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

package/index.mjs

@@ -105,14 +105,14 @@ function Ri() {
     return at;
   yr = 1;
   var t = Y, e = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, i = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function o(c, f, u) {
-    var l, d = {}, m = null, p = null;
-    u !== void 0 && (m = "" + u), f.key !== void 0 && (m = "" + f.key), f.ref !== void 0 && (p = f.ref);
-    for (l in f)
-      r.call(f, l) && !s.hasOwnProperty(l) && (d[l] = f[l]);
+  function o(c, f, l) {
+    var u, d = {}, m = null, p = null;
+    l !== void 0 && (m = "" + l), f.key !== void 0 && (m = "" + f.key), f.ref !== void 0 && (p = f.ref);
+    for (u in f)
+      r.call(f, u) && !s.hasOwnProperty(u) && (d[u] = f[u]);
     if (c && c.defaultProps)
-      for (l in f = c.defaultProps, f)
-        d[l] === void 0 && (d[l] = f[l]);
+      for (u in f = c.defaultProps, f)
+        d[u] === void 0 && (d[u] = f[u]);
     return { $$typeof: e, type: c, key: m, ref: p, props: d, _owner: i.current };
   }
   return at.Fragment = n, at.jsx = o, at.jsxs = o, at;
@@ -130,7 +130,7 @@ var it = {};
 var _r;
 function Fi() {
   return _r || (_r = 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"), i = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), o = Symbol.for("react.provider"), c = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), l = Symbol.for("react.suspense_list"), d = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), g = Symbol.iterator, y = "@@iterator";
+    var t = Y, e = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), o = Symbol.for("react.provider"), c = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), l = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), d = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), g = Symbol.iterator, y = "@@iterator";
     function _(h) {
       if (h === null || typeof h != "object")
         return null;
@@ -158,7 +158,7 @@ function Fi() {
     var T = !1, w = !1, D = !1, R = !1, W = !1, M;
     M = Symbol.for("react.module.reference");
     function O(h) {
-      return !!(typeof h == "string" || typeof h == "function" || h === r || h === s || W || h === i || h === u || h === l || R || h === p || T || w || D || typeof h == "object" && h !== null && (h.$$typeof === m || h.$$typeof === d || h.$$typeof === o || h.$$typeof === c || h.$$typeof === f || // This needs to include all possible module reference object
+      return !!(typeof h == "string" || typeof h == "function" || h === r || h === s || W || h === i || h === l || h === u || R || h === p || T || w || D || typeof h == "object" && h !== null && (h.$$typeof === m || h.$$typeof === d || h.$$typeof === o || h.$$typeof === c || h.$$typeof === f || // 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.
@@ -190,9 +190,9 @@ function Fi() {
           return "Profiler";
         case i:
           return "StrictMode";
-        case u:
-          return "Suspense";
         case l:
+          return "Suspense";
+        case u:
           return "SuspenseList";
       }
       if (typeof h == "object")
@@ -386,9 +386,9 @@ function Fi() {
       if (typeof h == "string")
         return X(h);
       switch (h) {
-        case u:
-          return X("Suspense");
         case l:
+          return X("Suspense");
+        case u:
           return X("SuspenseList");
       }
       if (typeof h == "object")
@@ -731,8 +731,8 @@ const Oi = () => {
   }, e);
 };
 function Ai(t, e, n) {
-  var r = this, i = pe(null), s = pe(0), o = pe(null), c = pe([]), f = pe(), u = pe(), l = pe(t), d = pe(!0);
-  l.current = t;
+  var r = this, i = pe(null), s = pe(0), o = pe(null), c = pe([]), f = pe(), l = pe(), u = pe(t), d = pe(!0);
+  u.current = t;
   var m = typeof window < "u", p = !e && e !== 0 && m;
   if (typeof t != "function")
     throw new TypeError("Expected a function");
@@ -746,7 +746,7 @@ function Ai(t, e, n) {
   var j = bt(function() {
     var T = function(O) {
       var C = c.current, E = f.current;
-      return c.current = f.current = null, s.current = O, u.current = l.current.apply(E, C);
+      return c.current = f.current = null, s.current = O, l.current = u.current.apply(E, C);
     }, w = function(O, C) {
       p && cancelAnimationFrame(o.current), o.current = p ? requestAnimationFrame(O) : setTimeout(O, C);
     }, D = function(O) {
@@ -755,7 +755,7 @@ function Ai(t, e, n) {
       var C = O - i.current;
       return !i.current || C >= e || C < 0 || _ && O - s.current >= b;
     }, R = function(O) {
-      return o.current = null, y && c.current ? T(O) : (c.current = f.current = null, u.current);
+      return o.current = null, y && c.current ? T(O) : (c.current = f.current = null, l.current);
     }, W = function O() {
       var C = Date.now();
       if (D(C))
@@ -769,11 +769,11 @@ function Ai(t, e, n) {
         var O = Date.now(), C = D(O);
         if (c.current = [].slice.call(arguments), f.current = r, i.current = O, C) {
           if (!o.current && d.current)
-            return s.current = i.current, w(W, e), g ? T(i.current) : u.current;
+            return s.current = i.current, w(W, e), g ? T(i.current) : l.current;
           if (_)
             return w(W, e), T(i.current);
         }
-        return o.current || w(W, e), u.current;
+        return o.current || w(W, e), l.current;
       }
     };
     return M.cancel = function() {
@@ -781,7 +781,7 @@ function Ai(t, e, n) {
     }, M.isPending = function() {
       return !!o.current;
     }, M.flush = function() {
-      return o.current ? R(Date.now()) : u.current;
+      return o.current ? R(Date.now()) : l.current;
     }, M;
   }, [g, _, e, b, y, p, m, v]);
   return j;
@@ -796,18 +796,18 @@ const yt = (t = !0, e = !1, n = "window") => {
     return;
   const [r, i] = Y.useState(0) || [!1, () => {
   }];
-  ae(() => (c(), window.addEventListener("resize", u), window.addEventListener("hiddenSectionVisible", f), () => {
-    clearTimeout(un), u.flush(), window.removeEventListener("resize", u), window.removeEventListener("hiddenSectionVisible", f);
+  ae(() => (c(), window.addEventListener("resize", l), window.addEventListener("hiddenSectionVisible", f), () => {
+    clearTimeout(un), l.flush(), window.removeEventListener("resize", l), window.removeEventListener("hiddenSectionVisible", f);
   }), n === "window" ? [] : [n]);
   const o = () => {
     if (n)
       return n === "window" ? window.innerWidth : n.offsetWidth;
   }, c = () => {
     i(o());
-  }, f = ({ detail: l }) => {
-    const { id: d } = l;
+  }, f = ({ detail: u }) => {
+    const { id: d } = u;
     n === "window" || !n.closest(`#${d}`) || o() === r || c();
-  }, u = la(
+  }, l = la(
     () => {
       o() !== r && (e && (clearTimeout(un), document.body.classList.add("is-resizing"), un = setTimeout(() => {
         document.body.classList.remove("is-resizing");
@@ -837,17 +837,17 @@ const yt = (t = !0, e = !1, n = "window") => {
     scrollUp: !1
   }) || [!1, () => {
   }];
-  ae(() => (f(), window.addEventListener("scroll", u), () => {
-    u.flush(), window.removeEventListener("scroll", u);
+  ae(() => (f(), window.addEventListener("scroll", l), () => {
+    l.flush(), window.removeEventListener("scroll", l);
   }), []);
   const f = () => {
-    const l = window.scrollY, d = i.current, m = l - d, p = m > 0 ? "down" : "up";
-    if (s({ current: l, past: d }), p === "down") {
-      l >= t + e.down && !o.scrollDown && (!o.scrollUp || m > e.up) && (n(), c({ scrollUp: !1, scrollDown: !0 }));
+    const u = window.scrollY, d = i.current, m = u - d, p = m > 0 ? "down" : "up";
+    if (s({ current: u, past: d }), p === "down") {
+      u >= t + e.down && !o.scrollDown && (!o.scrollUp || m > e.up) && (n(), c({ scrollUp: !1, scrollDown: !0 }));
       return;
     }
     Math.abs(m) >= e.up && !o.scrollUp && (r(), c({ scrollUp: !0, scrollDown: !1 }));
-  }, u = la(() => {
+  }, l = la(() => {
     f();
   }, 250);
   return i;
@@ -1197,6 +1197,8 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   timeToComplete_hours_short: "{time}h",
   timeToComplete_minutes: "{time, plural, =0 {} one {1 minute} other {# minutes}}",
   timeToComplete_minutes_short: "{time}m",
+  timeToComplete_range: "{early} - {late}",
+  timeToComplete_range_aria: "between {early} and {late}",
   tooltip_loading: "Loading...",
   return_to_nav_button: "Back to top",
   /* Layout */
@@ -1418,8 +1420,8 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   onClick: o = !1,
   className: c = "",
   disabled: f = !1,
-  screenreaderText: u = !1,
-  children: l = !1,
+  screenreaderText: l = !1,
+  children: u = !1,
   ...d
 }) => {
   const p = yt(typeof e == "object");
@@ -1432,7 +1434,7 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   const y = {
     ...d,
     className: S(t, c, g, {
-      "no-text": !l,
+      "no-text": !u,
       disabled: f,
       button: i
     }),
@@ -1444,7 +1446,7 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   return i && (s = "a", y.href = i), Y.createElement(
     s,
     y,
-    l || (u ? /* @__PURE__ */ a.jsx(be, { showOnFocus: !1, children: u }) : null)
+    u || (l ? /* @__PURE__ */ a.jsx(be, { showOnFocus: !1, children: l }) : null)
   );
 }, _t = ({ buttons: t, className: e = "", ...n }) => {
   const r = t.length > 1 ? "ul" : "p", i = t.map((s, o) => r === "p" ? /* @__PURE__ */ a.jsx(ie, { ...s }, o) : /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(ie, { ...s }) }, o));
@@ -1584,8 +1586,8 @@ const xt = ({ image: t, className: e, testId: n }) => {
     query: o,
     url: c,
     width: f,
-    loading: u,
-    decoding: l,
+    loading: l,
+    decoding: u,
     fetchPriority: d
   } = t, { range: m, sizes: p } = Xi(t), g = dn({ format: "avif", query: o, range: m, url: c }), y = dn({ format: "webp", query: o, range: m, url: c }), _ = dn({ format: "", query: o, range: m, url: c });
   return /* @__PURE__ */ a.jsxs("picture", { className: e, children: [
@@ -1606,8 +1608,8 @@ const xt = ({ image: t, className: e, testId: n }) => {
         sizes: p,
         src: c,
         alt: r,
-        loading: u || "lazy",
-        decoding: l || "async",
+        loading: l || "lazy",
+        decoding: u || "async",
         fetchpriority: d || "auto",
         width: f,
         height: i,
@@ -1802,8 +1804,8 @@ const nt = ({
   const {
     breakpoints: c,
     text: f = "",
-    component: u,
-    ...l
+    component: l,
+    ...u
   } = n;
   return /* @__PURE__ */ a.jsx(
     Fe,
@@ -1812,10 +1814,10 @@ const nt = ({
       className: S("empty-state-box", t, r),
       children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
         e && typeof e == "string" ? /* @__PURE__ */ a.jsx(Re, { options: { forceBlock: !0 }, children: e }) : e,
-        i && typeof n == "object" && (u || /* @__PURE__ */ a.jsx(
+        i && typeof n == "object" && (l || /* @__PURE__ */ a.jsx(
           ie,
           {
-            ...l,
+            ...u,
             variant: n.variant ? n.variant : "secondary",
             children: f
           }
@@ -1853,7 +1855,7 @@ const Sl = ({
   text: r,
   children: i
 }) => {
-  const s = K(), o = pe(null), [c, f] = te(""), [u, l] = te("closed");
+  const s = K(), o = pe(null), [c, f] = te(""), [l, u] = te("closed");
   ae(() => {
     const p = o.current;
     if (p)
@@ -1870,23 +1872,23 @@ const Sl = ({
 `)
     );
   }, [r]), ae(() => {
-    u === "ready-to-close" && l("closing");
-  }, [u]);
+    l === "ready-to-close" && u("closing");
+  }, [l]);
   const d = ({ propertyName: p }) => {
-    p === "max-height" && l((g) => g === "opening" ? "open" : g === "closing" ? "closed" : g);
+    p === "max-height" && u((g) => g === "opening" ? "open" : g === "closing" ? "closed" : g);
   };
   if (!r)
     return null;
-  const m = ["opening", "open"].includes(u);
+  const m = ["opening", "open"].includes(l);
   return /* @__PURE__ */ a.jsxs(
     Fe,
     {
       variant: "subtle",
       className: S("hide-show-text-box", t),
       children: [
-        /* @__PURE__ */ a.jsxs("div", { ref: o, className: S("content", u), children: [
-          /* @__PURE__ */ a.jsx(Re, { options: { forceBlock: !0 }, children: u === "closed" ? c : r }),
-          u !== "closed" && i
+        /* @__PURE__ */ a.jsxs("div", { ref: o, className: S("content", l), children: [
+          /* @__PURE__ */ a.jsx(Re, { options: { forceBlock: !0 }, children: l === "closed" ? c : r }),
+          l !== "closed" && i
         ] }),
         /* @__PURE__ */ a.jsx("p", { className: "cta", children: /* @__PURE__ */ a.jsx(
           ie,
@@ -1896,7 +1898,7 @@ const Sl = ({
             styling: { muted: !0 },
             className: S({ "rotate-180": m }),
             onClick: () => {
-              l(m ? "ready-to-close" : "opening");
+              u(m ? "ready-to-close" : "opening");
             },
             children: m ? n || s.formatMessage({ id: "hideShowTextBox_hide" }) : e || s.formatMessage({ id: "hideShowTextBox_show" })
           }
@@ -1920,14 +1922,14 @@ const Cl = ({
       "has-zebra-stripes": c,
       [e]: t !== "dl"
     }),
-    children: r.map((f, u) => {
-      const l = { wrapper: Y.Fragment, forceInline: !0 }, d = {
+    children: r.map((f, l) => {
+      const u = { wrapper: Y.Fragment, forceInline: !0 }, d = {
         "--icon": `url(${ze}icons/${f.icon}.svg)`
       };
       return t === "dl" ? /* @__PURE__ */ a.jsxs(Y.Fragment, { children: [
-        /* @__PURE__ */ a.jsx("dt", { style: d, children: /* @__PURE__ */ a.jsx(Re, { options: l, children: f.dt || "" }) }, `dt-${u}`),
-        /* @__PURE__ */ a.jsx("dd", { children: /* @__PURE__ */ a.jsx(Re, { options: l, children: f.text }) }, `dd-${u}`)
-      ] }, `dl-${u}`) : /* @__PURE__ */ a.jsx("li", { style: d, children: /* @__PURE__ */ a.jsx(Re, { options: l, children: f.text }) }, u);
+        /* @__PURE__ */ a.jsx("dt", { style: d, children: /* @__PURE__ */ a.jsx(Re, { options: u, children: f.dt || "" }) }, `dt-${l}`),
+        /* @__PURE__ */ a.jsx("dd", { children: typeof f.text == "string" ? /* @__PURE__ */ a.jsx(Re, { options: u, children: f.text }) : f.text }, `dd-${l}`)
+      ] }, `dl-${l}`) : /* @__PURE__ */ a.jsx("li", { style: d, children: typeof f.text == "string" ? /* @__PURE__ */ a.jsx(Re, { options: u, children: f.text }) : f.text }, l);
     })
   });
 }, ye = () => Y.Fragment, is = ({ children: t }) => /* @__PURE__ */ a.jsx(Fe, { variant: "secondary", children: t }), ss = ["span", "strong", "h1", "h2", "h3", "h4", "h5", "h6", "p"], os = ({ children: t }) => {
@@ -2133,14 +2135,14 @@ const Nl = ({
     if (t.length)
       return;
     let o = "";
-    Array(6).fill(0).forEach((u, l) => {
-      o += `${l > 0 ? ", " : ""}${e} h${l + 1}`;
+    Array(6).fill(0).forEach((l, u) => {
+      o += `${u > 0 ? ", " : ""}${e} h${u + 1}`;
     });
     const f = Array.from(document.querySelectorAll(o)).filter(
-      (u) => u.id
-    ).map((u) => ({
-      id: u.id,
-      text: u.textContent || ""
+      (l) => l.id
+    ).map((l) => ({
+      id: l.id,
+      text: l.textContent || ""
     }));
     s(f);
   }, []), i && i.length > 0 && /* @__PURE__ */ a.jsxs(
@@ -2155,19 +2157,41 @@ const Nl = ({
     }
   );
 };
-const Gn = ({ time: t, prependedText: e, appendedText: n, className: r = "" }) => {
-  const i = K(), s = "timeToComplete_";
+const Gn = ({
+  time: t,
+  rangeTime: e,
+  prependedText: n,
+  appendedText: r,
+  className: i = ""
+}) => {
+  const s = K(), o = "timeToComplete_";
   if (!t || typeof t != "number")
     return null;
-  const o = t / 60, c = Math.floor(o), f = (o - c) * 60, u = Math.round(f);
-  let l = `${i.formatMessage(
-    { id: `${s}hours` },
-    { time: c }
-  )}${c > 0 && u > 0 ? ", " : ""}${i.formatMessage(
-    { id: `${s}minutes` },
-    { time: u }
-  )}`, d = `${c > 0 ? `${i.formatMessage({ id: `${s}hours_short` }, { time: c })} ` : ""}${u > 0 ? i.formatMessage({ id: `${s}minutes_short` }, { time: u }) : ""}`;
-  return e && (l = `${e} ${l}`, d = `${e} ${d}`), n && (l = `${l} ${n}`, d = `${d} ${n}`), /* @__PURE__ */ a.jsx("span", { className: S("time-to-complete", r), "aria-label": l, children: d });
+  const c = (u) => {
+    const d = u / 60, m = Math.floor(d), p = (d - m) * 60, g = Math.round(p), y = `${s.formatMessage(
+      { id: `${o}hours` },
+      { time: m }
+    )}${m > 0 && g > 0 ? ", " : ""}${s.formatMessage(
+      { id: `${o}minutes` },
+      { time: g }
+    )}`;
+    return { text: `${m > 0 ? `${s.formatMessage(
+      { id: `${o}hours_short` },
+      { time: m }
+    )} ` : ""}${g > 0 ? s.formatMessage({ id: `${o}minutes_short` }, { time: g }) : ""}`, ariaText: y };
+  };
+  let { text: f, ariaText: l } = c(t);
+  if (e) {
+    const { text: u, ariaText: d } = c(t + e);
+    f = s.formatMessage(
+      { id: `${o}range` },
+      { early: f, late: u }
+    ), l = s.formatMessage(
+      { id: `${o}range_aria` },
+      { early: l, late: d }
+    );
+  }
+  return n && (l = `${n} ${l}`, f = `${n} ${f}`), r && (l = `${l} ${r}`, f = `${f} ${r}`), /* @__PURE__ */ a.jsx("span", { className: S("time-to-complete", i), "aria-label": l, children: f });
 };
 let st = !1;
 const hs = ({ isOpen: t = !1, isLoading: e = !1, children: n }) => {
@@ -2180,7 +2204,7 @@ const hs = ({ isOpen: t = !1, isLoading: e = !1, children: n }) => {
       };
   }, []);
   const c = ({ propertyName: f }) => {
-    f === "opacity" && (st !== !1 && clearTimeout(st), o((u) => u === "opening" ? "open" : u === "closing" ? "closed" : u === "closed" ? "hidden" : u));
+    f === "opacity" && (st !== !1 && clearTimeout(st), o((l) => l === "opening" ? "open" : l === "closing" ? "closed" : l === "closed" ? "hidden" : l));
   };
   return vt(() => {
     st !== !1 && clearTimeout(st);
@@ -2274,7 +2298,7 @@ const gs = ({ icon: t, description: e, ctaMessage: n, href: r, showEditButton: i
   placeholder: o,
   showDivider: c = !0
 }) => {
-  const [f, u] = Y.useState(!1), l = typeof r == "string" || !!n, d = () => u(!1);
+  const [f, l] = Y.useState(!1), u = typeof r == "string" || !!n, d = () => l(!1);
   return /* @__PURE__ */ a.jsxs("section", { className: S("edit-section", e), children: [
     n && /* @__PURE__ */ a.jsx(
       en,
@@ -2294,7 +2318,7 @@ const gs = ({ icon: t, description: e, ctaMessage: n, href: r, showEditButton: i
           ...n == null ? void 0 : n.functions,
           onSuccess: async (m) => {
             var p, g;
-            (p = n == null ? void 0 : n.functions) != null && p.onSuccess && await ((g = n == null ? void 0 : n.functions) == null ? void 0 : g.onSuccess(m)), u(!1);
+            (p = n == null ? void 0 : n.functions) != null && p.onSuccess && await ((g = n == null ? void 0 : n.functions) == null ? void 0 : g.onSuccess(m)), l(!1);
           },
           onCancel: d
         } })
@@ -2302,9 +2326,9 @@ const gs = ({ icon: t, description: e, ctaMessage: n, href: r, showEditButton: i
     ),
     /* @__PURE__ */ a.jsxs("div", { className: "edit-section-header", children: [
       /* @__PURE__ */ a.jsx("h2", { className: "edit-section-header-title", children: i }),
-      l && /* @__PURE__ */ a.jsx(ie, { href: r, variant: "tertiary", size: "small", icon: "pencil", onClick: () => ha({ href: r, setShowModal: u }), children: "Edit" })
+      u && /* @__PURE__ */ a.jsx(ie, { href: r, variant: "tertiary", size: "small", icon: "pencil", onClick: () => ha({ href: r, setShowModal: l }), children: "Edit" })
     ] }),
-    t || /* @__PURE__ */ a.jsx(gs, { ...o, href: r, setShowModal: u, showEditButton: l }),
+    t || /* @__PURE__ */ a.jsx(gs, { ...o, href: r, setShowModal: l, showEditButton: u }),
     c && /* @__PURE__ */ a.jsx(Oe, {})
   ] });
 };
@@ -2342,22 +2366,22 @@ const Fl = ({
               "two-col": i === 2 || i === 4,
               "three-col": i === 5 || i <= 10 && i % 3 === 0
             }),
-            children: e.map(({ logo: u, nameOfBusiness: l, link: d = !1, description: m = !1 }, p) => {
-              if (!u || !u.url)
+            children: e.map(({ logo: l, nameOfBusiness: u, link: d = !1, description: m = !1 }, p) => {
+              if (!l || !l.url)
                 return null;
               const g = /* @__PURE__ */ a.jsx(
                 "img",
                 {
-                  src: u.url,
-                  width: u.width || "auto",
-                  height: u.height || "auto",
-                  alt: l
+                  src: l.url,
+                  width: l.width || "auto",
+                  height: l.height || "auto",
+                  alt: u
                 }
               );
               return /* @__PURE__ */ a.jsxs("li", { children: [
                 /* @__PURE__ */ a.jsx("p", { className: "img-wrapper", children: d ? /* @__PURE__ */ a.jsx("a", { href: d, target: "_blank", rel: "nofollow noreferrer noopener", children: g }) : g }),
                 m && /* @__PURE__ */ a.jsx("small", { children: m })
-              ] }, window.btoa(`${u.url}_${p}`));
+              ] }, window.btoa(`${l.url}_${p}`));
             })
           }
         )
@@ -2393,27 +2417,27 @@ const vs = [
   cta: o,
   children: c
 }) => {
-  const f = ["eyebrow", "title", "text"], u = { eyebrow: "small", title: "h1", text: "p" }, l = {};
+  const f = ["eyebrow", "title", "text"], l = { eyebrow: "small", title: "h1", text: "p" }, u = {};
   return f.forEach((d) => {
     if (!e[d]) {
-      l[d] = !1;
+      u[d] = !1;
       return;
     }
     if (!s[d]) {
       if (typeof e[d] == "object") {
-        l[d] = e[d];
+        u[d] = e[d];
         const { text: m, element: p } = e[d];
         if (p && vs.includes(p.toLowerCase()))
           return;
-        l[d] = {
+        u[d] = {
           text: m,
-          element: u[d]
+          element: l[d]
         };
         return;
       }
-      l[d] = {
+      u[d] = {
         text: e[d],
-        element: u[d]
+        element: l[d]
       };
     }
   }), o && o.link && o.link[0] === "#" && (o.props || (o.props = {}), o.props.onClick = (d) => {
@@ -2425,13 +2449,13 @@ const vs = [
     {
       className: S("banner-section", r, i, t, {
         "has-image": n,
-        "has-extra-spacing": i === "normal" && l.eyebrow && l.title
+        "has-extra-spacing": i === "normal" && u.eyebrow && u.title
       }),
       children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
         /* @__PURE__ */ a.jsxs("div", { className: "content-wrapper", children: [
           f.map((d) => {
-            if (l[d] && typeof l[d] == "object") {
-              const { text: m, element: p = "" } = l[d];
+            if (u[d] && typeof u[d] == "object") {
+              const { text: m, element: p = "" } = u[d];
               return d === "text" ? /* @__PURE__ */ a.jsx(Lt, { overrideType: "text-only", className: "text", children: m }, d) : Y.createElement(p, { key: d, className: d }, m);
             }
             return null;
@@ -2600,15 +2624,15 @@ const Es = ({
     layout: o = "bar",
     size: c = "default",
     color: f = "default"
-  } = t, u = e > 75 ? 100 : e > 50 ? 75 : e > 25 ? 50 : e > 5 ? 25 : 0, l = { "--progress": `${e}%` };
+  } = t, l = e > 75 ? 100 : e > 50 ? 75 : e > 25 ? 50 : e > 5 ? 25 : 0, u = { "--progress": `${e}%` };
   return /* @__PURE__ */ a.jsx(
     "span",
     {
-      className: S(`progress-bar section-${u}`, o, r, {
+      className: S(`progress-bar section-${l}`, o, r, {
         [c]: c !== "default",
         [f !== "default" ? f : ""]: f !== "default"
       }),
-      style: l,
+      style: u,
       children: Y.createElement(s ? "span" : be, {
         className: s ? "text" : "",
         children: n || i.formatMessage({ id: "progressBar" }, { number: e })
@@ -2723,9 +2747,9 @@ const Sr = 256, He = ({
   height: s = Sr,
   ...o
 }) => {
-  const [c, f] = te(!1), u = pe(null);
+  const [c, f] = te(!1), l = pe(null);
   ae(() => {
-    const d = u.current;
+    const d = l.current;
     if (!d)
       return;
     const m = d.getContext("2d");
@@ -2734,13 +2758,13 @@ const Sr = 256, He = ({
     const p = i, g = s;
     typeof window < "u" && window.devicePixelRatio && (d.width = p * window.devicePixelRatio, d.height = g * window.devicePixelRatio, m.scale(window.devicePixelRatio, window.devicePixelRatio)), m.fillStyle = Cs(n), m.fillRect(0, 0, p, g), m.font = `${p / 3}px Arial`, m.textAlign = "center", m.fillStyle = "white", m.fillText(ya(n), p / 2, g / 1.6);
   }, [n]);
-  let l = !1;
-  return e && e !== "" && !c && (e.includes("http") || e.includes("//")) && (l = !0), /* @__PURE__ */ a.jsx(
+  let u = !1;
+  return e && e !== "" && !c && (e.includes("http") || e.includes("//")) && (u = !0), /* @__PURE__ */ a.jsx(
     "figure",
     {
       className: S("profile-picture", t, { error: c }),
       ...o,
-      children: l ? /* @__PURE__ */ a.jsx(
+      children: u ? /* @__PURE__ */ a.jsx(
         "img",
         {
           src: e,
@@ -2751,7 +2775,7 @@ const Sr = 256, He = ({
           width: i,
           height: s
         }
-      ) : /* @__PURE__ */ a.jsx("canvas", { ref: u })
+      ) : /* @__PURE__ */ a.jsx("canvas", { ref: l })
     }
   );
 }, _a = (t) => t === "apolitical" ? {
@@ -2790,20 +2814,20 @@ const Jn = ({
   c.name || (c.name = o.formatMessage({
     id: `member_${typeof e == "string" ? e : "community"}`
   }));
-  const { name: f, url: u, image: l } = c, d = $s(c), m = n && n.createdAt ? Dn(n.createdAt) : !1, p = n && n.createdAt ? ma(n.createdAt) : "";
+  const { name: f, url: l, image: u } = c, d = $s(c), m = n && n.createdAt ? Dn(n.createdAt) : !1, p = n && n.createdAt ? ma(n.createdAt) : "";
   return Y.createElement(t, {
     className: S("member text-medium", s),
     children: /* @__PURE__ */ a.jsxs(
       tt,
       {
-        href: u,
+        href: l,
         gtmType: i,
         gtmContext: r,
         onClick: (g) => {
           g == null || g.stopPropagation();
         },
         children: [
-          /* @__PURE__ */ a.jsx(He, { name: f, src: l }),
+          /* @__PURE__ */ a.jsx(He, { name: f, src: u }),
           /* @__PURE__ */ a.jsxs("p", { className: "details", children: [
             /* @__PURE__ */ a.jsx("strong", { children: f }),
             n && /* @__PURE__ */ a.jsxs("span", { className: "additional-content", children: [
@@ -2834,11 +2858,11 @@ const Cr = {
   },
   cutoff: c = 2,
   className: f = "",
-  ...u
+  ...l
 }) => {
-  const l = K();
+  const u = K();
   return !n || n.length === 0 ? null : Y.createElement(t, {
-    ...u,
+    ...l,
     className: S("contributors", f, i, { "has-gap": s }),
     children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
       /* @__PURE__ */ a.jsx("ul", { children: n.map((d, m) => {
@@ -2871,7 +2895,7 @@ const Cr = {
         }
         return p ? /* @__PURE__ */ a.jsx("li", { className: S("contributor", g), children: p }, m) : null;
       }) }),
-      r && /* @__PURE__ */ a.jsx("span", { className: "label", children: typeof r == "string" ? r : n.length === 1 ? typeof n[0] == "string" ? l.formatMessage({ id: `member_${n[0]}` }) : Je(n[0].name || "", 20) : null })
+      r && /* @__PURE__ */ a.jsx("span", { className: "label", children: typeof r == "string" ? r : n.length === 1 ? typeof n[0] == "string" ? u.formatMessage({ id: `member_${n[0]}` }) : Je(n[0].name || "", 20) : null })
     ] })
   });
 };
@@ -2887,7 +2911,7 @@ const Tt = "emailHelperTextBox_", Ns = ({
     link: {},
     mail: {},
     error: ""
-  }), [c, f] = te(!1), u = na(
+  }), [c, f] = te(!1), l = na(
     (p) => {
       p.preventDefault(), p.stopPropagation();
       const g = (y) => {
@@ -2898,7 +2922,7 @@ const Tt = "emailHelperTextBox_", Ns = ({
             "data-gtm-event-context": "VerifyEmailBox",
             "data-gtm-event-type": "SendEmailClick",
             className: "gtm-trackable",
-            onClick: (_) => u(_),
+            onClick: (_) => l(_),
             href: "#",
             "data-testid": "send-verify-email-click"
           },
@@ -2954,7 +2978,7 @@ const Tt = "emailHelperTextBox_", Ns = ({
             "data-gtm-event-context": "VerifyEmailBox",
             "data-gtm-event-type": "SendEmailClick",
             className: "gtm-trackable",
-            onClick: (v) => u(v),
+            onClick: (v) => l(v),
             "data-testid": "send-verify-email-click"
           };
           break;
@@ -2983,9 +3007,9 @@ const Tt = "emailHelperTextBox_", Ns = ({
     /* eslint-disable react-hooks/exhaustive-deps */
     [t]
   );
-  const l = {};
+  const u = {};
   return ["link", "mail"].forEach((p) => {
-    l[p] = Object.keys(s[p]).length ? (g) => /* @__PURE__ */ a.jsx("a", { ...s[p], children: g }) : (g) => g;
+    u[p] = Object.keys(s[p]).length ? (g) => /* @__PURE__ */ a.jsx("a", { ...s[p], children: g }) : (g) => g;
   }), /* @__PURE__ */ a.jsx(
     as,
     {
@@ -3001,7 +3025,7 @@ const Tt = "emailHelperTextBox_", Ns = ({
         i.formatMessage(
           { id: `${s.path}_text` },
           {
-            ...l,
+            ...u,
             strong: (p) => /* @__PURE__ */ a.jsx("strong", { children: p }),
             em: (p) => /* @__PURE__ */ a.jsx("em", { children: p }),
             br: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
@@ -3025,12 +3049,12 @@ const Tt = "emailHelperTextBox_", Ns = ({
   placeholder: o,
   type: c = "text",
   value: f,
-  ...u
+  ...l
 }) => {
-  const l = pe(), d = r || l;
+  const u = pe(), d = r || u;
   return Y.createElement(e, {
     ref: d,
-    ...u,
+    ...l,
     type: c,
     id: n,
     name: s,
@@ -3066,7 +3090,7 @@ const Ke = {
     input: t,
     displayInput: t,
     debouncedInput: t
-  }), [{ predictions: u, activePredictionIndex: l, isPredictionSelected: d }, m] = te({
+  }), [{ predictions: l, activePredictionIndex: u, isPredictionSelected: d }, m] = te({
     predictions: [],
     activePredictionIndex: -1,
     isPredictionSelected: !!t
@@ -3088,10 +3112,10 @@ const Ke = {
       }
     })() : m((v) => ({ ...v, predictions: [] }));
   }, [c, d]), ae(() => {
-    l >= 0 && u[l] && f((v) => ({ ...v, displayInput: u[l].description }));
-  }, [l, u]);
+    u >= 0 && l[u] && f((v) => ({ ...v, displayInput: l[u].description }));
+  }, [u, l]);
   const g = (v) => {
-    [Ke.DOWN, Ke.UP, Ke.ENTER].includes(v.key) && (v.preventDefault(), v.key === Ke.DOWN && l < u.length - 1 ? m((b) => ({ ...b, activePredictionIndex: l + 1 })) : v.key === Ke.UP && l > 0 ? m((b) => ({ ...b, activePredictionIndex: l - 1 })) : v.key === Ke.ENTER && l > -1 && (r(u[l].description), f((b) => ({ ...b, input: u[l].description })), m((b) => ({ ...b, predictions: [], isPredictionSelected: !0 }))));
+    [Ke.DOWN, Ke.UP, Ke.ENTER].includes(v.key) && (v.preventDefault(), v.key === Ke.DOWN && u < l.length - 1 ? m((b) => ({ ...b, activePredictionIndex: u + 1 })) : v.key === Ke.UP && u > 0 ? m((b) => ({ ...b, activePredictionIndex: u - 1 })) : v.key === Ke.ENTER && u > -1 && (r(l[u].description), f((b) => ({ ...b, input: l[u].description })), m((b) => ({ ...b, predictions: [], isPredictionSelected: !0 }))));
   }, y = (v) => {
     r(v.target.value), f((b) => ({ ...b, input: v.target.value, displayInput: v.target.value })), m((b) => ({ ...b, activePredictionIndex: -1, isPredictionSelected: !1 }));
   }, _ = (v) => {
@@ -3108,12 +3132,12 @@ const Ke = {
         placeholder: e
       }
     ),
-    /* @__PURE__ */ a.jsx("ul", { className: "predictions-list", children: u.map((v, b) => /* @__PURE__ */ a.jsx(
+    /* @__PURE__ */ a.jsx("ul", { className: "predictions-list", children: l.map((v, b) => /* @__PURE__ */ a.jsx(
       "li",
       {
         onClick: () => _(v),
         onMouseEnter: () => m((j) => ({ ...j, activePredictionIndex: b })),
-        className: S("predictions-list-item", { active: b === l }),
+        className: S("predictions-list-item", { active: b === u }),
         children: v.description
       },
       b
@@ -3131,12 +3155,12 @@ const wa = ({
   intlPath: o = !1,
   label: c,
   shownValue: f = !0,
-  type: u = "checkbox",
-  value: l,
+  type: l = "checkbox",
+  value: u,
   ...d
 }) => {
   const m = K(), { onChange: p, ...g } = r, y = () => {
-    e || p(l ? null : f);
+    e || p(u ? null : f);
   }, _ = /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsx(
       "input",
@@ -3144,9 +3168,9 @@ const wa = ({
         ref: s,
         id: i,
         name: i,
-        type: u,
+        type: l,
         value: f,
-        checked: l,
+        checked: u,
         onKeyDown: (v) => {
           (v.key === "Enter" || v.code === "Space") && (v.preventDefault(), v.stopPropagation(), y());
         },
@@ -3195,9 +3219,9 @@ const Fs = ({
   placeholder: o,
   multiSelect: c,
   multiSelectOptions: f,
-  id: u
+  id: l
 }) => {
-  const l = K(), [d, m] = te(!1), p = r || n, g = Array.isArray(p) ? [...p] : p ? [p] : [], [y, _] = te(g);
+  const u = K(), [d, m] = te(!1), p = r || n, g = Array.isArray(p) ? [...p] : p ? [p] : [], [y, _] = te(g);
   let v;
   Array.isArray(y) && y.length === 1 && typeof y[0] == "string" ? v = e && y ? e.find((R) => R.id === y[0]) : e ? e[0] : { id: "", label: "" } : Array.isArray(y) && y.length === 1 && typeof y[0] != "string" ? v = y[0] : v = { id: "", label: "" }, ae(() => {
     _(g);
@@ -3266,7 +3290,7 @@ const Fs = ({
                     size: "small",
                     onClick: () => D("all"),
                     className: "gtm-trackable",
-                    children: l.formatMessage({ id: "dropdown_menu_multiselect_all" })
+                    children: u.formatMessage({ id: "dropdown_menu_multiselect_all" })
                   }
                 ) }),
                 /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
@@ -3276,7 +3300,7 @@ const Fs = ({
                     size: "small",
                     onClick: () => D("none"),
                     className: "gtm-trackable",
-                    children: l.formatMessage({ id: "dropdown_menu_multiselect_none" })
+                    children: u.formatMessage({ id: "dropdown_menu_multiselect_none" })
                   }
                 ) })
               ] })
@@ -3314,13 +3338,13 @@ const Fs = ({
                 j && j(y), document.dispatchEvent(
                   new CustomEvent("dropdownMultiSelectSubmit", {
                     detail: {
-                      id: u || "dropdown-multi-select",
+                      id: l || "dropdown-multi-select",
                       value: y
                     }
                   })
                 ), m(!1);
               },
-              children: l.formatMessage({ id: "form_submit" })
+              children: u.formatMessage({ id: "form_submit" })
             }
           ) })
         ]
@@ -3339,11 +3363,11 @@ const Os = ({
   name: o,
   options: c,
   required: f,
-  type: u = "checkboxes",
-  value: l,
+  type: l = "checkboxes",
+  value: u,
   ...d
 }) => {
-  const m = K(), p = s ? l : [], g = l;
+  const m = K(), p = s ? u : [], g = u;
   return /* @__PURE__ */ a.jsx(
     "ul",
     {
@@ -3373,7 +3397,7 @@ const Os = ({
             {
               element: "li",
               id: j,
-              type: u === "checkboxes" ? "checkbox" : "radio",
+              type: l === "checkboxes" ? "checkbox" : "radio",
               shownValue: v,
               value: s ? p == null ? void 0 : p.includes(v) : g === v,
               functions: {
@@ -3399,9 +3423,9 @@ const As = ({
   gtm: { context: n } = { context: void 0 },
   ...r
 }) => {
-  const i = K(), s = pe(), o = t || s, [c, f] = te(!1), [u, l] = te(e), d = () => {
+  const i = K(), s = pe(), o = t || s, [c, f] = te(!1), [l, u] = te(e), d = () => {
     var m;
-    f(!c), l(c ? "password" : "text"), (m = o.current) == null || m.focus();
+    f(!c), u(c ? "password" : "text"), (m = o.current) == null || m.focus();
   };
   return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsx(
@@ -3422,7 +3446,7 @@ const As = ({
         })
       }
     ),
-    /* @__PURE__ */ a.jsx(mt, { inputRef: o, type: u, ...r })
+    /* @__PURE__ */ a.jsx(mt, { inputRef: o, type: l, ...r })
   ] });
 };
 const Ge = {
@@ -3445,13 +3469,13 @@ const Ge = {
   showRequiredLabels: o = !0,
   type: c,
   validation: f,
-  value: u,
-  ...l
+  value: l,
+  ...u
 }) => {
-  const d = K(), m = f && f.some(({ condition: T }) => T === "required"), p = (u == null ? void 0 : u.toString().length) || 0, g = c && Ge[c] && Ge[c].component ? Ge[c].component : mt, y = {};
+  const d = K(), m = f && f.some(({ condition: T }) => T === "required"), p = (l == null ? void 0 : l.toString().length) || 0, g = c && Ge[c] && Ge[c].component ? Ge[c].component : mt, y = {};
   c && ["checkboxes"].includes(c) ? y.element = "span" : y.htmlFor = t;
   let _ = {
-    ...l,
+    ...u,
     id: t,
     name: t,
     className: r ? "error" : "",
@@ -3459,12 +3483,12 @@ const Ge = {
     required: m,
     "aria-required": m,
     functions: ft(i),
-    value: u
+    value: l
   };
   s > 0 && (_["data-character-limit"] = s, _.functions && (_.functions.onChange = (T) => {
     ((T == null ? void 0 : T.toString().length) || 0) > s && (T = T == null ? void 0 : T.toString().slice(0, s)), i.onChange(T);
   })), c && Ge[c] && Ge[c].props && (_ = { ..._, ...Ge[c].props }), c && ["checkboxes"].includes(c) && (_.intlPath = `${e}_${t}`), r && (_["aria-invalid"] = !0, _["aria-describedby"] = `error-${t}`);
-  const v = l.label || d.formatMessage({ id: e ? `${e}_${t}` : t }), b = ({ ...T }) => r ? Y.createElement(
+  const v = u.label || d.formatMessage({ id: e ? `${e}_${t}` : t }), b = ({ ...T }) => r ? Y.createElement(
     T.as || "dd",
     {
       id: `error-${t}`,
@@ -3558,9 +3582,9 @@ const Ge = {
         },
         onSuccess: f = () => {
         },
-        onFailure: u = () => {
+        onFailure: l = () => {
         },
-        intl: l
+        intl: u
       } = r, d = ft(Object.keys(i));
       for (const m of o)
         if (m.validation)
@@ -3574,18 +3598,18 @@ const Ge = {
               const v = s[m.id];
               switch (g) {
                 case "required":
-                  (!v || typeof v == "string" && v.trim().length === 0) && (_ = y || (l == null ? void 0 : l.formatMessage({ id: "form_error_required" })));
+                  (!v || typeof v == "string" && v.trim().length === 0) && (_ = y || (u == null ? void 0 : u.formatMessage({ id: "form_error_required" })));
                   break;
                 case "no-numbers": {
-                  v && !/^([^0-9]*)$/.test(v) && (_ = y || (l == null ? void 0 : l.formatMessage({ id: "form_error_numbers" })));
+                  v && !/^([^0-9]*)$/.test(v) && (_ = y || (u == null ? void 0 : u.formatMessage({ id: "form_error_numbers" })));
                   break;
                 }
                 case "valid-email": {
-                  v && !/^(([^<>()[\]\\.,;:\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(v) && (_ = y || (l == null ? void 0 : l.formatMessage({ id: "form_error_email" })));
+                  v && !/^(([^<>()[\]\\.,;:\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(v) && (_ = y || (u == null ? void 0 : u.formatMessage({ id: "form_error_email" })));
                   break;
                 }
                 case "valid-url": {
-                  v && !/^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\(\)\*\+,;=.]+$/.test(v) && (_ = y || (l == null ? void 0 : l.formatMessage({ id: "form_error_url" })));
+                  v && !/^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\(\)\*\+,;=.]+$/.test(v) && (_ = y || (u == null ? void 0 : u.formatMessage({ id: "form_error_url" })));
                   break;
                 }
                 default:
@@ -3600,7 +3624,7 @@ const Ge = {
               break;
             }
           }
-      return d.length === 0 ? f(s) : u(s, d), {
+      return d.length === 0 ? f(s) : l(s, d), {
         ...t,
         isSubmitting: !1
       };
@@ -3641,8 +3665,8 @@ const Xn = ({
   meta: {
     shouldShowCancelButton: c = !1,
     shouldReset: f = !0,
-    showRequiredLabels: u = !0,
-    showSuccessMessage: l = !1
+    showRequiredLabels: l = !0,
+    showSuccessMessage: u = !1
   } = {
     shouldShowCancelButton: !1,
     shouldReset: !0,
@@ -3810,7 +3834,7 @@ const Xn = ({
               {
                 intlPath: i,
                 ...I,
-                showRequiredLabels: u,
+                showRequiredLabels: l,
                 value: z,
                 error: M == null ? void 0 : M[J],
                 functions: {
@@ -3836,7 +3860,7 @@ const Xn = ({
         ]
       }
     ),
-    l && C && /* @__PURE__ */ a.jsx(qt, { className: "success", children: typeof l == "string" ? l : w.formatMessage({ id: "form_success" }) })
+    u && C && /* @__PURE__ */ a.jsx(qt, { className: "success", children: typeof u == "string" ? u : w.formatMessage({ id: "form_success" }) })
   ] });
 };
 const Et = "passwordRules_", ja = "isMoreThanEightCharacters", ka = "includesNumberAndSymbol", Ta = "includesLowerAndUppercase", Ls = {
@@ -3889,26 +3913,26 @@ const Ul = ({
   className: s = "",
   hasLoaded: o = !1
 }) => {
-  const c = K(), [f, u] = te({
+  const c = K(), [f, l] = te({
     setUp: !1,
     id: null,
     rating: null,
     disabled: !0
-  }), l = async () => {
+  }), u = async () => {
     try {
       const v = await n();
-      u((b) => ({
+      l((b) => ({
         ...b,
         setUp: !0,
         id: v && v.id,
         disabled: !1
       }));
     } catch (v) {
-      u((b) => ({ ...b, setUp: !0, disabled: !0 })), i(v);
+      l((b) => ({ ...b, setUp: !0, disabled: !0 })), i(v);
     }
   };
   if (ae(() => {
-    o && !f.setUp && l();
+    o && !f.setUp && u();
   }, [o]), !o)
     return /* @__PURE__ */ a.jsx(Te, { className: "rating-placeholder" });
   const { id: d, rating: m, disabled: p } = f, g = "ratings_", y = {
@@ -3920,11 +3944,11 @@ const Ul = ({
   }, _ = async (v) => {
     if (!(!d || p))
       try {
-        u((b) => ({ ...b, rating: v, disabled: !0 })), await r({ id: d, value: v });
+        l((b) => ({ ...b, rating: v, disabled: !0 })), await r({ id: d, value: v });
       } catch (b) {
-        u((j) => ({ ...j, rating: null })), i(b);
+        l((j) => ({ ...j, rating: null })), i(b);
       } finally {
-        u((b) => ({ ...b, disabled: !1 }));
+        l((b) => ({ ...b, disabled: !1 }));
       }
   };
   return /* @__PURE__ */ a.jsxs("div", { className: S("rating", s), children: [
@@ -3977,15 +4001,15 @@ const zl = ({
   ae(() => {
     r && f(r);
   }, [r]);
-  const u = (l) => {
-    s || (f(l), i(l));
+  const l = (u) => {
+    s || (f(u), i(u));
   };
   return /* @__PURE__ */ a.jsxs(
     "div",
     {
       className: S("toggle", o),
-      onClick: (l) => {
-        l.preventDefault(), l.stopPropagation(), u(c === n[0].value ? n[1].value : n[0].value);
+      onClick: (u) => {
+        u.preventDefault(), u.stopPropagation(), l(c === n[0].value ? n[1].value : n[0].value);
       },
       children: [
         /* @__PURE__ */ a.jsx("p", { children: e }),
@@ -3996,8 +4020,8 @@ const zl = ({
               disabled: s,
               on: c === n[1].value
             }),
-            children: n.map((l) => {
-              const d = `${t}-${l.value}`;
+            children: n.map((u) => {
+              const d = `${t}-${u.value}`;
               return /* @__PURE__ */ a.jsxs("li", { className: "hidden", children: [
                 /* @__PURE__ */ a.jsx(
                   "input",
@@ -4005,13 +4029,13 @@ const zl = ({
                     type: "radio",
                     id: d,
                     name: t,
-                    value: l.value,
-                    checked: c === l.value,
-                    onChange: () => u(l.value),
+                    value: u.value,
+                    checked: c === u.value,
+                    onChange: () => l(u.value),
                     disabled: s
                   }
                 ),
-                /* @__PURE__ */ a.jsx("label", { htmlFor: d, children: l.label })
+                /* @__PURE__ */ a.jsx("label", { htmlFor: d, children: u.label })
               ] }, d);
             })
           }
@@ -4021,8 +4045,8 @@ const zl = ({
   );
 };
 function Zl({ className: t = "", userId: e, userName: n, src: r, setUserImage: i, uploadImage: s }) {
-  const [o, c] = te(!1), [f, u] = te(!1), l = pe(null), d = async (m) => {
-    c(!0), u(!1);
+  const [o, c] = te(!1), [f, l] = te(!1), u = pe(null), d = async (m) => {
+    c(!0), l(!1);
     try {
       const p = m.target.files && m.target.files[0];
       if (!p || !e)
@@ -4036,7 +4060,7 @@ function Zl({ className: t = "", userId: e, userName: n, src: r, setUserImage: i
         }
       }));
     } catch {
-      u(!0);
+      l(!0);
     } finally {
       c(!1);
     }
@@ -4051,7 +4075,7 @@ function Zl({ className: t = "", userId: e, userName: n, src: r, setUserImage: i
         id: "file",
         type: "file",
         accept: "image/*",
-        ref: l,
+        ref: u,
         onChange: d,
         hidden: !0,
         "data-testid": "file-input"
@@ -4060,7 +4084,7 @@ function Zl({ className: t = "", userId: e, userName: n, src: r, setUserImage: i
     /* @__PURE__ */ a.jsx(
       ie,
       {
-        onClick: () => l.current && l.current.click(),
+        onClick: () => u.current && u.current.click(),
         variant: "secondary",
         "data-gtm-event-context": "ImageField",
         "data-gtm-event-type": `${r ? "change-photo" : "add-photo"}-click`,
@@ -4129,13 +4153,13 @@ const Us = ({
   onClose: o,
   reportError: c,
   sendInvites: f,
-  initialFormStatus: u = "NOT_SUBMITTED"
+  initialFormStatus: l = "NOT_SUBMITTED"
   /* NOT_SUBMITTED */
 }) => {
-  const [l, d] = te([]), [m, p] = te(!0), [g, y] = te(u), { formatMessage: _ } = K(), v = async (T) => {
+  const [u, d] = te([]), [m, p] = te(!0), [g, y] = te(l), { formatMessage: _ } = K(), v = async (T) => {
     T.preventDefault();
     try {
-      await f(l), d([]), y(
+      await f(u), d([]), y(
         "SUCCESS"
         /* SUCCESS */
       );
@@ -4182,7 +4206,7 @@ const Us = ({
               id: "email-input",
               inputClassName: "email-input input",
               placeholder: _({ id: "inviteForm_email_placeholder" }),
-              emails: l,
+              emails: u,
               onChange: (T) => {
                 d(T), p(!T.length);
               },
@@ -4196,7 +4220,7 @@ const Us = ({
                     size: "small",
                     icon: { icon: "close" },
                     onClick: () => {
-                      D(w), p(!l.length);
+                      D(w), p(!u.length);
                     },
                     className: "remove-email-button",
                     screenreaderText: _({ id: "overlay_close" })
@@ -4220,17 +4244,17 @@ const zs = ({
   gtmContext: i = "search-bar",
   gtmEvent: s = "form-submission"
 }) => {
-  const { searchIsOpen: o = !0, isDesktopVersion: c = !1 } = n || {}, f = K(), u = pe(null);
+  const { searchIsOpen: o = !0, isDesktopVersion: c = !1 } = n || {}, f = K(), l = pe(null);
   vt(() => {
-    !n || c || !o || u.current && u.current.focus();
+    !n || c || !o || l.current && l.current.focus();
   }, [o]);
-  const l = (d) => {
-    d.preventDefault(), d.stopPropagation(), !(!u.current || !u.current.value || u.current.value.length < 1) && (window.location.href = `/search?search=${encodeURIComponent(u.current.value)}`);
+  const u = (d) => {
+    d.preventDefault(), d.stopPropagation(), !(!l.current || !l.current.value || l.current.value.length < 1) && (window.location.href = `/search?search=${encodeURIComponent(l.current.value)}`);
   };
   return /* @__PURE__ */ a.jsx(
     "form",
     {
-      onSubmit: l,
+      onSubmit: u,
       className: S("search-form gtm-trackable", e),
       "data-gtm-event-context": i,
       "data-gtm-event-type": s,
@@ -4252,14 +4276,14 @@ const zs = ({
             /* @__PURE__ */ a.jsx(
               "input",
               {
-                ref: u,
+                ref: l,
                 type: "search",
                 id: t,
                 name: t,
                 defaultValue: r,
                 placeholder: f.formatMessage({ id: "search_placeholder" }),
                 onKeyDown: (d) => {
-                  d.key === "Enter" && l(d);
+                  d.key === "Enter" && u(d);
                 }
               }
             ),
@@ -4268,12 +4292,12 @@ const zs = ({
               {
                 className: "clear",
                 onClick: (d) => {
-                  d.preventDefault(), d.stopPropagation(), u.current && u.current.value && (u.current.value = "");
+                  d.preventDefault(), d.stopPropagation(), l.current && l.current.value && (l.current.value = "");
                 },
                 children: /* @__PURE__ */ a.jsx(be, { children: f.formatMessage({ id: "search_clear" }) })
               }
             ),
-            /* @__PURE__ */ a.jsx("button", { className: "search", onClick: l, children: /* @__PURE__ */ a.jsx(be, { children: f.formatMessage({ id: "search_cta" }) }) })
+            /* @__PURE__ */ a.jsx("button", { className: "search", onClick: u, children: /* @__PURE__ */ a.jsx(be, { children: f.formatMessage({ id: "search_cta" }) }) })
           ] })
         }
       )
@@ -4310,15 +4334,15 @@ const zs = ({
       { type: "validFields.email", value: !1 }
     ]);
   }
-  const { valid: c = !1, autoApproved: f = !1, exists: u } = o;
-  let l = "";
-  return c ? l = f ? "gov" : "nonGov" : u.registration ? u.engagement && !u.user ? l = u.auth ? "verify" : "pending" : l = "exists" : u.auth && (l = "exists"), n([
+  const { valid: c = !1, autoApproved: f = !1, exists: l } = o;
+  let u = "";
+  return c ? u = f ? "gov" : "nonGov" : l.registration ? l.engagement && !l.user ? u = l.auth ? "verify" : "pending" : u = "exists" : l.auth && (u = "exists"), n([
     { type: "shouldManuallyApprove", value: !f },
     {
       type: "emailDetails",
       value: {
         email: i,
-        boxType: l,
+        boxType: u,
         isEnd2End: /testing\+[0-9]+@apolitical.co$/.test(i)
       }
     },
@@ -4366,16 +4390,16 @@ const zs = ({
   intl: c
   // We need to pass `intl` in as it's being used in a hook
 }) => {
-  const { emailDetails: f } = i, u = (d, m) => {
+  const { emailDetails: f } = i, l = (d, m) => {
     d.current && i.validFields[m] !== d.current.validity.valid && s([{ type: `validFields.${m}`, value: d.current.validity.valid }]);
-  }, l = [
+  }, u = [
     {
       id: "full_name",
       type: "text",
       inputRef: r.name,
       placeholder: c.formatMessage({ id: "signup_full_name_placeholder" }),
       functions: {
-        onChange: () => u(r.name, "name"),
+        onChange: () => l(r.name, "name"),
         onFocus: () => s([{ type: "loadRecaptcha", value: !0 }])
       },
       autoComplete: "name",
@@ -4414,14 +4438,14 @@ const zs = ({
       }
     }
   ];
-  return i.shouldManuallyApprove && (l.push(
+  return i.shouldManuallyApprove && (u.push(
     {
       id: "job_title",
       type: "text",
       inputRef: r.jobTitle,
       placeholder: c.formatMessage({ id: "signup_job_title_placeholder" }),
       functions: {
-        onChange: () => u(r.jobTitle, "jobTitle")
+        onChange: () => l(r.jobTitle, "jobTitle")
       },
       validation: [{ condition: "required" }],
       "data-testid": "signup-job-input"
@@ -4435,13 +4459,13 @@ const zs = ({
       }),
       functions: {
         onChange: () => {
-          u(r.organisation, "organisation");
+          l(r.organisation, "organisation");
         }
       },
       validation: [{ condition: "required" }],
       "data-testid": "signup-org-input"
     }
-  ), t.url && l.push({
+  ), t.url && u.push({
     id: "url",
     type: "text",
     label: c.formatMessage(
@@ -4453,7 +4477,7 @@ const zs = ({
     placeholder: c.formatMessage({ id: "signup_url_placeholder" }),
     validation: [{ condition: "valid-url" }],
     "data-testid": "signup-url-input"
-  })), t.expectation && l.push({
+  })), t.expectation && u.push({
     id: "expectation",
     className: "expectation",
     type: "text",
@@ -4465,7 +4489,7 @@ const zs = ({
     ),
     placeholder: c.formatMessage({ id: "signup_expectation_placeholder" }),
     "data-testid": "signup-events-question"
-  }), l.push({
+  }), u.push({
     id: "terms",
     className: "text-small",
     type: "checkbox",
@@ -4511,7 +4535,7 @@ const zs = ({
     },
     validation: [{ condition: "required" }],
     "data-testid": "signup-terms-checkbox"
-  }), l;
+  }), u;
 };
 const Vs = ({ className: t = "" }) => /* @__PURE__ */ a.jsxs(
   "div",
@@ -4566,8 +4590,8 @@ const Ys = {
   ...s
 }) => {
   const o = K(), [c, f] = Zn(ua, Ys), {
-    validFields: u,
-    emailDetails: l,
+    validFields: l,
+    emailDetails: u,
     shouldManuallyApprove: d,
     showSuccessMessage: m,
     showError: p
@@ -4604,7 +4628,7 @@ const Ys = {
     dispatch: f,
     dataToSubmit: i,
     intl: o
-  }), [i, e, o, _, n, c]), b = d ? !Object.values(u).every((j) => j === !0) : !u.name || !u.email || ["exists", "pending", "verify"].includes(l.boxType);
+  }), [i, e, o, _, n, c]), b = d ? !Object.values(l).every((j) => j === !0) : !l.name || !l.email || ["exists", "pending", "verify"].includes(u.boxType);
   return n.successMessage && m ? /* @__PURE__ */ a.jsx(Vs, { className: t }) : /* @__PURE__ */ a.jsxs(
     "fieldset",
     {
@@ -4695,7 +4719,7 @@ function Ks() {
   if (Nr)
     return ue;
   Nr = 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, i = t ? Symbol.for("react.strict_mode") : 60108, s = t ? Symbol.for("react.profiler") : 60114, o = t ? Symbol.for("react.provider") : 60109, c = t ? Symbol.for("react.context") : 60110, f = t ? Symbol.for("react.async_mode") : 60111, u = t ? Symbol.for("react.concurrent_mode") : 60111, l = t ? Symbol.for("react.forward_ref") : 60112, d = 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, y = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, v = t ? Symbol.for("react.responder") : 60118, b = t ? Symbol.for("react.scope") : 60119;
+  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, i = t ? Symbol.for("react.strict_mode") : 60108, s = t ? Symbol.for("react.profiler") : 60114, o = t ? Symbol.for("react.provider") : 60109, c = t ? Symbol.for("react.context") : 60110, f = t ? Symbol.for("react.async_mode") : 60111, l = t ? Symbol.for("react.concurrent_mode") : 60111, u = t ? Symbol.for("react.forward_ref") : 60112, d = 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, y = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, v = t ? Symbol.for("react.responder") : 60118, b = t ? Symbol.for("react.scope") : 60119;
   function j(w) {
     if (typeof w == "object" && w !== null) {
       var D = w.$$typeof;
@@ -4703,7 +4727,7 @@ function Ks() {
         case e:
           switch (w = w.type, w) {
             case f:
-            case u:
+            case l:
             case r:
             case s:
             case i:
@@ -4712,7 +4736,7 @@ function Ks() {
             default:
               switch (w = w && w.$$typeof, w) {
                 case c:
-                case l:
+                case u:
                 case g:
                 case p:
                 case o:
@@ -4727,9 +4751,9 @@ function Ks() {
     }
   }
   function T(w) {
-    return j(w) === u;
+    return j(w) === l;
   }
-  return ue.AsyncMode = f, ue.ConcurrentMode = u, ue.ContextConsumer = c, ue.ContextProvider = o, ue.Element = e, ue.ForwardRef = l, ue.Fragment = r, ue.Lazy = g, ue.Memo = p, ue.Portal = n, ue.Profiler = s, ue.StrictMode = i, ue.Suspense = d, ue.isAsyncMode = function(w) {
+  return ue.AsyncMode = f, 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 = s, ue.StrictMode = i, ue.Suspense = d, ue.isAsyncMode = function(w) {
     return T(w) || j(w) === f;
   }, ue.isConcurrentMode = T, ue.isContextConsumer = function(w) {
     return j(w) === c;
@@ -4738,7 +4762,7 @@ function Ks() {
   }, ue.isElement = function(w) {
     return typeof w == "object" && w !== null && w.$$typeof === e;
   }, ue.isForwardRef = function(w) {
-    return j(w) === l;
+    return j(w) === u;
   }, ue.isFragment = function(w) {
     return j(w) === r;
   }, ue.isLazy = function(w) {
@@ -4754,7 +4778,7 @@ function Ks() {
   }, ue.isSuspense = function(w) {
     return j(w) === d;
   }, ue.isValidElementType = function(w) {
-    return typeof w == "string" || typeof w == "function" || w === r || w === u || w === s || w === i || w === d || w === m || typeof w == "object" && w !== null && (w.$$typeof === g || w.$$typeof === p || w.$$typeof === o || w.$$typeof === c || w.$$typeof === l || w.$$typeof === _ || w.$$typeof === v || w.$$typeof === b || w.$$typeof === y);
+    return typeof w == "string" || typeof w == "function" || w === r || w === l || w === s || w === i || w === d || w === m || typeof w == "object" && w !== null && (w.$$typeof === g || w.$$typeof === p || w.$$typeof === o || w.$$typeof === c || w.$$typeof === u || w.$$typeof === _ || w.$$typeof === v || w.$$typeof === b || w.$$typeof === y);
   }, ue.typeOf = j, ue;
 }
 var de = {};
@@ -4769,10 +4793,10 @@ var de = {};
 var Pr;
 function Gs() {
   return Pr || (Pr = 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, i = t ? Symbol.for("react.strict_mode") : 60108, s = t ? Symbol.for("react.profiler") : 60114, o = t ? Symbol.for("react.provider") : 60109, c = t ? Symbol.for("react.context") : 60110, f = t ? Symbol.for("react.async_mode") : 60111, u = t ? Symbol.for("react.concurrent_mode") : 60111, l = t ? Symbol.for("react.forward_ref") : 60112, d = 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, y = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, v = t ? Symbol.for("react.responder") : 60118, b = t ? Symbol.for("react.scope") : 60119;
+    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, i = t ? Symbol.for("react.strict_mode") : 60108, s = t ? Symbol.for("react.profiler") : 60114, o = t ? Symbol.for("react.provider") : 60109, c = t ? Symbol.for("react.context") : 60110, f = t ? Symbol.for("react.async_mode") : 60111, l = t ? Symbol.for("react.concurrent_mode") : 60111, u = t ? Symbol.for("react.forward_ref") : 60112, d = 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, y = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, v = t ? Symbol.for("react.responder") : 60118, b = t ? Symbol.for("react.scope") : 60119;
     function j(A) {
       return typeof A == "string" || typeof A == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      A === r || A === u || A === s || A === i || A === d || A === m || typeof A == "object" && A !== null && (A.$$typeof === g || A.$$typeof === p || A.$$typeof === o || A.$$typeof === c || A.$$typeof === l || A.$$typeof === _ || A.$$typeof === v || A.$$typeof === b || A.$$typeof === y);
+      A === r || A === l || A === s || A === i || A === d || A === m || typeof A == "object" && A !== null && (A.$$typeof === g || A.$$typeof === p || A.$$typeof === o || A.$$typeof === c || A.$$typeof === u || A.$$typeof === _ || A.$$typeof === v || A.$$typeof === b || A.$$typeof === y);
     }
     function T(A) {
       if (typeof A == "object" && A !== null) {
@@ -4782,7 +4806,7 @@ function Gs() {
             var $e = A.type;
             switch ($e) {
               case f:
-              case u:
+              case l:
               case r:
               case s:
               case i:
@@ -4792,7 +4816,7 @@ function Gs() {
                 var Ee = $e && $e.$$typeof;
                 switch (Ee) {
                   case c:
-                  case l:
+                  case u:
                   case g:
                   case p:
                   case o:
@@ -4806,12 +4830,12 @@ function Gs() {
         }
       }
     }
-    var w = f, D = u, R = c, W = o, M = e, O = l, C = r, E = g, x = p, $ = n, L = s, U = i, I = d, Z = !1;
+    var w = f, D = l, R = c, W = o, M = e, O = u, C = r, E = g, x = p, $ = n, L = s, U = i, I = d, Z = !1;
     function J(A) {
       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.")), k(A) || T(A) === f;
     }
     function k(A) {
-      return T(A) === u;
+      return T(A) === l;
     }
     function N(A) {
       return T(A) === c;
@@ -4823,7 +4847,7 @@ function Gs() {
       return typeof A == "object" && A !== null && A.$$typeof === e;
     }
     function H(A) {
-      return T(A) === l;
+      return T(A) === u;
     }
     function ee(A) {
       return T(A) === r;
@@ -4878,28 +4902,28 @@ function Qs() {
         return !1;
       for (var o = {}, c = 0; c < 10; c++)
         o["_" + String.fromCharCode(c)] = c;
-      var f = Object.getOwnPropertyNames(o).map(function(l) {
-        return o[l];
+      var f = Object.getOwnPropertyNames(o).map(function(u) {
+        return o[u];
       });
       if (f.join("") !== "0123456789")
         return !1;
-      var u = {};
-      return "abcdefghijklmnopqrst".split("").forEach(function(l) {
-        u[l] = l;
-      }), Object.keys(Object.assign({}, u)).join("") === "abcdefghijklmnopqrst";
+      var l = {};
+      return "abcdefghijklmnopqrst".split("").forEach(function(u) {
+        l[u] = u;
+      }), Object.keys(Object.assign({}, l)).join("") === "abcdefghijklmnopqrst";
     } catch {
       return !1;
     }
   }
   return pn = i() ? Object.assign : function(s, o) {
-    for (var c, f = r(s), u, l = 1; l < arguments.length; l++) {
-      c = Object(arguments[l]);
+    for (var c, f = r(s), l, u = 1; u < arguments.length; u++) {
+      c = Object(arguments[u]);
       for (var d in c)
         e.call(c, d) && (f[d] = c[d]);
       if (t) {
-        u = t(c);
-        for (var m = 0; m < u.length; m++)
-          n.call(c, u[m]) && (f[u[m]] = c[u[m]]);
+        l = t(c);
+        for (var m = 0; m < l.length; m++)
+          n.call(c, l[m]) && (f[l[m]] = c[l[m]]);
       }
     }
     return f;
@@ -4935,27 +4959,27 @@ function Js() {
       }
     };
   }
-  function i(s, o, c, f, u) {
+  function i(s, o, c, f, l) {
     if (process.env.NODE_ENV !== "production") {
-      for (var l in s)
-        if (r(s, l)) {
+      for (var u in s)
+        if (r(s, u)) {
           var d;
           try {
-            if (typeof s[l] != "function") {
+            if (typeof s[u] != "function") {
               var m = Error(
-                (f || "React class") + ": " + c + " type `" + l + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[l] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+                (f || "React class") + ": " + c + " type `" + u + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[u] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
               throw m.name = "Invariant Violation", m;
             }
-            d = s[l](o, l, f, c, null, e);
+            d = s[u](o, u, f, c, null, e);
           } catch (g) {
             d = g;
           }
           if (d && !(d instanceof Error) && t(
-            (f || "React class") + ": type specification of " + c + " `" + l + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof d + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+            (f || "React class") + ": type specification of " + c + " `" + u + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof d + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
           ), d instanceof Error && !(d.message in n)) {
             n[d.message] = !0;
-            var p = u ? u() : "";
+            var p = l ? l() : "";
             t(
               "Failed " + c + " type: " + d.message + (p ?? "")
             );
@@ -4986,9 +5010,9 @@ function Xs() {
     return null;
   }
   return bn = function(c, f) {
-    var u = typeof Symbol == "function" && Symbol.iterator, l = "@@iterator";
+    var l = typeof Symbol == "function" && Symbol.iterator, u = "@@iterator";
     function d(k) {
-      var N = k && (u && k[u] || k[l]);
+      var N = k && (l && k[l] || k[u]);
       if (typeof N == "function")
         return N;
     }
@@ -5300,7 +5324,7 @@ function eo() {
   function n() {
   }
   return n.resetWarningCache = e, yn = function() {
-    function r(o, c, f, u, l, d) {
+    function r(o, c, f, l, u, d) {
       if (d !== t) {
         var m = new Error(
           "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
@@ -5372,14 +5396,14 @@ var Ca = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
     var o = s.shift();
     if (!Zt(o, !1))
       if (o.tagName === "SLOT") {
-        var c = o.assignedElements(), f = c.length ? c : o.children, u = t(f, !0, r);
-        r.flatten ? i.push.apply(i, u) : i.push({
+        var c = o.assignedElements(), f = c.length ? c : o.children, l = t(f, !0, r);
+        r.flatten ? i.push.apply(i, l) : i.push({
           scopeParent: o,
-          candidates: u
+          candidates: l
         });
       } else {
-        var l = Ze.call(o, Ut);
-        l && r.filter(o) && (n || !e.includes(o)) && i.push(o);
+        var u = Ze.call(o, Ut);
+        u && r.filter(o) && (n || !e.includes(o)) && i.push(o);
         var d = o.shadowRoot || // check for an undisclosed shadow
         typeof r.getShadowRoot == "function" && r.getShadowRoot(o), m = !Zt(d, !1) && (!r.shadowRootFilter || r.shadowRootFilter(o));
         if (d && m) {
@@ -5442,8 +5466,8 @@ var Ca = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   if (r && r !== e) {
     var o, c, f;
     for (s = !!((o = i) !== null && o !== void 0 && (c = o.ownerDocument) !== null && c !== void 0 && c.contains(i) || e != null && (f = e.ownerDocument) !== null && f !== void 0 && f.contains(e)); !s && i; ) {
-      var u, l, d;
-      r = zt(i), i = (u = r) === null || u === void 0 ? void 0 : u.host, s = !!((l = i) !== null && l !== void 0 && (d = l.ownerDocument) !== null && d !== void 0 && d.contains(i));
+      var l, u, d;
+      r = zt(i), i = (l = r) === null || l === void 0 ? void 0 : l.host, s = !!((u = i) !== null && u !== void 0 && (d = u.ownerDocument) !== null && d !== void 0 && d.contains(i));
     }
   }
   return s;
@@ -5460,10 +5484,10 @@ var Ca = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   if (!r || r === "full" || r === "legacy-full") {
     if (typeof i == "function") {
       for (var c = e; e; ) {
-        var f = e.parentElement, u = zt(e);
+        var f = e.parentElement, l = zt(e);
         if (f && !f.shadowRoot && i(f) === !0)
           return Lr(e);
-        e.assignedSlot ? e = e.assignedSlot : !f && u !== e.ownerDocument ? e = u.host : e = f;
+        e.assignedSlot ? e = e.assignedSlot : !f && l !== e.ownerDocument ? e = l.host : e = f;
       }
       e = c;
     }
@@ -5502,13 +5526,13 @@ var Ca = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
 }, bo = function t(e) {
   var n = [], r = [];
   return e.forEach(function(i, s) {
-    var o = !!i.scopeParent, c = o ? i.scopeParent : i, f = io(c, o), u = o ? t(i.candidates) : c;
-    f === 0 ? o ? n.push.apply(n, u) : n.push(c) : r.push({
+    var o = !!i.scopeParent, c = o ? i.scopeParent : i, f = io(c, o), l = o ? t(i.candidates) : c;
+    f === 0 ? o ? n.push.apply(n, l) : n.push(c) : r.push({
       documentOrder: s,
       tabIndex: f,
       item: i,
       isScope: o,
-      content: u
+      content: l
     });
   }), r.sort(so).reduce(function(i, s) {
     return s.isScope ? i.push.apply(i, s.content) : i.push(s.content), i;
@@ -5677,7 +5701,7 @@ var Ur = {
     recentNavEvent: void 0
   }, c, f = function(E, x, $) {
     return E && E[x] !== void 0 ? E[x] : s[$ || x];
-  }, u = function(E, x) {
+  }, l = function(E, x) {
     var $ = typeof (x == null ? void 0 : x.composedPath) == "function" ? x.composedPath() : void 0;
     return o.containerGroups.findIndex(function(L) {
       var U = L.container, I = L.tabbableNodes;
@@ -5689,7 +5713,7 @@ var Ur = {
         return Z === E;
       });
     });
-  }, l = function(E) {
+  }, u = function(E) {
     var x = s[E];
     if (typeof x == "function") {
       for (var $ = arguments.length, L = new Array($ > 1 ? $ - 1 : 0), U = 1; U < $; U++)
@@ -5706,15 +5730,15 @@ var Ur = {
       throw new Error("`".concat(E, "` as selector refers to no known node"));
     return I;
   }, d = function() {
-    var E = l("initialFocus");
+    var E = u("initialFocus");
     if (E === !1)
       return !1;
     if (E === void 0 || !Dt(E, s.tabbableOptions))
-      if (u(r.activeElement) >= 0)
+      if (l(r.activeElement) >= 0)
         E = r.activeElement;
       else {
         var x = o.tabbableGroups[0], $ = x && x.firstTabbableNode;
-        E = $ || l("fallbackFocus");
+        E = $ || u("fallbackFocus");
       }
     if (!E)
       throw new Error("Your focus-trap needs to have at least one focusable element");
@@ -5768,7 +5792,7 @@ var Ur = {
       };
     }), o.tabbableGroups = o.containerGroups.filter(function(E) {
       return E.tabbableNodes.length > 0;
-    }), o.tabbableGroups.length <= 0 && !l("fallbackFocus"))
+    }), o.tabbableGroups.length <= 0 && !u("fallbackFocus"))
       throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");
     if (o.containerGroups.find(function(E) {
       return E.posTabIndexesFound;
@@ -5789,14 +5813,14 @@ var Ur = {
       }), o.mostRecentlyFocusedNode = E, ko(E) && E.select();
     }
   }, y = function(E) {
-    var x = l("setReturnFocus", E);
+    var x = u("setReturnFocus", E);
     return x || (x === !1 ? !1 : E);
   }, _ = function(E) {
     var x = E.target, $ = E.event, L = E.isBackward, U = L === void 0 ? !1 : L;
     x = x || Ct($), m();
     var I = null;
     if (o.tabbableGroups.length > 0) {
-      var Z = u(x, $), J = Z >= 0 ? o.containerGroups[Z] : void 0;
+      var Z = l(x, $), J = Z >= 0 ? o.containerGroups[Z] : void 0;
       if (Z < 0)
         U ? I = o.tabbableGroups[o.tabbableGroups.length - 1].lastTabbableNode : I = o.tabbableGroups[0].firstTabbableNode;
       else if (U) {
@@ -5821,11 +5845,11 @@ var Ur = {
           pt($) || (I = J.nextTabbableNode(x));
       }
     } else
-      I = l("fallbackFocus");
+      I = u("fallbackFocus");
     return I;
   }, v = function(E) {
     var x = Ct(E);
-    if (!(u(x, E) >= 0)) {
+    if (!(l(x, E) >= 0)) {
       if (ot(s.clickOutsideDeactivates, E)) {
         c.deactivate({
           // NOTE: by setting `returnFocus: false`, deactivate() will do nothing,
@@ -5841,7 +5865,7 @@ var Ur = {
       ot(s.allowOutsideClick, E) || E.preventDefault();
     }
   }, b = function(E) {
-    var x = Ct(E), $ = u(x, E) >= 0;
+    var x = Ct(E), $ = l(x, E) >= 0;
     if ($ || x instanceof Document)
       $ && (o.mostRecentlyFocusedNode = x);
     else {
@@ -5849,7 +5873,7 @@ var Ur = {
       var L, U = !0;
       if (o.mostRecentlyFocusedNode)
         if (Ie(o.mostRecentlyFocusedNode) > 0) {
-          var I = u(o.mostRecentlyFocusedNode), Z = o.containerGroups[I].tabbableNodes;
+          var I = l(o.mostRecentlyFocusedNode), Z = o.containerGroups[I].tabbableNodes;
           if (Z.length > 0) {
             var J = Z.findIndex(function(k) {
               return k === o.mostRecentlyFocusedNode;
@@ -5888,7 +5912,7 @@ var Ur = {
     (s.isKeyForward(E) || s.isKeyBackward(E)) && j(E, s.isKeyBackward(E));
   }, w = function(E) {
     var x = Ct(E);
-    u(x, E) >= 0 || ot(s.clickOutsideDeactivates, E) || ot(s.allowOutsideClick, E) || (E.preventDefault(), E.stopImmediatePropagation());
+    l(x, E) >= 0 || ot(s.clickOutsideDeactivates, E) || ot(s.allowOutsideClick, E) || (E.preventDefault(), E.stopImmediatePropagation());
   }, D = function() {
     if (o.active)
       return Ur.activateTrap(i, c), o.delayInitialFocusTimer = s.delayInitialFocus ? zr(function() {
@@ -6081,21 +6105,21 @@ var $t = Y, Q = ro, qo = Po, Uo = qo.createFocusTrap, zo = Mo, Zo = zo.isFocusab
   function n(r) {
     var i;
     Ro(this, n), i = e.call(this, r), Lo(dt(i), "getNodeForOption", function(c) {
-      var f, u = (f = this.internalOptions[c]) !== null && f !== void 0 ? f : this.originalOptions[c];
-      if (typeof u == "function") {
-        for (var l = arguments.length, d = new Array(l > 1 ? l - 1 : 0), m = 1; m < l; m++)
+      var f, l = (f = this.internalOptions[c]) !== null && f !== void 0 ? f : this.originalOptions[c];
+      if (typeof l == "function") {
+        for (var u = arguments.length, d = new Array(u > 1 ? u - 1 : 0), m = 1; m < u; m++)
           d[m - 1] = arguments[m];
-        u = u.apply(void 0, d);
+        l = l.apply(void 0, d);
       }
-      if (u === !0 && (u = void 0), !u) {
-        if (u === void 0 || u === !1)
-          return u;
+      if (l === !0 && (l = void 0), !l) {
+        if (l === void 0 || l === !1)
+          return l;
         throw new Error("`".concat(c, "` was specified but was not a node, or did not return a node"));
       }
-      var p = u;
-      if (typeof u == "string") {
+      var p = l;
+      if (typeof l == "string") {
         var g;
-        if (p = (g = this.getDocument()) === null || g === void 0 ? void 0 : g.querySelector(u), !p)
+        if (p = (g = this.getDocument()) === null || g === void 0 ? void 0 : g.querySelector(l), !p)
           throw new Error("`".concat(c, "` as selector refers to no known node"));
       }
       return p;
@@ -6203,9 +6227,9 @@ var $t = Y, Q = ro, qo = Po, Uo = qo.createFocusTrap, zo = Mo, Zo = zo.isFocusab
         i.outsideClick.allowDeactivation && // is the outside node NOT focusable (implying that it did NOT receive focus
         //  as a result of the click-through) -- in which case do NOT restore focus
         //  to `returnFocusNode` because focus should remain on the outside node
-        !Zo(i.outsideClick.target, i.internalOptions.tabbableOptions))), u = i.internalOptions.preventScroll, l = u === void 0 ? !1 : u;
+        !Zo(i.outsideClick.target, i.internalOptions.tabbableOptions))), l = i.internalOptions.preventScroll, u = l === void 0 ? !1 : l;
         f && c.focus({
-          preventScroll: l
+          preventScroll: u
         }), i.originalOptions.onPostDeactivate && i.originalOptions.onPostDeactivate.call(null), i.outsideClick = null;
       };
       this.originalOptions.checkCanReturnFocus ? this.originalOptions.checkCanReturnFocus.call(null, this.getReturnFocusNode()).then(s, s) : s();
@@ -6251,9 +6275,9 @@ var $t = Y, Q = ro, qo = Po, Uo = qo.createFocusTrap, zo = Mo, Zo = zo.isFocusab
       if (s) {
         if (s.type && s.type === $t.Fragment)
           throw new Error("A focus-trap cannot use a Fragment as its child container. Try replacing it with a <div> element.");
-        var o = function(u) {
-          var l = i.props.containerElements;
-          s && (typeof s.ref == "function" ? s.ref(u) : s.ref && (s.ref.current = u)), i.focusTrapElements = l || [u];
+        var o = function(l) {
+          var u = i.props.containerElements;
+          s && (typeof s.ref == "function" ? s.ref(l) : s.ref && (s.ref.current = l)), i.focusTrapElements = u || [l];
         }, c = $t.cloneElement(s, {
           ref: o
         });
@@ -6335,8 +6359,8 @@ const en = ({
   forceShow: { error: o = !1 } = {},
   title: c,
   children: f,
-  buttons: u,
-  className: l = "",
+  buttons: l,
+  className: u = "",
   gtmContext: d = "Modal"
 }) => {
   const m = K(), [p, g] = te(e), y = (b) => {
@@ -6356,7 +6380,7 @@ const en = ({
     Da,
     {
       id: t,
-      className: S("overlay-modal", l, {
+      className: S("overlay-modal", u, {
         "has-max-width": r
       }),
       hidden: !p,
@@ -6380,9 +6404,9 @@ const en = ({
         ] }),
         n && /* @__PURE__ */ a.jsx(Oe, {}),
         f,
-        u && /* @__PURE__ */ a.jsxs("div", { className: "bottom", children: [
+        l && /* @__PURE__ */ a.jsxs("div", { className: "bottom", children: [
           /* @__PURE__ */ a.jsx(Oe, {}),
-          /* @__PURE__ */ a.jsx(_t, { buttons: u })
+          /* @__PURE__ */ a.jsx(_t, { buttons: l })
         ] }),
         o && /* @__PURE__ */ a.jsx(qt, { className: "error", children: o })
       ] }) })
@@ -6404,10 +6428,10 @@ const Hl = ({
   onClose: c,
   reportError: f = () => {
   },
-  sendInvites: u
+  sendInvites: l
 }) => {
-  const l = K();
-  return r || (r = l.formatMessage({ id: "invite-modal_formTitle" })), i || (i = l.formatMessage({ id: "invite-modal_formLabel" })), s || (s = l.formatMessage({ id: "invite-modal_cta" })), /* @__PURE__ */ a.jsx(
+  const u = K();
+  return r || (r = u.formatMessage({ id: "invite-modal_formTitle" })), i || (i = u.formatMessage({ id: "invite-modal_formLabel" })), s || (s = u.formatMessage({ id: "invite-modal_cta" })), /* @__PURE__ */ a.jsx(
     en,
     {
       title: n,
@@ -6423,7 +6447,7 @@ const Hl = ({
           label: i,
           ctaMessage: s,
           onClose: c,
-          sendInvites: u,
+          sendInvites: l,
           reportError: f
         }
       )
@@ -6477,8 +6501,8 @@ const Vl = ({ members: t }) => {
     isOngoingEvent: o,
     pill: c,
     readingTime: f,
-    publishedDate: u,
-    startDate: l
+    publishedDate: l,
+    startDate: u
   } = e;
   if (t === "question") {
     const d = i && Dn(i);
@@ -6500,8 +6524,8 @@ const Vl = ({ members: t }) => {
       ] })
     ] });
   }
-  if (l && !s || o)
-    return /* @__PURE__ */ a.jsx("p", { className: "details", children: o ? n.formatMessage({ id: "card_bootcamp" }) : ma(l) });
+  if (u && !s || o)
+    return /* @__PURE__ */ a.jsx("p", { className: "details", children: o ? n.formatMessage({ id: "card_bootcamp" }) : ma(u) });
   if (c)
     return /* @__PURE__ */ a.jsx(
       Bt,
@@ -6512,11 +6536,11 @@ const Vl = ({ members: t }) => {
         children: c
       }
     );
-  if (f || u) {
-    const d = u && Dn(u);
+  if (f || l) {
+    const d = l && Dn(l);
     return /* @__PURE__ */ a.jsxs("ul", { className: "details", children: [
       f && /* @__PURE__ */ a.jsx("li", { "data-testid": "reading-time", children: n.formatMessage({ id: "card_time_read" }, { time: f }) }),
-      u && /* @__PURE__ */ a.jsx("li", { "data-testid": "published-date", children: n.formatMessage(
+      l && /* @__PURE__ */ a.jsx("li", { "data-testid": "published-date", children: n.formatMessage(
         { id: "card_time_ago" },
         {
           time: d ? n.formatMessage(
@@ -6594,9 +6618,9 @@ const Vl = ({ members: t }) => {
   ae(() => {
     t.registered && o((_) => ({ ..._, registered: !0 }));
   }, [t.registered]);
-  const { customLinkText: c, startDate: f, dateHasPassed: u, pill: l, slug: d } = t, m = t.contentType;
+  const { customLinkText: c, startDate: f, dateHasPassed: l, pill: u, slug: d } = t, m = t.contentType;
   let p = "";
-  if ((y = Vt[m]) != null && y.gtmEvent && (p = Vt[m].gtmEvent), f && u)
+  if ((y = Vt[m]) != null && y.gtmEvent && (p = Vt[m].gtmEvent), f && l)
     return n ? /* @__PURE__ */ a.jsx(
       "a",
       {
@@ -6621,7 +6645,7 @@ const Vl = ({ members: t }) => {
       }
     ) : void 0;
   const g = ["microcourse", "event"];
-  if (e && e.onClick && g.includes(m) && l !== "premium") {
+  if (e && e.onClick && g.includes(m) && u !== "premium") {
     const _ = s.loading || s.registered, v = async (b) => {
       if (b.preventDefault(), b.stopPropagation(), !(_ || !e || !e.onClick)) {
         o((j) => ({ ...j, loading: !0 }));
@@ -6665,13 +6689,13 @@ const Go = {
   gtmContext: i = "Carousel",
   className: s = ""
 }) => {
-  const o = K(), c = Ce(De), f = c && typeof c.id == "string", [u, l] = te({
+  const o = K(), c = Ce(De), f = c && typeof c.id == "string", [l, u] = te({
     data: null,
     isLoading: !0
-  }), { data: d, isLoading: m } = u, p = na(() => {
+  }), { data: d, isLoading: m } = l, p = na(() => {
     n(e, f).then((D) => {
-      l(() => ({ data: D, isLoading: !1 }));
-    }).catch(() => l((D) => ({ ...D, isLoading: !1 })));
+      u(() => ({ data: D, isLoading: !1 }));
+    }).catch(() => u((D) => ({ ...D, isLoading: !1 })));
   }, [t]);
   if (ae(() => {
     p();
@@ -6826,16 +6850,16 @@ const ec = ({
   className: s,
   gtmContext: o
 }) => {
-  const c = K(), [f, u] = te({
+  const c = K(), [f, l] = te({
     cardsPerPage: 4,
     isLoading: !0
-  }), { cardsPerPage: l, isLoading: d } = f, [m, p] = te({
+  }), { cardsPerPage: u, isLoading: d } = f, [m, p] = te({
     currentPage: 0,
     loadedPages: [0]
-  }), { currentPage: g, loadedPages: y } = m, _ = e.length, v = Math.ceil(_ / l), b = pe(null), j = yt(!0, !0, b == null ? void 0 : b.current);
+  }), { currentPage: g, loadedPages: y } = m, _ = e.length, v = Math.ceil(_ / u), b = pe(null), j = yt(!0, !0, b == null ? void 0 : b.current);
   ae(() => {
     let M = 1;
-    j && (j >= _n.fourCards ? M = 4 : j >= _n.threeCards ? M = 3 : j >= _n.twoCards && (M = 2), M > _ && (M = _)), u((O) => ({
+    j && (j >= _n.fourCards ? M = 4 : j >= _n.threeCards ? M = 3 : j >= _n.twoCards && (M = 2), M > _ && (M = _)), l((O) => ({
       ...O,
       cardsPerPage: M,
       isLoading: !1
@@ -6870,7 +6894,7 @@ const ec = ({
   }, R = {
     "--width": `${j || 0}px`,
     "--total-cards": _,
-    "--cards-per-page": l,
+    "--cards-per-page": u,
     "--page": g
   };
   if (d)
@@ -6898,7 +6922,7 @@ const ec = ({
             "data-testid": "carousel-list",
             children: e.map((M, O) => {
               let C = W(M, O);
-              return C && Jo(O, l, g, y) ? /* @__PURE__ */ a.jsx(
+              return C && Jo(O, u, g, y) ? /* @__PURE__ */ a.jsx(
                 Ia,
                 {
                   id: C,
@@ -6974,8 +6998,8 @@ const ec = ({
   className: r = "",
   ...i
 }) => !t || !t.length ? null : t.map(
-  ({ title: s, viewAllUrl: o, cards: c, cardsTypes: f }, u) => {
-    const l = s ? window.btoa(s) : `carousel-${u}`, d = u === t.length - 1;
+  ({ title: s, viewAllUrl: o, cards: c, cardsTypes: f }, l) => {
+    const u = s ? window.btoa(s) : `carousel-${l}`, d = l === t.length - 1;
     return e ? /* @__PURE__ */ a.jsxs(gt, { children: [
       /* @__PURE__ */ a.jsx(
         ba,
@@ -6985,7 +7009,7 @@ const ec = ({
         }
       ),
       d ? null : /* @__PURE__ */ a.jsx(Oe, {})
-    ] }, `placeholder-${l}`) : /* @__PURE__ */ a.jsxs(gt, { children: [
+    ] }, `placeholder-${u}`) : /* @__PURE__ */ a.jsxs(gt, { children: [
       /* @__PURE__ */ a.jsx(
         ec,
         {
@@ -6996,7 +7020,7 @@ const ec = ({
         }
       ),
       d ? null : /* @__PURE__ */ a.jsx(Oe, {})
-    ] }, `carousel-${l}`);
+    ] }, `carousel-${u}`);
   }
 );
 const xn = "joinCommunityButton", La = ({
@@ -7006,28 +7030,28 @@ const xn = "joinCommunityButton", La = ({
   }, leave: () => {
   } }
 }) => {
-  const i = K(), s = Ce(De), o = s && typeof s.id == "string", [c, f] = te(t), [u, l] = te(t ? "joined" : "notJoined");
+  const i = K(), s = Ce(De), o = s && typeof s.id == "string", [c, f] = te(t), [l, u] = te(t ? "joined" : "notJoined");
   ae(() => {
-    u === "joining" ? l("joined") : u === "leaving" && l("notJoined");
+    l === "joining" ? u("joined") : l === "leaving" && u("notJoined");
   }, [c]);
   const d = {}, m = {};
-  return c && u !== "leaving" && (d["data-hover-text"] = i.formatMessage({ id: `${xn}_leave` }), d["aria-label"] = i.formatMessage({ id: `${xn}_member_aria` }), m["aria-hidden"] = "true"), /* @__PURE__ */ a.jsx(
+  return c && l !== "leaving" && (d["data-hover-text"] = i.formatMessage({ id: `${xn}_leave` }), d["aria-label"] = i.formatMessage({ id: `${xn}_member_aria` }), m["aria-hidden"] = "true"), /* @__PURE__ */ a.jsx(
     ie,
     {
       variant: c ? "secondary" : "primary",
       size: "medium",
       styling: { fullWidth: !0 },
-      icon: c && u !== "leaving" ? { icon: "tick", position: "left" } : !1,
+      icon: c && l !== "leaving" ? { icon: "tick", position: "left" } : !1,
       onClick: async (p) => {
-        o && (p.currentTarget.blur(), c ? (l("leaving"), typeof r == "function" && await r()) : (l("joining"), typeof n == "function" && await n()), f(!c));
+        o && (p.currentTarget.blur(), c ? (u("leaving"), typeof r == "function" && await r()) : (u("joining"), typeof n == "function" && await n()), f(!c));
       },
-      className: S("join-community-button", u, {
-        active: u === "joining"
+      className: S("join-community-button", l, {
+        active: l === "joining"
       }),
       disabled: !o,
       ...d,
       children: /* @__PURE__ */ a.jsx("span", { className: "text", ...m, children: i.formatMessage({
-        id: `${xn}${["joining", "leaving"].includes(u) ? `_${u}` : c ? "_member" : e ? "_short" : ""}`
+        id: `${xn}${["joining", "leaving"].includes(l) ? `_${l}` : c ? "_member" : e ? "_short" : ""}`
       }) })
     }
   );
@@ -7039,14 +7063,14 @@ const wn = "communityDetails_", Kl = ({
   members: { number: r = 0, data: i = [] } = { number: 0, data: [] },
   functions: { invite: s, ...o }
 }) => {
-  const c = K(), f = 5, u = r || i.length, l = i.length ? i : Array(f).fill({}), d = `/communities/${n}/members` === window.location.pathname;
+  const c = K(), f = 5, l = r || i.length, u = i.length ? i : Array(f).fill({}), d = `/communities/${n}/members` === window.location.pathname;
   return /* @__PURE__ */ a.jsxs("div", { className: S("community-details", t), children: [
     /* @__PURE__ */ a.jsx(Oe, {}),
     /* @__PURE__ */ a.jsxs("div", { className: "member-details", children: [
       /* @__PURE__ */ a.jsxs("div", { className: "top", children: [
         /* @__PURE__ */ a.jsxs("h4", { children: [
           c.formatMessage({ id: `${wn}members` }),
-          /* @__PURE__ */ a.jsx("span", { className: "count", children: u })
+          /* @__PURE__ */ a.jsx("span", { className: "count", children: l })
         ] }),
         !d && /* @__PURE__ */ a.jsx("p", { className: "text-small", children: /* @__PURE__ */ a.jsx("a", { href: `/communities/${n}/members`, children: c.formatMessage({ id: `${wn}viewAll` }) }) })
       ] }),
@@ -7055,12 +7079,12 @@ const wn = "communityDetails_", Kl = ({
         {
           contributors: {
             total: r,
-            data: l
+            data: u
           },
           styling: {
             size: "medium",
             showGap: !0,
-            showPlaceholders: u === 0
+            showPlaceholders: l === 0
           },
           cutoff: f
         }
@@ -7117,11 +7141,11 @@ const Ql = ({
       text: typeof e != "boolean" && e.text || s.formatMessage({ id: "filters_all" })
     },
     ...t
-  ] : t, [c, f] = te(e ? ["all"] : []), u = (l, d) => {
+  ] : t, [c, f] = te(e ? ["all"] : []), l = (u, d) => {
     let m = [];
-    c.includes(l) ? m = c.filter((p) => p !== l) : l === "all" ? m = ["all"] : n ? m = [...c.filter((p) => p !== "all"), l] : m = [l], f((p) => (r && typeof r == "function" && r({ current: m, previous: p }), m)), d && typeof d == "function" && d();
+    c.includes(u) ? m = c.filter((p) => p !== u) : u === "all" ? m = ["all"] : n ? m = [...c.filter((p) => p !== "all"), u] : m = [u], f((p) => (r && typeof r == "function" && r({ current: m, previous: p }), m)), d && typeof d == "function" && d();
   };
-  return /* @__PURE__ */ a.jsx("ul", { className: S("filters", i), children: o.map(({ id: l, text: d, disabled: m = !1, callback: p = () => {
+  return /* @__PURE__ */ a.jsx("ul", { className: S("filters", i), children: o.map(({ id: u, text: d, disabled: m = !1, callback: p = () => {
   } }) => {
     let g = {};
     return m && (g = {
@@ -7130,14 +7154,14 @@ const Ql = ({
     }), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
       "button",
       {
-        className: S(l, { selected: c.includes(l) }),
+        className: S(u, { selected: c.includes(u) }),
         onClick: (y) => {
-          y.preventDefault(), y.stopPropagation(), u(l, p);
+          y.preventDefault(), y.stopPropagation(), l(u, p);
         },
         ...g,
         children: d
       }
-    ) }, l);
+    ) }, u);
   }) });
 }, tc = (t, e) => {
   const n = String(t);
@@ -7165,22 +7189,22 @@ const jn = {
   label: c,
   className: f = ""
 }) => {
-  const u = K(), [l, d] = te(t);
+  const l = K(), [u, d] = te(t);
   if (ae(() => {
-    t !== l && d(t);
+    t !== u && d(t);
   }, [t]), !r || !Object.values(r).some(
     (y) => y && y.post_name
   ))
     return null;
-  const p = Object.keys(r), g = l !== t;
+  const p = Object.keys(r), g = u !== t;
   return /* @__PURE__ */ a.jsxs("div", { className: S("language-switcher text-small", o, f), children: [
     /* @__PURE__ */ a.jsxs("nav", { children: [
-      o !== "short" && /* @__PURE__ */ a.jsx("p", { children: c || u.formatMessage({ id: `${Pt}label` }) }),
+      o !== "short" && /* @__PURE__ */ a.jsx("p", { children: c || l.formatMessage({ id: `${Pt}label` }) }),
       /* @__PURE__ */ a.jsx("ul", { children: p.map((y) => {
         if (!jn[y])
           return null;
         let _ = { className: y };
-        return l === y ? _["aria-label"] = u.formatMessage(
+        return u === y ? _["aria-label"] = l.formatMessage(
           { id: `${Pt}selected` },
           { language: jn[y] }
         ) : _ = {
@@ -7191,7 +7215,7 @@ const jn = {
           }
         }, /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(tt, { ..._, fallbackElement: "span", children: jn[y] }) }, y);
       }) }),
-      o !== "short" && !g && /* @__PURE__ */ a.jsx("p", { children: u.formatMessage({
+      o !== "short" && !g && /* @__PURE__ */ a.jsx("p", { children: l.formatMessage({
         id: `${Pt}translation_${e ? "original" : n ? "human" : "machine"}`
       }) })
     ] }),
@@ -7199,7 +7223,7 @@ const jn = {
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
       // `values` are throwing a type error: https://github.com/formatjs/formatjs/issues/3633
-      children: u.formatMessage(
+      children: l.formatMessage(
         { id: `${Pt}disclaimer` },
         {
           email: ut.support,
@@ -7227,9 +7251,9 @@ const kn = _i({ locale: "en", messages: Vn }), tn = ({
     error: kn.formatMessage({ id: "loadMore_error" })
   },
   className: f = "",
-  gtmContext: u = "LoadMore"
+  gtmContext: l = "LoadMore"
 }) => {
-  const [l, d] = te(""), m = async (p) => {
+  const [u, d] = te(""), m = async (p) => {
     if (!n)
       try {
         await e(p);
@@ -7237,7 +7261,7 @@ const kn = _i({ locale: "en", messages: Vn }), tn = ({
         g instanceof Error ? d(g.message) : d("Unknown error");
       }
   };
-  return !l && !t && !c.endOfFeed ? null : /* @__PURE__ */ a.jsx("footer", { className: S("load-more", f), children: !l && t ? /* @__PURE__ */ a.jsx(
+  return !u && !t && !c.endOfFeed ? null : /* @__PURE__ */ a.jsx("footer", { className: S("load-more", f), children: !u && t ? /* @__PURE__ */ a.jsx(
     ie,
     {
       variant: r,
@@ -7245,14 +7269,14 @@ const kn = _i({ locale: "en", messages: Vn }), tn = ({
       styling: s,
       icon: o,
       onClick: m,
-      "data-gtm-event-context": u,
+      "data-gtm-event-context": l,
       "data-gtm-event-type": "load-more-click",
       disabled: n,
       className: "gtm-trackable",
       "data-testid": "load-more-button",
       children: c.button
     }
-  ) : c.endOfFeed && (!l || l != null && l.includes("Cannot read items")) ? /* @__PURE__ */ a.jsx("p", { children: c.endOfFeed }) : l && /* @__PURE__ */ a.jsx("p", { className: "error", children: c.error }) });
+  ) : c.endOfFeed && (!u || u != null && u.includes("Cannot read items")) ? /* @__PURE__ */ a.jsx("p", { children: c.endOfFeed }) : u && /* @__PURE__ */ a.jsx("p", { className: "error", children: c.error }) });
 };
 const Ba = ({
   variant: t = "default",
@@ -7277,8 +7301,8 @@ const nc = ({
 }) => {
   const i = K(), s = pe(
     null
-  ), [o, c] = te(!1), f = (u) => {
-    s.current && u.target instanceof HTMLElement && !s.current.contains(u.target) && c(!1);
+  ), [o, c] = te(!1), f = (l) => {
+    s.current && l.target instanceof HTMLElement && !s.current.contains(l.target) && c(!1);
   };
   return ae(() => (document.addEventListener("click", f, !0), () => {
     document.removeEventListener("click", f, !0);
@@ -7299,11 +7323,11 @@ const nc = ({
           screenreaderText: i.formatMessage({ id: "moreMenu" })
         }
       ),
-      /* @__PURE__ */ a.jsx("ul", { id: e, hidden: !o, children: n.map(({ href: u, onClick: l, text: d, icon: m, ...p }, g) => {
+      /* @__PURE__ */ a.jsx("ul", { id: e, hidden: !o, children: n.map(({ href: l, onClick: u, text: d, icon: m, ...p }, g) => {
         const y = {
           ...p,
           onClick: (_) => {
-            c(!1), typeof l == "function" && l(_);
+            c(!1), typeof u == "function" && u(_);
           },
           onFocus: () => {
             Mt && (clearTimeout(Mt), Mt = !1);
@@ -7314,7 +7338,7 @@ const nc = ({
             }, 100);
           }
         };
-        return u && (y.href = u), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
+        return l && (y.href = l), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
           ie,
           {
             variant: "tertiary",
@@ -7440,7 +7464,7 @@ const oc = "shareLinks_", Xl = ({
   const c = K(), f = sc({ title: t, link: e, referrer: n });
   return /* @__PURE__ */ a.jsxs("aside", { className: S("share-links", i, s, o), children: [
     /* @__PURE__ */ a.jsx("p", { className: "text-small", children: c.formatMessage({ id: "shareLinks_label" }) }),
-    /* @__PURE__ */ a.jsx("ul", { children: f.map(({ key: u, icon: l, url: d, shouldRender: m = !0, onClick: p }) => {
+    /* @__PURE__ */ a.jsx("ul", { children: f.map(({ key: l, icon: u, url: d, shouldRender: m = !0, onClick: p }) => {
       if (typeof m == "function" && !m())
         return null;
       const g = {};
@@ -7449,78 +7473,78 @@ const oc = "shareLinks_", Xl = ({
         {
           size: i,
           variant: "tertiary",
-          icon: { icon: l || u },
+          icon: { icon: u || l },
           href: d,
           target: "_blank",
           rel: "noopener noreferrer",
           className: "gtm-trackable",
           "data-gtm-event-context": `${r}-SocialButtons`,
-          "data-gtm-event-type": `${u}-click`,
+          "data-gtm-event-type": `${l}-click`,
           "data-testid": "link",
-          screenreaderText: c.formatMessage({ id: `${oc}link_${u}` }),
+          screenreaderText: c.formatMessage({ id: `${oc}link_${l}` }),
           ...g
         }
-      ) }, u);
+      ) }, l);
     }) })
   ] });
 };
 const eu = ({ tabs: t, className: e = "", preventLocationChange: n }) => {
-  var u;
-  const r = (l, d, m) => (l || (l = `panel-${window.btoa(d)}-${m}`), l);
-  let i = t.findIndex((l) => l.current === !0);
+  var l;
+  const r = (u, d, m) => (u || (u = `panel-${window.btoa(d)}-${m}`), u);
+  let i = t.findIndex((u) => u.current === !0);
   if (i < 0 && (i = 0), window.location.hash) {
-    const l = window.location.hash.replace("#", "");
-    if (t.find((m) => m.id === l)) {
+    const u = window.location.hash.replace("#", "");
+    if (t.find((m) => m.id === u)) {
       for (let m = 0; m < t.length; m++)
-        if (r(t[m].id, t[m].text, m) === l) {
+        if (r(t[m].id, t[m].text, m) === u) {
           i = m;
           break;
         }
     }
   }
   const [s, o] = te(
-    (u = t[i]) != null && u.id ? t[i].id : r(t[i].id, t[i].text, i)
+    (l = t[i]) != null && l.id ? t[i].id : r(t[i].id, t[i].text, i)
   );
   ae(() => {
     if (t[i].hasCarousel) {
-      const l = new CustomEvent("hiddenSectionVisible", {
+      const u = new CustomEvent("hiddenSectionVisible", {
         detail: { id: s }
       });
-      window.dispatchEvent(l);
+      window.dispatchEvent(u);
     }
   }, [s]);
   const c = [], f = [];
-  return t.forEach(({ id: l, text: d, content: m, href: p, hasCarousel: g }, y) => {
-    l = r(l, d, y);
-    const _ = s === l, v = {};
-    p || (v["aria-controls"] = l, v.onClick = (b) => {
-      b.preventDefault(), b.stopPropagation(), o(l), !n && (window.location.hash = `#${l}`);
+  return t.forEach(({ id: u, text: d, content: m, href: p, hasCarousel: g }, y) => {
+    u = r(u, d, y);
+    const _ = s === u, v = {};
+    p || (v["aria-controls"] = u, v.onClick = (b) => {
+      b.preventDefault(), b.stopPropagation(), o(u), !n && (window.location.hash = `#${u}`);
     }, f.push(
       /* @__PURE__ */ a.jsx(
         "section",
         {
-          id: l,
+          id: u,
           hidden: !_,
           role: "tabpanel",
-          "aria-labelledby": `tab-${l}`,
+          "aria-labelledby": `tab-${u}`,
           "aria-live": _ ? "assertive" : "off",
           children: typeof m == "string" ? /* @__PURE__ */ a.jsx("p", { children: m }) : m
         },
-        `section-${l}`
+        `section-${u}`
       )
     )), c.push(
       /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
         "a",
         {
-          href: p || `#${l}`,
-          id: `tab-${l}`,
+          href: p || `#${u}`,
+          id: `tab-${u}`,
           className: S({ selected: _ }),
           role: "tab",
           "aria-selected": _,
           ...v,
           children: d
         }
-      ) }, `tab-${l}`)
+      ) }, `tab-${u}`)
     );
   }), /* @__PURE__ */ a.jsxs("div", { className: S("tabs-wrapper", e), children: [
     /* @__PURE__ */ a.jsx("ul", { className: "tabs", role: "tablist", children: c }),
@@ -7591,26 +7615,26 @@ const Sn = "cookieBanner_", Cn = [
   const t = K(), [e, n, r] = aa(Cn), [i, s] = te(
     !e["apol-cookie-banner"]
   ), o = () => {
-    Cn.forEach((l) => {
-      n(l, !0, {
+    Cn.forEach((u) => {
+      n(u, !0, {
         path: "/",
         expires: $n,
-        domain: l === "apolitical-performance-cookie-consent" ? ".apolitical.co" : void 0
+        domain: u === "apolitical-performance-cookie-consent" ? ".apolitical.co" : void 0
       });
     }), s(!1), window.location.reload();
   }, c = () => {
     n("apol-cookie-banner", !0, {
       path: "/",
       expires: $n
-    }), Cn.forEach((l) => {
-      if (l === "apol-cookie-banner") {
-        n(l, !0, {
+    }), Cn.forEach((u) => {
+      if (u === "apol-cookie-banner") {
+        n(u, !0, {
           path: "/",
           expires: $n
         });
         return;
       }
-      r(l);
+      r(u);
     }), s(!1);
   };
   if (!i)
@@ -7619,21 +7643,21 @@ const Sn = "cookieBanner_", Cn = [
     { id: "settings", href: "/pages/cookie-policy", gtmType: "policy-page" },
     { id: "reject", onClick: c, gtmType: "reject-all" },
     { id: "accept", onClick: o, gtmType: "accepted-all" }
-  ], u = [];
-  return f.forEach((l) => {
-    u.push({
-      variant: l.href ? "tertiary" : "primary",
-      href: l.href,
-      onClick: l.onClick,
+  ], l = [];
+  return f.forEach((u) => {
+    l.push({
+      variant: u.href ? "tertiary" : "primary",
+      href: u.href,
+      onClick: u.onClick,
       className: "gtm-trackable",
       "data-gtm-event-context": "cookie-banner",
-      "data-gtm-event-type": `cookie-${l.gtmType}-click`,
-      children: t.formatMessage({ id: `${Sn}buttons_${l.id}` })
+      "data-gtm-event-type": `cookie-${u.gtmType}-click`,
+      children: t.formatMessage({ id: `${Sn}buttons_${u.id}` })
     });
   }), /* @__PURE__ */ a.jsxs("aside", { id: "cookie-banner", className: "text-medium", children: [
     /* @__PURE__ */ a.jsx("h6", { children: t.formatMessage({ id: `${Sn}title` }) }),
     /* @__PURE__ */ a.jsx("p", { children: t.formatMessage({ id: `${Sn}text` }) }),
-    /* @__PURE__ */ a.jsx(_t, { buttons: u })
+    /* @__PURE__ */ a.jsx(_t, { buttons: l })
   ] });
 }, Me = {
   platform: {
@@ -8004,7 +8028,7 @@ const Qe = "footer_", Yt = "SiteFooter", Hr = ({ group: t }) => {
   const o = K(), c = ia(Kt, t);
   if (!c || c.onlyShow && (c.onlyShow === "logged-in" && !e || c.onlyShow === "logged-out" && e))
     return null;
-  const f = "doTrack" in c, u = s === null ? f ? c.doTrack : !0 : s, l = t.includes("buttons.");
+  const f = "doTrack" in c, l = s === null ? f ? c.doTrack : !0 : s, u = t.includes("buttons.");
   let d = `header_${t.replaceAll(".", "_")}`;
   c.hasVariantText && (d += `_logged${e ? "In" : "Out"}`);
   let m = !1;
@@ -8017,12 +8041,12 @@ const Qe = "footer_", Yt = "SiteFooter", Hr = ({ group: t }) => {
     m = {
       href: c.href,
       role: "menuitem"
-    }, u && (m = {
+    }, l && (m = {
       ...m,
       className: "gtm-trackable",
       "data-gtm-event-type": b,
       "data-gtm-event-context": "HeaderButtons"
-    }), l && (m = {
+    }), u && (m = {
       ...m,
       variant: "secondary",
       size: { mobile: "small", 881: "large" },
@@ -8067,7 +8091,7 @@ const Qe = "footer_", Yt = "SiteFooter", Hr = ({ group: t }) => {
       ..._,
       children: [
         m ? Y.createElement(
-          l ? ie : "a",
+          u ? ie : "a",
           m,
           o.formatMessage({ id: d })
         ) : o.formatMessage({ id: d }),
@@ -8079,7 +8103,7 @@ const Qe = "footer_", Yt = "SiteFooter", Hr = ({ group: t }) => {
             isDesktopVersion: n,
             menus: r,
             callback: i,
-            doTrack: f ? u : null
+            doTrack: f ? l : null
           };
           return c[b].order ? /* @__PURE__ */ a.jsxs(
             "li",
@@ -8125,38 +8149,38 @@ const dc = { height: 67, height_desktop: 83 }, Ua = ({ showNavigation: t = !0 })
       navigation: { desktop: !1, default: !1 },
       account: { desktop: !1, default: !1 }
     }
-  }), { headerIsVisible: f, menus: u, focusElements: l } = o;
+  }), { headerIsVisible: f, menus: l, focusElements: u } = o;
   Di({
     scrollPosition: dc[`height${s.navigation ? "_desktop" : ""}`],
     callbacks: {
       scrollUp: () => {
-        !s && u.navigation || fe.shouldChangeHeaderIsVisible(!0, u, c);
+        !s && l.navigation || fe.shouldChangeHeaderIsVisible(!0, l, c);
       },
       scrollDown: () => {
-        !s && u.navigation || fe.shouldChangeHeaderIsVisible(!1, u, c);
+        !s && l.navigation || fe.shouldChangeHeaderIsVisible(!1, l, c);
       }
     }
   });
   const d = (p, g) => {
-    fe.handleMenus({ id: p, value: g, menus: u, dispatch: c });
+    fe.handleMenus({ id: p, value: g, menus: l, dispatch: c });
   }, m = pe(null);
   return vt(() => {
-    u.navigation && fe.autoFocus({
+    l.navigation && fe.autoFocus({
       menu: "navigation",
       navigationRef: m,
       isDesktopVersion: s.navigation,
-      focusElements: l,
+      focusElements: u,
       dispatch: c
     });
-  }, [u.navigation]), vt(() => {
-    u.account && fe.autoFocus({
+  }, [l.navigation]), vt(() => {
+    l.account && fe.autoFocus({
       menu: "account",
       navigationRef: m,
       isDesktopVersion: s.navigation,
-      focusElements: l,
+      focusElements: u,
       dispatch: c
     });
-  }, [u.account]), n && n.isLoading ? null : /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+  }, [l.account]), n && n.isLoading ? null : /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsxs(
       "nav",
       {
@@ -8182,15 +8206,15 @@ const dc = { height: 67, height_desktop: 83 }, Ua = ({ showNavigation: t = !0 })
               {
                 className: "menu-button gtm-trackable",
                 onClick: (p) => {
-                  p.preventDefault(), p.stopPropagation(), d("navigation", !u.navigation);
+                  p.preventDefault(), p.stopPropagation(), d("navigation", !l.navigation);
                 },
                 "data-gtm-event-type": "open-tab-menu-click",
                 "data-gtm-event-context": "HeaderLeft-Chevron",
                 "aria-haspopup": "true",
-                "aria-expanded": u.navigation,
+                "aria-expanded": l.navigation,
                 "aria-controls": "navigation",
                 children: /* @__PURE__ */ a.jsx(be, { children: e.formatMessage({
-                  id: `header_menu_${u.navigation ? "hide" : "show"}`
+                  id: `header_menu_${l.navigation ? "hide" : "show"}`
                 }) })
               }
             ),
@@ -8199,16 +8223,16 @@ const dc = { height: 67, height_desktop: 83 }, Ua = ({ showNavigation: t = !0 })
               {
                 ref: m,
                 id: "navigation",
-                hidden: s.navigation || u.account ? !1 : !u.navigation,
+                hidden: s.navigation || l.account ? !1 : !l.navigation,
                 role: "menu",
-                "data-showing": !s.navigation && u.account ? "account" : "default",
+                "data-showing": !s.navigation && l.account ? "account" : "default",
                 children: Kt.order.map((p) => /* @__PURE__ */ a.jsx(
                   Gt,
                   {
                     id: p,
                     isLoggedIn: i,
                     isDesktopVersion: s.navigation,
-                    menus: { navigation: u.navigation, account: u.account },
+                    menus: { navigation: l.navigation, account: l.account },
                     callback: d
                   },
                   p
@@ -8220,16 +8244,16 @@ const dc = { height: 67, height_desktop: 83 }, Ua = ({ showNavigation: t = !0 })
               {
                 className: "search toggle-search-button",
                 onClick: (p) => {
-                  p.preventDefault(), p.stopPropagation(), d("search", !u.search);
+                  p.preventDefault(), p.stopPropagation(), d("search", !l.search);
                 },
                 "aria-haspopup": "true",
-                "aria-expanded": u.search,
+                "aria-expanded": l.search,
                 "aria-controls": "search-form",
                 children: /* @__PURE__ */ a.jsx(
                   be,
                   {
                     children: e.formatMessage({
-                      id: `header_search_${u.search ? "hide" : "show"}`
+                      id: `header_search_${l.search ? "hide" : "show"}`
                     })
                   }
                 )
@@ -8240,7 +8264,7 @@ const dc = { height: 67, height_desktop: 83 }, Ua = ({ showNavigation: t = !0 })
               {
                 id: "global-search",
                 handleToggle: {
-                  searchIsOpen: u.search,
+                  searchIsOpen: l.search,
                   isDesktopVersion: s.search
                 },
                 gtmContext: "search-bar-header",
@@ -8254,16 +8278,16 @@ const dc = { height: 67, height_desktop: 83 }, Ua = ({ showNavigation: t = !0 })
                 onClick: (p) => fe.events.onClick(p, {
                   id: "account",
                   callback: d,
-                  isOpen: u.account
+                  isOpen: l.account
                 }),
                 onMouseEnter: () => fe.events.onMouseEnter({ id: "account", callback: d }),
                 onMouseLeave: () => fe.events.onBlur({ id: "account", callback: d }),
                 "aria-haspopup": "true",
-                "aria-expanded": u.account,
+                "aria-expanded": l.account,
                 "aria-controls": "navigation",
                 children: [
                   /* @__PURE__ */ a.jsx(be, { children: e.formatMessage({
-                    id: `header_account_${u.account ? "hide" : "show"}`
+                    id: `header_account_${l.account ? "hide" : "show"}`
                   }) }),
                   /* @__PURE__ */ a.jsx(
                     He,
@@ -8284,7 +8308,7 @@ const dc = { height: 67, height_desktop: 83 }, Ua = ({ showNavigation: t = !0 })
       "div",
       {
         className: S("overlay", {
-          open: u.navigation || u.account || !s.search && u.search
+          open: l.navigation || l.account || !s.search && l.search
         })
       }
     )
@@ -8312,7 +8336,7 @@ const fc = () => {
   className: o = "",
   locale: c = "en"
 }) => {
-  const { navigation: f = !0, footer: u = !0 } = i, { background: l = "default", variant: d = "default", circle: m = "default" } = s, p = Oi();
+  const { navigation: f = !0, footer: l = !0 } = i, { background: u = "default", variant: d = "default", circle: m = "default" } = s, p = Oi();
   ae(() => {
     window.scrollTo(0, 0);
   }, [p]);
@@ -8321,22 +8345,22 @@ const fc = () => {
   }), _ = At(n, {
     locale: c
   }), v = {};
-  return l !== "default" && (v[l] = !0), d !== "default" && (v[d] = !0), m !== "default" && (v[m] = !0), /* @__PURE__ */ a.jsx(Si, { onError: r, fallback: /* @__PURE__ */ a.jsx(fc, {}), children: /* @__PURE__ */ a.jsx(vi, { fallback: null, children: /* @__PURE__ */ a.jsxs(
+  return u !== "default" && (v[u] = !0), d !== "default" && (v[d] = !0), m !== "default" && (v[m] = !0), /* @__PURE__ */ a.jsx(Si, { onError: r, fallback: /* @__PURE__ */ a.jsx(fc, {}), children: /* @__PURE__ */ a.jsx(vi, { fallback: null, children: /* @__PURE__ */ a.jsxs(
     "div",
     {
       id: "wrapper",
-      className: S(o, v, { "has-footer": u }),
+      className: S(o, v, { "has-footer": l }),
       children: [
         /* @__PURE__ */ a.jsx(Ua, { showNavigation: f }),
         /* @__PURE__ */ a.jsxs("section", { id: "content-wrapper", children: [
           y && /* @__PURE__ */ a.jsx("div", { className: "additional-content prepended", children: y }),
-          Y.createElement(l === "bold" ? Da : "div", {
+          Y.createElement(u === "bold" ? Da : "div", {
             id: "content",
             children: g
           })
         ] }),
         _ && /* @__PURE__ */ a.jsx("div", { className: "additional-content appended", children: _ }),
-        u && /* @__PURE__ */ a.jsx(qa, {}),
+        l && /* @__PURE__ */ a.jsx(qa, {}),
         /* @__PURE__ */ a.jsx(uc, {})
       ]
     }
@@ -8385,29 +8409,29 @@ const ru = ({
   if (!t || t.length < 1)
     return null;
   const f = [];
-  return t.forEach((u) => {
-    if (!u)
+  return t.forEach((l) => {
+    if (!l)
       return;
-    const l = pc.getTagDetails(u);
-    l && f.push(l);
+    const u = pc.getTagDetails(l);
+    u && f.push(u);
   }), f.length < 1 ? null : /* @__PURE__ */ a.jsx(
     "ul",
     {
       className: S("tags text-small", e, i, {
         "one-line": n
       }),
-      children: f.map((u) => {
-        const l = c.formatMessage({ id: u.text });
-        return /* @__PURE__ */ a.jsx("li", { children: u.href && r ? /* @__PURE__ */ a.jsx(
+      children: f.map((l) => {
+        const u = c.formatMessage({ id: l.text });
+        return /* @__PURE__ */ a.jsx("li", { children: l.href && r ? /* @__PURE__ */ a.jsx(
           "a",
           {
-            href: u.href,
+            href: l.href,
             className: "gtm-trackable",
             "data-gtm-event-type": s,
             "data-gtm-event-context": o,
-            children: l
+            children: u
           }
-        ) : l }, u.id);
+        ) : u }, l.id);
       })
     }
   );
@@ -8427,10 +8451,10 @@ const au = ({
       c.formatMessage({ id: "membersList" }),
       /* @__PURE__ */ a.jsx("span", { className: "count", children: e })
     ] }),
-    /* @__PURE__ */ a.jsx("ul", { children: t.map((f, u) => /* @__PURE__ */ a.jsxs("li", { children: [
+    /* @__PURE__ */ a.jsx("ul", { children: t.map((f, l) => /* @__PURE__ */ a.jsxs("li", { children: [
       /* @__PURE__ */ a.jsx(Jn, { member: f, gtmContext: i, gtmType: s }),
       f.isAdmin && /* @__PURE__ */ a.jsx(Bt, { children: c.formatMessage({ id: "membersList_admin" }) })
-    ] }, u)) }),
+    ] }, l)) }),
     n && /* @__PURE__ */ a.jsx(
       tn,
       {
@@ -8454,12 +8478,12 @@ const iu = ({
   className: c = ""
 }) => {
   const f = K();
-  let u = i ? n : r;
-  u > 99 ? u = 100 : u < 1 && (u = 0);
-  const { highlightPercentage: l = !1 } = o;
+  let l = i ? n : r;
+  l > 99 ? l = 100 : l < 1 && (l = 0);
+  const { highlightPercentage: u = !1 } = o;
   return Y.createElement(t, {
     className: S("course-progression", c, {
-      "highlight-percentage": l,
+      "highlight-percentage": u,
       "has-circle-graph": s === "circle"
     }),
     children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
@@ -8467,10 +8491,10 @@ const iu = ({
         { id: "courseProgression_done" },
         {
           percent: (d) => /* @__PURE__ */ a.jsx("strong", { children: d }),
-          number: u
+          number: l
         }
       ) }),
-      u < 100 && i && /* @__PURE__ */ a.jsx(
+      l < 100 && i && /* @__PURE__ */ a.jsx(
         Gn,
         {
           time: e,
@@ -8480,7 +8504,7 @@ const iu = ({
       /* @__PURE__ */ a.jsx(
         ga,
         {
-          progress: u,
+          progress: l,
           styling: {
             layout: s || "bar",
             size: s && s === "circle" ? "small" : "default"
@@ -8529,11 +8553,11 @@ const su = ({
     sectionTime: o,
     slug: c,
     timeLeft: f,
-    title: u
+    title: l
   },
-  quizScores: l
+  quizScores: u
 }) => {
-  const d = K(), m = "courseStructure_", p = u.toLowerCase().includes("course conclusion");
+  const d = K(), m = "courseStructure_", p = l.toLowerCase().includes("course conclusion");
   return /* @__PURE__ */ a.jsxs(
     Kn,
     {
@@ -8553,7 +8577,7 @@ const su = ({
             }
           ) })
         ] }),
-        /* @__PURE__ */ a.jsx("h3", { children: u })
+        /* @__PURE__ */ a.jsx("h3", { children: l })
       ] }),
       shouldAnimate: !0,
       children: [
@@ -8610,7 +8634,7 @@ const su = ({
                           icon: v,
                           optional: T,
                           type: W,
-                          children: l && l[w] && /* @__PURE__ */ a.jsx("span", { className: "quiz-score", children: `${l[w]}%` })
+                          children: u && u[w] && /* @__PURE__ */ a.jsx("span", { className: "quiz-score", children: `${u[w]}%` })
                         }
                       )
                     ] })
@@ -8682,10 +8706,10 @@ const we = "discussion_form_", nr = ({
       create: { projectNames: ["questions-answers"] }
     }
   },
-  gtmContext: u = "DiscussionForm"
+  gtmContext: l = "DiscussionForm"
 }) => {
   var O, C, E;
-  const l = K(), d = Ce(De), [m, p] = te(
+  const u = K(), d = Ce(De), [m, p] = te(
     n.isEditing && n.isEditing.text || ""
   ), [g, y] = te(c.error || !1), [_, v] = te(!1), b = pe(null);
   if (r || (r = b), n.isLoading)
@@ -8701,12 +8725,12 @@ const we = "discussion_form_", nr = ({
     p($);
     let L;
     !d || !d.id ? L = Se(
-      l.formatMessage,
+      u.formatMessage,
       `${we}error_loggedOut`,
       t.type,
       "action"
     ) : e ? $.length >= s && (L = `${we}error_tooLong`) : L = Se(
-      l.formatMessage,
+      u.formatMessage,
       `${we}error_noPermission`,
       t.type,
       "action"
@@ -8760,12 +8784,12 @@ const we = "discussion_form_", nr = ({
       const I = U;
       let Z = `${we}error`;
       I != null && I.message.includes("entry already exists") && (Z = Se(
-        l.formatMessage,
+        u.formatMessage,
         `${we}error_alreadyExists`,
         t.type,
         "action"
       )), I != null && I.message.includes("429") ? Z = Se(
-        l.formatMessage,
+        u.formatMessage,
         `${we}error_tooMany`,
         t.type,
         "action"
@@ -8781,10 +8805,10 @@ const we = "discussion_form_", nr = ({
     size: { mobile: "small", 600: "medium" },
     onClick: f.handleCancel,
     className: "gtm-trackable",
-    "data-gtm-event-context": u,
+    "data-gtm-event-context": l,
     "data-gtm-event-type": `cancel-${t.type}-click`,
     disabled: !c.cancel && (!d || !d.id || !m),
-    children: l.formatMessage({ id: `${we}cancel` })
+    children: u.formatMessage({ id: `${we}cancel` })
   }), M.push({
     variant: "primary",
     size: { mobile: "small", 600: "medium" },
@@ -8798,11 +8822,11 @@ const we = "discussion_form_", nr = ({
       w(x);
     },
     className: "gtm-trackable",
-    "data-gtm-event-context": u,
+    "data-gtm-event-context": l,
     "data-gtm-event-type": `${n.isEditing ? "save" : "submit"}-${t.type}-click`,
     "data-testid": "save-button",
     disabled: !d || !d.id || !e || R || W || n.isEditing && m === n.isEditing.text,
-    children: l.formatMessage({
+    children: u.formatMessage({
       id: `${we}${W ? n.isEditing ? "saving" : "posting" : n.isEditing ? "save" : "post"}`
     })
   }), /* @__PURE__ */ a.jsxs(
@@ -8814,16 +8838,16 @@ const we = "discussion_form_", nr = ({
       }),
       "data-testid": `discussion-${t.type}-form`,
       children: [
-        (n == null ? void 0 : n.showTitle) && !n.isEditing && ["question"].includes(t.type) && /* @__PURE__ */ a.jsx("h2", { children: Se(l.formatMessage, `${we}title`, t.type, "action") }),
+        (n == null ? void 0 : n.showTitle) && !n.isEditing && ["question"].includes(t.type) && /* @__PURE__ */ a.jsx("h2", { children: Se(u.formatMessage, `${we}title`, t.type, "action") }),
         /* @__PURE__ */ a.jsx(
           Jn,
           {
             member: d || "community",
-            gtmContext: u,
+            gtmContext: l,
             gtmType: "profile-click"
           }
         ),
-        /* @__PURE__ */ a.jsx(be, { element: "label", showOnFocus: !1, htmlFor: `${T}-input`, children: Se(l.formatMessage, `${we}label`, t.type, "action") }),
+        /* @__PURE__ */ a.jsx(be, { element: "label", showOnFocus: !1, htmlFor: `${T}-input`, children: Se(u.formatMessage, `${we}label`, t.type, "action") }),
         /* @__PURE__ */ a.jsx(
           Ci,
           {
@@ -8831,7 +8855,7 @@ const we = "discussion_form_", nr = ({
             id: `${T}-input`,
             name: t.type,
             placeholder: i || Se(
-              l.formatMessage,
+              u.formatMessage,
               `${we}placeholder`,
               t.type,
               "action"
@@ -8845,14 +8869,14 @@ const we = "discussion_form_", nr = ({
             autoFocus: !!n.isEditing
           }
         ),
-        /* @__PURE__ */ a.jsx("small", { children: Se(l.formatMessage, `${we}explainer`, t.type, "action", {
+        /* @__PURE__ */ a.jsx("small", { children: Se(u.formatMessage, `${we}explainer`, t.type, "action", {
           a: (x) => /* @__PURE__ */ a.jsx(
             "a",
             {
               href: "https://about.apolitical.co/q-and-a-community-guidelines",
               target: "_blank",
               className: "gtm-trackable",
-              "data-gtm-event-context": u,
+              "data-gtm-event-context": l,
               "data-gtm-event-type": "community-guidelines-link",
               rel: "noreferrer",
               children: x
@@ -8860,11 +8884,11 @@ const we = "discussion_form_", nr = ({
           )
         }) }),
         /* @__PURE__ */ a.jsx(_t, { buttons: M }),
-        _ === "submitted" && n.showSuccessMessage && /* @__PURE__ */ a.jsx(qt, { className: "success", "data-testid": "success", children: Se(l.formatMessage, `${we}success`, t.type, "action") }),
-        g && /* @__PURE__ */ a.jsx(qt, { id: "error-message", className: "error", "data-testid": "error", children: c.error ? c.error : typeof g == "string" ? g.includes(" ") ? g : l.formatMessage(
+        _ === "submitted" && n.showSuccessMessage && /* @__PURE__ */ a.jsx(qt, { className: "success", "data-testid": "success", children: Se(u.formatMessage, `${we}success`, t.type, "action") }),
+        g && /* @__PURE__ */ a.jsx(qt, { id: "error-message", className: "error", "data-testid": "error", children: c.error ? c.error : typeof g == "string" ? g.includes(" ") ? g : u.formatMessage(
           { id: g },
           {
-            action: l.formatMessage({
+            action: u.formatMessage({
               id: `discussion_action_${t.type}`
             }),
             maxLength: s
@@ -8888,7 +8912,7 @@ const we = "discussion_form_", nr = ({
         }
       }
     );
-  const { content: o, functions: c, meta: f, ...u } = t;
+  const { content: o, functions: c, meta: f, ...l } = t;
   return /* @__PURE__ */ a.jsx(
     nr,
     {
@@ -8896,7 +8920,7 @@ const we = "discussion_form_", nr = ({
       functions: { ...c, create: (c == null ? void 0 : c.create) || (() => {
       }) },
       meta: { ...f, isEditing: (f == null ? void 0 : f.isEditing) || !1, showSuccessMessage: !1 },
-      ...u
+      ...l
     }
   );
 }, vc = {
@@ -8930,11 +8954,11 @@ const Pn = () => {
   }, deleteLike: f = () => {
   } } = {}
 }) => {
-  const u = K();
+  const l = K();
   ae(() => {
     p(i);
   }, [i]);
-  const [l, d] = te(e), [m, p] = te(i), [g, y] = te(!1), [_, v] = te(!1), b = bt(
+  const [u, d] = te(e), [m, p] = te(i), [g, y] = te(!1), [_, v] = te(!1), b = bt(
     () => _c(n, Mn),
     [n]
   ), j = (w) => {
@@ -8946,7 +8970,7 @@ const Pn = () => {
   }, T = async () => {
     if (Pn(), g || !o)
       return !1;
-    let w = m ? l - 1 : l + 1;
+    let w = m ? u - 1 : u + 1;
     w < 0 && (w = 0), y(!0), d(w), p(!m);
     try {
       if (s && s.slugs) {
@@ -8986,12 +9010,12 @@ const Pn = () => {
           size: "medium",
           icon: { icon: m ? "heart" : "heart_empty", animate: "bounce" },
           className: S({ "do-animation": m && !i }),
-          screenreaderText: o ? u.formatMessage(
+          screenreaderText: o ? l.formatMessage(
             {
               id: `discussion_likes_${m ? "unlike" : "like"}`
             },
             {
-              action: u.formatMessage({
+              action: l.formatMessage({
                 id: `discussion_action_${s.type}`
               })
             }
@@ -9007,11 +9031,11 @@ const Pn = () => {
       /* @__PURE__ */ a.jsx(
         "span",
         {
-          className: S("number-of-likes", { "no-likes": l === 0 }),
+          className: S("number-of-likes", { "no-likes": u === 0 }),
           "data-testid": "number-of-likes",
-          children: u.formatMessage(
+          children: l.formatMessage(
             { id: `discussion_likes${r ? "_short" : ""}` },
-            { number: l }
+            { number: u }
           )
         }
       ),
@@ -9026,7 +9050,7 @@ const Pn = () => {
             children: w.name
           }
         ) }, w.id || window.btoa(w.name))),
-        e > Mn && /* @__PURE__ */ a.jsx("li", { children: u.formatMessage(
+        e > Mn && /* @__PURE__ */ a.jsx("li", { children: l.formatMessage(
           { id: "discussion_likes_more" },
           { number: e - Mn }
         ) })
@@ -9056,7 +9080,7 @@ const Pe = "discussion_", wc = 280, rn = ({
       updateContent: () => {
       }
     },
-    likes: { createLike: u, deleteLike: l } = { createLike: () => {
+    likes: { createLike: l, deleteLike: u } = { createLike: () => {
     }, deleteLike: () => {
     } },
     comments: { openComments: d } = { openComments: () => {
@@ -9263,8 +9287,8 @@ const Pe = "discussion_", wc = 280, rn = ({
                       canLike: E,
                       peopleWhoLiked: e.peopleWhoLiked,
                       functions: {
-                        createLike: u,
-                        deleteLike: l
+                        createLike: l,
+                        deleteLike: u
                       }
                     }
                   ),
@@ -9762,14 +9786,14 @@ function Oc({
   const { mutate: o } = je({
     mutationFn: t,
     onMutate: (c) => e((f) => {
-      const u = Kr({ activity: $c(c), user: s });
-      return Xr(u, f);
+      const l = Kr({ activity: $c(c), user: s });
+      return Xr(l, f);
     }),
     onError: n,
-    onSuccess: (c, f, u) => {
-      const l = Kr({ activity: c, user: s });
-      r.setQueryData(i, Xr(l, u, !0)), setTimeout(() => {
-        Va(l.id);
+    onSuccess: (c, f, l) => {
+      const u = Kr({ activity: c, user: s });
+      r.setQueryData(i, Xr(u, l, !0)), setTimeout(() => {
+        Va(u.id);
       }, 0);
     }
   });
@@ -9803,14 +9827,14 @@ function Dc({
   },
   queryKey: o
 }) {
-  const c = Wn(), f = Qn(), u = { queryClient: c, queryKey: o }, l = {
+  const c = Wn(), f = Qn(), l = { queryClient: c, queryKey: o }, u = {
     mutationHandlers: {
-      error: ar(u),
-      mutate: ir(u)
+      error: ar(l),
+      mutate: ir(l)
     },
     user: f,
-    ...u
-  }, d = Oc({ ...l, mutationFn: t }), m = Ac({ ...l, mutationFn: e }), p = Ic({ ...l, mutationFn: n }), g = Bc({ ...l, mutationFn: i }), y = qc({ ...l, mutationFn: s }), { activities: _, ...v } = Lc({ queryKey: o, queryFn: r });
+    ...l
+  }, d = Oc({ ...u, mutationFn: t }), m = Ac({ ...u, mutationFn: e }), p = Ic({ ...u, mutationFn: n }), g = Bc({ ...u, mutationFn: i }), y = qc({ ...u, mutationFn: s }), { activities: _, ...v } = Lc({ queryKey: o, queryFn: r });
   return {
     activities: _,
     mutations: {
@@ -9841,8 +9865,8 @@ function Ic({
     }),
     onError: n,
     onSuccess: (o, { activityId: c }, f) => {
-      const u = Jt(c, f);
-      u && Qt({ activity: u, reaction: o }), r.setQueryData(i, f);
+      const l = Jt(c, f);
+      l && Qt({ activity: l, reaction: o }), r.setQueryData(i, f);
     }
   });
   return s;
@@ -9940,8 +9964,8 @@ const cu = ({
   const o = K(), {
     activities: c,
     error: f,
-    fetchNextPage: u,
-    hasNextPage: l,
+    fetchNextPage: l,
+    hasNextPage: u,
     isLoading: d,
     mutations: { create: m, edit: p, remove: g, like: y, unlike: _ },
     user: v
@@ -10041,8 +10065,8 @@ const cu = ({
     !d && /* @__PURE__ */ a.jsx(
       tn,
       {
-        hasNextPage: l,
-        loadNextPage: () => u(),
+        hasNextPage: u,
+        loadNextPage: () => l(),
         icon: { icon: "arrow-down", position: "right" },
         messages: {
           button: o.formatMessage({ id: "loadMore_button" }),
@@ -10613,20 +10637,20 @@ function Zc({
   const { mutate: o } = je({
     mutationFn: t,
     onMutate: (c) => e((f) => {
-      const u = Gr({ reply: Nc(c), user: s });
-      return ea(u, f, {
+      const l = Gr({ reply: Nc(c), user: s });
+      return ea(l, f, {
         replace: !1,
         append: (c == null ? void 0 : c.replyId) !== void 0
       });
     }),
     onError: n,
-    onSuccess: (c, f, u) => {
-      const l = Gr({ reply: c, user: s });
+    onSuccess: (c, f, l) => {
+      const u = Gr({ reply: c, user: s });
       r.setQueryData(
         i,
-        ea(l, u, { replace: !0, append: (f == null ? void 0 : f.replyId) !== void 0 })
+        ea(u, l, { replace: !0, append: (f == null ? void 0 : f.replyId) !== void 0 })
       ), setTimeout(() => {
-        Va(l.id);
+        Va(u.id);
       }, 0);
     }
   });
@@ -10660,14 +10684,14 @@ function Ga({
   },
   queryKey: o
 }) {
-  const c = Wn(), f = Qn(), u = { queryClient: c, queryKey: o }, l = {
+  const c = Wn(), f = Qn(), l = { queryClient: c, queryKey: o }, u = {
     mutationHandlers: {
-      error: ar(u),
-      mutate: ir(u)
+      error: ar(l),
+      mutate: ir(l)
     },
     user: f,
-    ...u
-  }, d = Zc({ ...l, mutationFn: t }), m = Wc({ ...l, mutationFn: e }), p = Hc({ ...l, mutationFn: n }), g = Yc({ ...l, mutationFn: i }), y = Kc({ ...l, mutationFn: s }), { replies: _, ...v } = Vc({ queryKey: o, queryFn: r });
+    ...l
+  }, d = Zc({ ...u, mutationFn: t }), m = Wc({ ...u, mutationFn: e }), p = Hc({ ...u, mutationFn: n }), g = Yc({ ...u, mutationFn: i }), y = Kc({ ...u, mutationFn: s }), { replies: _, ...v } = Vc({ queryKey: o, queryFn: r });
   return {
     replies: _,
     mutations: {
@@ -10698,8 +10722,8 @@ function Hc({
     }),
     onError: n,
     onSuccess: (o, { replyId: c }, f) => {
-      const u = Xt(c, f);
-      u && Qr({ reply: u, reaction: o }), r.setQueryData(i, f);
+      const l = Xt(c, f);
+      l && Qr({ reply: l, reaction: o }), r.setQueryData(i, f);
     }
   });
   return s;
@@ -10715,7 +10739,7 @@ function Vc({ queryFn: t, queryKey: e }) {
     queryKey: e,
     queryFn: t,
     initialPageParam: { next: "" },
-    getNextPageParam: (u) => (u == null ? void 0 : u.next) || null
+    getNextPageParam: (l) => (l == null ? void 0 : l.next) || null
   }), c = el(n), f = `${c.length || 0}${s ? "+" : ""}`;
   return {
     replies: c,
@@ -10811,8 +10835,8 @@ const tl = ({
     replies: o,
     fetchNextPage: c,
     hasNextPage: f,
-    isLoading: u,
-    mutations: { create: l, edit: d, like: m, remove: p, unlike: g },
+    isLoading: l,
+    mutations: { create: u, edit: d, like: m, remove: p, unlike: g },
     user: y
   } = Ga({
     queryKey: [t, e, n, r, "replies"],
@@ -10825,7 +10849,7 @@ const tl = ({
   return /* @__PURE__ */ a.jsx(
     kc,
     {
-      loadMore: { isLoading: u, hasNextPage: f, loadNextPage: () => c() },
+      loadMore: { isLoading: l, hasNextPage: f, loadNextPage: () => c() },
       form: {
         content: {
           type: "reply",
@@ -10837,7 +10861,7 @@ const tl = ({
         },
         functions: {
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          create: (_, { body: v }) => l({ activityId: n, replyId: r, content: v })
+          create: (_, { body: v }) => u({ activityId: n, replyId: r, content: v })
         },
         meta: { isEditing: !1, showSuccessMessage: !1 }
       },
@@ -10920,8 +10944,8 @@ const tl = ({
 }) => {
   const c = K(), {
     replies: f,
-    repliesCount: u,
-    fetchNextPage: l,
+    repliesCount: l,
+    fetchNextPage: u,
     hasNextPage: d,
     isLoading: m,
     mutations: { create: p, edit: g, like: y, remove: _, unlike: v },
@@ -10931,7 +10955,7 @@ const tl = ({
     queryFns: i
   });
   return Ii(), Ya(), /* @__PURE__ */ a.jsxs("section", { children: [
-    /* @__PURE__ */ a.jsx(jc, { type: "comment", responses: u }),
+    /* @__PURE__ */ a.jsx(jc, { type: "comment", responses: l }),
     /* @__PURE__ */ a.jsx(
       za,
       {
@@ -11031,7 +11055,7 @@ const tl = ({
       tn,
       {
         hasNextPage: d,
-        loadNextPage: () => l(),
+        loadNextPage: () => u(),
         icon: { icon: "arrow-down", position: "right" },
         messages: {
           button: c.formatMessage({ id: "loadMore_button" }),
@@ -11088,12 +11112,12 @@ function il({
     },
     user: o,
     ...c
-  }, u = rl({ ...f, mutationFn: e }), l = sl({ ...f, mutationFn: n }), d = ol({ ...f, mutationFn: r }), { activity: m, ...p } = al({ queryKey: i, queryFn: t });
+  }, l = rl({ ...f, mutationFn: e }), u = sl({ ...f, mutationFn: n }), d = ol({ ...f, mutationFn: r }), { activity: m, ...p } = al({ queryKey: i, queryFn: t });
   return {
     activity: m,
     mutations: {
-      edit: u,
-      like: l,
+      edit: l,
+      like: u,
       unlike: d
     },
     user: o,
@@ -11147,7 +11171,7 @@ const uu = ({
   }
 }) => {
   var M, O, C, E, x, $, L, U, I, Z;
-  const u = K(), l = Ce(De), {
+  const l = K(), u = Ce(De), {
     activity: d,
     error: m,
     isLoading: p,
@@ -11163,7 +11187,7 @@ const uu = ({
       nt,
       {
         variant: "error",
-        text: u.formatMessage({ id: "activitySection_notFoundError" })
+        text: l.formatMessage({ id: "activitySection_notFoundError" })
       }
     );
   const { own_reactions: v, latest_reactions: b } = d, j = (((M = b == null ? void 0 : b.like) == null ? void 0 : M.length) || 0) > 0, T = (((O = v == null ? void 0 : v.like) == null ? void 0 : O.length) || 0) > 0, w = T ? v == null ? void 0 : v.like[0].id : "", D = j ? (C = b == null ? void 0 : b.like) == null ? void 0 : C.map((J) => {
@@ -11172,7 +11196,7 @@ const uu = ({
       id: (k = J == null ? void 0 : J.user) == null ? void 0 : k.id,
       name: (z = (N = J == null ? void 0 : J.user) == null ? void 0 : N.data) == null ? void 0 : z.name
     };
-  }) : !1, R = d == null ? void 0 : d.actor, W = (R == null ? void 0 : R.id) === (l == null ? void 0 : l.id);
+  }) : !1, R = d == null ? void 0 : d.actor, W = (R == null ? void 0 : R.id) === (u == null ? void 0 : u.id);
   return /* @__PURE__ */ a.jsxs("section", { className: "activity-section", children: [
     /* @__PURE__ */ a.jsx(
       rn,