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

package/index.mjs

@@ -1,7 +1,7 @@
-import N, { memo as Pe, useState as L, useEffect as Z, useRef as se, useMemo as nt, Children as Dt, createContext as Ot, useContext as be, Fragment as Nt, useCallback as je, useReducer as rs, Suspense as os } from "react";
+import D, { memo as Pe, useState as L, useEffect as Z, useRef as se, useMemo as nt, Children as At, createContext as Ot, useContext as be, Fragment as Dt, useCallback as je, useReducer as rs, Suspense as os } from "react";
 import as from "lodash.clonedeep";
 import is from "lodash.set";
-import { useIntl as A, IntlProvider as ls, createIntl as cs, FormattedMessage as Ee } from "react-intl";
+import { useIntl as N, IntlProvider as ls, createIntl as cs, FormattedMessage as Ee } from "react-intl";
 import st from "truncate";
 import rt from "markdown-to-jsx";
 import { QueryClient as ds, QueryClientProvider as us, useQueryClient as ot, useQuery as pn, useMutation as me } from "@tanstack/react-query";
@@ -52,9 +52,9 @@ var _n = { exports: {} };
     e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
 })(_n);
-var vs = _n.exports;
-const S = /* @__PURE__ */ bs(vs), ws = ({ element: e = "span", showOnFocus: t = !0, children: n, ...r }) => N.createElement(e, { ...r, className: S("hidden", { "show-on-focus": t }), children: n }), de = Pe(ws), ks = ({ element: e = "span", children: t = null, ...n }) => N.createElement(e, { ...n, "aria-hidden": !0 }, t), xn = Pe(ks);
-var At = { exports: {} }, Fe = {};
+var ws = _n.exports;
+const S = /* @__PURE__ */ bs(ws), vs = ({ element: e = "span", showOnFocus: t = !0, children: n, ...r }) => D.createElement(e, { ...r, className: S("hidden", { "show-on-focus": t }), children: n }), de = Pe(vs), ks = ({ element: e = "span", children: t = null, ...n }) => D.createElement(e, { ...n, "aria-hidden": !0 }, t), xn = Pe(ks);
+var Nt = { exports: {} }, Fe = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -69,7 +69,7 @@ function js() {
   if (sn)
     return Fe;
   sn = 1;
-  var e = N, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
+  var e = D, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
   function d(o, a, u) {
     var l, f = {}, h = null, p = null;
     u !== void 0 && (h = "" + u), a.key !== void 0 && (h = "" + a.key), a.ref !== void 0 && (p = a.ref);
@@ -95,29 +95,29 @@ var Le = {};
 var rn;
 function ys() {
   return rn || (rn = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = N, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), o = Symbol.for("react.context"), a = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), l = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), _ = Symbol.iterator, j = "@@iterator";
+    var e = D, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), o = Symbol.for("react.context"), a = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), l = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), _ = Symbol.iterator, j = "@@iterator";
     function g(m) {
       if (m === null || typeof m != "object")
         return null;
-      var w = _ && m[_] || m[j];
-      return typeof w == "function" ? w : null;
+      var v = _ && m[_] || m[j];
+      return typeof v == "function" ? v : null;
     }
     var E = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function k(m) {
       {
-        for (var w = arguments.length, y = new Array(w > 1 ? w - 1 : 0), $ = 1; $ < w; $++)
+        for (var v = arguments.length, y = new Array(v > 1 ? v - 1 : 0), $ = 1; $ < v; $++)
           y[$ - 1] = arguments[$];
         T("error", m, y);
       }
     }
-    function T(m, w, y) {
+    function T(m, v, y) {
       {
         var $ = E.ReactDebugCurrentFrame, I = $.getStackAddendum();
-        I !== "" && (w += "%s", y = y.concat([I]));
+        I !== "" && (v += "%s", y = y.concat([I]));
         var z = y.map(function(R) {
           return String(R);
         });
-        z.unshift("Warning: " + w), Function.prototype.apply.call(console[m], console, z);
+        z.unshift("Warning: " + v), Function.prototype.apply.call(console[m], console, z);
       }
     }
     var M = !1, C = !1, H = !1, Y = !1, x = !1, b;
@@ -129,11 +129,11 @@ function ys() {
       // with.
       m.$$typeof === b || m.getModuleId !== void 0));
     }
