@apolitical/component-library 3.3.6 → 3.4.1

package/index.mjs

@@ -1,4 +1,4 @@
-import Y, { memo as Ae, useState as X, useEffect as ae, useRef as pe, useMemo as _t, Children as Bn, createContext as nn, useContext as Ee, useCallback as sa, useReducer as Yn, Fragment as bt, Suspense as xs } from "react";
+import Y, { memo as De, useState as X, useEffect as ae, useRef as pe, useMemo as xt, Children as Bn, createContext as nn, useContext as Ee, useCallback as sa, useReducer as Yn, Fragment as yt, Suspense as xs } from "react";
 import pt from "lodash.clonedeep";
 import ws from "lodash.set";
 import { FormattedMessage as ye, useIntl as H, IntlProvider as js, createIntl as ks } from "react-intl";
@@ -6,7 +6,7 @@ import Fe from "markdown-to-jsx";
 import et from "truncate";
 import { QueryClient as Ts, QueryClientProvider as Es, useMutation as je, useQueryClient as Kn, useInfiniteQuery as ia, useQuery as Ss } from "@tanstack/react-query";
 import { ReactQueryDevtools as Cs } from "@tanstack/react-query-devtools";
-import At from "posthog-js";
+import It from "posthog-js";
 import { CookiesProvider as $s, useCookies as oa } from "react-cookie";
 import { ReactMultiEmail as Ns } from "react-multi-email";
 import ca from "lodash.get";
@@ -84,11 +84,11 @@ const S = /* @__PURE__ */ la(Fs), Os = ({
   ...s,
   className: S("hidden", r, { "show-on-focus": e }),
   children: n
-}), be = Ae(Os), Ds = ({
+}), be = De(Os), As = ({
   element: t = "span",
   children: e = null,
   ...n
-}) => Y.createElement(t, { ...n, "aria-hidden": !0 }, e), Gn = Ae(Ds);
+}) => Y.createElement(t, { ...n, "aria-hidden": !0 }, e), Gn = De(As);
 var qn = { exports: {} }, it = {};
 /**
  * @license React
@@ -100,7 +100,7 @@ var qn = { exports: {} }, it = {};
  * LICENSE file in the root directory of this source tree.
  */
 var xr;
