@apolitical/component-library 1.13.4-beta.1 → 1.13.4-beta.4

package/index.mjs

@@ -1,7 +1,7 @@
-import A, { memo as Ae, 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 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 as from "lodash.clonedeep";
 import is from "lodash.set";
-import { useIntl as N, IntlProvider as ls, createIntl as cs, FormattedMessage as ye } from "react-intl";
+import { useIntl as A, 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";
@@ -26,24 +26,24 @@ var pn = { exports: {} };
   (function() {
     var t = {}.hasOwnProperty;
     function n() {
-      for (var r = [], a = 0; a < arguments.length; a++) {
-        var l = arguments[a];
-        if (l) {
-          var d = typeof l;
+      for (var r = [], i = 0; i < arguments.length; i++) {
+        var c = arguments[i];
+        if (c) {
+          var d = typeof c;
           if (d === "string" || d === "number")
-            r.push(l);
-          else if (Array.isArray(l)) {
-            if (l.length) {
-              var o = n.apply(null, l);
+            r.push(c);
+          else if (Array.isArray(c)) {
+            if (c.length) {
+              var o = n.apply(null, c);
               o && r.push(o);
             }
           } else if (d === "object") {
-            if (l.toString !== Object.prototype.toString && !l.toString.toString().includes("[native code]")) {
-              r.push(l.toString());
+            if (c.toString !== Object.prototype.toString && !c.toString.toString().includes("[native code]")) {
+              r.push(c.toString());
               continue;
             }
-            for (var i in l)
-              t.call(l, i) && l[i] && r.push(i);
+            for (var a in c)
+              t.call(c, a) && c[a] && r.push(a);
           }
         }
       }
@@ -53,7 +53,7 @@ var pn = { exports: {} };
   })();
 })(pn);
 var vs = pn.exports;
-const E = /* @__PURE__ */ bs(vs), ws = ({ element: e = "span", showOnFocus: t = !0, children: n, ...r }) => A.createElement(e, { ...r, className: E("hidden", { "show-on-focus": t }), children: n }), le = Ae(ws), ks = ({ element: e = "span", children: t = null, ...n }) => A.createElement(e, { ...n, "aria-hidden": !0 }, t), gn = Ae(ks);
+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 = {};
 /**
  * @license React
@@ -69,16 +69,16 @@ function js() {
   if (tn)
     return Re;
   tn = 1;
-  var e = A, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, a = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function d(o, i, c) {
-    var u, f = {}, h = null, p = null;
-    c !== void 0 && (h = "" + c), i.key !== void 0 && (h = "" + i.key), i.ref !== void 0 && (p = i.ref);
-    for (u in i)
-      r.call(i, u) && !l.hasOwnProperty(u) && (f[u] = i[u]);
+  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 };
+  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);
+    for (l in a)
+      r.call(a, l) && !c.hasOwnProperty(l) && (f[l] = a[l]);
     if (o && o.defaultProps)
-      for (u in i = o.defaultProps, i)
-        f[u] === void 0 && (f[u] = i[u]);
-    return { $$typeof: t, type: o, key: h, ref: p, props: f, _owner: a.current };
+      for (l in a = o.defaultProps, a)
+        f[l] === void 0 && (f[l] = a[l]);
+    return { $$typeof: t, type: o, key: h, ref: p, props: f, _owner: i.current };
   }
   return Re.Fragment = n, Re.jsx = d, Re.jsxs = d, Re;
 }
@@ -95,14 +95,14 @@ var Fe = {};
 var nn;
 function ys() {
   return nn || (nn = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = A, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), o = Symbol.for("react.context"), i = Symbol.for("react.forward_ref"), c = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), _ = Symbol.iterator, j = "@@iterator";
+    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";
     function g(m) {
       if (m === null || typeof m != "object")
         return null;
       var v = _ && m[_] || m[j];
       return typeof v == "function" ? v : null;
     }
-    var S = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var E = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function k(m) {
       {
         for (var v = arguments.length, y = new Array(v > 1 ? v - 1 : 0), $ = 1; $ < v; $++)
@@ -112,7 +112,7 @@ function ys() {
     }
     function T(m, v, y) {
       {
-        var $ = S.ReactDebugCurrentFrame, B = $.getStackAddendum();
+        var $ = E.ReactDebugCurrentFrame, B = $.getStackAddendum();
         B !== "" && (v += "%s", y = y.concat([B]));
         var z = y.map(function(R) {
           return String(R);
@@ -123,7 +123,7 @@ function ys() {
     var M = !1, C = !1, I = !1, V = !1, x = !1, b;
     b = Symbol.for("react.module.reference");
     function Q(m) {
-      return !!(typeof m == "string" || typeof m == "function" || m === r || m === l || x || m === a || m === c || m === u || V || m === p || M || C || I || typeof m == "object" && m !== null && (m.$$typeof === h || m.$$typeof === f || m.$$typeof === d || m.$$typeof === o || m.$$typeof === i || // This needs to include all possible module reference object
+      return !!(typeof m == "string" || typeof m == "function" || m === r || m === c || x || m === i || m === u || m === l || V || m === p || M || C || I || typeof m == "object" && m !== null && (m.$$typeof === h || m.$$typeof === f || m.$$typeof === d || m.$$typeof === o || m.$$typeof === a || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -151,13 +151,13 @@ function ys() {
           return "Fragment";
         case n:
           return "Portal";
-        case l:
+        case c:
           return "Profiler";
-        case a:
+        case i:
           return "StrictMode";
-        case c:
-          return "Suspense";
         case u:
+          return "Suspense";
+        case l:
           return "SuspenseList";
       }
       if (typeof m == "object")
@@ -168,7 +168,7 @@ function ys() {
           case d:
             var y = m;
             return Y(y._context) + ".Provider";
-          case i:
+          case a:
             return w(m, m.render, "ForwardRef");
           case f:
             var $ = m.displayName || null;
@@ -246,7 +246,7 @@ function ys() {
         U < 0 && k("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var K = S.ReactCurrentDispatcher, ue;
+    var K = E.ReactCurrentDispatcher, ue;
     function fe(m, v, y) {
       {
         if (ue === void 0)
@@ -265,7 +265,7 @@ function ys() {
       var Ie = typeof WeakMap == "function" ? WeakMap : Map;
       xe = new Ie();
     }
-    function Ne(m, v) {
+    function Ae(m, v) {
       if (!m || _e)
         return "";
       {
@@ -337,7 +337,7 @@ function ys() {
       return typeof m == "function" && xe.set(m, en), en;
     }
     function Fn(m, v, y) {
-      return Ne(m, !1);
+      return Ae(m, !1);
     }
     function Ln(m) {
       var v = m.prototype;
@@ -347,18 +347,18 @@ function ys() {
       if (m == null)
         return "";
       if (typeof m == "function")
-        return Ne(m, Ln(m));
+        return Ae(m, Ln(m));
       if (typeof m == "string")
         return fe(m);
       switch (m) {
-        case c:
-          return fe("Suspense");
         case u:
+          return fe("Suspense");
+        case l:
           return fe("SuspenseList");
       }
       if (typeof m == "object")
         switch (m.$$typeof) {
-          case i:
+          case a:
             return Fn(m.render);
           case f:
             return He(m.type, v, y);
@@ -372,7 +372,7 @@ function ys() {
         }
       return "";
     }
-    var Qe = Object.prototype.hasOwnProperty, Qt = {}, Ut = S.ReactDebugCurrentFrame;
+    var Qe = Object.prototype.hasOwnProperty, Qt = {}, Ut = E.ReactDebugCurrentFrame;
     function Ue(m) {
       if (m) {
         var v = m._owner, y = He(m.type, m._source, v ? v.type : null);
@@ -423,7 +423,7 @@ function ys() {
       if (Hn(m))
         return k("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", In(m)), zt(m);
     }
-    var Pe = S.ReactCurrentOwner, Qn = {
+    var Pe = E.ReactCurrentOwner, Qn = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -521,7 +521,7 @@ function ys() {
         return Gn(m, D, ce, B, $, Pe.current, R);
       }
     }
-    var mt = S.ReactCurrentOwner, Gt = S.ReactDebugCurrentFrame;
+    var mt = E.ReactCurrentOwner, Gt = E.ReactDebugCurrentFrame;
     function Te(m) {
       if (m) {
         var v = m._owner, y = He(m.type, m._source, v ? v.type : null);
@@ -610,7 +610,7 @@ Check the top-level render call using <` + y + ">.");
         var y;
         if (typeof v == "function")
           y = v.propTypes;
-        else if (typeof v == "object" && (v.$$typeof === i || // Note: Memo only checks outer props here.
+        else if (typeof v == "object" && (v.$$typeof === a || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         v.$$typeof === f))
           y = v.propTypes;
@@ -696,9 +696,9 @@ const Es = () => {
   }, t);
 };
 function Ss(e, t, n) {
-  var r = this, a = ne(null), l = ne(0), d = ne(null), o = ne([]), i = ne(), c = ne(), u = ne(e), f = ne(!0);
+  var r = this, i = ne(null), c = ne(0), d = ne(null), o = ne([]), a = ne(), u = ne(), l = ne(e), f = ne(!0);
   X(function() {
-    u.current = e;
+    l.current = e;
   }, [e]);
   var h = !t && t !== 0 && typeof window < "u";
   if (typeof e != "function")
@@ -710,67 +710,67 @@ function Ss(e, t, n) {
       f.current = !1;
     };
   }, []);
-  var S = et(function() {
+  var E = et(function() {
     var k = function(x) {
-      var b = o.current, Q = i.current;
-      return o.current = i.current = null, l.current = x, c.current = u.current.apply(Q, b);
+      var b = o.current, Q = a.current;
+      return o.current = a.current = null, c.current = x, u.current = l.current.apply(Q, b);
     }, T = function(x, b) {
       h && cancelAnimationFrame(d.current), d.current = h ? requestAnimationFrame(x) : setTimeout(x, b);
     }, M = function(x) {
       if (!f.current)
         return !1;
-      var b = x - a.current;
-      return !a.current || b >= t || b < 0 || j && x - l.current >= g;
+      var b = x - i.current;
+      return !i.current || b >= t || b < 0 || j && x - c.current >= g;
     }, C = function(x) {
-      return d.current = null, _ && o.current ? k(x) : (o.current = i.current = null, c.current);
+      return d.current = null, _ && o.current ? k(x) : (o.current = a.current = null, u.current);
     }, I = function x() {
       var b = Date.now();
       if (M(b))
         return C(b);
       if (f.current) {
-        var Q = t - (b - a.current), w = j ? Math.min(Q, g - (b - l.current)) : Q;
+        var Q = t - (b - i.current), w = j ? Math.min(Q, g - (b - c.current)) : Q;
         T(x, w);
       }
     }, V = function() {
       var x = Date.now(), b = M(x);
-      if (o.current = [].slice.call(arguments), i.current = r, a.current = x, b) {
+      if (o.current = [].slice.call(arguments), a.current = r, i.current = x, b) {
         if (!d.current && f.current)
-          return l.current = a.current, T(I, t), p ? k(a.current) : c.current;
+          return c.current = i.current, T(I, t), p ? k(i.current) : u.current;
         if (j)
-          return T(I, t), k(a.current);
+          return T(I, t), k(i.current);
       }
-      return d.current || T(I, t), c.current;
+      return d.current || T(I, t), u.current;
     };
     return V.cancel = function() {
-      d.current && (h ? cancelAnimationFrame(d.current) : clearTimeout(d.current)), l.current = 0, o.current = a.current = i.current = d.current = null;
+      d.current && (h ? cancelAnimationFrame(d.current) : clearTimeout(d.current)), c.current = 0, o.current = i.current = a.current = d.current = null;
     }, V.isPending = function() {
       return !!d.current;
     }, V.flush = function() {
-      return d.current ? C(Date.now()) : c.current;
+      return d.current ? C(Date.now()) : u.current;
     }, V;
   }, [p, j, t, g, _, h]);
-  return S;
+  return E;
 }
 function _n(e, t, n) {
-  var r = n === void 0 ? {} : n, a = r.leading, l = r.trailing;
-  return Ss(e, t, { maxWait: t, leading: a === void 0 || a, trailing: l === void 0 || l });
+  var r = n === void 0 ? {} : n, i = r.leading, c = r.trailing;
+  return Ss(e, t, { maxWait: t, leading: i === void 0 || i, trailing: c === void 0 || c });
 }
 let pt;
 const rt = (e = !0, t = !1) => {
   if (!e)
     return;
-  const [n, r] = A.useState(0) || [!1, () => {
+  const [n, r] = N.useState(0) || [!1, () => {
   }];
-  X(() => (l(), window.addEventListener("resize", d), () => {
+  X(() => (c(), window.addEventListener("resize", d), () => {
     clearTimeout(pt), d.flush(), window.removeEventListener("resize", d);
   }), []);
-  const a = () => window.innerWidth, l = () => {
-    r(a());
+  const i = () => window.innerWidth, c = () => {
+    r(i());
   }, d = _n(
     () => {
-      a() !== n && (t && (clearTimeout(pt), document.body.classList.add("is-resizing"), pt = setTimeout(() => {
+      i() !== n && (t && (clearTimeout(pt), document.body.classList.add("is-resizing"), pt = setTimeout(() => {
         document.body.classList.remove("is-resizing");
-      }, 550)), l());
+      }, 550)), c());
     },
     500,
     { leading: !0 }
@@ -787,23 +787,23 @@ const rt = (e = !0, t = !1) => {
 }) => {
   if (!window)
     return;
-  const [a, l] = A.useState({ current: 0, past: 0 }) || [!1, () => {
-  }], [d, o] = A.useState({ scrollDown: !1, scrollUp: !1 }) || [!1, () => {
+  const [i, c] = N.useState({ current: 0, past: 0 }) || [!1, () => {
+  }], [d, o] = N.useState({ scrollDown: !1, scrollUp: !1 }) || [!1, () => {
   }];
-  X(() => (i(), window.addEventListener("scroll", c), () => {
-    c.flush(), window.removeEventListener("scroll", c);
+  X(() => (a(), window.addEventListener("scroll", u), () => {
+    u.flush(), window.removeEventListener("scroll", u);
   }), []);
-  const i = () => {
-    const u = window.scrollY, f = a.current, h = u - f, p = h > 0 ? "down" : "up";
-    if (l({ current: u, past: f }), p === "down") {
-      u >= e + t.down && !d.scrollDown && (!d.scrollUp || h > t.up) && (n(), o({ scrollUp: !1, scrollDown: !0 }));
+  const a = () => {
+    const l = window.scrollY, f = i.current, h = l - f, p = h > 0 ? "down" : "up";
+    if (c({ current: l, past: f }), p === "down") {
+      l >= e + t.down && !d.scrollDown && (!d.scrollUp || h > t.up) && (n(), o({ scrollUp: !1, scrollDown: !0 }));
       return;
     }
     Math.abs(h) >= t.up && !d.scrollUp && (r(), o({ scrollUp: !0, scrollDown: !1 }));
-  }, c = _n(() => {
-    i();
+  }, u = _n(() => {
+    a();
   }, 250);
-  return a;
+  return i;
 }, mo = (e = [], t = !0) => {
   e = Array.isArray(e) ? e : [e];
   const n = ne(!1);
@@ -818,8 +818,8 @@ const rt = (e = !0, t = !1) => {
 }, $s = (e, t) => {
   Array.isArray(t) || (t = [t]);
   const n = as(e);
-  return t.forEach(({ type: r, value: a }) => {
-    is(n, r, a);
+  return t.forEach(({ type: r, value: i }) => {
+    is(n, r, i);
   }), n;
 }, xn = (e) => {
   const t = [];
@@ -829,11 +829,11 @@ const rt = (e = !0, t = !1) => {
   }), t.sort((n, r) => n - r);
 }, bn = (e, t, n) => {
   let r = n.mobile;
-  for (const a in t) {
-    const l = parseInt(String(t[a]));
-    if (e >= l)
-      r = n[l];
-    else if (e < l)
+  for (const i in t) {
+    const c = parseInt(String(t[i]));
+    if (e >= c)
+      r = n[c];
+    else if (e < c)
       break;
   }
   return r;
@@ -843,19 +843,19 @@ const rt = (e = !0, t = !1) => {
   month: "short",
   year: "numeric"
 }), Cs = (e) => {
-  let l;
+  let c;
   try {
-    l = (/* @__PURE__ */ new Date()).getTime() - new Date(e).getTime();
+    c = (/* @__PURE__ */ new Date()).getTime() - new Date(e).getTime();
   } catch {
     return "";
   }
-  const d = l / 36e5, o = Math.floor(l / 864e5);
+  const d = c / 36e5, o = Math.floor(c / 864e5);
   if (o < 1)
     return d < 1 ? { path: "now" } : { path: "hours", number: Math.floor(d) };
   if (o < 7)
     return { path: "days", number: o };
-  const i = Math.floor(o / 7);
-  return i <= 52 ? { path: "weeks", number: i } : { path: "years", number: Math.floor(o / 365) };
+  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 = {
   apolitical: "Apolitical",
   breadcrumbs_label: "Go back to:",
@@ -1139,13 +1139,13 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   sharedLinks_copy_text: "Copy link",
   tags_community: "From the community",
   tooltip_loading: "Loading..."
-}, As = {
+}, Ns = {
   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>"
-}, Ns = {
+}, As = {
   collapsibleSection_summary: "En savoir plus",
   languageSwitcher_label: "Je voudrais lire cet article dans...",
   languageSwitcher_translation_original: "langue originale",
@@ -1161,96 +1161,96 @@ Thank you for helping to protect the Apolitical community from abusive content.`
 }, Rs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   en: Lt,
-  es: As,
-  fr: Ns,
+  es: Ns,
+  fr: As,
   pt: Ps
-}, Symbol.toStringTag, { value: "Module" })), pe = (e, t, n, r, a = {}) => {
-  let l = "";
-  return `${t}_${n}` in Lt ? l = e({ id: `${t}_${n}` }, a) : l = e({ id: t }, { [r]: n, ...a }), l;
+}, Symbol.toStringTag, { value: "Module" })), 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) => {
   if (!e || e === 0)
     return "0";
   t || (t = 0), n || (n = ["k", "m", "b", "t"]);
   let r = e.toString();
   t = Math.pow(10, t);
-  for (let a = n.length - 1; a >= 0; a--) {
-    const l = Math.pow(10, (a + 1) * 3);
-    if (l <= e) {
-      e = Math.round(e * t / l) / t, e === 1e3 && a < n.length - 1 && (e = 1, a++), r = `${e}${n[a]}`;
+  for (let i = n.length - 1; i >= 0; i--) {
+    const c = Math.pow(10, (i + 1) * 3);
+    if (c <= e) {
+      e = Math.round(e * t / c) / t, e === 1e3 && i < n.length - 1 && (e = 1, i++), r = `${e}${n[i]}`;
       break;
     }
   }
   return r;
-}, vn = (e, t) => A.Children.map(e, (n) => A.cloneElement(n, {
+}, vn = (e, t) => N.Children.map(e, (n) => N.cloneElement(n, {
   ...t
 })), Ls = (e) => e.replace(/\s+/g, "").length > 0, J = ({
   variant: e = "primary",
   size: t = "medium",
   styling: n = { muted: !1, fullWidth: !1 },
   icon: r = !1,
-  href: a = !1,
-  element: l = "button",
+  href: i = !1,
+  element: c = "button",
   onClick: d = !1,
   className: o = "",
-  disabled: i = !1,
-  screenreaderText: c = !1,
-  children: u = !1,
+  disabled: a = !1,
+  screenreaderText: u = !1,
+  children: l = !1,
   ...f
 }) => {
   const p = rt(typeof t == "object");
   if (typeof t == "object" && typeof p == "number") {
-    const g = Object.assign({}, t), S = xn(Object.keys(g));
-    t = bn(p, S, g);
+    const g = Object.assign({}, t), E = xn(Object.keys(g));
+    t = bn(p, E, g);
   }
   const _ = [];
   typeof t == "string" && _.push(t), r && (_.push("icon"), typeof r == "object" ? (_.push(r.icon), r.position ? _.push(r.position) : _.push("left"), r.hover && _.push(`hover_${r.hover}`), r.animate && (_.push("animate"), typeof r.animate == "string" && _.push(r.animate))) : (_.push(r), !r.includes("right") && !r.includes("left") && _.push("left"))), n.muted && _.push("muted"), n.fullWidth && _.push("full-width");
   const j = {
     ...f,
-    className: E(e, o, _, {
-      "no-text": !u,
-      disabled: i,
-      button: a
+    className: S(e, o, _, {
+      "no-text": !l,
+      disabled: a,
+      button: i
     }),
     onClick: (g) => {
-      (!a || a[0] === "#") && d && (g.preventDefault(), g.stopPropagation()), d && d(g);
+      (!i || i[0] === "#") && d && (g.preventDefault(), g.stopPropagation()), d && d(g);
     },
-    disabled: typeof i == "object" && "isClickable" in i ? !i.isClickable : i
+    disabled: typeof a == "object" && "isClickable" in a ? !a.isClickable : a
   };
-  return a && (l = "a", j.href = a), A.createElement(
-    l,
+  return i && (c = "a", j.href = i), N.createElement(
+    c,
     j,
-    u || (c ? /* @__PURE__ */ s.jsx(le, { showOnFocus: !1, children: c }) : null)
+    l || (u ? /* @__PURE__ */ s.jsx(le, { showOnFocus: !1, children: u }) : null)
   );
 }, ot = ({ buttons: e, className: t = "", ...n }) => {
-  const r = e.length > 1 ? "ul" : "p", a = e.map((l, d) => r === "p" ? /* @__PURE__ */ s.jsx(J, { ...l }, d) : /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(J, { ...l }) }, d));
-  return A.createElement(r, { className: E("button-wrapper", t), ...n, children: a });
+  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 });
 };
-const De = ({ maxWidth: e = !1 }) => {
-  const t = e ? { "--max-width": `${e / 16}rem` } : {};
-  return /* @__PURE__ */ s.jsx("hr", { className: E({ "has-max-width": e }), style: t });
+const De = ({ 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 = ({
   href: e,
   children: t,
   fallbackElement: n,
   className: r = "",
-  onClick: a,
-  gtmContext: l,
+  onClick: i,
+  gtmContext: c,
   gtmType: d,
   ...o
 }) => {
   if (e) {
-    const i = { ...o };
-    return a && (i.onClick = a), l && (i["data-gtm-event-context"] = l), d && (i["data-gtm-event-type"] = d), /* @__PURE__ */ s.jsx(
+    const a = { ...o };
+    return i && (a.onClick = i), c && (a["data-gtm-event-context"] = c), d && (a["data-gtm-event-type"] = d), /* @__PURE__ */ s.jsx(
       "a",
       {
         href: e,
-        className: E("gtm-trackable", r),
-        ...i,
+        className: S("gtm-trackable", r),
+        ...a,
         children: t
       }
     );
   }
-  return n ? A.createElement(n, { children: t, className: r, ...o }) : t;
+  return n ? N.createElement(n, { children: t, className: r, ...o }) : t;
 }, sn = {
   card: {
     range: [
@@ -1359,31 +1359,31 @@ const De = ({ maxWidth: e = !1 }) => {
   range: t,
   sizes: n
 }) => {
-  const { range: r, sizes: a } = e ? sn[e] : sn.fallback;
-  return { range: t && t.length > 0 ? t : r, sizes: n || a };
+  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 }) => {
-  let a = `w=${r}&h=${t}`;
-  return a = e ? `${a}&fm=${e}` : a, a = n ? `${a}&${n}` : a, a;
-}, gt = ({ format: e, range: t, url: n, query: r }) => t.map(({ height: a, width: l }) => `${n}?${Bs({
+  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({
   format: e,
-  height: a,
+  height: i,
   query: r,
-  width: l
-})} ${l}w`).join(", ");
+  width: c
+})} ${c}w`).join(", ");
 const Is = ({ image: e, className: t, testId: n }) => {
   const {
     description: r,
-    height: a,
-    type: l,
+    height: i,
+    type: c,
     query: d,
     url: o,
-    width: i,
-    loading: c,
-    decoding: u,
+    width: a,
+    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 });
   return /* @__PURE__ */ s.jsxs("picture", { className: t, children: [
-    l !== "image/gif" && /* @__PURE__ */ s.jsx(
+    c !== "image/gif" && /* @__PURE__ */ s.jsx(
       "source",
       {
         type: "image/avif",
@@ -1408,11 +1408,11 @@ const Is = ({ image: e, className: t, testId: n }) => {
         sizes: p,
         src: o,
         alt: r,
-        loading: c || "lazy",
-        decoding: u || "async",
+        loading: u || "lazy",
+        decoding: l || "async",
         fetchpriority: f || "auto",
-        width: i,
-        height: a,
+        width: a,
+        height: i,
         "data-testid": n || "image"
       }
     )
@@ -1420,41 +1420,41 @@ const Is = ({ image: e, className: t, testId: n }) => {
 };
 let Le = !1;
 const Hs = ({ isOpen: e = !1, isLoading: t = !1, children: n }) => {
-  const r = N(), a = ne(null), [l, d] = F("hidden");
+  const r = A(), i = ne(null), [c, d] = F("hidden");
   X(() => {
-    const i = a.current;
-    if (i)
-      return i.addEventListener("transitionend", o), () => {
-        i.removeEventListener("transitionend", o);
+    const a = i.current;
+    if (a)
+      return a.addEventListener("transitionend", o), () => {
+        a.removeEventListener("transitionend", o);
       };
   }, []);
-  const o = ({ propertyName: i }) => {
-    i === "opacity" && (Le !== !1 && clearTimeout(Le), d((c) => c === "opening" ? "open" : c === "closing" ? "closed" : c === "closed" ? "hidden" : c));
+  const o = ({ propertyName: a }) => {
+    a === "opacity" && (Le !== !1 && clearTimeout(Le), d((u) => u === "opening" ? "open" : u === "closing" ? "closed" : u === "closed" ? "hidden" : u));
   };
   return Ce(() => {
     Le !== !1 && clearTimeout(Le);
-    let i = "open";
-    e ? d("opening") : (d("closing"), i = "hidden"), Le = setTimeout(() => {
-      d(i);
+    let a = "open";
+    e ? d("opening") : (d("closing"), a = "hidden"), Le = setTimeout(() => {
+      d(a);
     }, 300);
-  }, [e]), /* @__PURE__ */ s.jsx("aside", { ref: a, className: E("tooltip text-medium", l, { loading: t }), hidden: l === "hidden", children: t ? /* @__PURE__ */ s.jsx("p", { children: r.formatMessage({ id: "tooltip_loading" }) }) : typeof n == "string" ? /* @__PURE__ */ s.jsx("p", { children: n }) : 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: E("full-width-section", t), ...n, children: e });
+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 r = [];
-  return t.forEach((a) => {
+  return t.forEach((i) => {
     r.push({
-      href: a.link,
+      href: i.link,
       variant: "secondary",
       size: { mobile: "medium", 1024: "large" },
       className: "gtm-trackable",
       "data-gtm-event-type": "download-click",
-      "data-gtm-event-context": a.eventContext || "Download",
+      "data-gtm-event-context": i.eventContext || "Download",
       target: "_blank",
-      children: a.text
+      children: i.text
     });
-  }), /* @__PURE__ */ s.jsx(wn, { className: E("download-section", n), children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    A.createElement(typeof e == "string" ? "h2" : e.element, { className: "text" }, typeof e == "string" ? e : e.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),
     /* @__PURE__ */ s.jsx(ot, { buttons: r })
   ] }) });
 };
@@ -1462,26 +1462,26 @@ const ho = ({ title: e = !1, logos: t = [], className: n = "" }) => {
   const r = t.length;
   if (r === 0)
     return null;
-  const a = {
+  const i = {
     element: typeof e == "object" ? e.element : "h2",
     text: typeof e == "string" ? e : typeof e == "object" ? e.text : ""
   };
-  return /* @__PURE__ */ s.jsxs("div", { className: E("logos", n), children: [
-    e && A.createElement(a.element, { className: "title" }, a.text),
+  return /* @__PURE__ */ s.jsxs("div", { className: S("logos", n), children: [
+    e && N.createElement(i.element, { className: "title" }, i.text),
     /* @__PURE__ */ s.jsx(
       "ul",
       {
-        className: E({ "two-col": r === 2 || r === 4, "three-col": r === 5 || r <= 10 && r % 3 === 0 }),
+        className: S({ "two-col": r === 2 || r === 4, "three-col": r === 5 || r <= 10 && r % 3 === 0 }),
         children: t.map(
-          ({ logo: l, nameOfBusiness: d, link: o = !1, description: i = !1 }, c) => {
-            if (!l || !l.url)
+          ({ logo: c, nameOfBusiness: d, link: o = !1, description: a = !1 }, u) => {
+            if (!c || !c.url)
               return null;
-            const u = /* @__PURE__ */ s.jsx(
+            const l = /* @__PURE__ */ s.jsx(
               "img",
               {
-                src: l.url,
-                width: l.width || "auto",
-                height: l.height || "auto",
+                src: c.url,
+                width: c.width || "auto",
+                height: c.height || "auto",
                 alt: d
               }
             );
@@ -1492,11 +1492,11 @@ const ho = ({ title: e = !1, logos: t = [], className: n = "" }) => {
                   href: o,
                   target: "_blank",
                   rel: "nofollow noreferrer noopener",
-                  children: u
+                  children: l
                 }
-              ) : u }),
-              i && /* @__PURE__ */ s.jsx("small", { children: i })
-            ] }, window.btoa(`${l.url}_${c}`));
+              ) : l }),
+              a && /* @__PURE__ */ s.jsx("small", { children: a })
+            ] }, window.btoa(`${c.url}_${u}`));
           }
         )
       }
@@ -1517,68 +1517,88 @@ const Qs = [
   "h6",
   "blockquote",
   "q"
-], Us = ({ content: e, image: t, variant: n = "default", spacing: r = "normal", cta: a, children: l }) => {
-  const d = ["eyebrow", "title", "text"], o = { eyebrow: "small", title: "h1", text: "p" }, i = {};
-  return d.forEach((c) => {
-    if (!e[c]) {
-      i[c] = !1;
+], Us = ({
+  className: e = "",
+  content: t,
+  image: n,
+  variant: r = "default",
+  spacing: i = "normal",
+  cta: c,
+  children: d
+}) => {
+  const o = ["eyebrow", "title", "text"], a = { eyebrow: "small", title: "h1", text: "p" }, u = {};
+  return o.forEach((l) => {
+    if (!t[l]) {
+      u[l] = !1;
       return;
     }
-    if (typeof e[c] == "object") {
-      i[c] = e[c];
-      const { text: u, element: f } = e[c];
-      if (f && Qs.includes(f.toLowerCase()))
+    if (typeof t[l] == "object") {
+      u[l] = t[l];
+      const { text: f, element: h } = t[l];
+      if (h && Qs.includes(h.toLowerCase()))
         return;
-      i[c] = {
-        text: u,
-        element: o[c]
+      u[l] = {
+        text: f,
+        element: a[l]
       };
       return;
     }
-    i[c] = { text: e[c], element: o[c] };
-  }), a && a.link && a.link[0] === "#" && (a.props || (a.props = {}), a.props.onClick = (c) => {
-    c.preventDefault(), c.stopPropagation();
-    const u = document.getElementById(a.link.substring(1));
-    u && u.scrollIntoView({ behavior: "smooth" });
-  }), /* @__PURE__ */ s.jsx(wn, { className: E("banner-section", n, r, { "has-image": t, "has-extra-spacing": r === "normal" && i.eyebrow && i.title }), children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    /* @__PURE__ */ s.jsxs("div", { className: "content-wrapper", children: [
-      d.map((c) => {
-        if (i[c] && typeof i[c] == "object") {
-          const { text: u, element: f = "" } = i[c];
-          return A.createElement(
-            f.toLowerCase(),
-            { key: c, className: c },
-            u
-          );
-        }
-        return null;
+    u[l] = {
+      text: t[l],
+      element: a[l]
+    };
+  }), c && c.link && c.link[0] === "#" && (c.props || (c.props = {}), c.props.onClick = (l) => {
+    l.preventDefault(), l.stopPropagation();
+    const f = document.getElementById(c.link.substring(1));
+    f && f.scrollIntoView({ behavior: "smooth" });
+  }), /* @__PURE__ */ s.jsx(
+    wn,
+    {
+      className: S("banner-section", r, i, e, {
+        "has-image": n,
+        "has-extra-spacing": i === "normal" && u.eyebrow && u.title
       }),
-      l,
-      a && a.text && a.link && /* @__PURE__ */ s.jsx(
-        J,
-        {
-          variant: t || n === "light" ? "primary" : "secondary",
-          size: { mobile: "medium", 768: "large" },
-          href: a.link,
-          ...a.props,
-          children: a.text
-        }
-      )
-    ] }),
-    t && /* @__PURE__ */ s.jsx(Is, { image: { ...t, aspect: "banner" } })
-  ] }) });
-}, po = Ae(Us);
+      children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+        /* @__PURE__ */ s.jsxs("div", { className: "content-wrapper", children: [
+          o.map((l) => {
+            if (u[l] && typeof u[l] == "object") {
+              const { text: f, element: h = "" } = u[l];
+              return N.createElement(
+                h.toLowerCase(),
+                { key: l, className: l },
+                f
+              );
+            }
+            return null;
+          }),
+          d,
+          c && c.text && c.link && /* @__PURE__ */ s.jsx(
+            J,
+            {
+              variant: n || r === "light" ? "primary" : "secondary",
+              size: { mobile: "medium", 768: "large" },
+              href: c.link,
+              ...c.props,
+              children: c.text
+            }
+          )
+        ] }),
+        n && /* @__PURE__ */ s.jsx(Is, { image: { ...n, aspect: "banner" } })
+      ] })
+    }
+  );
+}, po = Ne(Us);
 const go = ({
   variant: e = "primary",
   button: t = null,
   title: n,
   text: r,
-  gtmContext: a
-}) => !n && !r ? null : /* @__PURE__ */ s.jsxs("aside", { className: E("marketing-block", e), children: [
+  gtmContext: i
+}) => !n && !r ? null : /* @__PURE__ */ s.jsxs("aside", { className: S("marketing-block", e), children: [
   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": a, "data-gtm-event-type": "learn-more-click", children: t.text })
-] }), At = "https://storage.googleapis.com/apolitical-assets/", Oe = {
+  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 = {
   general: "hello@apolitical.co",
   support: "concierge@apolitical.co",
   "data-protection": {
@@ -1587,43 +1607,43 @@ const go = ({
   }
 }, _o = "200,000+";
 const kn = ({ label: e = !1, className: t = "", children: n }) => {
-  const r = N();
-  return /* @__PURE__ */ s.jsxs("details", { className: E("collapsible-section", t), children: [
+  const r = A();
+  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: E("highlighted-text-box", e, t), ...r, 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 = "" }) => {
-  let a = n && !!Object.keys(n).length;
-  const l = typeof n == "object" && "breakpoints" in n, d = rt(l);
-  if (l && typeof n == "object" && typeof d == "number") {
+  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));
-    a = bn(d, h, f);
+    i = bn(d, h, f);
   }
-  const { breakpoints: o, text: i = "", component: c, ...u } = n;
-  return /* @__PURE__ */ s.jsx(Ee, { variant: "subtle", className: E("empty-state-box", e, r), children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+  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 }),
-    a && typeof n == "object" && (c || /* @__PURE__ */ s.jsx(
+    i && typeof n == "object" && (u || /* @__PURE__ */ s.jsx(
       J,
       {
-        ...u,
+        ...l,
         variant: n.variant ? n.variant : "secondary",
-        children: i
+        children: a
       }
     ))
   ] }) });
 };
-const Nt = ({ children: e, ...t }) => /* @__PURE__ */ s.jsx("p", { ...t, children: e }), jn = { q: Nt, blockquote: Nt };
+const At = ({ children: e, ...t }) => /* @__PURE__ */ s.jsx("p", { ...t, children: e }), jn = { q: At, blockquote: At };
 for (let e = 1; e <= 6; e++)
-  jn[`h${e}`] = { component: Nt, props: { className: "title" } };
-const zs = ({ type: e = "default", className: t = "", heading: n = !1, children: r }) => /* @__PURE__ */ s.jsxs("div", { className: E("helper-text-box text-small", e, t), children: [
+  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: [
   n && /* @__PURE__ */ s.jsx("p", { className: "title", children: n }),
   typeof r == "string" ? /* @__PURE__ */ s.jsx(
     nt,
     {
       options: {
-        wrapper: A.Fragment,
+        wrapper: N.Fragment,
         forceBlock: !0,
         overrides: jn
       },
@@ -1631,8 +1651,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: a }) => {
-  const l = N(), d = ne(null), [o, i] = F(""), [c, u] = F("closed");
+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");
   X(() => {
     const p = d.current;
     if (p)
@@ -1644,21 +1664,21 @@ const xo = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
       return;
     const p = r.split(`
 `);
-    i(p.length < 3 ? `${r.substring(0, 400)}...` : p.slice(0, 3).join(`
+    a(p.length < 3 ? `${r.substring(0, 400)}...` : p.slice(0, 3).join(`
 `));
   }, [r]), X(() => {
-    c === "ready-to-close" && u("closing");
-  }, [c]);
+    u === "ready-to-close" && l("closing");
+  }, [u]);
   const f = ({ propertyName: p }) => {
-    p === "max-height" && u((_) => _ === "opening" ? "open" : _ === "closing" ? "closed" : _);
+    p === "max-height" && l((_) => _ === "opening" ? "open" : _ === "closing" ? "closed" : _);
   };
   if (!r)
     return null;
-  const h = ["opening", "open"].includes(c);
-  return /* @__PURE__ */ s.jsxs(Ee, { variant: "subtle", className: E("hide-show-text-box", e), children: [
-    /* @__PURE__ */ s.jsxs("div", { ref: d, className: E("content", c), children: [
-      /* @__PURE__ */ s.jsx(nt, { options: { forceBlock: !0 }, children: c === "closed" ? o : r }),
-      c !== "closed" && a
+  const h = ["opening", "open"].includes(u);
+  return /* @__PURE__ */ s.jsxs(Ee, { variant: "subtle", className: S("hide-show-text-box", e), children: [
+    /* @__PURE__ */ s.jsxs("div", { ref: d, className: S("content", u), children: [
+      /* @__PURE__ */ s.jsx(nt, { options: { forceBlock: !0 }, children: u === "closed" ? o : r }),
+      u !== "closed" && i
     ] }),
     /* @__PURE__ */ s.jsx("p", { className: "cta", children: /* @__PURE__ */ s.jsx(
       J,
@@ -1666,26 +1686,26 @@ const xo = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
         variant: "tertiary",
         icon: { icon: "navigation_arrow", position: "left", animate: !0 },
         styling: { muted: !0 },
-        className: E({ "rotate-180": h }),
+        className: S({ "rotate-180": h }),
         onClick: () => {
-          u(h ? "ready-to-close" : "opening");
+          l(h ? "ready-to-close" : "opening");
         },
-        children: h ? n || l.formatMessage({ id: "hideShowTextBox_hide" }) : t || l.formatMessage({ id: "hideShowTextBox_show" })
+        children: h ? n || c.formatMessage({ id: "hideShowTextBox_hide" }) : t || c.formatMessage({ id: "hideShowTextBox_show" })
       }
     ) })
   ] });
-}, Ws = () => A.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 = N();
+}, 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();
   if (!e)
     return null;
   let n = t.formatMessage({ id: "markdown_collapsibleSection_summary" });
   const r = [];
-  for (const l of Mt.toArray(e))
-    if (!(!l || typeof l == "string" || typeof l == "number"))
-      if (A.isValidElement(l) && l.type === "summary") {
-        if (l.props && l.props.children) {
-          for (const d of Mt.toArray(l.props.children))
-            if (!(!d || typeof d == "string" || typeof d == "number") && A.isValidElement(d)) {
+  for (const c of Mt.toArray(e))
+    if (!(!c || typeof c == "string" || typeof c == "number"))
+      if (N.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)) {
               const o = d.type;
               if (Ys.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]); )
@@ -1695,14 +1715,14 @@ const xo = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
             }
         }
       } else
-        r.push(l);
-  const a = n ? n.toString() : "";
+        r.push(c);
+  const i = n ? n.toString() : "";
   return /* @__PURE__ */ s.jsx(
     kn,
     {
-      label: a,
-      className: ["Sources", "Resources"].includes(a) ? "discrete-links" : "",
-      children: r.map((l) => l)
+      label: i,
+      className: ["Sources", "Resources"].includes(i) ? "discrete-links" : "",
+      children: r.map((c) => c)
     }
   );
 }, Js = ({ children: e, ...t }) => {
@@ -1720,10 +1740,10 @@ const xo = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
     }
   return /* @__PURE__ */ s.jsx("div", { ...t, children: e });
 }, Xs = (e) => {
-  const t = N(), n = Date.now().toString();
+  const t = A(), n = Date.now().toString();
   let r = "default";
-  const a = e.src;
-  return a.includes("youtube") || a.includes("vimeo") ? r = "video" : a.includes("riddle") || a.includes("sli.do") ? r = "poll" : a.includes("padlet") && (r = "padlet"), /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+  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: [
     /* @__PURE__ */ s.jsx(le, { children: /* @__PURE__ */ s.jsx("a", { href: `#content-after-iframe-${n}`, children: t.formatMessage({ id: `markdown_skip${r === "default" ? "" : `_${r}`}` }) }) }),
     /* @__PURE__ */ s.jsx("iframe", { ...e, title: t.formatMessage({ id: `markdown_iframe${r === "default" ? "" : `_${r}`}` }) }),
     /* @__PURE__ */ s.jsx("span", { id: `content-after-iframe-${n}`, tabIndex: -1 })
@@ -1734,23 +1754,23 @@ const xo = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
 }, Zs = ({ children: e, ...t }) => {
   let n = { ...t };
   t.href && (t.href.includes("http:") || t.href.includes("https:")) && !t.target && (n.target = "_blank");
-  let r = e, a = !1;
-  for (const l of Mt.toArray(e))
-    if (!(!l || typeof l == "string" || typeof l == "number") && A.isValidElement(l)) {
-      const d = l.type;
-      if (["button", "center", "span", "strong"].includes(d) && l.props && l.props.children && l.props.children[0])
-        for ((d === "button" || rn(l.props.children[0]) === "button") && (a = !0), r = l.props.children[0]; r && typeof r != "string" && !(typeof r == "boolean" || typeof r == "number" || !A.isValidElement(r)); )
+  let r = e, i = !1;
+  for (const c of Mt.toArray(e))
+    if (!(!c || typeof c == "string" || typeof c == "number") && N.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)); )
           if (r.props && r.props.children && r.props.children[0])
-            r = r.props.children[0], r && rn(r) === "button" && (a = !0);
+            r = r.props.children[0], r && rn(r) === "button" && (i = !0);
           else
             break;
     }
-  return a ? (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 });
+  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 });
 const on = ({ className: e = "", options: t = {}, children: n }) => {
   n = n.replace(/^<br\/?>/, "");
   const r = {
-    wrapper: A.Fragment,
+    wrapper: N.Fragment,
     forceBlock: !0,
     overrides: {
       a: Zs,
@@ -1767,47 +1787,47 @@ const on = ({ className: e = "", options: t = {}, children: n }) => {
       iframe: Xs
     }
   };
-  return /* @__PURE__ */ s.jsx("div", { className: E("markdown-text", e), children: /* @__PURE__ */ s.jsx(nt, { options: { ...r, ...t }, children: n }) });
+  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: E("pill", e, t, n), children: r });
-const Pt = ({ element: e = "p", children: t = null, className: n = "", ...r }) => A.createElement(e, { ...r, className: E("status-banner text-small", n), "aria-live": "assertive" }, t);
+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 = N(), a = e > 75 ? 100 : e > 50 ? 75 : e > 25 ? 50 : e > 5 ? 25 : 0, l = { "--progress": `${e}%` };
-  return /* @__PURE__ */ s.jsx("span", { className: E(`progress-bar section-${a}`, n), style: l, children: /* @__PURE__ */ s.jsx(le, { children: t ? `${e} ${t}` : r.formatMessage({ id: "progressBar" }, { number: e }) }) });
-}, tr = Ae(er);
+  const r = A(), 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 = N();
+  const r = A();
   t || (t = {
     0: { text: r.formatMessage({ id: `${_t}loading` }) },
     75: { text: r.formatMessage({ id: `${_t}almostDone` }) },
     100: { text: r.formatMessage({ id: `${_t}complete` }) }
   });
-  let a = null;
-  const l = Object.keys(t);
-  for (let o = 0; o < l.length && !(e < parseInt(l[o])); o++)
-    a = l[o];
-  const d = a && t[a].icon ? { "--icon": `url(${At}icons/${t[a].icon}.svg)` } : {};
+  let i = null;
+  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)` } : {};
   return /* @__PURE__ */ s.jsxs(
     Ee,
     {
-      className: E("loading-block", n, { "has-icon": a && t[a].icon }),
+      className: S("loading-block", n, { "has-icon": i && t[i].icon }),
       variant: "subtle",
       style: d,
       children: [
-        a && /* @__PURE__ */ s.jsx("span", { className: "step", children: t[a].text }),
+        i && /* @__PURE__ */ s.jsx("span", { className: "step", children: t[i].text }),
         /* @__PURE__ */ s.jsx(tr, { progress: e })
       ]
     }
   );
-}, bo = Ae(nr);
-const je = ({ element: e = "div", className: t = "", ...n }) => /* @__PURE__ */ s.jsx(gn, { element: e, className: E("loading-placeholder", t), ...n });
+}, bo = Ne(nr);
+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"],
   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: E("loading-state", e), children: Rt[e].map((t, n) => yn(t, n)) }), En = (e) => {
+}, 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) => {
   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) => {
@@ -1815,39 +1835,39 @@ const Rt = {
   if (n === "")
     return ze[0];
   const r = n.charCodeAt(0) - 96;
-  for (let a = 0; a < ze.length; a++)
-    if (r <= t * (a + 1))
-      return ze[a];
+  for (let i = 0; i < ze.length; i++)
+    if (r <= t * (i + 1))
+      return ze[i];
 };
-const an = 256, Ot = ({ className: e = "", src: t = "", name: n, alt: r, width: a = an, height: l = an, ...d }) => {
-  const [o, i] = F(!1), c = ne(null);
+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 = c.current;
+    const f = u.current;
     if (!f)
       return;
     const h = f.getContext("2d");
     if (!h)
       return;
-    const p = a, _ = l;
+    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);
   }, [n]);
-  let u = !1;
-  return t && t !== "" && !o && (t.includes("http") || t.includes("//")) && (u = !0), /* @__PURE__ */ s.jsx("figure", { className: E("profile-picture", e, { error: o }), ...d, children: u ? /* @__PURE__ */ s.jsx(
+  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",
     {
       src: t,
       alt: r || n,
       onError: () => {
-        i(!0);
+        a(!0);
       },
-      width: a,
-      height: l
+      width: i,
+      height: c
     }
-  ) : /* @__PURE__ */ s.jsx("canvas", { ref: c }) });
+  ) : /* @__PURE__ */ s.jsx("canvas", { ref: u }) });
 }, Sn = (e) => e === "apolitical" ? {
-  image: `${At}logos/member_apolitical.svg`
+  image: `${Nt}logos/member_apolitical.svg`
 } : e === "community" || typeof e == "object" && !e.name ? {
-  image: `${At}logos/member_community.svg`
+  image: `${Nt}logos/member_community.svg`
 } : {
   name: e.name,
   role: e.jobTitle || "",
@@ -1861,39 +1881,39 @@ const an = 256, Ot = ({ className: e = "", src: t = "", name: n, alt: r, width:
   country: n = "",
   maximumCharacters: r = 80
 }) => {
-  const a = e !== "", l = t !== "", d = n !== "";
-  if (!a && !l && !d)
+  const i = e !== "", c = t !== "", d = n !== "";
+  if (!i && !c && !d)
     return "";
-  const o = `${e}${a && l ? ` — ${t}` : t}`;
-  let i = `${o}${(a || l) && d ? `, ${n}` : n}`;
-  return i.length > r && (i = o), i.length > r && (i = tt(i, r)), i;
+  const o = `${e}${i && c ? ` — ${t}` : t}`;
+  let a = `${o}${(i || c) && d ? `, ${n}` : n}`;
+  return a.length > r && (a = o), a.length > r && (a = tt(a, r)), a;
 };
 const Bt = ({
   element: e = "div",
   member: t = "community",
   additionalContent: n = !1,
   gtmContext: r = "member",
-  gtmType: a = "member-click",
-  className: l = ""
+  gtmType: i = "member-click",
+  className: c = ""
 }) => {
-  const d = N(), o = Sn(t);
+  const d = A(), o = Sn(t);
   o.name || (o.name = d.formatMessage({ id: `member_${typeof t == "string" ? t : "community"}` }));
-  const { name: i, url: c, image: u } = o, f = or(o), h = n && n.createdAt ? Cs(n.createdAt) : !1, p = n && n.createdAt ? Ms(n.createdAt) : "";
-  return A.createElement(e, {
-    className: E("member text-medium", l),
+  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, {
+    className: S("member text-medium", c),
     children: /* @__PURE__ */ s.jsxs(
       at,
       {
-        href: c,
-        gtmType: a,
+        href: u,
+        gtmType: i,
         gtmContext: r,
         onClick: (_) => {
           _ == null || _.stopPropagation();
         },
         children: [
-          /* @__PURE__ */ s.jsx(Ot, { name: i, src: u }),
+          /* @__PURE__ */ s.jsx(Ot, { name: a, src: l }),
           /* @__PURE__ */ s.jsxs("p", { className: "details", children: [
-            /* @__PURE__ */ s.jsx("strong", { children: i }),
+            /* @__PURE__ */ s.jsx("strong", { children: a }),
             n && /* @__PURE__ */ s.jsxs("span", { className: "additional-content", children: [
               n.createdAt && h && /* @__PURE__ */ s.jsx("span", { className: "date", title: p, "aria-label": p, children: d.formatMessage({ id: `dates_${h.path}` }, { number: h.number }) }),
               n.didEdit && /* @__PURE__ */ s.jsx("em", { children: d.formatMessage({ id: "discussion_edited" }) })
@@ -1908,28 +1928,28 @@ 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: a, showGap: l, showPlaceholders: d } = { showText: !0, size: "medium", showGap: !0, showPlaceholders: !1 }, cutoff: o = 2, className: i = "" }) => {
-  const c = N();
-  return !n || n.length === 0 ? null : A.createElement(
+}, 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: E("contributors", i, a, { "has-gap": l }), children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-      /* @__PURE__ */ s.jsx("ul", { children: n.map((u, f) => {
+    { 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(u);
+          const { name: _ = "", image: j = "" } = Sn(l);
           if (d)
             return /* @__PURE__ */ s.jsx(je, { element: "li", className: "contributor" }, f);
-          h = /* @__PURE__ */ s.jsx(Ot, { name: _, src: j, width: ln[a || "medium"], height: ln[a || "medium"] });
+          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: E({ "large-number": _ > 99 }), children: [
+          h = /* @__PURE__ */ s.jsxs("small", { className: S({ "large-number": _ > 99 }), children: [
             "+",
             Fs(_, 0)
           ] }), p = "number-left";
         }
-        return h ? /* @__PURE__ */ s.jsx("li", { className: E("contributor", p), children: h }, f) : null;
+        return h ? /* @__PURE__ */ s.jsx("li", { className: S("contributor", p), children: h }, f) : null;
       }) }),
-      r && /* @__PURE__ */ s.jsx("span", { className: "label", children: typeof r == "string" ? r : n.length === 1 ? typeof n[0] == "string" ? c.formatMessage({ id: `member_${n[0]}` }) : tt(n[0].name || "", 20) : 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 }) => {
@@ -1951,10 +1971,10 @@ const ln = {
 };
 var lr = Ft({ client: Xe });
 function cr(e) {
-  var t = e.children, n = e.client, r = e.apiKey, a = e.options, l = 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 && a && console.warn("[PostHog.js] You have provided both a client and options to PostHogProvider. The options will be ignored in favour of the client."), n || (r && (Xe.__loaded && console.warn("[PostHog.js] was already loaded elsewhere. This may cause issues."), Xe.init(r, a)), Xe);
+  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 A.createElement(lr.Provider, { value: { client: l } }, t);
+  return N.createElement(lr.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,
@@ -1973,45 +1993,45 @@ const dr = ({ children: e, user: t }) => t.isLoading ? /* @__PURE__ */ s.jsx(s.F
     children: e
   }
 ) : e, ur = ({ children: e, locale: t, messages: n }) => {
-  const r = t || "en", a = {
+  const r = t || "en", i = {
     ...Rs[r],
     ...n || {}
   };
-  return /* @__PURE__ */ s.jsx(ls, { locale: r, messages: a, children: e });
+  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 }) => {
-  const [r, a] = F({ isLoading: !0 });
+  const [r, i] = F({ isLoading: !0 });
   return X(() => {
-    e().then((l) => a({ ...l, isLoading: !1 })).catch(() => a({ isLoading: !1 }));
+    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 }) }) }) });
 };
 const xt = "joinCommunityButton", Tn = ({ isMember: e = !1, isShort: t = !1, functions: { join: n, leave: r } = { join: () => {
 }, leave: () => {
 } } }) => {
-  const a = N(), l = ge(Se), d = l && typeof l.id == "string", [o, i] = F(e), [c, u] = F(e ? "joined" : "notJoined");
+  const i = A(), c = ge(Se), d = c && typeof c.id == "string", [o, a] = F(e), [u, l] = F(e ? "joined" : "notJoined");
   X(() => {
-    c === "joining" ? u("joined") : c === "leaving" && u("notJoined");
+    u === "joining" ? l("joined") : u === "leaving" && l("notJoined");
   }, [o]);
   const f = {}, h = {};
-  return o && c !== "leaving" && (f["data-hover-text"] = a.formatMessage({ id: `${xt}_leave` }), f["aria-label"] = a.formatMessage({ id: `${xt}_member_aria` }), h["aria-hidden"] = "true"), /* @__PURE__ */ s.jsx(
+  return o && u !== "leaving" && (f["data-hover-text"] = i.formatMessage({ id: `${xt}_leave` }), f["aria-label"] = i.formatMessage({ id: `${xt}_member_aria` }), h["aria-hidden"] = "true"), /* @__PURE__ */ s.jsx(
     J,
     {
       variant: o ? "secondary" : "primary",
       size: "medium",
       styling: { fullWidth: !0 },
-      icon: o && c !== "leaving" ? { icon: "tick", position: "left" } : !1,
+      icon: o && u !== "leaving" ? { icon: "tick", position: "left" } : !1,
       onClick: async (p) => {
-        d && (p.currentTarget.blur(), o ? (u("leaving"), typeof r == "function" && await r()) : (u("joining"), typeof n == "function" && await n()), i(!o));
+        d && (p.currentTarget.blur(), o ? (l("leaving"), typeof r == "function" && await r()) : (l("joining"), typeof n == "function" && await n()), a(!o));
       },
-      className: E("join-community-button", c, { active: c === "joining" }),
+      className: S("join-community-button", u, { active: u === "joining" }),
       disabled: !d,
       ...f,
-      children: /* @__PURE__ */ s.jsx("span", { className: "text", ...h, children: a.formatMessage({ id: `${xt}${["joining", "leaving"].includes(c) ? `_${c}` : o ? "_member" : t ? "_short" : ""}` }) })
+      children: /* @__PURE__ */ s.jsx("span", { className: "text", ...h, children: i.formatMessage({ id: `${xt}${["joining", "leaving"].includes(u) ? `_${u}` : o ? "_member" : t ? "_short" : ""}` }) })
     }
   );
 };
-const bt = "communityDetails_", wo = ({ isMember: e = !1, slug: t, members: { number: n, data: r } = { number: void 0, data: [] }, className: a = "", ...l }) => {
-  const d = N(), o = n || (r == null ? void 0 : r.length) || 0;
-  return /* @__PURE__ */ s.jsxs("div", { className: E("community-details", a), children: [
+const bt = "communityDetails_", wo = ({ isMember: e = !1, slug: t, members: { number: n, data: r } = { number: void 0, data: [] }, className: i = "", ...c }) => {
+  const d = A(), o = n || (r == null ? void 0 : r.length) || 0;
+  return /* @__PURE__ */ s.jsxs("div", { className: S("community-details", i), children: [
     /* @__PURE__ */ s.jsx(De, {}),
     /* @__PURE__ */ s.jsxs("div", { className: "member-details", children: [
       /* @__PURE__ */ s.jsxs("div", { className: "top", children: [
@@ -2023,7 +2043,7 @@ const bt = "communityDetails_", wo = ({ isMember: e = !1, slug: t, members: { nu
       ] }),
       /* @__PURE__ */ s.jsx(ar, { contributors: { total: n, data: r != null && r.length ? r : [{}, {}, {}, {}, {}] }, styling: { size: "medium", showGap: !0, showPlaceholders: o === 0 }, cutoff: 5 })
     ] }),
-    /* @__PURE__ */ s.jsx(Tn, { isMember: e, ...l }),
+    /* @__PURE__ */ s.jsx(Tn, { isMember: e, ...c }),
     e && /* @__PURE__ */ s.jsx(J, { variant: "primary", icon: { icon: "plus" }, styling: { fullWidth: !0 }, children: d.formatMessage({ id: `${bt}invite` }) })
   ] });
 };
@@ -2032,13 +2052,13 @@ const ko = ({
   cutoff: t = 20,
   className: n = ""
 }) => {
-  const r = N();
+  const r = A();
   return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     /* @__PURE__ */ s.jsx(le, { element: "p", children: r.formatMessage({ id: "breadcrumbs_label" }) }),
-    /* @__PURE__ */ s.jsx("ul", { className: E("breadcrumbs text-small", n), children: e.map(({ text: a, href: l, current: d = !1 }, o) => /* @__PURE__ */ s.jsxs("li", { children: [
+    /* @__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: [
       d && /* @__PURE__ */ s.jsx(le, { element: "span", children: r.formatMessage({ id: "breadcrumbs_currentPage" }) }),
-      /* @__PURE__ */ s.jsx(at, { href: d ? void 0 : l, children: tt(a, t) })
-    ] }, `${window.btoa(a)}_${o}`)) })
+      /* @__PURE__ */ s.jsx(at, { href: d ? void 0 : c, children: tt(i, t) })
+    ] }, `${window.btoa(i)}_${o}`)) })
   ] });
 };
 const jo = ({
@@ -2047,34 +2067,34 @@ const jo = ({
   allowMultiple: n = !0,
   onChange: r = () => {
   },
-  className: a = ""
+  className: i = ""
 }) => {
-  const l = N(), d = t ? [{ id: "all", text: typeof t != "boolean" && t.text || l.formatMessage({ id: "filters_all" }) }, ...e] : e, [o, i] = F(t ? ["all"] : []), c = (u, f) => {
+  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) => {
     let h = [];
-    o.includes(u) ? h = o.filter((p) => p !== u) : u === "all" ? h = ["all"] : n ? h = [...o.filter((p) => p !== "all"), u] : h = [u], i((p) => (r && typeof r == "function" && r({ current: h, previous: p }), h)), f && typeof f == "function" && f();
+    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();
   };
-  return /* @__PURE__ */ s.jsx("ul", { className: E("filters", a), children: d.map(({ id: u, text: f, disabled: h = !1, callback: p = () => {
+  return /* @__PURE__ */ s.jsx("ul", { className: S("filters", i), children: d.map(({ id: l, text: f, disabled: h = !1, callback: p = () => {
   } }) => {
     let _ = {};
-    return h && (_ = { disabled: !0, "aria-label": l.formatMessage({ id: "filters_disabled" }, { name: f }) }), /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
+    return h && (_ = { disabled: !0, "aria-label": c.formatMessage({ id: "filters_disabled" }, { name: f }) }), /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
       "button",
       {
-        className: E(u, { selected: o.includes(u) }),
+        className: S(l, { selected: o.includes(l) }),
         onClick: (j) => {
-          j.preventDefault(), j.stopPropagation(), c(u, p);
+          j.preventDefault(), j.stopPropagation(), u(l, p);
         },
         ..._,
         children: f
       }
-    ) }, u);
+    ) }, l);
   }) });
 }, fr = (e, t) => {
   const n = String(e);
   if (!t || !t.length)
     return `/${n}`;
   let r = "";
-  return t.forEach(({ url: a, position: l }) => {
-    l === "before-lang" ? r += `/${a}` : (r.includes(`/${n}/`) || (r += `/${n}`), r += `/${a}`);
+  return t.forEach(({ url: i, position: c }) => {
+    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 = ({
@@ -2082,41 +2102,41 @@ const vt = { en: "English", es: "Español", fr: "Français", pt: "Português" },
   isOriginalLanguage: t = !1,
   isHumanTranslation: n = !1,
   translations: r,
-  onChange: a = () => {
+  onChange: i = () => {
   },
-  urlParts: l,
+  urlParts: c,
   variant: d = "default",
   label: o,
-  className: i = ""
+  className: a = ""
 }) => {
-  const c = N(), [u, f] = F(e);
+  const u = A(), [l, f] = F(e);
   if (X(() => {
-    e !== u && f(e);
+    e !== l && f(e);
   }, [e]), !r || !Object.values(r).some((j) => j && j.post_name))
     return null;
-  const p = Object.keys(r), _ = u !== e;
-  return /* @__PURE__ */ s.jsxs("div", { className: E("language-switcher text-small", d, i), children: [
+  const p = Object.keys(r), _ = l !== e;
+  return /* @__PURE__ */ s.jsxs("div", { className: S("language-switcher text-small", d, a), children: [
     /* @__PURE__ */ s.jsxs("nav", { children: [
-      d !== "short" && /* @__PURE__ */ s.jsx("p", { children: o || c.formatMessage({ id: `${We}label` }) }),
+      d !== "short" && /* @__PURE__ */ s.jsx("p", { children: o || u.formatMessage({ id: `${We}label` }) }),
       /* @__PURE__ */ s.jsx("ul", { children: p.map((j) => {
         if (!vt[j])
           return null;
         let g = { className: j };
-        return u === j ? g["aria-label"] = c.formatMessage({ id: `${We}selected` }, { language: vt[j] }) : g = {
+        return l === j ? g["aria-label"] = u.formatMessage({ id: `${We}selected` }, { language: vt[j] }) : g = {
           ...g,
-          href: fr(j, l),
-          onClick: (S) => {
-            S.preventDefault(), S.stopPropagation(), f(j), a(j);
+          href: fr(j, c),
+          onClick: (E) => {
+            E.preventDefault(), E.stopPropagation(), f(j), i(j);
           }
         }, /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(at, { ...g, fallbackElement: "span", children: vt[j] }) }, j);
       }) }),
-      d !== "short" && !_ && /* @__PURE__ */ s.jsx("p", { children: c.formatMessage({ id: `${We}translation_${t ? "original" : n ? "human" : "machine"}` }) })
+      d !== "short" && !_ && /* @__PURE__ */ s.jsx("p", { children: u.formatMessage({ id: `${We}translation_${t ? "original" : n ? "human" : "machine"}` }) })
     ] }),
     d !== "short" && !_ && !t && !n && /* @__PURE__ */ s.jsx("small", {
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
       // `values` are throwing a type error: https://github.com/formatjs/formatjs/issues/3633
-      children: c.formatMessage({ id: `${We}disclaimer` }, {
+      children: u.formatMessage({ id: `${We}disclaimer` }, {
         email: Oe.support,
         link: (j) => {
           const g = `mailto:${j}`;
@@ -2132,8 +2152,8 @@ const wt = cs({ locale: "en", messages: Lt }), hr = ({
   limit: n = 10,
   loadNextPage: r = () => {
   },
-  icon: a = !1,
-  messages: l = {
+  icon: i = !1,
+  messages: c = {
     button: wt.formatMessage({ id: "loadMore_button" }),
     endOfFeed: wt.formatMessage({ id: "loadMore_endOfFeed" }),
     error: wt.formatMessage({ id: "loadMore_error" })
@@ -2141,43 +2161,43 @@ const wt = cs({ locale: "en", messages: Lt }), hr = ({
   className: d = "",
   gtmContext: o = "LoadMore"
 }) => {
-  const [i, c] = F(!1), [u, f] = F(!1);
+  const [a, u] = F(!1), [l, f] = F(!1);
   if (t <= 0 || t < n * e)
     return null;
   const h = async (p) => {
     try {
       await r(p);
     } catch (_) {
-      _ instanceof Error && _.message && _.message.includes("Cannot read items") ? f(!0) : c(!0);
+      _ instanceof Error && _.message && _.message.includes("Cannot read items") ? f(!0) : u(!0);
     }
   };
-  return /* @__PURE__ */ s.jsxs("footer", { className: E("load-more", d), children: [
-    i && /* @__PURE__ */ s.jsx("p", { className: "error", children: l.error }),
-    u ? /* @__PURE__ */ s.jsx("p", { children: l.endOfFeed }) : /* @__PURE__ */ s.jsx(
+  return /* @__PURE__ */ s.jsxs("footer", { className: S("load-more", d), children: [
+    a && /* @__PURE__ */ s.jsx("p", { className: "error", children: c.error }),
+    l ? /* @__PURE__ */ s.jsx("p", { children: c.endOfFeed }) : /* @__PURE__ */ s.jsx(
       J,
       {
         variant: "secondary",
-        icon: a,
+        icon: i,
         onClick: h,
         "data-gtm-event-context": o,
         "data-gtm-event-type": "load-more-click",
         className: "gtm-trackable",
         "data-testid": "load-more-button",
-        children: l.button
+        children: c.button
       }
     )
   ] });
 };
 let Ve = !1;
 const pr = ({ element: e = "div", id: t = "more-menu", options: n, className: r = "" }) => {
-  const a = N(), l = ne(null), [d, o] = F(!1), i = (c) => {
-    l.current && c.target instanceof HTMLElement && !l.current.contains(c.target) && o(!1);
+  const i = A(), 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", i, !0), () => {
-    document.removeEventListener("click", i, !0);
-  })), A.createElement(e, {
-    ref: l,
-    className: E("more-menu text-medium", r),
+  return X(() => (document.addEventListener("click", a, !0), () => {
+    document.removeEventListener("click", a, !0);
+  })), N.createElement(e, {
+    ref: c,
+    className: S("more-menu text-medium", r),
     children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
       /* @__PURE__ */ s.jsx(
         J,
@@ -2189,14 +2209,14 @@ const pr = ({ element: e = "div", id: t = "more-menu", options: n, className: r
           "aria-haspopup": "true",
           "aria-expanded": d,
           "aria-controls": t,
-          screenreaderText: a.formatMessage({ id: "moreMenu" })
+          screenreaderText: i.formatMessage({ id: "moreMenu" })
         }
       ),
-      /* @__PURE__ */ s.jsx("ul", { id: t, hidden: !d, children: n.map(({ href: c, onClick: u, text: f, icon: h, ...p }, _) => {
+      /* @__PURE__ */ s.jsx("ul", { id: t, hidden: !d, children: n.map(({ href: u, onClick: l, text: f, icon: h, ...p }, _) => {
         const j = {
           ...p,
           onClick: (g) => {
-            o(!1), typeof u == "function" && u(g);
+            o(!1), typeof l == "function" && l(g);
           },
           onFocus: () => {
             Ve && (clearTimeout(Ve), Ve = !1);
@@ -2207,7 +2227,7 @@ const pr = ({ element: e = "div", id: t = "more-menu", options: n, className: r
             }, 100);
           }
         };
-        return c && (j.href = c), /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
+        return u && (j.href = u), /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
           J,
           {
             variant: "tertiary",
@@ -2221,59 +2241,59 @@ 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: E("logo", e, t, n), ...r, children: /* @__PURE__ */ s.jsx(le, { children: /* @__PURE__ */ s.jsx(ye, { id: "apolitical" }) }) }) });
+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 = {
   "2-1": 901
 }, Eo = ({ layout: e = "2-1", hideOnMobile: t = !1, className: n = "", children: r }) => {
-  const a = rt(!0);
-  let l = r;
-  return A.Children.count(r) === 1 && (l = A.Children.toArray(r)[0], l.props && (l = l.props.children)), /* @__PURE__ */ s.jsx("section", { className: E("columns", `layout-${e}`, n), children: A.Children.map(l, (d, o) => t !== !1 && o === t && a && a < gr[e] ? null : d) });
+  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) });
 };
 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 = N(), [t, n, r] = fs(jt), [a, l] = F(!t["apol-cookie-banner"]), d = () => {
-    jt.forEach((u) => {
-      n(u, !0, {
+  const e = A(), [t, n, r] = fs(jt), [i, c] = F(!t["apol-cookie-banner"]), d = () => {
+    jt.forEach((l) => {
+      n(l, !0, {
         path: "/",
         expires: yt,
-        domain: u === "apolitical-performance-cookie-consent" ? ".apolitical.co" : void 0
+        domain: l === "apolitical-performance-cookie-consent" ? ".apolitical.co" : void 0
       });
-    }), l(!1), window.location.reload();
+    }), c(!1), window.location.reload();
   }, o = () => {
     n("apol-cookie-banner", !0, {
       path: "/",
       expires: yt
-    }), jt.forEach((u) => {
-      if (u === "apol-cookie-banner") {
-        n(u, !0, {
+    }), jt.forEach((l) => {
+      if (l === "apol-cookie-banner") {
+        n(l, !0, {
           path: "/",
           expires: yt
         });
         return;
       }
-      r(u);
-    }), l(!1);
+      r(l);
+    }), c(!1);
   };
-  if (!a)
+  if (!i)
     return null;
-  const i = [
+  const a = [
     { id: "settings", href: "/pages/cookie-policy", gtmType: "policy-page" },
     { id: "reject", onClick: o, gtmType: "reject-all" },
     { id: "accept", onClick: d, gtmType: "accepted-all" }
-  ], c = [];
-  return i.forEach((u) => {
-    c.push({
-      variant: u.href ? "tertiary" : "primary",
-      href: u.href,
-      onClick: u.onClick,
+  ], u = [];
+  return a.forEach((l) => {
+    u.push({
+      variant: l.href ? "tertiary" : "primary",
+      href: l.href,
+      onClick: l.onClick,
       className: "gtm-trackable",
       "data-gtm-event-context": "cookie-banner",
-      "data-gtm-event-type": `cookie-${u.gtmType}-click`,
-      children: e.formatMessage({ id: `${kt}buttons_${u.id}` })
+      "data-gtm-event-type": `cookie-${l.gtmType}-click`,
+      children: e.formatMessage({ id: `${kt}buttons_${l.id}` })
     });
   }), /* @__PURE__ */ s.jsxs("aside", { id: "cookie-banner", className: "text-medium", children: [
     /* @__PURE__ */ s.jsx("h6", { children: e.formatMessage({ id: `${kt}title` }) }),
     /* @__PURE__ */ s.jsx("p", { children: e.formatMessage({ id: `${kt}text` }) }),
-    /* @__PURE__ */ s.jsx(ot, { buttons: c })
+    /* @__PURE__ */ s.jsx(ot, { buttons: u })
   ] });
 }, we = {
   platform: {
@@ -2377,14 +2397,14 @@ const Me = "footer_", Ze = "SiteFooter", cn = ({ group: e }) => {
     Array.isArray(t) && t.length > 0 && /* @__PURE__ */ s.jsx("ul", { className: "text-medium", children: t.map((r) => {
       if (["order", "child", "text"].includes(r))
         return null;
-      const { href: a, gtmType: l } = we[e][r], d = {};
+      const { href: i, gtmType: c } = we[e][r], d = {};
       return ["legal"].includes(e) && (d.target = "_blank", d.rel = "noopener"), /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
         "a",
         {
-          href: a,
+          href: i,
           className: "gtm-trackable",
           "data-gtm-event-context": Ze,
-          "data-gtm-event-type": l,
+          "data-gtm-event-type": c,
           ...d,
           children: /* @__PURE__ */ s.jsx(ye, { id: `${Me}${e}_${r}` })
         }
@@ -2444,7 +2464,7 @@ const Me = "footer_", Ze = "SiteFooter", cn = ({ group: e }) => {
   ] })
 ] }) });
 const Ye = "emailHelperTextBox_", So = ({ type: e, email: t, redirectPath: n, resendVerificationCode: r }) => {
-  const a = N(), [l, d] = F({ path: `${Ye}default`, type: "default", link: {}, mail: {}, error: "" }), [o, i] = F(!1), c = ke(
+  const i = A(), [c, d] = F({ path: `${Ye}default`, type: "default", link: {}, mail: {}, error: "" }), [o, a] = F(!1), u = ke(
     (p) => {
       p.preventDefault(), p.stopPropagation();
       const _ = (j) => {
@@ -2455,7 +2475,7 @@ const Ye = "emailHelperTextBox_", So = ({ type: e, email: t, redirectPath: n, re
             "data-gtm-event-context": "VerifyEmailBox",
             "data-gtm-event-type": "SendEmailClick",
             className: "gtm-trackable",
-            onClick: (g) => c(g),
+            onClick: (g) => u(g),
             href: "#",
             "data-testid": "send-verify-email-click"
           },
@@ -2469,15 +2489,15 @@ const Ye = "emailHelperTextBox_", So = ({ type: e, email: t, redirectPath: n, re
         });
       };
       if (typeof r != "function") {
-        _(a.formatMessage({ id: `${Ye}error_noFunction` }));
+        _(i.formatMessage({ id: `${Ye}error_noFunction` }));
         return;
       }
-      i(!0), r(t).then(() => {
+      a(!0), r(t).then(() => {
         localStorage.setItem("email", t), window.location.href = n || "/signup/verify-email";
       }).catch((j) => {
         _(j.message);
       }).finally(() => {
-        i(!1);
+        a(!1);
       });
     },
     /* eslint-disable react-hooks/exhaustive-deps */
@@ -2511,7 +2531,7 @@ const Ye = "emailHelperTextBox_", So = ({ type: e, email: t, redirectPath: n, re
             "data-gtm-event-context": "VerifyEmailBox",
             "data-gtm-event-type": "SendEmailClick",
             className: "gtm-trackable",
-            onClick: (S) => c(S),
+            onClick: (E) => u(E),
             "data-testid": "send-verify-email-click"
           };
           break;
@@ -2535,45 +2555,45 @@ const Ye = "emailHelperTextBox_", So = ({ type: e, email: t, redirectPath: n, re
           };
           break;
       }
-      d({ ...l, path: p, type: _, link: j, mail: g });
+      d({ ...c, path: p, type: _, link: j, mail: g });
     },
     /* eslint-disable react-hooks/exhaustive-deps */
     [e]
   );
-  const u = {};
+  const l = {};
   return ["link", "mail"].forEach((p) => {
-    u[p] = Object.keys(l[p]).length ? (_) => /* @__PURE__ */ s.jsx("a", { ...l[p], children: _ }) : (_) => _;
-  }), /* @__PURE__ */ s.jsx(zs, { type: l.type, heading: o ? !1 : a.formatMessage({ id: `${l.path}_title` }), children: o ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    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(je, { element: "span" }),
     /* @__PURE__ */ s.jsx(je, { element: "span" })
   ] }) : (
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
     // `values` are throwing a type error: https://github.com/formatjs/formatjs/issues/3633
-    a.formatMessage(
-      { id: `${l.path}_text` },
+    i.formatMessage(
+      { id: `${c.path}_text` },
       {
-        ...u,
+        ...l,
         strong: (p) => /* @__PURE__ */ s.jsx("strong", { children: p }),
         em: (p) => /* @__PURE__ */ s.jsx("em", { children: p }),
         br: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
           /* @__PURE__ */ s.jsx("br", {}),
           /* @__PURE__ */ s.jsx("br", {})
         ] }),
-        error: l.error
+        error: c.error
       }
     )
   ) });
 };
-const Ge = "passwordRules_", Cn = "isMoreThanEightCharacters", Dn = "includesNumberAndSymbol", An = "includesLowerAndUppercase", xr = {
+const Ge = "passwordRules_", Cn = "isMoreThanEightCharacters", Dn = "includesNumberAndSymbol", Nn = "includesLowerAndUppercase", xr = {
   [Cn]: "8Characters",
   [Dn]: "numberSymbol",
-  [An]: "lowercaseUppercase"
+  [Nn]: "lowercaseUppercase"
 }, br = ({ matchingRules: e = { isMoreThanEightCharacters: !1, includesNumberAndSymbol: !1, includesLowerAndUppercase: !1 }, className: t = "" }) => {
-  const n = N();
-  return /* @__PURE__ */ s.jsxs("aside", { className: E("password-rules", t), children: [
+  const n = A();
+  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, An].map((r) => /* @__PURE__ */ s.jsxs("li", { className: E({ matches: e[r] }), children: [
+    /* @__PURE__ */ s.jsx("ul", { children: [Cn, Dn, Nn].map((r) => /* @__PURE__ */ s.jsxs("li", { className: S({ matches: e[r] }), children: [
       /* @__PURE__ */ s.jsxs(le, { children: [
         n.formatMessage({ id: `${Ge}rule_label` }),
         " "
@@ -2586,49 +2606,49 @@ const Ge = "passwordRules_", Cn = "isMoreThanEightCharacters", Dn = "includesNum
       ] })
     ] }, `rule-${r}`)) })
   ] });
-}, To = Ae(br);
+}, To = Ne(br);
 const $o = ({
   text: e = {},
   topRating: t = 5,
   functions: { createRating: n = () => null, updateRating: r = () => {
-  }, reportError: a = () => {
+  }, reportError: i = () => {
   } },
-  className: l = "",
+  className: c = "",
   hasLoaded: d = !1
 }) => {
-  const o = N(), [i, c] = F({ setUp: !1, id: null, rating: null, disabled: !0 }), u = async () => {
+  const o = A(), [a, u] = F({ setUp: !1, id: null, rating: null, disabled: !0 }), l = async () => {
     try {
-      const S = await n();
-      c((k) => ({ ...k, setUp: !0, id: S && S.id, disabled: !1 }));
-    } catch (S) {
-      c((k) => ({ ...k, setUp: !0, disabled: !0 })), a(S);
+      const E = await n();
+      u((k) => ({ ...k, setUp: !0, id: E && E.id, disabled: !1 }));
+    } catch (E) {
+      u((k) => ({ ...k, setUp: !0, disabled: !0 })), i(E);
     }
   };
   if (X(() => {
-    d && !i.setUp && u();
+    d && !a.setUp && l();
   }, [d]), !d)
     return /* @__PURE__ */ s.jsx(je, { className: "rating-placeholder" });
-  const { id: f, rating: h, disabled: p } = i, _ = "ratings_", j = {
+  const { id: f, rating: h, disabled: p } = a, _ = "ratings_", j = {
     text: o.formatMessage({ id: `${_}text` }),
     low: o.formatMessage({ id: `${_}low` }),
     high: o.formatMessage({ id: `${_}high` }),
     success: o.formatMessage({ id: `${_}success` }),
     ...e
-  }, g = async (S) => {
+  }, g = async (E) => {
     if (!(!f || p))
       try {
-        c((k) => ({ ...k, rating: S, disabled: !0 })), await r({ id: f, value: S });
+        u((k) => ({ ...k, rating: E, disabled: !0 })), await r({ id: f, value: E });
       } catch (k) {
-        c((T) => ({ ...T, rating: null })), a(k);
+        u((T) => ({ ...T, rating: null })), i(k);
       } finally {
-        c((k) => ({ ...k, disabled: !1 }));
+        u((k) => ({ ...k, disabled: !1 }));
       }
   };
-  return /* @__PURE__ */ s.jsxs("div", { className: E("rating", l), children: [
+  return /* @__PURE__ */ s.jsxs("div", { className: S("rating", c), children: [
     /* @__PURE__ */ s.jsx("span", { className: "label", children: j[h ? "success" : "text"] }),
-    /* @__PURE__ */ s.jsx("ol", { children: Array.from(new Array(t).keys()).map((S) => {
-      const k = S + 1;
-      return /* @__PURE__ */ s.jsx("li", { className: E({ selected: h && k <= h }), children: /* @__PURE__ */ s.jsx(
+    /* @__PURE__ */ s.jsx("ol", { children: Array.from(new Array(t).keys()).map((E) => {
+      const k = E + 1;
+      return /* @__PURE__ */ s.jsx("li", { className: S({ selected: h && k <= h }), children: /* @__PURE__ */ s.jsx(
         J,
         {
           variant: "tertiary",
@@ -2652,36 +2672,36 @@ const vr = ({
   className: t = "",
   handleToggle: n = !1,
   defaultValue: r = "",
-  gtmContext: a = "search-bar",
-  gtmEvent: l = "form-submission"
+  gtmContext: i = "search-bar",
+  gtmEvent: c = "form-submission"
 }) => {
-  const { searchIsOpen: d = !0, isDesktopVersion: o = !1 } = n || {}, i = N(), c = ne(null);
+  const { searchIsOpen: d = !0, isDesktopVersion: o = !1 } = n || {}, a = A(), u = ne(null);
   Ce(() => {
-    !n || o || !d || c.current && c.current.focus();
+    !n || o || !d || u.current && u.current.focus();
   }, [d]);
-  const u = (f) => {
-    f.preventDefault(), f.stopPropagation(), !(!c.current || !c.current.value || c.current.value.length < 1) && (window.location.href = `/search?search=${encodeURIComponent(c.current.value)}`);
+  const l = (f) => {
+    f.preventDefault(), f.stopPropagation(), !(!u.current || !u.current.value || u.current.value.length < 1) && (window.location.href = `/search?search=${encodeURIComponent(u.current.value)}`);
   };
   return /* @__PURE__ */ s.jsx(
     "form",
     {
-      onSubmit: u,
-      className: E("search-form gtm-trackable", t),
-      "data-gtm-event-context": a,
-      "data-gtm-event-type": l,
+      onSubmit: l,
+      className: S("search-form gtm-trackable", t),
+      "data-gtm-event-context": i,
+      "data-gtm-event-type": c,
       children: /* @__PURE__ */ s.jsx("fieldset", { id: `${e}-form`, hidden: n ? !d : !1, role: "search", children: /* @__PURE__ */ s.jsxs("p", { children: [
-        /* @__PURE__ */ s.jsx(le, { element: "label", htmlFor: e, children: i.formatMessage({ id: "search_label" }) }),
+        /* @__PURE__ */ s.jsx(le, { element: "label", htmlFor: e, children: a.formatMessage({ id: "search_label" }) }),
         /* @__PURE__ */ s.jsx(
           "input",
           {
-            ref: c,
+            ref: u,
             type: "search",
             id: e,
             name: e,
             defaultValue: r,
-            placeholder: i.formatMessage({ id: "search_placeholder" }),
+            placeholder: a.formatMessage({ id: "search_placeholder" }),
             onKeyDown: (f) => {
-              f.key === "Enter" && u(f);
+              f.key === "Enter" && l(f);
             }
           }
         ),
@@ -2690,12 +2710,12 @@ const vr = ({
           {
             className: "clear",
             onClick: (f) => {
-              f.preventDefault(), f.stopPropagation(), c.current && c.current.value && (c.current.value = "");
+              f.preventDefault(), f.stopPropagation(), u.current && u.current.value && (u.current.value = "");
             },
-            children: /* @__PURE__ */ s.jsx(le, { children: i.formatMessage({ id: "search_clear" }) })
+            children: /* @__PURE__ */ s.jsx(le, { children: a.formatMessage({ id: "search_clear" }) })
           }
         ),
-        /* @__PURE__ */ s.jsx("button", { className: "search", onClick: u, children: /* @__PURE__ */ s.jsx(le, { children: i.formatMessage({ id: "search_cta" }) }) })
+        /* @__PURE__ */ s.jsx("button", { className: "search", onClick: l, children: /* @__PURE__ */ s.jsx(le, { children: a.formatMessage({ id: "search_cta" }) }) })
       ] }) })
     }
   );
@@ -2705,18 +2725,18 @@ const wr = ({
   label: t,
   ctaMessage: n,
   titleColor: r,
-  labelColor: a,
-  backgroundColor: l,
+  labelColor: i,
+  backgroundColor: c,
   onClose: d,
   reportError: o,
-  sendInvites: i,
-  initialFormStatus: c = "NOT_SUBMITTED"
+  sendInvites: a,
+  initialFormStatus: u = "NOT_SUBMITTED"
   /* NOT_SUBMITTED */
 }) => {
-  const [u, f] = F([]), [h, p] = F(!0), [_, j] = F(c), { formatMessage: g } = N(), S = async (M) => {
+  const [l, f] = F([]), [h, p] = F(!0), [_, j] = F(u), { formatMessage: g } = A(), E = async (M) => {
     M.preventDefault();
     try {
-      await i(u), f([]), j(
+      await a(l), f([]), j(
         "SUCCESS"
         /* SUCCESS */
       );
@@ -2737,7 +2757,7 @@ const wr = ({
       /* CLOSED */
     );
   };
-  return _ === "CLOSED" ? null : _ === "ERROR" || _ === "SUCCESS" ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+  return _ === "CLOSED" ? null : _ === "ERROR" || _ === "SUCCESS" ? /* @__PURE__ */ s.jsxs("div", { className: "invite-form-wrapper", children: [
     /* @__PURE__ */ s.jsx("div", { className: "content centred", children: _ === "SUCCESS" ? /* @__PURE__ */ s.jsx("h2", { className: "success-title", children: g({ id: "inviteForm_success" }) }) : /* @__PURE__ */ s.jsxs("h2", { className: "error-title", children: [
       " ",
       g({ id: "inviteForm_error" })
@@ -2747,23 +2767,23 @@ const wr = ({
       /* @__PURE__ */ s.jsx(J, { variant: "secondary", onClick: k, children: g({ id: "inviteForm_ctaSendMoreInvites" }) }),
       /* @__PURE__ */ s.jsx(J, { onClick: T, children: g({ id: "inviteForm_ctaDone" }) })
     ] }) : /* @__PURE__ */ s.jsx(J, { onClick: k, children: g({ id: "inviteForm_ctaTryAgain" }) }) })
-  ] }) : /* @__PURE__ */ s.jsxs(
+  ] }) : /* @__PURE__ */ s.jsx("div", { className: "invite-form-wrapper", children: /* @__PURE__ */ s.jsxs(
     "form",
     {
-      style: { backgroundColor: l },
-      onSubmit: S,
-      className: E("invite-form gtm-trackable"),
+      style: { backgroundColor: c },
+      onSubmit: E,
+      className: S("invite-form gtm-trackable"),
       children: [
         /* @__PURE__ */ s.jsxs("fieldset", { className: "content", children: [
           /* @__PURE__ */ s.jsx("h2", { className: "title", style: { color: r }, children: e }),
-          /* @__PURE__ */ s.jsx("label", { htmlFor: "email-input", className: "label", style: { color: a }, children: t }),
+          /* @__PURE__ */ s.jsx("label", { htmlFor: "email-input", className: "label", style: { color: i }, children: t }),
           /* @__PURE__ */ s.jsx(
             ps,
             {
               id: "email-input",
               inputClassName: "email-input input",
               placeholder: g({ id: "inviteForm_email_placeholder" }),
-              emails: u,
+              emails: l,
               onChange: (M) => {
                 f(M), p(!M.length);
               },
@@ -2777,7 +2797,7 @@ const wr = ({
                     size: "small",
                     icon: { icon: "close" },
                     onClick: () => {
-                      I(C), p(!u.length);
+                      I(C), p(!l.length);
                     },
                     className: "remove-email-button",
                     screenreaderText: g({ id: "overlay_close" })
@@ -2791,7 +2811,7 @@ const wr = ({
         /* @__PURE__ */ s.jsx("fieldset", { className: "footer", children: /* @__PURE__ */ s.jsx(J, { className: "sendEmailsButton", disabled: h, children: n }) })
       ]
     }
-  );
+  ) });
 }, H = {
   timeouts: {},
   handlerCalled: {},
@@ -2799,29 +2819,29 @@ const wr = ({
     const n = {
       navigation: { loggedIn: 769, loggedOut: 881 },
       search: { loggedIn: 961, loggedOut: 1121 }
-    }, r = (l) => {
+    }, r = (c) => {
       const d = `logged${e ? "In" : "Out"}`;
-      return t >= n[l][d];
+      return t >= n[c][d];
     };
-    let a = {};
-    return ["navigation", "search"].forEach((l) => {
-      a[l] = r(l);
-    }), a;
+    let i = {};
+    return ["navigation", "search"].forEach((c) => {
+      i[c] = r(c);
+    }), i;
   },
   shouldChangeHeaderIsVisible: (e, t, n) => {
-    Object.values(t).filter((a) => a === !0).length || n([{ type: "headerIsVisible", value: e }]);
+    Object.values(t).filter((i) => i === !0).length || n([{ type: "headerIsVisible", value: e }]);
   },
   handleMenus: ({ id: e, value: t, menus: n, dispatch: r }) => {
     if (n[e] === t || e === "account" && t === !1 && n.navigation === !0)
       return;
-    const a = Date.now();
-    if (!t && H.handlerCalled[e] && a - H.handlerCalled[e] < 500)
+    const i = Date.now();
+    if (!t && H.handlerCalled[e] && i - H.handlerCalled[e] < 500)
       return;
-    H.handlerCalled[e] = a;
-    let l = [{ type: `menus.${e}`, value: t }];
+    H.handlerCalled[e] = i;
+    let c = [{ type: `menus.${e}`, value: t }];
     t === !0 && Object.keys(n).forEach((d) => {
-      d === e || n[d] === !1 || l.push({ type: `menus.${d}`, value: !1 });
-    }), r(l);
+      d === e || n[d] === !1 || c.push({ type: `menus.${d}`, value: !1 });
+    }), r(c);
   },
   // Find the first child inside a ref that matches the `key` (and optional `value`) we're looking for,
   // so we can automatically focus on the first link inside a menu for accessibility.
@@ -2838,30 +2858,30 @@ const wr = ({
         return e[r];
       if (!t.includes("."))
         continue;
-      const a = hn(e[r], t);
-      if (!(typeof a > "u") && (!n || a[t] && a[t].includes(n) || a.value && a.value.includes(n) || a.toString().includes(n)))
+      const i = hn(e[r], t);
+      if (!(typeof i > "u") && (!n || i[t] && i[t].includes(n) || i.value && i.value.includes(n) || i.toString().includes(n)))
         return e[r];
     }
     return e[0].children ? H.findFirstChild(e[0].children, t, n) : !1;
   },
-  autoFocus: ({ menu: e, navigationRef: t, isDesktopVersion: n, focusElements: r, dispatch: a }) => {
+  autoFocus: ({ menu: e, navigationRef: t, isDesktopVersion: n, focusElements: r, dispatch: i }) => {
     if (!t.current || !t.current.children)
       return;
-    const l = n ? "desktop" : "default";
-    if (r[e][l]) {
-      r[e][l].focus();
+    const c = n ? "desktop" : "default";
+    if (r[e][c]) {
+      r[e][c].focus();
       return;
     }
     let d, o;
     switch (e) {
       case "navigation":
         if (n) {
-          const i = H.findFirstChild(
+          const a = H.findFirstChild(
             t.current.children,
             "attributes.aria-controls",
             "navigation"
           );
-          d = H.findFirstChild(i.children, "href");
+          d = H.findFirstChild(a.children, "href");
         } else
           d = H.findFirstChild(t.current.children, "href");
         d || (d = t.current);
@@ -2874,7 +2894,7 @@ const wr = ({
       default:
         return;
     }
-    d && (a([{ type: `focusElements.${e}.${l}`, value: d }]), d.focus());
+    d && (i([{ type: `focusElements.${e}.${c}`, value: d }]), d.focus());
   },
   events: {
     onClick: (e, { id: t, callback: n, isOpen: r }) => {
@@ -2973,14 +2993,14 @@ const wr = ({
   isLoggedIn: t = !1,
   isDesktopVersion: n = !1,
   menus: r = {},
-  callback: a = () => {
+  callback: i = () => {
   },
-  doTrack: l = null
+  doTrack: c = null
 }) => {
-  const d = N(), o = hn(Ke, e);
+  const d = A(), o = hn(Ke, e);
   if (!o || o.onlyShow && (o.onlyShow === "logged-in" && !t || o.onlyShow === "logged-out" && t))
     return null;
-  const i = "doTrack" in o, c = l === null ? i ? o.doTrack : !0 : l, u = e.includes("buttons.");
+  const a = "doTrack" in o, u = c === null ? a ? o.doTrack : !0 : c, l = e.includes("buttons.");
   let f = `header_${e.replaceAll(".", "_")}`;
   o.hasVariantText && (f += `_logged${t ? "In" : "Out"}`);
   let h = !1;
@@ -2993,12 +3013,12 @@ const wr = ({
     h = {
       href: o.href,
       role: "menuitem"
-    }, c && (h = {
+    }, u && (h = {
       ...h,
       className: "gtm-trackable",
       "data-gtm-event-type": k,
       "data-gtm-event-context": "HeaderButtons"
-    }), u && (h = {
+    }), l && (h = {
       ...h,
       variant: "secondary",
       size: { mobile: "small", 881: "large" },
@@ -3006,108 +3026,108 @@ const wr = ({
     });
   }
   const p = o.order && o.order[0] && o[o.order[0]], _ = p && o[o.order[0]].order, j = h && window.location.pathname === o.href;
-  let g = {}, S = {};
+  let g = {}, E = {};
   if (p) {
     const k = o.menuId || e, T = {
-      onClick: (M) => H.events.onClick(M, { id: k, callback: a, isOpen: r[k] }),
+      onClick: (M) => H.events.onClick(M, { id: k, callback: i, isOpen: r[k] }),
       onFocus: () => H.events.onFocus({ id: k }),
-      onBlur: () => H.events.onBlur({ id: k, callback: a }),
-      onMouseLeave: () => H.events.onBlur({ id: k, callback: a }),
-      onMouseEnter: () => H.events.onMouseEnter({ id: k, callback: a })
+      onBlur: () => H.events.onBlur({ id: k, callback: i }),
+      onMouseLeave: () => H.events.onBlur({ id: k, callback: i }),
+      onMouseEnter: () => H.events.onMouseEnter({ id: k, callback: i })
     };
     n && (_ && (g = {
       ...T,
       onKeyPress: (M) => {
-        M.key === "Enter" && H.events.onClick(M, { id: k, callback: a, isOpen: r[k] });
+        M.key === "Enter" && H.events.onClick(M, { id: k, callback: i, isOpen: r[k] });
       },
       tabIndex: "0",
       // Add a `tabIndex` so keyboard users can focus on the `li`
       "aria-haspopup": !0,
       "aria-expanded": r[k],
       "aria-controls": k
-    }), S = { hidden: k in r ? !r[k] : !0 }), _ || (S = {
-      ...S,
+    }), E = { hidden: k in r ? !r[k] : !0 }), _ || (E = {
+      ...E,
       ...T
     });
   }
-  return /* @__PURE__ */ s.jsxs("li", { className: E({ [o.className]: o.className, "has-submenu": p, parent: _, active: j }), role: "none", ...g, children: [
-    h ? A.createElement(u ? J : "a", h, d.formatMessage({ id: f })) : d.formatMessage({ id: f }),
-    o.order && /* @__PURE__ */ s.jsx("ul", { ...S, children: o.order.map((k) => {
+  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 }),
+    o.order && /* @__PURE__ */ s.jsx("ul", { ...E, children: o.order.map((k) => {
       if (!o[k])
         return null;
       const T = {
         isLoggedIn: t,
         isDesktopVersion: n,
         menus: r,
-        callback: a,
-        doTrack: i ? c : null
+        callback: i,
+        doTrack: a ? u : null
       };
-      return o[k].order ? /* @__PURE__ */ s.jsxs("li", { className: E({ [o[k].className]: o[k].className }), children: [
+      return o[k].order ? /* @__PURE__ */ s.jsxs("li", { className: S({ [o[k].className]: o[k].className }), children: [
         d.formatMessage({ id: `${f}_${k}` }),
         /* @__PURE__ */ s.jsx("ul", { children: o[k].order.map((M) => /* @__PURE__ */ s.jsx(qe, { id: `${e}.${k}.${M}`, ...T }, M)) })
       ] }, k) : /* @__PURE__ */ s.jsx(qe, { id: `${e}.${k}`, ...T }, k);
     }) })
   ] }, e);
 };
-const kr = { height: 67, height_desktop: 83 }, Nn = () => {
-  const e = N(), t = ge(Se), n = rt(!0, !0), r = t && typeof t.id == "string", a = et(
+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(
     () => H.getIsDesktopVersion(r, n),
     [r, n]
-  ), [l, d] = rs($s, {
+  ), [c, d] = rs($s, {
     headerIsVisible: !0,
     menus: { navigation: !1, search: !1, account: !1 },
     focusElements: {
       navigation: { desktop: !1, default: !1 },
       account: { desktop: !1, default: !1 }
     }
-  }), { headerIsVisible: o, menus: i, focusElements: c } = l;
+  }), { headerIsVisible: o, menus: a, focusElements: u } = c;
   Ts({
-    scrollPosition: kr[`height${a.navigation ? "_desktop" : ""}`],
+    scrollPosition: kr[`height${i.navigation ? "_desktop" : ""}`],
     callbacks: {
       scrollUp: () => {
-        !a && i.navigation || H.shouldChangeHeaderIsVisible(!0, i, d);
+        !i && a.navigation || H.shouldChangeHeaderIsVisible(!0, a, d);
       },
       scrollDown: () => {
-        !a && i.navigation || H.shouldChangeHeaderIsVisible(!1, i, d);
+        !i && a.navigation || H.shouldChangeHeaderIsVisible(!1, a, d);
       }
     }
   });
-  const u = (h, p) => {
-    H.handleMenus({ id: h, value: p, menus: i, dispatch: d });
+  const l = (h, p) => {
+    H.handleMenus({ id: h, value: p, menus: a, dispatch: d });
   }, f = ne(null);
   return Ce(() => {
-    i.navigation && H.autoFocus({
+    a.navigation && H.autoFocus({
       menu: "navigation",
       navigationRef: f,
-      isDesktopVersion: a.navigation,
-      focusElements: c,
+      isDesktopVersion: i.navigation,
+      focusElements: u,
       dispatch: d
     });
-  }, [i.navigation]), Ce(() => {
-    i.account && H.autoFocus({
+  }, [a.navigation]), Ce(() => {
+    a.account && H.autoFocus({
       menu: "account",
       navigationRef: f,
-      isDesktopVersion: a.navigation,
-      focusElements: c,
+      isDesktopVersion: i.navigation,
+      focusElements: u,
       dispatch: d
     });
-  }, [i.account]), t && t.isLoading ? null : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    /* @__PURE__ */ s.jsxs("nav", { id: "header", className: E({ "logged-in": r, "logged-out": !r, visible: o }), children: [
+  }, [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, {}),
-      !a.navigation && /* @__PURE__ */ s.jsx(
+      !i.navigation && /* @__PURE__ */ s.jsx(
         "button",
         {
           className: "menu-button gtm-trackable",
           onClick: (h) => {
-            h.preventDefault(), h.stopPropagation(), u("navigation", !i.navigation);
+            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": i.navigation,
+          "aria-expanded": a.navigation,
           "aria-controls": "navigation",
-          children: /* @__PURE__ */ s.jsx(le, { children: e.formatMessage({ id: `header_menu_${i.navigation ? "hide" : "show"}` }) })
+          children: /* @__PURE__ */ s.jsx(le, { children: e.formatMessage({ id: `header_menu_${a.navigation ? "hide" : "show"}` }) })
         }
       ),
       /* @__PURE__ */ s.jsx(
@@ -3115,40 +3135,40 @@ const kr = { height: 67, height_desktop: 83 }, Nn = () => {
         {
           ref: f,
           id: "navigation",
-          hidden: a.navigation || i.account ? !1 : !i.navigation,
+          hidden: i.navigation || a.account ? !1 : !a.navigation,
           role: "menu",
-          "data-showing": !a.navigation && i.account ? "account" : "default",
+          "data-showing": !i.navigation && a.account ? "account" : "default",
           children: Ke.order.map((h) => /* @__PURE__ */ s.jsx(
             qe,
             {
               id: h,
               isLoggedIn: r,
-              isDesktopVersion: a.navigation,
-              menus: { navigation: i.navigation, account: i.account },
-              callback: u
+              isDesktopVersion: i.navigation,
+              menus: { navigation: a.navigation, account: a.account },
+              callback: l
             },
             h
           ))
         }
       ),
-      !a.search && /* @__PURE__ */ s.jsx(
+      !i.search && /* @__PURE__ */ s.jsx(
         "button",
         {
           className: "search toggle-search-button",
           onClick: (h) => {
-            h.preventDefault(), h.stopPropagation(), u("search", !i.search);
+            h.preventDefault(), h.stopPropagation(), l("search", !a.search);
           },
           "aria-haspopup": "true",
-          "aria-expanded": i.search,
+          "aria-expanded": a.search,
           "aria-controls": "search-form",
-          children: /* @__PURE__ */ s.jsx(le, { children: e.formatMessage({ id: `header_search_${i.search ? "hide" : "show"}` }) })
+          children: /* @__PURE__ */ s.jsx(le, { children: e.formatMessage({ id: `header_search_${a.search ? "hide" : "show"}` }) })
         }
       ),
       /* @__PURE__ */ s.jsx(
         vr,
         {
           id: "global-search",
-          handleToggle: { searchIsOpen: i.search, isDesktopVersion: a.search },
+          handleToggle: { searchIsOpen: a.search, isDesktopVersion: i.search },
           gtmContext: "search-bar-header",
           gtmEvent: "form-submission"
         }
@@ -3157,14 +3177,14 @@ const kr = { height: 67, height_desktop: 83 }, Nn = () => {
         "button",
         {
           className: "account-button",
-          onClick: (h) => H.events.onClick(h, { id: "account", callback: u, isOpen: i.account }),
-          onMouseEnter: () => H.events.onMouseEnter({ id: "account", callback: u }),
-          onMouseLeave: () => H.events.onBlur({ id: "account", callback: u }),
+          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": i.account,
+          "aria-expanded": a.account,
           "aria-controls": "navigation",
           children: [
-            /* @__PURE__ */ s.jsx(le, { children: e.formatMessage({ id: `header_account_${i.account ? "hide" : "show"}` }) }),
+            /* @__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 || "" })
           ]
         }
@@ -3174,26 +3194,26 @@ const kr = { height: 67, height_desktop: 83 }, Nn = () => {
     /* @__PURE__ */ s.jsx(
       "div",
       {
-        className: E("overlay", { open: i.navigation || i.account || !a.search && i.search })
+        className: S("overlay", { open: a.navigation || a.account || !i.search && a.search })
       }
     )
   ] });
 };
 const jr = () => {
-  const e = N();
+  const e = A();
   return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    /* @__PURE__ */ s.jsx(Nn, {}),
+    /* @__PURE__ */ s.jsx(An, {}),
     /* @__PURE__ */ s.jsx("div", { className: "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: a = "", locale: l = "en" }) => {
+}, Mo = ({ 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: l });
-  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: E(a, { [r]: r !== "default" }), children: /* @__PURE__ */ s.jsxs(hs, { children: [
-    /* @__PURE__ */ s.jsx(Nn, {}),
+  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, {}),
     /* @__PURE__ */ s.jsx("div", { className: "content", children: o }),
     n && /* @__PURE__ */ s.jsx(Mn, {}),
     /* @__PURE__ */ s.jsx(_r, {})
@@ -3234,50 +3254,50 @@ const Co = ({
   color: t = "default",
   forceOneLine: n = !1,
   canHaveLinks: r = !0,
-  className: a = "",
-  gtmType: l = "tag-click",
+  className: i = "",
+  gtmType: c = "tag-click",
   gtmContext: d = "tags"
 }) => {
-  const o = N();
+  const o = A();
   if (!e || e.length < 1)
     return null;
-  const i = [];
-  return e.forEach((c) => {
-    if (!c)
+  const a = [];
+  return e.forEach((u) => {
+    if (!u)
       return;
-    const u = yr.getTagDetails(c);
-    u && i.push(u);
-  }), i.length < 1 ? null : /* @__PURE__ */ s.jsx("ul", { className: E("tags text-small", t, a, { "one-line": n }), children: i.map((c) => {
-    const u = o.formatMessage({ id: c.text });
-    return /* @__PURE__ */ s.jsx("li", { children: c.href && r ? /* @__PURE__ */ s.jsx(
+    const l = yr.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 });
+    return /* @__PURE__ */ s.jsx("li", { children: u.href && r ? /* @__PURE__ */ s.jsx(
       "a",
       {
-        href: c.href,
+        href: u.href,
         className: "gtm-trackable",
-        "data-gtm-event-type": l,
+        "data-gtm-event-type": c,
         "data-gtm-event-context": d,
-        children: u
+        children: l
       }
-    ) : u }, c.id);
+    ) : l }, u.id);
   }) });
 };
 const Do = ({
   members: { total: e, data: t = [] },
   pagination: n,
   gtmContext: r = "member",
-  gtmType: a = "member-click",
-  className: l = ""
+  gtmType: i = "member-click",
+  className: c = ""
 }) => {
-  const d = N();
-  return t.length === 0 ? null : (e || (e = t.length), /* @__PURE__ */ s.jsxs("div", { className: E("members-list", l), children: [
+  const d = A();
+  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" }),
       /* @__PURE__ */ s.jsx("span", { className: "count", children: e })
     ] }),
-    /* @__PURE__ */ s.jsx("ul", { children: t.map((o, i) => /* @__PURE__ */ s.jsxs("li", { children: [
-      /* @__PURE__ */ s.jsx(Bt, { member: o, gtmContext: r, gtmType: a }),
+    /* @__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" }) })
-    ] }, i)) }),
+    ] }, a)) }),
     n && /* @__PURE__ */ s.jsx(
       hr,
       {
@@ -3299,8 +3319,8 @@ const me = "discussion_form_", Pn = ({
     showTitle: !1
   },
   inputRef: r,
-  maxLength: a = 5e4,
-  minRows: l = 4,
+  maxLength: i = 5e4,
+  minRows: c = 4,
   forceShow: d = {
     cancel: !1,
     error: !1
@@ -3318,13 +3338,13 @@ const me = "discussion_form_", Pn = ({
       create: { projectNames: ["questions-answers"] }
     }
   },
-  gtmContext: i = "DiscussionForm"
+  gtmContext: a = "DiscussionForm"
 }) => {
   var b, Q;
-  const c = N(), u = ge(Se), [f, h] = F(
+  const u = A(), l = ge(Se), [f, h] = F(
     n.isEditing && n.isEditing.text || ""
-  ), [p, _] = F(d.error || !1), [j, g] = F(!1), S = ne(null);
-  if (r || (r = S), n.isLoading)
+  ), [p, _] = F(d.error || !1), [j, g] = F(!1), E = ne(null);
+  if (r || (r = E), n.isLoading)
     return /* @__PURE__ */ s.jsx(
       je,
       {
@@ -3336,13 +3356,13 @@ const me = "discussion_form_", Pn = ({
     const Y = w.target.value;
     h(Y);
     let L;
-    !u || !u.id ? L = pe(
-      c.formatMessage,
+    !l || !l.id ? L = pe(
+      u.formatMessage,
       `${me}error_loggedOut`,
       e.type,
       "action"
-    ) : t ? Y.length >= a && (L = `${me}error_tooLong`) : L = pe(
-      c.formatMessage,
+    ) : t ? Y.length >= i && (L = `${me}error_tooLong`) : L = pe(
+      u.formatMessage,
       `${me}error_noPermission`,
       e.type,
       "action"
@@ -3355,7 +3375,7 @@ const me = "discussion_form_", Pn = ({
   }
   const M = async (w) => {
     var L;
-    if (w.preventDefault(), w.stopPropagation(), !u || !u.id || !t || I)
+    if (w.preventDefault(), w.stopPropagation(), !l || !l.id || !t || I)
       return;
     Je && clearTimeout(Je), g("submitting");
     const Y = window.location.pathname;
@@ -3368,20 +3388,20 @@ const me = "discussion_form_", Pn = ({
         case "question":
           O = await o.create({
             title: f,
-            authorId: u && u.id,
+            authorId: l && l.id,
             ...(L = o.props) == null ? void 0 : L.create
           });
           break;
         case "response":
           O = await o.create(
             { question: e.slugs.question },
-            { body: f, authorId: u && u.id, contentPath: Y }
+            { body: f, authorId: l && l.id, contentPath: Y }
           );
           break;
         case "reply":
           O = await o.create(
             { question: e.slugs.question, answer: e.slugs.answer },
-            { body: f, authorId: u && u.id, contentPath: Y }
+            { body: f, authorId: l && l.id, contentPath: Y }
           );
           break;
         default:
@@ -3394,12 +3414,12 @@ const me = "discussion_form_", Pn = ({
       const U = O;
       let W = `${me}error`;
       U.message.includes("entry already exists") && (W = pe(
-        c.formatMessage,
+        u.formatMessage,
         `${me}error_alreadyExists`,
         e.type,
         "action"
       )), U.message.includes("429") ? W = pe(
-        c.formatMessage,
+        u.formatMessage,
         `${me}error_tooMany`,
         e.type,
         "action"
@@ -3415,49 +3435,49 @@ const me = "discussion_form_", Pn = ({
     size: { mobile: "small", 600: "medium" },
     onClick: o.handleCancel,
     className: "gtm-trackable",
-    "data-gtm-event-context": i,
+    "data-gtm-event-context": a,
     "data-gtm-event-type": `cancel-${e.type}-click`,
-    disabled: !d.cancel && (!u || !u.id || !f),
-    children: c.formatMessage({ id: `${me}cancel` })
+    disabled: !d.cancel && (!l || !l.id || !f),
+    children: u.formatMessage({ id: `${me}cancel` })
   }), x.push({
     variant: "primary",
     size: { mobile: "small", 600: "medium" },
     onClick: (w) => {
       if (n.isEditing) {
         g("submitting"), o.handleSaveEdit && o.handleSaveEdit(
-          S.current && "value" in S.current ? S.current.value : ""
+          E.current && "value" in E.current ? E.current.value : ""
         );
         return;
       }
       M(w);
     },
     className: "gtm-trackable",
-    "data-gtm-event-context": i,
+    "data-gtm-event-context": a,
     "data-gtm-event-type": `${n.isEditing ? "save" : "submit"}-${e.type}-click`,
     "data-testid": "save-button",
-    disabled: !u || !u.id || !t || I || V || n.isEditing && f === n.isEditing.text,
-    children: c.formatMessage({
+    disabled: !l || !l.id || !t || I || V || n.isEditing && f === n.isEditing.text,
+    children: u.formatMessage({
       id: `${me}${V ? n.isEditing ? "saving" : "posting" : n.isEditing ? "save" : "post"}`
     })
   }), /* @__PURE__ */ s.jsxs(
     "form",
     {
       id: T,
-      className: E("discussion-card discussion-form", {
+      className: S("discussion-card discussion-form", {
         "no-styling": n.isInWrapper && n.isEditing
       }),
       "data-testid": `discussion-${e.type}-form`,
       children: [
-        (n == null ? void 0 : n.showTitle) && !n.isEditing && ["question"].includes(e.type) && /* @__PURE__ */ s.jsx("h2", { children: pe(c.formatMessage, `${me}title`, e.type, "action") }),
+        (n == null ? void 0 : n.showTitle) && !n.isEditing && ["question"].includes(e.type) && /* @__PURE__ */ s.jsx("h2", { children: pe(u.formatMessage, `${me}title`, e.type, "action") }),
         /* @__PURE__ */ s.jsx(
           Bt,
           {
-            member: u || "community",
-            gtmContext: i,
+            member: l || "community",
+            gtmContext: a,
             gtmType: "profile-click"
           }
         ),
-        /* @__PURE__ */ s.jsx(le, { element: "label", showOnFocus: !1, htmlFor: `${T}-input`, children: pe(c.formatMessage, `${me}label`, e.type, "action") }),
+        /* @__PURE__ */ s.jsx(le, { element: "label", showOnFocus: !1, htmlFor: `${T}-input`, children: pe(u.formatMessage, `${me}label`, e.type, "action") }),
         /* @__PURE__ */ s.jsx(
           _s,
           {
@@ -3465,28 +3485,28 @@ const me = "discussion_form_", Pn = ({
             id: `${T}-input`,
             name: e.type,
             placeholder: pe(
-              c.formatMessage,
+              u.formatMessage,
               `${me}placeholder`,
               e.type,
               "action"
             ),
             onChange: k,
             value: f,
-            maxLength: a,
+            maxLength: i,
             "aria-invalid": !!p,
             "aria-errormessage": "error-message",
-            minRows: l,
+            minRows: c,
             autoFocus: !!n.isEditing
           }
         ),
-        /* @__PURE__ */ s.jsx("small", { children: pe(c.formatMessage, `${me}explainer`, e.type, "action", {
+        /* @__PURE__ */ s.jsx("small", { children: pe(u.formatMessage, `${me}explainer`, e.type, "action", {
           a: (w) => /* @__PURE__ */ s.jsx(
             "a",
             {
               href: "https://about.apolitical.co/q-and-a-community-guidelines",
               target: "_blank",
               className: "gtm-trackable",
-              "data-gtm-event-context": i,
+              "data-gtm-event-context": a,
               "data-gtm-event-type": "community-guidelines-link",
               rel: "noreferrer",
               children: w
@@ -3494,14 +3514,14 @@ const me = "discussion_form_", Pn = ({
           )
         }) }),
         /* @__PURE__ */ s.jsx(ot, { buttons: x }),
-        j === "submitted" && /* @__PURE__ */ s.jsx(Pt, { className: "success", "data-testid": "success", children: pe(c.formatMessage, `${me}success`, e.type, "action") }),
-        p && /* @__PURE__ */ s.jsx(Pt, { id: "error-message", className: "error", "data-testid": "error", children: d.error ? d.error : typeof p == "string" ? p.includes(" ") ? p : c.formatMessage(
+        j === "submitted" && /* @__PURE__ */ s.jsx(Pt, { className: "success", "data-testid": "success", children: pe(u.formatMessage, `${me}success`, e.type, "action") }),
+        p && /* @__PURE__ */ s.jsx(Pt, { id: "error-message", className: "error", "data-testid": "error", children: d.error ? d.error : typeof p == "string" ? p.includes(" ") ? p : u.formatMessage(
           { id: p },
           {
-            action: c.formatMessage({
+            action: u.formatMessage({
               id: `discussion_action_${e.type}`
             }),
-            maxLength: a
+            maxLength: i
           }
         ) : p })
       ]
@@ -3510,13 +3530,13 @@ const me = "discussion_form_", Pn = ({
 }, It = ({
   contentType: e,
   createPost: t,
-  membershipRequiredToPost: { isMember: n, required: r, join: a, leave: l, notMemberStateText: d }
+  membershipRequiredToPost: { isMember: n, required: r, join: i, leave: c, notMemberStateText: d }
 }) => r && !n ? /* @__PURE__ */ s.jsx(
   it,
   {
     text: d,
     button: {
-      component: /* @__PURE__ */ s.jsx(Tn, { functions: { join: a, leave: l } })
+      component: /* @__PURE__ */ s.jsx(Tn, { functions: { join: i, leave: c } })
     }
   }
 ) : /* @__PURE__ */ s.jsx(
@@ -3553,19 +3573,19 @@ const St = () => {
   likes: t = 0,
   peopleWhoLiked: n = !1,
   isShort: r = !0,
-  userLiked: a = !1,
-  content: l = { type: "reply", slugs: {} },
+  userLiked: i = !1,
+  content: c = { type: "reply", slugs: {} },
   canLike: d = !0,
   functions: { createLike: o = () => {
-  }, deleteLike: i = () => {
+  }, deleteLike: a = () => {
   } } = {}
 }) => {
-  const c = N();
+  const u = A();
   X(() => {
-    p(a);
-  }, [a]);
-  const [u, f] = F(t), [h, p] = F(a), [_, j] = F(!1), [g, S] = F(!1), k = et(() => $r(n, Tt), [n]), T = (C) => {
-    if (C.preventDefault(), C.stopPropagation(), S(!1), Be)
+    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) => {
+    if (C.preventDefault(), C.stopPropagation(), E(!1), Be)
       return St(), !1;
     if (St(), _ || !d)
       return !1;
@@ -3573,35 +3593,35 @@ const St = () => {
   }, M = async () => {
     if (St(), _ || !d)
       return !1;
-    let C = h ? u - 1 : u + 1;
+    let C = h ? l - 1 : l + 1;
     C < 0 && (C = 0), j(!0), f(C), p(!h);
     try {
-      if (l && l.slugs) {
-        const I = Tr(l.slugs);
-        h ? await i(I) : await o(I, { contentPath: window.location.pathname });
+      if (c && c.slugs) {
+        const I = Tr(c.slugs);
+        h ? await a(I) : await o(I, { contentPath: window.location.pathname });
       }
     } catch {
-      f(t), p(a);
+      f(t), p(i);
     } finally {
       j(!1);
     }
   };
-  return A.createElement(
+  return N.createElement(
     e,
     {
-      className: E("likes-wrapper text-medium action-button", { "show-spinner": _, "is-liked": h, disabled: !d }),
+      className: S("likes-wrapper text-medium action-button", { "show-spinner": _, "is-liked": h, disabled: !d }),
       onClick: T,
       onMouseEnter: () => {
-        S(!0);
+        E(!0);
       },
       onMouseLeave: () => {
-        S(!1);
+        E(!1);
       },
       onFocus: () => {
-        S(!0);
+        E(!0);
       },
       onBlur: () => {
-        S(!1);
+        E(!1);
       },
       children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
         /* @__PURE__ */ s.jsx(
@@ -3610,31 +3630,31 @@ const St = () => {
             variant: "tertiary",
             size: "medium",
             icon: { icon: h ? "heart" : "heart_empty", animate: "bounce" },
-            className: E({ "do-animation": h && !a }),
-            screenreaderText: d ? c.formatMessage({
+            className: S({ "do-animation": h && !i }),
+            screenreaderText: d ? u.formatMessage({
               id: `discussion_likes_${h ? "unlike" : "like"}`
-            }, { action: c.formatMessage({ id: `discussion_action_${l.type}` }) }) : !1,
+            }, { action: u.formatMessage({ id: `discussion_action_${c.type}` }) }) : !1,
             onClick: T,
             disabled: !d,
             "aria-hidden": !d,
             "data-testid": "like-button",
             "data-gtm-event-context": "Likes",
-            "data-gtm-event-type": `like-${l.type}-click`
+            "data-gtm-event-type": `like-${c.type}-click`
           }
         ),
-        /* @__PURE__ */ s.jsx("span", { className: E("number-of-likes", { "no-likes": u === 0 }), "data-testid": "number-of-likes", children: c.formatMessage({ id: `discussion_likes${r ? "_short" : ""}` }, { number: u }) }),
+        /* @__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: [
           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: c.formatMessage({ id: "discussion_likes_more" }, { number: n.length - Tt }) })
+          n.length > Tt && /* @__PURE__ */ s.jsx("li", { children: u.formatMessage({ id: "discussion_likes_more" }, { number: n.length - Tt }) })
         ] }) })
       ] })
     }
   );
 };
-const Cr = ({ element: e = "section", children: t, className: n, ...r }) => A.createElement(
+const Cr = ({ element: e = "section", children: t, className: n, ...r }) => N.createElement(
   e,
   {
-    className: E("modal", n),
+    className: S("modal", n),
     children: typeof t == "string" ? /* @__PURE__ */ s.jsx("p", { children: t }) : t,
     ...r
   }
@@ -3644,28 +3664,28 @@ const Rn = ({
   isOpen: t = !1,
   showDivider: n = !0,
   maxWidth: r,
-  functions: { onOpen: a = () => {
-  }, onClose: l = () => {
+  functions: { onOpen: i = () => {
+  }, onClose: c = () => {
   } } = {},
   forceShow: { error: d = !1 } = {},
   title: o,
-  children: i,
-  buttons: c,
-  className: u = "",
+  children: a,
+  buttons: u,
+  className: l = "",
   gtmContext: f = "Modal"
 }) => {
-  const h = N(), [p, _] = F(t), j = (S) => {
-    _(S), S ? (a(), document.body.classList.add("has-overlay")) : (l(), document.body.classList.remove("has-overlay"));
+  const h = A(), [p, _] = F(t), j = (E) => {
+    _(E), E ? (i(), document.body.classList.add("has-overlay")) : (c(), document.body.classList.remove("has-overlay"));
   };
   X(() => {
     j(t);
   }, [t]);
   const g = r ? { "--max-width": `${r / 16}rem` } : {};
-  return /* @__PURE__ */ s.jsx("div", { className: E("overlay", { open: p }), children: /* @__PURE__ */ s.jsx(
+  return /* @__PURE__ */ s.jsx("div", { className: S("overlay", { open: p }), children: /* @__PURE__ */ s.jsx(
     Cr,
     {
       id: e,
-      className: E("overlay-modal", u, { "has-max-width": r }),
+      className: S("overlay-modal", l, { "has-max-width": r }),
       hidden: !p,
       style: g,
       children: t && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
@@ -3686,10 +3706,10 @@ const Rn = ({
           )
         ] }),
         n && /* @__PURE__ */ s.jsx(De, {}),
-        i,
-        c && /* @__PURE__ */ s.jsxs("div", { className: "bottom", children: [
+        a,
+        u && /* @__PURE__ */ s.jsxs("div", { className: "bottom", children: [
           /* @__PURE__ */ s.jsx(De, {}),
-          /* @__PURE__ */ s.jsx(ot, { buttons: c })
+          /* @__PURE__ */ s.jsx(ot, { buttons: u })
         ] }),
         d && /* @__PURE__ */ s.jsx(Pt, { className: "error", children: d })
       ] })
@@ -3700,18 +3720,18 @@ const Rn = ({
   "aria-expanded": t,
   "aria-controls": e
 });
-const Ao = ({
+const No = ({
   className: e,
   showModal: t = !0,
   title: n,
   formTitle: r = "Know someone who might like to join this workshop?",
-  formLabel: a = "Send an invitation to your colleagues below",
-  ctaMessage: l = "Send invites",
+  formLabel: i = "Send an invitation to your colleagues below",
+  ctaMessage: c = "Send invites",
   showIcon: d,
   onClose: o,
-  reportError: i = () => {
+  reportError: a = () => {
   },
-  sendInvites: c
+  sendInvites: u
 }) => /* @__PURE__ */ s.jsx(
   Rn,
   {
@@ -3719,16 +3739,16 @@ const Ao = ({
     isOpen: t,
     showDivider: !1,
     showIcon: d,
-    className: E("invite-modal", e, { success: !!n }),
+    className: S("invite-modal", e, { success: !!n }),
     children: /* @__PURE__ */ s.jsx(
       wr,
       {
         title: r,
-        label: a,
-        ctaMessage: l,
+        label: i,
+        ctaMessage: c,
         onClose: o,
-        sendInvites: c,
-        reportError: i
+        sendInvites: u,
+        reportError: a
       }
     )
   }
@@ -3736,14 +3756,14 @@ const Ao = ({
   const t = {};
   return Object.keys(e).forEach((n) => n.includes("Id") ? t[n] = e[n] : t[`${n}Slug`] = e[n]), t;
 }, Ht = (e, t) => e && !t;
-const ve = "discussion_", Ar = 280, ct = ({
+const ve = "discussion_", Nr = 280, ct = ({
   element: e = "div",
   content: t,
   userHasPermissions: n = !0,
   isLoading: r = !1,
-  originalAuthorId: a,
+  originalAuthorId: i,
   functions: {
-    content: { createContent: l, deleteContent: d, updateContent: o } = {
+    content: { createContent: c, deleteContent: d, updateContent: o } = {
       createContent: () => {
       },
       deleteContent: () => {
@@ -3751,10 +3771,10 @@ const ve = "discussion_", Ar = 280, ct = ({
       updateContent: () => {
       }
     },
-    likes: { createLike: i, deleteLike: c } = { createLike: () => {
+    likes: { createLike: a, deleteLike: u } = { createLike: () => {
     }, deleteLike: () => {
     } },
-    comments: { openComments: u } = { openComments: () => {
+    comments: { openComments: l } = { openComments: () => {
     } }
   },
   links: f = {},
@@ -3763,7 +3783,7 @@ const ve = "discussion_", Ar = 280, ct = ({
   children: _,
   isTruncated: j = !1
 }) => {
-  const g = N(), S = ge(Se), k = ge(lt), [T, M] = F({
+  const g = A(), E = ge(Se), k = ge(lt), [T, M] = F({
     body: t && t.body || "",
     isEditing: !1,
     didEdit: t && t.isEdited || !1
@@ -3776,7 +3796,7 @@ const ve = "discussion_", Ar = 280, ct = ({
     });
   }, [t.isEdited]), r || !t || t.type === "answer" && (!t.slugs || !t.slugs.question))
     return /* @__PURE__ */ s.jsx(je, { className: "discussion-card discussion-post" });
-  const { author: b, canLike: Q, createdAt: w, id: Y, likes: L = 0, userLiked: O, comments: U = 0 } = t, W = j ? tt(T.body, Ar) : T.body, Z = S && S.id && typeof b != "string" && b.id && b.id === S.id || !1, re = typeof Q == "boolean" ? Q : n ? !Z : !1, oe = async (P) => {
+  const { author: b, canLike: Q, createdAt: w, id: Y, likes: L = 0, userLiked: O, comments: U = 0 } = t, W = j ? tt(T.body, Nr) : T.body, Z = E && E.id && typeof b != "string" && b.id && b.id === E.id || !1, re = typeof Q == "boolean" ? Q : n ? !Z : !1, oe = async (P) => {
     P || (P = ""), x("");
     try {
       if (!xs(P, T.body)) {
@@ -3836,15 +3856,15 @@ const ve = "discussion_", Ar = 280, ct = ({
       "data-gtm-event-type": `delete-${t.type}-click`,
       ...Dr(`delete-${t.slug}-modal`, C)
     }
-  ), A.createElement(e, {
-    className: E("discussion-post", h),
+  ), N.createElement(e, {
+    className: S("discussion-post", h),
     "data-testid": `discussion-${t.type}-thread`,
     children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
       /* @__PURE__ */ s.jsxs(
         "div",
         {
           id: Y || t.slug,
-          className: E("discussion-card", t.type, {
+          className: S("discussion-card", t.type, {
             editing: T.isEditing,
             "has-link": f.post && !T.isEditing
           }),
@@ -3857,7 +3877,7 @@ const ve = "discussion_", Ar = 280, ct = ({
               {
                 member: b,
                 additionalContent: { createdAt: w, didEdit: T.didEdit },
-                className: typeof b != "string" && b.id === a ? "highlighted" : "",
+                className: typeof b != "string" && b.id === i ? "highlighted" : "",
                 gtmContext: p,
                 gtmType: "profile-click"
               }
@@ -3884,7 +3904,7 @@ const ve = "discussion_", Ar = 280, ct = ({
                   ) : !1
                 },
                 functions: {
-                  create: l,
+                  create: c,
                   handleSaveEdit: oe,
                   handleCancel: () => {
                     x(""), M({ ...T, isEditing: !1 });
@@ -3905,7 +3925,7 @@ const ve = "discussion_", Ar = 280, ct = ({
               on,
               {
                 options: {
-                  wrapper: t.type === "question" ? "h1" : A.Fragment,
+                  wrapper: t.type === "question" ? "h1" : N.Fragment,
                   forceWrapper: t.type === "question",
                   forceInline: t.type === "question",
                   forceBlock: t.type !== "question"
@@ -3916,7 +3936,7 @@ const ve = "discussion_", Ar = 280, ct = ({
             !T.isEditing && /* @__PURE__ */ s.jsxs(
               "ul",
               {
-                className: E("actions text-medium", t.type),
+                className: S("actions text-medium", t.type),
                 "data-testid": `${t.type}-actions`,
                 children: [
                   /* @__PURE__ */ s.jsx(
@@ -3929,17 +3949,17 @@ const ve = "discussion_", Ar = 280, ct = ({
                       content: { type: t.type, slugs: t.slugs },
                       canLike: re,
                       functions: {
-                        createLike: i,
-                        deleteLike: c
+                        createLike: a,
+                        deleteLike: u
                       }
                     }
                   ),
-                  (["question", "post"].includes(t.type) || f.comments || typeof u == "function") && /* @__PURE__ */ s.jsxs(
+                  (["question", "post"].includes(t.type) || f.comments || typeof l == "function") && /* @__PURE__ */ s.jsxs(
                     "li",
                     {
                       className: "action-button",
                       onClick: (P) => {
-                        P.preventDefault(), P.stopPropagation(), f.comments && (window.location.href = f.comments), typeof u == "function" && u();
+                        P.preventDefault(), P.stopPropagation(), f.comments && (window.location.href = f.comments), typeof l == "function" && l();
                       },
                       children: [
                         /* @__PURE__ */ s.jsx(
@@ -3950,7 +3970,7 @@ const ve = "discussion_", Ar = 280, ct = ({
                             styling: { muted: !0 },
                             icon: { icon: "speech-bubble_square_thick" },
                             href: f.comments ? f.comments : !1,
-                            onClick: f.comments || typeof u != "function" ? !1 : u,
+                            onClick: f.comments || typeof l != "function" ? !1 : l,
                             className: "gtm-trackable",
                             "data-gtm-event-context": p,
                             "data-gtm-event-type": `answer-${t.type}-click`,
@@ -4044,29 +4064,46 @@ const ve = "discussion_", Ar = 280, ct = ({
     ] })
   });
 };
-const $t = "discussion_responses_", No = ({ type: e = "answer", responses: t = 0 }) => {
-  const n = N();
+const $t = "discussion_responses_", Ao = ({ type: e = "answer", responses: t = 0 }) => {
+  const n = A();
   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 Nr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
-  const r = N(), a = ne(null), l = ge(lt), [d, o] = F("closed");
+const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
+  const r = A(), i = ne(null), c = ge(lt), [d, o] = F(
+    "closed"
+    /* Closed */
+  );
   X(() => {
-    const f = a.current;
+    const f = i.current;
     if (f)
-      return f.addEventListener("transitionend", i), () => {
-        f.removeEventListener("transitionend", i);
+      return f.addEventListener("transitionend", a), () => {
+        f.removeEventListener("transitionend", a);
       };
   }, []), Ce(() => {
-    d === "closed" && !l.showThread || o(["opening", "open"].includes(d) ? "ready-to-close" : "opening");
-  }, [l.showThread]), X(() => {
-    d === "ready-to-close" && o("closing");
+    d === "closed" && !c.showThread || o(
+      [
+        "opening",
+        "open"
+        /* Open */
+      ].includes(d) ? "ready-to-close" : "opening"
+      /* Opening */
+    );
+  }, [c.showThread]), X(() => {
+    d === "ready-to-close" && o(
+      "closing"
+      /* Closing */
+    );
   }, [d]);
-  const i = ({ propertyName: f }) => {
+  const a = ({ propertyName: f }) => {
     f === "max-height" && o((h) => h === "opening" ? "open" : h === "closing" ? "closed" : h);
-  }, c = ["opening", "open"].includes(d), u = vn(n, {
+  }, u = [
+    "opening",
+    "open"
+    /* Open */
+  ].includes(d), l = vn(n, {
     element: "li"
   });
   return /* @__PURE__ */ s.jsxs("div", { className: "thread-wrapper", children: [
@@ -4076,16 +4113,16 @@ const Nr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
         variant: "secondary",
         size: "small",
         styling: { muted: !0 },
-        icon: { icon: `arrow_corner-down_${c ? "left" : "right"}` },
+        icon: { icon: `arrow_corner-down_${u ? "left" : "right"}` },
         onClick: () => {
           var f;
-          (f = l.updateConversation) == null || f.call(l, (h) => ({
+          (f = c.updateConversation) == null || f.call(c, (h) => ({
             showThread: !h.showThread,
             showForm: !1
           }));
         },
         children: r.formatMessage(
-          { id: `discussion_thread_${c ? "hide" : "show"}` },
+          { id: `discussion_thread_${u ? "hide" : "show"}` },
           { count: e }
         )
       }
@@ -4093,10 +4130,10 @@ const Nr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     /* @__PURE__ */ s.jsx(
       "ul",
       {
-        ref: a,
-        className: E("thread", d),
-        hidden: !l.showThread,
-        children: u
+        ref: i,
+        className: S("thread", d),
+        hidden: !c.showThread,
+        children: l
       }
     )
   ] });
@@ -4129,12 +4166,12 @@ const Nr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
 }) => ({ mutationFn: r, onMutate: async ({ content: o }) => {
   if (!n)
     return;
-  const i = Pr({ user: n, content: o, verb: "post" });
+  const a = Pr({ user: n, content: o, verb: "post" });
   await e.cancelQueries({ queryKey: t });
-  const c = e.getQueryData(t);
-  return e.setQueryData(t, (u) => [...u, i]), { previousActivities: c };
-}, onError: (o, i, c) => {
-  e.setQueryData(t, c.previousActivities);
+  const u = e.getQueryData(t);
+  return e.setQueryData(t, (l) => [...l, a]), { previousActivities: u };
+}, onError: (o, a, u) => {
+  e.setQueryData(t, u.previousActivities);
 }, onSettled: () => {
   e.invalidateQueries({ queryKey: t });
 } }), Fr = ({
@@ -4150,11 +4187,11 @@ const Nr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     if (o.length === 0)
       return;
     await e.cancelQueries({ queryKey: t });
-    const i = e.getQueryData(t), c = i == null ? void 0 : i.map((u) => ((u == null ? void 0 : u.id) === (d == null ? void 0 : d.activityId) && (u.content = o), u));
-    return e.setQueryData(t, () => c && [...c]), { previousActivities: c };
+    const a = e.getQueryData(t), u = a == null ? void 0 : a.map((l) => ((l == null ? void 0 : l.id) === (d == null ? void 0 : d.activityId) && (l.content = o), l));
+    return e.setQueryData(t, () => u && [...u]), { previousActivities: u };
   },
-  onError: (d, o, i) => {
-    e.setQueryData(t, i.previousActivities);
+  onError: (d, o, a) => {
+    e.setQueryData(t, a.previousActivities);
   },
   onSettled: () => {
     e.invalidateQueries({ queryKey: t });
@@ -4165,59 +4202,64 @@ const Nr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   mutationFn: n
 }) => ({ mutationFn: n, onMutate: async ({ activityId: o }) => {
   await e.cancelQueries({ queryKey: t });
-  const i = e.getQueryData(t), c = i == null ? void 0 : i.map((u) => {
+  const a = e.getQueryData(t), u = a == null ? void 0 : a.map((l) => {
     var f;
-    return (u == null ? void 0 : u.id) === o && ((f = u.reaction_counts) != null && f.like ? u.reaction_counts.like += 1 : u.reaction_counts.like = 1), u;
+    return (l == null ? void 0 : l.id) === o && ((f = l.reaction_counts) != null && f.like ? l.reaction_counts.like += 1 : l.reaction_counts.like = 1), l;
   });
-  return e.setQueryData(t, () => c && [...c]), { previousActivities: c };
-}, onError: (o, i, c) => {
-  e.setQueryData(t, c.previousActivities);
+  return e.setQueryData(t, () => u && [...u]), { previousActivities: u };
+}, onError: (o, a, u) => {
+  e.setQueryData(t, u.previousActivities);
 }, onSuccess: (o) => {
-  const i = e.getQueryData(t), c = i == null ? void 0 : i.map((u) => ((u == null ? void 0 : u.id) === (o == null ? void 0 : o.activity_id) && (u.latest_reactions.like ? u.latest_reactions.like.push(o) : u.latest_reactions.like = [o]), u));
-  return e.setQueryData(t, () => c && [...c]), { previousActivities: i };
-}, onSettled: (o, i, c) => {
+  const a = e.getQueryData(t), u = a == null ? void 0 : a.map((l) => {
+    var f, h;
+    return (l == null ? void 0 : l.id) === (o == null ? void 0 : o.activity_id) && ((f = l.own_reactions) != null && f.like ? l.own_reactions.like.push(o) : l.own_reactions.like = [o], (h = l.latest_reactions) != null && h.like ? l.latest_reactions.like.push(o) : l.latest_reactions.like = [o]), l;
+  });
+  return e.setQueryData(t, () => u && [...u]), { previousActivities: a };
+}, onSettled: (o, a, u) => {
   e.invalidateQueries({
-    queryKey: [...t, c.activityId]
+    queryKey: [...t, u.activityId]
   });
 } }), Or = ({
   queryClient: e,
   queryKey: t,
   user: n,
   mutationFn: r
-}) => ({ mutationFn: r, onMutate: async ({ activityId: i }) => {
+}) => ({ mutationFn: r, onMutate: async ({ activityId: a }) => {
   await e.cancelQueries({ queryKey: t });
-  const c = e.getQueryData(t), u = c == null ? void 0 : c.map((f) => {
+  const u = e.getQueryData(t), l = u == null ? void 0 : u.map((f) => {
     var h;
-    return (f == null ? void 0 : f.id) === i && (h = f.reaction_counts) != null && h.like && (f.reaction_counts.like -= 1), f;
+    return (f == null ? void 0 : f.id) === a && (h = f.reaction_counts) != null && h.like && (f.reaction_counts.like -= 1), f;
   });
-  return e.setQueryData(t, () => u && [...u]), { previousActivities: u };
-}, onError: (i, c, u) => {
-  e.setQueryData(t, u.previousActivities);
-}, onSuccess: (i, { activityId: c }) => {
-  const u = e.getQueryData(t), f = u == null ? void 0 : u.map((h) => {
-    var p, _, j, g;
-    if (h.id === c) {
-      const S = (j = (_ = (p = h.latest_reactions) == null ? void 0 : p.like) == null ? void 0 : _.find(
-        (k) => k.user_id === (n == null ? void 0 : n.id)
+  return e.setQueryData(t, () => l && [...l]), { previousActivities: l };
+}, onError: (a, u, l) => {
+  e.setQueryData(t, l.previousActivities);
+}, onSuccess: (a, { activityId: u }) => {
+  const l = e.getQueryData(t), f = l == null ? void 0 : l.map((h) => {
+    var p, _, j, g, E;
+    if (h.id === u) {
+      const k = (j = (_ = (p = h.own_reactions) == null ? void 0 : p.like) == null ? void 0 : _.find(
+        (T) => T.user_id === (n == null ? void 0 : n.id)
       )) == null ? void 0 : j.id;
-      return h.latest_reactions.like = (g = h.latest_reactions.like) == null ? void 0 : g.filter(
-        (k) => k.id !== S
+      return h.own_reactions.like = (g = h.own_reactions.like) == null ? void 0 : g.filter(
+        (T) => T.id !== k
+      ), h.latest_reactions.like = (E = h.latest_reactions.like) == null ? void 0 : E.filter(
+        (T) => T.id !== k
       ), h;
     } else
       return h;
   });
-  return e.setQueryData(t, () => f && [...f]), { previousActivities: u };
-}, onSettled: (i, c, u) => {
+  return e.setQueryData(t, () => f && [...f]), { previousActivities: l };
+}, onSettled: (a, u, l) => {
   e.invalidateQueries({
-    queryKey: [...t, u.activityId]
+    queryKey: [...t, l.activityId]
   });
 } }), Po = ({
   basePath: e,
   parentId: t,
   isMember: n,
-  functions: { list: r, create: a, edit: l, like: d, unlike: o, join: i, leave: c }
+  functions: { list: r, create: i, edit: c, like: d, unlike: o, join: a, leave: u }
 }) => {
-  const u = N(), f = st(), h = ge(Se), {
+  const l = A(), f = st(), h = ge(Se), {
     data: p,
     error: _,
     isLoading: j,
@@ -4225,15 +4267,15 @@ const Nr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   } = fn({
     queryKey: [e, t],
     queryFn: r
-  }), S = Rr({
+  }), E = Rr({
     queryClient: f,
     queryKey: [e, t],
     user: h,
-    mutationFn: a
-  }), { mutate: k } = de(S), T = Fr({
+    mutationFn: i
+  }), { mutate: k } = de(E), T = Fr({
     queryClient: f,
     queryKey: [e, t],
-    mutationFn: async (w) => await l(w)
+    mutationFn: async (w) => await c(w)
   }), {
     mutate: M
   } = de(T), C = Lr({
@@ -4273,9 +4315,9 @@ const Nr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
         membershipRequiredToPost: {
           isMember: n,
           required: !0,
-          join: i,
-          leave: c,
-          notMemberStateText: u.formatMessage({ id: "community_joinToPost" })
+          join: a,
+          leave: u,
+          notMemberStateText: l.formatMessage({ id: "community_joinToPost" })
         }
       }
     ),
@@ -4341,17 +4383,17 @@ const Nr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   mutationFn: n
 }) => ({ mutationFn: n, onMutate: async () => {
   await e.cancelQueries({ queryKey: t });
-}, onError: (o, i, c) => {
-  e.setQueryData(t, c.previousActivity);
+}, onError: (o, a, u) => {
+  e.setQueryData(t, u.previousActivity);
 }, onSuccess: (o) => {
-  var c;
-  const i = e.getQueryData(t);
-  if (i)
-    return (c = i == null ? void 0 : i.latest_reactions) != null && c.reply ? (i.latest_reactions.reply.unshift(o), i && (i.reaction_counts = {
-      reply: i.latest_reactions.reply.length
-    })) : (i.latest_reactions = { reply: [o] }, i.reaction_counts = { reply: 1 }), e.setQueryData(t, () => ({
-      ...i
-    })), { previousActivity: i };
+  var u;
+  const a = e.getQueryData(t);
+  if (a)
+    return (u = a == null ? void 0 : a.latest_reactions) != null && u.reply ? (a.latest_reactions.reply.unshift(o), a && (a.reaction_counts = {
+      reply: a.latest_reactions.reply.length
+    })) : (a.latest_reactions = { reply: [o] }, a.reaction_counts = { reply: 1 }), e.setQueryData(t, () => ({
+      ...a
+    })), { previousActivity: a };
 }, onSettled: () => {
   e.invalidateQueries({ queryKey: t });
 } }), Ir = ({
@@ -4361,23 +4403,23 @@ const Nr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
 }) => ({
   mutationFn: n,
   onMutate: async ({
-    replyInfo: l,
+    replyInfo: c,
     content: { body: d }
   }) => {
-    var c, u, f;
+    var u, l, f;
     if (d.length === 0)
       return;
     await e.cancelQueries({ queryKey: t });
     const o = e.getQueryData(t);
-    if (!o || !((c = o == null ? void 0 : o.latest_reactions) != null && c.reply))
+    if (!o || !((u = o == null ? void 0 : o.latest_reactions) != null && u.reply))
       return;
-    const i = (f = (u = o == null ? void 0 : o.latest_reactions) == null ? void 0 : u.reply) == null ? void 0 : f.map((h) => (h.id === l.replySlug && (h.data.content = d), h));
+    const a = (f = (l = o == null ? void 0 : o.latest_reactions) == null ? void 0 : l.reply) == null ? void 0 : f.map((h) => (h.id === c.replySlug && (h.data.content = d), h));
     return e.setQueryData(t, () => ({
       ...o,
-      latest_reactions: { reply: i }
+      latest_reactions: { reply: a }
     })), { previousActivity: o };
   },
-  onError: (l, d, o) => {
+  onError: (c, d, o) => {
     e.setQueryData(t, o.previousActivity);
   }
 }), Hr = ({
@@ -4385,24 +4427,27 @@ const Nr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   queryKey: t,
   mutationFn: n
 }) => ({ mutationFn: n, onMutate: async ({ replyId: d }) => {
-  var c, u;
+  var u, l;
   await e.cancelQueries({ queryKey: t });
-  const o = e.getQueryData(t), i = (u = (c = o == null ? void 0 : o.latest_reactions) == null ? void 0 : c.reply) == null ? void 0 : u.map((f) => {
+  const o = e.getQueryData(t), a = (l = (u = o == null ? void 0 : o.latest_reactions) == null ? void 0 : u.reply) == null ? void 0 : l.map((f) => {
     var h;
     return f.id === d && ((h = f.children_counts) != null && h.like ? f.children_counts.like += 1 : f.children_counts = { like: 1 }), f;
   });
   return e.setQueryData(t, () => ({
     ...o,
-    latest_reactions: { reply: i }
+    latest_reactions: { reply: a }
   })), { previousActivity: o };
-}, onError: (d, o, i) => {
-  e.setQueryData(t, i.previousActivity);
+}, onError: (d, o, a) => {
+  e.setQueryData(t, a.previousActivity);
 }, onSuccess: (d) => {
-  var c;
-  const o = e.getQueryData(t), i = (c = o == null ? void 0 : o.latest_reactions.reply) == null ? void 0 : c.map((u) => (u.id === d.id && (u.latest_children.like ? u.latest_children.like.push(d) : u.latest_children.like = [d]), u));
+  var u;
+  const o = e.getQueryData(t), a = (u = o == null ? void 0 : o.latest_reactions.reply) == null ? void 0 : u.map((l) => {
+    var f, h;
+    return l.id === d.id && ((f = l.own_children) != null && f.like ? l.own_children.like.push(d) : l.own_children = { like: [d] }, (h = l.latest_children) != null && h.like ? l.latest_children.like.push(d) : l.latest_children = { like: [d] }), l;
+  });
   return e.setQueryData(t, () => ({
     ...o,
-    latest_reactions: { reply: i }
+    latest_reactions: { reply: a }
   })), { previousActivity: o };
 } }), Qr = ({
   queryClient: e,
@@ -4410,33 +4455,39 @@ const Nr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   user: n,
   mutationFn: r
 }) => ({ mutationFn: r, onMutate: async ({ replyId: o }) => {
-  var u;
+  var l;
   await e.cancelQueries({ queryKey: t });
-  const i = e.getQueryData(t);
-  if (!i)
+  const a = e.getQueryData(t);
+  if (!a)
     return;
-  const c = (u = i.latest_reactions.reply) == null ? void 0 : u.map((f) => (f.id === o && f.children_counts.like && (f.children_counts.like -= 1), f));
+  const u = (l = a.latest_reactions.reply) == null ? void 0 : l.map((f) => (f.id === o && f.children_counts.like && (f.children_counts.like -= 1), f));
   return e.setQueryData(t, () => ({
-    ...i,
-    latest_reactions: { reply: c }
-  })), { previousActivity: i };
-}, onError: (o, i, c) => {
-  e.setQueryData(t, c.previousActivity);
-}, onSuccess: (o, { replyId: i }) => {
+    ...a,
+    latest_reactions: { reply: u }
+  })), { previousActivity: a };
+}, onError: (o, a, u) => {
+  e.setQueryData(t, u.previousActivity);
+}, onSuccess: (o, { replyId: a }) => {
   var f;
-  const c = e.getQueryData(t);
-  if (!c)
+  const u = e.getQueryData(t);
+  if (!u)
     return;
-  const u = (f = c.latest_reactions.reply) == null ? void 0 : f.map((h) => {
-    var p;
-    return h.id === i ? (p = h.latest_children.reply) == null ? void 0 : p.filter(
-      (j) => j.user_id !== (n == null ? void 0 : n.id)
-    ) : h;
+  const l = (f = u.latest_reactions.reply) == null ? void 0 : f.map((h) => {
+    var p, _, j;
+    if (h.id === a) {
+      let g = (p = h.latest_children.reply) == null ? void 0 : p.filter(
+        (E) => E.user_id !== (n == null ? void 0 : n.id)
+      );
+      return g = (j = (_ = h == null ? void 0 : h.own_children) == null ? void 0 : _.reply) == null ? void 0 : j.filter(
+        (E) => E.user_id !== (n == null ? void 0 : n.id)
+      ), g;
+    }
+    return h;
   });
   return e.setQueryData(t, () => ({
-    ...c,
-    latest_reactions: { reply: u }
-  })), { previousActivity: c };
+    ...u,
+    latest_reactions: { reply: l }
+  })), { previousActivity: u };
 } }), Ur = ({
   queryClient: e,
   queryKey: t,
@@ -4447,15 +4498,15 @@ const Nr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     await e.cancelQueries({ queryKey: t });
   },
   onSuccess: (o) => {
-    var u;
-    const i = e.getQueryData(t), c = (u = i == null ? void 0 : i.latest_reactions.reply) == null ? void 0 : u.map((f) => (f.id === o.parent && (f.latest_children.reply && f.children_counts.reply ? (f.latest_children.reply.push(o), f.children_counts.reply += 1) : (f.latest_children.reply = [o], f.children_counts.reply = 1)), f));
+    var l;
+    const a = e.getQueryData(t), u = (l = a == null ? void 0 : a.latest_reactions.reply) == null ? void 0 : l.map((f) => (f.id === o.parent && (f.latest_children.reply && f.children_counts.reply ? (f.latest_children.reply.push(o), f.children_counts.reply += 1) : (f.latest_children.reply = [o], f.children_counts.reply = 1)), f));
     return e.setQueryData(t, () => ({
-      ...i,
-      latest_reactions: { reply: c }
-    })), { previousActivity: i };
+      ...a,
+      latest_reactions: { reply: u }
+    })), { previousActivity: a };
   },
-  onError: (o, i, c) => {
-    e.setQueryData(t, c.previousActivity);
+  onError: (o, a, u) => {
+    e.setQueryData(t, u.previousActivity);
   },
   onSettled: () => {
     e.invalidateQueries({ queryKey: t });
@@ -4464,26 +4515,26 @@ const Nr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   queryClient: e,
   queryKey: t,
   mutationFn: n
-}) => ({ mutationFn: n, onError: (l, d, o) => {
+}) => ({ mutationFn: n, onError: (c, d, o) => {
   e.setQueryData(t, o.previousActivity);
 }, onMutate: async ({
-  replyInfo: l,
+  replyInfo: c,
   content: { body: d }
 }) => {
-  var c, u, f;
+  var u, l, f;
   if (d.length === 0)
     return;
   await e.cancelQueries({ queryKey: t });
   const o = e.getQueryData(t);
-  if (!o || !((c = o == null ? void 0 : o.latest_reactions) != null && c.reply))
+  if (!o || !((u = o == null ? void 0 : o.latest_reactions) != null && u.reply))
     return;
-  const i = (f = (u = o == null ? void 0 : o.latest_reactions) == null ? void 0 : u.reply) == null ? void 0 : f.map((h) => {
+  const a = (f = (l = o == null ? void 0 : o.latest_reactions) == null ? void 0 : l.reply) == null ? void 0 : f.map((h) => {
     var p;
-    return h.id === l.replyParentId && ((p = h.latest_children.reply) == null || p.map((_) => (_.id === l.replySlug && (_.data.content = d), _))), h;
+    return h.id === c.replyParentId && ((p = h.latest_children.reply) == null || p.map((_) => (_.id === c.replySlug && (_.data.content = d), _))), h;
   });
   return e.setQueryData(t, () => ({
     ...o,
-    latest_reactions: { reply: i }
+    latest_reactions: { reply: a }
   })), { previousActivity: o };
 } }), mn = ({
   queryClient: e,
@@ -4493,9 +4544,9 @@ const Nr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   replyId: d,
   replyParentId: o
 }) => {
-  var u;
+  var l;
   await e.cancelQueries({ queryKey: t });
-  const i = e.getQueryData(t), c = (u = i == null ? void 0 : i.latest_reactions.reply) == null ? void 0 : u.map((f) => {
+  const a = e.getQueryData(t), u = (l = a == null ? void 0 : a.latest_reactions.reply) == null ? void 0 : l.map((f) => {
     var h;
     return f.id === o && ((h = f.latest_children.reply) == null || h.map((p) => {
       var _;
@@ -4503,44 +4554,44 @@ const Nr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     })), f;
   });
   return e.setQueryData(t, () => ({
-    ...i,
-    latest_reactions: { reply: c }
-  })), { previousActivity: i };
-}, onError: (d, o, i) => {
-  e.setQueryData(t, i.previousActivity);
+    ...a,
+    latest_reactions: { reply: u }
+  })), { previousActivity: a };
+}, onError: (d, o, a) => {
+  e.setQueryData(t, a.previousActivity);
 }, onSuccess: (d, o) => {
-  var u;
-  const i = e.getQueryData(t), c = (u = i == null ? void 0 : i.latest_reactions.reply) == null ? void 0 : u.map((f) => {
+  var l;
+  const a = e.getQueryData(t), u = (l = a == null ? void 0 : a.latest_reactions.reply) == null ? void 0 : l.map((f) => {
     var h;
     return f.id === o.replyParentId && ((h = f.latest_children.reply) == null || h.map((p) => (p.id === o.replyId && (p.latest_children = p.latest_children || {}, p.own_children = p.own_children || {}, p.latest_children.like = p.latest_children.like || [], p.own_children.like = p.own_children.like || [], p.latest_children.like.push(d), p.own_children.like.push(d)), p))), f;
   });
   return e.setQueryData(t, () => ({
-    ...i,
-    latest_reactions: { reply: c }
-  })), { previousActivity: i };
+    ...a,
+    latest_reactions: { reply: u }
+  })), { previousActivity: a };
 } }), Wr = ({
   basePath: e,
   parentId: t,
   replyParentId: n,
   activityId: r,
-  replyCount: a,
-  replies: l,
-  functions: { create: d, edit: o, join: i, leave: c, like: u, unlike: f }
+  replyCount: i,
+  replies: c,
+  functions: { create: d, edit: o, join: a, leave: u, like: l, unlike: f }
 }) => {
-  const h = N(), p = st(), _ = ge(lt), j = Ur({
+  const h = A(), p = st(), _ = ge(lt), j = Ur({
     queryClient: p,
     queryKey: [e, t, r],
     mutationFn: async (b) => d({ replyId: n, content: b.body })
-  }), { mutate: g } = de(j), S = zr({
+  }), { mutate: g } = de(j), E = zr({
     queryClient: p,
     queryKey: [e, t, r],
     mutationFn: o
   }), {
     mutate: k
-  } = de(S), T = mn({
+  } = de(E), T = mn({
     queryClient: p,
     queryKey: [e, t, r],
-    mutationFn: u
+    mutationFn: l
   }), {
     mutate: M
   } = de(T), C = mn({
@@ -4557,12 +4608,26 @@ const Nr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     [I]
   );
   return /* @__PURE__ */ s.jsx(
-    Nr,
+    Ar,
     {
-      count: a,
-      showRepliesButton: a > 0 || _.showForm,
+      count: i,
+      showRepliesButton: i > 0 || _.showForm,
       children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-        (l == null ? void 0 : l.length) === 0 || (l == null ? void 0 : l.map((b) => {
+        _.showForm && /* @__PURE__ */ s.jsx(
+          It,
+          {
+            contentType: "reply",
+            createPost: (b, Q) => g(Q),
+            membershipRequiredToPost: {
+              isMember: !0,
+              required: !0,
+              join: a,
+              leave: u,
+              notMemberStateText: h.formatMessage({ id: "community_joinToPost" })
+            }
+          }
+        ),
+        (c == null ? void 0 : c.length) === 0 || (c == null ? void 0 : c.map((b) => {
           var Q, w, Y, L, O, U, W, Z, re, oe, ae, ie, se, P, te;
           return /* @__PURE__ */ s.jsx(
             ct,
@@ -4614,21 +4679,7 @@ const Nr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
             },
             b == null ? void 0 : b.id
           );
-        })),
-        _.showForm && /* @__PURE__ */ s.jsx(
-          It,
-          {
-            contentType: "reply",
-            createPost: (b, Q) => g(Q),
-            membershipRequiredToPost: {
-              isMember: !0,
-              required: !0,
-              join: i,
-              leave: c,
-              notMemberStateText: h.formatMessage({ id: "community_joinToPost" })
-            }
-          }
-        )
+        }))
       ] })
     }
   );
@@ -4637,19 +4688,19 @@ const Nr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   parentId: t,
   activityId: n,
   repliesList: r,
-  isMember: a,
-  functions: { createReply: l, editReply: d, like: o, unlike: i, join: c, leave: u }
+  isMember: i,
+  functions: { createReply: c, editReply: d, like: o, unlike: a, join: u, leave: l }
 }) => {
-  const f = N(), h = st(), p = ge(Se), _ = Br({
+  const f = A(), h = st(), p = ge(Se), _ = Br({
     queryClient: h,
     queryKey: [e, t, n],
-    mutationFn: async (x) => l({ activityId: n, content: x.body })
+    mutationFn: async (x) => c({ activityId: n, content: x.body })
   }), { mutate: j } = de(_), g = Ir({
     queryClient: h,
     queryKey: [e, t, n],
     mutationFn: async (x) => d(x)
   }), {
-    mutate: S
+    mutate: E
   } = de(g), k = Hr({
     queryClient: h,
     queryKey: [e, t, n],
@@ -4660,7 +4711,7 @@ const Nr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     queryClient: h,
     queryKey: [e, t, n],
     user: p,
-    mutationFn: i
+    mutationFn: a
   }), {
     mutate: C
   } = de(M), I = ke(
@@ -4675,21 +4726,19 @@ const Nr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
       It,
       {
         contentType: "reply",
-        createPost: (x, b) => {
-          j(b);
-        },
+        createPost: (x, b) => j(b),
         membershipRequiredToPost: {
-          isMember: a,
+          isMember: i,
           required: !0,
-          join: c,
-          leave: u,
+          join: u,
+          leave: l,
           notMemberStateText: f.formatMessage({ id: "community_joinToPost" })
         }
       }
     ),
     (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(a, b);
+      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(
         ct,
         {
@@ -4720,13 +4769,13 @@ const Nr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
             content: {
               createContent: () => console.log("create"),
               deleteContent: () => console.log("delete"),
-              updateContent: (_e, xe) => S({ replyInfo: _e, content: xe })
+              updateContent: (_e, xe) => E({ replyInfo: _e, content: xe })
             },
             likes: {
               createLike: () => I({ replyId: x == null ? void 0 : x.id }),
               deleteLike: () => {
-                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);
+                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);
                 return V({ replyId: _e || "" });
               }
             },
@@ -4741,14 +4790,14 @@ const Nr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
               activityId: n,
               replyCount: ((ue = x == null ? void 0 : x.children_counts) == null ? void 0 : ue.reply) || 0,
               replies: (fe = x == null ? void 0 : x.latest_children) == null ? void 0 : fe.reply,
-              isMember: a,
+              isMember: i,
               functions: {
-                create: l,
+                create: c,
                 edit: d,
                 like: o,
-                unlike: i,
-                join: c,
-                leave: u
+                unlike: a,
+                join: u,
+                leave: l
               }
             }
           )
@@ -4770,13 +4819,13 @@ const Nr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     if (o.length === 0)
       return;
     await e.cancelQueries({ queryKey: t });
-    const i = e.getQueryData(t);
-    return i && i.id === (d == null ? void 0 : d.activityId) && (i.content = o), e.setQueryData(t, () => ({
-      ...i
-    })), { previousActivity: i };
+    const a = e.getQueryData(t);
+    return a && a.id === (d == null ? void 0 : d.activityId) && (a.content = o), e.setQueryData(t, () => ({
+      ...a
+    })), { previousActivity: a };
   },
-  onError: (d, o, i) => {
-    e.setQueryData(t, i.previousActivity);
+  onError: (d, o, a) => {
+    e.setQueryData(t, a.previousActivity);
   },
   onSettled: () => {
     e.invalidateQueries({ queryKey: t });
@@ -4786,19 +4835,19 @@ const Nr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   queryKey: t,
   mutationFn: n
 }) => ({ mutationFn: n, onMutate: async () => {
-  var i;
+  var a;
   await e.cancelQueries({ queryKey: t });
   const o = e.getQueryData(t);
-  return (i = o == null ? void 0 : o.reaction_counts) != null && i.like ? o.reaction_counts.like += 1 : o && (o.reaction_counts = { like: 1 }), e.setQueryData(t, () => ({
+  return (a = o == null ? void 0 : o.reaction_counts) != null && a.like ? o.reaction_counts.like += 1 : o && (o.reaction_counts = { like: 1 }), e.setQueryData(t, () => ({
     ...o
   })), { previousActivity: o };
-}, onError: (o, i, c) => {
-  e.setQueryData(t, c.previousActivity);
+}, onError: (o, a, u) => {
+  e.setQueryData(t, u.previousActivity);
 }, onSuccess: (o) => {
-  const i = e.getQueryData(t);
-  return i != null && i.latest_reactions.like ? i.latest_reactions.like.push(o) : i && (i.latest_reactions = { like: [o] }), e.setQueryData(t, () => ({
-    ...i
-  })), { previousActivity: i };
+  const a = e.getQueryData(t);
+  return a != null && a.own_reactions.like ? a.own_reactions.like.push(o) : a && (a.own_reactions = { like: [o] }), a != null && a.latest_reactions.like ? a.latest_reactions.like.push(o) : a && (a.latest_reactions = { like: [o] }), e.setQueryData(t, () => ({
+    ...a
+  })), { previousActivity: a };
 }, onSettled: () => {
   e.invalidateQueries({ queryKey: t });
 } }), Jr = ({
@@ -4806,44 +4855,47 @@ const Nr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   queryKey: t,
   user: n,
   activity: r,
-  mutationFn: a
-}) => ({ mutationFn: a, onMutate: async () => {
-  var u;
+  mutationFn: i
+}) => ({ mutationFn: i, onMutate: async () => {
+  var l;
   await e.cancelQueries({ queryKey: t });
-  const c = e.getQueryData(t);
-  return (u = c == null ? void 0 : c.reaction_counts) != null && u.like && c.reaction_counts.like > 0 && (c.reaction_counts.like -= 1), e.setQueryData(t, () => ({
-    ...c
-  })), { previousActivity: c };
-}, onError: (c, u, f) => {
+  const u = e.getQueryData(t);
+  return (l = u == null ? void 0 : u.reaction_counts) != null && l.like && u.reaction_counts.like > 0 && (u.reaction_counts.like -= 1), e.setQueryData(t, () => ({
+    ...u
+  })), { previousActivity: u };
+}, onError: (u, l, f) => {
   e.setQueryData(t, f.previousActivity);
 }, onSuccess: () => {
   var f, h, p;
   if (!r)
     return;
-  const c = (p = (h = (f = r.latest_reactions) == null ? void 0 : f.like) == null ? void 0 : h.find(
+  const u = (p = (h = (f = r.own_reactions) == null ? void 0 : f.like) == null ? void 0 : h.find(
     (_) => _.user_id === (n == null ? void 0 : n.id)
-  )) == null ? void 0 : p.id, u = e.getQueryData(t);
-  if (u != null && u.latest_reactions.like)
-    return u.latest_reactions.like = u.latest_reactions.like.filter(
-      (_) => _.id !== c
+  )) == null ? void 0 : p.id, l = e.getQueryData(t);
+  if (l != null && l.own_reactions.like && (l.own_reactions.like = l.own_reactions.like.filter(
+    (_) => _.id !== u
+  ), !!(l != null && l.latest_reactions.like)))
+    return l.latest_reactions.like = l.latest_reactions.like.filter(
+      (_) => _.id !== u
     ), e.setQueryData(t, () => ({
-      ...u
-    })), { previousActivity: u };
+      ...l
+    })), { previousActivity: l };
 }, onSettled: () => {
   e.invalidateQueries({ queryKey: t });
-} }), Ro = ({
+} });
+const Ro = ({
   basePath: e,
   parentId: t,
   activityId: n,
   isMember: r,
   functions: {
-    get: a,
-    editActivity: l,
+    get: i,
+    editActivity: c,
     likeActivity: d,
     unlikeActivity: o,
-    createReply: i,
-    editReply: c,
-    likeReply: u,
+    createReply: a,
+    editReply: u,
+    likeReply: l,
     unlikeReply: f,
     join: h,
     leave: p
@@ -4852,16 +4904,16 @@ const Nr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   var O, U, W, Z, re, oe, ae, ie, se, P, te;
   const _ = ge(Se), j = st(), {
     data: g,
-    error: S,
+    error: E,
     isLoading: k,
     isFetching: T
   } = fn({
     queryKey: [e, t, n],
-    queryFn: a
+    queryFn: i
   }), M = Yr({
     queryClient: j,
     queryKey: [e, t, n],
-    mutationFn: async (G) => await l(G)
+    mutationFn: async (G) => await c(G)
   }), {
     mutate: C
   } = de(M), I = Gr({
@@ -4891,14 +4943,15 @@ const Nr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     async ({ activityId: G }) => b({ activityId: G }),
     [b]
   );
-  if (S)
-    return /* @__PURE__ */ s.jsx(it, { variant: "error", text: S.message });
+  if (E)
+    return /* @__PURE__ */ s.jsx(it, { variant: "error", text: E.message });
   if (k || T)
     return /* @__PURE__ */ s.jsx(je, { style: { height: "400px" } });
   const Y = ((O = g == null ? void 0 : g.actor) == null ? void 0 : O.id) === (_ == null ? void 0 : _.id), L = Ht(r, Y);
   return /* @__PURE__ */ s.jsx(
     ct,
     {
+      className: "activity-section",
       content: {
         type: "post",
         body: g == null ? void 0 : g.content,
@@ -4954,10 +5007,10 @@ const Nr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
             repliesList: (te = g == null ? void 0 : g.latest_reactions) == null ? void 0 : te.reply,
             isMember: r,
             functions: {
-              createReply: i,
-              like: u,
+              createReply: a,
+              like: l,
               unlike: f,
-              editReply: c,
+              editReply: u,
               join: h,
               leave: p
             }
@@ -4967,15 +5020,15 @@ const Nr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     },
     n
   );
-}, Fo = ({ id: e, data: { jobTitle: t, name: n, organization: r, thumbnail: a } }) => ({
+}, Fo = ({ id: e, data: { jobTitle: t, name: n, organization: r, thumbnail: i } }) => ({
   id: e,
   name: n,
   jobTitle: t,
   organization: r,
-  image: { thumbnail: a }
+  image: { thumbnail: i }
 });
 export {
-  At as ASSETS_BUCKET,
+  Nt as ASSETS_BUCKET,
   Po as ActivitiesFeed,
   Ro as ActivitySection,
   It as AddPost,
@@ -4994,7 +5047,7 @@ export {
   Pn as DiscussionForm,
   Mr as DiscussionLikes,
   ct as DiscussionPost,
-  Nr as DiscussionThread,
+  Ar as DiscussionThread,
   De as Divider,
   fo as DownloadSection,
   Oe as EMAILS,
@@ -5005,14 +5058,14 @@ export {
   Mn as Footer,
   wn as FullWidthSection,
   vo as GlobalProviders,
-  Nn as Header,
+  An as Header,
   zs as HelperTextBox,
   gn as HiddenFromScreenReaders,
   xo as HideShowTextBox,
   Ee as HighlightedTextBox,
   ur as IntlProvider,
   wr as InviteForm,
-  Ao as InviteModal,
+  No as InviteModal,
   Tn as JoinButton,
   yo as LanguageSwitcher,
   at as Link,
@@ -5037,7 +5090,7 @@ export {
   tr as ProgressBar,
   $o as Rating,
   Vr as RepliesFeed,
-  No as ResponsesHeading,
+  Ao as ResponsesHeading,
   Is as ResponsiveImage,
   vr as SearchForm,
   Ks as Span,