-    function v(m, w, y) {
+    function w(m, v, y) {
       var $ = m.displayName;
       if ($)
         return $;
-      var I = w.displayName || w.name || "";
+      var I = v.displayName || v.name || "";
       return I !== "" ? y + "(" + I + ")" : y;
     }
     function G(m) {
@@ -163,13 +163,13 @@ function ys() {
       if (typeof m == "object")
         switch (m.$$typeof) {
           case o:
-            var w = m;
-            return G(w) + ".Consumer";
+            var v = m;
+            return G(v) + ".Consumer";
           case d:
             var y = m;
             return G(y._context) + ".Provider";
           case a:
-            return v(m, m.render, "ForwardRef");
+            return w(m, m.render, "ForwardRef");
           case f:
             var $ = m.displayName || null;
             return $ !== null ? $ : O(m.type) || "Memo";
@@ -247,7 +247,7 @@ function ys() {
       }
     }
     var ne = E.ReactCurrentDispatcher, F;
-    function J(m, w, y) {
+    function J(m, v, y) {
       {
         if (F === void 0)
           try {
@@ -265,7 +265,7 @@ function ys() {
       var ge = typeof WeakMap == "function" ? WeakMap : Map;
       pe = new ge();
     }
-    function $e(m, w) {
+    function $e(m, v) {
       if (!m || fe)
         return "";
       {
@@ -280,7 +280,7 @@ function ys() {
       var z;
       z = ne.current, ne.current = null, te();
       try {
-        if (w) {
+        if (v) {
           var R = function() {
             throw Error();
           };
@@ -291,39 +291,39 @@ function ys() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(R, []);
-            } catch (ve) {
-              $ = ve;
+            } catch (we) {
+              $ = we;
             }
             Reflect.construct(m, [], R);
           } else {
             try {
               R.call();
-            } catch (ve) {
-              $ = ve;
+            } catch (we) {
+              $ = we;
             }
             m.call(R.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (ve) {
-            $ = ve;
+          } catch (we) {
+            $ = we;
           }
           m();
         }
-      } catch (ve) {
-        if (ve && $ && typeof ve.stack == "string") {
-          for (var D = ve.stack.split(`
+      } catch (we) {
+        if (we && $ && typeof we.stack == "string") {
+          for (var A = we.stack.split(`
 `), ue = $.stack.split(`
-`), q = D.length - 1, ee = ue.length - 1; q >= 1 && ee >= 0 && D[q] !== ue[ee]; )
+`), q = A.length - 1, ee = ue.length - 1; q >= 1 && ee >= 0 && A[q] !== ue[ee]; )
             ee--;
           for (; q >= 1 && ee >= 0; q--, ee--)
-            if (D[q] !== ue[ee]) {
+            if (A[q] !== ue[ee]) {
               if (q !== 1 || ee !== 1)
                 do
-                  if (q--, ee--, ee < 0 || D[q] !== ue[ee]) {
+                  if (q--, ee--, ee < 0 || A[q] !== ue[ee]) {
                     var _e = `
-` + D[q].replace(" at new ", " at ");
+` + A[q].replace(" at new ", " at ");
                     return m.displayName && _e.includes("<anonymous>") && (_e = _e.replace("<anonymous>", m.displayName)), typeof m == "function" && pe.set(m, _e), _e;
                   }
                 while (q >= 1 && ee >= 0);
@@ -336,14 +336,14 @@ function ys() {
       var Ce = m ? m.displayName || m.name : "", nn = Ce ? J(Ce) : "";
       return typeof m == "function" && pe.set(m, nn), nn;
     }
-    function He(m, w, y) {
+    function He(m, v, y) {
       return $e(m, !1);
     }
     function Qe(m) {
-      var w = m.prototype;
-      return !!(w && w.isReactComponent);
+      var v = m.prototype;
+      return !!(v && v.isReactComponent);
     }
-    function Ue(m, w, y) {
+    function Ue(m, v, y) {
       if (m == null)
         return "";
       if (typeof m == "function")
@@ -361,11 +361,11 @@ function ys() {
           case a:
             return He(m.render);
           case f:
-            return Ue(m.type, w, y);
+            return Ue(m.type, v, y);
           case h: {
             var $ = m, I = $._payload, z = $._init;
             try {
-              return Ue(z(I), w, y);
+              return Ue(z(I), v, y);
             } catch {
             }
           }
@@ -375,27 +375,27 @@ function ys() {
     var We = Object.prototype.hasOwnProperty, Wt = {}, zt = E.ReactDebugCurrentFrame;
     function ze(m) {
       if (m) {
-        var w = m._owner, y = Ue(m.type, m._source, w ? w.type : null);
+        var v = m._owner, y = Ue(m.type, m._source, v ? v.type : null);
         zt.setExtraStackFrame(y);
       } else
         zt.setExtraStackFrame(null);
     }
-    function On(m, w, y, $, I) {
+    function On(m, v, y, $, I) {
       {
         var z = Function.call.bind(We);
         for (var R in m)
           if (z(m, R)) {
-            var D = void 0;
+            var A = void 0;
             try {
               if (typeof m[R] != "function") {
                 var ue = Error(($ || "React class") + ": " + y + " type `" + R + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof m[R] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw ue.name = "Invariant Violation", ue;
               }
-              D = m[R](w, R, $, y, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              A = m[R](v, R, $, y, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (q) {
-              D = q;
+              A = q;
             }
-            D && !(D instanceof Error) && (ze(I), k("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", $ || "React class", y, R, typeof D), ze(null)), D instanceof Error && !(D.message in Wt) && (Wt[D.message] = !0, ze(I), k("Failed %s type: %s", y, D.message), ze(null));
+            A && !(A instanceof Error) && (ze(I), k("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", $ || "React class", y, R, typeof A), ze(null)), A instanceof Error && !(A.message in Wt) && (Wt[A.message] = !0, ze(I), k("Failed %s type: %s", y, A.message), ze(null));
           }
       }
     }
@@ -405,7 +405,7 @@ function ys() {
     }
     function In(m) {
       {
-        var w = typeof Symbol == "function" && Symbol.toStringTag, y = w && m[Symbol.toStringTag] || m.constructor.name || "Object";
+        var v = typeof Symbol == "function" && Symbol.toStringTag, y = v && m[Symbol.toStringTag] || m.constructor.name || "Object";
         return y;
       }
     }
@@ -432,30 +432,30 @@ function ys() {
     ft = {};
     function Un(m) {
       if (We.call(m, "ref")) {
-        var w = Object.getOwnPropertyDescriptor(m, "ref").get;
-        if (w && w.isReactWarning)
+        var v = Object.getOwnPropertyDescriptor(m, "ref").get;
+        if (v && v.isReactWarning)
           return !1;
       }
       return m.ref !== void 0;
     }
     function Wn(m) {
       if (We.call(m, "key")) {
-        var w = Object.getOwnPropertyDescriptor(m, "key").get;
-        if (w && w.isReactWarning)
+        var v = Object.getOwnPropertyDescriptor(m, "key").get;
+        if (v && v.isReactWarning)
           return !1;
       }
       return m.key !== void 0;
     }
-    function zn(m, w) {
-      if (typeof m.ref == "string" && Re.current && w && Re.current.stateNode !== w) {
+    function zn(m, v) {
+      if (typeof m.ref == "string" && Re.current && v && Re.current.stateNode !== v) {
         var y = O(Re.current.type);
         ft[y] || (k('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', O(Re.current.type), m.ref), ft[y] = !0);
       }
     }
-    function Vn(m, w) {
+    function Vn(m, v) {
       {
         var y = function() {
-          Gt || (Gt = !0, k("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", w));
+          Gt || (Gt = !0, k("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", v));
         };
         y.isReactWarning = !0, Object.defineProperty(m, "key", {
           get: y,
@@ -463,10 +463,10 @@ function ys() {
         });
       }
     }
-    function Yn(m, w) {
+    function Yn(m, v) {
       {
         var y = function() {
-          Jt || (Jt = !0, k("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", w));
+          Jt || (Jt = !0, k("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", v));
         };
         y.isReactWarning = !0, Object.defineProperty(m, "ref", {
           get: y,
@@ -474,57 +474,57 @@ function ys() {
         });
       }
     }
-    var Gn = function(m, w, y, $, I, z, R) {
-      var D = {
+    var Gn = function(m, v, y, $, I, z, R) {
+      var A = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
         type: m,
-        key: w,
+        key: v,
         ref: y,
         props: R,
         // Record the component responsible for creating this element.
         _owner: z
       };
-      return D._store = {}, Object.defineProperty(D._store, "validated", {
+      return A._store = {}, Object.defineProperty(A._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(D, "_self", {
+      }), Object.defineProperty(A, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: $
-      }), Object.defineProperty(D, "_source", {
+      }), Object.defineProperty(A, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: I
-      }), Object.freeze && (Object.freeze(D.props), Object.freeze(D)), D;
+      }), Object.freeze && (Object.freeze(A.props), Object.freeze(A)), A;
     };
-    function Jn(m, w, y, $, I) {
+    function Jn(m, v, y, $, I) {
       {
-        var z, R = {}, D = null, ue = null;
-        y !== void 0 && (Yt(y), D = "" + y), Wn(w) && (Yt(w.key), D = "" + w.key), Un(w) && (ue = w.ref, zn(w, I));
-        for (z in w)
-          We.call(w, z) && !Qn.hasOwnProperty(z) && (R[z] = w[z]);
+        var z, R = {}, A = null, ue = null;
+        y !== void 0 && (Yt(y), A = "" + y), Wn(v) && (Yt(v.key), A = "" + v.key), Un(v) && (ue = v.ref, zn(v, I));
+        for (z in v)
+          We.call(v, z) && !Qn.hasOwnProperty(z) && (R[z] = v[z]);
         if (m && m.defaultProps) {
           var q = m.defaultProps;
           for (z in q)
             R[z] === void 0 && (R[z] = q[z]);
         }
-        if (D || ue) {
+        if (A || ue) {
           var ee = typeof m == "function" ? m.displayName || m.name || "Unknown" : m;
-          D && Vn(R, ee), ue && Yn(R, ee);
+          A && Vn(R, ee), ue && Yn(R, ee);
         }
-        return Gn(m, D, ue, I, $, Re.current, R);
+        return Gn(m, A, ue, I, $, Re.current, R);
       }
     }
     var ht = E.ReactCurrentOwner, Xt = E.ReactDebugCurrentFrame;
     function Me(m) {
       if (m) {
-        var w = m._owner, y = Ue(m.type, m._source, w ? w.type : null);
+        var v = m._owner, y = Ue(m.type, m._source, v ? v.type : null);
         Xt.setExtraStackFrame(y);
       } else
         Xt.setExtraStackFrame(null);
@@ -549,10 +549,10 @@ Check the render method of \`` + m + "`.";
     function Xn(m) {
       {
         if (m !== void 0) {
-          var w = m.fileName.replace(/^.*[\\\/]/, ""), y = m.lineNumber;
+          var v = m.fileName.replace(/^.*[\\\/]/, ""), y = m.lineNumber;
           return `
 
-Check your code at ` + w + ":" + y + ".";
+Check your code at ` + v + ":" + y + ".";
         }
         return "";
       }
@@ -560,22 +560,22 @@ Check your code at ` + w + ":" + y + ".";
     var Kt = {};
     function Zn(m) {
       {
-        var w = Zt();
-        if (!w) {
+        var v = Zt();
+        if (!v) {
           var y = typeof m == "string" ? m : m.displayName || m.name;
-          y && (w = `
+          y && (v = `
 
 Check the top-level render call using <` + y + ">.");
         }
-        return w;
+        return v;
       }
     }
-    function qt(m, w) {
+    function qt(m, v) {
       {
         if (!m._store || m._store.validated || m.key != null)
           return;
         m._store.validated = !0;
-        var y = Zn(w);
+        var y = Zn(v);
         if (Kt[y])
           return;
         Kt[y] = !0;
@@ -583,14 +583,14 @@ Check the top-level render call using <` + y + ">.");
         m && m._owner && m._owner !== ht.current && ($ = " It was passed a child from " + O(m._owner.type) + "."), Me(m), k('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', y, $), Me(null);
       }
     }
-    function en(m, w) {
+    function en(m, v) {
       {
         if (typeof m != "object")
           return;
         if (mt(m))
           for (var y = 0; y < m.length; y++) {
             var $ = m[y];
-            gt($) && qt($, w);
+            gt($) && qt($, v);
           }
         else if (gt(m))
           m._store && (m._store.validated = !0);
@@ -598,39 +598,39 @@ Check the top-level render call using <` + y + ">.");
           var I = g(m);
           if (typeof I == "function" && I !== m.entries)
             for (var z = I.call(m), R; !(R = z.next()).done; )
-              gt(R.value) && qt(R.value, w);
+              gt(R.value) && qt(R.value, v);
         }
       }
     }
     function Kn(m) {
       {
-        var w = m.type;
-        if (w == null || typeof w == "string")
+        var v = m.type;
+        if (v == null || typeof v == "string")
           return;
         var y;
-        if (typeof w == "function")
-          y = w.propTypes;
-        else if (typeof w == "object" && (w.$$typeof === a || // Note: Memo only checks outer props here.
+        if (typeof v == "function")
+          y = v.propTypes;
+        else if (typeof v == "object" && (v.$$typeof === a || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        w.$$typeof === f))
-          y = w.propTypes;
+        v.$$typeof === f))
+          y = v.propTypes;
         else
           return;
         if (y) {
-          var $ = O(w);
+          var $ = O(v);
           On(y, m.props, "prop", $, m);
-        } else if (w.PropTypes !== void 0 && !pt) {
+        } else if (v.PropTypes !== void 0 && !pt) {
           pt = !0;
-          var I = O(w);
+          var I = O(v);
           k("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", I || "Unknown");
         }
-        typeof w.getDefaultProps == "function" && !w.getDefaultProps.isReactClassApproved && k("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof v.getDefaultProps == "function" && !v.getDefaultProps.isReactClassApproved && k("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function qn(m) {
       {
-        for (var w = Object.keys(m.props), y = 0; y < w.length; y++) {
-          var $ = w[y];
+        for (var v = Object.keys(m.props), y = 0; y < v.length; y++) {
+          var $ = v[y];
           if ($ !== "children" && $ !== "key") {
             Me(m), k("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", $), Me(null);
             break;
@@ -639,22 +639,22 @@ Check the top-level render call using <` + y + ">.");
         m.ref !== null && (Me(m), k("Invalid attribute `ref` supplied to `React.Fragment`."), Me(null));
       }
     }
-    function tn(m, w, y, $, I, z) {
+    function tn(m, v, y, $, I, z) {
       {
         var R = U(m);
         if (!R) {
-          var D = "";
-          (m === void 0 || typeof m == "object" && m !== null && Object.keys(m).length === 0) && (D += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var A = "";
+          (m === void 0 || typeof m == "object" && m !== null && Object.keys(m).length === 0) && (A += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var ue = Xn(I);
-          ue ? D += ue : D += Zt();
+          ue ? A += ue : A += Zt();
           var q;
-          m === null ? q = "null" : mt(m) ? q = "array" : m !== void 0 && m.$$typeof === t ? (q = "<" + (O(m.type) || "Unknown") + " />", D = " Did you accidentally export a JSX literal instead of a component?") : q = typeof m, k("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", q, D);
+          m === null ? q = "null" : mt(m) ? q = "array" : m !== void 0 && m.$$typeof === t ? (q = "<" + (O(m.type) || "Unknown") + " />", A = " Did you accidentally export a JSX literal instead of a component?") : q = typeof m, k("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", q, A);
         }
-        var ee = Jn(m, w, y, I, z);
+        var ee = Jn(m, v, y, I, z);
         if (ee == null)
           return ee;
         if (R) {
-          var _e = w.children;
+          var _e = v.children;
           if (_e !== void 0)
             if ($)
               if (mt(_e)) {
@@ -669,18 +669,18 @@ Check the top-level render call using <` + y + ">.");
         return m === r ? qn(ee) : Kn(ee), ee;
       }
     }
-    function es(m, w, y) {
-      return tn(m, w, y, !0);
+    function es(m, v, y) {
+      return tn(m, v, y, !0);
     }
-    function ts(m, w, y) {
-      return tn(m, w, y, !1);
+    function ts(m, v, y) {
+      return tn(m, v, y, !1);
     }
     var ns = ts, ss = es;
     Le.Fragment = r, Le.jsx = ns, Le.jsxs = ss;
   }()), Le;
 }
-process.env.NODE_ENV === "production" ? At.exports = js() : At.exports = ys();
-var s = At.exports;
+process.env.NODE_ENV === "production" ? Nt.exports = js() : Nt.exports = ys();
+var s = Nt.exports;
 const Es = () => {
   const [e, t] = L(window.location.pathname), n = () => {
     const r = window.location.pathname;
@@ -689,7 +689,7 @@ const Es = () => {
   return Z(() => (window.addEventListener("popstate", n), () => {
     window.removeEventListener("popstate", n);
   }), []), e;
-}, Ne = (e, t) => {
+}, De = (e, t) => {
   const n = se(!1);
   Z(() => {
     n.current ? e() : n.current = !0;
@@ -728,8 +728,8 @@ function Ss(e, t, n) {
       if (M(b))
         return C(b);
       if (f.current) {
-        var U = t - (b - i.current), v = j ? Math.min(U, g - (b - c.current)) : U;
-        T(x, v);
+        var U = t - (b - i.current), w = j ? Math.min(U, g - (b - c.current)) : U;
+        T(x, w);
       }
     }, Y = function() {
       var x = Date.now(), b = M(x);
@@ -756,26 +756,29 @@ function bn(e, t, n) {
   return Ss(e, t, { maxWait: t, leading: i === void 0 || i, trailing: c === void 0 || c });
 }
 let _t;
-const at = (e = !0, t = !1) => {
+const at = (e = !0, t = !1, n = "window") => {
   if (!e)
     return;
-  const [n, r] = N.useState(0) || [!1, () => {
+  const [r, i] = D.useState(0) || [!1, () => {
   }];
-  Z(() => (c(), window.addEventListener("resize", d), () => {
-    clearTimeout(_t), d.flush(), window.removeEventListener("resize", d);
-  }), []);
-  const i = () => window.innerWidth, c = () => {
-    r(i());
-  }, d = bn(
+  Z(() => (o(), window.addEventListener("resize", a), () => {
+    clearTimeout(_t), a.flush(), window.removeEventListener("resize", a);
+  }), n === "window" ? [] : [n]);
+  const d = () => {
+    if (n)
+      return n === "window" ? window.innerWidth : n.offsetWidth;
+  }, o = () => {
+    i(d());
+  }, a = bn(
     () => {
-      i() !== n && (t && (clearTimeout(_t), document.body.classList.add("is-resizing"), _t = setTimeout(() => {
+      d() !== r && (t && (clearTimeout(_t), document.body.classList.add("is-resizing"), _t = setTimeout(() => {
         document.body.classList.remove("is-resizing");
-      }, 550)), c());
+      }, 550)), o());
     },
     500,
     { leading: !0 }
   );
-  return n;
+  return r;
 }, Ts = ({
   scrollPosition: e = 0,
   // The position on the page to scroll past
@@ -787,8 +790,8 @@ const at = (e = !0, t = !1) => {
 }) => {
   if (!window)
     return;
-  const [i, c] = N.useState({ current: 0, past: 0 }) || [!1, () => {
-  }], [d, o] = N.useState({ scrollDown: !1, scrollUp: !1 }) || [!1, () => {
+  const [i, c] = D.useState({ current: 0, past: 0 }) || [!1, () => {
+  }], [d, o] = D.useState({ scrollDown: !1, scrollUp: !1 }) || [!1, () => {
   }];
   Z(() => (a(), window.addEventListener("scroll", u), () => {
     u.flush(), window.removeEventListener("scroll", u);
@@ -804,10 +807,10 @@ const at = (e = !0, t = !1) => {
     a();
   }, 250);
   return i;
-}, mo = (e = [], t = !0) => {
+}, fo = (e = [], t = !0) => {
   e = Array.isArray(e) ? e : [e];
   const n = se(!1);
-  Ne(() => {
+  De(() => {
     if (window && window.location && window.location.hash) {
       if (n.current)
         return;
@@ -821,13 +824,13 @@ const at = (e = !0, t = !1) => {
   return t.forEach(({ type: r, value: i }) => {
     is(n, r, i);
   }), n;
-}, vn = (e) => {
+}, wn = (e) => {
   const t = [];
   return e.forEach((n) => {
     const r = parseInt(n);
     isNaN(r) || t.push(r);
   }), t.sort((n, r) => n - r);
-}, wn = (e, t, n) => {
+}, vn = (e, t, n) => {
   let r = n.mobile;
   for (const i in t) {
     const c = parseInt(String(t[i]));
@@ -856,10 +859,17 @@ const at = (e = !0, t = !1) => {
     return { path: "days", number: o };
   const a = Math.floor(o / 7);
   return a <= 52 ? { path: "weeks", number: a } : { path: "years", number: Math.floor(o / 365) };
-}, Ds = (e) => new Promise((t) => setTimeout(t, e)), Bt = {
+}, As = (e) => new Promise((t) => setTimeout(t, e)), Bt = {
   apolitical: "Apolitical",
   breadcrumbs_label: "Go back to:",
   breadcrumbs_currentPage: "Current page:",
+  card_carousel_viewAll: "View all",
+  card_label_event: "Event",
+  card_label_learningHub: "Programme",
+  card_label_listPage: "List",
+  card_label_microcourse: "Course",
+  card_label_qaQuestion: "Q&A",
+  card_label_solutionArticle: "Article",
   card_bootcamp: "Email boot camp",
   card_ended: "Ended",
   card_registered: "Registered",
@@ -868,6 +878,15 @@ const at = (e = !0, t = !1) => {
   card_time_read: "{time} min read",
   card_watch: "Watch recording",
   card_cta_people: "View profile",
+  card_cta_event: "Register now",
+  card_cta_microcourse: "Enrol now",
+  card_cta_event_loading: "Registering...",
+  card_cta_microcourse_loading: "Enrolling...",
+  card_cta_event_done: "Registered",
+  card_cta_microcourse_done: "Enrolled",
+  carousel_pagination_previous: "Previous",
+  carousel_pagination_next: "Next",
+  carousel_pagination_page: "Page {number} of {total}",
   collapsibleSection_summary: "Find out more",
   communityDetails_members: "Members",
   communityDetails_viewAll: "View all",
@@ -1139,13 +1158,13 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   sharedLinks_copy_text: "Copy link",
   tags_community: "From the community",
   tooltip_loading: "Loading..."
-}, Ns = {
+}, Ds = {
   languageSwitcher_label: "Me gustaría leer este artículo en...",
   languageSwitcher_translation_original: "idioma original",
   languageSwitcher_translation_human: "traducido por un humano",
   languageSwitcher_translation_machine: "traducido por máquina",
   languageSwitcher_disclaimer: "Este contenido fue traducido automáticamente y ocasionalmente tendrá errores de género u otras traducciones directas. Estamos intentando resolver este problema, pero mientras tanto, si notas algún error grave, escríbenos a <link>{email}</link>"
-}, As = {
+}, Ns = {
   collapsibleSection_summary: "En savoir plus",
   languageSwitcher_label: "Je voudrais lire cet article dans...",
   languageSwitcher_translation_original: "langue originale",
@@ -1161,13 +1180,13 @@ Thank you for helping to protect the Apolitical community from abusive content.`
 }, Rs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   en: Bt,
-  es: Ns,
-  fr: As,
+  es: Ds,
+  fr: Ns,
   pt: Ps
-}, Symbol.toStringTag, { value: "Module" })), xe = (e, t, n, r, i = {}) => {
+}, Symbol.toStringTag, { value: "Module" })), Fs = (e) => e in Bt, xe = (e, t, n, r, i = {}) => {
   let c = "";
-  return `${t}_${n}` in Bt ? c = e({ id: `${t}_${n}` }, i) : c = e({ id: t }, { [r]: n, ...i }), c;
-}, Fs = (e, t, n) => {
+  return Fs(`${t}_${n}`) ? c = e({ id: `${t}_${n}` }, i) : c = e({ id: t }, { [r]: n, ...i }), c;
+}, Ls = (e, t, n) => {
   if (!e || e === 0)
     return "0";
   t || (t = 0), n || (n = ["k", "m", "b", "t"]);
@@ -1181,9 +1200,9 @@ Thank you for helping to protect the Apolitical community from abusive content.`
     }
   }
   return r;
-}, kn = (e, t) => N.Children.map(e, (n) => N.cloneElement(n, {
+}, kn = (e, t) => D.Children.map(e, (n) => D.cloneElement(n, {
   ...t
-})), Ls = (e) => e.replace(/\s+/g, "").length > 0, X = ({
+})), Os = (e) => e.replace(/\s+/g, "").length > 0, X = ({
   variant: e = "primary",
   size: t = "medium",
   styling: n = { muted: !1, fullWidth: !1 },
@@ -1199,8 +1218,8 @@ Thank you for helping to protect the Apolitical community from abusive content.`
 }) => {
   const p = at(typeof t == "object");
   if (typeof t == "object" && typeof p == "number") {
-    const g = Object.assign({}, t), E = vn(Object.keys(g));
-    t = wn(p, E, g);
+    const g = Object.assign({}, t), E = wn(Object.keys(g));
+    t = vn(p, E, g);
   }
   const _ = [];
   typeof t == "string" && _.push(t), r && (_.push("icon"), typeof r == "object" ? (_.push(r.icon), r.position ? _.push(r.position) : _.push("left"), r.hover && _.push(`hover_${r.hover}`), r.animate && (_.push("animate"), typeof r.animate == "string" && _.push(r.animate))) : (_.push(r), !r.includes("right") && !r.includes("left") && _.push("left"))), n.muted && _.push("muted"), n.fullWidth && _.push("full-width");
@@ -1216,16 +1235,16 @@ Thank you for helping to protect the Apolitical community from abusive content.`
     },
     disabled: typeof a == "object" && "isClickable" in a ? !a.isClickable : a
   };
-  return i && (c = "a", j.href = i), N.createElement(
+  return i && (c = "a", j.href = i), D.createElement(
     c,
     j,
     l || (u ? /* @__PURE__ */ s.jsx(de, { showOnFocus: !1, children: u }) : null)
   );
 }, it = ({ buttons: e, className: t = "", ...n }) => {
   const r = e.length > 1 ? "ul" : "p", i = e.map((c, d) => r === "p" ? /* @__PURE__ */ s.jsx(X, { ...c }, d) : /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(X, { ...c }) }, d));
-  return N.createElement(r, { className: S("button-wrapper", t), ...n, children: i });
+  return D.createElement(r, { className: S("button-wrapper", t), ...n, children: i });
 };
-const Ae = ({ className: e = "", maxWidth: t = !1 }) => {
+const Ne = ({ className: e = "", maxWidth: t = !1 }) => {
   const n = t ? { "--max-width": `${t / 16}rem` } : {};
   return /* @__PURE__ */ s.jsx("hr", { className: S(e, { "has-max-width": t }), style: n });
 }, lt = ({
@@ -1250,7 +1269,7 @@ const Ae = ({ className: e = "", maxWidth: t = !1 }) => {
       }
     );
   }
-  return n ? N.createElement(n, { children: t, className: r, ...o }) : t;
+  return n ? D.createElement(n, { children: t, className: r, ...o }) : t;
 }, on = {
   card: {
     range: [
@@ -1354,23 +1373,23 @@ const Ae = ({ className: e = "", maxWidth: t = !1 }) => {
     ],
     sizes: "(min-width: 1024px) 453px, 20vw"
   }
-}, Os = ({
+}, Bs = ({
   aspect: e,
   range: t,
   sizes: n
 }) => {
   const { range: r, sizes: i } = e ? on[e] : on.fallback;
   return { range: t && t.length > 0 ? t : r, sizes: n || i };
-}, Bs = ({ format: e, height: t, query: n, width: r }) => {
+}, Is = ({ format: e, height: t, query: n, width: r }) => {
   let i = `w=${r}&h=${t}`;
   return i = e ? `${i}&fm=${e}` : i, i = n ? `${i}&${n}` : i, i;
-}, xt = ({ format: e, range: t, url: n, query: r }) => t.map(({ height: i, width: c }) => `${n}?${Bs({
+}, xt = ({ format: e, range: t, url: n, query: r }) => t.map(({ height: i, width: c }) => `${n}?${Is({
   format: e,
   height: i,
   query: r,
   width: c
 })} ${c}w`).join(", ");
-const Is = ({ image: e, className: t, testId: n }) => {
+const Hs = ({ image: e, className: t, testId: n }) => {
   const {
     description: r,
     height: i,
@@ -1381,7 +1400,7 @@ const Is = ({ image: e, className: t, testId: n }) => {
     loading: u,
     decoding: l,
     fetchPriority: f
-  } = e, { range: h, sizes: p } = Os(e), _ = xt({ format: "avif", query: d, range: h, url: o }), j = xt({ format: "webp", query: d, range: h, url: o }), g = xt({ format: "", query: d, range: h, url: o });
+  } = e, { range: h, sizes: p } = Bs(e), _ = xt({ format: "avif", query: d, range: h, url: o }), j = xt({ format: "webp", query: d, range: h, url: o }), g = xt({ format: "", query: d, range: h, url: o });
   return /* @__PURE__ */ s.jsxs("picture", { className: t, children: [
     c !== "image/gif" && /* @__PURE__ */ s.jsx(
       "source",
@@ -1419,8 +1438,8 @@ const Is = ({ image: e, className: t, testId: n }) => {
   ] });
 };
 let Oe = !1;
-const Hs = ({ isOpen: e = !1, isLoading: t = !1, children: n }) => {
-  const r = A(), i = se(null), [c, d] = L("hidden");
+const Qs = ({ isOpen: e = !1, isLoading: t = !1, children: n }) => {
+  const r = N(), i = se(null), [c, d] = L("hidden");
   Z(() => {
     const a = i.current;
     if (a)
@@ -1431,7 +1450,7 @@ const Hs = ({ isOpen: e = !1, isLoading: t = !1, children: n }) => {
   const o = ({ propertyName: a }) => {
     a === "opacity" && (Oe !== !1 && clearTimeout(Oe), d((u) => u === "opening" ? "open" : u === "closing" ? "closed" : u === "closed" ? "hidden" : u));
   };
-  return Ne(() => {
+  return De(() => {
     Oe !== !1 && clearTimeout(Oe);
     let a = "open";
     e ? d("opening") : (d("closing"), a = "hidden"), Oe = setTimeout(() => {
@@ -1440,7 +1459,7 @@ const Hs = ({ isOpen: e = !1, isLoading: t = !1, children: n }) => {
   }, [e]), /* @__PURE__ */ s.jsx("aside", { ref: i, className: S("tooltip text-medium", c, { loading: t }), hidden: c === "hidden", children: t ? /* @__PURE__ */ s.jsx("p", { children: r.formatMessage({ id: "tooltip_loading" }) }) : typeof n == "string" ? /* @__PURE__ */ s.jsx("p", { children: n }) : n });
 };
 const jn = ({ children: e, className: t = "", ...n }) => /* @__PURE__ */ s.jsx("section", { className: S("full-width-section", t), ...n, children: e });
-const fo = ({ text: e, buttons: t, className: n = "" }) => {
+const ho = ({ text: e, buttons: t, className: n = "" }) => {
   const r = [];
   return t.forEach((i) => {
     r.push({
@@ -1454,11 +1473,11 @@ const fo = ({ text: e, buttons: t, className: n = "" }) => {
       children: i.text
     });
   }), /* @__PURE__ */ s.jsx(jn, { className: S("download-section", n), children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    N.createElement(typeof e == "string" ? "h2" : e.element, { className: "text" }, typeof e == "string" ? e : e.text),
+    D.createElement(typeof e == "string" ? "h2" : e.element, { className: "text" }, typeof e == "string" ? e : e.text),
     /* @__PURE__ */ s.jsx(it, { buttons: r })
   ] }) });
 };
-const ho = ({ title: e = !1, logos: t = [], className: n = "" }) => {
+const po = ({ title: e = !1, logos: t = [], className: n = "" }) => {
   const r = t.length;
   if (r === 0)
     return null;
@@ -1467,7 +1486,7 @@ const ho = ({ title: e = !1, logos: t = [], className: n = "" }) => {
     text: typeof e == "string" ? e : typeof e == "object" ? e.text : ""
   };
   return /* @__PURE__ */ s.jsxs("div", { className: S("logos", n), children: [
-    e && N.createElement(i.element, { className: "title" }, i.text),
+    e && D.createElement(i.element, { className: "title" }, i.text),
     /* @__PURE__ */ s.jsx(
       "ul",
       {
@@ -1503,7 +1522,7 @@ const ho = ({ title: e = !1, logos: t = [], className: n = "" }) => {
     )
   ] });
 };
-const Qs = [
+const Us = [
   "small",
   "span",
   "strong",
@@ -1517,7 +1536,7 @@ const Qs = [
   "h6",
   "blockquote",
   "q"
-], Us = ({
+], Ws = ({
   className: e = "",
   content: t,
   image: n,
@@ -1535,7 +1554,7 @@ const Qs = [
     if (typeof t[l] == "object") {
       u[l] = t[l];
       const { text: f, element: h } = t[l];
-      if (h && Qs.includes(h.toLowerCase()))
+      if (h && Us.includes(h.toLowerCase()))
         return;
       u[l] = {
         text: f,
@@ -1563,7 +1582,7 @@ const Qs = [
           o.map((l) => {
             if (u[l] && typeof u[l] == "object") {
               const { text: f, element: h = "" } = u[l];
-              return N.createElement(
+              return D.createElement(
                 h.toLowerCase(),
                 { key: l, className: l },
                 f
@@ -1583,12 +1602,12 @@ const Qs = [
             }
           )
         ] }),
-        n && /* @__PURE__ */ s.jsx(Is, { image: { ...n, aspect: "banner" } })
+        n && /* @__PURE__ */ s.jsx(Hs, { image: { ...n, aspect: "banner" } })
       ] })
     }
   );
-}, po = Pe(Us);
-const go = ({
+}, go = Pe(Ws);
+const _o = ({
   variant: e = "primary",
   button: t = null,
   title: n,
@@ -1605,45 +1624,62 @@ const go = ({
     default: "dpo@apolitical.co",
     eu: "dpo.agl@apolitical.foundation"
   }
-}, _o = "200,000+";
+}, xo = "200,000+";
 const yn = ({ label: e = !1, className: t = "", children: n }) => {
-  const r = A();
+  const r = N();
   return /* @__PURE__ */ s.jsxs("details", { className: S("collapsible-section", t), children: [
     /* @__PURE__ */ s.jsx("summary", { children: e || r.formatMessage({ id: "collapsibleSection_summary" }) }),
     /* @__PURE__ */ s.jsx("div", { className: "content", children: n })
   ] });
 };
 const Se = ({ variant: e = "primary", className: t = "", children: n, ...r }) => /* @__PURE__ */ s.jsx("div", { className: S("highlighted-text-box", e, t), ...r, children: n });
-const ct = ({ variant: e = "empty", text: t = !1, button: n = !1, className: r = "" }) => {
+const ct = ({
+  variant: e = "empty",
+  text: t = !1,
+  button: n = !1,
+  className: r = ""
+}) => {
   let i = n && !!Object.keys(n).length;
   const c = typeof n == "object" && "breakpoints" in n, d = at(c);
   if (c && typeof n == "object" && typeof d == "number") {
-    const f = Object.assign({}, n.breakpoints), h = vn(Object.keys(f));
-    i = wn(d, h, f);
+    const f = Object.assign({}, n.breakpoints), h = wn(Object.keys(f));
+    i = vn(d, h, f);
   }
-  const { breakpoints: o, text: a = "", component: u, ...l } = n;
-  return /* @__PURE__ */ s.jsx(Se, { variant: "subtle", className: S("empty-state-box", e, r), children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    t && /* @__PURE__ */ s.jsx(rt, { options: { forceBlock: !0 }, children: t }),
-    i && typeof n == "object" && (u || /* @__PURE__ */ s.jsx(
-      X,
-      {
-        ...l,
-        variant: n.variant ? n.variant : "secondary",
-        children: a
-      }
-    ))
-  ] }) });
+  const {
+    breakpoints: o,
+    text: a = "",
+    component: u,
+    ...l
+  } = n;
+  return /* @__PURE__ */ s.jsx(
+    Se,
+    {
+      variant: "subtle",
+      className: S("empty-state-box", e, r),
+      children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+        t && /* @__PURE__ */ s.jsx(rt, { options: { forceBlock: !0 }, children: t }),
+        i && typeof n == "object" && (u || /* @__PURE__ */ s.jsx(
+          X,
+          {
+            ...l,
+            variant: n.variant ? n.variant : "secondary",
+            children: a
+          }
+        ))
+      ] })
+    }
+  );
 };
 const Rt = ({ children: e, ...t }) => /* @__PURE__ */ s.jsx("p", { ...t, children: e }), En = { q: Rt, blockquote: Rt };
 for (let e = 1; e <= 6; e++)
   En[`h${e}`] = { component: Rt, props: { className: "title" } };
-const Ws = ({ type: e = "default", className: t = "", heading: n = !1, children: r }) => /* @__PURE__ */ s.jsxs("div", { className: S("helper-text-box text-small", e, t), children: [
+const zs = ({ type: e = "default", className: t = "", heading: n = !1, children: r }) => /* @__PURE__ */ s.jsxs("div", { className: S("helper-text-box text-small", e, t), children: [
   n && /* @__PURE__ */ s.jsx("p", { className: "title", children: n }),
   typeof r == "string" ? /* @__PURE__ */ s.jsx(
     rt,
     {
       options: {
-        wrapper: N.Fragment,
+        wrapper: D.Fragment,
         forceBlock: !0,
         overrides: En
       },
@@ -1651,8 +1687,8 @@ const Ws = ({ type: e = "default", className: t = "", heading: n = !1, children:
     }
   ) : /* @__PURE__ */ s.jsx("p", { children: r })
 ] });
-const xo = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children: i }) => {
-  const c = A(), d = se(null), [o, a] = L(""), [u, l] = L("closed");
+const bo = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children: i }) => {
+  const c = N(), d = se(null), [o, a] = L(""), [u, l] = L("closed");
   Z(() => {
     const p = d.current;
     if (p)
@@ -1694,20 +1730,20 @@ const xo = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
       }
     ) })
   ] });
-}, zs = () => N.Fragment, Vs = ({ children: e }) => /* @__PURE__ */ s.jsx(Se, { variant: "secondary", children: e }), Ys = ["span", "strong", "h1", "h2", "h3", "h4", "h5", "h6", "p"], Gs = ({ children: e }) => {
-  const t = A();
+}, Vs = () => D.Fragment, Ys = ({ children: e }) => /* @__PURE__ */ s.jsx(Se, { variant: "secondary", children: e }), Gs = ["span", "strong", "h1", "h2", "h3", "h4", "h5", "h6", "p"], Js = ({ children: e }) => {
+  const t = N();
   if (!e)
     return null;
   let n = t.formatMessage({ id: "markdown_collapsibleSection_summary" });
   const r = [];
-  for (const c of Dt.toArray(e))
+  for (const c of At.toArray(e))
     if (!(!c || typeof c == "string" || typeof c == "number"))
-      if (N.isValidElement(c) && c.type === "summary") {
+      if (D.isValidElement(c) && c.type === "summary") {
         if (c.props && c.props.children) {
-          for (const d of Dt.toArray(c.props.children))
-            if (!(!d || typeof d == "string" || typeof d == "number") && N.isValidElement(d)) {
+          for (const d of At.toArray(c.props.children))
+            if (!(!d || typeof d == "string" || typeof d == "number") && D.isValidElement(d)) {
               const o = d.type;
-              if (Ys.includes(o)) {
+              if (Gs.includes(o)) {
                 for (n = d.props.children; typeof n != "string" && (Array.isArray(n) && n[0].props && n[0].props.children && n[0].props.children[0]); )
                   n = n[0].props.children[0];
                 break;
@@ -1725,7 +1761,7 @@ const xo = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
       children: r.map((c) => c)
     }
   );
-}, Js = ({ children: e, ...t }) => {
+}, Xs = ({ children: e, ...t }) => {
   if (t.class)
     switch (t.class) {
       case "casestudy":
@@ -1739,8 +1775,8 @@ const xo = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
         return /* @__PURE__ */ s.jsx("div", { ...t, children: e });
     }
   return /* @__PURE__ */ s.jsx("div", { ...t, children: e });
-}, Xs = (e) => {
-  const t = A(), n = Date.now().toString();
+}, Zs = (e) => {
+  const t = N(), n = Date.now().toString();
   let r = "default";
   const i = e.src;
   return i.includes("youtube") || i.includes("vimeo") ? r = "video" : i.includes("riddle") || i.includes("sli.do") ? r = "poll" : i.includes("padlet") && (r = "padlet"), /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
@@ -1751,52 +1787,58 @@ const xo = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
 }, an = (e) => {
   let t = "";
   return e && typeof e != "string" && typeof e != "number" && typeof e != "boolean" && "type" in e && (t = e.type), t;
-}, Zs = ({ children: e, ...t }) => {
+}, Ks = ({ children: e, ...t }) => {
   let n = { ...t };
   t.href && (t.href.includes("http:") || t.href.includes("https:")) && !t.target && (n.target = "_blank");
   let r = e, i = !1;
-  for (const c of Dt.toArray(e))
-    if (!(!c || typeof c == "string" || typeof c == "number") && N.isValidElement(c)) {
+  for (const c of At.toArray(e))
+    if (!(!c || typeof c == "string" || typeof c == "number") && D.isValidElement(c)) {
       const d = c.type;
       if (["button", "center", "span", "strong"].includes(d) && c.props && c.props.children && c.props.children[0])
-        for ((d === "button" || an(c.props.children[0]) === "button") && (i = !0), r = c.props.children[0]; r && typeof r != "string" && !(typeof r == "boolean" || typeof r == "number" || !N.isValidElement(r)); )
+        for ((d === "button" || an(c.props.children[0]) === "button") && (i = !0), r = c.props.children[0]; r && typeof r != "string" && !(typeof r == "boolean" || typeof r == "number" || !D.isValidElement(r)); )
           if (r.props && r.props.children && r.props.children[0])
             r = r.props.children[0], r && an(r) === "button" && (i = !0);
           else
             break;
     }
   return i ? (n = { ...n, className: "button primary medium" }, /* @__PURE__ */ s.jsx("p", { className: "center", children: /* @__PURE__ */ s.jsx(X, { variant: "primary", size: "medium", ...n, children: r }) })) : /* @__PURE__ */ s.jsx("a", { ...n, children: r });
-}, Ks = ({ children: e }) => /* @__PURE__ */ s.jsx("span", { children: e });
+}, qs = ({ children: e }) => /* @__PURE__ */ s.jsx("span", { children: e });
 const ln = ({ className: e = "", options: t = {}, children: n }) => {
   n = n.replace(/^<br\/?>/, "");
   const r = {
-    wrapper: N.Fragment,
+    wrapper: D.Fragment,
     forceBlock: !0,
     overrides: {
-      a: Zs,
+      a: Ks,
       // Override psuedo-code
       // We give the content team psuedo-code short cuts to use in Contentful
       CollapsibleSection: yn,
       TextBox: Se,
-      CaseStudy: Vs,
+      CaseStudy: Ys,
       // Override embedded HTML
       // Our content team previously used real HTML, which we need to tear out and replace with React components
-      style: zs,
-      details: Gs,
-      div: Js,
-      iframe: Xs
+      style: Vs,
+      details: Js,
+      div: Xs,
+      iframe: Zs
     }
   };
   return /* @__PURE__ */ s.jsx("div", { className: S("markdown-text", e), children: /* @__PURE__ */ s.jsx(rt, { options: { ...r, ...t }, children: n }) });
 };
-const qs = ({ size: e = "medium", variant: t = "default", className: n = "", children: r }) => /* @__PURE__ */ s.jsx("span", { className: S("pill", e, t, n), children: r });
-const Ft = ({ element: e = "p", children: t = null, className: n = "", ...r }) => N.createElement(e, { ...r, className: S("status-banner text-small", n), "aria-live": "assertive" }, t);
-const er = ({ progress: e = 0, text: t = !1, className: n = "" }) => {
-  const r = A(), i = e > 75 ? 100 : e > 50 ? 75 : e > 25 ? 50 : e > 5 ? 25 : 0, c = { "--progress": `${e}%` };
+const er = ({
+  size: e = "medium",
+  variant: t = "default",
+  className: n = "",
+  children: r,
+  ...i
+}) => /* @__PURE__ */ s.jsx("span", { className: S("pill", e, t, n), ...i, children: r });
+const Ft = ({ element: e = "p", children: t = null, className: n = "", ...r }) => D.createElement(e, { ...r, className: S("status-banner text-small", n), "aria-live": "assertive" }, t);
+const tr = ({ progress: e = 0, text: t = !1, className: n = "" }) => {
+  const r = N(), i = e > 75 ? 100 : e > 50 ? 75 : e > 25 ? 50 : e > 5 ? 25 : 0, c = { "--progress": `${e}%` };
   return /* @__PURE__ */ s.jsx("span", { className: S(`progress-bar section-${i}`, n), style: c, children: /* @__PURE__ */ s.jsx(de, { children: t ? `${e} ${t}` : r.formatMessage({ id: "progressBar" }, { number: e }) }) });
-}, tr = Pe(er);
-const bt = "loadingBlock_", nr = ({ progress: e = 0, steps: t = !1, className: n = "" }) => {
-  const r = A();
+}, nr = Pe(tr);
+const bt = "loadingBlock_", sr = ({ progress: e = 0, steps: t = !1, className: n = "" }) => {
+  const r = N();
   t || (t = {
     0: { text: r.formatMessage({ id: `${bt}loading` }) },
     75: { text: r.formatMessage({ id: `${bt}almostDone` }) },
@@ -1815,22 +1857,33 @@ const bt = "loadingBlock_", nr = ({ progress: e = 0, steps: t = !1, className: n
       style: d,
       children: [
         i && /* @__PURE__ */ s.jsx("span", { className: "step", children: t[i].text }),
-        /* @__PURE__ */ s.jsx(tr, { progress: e })
+        /* @__PURE__ */ s.jsx(nr, { progress: e })
       ]
     }
   );
-}, bo = Pe(nr);
+}, wo = Pe(sr);
 const ye = ({ element: e = "div", className: t = "", ...n }) => /* @__PURE__ */ s.jsx(xn, { element: e, className: S("loading-placeholder", t), ...n });
 const Lt = {
   header: ["logo", "link", "link", "search"],
   sidebar: ["text", "text", "text", "text", "text"],
   "cards-section": ["subtitle", "cards"],
+  heading: ["title"],
   cards: ["card", "card", "card", "card"],
-  "overview-page": ["header", "sidebar", "title", "text", "cards-section", "cards-section", "footer"]
-}, Sn = (e, t) => e in Lt ? /* @__PURE__ */ s.jsx("div", { className: e, children: Lt[e].map((n, r) => Sn(n, r)) }, t) : /* @__PURE__ */ s.jsx(ye, { className: e }, t), sr = ({ layout: e = "overview-page" }) => /* @__PURE__ */ s.jsx("div", { className: S("loading-state", e), children: Lt[e].map((t, n) => Sn(t, n)) }), Tn = (e) => {
+  carousel: ["cards", "controls"],
+  "carousel-with-title": ["title", "cards", "controls"],
+  "overview-page": [
+    "header",
+    "sidebar",
+    "title",
+    "text",
+    "cards-section",
+    "cards-section",
+    "footer"
+  ]
+}, Sn = (e, t) => e in Lt ? /* @__PURE__ */ s.jsx("div", { className: e, children: Lt[e].map((n, r) => Sn(n, r)) }, t) : /* @__PURE__ */ s.jsx(ye, { className: e }, t), rr = ({ layout: e = "overview-page", ...t }) => /* @__PURE__ */ s.jsx("div", { className: S("loading-state", e), ...t, children: Lt[e].map((n, r) => Sn(n, r)) }), Tn = (e) => {
   const t = e && e.toUpperCase().split(" ");
   return Array.isArray(t) && t.length > 1 && t[0] !== "" ? t[1] === "" ? t[0][0] : t[0][0] + t[t.length - 1][0] : e ? e.substr(0, 1) : "";
-}, Ve = ["#5AB6A3", "#A2D7AF", "#806056", "#3962B3"], rr = (e) => {
+}, Ve = ["#5AB6A3", "#A2D7AF", "#806056", "#3962B3"], or = (e) => {
   const t = Math.ceil(26 / Ve.length), n = Tn(e).toLowerCase();
   if (n === "")
     return Ve[0];
@@ -1839,7 +1892,15 @@ const Lt = {
     if (r <= t * (i + 1))
       return Ve[i];
 };
-const cn = 256, It = ({ className: e = "", src: t = "", name: n, alt: r, width: i = cn, height: c = cn, ...d }) => {
+const cn = 256, It = ({
+  className: e = "",
+  src: t = "",
+  name: n,
+  alt: r,
+  width: i = cn,
+  height: c = cn,
+  ...d
+}) => {
   const [o, a] = L(!1), u = se(null);
   Z(() => {
     const f = u.current;
@@ -1849,21 +1910,28 @@ const cn = 256, It = ({ className: e = "", src: t = "", name: n, alt: r, width:
     if (!h)
       return;
     const p = i, _ = c;
-    typeof window < "u" && window.devicePixelRatio && (f.width = p * window.devicePixelRatio, f.height = _ * window.devicePixelRatio, h.scale(window.devicePixelRatio, window.devicePixelRatio)), h.fillStyle = rr(n), h.fillRect(0, 0, p, _), h.font = `${p / 3}px Arial`, h.textAlign = "center", h.fillStyle = "white", h.fillText(Tn(n), p / 2, _ / 1.6);
+    typeof window < "u" && window.devicePixelRatio && (f.width = p * window.devicePixelRatio, f.height = _ * window.devicePixelRatio, h.scale(window.devicePixelRatio, window.devicePixelRatio)), h.fillStyle = or(n), h.fillRect(0, 0, p, _), h.font = `${p / 3}px Arial`, h.textAlign = "center", h.fillStyle = "white", h.fillText(Tn(n), p / 2, _ / 1.6);
   }, [n]);
   let l = !1;
-  return t && t !== "" && !o && (t.includes("http") || t.includes("//")) && (l = !0), /* @__PURE__ */ s.jsx("figure", { className: S("profile-picture", e, { error: o }), ...d, children: l ? /* @__PURE__ */ s.jsx(
-    "img",
+  return t && t !== "" && !o && (t.includes("http") || t.includes("//")) && (l = !0), /* @__PURE__ */ s.jsx(
+    "figure",
     {
-      src: t,
-      alt: r || n,
-      onError: () => {
-        a(!0);
-      },
-      width: i,
-      height: c
+      className: S("profile-picture", e, { error: o }),
+      ...d,
+      children: l ? /* @__PURE__ */ s.jsx(
+        "img",
+        {
+          src: t,
+          alt: r || n,
+          onError: () => {
+            a(!0);
+          },
+          width: i,
+          height: c
+        }
+      ) : /* @__PURE__ */ s.jsx("canvas", { ref: u })
     }
-  ) : /* @__PURE__ */ s.jsx("canvas", { ref: u }) });
+  );
 }, $n = (e) => e === "apolitical" ? {
   image: `${Pt}logos/member_apolitical.svg`
 } : e === "community" || typeof e == "object" && !e.name ? {
@@ -1875,7 +1943,7 @@ const cn = 256, It = ({ className: e = "", src: t = "", name: n, alt: r, width:
   country: e.location && e.location.country || "",
   url: `/profiles/${e.id}`,
   image: e.image && e.image.thumbnail
-}, or = ({
+}, ar = ({
   role: e = "",
   organisation: t = "",
   country: n = "",
@@ -1896,10 +1964,10 @@ const Ht = ({
   gtmType: i = "member-click",
   className: c = ""
 }) => {
-  const d = A(), o = $n(t);
+  const d = N(), o = $n(t);
   o.name || (o.name = d.formatMessage({ id: `member_${typeof t == "string" ? t : "community"}` }));
-  const { name: a, url: u, image: l } = o, f = or(o), h = n && n.createdAt ? Cs(n.createdAt) : !1, p = n && n.createdAt ? Ms(n.createdAt) : "";
-  return N.createElement(e, {
+  const { name: a, url: u, image: l } = o, f = ar(o), h = n && n.createdAt ? Cs(n.createdAt) : !1, p = n && n.createdAt ? Ms(n.createdAt) : "";
+  return D.createElement(e, {
     className: S("member text-medium", c),
     children: /* @__PURE__ */ s.jsxs(
       lt,
@@ -1928,31 +1996,58 @@ const Ht = ({
 const dn = {
   small: 24,
   medium: 48
-}, ar = ({ element: e = "div", contributors: { total: t, data: n } = { total: void 0, data: [] }, styling: { showText: r, size: i, showGap: c, showPlaceholders: d } = { showText: !0, size: "medium", showGap: !0, showPlaceholders: !1 }, cutoff: o = 2, className: a = "" }) => {
-  const u = A();
-  return !n || n.length === 0 ? null : N.createElement(
-    e,
-    { className: S("contributors", a, i, { "has-gap": c }), children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-      /* @__PURE__ */ s.jsx("ul", { children: n.map((l, f) => {
-        let h, p = "";
-        if (f < o) {
-          const { name: _ = "", image: j = "" } = $n(l);
+}, ir = ({
+  element: e = "div",
+  contributors: { total: t, data: n } = { total: void 0, data: [] },
+  styling: { showText: r, size: i, showGap: c, showPlaceholders: d } = {
+    showText: !0,
+    size: "medium",
+    showGap: !0,
+    showPlaceholders: !1
+  },
+  cutoff: o = 2,
+  className: a = "",
+  ...u
+}) => {
+  const l = N();
+  return !n || n.length === 0 ? null : D.createElement(e, {
+    ...u,
+    className: S("contributors", a, i, { "has-gap": c }),
+    children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+      /* @__PURE__ */ s.jsx("ul", { children: n.map((f, h) => {
+        let p, _ = "";
+        if (h < o) {
+          const { name: j = "", image: g = "" } = $n(f);
           if (d)
-            return /* @__PURE__ */ s.jsx(ye, { element: "li", className: "contributor" }, f);
-          h = /* @__PURE__ */ s.jsx(It, { name: _, src: j, width: dn[i || "medium"], height: dn[i || "medium"] });
-        } else if (f === o) {
-          const _ = (t || n.length) - o;
-          h = /* @__PURE__ */ s.jsxs("small", { className: S({ "large-number": _ > 99 }), children: [
-            "+",
-            Fs(_, 0)
-          ] }), p = "number-left";
+            return /* @__PURE__ */ s.jsx(ye, { element: "li", className: "contributor" }, h);
+          p = /* @__PURE__ */ s.jsx(
+            It,
+            {
+              name: j,
+              src: g,
+              width: dn[i || "medium"],
+              height: dn[i || "medium"]
+            }
+          );
+        } else if (h === o) {
+          const j = (t || n.length) - o;
+          p = /* @__PURE__ */ s.jsxs(
+            "small",
+            {
+              className: S({ "large-number": j > 99 }),
+              children: [
+                "+",
+                Ls(j, 0)
+              ]
+            }
+          ), _ = "number-left";
         }
-        return h ? /* @__PURE__ */ s.jsx("li", { className: S("contributor", p), children: h }, f) : null;
+        return p ? /* @__PURE__ */ s.jsx("li", { className: S("contributor", _), children: p }, h) : null;
       }) }),
-      r && /* @__PURE__ */ s.jsx("span", { className: "label", children: typeof r == "string" ? r : n.length === 1 ? typeof n[0] == "string" ? u.formatMessage({ id: `member_${n[0]}` }) : st(n[0].name || "", 20) : null })
-    ] }) }
-  );
-}, ir = ({ showDevTools: e = !0, children: t }) => {
+      r && /* @__PURE__ */ s.jsx("span", { className: "label", children: typeof r == "string" ? r : n.length === 1 ? typeof n[0] == "string" ? l.formatMessage({ id: `member_${n[0]}` }) : st(n[0].name || "", 20) : null })
+    ] })
+  });
+}, lr = ({ showDevTools: e = !0, children: t }) => {
   const n = new ds({
     // default options we would like on all queries can be overridden individually
     defaultOptions: {
@@ -1969,15 +2064,15 @@ const dn = {
     e && /* @__PURE__ */ s.jsx(ms, { initialIsOpen: !1 })
   ] });
 };
-var lr = Ot({ client: Ke });
-function cr(e) {
+var cr = Ot({ client: Ke });
+function dr(e) {
   var t = e.children, n = e.client, r = e.apiKey, i = e.options, c = nt(function() {
     return n && r && console.warn("[PostHog.js] You have provided both a client and an apiKey to PostHogProvider. The apiKey will be ignored in favour of the client."), n && i && console.warn("[PostHog.js] You have provided both a client and options to PostHogProvider. The options will be ignored in favour of the client."), n || (r && (Ke.__loaded && console.warn("[PostHog.js] was already loaded elsewhere. This may cause issues."), Ke.init(r, i)), Ke);
   }, [n, r]);
-  return N.createElement(lr.Provider, { value: { client: c } }, t);
+  return D.createElement(cr.Provider, { value: { client: c } }, t);
 }
-const dr = ({ children: e, user: t }) => t.isLoading ? /* @__PURE__ */ s.jsx(s.Fragment, {}) : process.env.REACT_APP_PUBLIC_POSTHOG_KEY ? /* @__PURE__ */ s.jsx(
-  cr,
+const ur = ({ children: e, user: t }) => t.isLoading ? /* @__PURE__ */ s.jsx(s.Fragment, {}) : process.env.REACT_APP_PUBLIC_POSTHOG_KEY ? /* @__PURE__ */ s.jsx(
+  dr,
   {
     apiKey: atob(process.env.REACT_APP_PUBLIC_POSTHOG_KEY),
     options: {
@@ -1992,27 +2087,27 @@ const dr = ({ children: e, user: t }) => t.isLoading ? /* @__PURE__ */ s.jsx(s.F
     },
     children: e
   }
-) : e, ur = ({ children: e, locale: t, messages: n }) => {
+) : e, mr = ({ children: e, locale: t, messages: n }) => {
   const r = t || "en", i = {
     ...Rs[r],
     ...n || {}
   };
   return /* @__PURE__ */ s.jsx(ls, { locale: r, messages: i, children: e });
-}, Te = Ot(null), mr = ({ children: e, user: t }) => /* @__PURE__ */ s.jsx(Te.Provider, { value: t, children: e }), vo = ({ bootstrap: e, children: t, intl: n }) => {
+}, Te = Ot(null), fr = ({ children: e, user: t }) => /* @__PURE__ */ s.jsx(Te.Provider, { value: t, children: e }), vo = ({ bootstrap: e, children: t, intl: n }) => {
   const [r, i] = L({ isLoading: !0 });
   return Z(() => {
     e().then((c) => i({ ...c, isLoading: !1 })).catch(() => i({ isLoading: !1 }));
-  }, []), /* @__PURE__ */ s.jsx(ur, { locale: n == null ? void 0 : n.locale, messages: n == null ? void 0 : n.messages, children: /* @__PURE__ */ s.jsx(mr, { user: r, children: /* @__PURE__ */ s.jsx(ir, { children: /* @__PURE__ */ s.jsx(dr, { user: r, children: t }) }) }) });
+  }, []), /* @__PURE__ */ s.jsx(mr, { locale: n == null ? void 0 : n.locale, messages: n == null ? void 0 : n.messages, children: /* @__PURE__ */ s.jsx(fr, { user: r, children: /* @__PURE__ */ s.jsx(lr, { children: /* @__PURE__ */ s.jsx(ur, { user: r, children: t }) }) }) });
 };
-const vt = "joinCommunityButton", Mn = ({ isMember: e = !1, isShort: t = !1, functions: { join: n, leave: r } = { join: () => {
+const wt = "joinCommunityButton", Mn = ({ isMember: e = !1, isShort: t = !1, functions: { join: n, leave: r } = { join: () => {
 }, leave: () => {
 } } }) => {
-  const i = A(), c = be(Te), d = c && typeof c.id == "string", [o, a] = L(e), [u, l] = L(e ? "joined" : "notJoined");
+  const i = N(), c = be(Te), d = c && typeof c.id == "string", [o, a] = L(e), [u, l] = L(e ? "joined" : "notJoined");
   Z(() => {
     u === "joining" ? l("joined") : u === "leaving" && l("notJoined");
   }, [o]);
   const f = {}, h = {};
-  return o && u !== "leaving" && (f["data-hover-text"] = i.formatMessage({ id: `${vt}_leave` }), f["aria-label"] = i.formatMessage({ id: `${vt}_member_aria` }), h["aria-hidden"] = "true"), /* @__PURE__ */ s.jsx(
+  return o && u !== "leaving" && (f["data-hover-text"] = i.formatMessage({ id: `${wt}_leave` }), f["aria-label"] = i.formatMessage({ id: `${wt}_member_aria` }), h["aria-hidden"] = "true"), /* @__PURE__ */ s.jsx(
     X,
     {
       variant: o ? "secondary" : "primary",
@@ -2025,30 +2120,30 @@ const vt = "joinCommunityButton", Mn = ({ isMember: e = !1, isShort: t = !1, fun
       className: S("join-community-button", u, { active: u === "joining" }),
       disabled: !d,
       ...f,
-      children: /* @__PURE__ */ s.jsx("span", { className: "text", ...h, children: i.formatMessage({ id: `${vt}${["joining", "leaving"].includes(u) ? `_${u}` : o ? "_member" : t ? "_short" : ""}` }) })
+      children: /* @__PURE__ */ s.jsx("span", { className: "text", ...h, children: i.formatMessage({ id: `${wt}${["joining", "leaving"].includes(u) ? `_${u}` : o ? "_member" : t ? "_short" : ""}` }) })
     }
   );
 };
-const wt = "communityDetails_", wo = ({
+const vt = "communityDetails_", ko = ({
   className: e = "",
   isMember: t = !1,
   slug: n,
   members: { number: r = 0, data: i = [] } = { number: 0, data: [] },
   functions: { invite: c, ...d }
 }) => {
-  const o = A(), a = 5, u = r || i.length, l = i.length ? i : Array(a).fill({});
+  const o = N(), a = 5, u = r || i.length, l = i.length ? i : Array(a).fill({});
   return /* @__PURE__ */ s.jsxs("div", { className: S("community-details", e), children: [
-    /* @__PURE__ */ s.jsx(Ae, {}),
+    /* @__PURE__ */ s.jsx(Ne, {}),
     /* @__PURE__ */ s.jsxs("div", { className: "member-details", children: [
       /* @__PURE__ */ s.jsxs("div", { className: "top", children: [
         /* @__PURE__ */ s.jsxs("h3", { children: [
-          o.formatMessage({ id: `${wt}members` }),
+          o.formatMessage({ id: `${vt}members` }),
           /* @__PURE__ */ s.jsx("span", { className: "count", children: u })
         ] }),
-        /* @__PURE__ */ s.jsx("p", { className: "text-small", children: /* @__PURE__ */ s.jsx("a", { href: `/communities/${n}/members`, children: o.formatMessage({ id: `${wt}viewAll` }) }) })
+        /* @__PURE__ */ s.jsx("p", { className: "text-small", children: /* @__PURE__ */ s.jsx("a", { href: `/communities/${n}/members`, children: o.formatMessage({ id: `${vt}viewAll` }) }) })
       ] }),
       /* @__PURE__ */ s.jsx(
-        ar,
+        ir,
         {
           contributors: {
             total: r,
@@ -2071,17 +2166,17 @@ const wt = "communityDetails_", wo = ({
         onClick: c,
         icon: { icon: "plus" },
         styling: { fullWidth: !0 },
-        children: o.formatMessage({ id: `${wt}invite` })
+        children: o.formatMessage({ id: `${vt}invite` })
       }
     )
   ] });
 };
-const ko = ({
+const jo = ({
   breadcrumbs: e,
   cutoff: t = 20,
   className: n = ""
 }) => {
-  const r = A();
+  const r = N();
   return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     /* @__PURE__ */ s.jsx(de, { element: "p", children: r.formatMessage({ id: "breadcrumbs_label" }) }),
     /* @__PURE__ */ s.jsx("ul", { className: S("breadcrumbs text-small", n), children: e.map(({ text: i, href: c, current: d = !1 }, o) => /* @__PURE__ */ s.jsxs("li", { children: [
@@ -2090,7 +2185,7 @@ const ko = ({
     ] }, `${window.btoa(i)}_${o}`)) })
   ] });
 };
-const jo = ({
+const yo = ({
   options: e,
   allOption: t = !1,
   allowMultiple: n = !0,
@@ -2098,7 +2193,7 @@ const jo = ({
   },
   className: i = ""
 }) => {
-  const c = A(), d = t ? [{ id: "all", text: typeof t != "boolean" && t.text || c.formatMessage({ id: "filters_all" }) }, ...e] : e, [o, a] = L(t ? ["all"] : []), u = (l, f) => {
+  const c = N(), d = t ? [{ id: "all", text: typeof t != "boolean" && t.text || c.formatMessage({ id: "filters_all" }) }, ...e] : e, [o, a] = L(t ? ["all"] : []), u = (l, f) => {
     let h = [];
     o.includes(l) ? h = o.filter((p) => p !== l) : l === "all" ? h = ["all"] : n ? h = [...o.filter((p) => p !== "all"), l] : h = [l], a((p) => (r && typeof r == "function" && r({ current: h, previous: p }), h)), f && typeof f == "function" && f();
   };
@@ -2117,7 +2212,7 @@ const jo = ({
       }
     ) }, l);
   }) });
-}, fr = (e, t) => {
+}, hr = (e, t) => {
   const n = String(e);
   if (!t || !t.length)
     return `/${n}`;
@@ -2126,7 +2221,7 @@ const jo = ({
     c === "before-lang" ? r += `/${i}` : (r.includes(`/${n}/`) || (r += `/${n}`), r += `/${i}`);
   }), r.includes(`/${n}/`) || (r += `/${n}`), r;
 };
-const kt = { en: "English", es: "Español", fr: "Français", pt: "Português" }, Ye = "languageSwitcher_", yo = ({
+const kt = { en: "English", es: "Español", fr: "Français", pt: "Português" }, Ye = "languageSwitcher_", Eo = ({
   currentLanguage: e,
   isOriginalLanguage: t = !1,
   isHumanTranslation: n = !1,
@@ -2138,7 +2233,7 @@ const kt = { en: "English", es: "Español", fr: "Français", pt: "Português" },
   label: o,
   className: a = ""
 }) => {
-  const u = A(), [l, f] = L(e);
+  const u = N(), [l, f] = L(e);
   if (Z(() => {
     e !== l && f(e);
   }, [e]), !r || !Object.values(r).some((j) => j && j.post_name))
@@ -2153,7 +2248,7 @@ const kt = { en: "English", es: "Español", fr: "Français", pt: "Português" },
         let g = { className: j };
         return l === j ? g["aria-label"] = u.formatMessage({ id: `${Ye}selected` }, { language: kt[j] }) : g = {
           ...g,
-          href: fr(j, c),
+          href: hr(j, c),
           onClick: (E) => {
             E.preventDefault(), E.stopPropagation(), f(j), i(j);
           }
@@ -2175,7 +2270,7 @@ const kt = { en: "English", es: "Español", fr: "Français", pt: "Português" },
     })
   ] });
 };
-const jt = cs({ locale: "en", messages: Bt }), hr = ({
+const jt = cs({ locale: "en", messages: Bt }), pr = ({
   page: e = 1,
   length: t = 0,
   limit: n = 10,
@@ -2218,13 +2313,13 @@ const jt = cs({ locale: "en", messages: Bt }), hr = ({
   ] });
 };
 let Ge = !1;
-const pr = ({ element: e = "div", id: t = "more-menu", options: n, className: r = "" }) => {
-  const i = A(), c = se(null), [d, o] = L(!1), a = (u) => {
+const gr = ({ element: e = "div", id: t = "more-menu", options: n, className: r = "" }) => {
+  const i = N(), c = se(null), [d, o] = L(!1), a = (u) => {
     c.current && u.target instanceof HTMLElement && !c.current.contains(u.target) && o(!1);
   };
   return Z(() => (document.addEventListener("click", a, !0), () => {
     document.removeEventListener("click", a, !0);
-  })), N.createElement(e, {
+  })), D.createElement(e, {
     ref: c,
     className: S("more-menu text-medium", r),
     children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
@@ -2271,15 +2366,20 @@ const pr = ({ element: e = "div", id: t = "more-menu", options: n, className: r
   });
 };
 const Cn = ({ variant: e = "default", version: t = "default", className: n = "", ...r }) => /* @__PURE__ */ s.jsx("p", { className: "logo-wrapper", children: /* @__PURE__ */ s.jsx("a", { href: "/home/", className: S("logo", e, t, n), ...r, children: /* @__PURE__ */ s.jsx(de, { children: /* @__PURE__ */ s.jsx(Ee, { id: "apolitical" }) }) }) });
-const gr = {
+const _r = {
   "2-1": 901
-}, Eo = ({ layout: e = "2-1", hideOnMobile: t = !1, className: n = "", children: r }) => {
+}, So = ({
+  layout: e = "2-1",
+  hideOnMobile: t = !1,
+  className: n = "",
+  children: r
+}) => {
   const i = at(!0);
   let c = r;
-  return N.Children.count(r) === 1 && (c = N.Children.toArray(r)[0], c.props && (c = c.props.children)), /* @__PURE__ */ s.jsx("section", { className: S("columns", `layout-${e}`, n), children: N.Children.map(c, (d, o) => t !== !1 && o === t && i && i < gr[e] ? null : d) });
+  return D.Children.count(r) === 1 && (c = D.Children.toArray(r)[0], c.props && (c = c.props.children)), /* @__PURE__ */ s.jsx("section", { className: S("columns", `layout-${e}`, n), children: D.Children.map(c, (d, o) => t !== !1 && o === t && i && i < _r[e] ? null : d) });
 };
-const yt = "cookieBanner_", Et = ["apol-cookie-banner", "apolitical-performance-cookie-consent", "functional-cookie-consent"], St = new Date(Date.now() + 12 * 30 * 24 * 60 * 60 * 1e3), _r = () => {
-  const e = A(), [t, n, r] = fs(Et), [i, c] = L(!t["apol-cookie-banner"]), d = () => {
+const yt = "cookieBanner_", Et = ["apol-cookie-banner", "apolitical-performance-cookie-consent", "functional-cookie-consent"], St = new Date(Date.now() + 12 * 30 * 24 * 60 * 60 * 1e3), xr = () => {
+  const e = N(), [t, n, r] = fs(Et), [i, c] = L(!t["apol-cookie-banner"]), d = () => {
     Et.forEach((l) => {
       n(l, !0, {
         path: "/",
@@ -2418,11 +2518,11 @@ const yt = "cookieBanner_", Et = ["apol-cookie-banner", "apolitical-performance-
     facebook: { href: "https://www.facebook.com/apoliticalco" }
   }
 };
-const De = "footer_", qe = "SiteFooter", un = ({ group: e }) => {
+const Ae = "footer_", qe = "SiteFooter", un = ({ group: e }) => {
   const t = ke[e].order || [];
   let n = !1;
-  return "text" in ke[e] && (n = ke[e].text), /* @__PURE__ */ s.jsxs(Nt, { children: [
-    /* @__PURE__ */ s.jsx("p", { className: "pre-title", children: /* @__PURE__ */ s.jsx(Ee, { id: `${De}${e}` }) }),
+  return "text" in ke[e] && (n = ke[e].text), /* @__PURE__ */ s.jsxs(Dt, { children: [
+    /* @__PURE__ */ s.jsx("p", { className: "pre-title", children: /* @__PURE__ */ s.jsx(Ee, { id: `${Ae}${e}` }) }),
     Array.isArray(t) && t.length > 0 && /* @__PURE__ */ s.jsx("ul", { className: "text-medium", children: t.map((r) => {
       if (["order", "child", "text"].includes(r))
         return null;
@@ -2435,14 +2535,14 @@ const De = "footer_", qe = "SiteFooter", un = ({ group: e }) => {
           "data-gtm-event-context": qe,
           "data-gtm-event-type": c,
           ...d,
-          children: /* @__PURE__ */ s.jsx(Ee, { id: `${De}${e}_${r}` })
+          children: /* @__PURE__ */ s.jsx(Ee, { id: `${Ae}${e}_${r}` })
         }
       ) }, `${e}_${r}`);
     }) }),
-    typeof n != "boolean" && "order" in n && Array.isArray(n.order) && /* @__PURE__ */ s.jsx("dl", { className: "text-medium", children: n.order.map((r) => /* @__PURE__ */ s.jsxs(Nt, { children: [
-      /* @__PURE__ */ s.jsx("dt", { children: /* @__PURE__ */ s.jsx(Ee, { id: `${De}${e}_${r}` }) }),
+    typeof n != "boolean" && "order" in n && Array.isArray(n.order) && /* @__PURE__ */ s.jsx("dl", { className: "text-medium", children: n.order.map((r) => /* @__PURE__ */ s.jsxs(Dt, { children: [
+      /* @__PURE__ */ s.jsx("dt", { children: /* @__PURE__ */ s.jsx(Ee, { id: `${Ae}${e}_${r}` }) }),
       /* @__PURE__ */ s.jsxs("dd", { children: [
-        typeof n != "boolean" && n[r].address && /* @__PURE__ */ s.jsx("address", { children: /* @__PURE__ */ s.jsx(Ee, { id: `${De}${e}_${r}_address`, values: { br: /* @__PURE__ */ s.jsx("br", {}) } }) }),
+        typeof n != "boolean" && n[r].address && /* @__PURE__ */ s.jsx("address", { children: /* @__PURE__ */ s.jsx(Ee, { id: `${Ae}${e}_${r}_address`, values: { br: /* @__PURE__ */ s.jsx("br", {}) } }) }),
         typeof n != "boolean" && n[r].email && /* @__PURE__ */ s.jsx(
           "a",
           {
@@ -2456,7 +2556,7 @@ const De = "footer_", qe = "SiteFooter", un = ({ group: e }) => {
       ] })
     ] }, `dl-${e}-${r}`)) })
   ] }, e);
-}, Dn = () => /* @__PURE__ */ s.jsx("div", { id: "footer", children: /* @__PURE__ */ s.jsxs("div", { className: "wrapper", children: [
+}, An = () => /* @__PURE__ */ s.jsx("div", { id: "footer", children: /* @__PURE__ */ s.jsxs("div", { className: "wrapper", children: [
   /* @__PURE__ */ s.jsx(xn, { element: "hr" }),
   /* @__PURE__ */ s.jsx(
     Cn,
@@ -2485,15 +2585,15 @@ const De = "footer_", qe = "SiteFooter", un = ({ group: e }) => {
           className: "gtm-trackable",
           "data-gtm-event-context": qe,
           "data-gtm-event-type": "social-click",
-          children: /* @__PURE__ */ s.jsx("span", { className: "hidden", children: /* @__PURE__ */ s.jsx(Ee, { id: `${De}social_${e}` }) })
+          children: /* @__PURE__ */ s.jsx("span", { className: "hidden", children: /* @__PURE__ */ s.jsx(Ee, { id: `${Ae}social_${e}` }) })
         }
       ) }, e);
     }) }),
-    /* @__PURE__ */ s.jsx("small", { children: /* @__PURE__ */ s.jsx(Ee, { id: `${De}copyright`, values: { currentYear: (/* @__PURE__ */ new Date()).getFullYear() } }) })
+    /* @__PURE__ */ s.jsx("small", { children: /* @__PURE__ */ s.jsx(Ee, { id: `${Ae}copyright`, values: { currentYear: (/* @__PURE__ */ new Date()).getFullYear() } }) })
   ] })
 ] }) });
-const Je = "emailHelperTextBox_", So = ({ type: e, email: t, redirectPath: n, resendVerificationCode: r }) => {
-  const i = A(), [c, d] = L({ path: `${Je}default`, type: "default", link: {}, mail: {}, error: "" }), [o, a] = L(!1), u = je(
+const Je = "emailHelperTextBox_", To = ({ type: e, email: t, redirectPath: n, resendVerificationCode: r }) => {
+  const i = N(), [c, d] = L({ path: `${Je}default`, type: "default", link: {}, mail: {}, error: "" }), [o, a] = L(!1), u = je(
     (p) => {
       p.preventDefault(), p.stopPropagation();
       const _ = (j) => {
@@ -2592,7 +2692,7 @@ const Je = "emailHelperTextBox_", So = ({ type: e, email: t, redirectPath: n, re
   const l = {};
   return ["link", "mail"].forEach((p) => {
     l[p] = Object.keys(c[p]).length ? (_) => /* @__PURE__ */ s.jsx("a", { ...c[p], children: _ }) : (_) => _;
-  }), /* @__PURE__ */ s.jsx(Ws, { type: c.type, heading: o ? !1 : i.formatMessage({ id: `${c.path}_title` }), children: o ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+  }), /* @__PURE__ */ s.jsx(zs, { type: c.type, heading: o ? !1 : i.formatMessage({ id: `${c.path}_title` }), children: o ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     /* @__PURE__ */ s.jsx(ye, { element: "span" }),
     /* @__PURE__ */ s.jsx(ye, { element: "span" })
   ] }) : (
@@ -2614,20 +2714,20 @@ const Je = "emailHelperTextBox_", So = ({ type: e, email: t, redirectPath: n, re
     )
   ) });
 };
-const Xe = "passwordRules_", Nn = "isMoreThanEightCharacters", An = "includesNumberAndSymbol", Pn = "includesLowerAndUppercase", xr = {
-  [Nn]: "8Characters",
-  [An]: "numberSymbol",
+const Xe = "passwordRules_", Dn = "isMoreThanEightCharacters", Nn = "includesNumberAndSymbol", Pn = "includesLowerAndUppercase", br = {
+  [Dn]: "8Characters",
+  [Nn]: "numberSymbol",
   [Pn]: "lowercaseUppercase"
-}, br = ({ matchingRules: e = { isMoreThanEightCharacters: !1, includesNumberAndSymbol: !1, includesLowerAndUppercase: !1 }, className: t = "" }) => {
-  const n = A();
+}, wr = ({ matchingRules: e = { isMoreThanEightCharacters: !1, includesNumberAndSymbol: !1, includesLowerAndUppercase: !1 }, className: t = "" }) => {
+  const n = N();
   return /* @__PURE__ */ s.jsxs("aside", { className: S("password-rules", t), children: [
     /* @__PURE__ */ s.jsx("small", { children: n.formatMessage({ id: `${Xe}intro` }) }),
-    /* @__PURE__ */ s.jsx("ul", { children: [Nn, An, Pn].map((r) => /* @__PURE__ */ s.jsxs("li", { className: S({ matches: e[r] }), children: [
+    /* @__PURE__ */ s.jsx("ul", { children: [Dn, Nn, Pn].map((r) => /* @__PURE__ */ s.jsxs("li", { className: S({ matches: e[r] }), children: [
       /* @__PURE__ */ s.jsxs(de, { children: [
         n.formatMessage({ id: `${Xe}rule_label` }),
         " "
       ] }),
-      /* @__PURE__ */ s.jsx("span", { children: n.formatMessage({ id: `${Xe}rule_${xr[r]}` }) }),
+      /* @__PURE__ */ s.jsx("span", { children: n.formatMessage({ id: `${Xe}rule_${br[r]}` }) }),
       !e[r] && /* @__PURE__ */ s.jsxs(de, { element: "strong", children: [
         " ",
         " ",
@@ -2635,8 +2735,8 @@ const Xe = "passwordRules_", Nn = "isMoreThanEightCharacters", An = "includesNum
       ] })
     ] }, `rule-${r}`)) })
   ] });
-}, To = Pe(br);
-const $o = ({
+}, $o = Pe(wr);
+const Mo = ({
   text: e = {},
   topRating: t = 5,
   functions: { createRating: n = () => null, updateRating: r = () => {
@@ -2645,7 +2745,7 @@ const $o = ({
   className: c = "",
   hasLoaded: d = !1
 }) => {
-  const o = A(), [a, u] = L({ setUp: !1, id: null, rating: null, disabled: !0 }), l = async () => {
+  const o = N(), [a, u] = L({ setUp: !1, id: null, rating: null, disabled: !0 }), l = async () => {
     try {
       const E = await n();
       u((k) => ({ ...k, setUp: !0, id: E && E.id, disabled: !1 }));
@@ -2704,8 +2804,8 @@ const vr = ({
   gtmContext: i = "search-bar",
   gtmEvent: c = "form-submission"
 }) => {
-  const { searchIsOpen: d = !0, isDesktopVersion: o = !1 } = n || {}, a = A(), u = se(null);
-  Ne(() => {
+  const { searchIsOpen: d = !0, isDesktopVersion: o = !1 } = n || {}, a = N(), u = se(null);
+  De(() => {
     !n || o || !d || u.current && u.current.focus();
   }, [d]);
   const l = (f) => {
@@ -2749,7 +2849,7 @@ const vr = ({
     }
   );
 };
-const wr = ({
+const kr = ({
   title: e,
   label: t,
   ctaMessage: n,
@@ -2762,7 +2862,7 @@ const wr = ({
   initialFormStatus: u = "NOT_SUBMITTED"
   /* NOT_SUBMITTED */
 }) => {
-  const [l, f] = L([]), [h, p] = L(!0), [_, j] = L(u), { formatMessage: g } = A(), E = async (M) => {
+  const [l, f] = L([]), [h, p] = L(!0), [_, j] = L(u), { formatMessage: g } = N(), E = async (M) => {
     M.preventDefault();
     try {
       await a(l), f([]), j(
@@ -2791,7 +2891,7 @@ const wr = ({
       " ",
       g({ id: "inviteForm_error" })
     ] }) }),
-    /* @__PURE__ */ s.jsx(Ae, {}),
+    /* @__PURE__ */ s.jsx(Ne, {}),
     /* @__PURE__ */ s.jsx("div", { className: "footer", children: _ === "SUCCESS" ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
       /* @__PURE__ */ s.jsx(X, { variant: "secondary", onClick: k, children: g({ id: "inviteForm_ctaSendMoreInvites" }) }),
       /* @__PURE__ */ s.jsx(X, { onClick: T, children: g({ id: "inviteForm_ctaDone" }) })
@@ -2836,7 +2936,7 @@ const wr = ({
             }
           )
         ] }),
-        /* @__PURE__ */ s.jsx(Ae, {}),
+        /* @__PURE__ */ s.jsx(Ne, {}),
         /* @__PURE__ */ s.jsx("fieldset", { className: "footer", children: /* @__PURE__ */ s.jsx(X, { className: "sendEmailsButton", disabled: h, children: n }) })
       ]
     }
@@ -3026,7 +3126,7 @@ const wr = ({
   },
   doTrack: c = null
 }) => {
-  const d = A(), o = gn(et, e);
+  const d = N(), o = gn(et, e);
   if (!o || o.onlyShow && (o.onlyShow === "logged-in" && !t || o.onlyShow === "logged-out" && t))
     return null;
   const a = "doTrack" in o, u = c === null ? a ? o.doTrack : !0 : c, l = e.includes("buttons.");
@@ -3080,7 +3180,7 @@ const wr = ({
     });
   }
   return /* @__PURE__ */ s.jsxs("li", { className: S({ [o.className]: o.className, "has-submenu": p, parent: _, active: j }), role: "none", ...g, children: [
-    h ? N.createElement(l ? X : "a", h, d.formatMessage({ id: f })) : d.formatMessage({ id: f }),
+    h ? D.createElement(l ? X : "a", h, d.formatMessage({ id: f })) : d.formatMessage({ id: f }),
     o.order && /* @__PURE__ */ s.jsx("ul", { ...E, children: o.order.map((k) => {
       if (!o[k])
         return null;
@@ -3098,8 +3198,8 @@ const wr = ({
     }) })
   ] }, e);
 };
-const kr = { height: 67, height_desktop: 83 }, Rn = () => {
-  const e = A(), t = be(Te), n = at(!0, !0), r = t && typeof t.id == "string", i = nt(
+const jr = { height: 67, height_desktop: 83 }, Rn = () => {
+  const e = N(), t = be(Te), n = at(!0, !0), r = t && typeof t.id == "string", i = nt(
     () => Q.getIsDesktopVersion(r, n),
     [r, n]
   ), [c, d] = rs($s, {
@@ -3111,7 +3211,7 @@ const kr = { height: 67, height_desktop: 83 }, Rn = () => {
     }
   }), { headerIsVisible: o, menus: a, focusElements: u } = c;
   Ts({
-    scrollPosition: kr[`height${i.navigation ? "_desktop" : ""}`],
+    scrollPosition: jr[`height${i.navigation ? "_desktop" : ""}`],
     callbacks: {
       scrollUp: () => {
         !i && a.navigation || Q.shouldChangeHeaderIsVisible(!0, a, d);
@@ -3124,7 +3224,7 @@ const kr = { height: 67, height_desktop: 83 }, Rn = () => {
   const l = (h, p) => {
     Q.handleMenus({ id: h, value: p, menus: a, dispatch: d });
   }, f = se(null);
-  return Ne(() => {
+  return De(() => {
     a.navigation && Q.autoFocus({
       menu: "navigation",
       navigationRef: f,
@@ -3132,7 +3232,7 @@ const kr = { height: 67, height_desktop: 83 }, Rn = () => {
       focusElements: u,
       dispatch: d
     });
-  }, [a.navigation]), Ne(() => {
+  }, [a.navigation]), De(() => {
     a.account && Q.autoFocus({
       menu: "account",
       navigationRef: f,
@@ -3141,111 +3241,155 @@ const kr = { height: 67, height_desktop: 83 }, Rn = () => {
       dispatch: d
     });
   }, [a.account]), t && t.isLoading ? null : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    /* @__PURE__ */ s.jsxs("nav", { id: "header", className: S({ "logged-in": r, "logged-out": !r, visible: o }), children: [
-      /* @__PURE__ */ s.jsx(de, { element: "a", href: "#content-of-page", children: e.formatMessage({ id: "header_skip" }) }),
-      /* @__PURE__ */ s.jsx(Cn, {}),
-      !i.navigation && /* @__PURE__ */ s.jsx(
-        "button",
-        {
-          className: "menu-button gtm-trackable",
-          onClick: (h) => {
-            h.preventDefault(), h.stopPropagation(), l("navigation", !a.navigation);
-          },
-          "data-gtm-event-type": "open-tab-menu-click",
-          "data-gtm-event-context": "HeaderLeft-Chevron",
-          "aria-haspopup": "true",
-          "aria-expanded": a.navigation,
-          "aria-controls": "navigation",
-          children: /* @__PURE__ */ s.jsx(de, { children: e.formatMessage({ id: `header_menu_${a.navigation ? "hide" : "show"}` }) })
-        }
-      ),
-      /* @__PURE__ */ s.jsx(
-        "ul",
-        {
-          ref: f,
-          id: "navigation",
-          hidden: i.navigation || a.account ? !1 : !a.navigation,
-          role: "menu",
-          "data-showing": !i.navigation && a.account ? "account" : "default",
-          children: et.order.map((h) => /* @__PURE__ */ s.jsx(
-            tt,
+    /* @__PURE__ */ s.jsxs(
+      "nav",
+      {
+        id: "header",
+        className: S({
+          "logged-in": r,
+          "logged-out": !r,
+          visible: o
+        }),
+        children: [
+          /* @__PURE__ */ s.jsx(
+            de,
             {
-              id: h,
-              isLoggedIn: r,
-              isDesktopVersion: i.navigation,
-              menus: { navigation: a.navigation, account: a.account },
-              callback: l
-            },
-            h
-          ))
-        }
-      ),
-      !i.search && /* @__PURE__ */ s.jsx(
-        "button",
-        {
-          className: "search toggle-search-button",
-          onClick: (h) => {
-            h.preventDefault(), h.stopPropagation(), l("search", !a.search);
-          },
-          "aria-haspopup": "true",
-          "aria-expanded": a.search,
-          "aria-controls": "search-form",
-          children: /* @__PURE__ */ s.jsx(de, { children: e.formatMessage({ id: `header_search_${a.search ? "hide" : "show"}` }) })
-        }
-      ),
-      /* @__PURE__ */ s.jsx(
-        vr,
-        {
-          id: "global-search",
-          handleToggle: { searchIsOpen: a.search, isDesktopVersion: i.search },
-          gtmContext: "search-bar-header",
-          gtmEvent: "form-submission"
-        }
-      ),
-      r ? /* @__PURE__ */ s.jsxs(
-        "button",
-        {
-          className: "account-button",
-          onClick: (h) => Q.events.onClick(h, { id: "account", callback: l, isOpen: a.account }),
-          onMouseEnter: () => Q.events.onMouseEnter({ id: "account", callback: l }),
-          onMouseLeave: () => Q.events.onBlur({ id: "account", callback: l }),
-          "aria-haspopup": "true",
-          "aria-expanded": a.account,
-          "aria-controls": "navigation",
-          children: [
-            /* @__PURE__ */ s.jsx(de, { children: e.formatMessage({ id: `header_account_${a.account ? "hide" : "show"}` }) }),
-            /* @__PURE__ */ s.jsx(It, { name: t && t.name || "", src: t && t.image && t.image.thumbnail || "" })
-          ]
-        }
-      ) : /* @__PURE__ */ s.jsx("ul", { className: "sign-in-buttons", children: et.buttons.order.map((h) => /* @__PURE__ */ s.jsx(tt, { id: `buttons.${h}` }, h)) })
-    ] }),
+              element: "a",
+              href: "#content-of-page",
+              children: e.formatMessage({ id: "header_skip" })
+            }
+          ),
+          /* @__PURE__ */ s.jsx(Cn, {}),
+          !i.navigation && /* @__PURE__ */ s.jsx(
+            "button",
+            {
+              className: "menu-button gtm-trackable",
+              onClick: (h) => {
+                h.preventDefault(), h.stopPropagation(), l("navigation", !a.navigation);
+              },
+              "data-gtm-event-type": "open-tab-menu-click",
+              "data-gtm-event-context": "HeaderLeft-Chevron",
+              "aria-haspopup": "true",
+              "aria-expanded": a.navigation,
+              "aria-controls": "navigation",
+              children: /* @__PURE__ */ s.jsx(de, { children: e.formatMessage({
+                id: `header_menu_${a.navigation ? "hide" : "show"}`
+              }) })
+            }
+          ),
+          /* @__PURE__ */ s.jsx(
+            "ul",
+            {
+              ref: f,
+              id: "navigation",
+              hidden: i.navigation || a.account ? !1 : !a.navigation,
+              role: "menu",
+              "data-showing": !i.navigation && a.account ? "account" : "default",
+              children: et.order.map((h) => /* @__PURE__ */ s.jsx(
+                tt,
+                {
+                  id: h,
+                  isLoggedIn: r,
+                  isDesktopVersion: i.navigation,
+                  menus: { navigation: a.navigation, account: a.account },
+                  callback: l
+                },
+                h
+              ))
+            }
+          ),
+          !i.search && /* @__PURE__ */ s.jsx(
+            "button",
+            {
+              className: "search toggle-search-button",
+              onClick: (h) => {
+                h.preventDefault(), h.stopPropagation(), l("search", !a.search);
+              },
+              "aria-haspopup": "true",
+              "aria-expanded": a.search,
+              "aria-controls": "search-form",
+              children: /* @__PURE__ */ s.jsx(
+                de,
+                {
+                  children: e.formatMessage({
+                    id: `header_search_${a.search ? "hide" : "show"}`
+                  })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ s.jsx(
+            vr,
+            {
+              id: "global-search",
+              handleToggle: {
+                searchIsOpen: a.search,
+                isDesktopVersion: i.search
+              },
+              gtmContext: "search-bar-header",
+              gtmEvent: "form-submission"
+            }
+          ),
+          r ? /* @__PURE__ */ s.jsxs(
+            "button",
+            {
+              className: "account-button",
+              onClick: (h) => Q.events.onClick(h, {
+                id: "account",
+                callback: l,
+                isOpen: a.account
+              }),
+              onMouseEnter: () => Q.events.onMouseEnter({ id: "account", callback: l }),
+              onMouseLeave: () => Q.events.onBlur({ id: "account", callback: l }),
+              "aria-haspopup": "true",
+              "aria-expanded": a.account,
+              "aria-controls": "navigation",
+              children: [
+                /* @__PURE__ */ s.jsx(de, { children: e.formatMessage({
+                  id: `header_account_${a.account ? "hide" : "show"}`
+                }) }),
+                /* @__PURE__ */ s.jsx(
+                  It,
+                  {
+                    name: t && t.name || "",
+                    src: t && t.image && t.image.thumbnail || ""
+                  }
+                )
+              ]
+            }
+          ) : /* @__PURE__ */ s.jsx("ul", { className: "sign-in-buttons", children: et.buttons.order.map((h) => /* @__PURE__ */ s.jsx(tt, { id: `buttons.${h}` }, h)) })
+        ]
+      }
+    ),
     /* @__PURE__ */ s.jsx("hr", { id: "content-of-page" }),
     /* @__PURE__ */ s.jsx(
       "div",
       {
-        className: S("overlay", { open: a.navigation || a.account || !i.search && a.search })
+        className: S("overlay", {
+          open: a.navigation || a.account || !i.search && a.search
+        })
       }
     )
   ] });
 };
-const jr = () => {
-  const e = A();
+const yr = () => {
+  const e = N();
   return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     /* @__PURE__ */ s.jsx(Rn, {}),
     /* @__PURE__ */ s.jsx("div", { id: "content", children: /* @__PURE__ */ s.jsx(ct, { variant: "error", text: e.formatMessage({ id: "pageLayout_error" }) }) }),
-    /* @__PURE__ */ s.jsx(Dn, {})
+    /* @__PURE__ */ s.jsx(An, {})
   ] });
-}, Mo = ({ children: e, reportError: t, showFooter: n = !0, background: r = "default", className: i = "", locale: c = "en" }) => {
+}, Co = ({ children: e, reportError: t, showFooter: n = !0, background: r = "default", className: i = "", locale: c = "en" }) => {
   const d = Es();
   Z(() => {
     window.scrollTo(0, 0);
   }, [d]);
   const o = kn(e, { locale: c });
-  return /* @__PURE__ */ s.jsx(gs, { onError: t, fallback: /* @__PURE__ */ s.jsx(jr, {}), children: /* @__PURE__ */ s.jsx(os, { fallback: /* @__PURE__ */ s.jsx(sr, { layout: "overview-page" }), children: /* @__PURE__ */ s.jsx("div", { id: "wrapper", className: S(i, { [r]: r !== "default" }), children: /* @__PURE__ */ s.jsxs(hs, { children: [
+  return /* @__PURE__ */ s.jsx(gs, { onError: t, fallback: /* @__PURE__ */ s.jsx(yr, {}), children: /* @__PURE__ */ s.jsx(os, { fallback: /* @__PURE__ */ s.jsx(rr, { layout: "overview-page" }), children: /* @__PURE__ */ s.jsx("div", { id: "wrapper", className: S(i, { [r]: r !== "default" }), children: /* @__PURE__ */ s.jsxs(hs, { children: [
     /* @__PURE__ */ s.jsx(Rn, {}),
     /* @__PURE__ */ s.jsx("div", { id: "content", children: o }),
-    n && /* @__PURE__ */ s.jsx(Dn, {}),
-    /* @__PURE__ */ s.jsx(_r, {})
+    n && /* @__PURE__ */ s.jsx(An, {}),
+    /* @__PURE__ */ s.jsx(xr, {})
   ] }) }) }) });
 }, mn = {
   default: "tags_",
@@ -3266,7 +3410,7 @@ const jr = () => {
     WorkAndTheEconomy: "work-and-the-economy"
   },
   "from the community": "community"
-}, yr = {
+}, Er = {
   getTagDetails: (e) => {
     if (e.includes("topic_")) {
       if (e = Tt.topic[e.replace("topic_", "")], e) {
@@ -3278,7 +3422,7 @@ const jr = () => {
     return Tt[e] ? (e = Tt[e], { id: e, text: `${mn.default}${e}` }) : null;
   }
 };
-const Co = ({
+const Ao = ({
   tags: e = [],
   color: t = "default",
   forceOneLine: n = !1,
@@ -3287,14 +3431,14 @@ const Co = ({
   gtmType: c = "tag-click",
   gtmContext: d = "tags"
 }) => {
-  const o = A();
+  const o = N();
   if (!e || e.length < 1)
     return null;
   const a = [];
   return e.forEach((u) => {
     if (!u)
       return;
-    const l = yr.getTagDetails(u);
+    const l = Er.getTagDetails(u);
     l && a.push(l);
   }), a.length < 1 ? null : /* @__PURE__ */ s.jsx("ul", { className: S("tags text-small", t, i, { "one-line": n }), children: a.map((u) => {
     const l = o.formatMessage({ id: u.text });
@@ -3317,7 +3461,7 @@ const Do = ({
   gtmType: i = "member-click",
   className: c = ""
 }) => {
-  const d = A();
+  const d = N();
   return t.length === 0 ? null : (e || (e = t.length), /* @__PURE__ */ s.jsxs("div", { className: S("members-list", c), children: [
     /* @__PURE__ */ s.jsxs("h1", { children: [
       d.formatMessage({ id: "membersList" }),
@@ -3325,10 +3469,10 @@ const Do = ({
     ] }),
     /* @__PURE__ */ s.jsx("ul", { children: t.map((o, a) => /* @__PURE__ */ s.jsxs("li", { children: [
       /* @__PURE__ */ s.jsx(Ht, { member: o, gtmContext: r, gtmType: i }),
-      o.isAdmin && /* @__PURE__ */ s.jsx(qs, { children: d.formatMessage({ id: "membersList_admin" }) })
+      o.isAdmin && /* @__PURE__ */ s.jsx(er, { children: d.formatMessage({ id: "membersList_admin" }) })
     ] }, a)) }),
     n && /* @__PURE__ */ s.jsx(
-      hr,
+      pr,
       {
         ...n,
         icon: { icon: "arrow-down", position: "right" },
@@ -3370,7 +3514,7 @@ const he = "discussion_form_", Fn = ({
   gtmContext: a = "DiscussionForm"
 }) => {
   var b, U;
-  const u = A(), l = be(Te), [f, h] = L(
+  const u = N(), l = be(Te), [f, h] = L(
     n.isEditing && n.isEditing.text || ""
   ), [p, _] = L(d.error || !1), [j, g] = L(!1), E = se(null);
   if (r || (r = E), n.isLoading)
@@ -3381,8 +3525,8 @@ const he = "discussion_form_", Fn = ({
         "data-testid": "loading-placeholder"
       }
     );
-  const k = (v) => {
-    const G = v.target.value;
+  const k = (w) => {
+    const G = w.target.value;
     h(G);
     let O;
     !l || !l.id ? O = xe(
@@ -3399,12 +3543,12 @@ const he = "discussion_form_", Fn = ({
   };
   let T = `${e.type}-form`;
   if (e.type === "response" || e.type === "reply") {
-    const v = e.type === "response" ? ((b = e.slugs) == null ? void 0 : b.question) || "" : ((U = e.slugs) == null ? void 0 : U.answer) || "";
-    v && (T = `${T}-${v.slice(-15)}`);
+    const w = e.type === "response" ? ((b = e.slugs) == null ? void 0 : b.question) || "" : ((U = e.slugs) == null ? void 0 : U.answer) || "";
+    w && (T = `${T}-${w.slice(-15)}`);
   }
-  const M = async (v) => {
+  const M = async (w) => {
     var O;
-    if (v.preventDefault(), v.stopPropagation(), !l || !l.id || !t || H)
+    if (w.preventDefault(), w.stopPropagation(), !l || !l.id || !t || H)
       return;
     Ze && clearTimeout(Ze), g("submitting");
     const G = window.location.pathname;
@@ -3436,7 +3580,7 @@ const he = "discussion_form_", Fn = ({
         default:
           break;
       }
-      await Ds(1e3), o.callback && await o.callback(B), Ze = setTimeout(() => {
+      await As(1e3), o.callback && await o.callback(B), Ze = setTimeout(() => {
         h(""), g("submitted"), C();
       }, 500);
     } catch (B) {
@@ -3458,7 +3602,7 @@ const he = "discussion_form_", Fn = ({
     Ze = setTimeout(() => {
       _(!1), g(!1);
     }, 5e3);
-  }, H = !f || !Ls(f), Y = j === "submitting", x = [];
+  }, H = !f || !Os(f), Y = j === "submitting", x = [];
   return (n.isEditing && !Y || d.cancel) && x.push({
     variant: "secondary",
     size: { mobile: "small", 600: "medium" },
@@ -3471,14 +3615,14 @@ const he = "discussion_form_", Fn = ({
   }), x.push({
     variant: "primary",
     size: { mobile: "small", 600: "medium" },
-    onClick: (v) => {
+    onClick: (w) => {
       if (n.isEditing) {
         g("submitting"), o.handleSaveEdit && o.handleSaveEdit(
           E.current && "value" in E.current ? E.current.value : ""
         );
         return;
       }
-      M(v);
+      M(w);
     },
     className: "gtm-trackable",
     "data-gtm-event-context": a,
@@ -3529,7 +3673,7 @@ const he = "discussion_form_", Fn = ({
           }
         ),
         /* @__PURE__ */ s.jsx("small", { children: xe(u.formatMessage, `${he}explainer`, e.type, "action", {
-          a: (v) => /* @__PURE__ */ s.jsx(
+          a: (w) => /* @__PURE__ */ s.jsx(
             "a",
             {
               href: "https://about.apolitical.co/q-and-a-community-guidelines",
@@ -3538,7 +3682,7 @@ const he = "discussion_form_", Fn = ({
               "data-gtm-event-context": a,
               "data-gtm-event-type": "community-guidelines-link",
               rel: "noreferrer",
-              children: v
+              children: w
             }
           )
         }) }),
@@ -3576,16 +3720,16 @@ const he = "discussion_form_", Fn = ({
       create: t
     }
   }
-), Er = {
+), Sr = {
   showThread: !1,
   showForm: !1
-}, dt = Ot(Er), Sr = ({ children: e }) => {
+}, dt = Ot(Sr), Tr = ({ children: e }) => {
   const [t, n] = L({
     showThread: !1,
     showForm: !1
   });
   return /* @__PURE__ */ s.jsx(dt.Provider, { value: { ...t, updateConversation: n }, children: e });
-}, Tr = ({
+}, $r = ({
   question: e,
   answer: t,
   reply: n
@@ -3593,11 +3737,11 @@ const he = "discussion_form_", Fn = ({
   ...e && { questionSlug: e },
   ...t && { answerSlug: t },
   ...n && { replySlug: n }
-}), $r = (e, t = 10) => !e || e.length === 0 ? [] : e.slice(0, t);
+}), Mr = (e, t = 10) => !e || e.length === 0 ? [] : e.slice(0, t);
 let Ie = !1;
 const $t = () => {
   Ie !== !1 && (clearTimeout(Ie), Ie = !1);
-}, Mt = 10, Mr = ({
+}, Mt = 10, Cr = ({
   element: e = "div",
   likes: t = 0,
   peopleWhoLiked: n = !1,
@@ -3609,11 +3753,11 @@ const $t = () => {
   }, deleteLike: a = () => {
   } } = {}
 }) => {
-  const u = A();
+  const u = N();
   Z(() => {
     p(i);
   }, [i]);
-  const [l, f] = L(t), [h, p] = L(i), [_, j] = L(!1), [g, E] = L(!1), k = nt(() => $r(n, Mt), [n]), T = (C) => {
+  const [l, f] = L(t), [h, p] = L(i), [_, j] = L(!1), [g, E] = L(!1), k = nt(() => Mr(n, Mt), [n]), T = (C) => {
     if (C.preventDefault(), C.stopPropagation(), E(!1), Ie)
       return $t(), !1;
     if ($t(), _ || !d)
@@ -3626,7 +3770,7 @@ const $t = () => {
     C < 0 && (C = 0), j(!0), f(C), p(!h);
     try {
       if (c && c.slugs) {
-        const H = Tr(c.slugs);
+        const H = $r(c.slugs);
         h ? await a(H) : await o(H, { contentPath: window.location.pathname });
       }
     } catch {
@@ -3635,7 +3779,7 @@ const $t = () => {
       j(!1);
     }
   };
-  return N.createElement(
+  return D.createElement(
     e,
     {
       className: S("likes-wrapper text-medium action-button", { "show-spinner": _, "is-liked": h, disabled: !d }),
@@ -3672,7 +3816,7 @@ const $t = () => {
           }
         ),
         /* @__PURE__ */ s.jsx("span", { className: S("number-of-likes", { "no-likes": l === 0 }), "data-testid": "number-of-likes", children: u.formatMessage({ id: `discussion_likes${r ? "_short" : ""}` }, { number: l }) }),
-        n && /* @__PURE__ */ s.jsx(Hs, { isOpen: g, isLoading: n.length === 0, children: n.length && /* @__PURE__ */ s.jsxs("ul", { children: [
+        n && /* @__PURE__ */ s.jsx(Qs, { isOpen: g, isLoading: n.length === 0, children: n.length && /* @__PURE__ */ s.jsxs("ul", { children: [
           k.map((C) => typeof C == "string" || !C.name ? null : /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(lt, { href: C.id ? `/profiles/${C.id}` : void 0, gtmContext: "Likes", gtmType: "liked-name-click", children: C.name }) }, C.id || window.btoa(C.name))),
           n.length > Mt && /* @__PURE__ */ s.jsx("li", { children: u.formatMessage({ id: "discussion_likes_more" }, { number: n.length - Mt }) })
         ] }) })
@@ -3680,7 +3824,7 @@ const $t = () => {
     }
   );
 };
-const Cr = ({ element: e = "section", children: t, className: n, ...r }) => N.createElement(
+const Ar = ({ element: e = "section", children: t, className: n, ...r }) => D.createElement(
   e,
   {
     className: S("modal", n),
@@ -3703,7 +3847,7 @@ const Ln = ({
   className: l = "",
   gtmContext: f = "Modal"
 }) => {
-  const h = A(), [p, _] = L(t), j = (E) => {
+  const h = N(), [p, _] = L(t), j = (E) => {
     _(E), E ? (i(), document.body.classList.add("has-overlay")) : (c(), document.body.classList.remove("has-overlay"));
   };
   Z(() => {
@@ -3711,7 +3855,7 @@ const Ln = ({
   }, [t]);
   const g = r ? { "--max-width": `${r / 16}rem` } : {};
   return /* @__PURE__ */ s.jsx("div", { className: S("overlay", { open: p }), children: /* @__PURE__ */ s.jsx(
-    Cr,
+    Ar,
     {
       id: e,
       className: S("overlay-modal", l, { "has-max-width": r }),
@@ -3734,10 +3878,10 @@ const Ln = ({
             }
           )
         ] }),
-        n && /* @__PURE__ */ s.jsx(Ae, {}),
+        n && /* @__PURE__ */ s.jsx(Ne, {}),
         a,
         u && /* @__PURE__ */ s.jsxs("div", { className: "bottom", children: [
-          /* @__PURE__ */ s.jsx(Ae, {}),
+          /* @__PURE__ */ s.jsx(Ne, {}),
           /* @__PURE__ */ s.jsx(it, { buttons: u })
         ] }),
         d && /* @__PURE__ */ s.jsx(Ft, { className: "error", children: d })
@@ -3771,7 +3915,7 @@ const No = ({
     functions: { onClose: o },
     className: S("invite-modal", e, { success: !!n }),
     children: /* @__PURE__ */ s.jsx(
-      wr,
+      kr,
       {
         title: r,
         label: i,
@@ -3786,7 +3930,7 @@ const No = ({
   const t = {};
   return Object.keys(e).forEach((n) => n.includes("Id") ? t[n] = e[n] : t[`${n}Slug`] = e[n]), t;
 }, Ut = (e, t) => e && !t;
-const we = "discussion_", Nr = 280, ut = ({
+const ve = "discussion_", Nr = 280, ut = ({
   element: e = "div",
   content: t,
   userHasPermissions: n = !0,
@@ -3813,7 +3957,7 @@ const we = "discussion_", Nr = 280, ut = ({
   children: _,
   isTruncated: j = !1
 }) => {
-  const g = A(), E = be(Te), k = be(dt), [T, M] = L({
+  const g = N(), E = be(Te), k = be(dt), [T, M] = L({
     body: t && t.body || "",
     isEditing: !1,
     didEdit: t && t.isEdited || !1
@@ -3826,7 +3970,7 @@ const we = "discussion_", Nr = 280, ut = ({
     });
   }, [t.isEdited]), r || !t || t.type === "answer" && (!t.slugs || !t.slugs.question))
     return /* @__PURE__ */ s.jsx(ye, { className: "discussion-card discussion-post" });
-  const { author: b, canLike: U, createdAt: v, id: G, likes: O = 0, userLiked: B, comments: W = 0 } = t, V = j ? st(T.body, Nr) : T.body, K = E && E.id && typeof b != "string" && b.id && b.id === E.id || !1, oe = typeof U == "boolean" ? U : n ? !K : !1, ae = async (P) => {
+  const { author: b, canLike: U, createdAt: w, id: G, likes: O = 0, userLiked: B, comments: W = 0 } = t, V = j ? st(T.body, Nr) : T.body, K = E && E.id && typeof b != "string" && b.id && b.id === E.id || !1, oe = typeof U == "boolean" ? U : n ? !K : !1, ae = async (P) => {
     P || (P = ""), x("");
     try {
       if (!xs(P, T.body)) {
@@ -3835,7 +3979,7 @@ const we = "discussion_", Nr = 280, ut = ({
       }
       M({ body: P, isEditing: !1, didEdit: !0 });
     } catch {
-      x(`${we}form_error`);
+      x(`${ve}form_error`);
     }
   }, ie = () => {
     k && k.updateConversation && k.updateConversation({ showThread: !0, showForm: !0 }), setTimeout(() => {
@@ -3850,12 +3994,12 @@ const we = "discussion_", Nr = 280, ut = ({
     }
   }, re = [
     {
-      text: g.formatMessage({ id: `${we}moreMenu_report` }),
+      text: g.formatMessage({ id: `${ve}moreMenu_report` }),
       href: `mailto:community@apolitical.co?subject=${encodeURI(
-        g.formatMessage({ id: `${we}report_subject` })
+        g.formatMessage({ id: `${ve}report_subject` })
       )}&body=${encodeURI(
         g.formatMessage(
-          { id: `${we}report_body` },
+          { id: `${ve}report_body` },
           {
             contentType: t.type || "",
             contentSlug: t.slug || "",
@@ -3868,7 +4012,7 @@ const we = "discussion_", Nr = 280, ut = ({
   ];
   return n && K && re.push(
     {
-      text: g.formatMessage({ id: `${we}moreMenu_edit` }),
+      text: g.formatMessage({ id: `${ve}moreMenu_edit` }),
       onClick: () => M({ ...T, isEditing: !0 }),
       icon: "pencil-paper",
       className: "gtm-trackable",
@@ -3876,7 +4020,7 @@ const we = "discussion_", Nr = 280, ut = ({
       "data-gtm-event-type": `edit-${t.type}-click`
     },
     {
-      text: g.formatMessage({ id: `${we}moreMenu_delete` }),
+      text: g.formatMessage({ id: `${ve}moreMenu_delete` }),
       onClick: (P) => {
         P.preventDefault(), P.stopPropagation(), H(!0);
       },
@@ -3886,7 +4030,7 @@ const we = "discussion_", Nr = 280, ut = ({
       "data-gtm-event-type": `delete-${t.type}-click`,
       ...Dr(`delete-${t.slug}-modal`, C)
     }
-  ), N.createElement(e, {
+  ), D.createElement(e, {
     className: S("discussion-post", h),
     "data-testid": `discussion-${t.type}-thread`,
     children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
@@ -3906,7 +4050,7 @@ const we = "discussion_", Nr = 280, ut = ({
               Ht,
               {
                 member: b,
-                additionalContent: { createdAt: v, didEdit: T.didEdit },
+                additionalContent: { createdAt: w, didEdit: T.didEdit },
                 className: typeof b != "string" && b.id === i ? "highlighted" : "",
                 gtmContext: p,
                 gtmType: "profile-click"
@@ -3949,13 +4093,13 @@ const we = "discussion_", Nr = 280, ut = ({
                 className: "gtm-trackable",
                 "data-gtm-event-context": p,
                 "data-gtm-event-type": "title-click",
-                children: /* @__PURE__ */ s.jsx(ln, { options: { overrides: { a: Ks } }, children: V })
+                children: /* @__PURE__ */ s.jsx(ln, { options: { overrides: { a: qs } }, children: V })
               }
             ) : /* @__PURE__ */ s.jsx(
               ln,
               {
                 options: {
-                  wrapper: t.type === "question" ? "h1" : N.Fragment,
+                  wrapper: t.type === "question" ? "h1" : D.Fragment,
                   forceWrapper: t.type === "question",
                   forceInline: t.type === "question",
                   forceBlock: t.type !== "question"
@@ -3970,7 +4114,7 @@ const we = "discussion_", Nr = 280, ut = ({
                 "data-testid": `${t.type}-actions`,
                 children: [
                   /* @__PURE__ */ s.jsx(
-                    Mr,
+                    Cr,
                     {
                       element: "li",
                       likes: O,
@@ -4006,13 +4150,13 @@ const we = "discussion_", Nr = 280, ut = ({
                             "data-gtm-event-context": p,
                             "data-gtm-event-type": `answer-${t.type}-click`,
                             screenreaderText: g.formatMessage(
-                              { id: `${we}comments_screenReader` },
+                              { id: `${ve}comments_screenReader` },
                               { count: W }
                             )
                           }
                         ),
                         /* @__PURE__ */ s.jsx("span", { children: g.formatMessage(
-                          { id: `${we}comments` },
+                          { id: `${ve}comments` },
                           { count: W }
                         ) })
                       ]
@@ -4025,11 +4169,11 @@ const we = "discussion_", Nr = 280, ut = ({
                       size: "medium",
                       styling: { muted: !0 },
                       onClick: ie,
-                      children: g.formatMessage({ id: `${we}reply` })
+                      children: g.formatMessage({ id: `${ve}reply` })
                     }
                   ) }),
                   /* @__PURE__ */ s.jsx(
-                    pr,
+                    gr,
                     {
                       element: "li",
                       id: `more-${t.slug}`,
@@ -4095,15 +4239,15 @@ const we = "discussion_", Nr = 280, ut = ({
     ] })
   });
 };
-const Ct = "discussion_responses_", Ao = ({ type: e = "answer", responses: t = 0 }) => {
-  const n = A();
+const Ct = "discussion_responses_", Po = ({ type: e = "answer", responses: t = 0 }) => {
+  const n = N();
   return /* @__PURE__ */ s.jsxs("div", { className: "responses-heading", children: [
     /* @__PURE__ */ s.jsx("h3", { children: n.formatMessage({ id: `${Ct}title` }, { action: n.formatMessage({ id: `${Ct}${e}` }), count: t }) }),
     t === 0 && /* @__PURE__ */ s.jsx("p", { children: xe(n.formatMessage, `${Ct}empty`, e, e) })
   ] });
 };
-const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
-  const r = A(), i = se(null), c = be(dt), [d, o] = L(
+const Pr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
+  const r = N(), i = se(null), c = be(dt), [d, o] = L(
     "closed"
     /* Closed */
   );
@@ -4113,7 +4257,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
       return f.addEventListener("transitionend", a), () => {
         f.removeEventListener("transitionend", a);
       };
-  }, []), Ne(() => {
+  }, []), De(() => {
     d === "closed" && !c.showThread || o(
       [
         "opening",
@@ -4168,7 +4312,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
       }
     )
   ] });
-}, Pr = ({
+}, Rr = ({
   user: e,
   content: t,
   verb: n = "post"
@@ -4189,7 +4333,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     like: 0
   },
   verb: n
-}), Rr = ({
+}), Fr = ({
   queryClient: e,
   queryKey: t,
   user: n,
@@ -4197,7 +4341,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
 }) => ({ mutationFn: r, onMutate: async ({ content: o }) => {
   if (!n)
     return;
-  const a = Pr({ user: n, content: o, verb: "post" });
+  const a = Rr({ user: n, content: o, verb: "post" });
   await e.cancelQueries({ queryKey: t });
   const u = e.getQueryData(t);
   return e.setQueryData(t, (l) => [...l, a]), { previousActivities: u };
@@ -4205,7 +4349,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   e.setQueryData(t, u.previousActivities);
 }, onSettled: () => {
   e.invalidateQueries({ queryKey: t });
-} }), Fr = ({
+} }), Lr = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4227,7 +4371,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   onSettled: () => {
     e.invalidateQueries({ queryKey: t });
   }
-}), Lr = ({
+}), Or = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4250,7 +4394,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   e.invalidateQueries({
     queryKey: [...t, u.activityId]
   });
-} }), Or = ({
+} }), Br = ({
   queryClient: e,
   queryKey: t,
   user: n,
@@ -4284,13 +4428,13 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   e.invalidateQueries({
     queryKey: [...t, l.activityId]
   });
-} }), Po = ({
+} }), Ro = ({
   basePath: e,
   parentId: t,
   isMember: n,
   functions: { list: r, create: i, edit: c, like: d, unlike: o, join: a, leave: u }
 }) => {
-  const l = A(), f = ot(), h = be(Te), {
+  const l = N(), f = ot(), h = be(Te), {
     data: p,
     error: _,
     isLoading: j,
@@ -4298,43 +4442,43 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   } = pn({
     queryKey: [e, t],
     queryFn: r
-  }), E = Rr({
+  }), E = Fr({
     queryClient: f,
     queryKey: [e, t],
     user: h,
     mutationFn: i
-  }), { mutate: k } = me(E), T = Fr({
+  }), { mutate: k } = me(E), T = Lr({
     queryClient: f,
     queryKey: [e, t],
-    mutationFn: async (v) => await c(v)
+    mutationFn: async (w) => await c(w)
   }), {
     mutate: M
-  } = me(T), C = Lr({
+  } = me(T), C = Or({
     queryClient: f,
     queryKey: [e, t],
     mutationFn: d
   }), {
     mutate: H
-  } = me(C), Y = Or({
+  } = me(C), Y = Br({
     queryClient: f,
     queryKey: [e, t],
     user: h,
-    mutationFn: async ({ activityId: v }) => {
+    mutationFn: async ({ activityId: w }) => {
       var B, W, V;
       const G = p && (p == null ? void 0 : p.find(
-        (K) => K.id === v
+        (K) => K.id === w
       )), O = (V = (W = (B = G == null ? void 0 : G.own_reactions) == null ? void 0 : B.like) == null ? void 0 : W.find(
         (K) => K.user_id === (h == null ? void 0 : h.id)
       )) == null ? void 0 : V.id;
-      await o({ reactionId: O || "", activityId: v });
+      await o({ reactionId: O || "", activityId: w });
     }
   }), {
     mutate: x
   } = me(Y), b = je(
-    ({ activityId: v }) => H({ activityId: v }),
+    ({ activityId: w }) => H({ activityId: w }),
     [H]
   ), U = je(
-    ({ activityId: v }) => x({ activityId: v }),
+    ({ activityId: w }) => x({ activityId: w }),
     [x]
   );
   return _ ? /* @__PURE__ */ s.jsx(ct, { variant: "error", text: _.message }) : j ? /* @__PURE__ */ s.jsx(ye, { style: { height: "400px" } }) : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
@@ -4352,40 +4496,40 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
         }
       }
     ),
-    !g && Array.isArray(p) && (p == null ? void 0 : p.map((v) => {
+    !g && Array.isArray(p) && (p == null ? void 0 : p.map((w) => {
       var B, W, V, K, oe, ae, ie, le, re, P, te, ce, ne, F;
-      const G = ((B = v == null ? void 0 : v.actor) == null ? void 0 : B.id) === (h == null ? void 0 : h.id), O = Ut(n, G);
-      return /* @__PURE__ */ s.jsxs(Nt, { children: [
+      const G = ((B = w == null ? void 0 : w.actor) == null ? void 0 : B.id) === (h == null ? void 0 : h.id), O = Ut(n, G);
+      return /* @__PURE__ */ s.jsxs(Dt, { children: [
         /* @__PURE__ */ s.jsx(
           ut,
           {
             content: {
               type: "post",
-              body: v == null ? void 0 : v.content,
+              body: w == null ? void 0 : w.content,
               canLike: O,
-              createdAt: (v == null ? void 0 : v.time) || "",
-              slugs: { parentId: t, activityId: v == null ? void 0 : v.id },
-              slug: v == null ? void 0 : v.id,
+              createdAt: (w == null ? void 0 : w.time) || "",
+              slugs: { parentId: t, activityId: w == null ? void 0 : w.id },
+              slug: w == null ? void 0 : w.id,
               author: {
-                id: (W = v == null ? void 0 : v.actor) == null ? void 0 : W.id,
-                name: `${(K = (V = v == null ? void 0 : v.actor) == null ? void 0 : V.data) == null ? void 0 : K.name}`,
-                organization: (ae = (oe = v == null ? void 0 : v.actor) == null ? void 0 : oe.data) == null ? void 0 : ae.organization,
-                jobTitle: (le = (ie = v == null ? void 0 : v.actor) == null ? void 0 : ie.data) == null ? void 0 : le.jobTitle,
+                id: (W = w == null ? void 0 : w.actor) == null ? void 0 : W.id,
+                name: `${(K = (V = w == null ? void 0 : w.actor) == null ? void 0 : V.data) == null ? void 0 : K.name}`,
+                organization: (ae = (oe = w == null ? void 0 : w.actor) == null ? void 0 : oe.data) == null ? void 0 : ae.organization,
+                jobTitle: (le = (ie = w == null ? void 0 : w.actor) == null ? void 0 : ie.data) == null ? void 0 : le.jobTitle,
                 image: {
-                  thumbnail: ((P = (re = v == null ? void 0 : v.actor) == null ? void 0 : re.data) == null ? void 0 : P.thumbnail) || void 0
+                  thumbnail: ((P = (re = w == null ? void 0 : w.actor) == null ? void 0 : re.data) == null ? void 0 : P.thumbnail) || void 0
                 }
               },
-              userLiked: ((te = v == null ? void 0 : v.own_reactions) == null ? void 0 : te.like) && ((ce = v == null ? void 0 : v.own_reactions) == null ? void 0 : ce.like.length) > 0,
-              likes: (v == null ? void 0 : v.reaction_counts.like) || 0,
-              comments: (v == null ? void 0 : v.reaction_counts.reply) || 0,
-              peopleWhoLiked: ((ne = v == null ? void 0 : v.latest_reactions) == null ? void 0 : ne.like) && ((F = v == null ? void 0 : v.latest_reactions) == null ? void 0 : F.like.map((J) => ({
+              userLiked: ((te = w == null ? void 0 : w.own_reactions) == null ? void 0 : te.like) && ((ce = w == null ? void 0 : w.own_reactions) == null ? void 0 : ce.like.length) > 0,
+              likes: (w == null ? void 0 : w.reaction_counts.like) || 0,
+              comments: (w == null ? void 0 : w.reaction_counts.reply) || 0,
+              peopleWhoLiked: ((ne = w == null ? void 0 : w.latest_reactions) == null ? void 0 : ne.like) && ((F = w == null ? void 0 : w.latest_reactions) == null ? void 0 : F.like.map((J) => ({
                 id: J == null ? void 0 : J.user_id,
                 name: J.user.data.name
               })))
             },
             links: {
-              post: `${e}/${t}/${v == null ? void 0 : v.id}`,
-              comments: `${e}/${t}/${v == null ? void 0 : v.id}`
+              post: `${e}/${t}/${w == null ? void 0 : w.id}`,
+              comments: `${e}/${t}/${w == null ? void 0 : w.id}`
             },
             functions: {
               content: {
@@ -4395,10 +4539,10 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
               },
               likes: {
                 createLike: () => {
-                  b({ activityId: v == null ? void 0 : v.id });
+                  b({ activityId: w == null ? void 0 : w.id });
                 },
                 deleteLike: () => {
-                  U({ activityId: v == null ? void 0 : v.id });
+                  U({ activityId: w == null ? void 0 : w.id });
                 }
               },
               comments: {
@@ -4408,11 +4552,11 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
             isTruncated: !0
           }
         ),
-        /* @__PURE__ */ s.jsx(Ae, {})
-      ] }, v == null ? void 0 : v.id);
+        /* @__PURE__ */ s.jsx(Ne, {})
+      ] }, w == null ? void 0 : w.id);
     }))
   ] });
-}, Br = ({
+}, Ir = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4431,7 +4575,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     })), { previousActivity: a };
 }, onSettled: () => {
   e.invalidateQueries({ queryKey: t });
-} }), Ir = ({
+} }), Hr = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4457,7 +4601,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   onError: (c, d, o) => {
     e.setQueryData(t, o.previousActivity);
   }
-}), Hr = ({
+}), Qr = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4484,7 +4628,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     ...o,
     latest_reactions: { reply: a }
   })), { previousActivity: o };
-} }), Qr = ({
+} }), Ur = ({
   queryClient: e,
   queryKey: t,
   user: n,
@@ -4523,7 +4667,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     ...u,
     latest_reactions: { reply: l }
   })), { previousActivity: u };
-} }), Ur = ({
+} }), Wr = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4546,7 +4690,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   onSettled: () => {
     e.invalidateQueries({ queryKey: t });
   }
-}), Wr = ({
+}), zr = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4604,7 +4748,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     ...a,
     latest_reactions: { reply: u }
   })), { previousActivity: a };
-} }), zr = ({
+} }), Vr = ({
   basePath: e,
   parentId: t,
   replyParentId: n,
@@ -4613,11 +4757,11 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   replies: c,
   functions: { create: d, edit: o, join: a, leave: u, like: l, unlike: f }
 }) => {
-  const h = A(), p = ot(), _ = be(dt), j = Ur({
+  const h = N(), p = ot(), _ = be(dt), j = Wr({
     queryClient: p,
     queryKey: [e, t, r],
     mutationFn: async (b) => d({ replyId: n, content: b.body })
-  }), { mutate: g } = me(j), E = Wr({
+  }), { mutate: g } = me(j), E = zr({
     queryClient: p,
     queryKey: [e, t, r],
     mutationFn: o
@@ -4643,7 +4787,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     [H]
   );
   return /* @__PURE__ */ s.jsx(
-    Ar,
+    Pr,
     {
       count: i,
       showRepliesButton: i > 0 || _.showForm,
@@ -4663,13 +4807,13 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
           }
         ),
         (c == null ? void 0 : c.length) === 0 || (c == null ? void 0 : c.map((b) => {
-          var U, v, G, O, B, W, V, K, oe, ae, ie, le, re, P, te, ce, ne;
+          var U, w, G, O, B, W, V, K, oe, ae, ie, le, re, P, te, ce, ne;
           return /* @__PURE__ */ s.jsx(
             ut,
             {
               content: {
                 type: "reply",
-                body: typeof b.data.content == "string" ? (U = b == null ? void 0 : b.data) == null ? void 0 : U.content : ((G = (v = b == null ? void 0 : b.data) == null ? void 0 : v.content) == null ? void 0 : G.text) || "",
+                body: typeof b.data.content == "string" ? (U = b == null ? void 0 : b.data) == null ? void 0 : U.content : ((G = (w = b == null ? void 0 : b.data) == null ? void 0 : w.content) == null ? void 0 : G.text) || "",
                 createdAt: b == null ? void 0 : b.created_at,
                 slugs: {
                   parentId: t,
@@ -4722,7 +4866,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
       ] })
     }
   );
-}, Vr = ({
+}, Yr = ({
   basePath: e,
   parentId: t,
   activityId: n,
@@ -4730,23 +4874,23 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   isMember: i,
   functions: { createReply: c, editReply: d, like: o, unlike: a, join: u, leave: l }
 }) => {
-  const f = A(), h = ot(), p = be(Te), _ = Br({
+  const f = N(), h = ot(), p = be(Te), _ = Ir({
     queryClient: h,
     queryKey: [e, t, n],
     mutationFn: async (x) => c({ activityId: n, content: x.body })
-  }), { mutate: j } = me(_), g = Ir({
+  }), { mutate: j } = me(_), g = Hr({
     queryClient: h,
     queryKey: [e, t, n],
     mutationFn: async (x) => d(x)
   }), {
     mutate: E
-  } = me(g), k = Hr({
+  } = me(g), k = Qr({
     queryClient: h,
     queryKey: [e, t, n],
     mutationFn: o
   }), {
     mutate: T
-  } = me(k), M = Qr({
+  } = me(k), M = Ur({
     queryClient: h,
     queryKey: [e, t, n],
     user: p,
@@ -4776,9 +4920,9 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
       }
     ),
     (r == null ? void 0 : r.length) === 0 || (r == null ? void 0 : r.map((x) => {
-      var v, G, O, B, W, V, K, oe, ae, ie, le, re, P, te, ce, ne, F, J, fe, pe;
-      const b = ((v = x == null ? void 0 : x.user) == null ? void 0 : v.id) === (p == null ? void 0 : p.id), U = Ut(i, b);
-      return /* @__PURE__ */ s.jsx(Sr, { children: /* @__PURE__ */ s.jsx(
+      var w, G, O, B, W, V, K, oe, ae, ie, le, re, P, te, ce, ne, F, J, fe, pe;
+      const b = ((w = x == null ? void 0 : x.user) == null ? void 0 : w.id) === (p == null ? void 0 : p.id), U = Ut(i, b);
+      return /* @__PURE__ */ s.jsx(Tr, { children: /* @__PURE__ */ s.jsx(
         ut,
         {
           content: {
@@ -4825,7 +4969,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
             comments: {}
           },
           children: /* @__PURE__ */ s.jsx(
-            zr,
+            Vr,
             {
               basePath: e,
               parentId: t,
@@ -4849,7 +4993,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
       ) }, x == null ? void 0 : x.id);
     }))
   ] });
-}, Yr = ({
+}, Gr = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4873,7 +5017,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   onSettled: () => {
     e.invalidateQueries({ queryKey: t });
   }
-}), Gr = ({
+}), Jr = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4893,7 +5037,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   })), { previousActivity: a };
 }, onSettled: () => {
   e.invalidateQueries({ queryKey: t });
-} }), Jr = ({
+} }), Xr = ({
   queryClient: e,
   queryKey: t,
   user: n,
@@ -4926,7 +5070,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
 }, onSettled: () => {
   e.invalidateQueries({ queryKey: t });
 } });
-const Ro = ({
+const Fo = ({
   basePath: e,
   parentId: t,
   activityId: n,
@@ -4953,19 +5097,19 @@ const Ro = ({
   } = pn({
     queryKey: [e, t, n],
     queryFn: i
-  }), M = Yr({
+  }), M = Gr({
     queryClient: j,
     queryKey: [e, t, n],
     mutationFn: async (F) => await c(F)
   }), {
     mutate: C
-  } = me(M), H = Gr({
+  } = me(M), H = Jr({
     queryClient: j,
     queryKey: [e, t, n],
     mutationFn: d
   }), {
     mutate: Y
-  } = me(H), x = Jr({
+  } = me(H), x = Xr({
     queryClient: j,
     queryKey: [e, t, n],
     user: _,
@@ -4982,7 +5126,7 @@ const Ro = ({
   } = me(x), U = je(
     ({ activityId: F }) => Y({ activityId: F }),
     [Y]
-  ), v = je(
+  ), w = je(
     async ({ activityId: F }) => b({ activityId: F }),
     [b]
   );
@@ -5032,7 +5176,7 @@ const Ro = ({
         },
         likes: {
           createLike: () => U({ activityId: n }),
-          deleteLike: () => v({ activityId: n })
+          deleteLike: () => w({ activityId: n })
         },
         comments: {
           openComments: () => {
@@ -5046,7 +5190,7 @@ const Ro = ({
           ")"
         ] }),
         /* @__PURE__ */ s.jsx(
-          Vr,
+          Yr,
           {
             basePath: e,
             parentId: t,
@@ -5067,7 +5211,7 @@ const Ro = ({
     },
     n
   );
-}, Fo = ({ id: e, data: { jobTitle: t, name: n, organization: r, thumbnail: i } }) => ({
+}, Lo = ({ id: e, data: { jobTitle: t, name: n, organization: r, thumbnail: i } }) => ({
   id: e,
   name: n,
   jobTitle: t,
@@ -5076,84 +5220,84 @@ const Ro = ({
 });
 export {
   Pt as ASSETS_BUCKET,
-  Po as ActivitiesFeed,
-  Ro as ActivitySection,
+  Ro as ActivitiesFeed,
+  Fo as ActivitySection,
   Qt as AddPost,
-  po as BannerSection,
-  ko as Breadcrumbs,
+  go as BannerSection,
+  jo as Breadcrumbs,
   X as Button,
   it as ButtonWrapper,
-  ir as CacheProvider,
+  lr as CacheProvider,
   yn as CollapsibleSection,
-  Eo as Columns,
-  wo as CommunityDetails,
-  ar as Contributors,
+  So as Columns,
+  ko as CommunityDetails,
+  ir as Contributors,
   dt as ConversationContext,
-  _r as CookieBanner,
-  Sr as DiscussionConversation,
+  xr as CookieBanner,
+  Tr as DiscussionConversation,
   Fn as DiscussionForm,
-  Mr as DiscussionLikes,
+  Cr as DiscussionLikes,
   ut as DiscussionPost,
-  Ar as DiscussionThread,
-  Ae as Divider,
-  fo as DownloadSection,
+  Pr as DiscussionThread,
+  Ne as Divider,
+  ho as DownloadSection,
   Be as EMAILS,
-  So as EmailHelperTextBox,
+  To as EmailHelperTextBox,
   ct as EmptyStateBox,
-  jo as Filters,
-  dr as FlagsProvider,
-  Dn as Footer,
+  yo as Filters,
+  ur as FlagsProvider,
+  An as Footer,
   jn as FullWidthSection,
   vo as GlobalProviders,
   Rn as Header,
-  Ws as HelperTextBox,
+  zs as HelperTextBox,
   xn as HiddenFromScreenReaders,
-  xo as HideShowTextBox,
+  bo as HideShowTextBox,
   Se as HighlightedTextBox,
-  ur as IntlProvider,
-  wr as InviteForm,
+  mr as IntlProvider,
+  kr as InviteForm,
   No as InviteModal,
   Mn as JoinButton,
-  yo as LanguageSwitcher,
+  Eo as LanguageSwitcher,
   lt as Link,
-  hr as LoadMore,
-  bo as LoadingBlock,
+  pr as LoadMore,
+  wo as LoadingBlock,
   ye as LoadingPlaceholder,
-  sr as LoadingState,
+  rr as LoadingState,
   Cn as Logo,
-  ho as LogoSection,
+  po as LogoSection,
   ln as MarkdownText,
-  go as MarketingBox,
+  _o as MarketingBox,
   Ht as Member,
   Do as MembersList,
-  Cr as Modal,
-  pr as MoreMenu,
-  _o as NUMBER_OF_USERS,
+  Ar as Modal,
+  gr as MoreMenu,
+  xo as NUMBER_OF_USERS,
   Ln as Overlay,
-  Mo as PageLayout,
-  To as PasswordRules,
-  qs as Pill,
+  Co as PageLayout,
+  $o as PasswordRules,
+  er as Pill,
   It as ProfilePicture,
-  tr as ProgressBar,
-  $o as Rating,
-  Vr as RepliesFeed,
-  Ao as ResponsesHeading,
-  Is as ResponsiveImage,
+  nr as ProgressBar,
+  Mo as Rating,
+  Yr as RepliesFeed,
+  Po as ResponsesHeading,
+  Hs as ResponsiveImage,
   vr as SearchForm,
-  Ks as Span,
+  qs as Span,
   Ft as StatusBanner,
-  Co as Tags,
-  Hs as Tooltip,
+  Ao as Tags,
+  Qs as Tooltip,
   Te as UserContext,
-  mr as UserProvider,
+  fr as UserProvider,
   de as VisuallyHidden,
   Dr as addAriaProps,
   $n as getMember,
   et as headerData,
-  Fo as mapGetStreamData,
+  Lo as mapGetStreamData,
   Es as useCurrentPath,
-  Ne as useEffectAfterMount,
-  at as useScreenWidth,
+  De as useEffectAfterMount,
+  at as useElementWidth,
   Ts as useScrollListener,
-  mo as useScrollToHash
+  fo as useScrollToHash
 };