@apolitical/component-library 3.0.3-ac.0 → 3.0.3-ac.22

package/index.mjs

@@ -1,5 +1,5 @@
-import K, { memo as Fe, useState as te, useEffect as ae, useRef as pe, useMemo as bt, createContext as Un, useContext as Ce, Children as Fn, useCallback as Kr, useReducer as zn, Fragment as gt, Suspense as ui } from "react";
-import ut from "lodash.clonedeep";
+import K, { memo as Fe, useState as te, useEffect as ae, useRef as pe, useMemo as bt, createContext as Un, useContext as Ce, Children as Fn, useCallback as Kr, useReducer as zn, Fragment as gt, Suspense as di } from "react";
+import dt from "lodash.clonedeep";
 import fi from "lodash.set";
 import { useIntl as G, IntlProvider as mi, FormattedMessage as _e, createIntl as pi } from "react-intl";
 import Ke from "truncate";
@@ -104,14 +104,14 @@ function Si() {
     return rt;
   hr = 1;
   var t = K, 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, d) {
-    var u, l = {}, m = null, p = null;
-    d !== void 0 && (m = "" + d), 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) && (l[u] = f[u]);
+  function o(c, f, u) {
+    var d, l = {}, m = null, p = null;
+    u !== void 0 && (m = "" + u), f.key !== void 0 && (m = "" + f.key), f.ref !== void 0 && (p = f.ref);
+    for (d in f)
+      r.call(f, d) && !s.hasOwnProperty(d) && (l[d] = f[d]);
     if (c && c.defaultProps)
-      for (u in f = c.defaultProps, f)
-        l[u] === void 0 && (l[u] = f[u]);
+      for (d in f = c.defaultProps, f)
+        l[d] === void 0 && (l[d] = f[d]);
     return { $$typeof: e, type: c, key: m, ref: p, props: l, _owner: i.current };
   }
   return rt.Fragment = n, rt.jsx = o, rt.jsxs = o, rt;
