@apolitical/component-library 1.18.0-4247.60 → 1.18.0-4247.61

package/index.mjs

@@ -1,9 +1,9 @@
-import A, { memo as Fe, useState as R, useEffect as G, useRef as te, useMemo as ft, createContext as Gt, useContext as ge, Children as Ht, useCallback as Dn, Fragment as qe, useReducer as Oa, Suspense as Ba } from "react";
+import A, { memo as Fe, useState as D, useEffect as G, useRef as te, useMemo as ft, createContext as Gt, useContext as ge, Children as Ht, useCallback as Ln, Fragment as qe, useReducer as Oa, Suspense as Ba } from "react";
 import Za from "lodash.clonedeep";
 import qa from "lodash.set";
 import { useIntl as P, IntlProvider as Ha, createIntl as Ua, FormattedMessage as je } from "react-intl";
 import Ne from "truncate";
-import { QueryClient as za, QueryClientProvider as Wa, useMutation as fe, useQueryClient as Kt, useInfiniteQuery as Ln, useQuery as Va } from "@tanstack/react-query";
+import { QueryClient as za, QueryClientProvider as Wa, useMutation as fe, useQueryClient as Kt, useInfiniteQuery as Rn, useQuery as Va } from "@tanstack/react-query";
 import { ReactQueryDevtools as Ya } from "@tanstack/react-query-devtools";
 import nt from "posthog-js";
 import { CookiesProvider as Ga, useCookies as Ka } from "react-cookie";
@@ -54,7 +54,7 @@ var On = { exports: {} };
 })(On);
 var nr = On.exports;
 const w = /* @__PURE__ */ tr(nr), ar = ({ element: e = "span", showOnFocus: t = !0, children: n, ...r }) => A.createElement(e, { ...r, className: w("hidden", { "show-on-focus": t }), children: n }), ae = Fe(ar), rr = ({ element: e = "span", children: t = null, ...n }) => A.createElement(e, { ...n, "aria-hidden": !0 }, t), Bn = Fe(rr);
