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

package/index.mjs

@@ -1,7 +1,7 @@
 import N, { memo as Ne, useState as F, useEffect as X, useRef as ne, useMemo as et, Children as Mt, createContext as Ft, useContext as ge, Fragment as Ct, useCallback as ke, useReducer as rs, Suspense as os } from "react";
 import as from "lodash.clonedeep";
 import is from "lodash.set";
-import { useIntl as A, IntlProvider as cs, createIntl as ls, 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";
@@ -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 }) => N.createElement(e, { ...r, className: E("hidden", { "show-on-focus": t }), children: n }), ce = Ne(ws), ks = ({ element: e = "span", children: t = null, ...n }) => N.createElement(e, { ...n, "aria-hidden": !0 }, t), gn = Ne(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
@@ -102,7 +102,7 @@ function ys() {
       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);
@@ -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)
@@ -314,14 +314,14 @@ function ys() {
       } catch (be) {
         if (be && $ && typeof be.stack == "string") {
           for (var D = be.stack.split(`
-`), le = $.stack.split(`
-`), q = D.length - 1, ee = le.length - 1; q >= 1 && ee >= 0 && D[q] !== le[ee]; )
+`), ce = $.stack.split(`
+`), q = D.length - 1, ee = ce.length - 1; q >= 1 && ee >= 0 && D[q] !== ce[ee]; )
             ee--;
           for (; q >= 1 && ee >= 0; q--, ee--)
-            if (D[q] !== le[ee]) {
+            if (D[q] !== ce[ee]) {
               if (q !== 1 || ee !== 1)
                 do
-                  if (q--, ee--, ee < 0 || D[q] !== le[ee]) {
+                  if (q--, ee--, ee < 0 || D[q] !== ce[ee]) {
                     var he = `
 ` + D[q].replace(" at new ", " at ");
                     return m.displayName && he.includes("<anonymous>") && (he = he.replace("<anonymous>", m.displayName)), typeof m == "function" && xe.set(m, he), he;
@@ -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);
@@ -388,8 +388,8 @@ function ys() {
             var D = void 0;
             try {
               if (typeof m[R] != "function") {
-                var le = Error(($ || "React class") + ": " + y + " type `" + R + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof m[R] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw le.name = "Invariant Violation", le;
+                var ce = Error(($ || "React class") + ": " + y + " type `" + R + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof m[R] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw ce.name = "Invariant Violation", ce;
               }
               D = m[R](v, R, $, y, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (q) {
@@ -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,
@@ -505,8 +505,8 @@ function ys() {
     };
     function Jn(m, v, y, $, B) {
       {
-        var z, R = {}, D = null, le = null;
-        y !== void 0 && (Wt(y), D = "" + y), zn(v) && (Wt(v.key), D = "" + v.key), Un(v) && (le = v.ref, Wn(v, B));
+        var z, R = {}, D = null, ce = null;
+        y !== void 0 && (Wt(y), D = "" + y), zn(v) && (Wt(v.key), D = "" + v.key), Un(v) && (ce = v.ref, Wn(v, B));
         for (z in v)
           Qe.call(v, z) && !Qn.hasOwnProperty(z) && (R[z] = v[z]);
         if (m && m.defaultProps) {
@@ -514,14 +514,14 @@ function ys() {
           for (z in q)
             R[z] === void 0 && (R[z] = q[z]);
         }
-        if (D || le) {
+        if (D || ce) {
           var ee = typeof m == "function" ? m.displayName || m.name || "Unknown" : m;
-          D && Vn(R, ee), le && Yn(R, ee);
+          D && Vn(R, ee), ce && Yn(R, ee);
         }
-        return Gn(m, D, le, B, $, Pe.current, R);
+        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);
@@ -645,8 +645,8 @@ Check the top-level render call using <` + y + ">.");
         if (!R) {
           var D = "";
           (m === void 0 || typeof m == "object" && m !== null && Object.keys(m).length === 0) && (D += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var le = Xn(B);
-          le ? D += le : D += Jt();
+          var ce = Xn(B);
+          ce ? D += ce : D += Jt();
           var q;
           m === null ? q = "null" : dt(m) ? q = "array" : m !== void 0 && m.$$typeof === t ? (q = "<" + (L(m.type) || "Unknown") + " />", D = " Did you accidentally export a JSX literal instead of a component?") : q = typeof m, k("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", q, D);
         }
@@ -710,7 +710,7 @@ 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 = a.current;
       return o.current = a.current = null, c.current = x, u.current = l.current.apply(Q, b);
@@ -749,7 +749,7 @@ function Ss(e, t, n) {
       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, i = r.leading, c = r.trailing;
@@ -1199,14 +1199,14 @@ Thank you for helping to protect the Apolitical community from abusive content.`
 }) => {
   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, _, {
+    className: S(e, o, _, {
       "no-text": !l,
       disabled: a,
       button: i
@@ -1219,15 +1219,15 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   return i && (c = "a", j.href = i), N.createElement(
     c,
     j,
-    l || (u ? /* @__PURE__ */ s.jsx(ce, { showOnFocus: !1, children: u }) : 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", 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: E("button-wrapper", t), ...n, children: i });
+  return N.createElement(r, { className: S("button-wrapper", t), ...n, children: i });
 };
 const De = ({ className: e = "", maxWidth: t = !1 }) => {
   const n = t ? { "--max-width": `${t / 16}rem` } : {};
-  return /* @__PURE__ */ s.jsx("hr", { className: E(e, { "has-max-width": t }), style: n });
+  return /* @__PURE__ */ s.jsx("hr", { className: S(e, { "has-max-width": t }), style: n });
 }, at = ({
   href: e,
   children: t,
@@ -1244,7 +1244,7 @@ const De = ({ className: e = "", maxWidth: t = !1 }) => {
       "a",
       {
         href: e,
-        className: E("gtm-trackable", r),
+        className: S("gtm-trackable", r),
         ...a,
         children: t
       }
@@ -1437,9 +1437,9 @@ const Hs = ({ isOpen: e = !1, isLoading: t = !1, children: n }) => {
     e ? d("opening") : (d("closing"), a = "hidden"), Le = setTimeout(() => {
       d(a);
     }, 300);
-  }, [e]), /* @__PURE__ */ s.jsx("aside", { ref: i, className: E("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 });
+  }, [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((i) => {
@@ -1453,7 +1453,7 @@ const fo = ({ text: e, buttons: t, className: n = "" }) => {
       target: "_blank",
       children: i.text
     });
-  }), /* @__PURE__ */ s.jsx(wn, { className: E("download-section", n), children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+  }), /* @__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 })
   ] }) });
@@ -1466,12 +1466,12 @@ const ho = ({ title: e = !1, logos: t = [], className: n = "" }) => {
     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: [
+  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: c, nameOfBusiness: d, link: o = !1, description: a = !1 }, u) => {
             if (!c || !c.url)
@@ -1554,7 +1554,7 @@ const Qs = [
   }), /* @__PURE__ */ s.jsx(
     wn,
     {
-      className: E("banner-section", r, i, e, {
+      className: S("banner-section", r, i, e, {
         "has-image": n,
         "has-extra-spacing": i === "normal" && u.eyebrow && u.title
       }),
@@ -1594,7 +1594,7 @@ const go = ({
   title: n,
   text: r,
   gtmContext: i
-}) => !n && !r ? null : /* @__PURE__ */ s.jsxs("aside", { className: E("marketing-block", e), children: [
+}) => !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": i, "data-gtm-event-type": "learn-more-click", children: t.text })
@@ -1608,12 +1608,12 @@ const go = ({
 }, _o = "200,000+";
 const kn = ({ label: e = !1, className: t = "", children: n }) => {
   const r = A();
-  return /* @__PURE__ */ s.jsxs("details", { className: E("collapsible-section", t), children: [
+  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 i = n && !!Object.keys(n).length;
   const c = typeof n == "object" && "breakpoints" in n, d = rt(c);
@@ -1622,7 +1622,7 @@ const it = ({ variant: e = "empty", text: t = !1, button: n = !1, className: r =
     i = bn(d, h, f);
   }
   const { breakpoints: o, text: a = "", component: u, ...l } = n;
-  return /* @__PURE__ */ s.jsx(Ee, { variant: "subtle", className: E("empty-state-box", e, r), children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+  return /* @__PURE__ */ s.jsx(Ee, { variant: "subtle", className: S("empty-state-box", e, r), children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     t && /* @__PURE__ */ s.jsx(nt, { options: { forceBlock: !0 }, children: t }),
     i && typeof n == "object" && (u || /* @__PURE__ */ s.jsx(
       J,
@@ -1637,7 +1637,7 @@ const it = ({ variant: e = "empty", text: t = !1, button: n = !1, className: r =
 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: At, 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: [
+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,
@@ -1675,8 +1675,8 @@ const xo = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
   if (!r)
     return null;
   const h = ["opening", "open"].includes(u);
-  return /* @__PURE__ */ s.jsxs(Ee, { variant: "subtle", className: E("hide-show-text-box", e), children: [
-    /* @__PURE__ */ s.jsxs("div", { ref: d, className: E("content", u), children: [
+  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
     ] }),
@@ -1686,7 +1686,7 @@ 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: () => {
           l(h ? "ready-to-close" : "opening");
         },
@@ -1744,7 +1744,7 @@ const xo = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
   let r = "default";
   const i = e.src;
   return i.includes("youtube") || i.includes("vimeo") ? r = "video" : i.includes("riddle") || i.includes("sli.do") ? r = "poll" : i.includes("padlet") && (r = "padlet"), /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    /* @__PURE__ */ s.jsx(ce, { children: /* @__PURE__ */ s.jsx("a", { href: `#content-after-iframe-${n}`, children: t.formatMessage({ id: `markdown_skip${r === "default" ? "" : `_${r}`}` }) }) }),
+    /* @__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 })
   ] });
@@ -1787,13 +1787,13 @@ 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 }) => N.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 = A(), i = e > 75 ? 100 : e > 50 ? 75 : e > 25 ? 50 : e > 5 ? 25 : 0, c = { "--progress": `${e}%` };
-  return /* @__PURE__ */ s.jsx("span", { className: E(`progress-bar section-${i}`, n), style: c, children: /* @__PURE__ */ s.jsx(ce, { children: t ? `${e} ${t}` : r.formatMessage({ id: "progressBar" }, { number: e }) }) });
+  return /* @__PURE__ */ s.jsx("span", { className: S(`progress-bar section-${i}`, n), style: c, children: /* @__PURE__ */ s.jsx(le, { children: t ? `${e} ${t}` : r.formatMessage({ id: "progressBar" }, { number: e }) }) });
 }, tr = Ne(er);
 const _t = "loadingBlock_", nr = ({ progress: e = 0, steps: t = !1, className: n = "" }) => {
   const r = A();
@@ -1810,7 +1810,7 @@ const _t = "loadingBlock_", nr = ({ progress: e = 0, steps: t = !1, className: n
   return /* @__PURE__ */ s.jsxs(
     Ee,
     {
-      className: E("loading-block", n, { "has-icon": i && t[i].icon }),
+      className: S("loading-block", n, { "has-icon": i && t[i].icon }),
       variant: "subtle",
       style: d,
       children: [
@@ -1820,14 +1820,14 @@ const _t = "loadingBlock_", nr = ({ progress: e = 0, steps: t = !1, className: n
     }
   );
 }, bo = Ne(nr);
-const je = ({ element: e = "div", className: t = "", ...n }) => /* @__PURE__ */ s.jsx(gn, { element: e, className: E("loading-placeholder", t), ...n });
+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) => {
@@ -1852,7 +1852,7 @@ const an = 256, Ot = ({ className: e = "", src: t = "", name: n, alt: r, width:
     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 l = !1;
-  return t && t !== "" && !o && (t.includes("http") || t.includes("//")) && (l = !0), /* @__PURE__ */ s.jsx("figure", { className: E("profile-picture", e, { error: o }), ...d, children: l ? /* @__PURE__ */ s.jsx(
+  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,
@@ -1900,7 +1900,7 @@ const Bt = ({
   o.name || (o.name = d.formatMessage({ id: `member_${typeof t == "string" ? t : "community"}` }));
   const { name: a, url: u, image: l } = o, f = or(o), h = n && n.createdAt ? Cs(n.createdAt) : !1, p = n && n.createdAt ? Ms(n.createdAt) : "";
   return N.createElement(e, {
-    className: E("member text-medium", c),
+    className: S("member text-medium", c),
     children: /* @__PURE__ */ s.jsxs(
       at,
       {
@@ -1925,29 +1925,29 @@ const Bt = ({
     )
   });
 };
-const cn = {
+const ln = {
   small: 24,
   medium: 48
 }, ar = ({ element: e = "div", contributors: { total: t, data: n } = { total: void 0, data: [] }, styling: { showText: r, size: i, showGap: c, showPlaceholders: d } = { showText: !0, size: "medium", showGap: !0, showPlaceholders: !1 }, cutoff: o = 2, className: a = "" }) => {
   const u = A();
   return !n || n.length === 0 ? null : N.createElement(
     e,
-    { className: E("contributors", a, i, { "has-gap": c }), children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    { className: S("contributors", a, i, { "has-gap": c }), children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
       /* @__PURE__ */ s.jsx("ul", { children: n.map((l, f) => {
         let h, p = "";
         if (f < o) {
           const { name: _ = "", image: j = "" } = Sn(l);
           if (d)
             return /* @__PURE__ */ s.jsx(je, { element: "li", className: "contributor" }, f);
-          h = /* @__PURE__ */ s.jsx(Ot, { name: _, src: j, width: cn[i || "medium"], height: cn[i || "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" ? u.formatMessage({ id: `member_${n[0]}` }) : tt(n[0].name || "", 20) : null })
     ] }) }
@@ -1969,15 +1969,15 @@ const cn = {
     e && /* @__PURE__ */ s.jsx(ms, { initialIsOpen: !1 })
   ] });
 };
-var cr = Ft({ client: Xe });
-function lr(e) {
+var lr = Ft({ client: Xe });
+function cr(e) {
   var t = e.children, n = e.client, r = e.apiKey, i = e.options, c = et(function() {
     return n && r && console.warn("[PostHog.js] You have provided both a client and an apiKey to PostHogProvider. The apiKey will be ignored in favour of the client."), n && i && console.warn("[PostHog.js] You have provided both a client and options to PostHogProvider. The options will be ignored in favour of the client."), n || (r && (Xe.__loaded && console.warn("[PostHog.js] was already loaded elsewhere. This may cause issues."), Xe.init(r, i)), Xe);
   }, [n, r]);
-  return N.createElement(cr.Provider, { value: { client: c } }, 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(
-  lr,
+  cr,
   {
     apiKey: atob(process.env.REACT_APP_PUBLIC_POSTHOG_KEY),
     options: {
@@ -1997,7 +1997,7 @@ const dr = ({ children: e, user: t }) => t.isLoading ? /* @__PURE__ */ s.jsx(s.F
     ...Rs[r],
     ...n || {}
   };
-  return /* @__PURE__ */ s.jsx(cs, { locale: r, messages: i, 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, i] = F({ isLoading: !0 });
   return X(() => {
@@ -2022,7 +2022,7 @@ const xt = "joinCommunityButton", Tn = ({ isMember: e = !1, isShort: t = !1, fun
       onClick: async (p) => {
         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", u, { active: u === "joining" }),
+      className: S("join-community-button", u, { active: u === "joining" }),
       disabled: !d,
       ...f,
       children: /* @__PURE__ */ s.jsx("span", { className: "text", ...h, children: i.formatMessage({ id: `${xt}${["joining", "leaving"].includes(u) ? `_${u}` : o ? "_member" : t ? "_short" : ""}` }) })
@@ -2031,7 +2031,7 @@ const xt = "joinCommunityButton", Tn = ({ isMember: e = !1, isShort: t = !1, fun
 };
 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: E("community-details", i), children: [
+  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: [
@@ -2054,9 +2054,9 @@ const ko = ({
 }) => {
   const r = A();
   return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    /* @__PURE__ */ s.jsx(ce, { element: "p", children: r.formatMessage({ id: "breadcrumbs_label" }) }),
-    /* @__PURE__ */ s.jsx("ul", { className: E("breadcrumbs text-small", n), children: e.map(({ text: i, href: c, current: d = !1 }, o) => /* @__PURE__ */ s.jsxs("li", { children: [
-      d && /* @__PURE__ */ s.jsx(ce, { element: "span", children: r.formatMessage({ id: "breadcrumbs_currentPage" }) }),
+    /* @__PURE__ */ s.jsx(le, { element: "p", children: r.formatMessage({ id: "breadcrumbs_label" }) }),
+    /* @__PURE__ */ s.jsx("ul", { className: S("breadcrumbs text-small", n), children: e.map(({ text: i, href: c, current: d = !1 }, o) => /* @__PURE__ */ s.jsxs("li", { children: [
+      d && /* @__PURE__ */ s.jsx(le, { element: "span", children: r.formatMessage({ id: "breadcrumbs_currentPage" }) }),
       /* @__PURE__ */ s.jsx(at, { href: d ? void 0 : c, children: tt(i, t) })
     ] }, `${window.btoa(i)}_${o}`)) })
   ] });
@@ -2073,13 +2073,13 @@ const jo = ({
     let h = [];
     o.includes(l) ? h = o.filter((p) => p !== l) : l === "all" ? h = ["all"] : n ? h = [...o.filter((p) => p !== "all"), l] : h = [l], a((p) => (r && typeof r == "function" && r({ current: h, previous: p }), h)), f && typeof f == "function" && f();
   };
-  return /* @__PURE__ */ s.jsx("ul", { className: E("filters", i), children: d.map(({ id: l, 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": c.formatMessage({ id: "filters_disabled" }, { name: f }) }), /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
       "button",
       {
-        className: E(l, { selected: o.includes(l) }),
+        className: S(l, { selected: o.includes(l) }),
         onClick: (j) => {
           j.preventDefault(), j.stopPropagation(), u(l, p);
         },
@@ -2115,7 +2115,7 @@ const vt = { en: "English", es: "Español", fr: "Français", pt: "Português" },
   }, [e]), !r || !Object.values(r).some((j) => j && j.post_name))
     return null;
   const p = Object.keys(r), _ = l !== e;
-  return /* @__PURE__ */ s.jsxs("div", { className: E("language-switcher text-small", d, a), children: [
+  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 || u.formatMessage({ id: `${We}label` }) }),
       /* @__PURE__ */ s.jsx("ul", { children: p.map((j) => {
@@ -2125,8 +2125,8 @@ const vt = { en: "English", es: "Español", fr: "Français", pt: "Português" },
         return l === j ? g["aria-label"] = u.formatMessage({ id: `${We}selected` }, { language: vt[j] }) : g = {
           ...g,
           href: fr(j, c),
-          onClick: (S) => {
-            S.preventDefault(), S.stopPropagation(), f(j), i(j);
+          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);
       }) }),
@@ -2146,7 +2146,7 @@ const vt = { en: "English", es: "Español", fr: "Français", pt: "Português" },
     })
   ] });
 };
-const wt = ls({ locale: "en", messages: Lt }), hr = ({
+const wt = cs({ locale: "en", messages: Lt }), hr = ({
   page: e = 1,
   length: t = 0,
   limit: n = 10,
@@ -2171,7 +2171,7 @@ const wt = ls({ locale: "en", messages: Lt }), hr = ({
       _ instanceof Error && _.message && _.message.includes("Cannot read items") ? f(!0) : u(!0);
     }
   };
-  return /* @__PURE__ */ s.jsxs("footer", { className: E("load-more", d), children: [
+  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,
@@ -2197,7 +2197,7 @@ const pr = ({ element: e = "div", id: t = "more-menu", options: n, className: r
     document.removeEventListener("click", a, !0);
   })), N.createElement(e, {
     ref: c,
-    className: E("more-menu text-medium", r),
+    className: S("more-menu text-medium", r),
     children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
       /* @__PURE__ */ s.jsx(
         J,
@@ -2241,13 +2241,13 @@ 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(ce, { 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 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: E("columns", `layout-${e}`, n), children: N.Children.map(c, (d, o) => t !== !1 && o === t && i && i < gr[e] ? null : d) });
+  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 = A(), [t, n, r] = fs(jt), [i, c] = F(!t["apol-cookie-banner"]), d = () => {
@@ -2389,7 +2389,7 @@ const kt = "cookieBanner_", jt = ["apol-cookie-banner", "apolitical-performance-
     facebook: { href: "https://www.facebook.com/apoliticalco" }
   }
 };
-const Me = "footer_", Ze = "SiteFooter", ln = ({ group: e }) => {
+const Me = "footer_", Ze = "SiteFooter", cn = ({ group: e }) => {
   const t = we[e].order || [];
   let n = !1;
   return "text" in we[e] && (n = we[e].text), /* @__PURE__ */ s.jsxs(Ct, { children: [
@@ -2440,8 +2440,8 @@ const Me = "footer_", Ze = "SiteFooter", ln = ({ group: e }) => {
     }
   ),
   /* @__PURE__ */ s.jsx("footer", { children: ["platform", "community", "company", "contact"].map((e) => /* @__PURE__ */ s.jsxs("div", { className: "group", children: [
-    /* @__PURE__ */ s.jsx(ln, { group: e }),
-    Object.keys(we[e]).includes("child") && /* @__PURE__ */ s.jsx(ln, { group: we[e].child })
+    /* @__PURE__ */ s.jsx(cn, { group: e }),
+    Object.keys(we[e]).includes("child") && /* @__PURE__ */ s.jsx(cn, { group: we[e].child })
   ] }, e)) }),
   /* @__PURE__ */ s.jsx("hr", {}),
   /* @__PURE__ */ s.jsxs("div", { className: "sub-footer", children: [
@@ -2531,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) => u(S),
+            onClick: (E) => u(E),
             "data-testid": "send-verify-email-click"
           };
           break;
@@ -2591,15 +2591,15 @@ const Ge = "passwordRules_", Cn = "isMoreThanEightCharacters", Dn = "includesNum
   [Nn]: "lowercaseUppercase"
 }, br = ({ matchingRules: e = { isMoreThanEightCharacters: !1, includesNumberAndSymbol: !1, includesLowerAndUppercase: !1 }, className: t = "" }) => {
   const n = A();
-  return /* @__PURE__ */ s.jsxs("aside", { className: E("password-rules", t), children: [
+  return /* @__PURE__ */ s.jsxs("aside", { className: S("password-rules", t), children: [
     /* @__PURE__ */ s.jsx("small", { children: n.formatMessage({ id: `${Ge}intro` }) }),
-    /* @__PURE__ */ s.jsx("ul", { children: [Cn, Dn, Nn].map((r) => /* @__PURE__ */ s.jsxs("li", { className: E({ matches: e[r] }), children: [
-      /* @__PURE__ */ s.jsxs(ce, { 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` }),
         " "
       ] }),
       /* @__PURE__ */ s.jsx("span", { children: n.formatMessage({ id: `${Ge}rule_${xr[r]}` }) }),
-      !e[r] && /* @__PURE__ */ s.jsxs(ce, { element: "strong", children: [
+      !e[r] && /* @__PURE__ */ s.jsxs(le, { element: "strong", children: [
         " ",
         " ",
         n.formatMessage({ id: `${Ge}notMet` })
@@ -2618,10 +2618,10 @@ const $o = ({
 }) => {
   const o = A(), [a, u] = F({ setUp: !1, id: null, rating: null, disabled: !0 }), l = async () => {
     try {
-      const S = await n();
-      u((k) => ({ ...k, setUp: !0, id: S && S.id, disabled: !1 }));
-    } catch (S) {
-      u((k) => ({ ...k, setUp: !0, disabled: !0 })), i(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(() => {
@@ -2634,21 +2634,21 @@ const $o = ({
     high: o.formatMessage({ id: `${_}high` }),
     success: o.formatMessage({ id: `${_}success` }),
     ...e
-  }, g = async (S) => {
+  }, g = async (E) => {
     if (!(!f || p))
       try {
-        u((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) {
         u((T) => ({ ...T, rating: null })), i(k);
       } finally {
         u((k) => ({ ...k, disabled: !1 }));
       }
   };
-  return /* @__PURE__ */ s.jsxs("div", { className: E("rating", c), 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",
@@ -2686,11 +2686,11 @@ const vr = ({
     "form",
     {
       onSubmit: l,
-      className: E("search-form gtm-trackable", t),
+      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(ce, { element: "label", htmlFor: e, children: a.formatMessage({ id: "search_label" }) }),
+        /* @__PURE__ */ s.jsx(le, { element: "label", htmlFor: e, children: a.formatMessage({ id: "search_label" }) }),
         /* @__PURE__ */ s.jsx(
           "input",
           {
@@ -2712,10 +2712,10 @@ const vr = ({
             onClick: (f) => {
               f.preventDefault(), f.stopPropagation(), u.current && u.current.value && (u.current.value = "");
             },
-            children: /* @__PURE__ */ s.jsx(ce, { children: a.formatMessage({ id: "search_clear" }) })
+            children: /* @__PURE__ */ s.jsx(le, { children: a.formatMessage({ id: "search_clear" }) })
           }
         ),
-        /* @__PURE__ */ s.jsx("button", { className: "search", onClick: l, children: /* @__PURE__ */ s.jsx(ce, { children: a.formatMessage({ id: "search_cta" }) }) })
+        /* @__PURE__ */ s.jsx("button", { className: "search", onClick: l, children: /* @__PURE__ */ s.jsx(le, { children: a.formatMessage({ id: "search_cta" }) }) })
       ] }) })
     }
   );
@@ -2733,7 +2733,7 @@ const wr = ({
   initialFormStatus: u = "NOT_SUBMITTED"
   /* NOT_SUBMITTED */
 }) => {
-  const [l, f] = F([]), [h, p] = F(!0), [_, j] = F(u), { formatMessage: g } = A(), S = async (M) => {
+  const [l, f] = F([]), [h, p] = F(!0), [_, j] = F(u), { formatMessage: g } = A(), E = async (M) => {
     M.preventDefault();
     try {
       await a(l), f([]), j(
@@ -2771,8 +2771,8 @@ const wr = ({
     "form",
     {
       style: { backgroundColor: c },
-      onSubmit: S,
-      className: E("invite-form gtm-trackable"),
+      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 }),
@@ -3026,7 +3026,7 @@ 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: i, isOpen: r[k] }),
@@ -3045,14 +3045,14 @@ const wr = ({
       "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: [
+  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", { ...S, children: o.order.map((k) => {
+    o.order && /* @__PURE__ */ s.jsx("ul", { ...E, children: o.order.map((k) => {
       if (!o[k])
         return null;
       const T = {
@@ -3062,7 +3062,7 @@ const wr = ({
         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);
@@ -3112,8 +3112,8 @@ const kr = { height: 67, height_desktop: 83 }, An = () => {
       dispatch: d
     });
   }, [a.account]), t && t.isLoading ? null : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    /* @__PURE__ */ s.jsxs("nav", { id: "header", className: E({ "logged-in": r, "logged-out": !r, visible: o }), children: [
-      /* @__PURE__ */ s.jsx(ce, { element: "a", href: "#content-of-page", children: e.formatMessage({ id: "header_skip" }) }),
+    /* @__PURE__ */ s.jsxs("nav", { id: "header", className: S({ "logged-in": r, "logged-out": !r, visible: o }), children: [
+      /* @__PURE__ */ s.jsx(le, { element: "a", href: "#content-of-page", children: e.formatMessage({ id: "header_skip" }) }),
       /* @__PURE__ */ s.jsx($n, {}),
       !i.navigation && /* @__PURE__ */ s.jsx(
         "button",
@@ -3127,7 +3127,7 @@ const kr = { height: 67, height_desktop: 83 }, An = () => {
           "aria-haspopup": "true",
           "aria-expanded": a.navigation,
           "aria-controls": "navigation",
-          children: /* @__PURE__ */ s.jsx(ce, { children: e.formatMessage({ id: `header_menu_${a.navigation ? "hide" : "show"}` }) })
+          children: /* @__PURE__ */ s.jsx(le, { children: e.formatMessage({ id: `header_menu_${a.navigation ? "hide" : "show"}` }) })
         }
       ),
       /* @__PURE__ */ s.jsx(
@@ -3161,7 +3161,7 @@ const kr = { height: 67, height_desktop: 83 }, An = () => {
           "aria-haspopup": "true",
           "aria-expanded": a.search,
           "aria-controls": "search-form",
-          children: /* @__PURE__ */ s.jsx(ce, { children: e.formatMessage({ id: `header_search_${a.search ? "hide" : "show"}` }) })
+          children: /* @__PURE__ */ s.jsx(le, { children: e.formatMessage({ id: `header_search_${a.search ? "hide" : "show"}` }) })
         }
       ),
       /* @__PURE__ */ s.jsx(
@@ -3184,7 +3184,7 @@ const kr = { height: 67, height_desktop: 83 }, An = () => {
           "aria-expanded": a.account,
           "aria-controls": "navigation",
           children: [
-            /* @__PURE__ */ s.jsx(ce, { children: e.formatMessage({ id: `header_account_${a.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 || "" })
           ]
         }
@@ -3194,7 +3194,7 @@ const kr = { height: 67, height_desktop: 83 }, An = () => {
     /* @__PURE__ */ s.jsx(
       "div",
       {
-        className: E("overlay", { open: a.navigation || a.account || !i.search && a.search })
+        className: S("overlay", { open: a.navigation || a.account || !i.search && a.search })
       }
     )
   ] });
@@ -3212,7 +3212,7 @@ const jr = () => {
     window.scrollTo(0, 0);
   }, [d]);
   const o = vn(e, { locale: c });
-  return /* @__PURE__ */ s.jsx(gs, { onError: t, fallback: /* @__PURE__ */ s.jsx(jr, {}), children: /* @__PURE__ */ s.jsx(os, { fallback: /* @__PURE__ */ s.jsx(sr, { layout: "overview-page" }), children: /* @__PURE__ */ s.jsx("div", { id: "wrapper", className: E(i, { [r]: r !== "default" }), children: /* @__PURE__ */ s.jsxs(hs, { children: [
+  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, {}),
@@ -3267,7 +3267,7 @@ const Co = ({
       return;
     const l = yr.getTagDetails(u);
     l && a.push(l);
-  }), a.length < 1 ? null : /* @__PURE__ */ s.jsx("ul", { className: E("tags text-small", t, i, { "one-line": n }), children: a.map((u) => {
+  }), 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",
@@ -3289,7 +3289,7 @@ const Do = ({
   className: c = ""
 }) => {
   const d = A();
-  return t.length === 0 ? null : (e || (e = t.length), /* @__PURE__ */ s.jsxs("div", { className: E("members-list", c), children: [
+  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 })
@@ -3343,8 +3343,8 @@ const me = "discussion_form_", Pn = ({
   var b, Q;
   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,
       {
@@ -3445,7 +3445,7 @@ const me = "discussion_form_", Pn = ({
     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;
       }
@@ -3463,7 +3463,7 @@ const me = "discussion_form_", Pn = ({
     "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`,
@@ -3477,7 +3477,7 @@ const me = "discussion_form_", Pn = ({
             gtmType: "profile-click"
           }
         ),
-        /* @__PURE__ */ s.jsx(ce, { element: "label", showOnFocus: !1, htmlFor: `${T}-input`, children: pe(u.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,
           {
@@ -3550,12 +3550,12 @@ const me = "discussion_form_", Pn = ({
 ), Er = {
   showThread: !1,
   showForm: !1
-}, ct = Ft(Er), Sr = ({ children: e }) => {
+}, lt = Ft(Er), Sr = ({ children: e }) => {
   const [t, n] = F({
     showThread: !1,
     showForm: !1
   });
-  return /* @__PURE__ */ s.jsx(ct.Provider, { value: { ...t, updateConversation: n }, children: e });
+  return /* @__PURE__ */ s.jsx(lt.Provider, { value: { ...t, updateConversation: n }, children: e });
 }, Tr = ({
   question: e,
   answer: t,
@@ -3584,8 +3584,8 @@ const St = () => {
   X(() => {
     p(i);
   }, [i]);
-  const [l, f] = F(t), [h, p] = F(i), [_, j] = F(!1), [g, S] = F(!1), k = et(() => $r(n, Tt), [n]), T = (C) => {
-    if (C.preventDefault(), C.stopPropagation(), S(!1), Be)
+  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;
@@ -3609,19 +3609,19 @@ const St = () => {
   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(
@@ -3630,7 +3630,7 @@ const St = () => {
             variant: "tertiary",
             size: "medium",
             icon: { icon: h ? "heart" : "heart_empty", animate: "bounce" },
-            className: E({ "do-animation": h && !i }),
+            className: S({ "do-animation": h && !i }),
             screenreaderText: d ? u.formatMessage({
               id: `discussion_likes_${h ? "unlike" : "like"}`
             }, { action: u.formatMessage({ id: `discussion_action_${c.type}` }) }) : !1,
@@ -3642,7 +3642,7 @@ const St = () => {
             "data-gtm-event-type": `like-${c.type}-click`
           }
         ),
-        /* @__PURE__ */ s.jsx("span", { className: E("number-of-likes", { "no-likes": l === 0 }), "data-testid": "number-of-likes", children: u.formatMessage({ id: `discussion_likes${r ? "_short" : ""}` }, { number: l }) }),
+        /* @__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: u.formatMessage({ id: "discussion_likes_more" }, { number: n.length - Tt }) })
@@ -3654,7 +3654,7 @@ const St = () => {
 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
   }
@@ -3674,18 +3674,18 @@ const Rn = ({
   className: l = "",
   gtmContext: f = "Modal"
 }) => {
-  const h = A(), [p, _] = F(t), j = (S) => {
-    _(S), S ? (i(), document.body.classList.add("has-overlay")) : (c(), 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", l, { "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: [
@@ -3739,7 +3739,7 @@ const No = ({
     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,
       {
@@ -3756,7 +3756,7 @@ const No = ({
   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_", Nr = 280, lt = ({
+const ve = "discussion_", Nr = 280, ct = ({
   element: e = "div",
   content: t,
   userHasPermissions: n = !0,
@@ -3783,7 +3783,7 @@ const ve = "discussion_", Nr = 280, lt = ({
   children: _,
   isTruncated: j = !1
 }) => {
-  const g = A(), S = ge(Se), k = ge(ct), [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
@@ -3796,7 +3796,7 @@ const ve = "discussion_", Nr = 280, lt = ({
     });
   }, [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, Nr) : 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)) {
@@ -3857,14 +3857,14 @@ const ve = "discussion_", Nr = 280, lt = ({
       ...Dr(`delete-${t.slug}-modal`, C)
     }
   ), N.createElement(e, {
-    className: E("discussion-post", h),
+    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
           }),
@@ -3936,7 +3936,7 @@ const ve = "discussion_", Nr = 280, lt = ({
             !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(
@@ -4072,7 +4072,10 @@ const $t = "discussion_responses_", Ao = ({ type: e = "answer", responses: t = 0
   ] });
 };
 const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
-  const r = A(), i = ne(null), c = ge(ct), [d, o] = F("closed");
+  const r = A(), i = ne(null), c = ge(lt), [d, o] = F(
+    "closed"
+    /* Closed */
+  );
   X(() => {
     const f = i.current;
     if (f)
@@ -4080,13 +4083,27 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
         f.removeEventListener("transitionend", a);
       };
   }, []), Ce(() => {
-    d === "closed" && !c.showThread || o(["opening", "open"].includes(d) ? "ready-to-close" : "opening");
+    d === "closed" && !c.showThread || o(
+      [
+        "opening",
+        "open"
+        /* Open */
+      ].includes(d) ? "ready-to-close" : "opening"
+      /* Opening */
+    );
   }, [c.showThread]), X(() => {
-    d === "ready-to-close" && o("closing");
+    d === "ready-to-close" && o(
+      "closing"
+      /* Closing */
+    );
   }, [d]);
   const a = ({ propertyName: f }) => {
     f === "max-height" && o((h) => h === "opening" ? "open" : h === "closing" ? "closed" : h);
-  }, u = ["opening", "open"].includes(d), l = vn(n, {
+  }, u = [
+    "opening",
+    "open"
+    /* Open */
+  ].includes(d), l = vn(n, {
     element: "li"
   });
   return /* @__PURE__ */ s.jsxs("div", { className: "thread-wrapper", children: [
@@ -4114,7 +4131,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
       "ul",
       {
         ref: i,
-        className: E("thread", d),
+        className: S("thread", d),
         hidden: !c.showThread,
         children: l
       }
@@ -4193,7 +4210,10 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
 }, onError: (o, a, u) => {
   e.setQueryData(t, u.previousActivities);
 }, onSuccess: (o) => {
-  const a = e.getQueryData(t), u = a == null ? void 0 : a.map((l) => ((l == null ? void 0 : l.id) === (o == null ? void 0 : o.activity_id) && (l.own_reactions.like ? l.own_reactions.like.push(o) : l.own_reactions.like = [o]), l));
+  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({
@@ -4215,13 +4235,15 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   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;
+    var p, _, j, g, E;
     if (h.id === u) {
-      const S = (j = (_ = (p = h.own_reactions) == null ? void 0 : p.like) == null ? void 0 : _.find(
-        (k) => k.user_id === (n == null ? void 0 : n.id)
+      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.own_reactions.like = (g = h.own_reactions.like) == null ? void 0 : g.filter(
-        (k) => k.id !== S
+        (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;
@@ -4245,12 +4267,12 @@ const Ar = ({ 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: i
-  }), { mutate: k } = de(S), T = Fr({
+  }), { mutate: k } = de(E), T = Fr({
     queryClient: f,
     queryKey: [e, t],
     mutationFn: async (w) => await c(w)
@@ -4304,7 +4326,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
       const Y = ((O = w == null ? void 0 : w.actor) == null ? void 0 : O.id) === (h == null ? void 0 : h.id), L = Ht(n, Y);
       return /* @__PURE__ */ s.jsxs(Ct, { children: [
         /* @__PURE__ */ s.jsx(
-          lt,
+          ct,
           {
             content: {
               type: "post",
@@ -4420,8 +4442,8 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
 }, onSuccess: (d) => {
   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;
-    return l.id === d.id && ((f = l.own_children) != null && f.like ? l.own_children.like.push(d) : l.own_children = { like: [d] }), 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,
@@ -4451,10 +4473,16 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   if (!u)
     return;
   const l = (f = u.latest_reactions.reply) == null ? void 0 : f.map((h) => {
-    var p;
-    return h.id === a ? (p = h.latest_children.reply) == null ? void 0 : p.filter(
-      (j) => j.user_id !== (n == null ? void 0 : n.id)
-    ) : 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, () => ({
     ...u,
@@ -4535,7 +4563,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   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.own_children = p.own_children || {}, p.own_children.like = p.own_children.like || [], p.own_children.like.push(d)), p))), f;
+    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, () => ({
     ...a,
@@ -4550,17 +4578,17 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   replies: c,
   functions: { create: d, edit: o, join: a, leave: u, like: l, unlike: f }
 }) => {
-  const h = A(), p = st(), _ = ge(ct), 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: l
@@ -4602,7 +4630,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
         (c == null ? void 0 : c.length) === 0 || (c == null ? void 0 : c.map((b) => {
           var Q, w, Y, L, O, U, W, Z, re, oe, ae, ie, se, P, te;
           return /* @__PURE__ */ s.jsx(
-            lt,
+            ct,
             {
               content: {
                 type: "reply",
@@ -4672,7 +4700,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     queryKey: [e, t, n],
     mutationFn: async (x) => d(x)
   }), {
-    mutate: S
+    mutate: E
   } = de(g), k = Hr({
     queryClient: h,
     queryKey: [e, t, n],
@@ -4712,7 +4740,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
       var w, Y, L, O, U, W, Z, re, oe, ae, ie, se, P, te, G, K, ue, fe;
       const b = ((w = x == null ? void 0 : x.user) == null ? void 0 : w.id) === (p == null ? void 0 : p.id), Q = Ht(i, b);
       return /* @__PURE__ */ s.jsx(Sr, { children: /* @__PURE__ */ s.jsx(
-        lt,
+        ct,
         {
           content: {
             type: "reply",
@@ -4741,7 +4769,7 @@ const Ar = ({ 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 }),
@@ -4817,7 +4845,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   e.setQueryData(t, u.previousActivity);
 }, onSuccess: (o) => {
   const a = e.getQueryData(t);
-  return a != null && a.own_reactions.like ? a.own_reactions.like.push(o) : a && (a.own_reactions = { like: [o] }), e.setQueryData(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: () => {
@@ -4844,8 +4872,10 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   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, l = e.getQueryData(t);
-  if (l != null && l.own_reactions.like)
-    return l.own_reactions.like = l.own_reactions.like.filter(
+  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, () => ({
       ...l
@@ -4874,7 +4904,7 @@ const Ro = ({
   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({
@@ -4913,13 +4943,13 @@ const Ro = ({
     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(
-    lt,
+    ct,
     {
       className: "activity-section",
       content: {
@@ -5011,12 +5041,12 @@ export {
   Eo as Columns,
   wo as CommunityDetails,
   ar as Contributors,
-  ct as ConversationContext,
+  lt as ConversationContext,
   _r as CookieBanner,
   Sr as DiscussionConversation,
   Pn as DiscussionForm,
   Mr as DiscussionLikes,
-  lt as DiscussionPost,
+  ct as DiscussionPost,
   Ar as DiscussionThread,
   De as Divider,
   fo as DownloadSection,
@@ -5069,7 +5099,7 @@ export {
   Hs as Tooltip,
   Se as UserContext,
   mr as UserProvider,
-  ce as VisuallyHidden,
+  le as VisuallyHidden,
   Dr as addAriaProps,
   Sn as getMember,
   Ke as headerData,