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

package/index.mjs

@@ -1,10 +1,10 @@
-import N, { memo as Ne, useState as P, useEffect as z, useRef as ee, useMemo as qe, Children as jt, createContext as At, useContext as ye, Fragment as Et, useCallback as Ee, useReducer as rr, Suspense as sr } from "react";
+import 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 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 { QueryClient as cr, QueryClientProvider as ur, useQueryClient as Nt, useQuery as cn, useMutation as fe } from "@tanstack/react-query";
+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";
 import { useCookies as mr, CookiesProvider as fr } from "react-cookie";
@@ -26,24 +26,24 @@ var dn = { exports: {} };
   (function() {
     var t = {}.hasOwnProperty;
     function n() {
-      for (var s = [], o = 0; o < arguments.length; o++) {
-        var l = arguments[o];
-        if (l) {
-          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);
+      for (var s = [], a = 0; a < arguments.length; a++) {
+        var i = arguments[a];
+        if (i) {
+          var d = typeof i;
+          if (d === "string" || d === "number")
+            s.push(i);
+          else if (Array.isArray(i)) {
+            if (i.length) {
+              var o = n.apply(null, i);
+              o && s.push(o);
             }
-          } else if (m === "object") {
-            if (l.toString !== Object.prototype.toString && !l.toString.toString().includes("[native code]")) {
-              s.push(l.toString());
+          } else if (d === "object") {
+            if (i.toString !== Object.prototype.toString && !i.toString.toString().includes("[native code]")) {
+              s.push(i.toString());
               continue;
             }
-            for (var i in l)
-              t.call(l, i) && l[i] && s.push(i);
+            for (var l in i)
+              t.call(i, l) && i[l] && s.push(l);
           }
         }
       }
@@ -52,8 +52,8 @@ var dn = { exports: {} };
     e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
 })(dn);
-var br = dn.exports;
-const j = /* @__PURE__ */ xr(br), vr = ({ element: e = "span", showOnFocus: t = !0, children: n, ...s }) => N.createElement(e, { ...s, className: j("hidden", { "show-on-focus": t }), children: n }), re = Ne(vr), wr = ({ element: e = "span", children: t = null, ...n }) => N.createElement(e, { ...n, "aria-hidden": !0 }, t), mn = Ne(wr);
+var 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 = {};
 /**
  * @license React
@@ -69,18 +69,18 @@ function kr() {
   if (qt)
     return Pe;
   qt = 1;
-  var e = N, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function m(a, i, c) {
-    var u, f = {}, p = null, h = null;
-    c !== void 0 && (p = "" + c), i.key !== void 0 && (p = "" + i.key), i.ref !== void 0 && (h = i.ref);
-    for (u in i)
-      s.call(i, u) && !l.hasOwnProperty(u) && (f[u] = i[u]);
-    if (a && a.defaultProps)
-      for (u in i = a.defaultProps, i)
-        f[u] === void 0 && (f[u] = i[u]);
-    return { $$typeof: t, type: a, key: p, ref: h, props: f, _owner: o.current };
+  var e = A, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, a = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function d(o, l, m) {
+    var c, f = {}, p = null, h = null;
+    m !== void 0 && (p = "" + m), l.key !== void 0 && (p = "" + l.key), l.ref !== void 0 && (h = l.ref);
+    for (c in l)
+      s.call(l, c) && !i.hasOwnProperty(c) && (f[c] = l[c]);
+    if (o && o.defaultProps)
+      for (c in l = o.defaultProps, l)
+        f[c] === void 0 && (f[c] = l[c]);
+    return { $$typeof: t, type: o, key: p, ref: h, props: f, _owner: a.current };
   }
-  return Pe.Fragment = n, Pe.jsx = m, Pe.jsxs = m, Pe;
+  return Pe.Fragment = n, Pe.jsx = d, Pe.jsxs = d, Pe;
 }
 var Fe = {};
 /**
@@ -95,86 +95,86 @@ var Fe = {};
 var Kt;
 function yr() {
   return Kt || (Kt = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = N, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), m = Symbol.for("react.provider"), a = Symbol.for("react.context"), i = Symbol.for("react.forward_ref"), c = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), h = Symbol.for("react.offscreen"), _ = Symbol.iterator, k = "@@iterator";
-    function g(d) {
-      if (d === null || typeof d != "object")
+    var e = A, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), o = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), c = 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(u) {
+      if (u === null || typeof u != "object")
         return null;
-      var x = _ && d[_] || d[k];
+      var x = _ && u[_] || u[k];
       return typeof x == "function" ? x : null;
     }
     var E = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function v(d) {
+    function b(u) {
       {
         for (var x = arguments.length, y = new Array(x > 1 ? x - 1 : 0), $ = 1; $ < x; $++)
           y[$ - 1] = arguments[$];
-        S("error", d, y);
+        S("error", u, y);
       }
     }
-    function S(d, x, y) {
+    function S(u, x, y) {
       {
         var $ = E.ReactDebugCurrentFrame, O = $.getStackAddendum();
         O !== "" && (x += "%s", y = y.concat([O]));
         var H = y.map(function(D) {
           return String(D);
         });
-        H.unshift("Warning: " + x), Function.prototype.apply.call(console[d], console, H);
+        H.unshift("Warning: " + x), Function.prototype.apply.call(console[u], console, H);
       }
     }
-    var T = !1, M = !1, Q = !1, V = !1, b = !1, A;
-    A = Symbol.for("react.module.reference");
-    function q(d) {
-      return !!(typeof d == "string" || typeof d == "function" || d === s || d === l || b || d === o || d === c || d === u || V || d === h || T || M || Q || typeof d == "object" && d !== null && (d.$$typeof === p || d.$$typeof === f || d.$$typeof === m || d.$$typeof === a || d.$$typeof === i || // This needs to include all possible module reference object
+    var T = !1, M = !1, Q = !1, V = !1, v = !1, N;
+    N = Symbol.for("react.module.reference");
+    function q(u) {
+      return !!(typeof u == "string" || typeof u == "function" || u === s || u === i || v || u === a || u === m || u === c || V || u === h || T || M || Q || typeof u == "object" && u !== null && (u.$$typeof === p || u.$$typeof === f || u.$$typeof === d || u.$$typeof === o || u.$$typeof === l || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      d.$$typeof === A || d.getModuleId !== void 0));
+      u.$$typeof === N || u.getModuleId !== void 0));
     }
-    function w(d, x, y) {
-      var $ = d.displayName;
+    function w(u, x, y) {
+      var $ = u.displayName;
       if ($)
         return $;
       var O = x.displayName || x.name || "";
       return O !== "" ? y + "(" + O + ")" : y;
     }
-    function G(d) {
-      return d.displayName || "Context";
+    function G(u) {
+      return u.displayName || "Context";
     }
-    function L(d) {
-      if (d == null)
+    function L(u) {
+      if (u == null)
         return null;
-      if (typeof d.tag == "number" && v("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof d == "function")
-        return d.displayName || d.name || null;
-      if (typeof d == "string")
-        return d;
-      switch (d) {
+      if (typeof u.tag == "number" && b("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof u == "function")
+        return u.displayName || u.name || null;
+      if (typeof u == "string")
+        return u;
+      switch (u) {
         case s:
           return "Fragment";
         case n:
           return "Portal";
-        case l:
+        case i:
           return "Profiler";
-        case o:
+        case a:
           return "StrictMode";
-        case c:
+        case m:
           return "Suspense";
-        case u:
+        case c:
           return "SuspenseList";
       }
-      if (typeof d == "object")
-        switch (d.$$typeof) {
-          case a:
-            var x = d;
+      if (typeof u == "object")
+        switch (u.$$typeof) {
+          case o:
+            var x = u;
             return G(x) + ".Consumer";
-          case m:
-            var y = d;
+          case d:
+            var y = u;
             return G(y._context) + ".Provider";
-          case i:
-            return w(d, d.render, "ForwardRef");
+          case l:
+            return w(u, u.render, "ForwardRef");
           case f:
-            var $ = d.displayName || null;
-            return $ !== null ? $ : L(d.type) || "Memo";
+            var $ = u.displayName || null;
+            return $ !== null ? $ : L(u.type) || "Memo";
           case p: {
-            var O = d, H = O._payload, D = O._init;
+            var O = u, H = O._payload, D = O._init;
             try {
               return L(D(H));
             } catch {
@@ -192,20 +192,20 @@ function yr() {
       {
         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 d = {
+          var u = {
             configurable: !0,
             enumerable: !0,
             value: R,
             writable: !0
           };
           Object.defineProperties(console, {
-            info: d,
-            log: d,
-            warn: d,
-            error: d,
-            group: d,
-            groupCollapsed: d,
-            groupEnd: d
+            info: u,
+            log: u,
+            warn: u,
+            error: u,
+            group: u,
+            groupCollapsed: u,
+            groupEnd: u
           });
         }
         U++;
@@ -214,40 +214,40 @@ function yr() {
     function X() {
       {
         if (U--, U === 0) {
-          var d = {
+          var u = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: B({}, d, {
+            log: B({}, u, {
               value: Y
             }),
-            info: B({}, d, {
+            info: B({}, u, {
               value: K
             }),
-            warn: B({}, d, {
+            warn: B({}, u, {
               value: ie
             }),
-            error: B({}, d, {
+            error: B({}, u, {
               value: le
             }),
-            group: B({}, d, {
+            group: B({}, u, {
               value: ce
             }),
-            groupCollapsed: B({}, d, {
+            groupCollapsed: B({}, u, {
               value: ue
             }),
-            groupEnd: B({}, d, {
+            groupEnd: B({}, u, {
               value: oe
             })
           });
         }
-        U < 0 && v("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        U < 0 && b("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var ne = E.ReactCurrentDispatcher, me;
-    function pe(d, x, y) {
+    function pe(u, x, y) {
       {
         if (me === void 0)
           try {
@@ -257,7 +257,7 @@ function yr() {
             me = $ && $[1] || "";
           }
         return `
-` + me + d;
+` + me + u;
       }
     }
     var ge = !1, Se;
@@ -265,11 +265,11 @@ function yr() {
       var Pn = typeof WeakMap == "function" ? WeakMap : Map;
       Se = new Pn();
     }
-    function Lt(d, x) {
-      if (!d || ge)
+    function Lt(u, x) {
+      if (!u || ge)
         return "";
       {
-        var y = Se.get(d);
+        var y = Se.get(u);
         if (y !== void 0)
           return y;
       }
@@ -294,14 +294,14 @@ function yr() {
             } catch (_e) {
               $ = _e;
             }
-            Reflect.construct(d, [], D);
+            Reflect.construct(u, [], D);
           } else {
             try {
               D.call();
             } catch (_e) {
               $ = _e;
             }
-            d.call(D.prototype);
+            u.call(D.prototype);
           }
         } else {
           try {
@@ -309,7 +309,7 @@ function yr() {
           } catch (_e) {
             $ = _e;
           }
-          d();
+          u();
         }
       } catch (_e) {
         if (_e && $ && typeof _e.stack == "string") {
@@ -324,7 +324,7 @@ function yr() {
                   if (J--, Z--, Z < 0 || C[J] !== se[Z]) {
                     var de = `
 ` + C[J].replace(" at new ", " at ");
-                    return d.displayName && de.includes("<anonymous>") && (de = de.replace("<anonymous>", d.displayName)), typeof d == "function" && Se.set(d, de), de;
+                    return u.displayName && de.includes("<anonymous>") && (de = de.replace("<anonymous>", u.displayName)), typeof u == "function" && Se.set(u, de), de;
                   }
                 while (J >= 1 && Z >= 0);
               break;
@@ -333,37 +333,37 @@ function yr() {
       } finally {
         ge = !1, ne.current = H, X(), Error.prepareStackTrace = O;
       }
-      var Te = d ? d.displayName || d.name : "", Zt = Te ? pe(Te) : "";
-      return typeof d == "function" && Se.set(d, Zt), Zt;
+      var Te = u ? u.displayName || u.name : "", Zt = Te ? pe(Te) : "";
+      return typeof u == "function" && Se.set(u, Zt), Zt;
     }
-    function Fn(d, x, y) {
-      return Lt(d, !1);
+    function Fn(u, x, y) {
+      return Lt(u, !1);
     }
-    function Rn(d) {
-      var x = d.prototype;
+    function Rn(u) {
+      var x = u.prototype;
       return !!(x && x.isReactComponent);
     }
-    function Be(d, x, y) {
-      if (d == null)
+    function Be(u, x, y) {
+      if (u == null)
         return "";
-      if (typeof d == "function")
-        return Lt(d, Rn(d));
-      if (typeof d == "string")
-        return pe(d);
-      switch (d) {
-        case c:
+      if (typeof u == "function")
+        return Lt(u, Rn(u));
+      if (typeof u == "string")
+        return pe(u);
+      switch (u) {
+        case m:
           return pe("Suspense");
-        case u:
+        case c:
           return pe("SuspenseList");
       }
-      if (typeof d == "object")
-        switch (d.$$typeof) {
-          case i:
-            return Fn(d.render);
+      if (typeof u == "object")
+        switch (u.$$typeof) {
+          case l:
+            return Fn(u.render);
           case f:
-            return Be(d.type, x, y);
+            return Be(u.type, x, y);
           case p: {
-            var $ = d, O = $._payload, H = $._init;
+            var $ = u, O = $._payload, H = $._init;
             try {
               return Be(H(O), x, y);
             } catch {
@@ -373,55 +373,55 @@ function yr() {
       return "";
     }
     var Ie = Object.prototype.hasOwnProperty, Bt = {}, It = E.ReactDebugCurrentFrame;
-    function He(d) {
-      if (d) {
-        var x = d._owner, y = Be(d.type, d._source, x ? x.type : null);
+    function He(u) {
+      if (u) {
+        var x = u._owner, y = Be(u.type, u._source, x ? x.type : null);
         It.setExtraStackFrame(y);
       } else
         It.setExtraStackFrame(null);
     }
-    function On(d, x, y, $, O) {
+    function On(u, x, y, $, O) {
       {
         var H = Function.call.bind(Ie);
-        for (var D in d)
-          if (H(d, D)) {
+        for (var D in u)
+          if (H(u, D)) {
             var C = void 0;
             try {
-              if (typeof d[D] != "function") {
-                var se = Error(($ || "React class") + ": " + y + " type `" + D + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof d[D] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof u[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 u[D] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw se.name = "Invariant Violation", se;
               }
-              C = d[D](x, D, $, y, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              C = u[D](x, D, $, y, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (J) {
               C = J;
             }
-            C && !(C instanceof Error) && (He(O), v("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", $ || "React class", y, D, typeof C), He(null)), C instanceof Error && !(C.message in Bt) && (Bt[C.message] = !0, He(O), v("Failed %s type: %s", y, C.message), He(null));
+            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));
           }
       }
     }
     var Ln = Array.isArray;
-    function ot(d) {
-      return Ln(d);
+    function ot(u) {
+      return Ln(u);
     }
-    function Bn(d) {
+    function Bn(u) {
       {
-        var x = typeof Symbol == "function" && Symbol.toStringTag, y = x && d[Symbol.toStringTag] || d.constructor.name || "Object";
+        var x = typeof Symbol == "function" && Symbol.toStringTag, y = x && u[Symbol.toStringTag] || u.constructor.name || "Object";
         return y;
       }
     }
-    function In(d) {
+    function In(u) {
       try {
-        return Ht(d), !1;
+        return Ht(u), !1;
       } catch {
         return !0;
       }
     }
-    function Ht(d) {
-      return "" + d;
+    function Ht(u) {
+      return "" + u;
     }
-    function Qt(d) {
-      if (In(d))
-        return v("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Bn(d)), Ht(d);
+    function Qt(u) {
+      if (In(u))
+        return b("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Bn(u)), Ht(u);
     }
     var De = E.ReactCurrentOwner, Hn = {
       key: !0,
@@ -430,56 +430,56 @@ function yr() {
       __source: !0
     }, Ut, Wt, at;
     at = {};
-    function Qn(d) {
-      if (Ie.call(d, "ref")) {
-        var x = Object.getOwnPropertyDescriptor(d, "ref").get;
+    function Qn(u) {
+      if (Ie.call(u, "ref")) {
+        var x = Object.getOwnPropertyDescriptor(u, "ref").get;
         if (x && x.isReactWarning)
           return !1;
       }
-      return d.ref !== void 0;
+      return u.ref !== void 0;
     }
-    function Un(d) {
-      if (Ie.call(d, "key")) {
-        var x = Object.getOwnPropertyDescriptor(d, "key").get;
+    function Un(u) {
+      if (Ie.call(u, "key")) {
+        var x = Object.getOwnPropertyDescriptor(u, "key").get;
         if (x && x.isReactWarning)
           return !1;
       }
-      return d.key !== void 0;
+      return u.key !== void 0;
     }
-    function Wn(d, x) {
-      if (typeof d.ref == "string" && De.current && x && De.current.stateNode !== x) {
+    function Wn(u, x) {
+      if (typeof u.ref == "string" && De.current && x && De.current.stateNode !== x) {
         var y = L(De.current.type);
-        at[y] || (v('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', L(De.current.type), d.ref), at[y] = !0);
+        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), u.ref), at[y] = !0);
       }
     }
-    function zn(d, x) {
+    function zn(u, x) {
       {
         var y = function() {
-          Ut || (Ut = !0, v("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", x));
+          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));
         };
-        y.isReactWarning = !0, Object.defineProperty(d, "key", {
+        y.isReactWarning = !0, Object.defineProperty(u, "key", {
           get: y,
           configurable: !0
         });
       }
     }
-    function Vn(d, x) {
+    function Vn(u, x) {
       {
         var y = function() {
-          Wt || (Wt = !0, v("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", x));
+          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));
         };
-        y.isReactWarning = !0, Object.defineProperty(d, "ref", {
+        y.isReactWarning = !0, Object.defineProperty(u, "ref", {
           get: y,
           configurable: !0
         });
       }
     }
-    var Yn = function(d, x, y, $, O, H, D) {
+    var Yn = function(u, x, y, $, O, H, D) {
       var C = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
-        type: d,
+        type: u,
         key: x,
         ref: y,
         props: D,
@@ -503,53 +503,53 @@ function yr() {
         value: O
       }), Object.freeze && (Object.freeze(C.props), Object.freeze(C)), C;
     };
-    function Gn(d, x, y, $, O) {
+    function Gn(u, x, y, $, 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 (d && d.defaultProps) {
-          var J = d.defaultProps;
+        if (u && u.defaultProps) {
+          var J = u.defaultProps;
           for (H in J)
             D[H] === void 0 && (D[H] = J[H]);
         }
         if (C || se) {
-          var Z = typeof d == "function" ? d.displayName || d.name || "Unknown" : d;
+          var Z = typeof u == "function" ? u.displayName || u.name || "Unknown" : u;
           C && zn(D, Z), se && Vn(D, Z);
         }
-        return Yn(d, C, se, O, $, De.current, D);
+        return Yn(u, C, se, O, $, De.current, D);
       }
     }
     var it = E.ReactCurrentOwner, zt = E.ReactDebugCurrentFrame;
-    function $e(d) {
-      if (d) {
-        var x = d._owner, y = Be(d.type, d._source, x ? x.type : null);
+    function $e(u) {
+      if (u) {
+        var x = u._owner, y = Be(u.type, u._source, x ? x.type : null);
         zt.setExtraStackFrame(y);
       } else
         zt.setExtraStackFrame(null);
     }
     var lt;
     lt = !1;
-    function ct(d) {
-      return typeof d == "object" && d !== null && d.$$typeof === t;
+    function ct(u) {
+      return typeof u == "object" && u !== null && u.$$typeof === t;
     }
     function Vt() {
       {
         if (it.current) {
-          var d = L(it.current.type);
-          if (d)
+          var u = L(it.current.type);
+          if (u)
             return `
 
-Check the render method of \`` + d + "`.";
+Check the render method of \`` + u + "`.";
         }
         return "";
       }
     }
-    function Jn(d) {
+    function Jn(u) {
       {
-        if (d !== void 0) {
-          var x = d.fileName.replace(/^.*[\\\/]/, ""), y = d.lineNumber;
+        if (u !== void 0) {
+          var x = u.fileName.replace(/^.*[\\\/]/, ""), y = u.lineNumber;
           return `
 
 Check your code at ` + x + ":" + y + ".";
@@ -558,11 +558,11 @@ Check your code at ` + x + ":" + y + ".";
       }
     }
     var Yt = {};
-    function Xn(d) {
+    function Xn(u) {
       {
         var x = Vt();
         if (!x) {
-          var y = typeof d == "string" ? d : d.displayName || d.name;
+          var y = typeof u == "string" ? u : u.displayName || u.name;
           y && (x = `
 
 Check the top-level render call using <` + y + ">.");
@@ -570,47 +570,47 @@ Check the top-level render call using <` + y + ">.");
         return x;
       }
     }
-    function Gt(d, x) {
+    function Gt(u, x) {
       {
-        if (!d._store || d._store.validated || d.key != null)
+        if (!u._store || u._store.validated || u.key != null)
           return;
-        d._store.validated = !0;
+        u._store.validated = !0;
         var y = Xn(x);
         if (Yt[y])
           return;
         Yt[y] = !0;
         var $ = "";
-        d && d._owner && d._owner !== it.current && ($ = " It was passed a child from " + L(d._owner.type) + "."), $e(d), v('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', y, $), $e(null);
+        u && u._owner && u._owner !== it.current && ($ = " It was passed a child from " + L(u._owner.type) + "."), $e(u), 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);
       }
     }
-    function Jt(d, x) {
+    function Jt(u, x) {
       {
-        if (typeof d != "object")
+        if (typeof u != "object")
           return;
-        if (ot(d))
-          for (var y = 0; y < d.length; y++) {
-            var $ = d[y];
+        if (ot(u))
+          for (var y = 0; y < u.length; y++) {
+            var $ = u[y];
             ct($) && Gt($, x);
           }
-        else if (ct(d))
-          d._store && (d._store.validated = !0);
-        else if (d) {
-          var O = g(d);
-          if (typeof O == "function" && O !== d.entries)
-            for (var H = O.call(d), D; !(D = H.next()).done; )
+        else if (ct(u))
+          u._store && (u._store.validated = !0);
+        else if (u) {
+          var O = g(u);
+          if (typeof O == "function" && O !== u.entries)
+            for (var H = O.call(u), D; !(D = H.next()).done; )
               ct(D.value) && Gt(D.value, x);
         }
       }
     }
-    function Zn(d) {
+    function Zn(u) {
       {
-        var x = d.type;
+        var x = u.type;
         if (x == null || typeof x == "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.
+        else if (typeof x == "object" && (x.$$typeof === l || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         x.$$typeof === f))
           y = x.propTypes;
@@ -618,39 +618,39 @@ Check the top-level render call using <` + y + ">.");
           return;
         if (y) {
           var $ = L(x);
-          On(y, d.props, "prop", $, d);
+          On(y, u.props, "prop", $, u);
         } else if (x.PropTypes !== void 0 && !lt) {
           lt = !0;
           var O = L(x);
-          v("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", O || "Unknown");
+          b("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", O || "Unknown");
         }
-        typeof x.getDefaultProps == "function" && !x.getDefaultProps.isReactClassApproved && v("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof x.getDefaultProps == "function" && !x.getDefaultProps.isReactClassApproved && b("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function qn(d) {
+    function qn(u) {
       {
-        for (var x = Object.keys(d.props), y = 0; y < x.length; y++) {
+        for (var x = Object.keys(u.props), y = 0; y < x.length; y++) {
           var $ = x[y];
           if ($ !== "children" && $ !== "key") {
-            $e(d), v("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", $), $e(null);
+            $e(u), b("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", $), $e(null);
             break;
           }
         }
-        d.ref !== null && ($e(d), v("Invalid attribute `ref` supplied to `React.Fragment`."), $e(null));
+        u.ref !== null && ($e(u), b("Invalid attribute `ref` supplied to `React.Fragment`."), $e(null));
       }
     }
-    function Xt(d, x, y, $, O, H) {
+    function Xt(u, x, y, $, O, H) {
       {
-        var D = q(d);
+        var D = q(u);
         if (!D) {
           var C = "";
-          (d === void 0 || typeof d == "object" && d !== null && Object.keys(d).length === 0) && (C += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          (u === void 0 || typeof u == "object" && u !== null && Object.keys(u).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();
           var J;
-          d === null ? J = "null" : ot(d) ? J = "array" : d !== void 0 && d.$$typeof === t ? (J = "<" + (L(d.type) || "Unknown") + " />", C = " Did you accidentally export a JSX literal instead of a component?") : J = typeof d, v("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", J, C);
+          u === null ? J = "null" : ot(u) ? J = "array" : u !== void 0 && u.$$typeof === t ? (J = "<" + (L(u.type) || "Unknown") + " />", C = " Did you accidentally export a JSX literal instead of a component?") : J = typeof u, 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);
         }
-        var Z = Gn(d, x, y, O, H);
+        var Z = Gn(u, x, y, O, H);
         if (Z == null)
           return Z;
         if (D) {
@@ -659,21 +659,21 @@ Check the top-level render call using <` + y + ">.");
             if ($)
               if (ot(de)) {
                 for (var Te = 0; Te < de.length; Te++)
-                  Jt(de[Te], d);
+                  Jt(de[Te], u);
                 Object.freeze && Object.freeze(de);
               } else
-                v("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                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.");
             else
-              Jt(de, d);
+              Jt(de, u);
         }
-        return d === s ? qn(Z) : Zn(Z), Z;
+        return u === s ? qn(Z) : Zn(Z), Z;
       }
     }
-    function Kn(d, x, y) {
-      return Xt(d, x, y, !0);
+    function Kn(u, x, y) {
+      return Xt(u, x, y, !0);
     }
-    function er(d, x, y) {
-      return Xt(d, x, y, !1);
+    function er(u, x, y) {
+      return Xt(u, x, y, !1);
     }
     var tr = er, nr = Kn;
     Fe.Fragment = s, Fe.jsx = tr, Fe.jsxs = nr;
@@ -696,9 +696,9 @@ const jr = () => {
   }, t);
 };
 function Er(e, t, n) {
-  var s = this, o = ee(null), l = ee(0), m = ee(null), a = ee([]), i = ee(), c = ee(), u = ee(e), f = ee(!0);
+  var s = this, a = ee(null), i = ee(0), d = ee(null), o = ee([]), l = ee(), m = ee(), c = ee(e), f = ee(!0);
   z(function() {
-    u.current = e;
+    c.current = e;
   }, [e]);
   var p = !t && t !== 0 && typeof window < "u";
   if (typeof e != "function")
@@ -711,66 +711,66 @@ function Er(e, t, n) {
     };
   }, []);
   var E = qe(function() {
-    var v = function(b) {
-      var A = a.current, q = i.current;
-      return a.current = i.current = null, l.current = b, c.current = u.current.apply(q, A);
-    }, S = function(b, A) {
-      p && cancelAnimationFrame(m.current), m.current = p ? requestAnimationFrame(b) : setTimeout(b, A);
-    }, T = function(b) {
+    var b = function(v) {
+      var N = o.current, q = l.current;
+      return o.current = l.current = null, i.current = v, m.current = c.current.apply(q, N);
+    }, S = function(v, N) {
+      p && cancelAnimationFrame(d.current), d.current = p ? requestAnimationFrame(v) : setTimeout(v, N);
+    }, T = function(v) {
       if (!f.current)
         return !1;
-      var A = b - o.current;
-      return !o.current || A >= t || A < 0 || k && b - l.current >= g;
-    }, M = function(b) {
-      return m.current = null, _ && a.current ? v(b) : (a.current = i.current = null, c.current);
-    }, Q = function b() {
-      var A = Date.now();
-      if (T(A))
-        return M(A);
+      var N = v - a.current;
+      return !a.current || N >= t || N < 0 || k && v - i.current >= g;
+    }, M = function(v) {
+      return d.current = null, _ && o.current ? b(v) : (o.current = l.current = null, m.current);
+    }, Q = function v() {
+      var N = Date.now();
+      if (T(N))
+        return M(N);
       if (f.current) {
-        var q = t - (A - o.current), w = k ? Math.min(q, g - (A - l.current)) : q;
-        S(b, w);
+        var q = t - (N - a.current), w = k ? Math.min(q, g - (N - i.current)) : q;
+        S(v, w);
       }
     }, V = function() {
-      var b = Date.now(), A = T(b);
-      if (a.current = [].slice.call(arguments), i.current = s, o.current = b, A) {
-        if (!m.current && f.current)
-          return l.current = o.current, S(Q, t), h ? v(o.current) : c.current;
+      var v = Date.now(), N = T(v);
+      if (o.current = [].slice.call(arguments), l.current = s, a.current = v, N) {
+        if (!d.current && f.current)
+          return i.current = a.current, S(Q, t), h ? b(a.current) : m.current;
         if (k)
-          return S(Q, t), v(o.current);
+          return S(Q, t), b(a.current);
       }
-      return m.current || S(Q, t), c.current;
+      return d.current || S(Q, t), m.current;
     };
     return V.cancel = function() {
-      m.current && (p ? cancelAnimationFrame(m.current) : clearTimeout(m.current)), l.current = 0, a.current = o.current = i.current = m.current = null;
+      d.current && (p ? cancelAnimationFrame(d.current) : clearTimeout(d.current)), i.current = 0, o.current = a.current = l.current = d.current = null;
     }, V.isPending = function() {
-      return !!m.current;
+      return !!d.current;
     }, V.flush = function() {
-      return m.current ? M(Date.now()) : c.current;
+      return d.current ? M(Date.now()) : m.current;
     }, V;
   }, [h, k, t, g, _, p]);
   return E;
 }
 function fn(e, t, n) {
-  var s = n === void 0 ? {} : n, o = s.leading, l = s.trailing;
-  return Er(e, t, { maxWait: t, leading: o === void 0 || o, trailing: l === void 0 || l });
+  var s = n === void 0 ? {} : n, a = s.leading, i = s.trailing;
+  return Er(e, t, { maxWait: t, leading: a === void 0 || a, trailing: i === void 0 || i });
 }
 let ut;
 const tt = (e = !0, t = !1) => {
   if (!e)
     return;
-  const [n, s] = N.useState(0) || [!1, () => {
+  const [n, s] = A.useState(0) || [!1, () => {
   }];
-  z(() => (l(), window.addEventListener("resize", m), () => {
-    clearTimeout(ut), m.flush(), window.removeEventListener("resize", m);
+  z(() => (i(), window.addEventListener("resize", d), () => {
+    clearTimeout(ut), d.flush(), window.removeEventListener("resize", d);
   }), []);
-  const o = () => window.innerWidth, l = () => {
-    s(o());
-  }, m = fn(
+  const a = () => window.innerWidth, i = () => {
+    s(a());
+  }, d = fn(
     () => {
-      o() !== n && (t && (clearTimeout(ut), document.body.classList.add("is-resizing"), ut = setTimeout(() => {
+      a() !== n && (t && (clearTimeout(ut), document.body.classList.add("is-resizing"), ut = setTimeout(() => {
         document.body.classList.remove("is-resizing");
-      }, 550)), l());
+      }, 550)), i());
     },
     500,
     { leading: !0 }
@@ -787,23 +787,23 @@ const tt = (e = !0, t = !1) => {
 }) => {
   if (!window)
     return;
-  const [o, l] = N.useState({ current: 0, past: 0 }) || [!1, () => {
-  }], [m, a] = N.useState({ scrollDown: !1, scrollUp: !1 }) || [!1, () => {
+  const [a, i] = A.useState({ current: 0, past: 0 }) || [!1, () => {
+  }], [d, o] = A.useState({ scrollDown: !1, scrollUp: !1 }) || [!1, () => {
   }];
-  z(() => (i(), window.addEventListener("scroll", c), () => {
-    c.flush(), window.removeEventListener("scroll", c);
+  z(() => (l(), window.addEventListener("scroll", m), () => {
+    m.flush(), window.removeEventListener("scroll", m);
   }), []);
-  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 && !m.scrollDown && (!m.scrollUp || p > t.up) && (n(), a({ scrollUp: !1, scrollDown: !0 }));
+  const l = () => {
+    const c = window.scrollY, f = a.current, p = c - f, h = p > 0 ? "down" : "up";
+    if (i({ current: c, past: f }), h === "down") {
+      c >= e + t.down && !d.scrollDown && (!d.scrollUp || p > t.up) && (n(), o({ scrollUp: !1, scrollDown: !0 }));
       return;
     }
-    Math.abs(p) >= t.up && !m.scrollUp && (s(), a({ scrollUp: !0, scrollDown: !1 }));
-  }, c = fn(() => {
-    i();
+    Math.abs(p) >= t.up && !d.scrollUp && (s(), o({ scrollUp: !0, scrollDown: !1 }));
+  }, m = fn(() => {
+    l();
   }, 250);
-  return o;
+  return a;
 }, oo = (e = [], t = !0) => {
   e = Array.isArray(e) ? e : [e];
   const n = ee(!1);
@@ -818,8 +818,8 @@ const tt = (e = !0, t = !1) => {
 }, $r = (e, t) => {
   Array.isArray(t) || (t = [t]);
   const n = or(e);
-  return t.forEach(({ type: s, value: o }) => {
-    ar(n, s, o);
+  return t.forEach(({ type: s, value: a }) => {
+    ar(n, s, a);
   }), n;
 }, pn = (e) => {
   const t = [];
@@ -829,11 +829,11 @@ const tt = (e = !0, t = !1) => {
   }), t.sort((n, s) => n - s);
 }, hn = (e, t, n) => {
   let s = n.mobile;
-  for (const o in t) {
-    const l = parseInt(String(t[o]));
-    if (e >= l)
-      s = n[l];
-    else if (e < l)
+  for (const a in t) {
+    const i = parseInt(String(t[a]));
+    if (e >= i)
+      s = n[i];
+    else if (e < i)
       break;
   }
   return s;
@@ -843,19 +843,19 @@ const tt = (e = !0, t = !1) => {
   month: "short",
   year: "numeric"
 }), Mr = (e) => {
-  let l;
+  let i;
   try {
-    l = (/* @__PURE__ */ new Date()).getTime() - new Date(e).getTime();
+    i = (/* @__PURE__ */ new Date()).getTime() - new Date(e).getTime();
   } catch {
     return "";
   }
-  const m = l / 36e5, a = Math.floor(l / 864e5);
-  if (a < 1)
-    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) };
+  const d = i / 36e5, o = Math.floor(i / 864e5);
+  if (o < 1)
+    return d < 1 ? { path: "now" } : { path: "hours", number: Math.floor(d) };
+  if (o < 7)
+    return { path: "days", number: o };
+  const l = Math.floor(o / 7);
+  return l <= 52 ? { path: "weeks", number: l } : { path: "years", number: Math.floor(o / 365) };
 }, Cr = (e) => new Promise((t) => setTimeout(t, e)), Dt = {
   apolitical: "Apolitical",
   breadcrumbs_label: "Go back to:",
@@ -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..."
-}, Ar = {
+}, Nr = {
   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>"
-}, Nr = {
+}, Ar = {
   collapsibleSection_summary: "En savoir plus",
   languageSwitcher_label: "Je voudrais lire cet article dans...",
   languageSwitcher_translation_original: "langue originale",
@@ -1161,40 +1161,40 @@ Thank you for helping to protect the Apolitical community from abusive content.`
 }, Pr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   en: Dt,
-  es: Ar,
-  fr: Nr,
+  es: Nr,
+  fr: Ar,
   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;
+}, Symbol.toStringTag, { value: "Module" })), he = (e, t, n, s, a = {}) => {
+  let i = "";
+  return `${t}_${n}` in Dt ? i = e({ id: `${t}_${n}` }, a) : i = e({ id: t }, { [s]: n, ...a }), i;
 }, Fr = (e, t, n) => {
   if (!e || e === 0)
     return "0";
   t || (t = 0), n || (n = ["k", "m", "b", "t"]);
   let s = e.toString();
   t = Math.pow(10, t);
-  for (let o = n.length - 1; o >= 0; o--) {
-    const l = Math.pow(10, (o + 1) * 3);
-    if (l <= e) {
-      e = Math.round(e * t / l) / t, e === 1e3 && o < n.length - 1 && (e = 1, o++), s = `${e}${n[o]}`;
+  for (let a = n.length - 1; a >= 0; a--) {
+    const i = Math.pow(10, (a + 1) * 3);
+    if (i <= e) {
+      e = Math.round(e * t / i) / t, e === 1e3 && a < n.length - 1 && (e = 1, a++), s = `${e}${n[a]}`;
       break;
     }
   }
   return s;
-}, gn = (e, t) => N.Children.map(e, (n) => N.cloneElement(n, {
+}, gn = (e, t) => A.Children.map(e, (n) => A.cloneElement(n, {
   ...t
 })), Rr = (e) => e.replace(/\s+/g, "").length > 0, W = ({
   variant: e = "primary",
   size: t = "medium",
   styling: n = { muted: !1, fullWidth: !1 },
   icon: s = !1,
-  href: o = !1,
-  element: l = "button",
-  onClick: m = !1,
-  className: a = "",
-  disabled: i = !1,
-  screenreaderText: c = !1,
-  children: u = !1,
+  href: a = !1,
+  element: i = "button",
+  onClick: d = !1,
+  className: o = "",
+  disabled: l = !1,
+  screenreaderText: m = !1,
+  children: c = !1,
   ...f
 }) => {
   const h = tt(typeof t == "object");
@@ -1206,51 +1206,51 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   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 = {
     ...f,
-    className: j(e, a, _, {
-      "no-text": !u,
-      disabled: i,
-      button: o
+    className: j(e, o, _, {
+      "no-text": !c,
+      disabled: l,
+      button: a
     }),
     onClick: (g) => {
-      (!o || o[0] === "#") && m && (g.preventDefault(), g.stopPropagation()), m && m(g);
+      (!a || a[0] === "#") && d && (g.preventDefault(), g.stopPropagation()), d && d(g);
     },
-    disabled: typeof i == "object" && "isClickable" in i ? !i.isClickable : i
+    disabled: typeof l == "object" && "isClickable" in l ? !l.isClickable : l
   };
-  return o && (l = "a", k.href = o), N.createElement(
-    l,
+  return a && (i = "a", k.href = a), A.createElement(
+    i,
     k,
-    u || (c ? /* @__PURE__ */ r.jsx(re, { showOnFocus: !1, children: c }) : null)
+    c || (m ? /* @__PURE__ */ r.jsx(re, { showOnFocus: !1, children: m }) : null)
   );
 }, nt = ({ buttons: e, className: t = "", ...n }) => {
-  const s = e.length > 1 ? "ul" : "p", o = e.map((l, m) => s === "p" ? /* @__PURE__ */ r.jsx(W, { ...l }, m) : /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(W, { ...l }) }, m));
-  return N.createElement(s, { className: j("button-wrapper", t), ...n, children: o });
+  const s = e.length > 1 ? "ul" : "p", a = e.map((i, d) => s === "p" ? /* @__PURE__ */ r.jsx(W, { ...i }, d) : /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(W, { ...i }) }, d));
+  return A.createElement(s, { className: j("button-wrapper", t), ...n, children: a });
 };
-const Ae = ({ maxWidth: e = !1 }) => {
-  const t = e ? { "--max-width": `${e / 16}rem` } : {};
-  return /* @__PURE__ */ r.jsx("hr", { className: j({ "has-max-width": e }), style: t });
+const Ne = ({ className: e = "", maxWidth: t = !1 }) => {
+  const n = t ? { "--max-width": `${t / 16}rem` } : {};
+  return /* @__PURE__ */ r.jsx("hr", { className: j(e, { "has-max-width": t }), style: n });
 }, rt = ({
   href: e,
   children: t,
   fallbackElement: n,
   className: s = "",
-  onClick: o,
-  gtmContext: l,
-  gtmType: m,
-  ...a
+  onClick: a,
+  gtmContext: i,
+  gtmType: d,
+  ...o
 }) => {
   if (e) {
-    const i = { ...a };
-    return o && (i.onClick = o), l && (i["data-gtm-event-context"] = l), m && (i["data-gtm-event-type"] = m), /* @__PURE__ */ r.jsx(
+    const l = { ...o };
+    return a && (l.onClick = a), i && (l["data-gtm-event-context"] = i), d && (l["data-gtm-event-type"] = d), /* @__PURE__ */ r.jsx(
       "a",
       {
         href: e,
         className: j("gtm-trackable", s),
-        ...i,
+        ...l,
         children: t
       }
     );
   }
-  return n ? N.createElement(n, { children: t, className: s, ...a }) : t;
+  return n ? A.createElement(n, { children: t, className: s, ...o }) : t;
 }, en = {
   card: {
     range: [
@@ -1359,31 +1359,31 @@ const Ae = ({ maxWidth: e = !1 }) => {
   range: t,
   sizes: n
 }) => {
-  const { range: s, sizes: o } = e ? en[e] : en.fallback;
-  return { range: t && t.length > 0 ? t : s, sizes: n || o };
+  const { range: s, sizes: a } = e ? en[e] : en.fallback;
+  return { range: t && t.length > 0 ? t : s, sizes: n || a };
 }, 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({
+  let a = `w=${s}&h=${t}`;
+  return a = e ? `${a}&fm=${e}` : a, a = n ? `${a}&${n}` : a, a;
+}, dt = ({ format: e, range: t, url: n, query: s }) => t.map(({ height: a, width: i }) => `${n}?${Lr({
   format: e,
-  height: o,
+  height: a,
   query: s,
-  width: l
-})} ${l}w`).join(", ");
+  width: i
+})} ${i}w`).join(", ");
 const Br = ({ image: e, className: t, testId: n }) => {
   const {
     description: s,
-    height: o,
-    type: l,
-    query: m,
-    url: a,
-    width: i,
-    loading: c,
-    decoding: u,
+    height: a,
+    type: i,
+    query: d,
+    url: o,
+    width: l,
+    loading: m,
+    decoding: c,
     fetchPriority: f
-  } = e, { range: p, sizes: h } = Or(e), _ = dt({ format: "avif", query: m, range: p, url: a }), k = dt({ format: "webp", query: m, range: p, url: a }), g = dt({ format: "", query: m, range: p, url: a });
+  } = e, { range: p, sizes: h } = Or(e), _ = dt({ format: "avif", query: d, range: p, url: o }), k = dt({ format: "webp", query: d, range: p, url: o }), g = dt({ format: "", query: d, range: p, url: o });
   return /* @__PURE__ */ r.jsxs("picture", { className: t, children: [
-    l !== "image/gif" && /* @__PURE__ */ r.jsx(
+    i !== "image/gif" && /* @__PURE__ */ r.jsx(
       "source",
       {
         type: "image/avif",
@@ -1406,13 +1406,13 @@ const Br = ({ image: e, className: t, testId: n }) => {
       {
         srcSet: g,
         sizes: h,
-        src: a,
+        src: o,
         alt: s,
-        loading: c || "lazy",
-        decoding: u || "async",
+        loading: m || "lazy",
+        decoding: c || "async",
         fetchpriority: f || "auto",
-        width: i,
-        height: o,
+        width: l,
+        height: a,
         "data-testid": n || "image"
       }
     )
@@ -1420,41 +1420,41 @@ const Br = ({ image: e, className: t, testId: n }) => {
 };
 let Re = !1;
 const Ir = ({ isOpen: e = !1, isLoading: t = !1, children: n }) => {
-  const s = F(), o = ee(null), [l, m] = P("hidden");
+  const s = F(), a = ee(null), [i, d] = P("hidden");
   z(() => {
-    const i = o.current;
-    if (i)
-      return i.addEventListener("transitionend", a), () => {
-        i.removeEventListener("transitionend", a);
+    const l = a.current;
+    if (l)
+      return l.addEventListener("transitionend", o), () => {
+        l.removeEventListener("transitionend", o);
       };
   }, []);
-  const a = ({ propertyName: i }) => {
-    i === "opacity" && (Re !== !1 && clearTimeout(Re), m((c) => c === "opening" ? "open" : c === "closing" ? "closed" : c === "closed" ? "hidden" : c));
+  const o = ({ propertyName: l }) => {
+    l === "opacity" && (Re !== !1 && clearTimeout(Re), d((m) => m === "opening" ? "open" : m === "closing" ? "closed" : m === "closed" ? "hidden" : m));
   };
   return Ce(() => {
     Re !== !1 && clearTimeout(Re);
-    let i = "open";
-    e ? m("opening") : (m("closing"), i = "hidden"), Re = setTimeout(() => {
-      m(i);
+    let l = "open";
+    e ? d("opening") : (d("closing"), l = "hidden"), Re = setTimeout(() => {
+      d(l);
     }, 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 });
+  }, [e]), /* @__PURE__ */ r.jsx("aside", { ref: a, className: j("tooltip text-medium", i, { loading: t }), hidden: i === "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 s = [];
-  return t.forEach((o) => {
+  return t.forEach((a) => {
     s.push({
-      href: o.link,
+      href: a.link,
       variant: "secondary",
       size: { mobile: "medium", 1024: "large" },
       className: "gtm-trackable",
       "data-gtm-event-type": "download-click",
-      "data-gtm-event-context": o.eventContext || "Download",
+      "data-gtm-event-context": a.eventContext || "Download",
       target: "_blank",
-      children: o.text
+      children: a.text
     });
   }), /* @__PURE__ */ r.jsx(_n, { className: j("download-section", n), children: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    N.createElement(typeof e == "string" ? "h2" : e.element, { className: "text" }, typeof e == "string" ? e : e.text),
+    A.createElement(typeof e == "string" ? "h2" : e.element, { className: "text" }, typeof e == "string" ? e : e.text),
     /* @__PURE__ */ r.jsx(nt, { buttons: s })
   ] }) });
 };
@@ -1462,41 +1462,41 @@ const io = ({ title: e = !1, logos: t = [], className: n = "" }) => {
   const s = t.length;
   if (s === 0)
     return null;
-  const o = {
+  const a = {
     element: typeof e == "object" ? e.element : "h2",
     text: typeof e == "string" ? e : typeof e == "object" ? e.text : ""
   };
   return /* @__PURE__ */ r.jsxs("div", { className: j("logos", n), children: [
-    e && N.createElement(o.element, { className: "title" }, o.text),
+    e && A.createElement(a.element, { className: "title" }, a.text),
     /* @__PURE__ */ r.jsx(
       "ul",
       {
         className: j({ "two-col": s === 2 || s === 4, "three-col": s === 5 || s <= 10 && s % 3 === 0 }),
         children: t.map(
-          ({ logo: l, nameOfBusiness: m, link: a = !1, description: i = !1 }, c) => {
-            if (!l || !l.url)
+          ({ logo: i, nameOfBusiness: d, link: o = !1, description: l = !1 }, m) => {
+            if (!i || !i.url)
               return null;
-            const u = /* @__PURE__ */ r.jsx(
+            const c = /* @__PURE__ */ r.jsx(
               "img",
               {
-                src: l.url,
-                width: l.width || "auto",
-                height: l.height || "auto",
-                alt: m
+                src: i.url,
+                width: i.width || "auto",
+                height: i.height || "auto",
+                alt: d
               }
             );
             return /* @__PURE__ */ r.jsxs("li", { children: [
-              /* @__PURE__ */ r.jsx("p", { className: "img-wrapper", children: a ? /* @__PURE__ */ r.jsx(
+              /* @__PURE__ */ r.jsx("p", { className: "img-wrapper", children: o ? /* @__PURE__ */ r.jsx(
                 "a",
                 {
-                  href: a,
+                  href: o,
                   target: "_blank",
                   rel: "nofollow noreferrer noopener",
-                  children: u
+                  children: c
                 }
-              ) : u }),
-              i && /* @__PURE__ */ r.jsx("small", { children: i })
-            ] }, window.btoa(`${l.url}_${c}`));
+              ) : c }),
+              l && /* @__PURE__ */ r.jsx("small", { children: l })
+            ] }, window.btoa(`${i.url}_${m}`));
           }
         )
       }
@@ -1517,67 +1517,87 @@ const Hr = [
   "h6",
   "blockquote",
   "q"
-], Qr = ({ content: e, image: t, variant: n = "default", spacing: s = "normal", cta: o, children: l }) => {
-  const m = ["eyebrow", "title", "text"], a = { eyebrow: "small", title: "h1", text: "p" }, i = {};
-  return m.forEach((c) => {
-    if (!e[c]) {
-      i[c] = !1;
+], Qr = ({
+  className: e = "",
+  content: t,
+  image: n,
+  variant: s = "default",
+  spacing: a = "normal",
+  cta: i,
+  children: d
+}) => {
+  const o = ["eyebrow", "title", "text"], l = { eyebrow: "small", title: "h1", text: "p" }, m = {};
+  return o.forEach((c) => {
+    if (!t[c]) {
+      m[c] = !1;
       return;
     }
-    if (typeof e[c] == "object") {
-      i[c] = e[c];
-      const { text: u, element: f } = e[c];
-      if (f && Hr.includes(f.toLowerCase()))
+    if (typeof t[c] == "object") {
+      m[c] = t[c];
+      const { text: f, element: p } = t[c];
+      if (p && Hr.includes(p.toLowerCase()))
         return;
-      i[c] = {
-        text: u,
-        element: a[c]
+      m[c] = {
+        text: f,
+        element: l[c]
       };
       return;
     }
-    i[c] = { text: e[c], element: a[c] };
-  }), o && o.link && o.link[0] === "#" && (o.props || (o.props = {}), o.props.onClick = (c) => {
+    m[c] = {
+      text: t[c],
+      element: l[c]
+    };
+  }), i && i.link && i.link[0] === "#" && (i.props || (i.props = {}), i.props.onClick = (c) => {
     c.preventDefault(), c.stopPropagation();
-    const u = document.getElementById(o.link.substring(1));
-    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: [
-      m.map((c) => {
-        if (i[c] && typeof i[c] == "object") {
-          const { text: u, element: f = "" } = i[c];
-          return N.createElement(
-            f.toLowerCase(),
-            { key: c, className: c },
-            u
-          );
-        }
-        return null;
+    const f = document.getElementById(i.link.substring(1));
+    f && f.scrollIntoView({ behavior: "smooth" });
+  }), /* @__PURE__ */ r.jsx(
+    _n,
+    {
+      className: j("banner-section", s, a, e, {
+        "has-image": n,
+        "has-extra-spacing": a === "normal" && m.eyebrow && m.title
       }),
-      l,
-      o && o.text && o.link && /* @__PURE__ */ r.jsx(
-        W,
-        {
-          variant: t || n === "light" ? "primary" : "secondary",
-          size: { mobile: "medium", 768: "large" },
-          href: o.link,
-          ...o.props,
-          children: o.text
-        }
-      )
-    ] }),
-    t && /* @__PURE__ */ r.jsx(Br, { image: { ...t, aspect: "banner" } })
-  ] }) });
-}, lo = Ne(Qr);
+      children: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+        /* @__PURE__ */ r.jsxs("div", { className: "content-wrapper", children: [
+          o.map((c) => {
+            if (m[c] && typeof m[c] == "object") {
+              const { text: f, element: p = "" } = m[c];
+              return A.createElement(
+                p.toLowerCase(),
+                { key: c, className: c },
+                f
+              );
+            }
+            return null;
+          }),
+          d,
+          i && i.text && i.link && /* @__PURE__ */ r.jsx(
+            W,
+            {
+              variant: n || s === "light" ? "primary" : "secondary",
+              size: { mobile: "medium", 768: "large" },
+              href: i.link,
+              ...i.props,
+              children: i.text
+            }
+          )
+        ] }),
+        n && /* @__PURE__ */ r.jsx(Br, { image: { ...n, aspect: "banner" } })
+      ] })
+    }
+  );
+}, lo = Ae(Qr);
 const co = ({
   variant: e = "primary",
   button: t = null,
   title: n,
   text: s,
-  gtmContext: o
+  gtmContext: a
 }) => !n && !s ? null : /* @__PURE__ */ r.jsxs("aside", { className: j("marketing-block", e), children: [
   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 && /* @__PURE__ */ r.jsx(W, { variant: "secondary", size: "medium", href: t.link, className: "gtm-trackable", "data-gtm-event-context": a, "data-gtm-event-type": "learn-more-click", children: t.text })
 ] }), $t = "https://storage.googleapis.com/apolitical-assets/", Oe = {
   general: "hello@apolitical.co",
   support: "concierge@apolitical.co",
@@ -1595,46 +1615,46 @@ const xn = ({ label: e = !1, className: t = "", 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 = "" }) => {
-  let o = n && !!Object.keys(n).length;
-  const l = typeof n == "object" && "breakpoints" in n, m = tt(l);
-  if (l && typeof n == "object" && typeof m == "number") {
+  let a = n && !!Object.keys(n).length;
+  const i = typeof n == "object" && "breakpoints" in n, d = tt(i);
+  if (i && typeof n == "object" && typeof d == "number") {
     const f = Object.assign({}, n.breakpoints), p = pn(Object.keys(f));
-    o = hn(m, p, f);
+    a = hn(d, p, f);
   }
-  const { breakpoints: a, text: i = "", component: c, ...u } = n;
+  const { breakpoints: o, text: l = "", component: m, ...c } = 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 }),
-    o && typeof n == "object" && (c || /* @__PURE__ */ r.jsx(
+    a && typeof n == "object" && (m || /* @__PURE__ */ r.jsx(
       W,
       {
-        ...u,
+        ...c,
         variant: n.variant ? n.variant : "secondary",
-        children: i
+        children: l
       }
     ))
   ] }) });
 };
-const Tt = ({ children: e, ...t }) => /* @__PURE__ */ r.jsx("p", { ...t, children: e }), bn = { q: Tt, blockquote: Tt };
+const Tt = ({ children: e, ...t }) => /* @__PURE__ */ r.jsx("p", { ...t, children: e }), vn = { q: Tt, blockquote: Tt };
 for (let e = 1; e <= 6; e++)
-  bn[`h${e}`] = { component: Tt, props: { className: "title" } };
+  vn[`h${e}`] = { component: Tt, props: { className: "title" } };
 const Ur = ({ type: e = "default", className: t = "", heading: n = !1, children: s }) => /* @__PURE__ */ r.jsxs("div", { className: j("helper-text-box text-small", e, t), children: [
   n && /* @__PURE__ */ r.jsx("p", { className: "title", children: n }),
   typeof s == "string" ? /* @__PURE__ */ r.jsx(
     et,
     {
       options: {
-        wrapper: N.Fragment,
+        wrapper: A.Fragment,
         forceBlock: !0,
-        overrides: bn
+        overrides: vn
       },
       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(), m = ee(null), [a, i] = P(""), [c, u] = P("closed");
+const mo = ({ className: e = "", show: t = !1, hide: n = !1, text: s, children: a }) => {
+  const i = F(), d = ee(null), [o, l] = P(""), [m, c] = P("closed");
   z(() => {
-    const h = m.current;
+    const h = d.current;
     if (h)
       return h.addEventListener("transitionend", f), () => {
         h.removeEventListener("transitionend", f);
@@ -1644,21 +1664,21 @@ const mo = ({ className: e = "", show: t = !1, hide: n = !1, text: s, children:
       return;
     const h = s.split(`
 `);
-    i(h.length < 3 ? `${s.substring(0, 400)}...` : h.slice(0, 3).join(`
+    l(h.length < 3 ? `${s.substring(0, 400)}...` : h.slice(0, 3).join(`
 `));
   }, [s]), z(() => {
-    c === "ready-to-close" && u("closing");
-  }, [c]);
+    m === "ready-to-close" && c("closing");
+  }, [m]);
   const f = ({ propertyName: h }) => {
-    h === "max-height" && u((_) => _ === "opening" ? "open" : _ === "closing" ? "closed" : _);
+    h === "max-height" && c((_) => _ === "opening" ? "open" : _ === "closing" ? "closed" : _);
   };
   if (!s)
     return null;
-  const p = ["opening", "open"].includes(c);
+  const p = ["opening", "open"].includes(m);
   return /* @__PURE__ */ r.jsxs(ke, { variant: "subtle", className: j("hide-show-text-box", e), children: [
-    /* @__PURE__ */ r.jsxs("div", { ref: m, className: j("content", c), children: [
-      /* @__PURE__ */ r.jsx(et, { options: { forceBlock: !0 }, children: c === "closed" ? a : s }),
-      c !== "closed" && o
+    /* @__PURE__ */ r.jsxs("div", { ref: d, className: j("content", m), children: [
+      /* @__PURE__ */ r.jsx(et, { options: { forceBlock: !0 }, children: m === "closed" ? o : s }),
+      m !== "closed" && a
     ] }),
     /* @__PURE__ */ r.jsx("p", { className: "cta", children: /* @__PURE__ */ r.jsx(
       W,
@@ -1668,41 +1688,41 @@ const mo = ({ className: e = "", show: t = !1, hide: n = !1, text: s, children:
         styling: { muted: !0 },
         className: j({ "rotate-180": p }),
         onClick: () => {
-          u(p ? "ready-to-close" : "opening");
+          c(p ? "ready-to-close" : "opening");
         },
-        children: p ? n || l.formatMessage({ id: "hideShowTextBox_hide" }) : t || l.formatMessage({ id: "hideShowTextBox_show" })
+        children: p ? n || i.formatMessage({ id: "hideShowTextBox_hide" }) : t || i.formatMessage({ id: "hideShowTextBox_show" })
       }
     ) })
   ] });
-}, Wr = () => N.Fragment, zr = ({ children: e }) => /* @__PURE__ */ r.jsx(ke, { variant: "secondary", children: e }), Vr = ["span", "strong", "h1", "h2", "h3", "h4", "h5", "h6", "p"], Yr = ({ children: e }) => {
+}, 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();
   if (!e)
     return null;
   let n = t.formatMessage({ id: "markdown_collapsibleSection_summary" });
   const s = [];
-  for (const l of jt.toArray(e))
-    if (!(!l || typeof l == "string" || typeof l == "number"))
-      if (N.isValidElement(l) && l.type === "summary") {
-        if (l.props && l.props.children) {
-          for (const m of jt.toArray(l.props.children))
-            if (!(!m || typeof m == "string" || typeof m == "number") && N.isValidElement(m)) {
-              const a = m.type;
-              if (Vr.includes(a)) {
-                for (n = m.props.children; typeof n != "string" && (Array.isArray(n) && n[0].props && n[0].props.children && n[0].props.children[0]); )
+  for (const i of jt.toArray(e))
+    if (!(!i || typeof i == "string" || typeof i == "number"))
+      if (A.isValidElement(i) && i.type === "summary") {
+        if (i.props && i.props.children) {
+          for (const d of jt.toArray(i.props.children))
+            if (!(!d || typeof d == "string" || typeof d == "number") && A.isValidElement(d)) {
+              const o = d.type;
+              if (Vr.includes(o)) {
+                for (n = d.props.children; typeof n != "string" && (Array.isArray(n) && n[0].props && n[0].props.children && n[0].props.children[0]); )
                   n = n[0].props.children[0];
                 break;
               }
             }
         }
       } else
-        s.push(l);
-  const o = n ? n.toString() : "";
+        s.push(i);
+  const a = n ? n.toString() : "";
   return /* @__PURE__ */ r.jsx(
     xn,
     {
-      label: o,
-      className: ["Sources", "Resources"].includes(o) ? "discrete-links" : "",
-      children: s.map((l) => l)
+      label: a,
+      className: ["Sources", "Resources"].includes(a) ? "discrete-links" : "",
+      children: s.map((i) => i)
     }
   );
 }, Gr = ({ children: e, ...t }) => {
@@ -1722,8 +1742,8 @@ const mo = ({ className: e = "", show: t = !1, hide: n = !1, text: s, children:
 }, Jr = (e) => {
   const t = F(), n = Date.now().toString();
   let s = "default";
-  const o = e.src;
-  return o.includes("youtube") || o.includes("vimeo") ? s = "video" : o.includes("riddle") || o.includes("sli.do") ? s = "poll" : o.includes("padlet") && (s = "padlet"), /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+  const a = e.src;
+  return a.includes("youtube") || a.includes("vimeo") ? s = "video" : a.includes("riddle") || a.includes("sli.do") ? s = "poll" : a.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("iframe", { ...e, title: t.formatMessage({ id: `markdown_iframe${s === "default" ? "" : `_${s}`}` }) }),
     /* @__PURE__ */ r.jsx("span", { id: `content-after-iframe-${n}`, tabIndex: -1 })
@@ -1734,23 +1754,23 @@ const mo = ({ className: e = "", show: t = !1, hide: n = !1, text: s, children:
 }, Xr = ({ children: e, ...t }) => {
   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))
-    if (!(!l || typeof l == "string" || typeof l == "number") && N.isValidElement(l)) {
-      const m = l.type;
-      if (["button", "center", "span", "strong"].includes(m) && l.props && l.props.children && l.props.children[0])
-        for ((m === "button" || tn(l.props.children[0]) === "button") && (o = !0), s = l.props.children[0]; s && typeof s != "string" && !(typeof s == "boolean" || typeof s == "number" || !N.isValidElement(s)); )
+  let s = e, a = !1;
+  for (const i of jt.toArray(e))
+    if (!(!i || typeof i == "string" || typeof i == "number") && A.isValidElement(i)) {
+      const d = i.type;
+      if (["button", "center", "span", "strong"].includes(d) && i.props && i.props.children && i.props.children[0])
+        for ((d === "button" || tn(i.props.children[0]) === "button") && (a = !0), s = i.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);
+            s = s.props.children[0], s && tn(s) === "button" && (a = !0);
           else
             break;
     }
-  return o ? (n = { ...n, className: "button primary medium" }, /* @__PURE__ */ r.jsx("p", { className: "center", children: /* @__PURE__ */ r.jsx(W, { variant: "primary", size: "medium", ...n, children: s }) })) : /* @__PURE__ */ r.jsx("a", { ...n, children: s });
+  return a ? (n = { ...n, className: "button primary medium" }, /* @__PURE__ */ r.jsx("p", { className: "center", children: /* @__PURE__ */ r.jsx(W, { variant: "primary", size: "medium", ...n, children: s }) })) : /* @__PURE__ */ r.jsx("a", { ...n, children: s });
 }, Zr = ({ children: e }) => /* @__PURE__ */ r.jsx("span", { children: e });
 const nn = ({ className: e = "", options: t = {}, children: n }) => {
   n = n.replace(/^<br\/?>/, "");
   const s = {
-    wrapper: N.Fragment,
+    wrapper: A.Fragment,
     forceBlock: !0,
     overrides: {
       a: Xr,
@@ -1770,11 +1790,11 @@ const nn = ({ className: e = "", options: t = {}, children: n }) => {
   return /* @__PURE__ */ r.jsx("div", { className: j("markdown-text", e), children: /* @__PURE__ */ r.jsx(et, { options: { ...s, ...t }, children: n }) });
 };
 const qr = ({ size: e = "medium", variant: t = "default", className: n = "", children: s }) => /* @__PURE__ */ r.jsx("span", { className: j("pill", e, t, n), children: s });
-const Mt = ({ element: e = "p", children: t = null, className: n = "", ...s }) => N.createElement(e, { ...s, className: j("status-banner text-small", n), "aria-live": "assertive" }, t);
+const 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 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 }) }) });
-}, es = Ne(Kr);
+  const s = F(), a = e > 75 ? 100 : e > 50 ? 75 : e > 25 ? 50 : e > 5 ? 25 : 0, i = { "--progress": `${e}%` };
+  return /* @__PURE__ */ r.jsx("span", { className: j(`progress-bar section-${a}`, n), style: i, children: /* @__PURE__ */ r.jsx(re, { 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();
   t || (t = {
@@ -1782,32 +1802,32 @@ const mt = "loadingBlock_", ts = ({ progress: e = 0, steps: t = !1, className: n
     75: { text: s.formatMessage({ id: `${mt}almostDone` }) },
     100: { text: s.formatMessage({ id: `${mt}complete` }) }
   });
-  let o = null;
-  const l = Object.keys(t);
-  for (let a = 0; a < l.length && !(e < parseInt(l[a])); a++)
-    o = l[a];
-  const m = o && t[o].icon ? { "--icon": `url(${$t}icons/${t[o].icon}.svg)` } : {};
+  let a = null;
+  const i = Object.keys(t);
+  for (let o = 0; o < i.length && !(e < parseInt(i[o])); o++)
+    a = i[o];
+  const d = a && t[a].icon ? { "--icon": `url(${$t}icons/${t[a].icon}.svg)` } : {};
   return /* @__PURE__ */ r.jsxs(
     ke,
     {
-      className: j("loading-block", n, { "has-icon": o && t[o].icon }),
+      className: j("loading-block", n, { "has-icon": a && t[a].icon }),
       variant: "subtle",
-      style: m,
+      style: d,
       children: [
-        o && /* @__PURE__ */ r.jsx("span", { className: "step", children: t[o].text }),
+        a && /* @__PURE__ */ r.jsx("span", { className: "step", children: t[a].text }),
         /* @__PURE__ */ r.jsx(es, { progress: e })
       ]
     }
   );
-}, fo = Ne(ts);
-const ve = ({ element: e = "div", className: t = "", ...n }) => /* @__PURE__ */ r.jsx(mn, { element: e, className: j("loading-placeholder", t), ...n });
+}, 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 = {
   header: ["logo", "link", "link", "search"],
   sidebar: ["text", "text", "text", "text", "text"],
   "cards-section": ["subtitle", "cards"],
   cards: ["card", "card", "card", "card"],
   "overview-page": ["header", "sidebar", "title", "text", "cards-section", "cards-section", "footer"]
-}, vn = (e, t) => e in Ct ? /* @__PURE__ */ r.jsx("div", { className: e, children: Ct[e].map((n, s) => vn(n, s)) }, t) : /* @__PURE__ */ r.jsx(ve, { className: e }, t), ns = ({ layout: e = "overview-page" }) => /* @__PURE__ */ r.jsx("div", { className: j("loading-state", e), children: Ct[e].map((t, n) => vn(t, n)) }), wn = (e) => {
+}, 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) => {
   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) => {
@@ -1815,35 +1835,35 @@ const Ct = {
   if (n === "")
     return Qe[0];
   const s = n.charCodeAt(0) - 96;
-  for (let o = 0; o < Qe.length; o++)
-    if (s <= t * (o + 1))
-      return Qe[o];
+  for (let a = 0; a < Qe.length; a++)
+    if (s <= t * (a + 1))
+      return Qe[a];
 };
-const rn = 256, Pt = ({ className: e = "", src: t = "", name: n, alt: s, width: o = rn, height: l = rn, ...m }) => {
-  const [a, i] = P(!1), c = ee(null);
+const rn = 256, Pt = ({ className: e = "", src: t = "", name: n, alt: s, width: a = rn, height: i = rn, ...d }) => {
+  const [o, l] = P(!1), m = ee(null);
   z(() => {
-    const f = c.current;
+    const f = m.current;
     if (!f)
       return;
     const p = f.getContext("2d");
     if (!p)
       return;
-    const h = o, _ = l;
+    const h = a, _ = i;
     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 }), ...m, children: u ? /* @__PURE__ */ r.jsx(
+  let c = !1;
+  return t && t !== "" && !o && (t.includes("http") || t.includes("//")) && (c = !0), /* @__PURE__ */ r.jsx("figure", { className: j("profile-picture", e, { error: o }), ...d, children: c ? /* @__PURE__ */ r.jsx(
     "img",
     {
       src: t,
       alt: s || n,
       onError: () => {
-        i(!0);
+        l(!0);
       },
-      width: o,
-      height: l
+      width: a,
+      height: i
     }
-  ) : /* @__PURE__ */ r.jsx("canvas", { ref: c }) });
+  ) : /* @__PURE__ */ r.jsx("canvas", { ref: m }) });
 }, kn = (e) => e === "apolitical" ? {
   image: `${$t}logos/member_apolitical.svg`
 } : e === "community" || typeof e == "object" && !e.name ? {
@@ -1861,42 +1881,42 @@ const rn = 256, Pt = ({ className: e = "", src: t = "", name: n, alt: s, width:
   country: n = "",
   maximumCharacters: s = 80
 }) => {
-  const o = e !== "", l = t !== "", m = n !== "";
-  if (!o && !l && !m)
+  const a = e !== "", i = t !== "", d = n !== "";
+  if (!a && !i && !d)
     return "";
-  const a = `${e}${o && l ? ` — ${t}` : t}`;
-  let i = `${a}${(o || l) && m ? `, ${n}` : n}`;
-  return i.length > s && (i = a), i.length > s && (i = Ke(i, s)), i;
+  const o = `${e}${a && i ? ` — ${t}` : t}`;
+  let l = `${o}${(a || i) && d ? `, ${n}` : n}`;
+  return l.length > s && (l = o), l.length > s && (l = Ke(l, s)), l;
 };
 const Ft = ({
   element: e = "div",
   member: t = "community",
   additionalContent: n = !1,
   gtmContext: s = "member",
-  gtmType: o = "member-click",
-  className: l = ""
+  gtmType: a = "member-click",
+  className: i = ""
 }) => {
-  const m = F(), a = kn(t);
-  a.name || (a.name = m.formatMessage({ id: `member_${typeof t == "string" ? t : "community"}` }));
-  const { name: i, url: c, image: u } = a, f = ss(a), p = n && n.createdAt ? Mr(n.createdAt) : !1, h = n && n.createdAt ? Tr(n.createdAt) : "";
-  return N.createElement(e, {
-    className: j("member text-medium", l),
+  const d = F(), o = kn(t);
+  o.name || (o.name = d.formatMessage({ id: `member_${typeof t == "string" ? t : "community"}` }));
+  const { name: l, url: m, image: c } = o, f = ss(o), p = n && n.createdAt ? Mr(n.createdAt) : !1, h = n && n.createdAt ? Tr(n.createdAt) : "";
+  return A.createElement(e, {
+    className: j("member text-medium", i),
     children: /* @__PURE__ */ r.jsxs(
       rt,
       {
-        href: c,
-        gtmType: o,
+        href: m,
+        gtmType: a,
         gtmContext: s,
         onClick: (_) => {
           _ == null || _.stopPropagation();
         },
         children: [
-          /* @__PURE__ */ r.jsx(Pt, { name: i, src: u }),
+          /* @__PURE__ */ r.jsx(Pt, { name: l, src: c }),
           /* @__PURE__ */ r.jsxs("p", { className: "details", children: [
-            /* @__PURE__ */ r.jsx("strong", { children: i }),
+            /* @__PURE__ */ r.jsx("strong", { children: l }),
             n && /* @__PURE__ */ r.jsxs("span", { className: "additional-content", children: [
-              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" }) })
+              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" }) })
             ] }),
             f && /* @__PURE__ */ r.jsx("small", { children: f })
           ] })
@@ -1908,20 +1928,20 @@ 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: m } = { showText: !0, size: "medium", showGap: !0, showPlaceholders: !1 }, cutoff: a = 2, className: i = "" }) => {
-  const c = F();
-  return !n || n.length === 0 ? null : N.createElement(
+}, os = ({ element: e = "div", contributors: { total: t, data: n } = { total: void 0, data: [] }, styling: { showText: s, size: a, showGap: i, showPlaceholders: d } = { showText: !0, size: "medium", showGap: !0, showPlaceholders: !1 }, cutoff: o = 2, className: l = "" }) => {
+  const m = F();
+  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) => {
+    { className: j("contributors", l, a, { "has-gap": i }), children: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+      /* @__PURE__ */ r.jsx("ul", { children: n.map((c, f) => {
         let p, h = "";
-        if (f < a) {
-          const { name: _ = "", image: k = "" } = kn(u);
-          if (m)
-            return /* @__PURE__ */ r.jsx(ve, { element: "li", className: "contributor" }, f);
-          p = /* @__PURE__ */ r.jsx(Pt, { name: _, src: k, width: sn[o || "medium"], height: sn[o || "medium"] });
-        } else if (f === a) {
-          const _ = (t || n.length) - a;
+        if (f < o) {
+          const { name: _ = "", image: k = "" } = kn(c);
+          if (d)
+            return /* @__PURE__ */ r.jsx(be, { element: "li", className: "contributor" }, f);
+          p = /* @__PURE__ */ r.jsx(Pt, { name: _, src: k, width: sn[a || "medium"], height: sn[a || "medium"] });
+        } else if (f === o) {
+          const _ = (t || n.length) - o;
           p = /* @__PURE__ */ r.jsxs("small", { className: j({ "large-number": _ > 99 }), children: [
             "+",
             Fr(_, 0)
@@ -1929,7 +1949,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" ? m.formatMessage({ id: `member_${n[0]}` }) : Ke(n[0].name || "", 20) : null })
     ] }) }
   );
 }, as = ({ showDevTools: e = !0, children: t }) => {
@@ -1949,12 +1969,12 @@ const sn = {
     e && /* @__PURE__ */ r.jsx(dr, { initialIsOpen: !1 })
   ] });
 };
-var is = At({ client: Ge });
+var is = Nt({ 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);
+  var t = e.children, n = e.client, s = e.apiKey, a = e.options, i = 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 && a && 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, a)), Ge);
   }, [n, s]);
-  return N.createElement(is.Provider, { value: { client: l } }, t);
+  return A.createElement(is.Provider, { value: { client: i } }, t);
 }
 const cs = ({ children: e, user: t }) => t.isLoading ? /* @__PURE__ */ r.jsx(r.Fragment, {}) : process.env.REACT_APP_PUBLIC_POSTHOG_KEY ? /* @__PURE__ */ r.jsx(
   ls,
@@ -1973,87 +1993,58 @@ const cs = ({ children: e, user: t }) => t.isLoading ? /* @__PURE__ */ r.jsx(r.F
     children: e
   }
 ) : e, us = ({ children: e, locale: t, messages: n }) => {
-  const s = t || "en", o = {
+  const s = t || "en", a = {
     ...Pr[s],
     ...n || {}
   };
-  return /* @__PURE__ */ r.jsx(ir, { locale: s, messages: o, children: e });
-}, je = At(null), ds = ({ children: e, user: t }) => /* @__PURE__ */ r.jsx(je.Provider, { value: t, children: e }), po = ({ bootstrap: e, children: t, intl: n }) => {
-  const [s, o] = P({ isLoading: !0 });
+  return /* @__PURE__ */ r.jsx(ir, { locale: s, messages: a, 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, a] = P({ isLoading: !0 });
   return z(() => {
-    e().then((l) => o({ ...l, isLoading: !1 })).catch(() => o({ isLoading: !1 }));
+    e().then((i) => a({ ...i, isLoading: !1 })).catch(() => a({ 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: () => {
 }, leave: () => {
 } } }) => {
-  const o = F(), l = ye(je), m = l && typeof l.id == "string", [a, i] = P(e), [c, u] = P(e ? "joined" : "notJoined");
+  const a = F(), i = ye(je), d = i && typeof i.id == "string", [o, l] = P(e), [m, c] = P(e ? "joined" : "notJoined");
   z(() => {
-    c === "joining" ? u("joined") : c === "leaving" && u("notJoined");
-  }, [a]);
+    m === "joining" ? c("joined") : m === "leaving" && c("notJoined");
+  }, [o]);
   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 o && m !== "leaving" && (f["data-hover-text"] = a.formatMessage({ id: `${ft}_leave` }), f["aria-label"] = a.formatMessage({ id: `${ft}_member_aria` }), p["aria-hidden"] = "true"), /* @__PURE__ */ r.jsx(
     W,
     {
-      variant: a ? "secondary" : "primary",
+      variant: o ? "secondary" : "primary",
       size: "medium",
       styling: { fullWidth: !0 },
-      icon: a && c !== "leaving" ? { icon: "tick", position: "left" } : !1,
+      icon: o && m !== "leaving" ? { icon: "tick", position: "left" } : !1,
       onClick: async (h) => {
-        m && (h.currentTarget.blur(), a ? (u("leaving"), typeof s == "function" && await s()) : (u("joining"), typeof n == "function" && await n()), i(!a));
+        d && (h.currentTarget.blur(), o ? (c("leaving"), typeof s == "function" && await s()) : (c("joining"), typeof n == "function" && await n()), l(!o));
       },
-      className: j("join-community-button", c, { active: c === "joining" }),
-      disabled: !m,
+      className: j("join-community-button", m, { active: m === "joining" }),
+      disabled: !d,
       ...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: a.formatMessage({ id: `${ft}${["joining", "leaving"].includes(m) ? `_${m}` : o ? "_member" : t ? "_short" : ""}` }) })
     }
   );
 };
-const pt = "communityDetails_", ho = ({
-  className: e = "",
-  isMember: t = !1,
-  slug: n,
-  members: { number: s = 0, data: o = [] } = { number: 0, data: [] },
-  functions: { invite: l, ...m }
-}) => {
-  const a = F(), i = 5, c = s || o.length, u = o.length ? o : Array(i).fill({});
-  return /* @__PURE__ */ r.jsxs("div", { className: j("community-details", e), children: [
-    /* @__PURE__ */ r.jsx(Ae, {}),
+const pt = "communityDetails_", ho = ({ isMember: e = !1, slug: t, members: { number: n, data: s } = { number: void 0, data: [] }, className: a = "", ...i }) => {
+  const d = F(), o = n || (s == null ? void 0 : s.length) || 0;
+  return /* @__PURE__ */ r.jsxs("div", { className: j("community-details", a), children: [
+    /* @__PURE__ */ r.jsx(Ne, {}),
     /* @__PURE__ */ r.jsxs("div", { className: "member-details", children: [
       /* @__PURE__ */ r.jsxs("div", { className: "top", children: [
         /* @__PURE__ */ r.jsxs("h3", { children: [
-          a.formatMessage({ id: `${pt}members` }),
-          /* @__PURE__ */ r.jsx("span", { className: "count", children: c })
+          d.formatMessage({ id: `${pt}members` }),
+          /* @__PURE__ */ r.jsx("span", { className: "count", children: o })
         ] }),
-        /* @__PURE__ */ r.jsx("p", { className: "text-small", children: /* @__PURE__ */ r.jsx("a", { href: `/communities/${n}/members`, children: a.formatMessage({ id: `${pt}viewAll` }) }) })
+        /* @__PURE__ */ r.jsx("p", { className: "text-small", children: /* @__PURE__ */ r.jsx("a", { href: `/communities/${t}/members`, children: d.formatMessage({ id: `${pt}viewAll` }) }) })
       ] }),
-      /* @__PURE__ */ r.jsx(
-        os,
-        {
-          contributors: {
-            total: s,
-            data: u
-          },
-          styling: {
-            size: "medium",
-            showGap: !0,
-            showPlaceholders: c === 0
-          },
-          cutoff: i
-        }
-      )
+      /* @__PURE__ */ r.jsx(os, { contributors: { total: n, data: s != null && s.length ? s : [{}, {}, {}, {}, {}] }, styling: { size: "medium", showGap: !0, showPlaceholders: o === 0 }, cutoff: 5 })
     ] }),
-    /* @__PURE__ */ r.jsx(yn, { isMember: t, functions: { ...m } }),
-    t && /* @__PURE__ */ r.jsx(
-      W,
-      {
-        variant: "primary",
-        onClick: l,
-        icon: { icon: "plus" },
-        styling: { fullWidth: !0 },
-        children: a.formatMessage({ id: `${pt}invite` })
-      }
-    )
+    /* @__PURE__ */ r.jsx(yn, { isMember: e, ...i }),
+    e && /* @__PURE__ */ r.jsx(W, { variant: "primary", icon: { icon: "plus" }, styling: { fullWidth: !0 }, children: d.formatMessage({ id: `${pt}invite` }) })
   ] });
 };
 const go = ({
@@ -2064,10 +2055,10 @@ const go = ({
   const s = F();
   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: m = !1 }, a) => /* @__PURE__ */ r.jsxs("li", { children: [
-      m && /* @__PURE__ */ r.jsx(re, { element: "span", children: s.formatMessage({ id: "breadcrumbs_currentPage" }) }),
-      /* @__PURE__ */ r.jsx(rt, { href: m ? void 0 : l, children: Ke(o, t) })
-    ] }, `${window.btoa(o)}_${a}`)) })
+    /* @__PURE__ */ r.jsx("ul", { className: j("breadcrumbs text-small", n), children: e.map(({ text: a, href: i, current: d = !1 }, o) => /* @__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 : i, children: Ke(a, t) })
+    ] }, `${window.btoa(a)}_${o}`)) })
   ] });
 };
 const _o = ({
@@ -2076,34 +2067,34 @@ const _o = ({
   allowMultiple: n = !0,
   onChange: s = () => {
   },
-  className: o = ""
+  className: a = ""
 }) => {
-  const l = F(), m = t ? [{ id: "all", text: typeof t != "boolean" && t.text || l.formatMessage({ id: "filters_all" }) }, ...e] : e, [a, i] = P(t ? ["all"] : []), c = (u, f) => {
+  const i = F(), d = t ? [{ id: "all", text: typeof t != "boolean" && t.text || i.formatMessage({ id: "filters_all" }) }, ...e] : e, [o, l] = P(t ? ["all"] : []), m = (c, 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();
+    o.includes(c) ? p = o.filter((h) => h !== c) : c === "all" ? p = ["all"] : n ? p = [...o.filter((h) => h !== "all"), c] : p = [c], l((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: m.map(({ id: u, text: f, disabled: p = !1, callback: h = () => {
+  return /* @__PURE__ */ r.jsx("ul", { className: j("filters", a), children: d.map(({ id: c, 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(
+    return p && (_ = { disabled: !0, "aria-label": i.formatMessage({ id: "filters_disabled" }, { name: f }) }), /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
       "button",
       {
-        className: j(u, { selected: a.includes(u) }),
+        className: j(c, { selected: o.includes(c) }),
         onClick: (k) => {
-          k.preventDefault(), k.stopPropagation(), c(u, h);
+          k.preventDefault(), k.stopPropagation(), m(c, h);
         },
         ..._,
         children: f
       }
-    ) }, u);
+    ) }, c);
   }) });
 }, ms = (e, t) => {
   const n = String(e);
   if (!t || !t.length)
     return `/${n}`;
   let s = "";
-  return t.forEach(({ url: o, position: l }) => {
-    l === "before-lang" ? s += `/${o}` : (s.includes(`/${n}/`) || (s += `/${n}`), s += `/${o}`);
+  return t.forEach(({ url: a, position: i }) => {
+    i === "before-lang" ? s += `/${a}` : (s.includes(`/${n}/`) || (s += `/${n}`), s += `/${a}`);
   }), s.includes(`/${n}/`) || (s += `/${n}`), s;
 };
 const ht = { en: "English", es: "Español", fr: "Français", pt: "Português" }, Ue = "languageSwitcher_", xo = ({
@@ -2111,41 +2102,41 @@ const ht = { en: "English", es: "Español", fr: "Français", pt: "Português" },
   isOriginalLanguage: t = !1,
   isHumanTranslation: n = !1,
   translations: s,
-  onChange: o = () => {
+  onChange: a = () => {
   },
-  urlParts: l,
-  variant: m = "default",
-  label: a,
-  className: i = ""
+  urlParts: i,
+  variant: d = "default",
+  label: o,
+  className: l = ""
 }) => {
-  const c = F(), [u, f] = P(e);
+  const m = F(), [c, f] = P(e);
   if (z(() => {
-    e !== u && f(e);
+    e !== c && f(e);
   }, [e]), !s || !Object.values(s).some((k) => k && k.post_name))
     return null;
-  const h = Object.keys(s), _ = u !== e;
-  return /* @__PURE__ */ r.jsxs("div", { className: j("language-switcher text-small", m, i), children: [
+  const h = Object.keys(s), _ = c !== e;
+  return /* @__PURE__ */ r.jsxs("div", { className: j("language-switcher text-small", d, l), children: [
     /* @__PURE__ */ r.jsxs("nav", { children: [
-      m !== "short" && /* @__PURE__ */ r.jsx("p", { children: a || c.formatMessage({ id: `${Ue}label` }) }),
+      d !== "short" && /* @__PURE__ */ r.jsx("p", { children: o || m.formatMessage({ id: `${Ue}label` }) }),
       /* @__PURE__ */ r.jsx("ul", { children: h.map((k) => {
         if (!ht[k])
           return null;
         let g = { className: k };
-        return u === k ? g["aria-label"] = c.formatMessage({ id: `${Ue}selected` }, { language: ht[k] }) : g = {
+        return c === k ? g["aria-label"] = m.formatMessage({ id: `${Ue}selected` }, { language: ht[k] }) : g = {
           ...g,
-          href: ms(k, l),
+          href: ms(k, i),
           onClick: (E) => {
-            E.preventDefault(), E.stopPropagation(), f(k), o(k);
+            E.preventDefault(), E.stopPropagation(), f(k), a(k);
           }
         }, /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(rt, { ...g, fallbackElement: "span", children: ht[k] }) }, k);
       }) }),
-      m !== "short" && !_ && /* @__PURE__ */ r.jsx("p", { children: c.formatMessage({ id: `${Ue}translation_${t ? "original" : n ? "human" : "machine"}` }) })
+      d !== "short" && !_ && /* @__PURE__ */ r.jsx("p", { children: m.formatMessage({ id: `${Ue}translation_${t ? "original" : n ? "human" : "machine"}` }) })
     ] }),
-    m !== "short" && !_ && !t && !n && /* @__PURE__ */ r.jsx("small", {
+    d !== "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` }, {
+      children: m.formatMessage({ id: `${Ue}disclaimer` }, {
         email: Oe.support,
         link: (k) => {
           const g = `mailto:${k}`;
@@ -2161,51 +2152,51 @@ const gt = lr({ locale: "en", messages: Dt }), fs = ({
   limit: n = 10,
   loadNextPage: s = () => {
   },
-  icon: o = !1,
-  messages: l = {
+  icon: a = !1,
+  messages: i = {
     button: gt.formatMessage({ id: "loadMore_button" }),
     endOfFeed: gt.formatMessage({ id: "loadMore_endOfFeed" }),
     error: gt.formatMessage({ id: "loadMore_error" })
   },
-  className: m = "",
-  gtmContext: a = "LoadMore"
+  className: d = "",
+  gtmContext: o = "LoadMore"
 }) => {
-  const [i, c] = P(!1), [u, f] = P(!1);
+  const [l, m] = P(!1), [c, f] = P(!1);
   if (t <= 0 || t < n * e)
     return null;
   const p = async (h) => {
     try {
       await s(h);
     } catch (_) {
-      _ instanceof Error && _.message && _.message.includes("Cannot read items") ? f(!0) : c(!0);
+      _ instanceof Error && _.message && _.message.includes("Cannot read items") ? f(!0) : m(!0);
     }
   };
-  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(
+  return /* @__PURE__ */ r.jsxs("footer", { className: j("load-more", d), children: [
+    l && /* @__PURE__ */ r.jsx("p", { className: "error", children: i.error }),
+    c ? /* @__PURE__ */ r.jsx("p", { children: i.endOfFeed }) : /* @__PURE__ */ r.jsx(
       W,
       {
         variant: "secondary",
-        icon: o,
+        icon: a,
         onClick: p,
-        "data-gtm-event-context": a,
+        "data-gtm-event-context": o,
         "data-gtm-event-type": "load-more-click",
         className: "gtm-trackable",
         "data-testid": "load-more-button",
-        children: l.button
+        children: i.button
       }
     )
   ] });
 };
 let We = !1;
 const ps = ({ element: e = "div", id: t = "more-menu", options: n, className: s = "" }) => {
-  const o = F(), l = ee(null), [m, a] = P(!1), i = (c) => {
-    l.current && c.target instanceof HTMLElement && !l.current.contains(c.target) && a(!1);
+  const a = F(), i = ee(null), [d, o] = P(!1), l = (m) => {
+    i.current && m.target instanceof HTMLElement && !i.current.contains(m.target) && o(!1);
   };
-  return z(() => (document.addEventListener("click", i, !0), () => {
-    document.removeEventListener("click", i, !0);
-  })), N.createElement(e, {
-    ref: l,
+  return z(() => (document.addEventListener("click", l, !0), () => {
+    document.removeEventListener("click", l, !0);
+  })), A.createElement(e, {
+    ref: i,
     className: j("more-menu text-medium", s),
     children: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
       /* @__PURE__ */ r.jsx(
@@ -2214,29 +2205,29 @@ const ps = ({ element: e = "div", id: t = "more-menu", options: n, className: s
           variant: "tertiary",
           size: "medium",
           icon: { icon: "ellipsis" },
-          onClick: () => a(!m),
+          onClick: () => o(!d),
           "aria-haspopup": "true",
-          "aria-expanded": m,
+          "aria-expanded": d,
           "aria-controls": t,
-          screenreaderText: o.formatMessage({ id: "moreMenu" })
+          screenreaderText: a.formatMessage({ id: "moreMenu" })
         }
       ),
-      /* @__PURE__ */ r.jsx("ul", { id: t, hidden: !m, children: n.map(({ href: c, onClick: u, text: f, icon: p, ...h }, _) => {
+      /* @__PURE__ */ r.jsx("ul", { id: t, hidden: !d, children: n.map(({ href: m, onClick: c, text: f, icon: p, ...h }, _) => {
         const k = {
           ...h,
           onClick: (g) => {
-            a(!1), typeof u == "function" && u(g);
+            o(!1), typeof c == "function" && c(g);
           },
           onFocus: () => {
             We && (clearTimeout(We), We = !1);
           },
           onBlur: () => {
             We = setTimeout(() => {
-              a(!1);
+              o(!1);
             }, 100);
           }
         };
-        return c && (k.href = c), /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
+        return m && (k.href = m), /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
           W,
           {
             variant: "tertiary",
@@ -2253,58 +2244,58 @@ 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 hs = {
   "2-1": 901
-}, bo = ({ layout: e = "2-1", hideOnMobile: t = !1, className: n = "", children: s }) => {
-  const o = tt(!0);
-  let l = s;
-  return N.Children.count(s) === 1 && (l = N.Children.toArray(s)[0], l.props && (l = l.props.children)), /* @__PURE__ */ r.jsx("section", { className: j("columns", `layout-${e}`, n), children: N.Children.map(l, (m, a) => t !== !1 && a === t && o && o < hs[e] ? null : m) });
+}, vo = ({ layout: e = "2-1", hideOnMobile: t = !1, className: n = "", children: s }) => {
+  const a = tt(!0);
+  let i = s;
+  return A.Children.count(s) === 1 && (i = A.Children.toArray(s)[0], i.props && (i = i.props.children)), /* @__PURE__ */ r.jsx("section", { className: j("columns", `layout-${e}`, n), children: A.Children.map(i, (d, o) => t !== !1 && o === t && a && a < hs[e] ? null : d) });
 };
-const _t = "cookieBanner_", xt = ["apol-cookie-banner", "apolitical-performance-cookie-consent", "functional-cookie-consent"], bt = new Date(Date.now() + 12 * 30 * 24 * 60 * 60 * 1e3), gs = () => {
-  const e = F(), [t, n, s] = mr(xt), [o, l] = P(!t["apol-cookie-banner"]), m = () => {
-    xt.forEach((u) => {
-      n(u, !0, {
+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), [a, i] = P(!t["apol-cookie-banner"]), d = () => {
+    xt.forEach((c) => {
+      n(c, !0, {
         path: "/",
-        expires: bt,
-        domain: u === "apolitical-performance-cookie-consent" ? ".apolitical.co" : void 0
+        expires: vt,
+        domain: c === "apolitical-performance-cookie-consent" ? ".apolitical.co" : void 0
       });
-    }), l(!1), window.location.reload();
-  }, a = () => {
+    }), i(!1), window.location.reload();
+  }, o = () => {
     n("apol-cookie-banner", !0, {
       path: "/",
-      expires: bt
-    }), xt.forEach((u) => {
-      if (u === "apol-cookie-banner") {
-        n(u, !0, {
+      expires: vt
+    }), xt.forEach((c) => {
+      if (c === "apol-cookie-banner") {
+        n(c, !0, {
           path: "/",
-          expires: bt
+          expires: vt
         });
         return;
       }
-      s(u);
-    }), l(!1);
+      s(c);
+    }), i(!1);
   };
-  if (!o)
+  if (!a)
     return null;
-  const i = [
+  const l = [
     { id: "settings", href: "/pages/cookie-policy", gtmType: "policy-page" },
-    { id: "reject", onClick: a, gtmType: "reject-all" },
-    { id: "accept", onClick: m, gtmType: "accepted-all" }
-  ], c = [];
-  return i.forEach((u) => {
-    c.push({
-      variant: u.href ? "tertiary" : "primary",
-      href: u.href,
-      onClick: u.onClick,
+    { id: "reject", onClick: o, gtmType: "reject-all" },
+    { id: "accept", onClick: d, gtmType: "accepted-all" }
+  ], m = [];
+  return l.forEach((c) => {
+    m.push({
+      variant: c.href ? "tertiary" : "primary",
+      href: c.href,
+      onClick: c.onClick,
       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}` })
+      "data-gtm-event-type": `cookie-${c.gtmType}-click`,
+      children: e.formatMessage({ id: `${_t}buttons_${c.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(nt, { buttons: m })
   ] });
-}, be = {
+}, ve = {
   platform: {
     order: ["events", "courses", "qanda", "articles"],
     // An array guarantees the right order
@@ -2399,22 +2390,22 @@ const _t = "cookieBanner_", xt = ["apol-cookie-banner", "apolitical-performance-
   }
 };
 const Me = "footer_", Je = "SiteFooter", on = ({ group: e }) => {
-  const t = be[e].order || [];
+  const t = ve[e].order || [];
   let n = !1;
-  return "text" in be[e] && (n = be[e].text), /* @__PURE__ */ r.jsxs(Et, { children: [
+  return "text" in ve[e] && (n = ve[e].text), /* @__PURE__ */ r.jsxs(Et, { children: [
     /* @__PURE__ */ r.jsx("p", { className: "pre-title", children: /* @__PURE__ */ r.jsx(we, { id: `${Me}${e}` }) }),
     Array.isArray(t) && t.length > 0 && /* @__PURE__ */ r.jsx("ul", { className: "text-medium", children: t.map((s) => {
       if (["order", "child", "text"].includes(s))
         return null;
-      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(
+      const { href: a, gtmType: i } = ve[e][s], d = {};
+      return ["legal"].includes(e) && (d.target = "_blank", d.rel = "noopener"), /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
         "a",
         {
-          href: o,
+          href: a,
           className: "gtm-trackable",
           "data-gtm-event-context": Je,
-          "data-gtm-event-type": l,
-          ...m,
+          "data-gtm-event-type": i,
+          ...d,
           children: /* @__PURE__ */ r.jsx(we, { id: `${Me}${e}_${s}` })
         }
       ) }, `${e}_${s}`);
@@ -2450,12 +2441,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(be[e]).includes("child") && /* @__PURE__ */ r.jsx(on, { group: be[e].child })
+    Object.keys(ve[e]).includes("child") && /* @__PURE__ */ r.jsx(on, { group: ve[e].child })
   ] }, e)) }),
   /* @__PURE__ */ r.jsx("hr", {}),
   /* @__PURE__ */ r.jsxs("div", { className: "sub-footer", children: [
-    /* @__PURE__ */ r.jsx("ul", { children: Array.isArray(be.social.order) && be.social.order.map((e) => {
-      const t = be.social[e];
+    /* @__PURE__ */ r.jsx("ul", { children: Array.isArray(ve.social.order) && ve.social.order.map((e) => {
+      const t = ve.social[e];
       return /* @__PURE__ */ r.jsx("li", { className: e, children: /* @__PURE__ */ r.jsx(
         "a",
         {
@@ -2472,19 +2463,19 @@ const Me = "footer_", Je = "SiteFooter", on = ({ group: e }) => {
     /* @__PURE__ */ r.jsx("small", { children: /* @__PURE__ */ r.jsx(we, { id: `${Me}copyright`, values: { currentYear: (/* @__PURE__ */ new Date()).getFullYear() } }) })
   ] })
 ] }) });
-const ze = "emailHelperTextBox_", vo = ({ type: e, email: t, redirectPath: n, resendVerificationCode: s }) => {
-  const o = F(), [l, m] = P({ path: `${ze}default`, type: "default", link: {}, mail: {}, error: "" }), [a, i] = P(!1), c = Ee(
+const ze = "emailHelperTextBox_", bo = ({ type: e, email: t, redirectPath: n, resendVerificationCode: s }) => {
+  const a = F(), [i, d] = P({ path: `${ze}default`, type: "default", link: {}, mail: {}, error: "" }), [o, l] = P(!1), m = Ee(
     (h) => {
       h.preventDefault(), h.stopPropagation();
       const _ = (k) => {
-        m({
+        d({
           path: `${ze}error_verificationFailedToSend`,
           type: "error",
           link: {
             "data-gtm-event-context": "VerifyEmailBox",
             "data-gtm-event-type": "SendEmailClick",
             className: "gtm-trackable",
-            onClick: (g) => c(g),
+            onClick: (g) => m(g),
             href: "#",
             "data-testid": "send-verify-email-click"
           },
@@ -2498,15 +2489,15 @@ const ze = "emailHelperTextBox_", vo = ({ type: e, email: t, redirectPath: n, re
         });
       };
       if (typeof s != "function") {
-        _(o.formatMessage({ id: `${ze}error_noFunction` }));
+        _(a.formatMessage({ id: `${ze}error_noFunction` }));
         return;
       }
-      i(!0), s(t).then(() => {
+      l(!0), s(t).then(() => {
         localStorage.setItem("email", t), window.location.href = n || "/signup/verify-email";
       }).catch((k) => {
         _(k.message);
       }).finally(() => {
-        i(!1);
+        l(!1);
       });
     },
     /* eslint-disable react-hooks/exhaustive-deps */
@@ -2540,7 +2531,7 @@ const ze = "emailHelperTextBox_", vo = ({ type: e, email: t, redirectPath: n, re
             "data-gtm-event-context": "VerifyEmailBox",
             "data-gtm-event-type": "SendEmailClick",
             className: "gtm-trackable",
-            onClick: (E) => c(E),
+            onClick: (E) => m(E),
             "data-testid": "send-verify-email-click"
           };
           break;
@@ -2564,32 +2555,32 @@ const ze = "emailHelperTextBox_", vo = ({ type: e, email: t, redirectPath: n, re
           };
           break;
       }
-      m({ ...l, path: h, type: _, link: k, mail: g });
+      d({ ...i, path: h, type: _, link: k, mail: g });
     },
     /* eslint-disable react-hooks/exhaustive-deps */
     [e]
   );
-  const u = {};
+  const c = {};
   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(ve, { element: "span" }),
-    /* @__PURE__ */ r.jsx(ve, { element: "span" })
+    c[h] = Object.keys(i[h]).length ? (_) => /* @__PURE__ */ r.jsx("a", { ...i[h], children: _ }) : (_) => _;
+  }), /* @__PURE__ */ r.jsx(Ur, { type: i.type, heading: o ? !1 : a.formatMessage({ id: `${i.path}_title` }), children: o ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsx(be, { element: "span" }),
+    /* @__PURE__ */ r.jsx(be, { element: "span" })
   ] }) : (
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
     // `values` are throwing a type error: https://github.com/formatjs/formatjs/issues/3633
-    o.formatMessage(
-      { id: `${l.path}_text` },
+    a.formatMessage(
+      { id: `${i.path}_text` },
       {
-        ...u,
+        ...c,
         strong: (h) => /* @__PURE__ */ r.jsx("strong", { children: h }),
         em: (h) => /* @__PURE__ */ r.jsx("em", { children: h }),
         br: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
           /* @__PURE__ */ r.jsx("br", {}),
           /* @__PURE__ */ r.jsx("br", {})
         ] }),
-        error: l.error
+        error: i.error
       }
     )
   ) });
@@ -2615,102 +2606,102 @@ const Ve = "passwordRules_", Sn = "isMoreThanEightCharacters", $n = "includesNum
       ] })
     ] }, `rule-${s}`)) })
   ] });
-}, wo = Ne(xs);
+}, wo = Ae(xs);
 const ko = ({
   text: e = {},
   topRating: t = 5,
   functions: { createRating: n = () => null, updateRating: s = () => {
-  }, reportError: o = () => {
+  }, reportError: a = () => {
   } },
-  className: l = "",
-  hasLoaded: m = !1
+  className: i = "",
+  hasLoaded: d = !1
 }) => {
-  const a = F(), [i, c] = P({ setUp: !1, id: null, rating: null, disabled: !0 }), u = async () => {
+  const o = F(), [l, m] = P({ setUp: !1, id: null, rating: null, disabled: !0 }), c = async () => {
     try {
       const E = await n();
-      c((v) => ({ ...v, setUp: !0, id: E && E.id, disabled: !1 }));
+      m((b) => ({ ...b, setUp: !0, id: E && E.id, disabled: !1 }));
     } catch (E) {
-      c((v) => ({ ...v, setUp: !0, disabled: !0 })), o(E);
+      m((b) => ({ ...b, setUp: !0, disabled: !0 })), a(E);
     }
   };
   if (z(() => {
-    m && !i.setUp && u();
-  }, [m]), !m)
-    return /* @__PURE__ */ r.jsx(ve, { className: "rating-placeholder" });
-  const { id: f, rating: p, disabled: h } = i, _ = "ratings_", k = {
-    text: a.formatMessage({ id: `${_}text` }),
-    low: a.formatMessage({ id: `${_}low` }),
-    high: a.formatMessage({ id: `${_}high` }),
-    success: a.formatMessage({ id: `${_}success` }),
+    d && !l.setUp && c();
+  }, [d]), !d)
+    return /* @__PURE__ */ r.jsx(be, { className: "rating-placeholder" });
+  const { id: f, rating: p, disabled: h } = l, _ = "ratings_", k = {
+    text: o.formatMessage({ id: `${_}text` }),
+    low: o.formatMessage({ id: `${_}low` }),
+    high: o.formatMessage({ id: `${_}high` }),
+    success: o.formatMessage({ id: `${_}success` }),
     ...e
   }, g = async (E) => {
     if (!(!f || h))
       try {
-        c((v) => ({ ...v, rating: E, disabled: !0 })), await s({ id: f, value: E });
-      } catch (v) {
-        c((S) => ({ ...S, rating: null })), o(v);
+        m((b) => ({ ...b, rating: E, disabled: !0 })), await s({ id: f, value: E });
+      } catch (b) {
+        m((S) => ({ ...S, rating: null })), a(b);
       } finally {
-        c((v) => ({ ...v, disabled: !1 }));
+        m((b) => ({ ...b, disabled: !1 }));
       }
   };
-  return /* @__PURE__ */ r.jsxs("div", { className: j("rating", l), children: [
+  return /* @__PURE__ */ r.jsxs("div", { className: j("rating", i), children: [
     /* @__PURE__ */ r.jsx("span", { className: "label", children: k[p ? "success" : "text"] }),
     /* @__PURE__ */ r.jsx("ol", { children: Array.from(new Array(t).keys()).map((E) => {
-      const v = E + 1;
-      return /* @__PURE__ */ r.jsx("li", { className: j({ selected: p && v <= p }), children: /* @__PURE__ */ r.jsx(
+      const b = E + 1;
+      return /* @__PURE__ */ r.jsx("li", { className: j({ selected: p && b <= p }), children: /* @__PURE__ */ r.jsx(
         W,
         {
           variant: "tertiary",
           size: "small",
-          icon: { icon: `star${!p || v > p ? "_empty" : ""}`, position: "left", hover: "star" },
-          screenreaderText: `${a.formatMessage(
+          icon: { icon: `star${!p || b > p ? "_empty" : ""}`, position: "left", hover: "star" },
+          screenreaderText: `${o.formatMessage(
             { id: `${_}stars` },
-            { number: v, total: t }
-          )}${v === 1 || v === t ? ` - ${k[v === 1 ? "low" : "high"]}` : ""}`,
+            { number: b, total: t }
+          )}${b === 1 || b === t ? ` - ${k[b === 1 ? "low" : "high"]}` : ""}`,
           onClick: (S) => {
-            S.preventDefault(), S.stopPropagation(), g(v);
+            S.preventDefault(), S.stopPropagation(), g(b);
           },
           disabled: h
         }
-      ) }, `rating-${v}`);
+      ) }, `rating-${b}`);
     }) })
   ] });
 };
-const bs = ({
+const vs = ({
   id: e = "search",
   className: t = "",
   handleToggle: n = !1,
   defaultValue: s = "",
-  gtmContext: o = "search-bar",
-  gtmEvent: l = "form-submission"
+  gtmContext: a = "search-bar",
+  gtmEvent: i = "form-submission"
 }) => {
-  const { searchIsOpen: m = !0, isDesktopVersion: a = !1 } = n || {}, i = F(), c = ee(null);
+  const { searchIsOpen: d = !0, isDesktopVersion: o = !1 } = n || {}, l = F(), m = ee(null);
   Ce(() => {
-    !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)}`);
+    !n || o || !d || m.current && m.current.focus();
+  }, [d]);
+  const c = (f) => {
+    f.preventDefault(), f.stopPropagation(), !(!m.current || !m.current.value || m.current.value.length < 1) && (window.location.href = `/search?search=${encodeURIComponent(m.current.value)}`);
   };
   return /* @__PURE__ */ r.jsx(
     "form",
     {
-      onSubmit: u,
+      onSubmit: c,
       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 ? !m : !1, role: "search", children: /* @__PURE__ */ r.jsxs("p", { children: [
-        /* @__PURE__ */ r.jsx(re, { element: "label", htmlFor: e, children: i.formatMessage({ id: "search_label" }) }),
+      "data-gtm-event-context": a,
+      "data-gtm-event-type": i,
+      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: l.formatMessage({ id: "search_label" }) }),
         /* @__PURE__ */ r.jsx(
           "input",
           {
-            ref: c,
+            ref: m,
             type: "search",
             id: e,
             name: e,
             defaultValue: s,
-            placeholder: i.formatMessage({ id: "search_placeholder" }),
+            placeholder: l.formatMessage({ id: "search_placeholder" }),
             onKeyDown: (f) => {
-              f.key === "Enter" && u(f);
+              f.key === "Enter" && c(f);
             }
           }
         ),
@@ -2719,33 +2710,33 @@ const bs = ({
           {
             className: "clear",
             onClick: (f) => {
-              f.preventDefault(), f.stopPropagation(), c.current && c.current.value && (c.current.value = "");
+              f.preventDefault(), f.stopPropagation(), m.current && m.current.value && (m.current.value = "");
             },
-            children: /* @__PURE__ */ r.jsx(re, { children: i.formatMessage({ id: "search_clear" }) })
+            children: /* @__PURE__ */ r.jsx(re, { children: l.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: c, children: /* @__PURE__ */ r.jsx(re, { children: l.formatMessage({ id: "search_cta" }) }) })
       ] }) })
     }
   );
 };
-const vs = ({
+const bs = ({
   title: e,
   label: t,
   ctaMessage: n,
   titleColor: s,
-  labelColor: o,
-  backgroundColor: l,
-  onClose: m,
-  reportError: a,
-  sendInvites: i,
-  initialFormStatus: c = "NOT_SUBMITTED"
+  labelColor: a,
+  backgroundColor: i,
+  onClose: d,
+  reportError: o,
+  sendInvites: l,
+  initialFormStatus: m = "NOT_SUBMITTED"
   /* NOT_SUBMITTED */
 }) => {
-  const [u, f] = P([]), [p, h] = P(!0), [_, k] = P(c), { formatMessage: g } = F(), E = async (T) => {
+  const [c, f] = P([]), [p, h] = P(!0), [_, k] = P(m), { formatMessage: g } = F(), E = async (T) => {
     T.preventDefault();
     try {
-      await i(u), f([]), k(
+      await l(c), f([]), k(
         "SUCCESS"
         /* SUCCESS */
       );
@@ -2753,46 +2744,46 @@ const vs = ({
       k(
         "ERROR"
         /* ERROR */
-      ), a(M);
+      ), o(M);
     }
-  }, v = (T) => {
+  }, b = (T) => {
     T.preventDefault(), k(
       "NOT_SUBMITTED"
       /* NOT_SUBMITTED */
     ), h(!0), f([]);
   }, S = (T) => {
-    T.preventDefault(), m(), k(
+    T.preventDefault(), d(), k(
       "CLOSED"
       /* CLOSED */
     );
   };
-  return _ === "CLOSED" ? null : _ === "ERROR" || _ === "SUCCESS" ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+  return _ === "CLOSED" ? null : _ === "ERROR" || _ === "SUCCESS" ? /* @__PURE__ */ r.jsxs("div", { className: "invite-form-wrapper", children: [
     /* @__PURE__ */ r.jsx("div", { className: "content centred", children: _ === "SUCCESS" ? /* @__PURE__ */ r.jsx("h2", { className: "success-title", children: g({ id: "inviteForm_success" }) }) : /* @__PURE__ */ r.jsxs("h2", { className: "error-title", children: [
       " ",
       g({ id: "inviteForm_error" })
     ] }) }),
-    /* @__PURE__ */ r.jsx(Ae, {}),
+    /* @__PURE__ */ r.jsx(Ne, {}),
     /* @__PURE__ */ r.jsx("div", { className: "footer", children: _ === "SUCCESS" ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-      /* @__PURE__ */ r.jsx(W, { variant: "secondary", onClick: v, children: g({ id: "inviteForm_ctaSendMoreInvites" }) }),
+      /* @__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: v, children: g({ id: "inviteForm_ctaTryAgain" }) }) })
-  ] }) : /* @__PURE__ */ r.jsxs(
+    ] }) : /* @__PURE__ */ r.jsx(W, { onClick: b, children: g({ id: "inviteForm_ctaTryAgain" }) }) })
+  ] }) : /* @__PURE__ */ r.jsx("div", { className: "invite-form-wrapper", children: /* @__PURE__ */ r.jsxs(
     "form",
     {
-      style: { backgroundColor: l },
+      style: { backgroundColor: i },
       onSubmit: E,
       className: j("invite-form gtm-trackable"),
       children: [
         /* @__PURE__ */ r.jsxs("fieldset", { className: "content", children: [
           /* @__PURE__ */ r.jsx("h2", { className: "title", style: { color: s }, children: e }),
-          /* @__PURE__ */ r.jsx("label", { htmlFor: "email-input", className: "label", style: { color: o }, children: t }),
+          /* @__PURE__ */ r.jsx("label", { htmlFor: "email-input", className: "label", style: { color: a }, children: t }),
           /* @__PURE__ */ r.jsx(
             pr,
             {
               id: "email-input",
               inputClassName: "email-input input",
               placeholder: g({ id: "inviteForm_email_placeholder" }),
-              emails: u,
+              emails: c,
               onChange: (T) => {
                 f(T), h(!T.length);
               },
@@ -2806,7 +2797,7 @@ const vs = ({
                     size: "small",
                     icon: { icon: "close" },
                     onClick: () => {
-                      Q(M), h(!u.length);
+                      Q(M), h(!c.length);
                     },
                     className: "remove-email-button",
                     screenreaderText: g({ id: "overlay_close" })
@@ -2816,11 +2807,11 @@ const vs = ({
             }
           )
         ] }),
-        /* @__PURE__ */ r.jsx(Ae, {}),
+        /* @__PURE__ */ r.jsx(Ne, {}),
         /* @__PURE__ */ r.jsx("fieldset", { className: "footer", children: /* @__PURE__ */ r.jsx(W, { className: "sendEmailsButton", disabled: p, children: n }) })
       ]
     }
-  );
+  ) });
 }, I = {
   timeouts: {},
   handlerCalled: {},
@@ -2828,29 +2819,29 @@ const vs = ({
     const n = {
       navigation: { loggedIn: 769, loggedOut: 881 },
       search: { loggedIn: 961, loggedOut: 1121 }
-    }, s = (l) => {
-      const m = `logged${e ? "In" : "Out"}`;
-      return t >= n[l][m];
+    }, s = (i) => {
+      const d = `logged${e ? "In" : "Out"}`;
+      return t >= n[i][d];
     };
-    let o = {};
-    return ["navigation", "search"].forEach((l) => {
-      o[l] = s(l);
-    }), o;
+    let a = {};
+    return ["navigation", "search"].forEach((i) => {
+      a[i] = s(i);
+    }), a;
   },
   shouldChangeHeaderIsVisible: (e, t, n) => {
-    Object.values(t).filter((o) => o === !0).length || n([{ type: "headerIsVisible", value: e }]);
+    Object.values(t).filter((a) => a === !0).length || n([{ type: "headerIsVisible", value: e }]);
   },
   handleMenus: ({ id: e, value: t, menus: n, dispatch: s }) => {
     if (n[e] === t || e === "account" && t === !1 && n.navigation === !0)
       return;
-    const o = Date.now();
-    if (!t && I.handlerCalled[e] && o - I.handlerCalled[e] < 500)
+    const a = Date.now();
+    if (!t && I.handlerCalled[e] && a - I.handlerCalled[e] < 500)
       return;
-    I.handlerCalled[e] = o;
-    let l = [{ type: `menus.${e}`, value: t }];
-    t === !0 && Object.keys(n).forEach((m) => {
-      m === e || n[m] === !1 || l.push({ type: `menus.${m}`, value: !1 });
-    }), s(l);
+    I.handlerCalled[e] = a;
+    let i = [{ type: `menus.${e}`, value: t }];
+    t === !0 && Object.keys(n).forEach((d) => {
+      d === e || n[d] === !1 || i.push({ type: `menus.${d}`, value: !1 });
+    }), s(i);
   },
   // Find the first child inside a ref that matches the `key` (and optional `value`) we're looking for,
   // so we can automatically focus on the first link inside a menu for accessibility.
@@ -2867,43 +2858,43 @@ const vs = ({
         return e[s];
       if (!t.includes("."))
         continue;
-      const o = un(e[s], t);
-      if (!(typeof o > "u") && (!n || o[t] && o[t].includes(n) || o.value && o.value.includes(n) || o.toString().includes(n)))
+      const a = un(e[s], t);
+      if (!(typeof a > "u") && (!n || a[t] && a[t].includes(n) || a.value && a.value.includes(n) || a.toString().includes(n)))
         return e[s];
     }
     return e[0].children ? I.findFirstChild(e[0].children, t, n) : !1;
   },
-  autoFocus: ({ menu: e, navigationRef: t, isDesktopVersion: n, focusElements: s, dispatch: o }) => {
+  autoFocus: ({ menu: e, navigationRef: t, isDesktopVersion: n, focusElements: s, dispatch: a }) => {
     if (!t.current || !t.current.children)
       return;
-    const l = n ? "desktop" : "default";
-    if (s[e][l]) {
-      s[e][l].focus();
+    const i = n ? "desktop" : "default";
+    if (s[e][i]) {
+      s[e][i].focus();
       return;
     }
-    let m, a;
+    let d, o;
     switch (e) {
       case "navigation":
         if (n) {
-          const i = I.findFirstChild(
+          const l = I.findFirstChild(
             t.current.children,
             "attributes.aria-controls",
             "navigation"
           );
-          m = I.findFirstChild(i.children, "href");
+          d = I.findFirstChild(l.children, "href");
         } else
-          m = I.findFirstChild(t.current.children, "href");
-        m || (m = t.current);
+          d = I.findFirstChild(t.current.children, "href");
+        d || (d = t.current);
         break;
       case "account":
-        if (a = I.findFirstChild(t.current.children, "className", "account"), !a || !a.children)
+        if (o = I.findFirstChild(t.current.children, "className", "account"), !o || !o.children)
           return;
-        m = I.findFirstChild(a.children, "href");
+        d = I.findFirstChild(o.children, "href");
         break;
       default:
         return;
     }
-    m && (o([{ type: `focusElements.${e}.${l}`, value: m }]), m.focus());
+    d && (a([{ type: `focusElements.${e}.${i}`, value: d }]), d.focus());
   },
   events: {
     onClick: (e, { id: t, callback: n, isOpen: s }) => {
@@ -3002,141 +2993,141 @@ const vs = ({
   isLoggedIn: t = !1,
   isDesktopVersion: n = !1,
   menus: s = {},
-  callback: o = () => {
+  callback: a = () => {
   },
-  doTrack: l = null
+  doTrack: i = null
 }) => {
-  const m = F(), a = un(Xe, e);
-  if (!a || a.onlyShow && (a.onlyShow === "logged-in" && !t || a.onlyShow === "logged-out" && t))
+  const d = F(), o = un(Xe, e);
+  if (!o || o.onlyShow && (o.onlyShow === "logged-in" && !t || o.onlyShow === "logged-out" && t))
     return null;
-  const i = "doTrack" in a, c = l === null ? i ? a.doTrack : !0 : l, u = e.includes("buttons.");
+  const l = "doTrack" in o, m = i === null ? l ? o.doTrack : !0 : i, c = e.includes("buttons.");
   let f = `header_${e.replaceAll(".", "_")}`;
-  a.hasVariantText && (f += `_logged${t ? "In" : "Out"}`);
+  o.hasVariantText && (f += `_logged${t ? "In" : "Out"}`);
   let p = !1;
-  if (a.href) {
-    let v = a.gtmType || `${e}-click`;
-    if (v.includes(".")) {
-      const S = v.split("."), T = S[S.length - 2];
-      v = `${T === "topics" ? `${T}-` : ""}${S[S.length - 1]}`;
+  if (o.href) {
+    let b = o.gtmType || `${e}-click`;
+    if (b.includes(".")) {
+      const S = b.split("."), T = S[S.length - 2];
+      b = `${T === "topics" ? `${T}-` : ""}${S[S.length - 1]}`;
     }
     p = {
-      href: a.href,
+      href: o.href,
       role: "menuitem"
-    }, c && (p = {
+    }, m && (p = {
       ...p,
       className: "gtm-trackable",
-      "data-gtm-event-type": v,
+      "data-gtm-event-type": b,
       "data-gtm-event-context": "HeaderButtons"
-    }), u && (p = {
+    }), c && (p = {
       ...p,
       variant: "secondary",
       size: { mobile: "small", 881: "large" },
-      ...a.props || {}
+      ...o.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 = o.order && o.order[0] && o[o.order[0]], _ = h && o[o.order[0]].order, k = p && window.location.pathname === o.href;
   let g = {}, E = {};
   if (h) {
-    const v = a.menuId || e, S = {
-      onClick: (T) => I.events.onClick(T, { id: v, callback: o, isOpen: s[v] }),
-      onFocus: () => I.events.onFocus({ id: v }),
-      onBlur: () => I.events.onBlur({ id: v, callback: o }),
-      onMouseLeave: () => I.events.onBlur({ id: v, callback: o }),
-      onMouseEnter: () => I.events.onMouseEnter({ id: v, callback: o })
+    const b = o.menuId || e, S = {
+      onClick: (T) => I.events.onClick(T, { id: b, callback: a, isOpen: s[b] }),
+      onFocus: () => I.events.onFocus({ id: b }),
+      onBlur: () => I.events.onBlur({ id: b, callback: a }),
+      onMouseLeave: () => I.events.onBlur({ id: b, callback: a }),
+      onMouseEnter: () => I.events.onMouseEnter({ id: b, callback: a })
     };
     n && (_ && (g = {
       ...S,
       onKeyPress: (T) => {
-        T.key === "Enter" && I.events.onClick(T, { id: v, callback: o, isOpen: s[v] });
+        T.key === "Enter" && I.events.onClick(T, { id: b, callback: a, isOpen: s[b] });
       },
       tabIndex: "0",
       // Add a `tabIndex` so keyboard users can focus on the `li`
       "aria-haspopup": !0,
-      "aria-expanded": s[v],
-      "aria-controls": v
-    }), E = { hidden: v in s ? !s[v] : !0 }), _ || (E = {
+      "aria-expanded": s[b],
+      "aria-controls": b
+    }), E = { hidden: b in s ? !s[b] : !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 ? N.createElement(u ? W : "a", p, m.formatMessage({ id: f })) : m.formatMessage({ id: f }),
-    a.order && /* @__PURE__ */ r.jsx("ul", { ...E, children: a.order.map((v) => {
-      if (!a[v])
+  return /* @__PURE__ */ r.jsxs("li", { className: j({ [o.className]: o.className, "has-submenu": h, parent: _, active: k }), role: "none", ...g, children: [
+    p ? A.createElement(c ? W : "a", p, d.formatMessage({ id: f })) : d.formatMessage({ id: f }),
+    o.order && /* @__PURE__ */ r.jsx("ul", { ...E, children: o.order.map((b) => {
+      if (!o[b])
         return null;
       const S = {
         isLoggedIn: t,
         isDesktopVersion: n,
         menus: s,
-        callback: o,
-        doTrack: i ? c : null
+        callback: a,
+        doTrack: l ? m : null
       };
-      return a[v].order ? /* @__PURE__ */ r.jsxs("li", { className: j({ [a[v].className]: a[v].className }), children: [
-        m.formatMessage({ id: `${f}_${v}` }),
-        /* @__PURE__ */ r.jsx("ul", { children: a[v].order.map((T) => /* @__PURE__ */ r.jsx(Ze, { id: `${e}.${v}.${T}`, ...S }, T)) })
-      ] }, v) : /* @__PURE__ */ r.jsx(Ze, { id: `${e}.${v}`, ...S }, v);
+      return o[b].order ? /* @__PURE__ */ r.jsxs("li", { className: j({ [o[b].className]: o[b].className }), children: [
+        d.formatMessage({ id: `${f}_${b}` }),
+        /* @__PURE__ */ r.jsx("ul", { children: o[b].order.map((T) => /* @__PURE__ */ r.jsx(Ze, { id: `${e}.${b}.${T}`, ...S }, T)) })
+      ] }, b) : /* @__PURE__ */ r.jsx(Ze, { id: `${e}.${b}`, ...S }, b);
     }) })
   ] }, 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 = F(), t = ye(je), n = tt(!0, !0), s = t && typeof t.id == "string", a = qe(
     () => I.getIsDesktopVersion(s, n),
     [s, n]
-  ), [l, m] = rr($r, {
+  ), [i, d] = rr($r, {
     headerIsVisible: !0,
     menus: { navigation: !1, search: !1, account: !1 },
     focusElements: {
       navigation: { desktop: !1, default: !1 },
       account: { desktop: !1, default: !1 }
     }
-  }), { headerIsVisible: a, menus: i, focusElements: c } = l;
+  }), { headerIsVisible: o, menus: l, focusElements: m } = i;
   Sr({
-    scrollPosition: ws[`height${o.navigation ? "_desktop" : ""}`],
+    scrollPosition: ws[`height${a.navigation ? "_desktop" : ""}`],
     callbacks: {
       scrollUp: () => {
-        !o && i.navigation || I.shouldChangeHeaderIsVisible(!0, i, m);
+        !a && l.navigation || I.shouldChangeHeaderIsVisible(!0, l, d);
       },
       scrollDown: () => {
-        !o && i.navigation || I.shouldChangeHeaderIsVisible(!1, i, m);
+        !a && l.navigation || I.shouldChangeHeaderIsVisible(!1, l, d);
       }
     }
   });
-  const u = (p, h) => {
-    I.handleMenus({ id: p, value: h, menus: i, dispatch: m });
+  const c = (p, h) => {
+    I.handleMenus({ id: p, value: h, menus: l, dispatch: d });
   }, f = ee(null);
   return Ce(() => {
-    i.navigation && I.autoFocus({
+    l.navigation && I.autoFocus({
       menu: "navigation",
       navigationRef: f,
-      isDesktopVersion: o.navigation,
-      focusElements: c,
-      dispatch: m
+      isDesktopVersion: a.navigation,
+      focusElements: m,
+      dispatch: d
     });
-  }, [i.navigation]), Ce(() => {
-    i.account && I.autoFocus({
+  }, [l.navigation]), Ce(() => {
+    l.account && I.autoFocus({
       menu: "account",
       navigationRef: f,
-      isDesktopVersion: o.navigation,
-      focusElements: c,
-      dispatch: m
+      isDesktopVersion: a.navigation,
+      focusElements: m,
+      dispatch: d
     });
-  }, [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: [
+  }, [l.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: o }), children: [
       /* @__PURE__ */ r.jsx(re, { element: "a", href: "#content-of-page", children: e.formatMessage({ id: "header_skip" }) }),
       /* @__PURE__ */ r.jsx(jn, {}),
-      !o.navigation && /* @__PURE__ */ r.jsx(
+      !a.navigation && /* @__PURE__ */ r.jsx(
         "button",
         {
           className: "menu-button gtm-trackable",
           onClick: (p) => {
-            p.preventDefault(), p.stopPropagation(), u("navigation", !i.navigation);
+            p.preventDefault(), p.stopPropagation(), c("navigation", !l.navigation);
           },
           "data-gtm-event-type": "open-tab-menu-click",
           "data-gtm-event-context": "HeaderLeft-Chevron",
           "aria-haspopup": "true",
-          "aria-expanded": i.navigation,
+          "aria-expanded": l.navigation,
           "aria-controls": "navigation",
-          children: /* @__PURE__ */ r.jsx(re, { children: e.formatMessage({ id: `header_menu_${i.navigation ? "hide" : "show"}` }) })
+          children: /* @__PURE__ */ r.jsx(re, { children: e.formatMessage({ id: `header_menu_${l.navigation ? "hide" : "show"}` }) })
         }
       ),
       /* @__PURE__ */ r.jsx(
@@ -3144,40 +3135,40 @@ const ws = { height: 67, height_desktop: 83 }, Mn = () => {
         {
           ref: f,
           id: "navigation",
-          hidden: o.navigation || i.account ? !1 : !i.navigation,
+          hidden: a.navigation || l.account ? !1 : !l.navigation,
           role: "menu",
-          "data-showing": !o.navigation && i.account ? "account" : "default",
+          "data-showing": !a.navigation && l.account ? "account" : "default",
           children: Xe.order.map((p) => /* @__PURE__ */ r.jsx(
             Ze,
             {
               id: p,
               isLoggedIn: s,
-              isDesktopVersion: o.navigation,
-              menus: { navigation: i.navigation, account: i.account },
-              callback: u
+              isDesktopVersion: a.navigation,
+              menus: { navigation: l.navigation, account: l.account },
+              callback: c
             },
             p
           ))
         }
       ),
-      !o.search && /* @__PURE__ */ r.jsx(
+      !a.search && /* @__PURE__ */ r.jsx(
         "button",
         {
           className: "search toggle-search-button",
           onClick: (p) => {
-            p.preventDefault(), p.stopPropagation(), u("search", !i.search);
+            p.preventDefault(), p.stopPropagation(), c("search", !l.search);
           },
           "aria-haspopup": "true",
-          "aria-expanded": i.search,
+          "aria-expanded": l.search,
           "aria-controls": "search-form",
-          children: /* @__PURE__ */ r.jsx(re, { children: e.formatMessage({ id: `header_search_${i.search ? "hide" : "show"}` }) })
+          children: /* @__PURE__ */ r.jsx(re, { children: e.formatMessage({ id: `header_search_${l.search ? "hide" : "show"}` }) })
         }
       ),
       /* @__PURE__ */ r.jsx(
-        bs,
+        vs,
         {
           id: "global-search",
-          handleToggle: { searchIsOpen: i.search, isDesktopVersion: o.search },
+          handleToggle: { searchIsOpen: l.search, isDesktopVersion: a.search },
           gtmContext: "search-bar-header",
           gtmEvent: "form-submission"
         }
@@ -3186,14 +3177,14 @@ const ws = { height: 67, height_desktop: 83 }, Mn = () => {
         "button",
         {
           className: "account-button",
-          onClick: (p) => I.events.onClick(p, { id: "account", callback: u, isOpen: i.account }),
-          onMouseEnter: () => I.events.onMouseEnter({ id: "account", callback: u }),
-          onMouseLeave: () => I.events.onBlur({ id: "account", callback: u }),
+          onClick: (p) => I.events.onClick(p, { id: "account", callback: c, isOpen: l.account }),
+          onMouseEnter: () => I.events.onMouseEnter({ id: "account", callback: c }),
+          onMouseLeave: () => I.events.onBlur({ id: "account", callback: c }),
           "aria-haspopup": "true",
-          "aria-expanded": i.account,
+          "aria-expanded": l.account,
           "aria-controls": "navigation",
           children: [
-            /* @__PURE__ */ r.jsx(re, { children: e.formatMessage({ id: `header_account_${i.account ? "hide" : "show"}` }) }),
+            /* @__PURE__ */ r.jsx(re, { children: e.formatMessage({ id: `header_account_${l.account ? "hide" : "show"}` }) }),
             /* @__PURE__ */ r.jsx(Pt, { name: t && t.name || "", src: t && t.image && t.image.thumbnail || "" })
           ]
         }
@@ -3203,7 +3194,7 @@ const ws = { height: 67, height_desktop: 83 }, Mn = () => {
     /* @__PURE__ */ r.jsx(
       "div",
       {
-        className: j("overlay", { open: i.navigation || i.account || !o.search && i.search })
+        className: j("overlay", { open: l.navigation || l.account || !a.search && l.search })
       }
     )
   ] });
@@ -3212,25 +3203,25 @@ const ks = () => {
   const e = F();
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(Mn, {}),
-    /* @__PURE__ */ r.jsx("div", { id: "content", children: /* @__PURE__ */ r.jsx(st, { variant: "error", text: e.formatMessage({ id: "pageLayout_error" }) }) }),
+    /* @__PURE__ */ r.jsx("div", { className: "content", children: /* @__PURE__ */ r.jsx(st, { 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 m = jr();
+}, yo = ({ children: e, reportError: t, showFooter: n = !0, background: s = "default", className: a = "", locale: i = "en" }) => {
+  const d = jr();
   z(() => {
     window.scrollTo(0, 0);
-  }, [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: [
+  }, [d]);
+  const o = gn(e, { locale: i });
+  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(a, { [s]: s !== "default" }), children: /* @__PURE__ */ r.jsxs(fr, { children: [
     /* @__PURE__ */ r.jsx(Mn, {}),
-    /* @__PURE__ */ r.jsx("div", { id: "content", children: a }),
+    /* @__PURE__ */ r.jsx("div", { className: "content", children: o }),
     n && /* @__PURE__ */ r.jsx(En, {}),
     /* @__PURE__ */ r.jsx(gs, {})
   ] }) }) }) });
 }, an = {
   default: "tags_",
   headerTopics: "header_topics_topics_"
-}, vt = {
+}, bt = {
   topic: {
     Climate: "climate",
     CitiesAndLocalGovernment: "cities-and-local-government",
@@ -3249,13 +3240,13 @@ const ks = () => {
 }, ys = {
   getTagDetails: (e) => {
     if (e.includes("topic_")) {
-      if (e = vt.topic[e.replace("topic_", "")], e) {
+      if (e = bt.topic[e.replace("topic_", "")], e) {
         const t = Xe.topics.topics[e].href;
         return t ? { id: e, href: t, text: `${an.headerTopics}${e}` } : null;
       }
       return null;
     }
-    return vt[e] ? (e = vt[e], { id: e, text: `${an.default}${e}` }) : null;
+    return bt[e] ? (e = bt[e], { id: e, text: `${an.default}${e}` }) : null;
   }
 };
 const jo = ({
@@ -3263,50 +3254,50 @@ const jo = ({
   color: t = "default",
   forceOneLine: n = !1,
   canHaveLinks: s = !0,
-  className: o = "",
-  gtmType: l = "tag-click",
-  gtmContext: m = "tags"
+  className: a = "",
+  gtmType: i = "tag-click",
+  gtmContext: d = "tags"
 }) => {
-  const a = F();
+  const o = F();
   if (!e || e.length < 1)
     return null;
-  const i = [];
-  return e.forEach((c) => {
-    if (!c)
+  const l = [];
+  return e.forEach((m) => {
+    if (!m)
       return;
-    const u = ys.getTagDetails(c);
-    u && i.push(u);
-  }), i.length < 1 ? null : /* @__PURE__ */ r.jsx("ul", { className: j("tags text-small", t, o, { "one-line": n }), children: i.map((c) => {
-    const u = a.formatMessage({ id: c.text });
-    return /* @__PURE__ */ r.jsx("li", { children: c.href && s ? /* @__PURE__ */ r.jsx(
+    const c = ys.getTagDetails(m);
+    c && l.push(c);
+  }), l.length < 1 ? null : /* @__PURE__ */ r.jsx("ul", { className: j("tags text-small", t, a, { "one-line": n }), children: l.map((m) => {
+    const c = o.formatMessage({ id: m.text });
+    return /* @__PURE__ */ r.jsx("li", { children: m.href && s ? /* @__PURE__ */ r.jsx(
       "a",
       {
-        href: c.href,
+        href: m.href,
         className: "gtm-trackable",
-        "data-gtm-event-type": l,
-        "data-gtm-event-context": m,
-        children: u
+        "data-gtm-event-type": i,
+        "data-gtm-event-context": d,
+        children: c
       }
-    ) : u }, c.id);
+    ) : c }, m.id);
   }) });
 };
 const Eo = ({
   members: { total: e, data: t = [] },
   pagination: n,
   gtmContext: s = "member",
-  gtmType: o = "member-click",
-  className: l = ""
+  gtmType: a = "member-click",
+  className: i = ""
 }) => {
-  const m = F();
-  return t.length === 0 ? null : (e || (e = t.length), /* @__PURE__ */ r.jsxs("div", { className: j("members-list", l), children: [
+  const d = F();
+  return t.length === 0 ? null : (e || (e = t.length), /* @__PURE__ */ r.jsxs("div", { className: j("members-list", i), children: [
     /* @__PURE__ */ r.jsxs("h1", { children: [
-      m.formatMessage({ id: "membersList" }),
+      d.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: m.formatMessage({ id: "membersList_admin" }) })
-    ] }, i)) }),
+    /* @__PURE__ */ r.jsx("ul", { children: t.map((o, l) => /* @__PURE__ */ r.jsxs("li", { children: [
+      /* @__PURE__ */ r.jsx(Ft, { member: o, gtmContext: s, gtmType: a }),
+      o.isAdmin && /* @__PURE__ */ r.jsx(qr, { children: d.formatMessage({ id: "membersList_admin" }) })
+    ] }, l)) }),
     n && /* @__PURE__ */ r.jsx(
       fs,
       {
@@ -3328,13 +3319,13 @@ const ae = "discussion_form_", Cn = ({
     showTitle: !1
   },
   inputRef: s,
-  maxLength: o = 5e4,
-  minRows: l = 4,
-  forceShow: m = {
+  maxLength: a = 5e4,
+  minRows: i = 4,
+  forceShow: d = {
     cancel: !1,
     error: !1
   },
-  functions: a = {
+  functions: o = {
     create: () => {
     },
     handleSaveEdit: () => {
@@ -3347,31 +3338,31 @@ const ae = "discussion_form_", Cn = ({
       create: { projectNames: ["questions-answers"] }
     }
   },
-  gtmContext: i = "DiscussionForm"
+  gtmContext: l = "DiscussionForm"
 }) => {
-  var A, q;
-  const c = F(), u = ye(je), [f, p] = P(
+  var N, q;
+  const m = F(), c = ye(je), [f, p] = P(
     n.isEditing && n.isEditing.text || ""
-  ), [h, _] = P(m.error || !1), [k, g] = P(!1), E = ee(null);
+  ), [h, _] = P(d.error || !1), [k, g] = P(!1), E = ee(null);
   if (s || (s = E), n.isLoading)
     return /* @__PURE__ */ r.jsx(
-      ve,
+      be,
       {
         className: "discussion-card discussion-form",
         "data-testid": "loading-placeholder"
       }
     );
-  const v = (w) => {
+  const b = (w) => {
     const G = w.target.value;
     p(G);
     let L;
-    !u || !u.id ? L = he(
-      c.formatMessage,
+    !c || !c.id ? L = he(
+      m.formatMessage,
       `${ae}error_loggedOut`,
       e.type,
       "action"
-    ) : t ? G.length >= o && (L = `${ae}error_tooLong`) : L = he(
-      c.formatMessage,
+    ) : t ? G.length >= a && (L = `${ae}error_tooLong`) : L = he(
+      m.formatMessage,
       `${ae}error_noPermission`,
       e.type,
       "action"
@@ -3379,12 +3370,12 @@ const ae = "discussion_form_", Cn = ({
   };
   let S = `${e.type}-form`;
   if (e.type === "response" || e.type === "reply") {
-    const w = e.type === "response" ? ((A = e.slugs) == null ? void 0 : A.question) || "" : ((q = e.slugs) == null ? void 0 : q.answer) || "";
+    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 T = async (w) => {
     var L;
-    if (w.preventDefault(), w.stopPropagation(), !u || !u.id || !t || Q)
+    if (w.preventDefault(), w.stopPropagation(), !c || !c.id || !t || Q)
       return;
     Ye && clearTimeout(Ye), g("submitting");
     const G = window.location.pathname;
@@ -3392,43 +3383,43 @@ const ae = "discussion_form_", Cn = ({
       let B;
       switch (e.type) {
         case "post":
-          B = await a.create({ content: f });
+          B = await o.create({ content: f });
           break;
         case "question":
-          B = await a.create({
+          B = await o.create({
             title: f,
-            authorId: u && u.id,
-            ...(L = a.props) == null ? void 0 : L.create
+            authorId: c && c.id,
+            ...(L = o.props) == null ? void 0 : L.create
           });
           break;
         case "response":
-          B = await a.create(
+          B = await o.create(
             { question: e.slugs.question },
-            { body: f, authorId: u && u.id, contentPath: G }
+            { body: f, authorId: c && c.id, contentPath: G }
           );
           break;
         case "reply":
-          B = await a.create(
+          B = await o.create(
             { question: e.slugs.question, answer: e.slugs.answer },
-            { body: f, authorId: u && u.id, contentPath: G }
+            { body: f, authorId: c && c.id, contentPath: G }
           );
           break;
         default:
           break;
       }
-      await Cr(1e3), a.callback && await a.callback(B), Ye = setTimeout(() => {
+      await Cr(1e3), o.callback && await o.callback(B), Ye = setTimeout(() => {
         p(""), g("submitted"), M();
       }, 500);
     } catch (B) {
       const U = B;
       let Y = `${ae}error`;
       U.message.includes("entry already exists") && (Y = he(
-        c.formatMessage,
+        m.formatMessage,
         `${ae}error_alreadyExists`,
         e.type,
         "action"
       )), U.message.includes("429") ? Y = he(
-        c.formatMessage,
+        m.formatMessage,
         `${ae}error_tooMany`,
         e.type,
         "action"
@@ -3438,22 +3429,22 @@ const ae = "discussion_form_", Cn = ({
     Ye = setTimeout(() => {
       _(!1), g(!1);
     }, 5e3);
-  }, Q = !f || !Rr(f), V = k === "submitting", b = [];
-  return (n.isEditing && !V || m.cancel) && b.push({
+  }, Q = !f || !Rr(f), V = k === "submitting", v = [];
+  return (n.isEditing && !V || d.cancel) && v.push({
     variant: "secondary",
     size: { mobile: "small", 600: "medium" },
-    onClick: a.handleCancel,
+    onClick: o.handleCancel,
     className: "gtm-trackable",
-    "data-gtm-event-context": i,
+    "data-gtm-event-context": l,
     "data-gtm-event-type": `cancel-${e.type}-click`,
-    disabled: !m.cancel && (!u || !u.id || !f),
-    children: c.formatMessage({ id: `${ae}cancel` })
-  }), b.push({
+    disabled: !d.cancel && (!c || !c.id || !f),
+    children: m.formatMessage({ id: `${ae}cancel` })
+  }), v.push({
     variant: "primary",
     size: { mobile: "small", 600: "medium" },
     onClick: (w) => {
       if (n.isEditing) {
-        g("submitting"), a.handleSaveEdit && a.handleSaveEdit(
+        g("submitting"), o.handleSaveEdit && o.handleSaveEdit(
           E.current && "value" in E.current ? E.current.value : ""
         );
         return;
@@ -3461,11 +3452,11 @@ const ae = "discussion_form_", Cn = ({
       T(w);
     },
     className: "gtm-trackable",
-    "data-gtm-event-context": i,
+    "data-gtm-event-context": l,
     "data-gtm-event-type": `${n.isEditing ? "save" : "submit"}-${e.type}-click`,
     "data-testid": "save-button",
-    disabled: !u || !u.id || !t || Q || V || n.isEditing && f === n.isEditing.text,
-    children: c.formatMessage({
+    disabled: !c || !c.id || !t || Q || V || n.isEditing && f === n.isEditing.text,
+    children: m.formatMessage({
       id: `${ae}${V ? n.isEditing ? "saving" : "posting" : n.isEditing ? "save" : "post"}`
     })
   }), /* @__PURE__ */ r.jsxs(
@@ -3477,16 +3468,16 @@ const ae = "discussion_form_", Cn = ({
       }),
       "data-testid": `discussion-${e.type}-form`,
       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") }),
+        (n == null ? void 0 : n.showTitle) && !n.isEditing && ["question"].includes(e.type) && /* @__PURE__ */ r.jsx("h2", { children: he(m.formatMessage, `${ae}title`, e.type, "action") }),
         /* @__PURE__ */ r.jsx(
           Ft,
           {
-            member: u || "community",
-            gtmContext: i,
+            member: c || "community",
+            gtmContext: l,
             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(re, { element: "label", showOnFocus: !1, htmlFor: `${S}-input`, children: he(m.formatMessage, `${ae}label`, e.type, "action") }),
         /* @__PURE__ */ r.jsx(
           gr,
           {
@@ -3494,58 +3485,58 @@ const ae = "discussion_form_", Cn = ({
             id: `${S}-input`,
             name: e.type,
             placeholder: he(
-              c.formatMessage,
+              m.formatMessage,
               `${ae}placeholder`,
               e.type,
               "action"
             ),
-            onChange: v,
+            onChange: b,
             value: f,
-            maxLength: o,
+            maxLength: a,
             "aria-invalid": !!h,
             "aria-errormessage": "error-message",
-            minRows: l,
+            minRows: i,
             autoFocus: !!n.isEditing
           }
         ),
-        /* @__PURE__ */ r.jsx("small", { children: he(c.formatMessage, `${ae}explainer`, e.type, "action", {
+        /* @__PURE__ */ r.jsx("small", { children: he(m.formatMessage, `${ae}explainer`, e.type, "action", {
           a: (w) => /* @__PURE__ */ r.jsx(
             "a",
             {
               href: "https://about.apolitical.co/q-and-a-community-guidelines",
               target: "_blank",
               className: "gtm-trackable",
-              "data-gtm-event-context": i,
+              "data-gtm-event-context": l,
               "data-gtm-event-type": "community-guidelines-link",
               rel: "noreferrer",
               children: w
             }
           )
         }) }),
-        /* @__PURE__ */ r.jsx(nt, { buttons: b }),
-        k === "submitted" && /* @__PURE__ */ r.jsx(Mt, { className: "success", "data-testid": "success", children: he(c.formatMessage, `${ae}success`, e.type, "action") }),
-        h && /* @__PURE__ */ r.jsx(Mt, { id: "error-message", className: "error", "data-testid": "error", children: m.error ? m.error : typeof h == "string" ? h.includes(" ") ? h : c.formatMessage(
+        /* @__PURE__ */ r.jsx(nt, { buttons: v }),
+        k === "submitted" && /* @__PURE__ */ r.jsx(Mt, { className: "success", "data-testid": "success", children: he(m.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 : m.formatMessage(
           { id: h },
           {
-            action: c.formatMessage({
+            action: m.formatMessage({
               id: `discussion_action_${e.type}`
             }),
-            maxLength: o
+            maxLength: a
           }
         ) : h })
       ]
     }
   );
-}, An = ({
+}, Nn = ({
   contentType: e,
   createPost: t,
-  membershipRequiredToPost: { isMember: n, required: s, join: o, leave: l, notMemberStateText: m }
+  membershipRequiredToPost: { isMember: n, required: s, join: a, leave: i, notMemberStateText: d }
 }) => s && !n ? /* @__PURE__ */ r.jsx(
   st,
   {
-    text: m,
+    text: d,
     button: {
-      component: /* @__PURE__ */ r.jsx(yn, { functions: { join: o, leave: l } })
+      component: /* @__PURE__ */ r.jsx(yn, { functions: { join: a, leave: i } })
     }
   }
 ) : /* @__PURE__ */ r.jsx(
@@ -3559,12 +3550,12 @@ const ae = "discussion_form_", Cn = ({
 ), js = {
   showThread: !1,
   showForm: !1
-}, Nn = At(js), So = ({ children: e }) => {
+}, An = Nt(js), So = ({ children: e }) => {
   const [t, n] = P({
     showThread: !1,
     showForm: !1
   });
-  return /* @__PURE__ */ r.jsx(Nn.Provider, { value: { ...t, updateConversation: n }, children: e });
+  return /* @__PURE__ */ r.jsx(An.Provider, { value: { ...t, updateConversation: n }, children: e });
 }, Es = ({
   question: e,
   answer: t,
@@ -3582,43 +3573,43 @@ const wt = () => {
   likes: t = 0,
   peopleWhoLiked: n = !1,
   isShort: s = !0,
-  userLiked: o = !1,
-  content: l = { type: "reply", slugs: {} },
-  canLike: m = !0,
-  functions: { createLike: a = () => {
-  }, deleteLike: i = () => {
+  userLiked: a = !1,
+  content: i = { type: "reply", slugs: {} },
+  canLike: d = !0,
+  functions: { createLike: o = () => {
+  }, deleteLike: l = () => {
   } } = {}
 }) => {
-  const c = F();
+  const m = F();
   z(() => {
-    h(o);
-  }, [o]);
-  const [u, f] = P(t), [p, h] = P(o), [_, k] = P(!1), [g, E] = P(!1), v = qe(() => Ss(n, kt), [n]), S = (M) => {
+    h(a);
+  }, [a]);
+  const [c, f] = P(t), [p, h] = P(a), [_, 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(), _ || !m)
+    if (wt(), _ || !d)
       return !1;
     Le = setTimeout(T, 350);
   }, T = async () => {
-    if (wt(), _ || !m)
+    if (wt(), _ || !d)
       return !1;
-    let M = p ? u - 1 : u + 1;
+    let M = p ? c - 1 : c + 1;
     M < 0 && (M = 0), k(!0), f(M), h(!p);
     try {
-      if (l && l.slugs) {
-        const Q = Es(l.slugs);
-        p ? await i(Q) : await a(Q, { contentPath: window.location.pathname });
+      if (i && i.slugs) {
+        const Q = Es(i.slugs);
+        p ? await l(Q) : await o(Q, { contentPath: window.location.pathname });
       }
     } catch {
-      f(t), h(o);
+      f(t), h(a);
     } finally {
       k(!1);
     }
   };
-  return N.createElement(
+  return A.createElement(
     e,
     {
-      className: j("likes-wrapper text-medium action-button", { "show-spinner": _, "is-liked": p, disabled: !m }),
+      className: j("likes-wrapper text-medium action-button", { "show-spinner": _, "is-liked": p, disabled: !d }),
       onClick: S,
       onMouseEnter: () => {
         E(!0);
@@ -3639,28 +3630,28 @@ const wt = () => {
             variant: "tertiary",
             size: "medium",
             icon: { icon: p ? "heart" : "heart_empty", animate: "bounce" },
-            className: j({ "do-animation": p && !o }),
-            screenreaderText: m ? c.formatMessage({
+            className: j({ "do-animation": p && !a }),
+            screenreaderText: d ? m.formatMessage({
               id: `discussion_likes_${p ? "unlike" : "like"}`
-            }, { action: c.formatMessage({ id: `discussion_action_${l.type}` }) }) : !1,
+            }, { action: m.formatMessage({ id: `discussion_action_${i.type}` }) }) : !1,
             onClick: S,
-            disabled: !m,
-            "aria-hidden": !m,
+            disabled: !d,
+            "aria-hidden": !d,
             "data-testid": "like-button",
             "data-gtm-event-context": "Likes",
-            "data-gtm-event-type": `like-${l.type}-click`
+            "data-gtm-event-type": `like-${i.type}-click`
           }
         ),
-        /* @__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 }) }),
+        /* @__PURE__ */ r.jsx("span", { className: j("number-of-likes", { "no-likes": c === 0 }), "data-testid": "number-of-likes", children: m.formatMessage({ id: `discussion_likes${s ? "_short" : ""}` }, { number: c }) }),
         n && /* @__PURE__ */ r.jsx(Ir, { isOpen: g, isLoading: n.length === 0, children: n.length && /* @__PURE__ */ r.jsxs("ul", { children: [
-          v.map((M) => typeof M == "string" || !M.name ? null : /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(rt, { href: M.id ? `/profiles/${M.id}` : void 0, gtmContext: "Likes", gtmType: "liked-name-click", children: M.name }) }, M.id || window.btoa(M.name))),
-          n.length > kt && /* @__PURE__ */ r.jsx("li", { children: c.formatMessage({ id: "discussion_likes_more" }, { number: n.length - kt }) })
+          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: m.formatMessage({ id: "discussion_likes_more" }, { number: n.length - kt }) })
         ] }) })
       ] })
     }
   );
 };
-const Ts = ({ element: e = "section", children: t, className: n, ...s }) => N.createElement(
+const Ts = ({ element: e = "section", children: t, className: n, ...s }) => A.createElement(
   e,
   {
     className: j("modal", n),
@@ -3673,18 +3664,18 @@ const Dn = ({
   isOpen: t = !1,
   showDivider: n = !0,
   maxWidth: s,
-  functions: { onOpen: o = () => {
-  }, onClose: l = () => {
+  functions: { onOpen: a = () => {
+  }, onClose: i = () => {
   } } = {},
-  forceShow: { error: m = !1 } = {},
-  title: a,
-  children: i,
-  buttons: c,
-  className: u = "",
+  forceShow: { error: d = !1 } = {},
+  title: o,
+  children: l,
+  buttons: m,
+  className: c = "",
   gtmContext: f = "Modal"
 }) => {
   const p = F(), [h, _] = P(t), k = (E) => {
-    _(E), E ? (o(), document.body.classList.add("has-overlay")) : (l(), document.body.classList.remove("has-overlay"));
+    _(E), E ? (a(), document.body.classList.add("has-overlay")) : (i(), document.body.classList.remove("has-overlay"));
   };
   z(() => {
     k(t);
@@ -3694,12 +3685,12 @@ const Dn = ({
     Ts,
     {
       id: e,
-      className: j("overlay-modal", u, { "has-max-width": s }),
+      className: j("overlay-modal", c, { "has-max-width": s }),
       hidden: !h,
       style: g,
       children: t && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
         /* @__PURE__ */ r.jsxs("div", { className: "top", children: [
-          a && /* @__PURE__ */ r.jsx("h2", { className: "modal-title", children: a }),
+          o && /* @__PURE__ */ r.jsx("h2", { className: "modal-title", children: o }),
           /* @__PURE__ */ r.jsx(
             W,
             {
@@ -3714,13 +3705,13 @@ const Dn = ({
             }
           )
         ] }),
-        n && /* @__PURE__ */ r.jsx(Ae, {}),
-        i,
-        c && /* @__PURE__ */ r.jsxs("div", { className: "bottom", children: [
-          /* @__PURE__ */ r.jsx(Ae, {}),
-          /* @__PURE__ */ r.jsx(nt, { buttons: c })
+        n && /* @__PURE__ */ r.jsx(Ne, {}),
+        l,
+        m && /* @__PURE__ */ r.jsxs("div", { className: "bottom", children: [
+          /* @__PURE__ */ r.jsx(Ne, {}),
+          /* @__PURE__ */ r.jsx(nt, { buttons: m })
         ] }),
-        m && /* @__PURE__ */ r.jsx(Mt, { className: "error", children: m })
+        d && /* @__PURE__ */ r.jsx(Mt, { className: "error", children: d })
       ] })
     }
   ) });
@@ -3734,31 +3725,30 @@ const $o = ({
   showModal: t = !0,
   title: n,
   formTitle: s = "Know someone who might like to join this workshop?",
-  formLabel: o = "Invite your colleagues by typing or pasting their emails below.",
-  ctaMessage: l = "Send",
-  showIcon: m,
-  onClose: a,
-  reportError: i = () => {
+  formLabel: a = "Send an invitation to your colleagues below",
+  ctaMessage: i = "Send invites",
+  showIcon: d,
+  onClose: o,
+  reportError: l = () => {
   },
-  sendInvites: c
+  sendInvites: m
 }) => /* @__PURE__ */ r.jsx(
   Dn,
   {
     title: n,
     isOpen: t,
     showDivider: !1,
-    showIcon: m,
-    functions: { onClose: a },
+    showIcon: d,
     className: j("invite-modal", e, { success: !!n }),
     children: /* @__PURE__ */ r.jsx(
-      vs,
+      bs,
       {
         title: s,
-        label: o,
-        ctaMessage: l,
-        onClose: a,
-        sendInvites: c,
-        reportError: i
+        label: a,
+        ctaMessage: i,
+        onClose: o,
+        sendInvites: m,
+        reportError: l
       }
     )
   }
@@ -3771,9 +3761,9 @@ const xe = "discussion_", Cs = 280, Ot = ({
   content: t,
   userHasPermissions: n = !0,
   isLoading: s = !1,
-  originalAuthorId: o,
+  originalAuthorId: a,
   functions: {
-    content: { createContent: l, deleteContent: m, updateContent: a } = {
+    content: { createContent: i, deleteContent: d, updateContent: o } = {
       createContent: () => {
       },
       deleteContent: () => {
@@ -3781,10 +3771,10 @@ const xe = "discussion_", Cs = 280, Ot = ({
       updateContent: () => {
       }
     },
-    likes: { createLike: i, deleteLike: c } = { createLike: () => {
+    likes: { createLike: l, deleteLike: m } = { createLike: () => {
     }, deleteLike: () => {
     } },
-    comments: { openComments: u } = { openComments: () => {
+    comments: { openComments: c } = { openComments: () => {
     } }
   },
   links: f = {},
@@ -3793,11 +3783,11 @@ const xe = "discussion_", Cs = 280, Ot = ({
   children: _,
   isTruncated: k = !1
 }) => {
-  const g = F(), E = ye(je), v = ye(Nn), [S, T] = P({
+  const g = F(), E = ye(je), b = ye(An), [S, T] = P({
     body: t && t.body || "",
     isEditing: !1,
     didEdit: t && t.isEdited || !1
-  }), [M, Q] = P(!1), [V, b] = P("");
+  }), [M, Q] = P(!1), [V, v] = P("");
   if (z(() => {
     T({
       ...S,
@@ -3805,28 +3795,28 @@ const xe = "discussion_", Cs = 280, Ot = ({
       didEdit: t && t.isEdited || !1
     });
   }, [t.isEdited]), s || !t || t.type === "answer" && (!t.slugs || !t.slugs.question))
-    return /* @__PURE__ */ r.jsx(ve, { className: "discussion-card discussion-post" });
-  const { author: A, canLike: q, createdAt: w, id: G, likes: L = 0, userLiked: B, comments: U = 0 } = t, Y = k ? Ke(S.body, Cs) : S.body, K = E && E.id && typeof A != "string" && A.id && A.id === E.id || !1, ie = typeof q == "boolean" ? q : n ? !K : !1, le = async (R) => {
-    R || (R = ""), b("");
+    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("");
     try {
       if (!_r(R, S.body)) {
         const te = t.type === "question" ? { title: R } : { body: R };
-        await a(ln(t.slugs), te);
+        await o(ln(t.slugs), te);
       }
       T({ body: R, isEditing: !1, didEdit: !0 });
     } catch {
-      b(`${xe}form_error`);
+      v(`${xe}form_error`);
     }
   }, ce = () => {
-    v && v.updateConversation && v.updateConversation({ showThread: !0, showForm: !0 }), setTimeout(() => {
+    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" });
     }, 0);
   }, ue = () => {
     try {
-      m(ln(t.slugs));
+      d(ln(t.slugs));
     } catch {
-      b("delete-error");
+      v("delete-error");
     }
   }, oe = [
     {
@@ -3866,7 +3856,7 @@ const xe = "discussion_", Cs = 280, Ot = ({
       "data-gtm-event-type": `delete-${t.type}-click`,
       ...Ms(`delete-${t.slug}-modal`, M)
     }
-  ), N.createElement(e, {
+  ), A.createElement(e, {
     className: j("discussion-post", p),
     "data-testid": `discussion-${t.type}-thread`,
     children: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
@@ -3885,9 +3875,9 @@ const xe = "discussion_", Cs = 280, Ot = ({
             !S.isEditing && /* @__PURE__ */ r.jsx(
               Ft,
               {
-                member: A,
+                member: N,
                 additionalContent: { createdAt: w, didEdit: S.didEdit },
-                className: typeof A != "string" && A.id === o ? "highlighted" : "",
+                className: typeof N != "string" && N.id === a ? "highlighted" : "",
                 gtmContext: h,
                 gtmType: "profile-click"
               }
@@ -3914,10 +3904,10 @@ const xe = "discussion_", Cs = 280, Ot = ({
                   ) : !1
                 },
                 functions: {
-                  create: l,
+                  create: i,
                   handleSaveEdit: le,
                   handleCancel: () => {
-                    b(""), T({ ...S, isEditing: !1 });
+                    v(""), T({ ...S, isEditing: !1 });
                   }
                 },
                 gtmContext: `${h}Form`
@@ -3935,7 +3925,7 @@ const xe = "discussion_", Cs = 280, Ot = ({
               nn,
               {
                 options: {
-                  wrapper: t.type === "question" ? "h1" : N.Fragment,
+                  wrapper: t.type === "question" ? "h1" : A.Fragment,
                   forceWrapper: t.type === "question",
                   forceInline: t.type === "question",
                   forceBlock: t.type !== "question"
@@ -3959,17 +3949,17 @@ const xe = "discussion_", Cs = 280, Ot = ({
                       content: { type: t.type, slugs: t.slugs },
                       canLike: ie,
                       functions: {
-                        createLike: i,
-                        deleteLike: c
+                        createLike: l,
+                        deleteLike: m
                       }
                     }
                   ),
-                  (["question", "post"].includes(t.type) || f.comments || typeof u == "function") && /* @__PURE__ */ r.jsxs(
+                  (["question", "post"].includes(t.type) || f.comments || typeof c == "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();
+                        R.preventDefault(), R.stopPropagation(), f.comments && (window.location.href = f.comments), typeof c == "function" && c();
                       },
                       children: [
                         /* @__PURE__ */ r.jsx(
@@ -3980,7 +3970,7 @@ const xe = "discussion_", Cs = 280, Ot = ({
                             styling: { muted: !0 },
                             icon: { icon: "speech-bubble_square_thick" },
                             href: f.comments ? f.comments : !1,
-                            onClick: f.comments || typeof u != "function" ? !1 : u,
+                            onClick: f.comments || typeof c != "function" ? !1 : c,
                             className: "gtm-trackable",
                             "data-gtm-event-context": h,
                             "data-gtm-event-type": `answer-${t.type}-click`,
@@ -4082,21 +4072,21 @@ const yt = "discussion_responses_", To = ({ type: e = "answer", responses: t = 0
   ] });
 };
 const Mo = ({ isOpen: e = !1, count: t = 0, children: n }) => {
-  const s = F(), o = ee(null), [l, m] = P(e), [a, i] = P("closed");
+  const s = F(), a = ee(null), [i, d] = P(e), [o, l] = P("closed");
   z(() => {
-    const p = o.current;
+    const p = a.current;
     if (p)
-      return p.addEventListener("transitionend", c), () => {
-        p.removeEventListener("transitionend", c);
+      return p.addEventListener("transitionend", m), () => {
+        p.removeEventListener("transitionend", m);
       };
   }, []), Ce(() => {
-    a === "closed" && !l || i(["opening", "open"].includes(a) ? "ready-to-close" : "opening");
-  }, [l]), z(() => {
-    a === "ready-to-close" && i("closing");
-  }, [a]);
-  const c = ({ propertyName: p }) => {
-    p === "max-height" && i((h) => h === "opening" ? "open" : h === "closing" ? "closed" : h);
-  }, u = ["opening", "open"].includes(a), f = gn(n, { element: "li" });
+    o === "closed" && !i || l(["opening", "open"].includes(o) ? "ready-to-close" : "opening");
+  }, [i]), z(() => {
+    o === "ready-to-close" && l("closing");
+  }, [o]);
+  const m = ({ propertyName: p }) => {
+    p === "max-height" && l((h) => h === "opening" ? "open" : h === "closing" ? "closed" : h);
+  }, c = ["opening", "open"].includes(o), f = gn(n, { element: "li" });
   return /* @__PURE__ */ r.jsxs("div", { className: "thread-wrapper", children: [
     /* @__PURE__ */ r.jsx(
       W,
@@ -4104,16 +4094,16 @@ const Mo = ({ isOpen: e = !1, count: t = 0, children: n }) => {
         variant: "secondary",
         size: "small",
         styling: { muted: !0 },
-        icon: { icon: `arrow_corner-down_${u ? "left" : "right"}` },
+        icon: { icon: `arrow_corner-down_${c ? "left" : "right"}` },
         onClick: () => {
-          m(!l);
+          d(!i);
         },
-        children: s.formatMessage({ id: `discussion_thread_${u ? "hide" : "show"}` }, { count: t })
+        children: s.formatMessage({ id: `discussion_thread_${c ? "hide" : "show"}` }, { count: t })
       }
     ),
-    /* @__PURE__ */ r.jsx("ul", { ref: o, className: j("thread", a), hidden: !l, children: f })
+    /* @__PURE__ */ r.jsx("ul", { ref: a, className: j("thread", o), hidden: !i, children: f })
   ] });
-}, As = ({
+}, Ns = ({
   user: e,
   content: t,
   verb: n = "post"
@@ -4134,20 +4124,20 @@ const Mo = ({ isOpen: e = !1, count: t = 0, children: n }) => {
     like: 0
   },
   verb: n
-}), Ns = ({
+}), As = ({
   queryClient: e,
   queryKey: t,
   user: n,
   mutationFn: s
-}) => ({ mutationFn: s, onMutate: async ({ content: a }) => {
+}) => ({ mutationFn: s, onMutate: async ({ content: o }) => {
   if (!n)
     return;
-  const i = As({ user: n, content: a, verb: "post" });
+  const l = Ns({ user: n, content: o, verb: "post" });
   await e.cancelQueries({ queryKey: t });
-  const c = e.getQueryData(t);
-  return e.setQueryData(t, (u) => [...u, i]), { previousActivities: c };
-}, onError: (a, i, c) => {
-  e.setQueryData(t, c.previousActivities);
+  const m = e.getQueryData(t);
+  return e.setQueryData(t, (c) => [...c, l]), { previousActivities: m };
+}, onError: (o, l, m) => {
+  e.setQueryData(t, m.previousActivities);
 }, onSettled: () => {
   e.invalidateQueries({ queryKey: t });
 } }), Ds = ({
@@ -4157,17 +4147,17 @@ const Mo = ({ isOpen: e = !1, count: t = 0, children: n }) => {
 }) => ({
   mutationFn: n,
   onMutate: async ({
-    activityInfo: m,
-    content: { body: a }
+    activityInfo: d,
+    content: { body: o }
   }) => {
-    if (a.length === 0)
+    if (o.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) === (m == null ? void 0 : m.activityId) && (u.content = a), u));
-    return e.setQueryData(t, () => c && [...c]), { previousActivities: c };
+    const l = e.getQueryData(t), m = l == null ? void 0 : l.map((c) => ((c == null ? void 0 : c.id) === (d == null ? void 0 : d.activityId) && (c.content = o), c));
+    return e.setQueryData(t, () => m && [...m]), { previousActivities: m };
   },
-  onError: (m, a, i) => {
-    e.setQueryData(t, i.previousActivities);
+  onError: (d, o, l) => {
+    e.setQueryData(t, l.previousActivities);
   },
   onSettled: () => {
     e.invalidateQueries({ queryKey: t });
@@ -4176,61 +4166,61 @@ const Mo = ({ isOpen: e = !1, count: t = 0, children: n }) => {
   queryClient: e,
   queryKey: t,
   mutationFn: n
-}) => ({ mutationFn: n, onMutate: async ({ activityId: a }) => {
+}) => ({ mutationFn: n, onMutate: async ({ activityId: o }) => {
   await e.cancelQueries({ queryKey: t });
-  const i = e.getQueryData(t), c = i == null ? void 0 : i.map((u) => {
+  const l = e.getQueryData(t), m = l == null ? void 0 : l.map((c) => {
     var f;
-    return (u == null ? void 0 : u.id) === a && ((f = u.reaction_counts) != null && f.like ? u.reaction_counts.like += 1 : u.reaction_counts.like = 1), u;
+    return (c == null ? void 0 : c.id) === o && ((f = c.reaction_counts) != null && f.like ? c.reaction_counts.like += 1 : c.reaction_counts.like = 1), c;
   });
-  return e.setQueryData(t, () => c && [...c]), { previousActivities: c };
-}, onError: (a, i, c) => {
-  e.setQueryData(t, c.previousActivities);
-}, onSuccess: (a) => {
-  const i = e.getQueryData(t), c = i == null ? void 0 : i.map((u) => ((u == null ? void 0 : u.id) === (a == null ? void 0 : a.activity_id) && (u.latest_reactions.like ? u.latest_reactions.like.push(a) : u.latest_reactions.like = [a]), u));
-  return e.setQueryData(t, () => c && [...c]), { previousActivities: i };
-}, onSettled: (a, i, c) => {
+  return e.setQueryData(t, () => m && [...m]), { previousActivities: m };
+}, onError: (o, l, m) => {
+  e.setQueryData(t, m.previousActivities);
+}, onSuccess: (o) => {
+  const l = e.getQueryData(t), m = l == null ? void 0 : l.map((c) => ((c == null ? void 0 : c.id) === (o == null ? void 0 : o.activity_id) && (c.latest_reactions.like ? c.latest_reactions.like.push(o) : c.latest_reactions.like = [o]), c));
+  return e.setQueryData(t, () => m && [...m]), { previousActivities: l };
+}, onSettled: (o, l, m) => {
   e.invalidateQueries({
-    queryKey: [...t, c.activityId]
+    queryKey: [...t, m.activityId]
   });
 } }), Fs = ({
   queryClient: e,
   queryKey: t,
   user: n,
   mutationFn: s
-}) => ({ mutationFn: s, onMutate: async ({ activityId: i }) => {
+}) => ({ mutationFn: s, onMutate: async ({ activityId: l }) => {
   await e.cancelQueries({ queryKey: t });
-  const c = e.getQueryData(t), u = c == null ? void 0 : c.map((f) => {
+  const m = e.getQueryData(t), c = m == null ? void 0 : m.map((f) => {
     var p;
-    return (f == null ? void 0 : f.id) === i && (p = f.reaction_counts) != null && p.like && (f.reaction_counts.like -= 1), f;
+    return (f == null ? void 0 : f.id) === l && (p = f.reaction_counts) != null && p.like && (f.reaction_counts.like -= 1), f;
   });
-  return e.setQueryData(t, () => u && [...u]), { previousActivities: u };
-}, onError: (i, c, u) => {
-  e.setQueryData(t, u.previousActivities);
-}, onSuccess: (i, { activityId: c }) => {
-  const u = e.getQueryData(t), f = u == null ? void 0 : u.map((p) => {
+  return e.setQueryData(t, () => c && [...c]), { previousActivities: c };
+}, onError: (l, m, c) => {
+  e.setQueryData(t, c.previousActivities);
+}, onSuccess: (l, { activityId: m }) => {
+  const c = e.getQueryData(t), f = c == null ? void 0 : c.map((p) => {
     var h, _, k, g;
-    if (p.id === c) {
+    if (p.id === m) {
       const E = (k = (_ = (h = p.latest_reactions) == null ? void 0 : h.like) == null ? void 0 : _.find(
-        (v) => v.user_id === (n == null ? void 0 : n.id)
+        (b) => b.user_id === (n == null ? void 0 : n.id)
       )) == null ? void 0 : k.id;
       return p.latest_reactions.like = (g = p.latest_reactions.like) == null ? void 0 : g.filter(
-        (v) => v.id !== E
+        (b) => b.id !== E
       ), p;
     } else
       return p;
   });
-  return e.setQueryData(t, () => f && [...f]), { previousActivities: u };
-}, onSettled: (i, c, u) => {
+  return e.setQueryData(t, () => f && [...f]), { previousActivities: c };
+}, onSettled: (l, m, c) => {
   e.invalidateQueries({
-    queryKey: [...t, u.activityId]
+    queryKey: [...t, c.activityId]
   });
 } }), Co = ({
   basePath: e,
   parentId: t,
   isMember: n,
-  functions: { list: s, create: o, edit: l, like: m, unlike: a, join: i, leave: c }
+  functions: { list: s, create: a, edit: i, like: d, unlike: o, join: l, leave: m }
 }) => {
-  const u = F(), f = Nt(), p = ye(je), {
+  const c = F(), f = At(), p = ye(je), {
     data: h,
     error: _,
     isLoading: k,
@@ -4238,21 +4228,21 @@ const Mo = ({ isOpen: e = !1, count: t = 0, children: n }) => {
   } = cn({
     queryKey: [e, t],
     queryFn: s
-  }), E = Ns({
+  }), E = As({
     queryClient: f,
     queryKey: [e, t],
     user: p,
-    mutationFn: o
-  }), { mutate: v } = fe(E), S = Ds({
+    mutationFn: a
+  }), { mutate: b } = fe(E), S = Ds({
     queryClient: f,
     queryKey: [e, t],
-    mutationFn: async (w) => await l(w)
+    mutationFn: async (w) => await i(w)
   }), {
     mutate: T
   } = fe(S), M = Ps({
     queryClient: f,
     queryKey: [e, t],
-    mutationFn: m
+    mutationFn: d
   }), {
     mutate: Q
   } = fe(M), V = Fs({
@@ -4266,29 +4256,29 @@ const Mo = ({ isOpen: e = !1, count: t = 0, children: n }) => {
       )), L = (Y = (U = (B = G == null ? void 0 : G.latest_reactions) == null ? void 0 : B.like) == null ? void 0 : U.find(
         (K) => K.user_id === (p == null ? void 0 : p.id)
       )) == null ? void 0 : Y.id;
-      await a({ reactionId: L || "", activityId: w });
+      await o({ reactionId: L || "", activityId: w });
     }
   }), {
-    mutate: b
-  } = fe(V), A = Ee(
+    mutate: v
+  } = fe(V), N = Ee(
     ({ activityId: w }) => Q({ activityId: w }),
     [Q]
   ), q = Ee(
-    ({ activityId: w }) => b({ activityId: w }),
-    [b]
+    ({ activityId: w }) => v({ activityId: w }),
+    [v]
   );
-  return _ ? /* @__PURE__ */ r.jsx(st, { variant: "error", text: _.message }) : k ? /* @__PURE__ */ r.jsx(ve, { style: { height: "400px" } }) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+  return _ ? /* @__PURE__ */ r.jsx(st, { variant: "error", text: _.message }) : k ? /* @__PURE__ */ r.jsx(be, { style: { height: "400px" } }) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(
-      An,
+      Nn,
       {
         contentType: "post",
-        createPost: v,
+        createPost: b,
         membershipRequiredToPost: {
           isMember: n,
           required: !0,
-          join: i,
-          leave: c,
-          notMemberStateText: u.formatMessage({ id: "community_joinToPost" })
+          join: l,
+          leave: m,
+          notMemberStateText: c.formatMessage({ id: "community_joinToPost" })
         }
       }
     ),
@@ -4331,7 +4321,7 @@ const Mo = ({ isOpen: e = !1, count: t = 0, children: n }) => {
               },
               likes: {
                 createLike: () => {
-                  A({ activityId: w == null ? void 0 : w.id });
+                  N({ activityId: w == null ? void 0 : w.id });
                 },
                 deleteLike: () => {
                   q({ activityId: w == null ? void 0 : w.id });
@@ -4344,7 +4334,7 @@ const Mo = ({ isOpen: e = !1, count: t = 0, children: n }) => {
             isTruncated: !0
           }
         ),
-        /* @__PURE__ */ r.jsx(Ae, {})
+        /* @__PURE__ */ r.jsx(Ne, {})
       ] }, w == null ? void 0 : w.id);
     }))
   ] });
@@ -4354,17 +4344,17 @@ const Mo = ({ isOpen: e = !1, count: t = 0, children: n }) => {
   mutationFn: n
 }) => ({ mutationFn: n, onMutate: async () => {
   await e.cancelQueries({ queryKey: t });
-}, onError: (a, i, c) => {
-  e.setQueryData(t, c.previousActivity);
-}, onSuccess: (a) => {
-  var c;
-  const i = e.getQueryData(t);
-  if (i)
-    return (c = i == null ? void 0 : i.latest_reactions) != null && c.reply ? (i.latest_reactions.reply.unshift(a), i && (i.reaction_counts = {
-      reply: i.latest_reactions.reply.length
-    })) : (i.latest_reactions = { reply: [a] }, i.reaction_counts = { reply: 1 }), e.setQueryData(t, () => ({
-      ...i
-    })), { previousActivity: i };
+}, onError: (o, l, m) => {
+  e.setQueryData(t, m.previousActivity);
+}, onSuccess: (o) => {
+  var m;
+  const l = e.getQueryData(t);
+  if (l)
+    return (m = l == null ? void 0 : l.latest_reactions) != null && m.reply ? (l.latest_reactions.reply.unshift(o), l && (l.reaction_counts = {
+      reply: l.latest_reactions.reply.length
+    })) : (l.latest_reactions = { reply: [o] }, l.reaction_counts = { reply: 1 }), e.setQueryData(t, () => ({
+      ...l
+    })), { previousActivity: l };
 }, onSettled: () => {
   e.invalidateQueries({ queryKey: t });
 } }), Os = ({
@@ -4374,166 +4364,166 @@ const Mo = ({ isOpen: e = !1, count: t = 0, children: n }) => {
 }) => ({
   mutationFn: n,
   onMutate: async ({
-    replyInfo: l,
-    content: { body: m }
+    replyInfo: i,
+    content: { body: d }
   }) => {
-    var c, u, f;
-    if (m.length === 0)
+    var m, c, f;
+    if (d.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))
+    const o = e.getQueryData(t);
+    if (!o || !((m = o == null ? void 0 : o.latest_reactions) != null && m.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 = m), p));
+    const l = (f = (c = o == null ? void 0 : o.latest_reactions) == null ? void 0 : c.reply) == null ? void 0 : f.map((p) => (p.id === i.replySlug && (p.data.content = d), p));
     return e.setQueryData(t, () => ({
-      ...a,
-      latest_reactions: { reply: i }
-    })), { previousActivity: a };
+      ...o,
+      latest_reactions: { reply: l }
+    })), { previousActivity: o };
   },
-  onError: (l, m, a) => {
-    e.setQueryData(t, a.previousActivity);
+  onError: (i, d, o) => {
+    e.setQueryData(t, o.previousActivity);
   }
 }), Ls = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
-}) => ({ mutationFn: n, onMutate: async ({ replyId: m }) => {
-  var c, u;
+}) => ({ mutationFn: n, onMutate: async ({ replyId: d }) => {
+  var m, c;
   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) => {
+  const o = e.getQueryData(t), l = (c = (m = o == null ? void 0 : o.latest_reactions) == null ? void 0 : m.reply) == null ? void 0 : c.map((f) => {
     var p;
-    return f.id === m && ((p = f.children_counts) != null && p.like ? f.children_counts.like += 1 : f.children_counts = { like: 1 }), f;
+    return f.id === d && ((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: (m, a, i) => {
-  e.setQueryData(t, i.previousActivity);
-}, 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 === m.id && (u.latest_children.like ? u.latest_children.like.push(m) : u.latest_children.like = [m]), u));
+    ...o,
+    latest_reactions: { reply: l }
+  })), { previousActivity: o };
+}, onError: (d, o, l) => {
+  e.setQueryData(t, l.previousActivity);
+}, onSuccess: (d) => {
+  var m;
+  const o = e.getQueryData(t), l = (m = o == null ? void 0 : o.latest_reactions.reply) == null ? void 0 : m.map((c) => (c.id === d.id && (c.latest_children.like ? c.latest_children.like.push(d) : c.latest_children.like = [d]), c));
   return e.setQueryData(t, () => ({
-    ...a,
-    latest_reactions: { reply: i }
-  })), { previousActivity: a };
+    ...o,
+    latest_reactions: { reply: l }
+  })), { previousActivity: o };
 } }), Bs = ({
   queryClient: e,
   queryKey: t,
   user: n,
   mutationFn: s
-}) => ({ mutationFn: s, onMutate: async ({ replyId: a }) => {
-  var u;
+}) => ({ mutationFn: s, onMutate: async ({ replyId: o }) => {
+  var c;
   await e.cancelQueries({ queryKey: t });
-  const i = e.getQueryData(t);
-  if (!i)
+  const l = e.getQueryData(t);
+  if (!l)
     return;
-  const c = (u = i.latest_reactions.reply) == null ? void 0 : u.map((f) => (f.id === a && f.children_counts.like && (f.children_counts.like -= 1), f));
+  const m = (c = l.latest_reactions.reply) == null ? void 0 : c.map((f) => (f.id === o && f.children_counts.like && (f.children_counts.like -= 1), f));
   return e.setQueryData(t, () => ({
-    ...i,
-    latest_reactions: { reply: c }
-  })), { previousActivity: i };
-}, onError: (a, i, c) => {
-  e.setQueryData(t, c.previousActivity);
-}, onSuccess: (a, { replyId: i }) => {
+    ...l,
+    latest_reactions: { reply: m }
+  })), { previousActivity: l };
+}, onError: (o, l, m) => {
+  e.setQueryData(t, m.previousActivity);
+}, onSuccess: (o, { replyId: l }) => {
   var f;
-  const c = e.getQueryData(t);
-  if (!c)
+  const m = e.getQueryData(t);
+  if (!m)
     return;
-  const u = (f = c.latest_reactions.reply) == null ? void 0 : f.map((p) => {
+  const c = (f = m.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(
+    return p.id === l ? (h = p.latest_children.reply) == null ? void 0 : h.filter(
       (k) => k.user_id !== (n == null ? void 0 : n.id)
     ) : p;
   });
   return e.setQueryData(t, () => ({
-    ...c,
-    latest_reactions: { reply: u }
-  })), { previousActivity: c };
+    ...m,
+    latest_reactions: { reply: c }
+  })), { previousActivity: m };
 } }), Is = ({
   basePath: e,
   parentId: t,
   activityId: n,
   repliesList: s,
-  isMember: o,
-  functions: { createReply: l, editReply: m, like: a, unlike: i, join: c, leave: u }
+  isMember: a,
+  functions: { createReply: i, editReply: d, like: o, unlike: l, join: m, leave: c }
 }) => {
-  const f = F(), p = Nt(), h = ye(je), _ = Rs({
+  const f = F(), p = At(), h = ye(je), _ = Rs({
     queryClient: p,
     queryKey: [e, t, n],
-    mutationFn: l
+    mutationFn: i
   }), { mutate: k } = fe(_), g = Os({
     queryClient: p,
     queryKey: [e, t, n],
-    mutationFn: async (b) => m(b)
+    mutationFn: async (v) => d(v)
   }), {
     mutate: E
-  } = fe(g), v = Ls({
+  } = fe(g), b = Ls({
     queryClient: p,
     queryKey: [e, t, n],
-    mutationFn: a
+    mutationFn: o
   }), {
     mutate: S
-  } = fe(v), T = Bs({
+  } = fe(b), T = Bs({
     queryClient: p,
     queryKey: [e, t, n],
     user: h,
-    mutationFn: i
+    mutationFn: l
   }), {
     mutate: M
   } = fe(T), Q = Ee(
-    ({ replyId: b }) => S({ replyId: b }),
+    ({ replyId: v }) => S({ replyId: v }),
     [S]
   ), V = Ee(
-    ({ replyId: b }) => M({ replyId: b }),
+    ({ replyId: v }) => M({ replyId: v }),
     [M]
   );
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(
-      An,
+      Nn,
       {
         contentType: "post",
         createPost: k,
         membershipRequiredToPost: {
-          isMember: o,
+          isMember: a,
           required: !0,
-          join: c,
-          leave: u,
+          join: m,
+          leave: c,
           notMemberStateText: f.formatMessage({ id: "community_joinToPost" })
         }
       }
     ),
-    (s == null ? void 0 : s.length) === 0 || (s == null ? void 0 : s.map((b) => {
+    (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 A = ((G = b == null ? void 0 : b.latest_children) == null ? void 0 : G.like) && ((L = b == null ? void 0 : b.latest_children) == null ? void 0 : L.like.filter(
+      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(
         (ge) => ge.user_id === (h == null ? void 0 : h.id)
-      )), q = ((B = b == null ? void 0 : b.user) == null ? void 0 : B.id) === (h == null ? void 0 : h.id), w = Rt(o, q);
+      )), q = ((B = v == null ? void 0 : v.user) == null ? void 0 : B.id) === (h == null ? void 0 : h.id), w = Rt(a, q);
       return /* @__PURE__ */ r.jsx(
         Ot,
         {
           content: {
             type: "post",
-            body: typeof b.data.content == "string" ? (U = b == null ? void 0 : b.data) == null ? void 0 : U.content : ((K = (Y = b == null ? void 0 : b.data) == null ? void 0 : Y.content) == null ? void 0 : K.text) || "",
+            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: b == null ? void 0 : b.created_at,
+            createdAt: v == null ? void 0 : v.created_at,
             slugs: {
               question: `${e}/${t}/${n}`,
               parentId: t,
-              reply: b == null ? void 0 : b.id
+              reply: v == null ? void 0 : v.id
             },
-            slug: `${e}/${t}/${n}#${b == null ? void 0 : b.id}`,
+            slug: `${e}/${t}/${n}#${v == null ? void 0 : v.id}`,
             author: {
-              id: (ie = b == null ? void 0 : b.user) == null ? void 0 : ie.id,
-              name: (ce = (le = b == null ? void 0 : b.user) == null ? void 0 : le.data) == null ? void 0 : ce.name,
-              organization: (oe = (ue = b == null ? void 0 : b.user) == null ? void 0 : ue.data) == null ? void 0 : oe.organization,
-              jobTitle: (te = (R = b == null ? void 0 : b.user) == null ? void 0 : R.data) == null ? void 0 : te.jobTitle,
+              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,
               image: {
-                thumbnail: ((ne = (X = b == null ? void 0 : b.user) == null ? void 0 : X.data) == null ? void 0 : ne.thumbnail) || void 0
+                thumbnail: ((ne = (X = v == null ? void 0 : v.user) == null ? void 0 : X.data) == null ? void 0 : ne.thumbnail) || void 0
               }
             },
-            userLiked: !!(A != null && A.length),
-            likes: ((me = b == null ? void 0 : b.children_counts) == null ? void 0 : me.like) || 0,
-            comments: ((pe = b == null ? void 0 : b.children_counts) == null ? void 0 : pe.reply) || 0
+            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
           },
           functions: {
             content: {
@@ -4542,8 +4532,8 @@ const Mo = ({ isOpen: e = !1, count: t = 0, children: n }) => {
               updateContent: (ge, Se) => E({ replyInfo: ge, content: Se })
             },
             likes: {
-              createLike: () => Q({ replyId: b == null ? void 0 : b.id }),
-              deleteLike: () => V({ replyId: b == null ? void 0 : b.id })
+              createLike: () => Q({ replyId: v == null ? void 0 : v.id }),
+              deleteLike: () => V({ replyId: v == null ? void 0 : v.id })
             },
             comments: {
               openComments: () => {
@@ -4551,7 +4541,7 @@ const Mo = ({ isOpen: e = !1, count: t = 0, children: n }) => {
             }
           }
         },
-        b == null ? void 0 : b.id
+        v == null ? void 0 : v.id
       );
     }))
   ] });
@@ -4562,19 +4552,19 @@ const Mo = ({ isOpen: e = !1, count: t = 0, children: n }) => {
 }) => ({
   mutationFn: n,
   onMutate: async ({
-    activityInfo: m,
-    content: { body: a }
+    activityInfo: d,
+    content: { body: o }
   }) => {
-    if (a.length === 0)
+    if (o.length === 0)
       return;
     await e.cancelQueries({ queryKey: t });
-    const i = e.getQueryData(t);
-    return i && i.id === (m == null ? void 0 : m.activityId) && (i.content = a), e.setQueryData(t, () => ({
-      ...i
-    })), { previousActivity: i };
+    const l = e.getQueryData(t);
+    return l && l.id === (d == null ? void 0 : d.activityId) && (l.content = o), e.setQueryData(t, () => ({
+      ...l
+    })), { previousActivity: l };
   },
-  onError: (m, a, i) => {
-    e.setQueryData(t, i.previousActivity);
+  onError: (d, o, l) => {
+    e.setQueryData(t, l.previousActivity);
   },
   onSettled: () => {
     e.invalidateQueries({ queryKey: t });
@@ -4584,19 +4574,19 @@ const Mo = ({ isOpen: e = !1, count: t = 0, children: n }) => {
   queryKey: t,
   mutationFn: n
 }) => ({ mutationFn: n, onMutate: async () => {
-  var i;
+  var l;
   await e.cancelQueries({ queryKey: t });
-  const a = e.getQueryData(t);
-  return (i = a == null ? void 0 : a.reaction_counts) != null && i.like ? a.reaction_counts.like += 1 : a && (a.reaction_counts = { like: 1 }), e.setQueryData(t, () => ({
-    ...a
-  })), { previousActivity: a };
-}, onError: (a, i, c) => {
-  e.setQueryData(t, c.previousActivity);
-}, onSuccess: (a) => {
-  const i = e.getQueryData(t);
-  return i != null && i.latest_reactions.like ? i.latest_reactions.like.push(a) : i && (i.latest_reactions = { like: [a] }), e.setQueryData(t, () => ({
-    ...i
-  })), { previousActivity: i };
+  const o = e.getQueryData(t);
+  return (l = o == null ? void 0 : o.reaction_counts) != null && l.like ? o.reaction_counts.like += 1 : o && (o.reaction_counts = { like: 1 }), e.setQueryData(t, () => ({
+    ...o
+  })), { previousActivity: o };
+}, onError: (o, l, m) => {
+  e.setQueryData(t, m.previousActivity);
+}, onSuccess: (o) => {
+  const l = e.getQueryData(t);
+  return l != null && l.latest_reactions.like ? l.latest_reactions.like.push(o) : l && (l.latest_reactions = { like: [o] }), e.setQueryData(t, () => ({
+    ...l
+  })), { previousActivity: l };
 }, onSettled: () => {
   e.invalidateQueries({ queryKey: t });
 } }), Us = ({
@@ -4604,71 +4594,72 @@ const Mo = ({ isOpen: e = !1, count: t = 0, children: n }) => {
   queryKey: t,
   user: n,
   activity: s,
-  mutationFn: o
-}) => ({ mutationFn: o, onMutate: async () => {
-  var u;
+  mutationFn: a
+}) => ({ mutationFn: a, onMutate: async () => {
+  var c;
   await e.cancelQueries({ queryKey: t });
-  const c = e.getQueryData(t);
-  return (u = c == null ? void 0 : c.reaction_counts) != null && u.like && c.reaction_counts.like > 0 && (c.reaction_counts.like -= 1), e.setQueryData(t, () => ({
-    ...c
-  })), { previousActivity: c };
-}, onError: (c, u, f) => {
+  const m = e.getQueryData(t);
+  return (c = m == null ? void 0 : m.reaction_counts) != null && c.like && m.reaction_counts.like > 0 && (m.reaction_counts.like -= 1), e.setQueryData(t, () => ({
+    ...m
+  })), { previousActivity: m };
+}, onError: (m, c, f) => {
   e.setQueryData(t, f.previousActivity);
 }, onSuccess: () => {
   var f, p, h;
   if (!s)
     return;
-  const c = (h = (p = (f = s.latest_reactions) == null ? void 0 : f.like) == null ? void 0 : p.find(
+  const m = (h = (p = (f = s.latest_reactions) == null ? void 0 : f.like) == null ? void 0 : p.find(
     (_) => _.user_id === (n == null ? void 0 : n.id)
-  )) == null ? void 0 : h.id, u = e.getQueryData(t);
-  if (u != null && u.latest_reactions.like)
-    return u.latest_reactions.like = u.latest_reactions.like.filter(
-      (_) => _.id !== c
+  )) == null ? void 0 : h.id, c = e.getQueryData(t);
+  if (c != null && c.latest_reactions.like)
+    return c.latest_reactions.like = c.latest_reactions.like.filter(
+      (_) => _.id !== m
     ), e.setQueryData(t, () => ({
-      ...u
-    })), { previousActivity: u };
+      ...c
+    })), { previousActivity: c };
 }, onSettled: () => {
   e.invalidateQueries({ queryKey: t });
-} }), Ao = ({
+} });
+const No = ({
   basePath: e,
   parentId: t,
   activityId: n,
   isMember: s,
   functions: {
-    get: o,
-    editActivity: l,
-    likeActivity: m,
-    unlikeActivity: a,
-    createReply: i,
-    editReply: c,
-    likeReply: u,
+    get: a,
+    editActivity: i,
+    likeActivity: d,
+    unlikeActivity: o,
+    createReply: l,
+    editReply: m,
+    likeReply: c,
     unlikeReply: f,
     join: p,
     leave: h
   }
 }) => {
   var B, U, Y, K, ie, le, ce, ue, oe, R, te;
-  const _ = ye(je), k = Nt(), {
+  const _ = ye(je), k = At(), {
     data: g,
     error: E,
-    isLoading: v,
+    isLoading: b,
     isFetching: S
   } = cn({
     queryKey: [e, t, n],
-    queryFn: o
+    queryFn: a
   }), T = Hs({
     queryClient: k,
     queryKey: [e, t, n],
-    mutationFn: async (X) => await l(X)
+    mutationFn: async (X) => await i(X)
   }), {
     mutate: M
   } = fe(T), Q = Qs({
     queryClient: k,
     queryKey: [e, t, n],
-    mutationFn: m
+    mutationFn: d
   }), {
     mutate: V
-  } = fe(Q), b = Us({
+  } = fe(Q), v = Us({
     queryClient: k,
     queryKey: [e, t, n],
     user: _,
@@ -4677,26 +4668,27 @@ const Mo = ({ isOpen: e = !1, count: t = 0, children: n }) => {
       const X = (pe = (me = (ne = g == null ? void 0 : g.latest_reactions) == null ? void 0 : ne.like) == null ? void 0 : me.find(
         (ge) => ge.user_id === (_ == null ? void 0 : _.id)
       )) == null ? void 0 : pe.id;
-      await a({ activityId: n, reactionId: X });
+      await o({ activityId: n, reactionId: X });
     },
     activity: g
   }), {
-    mutate: A
-  } = fe(b), q = Ee(
+    mutate: N
+  } = fe(v), q = Ee(
     ({ activityId: X }) => V({ activityId: X }),
     [V]
   ), w = Ee(
-    async ({ activityId: X }) => A({ activityId: X }),
-    [A]
+    async ({ activityId: X }) => N({ activityId: X }),
+    [N]
   );
   if (E)
     return /* @__PURE__ */ r.jsx(st, { variant: "error", text: E.message });
-  if (v || S)
-    return /* @__PURE__ */ r.jsx(ve, { style: { height: "400px" } });
+  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(
     Ot,
     {
+      className: "activity-section",
       content: {
         type: "post",
         body: g == null ? void 0 : g.content,
@@ -4752,10 +4744,10 @@ const Mo = ({ isOpen: e = !1, count: t = 0, children: n }) => {
             repliesList: (te = g == null ? void 0 : g.latest_reactions) == null ? void 0 : te.reply,
             isMember: s,
             functions: {
-              createReply: i,
-              like: u,
+              createReply: l,
+              like: c,
               unlike: f,
-              editReply: c,
+              editReply: m,
               join: p,
               leave: h
             }
@@ -4765,38 +4757,38 @@ const Mo = ({ isOpen: e = !1, count: t = 0, children: n }) => {
     },
     n
   );
-}, No = ({ id: e, data: { jobTitle: t, name: n, organization: s, thumbnail: o } }) => ({
+}, Ao = ({ id: e, data: { jobTitle: t, name: n, organization: s, thumbnail: a } }) => ({
   id: e,
   name: n,
   jobTitle: t,
   organization: s,
-  image: { thumbnail: o }
+  image: { thumbnail: a }
 });
 export {
   $t as ASSETS_BUCKET,
   Co as ActivitiesFeed,
-  Ao as ActivitySection,
-  An as AddPost,
+  No as ActivitySection,
+  Nn as AddPost,
   lo as BannerSection,
   go as Breadcrumbs,
   W as Button,
   nt as ButtonWrapper,
   as as CacheProvider,
   xn as CollapsibleSection,
-  bo as Columns,
+  vo as Columns,
   ho as CommunityDetails,
   os as Contributors,
-  Nn as ConversationContext,
+  An as ConversationContext,
   gs as CookieBanner,
   So as DiscussionConversation,
   Cn as DiscussionForm,
   $s as DiscussionLikes,
   Ot as DiscussionPost,
   Mo as DiscussionThread,
-  Ae as Divider,
+  Ne as Divider,
   ao as DownloadSection,
   Oe as EMAILS,
-  vo as EmailHelperTextBox,
+  bo as EmailHelperTextBox,
   st as EmptyStateBox,
   _o as Filters,
   cs as FlagsProvider,
@@ -4809,14 +4801,14 @@ export {
   mo as HideShowTextBox,
   ke as HighlightedTextBox,
   us as IntlProvider,
-  vs as InviteForm,
+  bs as InviteForm,
   $o as InviteModal,
   yn as JoinButton,
   xo as LanguageSwitcher,
   rt as Link,
   fs as LoadMore,
   fo as LoadingBlock,
-  ve as LoadingPlaceholder,
+  be as LoadingPlaceholder,
   ns as LoadingState,
   jn as Logo,
   io as LogoSection,
@@ -4837,7 +4829,7 @@ export {
   Is as RepliesFeed,
   To as ResponsesHeading,
   Br as ResponsiveImage,
-  bs as SearchForm,
+  vs as SearchForm,
   Zr as Span,
   Mt as StatusBanner,
   jo as Tags,
@@ -4848,7 +4840,7 @@ export {
   Ms as addAriaProps,
   kn as getMember,
   Xe as headerData,
-  No as mapGetStreamData,
+  Ao as mapGetStreamData,
   jr as useCurrentPath,
   Ce as useEffectAfterMount,
   tt as useScreenWidth,