-var Ut = { exports: {} }, De = {};
+var Ut = { exports: {} }, Le = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -67,7 +67,7 @@ var Ut = { exports: {} }, De = {};
 var bn;
 function sr() {
   if (bn)
-    return De;
+    return Le;
   bn = 1;
   var e = A, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, s = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
   function o(c, m, l) {
@@ -80,9 +80,9 @@ function sr() {
         d[f] === void 0 && (d[f] = m[f]);
     return { $$typeof: t, type: c, key: p, ref: h, props: d, _owner: s.current };
   }
-  return De.Fragment = n, De.jsx = o, De.jsxs = o, De;
+  return Le.Fragment = n, Le.jsx = o, Le.jsxs = o, Le;
 }
-var Le = {};
+var Re = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -114,16 +114,16 @@ function ir() {
       {
         var N = v.ReactDebugCurrentFrame, B = N.getStackAddendum();
         B !== "" && (x += "%s", $ = $.concat([B]));
-        var Y = $.map(function(L) {
-          return String(L);
+        var Y = $.map(function(R) {
+          return String(R);
         });
         Y.unshift("Warning: " + x), Function.prototype.apply.call(console[u], console, Y);
       }
     }
-    var j = !1, C = !1, S = !1, I = !1, F = !1, M;
+    var j = !1, S = !1, C = !1, I = !1, F = !1, M;
     M = Symbol.for("react.module.reference");
     function T(u) {
-      return !!(typeof u == "string" || typeof u == "function" || u === r || u === i || F || u === s || u === l || u === f || I || u === h || j || C || S || typeof u == "object" && u !== null && (u.$$typeof === p || u.$$typeof === d || u.$$typeof === o || u.$$typeof === c || u.$$typeof === m || // This needs to include all possible module reference object
+      return !!(typeof u == "string" || typeof u == "function" || u === r || u === i || F || u === s || u === l || u === f || I || u === h || j || S || C || typeof u == "object" && u !== null && (u.$$typeof === p || u.$$typeof === d || u.$$typeof === o || u.$$typeof === c || u.$$typeof === m || // 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.
@@ -174,9 +174,9 @@ function ir() {
             var N = u.displayName || null;
             return N !== null ? N : H(u.type) || "Memo";
           case p: {
-            var B = u, Y = B._payload, L = B._init;
+            var B = u, Y = B._payload, R = B._init;
             try {
-              return H(L(Y));
+              return H(R(Y));
             } catch {
               return null;
             }
@@ -281,27 +281,27 @@ function ir() {
       Y = K.current, K.current = null, Z();
       try {
         if (x) {
-          var L = function() {
+          var R = function() {
             throw Error();
           };
-          if (Object.defineProperty(L.prototype, "props", {
+          if (Object.defineProperty(R.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(L, []);
+              Reflect.construct(R, []);
             } catch (ye) {
               N = ye;
             }
-            Reflect.construct(u, [], L);
+            Reflect.construct(u, [], R);
           } else {
             try {
-              L.call();
+              R.call();
             } catch (ye) {
               N = ye;
             }
-            u.call(L.prototype);
+            u.call(R.prototype);
           }
         } else {
           try {
@@ -313,17 +313,17 @@ function ir() {
         }
       } catch (ye) {
         if (ye && N && typeof ye.stack == "string") {
-          for (var D = ye.stack.split(`
+          for (var L = ye.stack.split(`
 `), ce = N.stack.split(`
-`), J = D.length - 1, X = ce.length - 1; J >= 1 && X >= 0 && D[J] !== ce[X]; )
+`), J = L.length - 1, X = ce.length - 1; J >= 1 && X >= 0 && L[J] !== ce[X]; )
             X--;
           for (; J >= 1 && X >= 0; J--, X--)
-            if (D[J] !== ce[X]) {
+            if (L[J] !== ce[X]) {
               if (J !== 1 || X !== 1)
                 do
-                  if (J--, X--, X < 0 || D[J] !== ce[X]) {
+                  if (J--, X--, X < 0 || L[J] !== ce[X]) {
                     var he = `
-` + D[J].replace(" at new ", " at ");
+` + L[J].replace(" at new ", " at ");
                     return u.displayName && he.includes("<anonymous>") && (he = he.replace("<anonymous>", u.displayName)), typeof u == "function" && Ee.set(u, he), he;
                   }
                 while (J >= 1 && X >= 0);
@@ -383,19 +383,19 @@ function ir() {
     function ya(u, x, $, N, B) {
       {
         var Y = Function.call.bind(We);
-        for (var L in u)
-          if (Y(u, L)) {
-            var D = void 0;
+        for (var R in u)
+          if (Y(u, R)) {
+            var L = void 0;
             try {
-              if (typeof u[L] != "function") {
-                var ce = Error((N || "React class") + ": " + $ + " type `" + L + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof u[L] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof u[R] != "function") {
+                var ce = Error((N || "React class") + ": " + $ + " type `" + R + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof u[R] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw ce.name = "Invariant Violation", ce;
               }
-              D = u[L](x, L, N, $, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              L = u[R](x, R, N, $, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (J) {
-              D = J;
+              L = J;
             }
-            D && !(D instanceof Error) && (Ve(B), _("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", N || "React class", $, L, typeof D), Ve(null)), D instanceof Error && !(D.message in rn) && (rn[D.message] = !0, Ve(B), _("Failed %s type: %s", $, D.message), Ve(null));
+            L && !(L instanceof Error) && (Ve(B), _("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", N || "React class", $, R, typeof L), Ve(null)), L instanceof Error && !(L.message in rn) && (rn[L.message] = !0, Ve(B), _("Failed %s type: %s", $, L.message), Ve(null));
           }
       }
     }
@@ -423,7 +423,7 @@ function ir() {
       if (ka(u))
         return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", xa(u)), on(u);
     }
-    var Re = v.ReactCurrentOwner, ja = {
+    var De = v.ReactCurrentOwner, ja = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -447,9 +447,9 @@ function ir() {
       return u.key !== void 0;
     }
     function $a(u, x) {
-      if (typeof u.ref == "string" && Re.current && x && Re.current.stateNode !== x) {
-        var $ = H(Re.current.type);
-        wt[$] || (_('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', H(Re.current.type), u.ref), wt[$] = !0);
+      if (typeof u.ref == "string" && De.current && x && De.current.stateNode !== x) {
+        var $ = H(De.current.type);
+        wt[$] || (_('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', H(De.current.type), u.ref), wt[$] = !0);
       }
     }
     function Ea(u, x) {
@@ -474,51 +474,51 @@ function ir() {
         });
       }
     }
-    var Sa = function(u, x, $, N, B, Y, L) {
-      var D = {
+    var Sa = function(u, x, $, N, B, Y, R) {
+      var L = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
         type: u,
         key: x,
         ref: $,
-        props: L,
+        props: R,
         // Record the component responsible for creating this element.
         _owner: Y
       };
-      return D._store = {}, Object.defineProperty(D._store, "validated", {
+      return L._store = {}, Object.defineProperty(L._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(D, "_self", {
+      }), Object.defineProperty(L, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: N
-      }), Object.defineProperty(D, "_source", {
+      }), Object.defineProperty(L, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: B
-      }), Object.freeze && (Object.freeze(D.props), Object.freeze(D)), D;
+      }), Object.freeze && (Object.freeze(L.props), Object.freeze(L)), L;
     };
     function Ma(u, x, $, N, B) {
       {
-        var Y, L = {}, D = null, ce = null;
-        $ !== void 0 && (cn($), D = "" + $), Ta(x) && (cn(x.key), D = "" + x.key), wa(x) && (ce = x.ref, $a(x, B));
+        var Y, R = {}, L = null, ce = null;
+        $ !== void 0 && (cn($), L = "" + $), Ta(x) && (cn(x.key), L = "" + x.key), wa(x) && (ce = x.ref, $a(x, B));
         for (Y in x)
-          We.call(x, Y) && !ja.hasOwnProperty(Y) && (L[Y] = x[Y]);
+          We.call(x, Y) && !ja.hasOwnProperty(Y) && (R[Y] = x[Y]);
         if (u && u.defaultProps) {
           var J = u.defaultProps;
           for (Y in J)
-            L[Y] === void 0 && (L[Y] = J[Y]);
+            R[Y] === void 0 && (R[Y] = J[Y]);
         }
-        if (D || ce) {
+        if (L || ce) {
           var X = typeof u == "function" ? u.displayName || u.name || "Unknown" : u;
-          D && Ea(L, X), ce && Ca(L, X);
+          L && Ea(R, X), ce && Ca(R, X);
         }
-        return Sa(u, D, ce, B, N, Re.current, L);
+        return Sa(u, L, ce, B, N, De.current, R);
       }
     }
     var Tt = v.ReactCurrentOwner, un = v.ReactDebugCurrentFrame;
@@ -597,8 +597,8 @@ Check the top-level render call using <` + $ + ">.");
         else if (u) {
           var B = k(u);
           if (typeof B == "function" && B !== u.entries)
-            for (var Y = B.call(u), L; !(L = Y.next()).done; )
-              Et(L.value) && pn(L.value, x);
+            for (var Y = B.call(u), R; !(R = Y.next()).done; )
+              Et(R.value) && pn(R.value, x);
         }
       }
     }
@@ -641,19 +641,19 @@ Check the top-level render call using <` + $ + ">.");
     }
     function gn(u, x, $, N, B, Y) {
       {
-        var L = T(u);
-        if (!L) {
-          var D = "";
-          (u === void 0 || typeof u == "object" && u !== null && Object.keys(u).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 R = T(u);
+        if (!R) {
+          var L = "";
+          (u === void 0 || typeof u == "object" && u !== null && Object.keys(u).length === 0) && (L += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var ce = Na(B);
-          ce ? D += ce : D += mn();
+          ce ? L += ce : L += mn();
           var J;
-          u === null ? J = "null" : jt(u) ? J = "array" : u !== void 0 && u.$$typeof === t ? (J = "<" + (H(u.type) || "Unknown") + " />", D = " Did you accidentally export a JSX literal instead of a component?") : J = typeof u, _("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", J, D);
+          u === null ? J = "null" : jt(u) ? J = "array" : u !== void 0 && u.$$typeof === t ? (J = "<" + (H(u.type) || "Unknown") + " />", L = " Did you accidentally export a JSX literal instead of a component?") : J = typeof u, _("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", J, L);
         }
         var X = Ma(u, x, $, B, Y);
         if (X == null)
           return X;
-        if (L) {
+        if (R) {
           var he = x.children;
           if (he !== void 0)
             if (N)
@@ -669,20 +669,20 @@ Check the top-level render call using <` + $ + ">.");
         return u === r ? Fa(X) : Aa(X), X;
       }
     }
-    function Ra(u, x, $) {
+    function Da(u, x, $) {
       return gn(u, x, $, !0);
     }
-    function Da(u, x, $) {
+    function La(u, x, $) {
       return gn(u, x, $, !1);
     }
-    var La = Da, Ia = Ra;
-    Le.Fragment = r, Le.jsx = La, Le.jsxs = Ia;
-  }()), Le;
+    var Ra = La, Ia = Da;
+    Re.Fragment = r, Re.jsx = Ra, Re.jsxs = Ia;
+  }()), Re;
 }
 process.env.NODE_ENV === "production" ? Ut.exports = sr() : Ut.exports = ir();
 var a = Ut.exports;
 const or = () => {
-  const [e, t] = R(window.location.pathname), n = () => {
+  const [e, t] = D(window.location.pathname), n = () => {
     const r = window.location.pathname;
     t(r);
   };
@@ -712,9 +712,9 @@ function cr(e, t, n) {
     var j = function(T) {
       var E = c.current, O = m.current;
       return c.current = m.current = null, i.current = T, l.current = f.current.apply(O, E);
-    }, C = function(T, E) {
+    }, S = function(T, E) {
       h && cancelAnimationFrame(o.current), o.current = h ? requestAnimationFrame(T) : setTimeout(T, E);
-    }, S = function(T) {
+    }, C = function(T) {
       if (!d.current)
         return !1;
       var E = T - s.current;
@@ -723,22 +723,22 @@ function cr(e, t, n) {
       return o.current = null, y && c.current ? j(T) : (c.current = m.current = null, l.current);
     }, F = function T() {
       var E = Date.now();
-      if (S(E))
+      if (C(E))
         return I(E);
       if (d.current) {
         var O = t - (E - s.current), H = k ? Math.min(O, _ - (E - i.current)) : O;
-        C(T, H);
+        S(T, H);
       }
     }, M = function() {
       if (p || v) {
-        var T = Date.now(), E = S(T);
+        var T = Date.now(), E = C(T);
         if (c.current = [].slice.call(arguments), m.current = r, s.current = T, E) {
           if (!o.current && d.current)
-            return i.current = s.current, C(F, t), g ? j(s.current) : l.current;
+            return i.current = s.current, S(F, t), g ? j(s.current) : l.current;
           if (k)
-            return C(F, t), j(s.current);
+            return S(F, t), j(s.current);
         }
-        return o.current || C(F, t), l.current;
+        return o.current || S(F, t), l.current;
       }
     };
     return M.cancel = function() {
@@ -1466,7 +1466,7 @@ const Wn = ({ image: e, className: t, testId: n }) => {
 };
 let Ie = !1;
 const wr = ({ isOpen: e = !1, isLoading: t = !1, children: n }) => {
-  const r = P(), s = te(null), [i, o] = R("hidden");
+  const r = P(), s = te(null), [i, o] = D("hidden");
   G(() => {
     const m = s.current;
     if (m)
@@ -1705,7 +1705,7 @@ function Jt() {
   return ge(ke);
 }
 const Pr = ({ children: e, user: t }) => /* @__PURE__ */ a.jsx(ke.Provider, { value: t, children: e }), Mi = ({ bootstrap: e, children: t, intl: n }) => {
-  const [r, s] = R({ isLoading: !0 });
+  const [r, s] = D({ isLoading: !0 });
   return G(() => {
     e().then((i) => {
       s({ ...i, isLoading: !1 }), br(5e3);
@@ -1782,7 +1782,7 @@ const Ar = ({ type: e = "default", className: t = "", heading: n = !1, children:
   ) : /* @__PURE__ */ a.jsx("p", { children: r })
 ] });
 const Pi = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children: s }) => {
-  const i = P(), o = te(null), [c, m] = R(""), [l, f] = R("closed");
+  const i = P(), o = te(null), [c, m] = D(""), [l, f] = D("closed");
   G(() => {
     const h = o.current;
     if (h)
@@ -1824,7 +1824,7 @@ const Pi = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
       }
     ) })
   ] });
-}, Fr = () => A.Fragment, Rr = ({ children: e }) => /* @__PURE__ */ a.jsx(we, { variant: "secondary", children: e }), Dr = ["span", "strong", "h1", "h2", "h3", "h4", "h5", "h6", "p"], Lr = ({ children: e }) => {
+}, Fr = () => A.Fragment, Dr = ({ children: e }) => /* @__PURE__ */ a.jsx(we, { variant: "secondary", children: e }), Lr = ["span", "strong", "h1", "h2", "h3", "h4", "h5", "h6", "p"], Rr = ({ children: e }) => {
   const t = P();
   if (!e)
     return null;
@@ -1837,7 +1837,7 @@ const Pi = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
           for (const o of Ht.toArray(i.props.children))
             if (!(!o || typeof o == "string" || typeof o == "number") && A.isValidElement(o)) {
               const c = o.type;
-              if (Dr.includes(c)) {
+              if (Lr.includes(c)) {
                 for (n = o.props.children; typeof n != "string" && (Array.isArray(n) && n[0].props && n[0].props.children && n[0].props.children[0]); )
                   n = n[0].props.children[0];
                 break;
@@ -1908,11 +1908,11 @@ const jn = ({ className: e = "", options: t = {}, children: n }) => {
       // We give the content team psuedo-code short cuts to use in Contentful
       CollapsibleSection: Vn,
       TextBox: we,
-      CaseStudy: Rr,
+      CaseStudy: Dr,
       // Override embedded HTML
       // Our content team previously used real HTML, which we need to tear out and replace with React components
       style: Fr,
-      details: Lr,
+      details: Rr,
       div: Ir,
       iframe: Or
     }
@@ -2015,7 +2015,7 @@ const wn = 256, Ue = ({
   height: i = wn,
   ...o
 }) => {
-  const [c, m] = R(!1), l = te(null);
+  const [c, m] = D(!1), l = te(null);
   G(() => {
     const d = l.current;
     if (!d)
@@ -2279,7 +2279,7 @@ const Tn = {
   }
 }, Gr = ({ data: e, cta: t, link: n, gtmContext: r }) => {
   var g;
-  const s = P(), [i, o] = R({
+  const s = P(), [i, o] = D({
     loading: !1,
     registered: e.registered || !1
   });
@@ -2366,10 +2366,10 @@ const Qr = {
   gtmContext: s = "Carousel",
   className: i = ""
 }) => {
-  const o = P(), c = ge(ke), m = c && typeof c.id == "string", [l, f] = R({
+  const o = P(), c = ge(ke), m = c && typeof c.id == "string", [l, f] = D({
     data: null,
     isLoading: !0
-  }), { data: d, isLoading: p } = l, h = Dn(() => {
+  }), { data: d, isLoading: p } = l, h = Ln(() => {
     n(t, m).then((F) => {
       f(() => ({ data: F, isLoading: !1 }));
     }).catch(() => f((F) => ({ ...F, isLoading: !1 })));
@@ -2393,15 +2393,15 @@ const Qr = {
     className: k,
     length: v,
     gtmEvent: _
-  } = it[g], b = zn(`card_label_${g}`) ? o.formatMessage({ id: `card_label_${g}` }) : !1, j = d.slug ? `${y}${d.slug}` : !1, C = { ...Qr, ...v };
-  let S = { className: "card" };
-  j && (S = {
+  } = it[g], b = zn(`card_label_${g}`) ? o.formatMessage({ id: `card_label_${g}` }) : !1, j = d.slug ? `${y}${d.slug}` : !1, S = { ...Qr, ...v };
+  let C = { className: "card" };
+  j && (C = {
     href: j,
     className: "card gtm-trackable",
     "data-gtm-event-context": `${s}-CarouselCard`,
     "data-gtm-event-type": `${_}-click`,
     "data-testid": "link"
-  }, d.openInNewTab && (S.target = "_blank"));
+  }, d.openInNewTab && (C.target = "_blank"));
   const I = d.customIcon ? { "--custom-icon": Kr(d.customIcon) } : {};
   return /* @__PURE__ */ a.jsx(
     "li",
@@ -2416,7 +2416,7 @@ const Qr = {
       "data-testid": `${g}-card`,
       children: A.createElement(
         j ? "a" : "div",
-        S,
+        C,
         /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
           (d.customLabel || b) && /* @__PURE__ */ a.jsx("small", { className: w("card-label text-small", k), children: d.customLabel || b }),
           d.startDate && !d.isOngoingEvent && /* @__PURE__ */ a.jsx(
@@ -2451,14 +2451,14 @@ const Qr = {
               "data-testid": "contributors"
             }
           ),
-          d.partner && /* @__PURE__ */ a.jsx("p", { className: "partners", "data-testid": "partners", children: Ne(d.partner.title, C.partner) }),
+          d.partner && /* @__PURE__ */ a.jsx("p", { className: "partners", "data-testid": "partners", children: Ne(d.partner.title, S.partner) }),
           /* Text */
           ["title", "text", "secondaryText"].map((F) => {
             const M = d[F];
             if (!M)
               return null;
             const T = ur(F);
-            return /* @__PURE__ */ a.jsx("p", { className: T, "data-testid": T, children: Ne(M, C[F]) }, F);
+            return /* @__PURE__ */ a.jsx("p", { className: T, "data-testid": T, children: Ne(M, S[F]) }, F);
           }),
           /* @__PURE__ */ a.jsx(Yr, { type: k || "", data: d }),
           /* @__PURE__ */ a.jsx(Gr, { data: d, cta: r, link: j || "", gtmContext: s })
@@ -2521,10 +2521,10 @@ const ts = ({
   gtmContext: o
 }) => {
   var F;
-  const c = P(), [m, l] = R({
+  const c = P(), [m, l] = D({
     cardsPerPage: 4,
     isLoading: !0
-  }), { cardsPerPage: f, isLoading: d } = m, [p, h] = R({
+  }), { cardsPerPage: f, isLoading: d } = m, [p, h] = D({
     currentPage: 0,
     loadedPages: [0]
   }), { currentPage: g, loadedPages: y } = p, k = t.length, v = Math.ceil(k / f), _ = te(null), b = He(!0, !0, _ == null ? void 0 : _.current);
@@ -2555,9 +2555,9 @@ const ts = ({
       currentPage: T,
       loadedPages: [.../* @__PURE__ */ new Set([...y, T])]
     }));
-  }, C = (M) => {
-    Ge = M.touches[0].clientX;
   }, S = (M) => {
+    Ge = M.touches[0].clientX;
+  }, C = (M) => {
     if (Ge === null)
       return;
     const T = M.touches[0].clientX, E = Ge - T;
@@ -2580,8 +2580,8 @@ const ts = ({
           "ul",
           {
             className: "carousel",
-            onTouchStart: C,
-            onTouchMove: S,
+            onTouchStart: S,
+            onTouchMove: C,
             style: I,
             "data-testid": "carousel-list",
             children: t.map((M, T) => {
@@ -2690,7 +2690,7 @@ const ts = ({
 const Pt = "joinCommunityButton", ta = ({ isMember: e = !1, isShort: t = !1, functions: { join: n, leave: r } = { join: () => {
 }, leave: () => {
 } } }) => {
-  const s = P(), i = ge(ke), o = i && typeof i.id == "string", [c, m] = R(e), [l, f] = R(e ? "joined" : "notJoined");
+  const s = P(), i = ge(ke), o = i && typeof i.id == "string", [c, m] = D(e), [l, f] = D(e ? "joined" : "notJoined");
   G(() => {
     l === "joining" ? f("joined") : l === "leaving" && f("notJoined");
   }, [c]);
@@ -2712,7 +2712,7 @@ const Pt = "joinCommunityButton", ta = ({ isMember: e = !1, isShort: t = !1, fun
     }
   );
 };
-const At = "communityDetails_", Ri = ({
+const At = "communityDetails_", Di = ({
   className: e = "",
   isMember: t = !1,
   slug: n,
@@ -2759,7 +2759,7 @@ const At = "communityDetails_", Ri = ({
     )
   ] });
 };
-const Di = ({
+const Li = ({
   breadcrumbs: e,
   cutoff: t = 20,
   className: n = ""
@@ -2773,7 +2773,7 @@ const Di = ({
     ] }, `${window.btoa(s)}_${c}`)) })
   ] });
 };
-const Li = ({
+const Ri = ({
   options: e,
   allOption: t = !1,
   allowMultiple: n = !0,
@@ -2781,7 +2781,7 @@ const Li = ({
   },
   className: s = ""
 }) => {
-  const i = P(), o = t ? [{ id: "all", text: typeof t != "boolean" && t.text || i.formatMessage({ id: "filters_all" }) }, ...e] : e, [c, m] = R(t ? ["all"] : []), l = (f, d) => {
+  const i = P(), o = t ? [{ id: "all", text: typeof t != "boolean" && t.text || i.formatMessage({ id: "filters_all" }) }, ...e] : e, [c, m] = D(t ? ["all"] : []), l = (f, d) => {
     let p = [];
     c.includes(f) ? p = c.filter((h) => h !== f) : f === "all" ? p = ["all"] : n ? p = [...c.filter((h) => h !== "all"), f] : p = [f], m((h) => (r && typeof r == "function" && r({ current: p, previous: h }), p)), d && typeof d == "function" && d();
   };
@@ -2821,7 +2821,7 @@ const Ft = { en: "English", es: "Español", fr: "Français", pt: "Português" },
   label: c,
   className: m = ""
 }) => {
-  const l = P(), [f, d] = R(e);
+  const l = P(), [f, d] = D(e);
   if (G(() => {
     e !== f && d(e);
   }, [e]), !r || !Object.values(r).some((y) => y && y.post_name))
@@ -2858,20 +2858,20 @@ const Ft = { en: "English", es: "Español", fr: "Français", pt: "Português" },
     })
   ] });
 };
-const Rt = Ua({ locale: "en", messages: Qt }), yt = ({
+const Dt = Ua({ locale: "en", messages: Qt }), yt = ({
   hasNextPage: e = !0,
   loadNextPage: t = () => {
   },
   icon: n = !1,
   messages: r = {
-    button: Rt.formatMessage({ id: "loadMore_button" }),
-    endOfFeed: Rt.formatMessage({ id: "loadMore_endOfFeed" }),
-    error: Rt.formatMessage({ id: "loadMore_error" })
+    button: Dt.formatMessage({ id: "loadMore_button" }),
+    endOfFeed: Dt.formatMessage({ id: "loadMore_endOfFeed" }),
+    error: Dt.formatMessage({ id: "loadMore_error" })
   },
   className: s = "",
   gtmContext: i = "LoadMore"
 }) => {
-  const [o, c] = R(""), m = async (l) => {
+  const [o, c] = D(""), m = async (l) => {
     try {
       await t(l);
     } catch (f) {
@@ -2895,7 +2895,7 @@ const Rt = Ua({ locale: "en", messages: Qt }), yt = ({
 const na = ({ variant: e = "default", version: t = "default", className: n = "", ...r }) => /* @__PURE__ */ a.jsx("p", { className: "logo-wrapper", children: /* @__PURE__ */ a.jsx("a", { href: "/home/", className: w("logo", e, t, n), ...r, children: /* @__PURE__ */ a.jsx(ae, { children: /* @__PURE__ */ a.jsx(je, { id: "apolitical" }) }) }) });
 let Qe = !1;
 const as = ({ element: e = "div", id: t = "more-menu", options: n, className: r = "" }) => {
-  const s = P(), i = te(null), [o, c] = R(!1), m = (l) => {
+  const s = P(), i = te(null), [o, c] = D(!1), m = (l) => {
     i.current && l.target instanceof HTMLElement && !i.current.contains(l.target) && c(!1);
   };
   return G(() => (document.addEventListener("click", m, !0), () => {
@@ -3096,7 +3096,7 @@ const Bi = ({ tabs: e, className: t = "" }) => {
         }
     }
   }
-  const [s, i] = R(
+  const [s, i] = D(
     (m = e[r]) != null && m.id ? e[r].id : n(e[r].id, e[r].text, r)
   ), o = [], c = [];
   return e.forEach(({ id: l, text: f, content: d, href: p }, h) => {
@@ -3152,9 +3152,9 @@ const ls = {
   /* @__PURE__ */ a.jsx(is, { activeLink: e }),
   /* @__PURE__ */ a.jsx(qr, { ...t })
 ] }) }) });
-const Dt = "cookieBanner_", Lt = ["apol-cookie-banner", "apolitical-performance-cookie-consent", "functional-cookie-consent"], It = new Date(Date.now() + 12 * 30 * 24 * 60 * 60 * 1e3), us = () => {
-  const e = P(), [t, n, r] = Ka(Lt), [s, i] = R(!t["apol-cookie-banner"]), o = () => {
-    Lt.forEach((f) => {
+const Lt = "cookieBanner_", Rt = ["apol-cookie-banner", "apolitical-performance-cookie-consent", "functional-cookie-consent"], It = new Date(Date.now() + 12 * 30 * 24 * 60 * 60 * 1e3), us = () => {
+  const e = P(), [t, n, r] = Ka(Rt), [s, i] = D(!t["apol-cookie-banner"]), o = () => {
+    Rt.forEach((f) => {
       n(f, !0, {
         path: "/",
         expires: It,
@@ -3165,7 +3165,7 @@ const Dt = "cookieBanner_", Lt = ["apol-cookie-banner", "apolitical-performance-
     n("apol-cookie-banner", !0, {
       path: "/",
       expires: It
-    }), Lt.forEach((f) => {
+    }), Rt.forEach((f) => {
       if (f === "apol-cookie-banner") {
         n(f, !0, {
           path: "/",
@@ -3191,11 +3191,11 @@ const Dt = "cookieBanner_", Lt = ["apol-cookie-banner", "apolitical-performance-
       className: "gtm-trackable",
       "data-gtm-event-context": "cookie-banner",
       "data-gtm-event-type": `cookie-${f.gtmType}-click`,
-      children: e.formatMessage({ id: `${Dt}buttons_${f.id}` })
+      children: e.formatMessage({ id: `${Lt}buttons_${f.id}` })
     });
   }), /* @__PURE__ */ a.jsxs("aside", { id: "cookie-banner", className: "text-medium", children: [
-    /* @__PURE__ */ a.jsx("h6", { children: e.formatMessage({ id: `${Dt}title` }) }),
-    /* @__PURE__ */ a.jsx("p", { children: e.formatMessage({ id: `${Dt}text` }) }),
+    /* @__PURE__ */ a.jsx("h6", { children: e.formatMessage({ id: `${Lt}title` }) }),
+    /* @__PURE__ */ a.jsx("p", { children: e.formatMessage({ id: `${Lt}text` }) }),
     /* @__PURE__ */ a.jsx(ht, { buttons: l })
   ] });
 }, xe = {
@@ -3366,7 +3366,7 @@ const Me = "footer_", ot = "SiteFooter", En = ({ group: e }) => {
   ] })
 ] }) });
 const Je = "emailHelperTextBox_", qi = ({ type: e, email: t, redirectPath: n, resendVerificationCode: r }) => {
-  const s = P(), [i, o] = R({ path: `${Je}default`, type: "default", link: {}, mail: {}, error: "" }), [c, m] = R(!1), l = Dn(
+  const s = P(), [i, o] = D({ path: `${Je}default`, type: "default", link: {}, mail: {}, error: "" }), [c, m] = D(!1), l = Ln(
     (h) => {
       h.preventDefault(), h.stopPropagation();
       const g = (y) => {
@@ -3518,7 +3518,7 @@ const Ui = ({
   className: i = "",
   hasLoaded: o = !1
 }) => {
-  const c = P(), [m, l] = R({ setUp: !1, id: null, rating: null, disabled: !0 }), f = async () => {
+  const c = P(), [m, l] = D({ setUp: !1, id: null, rating: null, disabled: !0 }), f = async () => {
     try {
       const v = await n();
       l((_) => ({ ..._, setUp: !0, id: v && v.id, disabled: !1 }));
@@ -3635,18 +3635,18 @@ const hs = ({
   initialFormStatus: l = "NOT_SUBMITTED"
   /* NOT_SUBMITTED */
 }) => {
-  const [f, d] = R([]), [p, h] = R(!0), [g, y] = R(l), { formatMessage: k } = P(), v = async (j) => {
+  const [f, d] = D([]), [p, h] = D(!0), [g, y] = D(l), { formatMessage: k } = P(), v = async (j) => {
     j.preventDefault();
     try {
       await m(f), d([]), y(
         "SUCCESS"
         /* SUCCESS */
       );
-    } catch (C) {
+    } catch (S) {
       y(
         "ERROR"
         /* ERROR */
-      ), c(C);
+      ), c(S);
     }
   }, _ = (j) => {
     j.preventDefault(), y(
@@ -3690,7 +3690,7 @@ const hs = ({
                 d(j), h(!j.length);
               },
               autoFocus: !1,
-              getLabel: (j, C, S) => /* @__PURE__ */ a.jsxs("div", { className: "email text-medium", children: [
+              getLabel: (j, S, C) => /* @__PURE__ */ a.jsxs("div", { className: "email text-medium", children: [
                 /* @__PURE__ */ a.jsx("div", { "data-tag-item": !0, children: j }),
                 /* @__PURE__ */ a.jsx(
                   q,
@@ -3699,13 +3699,13 @@ const hs = ({
                     size: "small",
                     icon: { icon: "close" },
                     onClick: () => {
-                      S(C), h(!f.length);
+                      C(S), h(!f.length);
                     },
                     className: "remove-email-button",
                     screenreaderText: k({ id: "overlay_close" })
                   }
                 )
-              ] }, C)
+              ] }, S)
             }
           )
         ] }),
@@ -4169,7 +4169,7 @@ const la = ({
   className: f = "",
   gtmContext: d = "Modal"
 }) => {
-  const p = P(), [h, g] = R(t), y = (v) => {
+  const p = P(), [h, g] = D(t), y = (v) => {
     g(v), v ? (s(), document.body.classList.add("has-overlay")) : (i(), document.body.classList.remove("has-overlay"));
   };
   G(() => {
@@ -4426,9 +4426,9 @@ const de = "discussion_form_", en = ({
   gtmContext: m = "DiscussionForm"
 }) => {
   var M, T, E;
-  const l = P(), f = ge(ke), [d, p] = R(
+  const l = P(), f = ge(ke), [d, p] = D(
     n.isEditing && n.isEditing.text || ""
-  ), [h, g] = R(o.error || !1), [y, k] = R(!1), v = te(null);
+  ), [h, g] = D(o.error || !1), [y, k] = D(!1), v = te(null);
   if (r || (r = v), n.isLoading)
     return /* @__PURE__ */ a.jsx(
       _e,
@@ -4460,7 +4460,7 @@ const de = "discussion_form_", en = ({
   }
   const j = async (O) => {
     var U;
-    if (O.preventDefault(), O.stopPropagation(), !f || !f.id || !t || S)
+    if (O.preventDefault(), O.stopPropagation(), !f || !f.id || !t || C)
       return;
     et && clearTimeout(et), k("submitting");
     const H = window.location.pathname;
@@ -4493,7 +4493,7 @@ const de = "discussion_form_", en = ({
           break;
       }
       await xr(1e3), c.callback && await c.callback(W), et = setTimeout(() => {
-        p(""), k("submitted"), C();
+        p(""), k("submitted"), S();
       }, 500);
     } catch (W) {
       const Q = W;
@@ -4508,13 +4508,13 @@ const de = "discussion_form_", en = ({
         `${de}error_tooMany`,
         e.type,
         "action"
-      ) : Q.message.includes("400") && (V = `${de}error`), g(V), C();
+      ) : Q.message.includes("400") && (V = `${de}error`), g(V), S();
     }
-  }, C = () => {
+  }, S = () => {
     et = setTimeout(() => {
       g(!1), k(!1);
     }, 5e3);
-  }, S = !d || !yr(d), I = y === "submitting", F = [];
+  }, C = !d || !yr(d), I = y === "submitting", F = [];
   return (n.isEditing && !I || o.cancel) && F.push({
     variant: "secondary",
     size: { mobile: "small", 600: "medium" },
@@ -4540,7 +4540,7 @@ const de = "discussion_form_", en = ({
     "data-gtm-event-context": m,
     "data-gtm-event-type": `${n.isEditing ? "save" : "submit"}-${e.type}-click`,
     "data-testid": "save-button",
-    disabled: !f || !f.id || !t || S || I || n.isEditing && d === n.isEditing.text,
+    disabled: !f || !f.id || !t || C || I || n.isEditing && d === n.isEditing.text,
     children: l.formatMessage({
       id: `${de}${I ? n.isEditing ? "saving" : "posting" : n.isEditing ? "save" : "post"}`
     })
@@ -4637,7 +4637,7 @@ const de = "discussion_form_", en = ({
   showThread: !0,
   showForm: !1
 }, vt = Gt(xs), ks = ({ children: e }) => {
-  const [t, n] = R({
+  const [t, n] = D({
     showThread: !0,
     showForm: !1
   });
@@ -4670,8 +4670,8 @@ const Bt = () => {
   G(() => {
     h(s);
   }, [s]);
-  const [f, d] = R(t), [p, h] = R(s), [g, y] = R(!1), [k, v] = R(!1), _ = ft(() => ws(n, Zt), [n]), b = (C) => {
-    if (C.preventDefault(), C.stopPropagation(), v(!1), Ze)
+  const [f, d] = D(t), [p, h] = D(s), [g, y] = D(!1), [k, v] = D(!1), _ = ft(() => ws(n, Zt), [n]), b = (S) => {
+    if (S.preventDefault(), S.stopPropagation(), v(!1), Ze)
       return Bt(), !1;
     if (Bt(), g || !o)
       return !1;
@@ -4679,12 +4679,12 @@ const Bt = () => {
   }, j = async () => {
     if (Bt(), g || !o)
       return !1;
-    let C = p ? f - 1 : f + 1;
-    C < 0 && (C = 0), y(!0), d(C), h(!p);
+    let S = p ? f - 1 : f + 1;
+    S < 0 && (S = 0), y(!0), d(S), h(!p);
     try {
       if (i && i.slugs) {
-        const S = js(i.slugs);
-        p ? await m(S) : await c(S, { contentPath: window.location.pathname });
+        const C = js(i.slugs);
+        p ? await m(C) : await c(C, { contentPath: window.location.pathname });
       }
     } catch {
       d(t), h(s);
@@ -4730,16 +4730,16 @@ const Bt = () => {
         ),
         /* @__PURE__ */ a.jsx("span", { className: w("number-of-likes", { "no-likes": f === 0 }), "data-testid": "number-of-likes", children: l.formatMessage({ id: `discussion_likes${r ? "_short" : ""}` }, { number: f }) }),
         n && /* @__PURE__ */ a.jsx(wr, { isOpen: k, isLoading: n.length === 0, children: n.length && /* @__PURE__ */ a.jsxs("ul", { children: [
-          _.map((C) => typeof C == "string" || !C.name ? null : /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
+          _.map((S) => typeof S == "string" || !S.name ? null : /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
             gt,
             {
-              href: C.id ? `/profiles/${C.id}` : void 0,
+              href: S.id ? `/profiles/${S.id}` : void 0,
               gtmContext: "Likes",
               gtmType: "liked-name-click",
-              onClick: (S) => S == null ? void 0 : S.stopPropagation(),
-              children: C.name
+              onClick: (C) => C == null ? void 0 : C.stopPropagation(),
+              children: S.name
             }
-          ) }, C.id || window.btoa(C.name))),
+          ) }, S.id || window.btoa(S.name))),
           n.length > Zt && /* @__PURE__ */ a.jsx("li", { children: l.formatMessage({ id: "discussion_likes_more" }, { number: n.length - Zt }) })
         ] }) })
       ] })
@@ -4779,13 +4779,13 @@ const ve = "discussion_", $s = 280, kt = ({
   children: y,
   isTruncated: k = !1
 }) => {
-  const v = P(), _ = ge(ke), b = ge(vt), [j, C] = R({
+  const v = P(), _ = ge(ke), b = ge(vt), [j, S] = D({
     body: t && t.body || "",
     isEditing: !1,
     didEdit: t && t.isEdited || !1
-  }), [S, I] = R(!1), [F, M] = R("");
+  }), [C, I] = D(!1), [F, M] = D("");
   if (G(() => {
-    C({
+    S({
       ...j,
       body: t && t.body || "",
       didEdit: t && t.isEdited || !1
@@ -4799,7 +4799,7 @@ const ve = "discussion_", $s = 280, kt = ({
         const ue = t.type === "question" ? { title: Z } : { body: Z };
         await m(Sn(t.slugs), ue);
       }
-      C({ body: Z, isEditing: !1, didEdit: !0 });
+      S({ body: Z, isEditing: !1, didEdit: !0 });
     } catch {
       M(`${ve}form_error`);
     }
@@ -4837,7 +4837,7 @@ const ve = "discussion_", $s = 280, kt = ({
   return n && ee && le.push(
     {
       text: v.formatMessage({ id: `${ve}moreMenu_edit` }),
-      onClick: () => C({ ...j, isEditing: !0 }),
+      onClick: () => S({ ...j, isEditing: !0 }),
       icon: "pencil-paper",
       className: "gtm-trackable",
       "data-gtm-event-context": g,
@@ -4852,7 +4852,7 @@ const ve = "discussion_", $s = 280, kt = ({
       className: "gtm-trackable",
       "data-gtm-event-context": g,
       "data-gtm-event-type": `delete-${t.type}-click`,
-      ..._s(`delete-${t.slug}-modal`, S)
+      ..._s(`delete-${t.slug}-modal`, C)
     }
   ), A.createElement(e, {
     className: w("discussion-post", h),
@@ -4905,7 +4905,7 @@ const ve = "discussion_", $s = 280, kt = ({
                   create: o,
                   handleSaveEdit: se,
                   handleCancel: () => {
-                    M(""), C({ ...j, isEditing: !1 });
+                    M(""), S({ ...j, isEditing: !1 });
                   }
                 },
                 gtmContext: `${g}Form`
@@ -5015,7 +5015,7 @@ const ve = "discussion_", $s = 280, kt = ({
         la,
         {
           id: `delete-${t.slug}-modal`,
-          isOpen: S,
+          isOpen: C,
           functions: { onOpen: () => {
           }, onClose: () => I(!1) },
           forceShow: {
@@ -5071,7 +5071,7 @@ const qt = "discussion_responses_", Yi = ({ type: e = "answer", responses: t = 0
   ] });
 };
 const Es = ({ count: e = "", showRepliesButton: t = !0, children: n }) => {
-  const r = P(), s = te(null), i = ge(vt), [o, c] = R(
+  const r = P(), s = te(null), i = ge(vt), [o, c] = D(
     "closed"
     /* Closed */
   );
@@ -5274,7 +5274,7 @@ const Ae = Object.freeze({
   object: "comment",
   time: "2023-11-24T17:52:36.162000",
   verb: "post"
-}), Rs = Object.freeze({
+}), Ds = Object.freeze({
   actor: `SU:${$e.id}`,
   content: "some content 2",
   duration: "5.53ms",
@@ -5284,7 +5284,7 @@ const Ae = Object.freeze({
   object: "comment",
   time: "2023-11-24T17:54:36.162000",
   verb: "post"
-}), Ds = Object.freeze({
+}), Ls = Object.freeze({
   actor: `SU:${Ae.id}`,
   content: "some content 3",
   duration: "5.53ms",
@@ -5294,7 +5294,7 @@ const Ae = Object.freeze({
   object: "comment",
   time: "2023-11-24T17:56:36.162000",
   verb: "post"
-}), Ls = Object.freeze({
+}), Rs = Object.freeze({
   actor: `SU:${$e.id}`,
   content: "some content 4",
   duration: "5.53ms",
@@ -5357,7 +5357,7 @@ Object.freeze({
     updated_at: "2023-08-31T07:11:38.677184Z"
   },
   kind: "reply",
-  activity_id: Rs.id,
+  activity_id: Ds.id,
   data: {
     content: "Some content 2..."
   },
@@ -5377,7 +5377,7 @@ Object.freeze({
     updated_at: "2023-08-31T07:11:38.677184Z"
   },
   kind: "reply",
-  activity_id: Ds.id,
+  activity_id: Ls.id,
   data: {
     content: "Some content 3..."
   },
@@ -5397,7 +5397,7 @@ Object.freeze({
     updated_at: "2023-08-31T07:11:38.677184Z"
   },
   kind: "reply",
-  activity_id: Ls.id,
+  activity_id: Rs.id,
   data: {
     content: "Some content 4..."
   },
@@ -5508,7 +5508,7 @@ function qs({ queryFn: e, queryKey: t }) {
     isLoading: s,
     hasNextPage: i,
     fetchNextPage: o
-  } = Ln({
+  } = Rn({
     queryKey: t,
     queryFn: e,
     initialPageParam: { next: null },
@@ -5630,7 +5630,7 @@ const Gi = ({
     ),
     c == null ? void 0 : c.map((_) => {
       var O, H, U, W, Q, V, ee, re, se;
-      const { own_reactions: b, latest_reactions: j } = _, C = (((O = j == null ? void 0 : j.like) == null ? void 0 : O.length) || 0) > 0, S = (((H = b == null ? void 0 : b.like) == null ? void 0 : H.length) || 0) > 0, I = _ == null ? void 0 : _.id, F = S ? b == null ? void 0 : b.like[0].id : null, M = C ? (U = j == null ? void 0 : j.like) == null ? void 0 : U.map((ne) => {
+      const { own_reactions: b, latest_reactions: j } = _, S = (((O = j == null ? void 0 : j.like) == null ? void 0 : O.length) || 0) > 0, C = (((H = b == null ? void 0 : b.like) == null ? void 0 : H.length) || 0) > 0, I = _ == null ? void 0 : _.id, F = C ? b == null ? void 0 : b.like[0].id : null, M = S ? (U = j == null ? void 0 : j.like) == null ? void 0 : U.map((ne) => {
         var oe, le, Z;
         return {
           id: (oe = ne == null ? void 0 : ne.user) == null ? void 0 : oe.id,
@@ -5660,7 +5660,7 @@ const Gi = ({
                   thumbnail: ((ee = T == null ? void 0 : T.data) == null ? void 0 : ee.thumbnail) || void 0
                 }
               },
-              userLiked: S,
+              userLiked: C,
               likes: ((re = _ == null ? void 0 : _.reaction_counts) == null ? void 0 : re.like) || 0,
               comments: ((se = _ == null ? void 0 : _.reaction_counts) == null ? void 0 : se.reply) || 0,
               peopleWhoLiked: M
@@ -6355,7 +6355,7 @@ function Ks({ queryFn: e, queryKey: t }) {
     isLoading: s,
     hasNextPage: i,
     fetchNextPage: o
-  } = Ln({
+  } = Rn({
     queryKey: t,
     queryFn: e,
     initialPageParam: { next: "" },
@@ -6477,11 +6477,11 @@ const ri = ({
     Es,
     {
       count: m,
-      showRepliesButton: !1,
+      showRepliesButton: c.length > 0 && _.showForm,
       children: /* @__PURE__ */ a.jsxs("section", { children: [
         c == null ? void 0 : c.map((b) => {
           var W, Q, V, ee, re, se, ne, oe, le, Z, ue;
-          const { own_children: j, latest_children: C } = b, S = b == null ? void 0 : b.id, I = (((W = C == null ? void 0 : C.like) == null ? void 0 : W.length) || 0) > 0, F = (((Q = j == null ? void 0 : j.like) == null ? void 0 : Q.length) || 0) > 0, M = F ? j == null ? void 0 : j.like[0].id : null, T = I ? (V = C == null ? void 0 : C.like) == null ? void 0 : V.map((K) => {
+          const { id: j, own_children: S, latest_children: C } = b, I = (((W = C == null ? void 0 : C.like) == null ? void 0 : W.length) || 0) > 0, F = (((Q = S == null ? void 0 : S.like) == null ? void 0 : Q.length) || 0) > 0, M = F ? S == null ? void 0 : S.like[0].id : null, T = I ? (V = C == null ? void 0 : C.like) == null ? void 0 : V.map((K) => {
             var ie, me, pe;
             return {
               id: (ie = K == null ? void 0 : K.user) == null ? void 0 : ie.id,
@@ -6520,18 +6520,18 @@ const ri = ({
               functions: {
                 content: {
                   createContent: () => null,
-                  deleteContent: () => y({ replyId: S }),
+                  deleteContent: () => y({ replyId: j }),
                   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                  updateContent: (K, { body: ie }) => h({ replyId: S, content: ie })
+                  updateContent: (K, { body: ie }) => h({ replyId: j, content: ie })
                 },
                 likes: {
-                  createLike: () => g({ replyId: S }),
-                  deleteLike: () => k({ replyId: S, reactionId: M })
+                  createLike: () => g({ replyId: j }),
+                  deleteLike: () => k({ replyId: j, reactionId: M })
                 },
                 comments: {}
               }
             },
-            S
+            j
           );
         }),
         !d && /* @__PURE__ */ a.jsx(
@@ -6619,7 +6619,7 @@ const ri = ({
     ),
     m == null ? void 0 : m.map((b) => {
       var W, Q, V, ee, re, se, ne, oe, le, Z, ue;
-      const { own_children: j, latest_children: C } = b, S = b == null ? void 0 : b.id, I = (((W = C == null ? void 0 : C.like) == null ? void 0 : W.length) || 0) > 0, F = (((Q = j == null ? void 0 : j.like) == null ? void 0 : Q.length) || 0) > 0, M = F ? j == null ? void 0 : j.like[0].id : null, T = I ? (V = C == null ? void 0 : C.like) == null ? void 0 : V.map((K) => {
+      const { own_children: j, latest_children: S } = b, C = b == null ? void 0 : b.id, I = (((W = S == null ? void 0 : S.like) == null ? void 0 : W.length) || 0) > 0, F = (((Q = j == null ? void 0 : j.like) == null ? void 0 : Q.length) || 0) > 0, M = F ? j == null ? void 0 : j.like[0].id : null, T = I ? (V = S == null ? void 0 : S.like) == null ? void 0 : V.map((K) => {
         var ie, me, pe;
         return {
           id: (ie = K == null ? void 0 : K.user) == null ? void 0 : ie.id,
@@ -6637,9 +6637,9 @@ const ri = ({
             slugs: {
               question: `${e}/${t}`,
               answer: n,
-              reply: S
+              reply: C
             },
-            slug: S,
+            slug: C,
             author: {
               id: E == null ? void 0 : E.id,
               name: (ne = E.data) == null ? void 0 : ne.name,
@@ -6656,13 +6656,13 @@ const ri = ({
           functions: {
             content: {
               createContent: () => null,
-              deleteContent: () => k({ replyId: S }),
+              deleteContent: () => k({ replyId: C }),
               // eslint-disable-next-line @typescript-eslint/no-explicit-any
-              updateContent: (K, { body: ie }) => g({ replyId: S, content: ie })
+              updateContent: (K, { body: ie }) => g({ replyId: C, content: ie })
             },
             likes: {
-              createLike: () => y({ replyId: S }),
-              deleteLike: () => v({ replyId: S, reactionId: M })
+              createLike: () => y({ replyId: C }),
+              deleteLike: () => v({ replyId: C, reactionId: M })
             },
             comments: {}
           },
@@ -6672,7 +6672,7 @@ const ri = ({
               basePath: e,
               parentId: t,
               activityId: n,
-              replyId: S,
+              replyId: C,
               isMember: r,
               functions: {
                 ...s
@@ -6680,8 +6680,8 @@ const ri = ({
             }
           )
         },
-        S
-      ) }, S);
+        C
+      ) }, C);
     }),
     !p && /* @__PURE__ */ a.jsx(
       yt,
@@ -6826,13 +6826,13 @@ const Qi = ({
         text: l.formatMessage({ id: "activitySection_notFoundError" })
       }
     );
-  const { own_reactions: v, latest_reactions: _ } = d, b = (((F = _ == null ? void 0 : _.like) == null ? void 0 : F.length) || 0) > 0, j = (((M = v == null ? void 0 : v.like) == null ? void 0 : M.length) || 0) > 0, C = b ? (T = _ == null ? void 0 : _.like) == null ? void 0 : T.map((V) => {
+  const { own_reactions: v, latest_reactions: _ } = d, b = (((F = _ == null ? void 0 : _.like) == null ? void 0 : F.length) || 0) > 0, j = (((M = v == null ? void 0 : v.like) == null ? void 0 : M.length) || 0) > 0, S = b ? (T = _ == null ? void 0 : _.like) == null ? void 0 : T.map((V) => {
     var ee, re, se;
     return {
       id: (ee = V == null ? void 0 : V.user) == null ? void 0 : ee.id,
       name: (se = (re = V == null ? void 0 : V.user) == null ? void 0 : re.data) == null ? void 0 : se.name
     };
-  }) : !1, S = d == null ? void 0 : d.actor, I = (S == null ? void 0 : S.id) === (f == null ? void 0 : f.id);
+  }) : !1, C = d == null ? void 0 : d.actor, I = (C == null ? void 0 : C.id) === (f == null ? void 0 : f.id);
   return /* @__PURE__ */ a.jsx(
     kt,
     {
@@ -6848,20 +6848,20 @@ const Qi = ({
         },
         slug: n,
         author: {
-          id: S.id,
-          name: (E = S.data) == null ? void 0 : E.name,
-          organization: (O = S.data) == null ? void 0 : O.organization,
-          jobTitle: (H = S.data) == null ? void 0 : H.jobTitle,
+          id: C.id,
+          name: (E = C.data) == null ? void 0 : E.name,
+          organization: (O = C.data) == null ? void 0 : O.organization,
+          jobTitle: (H = C.data) == null ? void 0 : H.jobTitle,
           image: {
-            thumbnail: ((U = S.data) == null ? void 0 : U.thumbnail) || void 0
+            thumbnail: ((U = C.data) == null ? void 0 : U.thumbnail) || void 0
           }
         },
         userLiked: j,
         likes: ((W = d == null ? void 0 : d.reaction_counts) == null ? void 0 : W.like) || 0,
         comments: ((Q = d == null ? void 0 : d.reaction_counts) == null ? void 0 : Q.reply) || 0,
-        peopleWhoLiked: C
+        peopleWhoLiked: S
       },
-      originalAuthorId: S == null ? void 0 : S.id,
+      originalAuthorId: C == null ? void 0 : C.id,
       forceHide: { comments: !0 },
       functions: {
         content: {
@@ -6902,7 +6902,7 @@ const Qi = ({
   jobTitle: t,
   organization: r,
   image: { thumbnail: s }
-}), Rn = [
+}), Dn = [
   {
     contentType: "solutionArticle",
     banner: {
@@ -6948,7 +6948,7 @@ const Qi = ({
 ];
 const tt = "notFoundError_", Xi = () => {
   const e = P(), t = [];
-  return Rn.forEach((n, r) => {
+  return Dn.forEach((n, r) => {
     n.title = e.formatMessage({ id: `${tt}post_${r + 1}` }), t.push("solutionArticle");
   }), /* @__PURE__ */ a.jsxs(
     ys,
@@ -6959,7 +6959,7 @@ const tt = "notFoundError_", Xi = () => {
           /* @__PURE__ */ a.jsx(
             Jr,
             {
-              cards: Rn,
+              cards: Dn,
               cardTypes: t,
               buildCardData: (n) => new Promise((r, s) => {
                 r(n);
@@ -6985,7 +6985,7 @@ export {
   Qi as ActivitySection,
   da as AddPost,
   Ci as BannerSection,
-  Di as Breadcrumbs,
+  Li as Breadcrumbs,
   q as Button,
   ht as ButtonWrapper,
   Er as CacheProvider,
@@ -6994,7 +6994,7 @@ export {
   Fi as Carousel,
   Vn as CollapsibleSection,
   ds as Columns,
-  Ri as CommunityDetails,
+  Di as CommunityDetails,
   Xn as Contributors,
   vt as ConversationContext,
   us as CookieBanner,
@@ -7008,7 +7008,7 @@ export {
   Be as EMAILS,
   qi as EmailHelperTextBox,
   bt as EmptyStateBox,
-  Li as Filters,
+  Ri as Filters,
   Mr as FlagsProvider,
   aa as Footer,
   _t as FullWidthSection,