@@ -129,7 +129,7 @@ var at = {};
 var gr;
 function Ci() {
   return gr || (gr = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = K, 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"), d = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), l = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), v = Symbol.iterator, y = "@@iterator";
+    var t = K, 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"), d = Symbol.for("react.suspense_list"), l = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), v = Symbol.iterator, y = "@@iterator";
     function _(h) {
       if (h === null || typeof h != "object")
         return null;
@@ -157,7 +157,7 @@ function Ci() {
     var j = !1, w = !1, U = !1, F = !1, H = !1, M;
     M = Symbol.for("react.module.reference");
     function O(h) {
-      return !!(typeof h == "string" || typeof h == "function" || h === r || h === s || H || h === i || h === d || h === u || F || h === p || j || w || U || typeof h == "object" && h !== null && (h.$$typeof === m || h.$$typeof === l || 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 || H || h === i || h === u || h === d || F || h === p || j || w || U || typeof h == "object" && h !== null && (h.$$typeof === m || h.$$typeof === l || 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.
@@ -189,9 +189,9 @@ function Ci() {
           return "Profiler";
         case i:
           return "StrictMode";
-        case d:
-          return "Suspense";
         case u:
+          return "Suspense";
+        case d:
           return "SuspenseList";
       }
       if (typeof h == "object")
@@ -385,9 +385,9 @@ function Ci() {
       if (typeof h == "string")
         return X(h);
       switch (h) {
-        case d:
-          return X("Suspense");
         case u:
+          return X("Suspense");
+        case d:
           return X("SuspenseList");
       }
       if (typeof h == "object")
@@ -591,7 +591,7 @@ Check your code at ` + P + ":" + L + ".";
         return "";
       }
     }
-    var dr = {};
+    var ur = {};
     function ai(h) {
       {
         var P = lr();
@@ -604,15 +604,15 @@ Check the top-level render call using <` + L + ">.");
         return P;
       }
     }
-    function ur(h, P) {
+    function dr(h, P) {
       {
         if (!h._store || h._store.validated || h.key != null)
           return;
         h._store.validated = !0;
         var L = ai(P);
-        if (dr[L])
+        if (ur[L])
           return;
-        dr[L] = !0;
+        ur[L] = !0;
         var ne = "";
         h && h._owner && h._owner !== sn.current && (ne = " It was passed a child from " + x(h._owner.type) + "."), Ze(h), b('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', L, ne), Ze(null);
       }
@@ -624,7 +624,7 @@ Check the top-level render call using <` + L + ">.");
         if (rn(h))
           for (var L = 0; L < h.length; L++) {
             var ne = h[L];
-            cn(ne) && ur(ne, P);
+            cn(ne) && dr(ne, P);
           }
         else if (cn(h))
           h._store && (h._store.validated = !0);
@@ -632,7 +632,7 @@ Check the top-level render call using <` + L + ">.");
           var le = _(h);
           if (typeof le == "function" && le !== h.entries)
             for (var me = le.call(h), ce; !(ce = me.next()).done; )
-              cn(ce.value) && ur(ce.value, P);
+              cn(ce.value) && dr(ce.value, P);
         }
       }
     }
@@ -709,8 +709,8 @@ Check the top-level render call using <` + L + ">.");
     function ci(h, P, L) {
       return mr(h, P, L, !1);
     }
-    var li = ci, di = oi;
-    at.Fragment = r, at.jsx = li, at.jsxs = di;
+    var li = ci, ui = oi;
+    at.Fragment = r, at.jsx = li, at.jsxs = ui;
   }()), at;
 }
 process.env.NODE_ENV === "production" ? On.exports = Si() : On.exports = Ci();
@@ -730,8 +730,8 @@ const $i = () => {
   }, e);
 };
 function Ni(t, e, n) {
-  var r = this, i = pe(null), s = pe(0), o = pe(null), c = pe([]), f = pe(), d = pe(), u = pe(t), l = pe(!0);
-  u.current = t;
+  var r = this, i = pe(null), s = pe(0), o = pe(null), c = pe([]), f = pe(), u = pe(), d = pe(t), l = pe(!0);
+  d.current = t;
   var m = typeof window < "u", p = !e && e !== 0 && m;
   if (typeof t != "function")
     throw new TypeError("Expected a function");
@@ -745,7 +745,7 @@ function Ni(t, e, n) {
   var E = bt(function() {
     var j = function(O) {
       var S = c.current, T = f.current;
-      return c.current = f.current = null, s.current = O, d.current = u.current.apply(T, S);
+      return c.current = f.current = null, s.current = O, u.current = d.current.apply(T, S);
     }, w = function(O, S) {
       p && cancelAnimationFrame(o.current), o.current = p ? requestAnimationFrame(O) : setTimeout(O, S);
     }, U = function(O) {
@@ -754,7 +754,7 @@ function Ni(t, e, n) {
       var S = O - i.current;
       return !i.current || S >= e || S < 0 || _ && O - s.current >= b;
     }, F = function(O) {
-      return o.current = null, y && c.current ? j(O) : (c.current = f.current = null, d.current);
+      return o.current = null, y && c.current ? j(O) : (c.current = f.current = null, u.current);
     }, H = function O() {
       var S = Date.now();
       if (U(S))
@@ -768,11 +768,11 @@ function Ni(t, e, n) {
         var O = Date.now(), S = U(O);
         if (c.current = [].slice.call(arguments), f.current = r, i.current = O, S) {
           if (!o.current && l.current)
-            return s.current = i.current, w(H, e), v ? j(i.current) : d.current;
+            return s.current = i.current, w(H, e), v ? j(i.current) : u.current;
           if (_)
             return w(H, e), j(i.current);
         }
-        return o.current || w(H, e), d.current;
+        return o.current || w(H, e), u.current;
       }
     };
     return M.cancel = function() {
@@ -780,7 +780,7 @@ function Ni(t, e, n) {
     }, M.isPending = function() {
       return !!o.current;
     }, M.flush = function() {
-      return o.current ? F(Date.now()) : d.current;
+      return o.current ? F(Date.now()) : u.current;
     }, M;
   }, [v, _, e, b, y, p, m, g]);
   return E;
@@ -795,18 +795,18 @@ const yt = (t = !0, e = !1, n = "window") => {
     return;
   const [r, i] = K.useState(0) || [!1, () => {
   }];
-  ae(() => (c(), window.addEventListener("resize", d), window.addEventListener("hashchange", d), window.addEventListener("hiddenSectionVisible", f), () => {
-    clearTimeout(ln), d.flush(), window.removeEventListener("resize", d), window.removeEventListener("hashchange", d), window.removeEventListener("hiddenSectionVisible", f);
+  ae(() => (c(), window.addEventListener("resize", u), window.addEventListener("hashchange", u), window.addEventListener("hiddenSectionVisible", f), () => {
+    clearTimeout(ln), u.flush(), window.removeEventListener("resize", u), window.removeEventListener("hashchange", u), window.removeEventListener("hiddenSectionVisible", f);
   }), n === "window" ? [] : [n]);
   const o = () => {
     if (n)
       return n === "window" ? window.innerWidth : n.offsetWidth;
   }, c = () => {
     i(o());
-  }, f = ({ detail: u }) => {
-    const { id: l } = u;
+  }, f = ({ detail: d }) => {
+    const { id: l } = d;
     n === "window" || !n.closest(`#${l}`) || o() === r || c();
-  }, d = na(
+  }, u = na(
     () => {
       o() !== r && (e && (clearTimeout(ln), document.body.classList.add("is-resizing"), ln = setTimeout(() => {
         document.body.classList.remove("is-resizing");
@@ -836,17 +836,17 @@ const yt = (t = !0, e = !1, n = "window") => {
     scrollUp: !1
   }) || [!1, () => {
   }];
-  ae(() => (f(), window.addEventListener("scroll", d), () => {
-    d.flush(), window.removeEventListener("scroll", d);
+  ae(() => (f(), window.addEventListener("scroll", u), () => {
+    u.flush(), window.removeEventListener("scroll", u);
   }), []);
   const f = () => {
-    const u = window.scrollY, l = i.current, m = u - l, p = m > 0 ? "down" : "up";
-    if (s({ current: u, past: l }), p === "down") {
-      u >= t + e.down && !o.scrollDown && (!o.scrollUp || m > e.up) && (n(), c({ scrollUp: !1, scrollDown: !0 }));
+    const d = window.scrollY, l = i.current, m = d - l, p = m > 0 ? "down" : "up";
+    if (s({ current: d, past: l }), p === "down") {
+      d >= 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 }));
-  }, d = na(() => {
+  }, u = na(() => {
     f();
   }, 250);
   return i;
@@ -863,7 +863,7 @@ const yt = (t = !0, e = !1, n = "window") => {
   }, t);
 }, ra = (t, e) => {
   Array.isArray(e) || (e = [e]);
-  const n = ut(t);
+  const n = dt(t);
   return e.forEach(({ type: r, value: i }) => {
     fi(n, r, i);
   }), n;
@@ -957,7 +957,7 @@ const qe = {
   dates_years: "{number}y",
   /* Cards */
   card_carousel_viewAll: "View all",
-  card_label_community: "Community",
+  card_label_communityPage: "Community",
   card_label_event: "Event",
   card_label_learningHub: "Programme",
   card_label_listPage: "List",
@@ -1214,6 +1214,7 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   header_topics_explore_courses: "Courses",
   "header_topics_explore_q-and-a": "Q&A",
   header_topics_explore_articles: "Articles",
+  header_topics_explore_communities: "Communities",
   header_topics_topics: "Topics",
   header_topics_topics_climate: "Climate",
   "header_topics_topics_cities-and-local-government": "Cities and local government",
@@ -1265,6 +1266,7 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   navigationMenu_links_microcourses: "Courses",
   "navigationMenu_links_q-and-a": "Q&A",
   navigationMenu_links_articles: "Articles",
+  navigationMenu_links_communities: "Communities",
   navigationMenu_profile: "My profile",
   shareLinks_label: "Share",
   shareLinks_link_linkedin: "Share on LinkedIn",
@@ -1369,8 +1371,8 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   onClick: o = !1,
   className: c = "",
   disabled: f = !1,
-  screenreaderText: d = !1,
-  children: u = !1,
+  screenreaderText: u = !1,
+  children: d = !1,
   ...l
 }) => {
   const p = yt(typeof e == "object");
@@ -1383,7 +1385,7 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   const y = {
     ...l,
     className: C(t, c, v, {
-      "no-text": !u,
+      "no-text": !d,
       disabled: f,
       button: i
     }),
@@ -1395,7 +1397,7 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   return i && (s = "a", y.href = i), K.createElement(
     s,
     y,
-    u || (d ? /* @__PURE__ */ a.jsx(be, { showOnFocus: !1, children: d }) : null)
+    d || (u ? /* @__PURE__ */ a.jsx(be, { showOnFocus: !1, children: u }) : 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));
@@ -1521,7 +1523,7 @@ const Re = ({ className: t = "", maxWidth: e = !1 }) => {
 }, Hi = ({ format: t, height: e, query: n, width: r }) => {
   let i = `w=${r}&h=${e}`;
   return i = t ? `${i}&fm=${t}` : i, i = n ? `${i}&${n}` : i, i;
-}, dn = ({ format: t, range: e, url: n, query: r }) => e.map(({ height: i, width: s }) => `${n}?${Hi({
+}, un = ({ format: t, range: e, url: n, query: r }) => e.map(({ height: i, width: s }) => `${n}?${Hi({
   format: t,
   height: i,
   query: r,
@@ -1535,10 +1537,10 @@ const xt = ({ image: t, className: e, testId: n }) => {
     query: o,
     url: c,
     width: f,
-    loading: d,
-    decoding: u,
+    loading: u,
+    decoding: d,
     fetchPriority: l
-  } = t, { range: m, sizes: p } = Wi(t), v = 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 });
+  } = t, { range: m, sizes: p } = Wi(t), v = un({ format: "avif", query: o, range: m, url: c }), y = un({ format: "webp", query: o, range: m, url: c }), _ = un({ format: "", query: o, range: m, url: c });
   return /* @__PURE__ */ a.jsxs("picture", { className: e, children: [
     s !== "image/gif" && /* @__PURE__ */ a.jsx(
       "source",
@@ -1557,8 +1559,8 @@ const xt = ({ image: t, className: e, testId: n }) => {
         sizes: p,
         src: c,
         alt: r,
-        loading: d || "lazy",
-        decoding: u || "async",
+        loading: u || "lazy",
+        decoding: d || "async",
         fetchpriority: l || "auto",
         width: f,
         height: i,
@@ -1623,7 +1625,7 @@ const Vi = ({ isOpen: t = !1, isLoading: e = !1, children: n }) => {
       };
   }, []);
   const c = ({ propertyName: f }) => {
-    f === "opacity" && (it !== !1 && clearTimeout(it), o((d) => d === "opening" ? "open" : d === "closing" ? "closed" : d === "closed" ? "hidden" : d));
+    f === "opacity" && (it !== !1 && clearTimeout(it), o((u) => u === "opening" ? "open" : u === "closing" ? "closed" : u === "closed" ? "hidden" : u));
   };
   return vt(() => {
     it !== !1 && clearTimeout(it);
@@ -1717,7 +1719,7 @@ const Yi = ({ icon: t, description: e, ctaMessage: n, href: r, showEditButton: i
   placeholder: o,
   showDivider: c = !0
 }) => {
-  const [f, d] = K.useState(!1), u = typeof r == "string" || !!n, l = () => d(!1);
+  const [f, u] = K.useState(!1), d = typeof r == "string" || !!n, l = () => u(!1);
   return /* @__PURE__ */ a.jsxs("section", { className: C("edit-section", e), children: [
     n && /* @__PURE__ */ a.jsx(
       Xt,
@@ -1737,7 +1739,7 @@ const Yi = ({ icon: t, description: e, ctaMessage: n, href: r, showEditButton: i
           ...n == null ? void 0 : n.functions,
           onSuccess: async (m) => {
             var p, v;
-            (p = n == null ? void 0 : n.functions) != null && p.onSuccess && await ((v = n == null ? void 0 : n.functions) == null ? void 0 : v.onSuccess(m)), d(!1);
+            (p = n == null ? void 0 : n.functions) != null && p.onSuccess && await ((v = n == null ? void 0 : n.functions) == null ? void 0 : v.onSuccess(m)), u(!1);
           },
           onCancel: l
         } })
@@ -1745,9 +1747,9 @@ const Yi = ({ 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 }),
-      u && /* @__PURE__ */ a.jsx(ie, { href: r, variant: "tertiary", size: "small", icon: "pencil", onClick: () => ca({ href: r, setShowModal: d }), children: "Edit" })
+      d && /* @__PURE__ */ a.jsx(ie, { href: r, variant: "tertiary", size: "small", icon: "pencil", onClick: () => ca({ href: r, setShowModal: u }), children: "Edit" })
     ] }),
-    t || /* @__PURE__ */ a.jsx(Yi, { ...o, href: r, setShowModal: d, showEditButton: u }),
+    t || /* @__PURE__ */ a.jsx(Yi, { ...o, href: r, setShowModal: u, showEditButton: d }),
     c && /* @__PURE__ */ a.jsx(Re, {})
   ] });
 };
@@ -1772,10 +1774,10 @@ const yl = ({
           "two-col": r === 2 || r === 4,
           "three-col": r === 5 || r <= 10 && r % 3 === 0
         }),
-        children: e.map(({ logo: s, nameOfBusiness: o, link: c = !1, description: f = !1 }, d) => {
+        children: e.map(({ logo: s, nameOfBusiness: o, link: c = !1, description: f = !1 }, u) => {
           if (!s || !s.url)
             return null;
-          const u = /* @__PURE__ */ a.jsx(
+          const d = /* @__PURE__ */ a.jsx(
             "img",
             {
               src: s.url,
@@ -1785,9 +1787,9 @@ const yl = ({
             }
           );
           return /* @__PURE__ */ a.jsxs("li", { children: [
-            /* @__PURE__ */ a.jsx("p", { className: "img-wrapper", children: c ? /* @__PURE__ */ a.jsx("a", { href: c, target: "_blank", rel: "nofollow noreferrer noopener", children: u }) : u }),
+            /* @__PURE__ */ a.jsx("p", { className: "img-wrapper", children: c ? /* @__PURE__ */ a.jsx("a", { href: c, target: "_blank", rel: "nofollow noreferrer noopener", children: d }) : d }),
             f && /* @__PURE__ */ a.jsx("small", { children: f })
-          ] }, window.btoa(`${s.url}_${d}`));
+          ] }, window.btoa(`${s.url}_${u}`));
         })
       }
     )
@@ -1821,27 +1823,27 @@ const Ki = [
   cta: o,
   children: c
 }) => {
-  const f = ["eyebrow", "title", "text"], d = { eyebrow: "small", title: "h1", text: "p" }, u = {};
+  const f = ["eyebrow", "title", "text"], u = { eyebrow: "small", title: "h1", text: "p" }, d = {};
   return f.forEach((l) => {
     if (!e[l]) {
-      u[l] = !1;
+      d[l] = !1;
       return;
     }
     if (!s[l]) {
       if (typeof e[l] == "object") {
-        u[l] = e[l];
+        d[l] = e[l];
         const { text: m, element: p } = e[l];
         if (p && Ki.includes(p.toLowerCase()))
           return;
-        u[l] = {
+        d[l] = {
           text: m,
-          element: d[l]
+          element: u[l]
         };
         return;
       }
-      u[l] = {
+      d[l] = {
         text: e[l],
-        element: d[l]
+        element: u[l]
       };
     }
   }), o && o.link && o.link[0] === "#" && (o.props || (o.props = {}), o.props.onClick = (l) => {
@@ -1853,13 +1855,13 @@ const Ki = [
     {
       className: C("banner-section", r, i, t, {
         "has-image": n,
-        "has-extra-spacing": i === "normal" && u.eyebrow && u.title
+        "has-extra-spacing": i === "normal" && d.eyebrow && d.title
       }),
       children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
         /* @__PURE__ */ a.jsxs("div", { className: "content-wrapper", children: [
           f.map((l) => {
-            if (u[l] && typeof u[l] == "object") {
-              const { text: m, element: p = "" } = u[l];
+            if (d[l] && typeof d[l] == "object") {
+              const { text: m, element: p = "" } = d[l];
               return l === "text" ? /* @__PURE__ */ a.jsx(Lt, { overrideType: "text-only", className: "text", children: m }, l) : K.createElement(p, { key: l, className: l }, m);
             }
             return null;
@@ -2041,8 +2043,8 @@ const tt = ({
   const {
     breakpoints: c,
     text: f = "",
-    component: d,
-    ...u
+    component: u,
+    ...d
   } = n;
   return /* @__PURE__ */ a.jsx(
     Ae,
@@ -2051,10 +2053,10 @@ const tt = ({
       className: C("empty-state-box", t, r),
       children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
         e && typeof e == "string" ? /* @__PURE__ */ a.jsx(Xe, { options: { forceBlock: !0 }, children: e }) : e,
-        i && typeof n == "object" && (d || /* @__PURE__ */ a.jsx(
+        i && typeof n == "object" && (u || /* @__PURE__ */ a.jsx(
           ie,
           {
-            ...u,
+            ...d,
             variant: n.variant ? n.variant : "secondary",
             children: f
           }
@@ -2063,9 +2065,9 @@ const tt = ({
     }
   );
 };
-const An = ({ children: t, ...e }) => /* @__PURE__ */ a.jsx("p", { ...e, children: t }), da = { q: An, blockquote: An };
+const An = ({ children: t, ...e }) => /* @__PURE__ */ a.jsx("p", { ...e, children: t }), ua = { q: An, blockquote: An };
 for (let t = 1; t <= 6; t++)
-  da[`h${t}`] = { component: An, props: { className: "title" } };
+  ua[`h${t}`] = { component: An, props: { className: "title" } };
 const as = ({
   type: t = "default",
   className: e = "",
@@ -2079,7 +2081,7 @@ const as = ({
       options: {
         wrapper: K.Fragment,
         forceBlock: !0,
-        overrides: da
+        overrides: ua
       },
       children: r
     }
@@ -2092,7 +2094,7 @@ const jl = ({
   text: r,
   children: i
 }) => {
-  const s = G(), o = pe(null), [c, f] = te(""), [d, u] = te("closed");
+  const s = G(), o = pe(null), [c, f] = te(""), [u, d] = te("closed");
   ae(() => {
     const p = o.current;
     if (p)
@@ -2109,23 +2111,23 @@ const jl = ({
 `)
     );
   }, [r]), ae(() => {
-    d === "ready-to-close" && u("closing");
-  }, [d]);
+    u === "ready-to-close" && d("closing");
+  }, [u]);
   const l = ({ propertyName: p }) => {
-    p === "max-height" && u((v) => v === "opening" ? "open" : v === "closing" ? "closed" : v);
+    p === "max-height" && d((v) => v === "opening" ? "open" : v === "closing" ? "closed" : v);
   };
   if (!r)
     return null;
-  const m = ["opening", "open"].includes(d);
+  const m = ["opening", "open"].includes(u);
   return /* @__PURE__ */ a.jsxs(
     Ae,
     {
       variant: "subtle",
       className: C("hide-show-text-box", t),
       children: [
-        /* @__PURE__ */ a.jsxs("div", { ref: o, className: C("content", d), children: [
-          /* @__PURE__ */ a.jsx(Xe, { options: { forceBlock: !0 }, children: d === "closed" ? c : r }),
-          d !== "closed" && i
+        /* @__PURE__ */ a.jsxs("div", { ref: o, className: C("content", u), children: [
+          /* @__PURE__ */ a.jsx(Xe, { options: { forceBlock: !0 }, children: u === "closed" ? c : r }),
+          u !== "closed" && i
         ] }),
         /* @__PURE__ */ a.jsx("p", { className: "cta", children: /* @__PURE__ */ a.jsx(
           ie,
@@ -2135,7 +2137,7 @@ const jl = ({
             styling: { muted: !0 },
             className: C({ "rotate-180": m }),
             onClick: () => {
-              u(m ? "ready-to-close" : "opening");
+              d(m ? "ready-to-close" : "opening");
             },
             children: m ? n || s.formatMessage({ id: "hideShowTextBox_hide" }) : e || s.formatMessage({ id: "hideShowTextBox_show" })
           }
@@ -2215,7 +2217,7 @@ const jl = ({
 }, br = (t) => {
   let e = "";
   return t && typeof t != "string" && typeof t != "number" && typeof t != "boolean" && "type" in t && (e = t.type), e;
-}, ds = ({
+}, us = ({
   children: t,
   ...e
 }) => {
@@ -2233,10 +2235,10 @@ const jl = ({
             break;
     }
   return i ? (n = { ...n, className: "button primary medium" }, /* @__PURE__ */ a.jsx("p", { className: "center", children: /* @__PURE__ */ a.jsx(ie, { variant: "primary", size: "medium", ...n, children: r }) })) : /* @__PURE__ */ a.jsx("a", { ...n, children: r });
-}, us = ({ children: t }) => /* @__PURE__ */ a.jsx("span", { children: t });
+}, ds = ({ children: t }) => /* @__PURE__ */ a.jsx("span", { children: t });
 const fs = {
   default: {
-    a: ds,
+    a: us,
     // Override psuedo-code
     // We give the content team psuedo-code short cuts to use in Contentful
     CollapsibleSection: la,
@@ -2337,12 +2339,12 @@ const hs = ({ progress: t = 0, text: e = !1, className: n = "" }) => {
     }
   );
 }, gs = Fe(hs);
-const un = "loadingBlock_", vs = ({ progress: t = 0, steps: e = !1, className: n = "" }) => {
+const dn = "loadingBlock_", vs = ({ progress: t = 0, steps: e = !1, className: n = "" }) => {
   const r = G();
   e || (e = {
-    0: { text: r.formatMessage({ id: `${un}loading` }) },
-    75: { text: r.formatMessage({ id: `${un}almostDone` }) },
-    100: { text: r.formatMessage({ id: `${un}complete` }) }
+    0: { text: r.formatMessage({ id: `${dn}loading` }) },
+    75: { text: r.formatMessage({ id: `${dn}almostDone` }) },
+    100: { text: r.formatMessage({ id: `${dn}complete` }) }
   });
   let i = null;
   const s = Object.keys(e);
@@ -2409,7 +2411,7 @@ const In = {
     "cards-section",
     "footer"
   ]
-}, ua = (t, e) => t in In ? /* @__PURE__ */ a.jsx("div", { className: t, children: In[t].map((n, r) => ua(n, r)) }, e) : /* @__PURE__ */ a.jsx(Te, { className: t }, e), fa = ({ layout: t = "overview-page", ...e }) => /* @__PURE__ */ a.jsx("div", { className: C("loading-state", t), ...e, children: In[t].map((n, r) => ua(n, r)) }), ma = (t) => {
+}, da = (t, e) => t in In ? /* @__PURE__ */ a.jsx("div", { className: t, children: In[t].map((n, r) => da(n, r)) }, e) : /* @__PURE__ */ a.jsx(Te, { className: t }, e), fa = ({ layout: t = "overview-page", ...e }) => /* @__PURE__ */ a.jsx("div", { className: C("loading-state", t), ...e, children: In[t].map((n, r) => da(n, r)) }), ma = (t) => {
   const e = t && t.toUpperCase().split(" ");
   return Array.isArray(e) && e.length > 1 && e[0] !== "" ? e[1] === "" ? e[0][0] : e[0][0] + e[e.length - 1][0] : t ? t.substr(0, 1) : "";
 }, jt = ["#5AB6A3", "#A2D7AF", "#806056", "#3962B3"], bs = (t) => {
@@ -2430,9 +2432,9 @@ const yr = 256, ze = ({
   height: s = yr,
   ...o
 }) => {
-  const [c, f] = te(!1), d = pe(null);
+  const [c, f] = te(!1), u = pe(null);
   ae(() => {
-    const l = d.current;
+    const l = u.current;
     if (!l)
       return;
     const m = l.getContext("2d");
@@ -2441,13 +2443,13 @@ const yr = 256, ze = ({
     const p = i, v = s;
     typeof window < "u" && window.devicePixelRatio && (l.width = p * window.devicePixelRatio, l.height = v * window.devicePixelRatio, m.scale(window.devicePixelRatio, window.devicePixelRatio)), m.fillStyle = bs(n), m.fillRect(0, 0, p, v), m.font = `${p / 3}px Arial`, m.textAlign = "center", m.fillStyle = "white", m.fillText(ma(n), p / 2, v / 1.6);
   }, [n]);
-  let u = !1;
-  return e && e !== "" && !c && (e.includes("http") || e.includes("//")) && (u = !0), /* @__PURE__ */ a.jsx(
+  let d = !1;
+  return e && e !== "" && !c && (e.includes("http") || e.includes("//")) && (d = !0), /* @__PURE__ */ a.jsx(
     "figure",
     {
       className: C("profile-picture", t, { error: c }),
       ...o,
-      children: u ? /* @__PURE__ */ a.jsx(
+      children: d ? /* @__PURE__ */ a.jsx(
         "img",
         {
           src: e,
@@ -2458,7 +2460,7 @@ const yr = 256, ze = ({
           width: i,
           height: s
         }
-      ) : /* @__PURE__ */ a.jsx("canvas", { ref: d })
+      ) : /* @__PURE__ */ a.jsx("canvas", { ref: u })
     }
   );
 }, pa = (t) => t === "apolitical" ? {
@@ -2497,20 +2499,20 @@ const Yn = ({
   c.name || (c.name = o.formatMessage({
     id: `member_${typeof e == "string" ? e : "community"}`
   }));
-  const { name: f, url: d, image: u } = c, l = ys(c), m = n && n.createdAt ? Dn(n.createdAt) : !1, p = n && n.createdAt ? sa(n.createdAt) : "";
+  const { name: f, url: u, image: d } = c, l = ys(c), m = n && n.createdAt ? Dn(n.createdAt) : !1, p = n && n.createdAt ? sa(n.createdAt) : "";
   return K.createElement(t, {
     className: C("member text-medium", s),
     children: /* @__PURE__ */ a.jsxs(
       wt,
       {
-        href: d,
+        href: u,
         gtmType: i,
         gtmContext: r,
         onClick: (v) => {
           v == null || v.stopPropagation();
         },
         children: [
-          /* @__PURE__ */ a.jsx(ze, { name: f, src: u }),
+          /* @__PURE__ */ a.jsx(ze, { name: f, src: d }),
           /* @__PURE__ */ a.jsxs("p", { className: "details", children: [
             /* @__PURE__ */ a.jsx("strong", { children: f }),
             n && /* @__PURE__ */ a.jsxs("span", { className: "additional-content", children: [
@@ -2541,11 +2543,11 @@ const _r = {
   },
   cutoff: c = 2,
   className: f = "",
-  ...d
+  ...u
 }) => {
-  const u = G();
+  const d = G();
   return !n || n.length === 0 ? null : K.createElement(t, {
-    ...d,
+    ...u,
     className: C("contributors", f, i, { "has-gap": s }),
     children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
       /* @__PURE__ */ a.jsx("ul", { children: n.map((l, m) => {
@@ -2578,11 +2580,11 @@ const _r = {
         }
         return p ? /* @__PURE__ */ a.jsx("li", { className: C("contributor", v), children: p }, m) : 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]}` }) : Ke(n[0].name || "", 20) : null })
+      r && /* @__PURE__ */ a.jsx("span", { className: "label", children: typeof r == "string" ? r : n.length === 1 ? typeof n[0] == "string" ? d.formatMessage({ id: `member_${n[0]}` }) : Ke(n[0].name || "", 20) : null })
     ] })
   });
 };
-var Ln = { exports: {} }, Tt = { exports: {} }, de = {};
+var Ln = { exports: {} }, Tt = { exports: {} }, ue = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -2594,9 +2596,9 @@ var Ln = { exports: {} }, Tt = { exports: {} }, de = {};
 var xr;
 function _s() {
   if (xr)
-    return de;
+    return ue;
   xr = 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, d = t ? Symbol.for("react.concurrent_mode") : 60111, u = t ? Symbol.for("react.forward_ref") : 60112, l = t ? Symbol.for("react.suspense") : 60113, m = t ? Symbol.for("react.suspense_list") : 60120, p = t ? Symbol.for("react.memo") : 60115, v = t ? Symbol.for("react.lazy") : 60116, y = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, g = 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, u = t ? Symbol.for("react.concurrent_mode") : 60111, d = t ? Symbol.for("react.forward_ref") : 60112, l = t ? Symbol.for("react.suspense") : 60113, m = t ? Symbol.for("react.suspense_list") : 60120, p = t ? Symbol.for("react.memo") : 60115, v = t ? Symbol.for("react.lazy") : 60116, y = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, g = t ? Symbol.for("react.responder") : 60118, b = t ? Symbol.for("react.scope") : 60119;
   function E(w) {
     if (typeof w == "object" && w !== null) {
       var U = w.$$typeof;
@@ -2604,7 +2606,7 @@ function _s() {
         case e:
           switch (w = w.type, w) {
             case f:
-            case d:
+            case u:
             case r:
             case s:
             case i:
@@ -2613,7 +2615,7 @@ function _s() {
             default:
               switch (w = w && w.$$typeof, w) {
                 case c:
-                case u:
+                case d:
                 case v:
                 case p:
                 case o:
@@ -2628,37 +2630,37 @@ function _s() {
     }
   }
   function j(w) {
-    return E(w) === d;
+    return E(w) === u;
   }
-  return de.AsyncMode = f, de.ConcurrentMode = d, de.ContextConsumer = c, de.ContextProvider = o, de.Element = e, de.ForwardRef = u, de.Fragment = r, de.Lazy = v, de.Memo = p, de.Portal = n, de.Profiler = s, de.StrictMode = i, de.Suspense = l, de.isAsyncMode = function(w) {
+  return ue.AsyncMode = f, ue.ConcurrentMode = u, ue.ContextConsumer = c, ue.ContextProvider = o, ue.Element = e, ue.ForwardRef = d, ue.Fragment = r, ue.Lazy = v, ue.Memo = p, ue.Portal = n, ue.Profiler = s, ue.StrictMode = i, ue.Suspense = l, ue.isAsyncMode = function(w) {
     return j(w) || E(w) === f;
-  }, de.isConcurrentMode = j, de.isContextConsumer = function(w) {
+  }, ue.isConcurrentMode = j, ue.isContextConsumer = function(w) {
     return E(w) === c;
-  }, de.isContextProvider = function(w) {
+  }, ue.isContextProvider = function(w) {
     return E(w) === o;
-  }, de.isElement = function(w) {
+  }, ue.isElement = function(w) {
     return typeof w == "object" && w !== null && w.$$typeof === e;
-  }, de.isForwardRef = function(w) {
-    return E(w) === u;
-  }, de.isFragment = function(w) {
+  }, ue.isForwardRef = function(w) {
+    return E(w) === d;
+  }, ue.isFragment = function(w) {
     return E(w) === r;
-  }, de.isLazy = function(w) {
+  }, ue.isLazy = function(w) {
     return E(w) === v;
-  }, de.isMemo = function(w) {
+  }, ue.isMemo = function(w) {
     return E(w) === p;
-  }, de.isPortal = function(w) {
+  }, ue.isPortal = function(w) {
     return E(w) === n;
-  }, de.isProfiler = function(w) {
+  }, ue.isProfiler = function(w) {
     return E(w) === s;
-  }, de.isStrictMode = function(w) {
+  }, ue.isStrictMode = function(w) {
     return E(w) === i;
-  }, de.isSuspense = function(w) {
+  }, ue.isSuspense = function(w) {
     return E(w) === l;
-  }, de.isValidElementType = function(w) {
-    return typeof w == "string" || typeof w == "function" || w === r || w === d || w === s || w === i || w === l || w === m || typeof w == "object" && w !== null && (w.$$typeof === v || w.$$typeof === p || w.$$typeof === o || w.$$typeof === c || w.$$typeof === u || w.$$typeof === _ || w.$$typeof === g || w.$$typeof === b || w.$$typeof === y);
-  }, de.typeOf = E, de;
+  }, ue.isValidElementType = function(w) {
+    return typeof w == "string" || typeof w == "function" || w === r || w === u || w === s || w === i || w === l || w === m || typeof w == "object" && w !== null && (w.$$typeof === v || w.$$typeof === p || w.$$typeof === o || w.$$typeof === c || w.$$typeof === d || w.$$typeof === _ || w.$$typeof === g || w.$$typeof === b || w.$$typeof === y);
+  }, ue.typeOf = E, ue;
 }
-var ue = {};
+var de = {};
 /** @license React v16.13.1
  * react-is.development.js
  *
@@ -2670,10 +2672,10 @@ var ue = {};
 var wr;
 function xs() {
   return wr || (wr = 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, d = t ? Symbol.for("react.concurrent_mode") : 60111, u = t ? Symbol.for("react.forward_ref") : 60112, l = t ? Symbol.for("react.suspense") : 60113, m = t ? Symbol.for("react.suspense_list") : 60120, p = t ? Symbol.for("react.memo") : 60115, v = t ? Symbol.for("react.lazy") : 60116, y = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, g = 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, u = t ? Symbol.for("react.concurrent_mode") : 60111, d = t ? Symbol.for("react.forward_ref") : 60112, l = t ? Symbol.for("react.suspense") : 60113, m = t ? Symbol.for("react.suspense_list") : 60120, p = t ? Symbol.for("react.memo") : 60115, v = t ? Symbol.for("react.lazy") : 60116, y = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, g = t ? Symbol.for("react.responder") : 60118, b = t ? Symbol.for("react.scope") : 60119;
     function E(D) {
       return typeof D == "string" || typeof D == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      D === r || D === d || D === s || D === i || D === l || D === m || typeof D == "object" && D !== null && (D.$$typeof === v || D.$$typeof === p || D.$$typeof === o || D.$$typeof === c || D.$$typeof === u || D.$$typeof === _ || D.$$typeof === g || D.$$typeof === b || D.$$typeof === y);
+      D === r || D === u || D === s || D === i || D === l || D === m || typeof D == "object" && D !== null && (D.$$typeof === v || D.$$typeof === p || D.$$typeof === o || D.$$typeof === c || D.$$typeof === d || D.$$typeof === _ || D.$$typeof === g || D.$$typeof === b || D.$$typeof === y);
     }
     function j(D) {
       if (typeof D == "object" && D !== null) {
@@ -2683,7 +2685,7 @@ function xs() {
             var $e = D.type;
             switch ($e) {
               case f:
-              case d:
+              case u:
               case r:
               case s:
               case i:
@@ -2693,7 +2695,7 @@ function xs() {
                 var Ee = $e && $e.$$typeof;
                 switch (Ee) {
                   case c:
-                  case u:
+                  case d:
                   case v:
                   case p:
                   case o:
@@ -2707,12 +2709,12 @@ function xs() {
         }
       }
     }
-    var w = f, U = d, F = c, H = o, M = e, O = u, S = r, T = v, x = p, $ = n, I = s, q = i, A = l, Z = !1;
+    var w = f, U = u, F = c, H = o, M = e, O = d, S = r, T = v, x = p, $ = n, I = s, q = i, A = l, Z = !1;
     function J(D) {
       return Z || (Z = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), k(D) || j(D) === f;
     }
     function k(D) {
-      return j(D) === d;
+      return j(D) === u;
     }
     function N(D) {
       return j(D) === c;
@@ -2724,7 +2726,7 @@ function xs() {
       return typeof D == "object" && D !== null && D.$$typeof === e;
     }
     function W(D) {
-      return j(D) === u;
+      return j(D) === d;
     }
     function ee(D) {
       return j(D) === r;
@@ -2747,8 +2749,8 @@ function xs() {
     function oe(D) {
       return j(D) === l;
     }
-    ue.AsyncMode = w, ue.ConcurrentMode = U, ue.ContextConsumer = F, ue.ContextProvider = H, ue.Element = M, ue.ForwardRef = O, ue.Fragment = S, ue.Lazy = T, ue.Memo = x, ue.Portal = $, ue.Profiler = I, ue.StrictMode = q, ue.Suspense = A, ue.isAsyncMode = J, ue.isConcurrentMode = k, ue.isContextConsumer = N, ue.isContextProvider = z, ue.isElement = B, ue.isForwardRef = W, ue.isFragment = ee, ue.isLazy = Y, ue.isMemo = V, ue.isPortal = X, ue.isProfiler = re, ue.isStrictMode = R, ue.isSuspense = oe, ue.isValidElementType = E, ue.typeOf = j;
-  }()), ue;
+    de.AsyncMode = w, de.ConcurrentMode = U, de.ContextConsumer = F, de.ContextProvider = H, de.Element = M, de.ForwardRef = O, de.Fragment = S, de.Lazy = T, de.Memo = x, de.Portal = $, de.Profiler = I, de.StrictMode = q, de.Suspense = A, de.isAsyncMode = J, de.isConcurrentMode = k, de.isContextConsumer = N, de.isContextProvider = z, de.isElement = B, de.isForwardRef = W, de.isFragment = ee, de.isLazy = Y, de.isMemo = V, de.isPortal = X, de.isProfiler = re, de.isStrictMode = R, de.isSuspense = oe, de.isValidElementType = E, de.typeOf = j;
+  }()), de;
 }
 var kr;
 function ga() {
@@ -2779,28 +2781,28 @@ function ws() {
         return !1;
       for (var o = {}, c = 0; c < 10; c++)
         o["_" + String.fromCharCode(c)] = c;
-      var f = Object.getOwnPropertyNames(o).map(function(u) {
-        return o[u];
+      var f = Object.getOwnPropertyNames(o).map(function(d) {
+        return o[d];
       });
       if (f.join("") !== "0123456789")
         return !1;
-      var d = {};
-      return "abcdefghijklmnopqrst".split("").forEach(function(u) {
-        d[u] = u;
-      }), Object.keys(Object.assign({}, d)).join("") === "abcdefghijklmnopqrst";
+      var u = {};
+      return "abcdefghijklmnopqrst".split("").forEach(function(d) {
+        u[d] = d;
+      }), Object.keys(Object.assign({}, u)).join("") === "abcdefghijklmnopqrst";
     } catch {
       return !1;
     }
   }
   return fn = i() ? Object.assign : function(s, o) {
-    for (var c, f = r(s), d, u = 1; u < arguments.length; u++) {
-      c = Object(arguments[u]);
+    for (var c, f = r(s), u, d = 1; d < arguments.length; d++) {
+      c = Object(arguments[d]);
       for (var l in c)
         e.call(c, l) && (f[l] = c[l]);
       if (t) {
-        d = t(c);
-        for (var m = 0; m < d.length; m++)
-          n.call(c, d[m]) && (f[d[m]] = c[d[m]]);
+        u = t(c);
+        for (var m = 0; m < u.length; m++)
+          n.call(c, u[m]) && (f[u[m]] = c[u[m]]);
       }
     }
     return f;
@@ -2836,27 +2838,27 @@ function ks() {
       }
     };
   }
-  function i(s, o, c, f, d) {
+  function i(s, o, c, f, u) {
     if (process.env.NODE_ENV !== "production") {
-      for (var u in s)
-        if (r(s, u)) {
+      for (var d in s)
+        if (r(s, d)) {
           var l;
           try {
-            if (typeof s[u] != "function") {
+            if (typeof s[d] != "function") {
               var m = Error(
-                (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`."
+                (f || "React class") + ": " + c + " type `" + d + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[d] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
               throw m.name = "Invariant Violation", m;
             }
-            l = s[u](o, u, f, c, null, e);
+            l = s[d](o, d, f, c, null, e);
           } catch (v) {
             l = v;
           }
           if (l && !(l instanceof Error) && t(
-            (f || "React class") + ": type specification of " + c + " `" + u + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof l + ". 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 + " `" + d + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof l + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
           ), l instanceof Error && !(l.message in n)) {
             n[l.message] = !0;
-            var p = d ? d() : "";
+            var p = u ? u() : "";
             t(
               "Failed " + c + " type: " + l.message + (p ?? "")
             );
@@ -2887,9 +2889,9 @@ function js() {
     return null;
   }
   return gn = function(c, f) {
-    var d = typeof Symbol == "function" && Symbol.iterator, u = "@@iterator";
+    var u = typeof Symbol == "function" && Symbol.iterator, d = "@@iterator";
     function l(k) {
-      var N = k && (d && k[d] || k[u]);
+      var N = k && (u && k[u] || k[d]);
       if (typeof N == "function")
         return N;
     }
@@ -3201,7 +3203,7 @@ function Ts() {
   function n() {
   }
   return n.resetWarningCache = e, vn = function() {
-    function r(o, c, f, d, u, l) {
+    function r(o, c, f, u, d, l) {
       if (l !== 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"
@@ -3273,14 +3275,14 @@ var ba = ["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, d = t(f, !0, r);
-        r.flatten ? i.push.apply(i, d) : i.push({
+        var c = o.assignedElements(), f = c.length ? c : o.children, u = t(f, !0, r);
+        r.flatten ? i.push.apply(i, u) : i.push({
           scopeParent: o,
-          candidates: d
+          candidates: u
         });
       } else {
-        var u = Ue.call(o, qt);
-        u && r.filter(o) && (n || !e.includes(o)) && i.push(o);
+        var d = Ue.call(o, qt);
+        d && r.filter(o) && (n || !e.includes(o)) && i.push(o);
         var l = o.shadowRoot || // check for an undisclosed shadow
         typeof r.getShadowRoot == "function" && r.getShadowRoot(o), m = !zt(l, !1) && (!r.shadowRootFilter || r.shadowRootFilter(o));
         if (l && m) {
@@ -3343,8 +3345,8 @@ var ba = ["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 d, u, l;
-      r = Ut(i), i = (d = r) === null || d === void 0 ? void 0 : d.host, s = !!((u = i) !== null && u !== void 0 && (l = u.ownerDocument) !== null && l !== void 0 && l.contains(i));
+      var u, d, l;
+      r = Ut(i), i = (u = r) === null || u === void 0 ? void 0 : u.host, s = !!((d = i) !== null && d !== void 0 && (l = d.ownerDocument) !== null && l !== void 0 && l.contains(i));
     }
   }
   return s;
@@ -3361,10 +3363,10 @@ var ba = ["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, d = Ut(e);
+        var f = e.parentElement, u = Ut(e);
         if (f && !f.shadowRoot && i(f) === !0)
           return Nr(e);
-        e.assignedSlot ? e = e.assignedSlot : !f && d !== e.ownerDocument ? e = d.host : e = f;
+        e.assignedSlot ? e = e.assignedSlot : !f && u !== e.ownerDocument ? e = u.host : e = f;
       }
       e = c;
     }
@@ -3403,13 +3405,13 @@ var ba = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
 }, Us = function t(e) {
   var n = [], r = [];
   return e.forEach(function(i, s) {
-    var o = !!i.scopeParent, c = o ? i.scopeParent : i, f = Ns(c, o), d = o ? t(i.candidates) : c;
-    f === 0 ? o ? n.push.apply(n, d) : n.push(c) : r.push({
+    var o = !!i.scopeParent, c = o ? i.scopeParent : i, f = Ns(c, o), u = o ? t(i.candidates) : c;
+    f === 0 ? o ? n.push.apply(n, u) : n.push(c) : r.push({
       documentOrder: s,
       tabIndex: f,
       item: i,
       isScope: o,
-      content: d
+      content: u
     });
   }), r.sort(Ps).reduce(function(i, s) {
     return s.isScope ? i.push.apply(i, s.content) : i.push(s.content), i;
@@ -3578,7 +3580,7 @@ var Rr = {
     recentNavEvent: void 0
   }, c, f = function(T, x, $) {
     return T && T[x] !== void 0 ? T[x] : s[$ || x];
-  }, d = function(T, x) {
+  }, u = function(T, x) {
     var $ = typeof (x == null ? void 0 : x.composedPath) == "function" ? x.composedPath() : void 0;
     return o.containerGroups.findIndex(function(I) {
       var q = I.container, A = I.tabbableNodes;
@@ -3590,7 +3592,7 @@ var Rr = {
         return Z === T;
       });
     });
-  }, u = function(T) {
+  }, d = function(T) {
     var x = s[T];
     if (typeof x == "function") {
       for (var $ = arguments.length, I = new Array($ > 1 ? $ - 1 : 0), q = 1; q < $; q++)
@@ -3607,15 +3609,15 @@ var Rr = {
       throw new Error("`".concat(T, "` as selector refers to no known node"));
     return A;
   }, l = function() {
-    var T = u("initialFocus");
+    var T = d("initialFocus");
     if (T === !1)
       return !1;
     if (T === void 0 || !At(T, s.tabbableOptions))
-      if (d(r.activeElement) >= 0)
+      if (u(r.activeElement) >= 0)
         T = r.activeElement;
       else {
         var x = o.tabbableGroups[0], $ = x && x.firstTabbableNode;
-        T = $ || u("fallbackFocus");
+        T = $ || d("fallbackFocus");
       }
     if (!T)
       throw new Error("Your focus-trap needs to have at least one focusable element");
@@ -3669,7 +3671,7 @@ var Rr = {
       };
     }), o.tabbableGroups = o.containerGroups.filter(function(T) {
       return T.tabbableNodes.length > 0;
-    }), o.tabbableGroups.length <= 0 && !u("fallbackFocus"))
+    }), o.tabbableGroups.length <= 0 && !d("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(T) {
       return T.posTabIndexesFound;
@@ -3690,14 +3692,14 @@ var Rr = {
       }), o.mostRecentlyFocusedNode = T, Ys(T) && T.select();
     }
   }, y = function(T) {
-    var x = u("setReturnFocus", T);
+    var x = d("setReturnFocus", T);
     return x || (x === !1 ? !1 : T);
   }, _ = function(T) {
     var x = T.target, $ = T.event, I = T.isBackward, q = I === void 0 ? !1 : I;
     x = x || Et($), m();
     var A = null;
     if (o.tabbableGroups.length > 0) {
-      var Z = d(x, $), J = Z >= 0 ? o.containerGroups[Z] : void 0;
+      var Z = u(x, $), J = Z >= 0 ? o.containerGroups[Z] : void 0;
       if (Z < 0)
         q ? A = o.tabbableGroups[o.tabbableGroups.length - 1].lastTabbableNode : A = o.tabbableGroups[0].firstTabbableNode;
       else if (q) {
@@ -3722,11 +3724,11 @@ var Rr = {
           mt($) || (A = J.nextTabbableNode(x));
       }
     } else
-      A = u("fallbackFocus");
+      A = d("fallbackFocus");
     return A;
   }, g = function(T) {
     var x = Et(T);
-    if (!(d(x, T) >= 0)) {
+    if (!(u(x, T) >= 0)) {
       if (st(s.clickOutsideDeactivates, T)) {
         c.deactivate({
           // NOTE: by setting `returnFocus: false`, deactivate() will do nothing,
@@ -3742,7 +3744,7 @@ var Rr = {
       st(s.allowOutsideClick, T) || T.preventDefault();
     }
   }, b = function(T) {
-    var x = Et(T), $ = d(x, T) >= 0;
+    var x = Et(T), $ = u(x, T) >= 0;
     if ($ || x instanceof Document)
       $ && (o.mostRecentlyFocusedNode = x);
     else {
@@ -3750,7 +3752,7 @@ var Rr = {
       var I, q = !0;
       if (o.mostRecentlyFocusedNode)
         if (De(o.mostRecentlyFocusedNode) > 0) {
-          var A = d(o.mostRecentlyFocusedNode), Z = o.containerGroups[A].tabbableNodes;
+          var A = u(o.mostRecentlyFocusedNode), Z = o.containerGroups[A].tabbableNodes;
           if (Z.length > 0) {
             var J = Z.findIndex(function(k) {
               return k === o.mostRecentlyFocusedNode;
@@ -3789,7 +3791,7 @@ var Rr = {
     (s.isKeyForward(T) || s.isKeyBackward(T)) && E(T, s.isKeyBackward(T));
   }, w = function(T) {
     var x = Et(T);
-    d(x, T) >= 0 || st(s.clickOutsideDeactivates, T) || st(s.allowOutsideClick, T) || (T.preventDefault(), T.stopImmediatePropagation());
+    u(x, T) >= 0 || st(s.clickOutsideDeactivates, T) || st(s.allowOutsideClick, T) || (T.preventDefault(), T.stopImmediatePropagation());
   }, U = function() {
     if (o.active)
       return Rr.activateTrap(i, c), o.delayInitialFocusTimer = s.delayInitialFocus ? Fr(function() {
@@ -3933,9 +3935,9 @@ function oo(t, e) {
     return e;
   if (e !== void 0)
     throw new TypeError("Derived constructors may only return object or undefined");
-  return dt(t);
+  return ut(t);
 }
-function dt(t) {
+function ut(t) {
   if (t === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return t;
@@ -3981,26 +3983,26 @@ var St = K, Q = Cs, fo = to, mo = fo.createFocusTrap, po = no, ho = po.isFocusab
   var e = so(n);
   function n(r) {
     var i;
-    ro(this, n), i = e.call(this, r), lo(dt(i), "getNodeForOption", function(c) {
-      var f, d = (f = this.internalOptions[c]) !== null && f !== void 0 ? f : this.originalOptions[c];
-      if (typeof d == "function") {
-        for (var u = arguments.length, l = new Array(u > 1 ? u - 1 : 0), m = 1; m < u; m++)
+    ro(this, n), i = e.call(this, r), lo(ut(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 d = arguments.length, l = new Array(d > 1 ? d - 1 : 0), m = 1; m < d; m++)
           l[m - 1] = arguments[m];
-        d = d.apply(void 0, l);
+        u = u.apply(void 0, l);
       }
-      if (d === !0 && (d = void 0), !d) {
-        if (d === void 0 || d === !1)
-          return d;
+      if (u === !0 && (u = void 0), !u) {
+        if (u === void 0 || u === !1)
+          return u;
         throw new Error("`".concat(c, "` was specified but was not a node, or did not return a node"));
       }
-      var p = d;
-      if (typeof d == "string") {
+      var p = u;
+      if (typeof u == "string") {
         var v;
-        if (p = (v = this.getDocument()) === null || v === void 0 ? void 0 : v.querySelector(d), !p)
+        if (p = (v = this.getDocument()) === null || v === void 0 ? void 0 : v.querySelector(u), !p)
           throw new Error("`".concat(c, "` as selector refers to no known node"));
       }
       return p;
-    }), i.handleDeactivate = i.handleDeactivate.bind(dt(i)), i.handlePostDeactivate = i.handlePostDeactivate.bind(dt(i)), i.handleClickOutsideDeactivates = i.handleClickOutsideDeactivates.bind(dt(i)), i.internalOptions = {
+    }), i.handleDeactivate = i.handleDeactivate.bind(ut(i)), i.handlePostDeactivate = i.handlePostDeactivate.bind(ut(i)), i.handleClickOutsideDeactivates = i.handleClickOutsideDeactivates.bind(ut(i)), i.internalOptions = {
       // We need to hijack the returnFocusOnDeactivate option,
       // because React can move focus into the element before we arrived at
       // this lifecycle hook (e.g. with autoFocus inputs). So the component
@@ -4104,9 +4106,9 @@ var St = K, Q = Cs, fo = to, mo = fo.createFocusTrap, po = no, ho = po.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
-        !ho(i.outsideClick.target, i.internalOptions.tabbableOptions))), d = i.internalOptions.preventScroll, u = d === void 0 ? !1 : d;
+        !ho(i.outsideClick.target, i.internalOptions.tabbableOptions))), u = i.internalOptions.preventScroll, d = u === void 0 ? !1 : u;
         f && c.focus({
-          preventScroll: u
+          preventScroll: d
         }), 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();
@@ -4152,9 +4154,9 @@ var St = K, Q = Cs, fo = to, mo = fo.createFocusTrap, po = no, ho = po.isFocusab
       if (s) {
         if (s.type && s.type === St.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(d) {
-          var u = i.props.containerElements;
-          s && (typeof s.ref == "function" ? s.ref(d) : s.ref && (s.ref.current = d)), i.focusTrapElements = u || [d];
+        var o = function(u) {
+          var d = i.props.containerElements;
+          s && (typeof s.ref == "function" ? s.ref(u) : s.ref && (s.ref.current = u)), i.focusTrapElements = d || [u];
         }, c = St.cloneElement(s, {
           ref: o
         });
@@ -4236,8 +4238,8 @@ const Xt = ({
   forceShow: { error: o = !1 } = {},
   title: c,
   children: f,
-  buttons: d,
-  className: u = "",
+  buttons: u,
+  className: d = "",
   gtmContext: l = "Modal"
 }) => {
   const m = G(), [p, v] = te(e), y = (b) => {
@@ -4257,7 +4259,7 @@ const Xt = ({
     Sa,
     {
       id: t,
-      className: C("overlay-modal", u, {
+      className: C("overlay-modal", d, {
         "has-max-width": r
       }),
       hidden: !p,
@@ -4281,9 +4283,9 @@ const Xt = ({
         ] }),
         n && /* @__PURE__ */ a.jsx(Re, {}),
         f,
-        d && /* @__PURE__ */ a.jsxs("div", { className: "bottom", children: [
+        u && /* @__PURE__ */ a.jsxs("div", { className: "bottom", children: [
           /* @__PURE__ */ a.jsx(Re, {}),
-          /* @__PURE__ */ a.jsx(_t, { buttons: d })
+          /* @__PURE__ */ a.jsx(_t, { buttons: u })
         ] }),
         o && /* @__PURE__ */ a.jsx(Bt, { className: "error", children: o })
       ] }) })
@@ -4306,7 +4308,7 @@ const Ct = "emailHelperTextBox_", yo = ({
     link: {},
     mail: {},
     error: ""
-  }), [c, f] = te(!1), d = Kr(
+  }), [c, f] = te(!1), u = Kr(
     (p) => {
       p.preventDefault(), p.stopPropagation();
       const v = (y) => {
@@ -4317,7 +4319,7 @@ const Ct = "emailHelperTextBox_", yo = ({
             "data-gtm-event-context": "VerifyEmailBox",
             "data-gtm-event-type": "SendEmailClick",
             className: "gtm-trackable",
-            onClick: (_) => d(_),
+            onClick: (_) => u(_),
             href: "#",
             "data-testid": "send-verify-email-click"
           },
@@ -4373,7 +4375,7 @@ const Ct = "emailHelperTextBox_", yo = ({
             "data-gtm-event-context": "VerifyEmailBox",
             "data-gtm-event-type": "SendEmailClick",
             className: "gtm-trackable",
-            onClick: (g) => d(g),
+            onClick: (g) => u(g),
             "data-testid": "send-verify-email-click"
           };
           break;
@@ -4402,9 +4404,9 @@ const Ct = "emailHelperTextBox_", yo = ({
     /* eslint-disable react-hooks/exhaustive-deps */
     [t]
   );
-  const u = {};
+  const d = {};
   return ["link", "mail"].forEach((p) => {
-    u[p] = Object.keys(s[p]).length ? (v) => /* @__PURE__ */ a.jsx("a", { ...s[p], children: v }) : (v) => v;
+    d[p] = Object.keys(s[p]).length ? (v) => /* @__PURE__ */ a.jsx("a", { ...s[p], children: v }) : (v) => v;
   }), /* @__PURE__ */ a.jsx(
     as,
     {
@@ -4420,7 +4422,7 @@ const Ct = "emailHelperTextBox_", yo = ({
         i.formatMessage(
           { id: `${s.path}_text` },
           {
-            ...u,
+            ...d,
             strong: (p) => /* @__PURE__ */ a.jsx("strong", { children: p }),
             em: (p) => /* @__PURE__ */ a.jsx("em", { children: p }),
             br: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
@@ -4444,12 +4446,12 @@ const Ct = "emailHelperTextBox_", yo = ({
   placeholder: o,
   type: c = "text",
   value: f,
-  ...d
+  ...u
 }) => {
-  const u = pe(), l = r || u;
+  const d = pe(), l = r || d;
   return K.createElement(e, {
     ref: l,
-    ...d,
+    ...u,
     type: c,
     id: n,
     name: s,
@@ -4485,7 +4487,7 @@ const He = {
     input: t,
     displayInput: t,
     debouncedInput: t
-  }), [{ predictions: d, activePredictionIndex: u, isPredictionSelected: l }, m] = te({
+  }), [{ predictions: u, activePredictionIndex: d, isPredictionSelected: l }, m] = te({
     predictions: [],
     activePredictionIndex: -1,
     isPredictionSelected: !!t
@@ -4507,10 +4509,10 @@ const He = {
       }
     })() : m((g) => ({ ...g, predictions: [] }));
   }, [c, l]), ae(() => {
-    u >= 0 && d[u] && f((g) => ({ ...g, displayInput: d[u].description }));
-  }, [u, d]);
+    d >= 0 && u[d] && f((g) => ({ ...g, displayInput: u[d].description }));
+  }, [d, u]);
   const v = (g) => {
-    [He.DOWN, He.UP, He.ENTER].includes(g.key) && (g.preventDefault(), g.key === He.DOWN && u < d.length - 1 ? m((b) => ({ ...b, activePredictionIndex: u + 1 })) : g.key === He.UP && u > 0 ? m((b) => ({ ...b, activePredictionIndex: u - 1 })) : g.key === He.ENTER && u > -1 && (r(d[u].description), f((b) => ({ ...b, input: d[u].description })), m((b) => ({ ...b, predictions: [], isPredictionSelected: !0 }))));
+    [He.DOWN, He.UP, He.ENTER].includes(g.key) && (g.preventDefault(), g.key === He.DOWN && d < u.length - 1 ? m((b) => ({ ...b, activePredictionIndex: d + 1 })) : g.key === He.UP && d > 0 ? m((b) => ({ ...b, activePredictionIndex: d - 1 })) : g.key === He.ENTER && d > -1 && (r(u[d].description), f((b) => ({ ...b, input: u[d].description })), m((b) => ({ ...b, predictions: [], isPredictionSelected: !0 }))));
   }, y = (g) => {
     r(g.target.value), f((b) => ({ ...b, input: g.target.value, displayInput: g.target.value })), m((b) => ({ ...b, activePredictionIndex: -1, isPredictionSelected: !1 }));
   }, _ = (g) => {
@@ -4527,12 +4529,12 @@ const He = {
         placeholder: e
       }
     ),
-    /* @__PURE__ */ a.jsx("ul", { className: "predictions-list", children: d.map((g, b) => /* @__PURE__ */ a.jsx(
+    /* @__PURE__ */ a.jsx("ul", { className: "predictions-list", children: u.map((g, b) => /* @__PURE__ */ a.jsx(
       "li",
       {
         onClick: () => _(g),
         onMouseEnter: () => m((E) => ({ ...E, activePredictionIndex: b })),
-        className: C("predictions-list-item", { active: b === u }),
+        className: C("predictions-list-item", { active: b === d }),
         children: g.description
       },
       b
@@ -4550,12 +4552,12 @@ const Ca = ({
   intlPath: o = !1,
   label: c,
   shownValue: f = !0,
-  type: d = "checkbox",
-  value: u,
+  type: u = "checkbox",
+  value: d,
   ...l
 }) => {
   const m = G(), { onChange: p, ...v } = r, y = () => {
-    e || p(u ? null : f);
+    e || p(d ? null : f);
   }, _ = /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsx(
       "input",
@@ -4563,9 +4565,9 @@ const Ca = ({
         ref: s,
         id: i,
         name: i,
-        type: d,
+        type: u,
         value: f,
-        checked: u,
+        checked: d,
         onKeyDown: (g) => {
           (g.key === "Enter" || g.code === "Space") && (g.preventDefault(), g.stopPropagation(), y());
         },
@@ -4614,9 +4616,9 @@ const ko = ({
   placeholder: o,
   multiSelect: c,
   multiSelectOptions: f,
-  id: d
+  id: u
 }) => {
-  const u = G(), [l, m] = te(!1), p = r || n, v = Array.isArray(p) ? [...p] : p ? [p] : [], [y, _] = te(v);
+  const d = G(), [l, m] = te(!1), p = r || n, v = Array.isArray(p) ? [...p] : p ? [p] : [], [y, _] = te(v);
   let g;
   Array.isArray(y) && y.length === 1 && typeof y[0] == "string" ? g = e && y ? e.find((F) => F.id === y[0]) : e ? e[0] : { id: "", label: "" } : Array.isArray(y) && y.length === 1 && typeof y[0] != "string" ? g = y[0] : g = { id: "", label: "" }, ae(() => {
     _(v);
@@ -4685,7 +4687,7 @@ const ko = ({
                     size: "small",
                     onClick: () => U("all"),
                     className: "gtm-trackable",
-                    children: u.formatMessage({ id: "dropdown_menu_multiselect_all" })
+                    children: d.formatMessage({ id: "dropdown_menu_multiselect_all" })
                   }
                 ) }),
                 /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
@@ -4695,7 +4697,7 @@ const ko = ({
                     size: "small",
                     onClick: () => U("none"),
                     className: "gtm-trackable",
-                    children: u.formatMessage({ id: "dropdown_menu_multiselect_none" })
+                    children: d.formatMessage({ id: "dropdown_menu_multiselect_none" })
                   }
                 ) })
               ] })
@@ -4733,13 +4735,13 @@ const ko = ({
                 E && E(y), document.dispatchEvent(
                   new CustomEvent("dropdownMultiSelectSubmit", {
                     detail: {
-                      id: d || "dropdown-multi-select",
+                      id: u || "dropdown-multi-select",
                       value: y
                     }
                   })
                 ), m(!1);
               },
-              children: u.formatMessage({ id: "form_submit" })
+              children: d.formatMessage({ id: "form_submit" })
             }
           ) })
         ]
@@ -4758,11 +4760,11 @@ const jo = ({
   name: o,
   options: c,
   required: f,
-  type: d = "checkboxes",
-  value: u,
+  type: u = "checkboxes",
+  value: d,
   ...l
 }) => {
-  const m = G(), p = s ? u : [], v = u;
+  const m = G(), p = s ? d : [], v = d;
   return /* @__PURE__ */ a.jsx(
     "ul",
     {
@@ -4792,7 +4794,7 @@ const jo = ({
             {
               element: "li",
               id: E,
-              type: d === "checkboxes" ? "checkbox" : "radio",
+              type: u === "checkboxes" ? "checkbox" : "radio",
               shownValue: g,
               value: s ? p == null ? void 0 : p.includes(g) : v === g,
               functions: {
@@ -4818,9 +4820,9 @@ const To = ({
   gtm: { context: n } = { context: void 0 },
   ...r
 }) => {
-  const i = G(), s = pe(), o = t || s, [c, f] = te(!1), [d, u] = te(e), l = () => {
+  const i = G(), s = pe(), o = t || s, [c, f] = te(!1), [u, d] = te(e), l = () => {
     var m;
-    f(!c), u(c ? "password" : "text"), (m = o.current) == null || m.focus();
+    f(!c), d(c ? "password" : "text"), (m = o.current) == null || m.focus();
   };
   return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsx(
@@ -4841,7 +4843,7 @@ const To = ({
         })
       }
     ),
-    /* @__PURE__ */ a.jsx(pt, { inputRef: o, type: d, ...r })
+    /* @__PURE__ */ a.jsx(pt, { inputRef: o, type: u, ...r })
   ] });
 };
 const Ve = {
@@ -4864,26 +4866,26 @@ const Ve = {
   showRequiredLabels: o = !0,
   type: c,
   validation: f,
-  value: d,
-  ...u
+  value: u,
+  ...d
 }) => {
-  const l = G(), m = f && f.some(({ condition: j }) => j === "required"), p = (d == null ? void 0 : d.toString().length) || 0, v = c && Ve[c] && Ve[c].component ? Ve[c].component : pt, y = {};
+  const l = G(), m = f && f.some(({ condition: j }) => j === "required"), p = (u == null ? void 0 : u.toString().length) || 0, v = c && Ve[c] && Ve[c].component ? Ve[c].component : pt, y = {};
   c && ["checkboxes"].includes(c) ? y.element = "span" : y.htmlFor = t;
   let _ = {
-    ...u,
+    ...d,
     id: t,
     name: t,
     className: r ? "error" : "",
     type: c,
     required: m,
     "aria-required": m,
-    functions: ut(i),
-    value: d
+    functions: dt(i),
+    value: u
   };
   s > 0 && (_["data-character-limit"] = s, _.functions && (_.functions.onChange = (j) => {
     ((j == null ? void 0 : j.toString().length) || 0) > s && (j = j == null ? void 0 : j.toString().slice(0, s)), i.onChange(j);
   })), c && Ve[c] && Ve[c].props && (_ = { ..._, ...Ve[c].props }), c && ["checkboxes"].includes(c) && (_.intlPath = `${e}_${t}`), r && (_["aria-invalid"] = !0, _["aria-describedby"] = `error-${t}`);
-  const g = u.label || l.formatMessage({ id: e ? `${e}_${t}` : t }), b = ({ ...j }) => r ? K.createElement(
+  const g = d.label || l.formatMessage({ id: e ? `${e}_${t}` : t }), b = ({ ...j }) => r ? K.createElement(
     j.as || "dd",
     {
       id: `error-${t}`,
@@ -4944,7 +4946,7 @@ const Ve = {
     /* @__PURE__ */ a.jsx(b, {})
   ] });
 }, So = (t, e) => {
-  const { type: n, payload: r } = e, i = t.errors ? ut(t.errors) : {}, s = t.values ? ut(t.values) : {};
+  const { type: n, payload: r } = e, i = t.errors ? dt(t.errors) : {}, s = t.values ? dt(t.values) : {};
   switch (n) {
     case "toggleSubmitting":
       return {
@@ -4977,10 +4979,10 @@ const Ve = {
         },
         onSuccess: f = () => {
         },
-        onFailure: d = () => {
+        onFailure: u = () => {
         },
-        intl: u
-      } = r, l = ut(Object.keys(i));
+        intl: d
+      } = r, l = dt(Object.keys(i));
       for (const m of o)
         if (m.validation)
           for (let p = 0; p < m.validation.length; p++) {
@@ -4993,18 +4995,18 @@ const Ve = {
               const g = s[m.id];
               switch (v) {
                 case "required":
-                  (!g || typeof g == "string" && g.trim().length === 0) && (_ = y || (u == null ? void 0 : u.formatMessage({ id: "form_error_required" })));
+                  (!g || typeof g == "string" && g.trim().length === 0) && (_ = y || (d == null ? void 0 : d.formatMessage({ id: "form_error_required" })));
                   break;
                 case "no-numbers": {
-                  g && !/^([^0-9]*)$/.test(g) && (_ = y || (u == null ? void 0 : u.formatMessage({ id: "form_error_numbers" })));
+                  g && !/^([^0-9]*)$/.test(g) && (_ = y || (d == null ? void 0 : d.formatMessage({ id: "form_error_numbers" })));
                   break;
                 }
                 case "valid-email": {
-                  g && !/^(([^<>()[\]\\.,;:\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(g) && (_ = y || (u == null ? void 0 : u.formatMessage({ id: "form_error_email" })));
+                  g && !/^(([^<>()[\]\\.,;:\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(g) && (_ = y || (d == null ? void 0 : d.formatMessage({ id: "form_error_email" })));
                   break;
                 }
                 case "valid-url": {
-                  g && !/^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\(\)\*\+,;=.]+$/.test(g) && (_ = y || (u == null ? void 0 : u.formatMessage({ id: "form_error_url" })));
+                  g && !/^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\(\)\*\+,;=.]+$/.test(g) && (_ = y || (d == null ? void 0 : d.formatMessage({ id: "form_error_url" })));
                   break;
                 }
                 default:
@@ -5019,7 +5021,7 @@ const Ve = {
               break;
             }
           }
-      return l.length === 0 ? f(s) : d(s, l), {
+      return l.length === 0 ? f(s) : u(s, l), {
         ...t,
         isSubmitting: !1
       };
@@ -5060,8 +5062,8 @@ const Qn = ({
   meta: {
     shouldShowCancelButton: c = !1,
     shouldReset: f = !0,
-    showRequiredLabels: d = !0,
-    showSuccessMessage: u = !1
+    showRequiredLabels: u = !0,
+    showSuccessMessage: d = !1
   } = {
     shouldShowCancelButton: !1,
     shouldReset: !0,
@@ -5229,7 +5231,7 @@ const Qn = ({
               {
                 intlPath: i,
                 ...A,
-                showRequiredLabels: d,
+                showRequiredLabels: u,
                 value: z,
                 error: M == null ? void 0 : M[J],
                 functions: {
@@ -5255,7 +5257,7 @@ const Qn = ({
         ]
       }
     ),
-    u && S && /* @__PURE__ */ a.jsx(Bt, { className: "success", children: typeof u == "string" ? u : w.formatMessage({ id: "form_success" }) })
+    d && S && /* @__PURE__ */ a.jsx(Bt, { className: "success", children: typeof d == "string" ? d : w.formatMessage({ id: "form_success" }) })
   ] });
 };
 const $t = "passwordRules_", $a = "isMoreThanEightCharacters", Na = "includesNumberAndSymbol", Pa = "includesLowerAndUppercase", Co = {
@@ -5308,26 +5310,26 @@ const Cl = ({
   className: s = "",
   hasLoaded: o = !1
 }) => {
-  const c = G(), [f, d] = te({
+  const c = G(), [f, u] = te({
     setUp: !1,
     id: null,
     rating: null,
     disabled: !0
-  }), u = async () => {
+  }), d = async () => {
     try {
       const g = await n();
-      d((b) => ({
+      u((b) => ({
         ...b,
         setUp: !0,
         id: g && g.id,
         disabled: !1
       }));
     } catch (g) {
-      d((b) => ({ ...b, setUp: !0, disabled: !0 })), i(g);
+      u((b) => ({ ...b, setUp: !0, disabled: !0 })), i(g);
     }
   };
   if (ae(() => {
-    o && !f.setUp && u();
+    o && !f.setUp && d();
   }, [o]), !o)
     return /* @__PURE__ */ a.jsx(Te, { className: "rating-placeholder" });
   const { id: l, rating: m, disabled: p } = f, v = "ratings_", y = {
@@ -5339,11 +5341,11 @@ const Cl = ({
   }, _ = async (g) => {
     if (!(!l || p))
       try {
-        d((b) => ({ ...b, rating: g, disabled: !0 })), await r({ id: l, value: g });
+        u((b) => ({ ...b, rating: g, disabled: !0 })), await r({ id: l, value: g });
       } catch (b) {
-        d((E) => ({ ...E, rating: null })), i(b);
+        u((E) => ({ ...E, rating: null })), i(b);
       } finally {
-        d((b) => ({ ...b, disabled: !1 }));
+        u((b) => ({ ...b, disabled: !1 }));
       }
   };
   return /* @__PURE__ */ a.jsxs("div", { className: C("rating", s), children: [
@@ -5396,15 +5398,15 @@ const $l = ({
   ae(() => {
     r && f(r);
   }, [r]);
-  const d = (u) => {
-    s || (f(u), i(u));
+  const u = (d) => {
+    s || (f(d), i(d));
   };
   return /* @__PURE__ */ a.jsxs(
     "div",
     {
       className: C("toggle", o),
-      onClick: (u) => {
-        u.preventDefault(), u.stopPropagation(), d(c === n[0].value ? n[1].value : n[0].value);
+      onClick: (d) => {
+        d.preventDefault(), d.stopPropagation(), u(c === n[0].value ? n[1].value : n[0].value);
       },
       children: [
         /* @__PURE__ */ a.jsx("p", { children: e }),
@@ -5415,8 +5417,8 @@ const $l = ({
               disabled: s,
               on: c === n[1].value
             }),
-            children: n.map((u) => {
-              const l = `${t}-${u.value}`;
+            children: n.map((d) => {
+              const l = `${t}-${d.value}`;
               return /* @__PURE__ */ a.jsxs("li", { className: "hidden", children: [
                 /* @__PURE__ */ a.jsx(
                   "input",
@@ -5424,13 +5426,13 @@ const $l = ({
                     type: "radio",
                     id: l,
                     name: t,
-                    value: u.value,
-                    checked: c === u.value,
-                    onChange: () => d(u.value),
+                    value: d.value,
+                    checked: c === d.value,
+                    onChange: () => u(d.value),
                     disabled: s
                   }
                 ),
-                /* @__PURE__ */ a.jsx("label", { htmlFor: l, children: u.label })
+                /* @__PURE__ */ a.jsx("label", { htmlFor: l, children: d.label })
               ] }, l);
             })
           }
@@ -5440,8 +5442,8 @@ const $l = ({
   );
 };
 function Nl({ className: t = "", userId: e, userName: n, src: r, setUserImage: i, uploadImage: s }) {
-  const [o, c] = te(!1), [f, d] = te(!1), u = pe(null), l = async (m) => {
-    c(!0), d(!1);
+  const [o, c] = te(!1), [f, u] = te(!1), d = pe(null), l = async (m) => {
+    c(!0), u(!1);
     try {
       const p = m.target.files && m.target.files[0];
       if (!p || !e)
@@ -5455,7 +5457,7 @@ function Nl({ className: t = "", userId: e, userName: n, src: r, setUserImage: i
         }
       }));
     } catch {
-      d(!0);
+      u(!0);
     } finally {
       c(!1);
     }
@@ -5470,7 +5472,7 @@ function Nl({ className: t = "", userId: e, userName: n, src: r, setUserImage: i
         id: "file",
         type: "file",
         accept: "image/*",
-        ref: u,
+        ref: d,
         onChange: l,
         hidden: !0,
         "data-testid": "file-input"
@@ -5479,7 +5481,7 @@ function Nl({ className: t = "", userId: e, userName: n, src: r, setUserImage: i
     /* @__PURE__ */ a.jsx(
       ie,
       {
-        onClick: () => u.current && u.current.click(),
+        onClick: () => d.current && d.current.click(),
         variant: "secondary",
         "data-gtm-event-context": "ImageField",
         "data-gtm-event-type": `${r ? "change-photo" : "add-photo"}-click`,
@@ -5548,13 +5550,13 @@ const Po = ({
   onClose: o,
   reportError: c,
   sendInvites: f,
-  initialFormStatus: d = "NOT_SUBMITTED"
+  initialFormStatus: u = "NOT_SUBMITTED"
   /* NOT_SUBMITTED */
 }) => {
-  const [u, l] = te([]), [m, p] = te(!0), [v, y] = te(d), { formatMessage: _ } = G(), g = async (j) => {
+  const [d, l] = te([]), [m, p] = te(!0), [v, y] = te(u), { formatMessage: _ } = G(), g = async (j) => {
     j.preventDefault();
     try {
-      await f(u), l([]), y(
+      await f(d), l([]), y(
         "SUCCESS"
         /* SUCCESS */
       );
@@ -5601,7 +5603,7 @@ const Po = ({
               id: "email-input",
               inputClassName: "email-input input",
               placeholder: _({ id: "inviteForm_email_placeholder" }),
-              emails: u,
+              emails: d,
               onChange: (j) => {
                 l(j), p(!j.length);
               },
@@ -5615,7 +5617,7 @@ const Po = ({
                     size: "small",
                     icon: { icon: "close" },
                     onClick: () => {
-                      U(w), p(!u.length);
+                      U(w), p(!d.length);
                     },
                     className: "remove-email-button",
                     screenreaderText: _({ id: "overlay_close" })
@@ -5639,17 +5641,17 @@ const Mo = ({
   gtmContext: i = "search-bar",
   gtmEvent: s = "form-submission"
 }) => {
-  const { searchIsOpen: o = !0, isDesktopVersion: c = !1 } = n || {}, f = G(), d = pe(null);
+  const { searchIsOpen: o = !0, isDesktopVersion: c = !1 } = n || {}, f = G(), u = pe(null);
   vt(() => {
-    !n || c || !o || d.current && d.current.focus();
+    !n || c || !o || u.current && u.current.focus();
   }, [o]);
-  const u = (l) => {
-    l.preventDefault(), l.stopPropagation(), !(!d.current || !d.current.value || d.current.value.length < 1) && (window.location.href = `/search?search=${encodeURIComponent(d.current.value)}`);
+  const d = (l) => {
+    l.preventDefault(), l.stopPropagation(), !(!u.current || !u.current.value || u.current.value.length < 1) && (window.location.href = `/search?search=${encodeURIComponent(u.current.value)}`);
   };
   return /* @__PURE__ */ a.jsx(
     "form",
     {
-      onSubmit: u,
+      onSubmit: d,
       className: C("search-form gtm-trackable", e),
       "data-gtm-event-context": i,
       "data-gtm-event-type": s,
@@ -5671,14 +5673,14 @@ const Mo = ({
             /* @__PURE__ */ a.jsx(
               "input",
               {
-                ref: d,
+                ref: u,
                 type: "search",
                 id: t,
                 name: t,
                 defaultValue: r,
                 placeholder: f.formatMessage({ id: "search_placeholder" }),
                 onKeyDown: (l) => {
-                  l.key === "Enter" && u(l);
+                  l.key === "Enter" && d(l);
                 }
               }
             ),
@@ -5687,12 +5689,12 @@ const Mo = ({
               {
                 className: "clear",
                 onClick: (l) => {
-                  l.preventDefault(), l.stopPropagation(), d.current && d.current.value && (d.current.value = "");
+                  l.preventDefault(), l.stopPropagation(), u.current && u.current.value && (u.current.value = "");
                 },
                 children: /* @__PURE__ */ a.jsx(be, { children: f.formatMessage({ id: "search_clear" }) })
               }
             ),
-            /* @__PURE__ */ a.jsx("button", { className: "search", onClick: u, children: /* @__PURE__ */ a.jsx(be, { children: f.formatMessage({ id: "search_cta" }) }) })
+            /* @__PURE__ */ a.jsx("button", { className: "search", onClick: d, children: /* @__PURE__ */ a.jsx(be, { children: f.formatMessage({ id: "search_cta" }) }) })
           ] })
         }
       )
@@ -5729,15 +5731,15 @@ const Mo = ({
       { type: "validFields.email", value: !1 }
     ]);
   }
-  const { valid: c = !1, autoApproved: f = !1, exists: d } = o;
-  let u = "";
-  return c ? u = f ? "gov" : "nonGov" : d.registration ? d.engagement && !d.user ? u = d.auth ? "verify" : "pending" : u = "exists" : d.auth && (u = "exists"), n([
+  const { valid: c = !1, autoApproved: f = !1, exists: u } = o;
+  let d = "";
+  return c ? d = f ? "gov" : "nonGov" : u.registration ? u.engagement && !u.user ? d = u.auth ? "verify" : "pending" : d = "exists" : u.auth && (d = "exists"), n([
     { type: "shouldManuallyApprove", value: !f },
     {
       type: "emailDetails",
       value: {
         email: i,
-        boxType: u,
+        boxType: d,
         isEnd2End: /testing\+[0-9]+@apolitical.co$/.test(i)
       }
     },
@@ -5785,16 +5787,16 @@ const Mo = ({
   intl: c
   // We need to pass `intl` in as it's being used in a hook
 }) => {
-  const { emailDetails: f } = i, d = (l, m) => {
+  const { emailDetails: f } = i, u = (l, m) => {
     l.current && i.validFields[m] !== l.current.validity.valid && s([{ type: `validFields.${m}`, value: l.current.validity.valid }]);
-  }, u = [
+  }, d = [
     {
       id: "full_name",
       type: "text",
       inputRef: r.name,
       placeholder: c.formatMessage({ id: "signup_full_name_placeholder" }),
       functions: {
-        onChange: () => d(r.name, "name"),
+        onChange: () => u(r.name, "name"),
         onFocus: () => s([{ type: "loadRecaptcha", value: !0 }])
       },
       autoComplete: "name",
@@ -5833,14 +5835,14 @@ const Mo = ({
       }
     }
   ];
-  return i.shouldManuallyApprove && (u.push(
+  return i.shouldManuallyApprove && (d.push(
     {
       id: "job_title",
       type: "text",
       inputRef: r.jobTitle,
       placeholder: c.formatMessage({ id: "signup_job_title_placeholder" }),
       functions: {
-        onChange: () => d(r.jobTitle, "jobTitle")
+        onChange: () => u(r.jobTitle, "jobTitle")
       },
       validation: [{ condition: "required" }],
       "data-testid": "signup-job-input"
@@ -5854,13 +5856,13 @@ const Mo = ({
       }),
       functions: {
         onChange: () => {
-          d(r.organisation, "organisation");
+          u(r.organisation, "organisation");
         }
       },
       validation: [{ condition: "required" }],
       "data-testid": "signup-org-input"
     }
-  ), t.url && u.push({
+  ), t.url && d.push({
     id: "url",
     type: "text",
     label: c.formatMessage(
@@ -5872,7 +5874,7 @@ const Mo = ({
     placeholder: c.formatMessage({ id: "signup_url_placeholder" }),
     validation: [{ condition: "valid-url" }],
     "data-testid": "signup-url-input"
-  })), t.expectation && u.push({
+  })), t.expectation && d.push({
     id: "expectation",
     className: "expectation",
     type: "text",
@@ -5884,7 +5886,7 @@ const Mo = ({
     ),
     placeholder: c.formatMessage({ id: "signup_expectation_placeholder" }),
     "data-testid": "signup-events-question"
-  }), u.push({
+  }), d.push({
     id: "terms",
     className: "text-small",
     type: "checkbox",
@@ -5930,7 +5932,7 @@ const Mo = ({
     },
     validation: [{ condition: "required" }],
     "data-testid": "signup-terms-checkbox"
-  }), u;
+  }), d;
 };
 const Do = ({ className: t = "" }) => /* @__PURE__ */ a.jsxs(
   "div",
@@ -5985,8 +5987,8 @@ const Ao = {
   ...s
 }) => {
   const o = G(), [c, f] = zn(ra, Ao), {
-    validFields: d,
-    emailDetails: u,
+    validFields: u,
+    emailDetails: d,
     shouldManuallyApprove: l,
     showSuccessMessage: m,
     showError: p
@@ -6023,7 +6025,7 @@ const Ao = {
     dispatch: f,
     dataToSubmit: i,
     intl: o
-  }), [i, e, o, _, n, c]), b = l ? !Object.values(d).every((E) => E === !0) : !d.name || !d.email || ["exists", "pending", "verify"].includes(u.boxType);
+  }), [i, e, o, _, n, c]), b = l ? !Object.values(u).every((E) => E === !0) : !u.name || !u.email || ["exists", "pending", "verify"].includes(d.boxType);
   return n.successMessage && m ? /* @__PURE__ */ a.jsx(Do, { className: t }) : /* @__PURE__ */ a.jsxs(
     "fieldset",
     {
@@ -6111,7 +6113,7 @@ const Ml = ({
   onClose: c,
   reportError: f = () => {
   },
-  sendInvites: d
+  sendInvites: u
 }) => /* @__PURE__ */ a.jsx(
   Xt,
   {
@@ -6128,7 +6130,7 @@ const Ml = ({
         label: i,
         ctaMessage: s,
         onClose: c,
-        sendInvites: d,
+        sendInvites: u,
         reportError: f
       }
     )
@@ -6181,8 +6183,8 @@ const Rl = ({ members: t }) => {
     isOngoingEvent: o,
     pill: c,
     readingTime: f,
-    publishedDate: d,
-    startDate: u
+    publishedDate: u,
+    startDate: d
   } = e;
   if (t === "question") {
     const l = i && Dn(i);
@@ -6204,8 +6206,8 @@ const Rl = ({ members: t }) => {
       ] })
     ] });
   }
-  if (u && !s || o)
-    return /* @__PURE__ */ a.jsx("p", { className: "details", children: o ? n.formatMessage({ id: "card_bootcamp" }) : sa(u) });
+  if (d && !s || o)
+    return /* @__PURE__ */ a.jsx("p", { className: "details", children: o ? n.formatMessage({ id: "card_bootcamp" }) : sa(d) });
   if (c)
     return /* @__PURE__ */ a.jsx(
       ft,
@@ -6216,11 +6218,11 @@ const Rl = ({ members: t }) => {
         children: c
       }
     );
-  if (f || d) {
-    const l = d && Dn(d);
+  if (f || u) {
+    const l = u && Dn(u);
     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 }) }),
-      d && /* @__PURE__ */ a.jsx("li", { "data-testid": "published-date", children: n.formatMessage(
+      u && /* @__PURE__ */ a.jsx("li", { "data-testid": "published-date", children: n.formatMessage(
         { id: "card_time_ago" },
         {
           time: l ? n.formatMessage(
@@ -6233,8 +6235,8 @@ const Rl = ({ members: t }) => {
   }
   return null;
 }, Ht = {
-  community: {
-    basePath: "/community/",
+  communityPage: {
+    basePath: "/communities/",
     className: "community",
     gtmEvent: "community"
   },
@@ -6303,7 +6305,7 @@ const Rl = ({ members: t }) => {
   ae(() => {
     t.registered && o((y) => ({ ...y, registered: !0 }));
   }, [t.registered]);
-  const { startDate: c, dateHasPassed: f, pill: d, slug: u } = t, l = t.contentType;
+  const { startDate: c, dateHasPassed: f, pill: u, slug: d } = t, l = t.contentType;
   let m = "";
   if ((v = Ht[l]) != null && v.gtmEvent && (m = Ht[l].gtmEvent), c && f)
     return /* @__PURE__ */ a.jsx(
@@ -6330,7 +6332,7 @@ const Rl = ({ members: t }) => {
       }
     );
   const p = ["microcourse", "event"];
-  if (e && e.onClick && p.includes(l) && d !== "premium") {
+  if (e && e.onClick && p.includes(l) && u !== "premium") {
     const y = s.loading || s.registered, _ = async (g) => {
       if (g.preventDefault(), g.stopPropagation(), !(y || !e || !e.onClick)) {
         o((b) => ({ ...b, loading: !0 }));
@@ -6350,7 +6352,7 @@ const Rl = ({ members: t }) => {
         size: "small",
         styling: { fullWidth: !0 },
         disabled: y,
-        "data-gtm-event-context": `${r}Page-${l}: ${u}`,
+        "data-gtm-event-context": `${r}Page-${l}: ${d}`,
         "data-gtm-event-type": `${r}-${l}-register-click`,
         "data-testid": "in-card-button",
         children: i.formatMessage({
@@ -6384,13 +6386,13 @@ const qo = {
   className: s = ""
 }) => {
   var H;
-  const o = G(), c = Ce(Oe), f = c && typeof c.id == "string", [d, u] = te({
+  const o = G(), c = Ce(Oe), f = c && typeof c.id == "string", [u, d] = te({
     data: null,
     isLoading: !0
-  }), { data: l, isLoading: m } = d, p = Kr(() => {
+  }), { data: l, isLoading: m } = u, p = Kr(() => {
     n(e, f).then((M) => {
-      u(() => ({ data: M, isLoading: !1 }));
-    }).catch(() => u((M) => ({ ...M, isLoading: !1 })));
+      d(() => ({ data: M, isLoading: !1 }));
+    }).catch(() => d((M) => ({ ...M, isLoading: !1 })));
   }, [t]);
   if (ae(() => {
     p();
@@ -6543,16 +6545,16 @@ const Wo = ({
   className: s,
   gtmContext: o
 }) => {
-  const c = G(), [f, d] = te({
+  const c = G(), [f, u] = te({
     cardsPerPage: 4,
     isLoading: !0
-  }), { cardsPerPage: u, isLoading: l } = f, [m, p] = te({
+  }), { cardsPerPage: d, isLoading: l } = f, [m, p] = te({
     currentPage: 0,
     loadedPages: [0]
-  }), { currentPage: v, loadedPages: y } = m, _ = e.length, g = Math.ceil(_ / u), b = pe(null), E = yt(!0, !0, b == null ? void 0 : b.current);
+  }), { currentPage: v, loadedPages: y } = m, _ = e.length, g = Math.ceil(_ / d), b = pe(null), E = yt(!0, !0, b == null ? void 0 : b.current);
   ae(() => {
     let M = 1;
-    E && (E >= yn.fourCards ? M = 4 : E >= yn.threeCards ? M = 3 : E >= yn.twoCards && (M = 2), M > _ && (M = _)), d((O) => ({
+    E && (E >= yn.fourCards ? M = 4 : E >= yn.threeCards ? M = 3 : E >= yn.twoCards && (M = 2), M > _ && (M = _)), u((O) => ({
       ...O,
       cardsPerPage: M,
       isLoading: !1
@@ -6587,7 +6589,7 @@ const Wo = ({
   }, F = {
     "--width": `${E || 0}px`,
     "--total-cards": _,
-    "--cards-per-page": u,
+    "--cards-per-page": d,
     "--page": v
   };
   if (l)
@@ -6615,7 +6617,7 @@ const Wo = ({
             "data-testid": "carousel-list",
             children: e.map((M, O) => {
               let S = H(M, O);
-              return S && zo(O, u, v, y) ? /* @__PURE__ */ a.jsx(
+              return S && zo(O, d, v, y) ? /* @__PURE__ */ a.jsx(
                 Ma,
                 {
                   id: S,
@@ -6691,8 +6693,8 @@ const Wo = ({
   className: r = "",
   ...i
 }) => !t || !t.length ? null : t.map(
-  ({ title: s, viewAllUrl: o, cards: c, cardsTypes: f }, d) => {
-    const u = s ? window.btoa(s) : `carousel-${d}`, l = d === t.length - 1;
+  ({ title: s, viewAllUrl: o, cards: c, cardsTypes: f }, u) => {
+    const d = s ? window.btoa(s) : `carousel-${u}`, l = u === t.length - 1;
     return e ? /* @__PURE__ */ a.jsxs(gt, { children: [
       /* @__PURE__ */ a.jsx(
         fa,
@@ -6702,7 +6704,7 @@ const Wo = ({
         }
       ),
       l ? null : /* @__PURE__ */ a.jsx(Re, {})
-    ] }, `placeholder-${u}`) : /* @__PURE__ */ a.jsxs(gt, { children: [
+    ] }, `placeholder-${d}`) : /* @__PURE__ */ a.jsxs(gt, { children: [
       /* @__PURE__ */ a.jsx(
         Wo,
         {
@@ -6713,7 +6715,7 @@ const Wo = ({
         }
       ),
       l ? null : /* @__PURE__ */ a.jsx(Re, {})
-    ] }, `carousel-${u}`);
+    ] }, `carousel-${d}`);
   }
 );
 const _n = "joinCommunityButton", Ra = ({
@@ -6723,28 +6725,28 @@ const _n = "joinCommunityButton", Ra = ({
   }, leave: () => {
   } }
 }) => {
-  const i = G(), s = Ce(Oe), o = s && typeof s.id == "string", [c, f] = te(t), [d, u] = te(t ? "joined" : "notJoined");
+  const i = G(), s = Ce(Oe), o = s && typeof s.id == "string", [c, f] = te(t), [u, d] = te(t ? "joined" : "notJoined");
   ae(() => {
-    d === "joining" ? u("joined") : d === "leaving" && u("notJoined");
+    u === "joining" ? d("joined") : u === "leaving" && d("notJoined");
   }, [c]);
   const l = {}, m = {};
-  return c && d !== "leaving" && (l["data-hover-text"] = i.formatMessage({ id: `${_n}_leave` }), l["aria-label"] = i.formatMessage({ id: `${_n}_member_aria` }), m["aria-hidden"] = "true"), /* @__PURE__ */ a.jsx(
+  return c && u !== "leaving" && (l["data-hover-text"] = i.formatMessage({ id: `${_n}_leave` }), l["aria-label"] = i.formatMessage({ id: `${_n}_member_aria` }), m["aria-hidden"] = "true"), /* @__PURE__ */ a.jsx(
     ie,
     {
       variant: c ? "secondary" : "primary",
       size: "medium",
       styling: { fullWidth: !0 },
-      icon: c && d !== "leaving" ? { icon: "tick", position: "left" } : !1,
+      icon: c && u !== "leaving" ? { icon: "tick", position: "left" } : !1,
       onClick: async (p) => {
-        o && (p.currentTarget.blur(), c ? (u("leaving"), typeof r == "function" && await r()) : (u("joining"), typeof n == "function" && await n()), f(!c));
+        o && (p.currentTarget.blur(), c ? (d("leaving"), typeof r == "function" && await r()) : (d("joining"), typeof n == "function" && await n()), f(!c));
       },
-      className: C("join-community-button", d, {
-        active: d === "joining"
+      className: C("join-community-button", u, {
+        active: u === "joining"
       }),
       disabled: !o,
       ...l,
       children: /* @__PURE__ */ a.jsx("span", { className: "text", ...m, children: i.formatMessage({
-        id: `${_n}${["joining", "leaving"].includes(d) ? `_${d}` : c ? "_member" : e ? "_short" : ""}`
+        id: `${_n}${["joining", "leaving"].includes(u) ? `_${u}` : c ? "_member" : e ? "_short" : ""}`
       }) })
     }
   );
@@ -6756,14 +6758,14 @@ const xn = "communityDetails_", Ol = ({
   members: { number: r = 0, data: i = [] } = { number: 0, data: [] },
   functions: { invite: s, ...o }
 }) => {
-  const c = G(), f = 5, d = r || i.length, u = i.length ? i : Array(f).fill({}), l = `/communities/${n}/members` === window.location.pathname;
+  const c = G(), f = 5, u = r || i.length, d = i.length ? i : Array(f).fill({}), l = `/communities/${n}/members` === window.location.pathname;
   return /* @__PURE__ */ a.jsxs("div", { className: C("community-details", t), children: [
     /* @__PURE__ */ a.jsx(Re, {}),
     /* @__PURE__ */ a.jsxs("div", { className: "member-details", children: [
       /* @__PURE__ */ a.jsxs("div", { className: "top", children: [
         /* @__PURE__ */ a.jsxs("h4", { children: [
           c.formatMessage({ id: `${xn}members` }),
-          /* @__PURE__ */ a.jsx("span", { className: "count", children: d })
+          /* @__PURE__ */ a.jsx("span", { className: "count", children: u })
         ] }),
         !l && /* @__PURE__ */ a.jsx("p", { className: "text-small", children: /* @__PURE__ */ a.jsx("a", { href: `/communities/${n}/members`, children: c.formatMessage({ id: `${xn}viewAll` }) }) })
       ] }),
@@ -6772,12 +6774,12 @@ const xn = "communityDetails_", Ol = ({
         {
           contributors: {
             total: r,
-            data: u
+            data: d
           },
           styling: {
             size: "medium",
             showGap: !0,
-            showPlaceholders: d === 0
+            showPlaceholders: u === 0
           },
           cutoff: f
         }
@@ -6834,11 +6836,11 @@ const Al = ({
       text: typeof e != "boolean" && e.text || s.formatMessage({ id: "filters_all" })
     },
     ...t
-  ] : t, [c, f] = te(e ? ["all"] : []), d = (u, l) => {
+  ] : t, [c, f] = te(e ? ["all"] : []), u = (d, l) => {
     let m = [];
-    c.includes(u) ? m = c.filter((p) => p !== u) : u === "all" ? m = ["all"] : n ? m = [...c.filter((p) => p !== "all"), u] : m = [u], f((p) => (r && typeof r == "function" && r({ current: m, previous: p }), m)), l && typeof l == "function" && l();
+    c.includes(d) ? m = c.filter((p) => p !== d) : d === "all" ? m = ["all"] : n ? m = [...c.filter((p) => p !== "all"), d] : m = [d], f((p) => (r && typeof r == "function" && r({ current: m, previous: p }), m)), l && typeof l == "function" && l();
   };
-  return /* @__PURE__ */ a.jsx("ul", { className: C("filters", i), children: o.map(({ id: u, text: l, disabled: m = !1, callback: p = () => {
+  return /* @__PURE__ */ a.jsx("ul", { className: C("filters", i), children: o.map(({ id: d, text: l, disabled: m = !1, callback: p = () => {
   } }) => {
     let v = {};
     return m && (v = {
@@ -6847,14 +6849,14 @@ const Al = ({
     }), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
       "button",
       {
-        className: C(u, { selected: c.includes(u) }),
+        className: C(d, { selected: c.includes(d) }),
         onClick: (y) => {
-          y.preventDefault(), y.stopPropagation(), d(u, p);
+          y.preventDefault(), y.stopPropagation(), u(d, p);
         },
         ...v,
         children: l
       }
-    ) }, u);
+    ) }, d);
   }) });
 }, Ho = (t, e) => {
   const n = String(t);
@@ -6882,22 +6884,22 @@ const wn = {
   label: c,
   className: f = ""
 }) => {
-  const d = G(), [u, l] = te(t);
+  const u = G(), [d, l] = te(t);
   if (ae(() => {
-    t !== u && l(t);
+    t !== d && l(t);
   }, [t]), !r || !Object.values(r).some(
     (y) => y && y.post_name
   ))
     return null;
-  const p = Object.keys(r), v = u !== t;
+  const p = Object.keys(r), v = d !== t;
   return /* @__PURE__ */ a.jsxs("div", { className: C("language-switcher text-small", o, f), children: [
     /* @__PURE__ */ a.jsxs("nav", { children: [
-      o !== "short" && /* @__PURE__ */ a.jsx("p", { children: c || d.formatMessage({ id: `${Pt}label` }) }),
+      o !== "short" && /* @__PURE__ */ a.jsx("p", { children: c || u.formatMessage({ id: `${Pt}label` }) }),
       /* @__PURE__ */ a.jsx("ul", { children: p.map((y) => {
         if (!wn[y])
           return null;
         let _ = { className: y };
-        return u === y ? _["aria-label"] = d.formatMessage(
+        return d === y ? _["aria-label"] = u.formatMessage(
           { id: `${Pt}selected` },
           { language: wn[y] }
         ) : _ = {
@@ -6908,7 +6910,7 @@ const wn = {
           }
         }, /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(wt, { ..._, fallbackElement: "span", children: wn[y] }) }, y);
       }) }),
-      o !== "short" && !v && /* @__PURE__ */ a.jsx("p", { children: d.formatMessage({
+      o !== "short" && !v && /* @__PURE__ */ a.jsx("p", { children: u.formatMessage({
         id: `${Pt}translation_${e ? "original" : n ? "human" : "machine"}`
       }) })
     ] }),
@@ -6916,7 +6918,7 @@ const wn = {
       // 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: d.formatMessage(
+      children: u.formatMessage(
         { id: `${Pt}disclaimer` },
         {
           email: lt.support,
@@ -6945,14 +6947,14 @@ const kn = pi({ locale: "en", messages: Hn }), en = ({
   className: c = "",
   gtmContext: f = "LoadMore"
 }) => {
-  const [d, u] = te(""), l = async (m) => {
+  const [u, d] = te(""), l = async (m) => {
     try {
       await e(m);
     } catch (p) {
-      p instanceof Error ? u(p.message) : u("Unknown error");
+      p instanceof Error ? d(p.message) : d("Unknown error");
     }
   };
-  return !d && !t && !o.endOfFeed ? null : /* @__PURE__ */ a.jsx("footer", { className: C("load-more", c), children: !d && t ? /* @__PURE__ */ a.jsx(
+  return !u && !t && !o.endOfFeed ? null : /* @__PURE__ */ a.jsx("footer", { className: C("load-more", c), children: !u && t ? /* @__PURE__ */ a.jsx(
     ie,
     {
       variant: n,
@@ -6966,7 +6968,7 @@ const kn = pi({ locale: "en", messages: Hn }), en = ({
       "data-testid": "load-more-button",
       children: o.button
     }
-  ) : o.endOfFeed && (!d || d != null && d.includes("Cannot read items")) ? /* @__PURE__ */ a.jsx("p", { children: o.endOfFeed }) : d && /* @__PURE__ */ a.jsx("p", { className: "error", children: o.error }) });
+  ) : o.endOfFeed && (!u || u != null && u.includes("Cannot read items")) ? /* @__PURE__ */ a.jsx("p", { children: o.endOfFeed }) : u && /* @__PURE__ */ a.jsx("p", { className: "error", children: o.error }) });
 };
 const Fa = ({
   variant: t = "default",
@@ -6991,8 +6993,8 @@ const Vo = ({
 }) => {
   const i = G(), s = pe(
     null
-  ), [o, c] = te(!1), f = (d) => {
-    s.current && d.target instanceof HTMLElement && !s.current.contains(d.target) && c(!1);
+  ), [o, c] = te(!1), f = (u) => {
+    s.current && u.target instanceof HTMLElement && !s.current.contains(u.target) && c(!1);
   };
   return ae(() => (document.addEventListener("click", f, !0), () => {
     document.removeEventListener("click", f, !0);
@@ -7013,11 +7015,11 @@ const Vo = ({
           screenreaderText: i.formatMessage({ id: "moreMenu" })
         }
       ),
-      /* @__PURE__ */ a.jsx("ul", { id: e, hidden: !o, children: n.map(({ href: d, onClick: u, text: l, icon: m, ...p }, v) => {
+      /* @__PURE__ */ a.jsx("ul", { id: e, hidden: !o, children: n.map(({ href: u, onClick: d, text: l, icon: m, ...p }, v) => {
         const y = {
           ...p,
           onClick: (_) => {
-            c(!1), typeof u == "function" && u(_);
+            c(!1), typeof d == "function" && d(_);
           },
           onFocus: () => {
             Mt && (clearTimeout(Mt), Mt = !1);
@@ -7028,7 +7030,7 @@ const Vo = ({
             }, 100);
           }
         };
-        return d && (y.href = d), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
+        return u && (y.href = u), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
           ie,
           {
             variant: "tertiary",
@@ -7058,6 +7060,10 @@ const Ko = [
   {
     key: "articles",
     href: "/solution-articles/"
+  },
+  {
+    key: "communities",
+    href: "/communities/"
   }
 ], Go = ({ activeLink: t }) => {
   const e = G(), n = Ce(Oe), r = n && typeof n.id == "string";
@@ -7154,7 +7160,7 @@ const Jo = "shareLinks_", Ll = ({
   const c = G(), f = Qo({ title: t, link: e, referrer: n });
   return /* @__PURE__ */ a.jsxs("aside", { className: C("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: d, icon: u, url: l, shouldRender: m = !0, onClick: p }) => {
+    /* @__PURE__ */ a.jsx("ul", { children: f.map(({ key: u, icon: d, url: l, shouldRender: m = !0, onClick: p }) => {
       if (typeof m == "function" && !m())
         return null;
       const v = {};
@@ -7163,78 +7169,78 @@ const Jo = "shareLinks_", Ll = ({
         {
           size: i,
           variant: "tertiary",
-          icon: { icon: u || d },
+          icon: { icon: d || u },
           href: l,
           target: "_blank",
           rel: "noopener noreferrer",
           className: "gtm-trackable",
           "data-gtm-event-context": `${r}-SocialButtons`,
-          "data-gtm-event-type": `${d}-click`,
+          "data-gtm-event-type": `${u}-click`,
           "data-testid": "link",
-          screenreaderText: c.formatMessage({ id: `${Jo}link_${d}` }),
+          screenreaderText: c.formatMessage({ id: `${Jo}link_${u}` }),
           ...v
         }
-      ) }, d);
+      ) }, u);
     }) })
   ] });
 };
 const Bl = ({ tabs: t, className: e = "", preventLocationChange: n }) => {
-  var d;
-  const r = (u, l, m) => (u || (u = `panel-${window.btoa(l)}-${m}`), u);
-  let i = t.findIndex((u) => u.current === !0);
+  var u;
+  const r = (d, l, m) => (d || (d = `panel-${window.btoa(l)}-${m}`), d);
+  let i = t.findIndex((d) => d.current === !0);
   if (i < 0 && (i = 0), window.location.hash) {
-    const u = window.location.hash.replace("#", "");
-    if (t.find((m) => m.id === u)) {
+    const d = window.location.hash.replace("#", "");
+    if (t.find((m) => m.id === d)) {
       for (let m = 0; m < t.length; m++)
-        if (r(t[m].id, t[m].text, m) === u) {
+        if (r(t[m].id, t[m].text, m) === d) {
           i = m;
           break;
         }
     }
   }
   const [s, o] = te(
-    (d = t[i]) != null && d.id ? t[i].id : r(t[i].id, t[i].text, i)
+    (u = t[i]) != null && u.id ? t[i].id : r(t[i].id, t[i].text, i)
   );
   ae(() => {
     if (t[i].hasCarousel) {
-      const u = new CustomEvent("hiddenSectionVisible", {
+      const d = new CustomEvent("hiddenSectionVisible", {
         detail: { id: s }
       });
-      window.dispatchEvent(u);
+      window.dispatchEvent(d);
     }
   }, [s]);
   const c = [], f = [];
-  return t.forEach(({ id: u, text: l, content: m, href: p, hasCarousel: v }, y) => {
-    u = r(u, l, y);
-    const _ = s === u, g = {};
-    p || (g["aria-controls"] = u, g.onClick = (b) => {
-      b.preventDefault(), b.stopPropagation(), o(u), !n && (window.location.hash = `#${u}`);
+  return t.forEach(({ id: d, text: l, content: m, href: p, hasCarousel: v }, y) => {
+    d = r(d, l, y);
+    const _ = s === d, g = {};
+    p || (g["aria-controls"] = d, g.onClick = (b) => {
+      b.preventDefault(), b.stopPropagation(), o(d), !n && (window.location.hash = `#${d}`);
     }, f.push(
       /* @__PURE__ */ a.jsx(
         "section",
         {
-          id: u,
+          id: d,
           hidden: !_,
           role: "tabpanel",
-          "aria-labelledby": `tab-${u}`,
+          "aria-labelledby": `tab-${d}`,
           "aria-live": _ ? "assertive" : "off",
           children: typeof m == "string" ? /* @__PURE__ */ a.jsx("p", { children: m }) : m
         },
-        `section-${u}`
+        `section-${d}`
       )
     )), c.push(
       /* @__PURE__ */ a.jsx("li", { "data-testid": "navigation-tab", children: /* @__PURE__ */ a.jsx(
         "a",
         {
-          href: p || `#${u}`,
-          id: `tab-${u}`,
+          href: p || `#${d}`,
+          id: `tab-${d}`,
           className: C({ selected: _ }),
           role: "tab",
           "aria-selected": _,
           ...g,
           children: l
         }
-      ) }, `tab-${u}`)
+      ) }, `tab-${d}`)
     );
   }), /* @__PURE__ */ a.jsxs("div", { className: C("tabs-wrapper", e), children: [
     /* @__PURE__ */ a.jsx("ul", { className: "tabs", role: "tablist", children: c }),
@@ -7305,26 +7311,26 @@ const En = "cookieBanner_", Sn = [
   const t = G(), [e, n, r] = Qr(Sn), [i, s] = te(
     !e["apol-cookie-banner"]
   ), o = () => {
-    Sn.forEach((u) => {
-      n(u, !0, {
+    Sn.forEach((d) => {
+      n(d, !0, {
         path: "/",
         expires: Cn,
-        domain: u === "apolitical-performance-cookie-consent" ? ".apolitical.co" : void 0
+        domain: d === "apolitical-performance-cookie-consent" ? ".apolitical.co" : void 0
       });
     }), s(!1), window.location.reload();
   }, c = () => {
     n("apol-cookie-banner", !0, {
       path: "/",
       expires: Cn
-    }), Sn.forEach((u) => {
-      if (u === "apol-cookie-banner") {
-        n(u, !0, {
+    }), Sn.forEach((d) => {
+      if (d === "apol-cookie-banner") {
+        n(d, !0, {
           path: "/",
           expires: Cn
         });
         return;
       }
-      r(u);
+      r(d);
     }), s(!1);
   };
   if (!i)
@@ -7333,21 +7339,21 @@ const En = "cookieBanner_", Sn = [
     { id: "settings", href: "/pages/cookie-policy", gtmType: "policy-page" },
     { id: "reject", onClick: c, gtmType: "reject-all" },
     { id: "accept", onClick: o, gtmType: "accepted-all" }
-  ], d = [];
-  return f.forEach((u) => {
-    d.push({
-      variant: u.href ? "tertiary" : "primary",
-      href: u.href,
-      onClick: u.onClick,
+  ], u = [];
+  return f.forEach((d) => {
+    u.push({
+      variant: d.href ? "tertiary" : "primary",
+      href: d.href,
+      onClick: d.onClick,
       className: "gtm-trackable",
       "data-gtm-event-context": "cookie-banner",
-      "data-gtm-event-type": `cookie-${u.gtmType}-click`,
-      children: t.formatMessage({ id: `${En}buttons_${u.id}` })
+      "data-gtm-event-type": `cookie-${d.gtmType}-click`,
+      children: t.formatMessage({ id: `${En}buttons_${d.id}` })
     });
   }), /* @__PURE__ */ a.jsxs("aside", { id: "cookie-banner", className: "text-medium", children: [
     /* @__PURE__ */ a.jsx("h6", { children: t.formatMessage({ id: `${En}title` }) }),
     /* @__PURE__ */ a.jsx("p", { children: t.formatMessage({ id: `${En}text` }) }),
-    /* @__PURE__ */ a.jsx(_t, { buttons: d })
+    /* @__PURE__ */ a.jsx(_t, { buttons: u })
   ] });
 }, Me = {
   platform: {
@@ -7642,7 +7648,7 @@ const Ye = "footer_", Vt = "SiteFooter", Lr = ({ group: t }) => {
     order: ["explore", "topics"],
     menuId: "navigation",
     explore: {
-      order: ["events", "courses", "articles"],
+      order: ["events", "courses", "articles", "communities"],
       events: { href: "/events/", className: "icon events" },
       courses: {
         href: "/microcourses/",
@@ -7653,6 +7659,11 @@ const Ye = "footer_", Vt = "SiteFooter", Lr = ({ group: t }) => {
         href: "/solution-articles/",
         gtmType: "articles-click",
         className: "icon articles"
+      },
+      communities: {
+        href: "/communities/",
+        gtmType: "communities-click",
+        className: "icon communities"
       }
     },
     topics: {
@@ -7718,7 +7729,7 @@ const Ye = "footer_", Vt = "SiteFooter", Lr = ({ group: t }) => {
   const o = G(), c = Jr(Yt, t);
   if (!c || c.onlyShow && (c.onlyShow === "logged-in" && !e || c.onlyShow === "logged-out" && e))
     return null;
-  const f = "doTrack" in c, d = s === null ? f ? c.doTrack : !0 : s, u = t.includes("buttons.");
+  const f = "doTrack" in c, u = s === null ? f ? c.doTrack : !0 : s, d = t.includes("buttons.");
   let l = `header_${t.replaceAll(".", "_")}`;
   c.hasVariantText && (l += `_logged${e ? "In" : "Out"}`);
   let m = !1;
@@ -7731,12 +7742,12 @@ const Ye = "footer_", Vt = "SiteFooter", Lr = ({ group: t }) => {
     m = {
       href: c.href,
       role: "menuitem"
-    }, d && (m = {
+    }, u && (m = {
       ...m,
       className: "gtm-trackable",
       "data-gtm-event-type": b,
       "data-gtm-event-context": "HeaderButtons"
-    }), u && (m = {
+    }), d && (m = {
       ...m,
       variant: "secondary",
       size: { mobile: "small", 881: "large" },
@@ -7781,7 +7792,7 @@ const Ye = "footer_", Vt = "SiteFooter", Lr = ({ group: t }) => {
       ..._,
       children: [
         m ? K.createElement(
-          u ? ie : "a",
+          d ? ie : "a",
           m,
           o.formatMessage({ id: l })
         ) : o.formatMessage({ id: l }),
@@ -7793,7 +7804,7 @@ const Ye = "footer_", Vt = "SiteFooter", Lr = ({ group: t }) => {
             isDesktopVersion: n,
             menus: r,
             callback: i,
-            doTrack: f ? d : null
+            doTrack: f ? u : null
           };
           return c[b].order ? /* @__PURE__ */ a.jsxs(
             "li",
@@ -7839,38 +7850,38 @@ const nc = { height: 67, height_desktop: 83 }, Da = ({ showNavigation: t = !0 })
       navigation: { desktop: !1, default: !1 },
       account: { desktop: !1, default: !1 }
     }
-  }), { headerIsVisible: f, menus: d, focusElements: u } = o;
+  }), { headerIsVisible: f, menus: u, focusElements: d } = o;
   Pi({
     scrollPosition: nc[`height${s.navigation ? "_desktop" : ""}`],
     callbacks: {
       scrollUp: () => {
-        !s && d.navigation || fe.shouldChangeHeaderIsVisible(!0, d, c);
+        !s && u.navigation || fe.shouldChangeHeaderIsVisible(!0, u, c);
       },
       scrollDown: () => {
-        !s && d.navigation || fe.shouldChangeHeaderIsVisible(!1, d, c);
+        !s && u.navigation || fe.shouldChangeHeaderIsVisible(!1, u, c);
       }
     }
   });
   const l = (p, v) => {
-    fe.handleMenus({ id: p, value: v, menus: d, dispatch: c });
+    fe.handleMenus({ id: p, value: v, menus: u, dispatch: c });
   }, m = pe(null);
   return vt(() => {
-    d.navigation && fe.autoFocus({
+    u.navigation && fe.autoFocus({
       menu: "navigation",
       navigationRef: m,
       isDesktopVersion: s.navigation,
-      focusElements: u,
+      focusElements: d,
       dispatch: c
     });
-  }, [d.navigation]), vt(() => {
-    d.account && fe.autoFocus({
+  }, [u.navigation]), vt(() => {
+    u.account && fe.autoFocus({
       menu: "account",
       navigationRef: m,
       isDesktopVersion: s.navigation,
-      focusElements: u,
+      focusElements: d,
       dispatch: c
     });
-  }, [d.account]), n && n.isLoading ? null : /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+  }, [u.account]), n && n.isLoading ? null : /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsxs(
       "nav",
       {
@@ -7896,15 +7907,15 @@ const nc = { height: 67, height_desktop: 83 }, Da = ({ showNavigation: t = !0 })
               {
                 className: "menu-button gtm-trackable",
                 onClick: (p) => {
-                  p.preventDefault(), p.stopPropagation(), l("navigation", !d.navigation);
+                  p.preventDefault(), p.stopPropagation(), l("navigation", !u.navigation);
                 },
                 "data-gtm-event-type": "open-tab-menu-click",
                 "data-gtm-event-context": "HeaderLeft-Chevron",
                 "aria-haspopup": "true",
-                "aria-expanded": d.navigation,
+                "aria-expanded": u.navigation,
                 "aria-controls": "navigation",
                 children: /* @__PURE__ */ a.jsx(be, { children: e.formatMessage({
-                  id: `header_menu_${d.navigation ? "hide" : "show"}`
+                  id: `header_menu_${u.navigation ? "hide" : "show"}`
                 }) })
               }
             ),
@@ -7913,16 +7924,16 @@ const nc = { height: 67, height_desktop: 83 }, Da = ({ showNavigation: t = !0 })
               {
                 ref: m,
                 id: "navigation",
-                hidden: s.navigation || d.account ? !1 : !d.navigation,
+                hidden: s.navigation || u.account ? !1 : !u.navigation,
                 role: "menu",
-                "data-showing": !s.navigation && d.account ? "account" : "default",
+                "data-showing": !s.navigation && u.account ? "account" : "default",
                 children: Yt.order.map((p) => /* @__PURE__ */ a.jsx(
                   Kt,
                   {
                     id: p,
                     isLoggedIn: i,
                     isDesktopVersion: s.navigation,
-                    menus: { navigation: d.navigation, account: d.account },
+                    menus: { navigation: u.navigation, account: u.account },
                     callback: l
                   },
                   p
@@ -7934,16 +7945,16 @@ const nc = { height: 67, height_desktop: 83 }, Da = ({ showNavigation: t = !0 })
               {
                 className: "search toggle-search-button",
                 onClick: (p) => {
-                  p.preventDefault(), p.stopPropagation(), l("search", !d.search);
+                  p.preventDefault(), p.stopPropagation(), l("search", !u.search);
                 },
                 "aria-haspopup": "true",
-                "aria-expanded": d.search,
+                "aria-expanded": u.search,
                 "aria-controls": "search-form",
                 children: /* @__PURE__ */ a.jsx(
                   be,
                   {
                     children: e.formatMessage({
-                      id: `header_search_${d.search ? "hide" : "show"}`
+                      id: `header_search_${u.search ? "hide" : "show"}`
                     })
                   }
                 )
@@ -7954,7 +7965,7 @@ const nc = { height: 67, height_desktop: 83 }, Da = ({ showNavigation: t = !0 })
               {
                 id: "global-search",
                 handleToggle: {
-                  searchIsOpen: d.search,
+                  searchIsOpen: u.search,
                   isDesktopVersion: s.search
                 },
                 gtmContext: "search-bar-header",
@@ -7968,16 +7979,16 @@ const nc = { height: 67, height_desktop: 83 }, Da = ({ showNavigation: t = !0 })
                 onClick: (p) => fe.events.onClick(p, {
                   id: "account",
                   callback: l,
-                  isOpen: d.account
+                  isOpen: u.account
                 }),
                 onMouseEnter: () => fe.events.onMouseEnter({ id: "account", callback: l }),
                 onMouseLeave: () => fe.events.onBlur({ id: "account", callback: l }),
                 "aria-haspopup": "true",
-                "aria-expanded": d.account,
+                "aria-expanded": u.account,
                 "aria-controls": "navigation",
                 children: [
                   /* @__PURE__ */ a.jsx(be, { children: e.formatMessage({
-                    id: `header_account_${d.account ? "hide" : "show"}`
+                    id: `header_account_${u.account ? "hide" : "show"}`
                   }) }),
                   /* @__PURE__ */ a.jsx(
                     ze,
@@ -7998,7 +8009,7 @@ const nc = { height: 67, height_desktop: 83 }, Da = ({ showNavigation: t = !0 })
       "div",
       {
         className: C("overlay", {
-          open: d.navigation || d.account || !s.search && d.search
+          open: u.navigation || u.account || !s.search && u.search
         })
       }
     )
@@ -8026,7 +8037,7 @@ const rc = () => {
   className: o = "",
   locale: c = "en"
 }) => {
-  const { navigation: f = !0, footer: d = !0 } = i, { background: u = "default", variant: l = "default", circle: m = "default" } = s, p = $i();
+  const { navigation: f = !0, footer: u = !0 } = i, { background: d = "default", variant: l = "default", circle: m = "default" } = s, p = $i();
   ae(() => {
     window.scrollTo(0, 0);
   }, [p]);
@@ -8035,22 +8046,22 @@ const rc = () => {
   }), _ = Dt(n, {
     locale: c
   }), g = {};
-  return u !== "default" && (g[u] = !0), l !== "default" && (g[l] = !0), m !== "default" && (g[m] = !0), /* @__PURE__ */ a.jsx(xi, { onError: r, fallback: /* @__PURE__ */ a.jsx(rc, {}), children: /* @__PURE__ */ a.jsx(ui, { fallback: null, children: /* @__PURE__ */ a.jsxs(
+  return d !== "default" && (g[d] = !0), l !== "default" && (g[l] = !0), m !== "default" && (g[m] = !0), /* @__PURE__ */ a.jsx(xi, { onError: r, fallback: /* @__PURE__ */ a.jsx(rc, {}), children: /* @__PURE__ */ a.jsx(di, { fallback: null, children: /* @__PURE__ */ a.jsxs(
     "div",
     {
       id: "wrapper",
-      className: C(o, g, { "has-footer": d }),
+      className: C(o, g, { "has-footer": u }),
       children: [
         /* @__PURE__ */ a.jsx(Da, { showNavigation: f }),
         /* @__PURE__ */ a.jsxs("section", { id: "content-wrapper", children: [
           y && /* @__PURE__ */ a.jsx("div", { className: "additional-content prepended", children: y }),
-          K.createElement(u === "bold" ? Sa : "div", {
+          K.createElement(d === "bold" ? Sa : "div", {
             id: "content",
             children: v
           })
         ] }),
         _ && /* @__PURE__ */ a.jsx("div", { className: "additional-content appended", children: _ }),
-        d && /* @__PURE__ */ a.jsx(Oa, {}),
+        u && /* @__PURE__ */ a.jsx(Oa, {}),
         /* @__PURE__ */ a.jsx(tc, {})
       ]
     }
@@ -8099,29 +8110,29 @@ const zl = ({
   if (!t || t.length < 1)
     return null;
   const f = [];
-  return t.forEach((d) => {
-    if (!d)
+  return t.forEach((u) => {
+    if (!u)
       return;
-    const u = ic.getTagDetails(d);
-    u && f.push(u);
+    const d = ic.getTagDetails(u);
+    d && f.push(d);
   }), f.length < 1 ? null : /* @__PURE__ */ a.jsx(
     "ul",
     {
       className: C("tags text-small", e, i, {
         "one-line": n
       }),
-      children: f.map((d) => {
-        const u = c.formatMessage({ id: d.text });
-        return /* @__PURE__ */ a.jsx("li", { children: d.href && r ? /* @__PURE__ */ a.jsx(
+      children: f.map((u) => {
+        const d = c.formatMessage({ id: u.text });
+        return /* @__PURE__ */ a.jsx("li", { children: u.href && r ? /* @__PURE__ */ a.jsx(
           "a",
           {
-            href: d.href,
+            href: u.href,
             className: "gtm-trackable",
             "data-gtm-event-type": s,
             "data-gtm-event-context": o,
-            children: u
+            children: d
           }
-        ) : u }, d.id);
+        ) : d }, u.id);
       })
     }
   );
@@ -8141,10 +8152,10 @@ const Zl = ({
       c.formatMessage({ id: "membersList" }),
       /* @__PURE__ */ a.jsx("span", { className: "count", children: e })
     ] }),
-    /* @__PURE__ */ a.jsx("ul", { children: t.map((f, d) => /* @__PURE__ */ a.jsxs("li", { children: [
+    /* @__PURE__ */ a.jsx("ul", { children: t.map((f, u) => /* @__PURE__ */ a.jsxs("li", { children: [
       /* @__PURE__ */ a.jsx(Yn, { member: f, gtmContext: i, gtmType: s }),
       f.isAdmin && /* @__PURE__ */ a.jsx(ft, { children: c.formatMessage({ id: "membersList_admin" }) })
-    ] }, d)) }),
+    ] }, u)) }),
     n && /* @__PURE__ */ a.jsx(
       en,
       {
@@ -8188,10 +8199,10 @@ const we = "discussion_form_", Jn = ({
       create: { projectNames: ["questions-answers"] }
     }
   },
-  gtmContext: d = "DiscussionForm"
+  gtmContext: u = "DiscussionForm"
 }) => {
   var O, S, T;
-  const u = G(), l = Ce(Oe), [m, p] = te(
+  const d = G(), l = Ce(Oe), [m, p] = te(
     n.isEditing && n.isEditing.text || ""
   ), [v, y] = te(c.error || !1), [_, g] = te(!1), b = pe(null);
   if (r || (r = b), n.isLoading)
@@ -8207,12 +8218,12 @@ const we = "discussion_form_", Jn = ({
     p($);
     let I;
     !l || !l.id ? I = Se(
-      u.formatMessage,
+      d.formatMessage,
       `${we}error_loggedOut`,
       t.type,
       "action"
     ) : e ? $.length >= s && (I = `${we}error_tooLong`) : I = Se(
-      u.formatMessage,
+      d.formatMessage,
       `${we}error_noPermission`,
       t.type,
       "action"
@@ -8266,12 +8277,12 @@ const we = "discussion_form_", Jn = ({
       const A = q;
       let Z = `${we}error`;
       A != null && A.message.includes("entry already exists") && (Z = Se(
-        u.formatMessage,
+        d.formatMessage,
         `${we}error_alreadyExists`,
         t.type,
         "action"
       )), A != null && A.message.includes("429") ? Z = Se(
-        u.formatMessage,
+        d.formatMessage,
         `${we}error_tooMany`,
         t.type,
         "action"
@@ -8287,10 +8298,10 @@ const we = "discussion_form_", Jn = ({
     size: { mobile: "small", 600: "medium" },
     onClick: f.handleCancel,
     className: "gtm-trackable",
-    "data-gtm-event-context": d,
+    "data-gtm-event-context": u,
     "data-gtm-event-type": `cancel-${t.type}-click`,
     disabled: !c.cancel && (!l || !l.id || !m),
-    children: u.formatMessage({ id: `${we}cancel` })
+    children: d.formatMessage({ id: `${we}cancel` })
   }), M.push({
     variant: "primary",
     size: { mobile: "small", 600: "medium" },
@@ -8304,11 +8315,11 @@ const we = "discussion_form_", Jn = ({
       w(x);
     },
     className: "gtm-trackable",
-    "data-gtm-event-context": d,
+    "data-gtm-event-context": u,
     "data-gtm-event-type": `${n.isEditing ? "save" : "submit"}-${t.type}-click`,
     "data-testid": "save-button",
     disabled: !l || !l.id || !e || F || H || n.isEditing && m === n.isEditing.text,
-    children: u.formatMessage({
+    children: d.formatMessage({
       id: `${we}${H ? n.isEditing ? "saving" : "posting" : n.isEditing ? "save" : "post"}`
     })
   }), /* @__PURE__ */ a.jsxs(
@@ -8320,16 +8331,16 @@ const we = "discussion_form_", Jn = ({
       }),
       "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(u.formatMessage, `${we}title`, t.type, "action") }),
+        (n == null ? void 0 : n.showTitle) && !n.isEditing && ["question"].includes(t.type) && /* @__PURE__ */ a.jsx("h2", { children: Se(d.formatMessage, `${we}title`, t.type, "action") }),
         /* @__PURE__ */ a.jsx(
           Yn,
           {
             member: l || "community",
-            gtmContext: d,
+            gtmContext: u,
             gtmType: "profile-click"
           }
         ),
-        /* @__PURE__ */ a.jsx(be, { element: "label", showOnFocus: !1, htmlFor: `${j}-input`, children: Se(u.formatMessage, `${we}label`, t.type, "action") }),
+        /* @__PURE__ */ a.jsx(be, { element: "label", showOnFocus: !1, htmlFor: `${j}-input`, children: Se(d.formatMessage, `${we}label`, t.type, "action") }),
         /* @__PURE__ */ a.jsx(
           wi,
           {
@@ -8337,7 +8348,7 @@ const we = "discussion_form_", Jn = ({
             id: `${j}-input`,
             name: t.type,
             placeholder: i || Se(
-              u.formatMessage,
+              d.formatMessage,
               `${we}placeholder`,
               t.type,
               "action"
@@ -8351,14 +8362,14 @@ const we = "discussion_form_", Jn = ({
             autoFocus: !!n.isEditing
           }
         ),
-        /* @__PURE__ */ a.jsx("small", { children: Se(u.formatMessage, `${we}explainer`, t.type, "action", {
+        /* @__PURE__ */ a.jsx("small", { children: Se(d.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": d,
+              "data-gtm-event-context": u,
               "data-gtm-event-type": "community-guidelines-link",
               rel: "noreferrer",
               children: x
@@ -8366,11 +8377,11 @@ const we = "discussion_form_", Jn = ({
           )
         }) }),
         /* @__PURE__ */ a.jsx(_t, { buttons: M }),
-        _ === "submitted" && n.showSuccessMessage && /* @__PURE__ */ a.jsx(Bt, { className: "success", "data-testid": "success", children: Se(u.formatMessage, `${we}success`, t.type, "action") }),
-        v && /* @__PURE__ */ a.jsx(Bt, { id: "error-message", className: "error", "data-testid": "error", children: c.error ? c.error : typeof v == "string" ? v.includes(" ") ? v : u.formatMessage(
+        _ === "submitted" && n.showSuccessMessage && /* @__PURE__ */ a.jsx(Bt, { className: "success", "data-testid": "success", children: Se(d.formatMessage, `${we}success`, t.type, "action") }),
+        v && /* @__PURE__ */ a.jsx(Bt, { id: "error-message", className: "error", "data-testid": "error", children: c.error ? c.error : typeof v == "string" ? v.includes(" ") ? v : d.formatMessage(
           { id: v },
           {
-            action: u.formatMessage({
+            action: d.formatMessage({
               id: `discussion_action_${t.type}`
             }),
             maxLength: s
@@ -8394,7 +8405,7 @@ const we = "discussion_form_", Jn = ({
         }
       }
     );
-  const { content: o, functions: c, meta: f, ...d } = t;
+  const { content: o, functions: c, meta: f, ...u } = t;
   return /* @__PURE__ */ a.jsx(
     Jn,
     {
@@ -8402,7 +8413,7 @@ const we = "discussion_form_", Jn = ({
       functions: { ...c, create: (c == null ? void 0 : c.create) || (() => {
       }) },
       meta: { ...f, isEditing: (f == null ? void 0 : f.isEditing) || !1, showSuccessMessage: !1 },
-      ...d
+      ...u
     }
   );
 }, sc = {
@@ -8424,7 +8435,7 @@ const we = "discussion_form_", Jn = ({
 let ht = !1;
 const Nn = () => {
   ht !== !1 && (clearTimeout(ht), ht = !1);
-}, Pn = 5, dc = ({
+}, Pn = 5, uc = ({
   element: t = "div",
   likes: e = 0,
   peopleWhoLiked: n = !1,
@@ -8436,11 +8447,11 @@ const Nn = () => {
   }, deleteLike: f = () => {
   } } = {}
 }) => {
-  const d = G();
+  const u = G();
   ae(() => {
     p(i);
   }, [i]);
-  const [u, l] = te(e), [m, p] = te(i), [v, y] = te(!1), [_, g] = te(!1), b = bt(
+  const [d, l] = te(e), [m, p] = te(i), [v, y] = te(!1), [_, g] = te(!1), b = bt(
     () => lc(n, Pn),
     [n]
   ), E = (w) => {
@@ -8452,7 +8463,7 @@ const Nn = () => {
   }, j = async () => {
     if (Nn(), v || !o)
       return !1;
-    let w = m ? u - 1 : u + 1;
+    let w = m ? d - 1 : d + 1;
     w < 0 && (w = 0), y(!0), l(w), p(!m);
     try {
       if (s && s.slugs) {
@@ -8495,12 +8506,12 @@ const Nn = () => {
           size: "medium",
           icon: { icon: m ? "heart" : "heart_empty", animate: "bounce" },
           className: C({ "do-animation": m && !i }),
-          screenreaderText: o ? d.formatMessage(
+          screenreaderText: o ? u.formatMessage(
             {
               id: `discussion_likes_${m ? "unlike" : "like"}`
             },
             {
-              action: d.formatMessage({
+              action: u.formatMessage({
                 id: `discussion_action_${s.type}`
               })
             }
@@ -8516,11 +8527,11 @@ const Nn = () => {
       /* @__PURE__ */ a.jsx(
         "span",
         {
-          className: C("number-of-likes", { "no-likes": u === 0 }),
+          className: C("number-of-likes", { "no-likes": d === 0 }),
           "data-testid": "number-of-likes",
-          children: d.formatMessage(
+          children: u.formatMessage(
             { id: `discussion_likes${r ? "_short" : ""}` },
-            { number: u }
+            { number: d }
           )
         }
       ),
@@ -8535,7 +8546,7 @@ const Nn = () => {
             children: w.name
           }
         ) }, w.id || window.btoa(w.name))),
-        e > Pn && /* @__PURE__ */ a.jsx("li", { children: d.formatMessage(
+        e > Pn && /* @__PURE__ */ a.jsx("li", { children: u.formatMessage(
           { id: "discussion_likes_more" },
           { number: e - Pn }
         ) })
@@ -8546,7 +8557,7 @@ const Nn = () => {
   const e = {};
   return Object.keys(t).forEach((n) => n.includes("Id") ? e[n] = t[n] : e[`${n}Slug`] = t[n]), e;
 }, tn = (t, e) => t && !e;
-const Pe = "discussion_", uc = 280, nn = ({
+const Pe = "discussion_", dc = 280, nn = ({
   element: t = "div",
   content: e,
   userHasPermissions: n = !0,
@@ -8565,7 +8576,7 @@ const Pe = "discussion_", uc = 280, nn = ({
       updateContent: async () => {
       }
     },
-    likes: { createLike: d, deleteLike: u } = { createLike: () => {
+    likes: { createLike: u, deleteLike: d } = { createLike: () => {
     }, deleteLike: () => {
     } },
     comments: { openComments: l } = { openComments: () => {
@@ -8610,7 +8621,7 @@ const Pe = "discussion_", uc = 280, nn = ({
   };
   if (r || !e || e.type === "answer" && (!e.slugs || !e.slugs.question))
     return /* @__PURE__ */ a.jsx(Te, { className: "discussion-card discussion-post" });
-  const ee = _ ? Ke(I.body, uc) : I.body, Y = async (R) => {
+  const ee = _ ? Ke(I.body, dc) : I.body, Y = async (R) => {
     R || (R = ""), z("");
     try {
       if (!ki(R, I.body)) {
@@ -8741,7 +8752,7 @@ const Pe = "discussion_", uc = 280, nn = ({
                 className: "gtm-trackable",
                 "data-gtm-event-context": v,
                 "data-gtm-event-type": "title-click",
-                children: /* @__PURE__ */ a.jsx(Lt, { options: { overrides: { a: us } }, children: ee })
+                children: /* @__PURE__ */ a.jsx(Lt, { options: { overrides: { a: ds } }, children: ee })
               }
             ) : /* @__PURE__ */ a.jsx(
               Lt,
@@ -8762,7 +8773,7 @@ const Pe = "discussion_", uc = 280, nn = ({
                 "data-testid": `${e.type}-actions`,
                 children: [
                   !s.likes && /* @__PURE__ */ a.jsx(
-                    dc,
+                    uc,
                     {
                       element: "li",
                       likes: H,
@@ -8772,8 +8783,8 @@ const Pe = "discussion_", uc = 280, nn = ({
                       canLike: T,
                       peopleWhoLiked: e.peopleWhoLiked,
                       functions: {
-                        createLike: d,
-                        deleteLike: u
+                        createLike: u,
+                        deleteLike: d
                       }
                     }
                   ),
@@ -9271,14 +9282,14 @@ function jc({
   const { mutate: o } = ke({
     mutationFn: t,
     onMutate: (c) => e((f) => {
-      const d = Ur({ activity: bc(c), user: s });
-      return Hr(d, f);
+      const u = Ur({ activity: bc(c), user: s });
+      return Hr(u, f);
     }),
     onError: n,
-    onSuccess: (c, f, d) => {
-      const u = Ur({ activity: c, user: s });
-      r.setQueryData(i, Hr(u, d, !0)), setTimeout(() => {
-        qa(u.id);
+    onSuccess: (c, f, u) => {
+      const d = Ur({ activity: c, user: s });
+      r.setQueryData(i, Hr(d, u, !0)), setTimeout(() => {
+        qa(d.id);
       }, 0);
     }
   });
@@ -9312,14 +9323,14 @@ function Ec({
   },
   queryKey: o
 }) {
-  const c = Zn(), f = Vn(), d = { queryClient: c, queryKey: o }, u = {
+  const c = Zn(), f = Vn(), u = { queryClient: c, queryKey: o }, d = {
     mutationHandlers: {
-      error: er(d),
-      mutate: tr(d)
+      error: er(u),
+      mutate: tr(u)
     },
     user: f,
-    ...d
-  }, l = jc({ ...u, mutationFn: t }), m = Tc({ ...u, mutationFn: e }), p = Sc({ ...u, mutationFn: n }), v = $c({ ...u, mutationFn: i }), y = Nc({ ...u, mutationFn: s }), { activities: _, ...g } = Cc({ queryKey: o, queryFn: r });
+    ...u
+  }, l = jc({ ...d, mutationFn: t }), m = Tc({ ...d, mutationFn: e }), p = Sc({ ...d, mutationFn: n }), v = $c({ ...d, mutationFn: i }), y = Nc({ ...d, mutationFn: s }), { activities: _, ...g } = Cc({ queryKey: o, queryFn: r });
   return {
     activities: _,
     mutations: {
@@ -9350,8 +9361,8 @@ function Sc({
     }),
     onError: n,
     onSuccess: (o, { activityId: c }, f) => {
-      const d = Qt(c, f);
-      d && Gt({ activity: d, reaction: o }), r.setQueryData(i, f);
+      const u = Qt(c, f);
+      u && Gt({ activity: u, reaction: o }), r.setQueryData(i, f);
     }
   });
   return s;
@@ -9449,8 +9460,8 @@ const Wl = ({
   const o = G(), {
     activities: c,
     error: f,
-    fetchNextPage: d,
-    hasNextPage: u,
+    fetchNextPage: u,
+    hasNextPage: d,
     isLoading: l,
     mutations: { create: m, edit: p, remove: v, like: y, unlike: _ },
     user: g
@@ -9550,8 +9561,8 @@ const Wl = ({
     !l && /* @__PURE__ */ a.jsx(
       en,
       {
-        hasNextPage: u,
-        loadNextPage: () => d(),
+        hasNextPage: d,
+        loadNextPage: () => u(),
         icon: { icon: "arrow-down", position: "right" },
         messages: {
           button: o.formatMessage({ id: "loadMore_button" }),
@@ -10122,20 +10133,20 @@ function Rc({
   const { mutate: o } = ke({
     mutationFn: t,
     onMutate: (c) => e((f) => {
-      const d = zr({ reply: yc(c), user: s });
-      return Vr(d, f, {
+      const u = zr({ reply: yc(c), user: s });
+      return Vr(u, f, {
         replace: !1,
         append: (c == null ? void 0 : c.replyId) !== void 0
       });
     }),
     onError: n,
-    onSuccess: (c, f, d) => {
-      const u = zr({ reply: c, user: s });
+    onSuccess: (c, f, u) => {
+      const d = zr({ reply: c, user: s });
       r.setQueryData(
         i,
-        Vr(u, d, { replace: !0, append: (f == null ? void 0 : f.replyId) !== void 0 })
+        Vr(d, u, { replace: !0, append: (f == null ? void 0 : f.replyId) !== void 0 })
       ), setTimeout(() => {
-        qa(u.id);
+        qa(d.id);
       }, 0);
     }
   });
@@ -10169,14 +10180,14 @@ function Za({
   },
   queryKey: o
 }) {
-  const c = Zn(), f = Vn(), d = { queryClient: c, queryKey: o }, u = {
+  const c = Zn(), f = Vn(), u = { queryClient: c, queryKey: o }, d = {
     mutationHandlers: {
-      error: er(d),
-      mutate: tr(d)
+      error: er(u),
+      mutate: tr(u)
     },
     user: f,
-    ...d
-  }, l = Rc({ ...u, mutationFn: t }), m = Fc({ ...u, mutationFn: e }), p = Oc({ ...u, mutationFn: n }), v = Ac({ ...u, mutationFn: i }), y = Ic({ ...u, mutationFn: s }), { replies: _, ...g } = Dc({ queryKey: o, queryFn: r });
+    ...u
+  }, l = Rc({ ...d, mutationFn: t }), m = Fc({ ...d, mutationFn: e }), p = Oc({ ...d, mutationFn: n }), v = Ac({ ...d, mutationFn: i }), y = Ic({ ...d, mutationFn: s }), { replies: _, ...g } = Dc({ queryKey: o, queryFn: r });
   return {
     replies: _,
     mutations: {
@@ -10207,8 +10218,8 @@ function Oc({
     }),
     onError: n,
     onSuccess: (o, { replyId: c }, f) => {
-      const d = Jt(c, f);
-      d && Zr({ reply: d, reaction: o }), r.setQueryData(i, f);
+      const u = Jt(c, f);
+      u && Zr({ reply: u, reaction: o }), r.setQueryData(i, f);
     }
   });
   return s;
@@ -10224,7 +10235,7 @@ function Dc({ queryFn: t, queryKey: e }) {
     queryKey: e,
     queryFn: t,
     initialPageParam: { next: "" },
-    getNextPageParam: (d) => (d == null ? void 0 : d.next) || null
+    getNextPageParam: (u) => (u == null ? void 0 : u.next) || null
   }), c = zc(n), f = `${c.length || 0}${s ? "+" : ""}`;
   return {
     replies: c,
@@ -10320,8 +10331,8 @@ const Zc = ({
     replies: o,
     fetchNextPage: c,
     hasNextPage: f,
-    isLoading: d,
-    mutations: { create: u, edit: l, like: m, remove: p, unlike: v },
+    isLoading: u,
+    mutations: { create: d, edit: l, like: m, remove: p, unlike: v },
     user: y
   } = Za({
     queryKey: [t, e, n, r, "replies"],
@@ -10334,7 +10345,7 @@ const Zc = ({
   return /* @__PURE__ */ a.jsx(
     mc,
     {
-      loadMore: { isLoading: d, hasNextPage: f, loadNextPage: () => c() },
+      loadMore: { isLoading: u, hasNextPage: f, loadNextPage: () => c() },
       form: {
         content: {
           type: "reply",
@@ -10346,7 +10357,7 @@ const Zc = ({
         },
         functions: {
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          create: (_, { body: g }) => u({ activityId: n, replyId: r, content: g })
+          create: (_, { body: g }) => d({ activityId: n, replyId: r, content: g })
         },
         meta: { isEditing: !1, showSuccessMessage: !1 }
       },
@@ -10429,8 +10440,8 @@ const Zc = ({
 }) => {
   const c = G(), {
     replies: f,
-    repliesCount: d,
-    fetchNextPage: u,
+    repliesCount: u,
+    fetchNextPage: d,
     hasNextPage: l,
     isLoading: m,
     mutations: { create: p, edit: v, like: y, remove: _, unlike: g },
@@ -10440,7 +10451,7 @@ const Zc = ({
     queryFns: i
   });
   return Mi(), Ua(), /* @__PURE__ */ a.jsxs("section", { children: [
-    /* @__PURE__ */ a.jsx(fc, { type: "comment", responses: d }),
+    /* @__PURE__ */ a.jsx(fc, { type: "comment", responses: u }),
     /* @__PURE__ */ a.jsx(
       Aa,
       {
@@ -10540,7 +10551,7 @@ const Zc = ({
       en,
       {
         hasNextPage: l,
-        loadNextPage: () => u(),
+        loadNextPage: () => d(),
         icon: { icon: "arrow-down", position: "right" },
         messages: {
           button: c.formatMessage({ id: "loadMore_button" }),
@@ -10597,12 +10608,12 @@ function Yc({
     },
     user: o,
     ...c
-  }, d = Hc({ ...f, mutationFn: e }), u = Kc({ ...f, mutationFn: n }), l = Gc({ ...f, mutationFn: r }), { activity: m, ...p } = Vc({ queryKey: i, queryFn: t });
+  }, u = Hc({ ...f, mutationFn: e }), d = Kc({ ...f, mutationFn: n }), l = Gc({ ...f, mutationFn: r }), { activity: m, ...p } = Vc({ queryKey: i, queryFn: t });
   return {
     activity: m,
     mutations: {
-      edit: d,
-      like: u,
+      edit: u,
+      like: d,
       unlike: l
     },
     user: o,
@@ -10656,7 +10667,7 @@ const Vl = ({
   }
 }) => {
   var M, O, S, T, x, $, I, q, A, Z;
-  const d = G(), u = Ce(Oe), {
+  const u = G(), d = Ce(Oe), {
     activity: l,
     error: m,
     isLoading: p,
@@ -10672,7 +10683,7 @@ const Vl = ({
       tt,
       {
         variant: "error",
-        text: d.formatMessage({ id: "activitySection_notFoundError" })
+        text: u.formatMessage({ id: "activitySection_notFoundError" })
       }
     );
   const { own_reactions: g, latest_reactions: b } = l, E = (((M = b == null ? void 0 : b.like) == null ? void 0 : M.length) || 0) > 0, j = (((O = g == null ? void 0 : g.like) == null ? void 0 : O.length) || 0) > 0, w = j ? g == null ? void 0 : g.like[0].id : "", U = E ? (S = b == null ? void 0 : b.like) == null ? void 0 : S.map((J) => {
@@ -10681,7 +10692,7 @@ const Vl = ({
       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, F = l == null ? void 0 : l.actor, H = (F == null ? void 0 : F.id) === (u == null ? void 0 : u.id);
+  }) : !1, F = l == null ? void 0 : l.actor, H = (F == null ? void 0 : F.id) === (d == null ? void 0 : d.id);
   return /* @__PURE__ */ a.jsxs("section", { className: "activity-section", children: [
     /* @__PURE__ */ a.jsx(
       nn,
@@ -10860,7 +10871,7 @@ export {
   Rl as Directory,
   oc as DiscussionConversation,
   Jn as DiscussionForm,
-  dc as DiscussionLikes,
+  uc as DiscussionLikes,
   nn as DiscussionPost,
   mc as DiscussionThread,
   Re as Divider,
@@ -10919,7 +10930,7 @@ export {
   Mo as SearchForm,
   Ll as ShareLinks,
   Pl as SignupForm,
-  us as Span,
+  ds as Span,
   Bt as StatusBanner,
   Bl as Tabs,
   zl as Tags,