npm - @apolitical/component-library - Versions diffs - 3.5.10 → 3.5.11 - Mend

@apolitical/component-library 3.5.10 → 3.5.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/index.mjs CHANGED Viewed

@@ -74,7 +74,7 @@ var da = { exports: {} };
   })();
 })(da);
 var Fs = da.exports;
-const S = /* @__PURE__ */ la(Fs), Os = ({
+const E = /* @__PURE__ */ la(Fs), Os = ({
   element: t = "span",
   showOnFocus: e = !0,
   children: n,
@@ -82,7 +82,7 @@ const S = /* @__PURE__ */ la(Fs), Os = ({
   ...s
 }) => Y.createElement(t, {
   ...s,
-  className: S("hidden", r, { "show-on-focus": e }),
+  className: E("hidden", r, { "show-on-focus": e }),
   children: n
 }), be = Ae(Os), As = ({
   element: t = "span",
@@ -131,23 +131,23 @@ var wr;
 function Is() {
   return wr || (wr = 1, process.env.NODE_ENV !== "production" && function() {
     var t = Y, e = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), o = Symbol.for("react.provider"), c = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), l = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), g = Symbol.iterator, v = "@@iterator";
-    function b(h) {
+    function _(h) {
       if (h === null || typeof h != "object")
         return null;
       var M = g && h[g] || h[v];
       return typeof M == "function" ? M : null;
     }
-    var _ = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var y = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function x(h) {
       {
         for (var M = arguments.length, I = new Array(M > 1 ? M - 1 : 0), ne = 1; ne < M; ne++)
           I[ne - 1] = arguments[ne];
-        E("error", h, I);
+        S("error", h, I);
       }
     }
-    function E(h, M, I) {
+    function S(h, M, I) {
       {
-        var ne = _.ReactDebugCurrentFrame, le = ne.getStackAddendum();
+        var ne = y.ReactDebugCurrentFrame, le = ne.getStackAddendum();
         le !== "" && (M += "%s", I = I.concat([le]));
         var me = I.map(function(ce) {
           return String(ce);
@@ -155,10 +155,10 @@ function Is() {
         me.unshift("Warning: " + M), Function.prototype.apply.call(console[h], console, me);
       }
     }
-    var w = !1, y = !1, F = !1, R = !1, Q = !1, B;
+    var w = !1, b = !1, F = !1, R = !1, Q = !1, B;
     B = Symbol.for("react.module.reference");
     function $(h) {
-      return !!(typeof h == "string" || typeof h == "function" || h === r || h === i || Q || h === s || h === l || h === u || R || h === p || w || y || F || typeof h == "object" && h !== null && (h.$$typeof === m || h.$$typeof === f || h.$$typeof === o || h.$$typeof === c || h.$$typeof === d || // This needs to include all possible module reference object
+      return !!(typeof h == "string" || typeof h == "function" || h === r || h === i || Q || h === s || h === l || h === u || R || h === p || w || b || F || typeof h == "object" && h !== null && (h.$$typeof === m || h.$$typeof === f || h.$$typeof === o || h.$$typeof === c || h.$$typeof === d || // 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.
@@ -281,7 +281,7 @@ function Is() {
         A < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var G = _.ReactCurrentDispatcher, V;
+    var G = y.ReactCurrentDispatcher, V;
     function ee(h, M, I) {
       {
         if (V === void 0)
@@ -407,7 +407,7 @@ function Is() {
         }
       return "";
     }
-    var Ue = Object.prototype.hasOwnProperty, cr = {}, lr = _.ReactDebugCurrentFrame;
+    var Ue = Object.prototype.hasOwnProperty, cr = {}, lr = y.ReactDebugCurrentFrame;
     function Et(h) {
       if (h) {
         var M = h._owner, I = Ce(h.type, h._source, M ? M.type : null);
@@ -458,7 +458,7 @@ function Is() {
       if (as(h))
         return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", rs(h)), ur(h);
     }
-    var st = _.ReactCurrentOwner, ss = {
+    var st = y.ReactCurrentOwner, ss = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -556,7 +556,7 @@ function Is() {
         return ds(h, ie, xe, le, ne, st.current, ce);
       }
     }
-    var dn = _.ReactCurrentOwner, pr = _.ReactDebugCurrentFrame;
+    var dn = y.ReactCurrentOwner, pr = y.ReactDebugCurrentFrame;
     function Ke(h) {
       if (h) {
         var M = h._owner, I = Ce(h.type, h._source, M ? M.type : null);
@@ -630,7 +630,7 @@ Check the top-level render call using <` + I + ">.");
         else if (mn(h))
           h._store && (h._store.validated = !0);
         else if (h) {
-          var le = b(h);
+          var le = _(h);
           if (typeof le == "function" && le !== h.entries)
             for (var me = le.call(h), ce; !(ce = me.next()).done; )
               mn(ce.value) && vr(ce.value, M);
@@ -737,23 +737,23 @@ function Bs(t, e, n) {
   if (typeof t != "function")
     throw new TypeError("Expected a function");
   e = +e || 0;
-  var g = !!(n = n || {}).leading, v = !("trailing" in n) || !!n.trailing, b = "maxWait" in n, _ = "debounceOnServer" in n && !!n.debounceOnServer, x = b ? Math.max(+n.maxWait || 0, e) : null;
+  var g = !!(n = n || {}).leading, v = !("trailing" in n) || !!n.trailing, _ = "maxWait" in n, y = "debounceOnServer" in n && !!n.debounceOnServer, x = _ ? Math.max(+n.maxWait || 0, e) : null;
   ae(function() {
     return f.current = !0, function() {
       f.current = !1;
     };
   }, []);
-  var E = wt(function() {
+  var S = wt(function() {
     var w = function($) {
       var C = c.current, k = d.current;
       return c.current = d.current = null, i.current = $, l.current = u.current.apply(k, C);
-    }, y = function($, C) {
+    }, b = function($, C) {
       p && cancelAnimationFrame(o.current), o.current = p ? requestAnimationFrame($) : setTimeout($, C);
     }, F = function($) {
       if (!f.current)
         return !1;
       var C = $ - s.current;
-      return !s.current || C >= e || C < 0 || b && $ - i.current >= x;
+      return !s.current || C >= e || C < 0 || _ && $ - i.current >= x;
     }, R = function($) {
       return o.current = null, v && c.current ? w($) : (c.current = d.current = null, l.current);
     }, Q = function $() {
@@ -761,19 +761,19 @@ function Bs(t, e, n) {
       if (F(C))
         return R(C);
       if (f.current) {
-        var k = e - (C - s.current), j = b ? Math.min(k, x - (C - i.current)) : k;
-        y($, j);
+        var k = e - (C - s.current), j = _ ? Math.min(k, x - (C - i.current)) : k;
+        b($, j);
       }
     }, B = function() {
-      if (m || _) {
+      if (m || y) {
         var $ = Date.now(), C = F($);
         if (c.current = [].slice.call(arguments), d.current = r, s.current = $, C) {
           if (!o.current && f.current)
-            return i.current = s.current, y(Q, e), g ? w(s.current) : l.current;
-          if (b)
-            return y(Q, e), w(s.current);
+            return i.current = s.current, b(Q, e), g ? w(s.current) : l.current;
+          if (_)
+            return b(Q, e), w(s.current);
         }
-        return o.current || y(Q, e), l.current;
+        return o.current || b(Q, e), l.current;
       }
     };
     return B.cancel = function() {
@@ -783,8 +783,8 @@ function Bs(t, e, n) {
     }, B.flush = function() {
       return o.current ? R(Date.now()) : l.current;
     }, B;
-  }, [g, b, e, x, v, p, m, _]);
-  return E;
+  }, [g, _, e, x, v, p, m, y]);
+  return S;
 }
 function fa(t, e, n) {
   var r = n === void 0 ? {} : n, s = r.leading, i = r.trailing;
@@ -983,10 +983,13 @@ const ze = {
   card_member_type_member: "Member",
   card_member_count: "{count} members",
   card_cta_people: "View profile",
+  card_cta_communityPage: "Join now",
   card_cta_event: "Register now",
   card_cta_microcourse: "Enrol now",
+  card_cta_communityPage_loading: "Joining...",
   card_cta_event_loading: "Registering...",
   card_cta_microcourse_loading: "Enrolling...",
+  card_cta_communityPage_done: "Joined",
   card_cta_event_done: "Registered",
   card_cta_microcourse_done: "Enrolled",
   carousel_pagination_previous: "Previous",
@@ -1451,20 +1454,20 @@ Thank you for helping to protect the Apolitical community from abusive content.`
 }) => {
   const p = jt(typeof e == "object");
   if (typeof e == "object" && typeof p == "number") {
-    const b = Object.assign({}, e), _ = pa(Object.keys(b));
-    e = ha(p, _, b);
+    const _ = Object.assign({}, e), y = pa(Object.keys(_));
+    e = ha(p, y, _);
   }
   const g = [];
   typeof e == "string" && g.push(e), r && (g.push("icon"), typeof r == "object" ? (g.push(r.icon), r.position ? g.push(r.position) : g.push("left"), r.hover && g.push(`hover_${r.hover}`), r.animate && (g.push("animate"), typeof r.animate == "string" && g.push(r.animate))) : (g.push(r), !r.includes("right") && !r.includes("left") && g.push("left"))), n.muted && g.push("muted"), n.fullWidth && g.push("full-width");
   const v = {
     ...f,
-    className: S(t, c, g, {
+    className: E(t, c, g, {
       "no-text": !u,
       disabled: d,
       button: s
     }),
-    onClick: (b) => {
-      (!s || s[0] === "#") && o && (b.preventDefault(), b.stopPropagation()), o && o(b);
+    onClick: (_) => {
+      (!s || s[0] === "#") && o && (_.preventDefault(), _.stopPropagation()), o && o(_);
     },
     disabled: typeof d == "object" && "isClickable" in d ? !d.isClickable : d
   };
@@ -1476,14 +1479,14 @@ Thank you for helping to protect the Apolitical community from abusive content.`
 }, kt = ({ buttons: t, className: e = "", ...n }) => {
   const r = t.length > 1 ? "ul" : "p", s = t.map((i, o) => r === "p" ? /* @__PURE__ */ a.jsx(se, { ...i }, o) : /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(se, { ...i }) }, o));
   return Y.createElement(r, {
-    className: S("button-wrapper", e),
+    className: E("button-wrapper", e),
     ...n,
     children: s
   });
 };
 const Oe = ({ className: t = "", maxWidth: e = !1 }) => {
   const n = e ? { "--max-width": `${e / 16}rem` } : {};
-  return /* @__PURE__ */ a.jsx("hr", { className: S(t, { "has-max-width": e }), style: n });
+  return /* @__PURE__ */ a.jsx("hr", { className: E(t, { "has-max-width": e }), style: n });
 }, kr = {
   card: {
     range: [
@@ -1614,7 +1617,7 @@ const Tt = ({ image: t, className: e, testId: n }) => {
     loading: l,
     decoding: u,
     fetchPriority: f
-  } = t, { range: m, sizes: p } = ri(t), g = hn({ format: "avif", query: o, range: m, url: c }), v = hn({ format: "webp", query: o, range: m, url: c }), b = hn({ format: "", query: o, range: m, url: c });
+  } = t, { range: m, sizes: p } = ri(t), g = hn({ format: "avif", query: o, range: m, url: c }), v = hn({ format: "webp", query: o, range: m, url: c }), _ = hn({ format: "", query: o, range: m, url: c });
   return /* @__PURE__ */ a.jsxs("picture", { className: e, children: [
     i !== "image/gif" && /* @__PURE__ */ a.jsx(
       "source",
@@ -1629,7 +1632,7 @@ const Tt = ({ image: t, className: e, testId: n }) => {
     /* @__PURE__ */ a.jsx(
       "img",
       {
-        srcSet: b,
+        srcSet: _,
         sizes: p,
         src: c,
         alt: r,
@@ -1662,7 +1665,7 @@ const Nl = ({ image: t, className: e, testId: n }) => /* @__PURE__ */ a.jsx(
 }) => {
   if (t) {
     const d = { ...c };
-    return s && (d.onClick = s), i && (d["data-gtm-event-context"] = i), o && (d["data-gtm-event-type"] = o), /* @__PURE__ */ a.jsx("a", { href: t, className: S("gtm-trackable", r), ...d, children: e });
+    return s && (d.onClick = s), i && (d["data-gtm-event-context"] = i), o && (d["data-gtm-event-type"] = o), /* @__PURE__ */ a.jsx("a", { href: t, className: E("gtm-trackable", r), ...d, children: e });
   }
   return n ? Y.createElement(n, { children: e, className: r, ...c }) : /* @__PURE__ */ a.jsx(a.Fragment, { children: e });
 };
@@ -1680,7 +1683,7 @@ const Pl = ({ currentStep: t = 1, steps: e = 1 }) => /* @__PURE__ */ a.jsxs(a.Fr
       /* @__PURE__ */ a.jsx(
         "div",
         {
-          className: S("dot", {
+          className: E("dot", {
             active: s === t,
             completed: s < t
           }),
@@ -1690,7 +1693,7 @@ const Pl = ({ currentStep: t = 1, steps: e = 1 }) => /* @__PURE__ */ a.jsxs(a.Fr
       /* @__PURE__ */ a.jsx(
         "div",
         {
-          className: S("line", {
+          className: E("line", {
             active: s < t
           })
         }
@@ -1779,7 +1782,7 @@ const Jn = ({
     "details",
     {
       ref: i,
-      className: S("collapsible-section", e, {
+      className: E("collapsible-section", e, {
         "should-animate": r
       }),
       children: [
@@ -1816,7 +1819,7 @@ const Cr = {
   return !n && !o ? null : /* @__PURE__ */ a.jsx(
     "small",
     {
-      className: S(
+      className: E(
         "content-type-label text-small",
         t in Cr ? Cr[t] : t,
         r,
@@ -1842,7 +1845,7 @@ const Fe = ({
   return /* @__PURE__ */ a.jsx(
     "div",
     {
-      className: S("highlighted-text-box", t, r, {
+      className: E("highlighted-text-box", t, r, {
         "has-icon": e,
         "show-highlight": o,
         [c]: c !== "default"
@@ -1875,7 +1878,7 @@ const He = ({
     Fe,
     {
       variant: "subtle",
-      className: S("empty-state-box", t, r),
+      className: E("empty-state-box", t, r),
       children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
         e && typeof e == "string" ? /* @__PURE__ */ a.jsx(Le, { options: { forceBlock: !0 }, children: e }) : e,
         s && typeof n == "object" && (l || /* @__PURE__ */ a.jsx(
@@ -1898,7 +1901,7 @@ const ci = ({
   className: e = "",
   heading: n = !1,
   children: r
-}) => /* @__PURE__ */ a.jsxs("div", { className: S("helper-text-box text-small", t, e), children: [
+}) => /* @__PURE__ */ a.jsxs("div", { className: E("helper-text-box text-small", t, e), children: [
   n && /* @__PURE__ */ a.jsx("p", { className: "title", children: n }),
   typeof r == "string" ? /* @__PURE__ */ a.jsx(
     Le,
@@ -1948,9 +1951,9 @@ const Rl = ({
     Fe,
     {
       variant: "subtle",
-      className: S("hide-show-text-box", t),
+      className: E("hide-show-text-box", t),
       children: [
-        /* @__PURE__ */ a.jsxs("div", { ref: o, className: S("content", l), children: [
+        /* @__PURE__ */ a.jsxs("div", { ref: o, className: E("content", l), children: [
           /* @__PURE__ */ a.jsx(Le, { options: { forceBlock: !0 }, children: l === "closed" ? c : r }),
           l !== "closed" && s
         ] }),
@@ -1960,7 +1963,7 @@ const Rl = ({
             variant: "tertiary",
             icon: { icon: "navigation_arrow", position: "left", animate: !0 },
             styling: { muted: !0 },
-            className: S({ "rotate-180": m }),
+            className: E({ "rotate-180": m }),
             onClick: () => {
               u(m ? "ready-to-close" : "opening");
             },
@@ -1981,7 +1984,7 @@ const Fl = ({
 }) => {
   const { hasBorder: o = !1, zebraStriping: c = !1 } = s;
   return Y.createElement(t, {
-    className: S("icon-bulleted-list text-medium", n, i, {
+    className: E("icon-bulleted-list text-medium", n, i, {
       "has-border": o,
       "has-zebra-stripes": c,
       [e]: t !== "dl"
@@ -2139,7 +2142,7 @@ const vi = {
   return /* @__PURE__ */ a.jsx(
     "div",
     {
-      className: S("markdown-text", t, {
+      className: E("markdown-text", t, {
         "highlight-titles": i
       }),
       children: /* @__PURE__ */ a.jsx(Le, { options: { ...o, ...e }, children: n })
@@ -2154,8 +2157,8 @@ const bi = ({
   className: s = ""
 }) => {
   const i = t ? { "--max-width": `${t / 16}rem` } : {};
-  return /* @__PURE__ */ a.jsxs("section", { className: S("page-heading", s), children: [
-    /* @__PURE__ */ a.jsxs("div", { className: S("content", { "has-max-width": t }), style: i, children: [
+  return /* @__PURE__ */ a.jsxs("section", { className: E("page-heading", s), children: [
+    /* @__PURE__ */ a.jsxs("div", { className: E("content", { "has-max-width": t }), style: i, children: [
       e && e.text && Y.createElement(e.element || "h1", { className: "title" }, e.text),
       n && n.text && Y.createElement(
         n.element || "h2",
@@ -2180,7 +2183,7 @@ const ht = ({
   return /* @__PURE__ */ a.jsx(
     "span",
     {
-      className: S("pill", t, e, n, {
+      className: E("pill", t, e, n, {
         "has-icon": r
       }),
       style: o,
@@ -2198,7 +2201,7 @@ const Wt = ({
   t,
   {
     ...r,
-    className: S("status-banner text-small", n),
+    className: E("status-banner text-small", n),
     "aria-live": "assertive"
   },
   e
@@ -2232,7 +2235,7 @@ const Al = ({
     Fe,
     {
       variant: "subtle",
-      className: S("table-of-contents", n),
+      className: E("table-of-contents", n),
       children: [
         /* @__PURE__ */ a.jsx("h2", { children: r.formatMessage({ id: "tableOfContents" }) }),
         /* @__PURE__ */ a.jsx("nav", { children: /* @__PURE__ */ a.jsx("ul", { children: s.map(({ id: o, text: c }) => /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx("a", { href: `#${o}`, children: c }) }, o)) }) })
@@ -2274,7 +2277,7 @@ const Xn = ({
       { early: l, late: f }
     );
   }
-  return n && (l = `${n} ${l}`, d = `${n} ${d}`), r && (l = `${l} ${r}`, d = `${d} ${r}`), /* @__PURE__ */ a.jsx("span", { className: S("time-to-complete", s), "aria-label": l, children: d });
+  return n && (l = `${n} ${l}`, d = `${n} ${d}`), r && (l = `${l} ${r}`, d = `${d} ${r}`), /* @__PURE__ */ a.jsx("span", { className: E("time-to-complete", s), "aria-label": l, children: d });
 };
 let ct = !1;
 const _i = ({ isOpen: t = !1, isLoading: e = !1, children: n }) => {
@@ -2299,7 +2302,7 @@ const _i = ({ isOpen: t = !1, isLoading: e = !1, children: n }) => {
     "aside",
     {
       ref: s,
-      className: S("tooltip text-medium", i, { loading: e }),
+      className: E("tooltip text-medium", i, { loading: e }),
       hidden: i === "hidden",
       children: e ? /* @__PURE__ */ a.jsx("p", { children: r.formatMessage({ id: "tooltip_loading" }) }) : typeof n == "string" ? /* @__PURE__ */ a.jsx("p", { children: n }) : n
     }
@@ -2318,7 +2321,7 @@ const Dl = ({ className: t = "", image: e, ...n }) => e ? (typeof e == "string"
   Tt,
   {
     ...n,
-    className: S("banner", t),
+    className: E("banner", t),
     image: { ...e, aspect: "banner" }
   }
 )) : null;
@@ -2332,7 +2335,7 @@ const Ve = ({
   return /* @__PURE__ */ a.jsx(
     "section",
     {
-      className: S("full-width-section", e, {
+      className: E("full-width-section", e, {
         [s]: s !== "default"
       }),
       ...r,
@@ -2353,7 +2356,7 @@ const Il = ({ text: t, buttons: e, className: n = "" }) => {
       target: "_blank",
       children: s.text
     });
-  }), /* @__PURE__ */ a.jsx(Ve, { className: S("download-section", n), children: /* @__PURE__ */ a.jsxs("div", { className: "content-default", children: [
+  }), /* @__PURE__ */ a.jsx(Ve, { className: E("download-section", n), children: /* @__PURE__ */ a.jsxs("div", { className: "content-default", children: [
     Y.createElement(
       typeof t == "string" ? "h2" : t.element,
       { className: "text" },
@@ -2367,7 +2370,7 @@ function ba({ href: t, setShowModal: e }) {
 }
 const xi = ({ icon: t, description: e, ctaMessage: n, href: r, showEditButton: s, setShowModal: i }) => {
   const { formatMessage: o } = H();
-  return /* @__PURE__ */ a.jsxs("div", { className: S("edit-section-placeholder", { "has-icon": !!t }), style: Hs(t), children: [
+  return /* @__PURE__ */ a.jsxs("div", { className: E("edit-section-placeholder", { "has-icon": !!t }), style: Hs(t), children: [
     /* @__PURE__ */ a.jsx("p", { children: e || o({ id: "edit_section_placeholder_description" }) }),
     s && /* @__PURE__ */ a.jsx(se, { href: r, variant: "secondary", size: "small", onClick: () => ba({ href: r, setShowModal: i }), children: n || o({ id: "edit_section_placeholder_cta" }) })
   ] });
@@ -2382,7 +2385,7 @@ const xi = ({ icon: t, description: e, ctaMessage: n, href: r, showEditButton: s
   showDivider: c = !0
 }) => {
   const [d, l] = Y.useState(!1), u = typeof r == "string" || !!n, f = () => l(!1);
-  return /* @__PURE__ */ a.jsxs("section", { className: S("edit-section", e), children: [
+  return /* @__PURE__ */ a.jsxs("section", { className: E("edit-section", e), children: [
     n && /* @__PURE__ */ a.jsx(
       an,
       {
@@ -2391,7 +2394,7 @@ const xi = ({ icon: t, description: e, ctaMessage: n, href: r, showEditButton: s
         showDivider: !1,
         showIcon: !1,
         functions: { onClose: f },
-        className: S("edit-section-modal"),
+        className: E("edit-section-modal"),
         children: /* @__PURE__ */ a.jsx(rn, { ...n, fields: n.fields, meta: {
           ...n == null ? void 0 : n.meta,
           shouldShowCancelButton: !0,
@@ -2432,20 +2435,20 @@ const Bl = ({
   return /* @__PURE__ */ a.jsxs(
     "div",
     {
-      className: S("logos", r, `align-${c}`, {
+      className: E("logos", r, `align-${c}`, {
         [d]: d !== "block",
         "wrap-logos": o
       }),
       children: [
         t && Y.createElement(
           i.element,
-          { className: S("title", i.className) },
+          { className: E("title", i.className) },
           i.text
         ),
         /* @__PURE__ */ a.jsx(
           "ul",
           {
-            className: S({
+            className: E({
               "two-col": s === 2 || s === 4,
               "three-col": s === 5 || s <= 10 && s % 3 === 0
             }),
@@ -2530,7 +2533,7 @@ const wi = [
   }), /* @__PURE__ */ a.jsx(
     Ve,
     {
-      className: S("banner-section", r, s, t, {
+      className: E("banner-section", r, s, t, {
         "has-image": n,
         "has-extra-spacing": s === "normal" && u.eyebrow && u.title
       }),
@@ -2570,7 +2573,7 @@ const Ul = ({
   return t && (s["--image"] = `url(${t})`), /* @__PURE__ */ a.jsx(
     Ve,
     {
-      className: S("custom-content-banner", e, r, {
+      className: E("custom-content-banner", e, r, {
         "has-image": t
       }),
       style: s,
@@ -2585,11 +2588,11 @@ const ki = ({
   image: r
 }) => {
   const s = typeof n == "string" ? /* @__PURE__ */ a.jsx(xt, { children: n }) : n;
-  return /* @__PURE__ */ a.jsxs(Ve, { className: S("highlight-section", e), children: [
+  return /* @__PURE__ */ a.jsxs(Ve, { className: E("highlight-section", e), children: [
     r && /* @__PURE__ */ a.jsx(
       "div",
       {
-        className: S("highlight-container highlight-image", {
+        className: E("highlight-container highlight-image", {
           [`highlight-image-${t}`]: t === "right"
         }),
         children: /* @__PURE__ */ a.jsx(Tt, { image: r })
@@ -2598,13 +2601,13 @@ const ki = ({
     /* @__PURE__ */ a.jsx(
       "div",
       {
-        className: S("highlight-container highlight-content-wrapper", {
+        className: E("highlight-container highlight-content-wrapper", {
           "no-image": !r
         }),
         children: /* @__PURE__ */ a.jsx(
           "div",
           {
-            className: S("highlight-content", {
+            className: E("highlight-content", {
               "highlight-content-right": t === "left"
             }),
             children: r ? s : /* @__PURE__ */ a.jsx("div", { className: "content-default", children: s })
@@ -2620,7 +2623,7 @@ const zl = ({
   title: n,
   text: r,
   gtmContext: s
-}) => !n && !r ? null : /* @__PURE__ */ a.jsxs("aside", { className: S("marketing-block", t), children: [
+}) => !n && !r ? null : /* @__PURE__ */ a.jsxs("aside", { className: E("marketing-block", t), children: [
   n && /* @__PURE__ */ a.jsx("p", { className: "title", children: n }),
   r && /* @__PURE__ */ a.jsx("p", { children: r }),
   e && /* @__PURE__ */ a.jsx(
@@ -2725,7 +2728,7 @@ const Pi = ({
   return /* @__PURE__ */ a.jsx(
     "span",
     {
-      className: S(`progress-bar section-${l}`, o, r, {
+      className: E(`progress-bar section-${l}`, o, r, {
         [c]: c !== "default",
         [d !== "default" ? d : ""]: d !== "default"
       }),
@@ -2754,7 +2757,7 @@ const vn = "loadingBlock_", Mi = ({ progress: t = 0, steps: e = !1, className: n
   return /* @__PURE__ */ a.jsxs(
     Fe,
     {
-      className: S("loading-block", n, {
+      className: E("loading-block", n, {
         "has-icon": s && e[s].icon
       }),
       variant: "subtle",
@@ -2770,7 +2773,7 @@ const Se = ({ element: t = "div", className: e = "", ...n }) => /* @__PURE__ */
   Gn,
   {
     element: t,
-    className: S("loading-placeholder", e),
+    className: E("loading-placeholder", e),
     ...n
   }
 );
@@ -2823,7 +2826,7 @@ const zn = {
   "course-navigation": ["button", "button"],
   "course-lesson-page": ["breadcrumb", "course-navigation", "text-page"],
   "course-lesson-quiz": ["text-page", "quiz-box"]
-}, xa = (t, e) => t in zn ? /* @__PURE__ */ a.jsx("div", { className: t, children: zn[t].map((n, r) => xa(n, r)) }, e) : /* @__PURE__ */ a.jsx(Se, { className: t }, e), wa = ({ layout: t = "overview-page", ...e }) => /* @__PURE__ */ a.jsx("div", { className: S("loading-state", t), ...e, children: zn[t].map((n, r) => xa(n, r)) }), ja = (t) => {
+}, xa = (t, e) => t in zn ? /* @__PURE__ */ a.jsx("div", { className: t, children: zn[t].map((n, r) => xa(n, r)) }, e) : /* @__PURE__ */ a.jsx(Se, { className: t }, e), wa = ({ layout: t = "overview-page", ...e }) => /* @__PURE__ */ a.jsx("div", { className: E("loading-state", t), ...e, children: zn[t].map((n, r) => xa(n, r)) }), ja = (t) => {
   const e = t && t.toUpperCase().trim().split(" ");
   return Array.isArray(e) && e.length > 1 && e[0] !== "" ? e[1] === "" ? e[0][0] : e[0][0] + e[e.length - 1][0] : t ? t.substr(0, 1) : "";
 }, Ct = ["#5AB6A3", "#A2D7AF", "#806056", "#3962B3"], Ri = (t) => {
@@ -2859,7 +2862,7 @@ const Nr = 256, Ye = ({
   return e && e !== "" && !c && (e.includes("http") || e.includes("//")) && (u = !0), /* @__PURE__ */ a.jsx(
     "figure",
     {
-      className: S("profile-picture", t, { error: c }),
+      className: E("profile-picture", t, { error: c }),
       ...o,
       children: u ? /* @__PURE__ */ a.jsx(
         "img",
@@ -2913,7 +2916,7 @@ const tr = ({
   }));
   const { name: d, url: l, image: u } = c, f = Fi(c), m = n && n.createdAt ? Un(n.createdAt) : !1, p = n && n.createdAt ? ga(n.createdAt) : "";
   return Y.createElement(t, {
-    className: S("member text-medium", i),
+    className: E("member text-medium", i),
     children: /* @__PURE__ */ a.jsxs(
       at,
       {
@@ -2961,37 +2964,37 @@ const Pr = {
   const f = H();
   return !n || n.length === 0 ? null : Y.createElement(t, {
     ...u,
-    className: S("contributors", l, s, { "has-gap": i }),
+    className: E("contributors", l, s, { "has-gap": i }),
     children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
       /* @__PURE__ */ a.jsx("ul", { children: n.map((m, p) => {
         let g, v = "";
         if (p < c) {
-          const { name: b = "", image: _ = "" } = ka(m);
+          const { name: _ = "", image: y = "" } = ka(m);
           if (o)
             return /* @__PURE__ */ a.jsx(Se, { element: "li", className: "contributor" }, p);
           g = /* @__PURE__ */ a.jsx(
             Ye,
             {
-              name: b,
-              src: _,
+              name: _,
+              src: y,
               width: Pr[s || "medium"],
               height: Pr[s || "medium"]
             }
           );
         } else if (p === c) {
-          const b = (e || n.length) - c;
+          const _ = (e || n.length) - c;
           g = /* @__PURE__ */ a.jsxs(
             "small",
             {
-              className: S({ "large-number": b > 99 }),
+              className: E({ "large-number": _ > 99 }),
               children: [
                 "+",
-                ei(b, 0)
+                ei(_, 0)
               ]
             }
           ), v = "number-left";
         }
-        return g ? /* @__PURE__ */ a.jsx("li", { className: S("contributor", v), children: g }, p) : null;
+        return g ? /* @__PURE__ */ a.jsx("li", { className: E("contributor", v), children: g }, p) : null;
       }) }),
       r && /* @__PURE__ */ a.jsx("span", { className: "label", children: typeof r == "string" ? r : n.length === 1 ? typeof n[0] == "string" ? f.formatMessage({ id: `member_${n[0]}` }) : et(n[0].name || "", 20) : d || null })
     ] })
@@ -3020,7 +3023,7 @@ const $t = "emailHelperTextBox_", Oi = ({
             "data-gtm-event-context": "VerifyEmailBox",
             "data-gtm-event-type": "SendEmailClick",
             className: "gtm-trackable",
-            onClick: (b) => l(b),
+            onClick: (_) => l(_),
             href: "#",
             "data-testid": "send-verify-email-click"
           },
@@ -3050,7 +3053,7 @@ const $t = "emailHelperTextBox_", Oi = ({
   );
   ae(
     () => {
-      let p = $t, g = "default", v = {}, b = {};
+      let p = $t, g = "default", v = {}, _ = {};
       switch (t) {
         case "gov":
           p += "autoApproved", g = "success";
@@ -3063,7 +3066,7 @@ const $t = "emailHelperTextBox_", Oi = ({
           };
           break;
         case "pending":
-          p += "pendingApproval", g = "error", b = {
+          p += "pendingApproval", g = "error", _ = {
             href: "mailto:concierge@apolitical.co",
             className: "gtm-trackable",
             "data-gtm-event-context": "EmailExistsBox",
@@ -3076,7 +3079,7 @@ const $t = "emailHelperTextBox_", Oi = ({
             "data-gtm-event-context": "VerifyEmailBox",
             "data-gtm-event-type": "SendEmailClick",
             className: "gtm-trackable",
-            onClick: (_) => l(_),
+            onClick: (y) => l(y),
             "data-testid": "send-verify-email-click"
           };
           break;
@@ -3085,7 +3088,7 @@ const $t = "emailHelperTextBox_", Oi = ({
             href: "/user-onboarding/login",
             "data-gtm-event-context": "EmailExistsBox",
             "data-gtm-event-type": "login-click"
-          }, b = {
+          }, _ = {
             href: "mailto:concierge@apolitical.co",
             className: "gtm-trackable",
             "data-gtm-event-context": "EmailExistsBox",
@@ -3100,7 +3103,7 @@ const $t = "emailHelperTextBox_", Oi = ({
           };
           break;
       }
-      o({ ...i, path: p, type: g, link: v, mail: b });
+      o({ ...i, path: p, type: g, link: v, mail: _ });
     },
     /* eslint-disable react-hooks/exhaustive-deps */
     [t]
@@ -3156,7 +3159,7 @@ const $t = "emailHelperTextBox_", Oi = ({
     type: c,
     id: n,
     name: i,
-    className: S(t, e, {
+    className: E(t, e, {
       "has-scrollbar": c === "textarea" && f.current && f.current.clientHeight < f.current.scrollHeight
     }),
     value: d,
@@ -3198,10 +3201,10 @@ const Qe = {
     predictions: [],
     activePredictionIndex: -1,
     isPredictionSelected: !!n
-  }), { formatMessage: b } = H();
-  r || (r = b({ id: "inputAutocomplete_placeholder" })), ae(() => {
+  }), { formatMessage: _ } = H();
+  r || (r = _({ id: "inputAutocomplete_placeholder" })), ae(() => {
     const w = setTimeout(() => {
-      g || f((y) => ({ ...y, debouncedInput: d }));
+      g || f((b) => ({ ...b, debouncedInput: d }));
     }, Ai);
     return () => {
       clearTimeout(w);
@@ -3209,13 +3212,13 @@ const Qe = {
   }, [d, g]), ae(() => {
     u && !g ? (async () => {
       try {
-        const y = await c(u) || [];
+        const b = await c(u) || [];
         v((F) => ({
           ...F,
-          predictions: y
+          predictions: b
         }));
-      } catch (y) {
-        console.error("Error fetching predictions:", y), v((F) => ({ ...F, predictions: [] }));
+      } catch (b) {
+        console.error("Error fetching predictions:", b), v((F) => ({ ...F, predictions: [] }));
       }
     })() : v((w) => ({ ...w, predictions: [] }));
   }, [u, g]), ae(() => {
@@ -3224,38 +3227,38 @@ const Qe = {
       displayInput: m[p].description
     }));
   }, [p, m]);
-  const _ = (w) => {
-    [Qe.DOWN, Qe.UP, Qe.ENTER].includes(w.key) && (w.preventDefault(), w.key === Qe.DOWN && p < m.length - 1 ? v((y) => ({
-      ...y,
+  const y = (w) => {
+    [Qe.DOWN, Qe.UP, Qe.ENTER].includes(w.key) && (w.preventDefault(), w.key === Qe.DOWN && p < m.length - 1 ? v((b) => ({
+      ...b,
       activePredictionIndex: p + 1
-    })) : w.key === Qe.UP && p > 0 ? v((y) => ({
-      ...y,
+    })) : w.key === Qe.UP && p > 0 ? v((b) => ({
+      ...b,
       activePredictionIndex: p - 1
-    })) : w.key === Qe.ENTER && p > -1 && (o(m[p].description), f((y) => ({
-      ...y,
+    })) : w.key === Qe.ENTER && p > -1 && (o(m[p].description), f((b) => ({
+      ...b,
       input: m[p].description
-    })), v((y) => ({
-      ...y,
+    })), v((b) => ({
+      ...b,
       predictions: [],
       isPredictionSelected: !0
     }))));
   }, x = (w) => {
-    o(w.target.value), f((y) => ({
-      ...y,
+    o(w.target.value), f((b) => ({
+      ...b,
       input: w.target.value,
       displayInput: w.target.value
-    })), v((y) => ({
-      ...y,
+    })), v((b) => ({
+      ...b,
       activePredictionIndex: -1,
       isPredictionSelected: !1
     }));
-  }, E = (w) => {
-    o(w.description), f((y) => ({
-      ...y,
+  }, S = (w) => {
+    o(w.description), f((b) => ({
+      ...b,
       input: w.description,
       displayInput: w.description
-    })), v((y) => ({
-      ...y,
+    })), v((b) => ({
+      ...b,
       isPredictionSelected: !0,
       predictions: []
     }));
@@ -3267,27 +3270,27 @@ const Qe = {
         type: "text",
         value: l,
         onChange: x,
-        onKeyDown: _,
+        onKeyDown: y,
         placeholder: r,
         name: e,
         id: t,
         ...i
       }
     ),
-    /* @__PURE__ */ a.jsx("ul", { className: "predictions-list", children: m.map((w, y) => /* @__PURE__ */ a.jsx(
+    /* @__PURE__ */ a.jsx("ul", { className: "predictions-list", children: m.map((w, b) => /* @__PURE__ */ a.jsx(
       "li",
       {
-        onClick: () => E(w),
+        onClick: () => S(w),
         onMouseEnter: () => v((F) => ({
           ...F,
-          activePredictionIndex: y
+          activePredictionIndex: b
         })),
-        className: S("predictions-list-item", {
-          active: y === p
+        className: E("predictions-list-item", {
+          active: b === p
         }),
         children: w.description
       },
-      y
+      b
     )) })
   ] });
 };
@@ -3308,7 +3311,7 @@ const Ea = ({
 }) => {
   const m = H(), { onChange: p, ...g } = r, v = () => {
     e || p(u ? null : d);
-  }, b = /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+  }, _ = /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsx(
       "input",
       {
@@ -3318,8 +3321,8 @@ const Ea = ({
         type: l,
         value: d,
         checked: u,
-        onKeyDown: (_) => {
-          (_.key === "Enter" || _.code === "Space") && (_.preventDefault(), _.stopPropagation(), v());
+        onKeyDown: (y) => {
+          (y.key === "Enter" || y.code === "Space") && (y.preventDefault(), y.stopPropagation(), v());
         },
         readOnly: !0,
         disabled: e
@@ -3333,15 +3336,15 @@ const Ea = ({
   return Y.createElement(
     n,
     {
-      onClick: (_) => {
-        const x = _.target;
-        x.nodeName.toLowerCase() === "a" || x.parentNode && x.parentNode.nodeName.toLowerCase() === "a" || (_.preventDefault(), _.stopPropagation(), v());
+      onClick: (y) => {
+        const x = y.target;
+        x.nodeName.toLowerCase() === "a" || x.parentNode && x.parentNode.nodeName.toLowerCase() === "a" || (y.preventDefault(), y.stopPropagation(), v());
       },
-      className: S("checkbox-wrapper", t),
+      className: E("checkbox-wrapper", t),
       ...f,
       ...g
     },
-    b
+    _
   );
 };
 const Ii = Ae(function({
@@ -3350,7 +3353,7 @@ const Ii = Ae(function({
   return /* @__PURE__ */ a.jsx(
     Gn,
     {
-      className: S("rotating-chevron", `direction-${e}`)
+      className: E("rotating-chevron", `direction-${e}`)
     }
   );
 });
@@ -3368,25 +3371,25 @@ const Li = ({
   multiSelectOptions: d,
   id: l
 }) => {
-  const u = H(), [f, m] = X(!1), p = r || n, g = Array.isArray(p) ? [...p] : p ? [p] : [], [v, b] = X(g);
-  let _;
-  Array.isArray(v) && v.length === 1 && typeof v[0] == "string" ? _ = e && v ? e.find((R) => R.id === v[0]) : e ? e[0] : { id: "", label: "" } : Array.isArray(v) && v.length === 1 && typeof v[0] != "string" ? _ = v[0] : _ = { id: "", label: "" }, ae(() => {
-    b(g);
+  const u = H(), [f, m] = X(!1), p = r || n, g = Array.isArray(p) ? [...p] : p ? [p] : [], [v, _] = X(g);
+  let y;
+  Array.isArray(v) && v.length === 1 && typeof v[0] == "string" ? y = e && v ? e.find((R) => R.id === v[0]) : e ? e[0] : { id: "", label: "" } : Array.isArray(v) && v.length === 1 && typeof v[0] != "string" ? y = v[0] : y = { id: "", label: "" }, ae(() => {
+    _(g);
   }, [r, n]);
-  const { onChange: x, onMultiSelectSubmit: E, ...w } = s, y = (R) => {
+  const { onChange: x, onMultiSelectSubmit: S, ...w } = s, b = (R) => {
     if (c) {
       let Q = [];
-      v != null && v.includes(R.id) ? Q = v.filter((B) => B !== R.id) : Q = [...v, R.id], b([...Q]), x && x([...Q]);
+      v != null && v.includes(R.id) ? Q = v.filter((B) => B !== R.id) : Q = [...v, R.id], _([...Q]), x && x([...Q]);
     } else
-      b([R]), x && x(R.id), m(!1);
+      _([R]), x && x(R.id), m(!1);
   }, F = (R) => {
     if (R === "all") {
       const Q = (e == null ? void 0 : e.map((B) => B.id)) || [];
-      b(Q), x && x(Q);
+      _(Q), x && x(Q);
     } else
-      b([]), x && x([]);
+      _([]), x && x([]);
   };
-  return /* @__PURE__ */ a.jsxs("div", { className: S("dropdown-wrapper", t), children: [
+  return /* @__PURE__ */ a.jsxs("div", { className: E("dropdown-wrapper", t), children: [
     /* @__PURE__ */ a.jsxs(
       "button",
       {
@@ -3400,7 +3403,7 @@ const Li = ({
         "data-testid": "dropdown-selector",
         ...w,
         children: [
-          c ? `${o} · ${v.length}` : _.label,
+          c ? `${o} · ${v.length}` : y.label,
           /* @__PURE__ */ a.jsx(Ii, { direction: f ? "up" : "down" })
         ]
       }
@@ -3408,11 +3411,11 @@ const Li = ({
     /* @__PURE__ */ a.jsx(
       "select",
       {
-        defaultValue: _.id,
+        defaultValue: y.id,
         onChange: (R) => {
           R.preventDefault(), R.stopPropagation();
           const Q = e && e.find((B) => B.id === R.target.value);
-          y(Q);
+          b(Q);
         },
         hidden: !f,
         ...w,
@@ -3453,25 +3456,25 @@ const Li = ({
               ] })
             ] }),
             /* @__PURE__ */ a.jsx("ul", { children: e == null ? void 0 : e.map((R) => {
-              const Q = R.id === _.id || (v == null ? void 0 : v.includes(R)) || (v == null ? void 0 : v.includes(R.id));
+              const Q = R.id === y.id || (v == null ? void 0 : v.includes(R)) || (v == null ? void 0 : v.includes(R.id));
               return /* @__PURE__ */ a.jsx("li", { "data-testid": "dropdown-options", children: /* @__PURE__ */ a.jsxs(
                 "button",
                 {
-                  className: S("gtm-trackable", {
+                  className: E("gtm-trackable", {
                     selected: Q,
                     "selected-single": Q && !c
                   }),
                   "data-gtm-event-type": `${R}-click`,
                   "data-gtm-event-context": i,
                   onClick: (B) => {
-                    B.preventDefault(), B.stopPropagation(), y(R);
+                    B.preventDefault(), B.stopPropagation(), b(R);
                   },
                   role: "menuitem",
                   "aria-current": Q,
                   "data-testid": Q ? "current-selection" : "",
                   children: [
                     c && /* @__PURE__ */ a.jsx("span", { className: "pretty-checkbox", "data-testid": "pretty-checkbox" }),
-                    /* @__PURE__ */ a.jsx("span", { className: S({ "menu-option-label": c }), children: R.label })
+                    /* @__PURE__ */ a.jsx("span", { className: E({ "menu-option-label": c }), children: R.label })
                   ]
                 }
               ) }, R.id);
@@ -3482,7 +3485,7 @@ const Li = ({
             {
               variant: "secondary",
               onClick: () => {
-                E && E(v), document.dispatchEvent(
+                S && S(v), document.dispatchEvent(
                   new CustomEvent("dropdownMultiSelectSubmit", {
                     detail: {
                       id: l || "dropdown-multi-select",
@@ -3519,45 +3522,45 @@ const Bi = ({
     "ul",
     {
       ...f,
-      className: S("options-wrapper", t),
+      className: E("options-wrapper", t),
       "data-testid": `ul-${r}`,
       children: c == null ? void 0 : c.map(
         ({
           id: v,
-          label: b = !1,
-          value: _ = v,
+          label: _ = !1,
+          value: y = v,
           disabled: x = !1
         }) => {
-          const E = `${r}_${v}`, w = () => {
+          const S = `${r}_${v}`, w = () => {
             if (x)
               return;
-            let y;
+            let b;
             if (i) {
-              const F = p == null ? void 0 : p.indexOf(_);
-              Array.isArray(p) && F >= 0 ? (y = p, y.splice(F, 1)) : (!p || p.length === 0 ? y = [] : y = p, y.push(_));
+              const F = p == null ? void 0 : p.indexOf(y);
+              Array.isArray(p) && F >= 0 ? (b = p, b.splice(F, 1)) : (!p || p.length === 0 ? b = [] : b = p, b.push(y));
             } else
-              y = g === _ ? void 0 : _;
-            e.onChange(y);
+              b = g === y ? void 0 : y;
+            e.onChange(b);
           };
           return /* @__PURE__ */ a.jsx(
             Ea,
             {
               element: "li",
-              id: E,
+              id: S,
               type: l === "checkboxes" ? "checkbox" : "radio",
-              shownValue: _,
-              value: i ? p == null ? void 0 : p.includes(_) : g === _,
+              shownValue: y,
+              value: i ? p == null ? void 0 : p.includes(y) : g === y,
               functions: {
                 ...e,
                 onChange: w
               },
               intlPath: n,
-              label: b || m.formatMessage({
+              label: _ || m.formatMessage({
                 id: n ? `${n}_${v}` : v
               }),
               disabled: x
             },
-            E
+            S
           );
         }
       )
@@ -3579,7 +3582,7 @@ const qi = ({
       "button",
       {
         type: "button",
-        className: S("show-password gtm-trackable", {
+        className: E("show-password gtm-trackable", {
           "password-visible": c
         }),
         "data-gtm-event-context": n,
@@ -3621,7 +3624,7 @@ const Je = {
 }) => {
   const f = H(), m = d && d.some(({ condition: w }) => w === "required"), p = (l == null ? void 0 : l.toString().length) || 0, g = c && Je[c] && Je[c].component ? Je[c].component : gt, v = {};
   c && ["checkboxes"].includes(c) ? v.element = "span" : v.htmlFor = t;
-  let b = {
+  let _ = {
     ...u,
     id: t,
     name: t,
@@ -3632,10 +3635,10 @@ const Je = {
     functions: pt(s),
     value: l
   };
-  i > 0 && (b["data-character-limit"] = i, b.functions && (b.functions.onChange = (w) => {
+  i > 0 && (_["data-character-limit"] = i, _.functions && (_.functions.onChange = (w) => {
     ((w == null ? void 0 : w.toString().length) || 0) > i && (w = w == null ? void 0 : w.toString().slice(0, i)), s.onChange(w);
-  })), c && Je[c] && Je[c].props && (b = { ...b, ...Je[c].props }), c && ["checkboxes"].includes(c) && (b.intlPath = `${e}_${t}`), r && (b["aria-invalid"] = !0, b["aria-describedby"] = `error-${t}`);
-  const _ = u.label || f.formatMessage({ id: e ? `${e}_${t}` : t }), x = ({ ...w }) => r ? Y.createElement(
+  })), c && Je[c] && Je[c].props && (_ = { ..._, ...Je[c].props }), c && ["checkboxes"].includes(c) && (_.intlPath = `${e}_${t}`), r && (_["aria-invalid"] = !0, _["aria-describedby"] = `error-${t}`);
+  const y = u.label || f.formatMessage({ id: e ? `${e}_${t}` : t }), x = ({ ...w }) => r ? Y.createElement(
     w.as || "dd",
     {
       id: `error-${t}`,
@@ -3651,21 +3654,21 @@ const Je = {
       /* @__PURE__ */ a.jsx(
         g,
         {
-          ...b,
-          label: _,
-          className: S("field-wrapper", n)
+          ..._,
+          label: y,
+          className: E("field-wrapper", n)
         }
       ),
       /* @__PURE__ */ a.jsx(x, { as: "p" })
     ] });
-  const E = (w) => Y.createElement(w.element || "label", {
+  const S = (w) => Y.createElement(w.element || "label", {
     ...w,
     className: "checkboxes-label text-small",
     "data-testid": `label-${t}`
   });
-  return /* @__PURE__ */ a.jsxs("dl", { className: S("field-wrapper text-medium", n), children: [
-    /* @__PURE__ */ a.jsx("dt", { children: /* @__PURE__ */ a.jsxs(E, { ...v, children: [
-      _,
+  return /* @__PURE__ */ a.jsxs("dl", { className: E("field-wrapper text-medium", n), children: [
+    /* @__PURE__ */ a.jsx("dt", { children: /* @__PURE__ */ a.jsxs(S, { ...v, children: [
+      y,
       m && o && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
         " ",
         /* @__PURE__ */ a.jsxs("small", { children: [
@@ -3676,11 +3679,11 @@ const Je = {
       ] })
     ] }) }),
     /* @__PURE__ */ a.jsxs("dd", { children: [
-      /* @__PURE__ */ a.jsx(g, { ...b }),
+      /* @__PURE__ */ a.jsx(g, { ..._ }),
       i > 0 ? /* @__PURE__ */ a.jsxs(
         "small",
         {
-          className: S("character-limit", {
+          className: E("character-limit", {
             "near-limit": p >= 0.99 * i,
             "approaching-limit": p >= 0.9 * i && p < 0.99 * i
           }),
@@ -3737,36 +3740,36 @@ const Je = {
         if (m.validation)
           for (let p = 0; p < m.validation.length; p++) {
             const { condition: g = "required", error: v = !1 } = m.validation[p];
-            let b = !1;
+            let _ = !1;
             if (typeof g == "function") {
-              const _ = g(i);
-              _ && (b = v || _);
+              const y = g(i);
+              y && (_ = v || y);
             } else {
-              const _ = i[m.id];
+              const y = i[m.id];
               switch (g) {
                 case "required":
-                  (!_ || typeof _ == "string" && _.trim().length === 0) && (b = v || (u == null ? void 0 : u.formatMessage({ id: "form_error_required" })));
+                  (!y || typeof y == "string" && y.trim().length === 0) && (_ = v || (u == null ? void 0 : u.formatMessage({ id: "form_error_required" })));
                   break;
                 case "no-numbers": {
-                  _ && !/^([^0-9]*)$/.test(_) && (b = v || (u == null ? void 0 : u.formatMessage({ id: "form_error_numbers" })));
+                  y && !/^([^0-9]*)$/.test(y) && (_ = v || (u == null ? void 0 : u.formatMessage({ id: "form_error_numbers" })));
                   break;
                 }
                 case "valid-email": {
-                  _ && !/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(_) && (b = v || (u == null ? void 0 : u.formatMessage({ id: "form_error_email" })));
+                  y && !/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(y) && (_ = v || (u == null ? void 0 : u.formatMessage({ id: "form_error_email" })));
                   break;
                 }
                 case "valid-url": {
-                  _ && !/^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\(\)\*\+,;=.]+$/.test(_) && (b = v || (u == null ? void 0 : u.formatMessage({ id: "form_error_url" })));
+                  y && !/^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\(\)\*\+,;=.]+$/.test(y) && (_ = v || (u == null ? void 0 : u.formatMessage({ id: "form_error_url" })));
                   break;
                 }
                 default:
                   console.warn("WARNING! No field validation condition has been set");
               }
             }
-            if (b) {
+            if (_) {
               c({
                 type: "addError",
-                payload: { key: m.id, value: b }
+                payload: { key: m.id, value: _ }
               }), f.push(m.id);
               break;
             }
@@ -3832,11 +3835,11 @@ const rn = ({
   },
   ...p
 }) => {
-  const { customOnSubmit: g, hideButton: v, ...b } = i, _ = 40, {
+  const { customOnSubmit: g, hideButton: v, ..._ } = i, y = 40, {
     shouldShowCancelButton: x = !1,
-    shouldReset: E = !0,
+    shouldReset: S = !0,
     showRequiredLabels: w = !0,
-    showSuccessMessage: y = !1
+    showSuccessMessage: b = !1
   } = c || {}, F = H(), R = {};
   t.length && t.forEach((z) => {
     const K = z.id || z.name;
@@ -3849,7 +3852,7 @@ const rn = ({
     values: R
   }), { errors: $, isSubmitting: C, formSubmitted: k, values: j } = Q;
   ae(() => {
-    E && k && (bn = setTimeout(() => {
+    S && k && (bn = setTimeout(() => {
       B({
         type: "updateValue",
         payload: { key: "formSubmitted", value: !1 }
@@ -3880,7 +3883,7 @@ const rn = ({
   i.text || (i.text = F.formatMessage({ id: "form_submit" }));
   const Z = [
     {
-      ...b,
+      ..._,
       icon: k ? { icon: "tick", position: "left" } : !1,
       className: "gtm-trackable",
       onClick: (z) => {
@@ -3893,7 +3896,7 @@ const rn = ({
           q && (K = q.getBoundingClientRect().top + window.scrollY);
         }
         const T = document.getElementById("header");
-        if (T && (K = K - T.offsetHeight - _), K < 0 && (K = 0), window.scrollTo({ top: K, behavior: "smooth" }), B({ type: "toggleSubmitting" }), i.disabled) {
+        if (T && (K = K - T.offsetHeight - y), K < 0 && (K = 0), window.scrollTo({ top: K, behavior: "smooth" }), B({ type: "toggleSubmitting" }), i.disabled) {
           typeof i.disabled == "object" && i.disabled.isClickable && B({
             type: "submitForm",
             payload: {
@@ -3911,7 +3914,7 @@ const rn = ({
             dispatch: B,
             onSuccess: async (q) => {
               try {
-                await l(q), B({ type: E ? "formSubmittedAndReset" : "formSubmitted" });
+                await l(q), B({ type: S ? "formSubmittedAndReset" : "formSubmitted" });
               } catch (L) {
                 f(L), B({
                   type: "updateValue",
@@ -3951,7 +3954,7 @@ const rn = ({
       {
         ...p,
         id: n,
-        className: S("form", e),
+        className: E("form", e),
         ref: A,
         children: [
           $ != null && $.general ? /* @__PURE__ */ a.jsx(
@@ -3961,7 +3964,7 @@ const rn = ({
               text: F.formatMessage({ id: "form_error_generalError" })
             }
           ) : null,
-          (!E || !C && !k || g) && t.map((z, K) => {
+          (!S || !C && !k || g) && t.map((z, K) => {
             const {
               id: T = z.name || K,
               component: P,
@@ -3992,7 +3995,7 @@ const rn = ({
           v ? null : (C || k) && g ? g : /* @__PURE__ */ a.jsx(
             kt,
             {
-              className: S("cta", {
+              className: E("cta", {
                 center: C || k,
                 submitted: k
               }),
@@ -4002,7 +4005,7 @@ const rn = ({
         ]
       }
     ),
-    y && k && /* @__PURE__ */ a.jsx(Wt, { className: "success", children: typeof y == "string" ? y : F.formatMessage({ id: "form_success" }) })
+    b && k && /* @__PURE__ */ a.jsx(Wt, { className: "success", children: typeof b == "string" ? b : F.formatMessage({ id: "form_success" }) })
   ] });
 };
 const Nt = "passwordRules_", Sa = "isMoreThanEightCharacters", Ca = "includesNumberAndSymbol", $a = "includesLowerAndUppercase", zi = {
@@ -4018,13 +4021,13 @@ const Nt = "passwordRules_", Sa = "isMoreThanEightCharacters", Ca = "includesNum
   className: e = ""
 }) => {
   const n = H();
-  return /* @__PURE__ */ a.jsxs("aside", { className: S("password-rules", e), children: [
+  return /* @__PURE__ */ a.jsxs("aside", { className: E("password-rules", e), children: [
     /* @__PURE__ */ a.jsx("small", { children: n.formatMessage({ id: `${Nt}intro` }) }),
     /* @__PURE__ */ a.jsx("ul", { children: [Sa, Ca, $a].map(
       (r) => /* @__PURE__ */ a.jsxs(
         "li",
         {
-          className: S({ matches: t[r] }),
+          className: E({ matches: t[r] }),
           children: [
             /* @__PURE__ */ a.jsxs(be, { children: [
               n.formatMessage({ id: `${Nt}rule_label` }),
@@ -4062,15 +4065,15 @@ const Vl = ({
     disabled: !0
   }), u = async () => {
     try {
-      const _ = await n();
+      const y = await n();
       l((x) => ({
         ...x,
         setUp: !0,
-        id: _ && _.id,
+        id: y && y.id,
         disabled: !1
       }));
-    } catch (_) {
-      l((x) => ({ ...x, setUp: !0, disabled: !0 })), s(_);
+    } catch (y) {
+      l((x) => ({ ...x, setUp: !0, disabled: !0 })), s(y);
     }
   };
   if (ae(() => {
@@ -4083,24 +4086,24 @@ const Vl = ({
     high: c.formatMessage({ id: `${g}high` }),
     success: c.formatMessage({ id: `${g}success` }),
     ...t
-  }, b = async (_) => {
+  }, _ = async (y) => {
     if (!(!f || p))
       try {
-        l((x) => ({ ...x, rating: _, disabled: !0 })), await r({ id: f, value: _ });
+        l((x) => ({ ...x, rating: y, disabled: !0 })), await r({ id: f, value: y });
       } catch (x) {
-        l((E) => ({ ...E, rating: null })), s(x);
+        l((S) => ({ ...S, rating: null })), s(x);
       } finally {
         l((x) => ({ ...x, disabled: !1 }));
       }
   };
-  return /* @__PURE__ */ a.jsxs("div", { className: S("rating", i), children: [
+  return /* @__PURE__ */ a.jsxs("div", { className: E("rating", i), children: [
     /* @__PURE__ */ a.jsx("span", { className: "label", children: v[m ? "success" : "text"] }),
-    /* @__PURE__ */ a.jsx("ol", { children: Array.from(new Array(e).keys()).map((_) => {
-      const x = _ + 1;
+    /* @__PURE__ */ a.jsx("ol", { children: Array.from(new Array(e).keys()).map((y) => {
+      const x = y + 1;
       return /* @__PURE__ */ a.jsx(
         "li",
         {
-          className: S({ selected: m && x <= m }),
+          className: E({ selected: m && x <= m }),
           children: /* @__PURE__ */ a.jsx(
             se,
             {
@@ -4115,8 +4118,8 @@ const Vl = ({
                 { id: `${g}stars` },
                 { number: x, total: e }
               )}${x === 1 || x === e ? ` - ${v[x === 1 ? "low" : "high"]}` : ""}`,
-              onClick: (E) => {
-                E.preventDefault(), E.stopPropagation(), b(x);
+              onClick: (S) => {
+                S.preventDefault(), S.stopPropagation(), _(x);
               },
               disabled: p
             }
@@ -4149,7 +4152,7 @@ const Yl = ({
   return /* @__PURE__ */ a.jsxs(
     "div",
     {
-      className: S("toggle", o),
+      className: E("toggle", o),
       onClick: (u) => {
         u.preventDefault(), u.stopPropagation(), l(c === n[0].value ? n[1].value : n[0].value);
       },
@@ -4158,7 +4161,7 @@ const Yl = ({
         /* @__PURE__ */ a.jsx(
           "ul",
           {
-            className: S("toggle-options", {
+            className: E("toggle-options", {
               disabled: i,
               on: c === n[1].value
             }),
@@ -4208,7 +4211,7 @@ function Kl({ className: t = "", userId: e, userName: n, src: r, setUserImage: s
     }
     c(!1);
   };
-  return /* @__PURE__ */ a.jsxs("div", { className: S("profile-image-change-figure", t), children: [
+  return /* @__PURE__ */ a.jsxs("div", { className: E("profile-image-change-figure", t), children: [
     /* @__PURE__ */ a.jsx(Ye, { className: "profile-image-change-picture", name: n, src: r, "data-testid": "profile-picture" }),
     d && /* @__PURE__ */ a.jsx("p", { className: "error text-small", children: /* @__PURE__ */ a.jsx(ye, { id: "profile_image_change_error" }) }),
     /* @__PURE__ */ a.jsx(
@@ -4298,46 +4301,46 @@ const Yi = ({
   initialFormStatus: l = "NOT_SUBMITTED"
   /* NOT_SUBMITTED */
 }) => {
-  const [u, f] = X([]), [m, p] = X(!0), [g, v] = X(l), { formatMessage: b } = H(), _ = async (w) => {
+  const [u, f] = X([]), [m, p] = X(!0), [g, v] = X(l), { formatMessage: _ } = H(), y = async (w) => {
     w.preventDefault();
     try {
       await d(u), f([]), v(
         "SUCCESS"
         /* SUCCESS */
       );
-    } catch (y) {
+    } catch (b) {
       v(
         "ERROR"
         /* ERROR */
-      ), c(y);
+      ), c(b);
     }
   }, x = (w) => {
     w.preventDefault(), v(
       "NOT_SUBMITTED"
       /* NOT_SUBMITTED */
     ), p(!0), f([]);
-  }, E = (w) => {
+  }, S = (w) => {
     w.preventDefault(), o(), v(
       "CLOSED"
       /* CLOSED */
     );
   };
   return g === "CLOSED" ? null : g === "ERROR" || g === "SUCCESS" ? /* @__PURE__ */ a.jsxs("div", { className: "invite-form-wrapper", children: [
-    /* @__PURE__ */ a.jsx("div", { className: "content centred", children: g === "SUCCESS" ? /* @__PURE__ */ a.jsx("h2", { className: "success-title", children: b({ id: "inviteForm_success" }) }) : /* @__PURE__ */ a.jsxs("h2", { className: "error-title", children: [
+    /* @__PURE__ */ a.jsx("div", { className: "content centred", children: g === "SUCCESS" ? /* @__PURE__ */ a.jsx("h2", { className: "success-title", children: _({ id: "inviteForm_success" }) }) : /* @__PURE__ */ a.jsxs("h2", { className: "error-title", children: [
       " ",
-      b({ id: "inviteForm_error" })
+      _({ id: "inviteForm_error" })
     ] }) }),
     /* @__PURE__ */ a.jsx(Oe, {}),
     /* @__PURE__ */ a.jsx("div", { className: "footer", children: g === "SUCCESS" ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-      /* @__PURE__ */ a.jsx(se, { variant: "secondary", onClick: x, children: b({ id: "inviteForm_ctaSendMoreInvites" }) }),
-      /* @__PURE__ */ a.jsx(se, { onClick: E, children: b({ id: "inviteForm_ctaDone" }) })
-    ] }) : /* @__PURE__ */ a.jsx(se, { onClick: x, children: b({ id: "inviteForm_ctaTryAgain" }) }) })
+      /* @__PURE__ */ a.jsx(se, { variant: "secondary", onClick: x, children: _({ id: "inviteForm_ctaSendMoreInvites" }) }),
+      /* @__PURE__ */ a.jsx(se, { onClick: S, children: _({ id: "inviteForm_ctaDone" }) })
+    ] }) : /* @__PURE__ */ a.jsx(se, { onClick: x, children: _({ id: "inviteForm_ctaTryAgain" }) }) })
   ] }) : /* @__PURE__ */ a.jsx("div", { className: "invite-form-wrapper", children: /* @__PURE__ */ a.jsxs(
     "form",
     {
       style: { backgroundColor: i },
-      onSubmit: _,
-      className: S("invite-form gtm-trackable"),
+      onSubmit: y,
+      className: E("invite-form gtm-trackable"),
       children: [
         /* @__PURE__ */ a.jsxs("fieldset", { className: "content", children: [
           /* @__PURE__ */ a.jsx("h2", { className: "title", style: { color: r }, children: t }),
@@ -4347,13 +4350,13 @@ const Yi = ({
             {
               id: "email-input",
               inputClassName: "email-input input",
-              placeholder: b({ id: "inviteForm_email_placeholder" }),
+              placeholder: _({ id: "inviteForm_email_placeholder" }),
               emails: u,
               onChange: (w) => {
                 f(w), p(!w.length);
               },
               autoFocus: !1,
-              getLabel: (w, y, F) => /* @__PURE__ */ a.jsxs("div", { className: "email text-medium", children: [
+              getLabel: (w, b, F) => /* @__PURE__ */ a.jsxs("div", { className: "email text-medium", children: [
                 /* @__PURE__ */ a.jsx("div", { "data-tag-item": !0, children: w }),
                 /* @__PURE__ */ a.jsx(
                   se,
@@ -4362,13 +4365,13 @@ const Yi = ({
                     size: "small",
                     icon: { icon: "close" },
                     onClick: () => {
-                      F(y), p(!u.length);
+                      F(b), p(!u.length);
                     },
                     className: "remove-email-button",
-                    screenreaderText: b({ id: "overlay_close" })
+                    screenreaderText: _({ id: "overlay_close" })
                   }
                 )
-              ] }, y)
+              ] }, b)
             }
           )
         ] }),
@@ -4465,7 +4468,7 @@ const Ki = ({
     "form",
     {
       onSubmit: u,
-      className: S("search-form gtm-trackable", e),
+      className: E("search-form gtm-trackable", e),
       "data-gtm-event-context": s,
       "data-gtm-event-type": i,
       children: /* @__PURE__ */ a.jsx(
@@ -4753,7 +4756,7 @@ const Ki = ({
 const Xi = ({ className: t = "" }) => /* @__PURE__ */ a.jsxs(
   "div",
   {
-    className: S("success-message", t),
+    className: E("success-message", t),
     "data-testid": "success-message",
     children: [
       /* @__PURE__ */ a.jsx("p", { className: "success-title", children: /* @__PURE__ */ a.jsx(ye, { id: "signup_success_title" }) }),
@@ -4811,12 +4814,12 @@ const eo = {
     url: f,
     logInButton: m,
     successMessage: p
-  }, [v, b] = Yn(ma, eo), {
-    validFields: _,
+  }, [v, _] = Yn(ma, eo), {
+    validFields: y,
     emailDetails: x,
-    shouldManuallyApprove: E,
+    shouldManuallyApprove: S,
     shouldDisableButton: w,
-    showSuccessMessage: y,
+    showSuccessMessage: b,
     showError: F
   } = v, [R, Q] = oa([
     "signup-this-session",
@@ -4831,15 +4834,15 @@ const eo = {
     hiddenValidation: Y.createRef()
   };
   ae(() => {
-    E === !0 && B.jobTitle.current && B.jobTitle.current.focus();
-  }, [E]), ae(() => {
-    R["signup-this-session"] && b([{ type: "showSuccessMessage", value: !0 }]);
+    S === !0 && B.jobTitle.current && B.jobTitle.current.focus();
+  }, [S]), ae(() => {
+    R["signup-this-session"] && _([{ type: "showSuccessMessage", value: !0 }]);
   }, [R]), ae(() => {
-    y && R["functional-cookie-consent"] && Q("signup-this-session", "true", {
+    b && R["functional-cookie-consent"] && Q("signup-this-session", "true", {
       path: "/",
       maxAge: 3600
     });
-  }, [y]);
+  }, [b]);
   const $ = wt(() => Ji({
     placeholders: n,
     labels: e,
@@ -4847,14 +4850,14 @@ const eo = {
     functions: r,
     refs: B,
     state: v,
-    dispatch: b,
+    dispatch: _,
     dataToSubmit: o,
     intl: d
-  }), [o, r, d, B, g, v]), C = w ? !0 : E ? !Object.values(_).every((k) => k === !0) : !_.name || !_.email || ["exists", "pending", "verify"].includes(x.boxType);
-  return g.successMessage && y ? /* @__PURE__ */ a.jsx(Xi, { className: t }) : /* @__PURE__ */ a.jsxs(
+  }), [o, r, d, B, g, v]), C = w ? !0 : S ? !Object.values(y).every((k) => k === !0) : !y.name || !y.email || ["exists", "pending", "verify"].includes(x.boxType);
+  return g.successMessage && b ? /* @__PURE__ */ a.jsx(Xi, { className: t }) : /* @__PURE__ */ a.jsxs(
     "fieldset",
     {
-      className: S("signup-form-fieldset", t),
+      className: E("signup-form-fieldset", t),
       "data-testid": "signup-form",
       children: [
         g.title && /* @__PURE__ */ a.jsx("p", { className: "signup-title", children: /* @__PURE__ */ a.jsx(ye, { id: "signup_title" }) }),
@@ -4907,12 +4910,12 @@ const eo = {
                   dataToSubmit: o,
                   createAccount: r.createAccount,
                   onSuccess: r.onSuccess,
-                  dispatch: b,
+                  dispatch: _,
                   state: v
                 });
               },
               onCatch: (k) => {
-                r.handleError(k), b([
+                r.handleError(k), _([
                   { type: "showSuccessMessage", value: !1 },
                   { type: "showError", value: !0 }
                 ]);
@@ -4939,28 +4942,28 @@ function to() {
   if (Rr)
     return ue;
   Rr = 1;
-  var t = typeof Symbol == "function" && Symbol.for, e = t ? Symbol.for("react.element") : 60103, n = t ? Symbol.for("react.portal") : 60106, r = t ? Symbol.for("react.fragment") : 60107, s = t ? Symbol.for("react.strict_mode") : 60108, i = t ? Symbol.for("react.profiler") : 60114, o = t ? Symbol.for("react.provider") : 60109, c = t ? Symbol.for("react.context") : 60110, d = t ? Symbol.for("react.async_mode") : 60111, l = t ? Symbol.for("react.concurrent_mode") : 60111, u = t ? Symbol.for("react.forward_ref") : 60112, f = t ? Symbol.for("react.suspense") : 60113, m = t ? Symbol.for("react.suspense_list") : 60120, p = t ? Symbol.for("react.memo") : 60115, g = t ? Symbol.for("react.lazy") : 60116, v = t ? Symbol.for("react.block") : 60121, b = t ? Symbol.for("react.fundamental") : 60117, _ = t ? Symbol.for("react.responder") : 60118, x = t ? Symbol.for("react.scope") : 60119;
-  function E(y) {
-    if (typeof y == "object" && y !== null) {
-      var F = y.$$typeof;
+  var t = typeof Symbol == "function" && Symbol.for, e = t ? Symbol.for("react.element") : 60103, n = t ? Symbol.for("react.portal") : 60106, r = t ? Symbol.for("react.fragment") : 60107, s = t ? Symbol.for("react.strict_mode") : 60108, i = t ? Symbol.for("react.profiler") : 60114, o = t ? Symbol.for("react.provider") : 60109, c = t ? Symbol.for("react.context") : 60110, d = t ? Symbol.for("react.async_mode") : 60111, l = t ? Symbol.for("react.concurrent_mode") : 60111, u = t ? Symbol.for("react.forward_ref") : 60112, f = t ? Symbol.for("react.suspense") : 60113, m = t ? Symbol.for("react.suspense_list") : 60120, p = t ? Symbol.for("react.memo") : 60115, g = t ? Symbol.for("react.lazy") : 60116, v = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, y = t ? Symbol.for("react.responder") : 60118, x = t ? Symbol.for("react.scope") : 60119;
+  function S(b) {
+    if (typeof b == "object" && b !== null) {
+      var F = b.$$typeof;
       switch (F) {
         case e:
-          switch (y = y.type, y) {
+          switch (b = b.type, b) {
             case d:
             case l:
             case r:
             case i:
             case s:
             case f:
-              return y;
+              return b;
             default:
-              switch (y = y && y.$$typeof, y) {
+              switch (b = b && b.$$typeof, b) {
                 case c:
                 case u:
                 case g:
                 case p:
                 case o:
-                  return y;
+                  return b;
                 default:
                   return F;
               }
@@ -4970,36 +4973,36 @@ function to() {
       }
     }
   }
-  function w(y) {
-    return E(y) === l;
+  function w(b) {
+    return S(b) === l;
   }
-  return ue.AsyncMode = d, ue.ConcurrentMode = l, ue.ContextConsumer = c, ue.ContextProvider = o, ue.Element = e, ue.ForwardRef = u, ue.Fragment = r, ue.Lazy = g, ue.Memo = p, ue.Portal = n, ue.Profiler = i, ue.StrictMode = s, ue.Suspense = f, ue.isAsyncMode = function(y) {
-    return w(y) || E(y) === d;
-  }, ue.isConcurrentMode = w, ue.isContextConsumer = function(y) {
-    return E(y) === c;
-  }, ue.isContextProvider = function(y) {
-    return E(y) === o;
-  }, ue.isElement = function(y) {
-    return typeof y == "object" && y !== null && y.$$typeof === e;
-  }, ue.isForwardRef = function(y) {
-    return E(y) === u;
-  }, ue.isFragment = function(y) {
-    return E(y) === r;
-  }, ue.isLazy = function(y) {
-    return E(y) === g;
-  }, ue.isMemo = function(y) {
-    return E(y) === p;
-  }, ue.isPortal = function(y) {
-    return E(y) === n;
-  }, ue.isProfiler = function(y) {
-    return E(y) === i;
-  }, ue.isStrictMode = function(y) {
-    return E(y) === s;
-  }, ue.isSuspense = function(y) {
-    return E(y) === f;
-  }, ue.isValidElementType = function(y) {
-    return typeof y == "string" || typeof y == "function" || y === r || y === l || y === i || y === s || y === f || y === m || typeof y == "object" && y !== null && (y.$$typeof === g || y.$$typeof === p || y.$$typeof === o || y.$$typeof === c || y.$$typeof === u || y.$$typeof === b || y.$$typeof === _ || y.$$typeof === x || y.$$typeof === v);
-  }, ue.typeOf = E, ue;
+  return ue.AsyncMode = d, ue.ConcurrentMode = l, ue.ContextConsumer = c, ue.ContextProvider = o, ue.Element = e, ue.ForwardRef = u, ue.Fragment = r, ue.Lazy = g, ue.Memo = p, ue.Portal = n, ue.Profiler = i, ue.StrictMode = s, ue.Suspense = f, ue.isAsyncMode = function(b) {
+    return w(b) || S(b) === d;
+  }, ue.isConcurrentMode = w, ue.isContextConsumer = function(b) {
+    return S(b) === c;
+  }, ue.isContextProvider = function(b) {
+    return S(b) === o;
+  }, ue.isElement = function(b) {
+    return typeof b == "object" && b !== null && b.$$typeof === e;
+  }, ue.isForwardRef = function(b) {
+    return S(b) === u;
+  }, ue.isFragment = function(b) {
+    return S(b) === r;
+  }, ue.isLazy = function(b) {
+    return S(b) === g;
+  }, ue.isMemo = function(b) {
+    return S(b) === p;
+  }, ue.isPortal = function(b) {
+    return S(b) === n;
+  }, ue.isProfiler = function(b) {
+    return S(b) === i;
+  }, ue.isStrictMode = function(b) {
+    return S(b) === s;
+  }, ue.isSuspense = function(b) {
+    return S(b) === f;
+  }, ue.isValidElementType = function(b) {
+    return typeof b == "string" || typeof b == "function" || b === r || b === l || b === i || b === s || b === f || b === m || typeof b == "object" && b !== null && (b.$$typeof === g || b.$$typeof === p || b.$$typeof === o || b.$$typeof === c || b.$$typeof === u || b.$$typeof === _ || b.$$typeof === y || b.$$typeof === x || b.$$typeof === v);
+  }, ue.typeOf = S, ue;
 }
 var de = {};
 /** @license React v16.13.1
@@ -5013,10 +5016,10 @@ var de = {};
 var Fr;
 function no() {
   return Fr || (Fr = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = typeof Symbol == "function" && Symbol.for, e = t ? Symbol.for("react.element") : 60103, n = t ? Symbol.for("react.portal") : 60106, r = t ? Symbol.for("react.fragment") : 60107, s = t ? Symbol.for("react.strict_mode") : 60108, i = t ? Symbol.for("react.profiler") : 60114, o = t ? Symbol.for("react.provider") : 60109, c = t ? Symbol.for("react.context") : 60110, d = t ? Symbol.for("react.async_mode") : 60111, l = t ? Symbol.for("react.concurrent_mode") : 60111, u = t ? Symbol.for("react.forward_ref") : 60112, f = t ? Symbol.for("react.suspense") : 60113, m = t ? Symbol.for("react.suspense_list") : 60120, p = t ? Symbol.for("react.memo") : 60115, g = t ? Symbol.for("react.lazy") : 60116, v = t ? Symbol.for("react.block") : 60121, b = t ? Symbol.for("react.fundamental") : 60117, _ = t ? Symbol.for("react.responder") : 60118, x = t ? Symbol.for("react.scope") : 60119;
-    function E(D) {
+    var t = typeof Symbol == "function" && Symbol.for, e = t ? Symbol.for("react.element") : 60103, n = t ? Symbol.for("react.portal") : 60106, r = t ? Symbol.for("react.fragment") : 60107, s = t ? Symbol.for("react.strict_mode") : 60108, i = t ? Symbol.for("react.profiler") : 60114, o = t ? Symbol.for("react.provider") : 60109, c = t ? Symbol.for("react.context") : 60110, d = t ? Symbol.for("react.async_mode") : 60111, l = t ? Symbol.for("react.concurrent_mode") : 60111, u = t ? Symbol.for("react.forward_ref") : 60112, f = t ? Symbol.for("react.suspense") : 60113, m = t ? Symbol.for("react.suspense_list") : 60120, p = t ? Symbol.for("react.memo") : 60115, g = t ? Symbol.for("react.lazy") : 60116, v = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, y = t ? Symbol.for("react.responder") : 60118, x = t ? Symbol.for("react.scope") : 60119;
+    function S(D) {
       return typeof D == "string" || typeof D == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      D === r || D === l || D === i || D === s || D === f || D === m || typeof D == "object" && D !== null && (D.$$typeof === g || D.$$typeof === p || D.$$typeof === o || D.$$typeof === c || D.$$typeof === u || D.$$typeof === b || D.$$typeof === _ || D.$$typeof === x || D.$$typeof === v);
+      D === r || D === l || D === i || D === s || D === f || D === m || typeof D == "object" && D !== null && (D.$$typeof === g || D.$$typeof === p || D.$$typeof === o || D.$$typeof === c || D.$$typeof === u || D.$$typeof === _ || D.$$typeof === y || D.$$typeof === x || D.$$typeof === v);
     }
     function w(D) {
       if (typeof D == "object" && D !== null) {
@@ -5050,7 +5053,7 @@ function no() {
         }
       }
     }
-    var y = d, F = l, R = c, Q = o, B = e, $ = u, C = r, k = g, j = p, N = n, A = i, W = s, Z = f, z = !1;
+    var b = d, F = l, R = c, Q = o, B = e, $ = u, C = r, k = g, j = p, N = n, A = i, W = s, Z = f, z = !1;
     function K(D) {
       return z || (z = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), T(D) || w(D) === d;
     }
@@ -5090,7 +5093,7 @@ function no() {
     function oe(D) {
       return w(D) === f;
     }
-    de.AsyncMode = y, de.ConcurrentMode = F, de.ContextConsumer = R, de.ContextProvider = Q, de.Element = B, de.ForwardRef = $, de.Fragment = C, de.Lazy = k, de.Memo = j, de.Portal = N, de.Profiler = A, de.StrictMode = W, de.Suspense = Z, de.isAsyncMode = K, de.isConcurrentMode = T, de.isContextConsumer = P, de.isContextProvider = q, de.isElement = L, de.isForwardRef = U, de.isFragment = te, de.isLazy = G, de.isMemo = V, de.isPortal = ee, de.isProfiler = re, de.isStrictMode = O, de.isSuspense = oe, de.isValidElementType = E, de.typeOf = w;
+    de.AsyncMode = b, de.ConcurrentMode = F, de.ContextConsumer = R, de.ContextProvider = Q, de.Element = B, de.ForwardRef = $, de.Fragment = C, de.Lazy = k, de.Memo = j, de.Portal = N, de.Profiler = A, de.StrictMode = W, de.Suspense = Z, de.isAsyncMode = K, de.isConcurrentMode = T, de.isContextConsumer = P, de.isContextProvider = q, de.isElement = L, de.isForwardRef = U, de.isFragment = te, de.isLazy = G, de.isMemo = V, de.isPortal = ee, de.isProfiler = re, de.isStrictMode = O, de.isSuspense = oe, de.isValidElementType = S, de.typeOf = w;
   }()), de;
 }
 var Or;
@@ -5237,18 +5240,18 @@ function so() {
         return P;
     }
     var m = "<<anonymous>>", p = {
-      array: _("array"),
-      bigint: _("bigint"),
-      bool: _("boolean"),
-      func: _("function"),
-      number: _("number"),
-      object: _("object"),
-      string: _("string"),
-      symbol: _("symbol"),
+      array: y("array"),
+      bigint: y("bigint"),
+      bool: y("boolean"),
+      func: y("function"),
+      number: y("number"),
+      object: y("object"),
+      string: y("string"),
+      symbol: y("symbol"),
       any: x(),
-      arrayOf: E,
+      arrayOf: S,
       element: w(),
-      elementType: y(),
+      elementType: b(),
       instanceOf: F,
       node: $(),
       objectOf: Q,
@@ -5264,7 +5267,7 @@ function so() {
       this.message = T, this.data = P && typeof P == "object" ? P : {}, this.stack = "";
     }
     v.prototype = Error.prototype;
-    function b(T) {
+    function _(T) {
       if (process.env.NODE_ENV !== "production")
         var P = {}, q = 0;
       function L(te, G, V, ee, re, O, oe) {
@@ -5287,7 +5290,7 @@ function so() {
       var U = L.bind(null, !1);
       return U.isRequired = L.bind(null, !0), U;
     }
-    function _(T) {
+    function y(T) {
       function P(q, L, U, te, G, V) {
         var ee = q[L], re = W(ee);
         if (re !== T) {
@@ -5299,12 +5302,12 @@ function so() {
         }
         return null;
       }
-      return b(P);
+      return _(P);
     }
     function x() {
-      return b(o);
+      return _(o);
     }
-    function E(T) {
+    function S(T) {
       function P(q, L, U, te, G) {
         if (typeof T != "function")
           return new v("Property `" + G + "` of component `" + U + "` has invalid PropType notation inside arrayOf.");
@@ -5320,7 +5323,7 @@ function so() {
         }
         return null;
       }
-      return b(P);
+      return _(P);
     }
     function w() {
       function T(P, q, L, U, te) {
@@ -5331,9 +5334,9 @@ function so() {
         }
         return null;
       }
-      return b(T);
+      return _(T);
     }
-    function y() {
+    function b() {
       function T(P, q, L, U, te) {
         var G = P[q];
         if (!t.isValidElementType(G)) {
@@ -5342,7 +5345,7 @@ function so() {
         }
         return null;
       }
-      return b(T);
+      return _(T);
     }
     function F(T) {
       function P(q, L, U, te, G) {
@@ -5352,7 +5355,7 @@ function so() {
         }
         return null;
       }
-      return b(P);
+      return _(P);
     }
     function R(T) {
       if (!Array.isArray(T))
@@ -5369,7 +5372,7 @@ function so() {
         });
         return new v("Invalid " + te + " `" + G + "` of value `" + String(V) + "` " + ("supplied to `" + U + "`, expected one of " + re + "."));
       }
-      return b(P);
+      return _(P);
     }
     function Q(T) {
       function P(q, L, U, te, G) {
@@ -5386,7 +5389,7 @@ function so() {
           }
         return null;
       }
-      return b(P);
+      return _(P);
     }
     function B(T) {
       if (!Array.isArray(T))
@@ -5408,13 +5411,13 @@ function so() {
         var ve = re.length > 0 ? ", expected one of type [" + re.join(", ") + "]" : "";
         return new v("Invalid " + V + " `" + ee + "` supplied to " + ("`" + G + "`" + ve + "."));
       }
-      return b(L);
+      return _(L);
     }
     function $() {
       function T(P, q, L, U, te) {
         return N(P[q]) ? null : new v("Invalid " + U + " `" + te + "` supplied to " + ("`" + L + "`, expected a ReactNode."));
       }
-      return b(T);
+      return _(T);
     }
     function C(T, P, q, L, U) {
       return new v(
@@ -5436,7 +5439,7 @@ function so() {
         }
         return null;
       }
-      return b(P);
+      return _(P);
     }
     function j(T) {
       function P(q, L, U, te, G) {
@@ -5459,7 +5462,7 @@ Valid keys: ` + JSON.stringify(Object.keys(T), null, "  ")
         }
         return null;
       }
-      return b(P);
+      return _(P);
     }
     function N(T) {
       switch (typeof T) {
@@ -6035,7 +6038,7 @@ var Zr = {
   }, v = function(k) {
     var j = u("setReturnFocus", k);
     return j || (j === !1 ? !1 : k);
-  }, b = function(k) {
+  }, _ = function(k) {
     var j = k.target, N = k.event, A = k.isBackward, W = A === void 0 ? !1 : A;
     j = j || Mt(N), m();
     var Z = null;
@@ -6067,7 +6070,7 @@ var Zr = {
     } else
       Z = u("fallbackFocus");
     return Z;
-  }, _ = function(k) {
+  }, y = function(k) {
     var j = Mt(k);
     if (!(l(j, k) >= 0)) {
       if (lt(i.clickOutsideDeactivates, k)) {
@@ -6108,7 +6111,7 @@ var Zr = {
           }) || (W = !1);
       else
         W = !1;
-      W && (A = b({
+      W && (A = _({
         // move FROM the MRU node, not event-related node (which will be the node that is
         //  outside the trap causing the focus escape we're trying to fix)
         target: o.mostRecentlyFocusedNode,
@@ -6116,10 +6119,10 @@ var Zr = {
       })), g(A || o.mostRecentlyFocusedNode || f());
     }
     o.recentNavEvent = void 0;
-  }, E = function(k) {
+  }, S = function(k) {
     var j = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
     o.recentNavEvent = k;
-    var N = b({
+    var N = _({
       event: k,
       isBackward: j
     });
@@ -6129,21 +6132,21 @@ var Zr = {
       k.preventDefault(), c.deactivate();
       return;
     }
-    (i.isKeyForward(k) || i.isKeyBackward(k)) && E(k, i.isKeyBackward(k));
-  }, y = function(k) {
+    (i.isKeyForward(k) || i.isKeyBackward(k)) && S(k, i.isKeyBackward(k));
+  }, b = function(k) {
     var j = Mt(k);
     l(j, k) >= 0 || lt(i.clickOutsideDeactivates, k) || lt(i.allowOutsideClick, k) || (k.preventDefault(), k.stopImmediatePropagation());
   }, F = function() {
     if (o.active)
       return Zr.activateTrap(s, c), o.delayInitialFocusTimer = i.delayInitialFocus ? Hr(function() {
         g(f());
-      }) : g(f()), r.addEventListener("focusin", x, !0), r.addEventListener("mousedown", _, {
+      }) : g(f()), r.addEventListener("focusin", x, !0), r.addEventListener("mousedown", y, {
         capture: !0,
         passive: !1
-      }), r.addEventListener("touchstart", _, {
+      }), r.addEventListener("touchstart", y, {
         capture: !0,
         passive: !1
-      }), r.addEventListener("click", y, {
+      }), r.addEventListener("click", b, {
         capture: !0,
         passive: !1
       }), r.addEventListener("keydown", w, {
@@ -6152,7 +6155,7 @@ var Zr = {
       }), c;
   }, R = function() {
     if (o.active)
-      return r.removeEventListener("focusin", x, !0), r.removeEventListener("mousedown", _, !0), r.removeEventListener("touchstart", _, !0), r.removeEventListener("click", y, !0), r.removeEventListener("keydown", w, !0), c;
+      return r.removeEventListener("focusin", x, !0), r.removeEventListener("mousedown", y, !0), r.removeEventListener("touchstart", y, !0), r.removeEventListener("click", b, !0), r.removeEventListener("keydown", w, !0), c;
   }, Q = function(k) {
     var j = k.some(function(N) {
       var A = Array.from(N.removedNodes);
@@ -6564,7 +6567,7 @@ rr.defaultProps = {
 var Qo = rr;
 const Jo = /* @__PURE__ */ la(Qo);
 const qa = ({ element: t = "section", children: e, className: n, ...r }) => Y.createElement(t, {
-  className: S("modal", n),
+  className: E("modal", n),
   children: typeof e == "string" ? /* @__PURE__ */ a.jsx("p", { children: e }) : e,
   ...r
 });
@@ -6584,27 +6587,27 @@ const an = ({
   gtmContext: f = "Modal"
 }) => {
   const m = H(), [p, g] = X(e), v = (x) => {
-    x.key === "Escape" && b(!1);
+    x.key === "Escape" && _(!1);
   };
   ae(() => (window.addEventListener("keyup", v), () => {
     window.removeEventListener("keyup", v);
   }));
-  const b = (x) => {
+  const _ = (x) => {
     g(x), x ? (s(), document.body.classList.add("has-overlay")) : (i(), document.body.classList.remove("has-overlay"));
   };
   ae(() => {
-    b(e);
+    _(e);
   }, [e]);
-  const _ = r ? { "--max-width": `${r / 16}rem` } : {};
-  return /* @__PURE__ */ a.jsx("div", { className: S("overlay", { open: p }), role: "dialog", children: /* @__PURE__ */ a.jsx(
+  const y = r ? { "--max-width": `${r / 16}rem` } : {};
+  return /* @__PURE__ */ a.jsx("div", { className: E("overlay", { open: p }), role: "dialog", children: /* @__PURE__ */ a.jsx(
     qa,
     {
       id: t,
-      className: S("overlay-modal", u, {
+      className: E("overlay-modal", u, {
         "has-max-width": r
       }),
       hidden: !p,
-      style: _,
+      style: y,
       children: e && /* @__PURE__ */ a.jsx(Jo, { children: /* @__PURE__ */ a.jsxs("div", { className: "overlay-content", children: [
         /* @__PURE__ */ a.jsxs("div", { className: "top", children: [
           c && /* @__PURE__ */ a.jsx("h2", { className: "modal-title", children: c }),
@@ -6614,7 +6617,7 @@ const an = ({
               variant: "tertiary",
               size: "medium",
               icon: { icon: "close" },
-              onClick: () => b(!1),
+              onClick: () => _(!1),
               className: "gtm-trackable",
               "data-gtm-event-type": "close-modal-click",
               "data-gtm-event-context": f,
@@ -6659,7 +6662,7 @@ const Jl = ({
       showDivider: !1,
       showIcon: o,
       functions: { onClose: c },
-      className: S("invite-modal", t, { success: !!n }),
+      className: E("invite-modal", t, { success: !!n }),
       children: /* @__PURE__ */ a.jsx(
         Yi,
         {
@@ -6835,13 +6838,13 @@ const Xl = ({ members: t }) => {
     gtmEvent: "learning-hub"
   }
 }, tc = ({ data: t, cta: e, link: n, gtmContext: r }) => {
-  var v;
+  var v, _;
   const s = H(), [i, o] = X({
     loading: !1,
     registered: t.registered || !1
   });
   ae(() => {
-    t.registered && o((b) => ({ ...b, registered: !0 }));
+    t.registered && o((y) => ({ ...y, registered: !0 }));
   }, [t.registered]);
   const { customLinkText: c, startDate: d, dateHasPassed: l, pill: u, slug: f } = t, m = t.contentType;
   let p = "";
@@ -6869,35 +6872,43 @@ const Xl = ({ members: t }) => {
         children: c || s.formatMessage({ id: "card_cta_people" })
       }
     ) : null;
-  const g = ["microcourse", "event"];
+  const g = ["communityPage", "microcourse", "event"];
   if (e && e.onClick && g.includes(m) && u !== "premium") {
-    const b = i.loading || i.registered, _ = async (x) => {
-      if (x.preventDefault(), x.stopPropagation(), !(b || !e || !e.onClick)) {
-        o((E) => ({ ...E, loading: !0 }));
+    const y = i.loading || i.registered || ((_ = t == null ? void 0 : t.members) == null ? void 0 : _.isMember), x = async (S) => {
+      if (S.preventDefault(), S.stopPropagation(), !(y || !e || !e.onClick)) {
+        o((w) => ({ ...w, loading: !0 }));
         try {
-          const E = await e.onClick(t);
-          o(E === "success" ? () => ({ registered: !0, loading: !1 }) : (w) => ({ ...w, loading: !1 }));
+          const w = await e.onClick(t);
+          o(w === "success" ? () => ({ registered: !0, loading: !1 }) : (b) => ({ ...b, loading: !1 }));
         } catch {
-          o((w) => ({ ...w, loading: !1 }));
+          o((b) => ({ ...b, loading: !1 }));
         }
       }
     };
-    return /* @__PURE__ */ a.jsx("p", { className: "cta-wrapper", children: /* @__PURE__ */ a.jsx(
-      se,
+    return /* @__PURE__ */ a.jsx(
+      "p",
       {
-        onClick: _,
-        className: "gtm-trackable",
-        size: "small",
-        styling: { fullWidth: !0 },
-        disabled: b,
-        "data-gtm-event-context": `${r}Page-${m}: ${f}`,
-        "data-gtm-event-type": `${r}-${m}-register-click`,
-        "data-testid": "in-card-button",
-        children: c || s.formatMessage({
-          id: `card_cta_${m}${b ? `_${i.loading ? "loading" : "done"}` : ""}`
-        })
+        className: E("cta-wrapper", {
+          "has-member-section": t == null ? void 0 : t.members
+        }),
+        children: /* @__PURE__ */ a.jsx(
+          se,
+          {
+            onClick: x,
+            className: "gtm-trackable",
+            size: "small",
+            styling: { fullWidth: !0 },
+            disabled: y,
+            "data-gtm-event-context": `${r}Page-${m}: ${f}`,
+            "data-gtm-event-type": `${r}-${m}-register-click`,
+            "data-testid": "in-card-button",
+            children: c || s.formatMessage({
+              id: `card_cta_${m}${y ? `_${i.loading ? "loading" : "done"}` : ""}`
+            })
+          }
+        )
       }
-    ) });
+    );
   }
   return null;
 };
@@ -6943,25 +6954,25 @@ const nc = {
   if (!v || !Kt[v])
     return /* @__PURE__ */ a.jsx(Se, { element: "li", className: "card-wrapper" });
   const {
-    basePath: b = "",
-    className: _,
+    basePath: _ = "",
+    className: y,
     length: x,
-    gtmEvent: E
+    gtmEvent: S
   } = Kt[v];
-  let w = m.slug ? `${b}${m.slug}` : !1;
+  let w = m.slug ? `${_}${m.slug}` : !1;
   m.slug && (m.slug.slice(0, 4) === "http" || m.slug.slice(0, 2) === "//" || m.slug.slice(0, 6) === "mailto" || m.slug.slice(0, 3) === "tel") && (w = m.slug);
-  const y = { ...nc, ...x };
+  const b = { ...nc, ...x };
   let F = { className: "card" };
   return w && (F = {
     href: w,
     className: "card gtm-trackable",
     "data-gtm-event-context": `${s}-CarouselCard`,
-    "data-gtm-event-type": `${E}-click`,
+    "data-gtm-event-type": `${S}-click`,
     "data-testid": "link"
   }, m.openInNewTab && (F.target = "_blank")), /* @__PURE__ */ a.jsx(
     "li",
     {
-      className: S("card-wrapper text-medium", _, i, {
+      className: E("card-wrapper text-medium", y, i, {
         "has-link": w,
         "no-link": !w,
         "has-image": m.banner
@@ -6992,7 +7003,7 @@ const nc = {
           m.banner ? /* @__PURE__ */ a.jsxs("p", { className: "img", children: [
             m.registered && /* @__PURE__ */ a.jsx(ht, { size: "small", variant: "registered", children: c.formatMessage({ id: "card_registered" }) }),
             /* @__PURE__ */ a.jsx(Tt, { image: m.banner })
-          ] }) : _ === "people" ? /* @__PURE__ */ a.jsx(
+          ] }) : y === "people" ? /* @__PURE__ */ a.jsx(
             Ye,
             {
               name: m.title || "",
@@ -7006,7 +7017,7 @@ const nc = {
               contributors: { data: m.contributors },
               styling: {
                 size: "small",
-                showGap: _ !== "question",
+                showGap: y !== "question",
                 showText: !0
               },
               multipleText: ["event", "solutionArticle"].includes(v) ? c.formatMessage({ id: `card_contributors_${v}` }) : void 0,
@@ -7016,14 +7027,14 @@ const nc = {
           m.partner && /* @__PURE__ */ a.jsx("p", { className: "partners", "data-testid": "partners", children: m.partner.length > 1 ? c.formatMessage(
             { id: "card_partner" },
             { partner: m.partner[0], number: m.partner.length - 1 }
-          ) : et(m.partner[0], y.partner) }),
+          ) : et(m.partner[0], b.partner) }),
           /* Text */
           ["title", "text", "secondaryText"].map(($) => {
             const C = m[$];
             if (!C)
               return null;
             const k = Ws($);
-            return /* @__PURE__ */ a.jsx("p", { className: k, "data-testid": k, children: et(C, y[$]) }, $);
+            return /* @__PURE__ */ a.jsx("p", { className: k, "data-testid": k, children: et(C, b[$]) }, $);
           }),
           (m == null ? void 0 : m.members) && /* @__PURE__ */ a.jsxs("span", { className: "member-information", children: [
             ((R = m == null ? void 0 : m.members) == null ? void 0 : R.isMember) && /* @__PURE__ */ a.jsx(
@@ -7043,14 +7054,14 @@ const nc = {
               { count: m == null ? void 0 : m.members.count }
             ) })
           ] }),
-          /* @__PURE__ */ a.jsx(ec, { type: _ || "", data: m }),
+          /* @__PURE__ */ a.jsx(ec, { type: y || "", data: m }),
           /* @__PURE__ */ a.jsx(tc, { data: m, cta: r, link: w || "", gtmContext: s })
         ] })
       )
     }
   );
 };
-const rc = ({ cards: t, cardTypes: e, className: n = "", ...r }) => /* @__PURE__ */ a.jsx("ul", { className: S("card-block", n), children: t.map((s, i) => {
+const rc = ({ cards: t, cardTypes: e, className: n = "", ...r }) => /* @__PURE__ */ a.jsx("ul", { className: E("card-block", n), children: t.map((s, i) => {
   const o = s.slug ? `${s.slug}-${e[i]}` : `${e[i]}-${i}`;
   return /* @__PURE__ */ a.jsx(
     Ua,
@@ -7070,7 +7081,7 @@ const rc = ({ cards: t, cardTypes: e, className: n = "", ...r }) => /* @__PURE__
     return null;
   const { text: r, element: s = "h2", variant: i = "default", size: o = "medium", link: c } = e;
   return Y.createElement(s, {
-    className: S("title", i, o, {
+    className: E("title", i, o, {
       "highlighted-title": i === "highlighted"
     }),
     children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
@@ -7110,16 +7121,16 @@ const ic = ({
   }), { cardsPerPage: f, isLoading: m } = l, [p, g] = X({
     currentPage: 0,
     loadedPages: [0]
-  }), { currentPage: v, loadedPages: b } = p, _ = e.length, x = Math.ceil(_ / f), E = pe(null), w = jt(!0, !0, E == null ? void 0 : E.current);
+  }), { currentPage: v, loadedPages: _ } = p, y = e.length, x = Math.ceil(y / f), S = pe(null), w = jt(!0, !0, S == null ? void 0 : S.current);
   ae(() => {
     let $ = 1;
-    w && (w >= En.fourCards ? $ = 4 : w >= En.threeCards ? $ = 3 : w >= En.twoCards && ($ = 2), $ > _ && ($ = _)), u((C) => ({
+    w && (w >= En.fourCards ? $ = 4 : w >= En.threeCards ? $ = 3 : w >= En.twoCards && ($ = 2), $ > y && ($ = y)), u((C) => ({
       ...C,
       cardsPerPage: $,
       isLoading: !1
     }));
-  }, [w, _]);
-  const y = ($ = "next") => {
+  }, [w, y]);
+  const b = ($ = "next") => {
     let C = v;
     if (typeof $ == "string")
       if ($ === "next")
@@ -7136,7 +7147,7 @@ const ic = ({
     g((k) => ({
       ...k,
       currentPage: C,
-      loadedPages: [.../* @__PURE__ */ new Set([...b, C])]
+      loadedPages: [.../* @__PURE__ */ new Set([..._, C])]
     }));
   }, F = ($) => {
     Ft = $.touches[0].clientX;
@@ -7144,10 +7155,10 @@ const ic = ({
     if (Ft === null)
       return;
     const C = $.touches[0].clientX, k = Ft - C;
-    k > 5 ? y("next") : k < -5 && y("previous"), Ft = null;
+    k > 5 ? b("next") : k < -5 && b("previous"), Ft = null;
   }, Q = {
     "--width": `${w || 0}px`,
-    "--total-cards": _,
+    "--total-cards": y,
     "--cards-per-page": f,
     "--page": v
   };
@@ -7161,8 +7172,8 @@ const ic = ({
   return /* @__PURE__ */ a.jsxs(
     "section",
     {
-      ref: E,
-      className: S("carousel-wrapper", i),
+      ref: S,
+      className: E("carousel-wrapper", i),
       "data-testid": "carousel",
       children: [
         /* @__PURE__ */ a.jsx(sc, { id: t, title: s }),
@@ -7176,7 +7187,7 @@ const ic = ({
             "data-testid": "carousel-list",
             children: e.map(($, C) => {
               let k = B($, C);
-              return k && ac(C, f, v, b) ? /* @__PURE__ */ a.jsx(
+              return k && ac(C, f, v, _) ? /* @__PURE__ */ a.jsx(
                 Ua,
                 {
                   id: k,
@@ -7206,7 +7217,7 @@ const ic = ({
               size: "large",
               icon: { icon: "chevron_left" },
               onClick: ($) => {
-                $.preventDefault(), $.stopPropagation(), y("previous");
+                $.preventDefault(), $.stopPropagation(), b("previous");
               },
               screenreaderText: d.formatMessage({
                 id: "carousel_pagination_previous"
@@ -7217,11 +7228,11 @@ const ic = ({
           [...Array(x)].map(($, C) => /* @__PURE__ */ a.jsx("li", { "data-testid": "carousel-controls-button", children: /* @__PURE__ */ a.jsx(
             "button",
             {
-              className: S("page-indicator", {
+              className: E("page-indicator", {
                 selected: C === v
               }),
               onClick: (k) => {
-                k.preventDefault(), k.stopPropagation(), y(C);
+                k.preventDefault(), k.stopPropagation(), b(C);
               },
               children: /* @__PURE__ */ a.jsx(be, { showOnFocus: !1, children: d.formatMessage(
                 { id: "carousel_pagination_page" },
@@ -7236,7 +7247,7 @@ const ic = ({
               size: "large",
               icon: { icon: "chevron_right" },
               onClick: ($) => {
-                $.preventDefault(), $.stopPropagation(), y("next");
+                $.preventDefault(), $.stopPropagation(), b("next");
               },
               screenreaderText: d.formatMessage({ id: "carousel_pagination_next" }),
               disabled: v >= x - 1
@@ -7300,7 +7311,7 @@ const Sn = "joinCommunityButton", Wa = ({
       onClick: async (p) => {
         o && (p.currentTarget.blur(), c ? (u("leaving"), typeof r == "function" && await r()) : (u("joining"), typeof n == "function" && await n()), d(!c));
       },
-      className: S("join-community-button", l, {
+      className: E("join-community-button", l, {
         active: l === "joining"
       }),
       disabled: !o,
@@ -7319,7 +7330,7 @@ const Cn = "communityDetails_", tu = ({
   functions: { invite: i, ...o }
 }) => {
   const c = H(), d = 5, l = r || s.length, u = s.length ? s : Array(d).fill({}), f = `/communities/${n}/members` === window.location.pathname;
-  return /* @__PURE__ */ a.jsxs("div", { className: S("community-details", t), children: [
+  return /* @__PURE__ */ a.jsxs("div", { className: E("community-details", t), children: [
     /* @__PURE__ */ a.jsx(Oe, {}),
     /* @__PURE__ */ a.jsxs("div", { className: "member-details", children: [
       /* @__PURE__ */ a.jsxs("div", { className: "top", children: [
@@ -7368,7 +7379,7 @@ const nu = ({ breadcrumbs: t, cutoff: e = 20, className: n = "" }) => {
         children: r.formatMessage({ id: "breadcrumbs_label" })
       }
     ),
-    /* @__PURE__ */ a.jsx("ul", { className: S("breadcrumbs text-small", n), children: t.map(
+    /* @__PURE__ */ a.jsx("ul", { className: E("breadcrumbs text-small", n), children: t.map(
       ({ text: s, href: i, current: o = !1 }, c) => /* @__PURE__ */ a.jsxs("li", { children: [
         o && /* @__PURE__ */ a.jsx(
           be,
@@ -7400,7 +7411,7 @@ const ru = ({
     let m = [];
     c.includes(u) ? m = c.filter((p) => p !== u) : u === "all" ? m = ["all"] : n ? m = [...c.filter((p) => p !== "all"), u] : m = [u], d((p) => (r && typeof r == "function" && r({ current: m, previous: p }), m)), f && typeof f == "function" && f();
   };
-  return /* @__PURE__ */ a.jsx("ul", { className: S("filters", s), children: o.map(({ id: u, text: f, disabled: m = !1, callback: p = () => {
+  return /* @__PURE__ */ a.jsx("ul", { className: E("filters", s), children: o.map(({ id: u, text: f, disabled: m = !1, callback: p = () => {
   } }) => {
     let g = {};
     return m && (g = {
@@ -7409,7 +7420,7 @@ const ru = ({
     }), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
       "button",
       {
-        className: S(u, { selected: c.includes(u) }),
+        className: E(u, { selected: c.includes(u) }),
         onClick: (v) => {
           v.preventDefault(), v.stopPropagation(), l(u, p);
         },
@@ -7446,38 +7457,38 @@ const Ot = "languageSwitcher_", au = ({
   if (ae(() => {
     t !== f && m(t);
   }, [t]), !r || !Object.values(r).some(
-    (b) => b && b.post_name
+    (_) => _ && _.post_name
   ))
     return null;
   const g = Object.keys(r), v = f !== t;
-  return /* @__PURE__ */ a.jsxs("div", { className: S("language-switcher text-small", o, d), children: [
+  return /* @__PURE__ */ a.jsxs("div", { className: E("language-switcher text-small", o, d), children: [
     /* @__PURE__ */ a.jsxs("nav", { children: [
       o !== "short" && /* @__PURE__ */ a.jsx("p", { children: c || l.formatMessage({ id: `${Ot}label` }) }),
-      /* @__PURE__ */ a.jsx("ul", { children: g.map((b) => {
-        var E;
-        if (!gn[b])
+      /* @__PURE__ */ a.jsx("ul", { children: g.map((_) => {
+        var S;
+        if (!gn[_])
           return null;
-        const _ = (E = r[b]) == null ? void 0 : E.post_name;
-        let x = { className: b };
-        if (f === b)
+        const y = (S = r[_]) == null ? void 0 : S.post_name;
+        let x = { className: _ };
+        if (f === _)
           x["aria-label"] = l.formatMessage(
             { id: `${Ot}selected` },
-            { language: gn[b] }
+            { language: gn[_] }
           );
         else {
-          const w = oc(b, _, i);
+          const w = oc(_, y, i);
           x = {
             ...x,
             href: typeof w == "string" ? w : w.url,
-            onClick: (y) => {
-              m(b), u(b), typeof s < "u" && (y.preventDefault(), y.stopPropagation(), s(
-                b,
+            onClick: (b) => {
+              m(_), u(_), typeof s < "u" && (b.preventDefault(), b.stopPropagation(), s(
+                _,
                 typeof w == "string" ? w : w.urlForRouter
               ));
             }
           };
         }
-        return /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(at, { ...x, fallbackElement: "span", children: gn[b] }) }, b);
+        return /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(at, { ...x, fallbackElement: "span", children: gn[_] }) }, _);
       }) }),
       o !== "short" && !v && /* @__PURE__ */ a.jsx("p", { children: l.formatMessage({
         id: `${Ot}translation_${e ? "original" : n ? "human" : "machine"}`
@@ -7491,9 +7502,9 @@ const Ot = "languageSwitcher_", au = ({
         { id: `${Ot}disclaimer` },
         {
           email: ft.support,
-          link: (b) => {
-            const _ = `mailto:${b}`;
-            return /* @__PURE__ */ a.jsx("a", { href: _, children: b });
+          link: (_) => {
+            const y = `mailto:${_}`;
+            return /* @__PURE__ */ a.jsx("a", { href: y, children: _ });
           }
         }
       )
@@ -7525,7 +7536,7 @@ const $n = ks({ locale: "en", messages: rt }), sn = ({
         g instanceof Error ? f(g.message) : f("Unknown error");
       }
   };
-  return !u && !t && !c.endOfFeed ? null : /* @__PURE__ */ a.jsx("footer", { className: S("load-more", d), children: !u && t ? /* @__PURE__ */ a.jsx(
+  return !u && !t && !c.endOfFeed ? null : /* @__PURE__ */ a.jsx("footer", { className: E("load-more", d), children: !u && t ? /* @__PURE__ */ a.jsx(
     se,
     {
       variant: r,
@@ -7551,7 +7562,7 @@ const za = ({
   "a",
   {
     href: "/home/",
-    className: S("logo", t, e, n),
+    className: E("logo", t, e, n),
     ...r,
     children: /* @__PURE__ */ a.jsx(be, { children: /* @__PURE__ */ a.jsx(ye, { id: "apolitical" }) })
   }
@@ -7572,7 +7583,7 @@ const cc = ({
     document.removeEventListener("click", d, !0);
   })), Y.createElement(t, {
     ref: i,
-    className: S("more-menu text-medium", r),
+    className: E("more-menu text-medium", r),
     children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
       /* @__PURE__ */ a.jsx(
         se,
@@ -7590,8 +7601,8 @@ const cc = ({
       /* @__PURE__ */ a.jsx("ul", { id: e, hidden: !o, children: n.map(({ href: l, onClick: u, text: f, icon: m, ...p }, g) => {
         const v = {
           ...p,
-          onClick: (b) => {
-            c(!1), typeof u == "function" && u(b);
+          onClick: (_) => {
+            c(!1), typeof u == "function" && u(_);
           },
           onFocus: () => {
             At && (clearTimeout(At), At = !1);
@@ -7643,7 +7654,7 @@ const uc = [
     uc.map(({ key: s, href: i }) => /* @__PURE__ */ a.jsx(
       "li",
       {
-        className: S(s, { active: lc(i, t) }),
+        className: E(s, { active: lc(i, t) }),
         children: /* @__PURE__ */ a.jsx(
           "a",
           {
@@ -7730,7 +7741,7 @@ const mc = "shareLinks_", su = ({
   className: o = ""
 }) => {
   const c = H(), d = fc({ title: t, link: e, referrer: n });
-  return /* @__PURE__ */ a.jsxs("aside", { className: S("share-links", s, i, o), children: [
+  return /* @__PURE__ */ a.jsxs("aside", { className: E("share-links", s, i, o), children: [
     /* @__PURE__ */ a.jsx("p", { className: "text-small", children: c.formatMessage({ id: "shareLinks_label" }) }),
     /* @__PURE__ */ a.jsx("ul", { children: d.map(({ key: l, icon: u, url: f, shouldRender: m = !0, onClick: p }) => {
       if (typeof m == "function" && !m())
@@ -7784,18 +7795,18 @@ const iu = ({ tabs: t, className: e = "", preventLocationChange: n }) => {
   const c = [], d = [];
   return t.forEach(({ id: u, text: f, content: m, href: p, hasCarousel: g }, v) => {
     u = r(u, f, v);
-    const b = i === u, _ = {};
-    p || (_["aria-controls"] = u, _.onClick = (x) => {
+    const _ = i === u, y = {};
+    p || (y["aria-controls"] = u, y.onClick = (x) => {
       x.preventDefault(), x.stopPropagation(), o(u), !n && (window.location.hash = `#${u}`);
     }, d.push(
       /* @__PURE__ */ a.jsx(
         "section",
         {
           id: u,
-          hidden: !b,
+          hidden: !_,
           role: "tabpanel",
           "aria-labelledby": `tab-${u}`,
-          "aria-live": b ? "assertive" : "off",
+          "aria-live": _ ? "assertive" : "off",
           children: typeof m == "string" ? /* @__PURE__ */ a.jsx("p", { children: m }) : m
         },
         `section-${u}`
@@ -7806,15 +7817,15 @@ const iu = ({ tabs: t, className: e = "", preventLocationChange: n }) => {
         {
           href: p || `#${u}`,
           id: `tab-${u}`,
-          className: S({ selected: b }),
+          className: E({ selected: _ }),
           role: "tab",
-          "aria-selected": b,
-          ..._,
+          "aria-selected": _,
+          ...y,
           children: f
         }
       ) }, `tab-${u}`)
     );
-  }), /* @__PURE__ */ a.jsxs("div", { className: S("tabs-wrapper", e), children: [
+  }), /* @__PURE__ */ a.jsxs("div", { className: E("tabs-wrapper", e), children: [
     /* @__PURE__ */ a.jsx("ul", { className: "tabs", role: "tablist", children: c }),
     /* @__PURE__ */ a.jsx("div", { className: "tab-content", children: d })
   ] });
@@ -7835,7 +7846,7 @@ const pc = {
   return Y.Children.count(s) === 1 && (o = Y.Children.toArray(s)[0], o.props && (o = o.props.children)), /* @__PURE__ */ a.jsx(
     "section",
     {
-      className: S("columns", `layout-${t}`, r, {
+      className: E("columns", `layout-${t}`, r, {
         "has-containers": n
       }),
       children: Y.Children.map(o, (c, d) => e !== !1 && d === e && i && i < pc[t] ? null : c)
@@ -8318,8 +8329,8 @@ const Xe = "footer_", Gt = "SiteFooter", Kr = ({ group: t }) => {
   if (c.href) {
     let x = c.gtmType || `${t}-click`;
     if (x.includes(".")) {
-      const E = x.split("."), w = E[E.length - 2];
-      x = `${w === "topics" ? `${w}-` : ""}${E[E.length - 1]}`;
+      const S = x.split("."), w = S[S.length - 2];
+      x = `${w === "topics" ? `${w}-` : ""}${S[S.length - 1]}`;
     }
     m = {
       href: c.href,
@@ -8337,17 +8348,17 @@ const Xe = "footer_", Gt = "SiteFooter", Kr = ({ group: t }) => {
     });
   }
   const p = c.order && c.order[0] && c[c.order[0]], g = p && c[c.order[0]].order, v = m && window.location.pathname === c.href;
-  let b = {}, _ = {};
+  let _ = {}, y = {};
   if (p) {
-    const x = c.menuId || t, E = {
+    const x = c.menuId || t, S = {
       onClick: (w) => fe.events.onClick(w, { id: x, callback: s, isOpen: r[x] }),
       onFocus: () => fe.events.onFocus({ id: x }),
       onBlur: () => fe.events.onBlur({ id: x, callback: s }),
       onMouseLeave: () => fe.events.onBlur({ id: x, callback: s }),
       onMouseEnter: () => fe.events.onMouseEnter({ id: x, callback: s })
     };
-    n && (g && (b = {
-      ...E,
+    n && (g && (_ = {
+      ...S,
       onKeyPress: (w) => {
         w.key === "Enter" && fe.events.onClick(w, { id: x, callback: s, isOpen: r[x] });
       },
@@ -8356,32 +8367,32 @@ const Xe = "footer_", Gt = "SiteFooter", Kr = ({ group: t }) => {
       "aria-haspopup": !0,
       "aria-expanded": r[x],
       "aria-controls": x
-    }), _ = { hidden: x in r ? !r[x] : !0 }), g || (_ = {
-      ..._,
-      ...E
+    }), y = { hidden: x in r ? !r[x] : !0 }), g || (y = {
+      ...y,
+      ...S
     });
   }
   return /* @__PURE__ */ a.jsxs(
     "li",
     {
-      className: S({
+      className: E({
         [c.className]: c.className,
         "has-submenu": p,
         parent: g,
         active: v
       }),
       role: "none",
-      ...b,
+      ..._,
       children: [
         m ? Y.createElement(
           u ? se : "a",
           m,
           o.formatMessage({ id: f })
         ) : o.formatMessage({ id: f }),
-        c.order && /* @__PURE__ */ a.jsx("ul", { ..._, children: c.order.map((x) => {
+        c.order && /* @__PURE__ */ a.jsx("ul", { ...y, children: c.order.map((x) => {
           if (!c[x])
             return null;
-          const E = {
+          const S = {
             isLoggedIn: e,
             isDesktopVersion: n,
             menus: r,
@@ -8391,7 +8402,7 @@ const Xe = "footer_", Gt = "SiteFooter", Kr = ({ group: t }) => {
           return c[x].order ? /* @__PURE__ */ a.jsxs(
             "li",
             {
-              className: S({
+              className: E({
                 [c[x].className]: c[x].className
               }),
               children: [
@@ -8400,7 +8411,7 @@ const Xe = "footer_", Gt = "SiteFooter", Kr = ({ group: t }) => {
                   Jt,
                   {
                     id: `${t}.${x}.${w}`,
-                    ...E
+                    ...S
                   },
                   w
                 )) })
@@ -8411,7 +8422,7 @@ const Xe = "footer_", Gt = "SiteFooter", Kr = ({ group: t }) => {
             Jt,
             {
               id: `${t}.${x}`,
-              ...E
+              ...S
             },
             x
           );
@@ -8468,7 +8479,7 @@ const vc = { height: 67, height_desktop: 83 }, Ha = ({ showNavigation: t = !0 })
       "nav",
       {
         id: "header",
-        className: S({
+        className: E({
           "logged-in": s,
           "logged-out": !s,
           visible: d
@@ -8590,7 +8601,7 @@ const vc = { height: 67, height_desktop: 83 }, Ha = ({ showNavigation: t = !0 })
     /* @__PURE__ */ a.jsx(
       "div",
       {
-        className: S("overlay", {
+        className: E("overlay", {
           open: l.navigation || l.account || !i.search && l.search
         })
       }
@@ -8628,35 +8639,35 @@ const bc = () => {
   ae(() => {
     window.scrollTo(0, 0);
   }, [g]);
-  const v = Bt(t, { locale: c }), b = Bt(e, {
+  const v = Bt(t, { locale: c }), _ = Bt(e, {
     locale: c
-  }), _ = Bt(n, {
+  }), y = Bt(n, {
     locale: c
   }), x = {};
   return u !== "default" && (x[u] = !0), f !== "default" && (x[f] = !0), m !== "default" && (x[m] = !0), /* @__PURE__ */ a.jsx(Ps, { onError: r, fallback: /* @__PURE__ */ a.jsx(bc, {}), children: /* @__PURE__ */ a.jsx(xs, { fallback: null, children: /* @__PURE__ */ a.jsxs(
     "div",
     {
       id: "wrapper",
-      className: S(o, x, { "has-footer": l }),
+      className: E(o, x, { "has-footer": l }),
       children: [
         /* @__PURE__ */ a.jsx(Ha, { showNavigation: d }),
         /* @__PURE__ */ a.jsxs("section", { id: "content-wrapper", children: [
-          b && /* @__PURE__ */ a.jsx(
+          _ && /* @__PURE__ */ a.jsx(
             "div",
             {
-              className: S("additional-content prepended", {
+              className: E("additional-content prepended", {
                 "large-modal": p === "large"
               }),
-              children: b
+              children: _
             }
           ),
           Y.createElement(u === "bold" ? qa : "div", {
             id: "content",
             children: v,
-            className: S({ "large-modal": p === "large" })
+            className: E({ "large-modal": p === "large" })
           })
         ] }),
-        _ && /* @__PURE__ */ a.jsx("div", { className: "additional-content appended", children: _ }),
+        y && /* @__PURE__ */ a.jsx("div", { className: "additional-content appended", children: y }),
         l && /* @__PURE__ */ a.jsx(Za, {}),
         /* @__PURE__ */ a.jsx(gc, {})
       ]
@@ -8714,7 +8725,7 @@ const lu = ({
   }), d.length < 1 ? null : /* @__PURE__ */ a.jsx(
     "ul",
     {
-      className: S("tags text-small", e, s, {
+      className: E("tags text-small", e, s, {
         "one-line": n
       }),
       children: d.map((l) => {
@@ -8743,7 +8754,7 @@ const uu = ({
   className: o = ""
 }) => {
   const c = H();
-  return t.length === 0 ? null : /* @__PURE__ */ a.jsxs("div", { className: S("members-list", o), children: [
+  return t.length === 0 ? null : /* @__PURE__ */ a.jsxs("div", { className: E("members-list", o), children: [
     /* @__PURE__ */ a.jsxs("h1", { children: [
       c.formatMessage({ id: "membersList" }),
       /* @__PURE__ */ a.jsx("span", { className: "count", children: e })
@@ -8779,7 +8790,7 @@ const du = ({
   l > 99 ? l = 100 : l < 1 && (l = 0);
   const { highlightPercentage: u = !1 } = o;
   return Y.createElement(t, {
-    className: S("course-progression", c, {
+    className: E("course-progression", c, {
       "highlight-percentage": u,
       "has-circle-graph": i === "circle"
     }),
@@ -8818,7 +8829,7 @@ const xc = ({
   title: r,
   className: s = ""
 }) => Y.createElement(t, {
-  className: S("lesson-name", s),
+  className: E("lesson-name", s),
   "data-number": `${e}.${n}`,
   children: r
 });
@@ -8831,8 +8842,8 @@ const wc = ({
   children: i
 }) => {
   const o = H(), c = Qn(`lessonType_${s}`) ? o.formatMessage({ id: `lessonType_${s}` }) : Zs(s || "");
-  return /* @__PURE__ */ a.jsxs("small", { className: S("content-type", { [t]: t !== "default" }), children: [
-    /* @__PURE__ */ a.jsx("span", { className: S("type", n), children: c }),
+  return /* @__PURE__ */ a.jsxs("small", { className: E("content-type", { [t]: t !== "default" }), children: [
+    /* @__PURE__ */ a.jsx("span", { className: E("type", n), children: c }),
     " ",
     e > 0 && !r && /* @__PURE__ */ a.jsx(Xn, { time: e }),
     " ",
@@ -8883,32 +8894,32 @@ const fu = ({
           ({
             completed: g,
             completionTime: v,
-            contentType: b,
-            icon: _,
+            contentType: _,
+            icon: y,
             image: x,
-            isIntroduction: E,
+            isIntroduction: S,
             optional: w,
-            slug: y,
+            slug: b,
             subsectionId: F,
             title: R,
             type: Q
           }) => {
-            const B = s && e || E, $ = {};
+            const B = s && e || S, $ = {};
             return x && ($.style = { "--image": `url(${x})` }), /* @__PURE__ */ a.jsx(
               "li",
               {
-                className: S({
-                  article: b === St.ARTICLE,
-                  discussion: b === St.DISCUSSION,
-                  quiz: b === St.QUIZ,
-                  completed: g && b === St.ARTICLE,
+                className: E({
+                  article: _ === St.ARTICLE,
+                  discussion: _ === St.DISCUSSION,
+                  quiz: _ === St.QUIZ,
+                  completed: g && _ === St.ARTICLE,
                   locked: !B
                 }),
                 ...$,
                 children: /* @__PURE__ */ a.jsx(
                   at,
                   {
-                    href: B ? `/microcourses/en/${c}/${y}` : void 0,
+                    href: B ? `/microcourses/en/${c}/${b}` : void 0,
                     fallbackElement: "span",
                     className: "inner",
                     gtmContext: `MicrocourseOutline${zs(R)}`,
@@ -8928,17 +8939,17 @@ const fu = ({
                         wc,
                         {
                           completionTime: v,
-                          icon: _,
+                          icon: y,
                           optional: w,
                           type: Q,
-                          children: u && u[y] && /* @__PURE__ */ a.jsx("span", { className: "quiz-score", children: `${u[y]}%` })
+                          children: u && u[b] && /* @__PURE__ */ a.jsx("span", { className: "quiz-score", children: `${u[b]}%` })
                         }
                       )
                     ] })
                   }
                 )
               },
-              y
+              b
             );
           }
         ) })
@@ -8962,7 +8973,7 @@ const mu = ({
         hover: "check-inside-circle_no-overlap_inverted"
       },
       onClick: e,
-      className: S("mark-complete-button center gtm-trackable", {
+      className: E("mark-complete-button center gtm-trackable", {
         completed: t
       }),
       "data-gtm-event-type": "mark-as-complete",
@@ -9008,7 +9019,7 @@ const we = "discussion_form_", ar = ({
   var $, C, k;
   const u = H(), f = Ee(De), [m, p] = X(
     n.isEditing && n.isEditing.text || ""
-  ), [g, v] = X(c.error || !1), [b, _] = X(!1), x = pe(null);
+  ), [g, v] = X(c.error || !1), [_, y] = X(!1), x = pe(null);
   if (r || (r = x), n.isLoading)
     return /* @__PURE__ */ a.jsx(
       Se,
@@ -9017,7 +9028,7 @@ const we = "discussion_form_", ar = ({
         "data-testid": "loading-placeholder"
       }
     );
-  const E = (j) => {
+  const S = (j) => {
     const N = j.target.value;
     p(N);
     let A;
@@ -9038,11 +9049,11 @@ const we = "discussion_form_", ar = ({
     const j = (($ = t.slugs) == null ? void 0 : $.reply) || ((C = t.slugs) == null ? void 0 : C.answer) || ((k = t.slugs) == null ? void 0 : k.question) || "";
     j && (w = `${w}-${j.slice(-15)}`);
   }
-  const y = async (j) => {
+  const b = async (j) => {
     var A;
     if (j.preventDefault(), j.stopPropagation(), !f || !f.id || !e || R)
       return;
-    Dt && clearTimeout(Dt), _("submitting");
+    Dt && clearTimeout(Dt), y("submitting");
     const N = window.location.pathname;
     try {
       let W;
@@ -9073,7 +9084,7 @@ const we = "discussion_form_", ar = ({
           break;
       }
       await Ks(1e3), d.callback && await d.callback(W), Dt = setTimeout(() => {
-        p(""), _("submitted");
+        p(""), y("submitted");
         const Z = new Event("discussionFormSubmitted");
         document.dispatchEvent(Z), F();
       }, 500);
@@ -9094,9 +9105,9 @@ const we = "discussion_form_", ar = ({
     }
   }, F = () => {
     Dt = setTimeout(() => {
-      v(!1), _(!1);
+      v(!1), y(!1);
     }, 5e3);
-  }, R = !m || !ni(m), Q = b === "submitting", B = [];
+  }, R = !m || !ni(m), Q = _ === "submitting", B = [];
   return (n.isEditing && !Q || c.cancel) && B.push({
     variant: "secondary",
     size: { mobile: "small", 600: "medium" },
@@ -9111,12 +9122,12 @@ const we = "discussion_form_", ar = ({
     size: { mobile: "small", 600: "medium" },
     onClick: (j) => {
       if (n.isEditing) {
-        _("submitting"), d.handleSaveEdit && d.handleSaveEdit(
+        y("submitting"), d.handleSaveEdit && d.handleSaveEdit(
           x.current && "value" in x.current ? x.current.value : ""
         );
         return;
       }
-      y(j);
+      b(j);
     },
     className: "gtm-trackable",
     "data-gtm-event-context": l,
@@ -9130,7 +9141,7 @@ const we = "discussion_form_", ar = ({
     "form",
     {
       id: w,
-      className: S("discussion-card discussion-form", {
+      className: E("discussion-card discussion-form", {
         "no-styling": n.isInWrapper && n.isEditing
       }),
       "data-testid": `discussion-${t.type}-form`,
@@ -9157,8 +9168,8 @@ const we = "discussion_form_", ar = ({
               t.type,
               "action"
             ),
-            onChange: E,
-            value: b === "submitting" && !g ? "" : m,
+            onChange: S,
+            value: _ === "submitting" && !g ? "" : m,
             maxLength: i,
             "aria-invalid": !!g,
             "aria-errormessage": "error-message",
@@ -9181,7 +9192,7 @@ const we = "discussion_form_", ar = ({
           )
         }) }),
         /* @__PURE__ */ a.jsx(kt, { buttons: B }),
-        b === "submitted" && n.showSuccessMessage && /* @__PURE__ */ a.jsx(Wt, { className: "success", "data-testid": "success", children: $e(u.formatMessage, `${we}success`, t.type, "action") }),
+        _ === "submitted" && n.showSuccessMessage && /* @__PURE__ */ a.jsx(Wt, { className: "success", "data-testid": "success", children: $e(u.formatMessage, `${we}success`, t.type, "action") }),
         g && /* @__PURE__ */ a.jsx(Wt, { id: "error-message", className: "error", "data-testid": "error", children: c.error ? c.error : typeof g == "string" ? g.includes(" ") ? g : u.formatMessage(
           { id: g },
           {
@@ -9255,11 +9266,11 @@ const An = () => {
   ae(() => {
     p(s);
   }, [s]);
-  const [u, f] = X(e), [m, p] = X(s), [g, v] = X(!1), [b, _] = X(!1), x = wt(
+  const [u, f] = X(e), [m, p] = X(s), [g, v] = X(!1), [_, y] = X(!1), x = wt(
     () => Ec(n, Dn),
     [n]
-  ), E = (y) => {
-    if (y.preventDefault(), y.stopPropagation(), _(!1), bt)
+  ), S = (b) => {
+    if (b.preventDefault(), b.stopPropagation(), y(!1), bt)
       return An(), !1;
     if (An(), g || !o)
       return !1;
@@ -9267,8 +9278,8 @@ const An = () => {
   }, w = async () => {
     if (An(), g || !o)
       return !1;
-    let y = m ? u - 1 : u + 1;
-    y < 0 && (y = 0), v(!0), f(y), p(!m);
+    let b = m ? u - 1 : u + 1;
+    b < 0 && (b = 0), v(!0), f(b), p(!m);
     try {
       if (i && i.slugs) {
         const F = Tc(i.slugs);
@@ -9284,23 +9295,23 @@ const An = () => {
     }
   };
   return Y.createElement(t, {
-    className: S("likes-wrapper text-medium action-button", {
+    className: E("likes-wrapper text-medium action-button", {
       "show-spinner": g,
       "is-liked": m,
       disabled: !o
     }),
-    onClick: E,
+    onClick: S,
     onMouseEnter: () => {
-      _(!0);
+      y(!0);
     },
     onMouseLeave: () => {
-      _(!1);
+      y(!1);
     },
     onFocus: () => {
-      _(!0);
+      y(!0);
     },
     onBlur: () => {
-      _(!1);
+      y(!1);
     },
     children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
       /* @__PURE__ */ a.jsx(
@@ -9309,7 +9320,7 @@ const An = () => {
           variant: "tertiary",
           size: "medium",
           icon: { icon: m ? "heart" : "heart_empty", animate: "bounce" },
-          className: S({ "do-animation": m && !s }),
+          className: E({ "do-animation": m && !s }),
           screenreaderText: o ? l.formatMessage(
             {
               id: `discussion_likes_${m ? "unlike" : "like"}`
@@ -9320,7 +9331,7 @@ const An = () => {
               })
             }
           ) : !1,
-          onClick: E,
+          onClick: S,
           disabled: !o,
           "aria-hidden": !o,
           "data-testid": "like-button",
@@ -9331,7 +9342,7 @@ const An = () => {
       /* @__PURE__ */ a.jsx(
         "span",
         {
-          className: S("number-of-likes", { "no-likes": u === 0 }),
+          className: E("number-of-likes", { "no-likes": u === 0 }),
           "data-testid": "number-of-likes",
           children: l.formatMessage(
             { id: `discussion_likes${r ? "_short" : ""}` },
@@ -9339,17 +9350,17 @@ const An = () => {
           )
         }
       ),
-      n && /* @__PURE__ */ a.jsx(_i, { isOpen: b, isLoading: n.length === 0, children: n.length && /* @__PURE__ */ a.jsxs("ul", { children: [
-        x.map((y) => typeof y == "string" || !y.name ? null : /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
+      n && /* @__PURE__ */ a.jsx(_i, { isOpen: _, isLoading: n.length === 0, children: n.length && /* @__PURE__ */ a.jsxs("ul", { children: [
+        x.map((b) => typeof b == "string" || !b.name ? null : /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
           at,
           {
-            href: y.id ? `/profiles/${y.id}` : void 0,
+            href: b.id ? `/profiles/${b.id}` : void 0,
             gtmContext: "Likes",
             gtmType: "liked-name-click",
             onClick: (F) => F == null ? void 0 : F.stopPropagation(),
-            children: y.name
+            children: b.name
           }
-        ) }, y.id || window.btoa(y.name))),
+        ) }, b.id || window.btoa(b.name))),
         e > Dn && /* @__PURE__ */ a.jsx("li", { children: l.formatMessage(
           { id: "discussion_likes_more" },
           { number: e - Dn }
@@ -9391,9 +9402,9 @@ const Me = "discussion_", Cc = 280, cn = ({
   className: p,
   gtmContext: g = "DiscussionAnswer",
   children: v,
-  isTruncated: b = !1
+  isTruncated: _ = !1
 }) => {
-  const _ = H(), x = Ee(De), E = Ee(sr), { author: w, canLike: y, createdAt: F, id: R, likes: Q = 0, userLiked: B, comments: $ = 0 } = e, C = x && x.id && typeof w != "string" && w.id && w.id === x.id || !1, k = typeof y == "boolean" ? y : n ? !C : !1, j = C && (!e.createdAt || Ys(e.createdAt, 10, "seconds")), N = pe(null), [A, W] = X({
+  const y = H(), x = Ee(De), S = Ee(sr), { author: w, canLike: b, createdAt: F, id: R, likes: Q = 0, userLiked: B, comments: $ = 0 } = e, C = x && x.id && typeof w != "string" && w.id && w.id === x.id || !1, k = typeof b == "boolean" ? b : n ? !C : !1, j = C && (!e.createdAt || Ys(e.createdAt, 10, "seconds")), N = pe(null), [A, W] = X({
     body: e && e.body || "",
     isEditing: !1,
     didEdit: e && e.isEdited || !1
@@ -9426,7 +9437,7 @@ const Me = "discussion_", Cc = 280, cn = ({
   };
   if (r || !e || e.type === "answer" && (!e.slugs || !e.slugs.question))
     return /* @__PURE__ */ a.jsx(Se, { className: "discussion-card discussion-post" });
-  const te = b ? et(A.body, Cc) : A.body, G = async (O) => {
+  const te = _ ? et(A.body, Cc) : A.body, G = async (O) => {
     O || (O = ""), q("");
     try {
       if (!Rs(O, A.body)) {
@@ -9438,7 +9449,7 @@ const Me = "discussion_", Cc = 280, cn = ({
       q(`${Me}form_error`);
     }
   }, V = () => {
-    E && E.updateConversation && E.updateConversation({ showForm: !0 }), setTimeout(() => {
+    S && S.updateConversation && S.updateConversation({ showForm: !0 }), setTimeout(() => {
       var Ne, Ce, Ue;
       const oe = `reply-form-${(e.type === "answer" ? e.slug : ((Ne = e.slugs) == null ? void 0 : Ne.reply) || ((Ce = e.slugs) == null ? void 0 : Ce.answer) || ((Ue = e.slugs) == null ? void 0 : Ue.question) || "").toLowerCase().slice(-15)}`, D = document.getElementById(oe), ve = document.getElementById(`${oe}-input`);
       ve && ve.focus(), D && D.scrollIntoView({ behavior: "smooth" });
@@ -9452,14 +9463,14 @@ const Me = "discussion_", Cc = 280, cn = ({
     }
   }, re = [
     {
-      text: _.formatMessage({ id: `${Me}moreMenu_report` }),
+      text: y.formatMessage({ id: `${Me}moreMenu_report` }),
       onClick: (O) => {
         O.stopPropagation();
       },
       href: `mailto:community@apolitical.co?subject=${encodeURI(
-        _.formatMessage({ id: `${Me}report_subject` })
+        y.formatMessage({ id: `${Me}report_subject` })
       )}&body=${encodeURI(
-        _.formatMessage(
+        y.formatMessage(
           { id: `${Me}report_body` },
           {
             contentType: e.type || "",
@@ -9473,7 +9484,7 @@ const Me = "discussion_", Cc = 280, cn = ({
   ];
   return n && C && re.push(
     {
-      text: _.formatMessage({ id: `${Me}moreMenu_edit` }),
+      text: y.formatMessage({ id: `${Me}moreMenu_edit` }),
       onClick: () => W({ ...A, isEditing: !0 }),
       icon: "pencil-paper",
       className: "gtm-trackable",
@@ -9481,7 +9492,7 @@ const Me = "discussion_", Cc = 280, cn = ({
       "data-gtm-event-type": `edit-${e.type}-click`
     },
     {
-      text: _.formatMessage({ id: `${Me}moreMenu_delete` }),
+      text: y.formatMessage({ id: `${Me}moreMenu_delete` }),
       onClick: (O) => {
         O.preventDefault(), O.stopPropagation(), z(!0);
       },
@@ -9492,7 +9503,7 @@ const Me = "discussion_", Cc = 280, cn = ({
       ...Xo(`delete-${e.slug}-modal`, Z)
     }
   ), Y.createElement(t, {
-    className: S("discussion-post", p, {
+    className: E("discussion-post", p, {
       [K]: !p || !p.includes("highlighted-text-box")
     }),
     ref: N,
@@ -9502,7 +9513,7 @@ const Me = "discussion_", Cc = 280, cn = ({
         "div",
         {
           id: R || e.slug,
-          className: S("discussion-card", e.type, {
+          className: E("discussion-card", e.type, {
             editing: A.isEditing,
             "has-link": m.post && !A.isEditing
           }),
@@ -9532,10 +9543,10 @@ const Me = "discussion_", Cc = 280, cn = ({
                 },
                 maxLength: e.type === "question" ? 250 : 5e4,
                 forceShow: {
-                  error: P !== "" && P !== "delete-error" ? _.formatMessage(
+                  error: P !== "" && P !== "delete-error" ? y.formatMessage(
                     { id: P },
                     {
-                      action: _.formatMessage({
+                      action: y.formatMessage({
                         id: `discussion_action_${e.type}`
                       })
                     }
@@ -9574,7 +9585,7 @@ const Me = "discussion_", Cc = 280, cn = ({
             !A.isEditing && !(i != null && i.actionBar) && /* @__PURE__ */ a.jsxs(
               "ul",
               {
-                className: S("actions text-medium", e.type),
+                className: E("actions text-medium", e.type),
                 "data-testid": `${e.type}-actions`,
                 children: [
                   !i.likes && /* @__PURE__ */ a.jsx(
@@ -9613,13 +9624,13 @@ const Me = "discussion_", Cc = 280, cn = ({
                             className: "gtm-trackable",
                             "data-gtm-event-context": g,
                             "data-gtm-event-type": `answer-${e.type}-click`,
-                            screenreaderText: _.formatMessage(
+                            screenreaderText: y.formatMessage(
                               { id: `${Me}comments_screenReader` },
                               { count: $ }
                             )
                           }
                         ),
-                        /* @__PURE__ */ a.jsx("span", { children: _.formatMessage(
+                        /* @__PURE__ */ a.jsx("span", { children: y.formatMessage(
                           { id: `${Me}comments` },
                           { count: $ }
                         ) })
@@ -9633,7 +9644,7 @@ const Me = "discussion_", Cc = 280, cn = ({
                       size: "medium",
                       styling: { muted: !0 },
                       onClick: V,
-                      children: _.formatMessage({ id: `${Me}reply` })
+                      children: y.formatMessage({ id: `${Me}reply` })
                     }
                   ) }),
                   /* @__PURE__ */ a.jsx(
@@ -9659,30 +9670,30 @@ const Me = "discussion_", Cc = 280, cn = ({
           functions: { onOpen: () => {
           }, onClose: () => z(!1) },
           forceShow: {
-            error: P === "delete-error" ? _.formatMessage(
+            error: P === "delete-error" ? y.formatMessage(
               { id: "discussion_delete_error" },
               {
-                action: _.formatMessage({
+                action: y.formatMessage({
                   id: `discussion_action_${e.type}`
                 })
               }
             ) : !1
           },
-          title: _.formatMessage(
+          title: y.formatMessage(
             { id: "discussion_delete_title" },
-            { action: _.formatMessage({ id: `discussion_action_${e.type}` }) }
+            { action: y.formatMessage({ id: `discussion_action_${e.type}` }) }
           ),
           buttons: [
             {
               variant: "secondary",
               onClick: () => z(!1),
-              children: _.formatMessage({ id: "discussion_delete_cancel" })
+              children: y.formatMessage({ id: "discussion_delete_cancel" })
             },
             {
               variant: "primary",
               className: "destructive",
               onClick: ee,
-              children: _.formatMessage({ id: "discussion_delete_delete" })
+              children: y.formatMessage({ id: "discussion_delete_delete" })
             }
           ],
           gtmContext: `${e.type.charAt(0).toUpperCase()}${e.type.slice(1)}:${e.slug}`,
@@ -9692,7 +9703,7 @@ const Me = "discussion_", Cc = 280, cn = ({
               id: "discussion_delete_text",
               values: {
                 p: (O) => /* @__PURE__ */ a.jsx("p", { children: O }),
-                action: _.formatMessage({
+                action: y.formatMessage({
                   id: `discussion_action_${e.type}`
                 })
               }
@@ -10135,9 +10146,9 @@ function Wc({
     },
     user: d,
     ...l
-  }, f = qc({ ...u, mutationFn: t }), m = Uc({ ...u, mutationFn: e }), p = zc({ ...u, mutationFn: n }), g = Hc({ ...u, mutationFn: s }), v = Vc({ ...u, mutationFn: i }), { activities: b, ..._ } = Zc({ queryKey: o, queryFn: r });
+  }, f = qc({ ...u, mutationFn: t }), m = Uc({ ...u, mutationFn: e }), p = zc({ ...u, mutationFn: n }), g = Hc({ ...u, mutationFn: s }), v = Vc({ ...u, mutationFn: i }), { activities: _, ...y } = Zc({ queryKey: o, queryFn: r });
   return {
-    activities: b,
+    activities: _,
     mutations: {
       create: f,
       edit: m,
@@ -10146,7 +10157,7 @@ function Wc({
       unlike: v
     },
     user: d,
-    ..._
+    ...y
   };
 }
 function zc({
@@ -10268,8 +10279,8 @@ const pu = ({
     fetchNextPage: l,
     hasNextPage: u,
     isLoading: f,
-    mutations: { create: m, edit: p, remove: g, like: v, unlike: b },
-    user: _
+    mutations: { create: m, edit: p, remove: g, like: v, unlike: _ },
+    user: y
   } = Wc({
     queryKey: [t, e, "activities"],
     queryFns: r
@@ -10295,34 +10306,34 @@ const pu = ({
         }
       }
     ),
-    c == null ? void 0 : c.map((E, w) => {
+    c == null ? void 0 : c.map((S, w) => {
       var A, W, Z, z, K, T, P, q;
       const {
-        id: y,
+        id: b,
         own_reactions: F,
         latest_reactions: R,
         reaction_counts: Q
-      } = E, B = (((A = R == null ? void 0 : R.like) == null ? void 0 : A.length) || 0) > 0, $ = (((W = F == null ? void 0 : F.like) == null ? void 0 : W.length) || 0) > 0, C = $ ? F == null ? void 0 : F.like[0].id : "", k = B ? (Z = R == null ? void 0 : R.like) == null ? void 0 : Z.map((L) => {
+      } = S, B = (((A = R == null ? void 0 : R.like) == null ? void 0 : A.length) || 0) > 0, $ = (((W = F == null ? void 0 : F.like) == null ? void 0 : W.length) || 0) > 0, C = $ ? F == null ? void 0 : F.like[0].id : "", k = B ? (Z = R == null ? void 0 : R.like) == null ? void 0 : Z.map((L) => {
         var U, te, G;
         return {
           id: (U = L == null ? void 0 : L.user) == null ? void 0 : U.id,
           name: (G = (te = L == null ? void 0 : L.user) == null ? void 0 : te.data) == null ? void 0 : G.name
         };
-      }) : !1, j = E == null ? void 0 : E.actor, N = (j == null ? void 0 : j.id) === (_ == null ? void 0 : _.id);
+      }) : !1, j = S == null ? void 0 : S.actor, N = (j == null ? void 0 : j.id) === (y == null ? void 0 : y.id);
       return /* @__PURE__ */ a.jsxs(yt, { children: [
         /* @__PURE__ */ a.jsx(
           cn,
           {
             content: {
               type: "post",
-              body: E == null ? void 0 : E.content,
+              body: S == null ? void 0 : S.content,
               canLike: on(n, N),
-              createdAt: (E == null ? void 0 : E.time) || "",
+              createdAt: (S == null ? void 0 : S.time) || "",
               slugs: {
                 question: `${t}/${e}`,
-                answer: y
+                answer: b
               },
-              slug: y,
+              slug: b,
               author: {
                 id: j == null ? void 0 : j.id,
                 name: (z = j == null ? void 0 : j.data) == null ? void 0 : z.name,
@@ -10339,19 +10350,19 @@ const pu = ({
               peopleWhoLiked: k
             },
             links: {
-              post: `${t}/${e}/${y}`,
-              comments: `${t}/${e}/${y}`
+              post: `${t}/${e}/${b}`,
+              comments: `${t}/${e}/${b}`
             },
             functions: {
               content: {
                 createContent: () => null,
-                deleteContent: () => g({ activityId: y }),
+                deleteContent: () => g({ activityId: b }),
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                updateContent: (L, { body: U }) => p({ activityId: y, content: U })
+                updateContent: (L, { body: U }) => p({ activityId: b, content: U })
               },
               likes: {
-                createLike: () => v({ activityId: y }),
-                deleteLike: () => b({ activityId: y, reactionId: C })
+                createLike: () => v({ activityId: b }),
+                deleteLike: () => _({ activityId: b, reactionId: C })
               },
               comments: {
                 openComments: () => null
@@ -10361,7 +10372,7 @@ const pu = ({
           }
         ),
         x > w + 1 && /* @__PURE__ */ a.jsx(Oe, {})
-      ] }, y);
+      ] }, b);
     }),
     !f && /* @__PURE__ */ a.jsx(
       sn,
@@ -10992,9 +11003,9 @@ function es({
     },
     user: d,
     ...l
-  }, f = Gc({ ...u, mutationFn: t }), m = Qc({ ...u, mutationFn: e }), p = Jc({ ...u, mutationFn: n }), g = el({ ...u, mutationFn: s }), v = tl({ ...u, mutationFn: i }), { replies: b, ..._ } = Xc({ queryKey: o, queryFn: r });
+  }, f = Gc({ ...u, mutationFn: t }), m = Qc({ ...u, mutationFn: e }), p = Jc({ ...u, mutationFn: n }), g = el({ ...u, mutationFn: s }), v = tl({ ...u, mutationFn: i }), { replies: _, ...y } = Xc({ queryKey: o, queryFn: r });
   return {
-    replies: b,
+    replies: _,
     mutations: {
       create: f,
       edit: m,
@@ -11003,7 +11014,7 @@ function es({
       unlike: v
     },
     user: d,
-    ..._
+    ...y
   };
 }
 function Jc({
@@ -11144,7 +11155,7 @@ const ol = ({
     queryFns: {
       ...i,
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      list: (b) => i.list({ ...b, reactionId: r })
+      list: (_) => i.list({ ..._, reactionId: r })
     }
   });
   return /* @__PURE__ */ a.jsx(
@@ -11162,45 +11173,45 @@ const ol = ({
         },
         functions: {
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          create: (b, { body: _ }) => u({ activityId: n, replyId: r, content: _ })
+          create: (_, { body: y }) => u({ activityId: n, replyId: r, content: y })
         },
         meta: { isEditing: !1, showSuccessMessage: !1 }
       },
-      children: o && o.length > 0 ? o == null ? void 0 : o.map((b) => {
+      children: o && o.length > 0 ? o == null ? void 0 : o.map((_) => {
         var A, W, Z, z, K, T, P, q, L, U, te, G;
         const {
-          id: _,
+          id: y,
           own_children: x,
-          latest_children: E,
+          latest_children: S,
           children_counts: w
-        } = b, F = (((A = x == null ? void 0 : x.like) == null ? void 0 : A.length) || 0) > 0 ? (W = x == null ? void 0 : x.like) == null ? void 0 : W.find((V) => {
+        } = _, F = (((A = x == null ? void 0 : x.like) == null ? void 0 : A.length) || 0) > 0 ? (W = x == null ? void 0 : x.like) == null ? void 0 : W.find((V) => {
           var ee;
           return ((ee = V == null ? void 0 : V.user) == null ? void 0 : ee.id) === (v == null ? void 0 : v.id);
-        }) : !1, R = F ? F == null ? void 0 : F.id : "", Q = !!F, $ = (((Z = E == null ? void 0 : E.like) == null ? void 0 : Z.length) || 0) > 0 ? (z = E == null ? void 0 : E.like) == null ? void 0 : z.map((V) => {
+        }) : !1, R = F ? F == null ? void 0 : F.id : "", Q = !!F, $ = (((Z = S == null ? void 0 : S.like) == null ? void 0 : Z.length) || 0) > 0 ? (z = S == null ? void 0 : S.like) == null ? void 0 : z.map((V) => {
           var ee, re, O;
           return {
             id: (ee = V == null ? void 0 : V.user) == null ? void 0 : ee.id,
             name: (O = (re = V == null ? void 0 : V.user) == null ? void 0 : re.data) == null ? void 0 : O.name
           };
-        }) : !1, C = b == null ? void 0 : b.user, k = (C == null ? void 0 : C.id) === (v == null ? void 0 : v.id), j = on(s, k), N = typeof b.data.content == "string" ? (K = b == null ? void 0 : b.data) == null ? void 0 : K.content : (
+        }) : !1, C = _ == null ? void 0 : _.user, k = (C == null ? void 0 : C.id) === (v == null ? void 0 : v.id), j = on(s, k), N = typeof _.data.content == "string" ? (K = _ == null ? void 0 : _.data) == null ? void 0 : K.content : (
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          ((P = (T = b == null ? void 0 : b.data) == null ? void 0 : T.content) == null ? void 0 : P.text) || ""
+          ((P = (T = _ == null ? void 0 : _.data) == null ? void 0 : T.content) == null ? void 0 : P.text) || ""
         );
         return /* @__PURE__ */ a.jsx(
           cn,
           {
             content: {
-              id: _,
+              id: y,
               type: "reply",
               body: N,
               canLike: j,
-              createdAt: b == null ? void 0 : b.created_at,
+              createdAt: _ == null ? void 0 : _.created_at,
               slugs: {
                 question: `${t}/${e}`,
                 answer: n,
                 // Stop-gap solution to avoid having to change the DiscussionPost component
                 // The `reply` is currently used to define the form ID which handles the focus
-                reply: b == null ? void 0 : b.parent
+                reply: _ == null ? void 0 : _.parent
               },
               slug: "",
               author: {
@@ -11220,18 +11231,18 @@ const ol = ({
             functions: {
               content: {
                 createContent: () => null,
-                deleteContent: () => p({ replyId: _ }),
+                deleteContent: () => p({ replyId: y }),
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                updateContent: (V, { body: ee }) => f({ replyId: _, content: ee })
+                updateContent: (V, { body: ee }) => f({ replyId: y, content: ee })
               },
               likes: {
-                createLike: () => m({ replyId: _ }),
-                deleteLike: () => g({ replyId: _, reactionId: R })
+                createLike: () => m({ replyId: y }),
+                deleteLike: () => g({ replyId: y, reactionId: R })
               },
               comments: {}
             }
           },
-          _
+          y
         );
       }) : null
     }
@@ -11249,7 +11260,7 @@ const ol = ({
     fetchNextPage: u,
     hasNextPage: f,
     isLoading: m,
-    mutations: { create: p, edit: g, like: v, remove: b, unlike: _ },
+    mutations: { create: p, edit: g, like: v, remove: _, unlike: y },
     user: x
   } = es({
     queryKey: [t, e, n, "replies"],
@@ -11264,7 +11275,7 @@ const ol = ({
           content: { type: "reply", slugs: {} },
           functions: {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            create: (E, { body: w }) => p({ activityId: n, content: w })
+            create: (S, { body: w }) => p({ activityId: n, content: w })
           },
           meta: { isEditing: !1, showSuccessMessage: !1 },
           placeholder: c.formatMessage({ id: "discussion_responses_placeholder" })
@@ -11278,9 +11289,9 @@ const ol = ({
         }
       }
     ),
-    d == null ? void 0 : d.map((E) => {
+    d == null ? void 0 : d.map((S) => {
       var z, K, T, P, q, L, U, te, G, V, ee, re;
-      const { id: w, own_children: y, latest_children: F, children_counts: R } = E, B = (((z = y == null ? void 0 : y.like) == null ? void 0 : z.length) || 0) > 0 ? (K = y == null ? void 0 : y.like) == null ? void 0 : K.find((O) => {
+      const { id: w, own_children: b, latest_children: F, children_counts: R } = S, B = (((z = b == null ? void 0 : b.like) == null ? void 0 : z.length) || 0) > 0 ? (K = b == null ? void 0 : b.like) == null ? void 0 : K.find((O) => {
         var oe;
         return ((oe = O == null ? void 0 : O.user) == null ? void 0 : oe.id) === (x == null ? void 0 : x.id);
       }) : !1, $ = B ? B == null ? void 0 : B.id : "", C = !!B, j = (((T = F == null ? void 0 : F.like) == null ? void 0 : T.length) || 0) > 0 ? (P = F == null ? void 0 : F.like) == null ? void 0 : P.map((O) => {
@@ -11289,9 +11300,9 @@ const ol = ({
           id: (oe = O == null ? void 0 : O.user) == null ? void 0 : oe.id,
           name: (ve = (D = O == null ? void 0 : O.user) == null ? void 0 : D.data) == null ? void 0 : ve.name
         };
-      }) : !1, N = E == null ? void 0 : E.user, A = (N == null ? void 0 : N.id) === (x == null ? void 0 : x.id), W = on(r, A), Z = typeof E.data.content == "string" ? (q = E == null ? void 0 : E.data) == null ? void 0 : q.content : (
+      }) : !1, N = S == null ? void 0 : S.user, A = (N == null ? void 0 : N.id) === (x == null ? void 0 : x.id), W = on(r, A), Z = typeof S.data.content == "string" ? (q = S == null ? void 0 : S.data) == null ? void 0 : q.content : (
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        ((U = (L = E == null ? void 0 : E.data) == null ? void 0 : L.content) == null ? void 0 : U.text) || ""
+        ((U = (L = S == null ? void 0 : S.data) == null ? void 0 : L.content) == null ? void 0 : U.text) || ""
       );
       return /* @__PURE__ */ a.jsx(kc, { children: /* @__PURE__ */ a.jsx(
         cn,
@@ -11301,7 +11312,7 @@ const ol = ({
             type: "reply",
             body: Z,
             canLike: W,
-            createdAt: E == null ? void 0 : E.created_at,
+            createdAt: S == null ? void 0 : S.created_at,
             slugs: {
               question: `${t}/${e}`,
               answer: n,
@@ -11325,13 +11336,13 @@ const ol = ({
           functions: {
             content: {
               createContent: () => null,
-              deleteContent: () => b({ replyId: w }),
+              deleteContent: () => _({ replyId: w }),
               // eslint-disable-next-line @typescript-eslint/no-explicit-any
               updateContent: (O, { body: oe }) => g({ replyId: w, content: oe })
             },
             likes: {
               createLike: () => v({ replyId: w }),
-              deleteLike: () => _({ replyId: w, reactionId: $ })
+              deleteLike: () => y({ replyId: w, reactionId: $ })
             },
             comments: {}
           },
@@ -11476,7 +11487,7 @@ const gu = ({
     activity: f,
     error: m,
     isLoading: p,
-    mutations: { edit: g, like: v, unlike: b }
+    mutations: { edit: g, like: v, unlike: _ }
   } = dl({
     queryFns: i,
     queryKey: [t, e, n]
@@ -11491,7 +11502,7 @@ const gu = ({
         text: l.formatMessage({ id: "activitySection_notFoundError" })
       }
     );
-  const { own_reactions: _, latest_reactions: x } = f, E = (((B = x == null ? void 0 : x.like) == null ? void 0 : B.length) || 0) > 0, w = ((($ = _ == null ? void 0 : _.like) == null ? void 0 : $.length) || 0) > 0, y = w ? _ == null ? void 0 : _.like[0].id : "", F = E ? (C = x == null ? void 0 : x.like) == null ? void 0 : C.map((K) => {
+  const { own_reactions: y, latest_reactions: x } = f, S = (((B = x == null ? void 0 : x.like) == null ? void 0 : B.length) || 0) > 0, w = ((($ = y == null ? void 0 : y.like) == null ? void 0 : $.length) || 0) > 0, b = w ? y == null ? void 0 : y.like[0].id : "", F = S ? (C = x == null ? void 0 : x.like) == null ? void 0 : C.map((K) => {
     var T, P, q;
     return {
       id: (T = K == null ? void 0 : K.user) == null ? void 0 : T.id,
@@ -11540,7 +11551,7 @@ const gu = ({
           },
           likes: {
             createLike: () => v({ activityId: n }),
-            deleteLike: () => b({ activityId: n, reactionId: y })
+            deleteLike: () => _({ activityId: n, reactionId: b })
           },
           comments: {
             openComments: () => {