@apolitical/component-library 1.15.1-beta.0 → 1.15.2

package/index.mjs

@@ -27,23 +27,23 @@ var Nn = { exports: {} };
     var t = {}.hasOwnProperty;
     function n() {
       for (var r = [], i = 0; i < arguments.length; i++) {
-        var l = arguments[i];
-        if (l) {
-          var u = typeof l;
+        var d = arguments[i];
+        if (d) {
+          var u = typeof d;
           if (u === "string" || u === "number")
-            r.push(l);
-          else if (Array.isArray(l)) {
-            if (l.length) {
-              var a = n.apply(null, l);
+            r.push(d);
+          else if (Array.isArray(d)) {
+            if (d.length) {
+              var a = n.apply(null, d);
               a && r.push(a);
             }
           } else if (u === "object") {
-            if (l.toString !== Object.prototype.toString && !l.toString.toString().includes("[native code]")) {
-              r.push(l.toString());
+            if (d.toString !== Object.prototype.toString && !d.toString.toString().includes("[native code]")) {
+              r.push(d.toString());
               continue;
             }
-            for (var d in l)
-              t.call(l, d) && l[d] && r.push(d);
+            for (var l in d)
+              t.call(d, l) && d[l] && r.push(l);
           }
         }
       }
@@ -69,15 +69,15 @@ function Rs() {
   if (pn)
     return Ye;
   pn = 1;
-  var e = C, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function u(a, d, o) {
+  var e = C, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function u(a, l, o) {
     var m, c = {}, h = null, p = null;
-    o !== void 0 && (h = "" + o), d.key !== void 0 && (h = "" + d.key), d.ref !== void 0 && (p = d.ref);
-    for (m in d)
-      r.call(d, m) && !l.hasOwnProperty(m) && (c[m] = d[m]);
+    o !== void 0 && (h = "" + o), l.key !== void 0 && (h = "" + l.key), l.ref !== void 0 && (p = l.ref);
+    for (m in l)
+      r.call(l, m) && !d.hasOwnProperty(m) && (c[m] = l[m]);
     if (a && a.defaultProps)
-      for (m in d = a.defaultProps, d)
-        c[m] === void 0 && (c[m] = d[m]);
+      for (m in l = a.defaultProps, l)
+        c[m] === void 0 && (c[m] = l[m]);
     return { $$typeof: t, type: a, key: h, ref: p, props: c, _owner: i.current };
   }
   return Ye.Fragment = n, Ye.jsx = u, Ye.jsxs = u, Ye;
@@ -95,7 +95,7 @@ var Ge = {};
 var gn;
 function Fs() {
   return gn || (gn = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = C, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), a = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), o = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), c = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), g = Symbol.iterator, b = "@@iterator";
+    var e = C, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), d = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), a = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), o = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), c = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), g = Symbol.iterator, b = "@@iterator";
     function v(f) {
       if (f === null || typeof f != "object")
         return null;
@@ -123,7 +123,7 @@ function Fs() {
     var T = !1, N = !1, R = !1, J = !1, O = !1, H;
     H = Symbol.for("react.module.reference");
     function F(f) {
-      return !!(typeof f == "string" || typeof f == "function" || f === r || f === l || O || f === i || f === o || f === m || J || f === p || T || N || R || typeof f == "object" && f !== null && (f.$$typeof === h || f.$$typeof === c || f.$$typeof === u || f.$$typeof === a || f.$$typeof === d || // This needs to include all possible module reference object
+      return !!(typeof f == "string" || typeof f == "function" || f === r || f === d || O || f === i || f === o || f === m || J || f === p || T || N || R || typeof f == "object" && f !== null && (f.$$typeof === h || f.$$typeof === c || f.$$typeof === u || f.$$typeof === a || f.$$typeof === l || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -151,7 +151,7 @@ function Fs() {
           return "Fragment";
         case n:
           return "Portal";
-        case l:
+        case d:
           return "Profiler";
         case i:
           return "StrictMode";
@@ -168,7 +168,7 @@ function Fs() {
           case u:
             var $ = f;
             return Y($._context) + ".Provider";
-          case d:
+          case l:
             return x(f, f.render, "ForwardRef");
           case c:
             var M = f.displayName || null;
@@ -358,7 +358,7 @@ function Fs() {
       }
       if (typeof f == "object")
         switch (f.$$typeof) {
-          case d:
+          case l:
             return le(f.render);
           case c:
             return me(f.type, y, $);
@@ -610,7 +610,7 @@ Check the top-level render call using <` + $ + ">.");
         var $;
         if (typeof y == "function")
           $ = y.propTypes;
-        else if (typeof y == "object" && (y.$$typeof === d || // Note: Memo only checks outer props here.
+        else if (typeof y == "object" && (y.$$typeof === l || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         y.$$typeof === c))
           $ = y.propTypes;
@@ -696,7 +696,7 @@ const Ls = () => {
   }, t);
 };
 function Is(e, t, n) {
-  var r = this, i = de(null), l = de(0), u = de(null), a = de([]), d = de(), o = de(), m = de(e), c = de(!0);
+  var r = this, i = de(null), d = de(0), u = de(null), a = de([]), l = de(), o = de(), m = de(e), c = de(!0);
   m.current = e;
   var h = typeof window < "u", p = !t && t !== 0 && h;
   if (typeof e != "function")
@@ -710,31 +710,31 @@ function Is(e, t, n) {
   }, []);
   var _ = xt(function() {
     var T = function(F) {
-      var x = a.current, Y = d.current;
-      return a.current = d.current = null, l.current = F, o.current = m.current.apply(Y, x);
+      var x = a.current, Y = l.current;
+      return a.current = l.current = null, d.current = F, o.current = m.current.apply(Y, x);
     }, N = function(F, x) {
       p && cancelAnimationFrame(u.current), u.current = p ? requestAnimationFrame(F) : setTimeout(F, x);
     }, R = function(F) {
       if (!c.current)
         return !1;
       var x = F - i.current;
-      return !i.current || x >= t || x < 0 || v && F - l.current >= j;
+      return !i.current || x >= t || x < 0 || v && F - d.current >= j;
     }, J = function(F) {
-      return u.current = null, b && a.current ? T(F) : (a.current = d.current = null, o.current);
+      return u.current = null, b && a.current ? T(F) : (a.current = l.current = null, o.current);
     }, O = function F() {
       var x = Date.now();
       if (R(x))
         return J(x);
       if (c.current) {
-        var Y = t - (x - i.current), k = v ? Math.min(Y, j - (x - l.current)) : Y;
+        var Y = t - (x - i.current), k = v ? Math.min(Y, j - (x - d.current)) : Y;
         N(F, k);
       }
     }, H = function() {
       if (h || E) {
         var F = Date.now(), x = R(F);
-        if (a.current = [].slice.call(arguments), d.current = r, i.current = F, x) {
+        if (a.current = [].slice.call(arguments), l.current = r, i.current = F, x) {
           if (!u.current && c.current)
-            return l.current = i.current, N(O, t), g ? T(i.current) : o.current;
+            return d.current = i.current, N(O, t), g ? T(i.current) : o.current;
           if (v)
             return N(O, t), T(i.current);
         }
@@ -742,7 +742,7 @@ function Is(e, t, n) {
       }
     };
     return H.cancel = function() {
-      u.current && (p ? cancelAnimationFrame(u.current) : clearTimeout(u.current)), l.current = 0, a.current = i.current = d.current = u.current = null;
+      u.current && (p ? cancelAnimationFrame(u.current) : clearTimeout(u.current)), d.current = 0, a.current = i.current = l.current = u.current = null;
     }, H.isPending = function() {
       return !!u.current;
     }, H.flush = function() {
@@ -752,8 +752,8 @@ function Is(e, t, n) {
   return _;
 }
 function Cn(e, t, n) {
-  var r = n === void 0 ? {} : n, i = r.leading, l = r.trailing;
-  return Is(e, t, { maxWait: t, leading: i === void 0 || i, trailing: l === void 0 || l });
+  var r = n === void 0 ? {} : n, i = r.leading, d = r.trailing;
+  return Is(e, t, { maxWait: t, leading: i === void 0 || i, trailing: d === void 0 || d });
 }
 let Dt;
 const vt = (e = !0, t = !1, n = "window") => {
@@ -761,15 +761,15 @@ const vt = (e = !0, t = !1, n = "window") => {
     return;
   const [r, i] = C.useState(0) || [!1, () => {
   }];
-  G(() => (a(), window.addEventListener("resize", d), () => {
-    clearTimeout(Dt), d.flush(), window.removeEventListener("resize", d);
+  G(() => (a(), window.addEventListener("resize", l), () => {
+    clearTimeout(Dt), l.flush(), window.removeEventListener("resize", l);
   }), n === "window" ? [] : [n]);
   const u = () => {
     if (n)
       return n === "window" ? window.innerWidth : n.offsetWidth;
   }, a = () => {
     i(u());
-  }, d = Cn(
+  }, l = Cn(
     () => {
       u() !== r && (t && (clearTimeout(Dt), document.body.classList.add("is-resizing"), Dt = setTimeout(() => {
         document.body.classList.remove("is-resizing");
@@ -790,21 +790,21 @@ const vt = (e = !0, t = !1, n = "window") => {
 }) => {
   if (!window)
     return;
-  const [i, l] = C.useState({ current: 0, past: 0 }) || [!1, () => {
+  const [i, d] = C.useState({ current: 0, past: 0 }) || [!1, () => {
   }], [u, a] = C.useState({ scrollDown: !1, scrollUp: !1 }) || [!1, () => {
   }];
-  G(() => (d(), window.addEventListener("scroll", o), () => {
+  G(() => (l(), window.addEventListener("scroll", o), () => {
     o.flush(), window.removeEventListener("scroll", o);
   }), []);
-  const d = () => {
+  const l = () => {
     const m = window.scrollY, c = i.current, h = m - c, p = h > 0 ? "down" : "up";
-    if (l({ current: m, past: c }), p === "down") {
+    if (d({ current: m, past: c }), p === "down") {
       m >= e + t.down && !u.scrollDown && (!u.scrollUp || h > t.up) && (n(), a({ scrollUp: !1, scrollDown: !0 }));
       return;
     }
     Math.abs(h) >= t.up && !u.scrollUp && (r(), a({ scrollUp: !0, scrollDown: !1 }));
   }, o = Cn(() => {
-    d();
+    l();
   }, 250);
   return i;
 }, Bs = (e = [], t = !0) => {
@@ -827,10 +827,10 @@ const vt = (e = !0, t = !1, n = "window") => {
 }, Pn = (e, t, n) => {
   let r = n.mobile;
   for (const i in t) {
-    const l = parseInt(String(t[i]));
-    if (e >= l)
-      r = n[l];
-    else if (e < l)
+    const d = parseInt(String(t[i]));
+    if (e >= d)
+      r = n[d];
+    else if (e < d)
       break;
   }
   return r;
@@ -840,16 +840,16 @@ const vt = (e = !0, t = !1, n = "window") => {
   month: "short",
   year: "numeric"
 }), Gt = (e) => {
-  let l;
+  let d;
   const u = _n(), a = _n(new Date(e));
   try {
-    l = u.getTime() - a.getTime();
+    d = u.getTime() - a.getTime();
   } catch {
     return "";
   }
-  const d = l / 36e5, o = Math.floor(l / 864e5);
+  const l = d / 36e5, o = Math.floor(d / 864e5);
   if (o < 1)
-    return d < 1 ? { path: "now" } : { path: "hours", number: Math.floor(d) };
+    return l < 1 ? { path: "now" } : { path: "hours", number: Math.floor(l) };
   if (o < 7)
     return { path: "days", number: o };
   const m = Math.floor(o / 7);
@@ -1200,8 +1200,8 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   fr: Ws,
   pt: zs
 }, Symbol.toStringTag, { value: "Module" })), Fn = (e) => e in qt, Te = (e, t, n, r, i = {}) => {
-  let l = "";
-  return Fn(`${t}_${n}`) ? l = e({ id: `${t}_${n}` }, i) : l = e({ id: t }, { [r]: n, ...i }), l;
+  let d = "";
+  return Fn(`${t}_${n}`) ? d = e({ id: `${t}_${n}` }, i) : d = e({ id: t }, { [r]: n, ...i }), d;
 }, Ys = (e, t, n) => {
   if (!e || e === 0)
     return "0";
@@ -1209,9 +1209,9 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   let r = e.toString();
   t = Math.pow(10, t);
   for (let i = n.length - 1; i >= 0; i--) {
-    const l = Math.pow(10, (i + 1) * 3);
-    if (l <= e) {
-      e = Math.round(e * t / l) / t, e === 1e3 && i < n.length - 1 && (e = 1, i++), r = `${e}${n[i]}`;
+    const d = Math.pow(10, (i + 1) * 3);
+    if (d <= e) {
+      e = Math.round(e * t / d) / t, e === 1e3 && i < n.length - 1 && (e = 1, i++), r = `${e}${n[i]}`;
       break;
     }
   }
@@ -1235,10 +1235,10 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   styling: n = { muted: !1, fullWidth: !1 },
   icon: r = !1,
   href: i = !1,
-  element: l = "button",
+  element: d = "button",
   onClick: u = !1,
   className: a = "",
-  disabled: d = !1,
+  disabled: l = !1,
   screenreaderText: o = !1,
   children: m = !1,
   ...c
@@ -1254,21 +1254,21 @@ Thank you for helping to protect the Apolitical community from abusive content.`
     ...c,
     className: S(e, a, g, {
       "no-text": !m,
-      disabled: d,
+      disabled: l,
       button: i
     }),
     onClick: (v) => {
       (!i || i[0] === "#") && u && (v.preventDefault(), v.stopPropagation()), u && u(v);
     },
-    disabled: typeof d == "object" && "isClickable" in d ? !d.isClickable : d
+    disabled: typeof l == "object" && "isClickable" in l ? !l.isClickable : l
   };
-  return i && (l = "a", b.href = i), C.createElement(
-    l,
+  return i && (d = "a", b.href = i), C.createElement(
+    d,
     b,
     m || (o ? /* @__PURE__ */ s.jsx(_e, { showOnFocus: !1, children: o }) : null)
   );
 }, kt = ({ buttons: e, className: t = "", ...n }) => {
-  const r = e.length > 1 ? "ul" : "p", i = e.map((l, u) => r === "p" ? /* @__PURE__ */ s.jsx(W, { ...l }, u) : /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(W, { ...l }) }, u));
+  const r = e.length > 1 ? "ul" : "p", i = e.map((d, u) => r === "p" ? /* @__PURE__ */ s.jsx(W, { ...d }, u) : /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(W, { ...d }) }, u));
   return C.createElement(r, { className: S("button-wrapper", t), ...n, children: i });
 };
 const Ue = ({ className: e = "", maxWidth: t = !1 }) => {
@@ -1280,18 +1280,18 @@ const Ue = ({ className: e = "", maxWidth: t = !1 }) => {
   fallbackElement: n,
   className: r = "",
   onClick: i,
-  gtmContext: l,
+  gtmContext: d,
   gtmType: u,
   ...a
 }) => {
   if (e) {
-    const d = { ...a };
-    return i && (d.onClick = i), l && (d["data-gtm-event-context"] = l), u && (d["data-gtm-event-type"] = u), /* @__PURE__ */ s.jsx(
+    const l = { ...a };
+    return i && (l.onClick = i), d && (l["data-gtm-event-context"] = d), u && (l["data-gtm-event-type"] = u), /* @__PURE__ */ s.jsx(
       "a",
       {
         href: e,
         className: S("gtm-trackable", r),
-        ...d,
+        ...l,
         children: t
       }
     );
@@ -1410,26 +1410,26 @@ const Ue = ({ className: e = "", maxWidth: t = !1 }) => {
 }, qs = ({ format: e, height: t, query: n, width: r }) => {
   let i = `w=${r}&h=${t}`;
   return i = e ? `${i}&fm=${e}` : i, i = n ? `${i}&${n}` : i, i;
-}, Ct = ({ format: e, range: t, url: n, query: r }) => t.map(({ height: i, width: l }) => `${n}?${qs({
+}, Ct = ({ format: e, range: t, url: n, query: r }) => t.map(({ height: i, width: d }) => `${n}?${qs({
   format: e,
   height: i,
   query: r,
-  width: l
-})} ${l}w`).join(", ");
+  width: d
+})} ${d}w`).join(", ");
 const Ln = ({ image: e, className: t, testId: n }) => {
   const {
     description: r,
     height: i,
-    type: l,
+    type: d,
     query: u,
     url: a,
-    width: d,
+    width: l,
     loading: o,
     decoding: m,
     fetchPriority: c
   } = e, { range: h, sizes: p } = Ks(e), g = Ct({ format: "avif", query: u, range: h, url: a }), b = Ct({ format: "webp", query: u, range: h, url: a }), v = Ct({ format: "", query: u, range: h, url: a });
   return /* @__PURE__ */ s.jsxs("picture", { className: t, children: [
-    l !== "image/gif" && /* @__PURE__ */ s.jsx(
+    d !== "image/gif" && /* @__PURE__ */ s.jsx(
       "source",
       {
         type: "image/avif",
@@ -1457,7 +1457,7 @@ const Ln = ({ image: e, className: t, testId: n }) => {
         loading: o || "lazy",
         decoding: m || "async",
         fetchpriority: c || "auto",
-        width: d,
+        width: l,
         height: i,
         "data-testid": n || "image"
       }
@@ -1466,24 +1466,24 @@ const Ln = ({ image: e, className: t, testId: n }) => {
 };
 let Je = !1;
 const er = ({ isOpen: e = !1, isLoading: t = !1, children: n }) => {
-  const r = D(), i = de(null), [l, u] = P("hidden");
+  const r = D(), i = de(null), [d, u] = P("hidden");
   G(() => {
-    const d = i.current;
-    if (d)
-      return d.addEventListener("transitionend", a), () => {
-        d.removeEventListener("transitionend", a);
+    const l = i.current;
+    if (l)
+      return l.addEventListener("transitionend", a), () => {
+        l.removeEventListener("transitionend", a);
       };
   }, []);
-  const a = ({ propertyName: d }) => {
-    d === "opacity" && (Je !== !1 && clearTimeout(Je), u((o) => o === "opening" ? "open" : o === "closing" ? "closed" : o === "closed" ? "hidden" : o));
+  const a = ({ propertyName: l }) => {
+    l === "opacity" && (Je !== !1 && clearTimeout(Je), u((o) => o === "opening" ? "open" : o === "closing" ? "closed" : o === "closed" ? "hidden" : o));
   };
   return He(() => {
     Je !== !1 && clearTimeout(Je);
-    let d = "open";
-    e ? u("opening") : (u("closing"), d = "hidden"), Je = setTimeout(() => {
-      u(d);
+    let l = "open";
+    e ? u("opening") : (u("closing"), l = "hidden"), Je = setTimeout(() => {
+      u(l);
     }, 300);
-  }, [e]), /* @__PURE__ */ s.jsx("aside", { ref: i, className: S("tooltip text-medium", l, { loading: t }), hidden: l === "hidden", children: t ? /* @__PURE__ */ s.jsx("p", { children: r.formatMessage({ id: "tooltip_loading" }) }) : typeof n == "string" ? /* @__PURE__ */ s.jsx("p", { children: n }) : n });
+  }, [e]), /* @__PURE__ */ s.jsx("aside", { ref: i, className: S("tooltip text-medium", d, { loading: t }), hidden: d === "hidden", children: t ? /* @__PURE__ */ s.jsx("p", { children: r.formatMessage({ id: "tooltip_loading" }) }) : typeof n == "string" ? /* @__PURE__ */ s.jsx("p", { children: n }) : n });
 };
 const en = ({ children: e, className: t = "", ...n }) => /* @__PURE__ */ s.jsx("section", { className: S("full-width-section", t), ...n, children: e });
 const Ba = ({ text: e, buttons: t, className: n = "" }) => {
@@ -1519,15 +1519,15 @@ const Qa = ({ title: e = !1, logos: t = [], className: n = "" }) => {
       {
         className: S({ "two-col": r === 2 || r === 4, "three-col": r === 5 || r <= 10 && r % 3 === 0 }),
         children: t.map(
-          ({ logo: l, nameOfBusiness: u, link: a = !1, description: d = !1 }, o) => {
-            if (!l || !l.url)
+          ({ logo: d, nameOfBusiness: u, link: a = !1, description: l = !1 }, o) => {
+            if (!d || !d.url)
               return null;
             const m = /* @__PURE__ */ s.jsx(
               "img",
               {
-                src: l.url,
-                width: l.width || "auto",
-                height: l.height || "auto",
+                src: d.url,
+                width: d.width || "auto",
+                height: d.height || "auto",
                 alt: u
               }
             );
@@ -1541,8 +1541,8 @@ const Qa = ({ title: e = !1, logos: t = [], className: n = "" }) => {
                   children: m
                 }
               ) : m }),
-              d && /* @__PURE__ */ s.jsx("small", { children: d })
-            ] }, window.btoa(`${l.url}_${o}`));
+              l && /* @__PURE__ */ s.jsx("small", { children: l })
+            ] }, window.btoa(`${d.url}_${o}`));
           }
         )
       }
@@ -1569,7 +1569,7 @@ const tr = [
   image: n,
   variant: r = "default",
   spacing: i = "normal",
-  hideElements: l = {
+  hideElements: d = {
     eyebrow: !1,
     title: !1,
     text: !1
@@ -1577,13 +1577,13 @@ const tr = [
   cta: u,
   children: a
 }) => {
-  const d = ["eyebrow", "title", "text"], o = { eyebrow: "small", title: "h1", text: "p" }, m = {};
-  return d.forEach((c) => {
+  const l = ["eyebrow", "title", "text"], o = { eyebrow: "small", title: "h1", text: "p" }, m = {};
+  return l.forEach((c) => {
     if (!t[c]) {
       m[c] = !1;
       return;
     }
-    if (!l[c]) {
+    if (!d[c]) {
       if (typeof t[c] == "object") {
         m[c] = t[c];
         const { text: h, element: p } = t[c];
@@ -1613,7 +1613,7 @@ const tr = [
       }),
       children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
         /* @__PURE__ */ s.jsxs("div", { className: "content-wrapper", children: [
-          d.map((c) => {
+          l.map((c) => {
             if (m[c] && typeof m[c] == "object") {
               const { text: h, element: p = "" } = m[c];
               return C.createElement(
@@ -1674,14 +1674,14 @@ const yt = ({
   className: r = ""
 }) => {
   let i = n && !!Object.keys(n).length;
-  const l = typeof n == "object" && "breakpoints" in n, u = vt(l);
-  if (l && typeof n == "object" && typeof u == "number") {
+  const d = typeof n == "object" && "breakpoints" in n, u = vt(d);
+  if (d && typeof n == "object" && typeof u == "number") {
     const c = Object.assign({}, n.breakpoints), h = An(Object.keys(c));
     i = Pn(u, h, c);
   }
   const {
     breakpoints: a,
-    text: d = "",
+    text: l = "",
     component: o,
     ...m
   } = n;
@@ -1697,7 +1697,7 @@ const yt = ({
           {
             ...m,
             variant: n.variant ? n.variant : "secondary",
-            children: d
+            children: l
           }
         ))
       ] })
@@ -1722,7 +1722,7 @@ const sr = ({ type: e = "default", className: t = "", heading: n = !1, children:
   ) : /* @__PURE__ */ s.jsx("p", { children: r })
 ] });
 const za = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children: i }) => {
-  const l = D(), u = de(null), [a, d] = P(""), [o, m] = P("closed");
+  const d = D(), u = de(null), [a, l] = P(""), [o, m] = P("closed");
   G(() => {
     const p = u.current;
     if (p)
@@ -1734,7 +1734,7 @@ const za = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
       return;
     const p = r.split(`
 `);
-    d(p.length < 3 ? `${r.substring(0, 400)}...` : p.slice(0, 3).join(`
+    l(p.length < 3 ? `${r.substring(0, 400)}...` : p.slice(0, 3).join(`
 `));
   }, [r]), G(() => {
     o === "ready-to-close" && m("closing");
@@ -1760,7 +1760,7 @@ const za = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
         onClick: () => {
           m(h ? "ready-to-close" : "opening");
         },
-        children: h ? n || l.formatMessage({ id: "hideShowTextBox_hide" }) : t || l.formatMessage({ id: "hideShowTextBox_show" })
+        children: h ? n || d.formatMessage({ id: "hideShowTextBox_hide" }) : t || d.formatMessage({ id: "hideShowTextBox_show" })
       }
     ) })
   ] });
@@ -1770,11 +1770,11 @@ const za = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
     return null;
   let n = t.formatMessage({ id: "markdown_collapsibleSection_summary" });
   const r = [];
-  for (const l of zt.toArray(e))
-    if (!(!l || typeof l == "string" || typeof l == "number"))
-      if (C.isValidElement(l) && l.type === "summary") {
-        if (l.props && l.props.children) {
-          for (const u of zt.toArray(l.props.children))
+  for (const d of zt.toArray(e))
+    if (!(!d || typeof d == "string" || typeof d == "number"))
+      if (C.isValidElement(d) && d.type === "summary") {
+        if (d.props && d.props.children) {
+          for (const u of zt.toArray(d.props.children))
             if (!(!u || typeof u == "string" || typeof u == "number") && C.isValidElement(u)) {
               const a = u.type;
               if (or.includes(a)) {
@@ -1785,14 +1785,14 @@ const za = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
             }
         }
       } else
-        r.push(l);
+        r.push(d);
   const i = n ? n.toString() : "";
   return /* @__PURE__ */ s.jsx(
     In,
     {
       label: i,
       className: ["Sources", "Resources"].includes(i) ? "discrete-links" : "",
-      children: r.map((l) => l)
+      children: r.map((d) => d)
     }
   );
 }, cr = ({ children: e, ...t }) => {
@@ -1825,11 +1825,11 @@ const za = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
   let n = { ...t };
   t.href && (t.href.includes("http:") || t.href.includes("https:")) && !t.target && (n.target = "_blank");
   let r = e, i = !1;
-  for (const l of zt.toArray(e))
-    if (!(!l || typeof l == "string" || typeof l == "number") && C.isValidElement(l)) {
-      const u = l.type;
-      if (["button", "center", "span", "strong"].includes(u) && l.props && l.props.children && l.props.children[0])
-        for ((u === "button" || bn(l.props.children[0]) === "button") && (i = !0), r = l.props.children[0]; r && typeof r != "string" && !(typeof r == "boolean" || typeof r == "number" || !C.isValidElement(r)); )
+  for (const d of zt.toArray(e))
+    if (!(!d || typeof d == "string" || typeof d == "number") && C.isValidElement(d)) {
+      const u = d.type;
+      if (["button", "center", "span", "strong"].includes(u) && d.props && d.props.children && d.props.children[0])
+        for ((u === "button" || bn(d.props.children[0]) === "button") && (i = !0), r = d.props.children[0]; r && typeof r != "string" && !(typeof r == "boolean" || typeof r == "number" || !C.isValidElement(r)); )
           if (r.props && r.props.children && r.props.children[0])
             r = r.props.children[0], r && bn(r) === "button" && (i = !0);
           else
@@ -1866,9 +1866,9 @@ const mr = ({
   children: r,
   className: i = ""
 }) => {
-  const l = e ? { "--max-width": `${e / 16}rem` } : {};
+  const d = e ? { "--max-width": `${e / 16}rem` } : {};
   return /* @__PURE__ */ s.jsxs("section", { className: S("page-heading", i), children: [
-    /* @__PURE__ */ s.jsxs("div", { className: S("content", { "has-max-width": e }), style: l, children: [
+    /* @__PURE__ */ s.jsxs("div", { className: S("content", { "has-max-width": e }), style: d, children: [
       t && t.text && C.createElement(t.element || "h1", { className: "title" }, t.text),
       n && n.text && C.createElement(
         n.element || "h2",
@@ -1888,8 +1888,8 @@ const ft = ({
 }) => /* @__PURE__ */ s.jsx("span", { className: S("pill", e, t, n), ...i, children: r });
 const Xt = ({ element: e = "p", children: t = null, className: n = "", ...r }) => C.createElement(e, { ...r, className: S("status-banner text-small", n), "aria-live": "assertive" }, t);
 const fr = ({ progress: e = 0, text: t = !1, className: n = "" }) => {
-  const r = D(), i = e > 75 ? 100 : e > 50 ? 75 : e > 25 ? 50 : e > 5 ? 25 : 0, l = { "--progress": `${e}%` };
-  return /* @__PURE__ */ s.jsx("span", { className: S(`progress-bar section-${i}`, n), style: l, children: /* @__PURE__ */ s.jsx(_e, { children: t ? `${e} ${t}` : r.formatMessage({ id: "progressBar" }, { number: e }) }) });
+  const r = D(), i = e > 75 ? 100 : e > 50 ? 75 : e > 25 ? 50 : e > 5 ? 25 : 0, d = { "--progress": `${e}%` };
+  return /* @__PURE__ */ s.jsx("span", { className: S(`progress-bar section-${i}`, n), style: d, children: /* @__PURE__ */ s.jsx(_e, { children: t ? `${e} ${t}` : r.formatMessage({ id: "progressBar" }, { number: e }) }) });
 }, hr = We(fr);
 const At = "loadingBlock_", pr = ({ progress: e = 0, steps: t = !1, className: n = "" }) => {
   const r = D();
@@ -1899,9 +1899,9 @@ const At = "loadingBlock_", pr = ({ progress: e = 0, steps: t = !1, className: n
     100: { text: r.formatMessage({ id: `${At}complete` }) }
   });
   let i = null;
-  const l = Object.keys(t);
-  for (let a = 0; a < l.length && !(e < parseInt(l[a])); a++)
-    i = l[a];
+  const d = Object.keys(t);
+  for (let a = 0; a < d.length && !(e < parseInt(d[a])); a++)
+    i = d[a];
   const u = i && t[i].icon ? { "--icon": `url(${mt}icons/${t[i].icon}.svg)` } : {};
   return /* @__PURE__ */ s.jsxs(
     Re,
@@ -1952,10 +1952,10 @@ const vn = 256, qe = ({
   name: n,
   alt: r,
   width: i = vn,
-  height: l = vn,
+  height: d = vn,
   ...u
 }) => {
-  const [a, d] = P(!1), o = de(null);
+  const [a, l] = P(!1), o = de(null);
   G(() => {
     const c = o.current;
     if (!c)
@@ -1963,7 +1963,7 @@ const vn = 256, qe = ({
     const h = c.getContext("2d");
     if (!h)
       return;
-    const p = i, g = l;
+    const p = i, g = d;
     typeof window < "u" && window.devicePixelRatio && (c.width = p * window.devicePixelRatio, c.height = g * window.devicePixelRatio, h.scale(window.devicePixelRatio, window.devicePixelRatio)), h.fillStyle = gr(n), h.fillRect(0, 0, p, g), h.font = `${p / 3}px Arial`, h.textAlign = "center", h.fillStyle = "white", h.fillText(Qn(n), p / 2, g / 1.6);
   }, [n]);
   let m = !1;
@@ -1978,10 +1978,10 @@ const vn = 256, qe = ({
           src: t,
           alt: r || n,
           onError: () => {
-            d(!0);
+            l(!0);
           },
           width: i,
-          height: l
+          height: d
         }
       ) : /* @__PURE__ */ s.jsx("canvas", { ref: o })
     }
@@ -2003,12 +2003,12 @@ const vn = 256, qe = ({
   country: n = "",
   maximumCharacters: r = 80
 }) => {
-  const i = e !== "", l = t !== "", u = n !== "";
-  if (!i && !l && !u)
+  const i = e !== "", d = t !== "", u = n !== "";
+  if (!i && !d && !u)
     return "";
-  const a = `${e}${i && l ? ` — ${t}` : t}`;
-  let d = `${a}${(i || l) && u ? `, ${n}` : n}`;
-  return d.length > r && (d = a), d.length > r && (d = Qe(d, r)), d;
+  const a = `${e}${i && d ? ` — ${t}` : t}`;
+  let l = `${a}${(i || d) && u ? `, ${n}` : n}`;
+  return l.length > r && (l = a), l.length > r && (l = Qe(l, r)), l;
 };
 const tn = ({
   element: e = "div",
@@ -2016,13 +2016,13 @@ const tn = ({
   additionalContent: n = !1,
   gtmContext: r = "member",
   gtmType: i = "member-click",
-  className: l = ""
+  className: d = ""
 }) => {
   const u = D(), a = Hn(t);
   a.name || (a.name = u.formatMessage({ id: `member_${typeof t == "string" ? t : "community"}` }));
-  const { name: d, url: o, image: m } = a, c = _r(a), h = n && n.createdAt ? Gt(n.createdAt) : !1, p = n && n.createdAt ? Rn(n.createdAt) : "";
+  const { name: l, url: o, image: m } = a, c = _r(a), h = n && n.createdAt ? Gt(n.createdAt) : !1, p = n && n.createdAt ? Rn(n.createdAt) : "";
   return C.createElement(e, {
-    className: S("member text-medium", l),
+    className: S("member text-medium", d),
     children: /* @__PURE__ */ s.jsxs(
       jt,
       {
@@ -2033,9 +2033,9 @@ const tn = ({
           g == null || g.stopPropagation();
         },
         children: [
-          /* @__PURE__ */ s.jsx(qe, { name: d, src: m }),
+          /* @__PURE__ */ s.jsx(qe, { name: l, src: m }),
           /* @__PURE__ */ s.jsxs("p", { className: "details", children: [
-            /* @__PURE__ */ s.jsx("strong", { children: d }),
+            /* @__PURE__ */ s.jsx("strong", { children: l }),
             n && /* @__PURE__ */ s.jsxs("span", { className: "additional-content", children: [
               n.createdAt && h && /* @__PURE__ */ s.jsx("span", { className: "date", title: p, "aria-label": p, children: u.formatMessage({ id: `dates_${h.path}` }, { number: h.number }) }),
               n.didEdit && /* @__PURE__ */ s.jsx("em", { children: u.formatMessage({ id: "discussion_edited" }) })
@@ -2053,20 +2053,20 @@ const kn = {
 }, Un = ({
   element: e = "div",
   contributors: { total: t, data: n } = { total: void 0, data: [] },
-  styling: { showText: r, size: i, showGap: l, showPlaceholders: u } = {
+  styling: { showText: r, size: i, showGap: d, showPlaceholders: u } = {
     showText: !0,
     size: "medium",
     showGap: !0,
     showPlaceholders: !1
   },
   cutoff: a = 2,
-  className: d = "",
+  className: l = "",
   ...o
 }) => {
   const m = D();
   return !n || n.length === 0 ? null : C.createElement(e, {
     ...o,
-    className: S("contributors", d, i, { "has-gap": l }),
+    className: S("contributors", l, i, { "has-gap": d }),
     children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
       /* @__PURE__ */ s.jsx("ul", { children: n.map((c, h) => {
         let p, g = "";
@@ -2120,10 +2120,10 @@ const kn = {
 };
 var br = Kt({ client: dt });
 function wr(e) {
-  var t = e.children, n = e.client, r = e.apiKey, i = e.options, l = xt(function() {
+  var t = e.children, n = e.client, r = e.apiKey, i = e.options, d = xt(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 && (dt.__loaded && console.warn("[PostHog.js] was already loaded elsewhere. This may cause issues."), dt.init(r, i)), dt);
   }, [n, r]);
-  return C.createElement(br.Provider, { value: { client: l } }, t);
+  return C.createElement(br.Provider, { value: { client: d } }, t);
 }
 const vr = ({ children: e, user: t }) => t.isLoading ? null : process.env.REACT_APP_PUBLIC_POSTHOG_KEY ? /* @__PURE__ */ s.jsx(
   wr,
@@ -2151,15 +2151,15 @@ const vr = ({ children: e, user: t }) => t.isLoading ? null : process.env.REACT_
 }, $e = Kt(null), jr = ({ children: e, user: t }) => /* @__PURE__ */ s.jsx($e.Provider, { value: t, children: e }), Ga = ({ bootstrap: e, children: t, intl: n }) => {
   const [r, i] = P({ isLoading: !0 });
   return G(() => {
-    e().then((l) => {
-      i({ ...l, isLoading: !1 }), Gs(5e3);
+    e().then((d) => {
+      i({ ...d, isLoading: !1 }), Gs(5e3);
     }).catch(() => i({ isLoading: !1 }));
   }, []), /* @__PURE__ */ s.jsx(kr, { locale: n == null ? void 0 : n.locale, messages: n == null ? void 0 : n.messages, children: /* @__PURE__ */ s.jsx(Es, { children: /* @__PURE__ */ s.jsx(jr, { user: r, children: /* @__PURE__ */ s.jsx(xr, { children: /* @__PURE__ */ s.jsx(vr, { user: r, children: t }) }) }) }) });
 };
 const Pt = "joinCommunityButton", Wn = ({ isMember: e = !1, isShort: t = !1, functions: { join: n, leave: r } = { join: () => {
 }, leave: () => {
 } } }) => {
-  const i = D(), l = je($e), u = l && typeof l.id == "string", [a, d] = P(e), [o, m] = P(e ? "joined" : "notJoined");
+  const i = D(), d = je($e), u = d && typeof d.id == "string", [a, l] = P(e), [o, m] = P(e ? "joined" : "notJoined");
   G(() => {
     o === "joining" ? m("joined") : o === "leaving" && m("notJoined");
   }, [a]);
@@ -2172,7 +2172,7 @@ const Pt = "joinCommunityButton", Wn = ({ isMember: e = !1, isShort: t = !1, fun
       styling: { fullWidth: !0 },
       icon: a && o !== "leaving" ? { icon: "tick", position: "left" } : !1,
       onClick: async (p) => {
-        u && (p.currentTarget.blur(), a ? (m("leaving"), typeof r == "function" && await r()) : (m("joining"), typeof n == "function" && await n()), d(!a));
+        u && (p.currentTarget.blur(), a ? (m("leaving"), typeof r == "function" && await r()) : (m("joining"), typeof n == "function" && await n()), l(!a));
       },
       className: S("join-community-button", o, { active: o === "joining" }),
       disabled: !u,
@@ -2186,9 +2186,9 @@ const Rt = "communityDetails_", Ja = ({
   isMember: t = !1,
   slug: n,
   members: { number: r = 0, data: i = [] } = { number: 0, data: [] },
-  functions: { invite: l, ...u }
+  functions: { invite: d, ...u }
 }) => {
-  const a = D(), d = 5, o = r || i.length, m = i.length ? i : Array(d).fill({});
+  const a = D(), l = 5, o = r || i.length, m = i.length ? i : Array(l).fill({});
   return /* @__PURE__ */ s.jsxs("div", { className: S("community-details", e), children: [
     /* @__PURE__ */ s.jsx(Ue, {}),
     /* @__PURE__ */ s.jsxs("div", { className: "member-details", children: [
@@ -2211,7 +2211,7 @@ const Rt = "communityDetails_", Ja = ({
             showGap: !0,
             showPlaceholders: o === 0
           },
-          cutoff: d
+          cutoff: l
         }
       )
     ] }),
@@ -2220,7 +2220,7 @@ const Rt = "communityDetails_", Ja = ({
       W,
       {
         variant: "primary",
-        onClick: l,
+        onClick: d,
         icon: { icon: "plus" },
         styling: { fullWidth: !0 },
         children: a.formatMessage({ id: `${Rt}invite` })
@@ -2236,9 +2236,9 @@ const Xa = ({
   const r = D();
   return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     /* @__PURE__ */ s.jsx(_e, { element: "p", children: r.formatMessage({ id: "breadcrumbs_label" }) }),
-    /* @__PURE__ */ s.jsx("ul", { className: S("breadcrumbs text-small", n), children: e.map(({ text: i, href: l, current: u = !1 }, a) => /* @__PURE__ */ s.jsxs("li", { children: [
+    /* @__PURE__ */ s.jsx("ul", { className: S("breadcrumbs text-small", n), children: e.map(({ text: i, href: d, current: u = !1 }, a) => /* @__PURE__ */ s.jsxs("li", { children: [
       u && /* @__PURE__ */ s.jsx(_e, { element: "span", children: r.formatMessage({ id: "breadcrumbs_currentPage" }) }),
-      /* @__PURE__ */ s.jsx(jt, { href: u ? void 0 : l, children: Qe(i, t) })
+      /* @__PURE__ */ s.jsx(jt, { href: u ? void 0 : d, children: Qe(i, t) })
     ] }, `${window.btoa(i)}_${a}`)) })
   ] });
 };
@@ -2250,14 +2250,14 @@ const Za = ({
   },
   className: i = ""
 }) => {
-  const l = D(), u = t ? [{ id: "all", text: typeof t != "boolean" && t.text || l.formatMessage({ id: "filters_all" }) }, ...e] : e, [a, d] = P(t ? ["all"] : []), o = (m, c) => {
+  const d = D(), u = t ? [{ id: "all", text: typeof t != "boolean" && t.text || d.formatMessage({ id: "filters_all" }) }, ...e] : e, [a, l] = P(t ? ["all"] : []), o = (m, c) => {
     let h = [];
-    a.includes(m) ? h = a.filter((p) => p !== m) : m === "all" ? h = ["all"] : n ? h = [...a.filter((p) => p !== "all"), m] : h = [m], d((p) => (r && typeof r == "function" && r({ current: h, previous: p }), h)), c && typeof c == "function" && c();
+    a.includes(m) ? h = a.filter((p) => p !== m) : m === "all" ? h = ["all"] : n ? h = [...a.filter((p) => p !== "all"), m] : h = [m], l((p) => (r && typeof r == "function" && r({ current: h, previous: p }), h)), c && typeof c == "function" && c();
   };
   return /* @__PURE__ */ s.jsx("ul", { className: S("filters", i), children: u.map(({ id: m, text: c, disabled: h = !1, callback: p = () => {
   } }) => {
     let g = {};
-    return h && (g = { disabled: !0, "aria-label": l.formatMessage({ id: "filters_disabled" }, { name: c }) }), /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
+    return h && (g = { disabled: !0, "aria-label": d.formatMessage({ id: "filters_disabled" }, { name: c }) }), /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
       "button",
       {
         className: S(m, { selected: a.includes(m) }),
@@ -2274,8 +2274,8 @@ const Za = ({
   if (!t || !t.length)
     return `/${n}`;
   let r = "";
-  return t.forEach(({ url: i, position: l }) => {
-    l === "before-lang" ? r += `/${i}` : (r.includes(`/${n}/`) || (r += `/${n}`), r += `/${i}`);
+  return t.forEach(({ url: i, position: d }) => {
+    d === "before-lang" ? r += `/${i}` : (r.includes(`/${n}/`) || (r += `/${n}`), r += `/${i}`);
   }), r.includes(`/${n}/`) || (r += `/${n}`), r;
 };
 const Ft = { en: "English", es: "Español", fr: "Français", pt: "Português" }, rt = "languageSwitcher_", Ka = ({
@@ -2285,10 +2285,10 @@ const Ft = { en: "English", es: "Español", fr: "Français", pt: "Português" },
   translations: r,
   onChange: i = () => {
   },
-  urlParts: l,
+  urlParts: d,
   variant: u = "default",
   label: a,
-  className: d = ""
+  className: l = ""
 }) => {
   const o = D(), [m, c] = P(e);
   if (G(() => {
@@ -2296,7 +2296,7 @@ const Ft = { en: "English", es: "Español", fr: "Français", pt: "Português" },
   }, [e]), !r || !Object.values(r).some((b) => b && b.post_name))
     return null;
   const p = Object.keys(r), g = m !== e;
-  return /* @__PURE__ */ s.jsxs("div", { className: S("language-switcher text-small", u, d), children: [
+  return /* @__PURE__ */ s.jsxs("div", { className: S("language-switcher text-small", u, l), children: [
     /* @__PURE__ */ s.jsxs("nav", { children: [
       u !== "short" && /* @__PURE__ */ s.jsx("p", { children: a || o.formatMessage({ id: `${rt}label` }) }),
       /* @__PURE__ */ s.jsx("ul", { children: p.map((b) => {
@@ -2305,7 +2305,7 @@ const Ft = { en: "English", es: "Español", fr: "Français", pt: "Português" },
         let v = { className: b };
         return m === b ? v["aria-label"] = o.formatMessage({ id: `${rt}selected` }, { language: Ft[b] }) : v = {
           ...v,
-          href: yr(b, l),
+          href: yr(b, d),
           onClick: (E) => {
             E.preventDefault(), E.stopPropagation(), c(b), i(b);
           }
@@ -2328,57 +2328,51 @@ const Ft = { en: "English", es: "Español", fr: "Français", pt: "Português" },
   ] });
 };
 const Lt = vs({ locale: "en", messages: qt }), Er = ({
-  page: e = 1,
-  length: t = 0,
-  limit: n = 10,
-  loadNextPage: r = () => {
-  },
-  icon: i = !1,
-  messages: l = {
+  hasNextPage: e,
+  loadNextPage: t,
+  icon: n = !1,
+  messages: r = {
     button: Lt.formatMessage({ id: "loadMore_button" }),
     endOfFeed: Lt.formatMessage({ id: "loadMore_endOfFeed" }),
     error: Lt.formatMessage({ id: "loadMore_error" })
   },
-  className: u = "",
-  gtmContext: a = "LoadMore"
+  className: i = "",
+  gtmContext: d = "LoadMore"
 }) => {
-  const [d, o] = P(!1), [m, c] = P(!1);
-  if (t <= 0 || t < n * e)
-    return null;
-  const h = async (p) => {
+  const [u, a] = P(!1), [l, o] = P(e), m = async (c) => {
     try {
-      await r(p);
-    } catch (g) {
-      g instanceof Error && g.message && g.message.includes("Cannot read items") ? c(!0) : o(!0);
+      await t(c);
+    } catch (h) {
+      h instanceof Error && h.message && h.message.includes("Cannot read items") ? o(!1) : a(!0);
     }
   };
-  return /* @__PURE__ */ s.jsxs("footer", { className: S("load-more", u), children: [
-    d && /* @__PURE__ */ s.jsx("p", { className: "error", children: l.error }),
-    m ? /* @__PURE__ */ s.jsx("p", { children: l.endOfFeed }) : /* @__PURE__ */ s.jsx(
+  return /* @__PURE__ */ s.jsxs("footer", { className: S("load-more", i), children: [
+    u && /* @__PURE__ */ s.jsx("p", { className: "error", children: r.error }),
+    l ? /* @__PURE__ */ s.jsx(
       W,
       {
         variant: "secondary",
-        icon: i,
-        onClick: h,
-        "data-gtm-event-context": a,
+        icon: n,
+        onClick: m,
+        "data-gtm-event-context": d,
         "data-gtm-event-type": "load-more-click",
         className: "gtm-trackable",
         "data-testid": "load-more-button",
-        children: l.button
+        children: r.button
       }
-    )
+    ) : /* @__PURE__ */ s.jsx("p", { children: r.endOfFeed })
   ] });
 };
 const zn = ({ 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(_e, { children: /* @__PURE__ */ s.jsx(Pe, { id: "apolitical" }) }) }) });
 let at = !1;
 const Sr = ({ element: e = "div", id: t = "more-menu", options: n, className: r = "" }) => {
-  const i = D(), l = de(null), [u, a] = P(!1), d = (o) => {
-    l.current && o.target instanceof HTMLElement && !l.current.contains(o.target) && a(!1);
+  const i = D(), d = de(null), [u, a] = P(!1), l = (o) => {
+    d.current && o.target instanceof HTMLElement && !d.current.contains(o.target) && a(!1);
   };
-  return G(() => (document.addEventListener("click", d, !0), () => {
-    document.removeEventListener("click", d, !0);
+  return G(() => (document.addEventListener("click", l, !0), () => {
+    document.removeEventListener("click", l, !0);
   })), C.createElement(e, {
-    ref: l,
+    ref: d,
     className: S("more-menu text-medium", r),
     children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
       /* @__PURE__ */ s.jsx(
@@ -2447,14 +2441,14 @@ const Tr = [
 ], Mr = ({ activeLink: e }) => {
   const t = D(), n = je($e), r = n && typeof n.id == "string";
   return /* @__PURE__ */ s.jsxs("ul", { id: "navigation-menu", className: "text-medium", children: [
-    Tr.map(({ key: i, href: l }) => /* @__PURE__ */ s.jsx(
+    Tr.map(({ key: i, href: d }) => /* @__PURE__ */ s.jsx(
       "li",
       {
-        className: S(i, { active: $r(l, e) }),
+        className: S(i, { active: $r(d, e) }),
         children: /* @__PURE__ */ s.jsx(
           "a",
           {
-            href: l,
+            href: d,
             "data-gtm-event-type": `${i}-click`,
             "data-gtm-event-context": "NavigationMenu",
             className: "gtm-trackable",
@@ -2533,13 +2527,13 @@ const Dr = "shareLinks_", qa = ({
   referrer: n,
   gtmContext: r = "ShareLinks",
   size: i = "large",
-  variant: l = "default",
+  variant: d = "default",
   className: u = ""
 }) => {
-  const a = D(), d = Nr({ title: e, link: t, referrer: n });
-  return /* @__PURE__ */ s.jsxs("aside", { className: S("share-links", i, l, u), children: [
+  const a = D(), l = Nr({ title: e, link: t, referrer: n });
+  return /* @__PURE__ */ s.jsxs("aside", { className: S("share-links", i, d, u), children: [
     /* @__PURE__ */ s.jsx("p", { className: "text-small", children: a.formatMessage({ id: "shareLinks_label" }) }),
-    /* @__PURE__ */ s.jsx("ul", { children: d.map(({ key: o, icon: m, url: c, shouldRender: h = !0, onClick: p }) => {
+    /* @__PURE__ */ s.jsx("ul", { children: l.map(({ key: o, icon: m, url: c, shouldRender: h = !0, onClick: p }) => {
       if (typeof h == "function" && !h())
         return null;
       const g = {};
@@ -2564,7 +2558,7 @@ const Dr = "shareLinks_", qa = ({
   ] });
 };
 const eo = ({ tabs: e, className: t = "" }) => {
-  var d;
+  var l;
   const n = (o, m, c) => (o || (o = `panel-${window.btoa(m)}-${c}`), o);
   let r = e.findIndex((o) => o.current === !0);
   if (r < 0 && (r = 0), window.location.hash) {
@@ -2577,14 +2571,14 @@ const eo = ({ tabs: e, className: t = "" }) => {
         }
     }
   }
-  const [i, l] = P(
-    (d = e[r]) != null && d.id ? e[r].id : n(e[r].id, e[r].text, r)
+  const [i, d] = P(
+    (l = e[r]) != null && l.id ? e[r].id : n(e[r].id, e[r].text, r)
   ), u = [], a = [];
   return e.forEach(({ id: o, text: m, content: c, href: h }, p) => {
     o = n(o, m, p);
     const g = i === o, b = {};
     h || (b["aria-controls"] = o, b.onClick = (v) => {
-      v.preventDefault(), v.stopPropagation(), l(o), window.location.hash = `#${o}`;
+      v.preventDefault(), v.stopPropagation(), d(o), window.location.hash = `#${o}`;
     }, a.push(
       /* @__PURE__ */ s.jsx(
         "section",
@@ -2627,21 +2621,21 @@ const Cr = {
   children: r
 }) => {
   const i = vt(!0);
-  let l = r;
-  return C.Children.count(r) === 1 && (l = C.Children.toArray(r)[0], l.props && (l = l.props.children)), /* @__PURE__ */ s.jsx("section", { className: S("columns", `layout-${e}`, n), children: C.Children.map(l, (u, a) => t !== !1 && a === t && i && i < Cr[e] ? null : u) });
+  let d = r;
+  return C.Children.count(r) === 1 && (d = C.Children.toArray(r)[0], d.props && (d = d.props.children)), /* @__PURE__ */ s.jsx("section", { className: S("columns", `layout-${e}`, n), children: C.Children.map(d, (u, a) => t !== !1 && a === t && i && i < Cr[e] ? null : u) });
 }, to = ({ activeLink: e, ...t }) => /* @__PURE__ */ s.jsx(Ar, { layout: "1-3", children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
   /* @__PURE__ */ s.jsx(Mr, { activeLink: e }),
   /* @__PURE__ */ s.jsx(mr, { ...t })
 ] }) });
 const It = "cookieBanner_", Ot = ["apol-cookie-banner", "apolitical-performance-cookie-consent", "functional-cookie-consent"], Bt = new Date(Date.now() + 12 * 30 * 24 * 60 * 60 * 1e3), Pr = () => {
-  const e = D(), [t, n, r] = Ss(Ot), [i, l] = P(!t["apol-cookie-banner"]), u = () => {
+  const e = D(), [t, n, r] = Ss(Ot), [i, d] = P(!t["apol-cookie-banner"]), u = () => {
     Ot.forEach((m) => {
       n(m, !0, {
         path: "/",
         expires: Bt,
         domain: m === "apolitical-performance-cookie-consent" ? ".apolitical.co" : void 0
       });
-    }), l(!1), window.location.reload();
+    }), d(!1), window.location.reload();
   }, a = () => {
     n("apol-cookie-banner", !0, {
       path: "/",
@@ -2655,16 +2649,16 @@ const It = "cookieBanner_", Ot = ["apol-cookie-banner", "apolitical-performance-
         return;
       }
       r(m);
-    }), l(!1);
+    }), d(!1);
   };
   if (!i)
     return null;
-  const d = [
+  const l = [
     { id: "settings", href: "/pages/cookie-policy", gtmType: "policy-page" },
     { id: "reject", onClick: a, gtmType: "reject-all" },
     { id: "accept", onClick: u, gtmType: "accepted-all" }
   ], o = [];
-  return d.forEach((m) => {
+  return l.forEach((m) => {
     o.push({
       variant: m.href ? "tertiary" : "primary",
       href: m.href,
@@ -2781,14 +2775,14 @@ const Be = "footer_", ht = "SiteFooter", jn = ({ group: e }) => {
     Array.isArray(t) && t.length > 0 && /* @__PURE__ */ s.jsx("ul", { className: "text-medium", children: t.map((r) => {
       if (["order", "child", "text"].includes(r))
         return null;
-      const { href: i, gtmType: l } = Ce[e][r], u = {};
+      const { href: i, gtmType: d } = Ce[e][r], u = {};
       return ["legal"].includes(e) && (u.target = "_blank", u.rel = "noopener"), /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
         "a",
         {
           href: i,
           className: "gtm-trackable",
           "data-gtm-event-context": ht,
-          "data-gtm-event-type": l,
+          "data-gtm-event-type": d,
           ...u,
           children: /* @__PURE__ */ s.jsx(Pe, { id: `${Be}${e}_${r}` })
         }
@@ -2848,7 +2842,7 @@ const Be = "footer_", ht = "SiteFooter", jn = ({ group: e }) => {
   ] })
 ] }) });
 const ot = "emailHelperTextBox_", no = ({ type: e, email: t, redirectPath: n, resendVerificationCode: r }) => {
-  const i = D(), [l, u] = P({ path: `${ot}default`, type: "default", link: {}, mail: {}, error: "" }), [a, d] = P(!1), o = Me(
+  const i = D(), [d, u] = P({ path: `${ot}default`, type: "default", link: {}, mail: {}, error: "" }), [a, l] = P(!1), o = Me(
     (p) => {
       p.preventDefault(), p.stopPropagation();
       const g = (b) => {
@@ -2876,12 +2870,12 @@ const ot = "emailHelperTextBox_", no = ({ type: e, email: t, redirectPath: n, re
         g(i.formatMessage({ id: `${ot}error_noFunction` }));
         return;
       }
-      d(!0), r(t).then(() => {
+      l(!0), r(t).then(() => {
         localStorage.setItem("email", t), window.location.href = n || "/signup/verify-email";
       }).catch((b) => {
         g(b.message);
       }).finally(() => {
-        d(!1);
+        l(!1);
       });
     },
     /* eslint-disable react-hooks/exhaustive-deps */
@@ -2939,15 +2933,15 @@ const ot = "emailHelperTextBox_", no = ({ type: e, email: t, redirectPath: n, re
           };
           break;
       }
-      u({ ...l, path: p, type: g, link: b, mail: v });
+      u({ ...d, path: p, type: g, link: b, mail: v });
     },
     /* eslint-disable react-hooks/exhaustive-deps */
     [e]
   );
   const m = {};
   return ["link", "mail"].forEach((p) => {
-    m[p] = Object.keys(l[p]).length ? (g) => /* @__PURE__ */ s.jsx("a", { ...l[p], children: g }) : (g) => g;
-  }), /* @__PURE__ */ s.jsx(sr, { type: l.type, heading: a ? !1 : i.formatMessage({ id: `${l.path}_title` }), children: a ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    m[p] = Object.keys(d[p]).length ? (g) => /* @__PURE__ */ s.jsx("a", { ...d[p], children: g }) : (g) => g;
+  }), /* @__PURE__ */ s.jsx(sr, { type: d.type, heading: a ? !1 : i.formatMessage({ id: `${d.path}_title` }), children: a ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     /* @__PURE__ */ s.jsx(Se, { element: "span" }),
     /* @__PURE__ */ s.jsx(Se, { element: "span" })
   ] }) : (
@@ -2955,7 +2949,7 @@ const ot = "emailHelperTextBox_", no = ({ type: e, email: t, redirectPath: n, re
     // @ts-ignore
     // `values` are throwing a type error: https://github.com/formatjs/formatjs/issues/3633
     i.formatMessage(
-      { id: `${l.path}_text` },
+      { id: `${d.path}_text` },
       {
         ...m,
         strong: (p) => /* @__PURE__ */ s.jsx("strong", { children: p }),
@@ -2964,7 +2958,7 @@ const ot = "emailHelperTextBox_", no = ({ type: e, email: t, redirectPath: n, re
           /* @__PURE__ */ s.jsx("br", {}),
           /* @__PURE__ */ s.jsx("br", {})
         ] }),
-        error: l.error
+        error: d.error
       }
     )
   ) });
@@ -2997,10 +2991,10 @@ const ro = ({
   functions: { createRating: n = () => null, updateRating: r = () => {
   }, reportError: i = () => {
   } },
-  className: l = "",
+  className: d = "",
   hasLoaded: u = !1
 }) => {
-  const a = D(), [d, o] = P({ setUp: !1, id: null, rating: null, disabled: !0 }), m = async () => {
+  const a = D(), [l, o] = P({ setUp: !1, id: null, rating: null, disabled: !0 }), m = async () => {
     try {
       const E = await n();
       o((j) => ({ ...j, setUp: !0, id: E && E.id, disabled: !1 }));
@@ -3009,10 +3003,10 @@ const ro = ({
     }
   };
   if (G(() => {
-    u && !d.setUp && m();
+    u && !l.setUp && m();
   }, [u]), !u)
     return /* @__PURE__ */ s.jsx(Se, { className: "rating-placeholder" });
-  const { id: c, rating: h, disabled: p } = d, g = "ratings_", b = {
+  const { id: c, rating: h, disabled: p } = l, g = "ratings_", b = {
     text: a.formatMessage({ id: `${g}text` }),
     low: a.formatMessage({ id: `${g}low` }),
     high: a.formatMessage({ id: `${g}high` }),
@@ -3028,7 +3022,7 @@ const ro = ({
         o((j) => ({ ...j, disabled: !1 }));
       }
   };
-  return /* @__PURE__ */ s.jsxs("div", { className: S("rating", l), children: [
+  return /* @__PURE__ */ s.jsxs("div", { className: S("rating", d), children: [
     /* @__PURE__ */ s.jsx("span", { className: "label", children: b[h ? "success" : "text"] }),
     /* @__PURE__ */ s.jsx("ol", { children: Array.from(new Array(t).keys()).map((E) => {
       const j = E + 1;
@@ -3057,9 +3051,9 @@ const Lr = ({
   handleToggle: n = !1,
   defaultValue: r = "",
   gtmContext: i = "search-bar",
-  gtmEvent: l = "form-submission"
+  gtmEvent: d = "form-submission"
 }) => {
-  const { searchIsOpen: u = !0, isDesktopVersion: a = !1 } = n || {}, d = D(), o = de(null);
+  const { searchIsOpen: u = !0, isDesktopVersion: a = !1 } = n || {}, l = D(), o = de(null);
   He(() => {
     !n || a || !u || o.current && o.current.focus();
   }, [u]);
@@ -3072,9 +3066,9 @@ const Lr = ({
       onSubmit: m,
       className: S("search-form gtm-trackable", t),
       "data-gtm-event-context": i,
-      "data-gtm-event-type": l,
+      "data-gtm-event-type": d,
       children: /* @__PURE__ */ s.jsx("fieldset", { id: `${e}-form`, hidden: n ? !u : !1, role: "search", children: /* @__PURE__ */ s.jsxs("p", { children: [
-        /* @__PURE__ */ s.jsx(_e, { element: "label", htmlFor: e, children: d.formatMessage({ id: "search_label" }) }),
+        /* @__PURE__ */ s.jsx(_e, { element: "label", htmlFor: e, children: l.formatMessage({ id: "search_label" }) }),
         /* @__PURE__ */ s.jsx(
           "input",
           {
@@ -3083,7 +3077,7 @@ const Lr = ({
             id: e,
             name: e,
             defaultValue: r,
-            placeholder: d.formatMessage({ id: "search_placeholder" }),
+            placeholder: l.formatMessage({ id: "search_placeholder" }),
             onKeyDown: (c) => {
               c.key === "Enter" && m(c);
             }
@@ -3096,10 +3090,10 @@ const Lr = ({
             onClick: (c) => {
               c.preventDefault(), c.stopPropagation(), o.current && o.current.value && (o.current.value = "");
             },
-            children: /* @__PURE__ */ s.jsx(_e, { children: d.formatMessage({ id: "search_clear" }) })
+            children: /* @__PURE__ */ s.jsx(_e, { children: l.formatMessage({ id: "search_clear" }) })
           }
         ),
-        /* @__PURE__ */ s.jsx("button", { className: "search", onClick: m, children: /* @__PURE__ */ s.jsx(_e, { children: d.formatMessage({ id: "search_cta" }) }) })
+        /* @__PURE__ */ s.jsx("button", { className: "search", onClick: m, children: /* @__PURE__ */ s.jsx(_e, { children: l.formatMessage({ id: "search_cta" }) }) })
       ] }) })
     }
   );
@@ -3110,17 +3104,17 @@ const Ir = ({
   ctaMessage: n,
   titleColor: r,
   labelColor: i,
-  backgroundColor: l,
+  backgroundColor: d,
   onClose: u,
   reportError: a,
-  sendInvites: d,
+  sendInvites: l,
   initialFormStatus: o = "NOT_SUBMITTED"
   /* NOT_SUBMITTED */
 }) => {
   const [m, c] = P([]), [h, p] = P(!0), [g, b] = P(o), { formatMessage: v } = D(), E = async (T) => {
     T.preventDefault();
     try {
-      await d(m), c([]), b(
+      await l(m), c([]), b(
         "SUCCESS"
         /* SUCCESS */
       );
@@ -3154,7 +3148,7 @@ const Ir = ({
   ] }) : /* @__PURE__ */ s.jsx("div", { className: "invite-form-wrapper", children: /* @__PURE__ */ s.jsxs(
     "form",
     {
-      style: { backgroundColor: l },
+      style: { backgroundColor: d },
       onSubmit: E,
       className: S("invite-form gtm-trackable"),
       children: [
@@ -3203,13 +3197,13 @@ const Ir = ({
     const n = {
       navigation: { loggedIn: 769, loggedOut: 881 },
       search: { loggedIn: 961, loggedOut: 1121 }
-    }, r = (l) => {
+    }, r = (d) => {
       const u = `logged${e ? "In" : "Out"}`;
-      return t >= n[l][u];
+      return t >= n[d][u];
     };
     let i = {};
-    return ["navigation", "search"].forEach((l) => {
-      i[l] = r(l);
+    return ["navigation", "search"].forEach((d) => {
+      i[d] = r(d);
     }), i;
   },
   shouldChangeHeaderIsVisible: (e, t, n) => {
@@ -3222,10 +3216,10 @@ const Ir = ({
     if (!t && U.handlerCalled[e] && i - U.handlerCalled[e] < 500)
       return;
     U.handlerCalled[e] = i;
-    let l = [{ type: `menus.${e}`, value: t }];
+    let d = [{ type: `menus.${e}`, value: t }];
     t === !0 && Object.keys(n).forEach((u) => {
-      u === e || n[u] === !1 || l.push({ type: `menus.${u}`, value: !1 });
-    }), r(l);
+      u === e || n[u] === !1 || d.push({ type: `menus.${u}`, value: !1 });
+    }), r(d);
   },
   // Find the first child inside a ref that matches the `key` (and optional `value`) we're looking for,
   // so we can automatically focus on the first link inside a menu for accessibility.
@@ -3251,21 +3245,21 @@ const Ir = ({
   autoFocus: ({ menu: e, navigationRef: t, isDesktopVersion: n, focusElements: r, dispatch: i }) => {
     if (!t.current || !t.current.children)
       return;
-    const l = n ? "desktop" : "default";
-    if (r[e][l]) {
-      r[e][l].focus();
+    const d = n ? "desktop" : "default";
+    if (r[e][d]) {
+      r[e][d].focus();
       return;
     }
     let u, a;
     switch (e) {
       case "navigation":
         if (n) {
-          const d = U.findFirstChild(
+          const l = U.findFirstChild(
             t.current.children,
             "attributes.aria-controls",
             "navigation"
           );
-          u = U.findFirstChild(d.children, "href");
+          u = U.findFirstChild(l.children, "href");
         } else
           u = U.findFirstChild(t.current.children, "href");
         u || (u = t.current);
@@ -3278,7 +3272,7 @@ const Ir = ({
       default:
         return;
     }
-    u && (i([{ type: `focusElements.${e}.${l}`, value: u }]), u.focus());
+    u && (i([{ type: `focusElements.${e}.${d}`, value: u }]), u.focus());
   },
   events: {
     onClick: (e, { id: t, callback: n, isOpen: r }) => {
@@ -3379,12 +3373,12 @@ const Ir = ({
   menus: r = {},
   callback: i = () => {
   },
-  doTrack: l = null
+  doTrack: d = null
 }) => {
   const u = D(), a = Mn(pt, e);
   if (!a || a.onlyShow && (a.onlyShow === "logged-in" && !t || a.onlyShow === "logged-out" && t))
     return null;
-  const d = "doTrack" in a, o = l === null ? d ? a.doTrack : !0 : l, m = e.includes("buttons.");
+  const l = "doTrack" in a, o = d === null ? l ? a.doTrack : !0 : d, m = e.includes("buttons.");
   let c = `header_${e.replaceAll(".", "_")}`;
   a.hasVariantText && (c += `_logged${t ? "In" : "Out"}`);
   let h = !1;
@@ -3444,7 +3438,7 @@ const Ir = ({
         isDesktopVersion: n,
         menus: r,
         callback: i,
-        doTrack: d ? o : null
+        doTrack: l ? o : null
       };
       return a[j].order ? /* @__PURE__ */ s.jsxs("li", { className: S({ [a[j].className]: a[j].className }), children: [
         u.formatMessage({ id: `${c}_${j}` }),
@@ -3454,7 +3448,7 @@ const Ir = ({
   ] }, e);
 };
 const Or = { height: 67, height_desktop: 83 }, Xn = ({ showNavigation: e = !0 }) => {
-  const t = D(), n = je($e), r = vt(!0, !0), i = n && typeof n.id == "string", l = xt(
+  const t = D(), n = je($e), r = vt(!0, !0), i = n && typeof n.id == "string", d = xt(
     () => U.getIsDesktopVersion(i, r),
     [i, r]
   ), [u, a] = gs(Xs, {
@@ -3464,15 +3458,15 @@ const Or = { height: 67, height_desktop: 83 }, Xn = ({ showNavigation: e = !0 })
       navigation: { desktop: !1, default: !1 },
       account: { desktop: !1, default: !1 }
     }
-  }), { headerIsVisible: d, menus: o, focusElements: m } = u;
+  }), { headerIsVisible: l, menus: o, focusElements: m } = u;
   Os({
-    scrollPosition: Or[`height${l.navigation ? "_desktop" : ""}`],
+    scrollPosition: Or[`height${d.navigation ? "_desktop" : ""}`],
     callbacks: {
       scrollUp: () => {
-        !l && o.navigation || U.shouldChangeHeaderIsVisible(!0, o, a);
+        !d && o.navigation || U.shouldChangeHeaderIsVisible(!0, o, a);
       },
       scrollDown: () => {
-        !l && o.navigation || U.shouldChangeHeaderIsVisible(!1, o, a);
+        !d && o.navigation || U.shouldChangeHeaderIsVisible(!1, o, a);
       }
     }
   });
@@ -3483,7 +3477,7 @@ const Or = { height: 67, height_desktop: 83 }, Xn = ({ showNavigation: e = !0 })
     o.navigation && U.autoFocus({
       menu: "navigation",
       navigationRef: h,
-      isDesktopVersion: l.navigation,
+      isDesktopVersion: d.navigation,
       focusElements: m,
       dispatch: a
     });
@@ -3491,7 +3485,7 @@ const Or = { height: 67, height_desktop: 83 }, Xn = ({ showNavigation: e = !0 })
     o.account && U.autoFocus({
       menu: "account",
       navigationRef: h,
-      isDesktopVersion: l.navigation,
+      isDesktopVersion: d.navigation,
       focusElements: m,
       dispatch: a
     });
@@ -3503,7 +3497,7 @@ const Or = { height: 67, height_desktop: 83 }, Xn = ({ showNavigation: e = !0 })
         className: S({
           "logged-in": i,
           "logged-out": !i,
-          visible: d
+          visible: l
         }),
         children: [
           /* @__PURE__ */ s.jsx(
@@ -3516,7 +3510,7 @@ const Or = { height: 67, height_desktop: 83 }, Xn = ({ showNavigation: e = !0 })
           ),
           /* @__PURE__ */ s.jsx(zn, {}),
           e && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-            !l.navigation && /* @__PURE__ */ s.jsx(
+            !d.navigation && /* @__PURE__ */ s.jsx(
               "button",
               {
                 className: "menu-button gtm-trackable",
@@ -3538,15 +3532,15 @@ const Or = { height: 67, height_desktop: 83 }, Xn = ({ showNavigation: e = !0 })
               {
                 ref: h,
                 id: "navigation",
-                hidden: l.navigation || o.account ? !1 : !o.navigation,
+                hidden: d.navigation || o.account ? !1 : !o.navigation,
                 role: "menu",
-                "data-showing": !l.navigation && o.account ? "account" : "default",
+                "data-showing": !d.navigation && o.account ? "account" : "default",
                 children: pt.order.map((p) => /* @__PURE__ */ s.jsx(
                   gt,
                   {
                     id: p,
                     isLoggedIn: i,
-                    isDesktopVersion: l.navigation,
+                    isDesktopVersion: d.navigation,
                     menus: { navigation: o.navigation, account: o.account },
                     callback: c
                   },
@@ -3554,7 +3548,7 @@ const Or = { height: 67, height_desktop: 83 }, Xn = ({ showNavigation: e = !0 })
                 ))
               }
             ),
-            !l.search && /* @__PURE__ */ s.jsx(
+            !d.search && /* @__PURE__ */ s.jsx(
               "button",
               {
                 className: "search toggle-search-button",
@@ -3580,7 +3574,7 @@ const Or = { height: 67, height_desktop: 83 }, Xn = ({ showNavigation: e = !0 })
                 id: "global-search",
                 handleToggle: {
                   searchIsOpen: o.search,
-                  isDesktopVersion: l.search
+                  isDesktopVersion: d.search
                 },
                 gtmContext: "search-bar-header",
                 gtmEvent: "form-submission"
@@ -3623,7 +3617,7 @@ const Or = { height: 67, height_desktop: 83 }, Xn = ({ showNavigation: e = !0 })
       "div",
       {
         className: S("overlay", {
-          open: o.navigation || o.account || !l.search && o.search
+          open: o.navigation || o.account || !d.search && o.search
         })
       }
     )
@@ -3643,17 +3637,17 @@ const Kn = ({
   showDivider: n = !0,
   maxWidth: r,
   functions: { onOpen: i = () => {
-  }, onClose: l = () => {
+  }, onClose: d = () => {
   } } = {},
   forceShow: { error: u = !1 } = {},
   title: a,
-  children: d,
+  children: l,
   buttons: o,
   className: m = "",
   gtmContext: c = "Modal"
 }) => {
   const h = D(), [p, g] = P(t), b = (E) => {
-    g(E), E ? (i(), document.body.classList.add("has-overlay")) : (l(), document.body.classList.remove("has-overlay"));
+    g(E), E ? (i(), document.body.classList.add("has-overlay")) : (d(), document.body.classList.remove("has-overlay"));
   };
   G(() => {
     b(t);
@@ -3684,7 +3678,7 @@ const Kn = ({
           )
         ] }),
         n && /* @__PURE__ */ s.jsx(Ue, {}),
-        d,
+        l,
         o && /* @__PURE__ */ s.jsxs("div", { className: "bottom", children: [
           /* @__PURE__ */ s.jsx(Ue, {}),
           /* @__PURE__ */ s.jsx(kt, { buttons: o })
@@ -3704,10 +3698,10 @@ const ao = ({
   title: n,
   formTitle: r = "Know someone who might like to join this workshop?",
   formLabel: i = "Invite your colleagues by typing or pasting their emails below.",
-  ctaMessage: l = "Send",
+  ctaMessage: d = "Send",
   showIcon: u,
   onClose: a,
-  reportError: d = () => {
+  reportError: l = () => {
   },
   sendInvites: o
 }) => /* @__PURE__ */ s.jsx(
@@ -3724,10 +3718,10 @@ const ao = ({
       {
         title: r,
         label: i,
-        ctaMessage: l,
+        ctaMessage: d,
         onClose: a,
         sendInvites: o,
-        reportError: d
+        reportError: l
       }
     )
   }
@@ -3750,11 +3744,11 @@ const Qr = () => {
   additionalContent: { prepended: t, appended: n } = {},
   reportError: r,
   forceShow: i = {},
-  styling: l = {},
+  styling: d = {},
   className: u = "",
   locale: a = "en"
 }) => {
-  const { navigation: d = !0, footer: o = !0 } = i, { background: m = "default", variant: c = "default", circle: h = "default" } = l, p = Ls();
+  const { navigation: l = !0, footer: o = !0 } = i, { background: m = "default", variant: c = "default", circle: h = "default" } = d, p = Ls();
   G(() => {
     window.scrollTo(0, 0);
   }, [p]);
@@ -3769,7 +3763,7 @@ const Qr = () => {
       id: "wrapper",
       className: S(u, E, { "has-footer": o }),
       children: [
-        /* @__PURE__ */ s.jsx(Xn, { showNavigation: d }),
+        /* @__PURE__ */ s.jsx(Xn, { showNavigation: l }),
         /* @__PURE__ */ s.jsxs("section", { id: "content-wrapper", children: [
           b && /* @__PURE__ */ s.jsx("div", { className: "additional-content prepended", children: b }),
           C.createElement(m === "bold" ? Zn : "div", {
@@ -3820,26 +3814,26 @@ const oo = ({
   forceOneLine: n = !1,
   canHaveLinks: r = !0,
   className: i = "",
-  gtmType: l = "tag-click",
+  gtmType: d = "tag-click",
   gtmContext: u = "tags"
 }) => {
   const a = D();
   if (!e || e.length < 1)
     return null;
-  const d = [];
+  const l = [];
   return e.forEach((o) => {
     if (!o)
       return;
     const m = Ur.getTagDetails(o);
-    m && d.push(m);
-  }), d.length < 1 ? null : /* @__PURE__ */ s.jsx("ul", { className: S("tags text-small", t, i, { "one-line": n }), children: d.map((o) => {
+    m && l.push(m);
+  }), l.length < 1 ? null : /* @__PURE__ */ s.jsx("ul", { className: S("tags text-small", t, i, { "one-line": n }), children: l.map((o) => {
     const m = a.formatMessage({ id: o.text });
     return /* @__PURE__ */ s.jsx("li", { children: o.href && r ? /* @__PURE__ */ s.jsx(
       "a",
       {
         href: o.href,
         className: "gtm-trackable",
-        "data-gtm-event-type": l,
+        "data-gtm-event-type": d,
         "data-gtm-event-context": u,
         children: m
       }
@@ -3851,22 +3845,24 @@ const io = ({
   pagination: n,
   gtmContext: r = "member",
   gtmType: i = "member-click",
-  className: l = ""
+  className: d = ""
 }) => {
   const u = D();
-  return t.length === 0 ? null : (e || (e = t.length), /* @__PURE__ */ s.jsxs("div", { className: S("members-list", l), children: [
+  return t.length === 0 ? null : (e || (e = t.length), /* @__PURE__ */ s.jsxs("div", { className: S("members-list", d), children: [
     /* @__PURE__ */ s.jsxs("h1", { children: [
       u.formatMessage({ id: "membersList" }),
       /* @__PURE__ */ s.jsx("span", { className: "count", children: e })
     ] }),
-    /* @__PURE__ */ s.jsx("ul", { children: t.map((a, d) => /* @__PURE__ */ s.jsxs("li", { children: [
+    /* @__PURE__ */ s.jsx("ul", { children: t.map((a, l) => /* @__PURE__ */ s.jsxs("li", { children: [
       /* @__PURE__ */ s.jsx(tn, { member: a, gtmContext: r, gtmType: i }),
       a.isAdmin && /* @__PURE__ */ s.jsx(ft, { children: u.formatMessage({ id: "membersList_admin" }) })
-    ] }, d)) }),
+    ] }, l)) }),
     n && /* @__PURE__ */ s.jsx(
       Er,
       {
-        ...n,
+        hasNextPage: !0,
+        loadNextPage: () => {
+        },
         icon: { icon: "arrow-down", position: "right" },
         gtmContext: r
       }
@@ -3885,7 +3881,7 @@ const ve = "discussion_form_", qn = ({
   },
   inputRef: r,
   maxLength: i = 5e4,
-  minRows: l = 4,
+  minRows: d = 4,
   forceShow: u = {
     cancel: !1,
     error: !1
@@ -3903,7 +3899,7 @@ const ve = "discussion_form_", qn = ({
       create: { projectNames: ["questions-answers"] }
     }
   },
-  gtmContext: d = "DiscussionForm"
+  gtmContext: l = "DiscussionForm"
 }) => {
   var H, F;
   const o = D(), m = je($e), [c, h] = P(
@@ -4000,7 +3996,7 @@ const ve = "discussion_form_", qn = ({
     size: { mobile: "small", 600: "medium" },
     onClick: a.handleCancel,
     className: "gtm-trackable",
-    "data-gtm-event-context": d,
+    "data-gtm-event-context": l,
     "data-gtm-event-type": `cancel-${e.type}-click`,
     disabled: !u.cancel && (!m || !m.id || !c),
     children: o.formatMessage({ id: `${ve}cancel` })
@@ -4017,7 +4013,7 @@ const ve = "discussion_form_", qn = ({
       T(x);
     },
     className: "gtm-trackable",
-    "data-gtm-event-context": d,
+    "data-gtm-event-context": l,
     "data-gtm-event-type": `${n.isEditing ? "save" : "submit"}-${e.type}-click`,
     "data-testid": "save-button",
     disabled: !m || !m.id || !t || R || J || n.isEditing && c === n.isEditing.text,
@@ -4038,7 +4034,7 @@ const ve = "discussion_form_", qn = ({
           tn,
           {
             member: m || "community",
-            gtmContext: d,
+            gtmContext: l,
             gtmType: "profile-click"
           }
         ),
@@ -4060,7 +4056,7 @@ const ve = "discussion_form_", qn = ({
             maxLength: i,
             "aria-invalid": !!p,
             "aria-errormessage": "error-message",
-            minRows: l,
+            minRows: d,
             autoFocus: !!n.isEditing
           }
         ),
@@ -4071,7 +4067,7 @@ const ve = "discussion_form_", qn = ({
               href: "https://about.apolitical.co/q-and-a-community-guidelines",
               target: "_blank",
               className: "gtm-trackable",
-              "data-gtm-event-context": d,
+              "data-gtm-event-context": l,
               "data-gtm-event-type": "community-guidelines-link",
               rel: "noreferrer",
               children: x
@@ -4095,14 +4091,14 @@ const ve = "discussion_form_", qn = ({
 }, nn = ({
   contentType: e,
   createPost: t,
-  membershipRequiredToPost: { isMember: n, required: r, join: i, leave: l, notMemberStateText: u }
+  membershipRequiredToPost: { isMember: n, required: r, join: i, leave: d, notMemberStateText: u }
 }) => r && !n ? /* @__PURE__ */ s.jsx(
   yt,
   {
     text: u,
     button: {
       breakpoints: { mobile: !0, 901: !1 },
-      component: /* @__PURE__ */ s.jsx(Wn, { isShort: !0, functions: { join: i, leave: l } })
+      component: /* @__PURE__ */ s.jsx(Wn, { isShort: !0, functions: { join: i, leave: d } })
     }
   }
 ) : /* @__PURE__ */ s.jsx(
@@ -4140,10 +4136,10 @@ const Ht = () => {
   peopleWhoLiked: n = !1,
   isShort: r = !0,
   userLiked: i = !1,
-  content: l = { type: "reply", slugs: {} },
+  content: d = { type: "reply", slugs: {} },
   canLike: u = !0,
   functions: { createLike: a = () => {
-  }, deleteLike: d = () => {
+  }, deleteLike: l = () => {
   } } = {}
 }) => {
   const o = D();
@@ -4162,9 +4158,9 @@ const Ht = () => {
     let N = h ? m - 1 : m + 1;
     N < 0 && (N = 0), b(!0), c(N), p(!h);
     try {
-      if (l && l.slugs) {
-        const R = Vr(l.slugs);
-        h ? await d(R) : await a(R, { contentPath: window.location.pathname });
+      if (d && d.slugs) {
+        const R = Vr(d.slugs);
+        h ? await l(R) : await a(R, { contentPath: window.location.pathname });
       }
     } catch {
       c(t), p(i);
@@ -4199,13 +4195,13 @@ const Ht = () => {
             className: S({ "do-animation": h && !i }),
             screenreaderText: u ? o.formatMessage({
               id: `discussion_likes_${h ? "unlike" : "like"}`
-            }, { action: o.formatMessage({ id: `discussion_action_${l.type}` }) }) : !1,
+            }, { action: o.formatMessage({ id: `discussion_action_${d.type}` }) }) : !1,
             onClick: _,
             disabled: !u,
             "aria-hidden": !u,
             "data-testid": "like-button",
             "data-gtm-event-context": "Likes",
-            "data-gtm-event-type": `like-${l.type}-click`
+            "data-gtm-event-type": `like-${d.type}-click`
           }
         ),
         /* @__PURE__ */ s.jsx("span", { className: S("number-of-likes", { "no-likes": m === 0 }), "data-testid": "number-of-likes", children: o.formatMessage({ id: `discussion_likes${r ? "_short" : ""}` }, { number: m }) }),
@@ -4236,7 +4232,7 @@ const De = "discussion_", Jr = 280, St = ({
   isLoading: r = !1,
   originalAuthorId: i,
   functions: {
-    content: { createContent: l, deleteContent: u, updateContent: a } = {
+    content: { createContent: d, deleteContent: u, updateContent: a } = {
       createContent: () => {
       },
       deleteContent: () => {
@@ -4244,7 +4240,7 @@ const De = "discussion_", Jr = 280, St = ({
       updateContent: () => {
       }
     },
-    likes: { createLike: d, deleteLike: o } = { createLike: () => {
+    likes: { createLike: l, deleteLike: o } = { createLike: () => {
     }, deleteLike: () => {
     } },
     comments: { openComments: m } = { openComments: () => {
@@ -4378,7 +4374,7 @@ const De = "discussion_", Jr = 280, St = ({
                   ) : !1
                 },
                 functions: {
-                  create: l,
+                  create: d,
                   handleSaveEdit: ae,
                   handleCancel: () => {
                     O(""), T({ ..._, isEditing: !1 });
@@ -4424,7 +4420,7 @@ const De = "discussion_", Jr = 280, St = ({
                       canLike: re,
                       peopleWhoLiked: t.peopleWhoLiked,
                       functions: {
-                        createLike: d,
+                        createLike: l,
                         deleteLike: o
                       }
                     }
@@ -4547,18 +4543,18 @@ const Wt = "discussion_responses_", co = ({ type: e = "answer", responses: t = 0
   ] });
 };
 const Xr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
-  const r = D(), i = de(null), l = je(Et), [u, a] = P(
+  const r = D(), i = de(null), d = je(Et), [u, a] = P(
     "closed"
     /* Closed */
   );
   G(() => {
     const c = i.current;
     if (c)
-      return c.addEventListener("transitionend", d), () => {
-        c.removeEventListener("transitionend", d);
+      return c.addEventListener("transitionend", l), () => {
+        c.removeEventListener("transitionend", l);
       };
   }, []), He(() => {
-    u === "closed" && !l.showThread || a(
+    u === "closed" && !d.showThread || a(
       [
         "opening",
         "open"
@@ -4566,13 +4562,13 @@ const Xr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
       ].includes(u) ? "ready-to-close" : "opening"
       /* Opening */
     );
-  }, [l.showThread]), G(() => {
+  }, [d.showThread]), G(() => {
     u === "ready-to-close" && a(
       "closing"
       /* Closing */
     );
   }, [u]);
-  const d = ({ propertyName: c }) => {
+  const l = ({ propertyName: c }) => {
     c === "max-height" && a((h) => h === "opening" ? "open" : h === "closing" ? "closed" : h);
   }, o = [
     "opening",
@@ -4591,7 +4587,7 @@ const Xr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
         icon: { icon: `arrow_corner-down_${o ? "left" : "right"}` },
         onClick: () => {
           var c;
-          (c = l.updateConversation) == null || c.call(l, (h) => ({
+          (c = d.updateConversation) == null || c.call(d, (h) => ({
             showThread: !h.showThread,
             showForm: !1
           }));
@@ -4607,7 +4603,7 @@ const Xr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
       {
         ref: i,
         className: S("thread", u),
-        hidden: !l.showThread,
+        hidden: !d.showThread,
         children: m
       }
     )
@@ -4641,11 +4637,11 @@ const Xr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
 }) => ({ mutationFn: r, onMutate: async ({ content: a }) => {
   if (!n)
     return;
-  const d = Zr({ user: n, content: a, verb: "post" });
+  const l = Zr({ user: n, content: a, verb: "post" });
   await e.cancelQueries({ queryKey: t });
   const o = e.getQueryData(t);
-  return e.setQueryData(t, (m) => [...m, d]), { previousActivities: o };
-}, onError: (a, d, o) => {
+  return e.setQueryData(t, (m) => [...m, l]), { previousActivities: o };
+}, onError: (a, l, o) => {
   e.setQueryData(t, o.previousActivities);
 }, onSettled: () => {
   e.invalidateQueries({ queryKey: t });
@@ -4662,11 +4658,11 @@ const Xr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     if (a.length === 0)
       return;
     await e.cancelQueries({ queryKey: t });
-    const d = e.getQueryData(t), o = d == null ? void 0 : d.map((m) => ((m == null ? void 0 : m.id) === (u == null ? void 0 : u.activityId) && (m.content = a), m));
+    const l = e.getQueryData(t), o = l == null ? void 0 : l.map((m) => ((m == null ? void 0 : m.id) === (u == null ? void 0 : u.activityId) && (m.content = a), m));
     return e.setQueryData(t, () => o && [...o]), { previousActivities: o };
   },
-  onError: (u, a, d) => {
-    e.setQueryData(t, d.previousActivities);
+  onError: (u, a, l) => {
+    e.setQueryData(t, l.previousActivities);
   },
   onSettled: () => {
     e.invalidateQueries({ queryKey: t });
@@ -4677,15 +4673,15 @@ const Xr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   mutationFn: n
 }) => ({ mutationFn: n, onMutate: async ({ activityId: u }) => {
   await e.cancelQueries({ queryKey: t });
-  const a = e.getQueryData(t), d = a == null ? void 0 : a.filter(
+  const a = e.getQueryData(t), l = a == null ? void 0 : a.filter(
     (o) => (o == null ? void 0 : o.id) !== u
   );
-  return e.setQueryData(t, () => d && [...d]), { previousActivities: d };
-}, onError: (u, a, d) => {
-  e.setQueryData(t, d.previousActivities);
-}, onSettled: (u, a, d) => {
+  return e.setQueryData(t, () => l && [...l]), { previousActivities: l };
+}, onError: (u, a, l) => {
+  e.setQueryData(t, l.previousActivities);
+}, onSettled: (u, a, l) => {
   e.invalidateQueries({
-    queryKey: [...t, d.activityId]
+    queryKey: [...t, l.activityId]
   });
 } }), ta = ({
   queryClient: e,
@@ -4693,20 +4689,20 @@ const Xr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   mutationFn: n
 }) => ({ mutationFn: n, onMutate: async ({ activityId: a }) => {
   await e.cancelQueries({ queryKey: t });
-  const d = e.getQueryData(t), o = d == null ? void 0 : d.map((m) => {
+  const l = e.getQueryData(t), o = l == null ? void 0 : l.map((m) => {
     var c;
     return (m == null ? void 0 : m.id) === a && ((c = m.reaction_counts) != null && c.like ? m.reaction_counts.like += 1 : m.reaction_counts.like = 1), m;
   });
   return e.setQueryData(t, () => o && [...o]), { previousActivities: o };
-}, onError: (a, d, o) => {
+}, onError: (a, l, o) => {
   e.setQueryData(t, o.previousActivities);
 }, onSuccess: (a) => {
-  const d = e.getQueryData(t), o = d == null ? void 0 : d.map((m) => {
+  const l = e.getQueryData(t), o = l == null ? void 0 : l.map((m) => {
     var c, h;
     return (m == null ? void 0 : m.id) === (a == null ? void 0 : a.activity_id) && ((c = m.own_reactions) != null && c.like ? m.own_reactions.like.push(a) : m.own_reactions.like = [a], (h = m.latest_reactions) != null && h.like ? m.latest_reactions.like.push(a) : m.own_reactions.like = [a]), m;
   });
-  return e.setQueryData(t, () => o && [...o]), { previousActivities: d };
-}, onSettled: (a, d, o) => {
+  return e.setQueryData(t, () => o && [...o]), { previousActivities: l };
+}, onSettled: (a, l, o) => {
   e.invalidateQueries({
     queryKey: [...t, o.activityId]
   });
@@ -4715,16 +4711,16 @@ const Xr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   queryKey: t,
   user: n,
   mutationFn: r
-}) => ({ mutationFn: r, onMutate: async ({ activityId: d }) => {
+}) => ({ mutationFn: r, onMutate: async ({ activityId: l }) => {
   await e.cancelQueries({ queryKey: t });
   const o = e.getQueryData(t), m = o == null ? void 0 : o.map((c) => {
     var h;
-    return (c == null ? void 0 : c.id) === d && (h = c.reaction_counts) != null && h.like && (c.reaction_counts.like -= 1), c;
+    return (c == null ? void 0 : c.id) === l && (h = c.reaction_counts) != null && h.like && (c.reaction_counts.like -= 1), c;
   });
   return e.setQueryData(t, () => m && [...m]), { previousActivities: m };
-}, onError: (d, o, m) => {
+}, onError: (l, o, m) => {
   e.setQueryData(t, m.previousActivities);
-}, onSuccess: (d, { activityId: o }) => {
+}, onSuccess: (l, { activityId: o }) => {
   const m = e.getQueryData(t), c = m == null ? void 0 : m.map((h) => {
     var p, g, b, v, E;
     if (h.id === o) {
@@ -4740,7 +4736,7 @@ const Xr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
       return h;
   });
   return e.setQueryData(t, () => c && [...c]), { previousActivities: m };
-}, onSettled: (d, o, m) => {
+}, onSettled: (l, o, m) => {
   e.invalidateQueries({
     queryKey: [...t, m.activityId]
   });
@@ -4748,7 +4744,7 @@ const Xr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   basePath: e,
   parentId: t,
   isMember: n,
-  functions: { list: r, create: i, edit: l, remove: u, like: a, unlike: d, join: o, leave: m }
+  functions: { list: r, create: i, edit: d, remove: u, like: a, unlike: l, join: o, leave: m }
 }) => {
   const c = D(), h = wt(), p = je($e), {
     data: g,
@@ -4766,7 +4762,7 @@ const Xr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   }), { mutate: _ } = ie(j), T = qr({
     queryClient: h,
     queryKey: [e, t],
-    mutationFn: async (w) => await l(w)
+    mutationFn: async (w) => await d(w)
   }), {
     mutate: N
   } = ie(T), R = ea({
@@ -4792,7 +4788,7 @@ const Xr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
       )), Z = (ae = (re = (se = V == null ? void 0 : V.own_reactions) == null ? void 0 : se.like) == null ? void 0 : re.find(
         (q) => q.user_id === (p == null ? void 0 : p.id)
       )) == null ? void 0 : ae.id;
-      await d({ reactionId: Z || "", activityId: w });
+      await l({ reactionId: Z || "", activityId: w });
     }
   }), {
     mutate: x
@@ -4887,17 +4883,17 @@ const Xr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   mutationFn: n
 }) => ({ mutationFn: n, onMutate: async () => {
   await e.cancelQueries({ queryKey: t });
-}, onError: (a, d, o) => {
+}, onError: (a, l, o) => {
   e.setQueryData(t, o.previousActivity);
 }, onSuccess: (a) => {
   var o;
-  const d = e.getQueryData(t);
-  if (d)
-    return (o = d == null ? void 0 : d.latest_reactions) != null && o.reply ? (d.latest_reactions.reply.unshift(a), d && (d.reaction_counts = {
-      reply: d.latest_reactions.reply.length
-    })) : (d.latest_reactions = { reply: [a] }, d.reaction_counts = { reply: 1 }), e.setQueryData(t, () => ({
-      ...d
-    })), { previousActivity: d };
+  const l = e.getQueryData(t);
+  if (l)
+    return (o = l == null ? void 0 : l.latest_reactions) != null && o.reply ? (l.latest_reactions.reply.unshift(a), l && (l.reaction_counts = {
+      reply: l.latest_reactions.reply.length
+    })) : (l.latest_reactions = { reply: [a] }, l.reaction_counts = { reply: 1 }), e.setQueryData(t, () => ({
+      ...l
+    })), { previousActivity: l };
 }, onSettled: () => {
   e.invalidateQueries({ queryKey: t });
 } }), ra = ({
@@ -4907,7 +4903,7 @@ const Xr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
 }) => ({
   mutationFn: n,
   onMutate: async ({
-    replyInfo: l,
+    replyInfo: d,
     content: { body: u }
   }) => {
     var o, m, c;
@@ -4917,33 +4913,33 @@ const Xr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     const a = e.getQueryData(t);
     if (!a || !((o = a == null ? void 0 : a.latest_reactions) != null && o.reply))
       return;
-    const d = (c = (m = a == null ? void 0 : a.latest_reactions) == null ? void 0 : m.reply) == null ? void 0 : c.map((h) => (h.id === l.replySlug && (h.data.content = u), h));
+    const l = (c = (m = a == null ? void 0 : a.latest_reactions) == null ? void 0 : m.reply) == null ? void 0 : c.map((h) => (h.id === d.replySlug && (h.data.content = u), h));
     return e.setQueryData(t, () => ({
       ...a,
-      latest_reactions: { reply: d }
+      latest_reactions: { reply: l }
     })), { previousActivity: a };
   },
-  onError: (l, u, a) => {
+  onError: (d, u, a) => {
     e.setQueryData(t, a.previousActivity);
   }
 }), aa = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
-}) => ({ mutationFn: n, onMutate: async ({ replyId: l }) => {
-  var d, o, m;
+}) => ({ mutationFn: n, onMutate: async ({ replyId: d }) => {
+  var l, o, m;
   await e.cancelQueries({ queryKey: t });
   const u = e.getQueryData(t);
-  if (!u || !((d = u == null ? void 0 : u.latest_reactions) != null && d.reply))
+  if (!u || !((l = u == null ? void 0 : u.latest_reactions) != null && l.reply))
     return;
   const a = (m = (o = u == null ? void 0 : u.latest_reactions) == null ? void 0 : o.reply) == null ? void 0 : m.filter(
-    (c) => c.id !== l
+    (c) => c.id !== d
   );
   return e.setQueryData(t, () => ({
     ...u,
     latest_reactions: { reply: a }
   })), { previousActivity: u };
-}, onError: (l, u, a) => {
+}, onError: (d, u, a) => {
   e.setQueryData(t, a.previousActivity);
 } }), oa = ({
   queryClient: e,
@@ -4952,25 +4948,25 @@ const Xr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
 }) => ({ mutationFn: n, onMutate: async ({ replyId: u }) => {
   var o, m;
   await e.cancelQueries({ queryKey: t });
-  const a = e.getQueryData(t), d = (m = (o = a == null ? void 0 : a.latest_reactions) == null ? void 0 : o.reply) == null ? void 0 : m.map((c) => {
+  const a = e.getQueryData(t), l = (m = (o = a == null ? void 0 : a.latest_reactions) == null ? void 0 : o.reply) == null ? void 0 : m.map((c) => {
     var h;
     return c.id === u && ((h = c.children_counts) != null && h.like ? c.children_counts.like += 1 : c.children_counts = { like: 1 }), c;
   });
   return e.setQueryData(t, () => ({
     ...a,
-    latest_reactions: { reply: d }
+    latest_reactions: { reply: l }
   })), { previousActivity: a };
-}, onError: (u, a, d) => {
-  e.setQueryData(t, d.previousActivity);
+}, onError: (u, a, l) => {
+  e.setQueryData(t, l.previousActivity);
 }, onSuccess: (u) => {
   var o;
-  const a = e.getQueryData(t), d = (o = a == null ? void 0 : a.latest_reactions.reply) == null ? void 0 : o.map((m) => {
+  const a = e.getQueryData(t), l = (o = a == null ? void 0 : a.latest_reactions.reply) == null ? void 0 : o.map((m) => {
     var c, h;
     return m.id === u.id && ((c = m.own_children) != null && c.like ? m.own_children.like.push(u) : m.own_children = { like: [u] }, (h = m.latest_children) != null && h.like ? m.latest_children.like.push(u) : m.latest_children = { like: [u] }), m;
   });
   return e.setQueryData(t, () => ({
     ...a,
-    latest_reactions: { reply: d }
+    latest_reactions: { reply: l }
   })), { previousActivity: a };
 } }), ia = ({
   queryClient: e,
@@ -4980,24 +4976,24 @@ const Xr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
 }) => ({ mutationFn: r, onMutate: async ({ replyId: a }) => {
   var m;
   await e.cancelQueries({ queryKey: t });
-  const d = e.getQueryData(t);
-  if (!d)
+  const l = e.getQueryData(t);
+  if (!l)
     return;
-  const o = (m = d.latest_reactions.reply) == null ? void 0 : m.map((c) => (c.id === a && c.children_counts.like && (c.children_counts.like -= 1), c));
+  const o = (m = l.latest_reactions.reply) == null ? void 0 : m.map((c) => (c.id === a && c.children_counts.like && (c.children_counts.like -= 1), c));
   return e.setQueryData(t, () => ({
-    ...d,
+    ...l,
     latest_reactions: { reply: o }
-  })), { previousActivity: d };
-}, onError: (a, d, o) => {
+  })), { previousActivity: l };
+}, onError: (a, l, o) => {
   e.setQueryData(t, o.previousActivity);
-}, onSuccess: (a, { replyId: d }) => {
+}, onSuccess: (a, { replyId: l }) => {
   var c;
   const o = e.getQueryData(t);
   if (!o)
     return;
   const m = (c = o.latest_reactions.reply) == null ? void 0 : c.map((h) => {
     var p, g, b;
-    if (h.id === d) {
+    if (h.id === l) {
       let v = (p = h.latest_children.reply) == null ? void 0 : p.filter(
         (E) => E.user_id !== (n == null ? void 0 : n.id)
       );
@@ -5022,13 +5018,13 @@ const Xr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   },
   onSuccess: (a) => {
     var m;
-    const d = e.getQueryData(t), o = (m = d == null ? void 0 : d.latest_reactions.reply) == null ? void 0 : m.map((c) => (c.id === a.parent && (c.latest_children.reply && c.children_counts.reply ? (c.latest_children.reply.push(a), c.children_counts.reply += 1) : (c.latest_children.reply = [a], c.children_counts.reply = 1)), c));
+    const l = e.getQueryData(t), o = (m = l == null ? void 0 : l.latest_reactions.reply) == null ? void 0 : m.map((c) => (c.id === a.parent && (c.latest_children.reply && c.children_counts.reply ? (c.latest_children.reply.push(a), c.children_counts.reply += 1) : (c.latest_children.reply = [a], c.children_counts.reply = 1)), c));
     return e.setQueryData(t, () => ({
-      ...d,
+      ...l,
       latest_reactions: { reply: o }
-    })), { previousActivity: d };
+    })), { previousActivity: l };
   },
-  onError: (a, d, o) => {
+  onError: (a, l, o) => {
     e.setQueryData(t, o.previousActivity);
   },
   onSettled: () => {
@@ -5038,10 +5034,10 @@ const Xr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   queryClient: e,
   queryKey: t,
   mutationFn: n
-}) => ({ mutationFn: n, onError: (l, u, a) => {
+}) => ({ mutationFn: n, onError: (d, u, a) => {
   e.setQueryData(t, a.previousActivity);
 }, onMutate: async ({
-  replyInfo: l,
+  replyInfo: d,
   content: { body: u }
 }) => {
   var o, m, c;
@@ -5051,22 +5047,22 @@ const Xr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   const a = e.getQueryData(t);
   if (!a || !((o = a == null ? void 0 : a.latest_reactions) != null && o.reply))
     return;
-  const d = (c = (m = a == null ? void 0 : a.latest_reactions) == null ? void 0 : m.reply) == null ? void 0 : c.map((h) => {
+  const l = (c = (m = a == null ? void 0 : a.latest_reactions) == null ? void 0 : m.reply) == null ? void 0 : c.map((h) => {
     var p;
-    return h.id === l.replyParentId && ((p = h.latest_children.reply) == null || p.map((g) => (g.id === l.replySlug && (g.data.content = u), g))), h;
+    return h.id === d.replyParentId && ((p = h.latest_children.reply) == null || p.map((g) => (g.id === d.replySlug && (g.data.content = u), g))), h;
   });
   return e.setQueryData(t, () => ({
     ...a,
-    latest_reactions: { reply: d }
+    latest_reactions: { reply: l }
   })), { previousActivity: a };
 } }), da = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
-}) => ({ mutationFn: n, onError: (l, u, a) => {
+}) => ({ mutationFn: n, onError: (d, u, a) => {
   e.setQueryData(t, a.previousActivity);
 }, onMutate: async ({
-  replyId: l,
+  replyId: d,
   replyParentId: u
 }) => {
   var o, m, c;
@@ -5074,15 +5070,15 @@ const Xr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   const a = e.getQueryData(t);
   if (!a || !((o = a == null ? void 0 : a.latest_reactions) != null && o.reply))
     return;
-  const d = (c = (m = a == null ? void 0 : a.latest_reactions) == null ? void 0 : m.reply) == null ? void 0 : c.map((h) => {
+  const l = (c = (m = a == null ? void 0 : a.latest_reactions) == null ? void 0 : m.reply) == null ? void 0 : c.map((h) => {
     var p, g;
     return h.id === u && (h.latest_children.reply = (p = h.latest_children.reply) == null ? void 0 : p.filter(
-      (b) => b.id !== l
+      (b) => b.id !== d
     ), (g = h.children_counts) != null && g.reply && (h.children_counts.reply -= 1)), h;
   });
   return e.setQueryData(t, () => ({
     ...a,
-    latest_reactions: { reply: d }
+    latest_reactions: { reply: l }
   })), { previousActivity: a };
 } }), ua = ({
   queryClient: e,
@@ -5094,7 +5090,7 @@ const Xr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
 }) => {
   var m;
   await e.cancelQueries({ queryKey: t });
-  const d = e.getQueryData(t), o = (m = d == null ? void 0 : d.latest_reactions.reply) == null ? void 0 : m.map((c) => {
+  const l = e.getQueryData(t), o = (m = l == null ? void 0 : l.latest_reactions.reply) == null ? void 0 : m.map((c) => {
     var h;
     return c.id === a && ((h = c.latest_children.reply) == null || h.map((p) => {
       var g;
@@ -5102,21 +5098,21 @@ const Xr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     })), c;
   });
   return e.setQueryData(t, () => ({
-    ...d,
+    ...l,
     latest_reactions: { reply: o }
-  })), { previousActivity: d };
-}, onError: (u, a, d) => {
-  e.setQueryData(t, d.previousActivity);
+  })), { previousActivity: l };
+}, onError: (u, a, l) => {
+  e.setQueryData(t, l.previousActivity);
 }, onSuccess: (u, a) => {
   var m;
-  const d = e.getQueryData(t), o = (m = d == null ? void 0 : d.latest_reactions.reply) == null ? void 0 : m.map((c) => {
+  const l = e.getQueryData(t), o = (m = l == null ? void 0 : l.latest_reactions.reply) == null ? void 0 : m.map((c) => {
     var h;
     return c.id === a.replyParentId && ((h = c.latest_children.reply) == null || h.map((p) => (p.id === a.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(u), p.own_children.like.push(u)), p))), c;
   });
   return e.setQueryData(t, () => ({
-    ...d,
+    ...l,
     latest_reactions: { reply: o }
-  })), { previousActivity: d };
+  })), { previousActivity: l };
 } }), ma = ({
   queryClient: e,
   queryKey: t,
@@ -5124,13 +5120,13 @@ const Xr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   user: r
 }) => ({ mutationFn: n, onMutate: async ({
   replyId: a,
-  replyParentId: d
+  replyParentId: l
 }) => {
   var c;
   await e.cancelQueries({ queryKey: t });
   const o = e.getQueryData(t), m = (c = o == null ? void 0 : o.latest_reactions.reply) == null ? void 0 : c.map((h) => {
     var p;
-    return h.id === d && ((p = h.latest_children.reply) == null || p.map((g) => {
+    return h.id === l && ((p = h.latest_children.reply) == null || p.map((g) => {
       var b;
       return g.id === a && ((b = g.children_counts) != null && b.like ? g.children_counts.like -= 1 : g.children_counts = { like: 0 }), g;
     })), h;
@@ -5139,15 +5135,15 @@ const Xr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     ...o,
     latest_reactions: { reply: m }
   })), { previousActivity: o };
-}, onError: (a, d, o) => {
+}, onError: (a, l, o) => {
   e.setQueryData(t, o.previousActivity);
-}, onSuccess: (a, d) => {
+}, onSuccess: (a, l) => {
   var c;
   const o = e.getQueryData(t), m = (c = o == null ? void 0 : o.latest_reactions.reply) == null ? void 0 : c.map((h) => {
     var p;
-    return h.id === d.replyParentId && ((p = h.latest_children.reply) == null || p.map((g) => {
+    return h.id === l.replyParentId && ((p = h.latest_children.reply) == null || p.map((g) => {
       var b, v;
-      return g.id === d.replyId && ((b = g.own_children) != null && b.like && (g.own_children.like = g.own_children.like.filter(
+      return g.id === l.replyId && ((b = g.own_children) != null && b.like && (g.own_children.like = g.own_children.like.filter(
         (E) => E.user_id !== (r == null ? void 0 : r.id)
       )), (v = g.latest_children) != null && v.like && (g.latest_children.like = g.latest_children.like.filter(
         (E) => E.user_id !== (r == null ? void 0 : r.id)
@@ -5164,8 +5160,8 @@ const Xr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   replyParentId: n,
   activityId: r,
   replyCount: i,
-  replies: l,
-  functions: { create: u, edit: a, remove: d, join: o, leave: m, like: c, unlike: h }
+  replies: d,
+  functions: { create: u, edit: a, remove: l, join: o, leave: m, like: c, unlike: h }
 }) => {
   const p = D(), g = wt(), b = je($e), v = je(Et), E = ca({
     queryClient: g,
@@ -5180,7 +5176,7 @@ const Xr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   } = ie(_), N = da({
     queryClient: g,
     queryKey: [e, t, r],
-    mutationFn: async ({ replyId: k }) => d({ replyId: k })
+    mutationFn: async ({ replyId: k }) => l({ replyId: k })
   }), {
     mutate: R
   } = ie(N), J = ua({
@@ -5223,7 +5219,7 @@ const Xr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
             }
           }
         ),
-        (l == null ? void 0 : l.length) === 0 || (l == null ? void 0 : l.map((k) => {
+        (d == null ? void 0 : d.length) === 0 || (d == null ? void 0 : d.map((k) => {
           var w, V, Z, se, re, ae, q, fe, ue, L, oe, he, ce, xe, pe, be, ge;
           return /* @__PURE__ */ s.jsx(
             St,
@@ -5295,12 +5291,12 @@ const Xr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   activityId: n,
   repliesList: r,
   isMember: i,
-  functions: { create: l, edit: u, remove: a, like: d, unlike: o, join: m, leave: c }
+  functions: { create: d, edit: u, remove: a, like: l, unlike: o, join: m, leave: c }
 }) => {
   const h = D(), p = wt(), g = je($e), b = sa({
     queryClient: p,
     queryKey: [e, t, n],
-    mutationFn: async (x) => l({ activityId: n, content: x.body })
+    mutationFn: async (x) => d({ activityId: n, content: x.body })
   }), { mutate: v } = ie(b), E = ra({
     queryClient: p,
     queryKey: [e, t, n],
@@ -5316,7 +5312,7 @@ const Xr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   } = ie(_), N = oa({
     queryClient: p,
     queryKey: [e, t, n],
-    mutationFn: d
+    mutationFn: l
   }), {
     mutate: R
   } = ie(N), J = ia({
@@ -5414,10 +5410,10 @@ const Xr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
               replies: (le = x == null ? void 0 : x.latest_children) == null ? void 0 : le.reply,
               isMember: i,
               functions: {
-                create: l,
+                create: d,
                 edit: u,
                 remove: a,
-                like: d,
+                like: l,
                 unlike: o,
                 join: m,
                 leave: c
@@ -5442,13 +5438,13 @@ const Xr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     if (a.length === 0)
       return;
     await e.cancelQueries({ queryKey: t });
-    const d = e.getQueryData(t);
-    return d && d.id === (u == null ? void 0 : u.activityId) && (d.content = a), e.setQueryData(t, () => ({
-      ...d
-    })), { previousActivity: d };
+    const l = e.getQueryData(t);
+    return l && l.id === (u == null ? void 0 : u.activityId) && (l.content = a), e.setQueryData(t, () => ({
+      ...l
+    })), { previousActivity: l };
   },
-  onError: (u, a, d) => {
-    e.setQueryData(t, d.previousActivity);
+  onError: (u, a, l) => {
+    e.setQueryData(t, l.previousActivity);
   },
   onSettled: () => {
     e.invalidateQueries({ queryKey: t });
@@ -5465,19 +5461,19 @@ const Xr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   queryKey: t,
   mutationFn: n
 }) => ({ mutationFn: n, onMutate: async () => {
-  var d;
+  var l;
   await e.cancelQueries({ queryKey: t });
   const a = e.getQueryData(t);
-  return (d = a == null ? void 0 : a.reaction_counts) != null && d.like ? a.reaction_counts.like += 1 : a && (a.reaction_counts = { like: 1 }), e.setQueryData(t, () => ({
+  return (l = a == null ? void 0 : a.reaction_counts) != null && l.like ? a.reaction_counts.like += 1 : a && (a.reaction_counts = { like: 1 }), e.setQueryData(t, () => ({
     ...a
   })), { previousActivity: a };
-}, onError: (a, d, o) => {
+}, onError: (a, l, o) => {
   e.setQueryData(t, o.previousActivity);
 }, onSuccess: (a) => {
-  const d = e.getQueryData(t);
-  return d != null && d.own_reactions.like ? d.own_reactions.like.push(a) : d && (d.own_reactions = { like: [a] }), d != null && d.latest_reactions.like ? d.latest_reactions.like.push(a) : d && (d.own_reactions = { like: [a] }), e.setQueryData(t, () => ({
-    ...d
-  })), { previousActivity: d };
+  const l = e.getQueryData(t);
+  return l != null && l.own_reactions.like ? l.own_reactions.like.push(a) : l && (l.own_reactions = { like: [a] }), l != null && l.latest_reactions.like ? l.latest_reactions.like.push(a) : l && (l.own_reactions = { like: [a] }), e.setQueryData(t, () => ({
+    ...l
+  })), { previousActivity: l };
 }, onSettled: () => {
   e.invalidateQueries({ queryKey: t });
 } }), xa = ({
@@ -5520,10 +5516,10 @@ const uo = ({
   isMember: r,
   functions: {
     get: i,
-    editActivity: l,
+    editActivity: d,
     removeActivity: u,
     likeActivity: a,
-    unlikeActivity: d,
+    unlikeActivity: l,
     createReply: o,
     editReply: m,
     removeReply: c,
@@ -5544,7 +5540,7 @@ const uo = ({
   }), R = pa({
     queryClient: j,
     queryKey: [e, t, n],
-    mutationFn: async (te) => await l(te)
+    mutationFn: async (te) => await d(te)
   }), {
     mutate: J
   } = ie(R), O = ga({
@@ -5567,7 +5563,7 @@ const uo = ({
       const te = (tt = (Le = (Ee = _ == null ? void 0 : _.own_reactions) == null ? void 0 : Ee.like) == null ? void 0 : Le.find(
         (nt) => nt.user_id === (E == null ? void 0 : E.id)
       )) == null ? void 0 : tt.id;
-      await d({ activityId: n, reactionId: te });
+      await l({ activityId: n, reactionId: te });
     },
     activity: _
   }), {
@@ -5680,10 +5676,10 @@ const uo = ({
   const n = D(), {
     answers: r,
     createdAt: i,
-    dateHasPassed: l,
+    dateHasPassed: d,
     isOngoingEvent: u,
     pill: a,
-    readingTime: d,
+    readingTime: l,
     publishedDate: o,
     startDate: m
   } = t;
@@ -5707,7 +5703,7 @@ const uo = ({
       ] })
     ] });
   }
-  if (m && !l || u)
+  if (m && !d || u)
     return /* @__PURE__ */ s.jsx("p", { className: "details", children: u ? n.formatMessage({ id: "card_bootcamp" }) : Rn(m) });
   if (a)
     return /* @__PURE__ */ s.jsx(
@@ -5719,10 +5715,10 @@ const uo = ({
         children: a
       }
     );
-  if (d || o) {
+  if (l || o) {
     const c = o && Gt(o);
     return /* @__PURE__ */ s.jsxs("ul", { className: "details", children: [
-      d && /* @__PURE__ */ s.jsx("li", { "data-testid": "reading-time", children: n.formatMessage({ id: "card_time_read" }, { time: d }) }),
+      l && /* @__PURE__ */ s.jsx("li", { "data-testid": "reading-time", children: n.formatMessage({ id: "card_time_read" }, { time: l }) }),
       o && /* @__PURE__ */ s.jsx("li", { "data-testid": "published-date", children: n.formatMessage(
         { id: "card_time_ago" },
         {
@@ -5794,16 +5790,16 @@ const uo = ({
   }
 }, wa = ({ data: e, cta: t, link: n, gtmContext: r }) => {
   var g;
-  const i = D(), [l, u] = P({
+  const i = D(), [d, u] = P({
     loading: !1,
     registered: e.registered || !1
   });
   G(() => {
     e.registered && u((b) => ({ ...b, registered: !0 }));
   }, [e.registered]);
-  const { startDate: a, dateHasPassed: d, pill: o, slug: m } = e, c = e.contentType;
+  const { startDate: a, dateHasPassed: l, pill: o, slug: m } = e, c = e.contentType;
   let h = "";
-  if ((g = _t[c]) != null && g.gtmEvent && (h = _t[c].gtmEvent), a && d)
+  if ((g = _t[c]) != null && g.gtmEvent && (h = _t[c].gtmEvent), a && l)
     return /* @__PURE__ */ s.jsx(
       "a",
       {
@@ -5829,7 +5825,7 @@ const uo = ({
     );
   const p = ["microcourse", "event"];
   if (t && t.onClick && p.includes(c) && o !== "premium") {
-    const b = l.loading || l.registered, v = async (E) => {
+    const b = d.loading || d.registered, v = async (E) => {
       if (E.preventDefault(), E.stopPropagation(), !(b || !t || !t.onClick)) {
         u((j) => ({ ...j, loading: !0 }));
         try {
@@ -5852,7 +5848,7 @@ const uo = ({
         "data-gtm-event-type": `${r}-${c}-register-click`,
         "data-testid": "in-card-button",
         children: i.formatMessage({
-          id: `card_cta_${c}${b ? `_${l.loading ? "loading" : "done"}` : ""}`
+          id: `card_cta_${c}${b ? `_${d.loading ? "loading" : "done"}` : ""}`
         })
       }
     );
@@ -5879,13 +5875,13 @@ const ka = {
   buildCardData: n,
   cta: r,
   gtmContext: i = "Carousel",
-  className: l = ""
+  className: d = ""
 }) => {
-  const u = D(), a = je($e), d = a && typeof a.id == "string", [o, m] = P({
+  const u = D(), a = je($e), l = a && typeof a.id == "string", [o, m] = P({
     data: null,
     isLoading: !0
   }), { data: c, isLoading: h } = o, p = Me(() => {
-    n(t, d).then((O) => {
+    n(t, l).then((O) => {
       m(() => ({ data: O, isLoading: !1 }));
     }).catch(() => m((O) => ({ ...O, isLoading: !1 })));
   }, [e]);
@@ -5921,7 +5917,7 @@ const ka = {
   return /* @__PURE__ */ s.jsx(
     "li",
     {
-      className: S("card-wrapper text-medium", v, l, {
+      className: S("card-wrapper text-medium", v, d, {
         "has-link": T,
         "no-link": !T,
         "has-custom-icon": c.customIcon,
@@ -5982,13 +5978,13 @@ const ka = {
     }
   );
 };
-const ya = ({ cards: e, cardTypes: t, className: n = "", ...r }) => /* @__PURE__ */ s.jsx("ul", { className: S("card-block", n), children: e.map((i, l) => {
-  const u = i.slug ? `${i.slug}-${t[l]}` : `${t[l]}-${l}`;
+const ya = ({ cards: e, cardTypes: t, className: n = "", ...r }) => /* @__PURE__ */ s.jsx("ul", { className: S("card-block", n), children: e.map((i, d) => {
+  const u = i.slug ? `${i.slug}-${t[d]}` : `${t[d]}-${d}`;
   return /* @__PURE__ */ s.jsx(
     ja,
     {
       id: u,
-      card: { ...i, contentType: t[l] },
+      card: { ...i, contentType: t[d] },
       ...r
     },
     u