-function As() {
+function Ds() {
   if (xr)
     return it;
   xr = 1;
@@ -155,16 +155,16 @@ function Is() {
         me.unshift("Warning: " + M), Function.prototype.apply.call(console[h], console, me);
       }
     }
-    var j = !1, w = !1, F = !1, R = !1, Q = !1, N;
-    N = Symbol.for("react.module.reference");
-    function O(h) {
-      return !!(typeof h == "string" || typeof h == "function" || h === r || h === i || Q || h === s || h === l || h === u || R || h === p || j || w || F || typeof h == "object" && h !== null && (h.$$typeof === m || h.$$typeof === d || h.$$typeof === o || h.$$typeof === c || h.$$typeof === f || // This needs to include all possible module reference object
+    var j = !1, w = !1, I = !1, R = !1, Q = !1, C;
+    C = Symbol.for("react.module.reference");
+    function F(h) {
+      return !!(typeof h == "string" || typeof h == "function" || h === r || h === i || Q || h === s || h === l || h === u || R || h === p || j || w || I || typeof h == "object" && h !== null && (h.$$typeof === m || h.$$typeof === d || h.$$typeof === o || h.$$typeof === c || h.$$typeof === f || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      h.$$typeof === N || h.getModuleId !== void 0));
+      h.$$typeof === C || h.getModuleId !== void 0));
     }
-    function C(h, M, L) {
+    function $(h, M, L) {
       var ne = h.displayName;
       if (ne)
         return ne;
@@ -204,7 +204,7 @@ function Is() {
             var L = h;
             return T(L._context) + ".Provider";
           case f:
-            return C(h, h.render, "ForwardRef");
+            return $(h, h.render, "ForwardRef");
           case d:
             var ne = h.displayName || null;
             return ne !== null ? ne : x(h.type) || "Memo";
@@ -219,7 +219,7 @@ function Is() {
         }
       return null;
     }
-    var $ = Object.assign, A = 0, W, Z, z, K, E, P, q;
+    var N = Object.assign, A = 0, W, Z, z, K, E, P, q;
     function B() {
     }
     B.__reactDisabledLog = !0;
@@ -255,25 +255,25 @@ function Is() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: $({}, h, {
+            log: N({}, h, {
               value: W
             }),
-            info: $({}, h, {
+            info: N({}, h, {
               value: Z
             }),
-            warn: $({}, h, {
+            warn: N({}, h, {
               value: z
             }),
-            error: $({}, h, {
+            error: N({}, h, {
               value: K
             }),
-            group: $({}, h, {
+            group: N({}, h, {
               value: E
             }),
-            groupCollapsed: $({}, h, {
+            groupCollapsed: N({}, h, {
               value: P
             }),
-            groupEnd: $({}, h, {
+            groupEnd: N({}, h, {
               value: q
             })
           });
@@ -295,16 +295,16 @@ function Is() {
 ` + V + h;
       }
     }
-    var re = !1, D;
+    var re = !1, O;
     {
       var oe = typeof WeakMap == "function" ? WeakMap : Map;
-      D = new oe();
+      O = new oe();
     }
-    function I(h, M) {
+    function D(h, M) {
       if (!h || re)
         return "";
       {
-        var L = D.get(h);
+        var L = O.get(h);
         if (L !== void 0)
           return L;
       }
@@ -359,7 +359,7 @@ function Is() {
                   if (he--, ge--, ge < 0 || ie[he] !== xe[ge]) {
                     var ke = `
 ` + ie[he].replace(" at new ", " at ");
-                    return h.displayName && ke.includes("<anonymous>") && (ke = ke.replace("<anonymous>", h.displayName)), typeof h == "function" && D.set(h, ke), ke;
+                    return h.displayName && ke.includes("<anonymous>") && (ke = ke.replace("<anonymous>", h.displayName)), typeof h == "function" && O.set(h, ke), ke;
                   }
                 while (he >= 1 && ge >= 0);
               break;
@@ -369,10 +369,10 @@ function Is() {
         re = !1, G.current = me, te(), Error.prepareStackTrace = le;
       }
       var Ge = h ? h.displayName || h.name : "", _r = Ge ? ee(Ge) : "";
-      return typeof h == "function" && D.set(h, _r), _r;
+      return typeof h == "function" && O.set(h, _r), _r;
     }
     function ve(h, M, L) {
-      return I(h, !1);
+      return D(h, !1);
     }
     function Ne(h) {
       var M = h.prototype;
@@ -382,7 +382,7 @@ function Is() {
       if (h == null)
         return "";
       if (typeof h == "function")
-        return I(h, Ne(h));
+        return D(h, Ne(h));
       if (typeof h == "string")
         return ee(h);
       switch (h) {
@@ -407,8 +407,8 @@ function Is() {
         }
       return "";
     }
-    var qe = Object.prototype.hasOwnProperty, cr = {}, lr = v.ReactDebugCurrentFrame;
-    function kt(h) {
+    var Ue = Object.prototype.hasOwnProperty, cr = {}, lr = v.ReactDebugCurrentFrame;
+    function Tt(h) {
       if (h) {
         var M = h._owner, L = Ce(h.type, h._source, M ? M.type : null);
         lr.setExtraStackFrame(L);
@@ -417,7 +417,7 @@ function Is() {
     }
     function ts(h, M, L, ne, le) {
       {
-        var me = Function.call.bind(qe);
+        var me = Function.call.bind(Ue);
         for (var ce in h)
           if (me(h, ce)) {
             var ie = void 0;
@@ -430,7 +430,7 @@ function Is() {
             } catch (he) {
               ie = he;
             }
-            ie && !(ie instanceof Error) && (kt(le), b("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", ne || "React class", L, ce, typeof ie), kt(null)), ie instanceof Error && !(ie.message in cr) && (cr[ie.message] = !0, kt(le), b("Failed %s type: %s", L, ie.message), kt(null));
+            ie && !(ie instanceof Error) && (Tt(le), b("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", ne || "React class", L, ce, typeof ie), Tt(null)), ie instanceof Error && !(ie.message in cr) && (cr[ie.message] = !0, Tt(le), b("Failed %s type: %s", L, ie.message), Tt(null));
           }
       }
     }
@@ -466,7 +466,7 @@ function Is() {
     }, fr, mr, un;
     un = {};
     function is(h) {
-      if (qe.call(h, "ref")) {
+      if (Ue.call(h, "ref")) {
         var M = Object.getOwnPropertyDescriptor(h, "ref").get;
         if (M && M.isReactWarning)
           return !1;
@@ -474,7 +474,7 @@ function Is() {
       return h.ref !== void 0;
     }
     function os(h) {
-      if (qe.call(h, "key")) {
+      if (Ue.call(h, "key")) {
         var M = Object.getOwnPropertyDescriptor(h, "key").get;
         if (M && M.isReactWarning)
           return !1;
@@ -543,7 +543,7 @@ function Is() {
         var me, ce = {}, ie = null, xe = null;
         L !== void 0 && (dr(L), ie = "" + L), os(M) && (dr(M.key), ie = "" + M.key), is(M) && (xe = M.ref, cs(M, le));
         for (me in M)
-          qe.call(M, me) && !ss.hasOwnProperty(me) && (ce[me] = M[me]);
+          Ue.call(M, me) && !ss.hasOwnProperty(me) && (ce[me] = M[me]);
         if (h && h.defaultProps) {
           var he = h.defaultProps;
           for (me in he)
@@ -676,7 +676,7 @@ Check the top-level render call using <` + L + ">.");
     }
     function yr(h, M, L, ne, le, me) {
       {
-        var ce = O(h);
+        var ce = F(h);
         if (!ce) {
           var ie = "";
           (h === void 0 || typeof h == "object" && h !== null && Object.keys(h).length === 0) && (ie += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
@@ -714,7 +714,7 @@ Check the top-level render call using <` + L + ">.");
     ot.Fragment = r, ot.jsx = ys, ot.jsxs = _s;
   }()), ot;
 }
-process.env.NODE_ENV === "production" ? qn.exports = As() : qn.exports = Is();
+process.env.NODE_ENV === "production" ? qn.exports = Ds() : qn.exports = Is();
 var a = qn.exports;
 const Ls = () => {
   const [t, e] = X(window.location.pathname), n = () => {
@@ -724,7 +724,7 @@ const Ls = () => {
   return ae(() => (window.addEventListener("popstate", n), () => {
     window.removeEventListener("popstate", n);
   }), []), t;
-}, yt = (t, e) => {
+}, _t = (t, e) => {
   const n = pe(!1);
   ae(() => {
     n.current ? t() : n.current = !0;
@@ -743,31 +743,31 @@ function Bs(t, e, n) {
       d.current = !1;
     };
   }, []);
-  var k = _t(function() {
-    var j = function(O) {
-      var C = c.current, T = f.current;
-      return c.current = f.current = null, i.current = O, l.current = u.current.apply(T, C);
-    }, w = function(O, C) {
-      p && cancelAnimationFrame(o.current), o.current = p ? requestAnimationFrame(O) : setTimeout(O, C);
-    }, F = function(O) {
+  var k = xt(function() {
+    var j = function(F) {
+      var $ = c.current, T = f.current;
+      return c.current = f.current = null, i.current = F, l.current = u.current.apply(T, $);
+    }, w = function(F, $) {
+      p && cancelAnimationFrame(o.current), o.current = p ? requestAnimationFrame(F) : setTimeout(F, $);
+    }, I = function(F) {
       if (!d.current)
         return !1;
-      var C = O - s.current;
-      return !s.current || C >= e || C < 0 || y && O - i.current >= b;
-    }, R = function(O) {
-      return o.current = null, _ && c.current ? j(O) : (c.current = f.current = null, l.current);
-    }, Q = function O() {
-      var C = Date.now();
-      if (F(C))
-        return R(C);
+      var $ = F - s.current;
+      return !s.current || $ >= e || $ < 0 || y && F - i.current >= b;
+    }, R = function(F) {
+      return o.current = null, _ && c.current ? j(F) : (c.current = f.current = null, l.current);
+    }, Q = function F() {
+      var $ = Date.now();
+      if (I($))
+        return R($);
       if (d.current) {
-        var T = e - (C - s.current), x = y ? Math.min(T, b - (C - i.current)) : T;
-        w(O, x);
+        var T = e - ($ - s.current), x = y ? Math.min(T, b - ($ - i.current)) : T;
+        w(F, x);
       }
-    }, N = function() {
+    }, C = function() {
       if (m || v) {
-        var O = Date.now(), C = F(O);
-        if (c.current = [].slice.call(arguments), f.current = r, s.current = O, C) {
+        var F = Date.now(), $ = I(F);
+        if (c.current = [].slice.call(arguments), f.current = r, s.current = F, $) {
           if (!o.current && d.current)
             return i.current = s.current, w(Q, e), g ? j(s.current) : l.current;
           if (y)
@@ -776,13 +776,13 @@ function Bs(t, e, n) {
         return o.current || w(Q, e), l.current;
       }
     };
-    return N.cancel = function() {
+    return C.cancel = function() {
       o.current && (p ? cancelAnimationFrame(o.current) : clearTimeout(o.current)), i.current = 0, c.current = s.current = f.current = o.current = null;
-    }, N.isPending = function() {
+    }, C.isPending = function() {
       return !!o.current;
-    }, N.flush = function() {
+    }, C.flush = function() {
       return o.current ? R(Date.now()) : l.current;
-    }, N;
+    }, C;
   }, [g, y, e, b, _, p, m, v]);
   return k;
 }
@@ -791,7 +791,7 @@ function fa(t, e, n) {
   return Bs(t, e, { maxWait: e, leading: s === void 0 || s, trailing: i === void 0 || i });
 }
 let pn;
-const xt = (t = !0, e = !1, n = "window") => {
+const wt = (t = !0, e = !1, n = "window") => {
   if (!t)
     return;
   const [r, s] = Y.useState(0) || [!1, () => {
@@ -854,7 +854,7 @@ const xt = (t = !0, e = !1, n = "window") => {
 }, Us = (t = [], e = !0) => {
   t = Array.isArray(t) ? t : [t];
   const n = pe(!1);
-  yt(() => {
+  _t(() => {
     if (window && window.location && window.location.hash) {
       if (n.current)
         return;
@@ -884,24 +884,24 @@ const xt = (t = !0, e = !1, n = "window") => {
       break;
   }
   return r;
-}, Ws = (t) => t.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), zs = (t = "") => t.replace(/(?:^\w|[A-Z]|\b\w)/g, (e) => e.toUpperCase()).replace(/[&\s]+/g, ""), Zs = (t = "") => t.charAt(0).toUpperCase() + t.slice(1), ze = "https://storage.googleapis.com/apolitical-assets/", ft = {
+}, Ws = (t) => t.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), zs = (t = "") => t.replace(/(?:^\w|[A-Z]|\b\w)/g, (e) => e.toUpperCase()).replace(/[&\s]+/g, ""), Zs = (t = "") => t.charAt(0).toUpperCase() + t.slice(1), Be = "https://storage.googleapis.com/apolitical-assets/", ft = {
   general: "hello@apolitical.co",
   support: "concierge@apolitical.co",
   "data-protection": {
     default: "dpo@apolitical.co",
     eu: "dpo.agl@apolitical.foundation"
   }
-}, Tt = {
+}, Et = {
   ARTICLE: "microcourseArticle",
   DISCUSSION: "microcourseDiscussion",
   QUIZ: "assessmentQuiz"
 }, $l = "200,000+";
 function Hs(t) {
   return t ? {
-    "--icon": `url(${ze}icons/${t}.svg)`
+    "--icon": `url(${Be}icons/${t}.svg)`
   } : {};
 }
-const We = {
+const ze = {
   milliseconds: {
     inSecond: 1e3,
     inMinute: 6e4,
@@ -919,25 +919,25 @@ const We = {
   year: "numeric"
 }), Un = (t) => {
   let e;
-  const n = Bt(), r = Bt(new Date(t));
+  const n = qt(), r = qt(new Date(t));
   try {
     e = n.getTime() - r.getTime();
   } catch {
     return "";
   }
-  const s = e / We.milliseconds.inHour, i = Math.floor(e / We.milliseconds.inDay);
+  const s = e / ze.milliseconds.inHour, i = Math.floor(e / ze.milliseconds.inDay);
   if (i < 1)
     return s < 1 ? { path: "now" } : { path: "hours", number: Math.floor(s) };
   if (i < 7)
     return { path: "days", number: i };
   const o = Math.floor(i / 7);
-  return o <= We.year.weeks ? { path: "weeks", number: o } : { path: "years", number: Math.floor(i / We.year.days) };
-}, Bt = (t) => {
+  return o <= ze.year.weeks ? { path: "weeks", number: o } : { path: "years", number: Math.floor(i / ze.year.days) };
+}, qt = (t) => {
   const n = (t || /* @__PURE__ */ new Date()).toUTCString();
   return new Date(n);
 }, Ys = (t, e, n) => {
   let r;
-  const s = Bt(), i = Bt(new Date(t));
+  const s = qt(), i = qt(new Date(t));
   try {
     r = s.getTime() - i.getTime();
   } catch {
@@ -945,11 +945,11 @@ const We = {
   }
   switch (n) {
     case "seconds":
-      return r / We.milliseconds.inSecond <= e;
+      return r / ze.milliseconds.inSecond <= e;
     case "minutes":
-      return r / We.milliseconds.inMinute <= e;
+      return r / ze.milliseconds.inMinute <= e;
     case "hours":
-      return r / We.milliseconds.inHour <= e;
+      return r / ze.milliseconds.inHour <= e;
   }
   return !1;
 }, Ks = (t) => new Promise((e) => setTimeout(e, t)), rt = {
@@ -962,6 +962,13 @@ const We = {
   dates_years: "{number}y",
   /* Cards */
   card_carousel_viewAll: "View all",
+  card_label_communityPage: "Community",
+  card_label_event: "Event",
+  card_label_learningHub: "Programme",
+  card_label_listPage: "List",
+  card_label_microcourse: "Course",
+  card_label_qaQuestion: "Q&A",
+  card_label_solutionArticle: "Article",
   card_bootcamp: "Email boot camp",
   card_ended: "Ended",
   card_registered: "Registered",
@@ -972,6 +979,9 @@ const We = {
   card_time_ago: "{time} ago",
   card_time_read: "{time} min read",
   card_watch: "Watch recording",
+  card_member_type_owner: "Admin",
+  card_member_type_member: "Member",
+  card_member_count: "{count} members",
   card_cta_people: "View profile",
   card_cta_event: "Register now",
   card_cta_microcourse: "Enrol now",
@@ -1220,6 +1230,7 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   footer_platform_courses: "Courses",
   footer_platform_qanda: "Q&A",
   footer_platform_articles: "Articles",
+  footer_platform_communities: "Communities",
   footer_community: "Community",
   footer_community_support: "Support FAQ",
   footer_community_post: "Post on Apolitical",
@@ -1264,6 +1275,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",
@@ -1318,6 +1330,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",
@@ -1404,7 +1417,7 @@ Thank you for helping to protect the Apolitical community from abusive content.`
     }
   }
   return r;
-}, It = (t, e) => Y.Children.map(t, (n) => Object.is(n, null) ? n : Y.cloneElement(n, {
+}, Lt = (t, e) => Y.Children.map(t, (n) => Object.is(n, null) ? n : Y.cloneElement(n, {
   ...e
 })), ti = (t = 0) => {
   setTimeout(() => {
@@ -1435,7 +1448,7 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   children: u = !1,
   ...d
 }) => {
-  const p = xt(typeof e == "object");
+  const p = wt(typeof e == "object");
   if (typeof e == "object" && typeof p == "number") {
     const y = Object.assign({}, e), v = pa(Object.keys(y));
     e = ha(p, v, y);
@@ -1459,7 +1472,7 @@ Thank you for helping to protect the Apolitical community from abusive content.`
     _,
     u || (l ? /* @__PURE__ */ a.jsx(be, { showOnFocus: !1, children: l }) : null)
   );
-}, wt = ({ buttons: t, className: e = "", ...n }) => {
+}, jt = ({ buttons: t, className: e = "", ...n }) => {
   const r = t.length > 1 ? "ul" : "p", s = t.map((i, o) => r === "p" ? /* @__PURE__ */ a.jsx(se, { ...i }, o) : /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(se, { ...i }) }, o));
   return Y.createElement(r, {
     className: S("button-wrapper", e),
@@ -1467,7 +1480,7 @@ Thank you for helping to protect the Apolitical community from abusive content.`
     children: s
   });
 };
-const De = ({ className: t = "", maxWidth: e = !1 }) => {
+const Ae = ({ className: t = "", maxWidth: e = !1 }) => {
   const n = e ? { "--max-width": `${e / 16}rem` } : {};
   return /* @__PURE__ */ a.jsx("hr", { className: S(t, { "has-max-width": e }), style: n });
 }, kr = {
@@ -1589,7 +1602,7 @@ const De = ({ className: t = "", maxWidth: e = !1 }) => {
   query: r,
   width: i
 })} ${i}w`).join(", ");
-const jt = ({ image: t, className: e, testId: n }) => {
+const kt = ({ image: t, className: e, testId: n }) => {
   const {
     description: r,
     height: s,
@@ -1634,7 +1647,7 @@ const Nl = ({ image: t, className: e, testId: n }) => /* @__PURE__ */ a.jsx(
   {
     className: `image-container ${e}`,
     "data-testid": n || "image-container",
-    children: t && /* @__PURE__ */ a.jsx(jt, { image: { ...t }, className: "image" })
+    children: t && /* @__PURE__ */ a.jsx(kt, { image: { ...t }, className: "image" })
   }
 ), at = ({
   href: t,
@@ -1782,7 +1795,7 @@ const Jn = ({
   star: "star_empty_thin"
 }, ii = (t) => {
   let e = t;
-  return Object.keys(Sr).includes(t) && (e = Sr[t]), `url(${ze}icons/${e}.svg)`;
+  return Object.keys(Sr).includes(t) && (e = Sr[t]), `url(${Be}icons/${e}.svg)`;
 };
 const Cr = {
   customCard: "custom",
@@ -1823,7 +1836,7 @@ const Oe = ({
   children: s,
   ...i
 }) => {
-  const { showHighlight: o = !1, background: c = "default" } = n, f = e ? { "--icon": `url(${ze}icons/${e}.svg)` } : {};
+  const { showHighlight: o = !1, background: c = "default" } = n, f = e ? { "--icon": `url(${Be}icons/${e}.svg)` } : {};
   return /* @__PURE__ */ a.jsx(
     "div",
     {
@@ -1845,7 +1858,7 @@ const He = ({
   className: r = ""
 }) => {
   let s = n && !!Object.keys(n).length;
-  const i = typeof n == "object" && "breakpoints" in n, o = xt(i);
+  const i = typeof n == "object" && "breakpoints" in n, o = wt(i);
   if (i && typeof n == "object" && typeof o == "number") {
     const d = Object.assign({}, n.breakpoints), m = pa(Object.keys(d));
     s = ha(o, m, d);
@@ -1973,7 +1986,7 @@ const Fl = ({
     }),
     children: r.map((f, l) => {
       const u = { wrapper: Y.Fragment, forceInline: !0 }, d = {
-        "--icon": `url(${ze}icons/${f.icon}.svg)`
+        "--icon": `url(${Be}icons/${f.icon}.svg)`
       };
       return t === "dl" ? /* @__PURE__ */ a.jsxs(Y.Fragment, { children: [
         /* @__PURE__ */ a.jsx("dt", { style: d, children: /* @__PURE__ */ a.jsx(Fe, { options: u, children: f.dt || "" }) }, `dt-${l}`),
@@ -2107,7 +2120,7 @@ const vi = {
     iframe: _e,
     button: _e
   }
-}, qt = ({
+}, Ut = ({
   className: t = "",
   options: e = {},
   children: n,
@@ -2151,13 +2164,29 @@ const bi = ({
     r
   ] });
 };
-const Ut = ({
+const ht = ({
   size: t = "medium",
   variant: e = "default",
   className: n = "",
-  children: r,
-  ...s
-}) => /* @__PURE__ */ a.jsx("span", { className: S("pill", t, e, n), ...s, children: r });
+  icon: r,
+  children: s,
+  ...i
+}) => {
+  const o = {
+    "--icon": `url(${Be}icons/${r}.svg)`
+  };
+  return /* @__PURE__ */ a.jsx(
+    "span",
+    {
+      className: S("pill", t, e, n, {
+        "has-icon": r
+      }),
+      style: o,
+      ...i,
+      children: s
+    }
+  );
+};
 const Wt = ({
   element: t = "p",
   children: e = null,
@@ -2176,8 +2205,8 @@ const yi = ({ author: t, authorCite: e, content: n }) => /* @__PURE__ */ a.jsxs(
   /* @__PURE__ */ a.jsx(Fe, { className: "testimonial", children: n }),
   t && /* @__PURE__ */ a.jsx("p", { className: "author text-small", children: t }),
   e && /* @__PURE__ */ a.jsx("p", { className: "author-cite text-small", children: /* @__PURE__ */ a.jsx("cite", { children: e }) })
-] }), Ol = Ae(yi);
-const Dl = ({
+] }), Ol = De(yi);
+const Al = ({
   items: t = [],
   selector: e = "",
   className: n = ""
@@ -2258,7 +2287,7 @@ const _i = ({ isOpen: t = !1, isLoading: e = !1, children: n }) => {
   const c = ({ propertyName: f }) => {
     f === "opacity" && (ct !== !1 && clearTimeout(ct), o((l) => l === "opening" ? "open" : l === "closing" ? "closed" : l === "closed" ? "hidden" : l));
   };
-  return yt(() => {
+  return _t(() => {
     ct !== !1 && clearTimeout(ct);
     let f = "open";
     t ? o("opening") : (o("closing"), f = "hidden"), ct = setTimeout(() => {
@@ -2274,7 +2303,7 @@ const _i = ({ isOpen: t = !1, isLoading: e = !1, children: n }) => {
     }
   );
 };
-const Al = ({ className: t = "", image: e, ...n }) => e ? (typeof e == "string" && (e = {
+const Dl = ({ className: t = "", image: e, ...n }) => e ? (typeof e == "string" && (e = {
   width: 1080,
   height: 200,
   type: "image/png",
@@ -2284,7 +2313,7 @@ const Al = ({ className: t = "", image: e, ...n }) => e ? (typeof e == "string"
   { height: 200, width: 768 },
   { height: 200, width: 1368 }
 ], e.query = "fit=thumb&f=center", /* @__PURE__ */ a.jsx(
-  jt,
+  kt,
   {
     ...n,
     className: S("banner", t),
@@ -2328,7 +2357,7 @@ const Il = ({ text: t, buttons: e, className: n = "" }) => {
       { className: "text" },
       typeof t == "string" ? t : t.text
     ),
-    /* @__PURE__ */ a.jsx(wt, { buttons: r })
+    /* @__PURE__ */ a.jsx(jt, { buttons: r })
   ] }) });
 };
 function ba({ href: t, setShowModal: e }) {
@@ -2381,7 +2410,7 @@ const xi = ({ icon: t, description: e, ctaMessage: n, href: r, showEditButton: s
       u && /* @__PURE__ */ a.jsx(se, { href: r, variant: "tertiary", size: "small", icon: "pencil", onClick: () => ba({ href: r, setShowModal: l }), children: "Edit" })
     ] }),
     t || /* @__PURE__ */ a.jsx(xi, { ...o, href: r, setShowModal: l, showEditButton: u }),
-    c && /* @__PURE__ */ a.jsx(De, {})
+    c && /* @__PURE__ */ a.jsx(Ae, {})
   ] });
 };
 const Bl = ({
@@ -2508,7 +2537,7 @@ const wi = [
           f.map((d) => {
             if (u[d] && typeof u[d] == "object") {
               const { text: m, element: p = "" } = u[d];
-              return d === "text" ? /* @__PURE__ */ a.jsx(qt, { overrideType: "text-only", className: "text", children: m }, d) : Y.createElement(p, { key: d, className: d }, m);
+              return d === "text" ? /* @__PURE__ */ a.jsx(Ut, { overrideType: "text-only", className: "text", children: m }, d) : Y.createElement(p, { key: d, className: d }, m);
             }
             return null;
           }),
@@ -2524,11 +2553,11 @@ const wi = [
             }
           )
         ] }),
-        n && /* @__PURE__ */ a.jsx(jt, { image: { ...n, aspect: "banner" } })
+        n && /* @__PURE__ */ a.jsx(kt, { image: { ...n, aspect: "banner" } })
       ] })
     }
   );
-}, ql = Ae(ji);
+}, ql = De(ji);
 const Ul = ({
   image: t,
   variant: e = "default",
@@ -2561,7 +2590,7 @@ const ki = ({
         className: S("highlight-container highlight-image", {
           [`highlight-image-${t}`]: t === "right"
         }),
-        children: /* @__PURE__ */ a.jsx(jt, { image: r })
+        children: /* @__PURE__ */ a.jsx(kt, { image: r })
       }
     ),
     /* @__PURE__ */ a.jsx(
@@ -2582,7 +2611,7 @@ const ki = ({
       }
     )
   ] });
-}, Wl = Ae(ki);
+}, Wl = De(ki);
 const zl = ({
   variant: t = "primary",
   button: e = null,
@@ -2621,10 +2650,10 @@ const zl = ({
     t && /* @__PURE__ */ a.jsx(Cs, { initialIsOpen: !1 })
   ] });
 };
-var Ei = nn({ client: At });
+var Ei = nn({ client: It });
 function Si(t) {
-  var e = t.children, n = t.client, r = t.apiKey, s = t.options, i = _t(function() {
-    return n && r && console.warn("[PostHog.js] You have provided both a client and an apiKey to PostHogProvider. The apiKey will be ignored in favour of the client."), n && s && console.warn("[PostHog.js] You have provided both a client and options to PostHogProvider. The options will be ignored in favour of the client."), n || (r && (At.__loaded && console.warn("[PostHog.js] was already loaded elsewhere. This may cause issues."), At.init(r, s)), At);
+  var e = t.children, n = t.client, r = t.apiKey, s = t.options, i = xt(function() {
+    return n && r && console.warn("[PostHog.js] You have provided both a client and an apiKey to PostHogProvider. The apiKey will be ignored in favour of the client."), n && s && console.warn("[PostHog.js] You have provided both a client and options to PostHogProvider. The options will be ignored in favour of the client."), n || (r && (It.__loaded && console.warn("[PostHog.js] was already loaded elsewhere. This may cause issues."), It.init(r, s)), It);
   }, [n, r]);
   return Y.createElement(Ei.Provider, { value: { client: i } }, e);
 }
@@ -2705,7 +2734,7 @@ const Pi = ({
       })
     }
   );
-}, _a = Ae(Pi);
+}, _a = De(Pi);
 const vn = "loadingBlock_", Mi = ({ progress: t = 0, steps: e = !1, className: n = "" }) => {
   const r = H();
   e || (e = {
@@ -2718,7 +2747,7 @@ const vn = "loadingBlock_", Mi = ({ progress: t = 0, steps: e = !1, className: n
   for (let c = 0; c < i.length && !(t < parseInt(i[c])); c++)
     s = i[c];
   const o = s && e[s].icon ? {
-    "--icon": `url(${ze}icons/${e[s].icon}.svg)`
+    "--icon": `url(${Be}icons/${e[s].icon}.svg)`
   } : {};
   return /* @__PURE__ */ a.jsxs(
     Oe,
@@ -2734,7 +2763,7 @@ const vn = "loadingBlock_", Mi = ({ progress: t = 0, steps: e = !1, className: n
       ]
     }
   );
-}, Hl = Ae(Mi);
+}, Hl = De(Mi);
 const Se = ({ element: t = "div", className: e = "", ...n }) => /* @__PURE__ */ a.jsx(
   Gn,
   {
@@ -2795,14 +2824,14 @@ const zn = {
 }, xa = (t, e) => t in zn ? /* @__PURE__ */ a.jsx("div", { className: t, children: zn[t].map((n, r) => xa(n, r)) }, e) : /* @__PURE__ */ a.jsx(Se, { className: t }, e), wa = ({ layout: t = "overview-page", ...e }) => /* @__PURE__ */ a.jsx("div", { className: S("loading-state", t), ...e, children: zn[t].map((n, r) => xa(n, r)) }), ja = (t) => {
   const e = t && t.toUpperCase().trim().split(" ");
   return Array.isArray(e) && e.length > 1 && e[0] !== "" ? e[1] === "" ? e[0][0] : e[0][0] + e[e.length - 1][0] : t ? t.substr(0, 1) : "";
-}, Et = ["#5AB6A3", "#A2D7AF", "#806056", "#3962B3"], Ri = (t) => {
-  const e = Math.ceil(26 / Et.length), n = ja(t).toLowerCase();
+}, St = ["#5AB6A3", "#A2D7AF", "#806056", "#3962B3"], Ri = (t) => {
+  const e = Math.ceil(26 / St.length), n = ja(t).toLowerCase();
   if (n === "")
-    return Et[0];
+    return St[0];
   const r = n.charCodeAt(0) - 96;
-  for (let s = 0; s < Et.length; s++)
+  for (let s = 0; s < St.length; s++)
     if (r <= e * (s + 1))
-      return Et[s];
+      return St[s];
 };
 const Nr = 256, Ye = ({
   className: t = "",
@@ -2845,9 +2874,9 @@ const Nr = 256, Ye = ({
     }
   );
 }, ka = (t) => t === "apolitical" ? {
-  image: `${ze}logos/member_apolitical.svg`
+  image: `${Be}logos/member_apolitical.svg`
 } : t === "community" || typeof t == "object" && !t.name ? {
-  image: `${ze}logos/member_community.svg`
+  image: `${Be}logos/member_community.svg`
 } : {
   name: t.name,
   role: t.jobTitle || "",
@@ -2966,14 +2995,14 @@ const Pr = {
     ] })
   });
 };
-const St = "emailHelperTextBox_", Oi = ({
+const Ct = "emailHelperTextBox_", Oi = ({
   type: t,
   email: e,
   redirectPath: n,
   resendVerificationCode: r
 }) => {
   const s = H(), [i, o] = X({
-    path: `${St}default`,
+    path: `${Ct}default`,
     type: "default",
     link: {},
     mail: {},
@@ -2983,7 +3012,7 @@ const St = "emailHelperTextBox_", Oi = ({
       p.preventDefault(), p.stopPropagation();
       const g = (_) => {
         o({
-          path: `${St}error_verificationFailedToSend`,
+          path: `${Ct}error_verificationFailedToSend`,
           type: "error",
           link: {
             "data-gtm-event-context": "VerifyEmailBox",
@@ -3003,7 +3032,7 @@ const St = "emailHelperTextBox_", Oi = ({
         });
       };
       if (typeof r != "function") {
-        g(s.formatMessage({ id: `${St}error_noFunction` }));
+        g(s.formatMessage({ id: `${Ct}error_noFunction` }));
         return;
       }
       f(!0), r(e).then(() => {
@@ -3019,7 +3048,7 @@ const St = "emailHelperTextBox_", Oi = ({
   );
   ae(
     () => {
-      let p = St, g = "default", _ = {}, y = {};
+      let p = Ct, g = "default", _ = {}, y = {};
       switch (t) {
         case "gov":
           p += "autoApproved", g = "success";
@@ -3105,7 +3134,7 @@ const St = "emailHelperTextBox_", Oi = ({
       )
     }
   );
-}, ht = ({
+}, gt = ({
   className: t = "",
   element: e = "input",
   id: n,
@@ -3141,7 +3170,7 @@ const Qe = {
   UP: "ArrowUp",
   DOWN: "ArrowDown",
   ENTER: "Enter"
-}, Di = 500, Ai = ({
+}, Ai = 500, Di = ({
   value: t,
   placeholder: e,
   functions: n = {
@@ -3165,7 +3194,7 @@ const Qe = {
   e || (e = p({ id: "inputAutocomplete_placeholder" })), ae(() => {
     const v = setTimeout(() => {
       d || f((b) => ({ ...b, debouncedInput: i }));
-    }, Di);
+    }, Ai);
     return () => {
       clearTimeout(v);
     };
@@ -3264,7 +3293,7 @@ const Ea = ({
     y
   );
 };
-const Ii = Ae(function({
+const Ii = De(function({
   direction: e = "down"
 }) {
   return /* @__PURE__ */ a.jsx(
@@ -3296,12 +3325,12 @@ const Li = ({
   const { onChange: b, onMultiSelectSubmit: k, ...j } = s, w = (R) => {
     if (c) {
       let Q = [];
-      _ != null && _.includes(R.id) ? Q = _.filter((N) => N !== R.id) : Q = [..._, R.id], y([...Q]), b && b([...Q]);
+      _ != null && _.includes(R.id) ? Q = _.filter((C) => C !== R.id) : Q = [..._, R.id], y([...Q]), b && b([...Q]);
     } else
       y([R]), b && b(R.id), m(!1);
-  }, F = (R) => {
+  }, I = (R) => {
     if (R === "all") {
-      const Q = (e == null ? void 0 : e.map((N) => N.id)) || [];
+      const Q = (e == null ? void 0 : e.map((C) => C.id)) || [];
       y(Q), b && b(Q);
     } else
       y([]), b && b([]);
@@ -3331,7 +3360,7 @@ const Li = ({
         defaultValue: v.id,
         onChange: (R) => {
           R.preventDefault(), R.stopPropagation();
-          const Q = e && e.find((N) => N.id === R.target.value);
+          const Q = e && e.find((C) => C.id === R.target.value);
           w(Q);
         },
         hidden: !d,
@@ -3355,7 +3384,7 @@ const Li = ({
                   {
                     variant: "tertiary",
                     size: "small",
-                    onClick: () => F("all"),
+                    onClick: () => I("all"),
                     className: "gtm-trackable",
                     children: u.formatMessage({ id: "dropdown_menu_multiselect_all" })
                   }
@@ -3365,7 +3394,7 @@ const Li = ({
                   {
                     variant: "tertiary",
                     size: "small",
-                    onClick: () => F("none"),
+                    onClick: () => I("none"),
                     className: "gtm-trackable",
                     children: u.formatMessage({ id: "dropdown_menu_multiselect_none" })
                   }
@@ -3383,8 +3412,8 @@ const Li = ({
                   }),
                   "data-gtm-event-type": `${R}-click`,
                   "data-gtm-event-context": i,
-                  onClick: (N) => {
-                    N.preventDefault(), N.stopPropagation(), w(R);
+                  onClick: (C) => {
+                    C.preventDefault(), C.stopPropagation(), w(R);
                   },
                   role: "menuitem",
                   "aria-current": Q,
@@ -3453,8 +3482,8 @@ const Bi = ({
               return;
             let w;
             if (i) {
-              const F = p == null ? void 0 : p.indexOf(v);
-              Array.isArray(p) && F >= 0 ? (w = p, w.splice(F, 1)) : (!p || p.length === 0 ? w = [] : w = p, w.push(v));
+              const I = p == null ? void 0 : p.indexOf(v);
+              Array.isArray(p) && I >= 0 ? (w = p, w.splice(I, 1)) : (!p || p.length === 0 ? w = [] : w = p, w.push(v));
             } else
               w = g === v ? void 0 : v;
             e.onChange(w);
@@ -3513,18 +3542,18 @@ const qi = ({
         })
       }
     ),
-    /* @__PURE__ */ a.jsx(ht, { inputRef: o, type: l, ...r })
+    /* @__PURE__ */ a.jsx(gt, { inputRef: o, type: l, ...r })
   ] });
 };
 const Je = {
-  text: { component: ht },
-  email: { component: ht },
-  textarea: { component: ht, props: { element: "textarea", rows: 4, cols: 10 } },
+  text: { component: gt },
+  email: { component: gt },
+  textarea: { component: gt, props: { element: "textarea", rows: 4, cols: 10 } },
   checkbox: { component: Ea },
   checkboxes: { component: Bi, props: { multiSelect: !0 } },
   select: { component: Li },
   password: { component: qi },
-  autocomplete: { component: Ai }
+  autocomplete: { component: Di }
 }, Ui = ({
   id: t,
   intlPath: e = !1,
@@ -3539,7 +3568,7 @@ const Je = {
   value: l,
   ...u
 }) => {
-  const d = H(), m = f && f.some(({ condition: j }) => j === "required"), p = (l == null ? void 0 : l.toString().length) || 0, g = c && Je[c] && Je[c].component ? Je[c].component : ht, _ = {};
+  const d = H(), m = f && f.some(({ condition: j }) => j === "required"), p = (l == null ? void 0 : l.toString().length) || 0, g = c && Je[c] && Je[c].component ? Je[c].component : gt, _ = {};
   c && ["checkboxes"].includes(c) ? _.element = "span" : _.htmlFor = t;
   let y = {
     ...u,
@@ -3757,20 +3786,20 @@ const rn = ({
     shouldReset: k = !0,
     showRequiredLabels: j = !0,
     showSuccessMessage: w = !1
-  } = c || {}, F = H(), R = {};
+  } = c || {}, I = H(), R = {};
   t.length && t.forEach((z) => {
     const K = z.id || z.name;
     K && (R[K] = z.value || "");
   });
-  const [Q, N] = Yn(Wi, {
+  const [Q, C] = Yn(Wi, {
     isSubmitting: !1,
     formSubmitted: !1,
     errors: {},
     values: R
-  }), { errors: O, isSubmitting: C, formSubmitted: T, values: x } = Q;
+  }), { errors: F, isSubmitting: $, formSubmitted: T, values: x } = Q;
   ae(() => {
     k && T && (bn = setTimeout(() => {
-      N({
+      C({
         type: "updateValue",
         payload: { key: "formSubmitted", value: !1 }
       });
@@ -3779,7 +3808,7 @@ const rn = ({
     bn && clearTimeout(bn);
   }, []), ae(() => {
     const z = (K) => {
-      N({
+      C({
         type: "updateValue",
         payload: { key: K.detail.id, value: K.detail.value }
       });
@@ -3794,10 +3823,10 @@ const rn = ({
       );
     };
   }, []);
-  const $ = pe(null), A = r || $;
+  const N = pe(null), A = r || N;
   if (!t.length)
     return null;
-  i.text || (i.text = F.formatMessage({ id: "form_submit" }));
+  i.text || (i.text = I.formatMessage({ id: "form_submit" }));
   const Z = [
     {
       ...y,
@@ -3805,7 +3834,7 @@ const rn = ({
       className: "gtm-trackable",
       onClick: (z) => {
         var P;
-        if (z.preventDefault(), z.stopPropagation(), C)
+        if (z.preventDefault(), z.stopPropagation(), $)
           return;
         let K = 0;
         if ((P = A == null ? void 0 : A.current) != null && P.id) {
@@ -3813,47 +3842,47 @@ const rn = ({
           q && (K = q.getBoundingClientRect().top + window.scrollY);
         }
         const E = document.getElementById("header");
-        if (E && (K = K - E.offsetHeight - v), K < 0 && (K = 0), window.scrollTo({ top: K, behavior: "smooth" }), N({ type: "toggleSubmitting" }), i.disabled) {
-          typeof i.disabled == "object" && i.disabled.isClickable && N({
+        if (E && (K = K - E.offsetHeight - v), K < 0 && (K = 0), window.scrollTo({ top: K, behavior: "smooth" }), C({ type: "toggleSubmitting" }), i.disabled) {
+          typeof i.disabled == "object" && i.disabled.isClickable && C({
             type: "submitForm",
             payload: {
               fields: t,
-              dispatch: N,
-              intl: F
+              dispatch: C,
+              intl: I
             }
           });
           return;
         }
-        N({
+        C({
           type: "submitForm",
           payload: {
             fields: t,
-            dispatch: N,
+            dispatch: C,
             onSuccess: async (q) => {
               try {
-                await l(q), N({ type: k ? "formSubmittedAndReset" : "formSubmitted" });
+                await l(q), C({ type: k ? "formSubmittedAndReset" : "formSubmitted" });
               } catch (B) {
-                d(B), N({
+                d(B), C({
                   type: "updateValue",
                   payload: { key: "isSubmitting", value: !1 }
                 });
               }
             },
             onFailure: (q, B) => {
-              m(q, B), N({
+              m(q, B), C({
                 type: "updateValue",
                 payload: { key: "isSubmitting", value: !1 }
               });
             },
-            intl: F
+            intl: I
           }
         });
       },
-      disabled: C || T || i.disabled,
+      disabled: $ || T || i.disabled,
       "data-gtm-event-context": f.context,
       "data-gtm-event-type": f.event,
-      children: C || T ? F.formatMessage({
-        id: `form_${C ? "submitting" : "submitted"}`
+      children: $ || T ? I.formatMessage({
+        id: `form_${$ ? "submitting" : "submitted"}`
       }) : i.text
     }
   ];
@@ -3862,9 +3891,9 @@ const rn = ({
     className: "gtm-trackable",
     "data-gtm-event-context": f.context,
     "data-gtm-event-type": f.event,
-    disabled: C || T,
+    disabled: $ || T,
     onClick: u,
-    children: o.text || F.formatMessage({ id: "form_cancel" })
+    children: o.text || I.formatMessage({ id: "form_cancel" })
   }), /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsxs(
       "form",
@@ -3874,14 +3903,14 @@ const rn = ({
         className: S("form", e),
         ref: A,
         children: [
-          O != null && O.general ? /* @__PURE__ */ a.jsx(
+          F != null && F.general ? /* @__PURE__ */ a.jsx(
             He,
             {
               variant: "error",
-              text: F.formatMessage({ id: "form_error_generalError" })
+              text: I.formatMessage({ id: "form_error_generalError" })
             }
           ) : null,
-          (!k || !C && !T || g) && t.map((z, K) => {
+          (!k || !$ && !T || g) && t.map((z, K) => {
             const {
               id: E = z.name || K,
               component: P,
@@ -3898,22 +3927,22 @@ const rn = ({
                 ...z,
                 showRequiredLabels: j,
                 value: B,
-                error: O == null ? void 0 : O[E],
+                error: F == null ? void 0 : F[E],
                 functions: {
                   ...q,
                   onChange: (U) => {
-                    N({ type: "updateValue", payload: { key: E, value: U } }), q.onChange(U && U.toString(), N);
+                    C({ type: "updateValue", payload: { key: E, value: U } }), q.onChange(U && U.toString(), C);
                   }
                 }
               },
               E
             );
           }),
-          _ ? null : (C || T) && g ? g : /* @__PURE__ */ a.jsx(
-            wt,
+          _ ? null : ($ || T) && g ? g : /* @__PURE__ */ a.jsx(
+            jt,
             {
               className: S("cta", {
-                center: C || T,
+                center: $ || T,
                 submitted: T
               }),
               buttons: Z
@@ -3922,10 +3951,10 @@ const rn = ({
         ]
       }
     ),
-    w && T && /* @__PURE__ */ a.jsx(Wt, { className: "success", children: typeof w == "string" ? w : F.formatMessage({ id: "form_success" }) })
+    w && T && /* @__PURE__ */ a.jsx(Wt, { className: "success", children: typeof w == "string" ? w : I.formatMessage({ id: "form_success" }) })
   ] });
 };
-const Ct = "passwordRules_", Sa = "isMoreThanEightCharacters", Ca = "includesNumberAndSymbol", $a = "includesLowerAndUppercase", zi = {
+const $t = "passwordRules_", Sa = "isMoreThanEightCharacters", Ca = "includesNumberAndSymbol", $a = "includesLowerAndUppercase", zi = {
   [Sa]: "8Characters",
   [Ca]: "numberSymbol",
   [$a]: "lowercaseUppercase"
@@ -3939,7 +3968,7 @@ const Ct = "passwordRules_", Sa = "isMoreThanEightCharacters", Ca = "includesNum
 }) => {
   const n = H();
   return /* @__PURE__ */ a.jsxs("aside", { className: S("password-rules", e), children: [
-    /* @__PURE__ */ a.jsx("small", { children: n.formatMessage({ id: `${Ct}intro` }) }),
+    /* @__PURE__ */ a.jsx("small", { children: n.formatMessage({ id: `${$t}intro` }) }),
     /* @__PURE__ */ a.jsx("ul", { children: [Sa, Ca, $a].map(
       (r) => /* @__PURE__ */ a.jsxs(
         "li",
@@ -3947,13 +3976,13 @@ const Ct = "passwordRules_", Sa = "isMoreThanEightCharacters", Ca = "includesNum
           className: S({ matches: t[r] }),
           children: [
             /* @__PURE__ */ a.jsxs(be, { children: [
-              n.formatMessage({ id: `${Ct}rule_label` }),
+              n.formatMessage({ id: `${$t}rule_label` }),
               " "
             ] }),
-            /* @__PURE__ */ a.jsx("span", { children: n.formatMessage({ id: `${Ct}rule_${zi[r]}` }) }),
+            /* @__PURE__ */ a.jsx("span", { children: n.formatMessage({ id: `${$t}rule_${zi[r]}` }) }),
             !t[r] && /* @__PURE__ */ a.jsxs(be, { element: "strong", children: [
               " ",
-              n.formatMessage({ id: `${Ct}notMet` })
+              n.formatMessage({ id: `${$t}notMet` })
             ] })
           ]
         },
@@ -3961,7 +3990,7 @@ const Ct = "passwordRules_", Sa = "isMoreThanEightCharacters", Ca = "includesNum
       )
     ) })
   ] });
-}, Hi = Ae(Zi);
+}, Hi = De(Zi);
 const Vl = ({
   text: t = {},
   topRating: e = 5,
@@ -4247,7 +4276,7 @@ const Yi = ({
       " ",
       y({ id: "inviteForm_error" })
     ] }) }),
-    /* @__PURE__ */ a.jsx(De, {}),
+    /* @__PURE__ */ a.jsx(Ae, {}),
     /* @__PURE__ */ a.jsx("div", { className: "footer", children: g === "SUCCESS" ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
       /* @__PURE__ */ a.jsx(se, { variant: "secondary", onClick: b, children: y({ id: "inviteForm_ctaSendMoreInvites" }) }),
       /* @__PURE__ */ a.jsx(se, { onClick: k, children: y({ id: "inviteForm_ctaDone" }) })
@@ -4273,7 +4302,7 @@ const Yi = ({
                 d(j), p(!j.length);
               },
               autoFocus: !1,
-              getLabel: (j, w, F) => /* @__PURE__ */ a.jsxs("div", { className: "email text-medium", children: [
+              getLabel: (j, w, I) => /* @__PURE__ */ a.jsxs("div", { className: "email text-medium", children: [
                 /* @__PURE__ */ a.jsx("div", { "data-tag-item": !0, children: j }),
                 /* @__PURE__ */ a.jsx(
                   se,
@@ -4282,7 +4311,7 @@ const Yi = ({
                     size: "small",
                     icon: { icon: "close" },
                     onClick: () => {
-                      F(w), p(!u.length);
+                      I(w), p(!u.length);
                     },
                     className: "remove-email-button",
                     screenreaderText: y({ id: "overlay_close" })
@@ -4292,7 +4321,7 @@ const Yi = ({
             }
           )
         ] }),
-        /* @__PURE__ */ a.jsx(De, {}),
+        /* @__PURE__ */ a.jsx(Ae, {}),
         /* @__PURE__ */ a.jsx("fieldset", { className: "footer", children: /* @__PURE__ */ a.jsx(se, { className: "sendEmailsButton", disabled: m, children: n }) })
       ]
     }
@@ -4375,7 +4404,7 @@ const Ki = ({
   gtmEvent: i = "form-submission"
 }) => {
   const { searchIsOpen: o = !0, isDesktopVersion: c = !1 } = n || {}, f = H(), l = pe(null);
-  yt(() => {
+  _t(() => {
     !n || c || !o || l.current && l.current.focus();
   }, [o]);
   const u = (d) => {
@@ -4734,7 +4763,7 @@ const eo = {
     shouldDisableButton: b,
     showSuccessMessage: k,
     showError: j
-  } = p, [w, F] = oa([
+  } = p, [w, I] = oa([
     "signup-this-session",
     "functional-cookie-consent"
   ]), R = {
@@ -4751,12 +4780,12 @@ const eo = {
   }, [v]), ae(() => {
     w["signup-this-session"] && g([{ type: "showSuccessMessage", value: !0 }]);
   }, [w]), ae(() => {
-    k && w["functional-cookie-consent"] && F("signup-this-session", "true", {
+    k && w["functional-cookie-consent"] && I("signup-this-session", "true", {
       path: "/",
       maxAge: 3600
     });
   }, [k]);
-  const Q = _t(() => Ji({
+  const Q = xt(() => Ji({
     shouldShow: m,
     functions: e,
     refs: R,
@@ -4764,7 +4793,7 @@ const eo = {
     dispatch: g,
     dataToSubmit: s,
     intl: o
-  }), [s, e, o, R, m, p]), N = b ? !0 : v ? !Object.values(_).every((O) => O === !0) : !_.name || !_.email || ["exists", "pending", "verify"].includes(y.boxType);
+  }), [s, e, o, R, m, p]), C = b ? !0 : v ? !Object.values(_).every((F) => F === !0) : !_.name || !_.email || ["exists", "pending", "verify"].includes(y.boxType);
   return m.successMessage && k ? /* @__PURE__ */ a.jsx(Xi, { className: t }) : /* @__PURE__ */ a.jsxs(
     "fieldset",
     {
@@ -4791,7 +4820,7 @@ const eo = {
               variant: "primary",
               size: "medium",
               text: r || o.formatMessage({ id: "signup_button_join" }),
-              disabled: N ? { isClickable: !0 } : !1,
+              disabled: C ? { isClickable: !0 } : !1,
               styling: { fullWidth: !0 },
               "data-testid": "signup-button"
             },
@@ -4825,8 +4854,8 @@ const eo = {
                   state: p
                 });
               },
-              onCatch: (O) => {
-                e.handleError(O), g([
+              onCatch: (F) => {
+                e.handleError(F), g([
                   { type: "showSuccessMessage", value: !1 },
                   { type: "showError", value: !0 }
                 ]);
@@ -4839,7 +4868,7 @@ const eo = {
     }
   );
 };
-var Zn = { exports: {} }, $t = { exports: {} }, ue = {};
+var Zn = { exports: {} }, Nt = { exports: {} }, ue = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -4856,8 +4885,8 @@ function to() {
   var t = typeof Symbol == "function" && Symbol.for, e = t ? Symbol.for("react.element") : 60103, n = t ? Symbol.for("react.portal") : 60106, r = t ? Symbol.for("react.fragment") : 60107, s = t ? Symbol.for("react.strict_mode") : 60108, i = t ? Symbol.for("react.profiler") : 60114, o = t ? Symbol.for("react.provider") : 60109, c = t ? Symbol.for("react.context") : 60110, f = t ? Symbol.for("react.async_mode") : 60111, l = t ? Symbol.for("react.concurrent_mode") : 60111, u = t ? Symbol.for("react.forward_ref") : 60112, d = t ? Symbol.for("react.suspense") : 60113, m = t ? Symbol.for("react.suspense_list") : 60120, p = t ? Symbol.for("react.memo") : 60115, g = t ? Symbol.for("react.lazy") : 60116, _ = t ? Symbol.for("react.block") : 60121, y = t ? Symbol.for("react.fundamental") : 60117, v = t ? Symbol.for("react.responder") : 60118, b = t ? Symbol.for("react.scope") : 60119;
   function k(w) {
     if (typeof w == "object" && w !== null) {
-      var F = w.$$typeof;
-      switch (F) {
+      var I = w.$$typeof;
+      switch (I) {
         case e:
           switch (w = w.type, w) {
             case f:
@@ -4876,11 +4905,11 @@ function to() {
                 case o:
                   return w;
                 default:
-                  return F;
+                  return I;
               }
           }
         case n:
-          return F;
+          return I;
       }
     }
   }
@@ -4928,16 +4957,16 @@ var Fr;
 function no() {
   return Fr || (Fr = 1, process.env.NODE_ENV !== "production" && function() {
     var t = typeof Symbol == "function" && Symbol.for, e = t ? Symbol.for("react.element") : 60103, n = t ? Symbol.for("react.portal") : 60106, r = t ? Symbol.for("react.fragment") : 60107, s = t ? Symbol.for("react.strict_mode") : 60108, i = t ? Symbol.for("react.profiler") : 60114, o = t ? Symbol.for("react.provider") : 60109, c = t ? Symbol.for("react.context") : 60110, f = t ? Symbol.for("react.async_mode") : 60111, l = t ? Symbol.for("react.concurrent_mode") : 60111, u = t ? Symbol.for("react.forward_ref") : 60112, d = t ? Symbol.for("react.suspense") : 60113, m = t ? Symbol.for("react.suspense_list") : 60120, p = t ? Symbol.for("react.memo") : 60115, g = t ? Symbol.for("react.lazy") : 60116, _ = t ? Symbol.for("react.block") : 60121, y = t ? Symbol.for("react.fundamental") : 60117, v = t ? Symbol.for("react.responder") : 60118, b = t ? Symbol.for("react.scope") : 60119;
-    function k(I) {
-      return typeof I == "string" || typeof I == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      I === r || I === l || I === i || I === s || I === d || I === m || typeof I == "object" && I !== null && (I.$$typeof === g || I.$$typeof === p || I.$$typeof === o || I.$$typeof === c || I.$$typeof === u || I.$$typeof === y || I.$$typeof === v || I.$$typeof === b || I.$$typeof === _);
+    function k(D) {
+      return typeof D == "string" || typeof D == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      D === r || D === l || D === i || D === s || D === d || D === m || typeof D == "object" && D !== null && (D.$$typeof === g || D.$$typeof === p || D.$$typeof === o || D.$$typeof === c || D.$$typeof === u || D.$$typeof === y || D.$$typeof === v || D.$$typeof === b || D.$$typeof === _);
     }
-    function j(I) {
-      if (typeof I == "object" && I !== null) {
-        var ve = I.$$typeof;
+    function j(D) {
+      if (typeof D == "object" && D !== null) {
+        var ve = D.$$typeof;
         switch (ve) {
           case e:
-            var Ne = I.type;
+            var Ne = D.type;
             switch (Ne) {
               case f:
               case l:
@@ -4964,63 +4993,63 @@ function no() {
         }
       }
     }
-    var w = f, F = l, R = c, Q = o, N = e, O = u, C = r, T = g, x = p, $ = n, A = i, W = s, Z = d, z = !1;
-    function K(I) {
-      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.")), E(I) || j(I) === f;
+    var w = f, I = l, R = c, Q = o, C = e, F = u, $ = r, T = g, x = p, N = n, A = i, W = s, Z = d, z = !1;
+    function K(D) {
+      return z || (z = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), E(D) || j(D) === f;
     }
-    function E(I) {
-      return j(I) === l;
+    function E(D) {
+      return j(D) === l;
     }
-    function P(I) {
-      return j(I) === c;
+    function P(D) {
+      return j(D) === c;
     }
-    function q(I) {
-      return j(I) === o;
+    function q(D) {
+      return j(D) === o;
     }
-    function B(I) {
-      return typeof I == "object" && I !== null && I.$$typeof === e;
+    function B(D) {
+      return typeof D == "object" && D !== null && D.$$typeof === e;
     }
-    function U(I) {
-      return j(I) === u;
+    function U(D) {
+      return j(D) === u;
     }
-    function te(I) {
-      return j(I) === r;
+    function te(D) {
+      return j(D) === r;
     }
-    function G(I) {
-      return j(I) === g;
+    function G(D) {
+      return j(D) === g;
     }
-    function V(I) {
-      return j(I) === p;
+    function V(D) {
+      return j(D) === p;
     }
-    function ee(I) {
-      return j(I) === n;
+    function ee(D) {
+      return j(D) === n;
     }
-    function re(I) {
-      return j(I) === i;
+    function re(D) {
+      return j(D) === i;
     }
-    function D(I) {
-      return j(I) === s;
+    function O(D) {
+      return j(D) === s;
     }
-    function oe(I) {
-      return j(I) === d;
+    function oe(D) {
+      return j(D) === d;
     }
-    de.AsyncMode = w, de.ConcurrentMode = F, de.ContextConsumer = R, de.ContextProvider = Q, de.Element = N, de.ForwardRef = O, de.Fragment = C, de.Lazy = T, de.Memo = x, de.Portal = $, de.Profiler = A, de.StrictMode = W, de.Suspense = Z, de.isAsyncMode = K, de.isConcurrentMode = E, de.isContextConsumer = P, de.isContextProvider = q, de.isElement = B, de.isForwardRef = U, de.isFragment = te, de.isLazy = G, de.isMemo = V, de.isPortal = ee, de.isProfiler = re, de.isStrictMode = D, de.isSuspense = oe, de.isValidElementType = k, de.typeOf = j;
+    de.AsyncMode = w, de.ConcurrentMode = I, de.ContextConsumer = R, de.ContextProvider = Q, de.Element = C, de.ForwardRef = F, de.Fragment = $, de.Lazy = T, de.Memo = x, de.Portal = N, de.Profiler = A, de.StrictMode = W, de.Suspense = Z, de.isAsyncMode = K, de.isConcurrentMode = E, de.isContextConsumer = P, de.isContextProvider = q, de.isElement = B, de.isForwardRef = U, de.isFragment = te, de.isLazy = G, de.isMemo = V, de.isPortal = ee, de.isProfiler = re, de.isStrictMode = O, de.isSuspense = oe, de.isValidElementType = k, de.typeOf = j;
   }()), de;
 }
 var Or;
 function Na() {
-  return Or || (Or = 1, process.env.NODE_ENV === "production" ? $t.exports = to() : $t.exports = no()), $t.exports;
+  return Or || (Or = 1, process.env.NODE_ENV === "production" ? Nt.exports = to() : Nt.exports = no()), Nt.exports;
 }
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var _n, Dr;
+var _n, Ar;
 function ro() {
-  if (Dr)
+  if (Ar)
     return _n;
-  Dr = 1;
+  Ar = 1;
   var t = Object.getOwnPropertySymbols, e = Object.prototype.hasOwnProperty, n = Object.prototype.propertyIsEnumerable;
   function r(i) {
     if (i == null)
@@ -5063,11 +5092,11 @@ function ro() {
     return f;
   }, _n;
 }
-var xn, Ar;
+var xn, Dr;
 function nr() {
-  if (Ar)
+  if (Dr)
     return xn;
-  Ar = 1;
+  Dr = 1;
   var t = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
   return xn = t, xn;
 }
@@ -5163,11 +5192,11 @@ function so() {
       arrayOf: k,
       element: j(),
       elementType: w(),
-      instanceOf: F,
-      node: O(),
+      instanceOf: I,
+      node: F(),
       objectOf: Q,
       oneOf: R,
-      oneOfType: N,
+      oneOfType: C,
       shape: T,
       exact: x
     };
@@ -5181,22 +5210,22 @@ function so() {
     function y(E) {
       if (process.env.NODE_ENV !== "production")
         var P = {}, q = 0;
-      function B(te, G, V, ee, re, D, oe) {
-        if (ee = ee || m, D = D || V, oe !== n) {
+      function B(te, G, V, ee, re, O, oe) {
+        if (ee = ee || m, O = O || V, oe !== n) {
           if (f) {
-            var I = new Error(
+            var D = 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"
             );
-            throw I.name = "Invariant Violation", I;
+            throw D.name = "Invariant Violation", D;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
             var ve = ee + ":" + V;
             !P[ve] && // Avoid spamming the console because they are often not actionable except for lib authors
             q < 3 && (i(
-              "You are manually calling a React.PropTypes validation function for the `" + D + "` prop on `" + ee + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
+              "You are manually calling a React.PropTypes validation function for the `" + O + "` prop on `" + ee + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
             ), P[ve] = !0, q++);
           }
         }
-        return G[V] == null ? te ? G[V] === null ? new _("The " + re + " `" + D + "` is marked as required " + ("in `" + ee + "`, but its value is `null`.")) : new _("The " + re + " `" + D + "` is marked as required in " + ("`" + ee + "`, but its value is `undefined`.")) : null : E(G, V, ee, re, D);
+        return G[V] == null ? te ? G[V] === null ? new _("The " + re + " `" + O + "` is marked as required " + ("in `" + ee + "`, but its value is `null`.")) : new _("The " + re + " `" + O + "` is marked as required in " + ("`" + ee + "`, but its value is `undefined`.")) : null : E(G, V, ee, re, O);
       }
       var U = B.bind(null, !1);
       return U.isRequired = B.bind(null, !0), U;
@@ -5205,9 +5234,9 @@ function so() {
       function P(q, B, U, te, G, V) {
         var ee = q[B], re = W(ee);
         if (re !== E) {
-          var D = Z(ee);
+          var O = Z(ee);
           return new _(
-            "Invalid " + te + " `" + G + "` of type " + ("`" + D + "` supplied to `" + U + "`, expected ") + ("`" + E + "`."),
+            "Invalid " + te + " `" + G + "` of type " + ("`" + O + "` supplied to `" + U + "`, expected ") + ("`" + E + "`."),
             { expectedType: E }
           );
         }
@@ -5228,9 +5257,9 @@ function so() {
           return new _("Invalid " + te + " `" + G + "` of type " + ("`" + ee + "` supplied to `" + U + "`, expected an array."));
         }
         for (var re = 0; re < V.length; re++) {
-          var D = E(V, re, U, te, G + "[" + re + "]", n);
-          if (D instanceof Error)
-            return D;
+          var O = E(V, re, U, te, G + "[" + re + "]", n);
+          if (O instanceof Error)
+            return O;
         }
         return null;
       }
@@ -5258,7 +5287,7 @@ function so() {
       }
       return y(E);
     }
-    function F(E) {
+    function I(E) {
       function P(q, B, U, te, G) {
         if (!(q[B] instanceof E)) {
           var V = E.name || m, ee = K(q[B]);
@@ -5277,9 +5306,9 @@ function so() {
         for (var V = q[B], ee = 0; ee < E.length; ee++)
           if (g(V, E[ee]))
             return null;
-        var re = JSON.stringify(E, function(oe, I) {
-          var ve = Z(I);
-          return ve === "symbol" ? String(I) : I;
+        var re = JSON.stringify(E, function(oe, D) {
+          var ve = Z(D);
+          return ve === "symbol" ? String(D) : D;
         });
         return new _("Invalid " + te + " `" + G + "` of value `" + String(V) + "` " + ("supplied to `" + U + "`, expected one of " + re + "."));
       }
@@ -5294,15 +5323,15 @@ function so() {
           return new _("Invalid " + te + " `" + G + "` of type " + ("`" + ee + "` supplied to `" + U + "`, expected an object."));
         for (var re in V)
           if (r(V, re)) {
-            var D = E(V, re, U, te, G + "." + re, n);
-            if (D instanceof Error)
-              return D;
+            var O = E(V, re, U, te, G + "." + re, n);
+            if (O instanceof Error)
+              return O;
           }
         return null;
       }
       return y(P);
     }
-    function N(E) {
+    function C(E) {
       if (!Array.isArray(E))
         return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), o;
       for (var P = 0; P < E.length; P++) {
@@ -5313,24 +5342,24 @@ function so() {
           ), o;
       }
       function B(U, te, G, V, ee) {
-        for (var re = [], D = 0; D < E.length; D++) {
-          var oe = E[D], I = oe(U, te, G, V, ee, n);
-          if (I == null)
+        for (var re = [], O = 0; O < E.length; O++) {
+          var oe = E[O], D = oe(U, te, G, V, ee, n);
+          if (D == null)
             return null;
-          I.data && r(I.data, "expectedType") && re.push(I.data.expectedType);
+          D.data && r(D.data, "expectedType") && re.push(D.data.expectedType);
         }
         var ve = re.length > 0 ? ", expected one of type [" + re.join(", ") + "]" : "";
         return new _("Invalid " + V + " `" + ee + "` supplied to " + ("`" + G + "`" + ve + "."));
       }
       return y(B);
     }
-    function O() {
+    function F() {
       function E(P, q, B, U, te) {
-        return $(P[q]) ? null : new _("Invalid " + U + " `" + te + "` supplied to " + ("`" + B + "`, expected a ReactNode."));
+        return N(P[q]) ? null : new _("Invalid " + U + " `" + te + "` supplied to " + ("`" + B + "`, expected a ReactNode."));
       }
       return y(E);
     }
-    function C(E, P, q, B, U) {
+    function $(E, P, q, B, U) {
       return new _(
         (E || "React class") + ": " + P + " type `" + q + "." + B + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + U + "`."
       );
@@ -5341,10 +5370,10 @@ function so() {
         if (ee !== "object")
           return new _("Invalid " + te + " `" + G + "` of type `" + ee + "` " + ("supplied to `" + U + "`, expected `object`."));
         for (var re in E) {
-          var D = E[re];
-          if (typeof D != "function")
-            return C(U, te, G, re, Z(D));
-          var oe = D(V, re, U, te, G + "." + re, n);
+          var O = E[re];
+          if (typeof O != "function")
+            return $(U, te, G, re, Z(O));
+          var oe = O(V, re, U, te, G + "." + re, n);
           if (oe)
             return oe;
         }
@@ -5358,24 +5387,24 @@ function so() {
         if (ee !== "object")
           return new _("Invalid " + te + " `" + G + "` of type `" + ee + "` " + ("supplied to `" + U + "`, expected `object`."));
         var re = e({}, q[B], E);
-        for (var D in re) {
-          var oe = E[D];
-          if (r(E, D) && typeof oe != "function")
-            return C(U, te, G, D, Z(oe));
+        for (var O in re) {
+          var oe = E[O];
+          if (r(E, O) && typeof oe != "function")
+            return $(U, te, G, O, Z(oe));
           if (!oe)
             return new _(
-              "Invalid " + te + " `" + G + "` key `" + D + "` supplied to `" + U + "`.\nBad object: " + JSON.stringify(q[B], null, "  ") + `
+              "Invalid " + te + " `" + G + "` key `" + O + "` supplied to `" + U + "`.\nBad object: " + JSON.stringify(q[B], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(E), null, "  ")
             );
-          var I = oe(V, D, U, te, G + "." + D, n);
-          if (I)
-            return I;
+          var D = oe(V, O, U, te, G + "." + O, n);
+          if (D)
+            return D;
         }
         return null;
       }
       return y(P);
     }
-    function $(E) {
+    function N(E) {
       switch (typeof E) {
         case "number":
         case "string":
@@ -5385,7 +5414,7 @@ Valid keys: ` + JSON.stringify(Object.keys(E), null, "  ")
           return !E;
         case "object":
           if (Array.isArray(E))
-            return E.every($);
+            return E.every(N);
           if (E === null || c(E))
             return !0;
           var P = d(E);
@@ -5393,12 +5422,12 @@ Valid keys: ` + JSON.stringify(Object.keys(E), null, "  ")
             var q = P.call(E), B;
             if (P !== E.entries) {
               for (; !(B = q.next()).done; )
-                if (!$(B.value))
+                if (!N(B.value))
                   return !1;
             } else
               for (; !(B = q.next()).done; ) {
                 var U = B.value;
-                if (U && !$(U[1]))
+                if (U && !N(U[1]))
                   return !1;
               }
           } else
@@ -5551,21 +5580,21 @@ var Ma = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
       }
   }
   return s;
-}, Da = function(e) {
+}, Aa = function(e) {
   return !isNaN(parseInt(e.getAttribute("tabindex"), 10));
 }, Le = function(e) {
   if (!e)
     throw new Error("No node provided");
-  return e.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName) || uo(e)) && !Da(e) ? 0 : e.tabIndex;
+  return e.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName) || uo(e)) && !Aa(e) ? 0 : e.tabIndex;
 }, fo = function(e, n) {
   var r = Le(e);
-  return r < 0 && n && !Da(e) ? 0 : r;
+  return r < 0 && n && !Aa(e) ? 0 : r;
 }, mo = function(e, n) {
   return e.tabIndex === n.tabIndex ? e.documentOrder - n.documentOrder : e.tabIndex - n.tabIndex;
-}, Aa = function(e) {
+}, Da = function(e) {
   return e.tagName === "INPUT";
 }, po = function(e) {
-  return Aa(e) && e.type === "hidden";
+  return Da(e) && e.type === "hidden";
 }, ho = function(e) {
   var n = e.tagName === "DETAILS" && Array.prototype.slice.apply(e.children).some(function(r) {
     return r.tagName === "SUMMARY";
@@ -5592,7 +5621,7 @@ var Ma = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   var i = go(s, e.form);
   return !i || i === e;
 }, bo = function(e) {
-  return Aa(e) && e.type === "radio";
+  return Da(e) && e.type === "radio";
 }, yo = function(e) {
   return bo(e) && !vo(e);
 }, _o = function(e) {
@@ -5688,11 +5717,11 @@ var Ma = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
     flatten: !0,
     getShadowRoot: n.getShadowRoot
   }) : r = Fa(e, n.includeContainer, Vt.bind(null, n)), r;
-}, Ue = function(e, n) {
+}, We = function(e, n) {
   if (n = n || {}, !e)
     throw new Error("No node provided");
   return Ze.call(e, zt) === !1 ? !1 : Hn(n, e);
-}, To = /* @__PURE__ */ Ma.concat("iframe").join(","), Lt = function(e, n) {
+}, To = /* @__PURE__ */ Ma.concat("iframe").join(","), Bt = function(e, n) {
   if (n = n || {}, !e)
     throw new Error("No node provided");
   return Ze.call(e, To) === !1 ? !1 : Vt(n, e);
@@ -5701,8 +5730,8 @@ const Eo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   focusable: La,
   getTabIndex: Le,
-  isFocusable: Lt,
-  isTabbable: Ue,
+  isFocusable: Bt,
+  isTabbable: We,
   tabbable: Ia
 }, Symbol.toStringTag, { value: "Module" }));
 /*!
@@ -5771,12 +5800,12 @@ var Zr = {
   return e.tagName && e.tagName.toLowerCase() === "input" && typeof e.select == "function";
 }, Po = function(e) {
   return (e == null ? void 0 : e.key) === "Escape" || (e == null ? void 0 : e.key) === "Esc" || (e == null ? void 0 : e.keyCode) === 27;
-}, gt = function(e) {
+}, vt = function(e) {
   return (e == null ? void 0 : e.key) === "Tab" || (e == null ? void 0 : e.keyCode) === 9;
 }, Mo = function(e) {
-  return gt(e) && !e.shiftKey;
+  return vt(e) && !e.shiftKey;
 }, Ro = function(e) {
-  return gt(e) && e.shiftKey;
+  return vt(e) && e.shiftKey;
 }, Hr = function(e) {
   return setTimeout(e, 0);
 }, Vr = function(e, n) {
@@ -5788,7 +5817,7 @@ var Zr = {
   for (var n = arguments.length, r = new Array(n > 1 ? n - 1 : 0), s = 1; s < n; s++)
     r[s - 1] = arguments[s];
   return typeof e == "function" ? e.apply(void 0, r) : e;
-}, Nt = function(e) {
+}, Pt = function(e) {
   return e.target.shadowRoot && typeof e.composedPath == "function" ? e.composedPath()[0] : e.target;
 }, Fo = [], Oo = function(e, n) {
   var r = (n == null ? void 0 : n.document) || document, s = (n == null ? void 0 : n.trapStack) || Fo, i = zr({
@@ -5833,24 +5862,24 @@ var Zr = {
     delayInitialFocusTimer: void 0,
     // the most recent KeyboardEvent for the configured nav key (typically [SHIFT+]TAB), if any
     recentNavEvent: void 0
-  }, c, f = function(T, x, $) {
-    return T && T[x] !== void 0 ? T[x] : i[$ || x];
+  }, c, f = function(T, x, N) {
+    return T && T[x] !== void 0 ? T[x] : i[N || x];
   }, l = function(T, x) {
-    var $ = typeof (x == null ? void 0 : x.composedPath) == "function" ? x.composedPath() : void 0;
+    var N = typeof (x == null ? void 0 : x.composedPath) == "function" ? x.composedPath() : void 0;
     return o.containerGroups.findIndex(function(A) {
       var W = A.container, Z = A.tabbableNodes;
       return W.contains(T) || // fall back to explicit tabbable search which will take into consideration any
       //  web components if the `tabbableOptions.getShadowRoot` option was used for
       //  the trap, enabling shadow DOM support in tabbable (`Node.contains()` doesn't
       //  look inside web components even if open)
-      ($ == null ? void 0 : $.includes(W)) || Z.find(function(z) {
+      (N == null ? void 0 : N.includes(W)) || Z.find(function(z) {
         return z === T;
       });
     });
   }, u = function(T) {
     var x = i[T];
     if (typeof x == "function") {
-      for (var $ = arguments.length, A = new Array($ > 1 ? $ - 1 : 0), W = 1; W < $; W++)
+      for (var N = arguments.length, A = new Array(N > 1 ? N - 1 : 0), W = 1; W < N; W++)
         A[W - 1] = arguments[W];
       x = x.apply(void 0, A);
     }
@@ -5867,29 +5896,29 @@ var Zr = {
     var T = u("initialFocus");
     if (T === !1)
       return !1;
-    if (T === void 0 || !Lt(T, i.tabbableOptions))
+    if (T === void 0 || !Bt(T, i.tabbableOptions))
       if (l(r.activeElement) >= 0)
         T = r.activeElement;
       else {
-        var x = o.tabbableGroups[0], $ = x && x.firstTabbableNode;
-        T = $ || u("fallbackFocus");
+        var x = o.tabbableGroups[0], N = x && x.firstTabbableNode;
+        T = N || u("fallbackFocus");
       }
     if (!T)
       throw new Error("Your focus-trap needs to have at least one focusable element");
     return T;
   }, m = function() {
     if (o.containerGroups = o.containers.map(function(T) {
-      var x = Ia(T, i.tabbableOptions), $ = La(T, i.tabbableOptions), A = x.length > 0 ? x[0] : void 0, W = x.length > 0 ? x[x.length - 1] : void 0, Z = $.find(function(E) {
-        return Ue(E);
-      }), z = $.slice().reverse().find(function(E) {
-        return Ue(E);
+      var x = Ia(T, i.tabbableOptions), N = La(T, i.tabbableOptions), A = x.length > 0 ? x[0] : void 0, W = x.length > 0 ? x[x.length - 1] : void 0, Z = N.find(function(E) {
+        return We(E);
+      }), z = N.slice().reverse().find(function(E) {
+        return We(E);
       }), K = !!x.find(function(E) {
         return Le(E) > 0;
       });
       return {
         container: T,
         tabbableNodes: x,
-        focusableNodes: $,
+        focusableNodes: N,
         /** True if at least one node with positive `tabindex` was found in this container. */
         posTabIndexesFound: K,
         /** First tabbable node in container, __tabindex__ order; `undefined` if none. */
@@ -5917,10 +5946,10 @@ var Zr = {
          */
         nextTabbableNode: function(P) {
           var q = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, B = x.indexOf(P);
-          return B < 0 ? q ? $.slice($.indexOf(P) + 1).find(function(U) {
-            return Ue(U);
-          }) : $.slice(0, $.indexOf(P)).reverse().find(function(U) {
-            return Ue(U);
+          return B < 0 ? q ? N.slice(N.indexOf(P) + 1).find(function(U) {
+            return We(U);
+          }) : N.slice(0, N.indexOf(P)).reverse().find(function(U) {
+            return We(U);
           }) : x[B + (q ? 1 : -1)];
         }
       };
@@ -5932,14 +5961,14 @@ var Zr = {
       return T.posTabIndexesFound;
     }) && o.containerGroups.length > 1)
       throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.");
-  }, p = function C(T) {
+  }, p = function $(T) {
     var x = T.activeElement;
     if (x)
-      return x.shadowRoot && x.shadowRoot.activeElement !== null ? C(x.shadowRoot) : x;
-  }, g = function C(T) {
+      return x.shadowRoot && x.shadowRoot.activeElement !== null ? $(x.shadowRoot) : x;
+  }, g = function $(T) {
     if (T !== !1 && T !== p(document)) {
       if (!T || !T.focus) {
-        C(d());
+        $(d());
         return;
       }
       T.focus({
@@ -5950,11 +5979,11 @@ var Zr = {
     var x = u("setReturnFocus", T);
     return x || (x === !1 ? !1 : T);
   }, y = function(T) {
-    var x = T.target, $ = T.event, A = T.isBackward, W = A === void 0 ? !1 : A;
-    x = x || Nt($), m();
+    var x = T.target, N = T.event, A = T.isBackward, W = A === void 0 ? !1 : A;
+    x = x || Pt(N), m();
     var Z = null;
     if (o.tabbableGroups.length > 0) {
-      var z = l(x, $), K = z >= 0 ? o.containerGroups[z] : void 0;
+      var z = l(x, N), K = z >= 0 ? o.containerGroups[z] : void 0;
       if (z < 0)
         W ? Z = o.tabbableGroups[o.tabbableGroups.length - 1].lastTabbableNode : Z = o.tabbableGroups[0].firstTabbableNode;
       else if (W) {
@@ -5962,27 +5991,27 @@ var Zr = {
           var V = G.firstTabbableNode;
           return x === V;
         });
-        if (E < 0 && (K.container === x || Lt(x, i.tabbableOptions) && !Ue(x, i.tabbableOptions) && !K.nextTabbableNode(x, !1)) && (E = z), E >= 0) {
+        if (E < 0 && (K.container === x || Bt(x, i.tabbableOptions) && !We(x, i.tabbableOptions) && !K.nextTabbableNode(x, !1)) && (E = z), E >= 0) {
           var P = E === 0 ? o.tabbableGroups.length - 1 : E - 1, q = o.tabbableGroups[P];
           Z = Le(x) >= 0 ? q.lastTabbableNode : q.lastDomTabbableNode;
         } else
-          gt($) || (Z = K.nextTabbableNode(x, !1));
+          vt(N) || (Z = K.nextTabbableNode(x, !1));
       } else {
         var B = Vr(o.tabbableGroups, function(G) {
           var V = G.lastTabbableNode;
           return x === V;
         });
-        if (B < 0 && (K.container === x || Lt(x, i.tabbableOptions) && !Ue(x, i.tabbableOptions) && !K.nextTabbableNode(x)) && (B = z), B >= 0) {
+        if (B < 0 && (K.container === x || Bt(x, i.tabbableOptions) && !We(x, i.tabbableOptions) && !K.nextTabbableNode(x)) && (B = z), B >= 0) {
           var U = B === o.tabbableGroups.length - 1 ? 0 : B + 1, te = o.tabbableGroups[U];
           Z = Le(x) >= 0 ? te.firstTabbableNode : te.firstDomTabbableNode;
         } else
-          gt($) || (Z = K.nextTabbableNode(x));
+          vt(N) || (Z = K.nextTabbableNode(x));
       }
     } else
       Z = u("fallbackFocus");
     return Z;
   }, v = function(T) {
-    var x = Nt(T);
+    var x = Pt(T);
     if (!(l(x, T) >= 0)) {
       if (lt(i.clickOutsideDeactivates, T)) {
         c.deactivate({
@@ -5999,9 +6028,9 @@ var Zr = {
       lt(i.allowOutsideClick, T) || T.preventDefault();
     }
   }, b = function(T) {
-    var x = Nt(T), $ = l(x, T) >= 0;
-    if ($ || x instanceof Document)
-      $ && (o.mostRecentlyFocusedNode = x);
+    var x = Pt(T), N = l(x, T) >= 0;
+    if (N || x instanceof Document)
+      N && (o.mostRecentlyFocusedNode = x);
     else {
       T.stopImmediatePropagation();
       var A, W = !0;
@@ -6033,11 +6062,11 @@ var Zr = {
   }, k = function(T) {
     var x = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
     o.recentNavEvent = T;
-    var $ = y({
+    var N = y({
       event: T,
       isBackward: x
     });
-    $ && (gt(T) && T.preventDefault(), g($));
+    N && (vt(T) && T.preventDefault(), g(N));
   }, j = function(T) {
     if (Po(T) && lt(i.escapeDeactivates, T) !== !1) {
       T.preventDefault(), c.deactivate();
@@ -6045,9 +6074,9 @@ var Zr = {
     }
     (i.isKeyForward(T) || i.isKeyBackward(T)) && k(T, i.isKeyBackward(T));
   }, w = function(T) {
-    var x = Nt(T);
+    var x = Pt(T);
     l(x, T) >= 0 || lt(i.clickOutsideDeactivates, T) || lt(i.allowOutsideClick, T) || (T.preventDefault(), T.stopImmediatePropagation());
-  }, F = function() {
+  }, I = function() {
     if (o.active)
       return Zr.activateTrap(s, c), o.delayInitialFocusTimer = i.delayInitialFocus ? Hr(function() {
         g(d());
@@ -6068,16 +6097,16 @@ var Zr = {
     if (o.active)
       return r.removeEventListener("focusin", b, !0), r.removeEventListener("mousedown", v, !0), r.removeEventListener("touchstart", v, !0), r.removeEventListener("click", w, !0), r.removeEventListener("keydown", j, !0), c;
   }, Q = function(T) {
-    var x = T.some(function($) {
-      var A = Array.from($.removedNodes);
+    var x = T.some(function(N) {
+      var A = Array.from(N.removedNodes);
       return A.some(function(W) {
         return W === o.mostRecentlyFocusedNode;
       });
     });
     x && g(d());
-  }, N = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(Q) : void 0, O = function() {
-    N && (N.disconnect(), o.active && !o.paused && o.containers.map(function(T) {
-      N.observe(T, {
+  }, C = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(Q) : void 0, F = function() {
+    C && (C.disconnect(), o.active && !o.paused && o.containers.map(function(T) {
+      C.observe(T, {
         subtree: !0,
         childList: !0
       });
@@ -6093,10 +6122,10 @@ var Zr = {
     activate: function(T) {
       if (o.active)
         return this;
-      var x = f(T, "onActivate"), $ = f(T, "onPostActivate"), A = f(T, "checkCanFocusTrap");
+      var x = f(T, "onActivate"), N = f(T, "onPostActivate"), A = f(T, "checkCanFocusTrap");
       A || m(), o.active = !0, o.paused = !1, o.nodeFocusedBeforeActivation = r.activeElement, x == null || x();
       var W = function() {
-        A && m(), F(), O(), $ == null || $();
+        A && m(), I(), F(), N == null || N();
       };
       return A ? (A(o.containers.concat()).then(W, W), this) : (W(), this);
     },
@@ -6108,9 +6137,9 @@ var Zr = {
         onPostDeactivate: i.onPostDeactivate,
         checkCanReturnFocus: i.checkCanReturnFocus
       }, T);
-      clearTimeout(o.delayInitialFocusTimer), o.delayInitialFocusTimer = void 0, R(), o.active = !1, o.paused = !1, O(), Zr.deactivateTrap(s, c);
-      var $ = f(x, "onDeactivate"), A = f(x, "onPostDeactivate"), W = f(x, "checkCanReturnFocus"), Z = f(x, "returnFocus", "returnFocusOnDeactivate");
-      $ == null || $();
+      clearTimeout(o.delayInitialFocusTimer), o.delayInitialFocusTimer = void 0, R(), o.active = !1, o.paused = !1, F(), Zr.deactivateTrap(s, c);
+      var N = f(x, "onDeactivate"), A = f(x, "onPostDeactivate"), W = f(x, "checkCanReturnFocus"), Z = f(x, "returnFocus", "returnFocusOnDeactivate");
+      N == null || N();
       var z = function() {
         Hr(function() {
           Z && g(_(o.nodeFocusedBeforeActivation)), A == null || A();
@@ -6121,27 +6150,27 @@ var Zr = {
     pause: function(T) {
       if (o.paused || !o.active)
         return this;
-      var x = f(T, "onPause"), $ = f(T, "onPostPause");
-      return o.paused = !0, x == null || x(), R(), O(), $ == null || $(), this;
+      var x = f(T, "onPause"), N = f(T, "onPostPause");
+      return o.paused = !0, x == null || x(), R(), F(), N == null || N(), this;
     },
     unpause: function(T) {
       if (!o.paused || !o.active)
         return this;
-      var x = f(T, "onUnpause"), $ = f(T, "onPostUnpause");
-      return o.paused = !1, x == null || x(), m(), F(), O(), $ == null || $(), this;
+      var x = f(T, "onUnpause"), N = f(T, "onPostUnpause");
+      return o.paused = !1, x == null || x(), m(), I(), F(), N == null || N(), this;
     },
     updateContainerElements: function(T) {
       var x = [].concat(T).filter(Boolean);
-      return o.containers = x.map(function($) {
-        return typeof $ == "string" ? r.querySelector($) : $;
-      }), o.active && m(), O(), this;
+      return o.containers = x.map(function(N) {
+        return typeof N == "string" ? r.querySelector(N) : N;
+      }), o.active && m(), F(), this;
     }
   }, c.updateContainerElements(e), c;
 };
-const Do = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ao = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   createFocusTrap: Oo
-}, Symbol.toStringTag, { value: "Module" })), Ao = /* @__PURE__ */ ua(Do), Io = /* @__PURE__ */ ua(Eo);
+}, Symbol.toStringTag, { value: "Module" })), Do = /* @__PURE__ */ ua(Ao), Io = /* @__PURE__ */ ua(Eo);
 function tt(t) {
   "@babel/helpers - typeof";
   return tt = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
@@ -6233,7 +6262,7 @@ function Ho(t, e) {
   }
   return (e === "string" ? String : Number)(t);
 }
-var Pt = Y, J = lo, Vo = Ao, Yo = Vo.createFocusTrap, Ko = Io, Go = Ko.isFocusable, rr = /* @__PURE__ */ function(t) {
+var Mt = Y, J = lo, Vo = Do, Yo = Vo.createFocusTrap, Ko = Io, Go = Ko.isFocusable, rr = /* @__PURE__ */ function(t) {
   qo(n, t);
   var e = Uo(n);
   function n(r) {
@@ -6405,14 +6434,14 @@ var Pt = Y, J = lo, Vo = Ao, Yo = Vo.createFocusTrap, Ko = Io, Go = Ko.isFocusab
   }, {
     key: "render",
     value: function() {
-      var s = this, i = this.props.children ? Pt.Children.only(this.props.children) : void 0;
+      var s = this, i = this.props.children ? Mt.Children.only(this.props.children) : void 0;
       if (i) {
-        if (i.type && i.type === Pt.Fragment)
+        if (i.type && i.type === Mt.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(l) {
           var u = s.props.containerElements;
           i && (typeof i.ref == "function" ? i.ref(l) : i.ref && (i.ref.current = l)), s.focusTrapElements = u || [l];
-        }, c = Pt.cloneElement(i, {
+        }, c = Mt.cloneElement(i, {
           ref: o
         });
         return c;
@@ -6420,7 +6449,7 @@ var Pt = Y, J = lo, Vo = Ao, Yo = Vo.createFocusTrap, Ko = Io, Go = Ko.isFocusab
       return null;
     }
   }]), n;
-}(Pt.Component), ut = typeof Element > "u" ? Function : Element;
+}(Mt.Component), ut = typeof Element > "u" ? Function : Element;
 rr.propTypes = {
   active: J.bool,
   paused: J.bool,
@@ -6536,11 +6565,11 @@ const an = ({
             }
           )
         ] }),
-        n && /* @__PURE__ */ a.jsx(De, {}),
+        n && /* @__PURE__ */ a.jsx(Ae, {}),
         f,
         l && /* @__PURE__ */ a.jsxs("div", { className: "bottom", children: [
-          /* @__PURE__ */ a.jsx(De, {}),
-          /* @__PURE__ */ a.jsx(wt, { buttons: l })
+          /* @__PURE__ */ a.jsx(Ae, {}),
+          /* @__PURE__ */ a.jsx(jt, { buttons: l })
         ] }),
         o && /* @__PURE__ */ a.jsx(Wt, { className: "error", children: o })
       ] }) })
@@ -6613,7 +6642,7 @@ const Xl = ({ members: t }) => {
         isOpen: e !== !1,
         children: e === !1 ? "" : /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
           r(e),
-          /* @__PURE__ */ a.jsx(qt, { children: e.text })
+          /* @__PURE__ */ a.jsx(Ut, { children: e.text })
         ] }),
         buttons: [
           {
@@ -6662,7 +6691,7 @@ const Xl = ({ members: t }) => {
     return /* @__PURE__ */ a.jsx("p", { className: "details", children: o ? n.formatMessage({ id: "card_bootcamp" }) : ga(u) });
   if (c)
     return /* @__PURE__ */ a.jsx(
-      Ut,
+      ht,
       {
         variant: c === "free" ? "subtle" : "highlighted",
         className: c,
@@ -6687,6 +6716,11 @@ const Xl = ({ members: t }) => {
   }
   return null;
 }, Kt = {
+  communityPage: {
+    basePath: "/communities/",
+    className: "communityPage",
+    gtmEvent: "community"
+  },
   customCard: {
     className: "custom",
     gtmEvent: "custom",
@@ -6823,13 +6857,14 @@ const nc = {
   gtmContext: s = "Carousel",
   className: i = ""
 }) => {
+  var I, R, Q;
   const o = H(), c = Ee(Ie), f = c && typeof c.id == "string", [l, u] = X({
     data: null,
     isLoading: !0
   }), { data: d, isLoading: m } = l, p = sa(() => {
-    n(e, f).then((F) => {
-      u(() => ({ data: F, isLoading: !1 }));
-    }).catch(() => u((F) => ({ ...F, isLoading: !1 })));
+    n(e, f).then((C) => {
+      u(() => ({ data: C, isLoading: !1 }));
+    }).catch(() => u((C) => ({ ...C, isLoading: !1 })));
   }, [t]);
   if (ae(() => {
     p();
@@ -6884,7 +6919,7 @@ const nc = {
             }
           ),
           d.startDate && !d.isOngoingEvent && /* @__PURE__ */ a.jsx(
-            Ut,
+            ht,
             {
               size: "small",
               variant: d.dateHasPassed ? "default" : "information",
@@ -6893,8 +6928,8 @@ const nc = {
             }
           ),
           d.banner ? /* @__PURE__ */ a.jsxs("p", { className: "img", children: [
-            d.registered && /* @__PURE__ */ a.jsx(Ut, { size: "small", variant: "registered", children: o.formatMessage({ id: "card_registered" }) }),
-            /* @__PURE__ */ a.jsx(jt, { image: d.banner })
+            d.registered && /* @__PURE__ */ a.jsx(ht, { size: "small", variant: "registered", children: o.formatMessage({ id: "card_registered" }) }),
+            /* @__PURE__ */ a.jsx(kt, { image: d.banner })
           ] }) : y === "people" ? /* @__PURE__ */ a.jsx(
             Ye,
             {
@@ -6921,13 +6956,31 @@ const nc = {
             { partner: d.partner[0], number: d.partner.length - 1 }
           ) : et(d.partner[0], j.partner) }),
           /* Text */
-          ["title", "text", "secondaryText"].map((F) => {
-            const R = d[F];
-            if (!R)
+          ["title", "text", "secondaryText"].map((C) => {
+            const F = d[C];
+            if (!F)
               return null;
-            const Q = Ws(F);
-            return /* @__PURE__ */ a.jsx("p", { className: Q, "data-testid": Q, children: et(R, j[F]) }, F);
+            const $ = Ws(C);
+            return /* @__PURE__ */ a.jsx("p", { className: $, "data-testid": $, children: et(F, j[C]) }, C);
           }),
+          (d == null ? void 0 : d.members) && /* @__PURE__ */ a.jsxs("span", { className: "member-information", children: [
+            ((I = d == null ? void 0 : d.members) == null ? void 0 : I.isMember) && /* @__PURE__ */ a.jsx(
+              ht,
+              {
+                size: "small",
+                variant: "registered",
+                icon: ((R = d == null ? void 0 : d.members) == null ? void 0 : R.memberType) === "owner" ? "user" : "tick",
+                children: o.formatMessage({
+                  id: `card_member_type_${(Q = d == null ? void 0 : d.members) == null ? void 0 : Q.memberType}`
+                })
+              }
+            ),
+            /* @__PURE__ */ a.jsx("br", {}),
+            /* @__PURE__ */ a.jsx("span", { className: "label member-count", children: o.formatMessage(
+              { id: "card_member_count" },
+              { count: d == null ? void 0 : d.members.count }
+            ) })
+          ] }),
           /* @__PURE__ */ a.jsx(ec, { type: y || "", data: d }),
           /* @__PURE__ */ a.jsx(tc, { data: d, cta: r, link: k || "", gtmContext: s })
         ] })
@@ -6978,7 +7031,7 @@ const En = {
   threeCards: 769,
   twoCards: 480
 };
-let Mt = null;
+let Rt = null;
 const ic = ({
   id: t,
   cards: e,
@@ -6994,41 +7047,41 @@ const ic = ({
   }), { cardsPerPage: u, isLoading: d } = f, [m, p] = X({
     currentPage: 0,
     loadedPages: [0]
-  }), { currentPage: g, loadedPages: _ } = m, y = e.length, v = Math.ceil(y / u), b = pe(null), k = xt(!0, !0, b == null ? void 0 : b.current);
+  }), { currentPage: g, loadedPages: _ } = m, y = e.length, v = Math.ceil(y / u), b = pe(null), k = wt(!0, !0, b == null ? void 0 : b.current);
   ae(() => {
-    let N = 1;
-    k && (k >= En.fourCards ? N = 4 : k >= En.threeCards ? N = 3 : k >= En.twoCards && (N = 2), N > y && (N = y)), l((O) => ({
-      ...O,
-      cardsPerPage: N,
+    let C = 1;
+    k && (k >= En.fourCards ? C = 4 : k >= En.threeCards ? C = 3 : k >= En.twoCards && (C = 2), C > y && (C = y)), l((F) => ({
+      ...F,
+      cardsPerPage: C,
       isLoading: !1
     }));
   }, [k, y]);
-  const j = (N = "next") => {
-    let O = g;
-    if (typeof N == "string")
-      if (N === "next")
+  const j = (C = "next") => {
+    let F = g;
+    if (typeof C == "string")
+      if (C === "next")
         if (g < v - 1)
-          O = g + 1;
+          F = g + 1;
         else
           return;
       else if (g > 0)
-        O = g - 1;
+        F = g - 1;
       else
         return;
     else
-      O = N;
-    p((C) => ({
-      ...C,
-      currentPage: O,
-      loadedPages: [.../* @__PURE__ */ new Set([..._, O])]
+      F = C;
+    p(($) => ({
+      ...$,
+      currentPage: F,
+      loadedPages: [.../* @__PURE__ */ new Set([..._, F])]
     }));
-  }, w = (N) => {
-    Mt = N.touches[0].clientX;
-  }, F = (N) => {
-    if (Mt === null)
+  }, w = (C) => {
+    Rt = C.touches[0].clientX;
+  }, I = (C) => {
+    if (Rt === null)
       return;
-    const O = N.touches[0].clientX, C = Mt - O;
-    C > 5 ? j("next") : C < -5 && j("previous"), Mt = null;
+    const F = C.touches[0].clientX, $ = Rt - F;
+    $ > 5 ? j("next") : $ < -5 && j("previous"), Rt = null;
   }, R = {
     "--width": `${k || 0}px`,
     "--total-cards": y,
@@ -7037,10 +7090,10 @@ const ic = ({
   };
   if (d)
     return /* @__PURE__ */ a.jsx(wa, { layout: `carousel${s ? "-with-title" : ""}` });
-  const Q = (N, O) => {
+  const Q = (C, F) => {
     var T;
-    let C = null;
-    return (T = N == null ? void 0 : N.sys) != null && T.id ? C = `card-${N.sys.id}` : N != null && N.slug ? C = `card-${N.slug}` : [n[O], N.contentType].includes("customCard") && (C = `card-${window.btoa(`${N.title} ${N.createdAt}`)}-${O}`), C;
+    let $ = null;
+    return (T = C == null ? void 0 : C.sys) != null && T.id ? $ = `card-${C.sys.id}` : C != null && C.slug ? $ = `card-${C.slug}` : [n[F], C.contentType].includes("customCard") && ($ = `card-${window.btoa(`${C.title} ${C.createdAt}`)}-${F}`), $;
   };
   return /* @__PURE__ */ a.jsxs(
     "section",
@@ -7055,28 +7108,28 @@ const ic = ({
           {
             className: "carousel",
             onTouchStart: w,
-            onTouchMove: F,
+            onTouchMove: I,
             style: R,
             "data-testid": "carousel-list",
-            children: e.map((N, O) => {
-              let C = Q(N, O);
-              return C && ac(O, u, g, _) ? /* @__PURE__ */ a.jsx(
+            children: e.map((C, F) => {
+              let $ = Q(C, F);
+              return $ && ac(F, u, g, _) ? /* @__PURE__ */ a.jsx(
                 Ua,
                 {
-                  id: C,
-                  card: { ...N, contentType: n[O] },
+                  id: $,
+                  card: { ...C, contentType: n[F] },
                   buildCardData: r,
                   gtmContext: o
                 },
-                C
-              ) : (C = C || `${t}-card-${O}`, /* @__PURE__ */ a.jsx(
+                $
+              ) : ($ = $ || `${t}-card-${F}`, /* @__PURE__ */ a.jsx(
                 Se,
                 {
                   element: "li",
                   className: "card-wrapper",
                   "data-testid": "card-placeholder"
                 },
-                C
+                $
               ));
             })
           }
@@ -7088,8 +7141,8 @@ const ic = ({
               variant: "secondary",
               size: "large",
               icon: { icon: "chevron_left" },
-              onClick: (N) => {
-                N.preventDefault(), N.stopPropagation(), j("previous");
+              onClick: (C) => {
+                C.preventDefault(), C.stopPropagation(), j("previous");
               },
               screenreaderText: c.formatMessage({
                 id: "carousel_pagination_previous"
@@ -7097,29 +7150,29 @@ const ic = ({
               disabled: g <= 0
             }
           ) }),
-          [...Array(v)].map((N, O) => /* @__PURE__ */ a.jsx("li", { "data-testid": "carousel-controls-button", children: /* @__PURE__ */ a.jsx(
+          [...Array(v)].map((C, F) => /* @__PURE__ */ a.jsx("li", { "data-testid": "carousel-controls-button", children: /* @__PURE__ */ a.jsx(
             "button",
             {
               className: S("page-indicator", {
-                selected: O === g
+                selected: F === g
               }),
-              onClick: (C) => {
-                C.preventDefault(), C.stopPropagation(), j(O);
+              onClick: ($) => {
+                $.preventDefault(), $.stopPropagation(), j(F);
               },
               children: /* @__PURE__ */ a.jsx(be, { showOnFocus: !1, children: c.formatMessage(
                 { id: "carousel_pagination_page" },
-                { number: O + 1, total: v }
+                { number: F + 1, total: v }
               ) })
             }
-          ) }, `page-indicator-${O}`)),
+          ) }, `page-indicator-${F}`)),
           /* @__PURE__ */ a.jsx("li", { className: "arrow next", children: /* @__PURE__ */ a.jsx(
             se,
             {
               variant: "secondary",
               size: "large",
               icon: { icon: "chevron_right" },
-              onClick: (N) => {
-                N.preventDefault(), N.stopPropagation(), j("next");
+              onClick: (C) => {
+                C.preventDefault(), C.stopPropagation(), j("next");
               },
               screenreaderText: c.formatMessage({ id: "carousel_pagination_next" }),
               disabled: g >= v - 1
@@ -7138,7 +7191,7 @@ const ic = ({
 }) => !t || !t.length ? null : t.map(
   ({ title: i, viewAllUrl: o, cards: c, cardsTypes: f }, l) => {
     const u = i ? window.btoa(i) : `carousel-${l}`, d = l === t.length - 1;
-    return e ? /* @__PURE__ */ a.jsxs(bt, { children: [
+    return e ? /* @__PURE__ */ a.jsxs(yt, { children: [
       /* @__PURE__ */ a.jsx(
         wa,
         {
@@ -7146,8 +7199,8 @@ const ic = ({
           "data-testid": "carousel-placeholder"
         }
       ),
-      d ? null : /* @__PURE__ */ a.jsx(De, {})
-    ] }, `placeholder-${u}`) : /* @__PURE__ */ a.jsxs(bt, { children: [
+      d ? null : /* @__PURE__ */ a.jsx(Ae, {})
+    ] }, `placeholder-${u}`) : /* @__PURE__ */ a.jsxs(yt, { children: [
       /* @__PURE__ */ a.jsx(
         ic,
         {
@@ -7157,7 +7210,7 @@ const ic = ({
           ...s
         }
       ),
-      d ? null : /* @__PURE__ */ a.jsx(De, {})
+      d ? null : /* @__PURE__ */ a.jsx(Ae, {})
     ] }, `carousel-${u}`);
   }
 );
@@ -7203,7 +7256,7 @@ const Cn = "communityDetails_", tu = ({
 }) => {
   const c = H(), f = 5, l = r || s.length, u = s.length ? s : Array(f).fill({}), d = `/communities/${n}/members` === window.location.pathname;
   return /* @__PURE__ */ a.jsxs("div", { className: S("community-details", t), children: [
-    /* @__PURE__ */ a.jsx(De, {}),
+    /* @__PURE__ */ a.jsx(Ae, {}),
     /* @__PURE__ */ a.jsxs("div", { className: "member-details", children: [
       /* @__PURE__ */ a.jsxs("div", { className: "top", children: [
         /* @__PURE__ */ a.jsxs("h4", { children: [
@@ -7313,7 +7366,7 @@ const ru = ({
     urlForRouter: `/${s.split("/").slice(2).join("/")}`
   } : s;
 };
-const Rt = "languageSwitcher_", au = ({
+const Ft = "languageSwitcher_", au = ({
   currentLanguage: t,
   isOriginalLanguage: e = !1,
   isHumanTranslation: n = !1,
@@ -7335,7 +7388,7 @@ const Rt = "languageSwitcher_", au = ({
   const g = Object.keys(r), _ = d !== t;
   return /* @__PURE__ */ a.jsxs("div", { className: S("language-switcher text-small", o, f), children: [
     /* @__PURE__ */ a.jsxs("nav", { children: [
-      o !== "short" && /* @__PURE__ */ a.jsx("p", { children: c || l.formatMessage({ id: `${Rt}label` }) }),
+      o !== "short" && /* @__PURE__ */ a.jsx("p", { children: c || l.formatMessage({ id: `${Ft}label` }) }),
       /* @__PURE__ */ a.jsx("ul", { children: g.map((y) => {
         var k;
         if (!gn[y])
@@ -7344,7 +7397,7 @@ const Rt = "languageSwitcher_", au = ({
         let b = { className: y };
         if (d === y)
           b["aria-label"] = l.formatMessage(
-            { id: `${Rt}selected` },
+            { id: `${Ft}selected` },
             { language: gn[y] }
           );
         else {
@@ -7363,7 +7416,7 @@ const Rt = "languageSwitcher_", au = ({
         return /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(at, { ...b, fallbackElement: "span", children: gn[y] }) }, y);
       }) }),
       o !== "short" && !_ && /* @__PURE__ */ a.jsx("p", { children: l.formatMessage({
-        id: `${Rt}translation_${e ? "original" : n ? "human" : "machine"}`
+        id: `${Ft}translation_${e ? "original" : n ? "human" : "machine"}`
       }) })
     ] }),
     o !== "short" && !_ && !e && !n && /* @__PURE__ */ a.jsx("small", {
@@ -7371,7 +7424,7 @@ const Rt = "languageSwitcher_", au = ({
       // @ts-ignore
       // `values` are throwing a type error: https://github.com/formatjs/formatjs/issues/3633
       children: l.formatMessage(
-        { id: `${Rt}disclaimer` },
+        { id: `${Ft}disclaimer` },
         {
           email: ft.support,
           link: (y) => {
@@ -7439,7 +7492,7 @@ const za = ({
     children: /* @__PURE__ */ a.jsx(be, { children: /* @__PURE__ */ a.jsx(ye, { id: "apolitical" }) })
   }
 ) });
-let Ft = !1;
+let Ot = !1;
 const cc = ({
   element: t = "div",
   id: e = "more-menu",
@@ -7477,10 +7530,10 @@ const cc = ({
             c(!1), typeof u == "function" && u(y);
           },
           onFocus: () => {
-            Ft && (clearTimeout(Ft), Ft = !1);
+            Ot && (clearTimeout(Ot), Ot = !1);
           },
           onBlur: () => {
-            Ft = setTimeout(() => {
+            Ot = setTimeout(() => {
               c(!1);
             }, 100);
           }
@@ -7515,6 +7568,10 @@ const uc = [
   {
     key: "articles",
     href: "/solution-articles/"
+  },
+  {
+    key: "communities",
+    href: "/communities/"
   }
 ], dc = ({ activeLink: t }) => {
   const e = H(), n = Ee(Ie), r = n && typeof n.id == "string";
@@ -7708,7 +7765,7 @@ const pc = {
   className: n = "",
   children: r
 }) => {
-  const s = xt(!0);
+  const s = wt(!0);
   let i = r;
   return Y.Children.count(r) === 1 && (i = Y.Children.toArray(r)[0], i.props && (i = i.props.children)), /* @__PURE__ */ a.jsx("section", { className: S("columns", `layout-${t}`, n), children: Y.Children.map(i, (o, c) => e !== !1 && c === e && s && s < pc[t] ? null : o) });
 };
@@ -7804,15 +7861,16 @@ const Mn = "cookieBanner_", Rn = [
   }), /* @__PURE__ */ a.jsxs("aside", { id: "cookie-banner", className: "text-medium", children: [
     /* @__PURE__ */ a.jsx("h6", { children: t.formatMessage({ id: `${Mn}title` }) }),
     /* @__PURE__ */ a.jsx("p", { children: t.formatMessage({ id: `${Mn}text` }) }),
-    /* @__PURE__ */ a.jsx(wt, { buttons: l })
+    /* @__PURE__ */ a.jsx(jt, { buttons: l })
   ] });
 }, Re = {
   platform: {
-    order: ["events", "courses", "articles"],
+    order: ["events", "courses", "articles", "communities"],
     // An array guarantees the right order
     events: { href: "/events/", gtmType: "events-click" },
     courses: { href: "/microcourses/", gtmType: "microcourses-click" },
-    articles: { href: "/solution-articles/", gtmType: "articles-click" }
+    articles: { href: "/solution-articles/", gtmType: "articles-click" },
+    communities: { href: "/communities/", gtmType: "communities-click" }
   },
   community: {
     order: ["support", "post", "join", "guidelines"],
@@ -7902,7 +7960,7 @@ const Mn = "cookieBanner_", Rn = [
 const Xe = "footer_", Gt = "SiteFooter", Kr = ({ group: t }) => {
   const e = Re[t].order || [];
   let n = !1;
-  return "text" in Re[t] && (n = Re[t].text), /* @__PURE__ */ a.jsxs(bt, { children: [
+  return "text" in Re[t] && (n = Re[t].text), /* @__PURE__ */ a.jsxs(yt, { children: [
     /* @__PURE__ */ a.jsx("p", { className: "pre-title", children: /* @__PURE__ */ a.jsx(ye, { id: `${Xe}${t}` }) }),
     Array.isArray(e) && e.length > 0 && /* @__PURE__ */ a.jsx("ul", { className: "text-medium", children: e.map((r) => {
       if (["order", "child", "text"].includes(r))
@@ -7920,7 +7978,7 @@ const Xe = "footer_", Gt = "SiteFooter", Kr = ({ group: t }) => {
         }
       ) }, `${t}_${r}`);
     }) }),
-    typeof n != "boolean" && "order" in n && Array.isArray(n.order) && /* @__PURE__ */ a.jsx("dl", { className: "text-medium", children: n.order.map((r) => /* @__PURE__ */ a.jsxs(bt, { children: [
+    typeof n != "boolean" && "order" in n && Array.isArray(n.order) && /* @__PURE__ */ a.jsx("dl", { className: "text-medium", children: n.order.map((r) => /* @__PURE__ */ a.jsxs(yt, { children: [
       /* @__PURE__ */ a.jsx("dt", { children: /* @__PURE__ */ a.jsx(ye, { id: `${Xe}${t}_${r}` }) }),
       /* @__PURE__ */ a.jsxs("dd", { children: [
         typeof n != "boolean" && n[r].address && /* @__PURE__ */ a.jsx("address", { children: /* @__PURE__ */ a.jsx(
@@ -8099,7 +8157,7 @@ const Xe = "footer_", Gt = "SiteFooter", Kr = ({ 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/",
@@ -8110,6 +8168,11 @@ const Xe = "footer_", Gt = "SiteFooter", Kr = ({ group: t }) => {
         href: "/solution-articles/",
         gtmType: "articles-click",
         className: "icon articles"
+      },
+      communities: {
+        href: "/communities/",
+        gtmType: "communities-click",
+        className: "icon communities"
       }
     },
     topics: {
@@ -8286,7 +8349,7 @@ const Xe = "footer_", Gt = "SiteFooter", Kr = ({ group: t }) => {
   );
 };
 const vc = { height: 67, height_desktop: 83 }, Ha = ({ showNavigation: t = !0 }) => {
-  const e = H(), n = Ee(Ie), r = xt(!0, !0), s = n && typeof n.id == "string", i = _t(
+  const e = H(), n = Ee(Ie), r = wt(!0, !0), s = n && typeof n.id == "string", i = xt(
     () => fe.getIsDesktopVersion(s, r),
     [s, r]
   ), [o, c] = Yn(ma, {
@@ -8311,7 +8374,7 @@ const vc = { height: 67, height_desktop: 83 }, Ha = ({ showNavigation: t = !0 })
   const d = (p, g) => {
     fe.handleMenus({ id: p, value: g, menus: l, dispatch: c });
   }, m = pe(null);
-  return yt(() => {
+  return _t(() => {
     l.navigation && fe.autoFocus({
       menu: "navigation",
       navigationRef: m,
@@ -8319,7 +8382,7 @@ const vc = { height: 67, height_desktop: 83 }, Ha = ({ showNavigation: t = !0 })
       focusElements: u,
       dispatch: c
     });
-  }, [l.navigation]), yt(() => {
+  }, [l.navigation]), _t(() => {
     l.account && fe.autoFocus({
       menu: "account",
       navigationRef: m,
@@ -8492,9 +8555,9 @@ const bc = () => {
   ae(() => {
     window.scrollTo(0, 0);
   }, [g]);
-  const _ = It(t, { locale: c }), y = It(e, {
+  const _ = Lt(t, { locale: c }), y = Lt(e, {
     locale: c
-  }), v = It(n, {
+  }), v = Lt(n, {
     locale: c
   }), b = {};
   return u !== "default" && (b[u] = !0), d !== "default" && (b[d] = !0), m !== "default" && (b[m] = !0), /* @__PURE__ */ a.jsx(Ps, { onError: r, fallback: /* @__PURE__ */ a.jsx(bc, {}), children: /* @__PURE__ */ a.jsx(xs, { fallback: null, children: /* @__PURE__ */ a.jsxs(
@@ -8614,7 +8677,7 @@ const uu = ({
     ] }),
     /* @__PURE__ */ a.jsx("ul", { children: t.map((f, l) => /* @__PURE__ */ a.jsxs("li", { children: [
       /* @__PURE__ */ a.jsx(tr, { member: f, gtmContext: s, gtmType: i }),
-      f.isAdmin && /* @__PURE__ */ a.jsx(Ut, { children: c.formatMessage({ id: "membersList_admin" }) })
+      f.isAdmin && /* @__PURE__ */ a.jsx(ht, { children: c.formatMessage({ id: "membersList_admin" }) })
     ] }, l)) }),
     n && /* @__PURE__ */ a.jsx(
       sn,
@@ -8753,26 +8816,26 @@ const fu = ({
             isIntroduction: k,
             optional: j,
             slug: w,
-            subsectionId: F,
+            subsectionId: I,
             title: R,
             type: Q
           }) => {
-            const N = s && e || k, O = {};
-            return b && (O.style = { "--image": `url(${b})` }), /* @__PURE__ */ a.jsx(
+            const C = s && e || k, F = {};
+            return b && (F.style = { "--image": `url(${b})` }), /* @__PURE__ */ a.jsx(
               "li",
               {
                 className: S({
-                  article: y === Tt.ARTICLE,
-                  discussion: y === Tt.DISCUSSION,
-                  quiz: y === Tt.QUIZ,
-                  completed: g && y === Tt.ARTICLE,
-                  locked: !N
+                  article: y === Et.ARTICLE,
+                  discussion: y === Et.DISCUSSION,
+                  quiz: y === Et.QUIZ,
+                  completed: g && y === Et.ARTICLE,
+                  locked: !C
                 }),
-                ...O,
+                ...F,
                 children: /* @__PURE__ */ a.jsx(
                   at,
                   {
-                    href: N ? `/microcourses/en/${c}/${w}` : void 0,
+                    href: C ? `/microcourses/en/${c}/${w}` : void 0,
                     fallbackElement: "span",
                     className: "inner",
                     gtmContext: `MicrocourseOutline${zs(R)}`,
@@ -8782,7 +8845,7 @@ const fu = ({
                         xc,
                         {
                           sectionId: i,
-                          subsectionId: F,
+                          subsectionId: I,
                           title: R,
                           className: "course-title"
                         }
@@ -8835,7 +8898,7 @@ const mu = ({
     }
   );
 };
-let Ot = null;
+let At = null;
 const we = "discussion_form_", ar = ({
   content: t = { type: "response", slugs: {} },
   userHasPermissions: e = !0,
@@ -8869,7 +8932,7 @@ const we = "discussion_form_", ar = ({
   },
   gtmContext: l = "DiscussionForm"
 }) => {
-  var O, C, T;
+  var F, $, T;
   const u = H(), d = Ee(Ie), [m, p] = X(
     n.isEditing && n.isEditing.text || ""
   ), [g, _] = X(c.error || !1), [y, v] = X(!1), b = pe(null);
@@ -8882,15 +8945,15 @@ const we = "discussion_form_", ar = ({
       }
     );
   const k = (x) => {
-    const $ = x.target.value;
-    p($);
+    const N = x.target.value;
+    p(N);
     let A;
     !d || !d.id ? A = $e(
       u.formatMessage,
       `${we}error_loggedOut`,
       t.type,
       "action"
-    ) : e ? $.length >= i && (A = `${we}error_tooLong`) : A = $e(
+    ) : e ? N.length >= i && (A = `${we}error_tooLong`) : A = $e(
       u.formatMessage,
       `${we}error_noPermission`,
       t.type,
@@ -8899,15 +8962,15 @@ const we = "discussion_form_", ar = ({
   };
   let j = `${t.type}-form`;
   if (t.type === "response" || t.type === "reply") {
-    const x = ((O = t.slugs) == null ? void 0 : O.reply) || ((C = t.slugs) == null ? void 0 : C.answer) || ((T = t.slugs) == null ? void 0 : T.question) || "";
+    const x = ((F = t.slugs) == null ? void 0 : F.reply) || (($ = t.slugs) == null ? void 0 : $.answer) || ((T = t.slugs) == null ? void 0 : T.question) || "";
     x && (j = `${j}-${x.slice(-15)}`);
   }
   const w = async (x) => {
     var A;
     if (x.preventDefault(), x.stopPropagation(), !d || !d.id || !e || R)
       return;
-    Ot && clearTimeout(Ot), v("submitting");
-    const $ = window.location.pathname;
+    At && clearTimeout(At), v("submitting");
+    const N = window.location.pathname;
     try {
       let W;
       switch (t.type) {
@@ -8924,22 +8987,22 @@ const we = "discussion_form_", ar = ({
         case "response":
           W = await f.create(
             { questionSlug: t.slugs.question },
-            { body: m, authorId: d && d.id, contentPath: $ }
+            { body: m, authorId: d && d.id, contentPath: N }
           );
           break;
         case "reply":
           W = await f.create(
             { questionSlug: t.slugs.question, answerSlug: t.slugs.answer },
-            { body: m, authorId: d && d.id, contentPath: $ }
+            { body: m, authorId: d && d.id, contentPath: N }
           );
           break;
         default:
           break;
       }
-      await Ks(1e3), f.callback && await f.callback(W), Ot = setTimeout(() => {
+      await Ks(1e3), f.callback && await f.callback(W), At = setTimeout(() => {
         p(""), v("submitted");
         const Z = new Event("discussionFormSubmitted");
-        document.dispatchEvent(Z), F();
+        document.dispatchEvent(Z), I();
       }, 500);
     } catch (W) {
       const Z = W;
@@ -8954,14 +9017,14 @@ const we = "discussion_form_", ar = ({
         `${we}error_tooMany`,
         t.type,
         "action"
-      ) : Z != null && Z.message.includes("400") && (z = `${we}error`), _(z), F();
+      ) : Z != null && Z.message.includes("400") && (z = `${we}error`), _(z), I();
     }
-  }, F = () => {
-    Ot = setTimeout(() => {
+  }, I = () => {
+    At = setTimeout(() => {
       _(!1), v(!1);
     }, 5e3);
-  }, R = !m || !ni(m), Q = y === "submitting", N = [];
-  return (n.isEditing && !Q || c.cancel) && N.push({
+  }, R = !m || !ni(m), Q = y === "submitting", C = [];
+  return (n.isEditing && !Q || c.cancel) && C.push({
     variant: "secondary",
     size: { mobile: "small", 600: "medium" },
     onClick: f.handleCancel,
@@ -8970,7 +9033,7 @@ const we = "discussion_form_", ar = ({
     "data-gtm-event-type": `cancel-${t.type}-click`,
     disabled: !c.cancel && (!d || !d.id || !m),
     children: u.formatMessage({ id: `${we}cancel` })
-  }), N.push({
+  }), C.push({
     variant: "primary",
     size: { mobile: "small", 600: "medium" },
     onClick: (x) => {
@@ -9044,7 +9107,7 @@ const we = "discussion_form_", ar = ({
             }
           )
         }) }),
-        /* @__PURE__ */ a.jsx(wt, { buttons: N }),
+        /* @__PURE__ */ a.jsx(jt, { buttons: C }),
         y === "submitted" && n.showSuccessMessage && /* @__PURE__ */ a.jsx(Wt, { className: "success", "data-testid": "success", children: $e(u.formatMessage, `${we}success`, t.type, "action") }),
         g && /* @__PURE__ */ a.jsx(Wt, { id: "error-message", className: "error", "data-testid": "error", children: c.error ? c.error : typeof g == "string" ? g.includes(" ") ? g : u.formatMessage(
           { id: g },
@@ -9100,10 +9163,10 @@ const we = "discussion_form_", ar = ({
   ...e && { answerSlug: e },
   ...n && { replySlug: n }
 }), Ec = (t, e = 10) => !t || t.length === 0 ? [] : t.slice(0, e);
-let vt = !1;
-const Dn = () => {
-  vt !== !1 && (clearTimeout(vt), vt = !1);
-}, An = 5, Sc = ({
+let bt = !1;
+const An = () => {
+  bt !== !1 && (clearTimeout(bt), bt = !1);
+}, Dn = 5, Sc = ({
   element: t = "div",
   likes: e = 0,
   peopleWhoLiked: n = !1,
@@ -9119,25 +9182,25 @@ const Dn = () => {
   ae(() => {
     p(s);
   }, [s]);
-  const [u, d] = X(e), [m, p] = X(s), [g, _] = X(!1), [y, v] = X(!1), b = _t(
-    () => Ec(n, An),
+  const [u, d] = X(e), [m, p] = X(s), [g, _] = X(!1), [y, v] = X(!1), b = xt(
+    () => Ec(n, Dn),
     [n]
   ), k = (w) => {
-    if (w.preventDefault(), w.stopPropagation(), v(!1), vt)
-      return Dn(), !1;
-    if (Dn(), g || !o)
+    if (w.preventDefault(), w.stopPropagation(), v(!1), bt)
+      return An(), !1;
+    if (An(), g || !o)
       return !1;
-    vt = setTimeout(j, 350);
+    bt = setTimeout(j, 350);
   }, j = async () => {
-    if (Dn(), g || !o)
+    if (An(), g || !o)
       return !1;
     let w = m ? u - 1 : u + 1;
     w < 0 && (w = 0), _(!0), d(w), p(!m);
     try {
       if (i && i.slugs) {
-        const F = Tc(i.slugs);
-        m ? await f(F) : await c({
-          ...F,
+        const I = Tc(i.slugs);
+        m ? await f(I) : await c({
+          ...I,
           payload: { contentPath: window.location.pathname }
         });
       }
@@ -9210,13 +9273,13 @@ const Dn = () => {
             href: w.id ? `/profiles/${w.id}` : void 0,
             gtmContext: "Likes",
             gtmType: "liked-name-click",
-            onClick: (F) => F == null ? void 0 : F.stopPropagation(),
+            onClick: (I) => I == null ? void 0 : I.stopPropagation(),
             children: w.name
           }
         ) }, w.id || window.btoa(w.name))),
-        e > An && /* @__PURE__ */ a.jsx("li", { children: l.formatMessage(
+        e > Dn && /* @__PURE__ */ a.jsx("li", { children: l.formatMessage(
           { id: "discussion_likes_more" },
-          { number: e - An }
+          { number: e - Dn }
         ) })
       ] }) })
     ] })
@@ -9257,7 +9320,7 @@ const Me = "discussion_", Cc = 280, cn = ({
   children: _,
   isTruncated: y = !1
 }) => {
-  const v = H(), b = Ee(Ie), k = Ee(sr), { author: j, canLike: w, createdAt: F, id: R, likes: Q = 0, userLiked: N, comments: O = 0 } = e, C = b && b.id && typeof j != "string" && j.id && j.id === b.id || !1, T = typeof w == "boolean" ? w : n ? !C : !1, x = C && (!e.createdAt || Ys(e.createdAt, 10, "seconds")), $ = pe(null), [A, W] = X({
+  const v = H(), b = Ee(Ie), k = Ee(sr), { author: j, canLike: w, createdAt: I, id: R, likes: Q = 0, userLiked: C, comments: F = 0 } = e, $ = b && b.id && typeof j != "string" && j.id && j.id === b.id || !1, T = typeof w == "boolean" ? w : n ? !$ : !1, x = $ && (!e.createdAt || Ys(e.createdAt, 10, "seconds")), N = pe(null), [A, W] = X({
     body: e && e.body || "",
     isEditing: !1,
     didEdit: e && e.isEdited || !1
@@ -9266,10 +9329,10 @@ const Me = "discussion_", Cc = 280, cn = ({
     /* Default */
   ), [P, q] = X("");
   ae(() => {
-    const D = $.current;
-    if (!(!D || K === "default"))
-      return document.addEventListener("discussionFormSubmitted", B), D.addEventListener("transitionend", U), () => {
-        document.removeEventListener("discussionFormSubmitted", B), D.removeEventListener("transitionend", U);
+    const O = N.current;
+    if (!(!O || K === "default"))
+      return document.addEventListener("discussionFormSubmitted", B), O.addEventListener("transitionend", U), () => {
+        document.removeEventListener("discussionFormSubmitted", B), O.removeEventListener("transitionend", U);
       };
   }, []), ae(() => {
     W({
@@ -9285,27 +9348,27 @@ const Me = "discussion_", Cc = 280, cn = ({
         /* Fading */
       );
     }, 1e3);
-  }, U = ({ propertyName: D }) => {
-    D === "background-color" && E((oe) => (oe === "default" && (document.removeEventListener("discussionFormSubmitted", B), $.current && $.current.removeEventListener("transitionend", U)), oe === "fading" ? "default" : oe));
+  }, U = ({ propertyName: O }) => {
+    O === "background-color" && E((oe) => (oe === "default" && (document.removeEventListener("discussionFormSubmitted", B), N.current && N.current.removeEventListener("transitionend", U)), oe === "fading" ? "default" : oe));
   };
   if (r || !e || e.type === "answer" && (!e.slugs || !e.slugs.question))
     return /* @__PURE__ */ a.jsx(Se, { className: "discussion-card discussion-post" });
-  const te = y ? et(A.body, Cc) : A.body, G = async (D) => {
-    D || (D = ""), q("");
+  const te = y ? et(A.body, Cc) : A.body, G = async (O) => {
+    O || (O = ""), q("");
     try {
-      if (!Rs(D, A.body)) {
-        const oe = e.type === "question" ? { title: D } : { body: D };
+      if (!Rs(O, A.body)) {
+        const oe = e.type === "question" ? { title: O } : { body: O };
         await f(Qr(e.slugs), oe);
       }
-      W({ body: D, isEditing: !1, didEdit: !0 });
+      W({ body: O, isEditing: !1, didEdit: !0 });
     } catch {
       q(`${Me}form_error`);
     }
   }, V = () => {
     k && k.updateConversation && k.updateConversation({ showForm: !0 }), setTimeout(() => {
-      var Ne, Ce, qe;
-      const oe = `reply-form-${(e.type === "answer" ? e.slug : ((Ne = e.slugs) == null ? void 0 : Ne.reply) || ((Ce = e.slugs) == null ? void 0 : Ce.answer) || ((qe = e.slugs) == null ? void 0 : qe.question) || "").toLowerCase().slice(-15)}`, I = document.getElementById(oe), ve = document.getElementById(`${oe}-input`);
-      ve && ve.focus(), I && I.scrollIntoView({ behavior: "smooth" });
+      var Ne, Ce, Ue;
+      const oe = `reply-form-${(e.type === "answer" ? e.slug : ((Ne = e.slugs) == null ? void 0 : Ne.reply) || ((Ce = e.slugs) == null ? void 0 : Ce.answer) || ((Ue = e.slugs) == null ? void 0 : Ue.question) || "").toLowerCase().slice(-15)}`, D = document.getElementById(oe), ve = document.getElementById(`${oe}-input`);
+      ve && ve.focus(), D && D.scrollIntoView({ behavior: "smooth" });
     }, 0);
   }, ee = async () => {
     z(!1);
@@ -9317,8 +9380,8 @@ const Me = "discussion_", Cc = 280, cn = ({
   }, re = [
     {
       text: v.formatMessage({ id: `${Me}moreMenu_report` }),
-      onClick: (D) => {
-        D.stopPropagation();
+      onClick: (O) => {
+        O.stopPropagation();
       },
       href: `mailto:community@apolitical.co?subject=${encodeURI(
         v.formatMessage({ id: `${Me}report_subject` })
@@ -9335,7 +9398,7 @@ const Me = "discussion_", Cc = 280, cn = ({
       icon: "flag"
     }
   ];
-  return n && C && re.push(
+  return n && $ && re.push(
     {
       text: v.formatMessage({ id: `${Me}moreMenu_edit` }),
       onClick: () => W({ ...A, isEditing: !0 }),
@@ -9346,8 +9409,8 @@ const Me = "discussion_", Cc = 280, cn = ({
     },
     {
       text: v.formatMessage({ id: `${Me}moreMenu_delete` }),
-      onClick: (D) => {
-        D.preventDefault(), D.stopPropagation(), z(!0);
+      onClick: (O) => {
+        O.preventDefault(), O.stopPropagation(), z(!0);
       },
       icon: "trash",
       className: "gtm-trackable",
@@ -9359,7 +9422,7 @@ const Me = "discussion_", Cc = 280, cn = ({
     className: S("discussion-post", p, {
       [K]: !p || !p.includes("highlighted-text-box")
     }),
-    ref: $,
+    ref: N,
     "data-testid": `discussion-${e.type}-thread`,
     children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
       /* @__PURE__ */ a.jsxs(
@@ -9370,15 +9433,15 @@ const Me = "discussion_", Cc = 280, cn = ({
             editing: A.isEditing,
             "has-link": m.post && !A.isEditing
           }),
-          onClick: (D) => {
-            !m.post || A.isEditing || (D.preventDefault(), D.stopPropagation(), window.location.href = m.post);
+          onClick: (O) => {
+            !m.post || A.isEditing || (O.preventDefault(), O.stopPropagation(), window.location.href = m.post);
           },
           children: [
             !A.isEditing && /* @__PURE__ */ a.jsx(
               tr,
               {
                 member: j,
-                additionalContent: { createdAt: F, didEdit: A.didEdit },
+                additionalContent: { createdAt: I, didEdit: A.didEdit },
                 className: typeof j != "string" && j.id === s ? "highlighted" : "",
                 gtmContext: g,
                 gtmType: "profile-click"
@@ -9421,10 +9484,10 @@ const Me = "discussion_", Cc = 280, cn = ({
                 className: "gtm-trackable",
                 "data-gtm-event-context": g,
                 "data-gtm-event-type": "title-click",
-                children: /* @__PURE__ */ a.jsx(qt, { options: { overrides: { a: gi } }, children: te })
+                children: /* @__PURE__ */ a.jsx(Ut, { options: { overrides: { a: gi } }, children: te })
               }
             ) : /* @__PURE__ */ a.jsx(
-              qt,
+              Ut,
               {
                 options: {
                   wrapper: e.type === "question" ? "h1" : Y.Fragment,
@@ -9447,7 +9510,7 @@ const Me = "discussion_", Cc = 280, cn = ({
                       element: "li",
                       likes: Q,
                       isShort: !1,
-                      userLiked: N,
+                      userLiked: C,
                       content: { type: e.type, slugs: e.slugs },
                       canLike: T,
                       peopleWhoLiked: e.peopleWhoLiked,
@@ -9461,8 +9524,8 @@ const Me = "discussion_", Cc = 280, cn = ({
                     "li",
                     {
                       className: "action-button",
-                      onClick: (D) => {
-                        D.preventDefault(), D.stopPropagation(), m.comments && (window.location.href = m.comments), typeof d == "function" && d();
+                      onClick: (O) => {
+                        O.preventDefault(), O.stopPropagation(), m.comments && (window.location.href = m.comments), typeof d == "function" && d();
                       },
                       children: [
                         /* @__PURE__ */ a.jsx(
@@ -9479,13 +9542,13 @@ const Me = "discussion_", Cc = 280, cn = ({
                             "data-gtm-event-type": `answer-${e.type}-click`,
                             screenreaderText: v.formatMessage(
                               { id: `${Me}comments_screenReader` },
-                              { count: O }
+                              { count: F }
                             )
                           }
                         ),
                         /* @__PURE__ */ a.jsx("span", { children: v.formatMessage(
                           { id: `${Me}comments` },
-                          { count: O }
+                          { count: F }
                         ) })
                       ]
                     }
@@ -9555,7 +9618,7 @@ const Me = "discussion_", Cc = 280, cn = ({
             {
               id: "discussion_delete_text",
               values: {
-                p: (D) => /* @__PURE__ */ a.jsx("p", { children: D }),
+                p: (O) => /* @__PURE__ */ a.jsx("p", { children: O }),
                 action: v.formatMessage({
                   id: `discussion_action_${e.type}`
                 })
@@ -9587,7 +9650,7 @@ const Nc = ({
   form: r,
   children: s
 }) => {
-  const i = H(), o = Ee(sr), c = It(s, {
+  const i = H(), o = Ee(sr), c = Lt(s, {
     element: "li"
   });
   return /* @__PURE__ */ a.jsxs("div", { className: "thread-wrapper", children: [
@@ -9708,7 +9771,7 @@ function Ga({ activity: t, user: e }) {
     like: (((s = t.own_reactions) == null ? void 0 : s.like) || []).filter(({ user_id: i }) => i !== e.id)
   });
 }
-function Dc({ activityId: t, replyId: e, content: n }) {
+function Ac({ activityId: t, replyId: e, content: n }) {
   return {
     activity_id: t,
     data: {
@@ -9741,7 +9804,7 @@ function ea({ reply: t, reaction: e }) {
     like: (n = t.children_counts) != null && n.like ? t.children_counts.like + 1 : 1
   };
 }
-function Ac({ reply: t, user: e }) {
+function Dc({ reply: t, user: e }) {
   var n, r, s;
   t.children_counts = {
     ...t.children_counts || {},
@@ -9791,7 +9854,7 @@ const Ja = () => {
     thumbnail: "https://some-user-thumbnail.com/avatar1.png"
   },
   isLoading: !1
-}), Be = Object.freeze({
+}), qe = Object.freeze({
   id: "some-user-id-2",
   name: "some user name 2",
   organization: "some user organization 2",
@@ -9811,7 +9874,7 @@ const Ja = () => {
   time: "2023-11-24T17:52:36.162000",
   verb: "post"
 }), Ic = Object.freeze({
-  actor: `SU:${Be.id}`,
+  actor: `SU:${qe.id}`,
   content: "some content 2",
   duration: "5.53ms",
   feed_id: "some-feed-id-2",
@@ -9831,7 +9894,7 @@ const Ja = () => {
   time: "2023-11-24T17:56:36.162000",
   verb: "post"
 }), Bc = Object.freeze({
-  actor: `SU:${Be.id}`,
+  actor: `SU:${qe.id}`,
   content: "some content 4",
   duration: "5.53ms",
   feed_id: "some-feed-id-4",
@@ -9849,13 +9912,13 @@ Object.freeze({
   data: {},
   parent: "",
   updated_at: "2023-11-24T17:58:36.162000",
-  user_id: Be.id,
+  user_id: qe.id,
   children_counts: {},
   latest_children: {},
   latest_children_extra: {},
   own_children: {},
   user: {
-    id: Be.id,
+    id: qe.id,
     data: {},
     created_at: "2023-11-24T17:58:36.162000",
     updated_at: "2023-11-24T17:58:36.162000"
@@ -9865,9 +9928,9 @@ Object.freeze({
   created_at: "2023-12-03T21:53:45.999851Z",
   updated_at: "2023-12-03T21:53:45.999851Z",
   id: "some-reply-id-1",
-  user_id: Be.id,
+  user_id: qe.id,
   user: {
-    id: Be.id,
+    id: qe.id,
     data: {},
     created_at: "2023-08-31T07:11:38.677184Z",
     updated_at: "2023-08-31T07:11:38.677184Z"
@@ -9905,9 +9968,9 @@ Object.freeze({
   created_at: "2023-12-03T21:53:45.999851Z",
   updated_at: "2023-12-03T21:53:45.999851Z",
   id: "some-reply-id-3",
-  user_id: Be.id,
+  user_id: qe.id,
   user: {
-    id: Be.id,
+    id: qe.id,
     data: {},
     created_at: "2023-08-31T07:11:38.677184Z",
     updated_at: "2023-08-31T07:11:38.677184Z"
@@ -10163,24 +10226,24 @@ const pu = ({
       var A, W, Z, z, K, E, P, q;
       const {
         id: w,
-        own_reactions: F,
+        own_reactions: I,
         latest_reactions: R,
         reaction_counts: Q
-      } = k, N = (((A = R == null ? void 0 : R.like) == null ? void 0 : A.length) || 0) > 0, O = (((W = F == null ? void 0 : F.like) == null ? void 0 : W.length) || 0) > 0, C = O ? F == null ? void 0 : F.like[0].id : "", T = N ? (Z = R == null ? void 0 : R.like) == null ? void 0 : Z.map((B) => {
+      } = k, C = (((A = R == null ? void 0 : R.like) == null ? void 0 : A.length) || 0) > 0, F = (((W = I == null ? void 0 : I.like) == null ? void 0 : W.length) || 0) > 0, $ = F ? I == null ? void 0 : I.like[0].id : "", T = C ? (Z = R == null ? void 0 : R.like) == null ? void 0 : Z.map((B) => {
         var U, te, G;
         return {
           id: (U = B == null ? void 0 : B.user) == null ? void 0 : U.id,
           name: (G = (te = B == null ? void 0 : B.user) == null ? void 0 : te.data) == null ? void 0 : G.name
         };
-      }) : !1, x = k == null ? void 0 : k.actor, $ = (x == null ? void 0 : x.id) === (v == null ? void 0 : v.id);
-      return /* @__PURE__ */ a.jsxs(bt, { children: [
+      }) : !1, x = k == null ? void 0 : k.actor, N = (x == null ? void 0 : x.id) === (v == null ? void 0 : v.id);
+      return /* @__PURE__ */ a.jsxs(yt, { children: [
         /* @__PURE__ */ a.jsx(
           cn,
           {
             content: {
               type: "post",
               body: k == null ? void 0 : k.content,
-              canLike: on(n, $),
+              canLike: on(n, N),
               createdAt: (k == null ? void 0 : k.time) || "",
               slugs: {
                 question: `${t}/${e}`,
@@ -10197,7 +10260,7 @@ const pu = ({
                   thumbnail: ((q = x == null ? void 0 : x.data) == null ? void 0 : q.thumbnail) || void 0
                 }
               },
-              userLiked: O,
+              userLiked: F,
               likes: (Q == null ? void 0 : Q.like) || 0,
               comments: (Q == null ? void 0 : Q.reply) || 0,
               peopleWhoLiked: T
@@ -10215,7 +10278,7 @@ const pu = ({
               },
               likes: {
                 createLike: () => _({ activityId: w }),
-                deleteLike: () => y({ activityId: w, reactionId: C })
+                deleteLike: () => y({ activityId: w, reactionId: $ })
               },
               comments: {
                 openComments: () => null
@@ -10224,7 +10287,7 @@ const pu = ({
             isTruncated: !0
           }
         ),
-        b > j + 1 && /* @__PURE__ */ a.jsx(De, {})
+        b > j + 1 && /* @__PURE__ */ a.jsx(Ae, {})
       ] }, w);
     }),
     !d && /* @__PURE__ */ a.jsx(
@@ -10802,7 +10865,7 @@ function Gc({
   const { mutate: o } = je({
     mutationFn: t,
     onMutate: (c) => e((f) => {
-      const l = Xr({ reply: Dc(c), user: i });
+      const l = Xr({ reply: Ac(c), user: i });
       return ra(l, f, {
         replace: !1,
         append: (c == null ? void 0 : c.replyId) !== void 0
@@ -10941,7 +11004,7 @@ function tl({
     mutationFn: t,
     onMutate: ({ replyId: i }) => e((o) => {
       const c = tn(i, o);
-      return c && Ac({ reply: c, user: r }), o;
+      return c && Dc({ reply: c, user: r }), o;
     }),
     onError: n
   });
@@ -11037,16 +11100,16 @@ const ol = ({
           own_children: b,
           latest_children: k,
           children_counts: j
-        } = y, F = (((A = b == null ? void 0 : b.like) == null ? void 0 : A.length) || 0) > 0 ? (W = b == null ? void 0 : b.like) == null ? void 0 : W.find((V) => {
+        } = y, I = (((A = b == null ? void 0 : b.like) == null ? void 0 : A.length) || 0) > 0 ? (W = b == null ? void 0 : b.like) == null ? void 0 : W.find((V) => {
           var ee;
           return ((ee = V == null ? void 0 : V.user) == null ? void 0 : ee.id) === (_ == null ? void 0 : _.id);
-        }) : !1, R = F ? F == null ? void 0 : F.id : "", Q = !!F, O = (((Z = k == null ? void 0 : k.like) == null ? void 0 : Z.length) || 0) > 0 ? (z = k == null ? void 0 : k.like) == null ? void 0 : z.map((V) => {
-          var ee, re, D;
+        }) : !1, R = I ? I == null ? void 0 : I.id : "", Q = !!I, F = (((Z = k == null ? void 0 : k.like) == null ? void 0 : Z.length) || 0) > 0 ? (z = k == null ? void 0 : k.like) == null ? void 0 : z.map((V) => {
+          var ee, re, O;
           return {
             id: (ee = V == null ? void 0 : V.user) == null ? void 0 : ee.id,
-            name: (D = (re = V == null ? void 0 : V.user) == null ? void 0 : re.data) == null ? void 0 : D.name
+            name: (O = (re = V == null ? void 0 : V.user) == null ? void 0 : re.data) == null ? void 0 : O.name
           };
-        }) : !1, C = y == null ? void 0 : y.user, T = (C == null ? void 0 : C.id) === (_ == null ? void 0 : _.id), x = on(s, T), $ = typeof y.data.content == "string" ? (K = y == null ? void 0 : y.data) == null ? void 0 : K.content : (
+        }) : !1, $ = y == null ? void 0 : y.user, T = ($ == null ? void 0 : $.id) === (_ == null ? void 0 : _.id), x = on(s, T), N = typeof y.data.content == "string" ? (K = y == null ? void 0 : y.data) == null ? void 0 : K.content : (
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
           ((P = (E = y == null ? void 0 : y.data) == null ? void 0 : E.content) == null ? void 0 : P.text) || ""
         );
@@ -11056,7 +11119,7 @@ const ol = ({
             content: {
               id: v,
               type: "reply",
-              body: $,
+              body: N,
               canLike: x,
               createdAt: y == null ? void 0 : y.created_at,
               slugs: {
@@ -11068,18 +11131,18 @@ const ol = ({
               },
               slug: "",
               author: {
-                id: C == null ? void 0 : C.id,
-                name: (q = C.data) == null ? void 0 : q.name,
-                organization: (B = C.data) == null ? void 0 : B.organization,
-                jobTitle: (U = C.data) == null ? void 0 : U.jobTitle,
-                location: (te = C.data) == null ? void 0 : te.location,
+                id: $ == null ? void 0 : $.id,
+                name: (q = $.data) == null ? void 0 : q.name,
+                organization: (B = $.data) == null ? void 0 : B.organization,
+                jobTitle: (U = $.data) == null ? void 0 : U.jobTitle,
+                location: (te = $.data) == null ? void 0 : te.location,
                 image: {
-                  thumbnail: ((G = C.data) == null ? void 0 : G.thumbnail) || void 0
+                  thumbnail: ((G = $.data) == null ? void 0 : G.thumbnail) || void 0
                 }
               },
               userLiked: Q,
               likes: (j == null ? void 0 : j.like) || 0,
-              peopleWhoLiked: O
+              peopleWhoLiked: F
             },
             functions: {
               content: {
@@ -11144,16 +11207,16 @@ const ol = ({
     ),
     f == null ? void 0 : f.map((k) => {
       var z, K, E, P, q, B, U, te, G, V, ee, re;
-      const { id: j, own_children: w, latest_children: F, children_counts: R } = k, N = (((z = w == null ? void 0 : w.like) == null ? void 0 : z.length) || 0) > 0 ? (K = w == null ? void 0 : w.like) == null ? void 0 : K.find((D) => {
+      const { id: j, own_children: w, latest_children: I, children_counts: R } = k, C = (((z = w == null ? void 0 : w.like) == null ? void 0 : z.length) || 0) > 0 ? (K = w == null ? void 0 : w.like) == null ? void 0 : K.find((O) => {
         var oe;
-        return ((oe = D == null ? void 0 : D.user) == null ? void 0 : oe.id) === (b == null ? void 0 : b.id);
-      }) : !1, O = N ? N == null ? void 0 : N.id : "", C = !!N, x = (((E = F == null ? void 0 : F.like) == null ? void 0 : E.length) || 0) > 0 ? (P = F == null ? void 0 : F.like) == null ? void 0 : P.map((D) => {
-        var oe, I, ve;
+        return ((oe = O == null ? void 0 : O.user) == null ? void 0 : oe.id) === (b == null ? void 0 : b.id);
+      }) : !1, F = C ? C == null ? void 0 : C.id : "", $ = !!C, x = (((E = I == null ? void 0 : I.like) == null ? void 0 : E.length) || 0) > 0 ? (P = I == null ? void 0 : I.like) == null ? void 0 : P.map((O) => {
+        var oe, D, ve;
         return {
-          id: (oe = D == null ? void 0 : D.user) == null ? void 0 : oe.id,
-          name: (ve = (I = D == null ? void 0 : D.user) == null ? void 0 : I.data) == null ? void 0 : ve.name
+          id: (oe = O == null ? void 0 : O.user) == null ? void 0 : oe.id,
+          name: (ve = (D = O == null ? void 0 : O.user) == null ? void 0 : D.data) == null ? void 0 : ve.name
         };
-      }) : !1, $ = k == null ? void 0 : k.user, A = ($ == null ? void 0 : $.id) === (b == null ? void 0 : b.id), W = on(r, A), Z = typeof k.data.content == "string" ? (q = k == null ? void 0 : k.data) == null ? void 0 : q.content : (
+      }) : !1, N = k == null ? void 0 : k.user, A = (N == null ? void 0 : N.id) === (b == null ? void 0 : b.id), W = on(r, A), Z = typeof k.data.content == "string" ? (q = k == null ? void 0 : k.data) == null ? void 0 : q.content : (
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         ((U = (B = k == null ? void 0 : k.data) == null ? void 0 : B.content) == null ? void 0 : U.text) || ""
       );
@@ -11173,16 +11236,16 @@ const ol = ({
             },
             slug: j,
             author: {
-              id: $ == null ? void 0 : $.id,
-              name: (te = $.data) == null ? void 0 : te.name,
-              organization: (G = $.data) == null ? void 0 : G.organization,
-              jobTitle: (V = $.data) == null ? void 0 : V.jobTitle,
-              location: (ee = $.data) == null ? void 0 : ee.location,
+              id: N == null ? void 0 : N.id,
+              name: (te = N.data) == null ? void 0 : te.name,
+              organization: (G = N.data) == null ? void 0 : G.organization,
+              jobTitle: (V = N.data) == null ? void 0 : V.jobTitle,
+              location: (ee = N.data) == null ? void 0 : ee.location,
               image: {
-                thumbnail: ((re = $.data) == null ? void 0 : re.thumbnail) || void 0
+                thumbnail: ((re = N.data) == null ? void 0 : re.thumbnail) || void 0
               }
             },
-            userLiked: C,
+            userLiked: $,
             likes: (R == null ? void 0 : R.like) || 0,
             peopleWhoLiked: x
           },
@@ -11191,11 +11254,11 @@ const ol = ({
               createContent: () => null,
               deleteContent: () => y({ replyId: j }),
               // eslint-disable-next-line @typescript-eslint/no-explicit-any
-              updateContent: (D, { body: oe }) => g({ replyId: j, content: oe })
+              updateContent: (O, { body: oe }) => g({ replyId: j, content: oe })
             },
             likes: {
               createLike: () => _({ replyId: j }),
-              deleteLike: () => v({ replyId: j, reactionId: O })
+              deleteLike: () => v({ replyId: j, reactionId: F })
             },
             comments: {}
           },
@@ -11335,7 +11398,7 @@ const gu = ({
     leave: f
   }
 }) => {
-  var N, O, C, T, x, $, A, W, Z, z;
+  var C, F, $, T, x, N, A, W, Z, z;
   const l = H(), u = Ee(Ie), {
     activity: d,
     error: m,
@@ -11355,7 +11418,7 @@ const gu = ({
         text: l.formatMessage({ id: "activitySection_notFoundError" })
       }
     );
-  const { own_reactions: v, latest_reactions: b } = d, k = (((N = b == null ? void 0 : b.like) == null ? void 0 : N.length) || 0) > 0, j = (((O = v == null ? void 0 : v.like) == null ? void 0 : O.length) || 0) > 0, w = j ? v == null ? void 0 : v.like[0].id : "", F = k ? (C = b == null ? void 0 : b.like) == null ? void 0 : C.map((K) => {
+  const { own_reactions: v, latest_reactions: b } = d, k = (((C = b == null ? void 0 : b.like) == null ? void 0 : C.length) || 0) > 0, j = (((F = v == null ? void 0 : v.like) == null ? void 0 : F.length) || 0) > 0, w = j ? v == null ? void 0 : v.like[0].id : "", I = k ? ($ = b == null ? void 0 : b.like) == null ? void 0 : $.map((K) => {
     var E, P, q;
     return {
       id: (E = K == null ? void 0 : K.user) == null ? void 0 : E.id,
@@ -11382,7 +11445,7 @@ const gu = ({
             id: R.id,
             name: (T = R.data) == null ? void 0 : T.name,
             organization: (x = R.data) == null ? void 0 : x.organization,
-            jobTitle: ($ = R.data) == null ? void 0 : $.jobTitle,
+            jobTitle: (N = R.data) == null ? void 0 : N.jobTitle,
             location: (A = R.data) == null ? void 0 : A.location,
             image: {
               thumbnail: ((W = R.data) == null ? void 0 : W.thumbnail) || void 0
@@ -11391,7 +11454,7 @@ const gu = ({
           userLiked: j,
           likes: ((Z = d == null ? void 0 : d.reaction_counts) == null ? void 0 : Z.like) || 0,
           comments: ((z = d == null ? void 0 : d.reaction_counts) == null ? void 0 : z.reply) || 0,
-          peopleWhoLiked: F
+          peopleWhoLiked: I
         },
         originalAuthorId: R == null ? void 0 : R.id,
         forceHide: { comments: !0 },
@@ -11516,16 +11579,16 @@ const Dt = "notFoundError_", bu = () => {
   );
 };
 export {
-  ze as ASSETS_BUCKET,
+  Be as ASSETS_BUCKET,
   pu as ActivitiesFeed,
   gu as ActivitySection,
   Va as AddPost,
-  Al as Banner,
+  Dl as Banner,
   ql as BannerSection,
   nu as Breadcrumbs,
   se as Button,
-  wt as ButtonWrapper,
-  Tt as COURSE_CONTENT_TYPES,
+  jt as ButtonWrapper,
+  Et as COURSE_CONTENT_TYPES,
   Ti as CacheProvider,
   Ua as Card,
   rc as CardBlock,
@@ -11548,7 +11611,7 @@ export {
   Sc as DiscussionLikes,
   cn as DiscussionPost,
   Nc as DiscussionThread,
-  De as Divider,
+  Ae as Divider,
   Il as DownloadSection,
   ft as EMAILS,
   Ll as EditSection,
@@ -11584,7 +11647,7 @@ export {
   za as Logo,
   Bl as LogoSection,
   mu as MarkCompleteButton,
-  qt as MarkdownText,
+  Ut as MarkdownText,
   zl as MarketingBlock,
   tr as Member,
   uu as MembersList,
@@ -11598,7 +11661,7 @@ export {
   yc as PageLayout,
   Gl as PasswordForm,
   Hi as PasswordRules,
-  Ut as Pill,
+  ht as Pill,
   Kl as ProfileImageChange,
   Ye as ProfilePicture,
   _a as ProgressBar,
@@ -11606,14 +11669,14 @@ export {
   Vl as Rating,
   cl as RepliesFeed,
   $c as ResponsesHeading,
-  jt as ResponsiveImage,
+  kt as ResponsiveImage,
   Ml as ReturnToNavButton,
   Ki as SearchForm,
   su as ShareLinks,
   Ql as SignupForm,
   gi as Span,
   Wt as StatusBanner,
-  Dl as TableOfContents,
+  Al as TableOfContents,
   iu as Tabs,
   lu as Tags,
   Ol as TestimonialBlock,
@@ -11642,8 +11705,8 @@ export {
   zs as toCamelCase,
   Zs as toSentenceCase,
   Ls as useCurrentPath,
-  yt as useEffectAfterMount,
-  xt as useElementWidth,
+  _t as useEffectAfterMount,
+  wt as useElementWidth,
   qs as useScrollListener,
   Us as useScrollToHash,
   er as useUser