@apolitical/component-library 1.13.6 → 1.14.0

package/index.mjs

@@ -1,7 +1,7 @@
-import N, { memo as Ne, useState as F, useEffect as X, useRef as ne, useMemo as et, Children as Mt, createContext as Ft, useContext as ge, Fragment as Ct, useCallback as ke, useReducer as rs, Suspense as os } from "react";
+import D, { memo as De, useState as F, useEffect as X, useRef as ne, useMemo as et, Children as Mt, createContext as Ft, useContext as ge, Fragment as Ct, useCallback as ke, useReducer as rs, Suspense as os } from "react";
 import as from "lodash.clonedeep";
 import is from "lodash.set";
-import { useIntl as A, IntlProvider as ls, createIntl as cs, FormattedMessage as ye } from "react-intl";
+import { useIntl as N, IntlProvider as ls, createIntl as cs, FormattedMessage as ye } from "react-intl";
 import tt from "truncate";
 import nt from "markdown-to-jsx";
 import { QueryClient as ds, QueryClientProvider as us, useQueryClient as st, useQuery as fn, useMutation as de } from "@tanstack/react-query";
@@ -53,8 +53,8 @@ var pn = { exports: {} };
   })();
 })(pn);
 var vs = pn.exports;
-const S = /* @__PURE__ */ bs(vs), ws = ({ element: e = "span", showOnFocus: t = !0, children: n, ...r }) => N.createElement(e, { ...r, className: S("hidden", { "show-on-focus": t }), children: n }), le = Ne(ws), ks = ({ element: e = "span", children: t = null, ...n }) => N.createElement(e, { ...n, "aria-hidden": !0 }, t), gn = Ne(ks);
-var Dt = { exports: {} }, Re = {};
+const S = /* @__PURE__ */ bs(vs), ws = ({ element: e = "span", showOnFocus: t = !0, children: n, ...r }) => D.createElement(e, { ...r, className: S("hidden", { "show-on-focus": t }), children: n }), le = De(ws), ks = ({ element: e = "span", children: t = null, ...n }) => D.createElement(e, { ...n, "aria-hidden": !0 }, t), gn = De(ks);
+var At = { exports: {} }, Re = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -69,7 +69,7 @@ function js() {
   if (tn)
     return Re;
   tn = 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,7 +95,7 @@ var Fe = {};
 var nn;
 function ys() {
   return nn || (nn = 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;
@@ -265,7 +265,7 @@ function ys() {
       var Ie = typeof WeakMap == "function" ? WeakMap : Map;
       xe = new Ie();
     }
-    function Ae(m, v) {
+    function Ne(m, v) {
       if (!m || _e)
         return "";
       {
@@ -313,17 +313,17 @@ function ys() {
         }
       } catch (be) {
         if (be && $ && typeof be.stack == "string") {
-          for (var D = be.stack.split(`
+          for (var A = be.stack.split(`
 `), ce = $.stack.split(`
-`), q = D.length - 1, ee = ce.length - 1; q >= 1 && ee >= 0 && D[q] !== ce[ee]; )
+`), q = A.length - 1, ee = ce.length - 1; q >= 1 && ee >= 0 && A[q] !== ce[ee]; )
             ee--;
           for (; q >= 1 && ee >= 0; q--, ee--)
-            if (D[q] !== ce[ee]) {
+            if (A[q] !== ce[ee]) {
               if (q !== 1 || ee !== 1)
                 do
-                  if (q--, ee--, ee < 0 || D[q] !== ce[ee]) {
+                  if (q--, ee--, ee < 0 || A[q] !== ce[ee]) {
                     var he = `
-` + D[q].replace(" at new ", " at ");
+` + A[q].replace(" at new ", " at ");
                     return m.displayName && he.includes("<anonymous>") && (he = he.replace("<anonymous>", m.displayName)), typeof m == "function" && xe.set(m, he), he;
                   }
                 while (q >= 1 && ee >= 0);
@@ -337,7 +337,7 @@ function ys() {
       return typeof m == "function" && xe.set(m, en), en;
     }
     function Fn(m, v, y) {
-      return Ae(m, !1);
+      return Ne(m, !1);
     }
     function Ln(m) {
       var v = m.prototype;
@@ -347,7 +347,7 @@ function ys() {
       if (m == null)
         return "";
       if (typeof m == "function")
-        return Ae(m, Ln(m));
+        return Ne(m, Ln(m));
       if (typeof m == "string")
         return fe(m);
       switch (m) {
@@ -385,17 +385,17 @@ function ys() {
         var z = Function.call.bind(Qe);
         for (var R in m)
           if (z(m, R)) {
-            var D = void 0;
+            var A = void 0;
             try {
               if (typeof m[R] != "function") {
                 var ce = Error(($ || "React class") + ": " + y + " type `" + R + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof m[R] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw ce.name = "Invariant Violation", ce;
               }
-              D = m[R](v, 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) && (Ue(B), k("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", $ || "React class", y, R, typeof D), Ue(null)), D instanceof Error && !(D.message in Qt) && (Qt[D.message] = !0, Ue(B), k("Failed %s type: %s", y, D.message), Ue(null));
+            A && !(A instanceof Error) && (Ue(B), k("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", $ || "React class", y, R, typeof A), Ue(null)), A instanceof Error && !(A.message in Qt) && (Qt[A.message] = !0, Ue(B), k("Failed %s type: %s", y, A.message), Ue(null));
           }
       }
     }
@@ -475,7 +475,7 @@ function ys() {
       }
     }
     var Gn = function(m, v, y, $, B, z, R) {
-      var D = {
+      var A = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
@@ -486,27 +486,27 @@ function ys() {
         // 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: B
-      }), Object.freeze && (Object.freeze(D.props), Object.freeze(D)), D;
+      }), Object.freeze && (Object.freeze(A.props), Object.freeze(A)), A;
     };
     function Jn(m, v, y, $, B) {
       {
-        var z, R = {}, D = null, ce = null;
-        y !== void 0 && (Wt(y), D = "" + y), zn(v) && (Wt(v.key), D = "" + v.key), Un(v) && (ce = v.ref, Wn(v, B));
+        var z, R = {}, A = null, ce = null;
+        y !== void 0 && (Wt(y), A = "" + y), zn(v) && (Wt(v.key), A = "" + v.key), Un(v) && (ce = v.ref, Wn(v, B));
         for (z in v)
           Qe.call(v, z) && !Qn.hasOwnProperty(z) && (R[z] = v[z]);
         if (m && m.defaultProps) {
@@ -514,11 +514,11 @@ function ys() {
           for (z in q)
             R[z] === void 0 && (R[z] = q[z]);
         }
-        if (D || ce) {
+        if (A || ce) {
           var ee = typeof m == "function" ? m.displayName || m.name || "Unknown" : m;
-          D && Vn(R, ee), ce && Yn(R, ee);
+          A && Vn(R, ee), ce && Yn(R, ee);
         }
-        return Gn(m, D, ce, B, $, Pe.current, R);
+        return Gn(m, A, ce, B, $, Pe.current, R);
       }
     }
     var mt = E.ReactCurrentOwner, Gt = E.ReactDebugCurrentFrame;
@@ -643,12 +643,12 @@ Check the top-level render call using <` + y + ">.");
       {
         var R = Q(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 ce = Xn(B);
-          ce ? D += ce : D += Jt();
+          ce ? A += ce : A += Jt();
           var q;
-          m === null ? q = "null" : dt(m) ? q = "array" : m !== void 0 && m.$$typeof === t ? (q = "<" + (L(m.type) || "Unknown") + " />", D = " Did you accidentally export a JSX literal instead of a component?") : q = typeof m, k("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", q, D);
+          m === null ? q = "null" : dt(m) ? q = "array" : m !== void 0 && m.$$typeof === t ? (q = "<" + (L(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, v, y, B, z);
         if (ee == null)
@@ -679,8 +679,8 @@ Check the top-level render call using <` + y + ">.");
     Fe.Fragment = r, Fe.jsx = ns, Fe.jsxs = ss;
   }()), Fe;
 }
-process.env.NODE_ENV === "production" ? Dt.exports = js() : Dt.exports = ys();
-var s = Dt.exports;
+process.env.NODE_ENV === "production" ? At.exports = js() : At.exports = ys();
+var s = At.exports;
 const Es = () => {
   const [e, t] = F(window.location.pathname), n = () => {
     const r = window.location.pathname;
@@ -756,26 +756,29 @@ function _n(e, t, n) {
   return Ss(e, t, { maxWait: t, leading: i === void 0 || i, trailing: c === void 0 || c });
 }
 let pt;
-const rt = (e = !0, t = !1) => {
+const rt = (e = !0, t = !1, n = "window") => {
   if (!e)
     return;
-  const [n, r] = N.useState(0) || [!1, () => {
+  const [r, i] = D.useState(0) || [!1, () => {
   }];
-  X(() => (c(), window.addEventListener("resize", d), () => {
-    clearTimeout(pt), d.flush(), window.removeEventListener("resize", d);
-  }), []);
-  const i = () => window.innerWidth, c = () => {
-    r(i());
-  }, d = _n(
+  X(() => (o(), window.addEventListener("resize", a), () => {
+    clearTimeout(pt), a.flush(), window.removeEventListener("resize", a);
+  }), n === "window" ? [] : [n]);
+  const d = () => {
+    if (n)
+      return n === "window" ? window.innerWidth : n.offsetWidth;
+  }, o = () => {
+    i(d());
+  }, a = _n(
     () => {
-      i() !== n && (t && (clearTimeout(pt), document.body.classList.add("is-resizing"), pt = setTimeout(() => {
+      d() !== r && (t && (clearTimeout(pt), document.body.classList.add("is-resizing"), pt = 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 rt = (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, () => {
   }];
   X(() => (a(), window.addEventListener("scroll", u), () => {
     u.flush(), window.removeEventListener("scroll", u);
@@ -804,7 +807,7 @@ const rt = (e = !0, t = !1) => {
     a();
   }, 250);
   return i;
-}, mo = (e = [], t = !0) => {
+}, fo = (e = [], t = !0) => {
   e = Array.isArray(e) ? e : [e];
   const n = ne(!1);
   Ce(() => {
@@ -856,10 +859,17 @@ const rt = (e = !0, t = !1) => {
     return { path: "days", number: o };
   const a = Math.floor(o / 7);
   return a <= 52 ? { path: "weeks", number: a } : { path: "years", number: Math.floor(o / 365) };
-}, Ds = (e) => new Promise((t) => setTimeout(t, e)), Lt = {
+}, As = (e) => new Promise((t) => setTimeout(t, e)), Lt = {
   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 rt = (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: Lt,
-  es: Ns,
-  fr: As,
+  es: Ds,
+  fr: Ns,
   pt: Ps
-}, Symbol.toStringTag, { value: "Module" })), pe = (e, t, n, r, i = {}) => {
+}, Symbol.toStringTag, { value: "Module" })), Fs = (e) => e in Lt, pe = (e, t, n, r, i = {}) => {
   let c = "";
-  return `${t}_${n}` in Lt ? c = e({ id: `${t}_${n}` }, i) : c = e({ id: t }, { [r]: n, ...i }), c;
-}, 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;
-}, vn = (e, t) => N.Children.map(e, (n) => N.cloneElement(n, {
+}, vn = (e, t) => D.Children.map(e, (n) => D.cloneElement(n, {
   ...t
-})), Ls = (e) => e.replace(/\s+/g, "").length > 0, J = ({
+})), Os = (e) => e.replace(/\s+/g, "").length > 0, J = ({
   variant: e = "primary",
   size: t = "medium",
   styling: n = { muted: !1, fullWidth: !1 },
@@ -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(le, { showOnFocus: !1, children: u }) : null)
   );
 }, ot = ({ buttons: e, className: t = "", ...n }) => {
   const r = e.length > 1 ? "ul" : "p", i = e.map((c, d) => r === "p" ? /* @__PURE__ */ s.jsx(J, { ...c }, d) : /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(J, { ...c }) }, d));
-  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 De = ({ className: e = "", maxWidth: t = !1 }) => {
+const Ae = ({ className: e = "", maxWidth: t = !1 }) => {
   const n = t ? { "--max-width": `${t / 16}rem` } : {};
   return /* @__PURE__ */ s.jsx("hr", { className: S(e, { "has-max-width": t }), style: n });
 }, at = ({
@@ -1250,7 +1269,7 @@ const De = ({ 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;
 }, sn = {
   card: {
     range: [
@@ -1354,23 +1373,23 @@ const De = ({ 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 ? sn[e] : sn.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;
-}, gt = ({ format: e, range: t, url: n, query: r }) => t.map(({ height: i, width: c }) => `${n}?${Bs({
+}, gt = ({ 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), _ = gt({ format: "avif", query: d, range: h, url: o }), j = gt({ format: "webp", query: d, range: h, url: o }), g = gt({ format: "", query: d, range: h, url: o });
+  } = e, { range: h, sizes: p } = Bs(e), _ = gt({ format: "avif", query: d, range: h, url: o }), j = gt({ format: "webp", query: d, range: h, url: o }), g = gt({ format: "", query: d, range: h, url: o });
   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 Le = !1;
-const Hs = ({ isOpen: e = !1, isLoading: t = !1, children: n }) => {
-  const r = A(), i = ne(null), [c, d] = F("hidden");
+const Qs = ({ isOpen: e = !1, isLoading: t = !1, children: n }) => {
+  const r = N(), i = ne(null), [c, d] = F("hidden");
   X(() => {
     const a = i.current;
     if (a)
@@ -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 wn = ({ 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(wn, { 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(ot, { 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 = ({
+], zs = ({
   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 = Ne(Us);
-const go = ({
+}, go = De(zs);
+const _o = ({
   variant: e = "primary",
   button: t = null,
   title: n,
@@ -1598,52 +1617,69 @@ const go = ({
   n && /* @__PURE__ */ s.jsx("p", { className: "title", children: n }),
   r && /* @__PURE__ */ s.jsx("p", { children: r }),
   t && /* @__PURE__ */ s.jsx(J, { variant: "secondary", size: "medium", href: t.link, className: "gtm-trackable", "data-gtm-event-context": i, "data-gtm-event-type": "learn-more-click", children: t.text })
-] }), Nt = "https://storage.googleapis.com/apolitical-assets/", Oe = {
+] }), Dt = "https://storage.googleapis.com/apolitical-assets/", Oe = {
   general: "hello@apolitical.co",
   support: "concierge@apolitical.co",
   "data-protection": {
     default: "dpo@apolitical.co",
     eu: "dpo.agl@apolitical.foundation"
   }
-}, _o = "200,000+";
+}, xo = "200,000+";
 const kn = ({ 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 Ee = ({ variant: e = "primary", className: t = "", children: n, ...r }) => /* @__PURE__ */ s.jsx("div", { className: S("highlighted-text-box", e, t), ...r, children: n });
-const it = ({ variant: e = "empty", text: t = !1, button: n = !1, className: r = "" }) => {
+const it = ({
+  variant: e = "empty",
+  text: t = !1,
+  button: n = !1,
+  className: r = ""
+}) => {
   let i = n && !!Object.keys(n).length;
   const c = typeof n == "object" && "breakpoints" in n, d = rt(c);
   if (c && typeof n == "object" && typeof d == "number") {
     const f = Object.assign({}, n.breakpoints), h = xn(Object.keys(f));
     i = bn(d, h, f);
   }
-  const { breakpoints: o, text: a = "", component: u, ...l } = n;
-  return /* @__PURE__ */ s.jsx(Ee, { variant: "subtle", className: S("empty-state-box", e, r), children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    t && /* @__PURE__ */ s.jsx(nt, { options: { forceBlock: !0 }, children: t }),
-    i && typeof n == "object" && (u || /* @__PURE__ */ s.jsx(
-      J,
-      {
-        ...l,
-        variant: n.variant ? n.variant : "secondary",
-        children: a
-      }
-    ))
-  ] }) });
+  const {
+    breakpoints: o,
+    text: a = "",
+    component: u,
+    ...l
+  } = n;
+  return /* @__PURE__ */ s.jsx(
+    Ee,
+    {
+      variant: "subtle",
+      className: S("empty-state-box", e, r),
+      children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+        t && /* @__PURE__ */ s.jsx(nt, { options: { forceBlock: !0 }, children: t }),
+        i && typeof n == "object" && (u || /* @__PURE__ */ s.jsx(
+          J,
+          {
+            ...l,
+            variant: n.variant ? n.variant : "secondary",
+            children: a
+          }
+        ))
+      ] })
+    }
+  );
 };
-const At = ({ children: e, ...t }) => /* @__PURE__ */ s.jsx("p", { ...t, children: e }), jn = { q: At, blockquote: At };
+const Nt = ({ children: e, ...t }) => /* @__PURE__ */ s.jsx("p", { ...t, children: e }), jn = { q: Nt, blockquote: Nt };
 for (let e = 1; e <= 6; e++)
-  jn[`h${e}`] = { component: At, props: { className: "title" } };
-const zs = ({ type: e = "default", className: t = "", heading: n = !1, children: r }) => /* @__PURE__ */ s.jsxs("div", { className: S("helper-text-box text-small", e, t), children: [
+  jn[`h${e}`] = { component: Nt, props: { className: "title" } };
+const Ws = ({ type: e = "default", className: t = "", heading: n = !1, children: r }) => /* @__PURE__ */ s.jsxs("div", { className: S("helper-text-box text-small", e, t), children: [
   n && /* @__PURE__ */ s.jsx("p", { className: "title", children: n }),
   typeof r == "string" ? /* @__PURE__ */ s.jsx(
     nt,
     {
       options: {
-        wrapper: N.Fragment,
+        wrapper: D.Fragment,
         forceBlock: !0,
         overrides: jn
       },
@@ -1651,8 +1687,8 @@ const zs = ({ 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 = ne(null), [o, a] = F(""), [u, l] = F("closed");
+const bo = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children: i }) => {
+  const c = N(), d = ne(null), [o, a] = F(""), [u, l] = F("closed");
   X(() => {
     const p = d.current;
     if (p)
@@ -1694,20 +1730,20 @@ const xo = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
       }
     ) })
   ] });
-}, Ws = () => N.Fragment, Vs = ({ children: e }) => /* @__PURE__ */ s.jsx(Ee, { variant: "secondary", children: e }), Ys = ["span", "strong", "h1", "h2", "h3", "h4", "h5", "h6", "p"], Gs = ({ children: e }) => {
-  const t = A();
+}, Vs = () => D.Fragment, Ys = ({ children: e }) => /* @__PURE__ */ s.jsx(Ee, { 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 Mt.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 Mt.toArray(c.props.children))
-            if (!(!d || typeof d == "string" || typeof d == "number") && N.isValidElement(d)) {
+            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:
 }, rn = (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 Mt.toArray(e))
-    if (!(!c || typeof c == "string" || typeof c == "number") && N.isValidElement(c)) {
+    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" || rn(c.props.children[0]) === "button") && (i = !0), r = c.props.children[0]; r && typeof r != "string" && !(typeof r == "boolean" || typeof r == "number" || !N.isValidElement(r)); )
+        for ((d === "button" || rn(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 && rn(r) === "button" && (i = !0);
           else
             break;
     }
   return i ? (n = { ...n, className: "button primary medium" }, /* @__PURE__ */ s.jsx("p", { className: "center", children: /* @__PURE__ */ s.jsx(J, { variant: "primary", size: "medium", ...n, children: r }) })) : /* @__PURE__ */ s.jsx("a", { ...n, children: r });
-}, Ks = ({ children: e }) => /* @__PURE__ */ s.jsx("span", { children: e });
+}, qs = ({ children: e }) => /* @__PURE__ */ s.jsx("span", { children: e });
 const on = ({ 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: kn,
       TextBox: Ee,
-      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: Ws,
-      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(nt, { options: { ...r, ...t }, children: n }) });
 };
-const qs = ({ size: e = "medium", variant: t = "default", className: n = "", children: r }) => /* @__PURE__ */ s.jsx("span", { className: S("pill", e, t, n), children: r });
-const Pt = ({ element: e = "p", children: t = null, className: n = "", ...r }) => N.createElement(e, { ...r, className: S("status-banner text-small", n), "aria-live": "assertive" }, t);
-const 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 Pt = ({ 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(le, { children: t ? `${e} ${t}` : r.formatMessage({ id: "progressBar" }, { number: e }) }) });
-}, tr = Ne(er);
-const _t = "loadingBlock_", nr = ({ progress: e = 0, steps: t = !1, className: n = "" }) => {
-  const r = A();
+}, nr = De(tr);
+const _t = "loadingBlock_", sr = ({ progress: e = 0, steps: t = !1, className: n = "" }) => {
+  const r = N();
   t || (t = {
     0: { text: r.formatMessage({ id: `${_t}loading` }) },
     75: { text: r.formatMessage({ id: `${_t}almostDone` }) },
@@ -1806,7 +1848,7 @@ const _t = "loadingBlock_", nr = ({ progress: e = 0, steps: t = !1, className: n
   const c = Object.keys(t);
   for (let o = 0; o < c.length && !(e < parseInt(c[o])); o++)
     i = c[o];
-  const d = i && t[i].icon ? { "--icon": `url(${Nt}icons/${t[i].icon}.svg)` } : {};
+  const d = i && t[i].icon ? { "--icon": `url(${Dt}icons/${t[i].icon}.svg)` } : {};
   return /* @__PURE__ */ s.jsxs(
     Ee,
     {
@@ -1815,22 +1857,33 @@ const _t = "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 = Ne(nr);
+}, vo = De(sr);
 const je = ({ element: e = "div", className: t = "", ...n }) => /* @__PURE__ */ s.jsx(gn, { element: e, className: S("loading-placeholder", t), ...n });
 const Rt = {
   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"]
-}, yn = (e, t) => e in Rt ? /* @__PURE__ */ s.jsx("div", { className: e, children: Rt[e].map((n, r) => yn(n, r)) }, t) : /* @__PURE__ */ s.jsx(je, { className: e }, t), sr = ({ layout: e = "overview-page" }) => /* @__PURE__ */ s.jsx("div", { className: S("loading-state", e), children: Rt[e].map((t, n) => yn(t, n)) }), En = (e) => {
+  carousel: ["cards", "controls"],
+  "carousel-with-title": ["title", "cards", "controls"],
+  "overview-page": [
+    "header",
+    "sidebar",
+    "title",
+    "text",
+    "cards-section",
+    "cards-section",
+    "footer"
+  ]
+}, yn = (e, t) => e in Rt ? /* @__PURE__ */ s.jsx("div", { className: e, children: Rt[e].map((n, r) => yn(n, r)) }, t) : /* @__PURE__ */ s.jsx(je, { className: e }, t), rr = ({ layout: e = "overview-page", ...t }) => /* @__PURE__ */ s.jsx("div", { className: S("loading-state", e), ...t, children: Rt[e].map((n, r) => yn(n, r)) }), En = (e) => {
   const t = e && e.toUpperCase().split(" ");
   return Array.isArray(t) && t.length > 1 && t[0] !== "" ? t[1] === "" ? t[0][0] : t[0][0] + t[t.length - 1][0] : e ? e.substr(0, 1) : "";
-}, ze = ["#5AB6A3", "#A2D7AF", "#806056", "#3962B3"], rr = (e) => {
+}, ze = ["#5AB6A3", "#A2D7AF", "#806056", "#3962B3"], or = (e) => {
   const t = Math.ceil(26 / ze.length), n = En(e).toLowerCase();
   if (n === "")
     return ze[0];
@@ -1839,7 +1892,15 @@ const Rt = {
     if (r <= t * (i + 1))
       return ze[i];
 };
-const an = 256, Ot = ({ className: e = "", src: t = "", name: n, alt: r, width: i = an, height: c = an, ...d }) => {
+const an = 256, Ot = ({
+  className: e = "",
+  src: t = "",
+  name: n,
+  alt: r,
+  width: i = an,
+  height: c = an,
+  ...d
+}) => {
   const [o, a] = F(!1), u = ne(null);
   X(() => {
     const f = u.current;
@@ -1849,25 +1910,32 @@ const an = 256, Ot = ({ className: e = "", src: t = "", name: n, alt: r, width:
     if (!h)
       return;
     const p = i, _ = c;
-    typeof window < "u" && window.devicePixelRatio && (f.width = p * window.devicePixelRatio, f.height = _ * window.devicePixelRatio, h.scale(window.devicePixelRatio, window.devicePixelRatio)), h.fillStyle = rr(n), h.fillRect(0, 0, p, _), h.font = `${p / 3}px Arial`, h.textAlign = "center", h.fillStyle = "white", h.fillText(En(n), p / 2, _ / 1.6);
+    typeof window < "u" && window.devicePixelRatio && (f.width = p * window.devicePixelRatio, f.height = _ * window.devicePixelRatio, h.scale(window.devicePixelRatio, window.devicePixelRatio)), h.fillStyle = or(n), h.fillRect(0, 0, p, _), h.font = `${p / 3}px Arial`, h.textAlign = "center", h.fillStyle = "white", h.fillText(En(n), p / 2, _ / 1.6);
   }, [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 }) });
+  );
 }, Sn = (e) => e === "apolitical" ? {
-  image: `${Nt}logos/member_apolitical.svg`
+  image: `${Dt}logos/member_apolitical.svg`
 } : e === "community" || typeof e == "object" && !e.name ? {
-  image: `${Nt}logos/member_community.svg`
+  image: `${Dt}logos/member_community.svg`
 } : {
   name: e.name,
   role: e.jobTitle || "",
@@ -1875,7 +1943,7 @@ const an = 256, Ot = ({ 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 Bt = ({
   gtmType: i = "member-click",
   className: c = ""
 }) => {
-  const d = A(), o = Sn(t);
+  const d = N(), o = Sn(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(
       at,
@@ -1928,31 +1996,58 @@ const Bt = ({
 const ln = {
   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 = "" } = Sn(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 = "" } = Sn(f);
           if (d)
-            return /* @__PURE__ */ s.jsx(je, { element: "li", className: "contributor" }, f);
-          h = /* @__PURE__ */ s.jsx(Ot, { name: _, src: j, width: ln[i || "medium"], height: ln[i || "medium"] });
-        } 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(je, { element: "li", className: "contributor" }, h);
+          p = /* @__PURE__ */ s.jsx(
+            Ot,
+            {
+              name: j,
+              src: g,
+              width: ln[i || "medium"],
+              height: ln[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]}` }) : tt(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]}` }) : tt(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 ln = {
     e && /* @__PURE__ */ s.jsx(ms, { initialIsOpen: !1 })
   ] });
 };
-var lr = Ft({ client: Xe });
-function cr(e) {
+var cr = Ft({ client: Xe });
+function dr(e) {
   var t = e.children, n = e.client, r = e.apiKey, i = e.options, c = et(function() {
     return n && r && console.warn("[PostHog.js] You have provided both a client and an apiKey to PostHogProvider. The apiKey will be ignored in favour of the client."), n && i && console.warn("[PostHog.js] You have provided both a client and options to PostHogProvider. The options will be ignored in favour of the client."), n || (r && (Xe.__loaded && console.warn("[PostHog.js] was already loaded elsewhere. This may cause issues."), Xe.init(r, i)), Xe);
   }, [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,22 +2087,22 @@ 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 });
-}, Se = Ft(null), mr = ({ children: e, user: t }) => /* @__PURE__ */ s.jsx(Se.Provider, { value: t, children: e }), vo = ({ bootstrap: e, children: t, intl: n }) => {
+}, Se = Ft(null), fr = ({ children: e, user: t }) => /* @__PURE__ */ s.jsx(Se.Provider, { value: t, children: e }), wo = ({ bootstrap: e, children: t, intl: n }) => {
   const [r, i] = F({ isLoading: !0 });
   return X(() => {
     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 xt = "joinCommunityButton", Tn = ({ isMember: e = !1, isShort: t = !1, functions: { join: n, leave: r } = { join: () => {
 }, leave: () => {
 } } }) => {
-  const i = A(), c = ge(Se), d = c && typeof c.id == "string", [o, a] = F(e), [u, l] = F(e ? "joined" : "notJoined");
+  const i = N(), c = ge(Se), d = c && typeof c.id == "string", [o, a] = F(e), [u, l] = F(e ? "joined" : "notJoined");
   X(() => {
     u === "joining" ? l("joined") : u === "leaving" && l("notJoined");
   }, [o]);
@@ -2029,16 +2124,16 @@ const xt = "joinCommunityButton", Tn = ({ isMember: e = !1, isShort: t = !1, fun
     }
   );
 };
-const bt = "communityDetails_", wo = ({
+const bt = "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(De, {}),
+    /* @__PURE__ */ s.jsx(Ae, {}),
     /* @__PURE__ */ s.jsxs("div", { className: "member-details", children: [
       /* @__PURE__ */ s.jsxs("div", { className: "top", children: [
         /* @__PURE__ */ s.jsxs("h3", { children: [
@@ -2048,7 +2143,7 @@ const bt = "communityDetails_", wo = ({
         /* @__PURE__ */ s.jsx("p", { className: "text-small", children: /* @__PURE__ */ s.jsx("a", { href: `/communities/${n}/members`, children: o.formatMessage({ id: `${bt}viewAll` }) }) })
       ] }),
       /* @__PURE__ */ s.jsx(
-        ar,
+        ir,
         {
           contributors: {
             total: r,
@@ -2076,12 +2171,12 @@ const bt = "communityDetails_", wo = ({
     )
   ] });
 };
-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(le, { 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] = F(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] = F(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 vt = { en: "English", es: "Español", fr: "Français", pt: "Português" }, We = "languageSwitcher_", yo = ({
+const vt = { en: "English", es: "Español", fr: "Français", pt: "Português" }, We = "languageSwitcher_", Eo = ({
   currentLanguage: e,
   isOriginalLanguage: t = !1,
   isHumanTranslation: n = !1,
@@ -2138,7 +2233,7 @@ const vt = { en: "English", es: "Español", fr: "Français", pt: "Português" },
   label: o,
   className: a = ""
 }) => {
-  const u = A(), [l, f] = F(e);
+  const u = N(), [l, f] = F(e);
   if (X(() => {
     e !== l && f(e);
   }, [e]), !r || !Object.values(r).some((j) => j && j.post_name))
@@ -2153,7 +2248,7 @@ const vt = { en: "English", es: "Español", fr: "Français", pt: "Português" },
         let g = { className: j };
         return l === j ? g["aria-label"] = u.formatMessage({ id: `${We}selected` }, { language: vt[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 vt = { en: "English", es: "Español", fr: "Français", pt: "Português" },
     })
   ] });
 };
-const wt = cs({ locale: "en", messages: Lt }), hr = ({
+const wt = cs({ locale: "en", messages: Lt }), pr = ({
   page: e = 1,
   length: t = 0,
   limit: n = 10,
@@ -2218,13 +2313,13 @@ const wt = cs({ locale: "en", messages: Lt }), hr = ({
   ] });
 };
 let Ve = !1;
-const pr = ({ element: e = "div", id: t = "more-menu", options: n, className: r = "" }) => {
-  const i = A(), c = ne(null), [d, o] = F(!1), a = (u) => {
+const gr = ({ element: e = "div", id: t = "more-menu", options: n, className: r = "" }) => {
+  const i = N(), c = ne(null), [d, o] = F(!1), a = (u) => {
     c.current && u.target instanceof HTMLElement && !c.current.contains(u.target) && o(!1);
   };
   return X(() => (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 $n = ({ variant: e = "default", version: t = "default", className: n = "", ...r }) => /* @__PURE__ */ s.jsx("p", { className: "logo-wrapper", children: /* @__PURE__ */ s.jsx("a", { href: "/home/", className: S("logo", e, t, n), ...r, children: /* @__PURE__ */ s.jsx(le, { children: /* @__PURE__ */ s.jsx(ye, { id: "apolitical" }) }) }) });
-const 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 = rt(!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 kt = "cookieBanner_", jt = ["apol-cookie-banner", "apolitical-performance-cookie-consent", "functional-cookie-consent"], yt = new Date(Date.now() + 12 * 30 * 24 * 60 * 60 * 1e3), _r = () => {
-  const e = A(), [t, n, r] = fs(jt), [i, c] = F(!t["apol-cookie-banner"]), d = () => {
+const kt = "cookieBanner_", jt = ["apol-cookie-banner", "apolitical-performance-cookie-consent", "functional-cookie-consent"], yt = new Date(Date.now() + 12 * 30 * 24 * 60 * 60 * 1e3), xr = () => {
+  const e = N(), [t, n, r] = fs(jt), [i, c] = F(!t["apol-cookie-banner"]), d = () => {
     jt.forEach((l) => {
       n(l, !0, {
         path: "/",
@@ -2492,8 +2592,8 @@ const Me = "footer_", Ze = "SiteFooter", cn = ({ group: e }) => {
     /* @__PURE__ */ s.jsx("small", { children: /* @__PURE__ */ s.jsx(ye, { id: `${Me}copyright`, values: { currentYear: (/* @__PURE__ */ new Date()).getFullYear() } }) })
   ] })
 ] }) });
-const Ye = "emailHelperTextBox_", So = ({ type: e, email: t, redirectPath: n, resendVerificationCode: r }) => {
-  const i = A(), [c, d] = F({ path: `${Ye}default`, type: "default", link: {}, mail: {}, error: "" }), [o, a] = F(!1), u = ke(
+const Ye = "emailHelperTextBox_", To = ({ type: e, email: t, redirectPath: n, resendVerificationCode: r }) => {
+  const i = N(), [c, d] = F({ path: `${Ye}default`, type: "default", link: {}, mail: {}, error: "" }), [o, a] = F(!1), u = ke(
     (p) => {
       p.preventDefault(), p.stopPropagation();
       const _ = (j) => {
@@ -2592,7 +2692,7 @@ const Ye = "emailHelperTextBox_", So = ({ type: e, email: t, redirectPath: n, re
   const l = {};
   return ["link", "mail"].forEach((p) => {
     l[p] = Object.keys(c[p]).length ? (_) => /* @__PURE__ */ s.jsx("a", { ...c[p], children: _ }) : (_) => _;
-  }), /* @__PURE__ */ s.jsx(zs, { type: c.type, heading: o ? !1 : i.formatMessage({ id: `${c.path}_title` }), children: o ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+  }), /* @__PURE__ */ s.jsx(Ws, { type: c.type, heading: o ? !1 : i.formatMessage({ id: `${c.path}_title` }), children: o ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     /* @__PURE__ */ s.jsx(je, { element: "span" }),
     /* @__PURE__ */ s.jsx(je, { element: "span" })
   ] }) : (
@@ -2614,20 +2714,20 @@ const Ye = "emailHelperTextBox_", So = ({ type: e, email: t, redirectPath: n, re
     )
   ) });
 };
-const Ge = "passwordRules_", Cn = "isMoreThanEightCharacters", Dn = "includesNumberAndSymbol", Nn = "includesLowerAndUppercase", xr = {
+const Ge = "passwordRules_", Cn = "isMoreThanEightCharacters", An = "includesNumberAndSymbol", Dn = "includesLowerAndUppercase", br = {
   [Cn]: "8Characters",
-  [Dn]: "numberSymbol",
-  [Nn]: "lowercaseUppercase"
-}, br = ({ matchingRules: e = { isMoreThanEightCharacters: !1, includesNumberAndSymbol: !1, includesLowerAndUppercase: !1 }, className: t = "" }) => {
-  const n = A();
+  [An]: "numberSymbol",
+  [Dn]: "lowercaseUppercase"
+}, vr = ({ 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: `${Ge}intro` }) }),
-    /* @__PURE__ */ s.jsx("ul", { children: [Cn, Dn, Nn].map((r) => /* @__PURE__ */ s.jsxs("li", { className: S({ matches: e[r] }), children: [
+    /* @__PURE__ */ s.jsx("ul", { children: [Cn, An, Dn].map((r) => /* @__PURE__ */ s.jsxs("li", { className: S({ matches: e[r] }), children: [
       /* @__PURE__ */ s.jsxs(le, { children: [
         n.formatMessage({ id: `${Ge}rule_label` }),
         " "
       ] }),
-      /* @__PURE__ */ s.jsx("span", { children: n.formatMessage({ id: `${Ge}rule_${xr[r]}` }) }),
+      /* @__PURE__ */ s.jsx("span", { children: n.formatMessage({ id: `${Ge}rule_${br[r]}` }) }),
       !e[r] && /* @__PURE__ */ s.jsxs(le, { element: "strong", children: [
         " ",
         " ",
@@ -2635,8 +2735,8 @@ const Ge = "passwordRules_", Cn = "isMoreThanEightCharacters", Dn = "includesNum
       ] })
     ] }, `rule-${r}`)) })
   ] });
-}, To = Ne(br);
-const $o = ({
+}, $o = De(vr);
+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] = F({ setUp: !1, id: null, rating: null, disabled: !0 }), l = async () => {
+  const o = N(), [a, u] = F({ 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 }));
@@ -2696,7 +2796,7 @@ const $o = ({
     }) })
   ] });
 };
-const vr = ({
+const wr = ({
   id: e = "search",
   className: t = "",
   handleToggle: n = !1,
@@ -2704,7 +2804,7 @@ const vr = ({
   gtmContext: i = "search-bar",
   gtmEvent: c = "form-submission"
 }) => {
-  const { searchIsOpen: d = !0, isDesktopVersion: o = !1 } = n || {}, a = A(), u = ne(null);
+  const { searchIsOpen: d = !0, isDesktopVersion: o = !1 } = n || {}, a = N(), u = ne(null);
   Ce(() => {
     !n || o || !d || u.current && u.current.focus();
   }, [d]);
@@ -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] = F([]), [h, p] = F(!0), [_, j] = F(u), { formatMessage: g } = A(), E = async (M) => {
+  const [l, f] = F([]), [h, p] = F(!0), [_, j] = F(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(De, {}),
+    /* @__PURE__ */ s.jsx(Ae, {}),
     /* @__PURE__ */ s.jsx("div", { className: "footer", children: _ === "SUCCESS" ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
       /* @__PURE__ */ s.jsx(J, { variant: "secondary", onClick: k, children: g({ id: "inviteForm_ctaSendMoreInvites" }) }),
       /* @__PURE__ */ s.jsx(J, { onClick: T, children: g({ id: "inviteForm_ctaDone" }) })
@@ -2836,7 +2936,7 @@ const wr = ({
             }
           )
         ] }),
-        /* @__PURE__ */ s.jsx(De, {}),
+        /* @__PURE__ */ s.jsx(Ae, {}),
         /* @__PURE__ */ s.jsx("fieldset", { className: "footer", children: /* @__PURE__ */ s.jsx(J, { className: "sendEmailsButton", disabled: h, children: n }) })
       ]
     }
@@ -3026,7 +3126,7 @@ const wr = ({
   },
   doTrack: c = null
 }) => {
-  const d = A(), o = hn(Ke, e);
+  const d = N(), o = hn(Ke, 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 ? J : "a", h, d.formatMessage({ id: f })) : d.formatMessage({ id: f }),
+    h ? D.createElement(l ? J : "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 }, An = () => {
-  const e = A(), t = ge(Se), n = rt(!0, !0), r = t && typeof t.id == "string", i = et(
+const jr = { height: 67, height_desktop: 83 }, Nn = () => {
+  const e = N(), t = ge(Se), n = rt(!0, !0), r = t && typeof t.id == "string", i = et(
     () => H.getIsDesktopVersion(r, n),
     [r, n]
   ), [c, d] = rs($s, {
@@ -3111,7 +3211,7 @@ const kr = { height: 67, height_desktop: 83 }, An = () => {
     }
   }), { 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 || H.shouldChangeHeaderIsVisible(!0, a, d);
@@ -3141,111 +3241,155 @@ const kr = { height: 67, height_desktop: 83 }, An = () => {
       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(le, { element: "a", href: "#content-of-page", children: e.formatMessage({ id: "header_skip" }) }),
-      /* @__PURE__ */ s.jsx($n, {}),
-      !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(le, { 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: Ke.order.map((h) => /* @__PURE__ */ s.jsx(
-            qe,
+    /* @__PURE__ */ s.jsxs(
+      "nav",
+      {
+        id: "header",
+        className: S({
+          "logged-in": r,
+          "logged-out": !r,
+          visible: o
+        }),
+        children: [
+          /* @__PURE__ */ s.jsx(
+            le,
             {
-              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(le, { 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) => H.events.onClick(h, { id: "account", callback: l, isOpen: a.account }),
-          onMouseEnter: () => H.events.onMouseEnter({ id: "account", callback: l }),
-          onMouseLeave: () => H.events.onBlur({ id: "account", callback: l }),
-          "aria-haspopup": "true",
-          "aria-expanded": a.account,
-          "aria-controls": "navigation",
-          children: [
-            /* @__PURE__ */ s.jsx(le, { children: e.formatMessage({ id: `header_account_${a.account ? "hide" : "show"}` }) }),
-            /* @__PURE__ */ s.jsx(Ot, { name: t && t.name || "", src: t && t.image && t.image.thumbnail || "" })
-          ]
-        }
-      ) : /* @__PURE__ */ s.jsx("ul", { className: "sign-in-buttons", children: Ke.buttons.order.map((h) => /* @__PURE__ */ s.jsx(qe, { id: `buttons.${h}` }, h)) })
-    ] }),
+              element: "a",
+              href: "#content-of-page",
+              children: e.formatMessage({ id: "header_skip" })
+            }
+          ),
+          /* @__PURE__ */ s.jsx($n, {}),
+          !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(le, { 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: Ke.order.map((h) => /* @__PURE__ */ s.jsx(
+                qe,
+                {
+                  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(
+                le,
+                {
+                  children: e.formatMessage({
+                    id: `header_search_${a.search ? "hide" : "show"}`
+                  })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ s.jsx(
+            wr,
+            {
+              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) => H.events.onClick(h, {
+                id: "account",
+                callback: l,
+                isOpen: a.account
+              }),
+              onMouseEnter: () => H.events.onMouseEnter({ id: "account", callback: l }),
+              onMouseLeave: () => H.events.onBlur({ id: "account", callback: l }),
+              "aria-haspopup": "true",
+              "aria-expanded": a.account,
+              "aria-controls": "navigation",
+              children: [
+                /* @__PURE__ */ s.jsx(le, { children: e.formatMessage({
+                  id: `header_account_${a.account ? "hide" : "show"}`
+                }) }),
+                /* @__PURE__ */ s.jsx(
+                  Ot,
+                  {
+                    name: t && t.name || "",
+                    src: t && t.image && t.image.thumbnail || ""
+                  }
+                )
+              ]
+            }
+          ) : /* @__PURE__ */ s.jsx("ul", { className: "sign-in-buttons", children: Ke.buttons.order.map((h) => /* @__PURE__ */ s.jsx(qe, { 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(An, {}),
+    /* @__PURE__ */ s.jsx(Nn, {}),
     /* @__PURE__ */ s.jsx("div", { id: "content", children: /* @__PURE__ */ s.jsx(it, { variant: "error", text: e.formatMessage({ id: "pageLayout_error" }) }) }),
     /* @__PURE__ */ s.jsx(Mn, {})
   ] });
-}, 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();
   X(() => {
     window.scrollTo(0, 0);
   }, [d]);
   const o = vn(e, { locale: c });
-  return /* @__PURE__ */ s.jsx(gs, { onError: t, fallback: /* @__PURE__ */ s.jsx(jr, {}), children: /* @__PURE__ */ s.jsx(os, { fallback: /* @__PURE__ */ s.jsx(sr, { layout: "overview-page" }), children: /* @__PURE__ */ s.jsx("div", { id: "wrapper", className: S(i, { [r]: r !== "default" }), children: /* @__PURE__ */ s.jsxs(hs, { children: [
-    /* @__PURE__ */ s.jsx(An, {}),
+  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(Nn, {}),
     /* @__PURE__ */ s.jsx("div", { id: "content", children: o }),
     n && /* @__PURE__ */ s.jsx(Mn, {}),
-    /* @__PURE__ */ s.jsx(_r, {})
+    /* @__PURE__ */ s.jsx(xr, {})
   ] }) }) }) });
 }, dn = {
   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 = Et.topic[e.replace("topic_", "")], e) {
@@ -3278,7 +3422,7 @@ const jr = () => {
     return Et[e] ? (e = Et[e], { id: e, text: `${dn.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(Bt, { 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 me = "discussion_form_", Pn = ({
   gtmContext: a = "DiscussionForm"
 }) => {
   var b, Q;
-  const u = A(), l = ge(Se), [f, h] = F(
+  const u = N(), l = ge(Se), [f, h] = F(
     n.isEditing && n.isEditing.text || ""
   ), [p, _] = F(d.error || !1), [j, g] = F(!1), E = ne(null);
   if (r || (r = E), n.isLoading)
@@ -3436,7 +3580,7 @@ const me = "discussion_form_", Pn = ({
         default:
           break;
       }
-      await Ds(1e3), o.callback && await o.callback(O), Je = setTimeout(() => {
+      await As(1e3), o.callback && await o.callback(O), Je = setTimeout(() => {
         h(""), g("submitted"), C();
       }, 500);
     } catch (O) {
@@ -3458,7 +3602,7 @@ const me = "discussion_form_", Pn = ({
     Je = setTimeout(() => {
       _(!1), g(!1);
     }, 5e3);
-  }, I = !f || !Ls(f), V = j === "submitting", x = [];
+  }, I = !f || !Os(f), V = j === "submitting", x = [];
   return (n.isEditing && !V || d.cancel) && x.push({
     variant: "secondary",
     size: { mobile: "small", 600: "medium" },
@@ -3576,16 +3720,16 @@ const me = "discussion_form_", Pn = ({
       create: t
     }
   }
-), Er = {
+), Sr = {
   showThread: !1,
   showForm: !1
-}, lt = Ft(Er), Sr = ({ children: e }) => {
+}, lt = Ft(Sr), Tr = ({ children: e }) => {
   const [t, n] = F({
     showThread: !1,
     showForm: !1
   });
   return /* @__PURE__ */ s.jsx(lt.Provider, { value: { ...t, updateConversation: n }, children: e });
-}, Tr = ({
+}, $r = ({
   question: e,
   answer: t,
   reply: n
@@ -3593,11 +3737,11 @@ const me = "discussion_form_", Pn = ({
   ...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 Be = !1;
 const St = () => {
   Be !== !1 && (clearTimeout(Be), Be = !1);
-}, Tt = 10, Mr = ({
+}, Tt = 10, Cr = ({
   element: e = "div",
   likes: t = 0,
   peopleWhoLiked: n = !1,
@@ -3609,11 +3753,11 @@ const St = () => {
   }, deleteLike: a = () => {
   } } = {}
 }) => {
-  const u = A();
+  const u = N();
   X(() => {
     p(i);
   }, [i]);
-  const [l, f] = F(t), [h, p] = F(i), [_, j] = F(!1), [g, E] = F(!1), k = et(() => $r(n, Tt), [n]), T = (C) => {
+  const [l, f] = F(t), [h, p] = F(i), [_, j] = F(!1), [g, E] = F(!1), k = et(() => Mr(n, Tt), [n]), T = (C) => {
     if (C.preventDefault(), C.stopPropagation(), E(!1), Be)
       return St(), !1;
     if (St(), _ || !d)
@@ -3626,7 +3770,7 @@ const St = () => {
     C < 0 && (C = 0), j(!0), f(C), p(!h);
     try {
       if (c && c.slugs) {
-        const I = Tr(c.slugs);
+        const I = $r(c.slugs);
         h ? await a(I) : await o(I, { contentPath: window.location.pathname });
       }
     } catch {
@@ -3635,7 +3779,7 @@ const St = () => {
       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 St = () => {
           }
         ),
         /* @__PURE__ */ s.jsx("span", { className: S("number-of-likes", { "no-likes": l === 0 }), "data-testid": "number-of-likes", children: u.formatMessage({ id: `discussion_likes${r ? "_short" : ""}` }, { number: l }) }),
-        n && /* @__PURE__ */ s.jsx(Hs, { isOpen: g, isLoading: n.length === 0, children: n.length && /* @__PURE__ */ s.jsxs("ul", { children: [
+        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(at, { href: C.id ? `/profiles/${C.id}` : void 0, gtmContext: "Likes", gtmType: "liked-name-click", children: C.name }) }, C.id || window.btoa(C.name))),
           n.length > Tt && /* @__PURE__ */ s.jsx("li", { children: u.formatMessage({ id: "discussion_likes_more" }, { number: n.length - Tt }) })
         ] }) })
@@ -3680,7 +3824,7 @@ const St = () => {
     }
   );
 };
-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 Rn = ({
   className: l = "",
   gtmContext: f = "Modal"
 }) => {
-  const h = A(), [p, _] = F(t), j = (E) => {
+  const h = N(), [p, _] = F(t), j = (E) => {
     _(E), E ? (i(), document.body.classList.add("has-overlay")) : (c(), document.body.classList.remove("has-overlay"));
   };
   X(() => {
@@ -3711,7 +3855,7 @@ const Rn = ({
   }, [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 Rn = ({
             }
           )
         ] }),
-        n && /* @__PURE__ */ s.jsx(De, {}),
+        n && /* @__PURE__ */ s.jsx(Ae, {}),
         a,
         u && /* @__PURE__ */ s.jsxs("div", { className: "bottom", children: [
-          /* @__PURE__ */ s.jsx(De, {}),
+          /* @__PURE__ */ s.jsx(Ae, {}),
           /* @__PURE__ */ s.jsx(ot, { buttons: u })
         ] }),
         d && /* @__PURE__ */ s.jsx(Pt, { 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,
@@ -3813,7 +3957,7 @@ const ve = "discussion_", Nr = 280, ct = ({
   children: _,
   isTruncated: j = !1
 }) => {
-  const g = A(), E = ge(Se), k = ge(lt), [T, M] = F({
+  const g = N(), E = ge(Se), k = ge(lt), [T, M] = F({
     body: t && t.body || "",
     isEditing: !1,
     didEdit: t && t.isEdited || !1
@@ -3886,7 +4030,7 @@ const ve = "discussion_", Nr = 280, ct = ({
       "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: [
@@ -3949,13 +4093,13 @@ const ve = "discussion_", Nr = 280, ct = ({
                 className: "gtm-trackable",
                 "data-gtm-event-context": p,
                 "data-gtm-event-type": "title-click",
-                children: /* @__PURE__ */ s.jsx(on, { options: { overrides: { a: Ks } }, children: W })
+                children: /* @__PURE__ */ s.jsx(on, { options: { overrides: { a: qs } }, children: W })
               }
             ) : /* @__PURE__ */ s.jsx(
               on,
               {
                 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 ve = "discussion_", Nr = 280, ct = ({
                 "data-testid": `${t.type}-actions`,
                 children: [
                   /* @__PURE__ */ s.jsx(
-                    Mr,
+                    Cr,
                     {
                       element: "li",
                       likes: L,
@@ -4028,7 +4172,7 @@ const ve = "discussion_", Nr = 280, ct = ({
                     }
                   ) }),
                   /* @__PURE__ */ s.jsx(
-                    pr,
+                    gr,
                     {
                       element: "li",
                       id: `more-${t.slug}`,
@@ -4094,15 +4238,15 @@ const ve = "discussion_", Nr = 280, ct = ({
     ] })
   });
 };
-const $t = "discussion_responses_", Ao = ({ type: e = "answer", responses: t = 0 }) => {
-  const n = A();
+const $t = "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: `${$t}title` }, { action: n.formatMessage({ id: `${$t}${e}` }), count: t }) }),
     t === 0 && /* @__PURE__ */ s.jsx("p", { children: pe(n.formatMessage, `${$t}empty`, e, e) })
   ] });
 };
-const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
-  const r = A(), i = ne(null), c = ge(lt), [d, o] = F(
+const Pr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
+  const r = N(), i = ne(null), c = ge(lt), [d, o] = F(
     "closed"
     /* Closed */
   );
@@ -4167,7 +4311,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
       }
     )
   ] });
-}, Pr = ({
+}, Rr = ({
   user: e,
   content: t,
   verb: n = "post"
@@ -4188,7 +4332,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     like: 0
   },
   verb: n
-}), Rr = ({
+}), Fr = ({
   queryClient: e,
   queryKey: t,
   user: n,
@@ -4196,7 +4340,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 };
@@ -4204,7 +4348,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
@@ -4226,7 +4370,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   onSettled: () => {
     e.invalidateQueries({ queryKey: t });
   }
-}), Lr = ({
+}), Or = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4249,7 +4393,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,
@@ -4283,13 +4427,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 = st(), h = ge(Se), {
+  const l = N(), f = st(), h = ge(Se), {
     data: p,
     error: _,
     isLoading: j,
@@ -4297,24 +4441,24 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   } = fn({
     queryKey: [e, t],
     queryFn: r
-  }), E = Rr({
+  }), E = Fr({
     queryClient: f,
     queryKey: [e, t],
     user: h,
     mutationFn: i
-  }), { mutate: k } = de(E), T = Fr({
+  }), { mutate: k } = de(E), T = Lr({
     queryClient: f,
     queryKey: [e, t],
     mutationFn: async (w) => await c(w)
   }), {
     mutate: M
-  } = de(T), C = Lr({
+  } = de(T), C = Or({
     queryClient: f,
     queryKey: [e, t],
     mutationFn: d
   }), {
     mutate: I
-  } = de(C), V = Or({
+  } = de(C), V = Br({
     queryClient: f,
     queryKey: [e, t],
     user: h,
@@ -4403,11 +4547,11 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
             isTruncated: !0
           }
         ),
-        /* @__PURE__ */ s.jsx(De, {})
+        /* @__PURE__ */ s.jsx(Ae, {})
       ] }, w == null ? void 0 : w.id);
     }))
   ] });
-}, Br = ({
+}, Ir = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4426,7 +4570,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
@@ -4452,7 +4596,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
@@ -4479,7 +4623,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,
@@ -4518,7 +4662,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     ...u,
     latest_reactions: { reply: l }
   })), { previousActivity: u };
-} }), Ur = ({
+} }), zr = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4541,7 +4685,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   onSettled: () => {
     e.invalidateQueries({ queryKey: t });
   }
-}), zr = ({
+}), Wr = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4599,7 +4743,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     ...a,
     latest_reactions: { reply: u }
   })), { previousActivity: a };
-} }), Wr = ({
+} }), Vr = ({
   basePath: e,
   parentId: t,
   replyParentId: n,
@@ -4608,11 +4752,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 = st(), _ = ge(lt), j = Ur({
+  const h = N(), p = st(), _ = ge(lt), j = zr({
     queryClient: p,
     queryKey: [e, t, r],
     mutationFn: async (b) => d({ replyId: n, content: b.body })
-  }), { mutate: g } = de(j), E = zr({
+  }), { mutate: g } = de(j), E = Wr({
     queryClient: p,
     queryKey: [e, t, r],
     mutationFn: o
@@ -4638,7 +4782,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     [I]
   );
   return /* @__PURE__ */ s.jsx(
-    Ar,
+    Pr,
     {
       count: i,
       showRepliesButton: i > 0 || _.showForm,
@@ -4713,7 +4857,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
       ] })
     }
   );
-}, Vr = ({
+}, Yr = ({
   basePath: e,
   parentId: t,
   activityId: n,
@@ -4721,23 +4865,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 = st(), p = ge(Se), _ = Br({
+  const f = N(), h = st(), p = ge(Se), _ = Ir({
     queryClient: h,
     queryKey: [e, t, n],
     mutationFn: async (x) => c({ activityId: n, content: x.body })
-  }), { mutate: j } = de(_), g = Ir({
+  }), { mutate: j } = de(_), g = Hr({
     queryClient: h,
     queryKey: [e, t, n],
     mutationFn: async (x) => d(x)
   }), {
     mutate: E
-  } = de(g), k = Hr({
+  } = de(g), k = Qr({
     queryClient: h,
     queryKey: [e, t, n],
     mutationFn: o
   }), {
     mutate: T
-  } = de(k), M = Qr({
+  } = de(k), M = Ur({
     queryClient: h,
     queryKey: [e, t, n],
     user: p,
@@ -4769,7 +4913,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     (r == null ? void 0 : r.length) === 0 || (r == null ? void 0 : r.map((x) => {
       var w, Y, L, O, U, W, Z, re, oe, ae, ie, se, P, te, G, K, ue, fe;
       const b = ((w = x == null ? void 0 : x.user) == null ? void 0 : w.id) === (p == null ? void 0 : p.id), Q = Ht(i, b);
-      return /* @__PURE__ */ s.jsx(Sr, { children: /* @__PURE__ */ s.jsx(
+      return /* @__PURE__ */ s.jsx(Tr, { children: /* @__PURE__ */ s.jsx(
         ct,
         {
           content: {
@@ -4804,15 +4948,15 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
             likes: {
               createLike: () => I({ replyId: x == null ? void 0 : x.id }),
               deleteLike: () => {
-                var xe, Ie, Ae;
-                const _e = ((xe = x == null ? void 0 : x.own_children) == null ? void 0 : xe.like) && ((Ae = (Ie = x == null ? void 0 : x.own_children) == null ? void 0 : Ie.like[0]) == null ? void 0 : Ae.id);
+                var xe, Ie, Ne;
+                const _e = ((xe = x == null ? void 0 : x.own_children) == null ? void 0 : xe.like) && ((Ne = (Ie = x == null ? void 0 : x.own_children) == null ? void 0 : Ie.like[0]) == null ? void 0 : Ne.id);
                 return V({ replyId: _e || "" });
               }
             },
             comments: {}
           },
           children: /* @__PURE__ */ s.jsx(
-            Wr,
+            Vr,
             {
               basePath: e,
               parentId: t,
@@ -4836,7 +4980,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
@@ -4860,7 +5004,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   onSettled: () => {
     e.invalidateQueries({ queryKey: t });
   }
-}), Gr = ({
+}), Jr = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4880,7 +5024,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,
@@ -4913,7 +5057,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,
@@ -4940,19 +5084,19 @@ const Ro = ({
   } = fn({
     queryKey: [e, t, n],
     queryFn: i
-  }), M = Yr({
+  }), M = Gr({
     queryClient: j,
     queryKey: [e, t, n],
     mutationFn: async (G) => await c(G)
   }), {
     mutate: C
-  } = de(M), I = Gr({
+  } = de(M), I = Jr({
     queryClient: j,
     queryKey: [e, t, n],
     mutationFn: d
   }), {
     mutate: V
-  } = de(I), x = Jr({
+  } = de(I), x = Xr({
     queryClient: j,
     queryKey: [e, t, n],
     user: _,
@@ -5029,7 +5173,7 @@ const Ro = ({
           ")"
         ] }),
         /* @__PURE__ */ s.jsx(
-          Vr,
+          Yr,
           {
             basePath: e,
             parentId: t,
@@ -5050,7 +5194,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,
@@ -5058,85 +5202,85 @@ const Ro = ({
   image: { thumbnail: i }
 });
 export {
-  Nt as ASSETS_BUCKET,
-  Po as ActivitiesFeed,
-  Ro as ActivitySection,
+  Dt as ASSETS_BUCKET,
+  Ro as ActivitiesFeed,
+  Fo as ActivitySection,
   It as AddPost,
-  po as BannerSection,
-  ko as Breadcrumbs,
+  go as BannerSection,
+  jo as Breadcrumbs,
   J as Button,
   ot as ButtonWrapper,
-  ir as CacheProvider,
+  lr as CacheProvider,
   kn as CollapsibleSection,
-  Eo as Columns,
-  wo as CommunityDetails,
-  ar as Contributors,
+  So as Columns,
+  ko as CommunityDetails,
+  ir as Contributors,
   lt as ConversationContext,
-  _r as CookieBanner,
-  Sr as DiscussionConversation,
+  xr as CookieBanner,
+  Tr as DiscussionConversation,
   Pn as DiscussionForm,
-  Mr as DiscussionLikes,
+  Cr as DiscussionLikes,
   ct as DiscussionPost,
-  Ar as DiscussionThread,
-  De as Divider,
-  fo as DownloadSection,
+  Pr as DiscussionThread,
+  Ae as Divider,
+  ho as DownloadSection,
   Oe as EMAILS,
-  So as EmailHelperTextBox,
+  To as EmailHelperTextBox,
   it as EmptyStateBox,
-  jo as Filters,
-  dr as FlagsProvider,
+  yo as Filters,
+  ur as FlagsProvider,
   Mn as Footer,
   wn as FullWidthSection,
-  vo as GlobalProviders,
-  An as Header,
-  zs as HelperTextBox,
+  wo as GlobalProviders,
+  Nn as Header,
+  Ws as HelperTextBox,
   gn as HiddenFromScreenReaders,
-  xo as HideShowTextBox,
+  bo as HideShowTextBox,
   Ee as HighlightedTextBox,
-  ur as IntlProvider,
-  wr as InviteForm,
+  mr as IntlProvider,
+  kr as InviteForm,
   No as InviteModal,
   Tn as JoinButton,
-  yo as LanguageSwitcher,
+  Eo as LanguageSwitcher,
   at as Link,
-  hr as LoadMore,
-  bo as LoadingBlock,
+  pr as LoadMore,
+  vo as LoadingBlock,
   je as LoadingPlaceholder,
-  sr as LoadingState,
+  rr as LoadingState,
   $n as Logo,
-  ho as LogoSection,
+  po as LogoSection,
   on as MarkdownText,
-  go as MarketingBox,
+  _o as MarketingBox,
   Bt 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,
   Rn as Overlay,
-  Mo as PageLayout,
-  To as PasswordRules,
-  qs as Pill,
+  Co as PageLayout,
+  $o as PasswordRules,
+  er as Pill,
   Ot as ProfilePicture,
-  tr as ProgressBar,
-  $o as Rating,
-  Vr as RepliesFeed,
-  Ao as ResponsesHeading,
-  Is as ResponsiveImage,
-  vr as SearchForm,
-  Ks as Span,
+  nr as ProgressBar,
+  Mo as Rating,
+  Yr as RepliesFeed,
+  Po as ResponsesHeading,
+  Hs as ResponsiveImage,
+  wr as SearchForm,
+  qs as Span,
   Pt as StatusBanner,
-  Co as Tags,
-  Hs as Tooltip,
+  Ao as Tags,
+  Qs as Tooltip,
   Se as UserContext,
-  mr as UserProvider,
+  fr as UserProvider,
   le as VisuallyHidden,
   Dr as addAriaProps,
   Sn as getMember,
   Ke as headerData,
-  Fo as mapGetStreamData,
+  Lo as mapGetStreamData,
   Es as useCurrentPath,
   Ce as useEffectAfterMount,
-  rt as useScreenWidth,
+  rt as useElementWidth,
   Ts as useScrollListener,
-  mo as useScrollToHash
+  fo as useScrollToHash
 };