@apolitical/component-library 1.14.9 → 1.14.10-beta.7

package/index.mjs

@@ -7,7 +7,7 @@ import bt from "markdown-to-jsx";
 import { QueryClient as vs, QueryClientProvider as ks, useQueryClient as wt, useQuery as $n, useMutation as ie } from "@tanstack/react-query";
 import { ReactQueryDevtools as js } from "@tanstack/react-query-devtools";
 import dt from "posthog-js";
-import { useCookies as ys, CookiesProvider as Es } from "react-cookie";
+import { CookiesProvider as ys, useCookies as Es } from "react-cookie";
 import { ReactMultiEmail as Ss } from "react-multi-email";
 import Tn from "lodash.get";
 import { ErrorBoundary as $s } from "react-error-boundary";
@@ -807,7 +807,7 @@ const vt = (e = !0, t = !1, n = "window") => {
     l();
   }, 250);
   return c;
-}, Oa = (e = [], t = !0) => {
+}, La = (e = [], t = !0) => {
   e = Array.isArray(e) ? e : [e];
   const n = de(!1);
   He(() => {
@@ -1477,7 +1477,7 @@ const Zs = ({ isOpen: e = !1, isLoading: t = !1, children: n }) => {
   }, [e]), /* @__PURE__ */ s.jsx("aside", { ref: c, className: $("tooltip text-medium", i, { loading: t }), hidden: i === "hidden", children: t ? /* @__PURE__ */ s.jsx("p", { children: r.formatMessage({ id: "tooltip_loading" }) }) : typeof n == "string" ? /* @__PURE__ */ s.jsx("p", { children: n }) : n });
 };
 const en = ({ children: e, className: t = "", ...n }) => /* @__PURE__ */ s.jsx("section", { className: $("full-width-section", t), ...n, children: e });
-const Ia = ({ text: e, buttons: t, className: n = "" }) => {
+const Oa = ({ text: e, buttons: t, className: n = "" }) => {
   const r = [];
   return t.forEach((c) => {
     r.push({
@@ -1495,7 +1495,7 @@ const Ia = ({ text: e, buttons: t, className: n = "" }) => {
     /* @__PURE__ */ s.jsx(kt, { buttons: r })
   ] }) });
 };
-const Ba = ({ title: e = !1, logos: t = [], className: n = "" }) => {
+const Ia = ({ title: e = !1, logos: t = [], className: n = "" }) => {
   const r = t.length;
   if (r === 0)
     return null;
@@ -1624,8 +1624,8 @@ const Ks = [
       ] })
     }
   );
-}, Qa = We(qs);
-const Ha = ({
+}, Ba = We(qs);
+const Qa = ({
   variant: e = "primary",
   button: t = null,
   title: n,
@@ -1642,7 +1642,7 @@ const Ha = ({
     default: "dpo@apolitical.co",
     eu: "dpo.agl@apolitical.foundation"
   }
-}, Ua = "200,000+";
+}, Ha = "200,000+";
 const Ln = ({ label: e = !1, className: t = "", children: n }) => {
   const r = D();
   return /* @__PURE__ */ s.jsxs("details", { className: $("collapsible-section", t), children: [
@@ -1705,7 +1705,7 @@ const er = ({ type: e = "default", className: t = "", heading: n = !1, children:
     }
   ) : /* @__PURE__ */ s.jsx("p", { children: r })
 ] });
-const Wa = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children: c }) => {
+const Ua = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children: c }) => {
   const i = D(), u = de(null), [a, l] = L(""), [o, d] = L("closed");
   Y(() => {
     const p = u.current;
@@ -1899,7 +1899,7 @@ const At = "loadingBlock_", mr = ({ progress: e = 0, steps: t = !1, className: n
       ]
     }
   );
-}, za = We(mr);
+}, Wa = We(mr);
 const Se = ({ element: e = "div", className: t = "", ...n }) => /* @__PURE__ */ s.jsx(Nn, { element: e, className: $("loading-placeholder", t), ...n });
 const Zt = {
   header: ["logo", "link", "link", "search"],
@@ -1918,10 +1918,10 @@ const Zt = {
     "cards-section",
     "footer"
   ]
-}, In = (e, t) => e in Zt ? /* @__PURE__ */ s.jsx("div", { className: e, children: Zt[e].map((n, r) => In(n, r)) }, t) : /* @__PURE__ */ s.jsx(Se, { className: e }, t), fr = ({ layout: e = "overview-page", ...t }) => /* @__PURE__ */ s.jsx("div", { className: $("loading-state", e), ...t, children: Zt[e].map((n, r) => In(n, r)) }), Bn = (e) => {
+}, In = (e, t) => e in Zt ? /* @__PURE__ */ s.jsx("div", { className: e, children: Zt[e].map((n, r) => In(n, r)) }, t) : /* @__PURE__ */ s.jsx(Se, { className: e }, t), za = ({ layout: e = "overview-page", ...t }) => /* @__PURE__ */ s.jsx("div", { className: $("loading-state", e), ...t, children: Zt[e].map((n, r) => In(n, r)) }), Bn = (e) => {
   const t = e && e.toUpperCase().split(" ");
   return Array.isArray(t) && t.length > 1 && t[0] !== "" ? t[1] === "" ? t[0][0] : t[0][0] + t[t.length - 1][0] : e ? e.substr(0, 1) : "";
-}, st = ["#5AB6A3", "#A2D7AF", "#806056", "#3962B3"], hr = (e) => {
+}, st = ["#5AB6A3", "#A2D7AF", "#806056", "#3962B3"], fr = (e) => {
   const t = Math.ceil(26 / st.length), n = Bn(e).toLowerCase();
   if (n === "")
     return st[0];
@@ -1948,7 +1948,7 @@ const wn = 256, qe = ({
     if (!h)
       return;
     const p = c, g = i;
-    typeof window < "u" && window.devicePixelRatio && (m.width = p * window.devicePixelRatio, m.height = g * window.devicePixelRatio, h.scale(window.devicePixelRatio, window.devicePixelRatio)), h.fillStyle = hr(n), h.fillRect(0, 0, p, g), h.font = `${p / 3}px Arial`, h.textAlign = "center", h.fillStyle = "white", h.fillText(Bn(n), p / 2, g / 1.6);
+    typeof window < "u" && window.devicePixelRatio && (m.width = p * window.devicePixelRatio, m.height = g * window.devicePixelRatio, h.scale(window.devicePixelRatio, window.devicePixelRatio)), h.fillStyle = fr(n), h.fillRect(0, 0, p, g), h.font = `${p / 3}px Arial`, h.textAlign = "center", h.fillStyle = "white", h.fillText(Bn(n), p / 2, g / 1.6);
   }, [n]);
   let d = !1;
   return t && t !== "" && !a && (t.includes("http") || t.includes("//")) && (d = !0), /* @__PURE__ */ s.jsx(
@@ -1981,7 +1981,7 @@ const wn = 256, qe = ({
   country: e.location && e.location.country || "",
   url: `/profiles/${e.id}`,
   image: e.image && e.image.thumbnail
-}, pr = ({
+}, hr = ({
   role: e = "",
   organisation: t = "",
   country: n = "",
@@ -2004,7 +2004,7 @@ const tn = ({
 }) => {
   const u = D(), a = Qn(t);
   a.name || (a.name = u.formatMessage({ id: `member_${typeof t == "string" ? t : "community"}` }));
-  const { name: l, url: o, image: d } = a, m = pr(a), h = n && n.createdAt ? Gt(n.createdAt) : !1, p = n && n.createdAt ? Pn(n.createdAt) : "";
+  const { name: l, url: o, image: d } = a, m = hr(a), h = n && n.createdAt ? Gt(n.createdAt) : !1, p = n && n.createdAt ? Pn(n.createdAt) : "";
   return A.createElement(e, {
     className: $("member text-medium", i),
     children: /* @__PURE__ */ s.jsxs(
@@ -2085,7 +2085,7 @@ const vn = {
       r && /* @__PURE__ */ s.jsx("span", { className: "label", children: typeof r == "string" ? r : n.length === 1 ? typeof n[0] == "string" ? d.formatMessage({ id: `member_${n[0]}` }) : Qe(n[0].name || "", 20) : null })
     ] })
   });
-}, gr = ({ showDevTools: e = !0, children: t }) => {
+}, pr = ({ showDevTools: e = !0, children: t }) => {
   const n = new vs({
     // default options we would like on all queries can be overridden individually
     defaultOptions: {
@@ -2102,15 +2102,15 @@ const vn = {
     e && /* @__PURE__ */ s.jsx(js, { initialIsOpen: !1 })
   ] });
 };
-var _r = Kt({ client: dt });
-function xr(e) {
+var gr = Kt({ client: dt });
+function _r(e) {
   var t = e.children, n = e.client, r = e.apiKey, c = e.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 && c && console.warn("[PostHog.js] You have provided both a client and options to PostHogProvider. The options will be ignored in favour of the client."), n || (r && (dt.__loaded && console.warn("[PostHog.js] was already loaded elsewhere. This may cause issues."), dt.init(r, c)), dt);
   }, [n, r]);
-  return A.createElement(_r.Provider, { value: { client: i } }, t);
+  return A.createElement(gr.Provider, { value: { client: i } }, t);
 }
-const br = ({ children: e, user: t }) => t.isLoading ? /* @__PURE__ */ s.jsx(s.Fragment, {}) : process.env.REACT_APP_PUBLIC_POSTHOG_KEY ? /* @__PURE__ */ s.jsx(
-  xr,
+const xr = ({ children: e, user: t }) => t.isLoading ? null : process.env.REACT_APP_PUBLIC_POSTHOG_KEY ? /* @__PURE__ */ s.jsx(
+  _r,
   {
     apiKey: atob(process.env.REACT_APP_PUBLIC_POSTHOG_KEY),
     options: {
@@ -2125,17 +2125,17 @@ const br = ({ children: e, user: t }) => t.isLoading ? /* @__PURE__ */ s.jsx(s.F
     },
     children: e
   }
-) : e, wr = ({ children: e, locale: t, messages: n }) => {
+) : e, br = ({ children: e, locale: t, messages: n }) => {
   const r = t || "en", c = {
     ...Vs[r],
     ...n || {}
   };
   return /* @__PURE__ */ s.jsx(bs, { locale: r, messages: c, children: e });
-}, $e = Kt(null), vr = ({ children: e, user: t }) => /* @__PURE__ */ s.jsx($e.Provider, { value: t, children: e }), Va = ({ bootstrap: e, children: t, intl: n }) => {
+}, $e = Kt(null), wr = ({ children: e, user: t }) => /* @__PURE__ */ s.jsx($e.Provider, { value: t, children: e }), Va = ({ bootstrap: e, children: t, intl: n }) => {
   const [r, c] = L({ isLoading: !0 });
   return Y(() => {
     e().then((i) => c({ ...i, isLoading: !1 })).catch(() => c({ isLoading: !1 }));
-  }, []), /* @__PURE__ */ s.jsx(wr, { locale: n == null ? void 0 : n.locale, messages: n == null ? void 0 : n.messages, children: /* @__PURE__ */ s.jsx(vr, { user: r, children: /* @__PURE__ */ s.jsx(gr, { children: /* @__PURE__ */ s.jsx(br, { user: r, children: t }) }) }) });
+  }, []), /* @__PURE__ */ s.jsx(br, { locale: n == null ? void 0 : n.locale, messages: n == null ? void 0 : n.messages, children: /* @__PURE__ */ s.jsx(ys, { children: /* @__PURE__ */ s.jsx(wr, { user: r, children: /* @__PURE__ */ s.jsx(pr, { children: /* @__PURE__ */ s.jsx(xr, { user: r, children: t }) }) }) }) });
 };
 const Pt = "joinCommunityButton", Un = ({ isMember: e = !1, isShort: t = !1, functions: { join: n, leave: r } = { join: () => {
 }, leave: () => {
@@ -2250,7 +2250,7 @@ const Ja = ({
       }
     ) }, d);
   }) });
-}, kr = (e, t) => {
+}, vr = (e, t) => {
   const n = String(e);
   if (!t || !t.length)
     return `/${n}`;
@@ -2286,7 +2286,7 @@ const Ft = { en: "English", es: "Español", fr: "Français", pt: "Português" },
         let v = { className: b };
         return d === b ? v["aria-label"] = o.formatMessage({ id: `${rt}selected` }, { language: Ft[b] }) : v = {
           ...v,
-          href: kr(b, i),
+          href: vr(b, i),
           onClick: (E) => {
             E.preventDefault(), E.stopPropagation(), m(b), c(b);
           }
@@ -2308,7 +2308,7 @@ const Ft = { en: "English", es: "Español", fr: "Français", pt: "Português" },
     })
   ] });
 };
-const Lt = ws({ locale: "en", messages: qt }), jr = ({
+const Lt = ws({ locale: "en", messages: qt }), kr = ({
   page: e = 1,
   length: t = 0,
   limit: n = 10,
@@ -2352,7 +2352,7 @@ const Lt = ws({ locale: "en", messages: qt }), jr = ({
 };
 const Wn = ({ variant: e = "default", version: t = "default", className: n = "", ...r }) => /* @__PURE__ */ s.jsx("p", { className: "logo-wrapper", children: /* @__PURE__ */ s.jsx("a", { href: "/home/", className: $("logo", e, t, n), ...r, children: /* @__PURE__ */ s.jsx(_e, { children: /* @__PURE__ */ s.jsx(Pe, { id: "apolitical" }) }) }) });
 let at = !1;
-const yr = ({ element: e = "div", id: t = "more-menu", options: n, className: r = "" }) => {
+const jr = ({ element: e = "div", id: t = "more-menu", options: n, className: r = "" }) => {
   const c = D(), i = de(null), [u, a] = L(!1), l = (o) => {
     i.current && o.target instanceof HTMLElement && !i.current.contains(o.target) && a(!1);
   };
@@ -2403,8 +2403,8 @@ const yr = ({ element: e = "div", id: t = "more-menu", options: n, className: r
       }) })
     ] })
   });
-}, Er = (e, t = !1) => t ? e.replaceAll("/", "") === t : typeof window < "u" && window.location && window.location.pathname === e;
-const Sr = [
+}, yr = (e, t = !1) => t ? e.replaceAll("/", "") === t : typeof window < "u" && window.location && window.location.pathname === e;
+const Er = [
   {
     key: "homepage",
     href: "/home/"
@@ -2425,13 +2425,13 @@ const Sr = [
     key: "articles",
     href: "/solution-articles/"
   }
-], $r = ({ activeLink: e }) => {
+], Sr = ({ activeLink: e }) => {
   const t = D(), n = je($e), r = n && typeof n.id == "string";
   return /* @__PURE__ */ s.jsxs("ul", { id: "navigation-menu", className: "text-medium", children: [
-    Sr.map(({ key: c, href: i }) => /* @__PURE__ */ s.jsx(
+    Er.map(({ key: c, href: i }) => /* @__PURE__ */ s.jsx(
       "li",
       {
-        className: $(c, { active: Er(i, e) }),
+        className: $(c, { active: yr(i, e) }),
         children: /* @__PURE__ */ s.jsx(
           "a",
           {
@@ -2465,7 +2465,7 @@ const Sr = [
       }
     ) })
   ] });
-}, Xe = (e, t, n) => `${e}?share=${t}${n ? `&uuid=${n}` : ""}`, Tr = ({
+}, Xe = (e, t, n) => `${e}?share=${t}${n ? `&uuid=${n}` : ""}`, $r = ({
   title: e,
   link: t,
   referrer: n
@@ -2508,7 +2508,7 @@ ${Xe(t, "mailto", n)}&src=email`
     onClick: (r, c) => (r.preventDefault(), r.stopPropagation(), navigator.clipboard.writeText(c))
   }
 ];
-const Mr = "shareLinks_", Za = ({
+const Tr = "shareLinks_", Za = ({
   title: e,
   link: t,
   referrer: n,
@@ -2517,7 +2517,7 @@ const Mr = "shareLinks_", Za = ({
   variant: i = "default",
   className: u = ""
 }) => {
-  const a = D(), l = Tr({ title: e, link: t, referrer: n });
+  const a = D(), l = $r({ title: e, link: t, referrer: n });
   return /* @__PURE__ */ s.jsxs("aside", { className: $("share-links", c, i, u), children: [
     /* @__PURE__ */ s.jsx("p", { className: "text-small", children: a.formatMessage({ id: "shareLinks_label" }) }),
     /* @__PURE__ */ s.jsx("ul", { children: l.map(({ key: o, icon: d, url: m, shouldRender: h = !0, onClick: p }) => {
@@ -2537,17 +2537,17 @@ const Mr = "shareLinks_", Za = ({
           "data-gtm-event-context": `${r}-SocialButtons`,
           "data-gtm-event-type": `${o}-click`,
           "data-testid": "link",
-          screenreaderText: a.formatMessage({ id: `${Mr}link_${o}` }),
+          screenreaderText: a.formatMessage({ id: `${Tr}link_${o}` }),
           ...g
         }
       ) }, o);
     }) })
   ] });
 };
-const Nr = {
+const Mr = {
   "2-1": 901,
   "1-3": 769
-}, Dr = ({
+}, Nr = ({
   layout: e = "2-1",
   hideOnMobile: t = !1,
   className: n = "",
@@ -2555,13 +2555,13 @@ const Nr = {
 }) => {
   const c = vt(!0);
   let i = r;
-  return A.Children.count(r) === 1 && (i = A.Children.toArray(r)[0], i.props && (i = i.props.children)), /* @__PURE__ */ s.jsx("section", { className: $("columns", `layout-${e}`, n), children: A.Children.map(i, (u, a) => t !== !1 && a === t && c && c < Nr[e] ? null : u) });
-}, Ka = ({ activeLink: e, ...t }) => /* @__PURE__ */ s.jsx(Dr, { layout: "1-3", children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-  /* @__PURE__ */ s.jsx($r, { activeLink: e }),
+  return A.Children.count(r) === 1 && (i = A.Children.toArray(r)[0], i.props && (i = i.props.children)), /* @__PURE__ */ s.jsx("section", { className: $("columns", `layout-${e}`, n), children: A.Children.map(i, (u, a) => t !== !1 && a === t && c && c < Mr[e] ? null : u) });
+}, Ka = ({ activeLink: e, ...t }) => /* @__PURE__ */ s.jsx(Nr, { layout: "1-3", children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+  /* @__PURE__ */ s.jsx(Sr, { activeLink: e }),
   /* @__PURE__ */ s.jsx(lr, { ...t })
 ] }) });
-const Ot = "cookieBanner_", It = ["apol-cookie-banner", "apolitical-performance-cookie-consent", "functional-cookie-consent"], Bt = new Date(Date.now() + 12 * 30 * 24 * 60 * 60 * 1e3), Cr = () => {
-  const e = D(), [t, n, r] = ys(It), [c, i] = L(!t["apol-cookie-banner"]), u = () => {
+const Ot = "cookieBanner_", It = ["apol-cookie-banner", "apolitical-performance-cookie-consent", "functional-cookie-consent"], Bt = new Date(Date.now() + 12 * 30 * 24 * 60 * 60 * 1e3), Dr = () => {
+  const e = D(), [t, n, r] = Es(It), [c, i] = L(!t["apol-cookie-banner"]), u = () => {
     It.forEach((d) => {
       n(d, !0, {
         path: "/",
@@ -2896,11 +2896,11 @@ const ot = "emailHelperTextBox_", qa = ({ type: e, email: t, redirectPath: n, re
     )
   ) });
 };
-const it = "passwordRules_", Vn = "isMoreThanEightCharacters", Yn = "includesNumberAndSymbol", Gn = "includesLowerAndUppercase", Ar = {
+const it = "passwordRules_", Vn = "isMoreThanEightCharacters", Yn = "includesNumberAndSymbol", Gn = "includesLowerAndUppercase", Cr = {
   [Vn]: "8Characters",
   [Yn]: "numberSymbol",
   [Gn]: "lowercaseUppercase"
-}, Pr = ({ matchingRules: e = { isMoreThanEightCharacters: !1, includesNumberAndSymbol: !1, includesLowerAndUppercase: !1 }, className: t = "" }) => {
+}, Ar = ({ matchingRules: e = { isMoreThanEightCharacters: !1, includesNumberAndSymbol: !1, includesLowerAndUppercase: !1 }, className: t = "" }) => {
   const n = D();
   return /* @__PURE__ */ s.jsxs("aside", { className: $("password-rules", t), children: [
     /* @__PURE__ */ s.jsx("small", { children: n.formatMessage({ id: `${it}intro` }) }),
@@ -2909,7 +2909,7 @@ const it = "passwordRules_", Vn = "isMoreThanEightCharacters", Yn = "includesNum
         n.formatMessage({ id: `${it}rule_label` }),
         " "
       ] }),
-      /* @__PURE__ */ s.jsx("span", { children: n.formatMessage({ id: `${it}rule_${Ar[r]}` }) }),
+      /* @__PURE__ */ s.jsx("span", { children: n.formatMessage({ id: `${it}rule_${Cr[r]}` }) }),
       !e[r] && /* @__PURE__ */ s.jsxs(_e, { element: "strong", children: [
         " ",
         " ",
@@ -2917,7 +2917,7 @@ const it = "passwordRules_", Vn = "isMoreThanEightCharacters", Yn = "includesNum
       ] })
     ] }, `rule-${r}`)) })
   ] });
-}, eo = We(Pr);
+}, eo = We(Ar);
 const to = ({
   text: e = {},
   topRating: t = 5,
@@ -2978,7 +2978,7 @@ const to = ({
     }) })
   ] });
 };
-const Rr = ({
+const Pr = ({
   id: e = "search",
   className: t = "",
   handleToggle: n = !1,
@@ -3031,7 +3031,7 @@ const Rr = ({
     }
   );
 };
-const Fr = ({
+const Rr = ({
   title: e,
   label: t,
   ctaMessage: n,
@@ -3380,7 +3380,7 @@ const Fr = ({
     }) })
   ] }, e);
 };
-const Lr = { height: 67, height_desktop: 83 }, Jn = ({ showNavigation: e = !0 }) => {
+const Fr = { height: 67, height_desktop: 83 }, Jn = ({ showNavigation: e = !0 }) => {
   const t = D(), n = je($e), r = vt(!0, !0), c = n && typeof n.id == "string", i = xt(
     () => H.getIsDesktopVersion(c, r),
     [c, r]
@@ -3393,7 +3393,7 @@ const Lr = { height: 67, height_desktop: 83 }, Jn = ({ showNavigation: e = !0 })
     }
   }), { headerIsVisible: l, menus: o, focusElements: d } = u;
   Os({
-    scrollPosition: Lr[`height${i.navigation ? "_desktop" : ""}`],
+    scrollPosition: Fr[`height${i.navigation ? "_desktop" : ""}`],
     callbacks: {
       scrollUp: () => {
         !i && o.navigation || H.shouldChangeHeaderIsVisible(!0, o, a);
@@ -3502,7 +3502,7 @@ const Lr = { height: 67, height_desktop: 83 }, Jn = ({ showNavigation: e = !0 })
               }
             ),
             /* @__PURE__ */ s.jsx(
-              Rr,
+              Pr,
               {
                 id: "global-search",
                 handleToggle: {
@@ -3620,7 +3620,7 @@ const Zn = ({
       ] })
     }
   ) });
-}, Or = (e, t) => ({
+}, Lr = (e, t) => ({
   "aria-haspopup": !0,
   "aria-expanded": t,
   "aria-controls": e
@@ -3647,7 +3647,7 @@ const no = ({
     functions: { onClose: a },
     className: $("invite-modal", e, { success: !!n }),
     children: /* @__PURE__ */ s.jsx(
-      Fr,
+      Rr,
       {
         title: r,
         label: c,
@@ -3659,7 +3659,7 @@ const no = ({
     )
   }
 );
-const Ir = () => {
+const Or = () => {
   const e = D();
   return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     /* @__PURE__ */ s.jsx(Jn, {}),
@@ -3672,7 +3672,7 @@ const Ir = () => {
     ) }),
     /* @__PURE__ */ s.jsx(zn, {})
   ] });
-}, Br = ({
+}, Ir = ({
   children: e,
   additionalContent: { prepended: t, appended: n } = {},
   reportError: r,
@@ -3690,12 +3690,12 @@ const Ir = () => {
   }), v = ut(n, {
     locale: a
   }), E = {};
-  return d !== "default" && (E[d] = !0), m !== "default" && (E[m] = !0), h !== "default" && (E[h] = !0), /* @__PURE__ */ s.jsx($s, { onError: r, fallback: /* @__PURE__ */ s.jsx(Ir, {}), children: /* @__PURE__ */ s.jsx(gs, { fallback: /* @__PURE__ */ s.jsx(fr, { layout: "overview-page" }), children: /* @__PURE__ */ s.jsx(
+  return d !== "default" && (E[d] = !0), m !== "default" && (E[m] = !0), h !== "default" && (E[h] = !0), /* @__PURE__ */ s.jsx($s, { onError: r, fallback: /* @__PURE__ */ s.jsx(Or, {}), children: /* @__PURE__ */ s.jsx(gs, { fallback: null, children: /* @__PURE__ */ s.jsxs(
     "div",
     {
       id: "wrapper",
       className: $(u, E, { "has-footer": o }),
-      children: /* @__PURE__ */ s.jsxs(Es, { children: [
+      children: [
         /* @__PURE__ */ s.jsx(Jn, { showNavigation: l }),
         /* @__PURE__ */ s.jsxs("section", { id: "content-wrapper", children: [
           b && /* @__PURE__ */ s.jsx("div", { className: "additional-content prepended", children: b }),
@@ -3706,8 +3706,8 @@ const Ir = () => {
         ] }),
         v && /* @__PURE__ */ s.jsx("div", { className: "additional-content appended", children: v }),
         o && /* @__PURE__ */ s.jsx(zn, {}),
-        /* @__PURE__ */ s.jsx(Cr, {})
-      ] })
+        /* @__PURE__ */ s.jsx(Dr, {})
+      ]
     }
   ) }) });
 }, jn = {
@@ -3729,7 +3729,7 @@ const Ir = () => {
     WorkAndTheEconomy: "work-and-the-economy"
   },
   "from the community": "community"
-}, Qr = {
+}, Br = {
   getTagDetails: (e) => {
     if (e.includes("topic_")) {
       if (e = Qt.topic[e.replace("topic_", "")], e) {
@@ -3757,7 +3757,7 @@ const so = ({
   return e.forEach((o) => {
     if (!o)
       return;
-    const d = Qr.getTagDetails(o);
+    const d = Br.getTagDetails(o);
     d && l.push(d);
   }), l.length < 1 ? null : /* @__PURE__ */ s.jsx("ul", { className: $("tags text-small", t, c, { "one-line": n }), children: l.map((o) => {
     const d = a.formatMessage({ id: o.text });
@@ -3791,7 +3791,7 @@ const ro = ({
       a.isAdmin && /* @__PURE__ */ s.jsx(ft, { children: u.formatMessage({ id: "membersList_admin" }) })
     ] }, l)) }),
     n && /* @__PURE__ */ s.jsx(
-      jr,
+      kr,
       {
         ...n,
         icon: { icon: "arrow-down", position: "right" },
@@ -4039,16 +4039,16 @@ const ve = "discussion_form_", Kn = ({
       create: t
     }
   }
-), Hr = {
+), Qr = {
   showThread: !1,
   showForm: !1
-}, Et = Kt(Hr), Ur = ({ children: e }) => {
+}, Et = Kt(Qr), Hr = ({ children: e }) => {
   const [t, n] = L({
     showThread: !1,
     showForm: !1
   });
   return /* @__PURE__ */ s.jsx(Et.Provider, { value: { ...t, updateConversation: n }, children: e });
-}, Wr = ({
+}, Ur = ({
   question: e,
   answer: t,
   reply: n
@@ -4056,11 +4056,11 @@ const ve = "discussion_form_", Kn = ({
   ...e && { questionSlug: e },
   ...t && { answerSlug: t },
   ...n && { replySlug: n }
-}), zr = (e, t = 10) => !e || e.length === 0 ? [] : e.slice(0, t);
+}), Wr = (e, t = 10) => !e || e.length === 0 ? [] : e.slice(0, t);
 let Ke = !1;
 const Ht = () => {
   Ke !== !1 && (clearTimeout(Ke), Ke = !1);
-}, Ut = 5, Vr = ({
+}, Ut = 5, zr = ({
   element: e = "div",
   likes: t = 0,
   peopleWhoLiked: n = !1,
@@ -4076,7 +4076,7 @@ const Ht = () => {
   Y(() => {
     p(c);
   }, [c]);
-  const [d, m] = L(t), [h, p] = L(c), [g, b] = L(!1), [v, E] = L(!1), k = xt(() => zr(n, Ut), [n]), _ = (C) => {
+  const [d, m] = L(t), [h, p] = L(c), [g, b] = L(!1), [v, E] = L(!1), k = xt(() => Wr(n, Ut), [n]), _ = (C) => {
     if (C.preventDefault(), C.stopPropagation(), E(!1), Ke)
       return Ht(), !1;
     if (Ht(), g || !u)
@@ -4089,7 +4089,7 @@ const Ht = () => {
     C < 0 && (C = 0), b(!0), m(C), p(!h);
     try {
       if (i && i.slugs) {
-        const R = Wr(i.slugs);
+        const R = Ur(i.slugs);
         h ? await l(R) : await a(R, { contentPath: window.location.pathname });
       }
     } catch {
@@ -4155,7 +4155,7 @@ const Ht = () => {
   const t = {};
   return Object.keys(e).forEach((n) => n.includes("Id") ? t[n] = e[n] : t[`${n}Slug`] = e[n]), t;
 }, sn = (e, t) => e && !t;
-const De = "discussion_", Yr = 280, St = ({
+const De = "discussion_", Vr = 280, St = ({
   element: e = "div",
   content: t,
   userHasPermissions: n = !0,
@@ -4195,7 +4195,7 @@ const De = "discussion_", Yr = 280, St = ({
     });
   }, [t.isEdited]), r || !t || t.type === "answer" && (!t.slugs || !t.slugs.question))
     return /* @__PURE__ */ s.jsx(Se, { className: "discussion-card discussion-post" });
-  const { author: P, canLike: G, createdAt: x, id: K, likes: j = 0, userLiked: w, comments: z = 0 } = t, X = b ? Qe(_.body, Yr) : _.body, se = E && E.id && typeof P != "string" && P.id && P.id === E.id || !1, re = typeof G == "boolean" ? G : n ? !se : !1, ae = async (O) => {
+  const { author: P, canLike: G, createdAt: x, id: K, likes: j = 0, userLiked: w, comments: z = 0 } = t, X = b ? Qe(_.body, Vr) : _.body, se = E && E.id && typeof P != "string" && P.id && P.id === E.id || !1, re = typeof G == "boolean" ? G : n ? !se : !1, ae = async (O) => {
     O || (O = ""), N("");
     try {
       if (!Ms(O, _.body)) {
@@ -4254,7 +4254,7 @@ const De = "discussion_", Yr = 280, St = ({
       className: "gtm-trackable",
       "data-gtm-event-context": p,
       "data-gtm-event-type": `delete-${t.type}-click`,
-      ...Or(`delete-${t.slug}-modal`, C)
+      ...Lr(`delete-${t.slug}-modal`, C)
     }
   ), A.createElement(e, {
     className: $("discussion-post", h),
@@ -4340,7 +4340,7 @@ const De = "discussion_", Yr = 280, St = ({
                 "data-testid": `${t.type}-actions`,
                 children: [
                   /* @__PURE__ */ s.jsx(
-                    Vr,
+                    zr,
                     {
                       element: "li",
                       likes: j,
@@ -4399,7 +4399,7 @@ const De = "discussion_", Yr = 280, St = ({
                     }
                   ) }),
                   /* @__PURE__ */ s.jsx(
-                    yr,
+                    jr,
                     {
                       element: "li",
                       id: `more-${t.slug}`,
@@ -4472,7 +4472,7 @@ const Wt = "discussion_responses_", ao = ({ type: e = "answer", responses: t = 0
     t === 0 && /* @__PURE__ */ s.jsx("p", { children: Te(n.formatMessage, `${Wt}empty`, e, e) })
   ] });
 };
-const Gr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
+const Yr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   const r = D(), c = de(null), i = je(Et), [u, a] = L(
     "closed"
     /* Closed */
@@ -4538,7 +4538,7 @@ const Gr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
       }
     )
   ] });
-}, Jr = ({
+}, Gr = ({
   user: e,
   content: t,
   verb: n = "post"
@@ -4559,7 +4559,7 @@ const Gr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     like: 0
   },
   verb: n
-}), Xr = ({
+}), Jr = ({
   queryClient: e,
   queryKey: t,
   user: n,
@@ -4567,7 +4567,7 @@ const Gr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
 }) => ({ mutationFn: r, onMutate: async ({ content: a }) => {
   if (!n)
     return;
-  const l = Jr({ user: n, content: a, verb: "post" });
+  const l = Gr({ user: n, content: a, verb: "post" });
   await e.cancelQueries({ queryKey: t });
   const o = e.getQueryData(t);
   return e.setQueryData(t, (d) => [...d, l]), { previousActivities: o };
@@ -4575,7 +4575,7 @@ const Gr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   e.setQueryData(t, o.previousActivities);
 }, onSettled: () => {
   e.invalidateQueries({ queryKey: t });
-} }), Zr = ({
+} }), Xr = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4597,7 +4597,7 @@ const Gr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   onSettled: () => {
     e.invalidateQueries({ queryKey: t });
   }
-}), Kr = ({
+}), Zr = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4613,7 +4613,7 @@ const Gr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   e.invalidateQueries({
     queryKey: [...t, l.activityId]
   });
-} }), qr = ({
+} }), Kr = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4636,7 +4636,7 @@ const Gr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   e.invalidateQueries({
     queryKey: [...t, o.activityId]
   });
-} }), ea = ({
+} }), qr = ({
   queryClient: e,
   queryKey: t,
   user: n,
@@ -4684,30 +4684,30 @@ const Gr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   } = $n({
     queryKey: [e, t],
     queryFn: r
-  }), k = Xr({
+  }), k = Jr({
     queryClient: h,
     queryKey: [e, t],
     user: p,
     mutationFn: c
-  }), { mutate: _ } = ie(k), T = Zr({
+  }), { mutate: _ } = ie(k), T = Xr({
     queryClient: h,
     queryKey: [e, t],
     mutationFn: async (w) => await i(w)
   }), {
     mutate: C
-  } = ie(T), R = Kr({
+  } = ie(T), R = Zr({
     queryClient: h,
     queryKey: [e, t],
     mutationFn: async ({ activityId: w }) => await u({ activityId: w })
   }), {
     mutate: V
-  } = ie(R), N = qr({
+  } = ie(R), N = Kr({
     queryClient: h,
     queryKey: [e, t],
     mutationFn: a
   }), {
     mutate: P
-  } = ie(N), G = ea({
+  } = ie(N), G = qr({
     queryClient: h,
     queryKey: [e, t],
     user: p,
@@ -4807,7 +4807,7 @@ const Gr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
       ] }, w == null ? void 0 : w.id);
     }))
   ] });
-}, ta = ({
+}, ea = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4826,7 +4826,7 @@ const Gr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     })), { previousActivity: l };
 }, onSettled: () => {
   e.invalidateQueries({ queryKey: t });
-} }), na = ({
+} }), ta = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4852,7 +4852,7 @@ const Gr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   onError: (i, u, a) => {
     e.setQueryData(t, a.previousActivity);
   }
-}), sa = ({
+}), na = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4871,7 +4871,7 @@ const Gr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   })), { previousActivity: u };
 }, onError: (i, u, a) => {
   e.setQueryData(t, a.previousActivity);
-} }), ra = ({
+} }), sa = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4898,7 +4898,7 @@ const Gr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     ...a,
     latest_reactions: { reply: l }
   })), { previousActivity: a };
-} }), aa = ({
+} }), ra = ({
   queryClient: e,
   queryKey: t,
   user: n,
@@ -4937,7 +4937,7 @@ const Gr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     ...o,
     latest_reactions: { reply: d }
   })), { previousActivity: o };
-} }), oa = ({
+} }), aa = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4960,7 +4960,7 @@ const Gr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   onSettled: () => {
     e.invalidateQueries({ queryKey: t });
   }
-}), ia = ({
+}), oa = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4985,7 +4985,7 @@ const Gr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     ...a,
     latest_reactions: { reply: l }
   })), { previousActivity: a };
-} }), ca = ({
+} }), ia = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -5010,7 +5010,7 @@ const Gr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     ...a,
     latest_reactions: { reply: l }
   })), { previousActivity: a };
-} }), la = ({
+} }), ca = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -5043,7 +5043,7 @@ const Gr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     ...l,
     latest_reactions: { reply: o }
   })), { previousActivity: l };
-} }), da = ({
+} }), la = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n,
@@ -5084,7 +5084,7 @@ const Gr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     ...o,
     latest_reactions: { reply: d }
   })), { previousActivity: o };
-} }), ua = ({
+} }), da = ({
   basePath: e,
   parentId: t,
   replyParentId: n,
@@ -5093,29 +5093,29 @@ const Gr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   replies: i,
   functions: { create: u, edit: a, remove: l, join: o, leave: d, like: m, unlike: h }
 }) => {
-  const p = D(), g = wt(), b = je($e), v = je(Et), E = oa({
+  const p = D(), g = wt(), b = je($e), v = je(Et), E = aa({
     queryClient: g,
     queryKey: [e, t, r],
     mutationFn: async (j) => u({ replyId: n, content: j.body })
-  }), { mutate: k } = ie(E), _ = ia({
+  }), { mutate: k } = ie(E), _ = oa({
     queryClient: g,
     queryKey: [e, t, r],
     mutationFn: a
   }), {
     mutate: T
-  } = ie(_), C = ca({
+  } = ie(_), C = ia({
     queryClient: g,
     queryKey: [e, t, r],
     mutationFn: async ({ replyId: j }) => l({ replyId: j })
   }), {
     mutate: R
-  } = ie(C), V = la({
+  } = ie(C), V = ca({
     queryClient: g,
     queryKey: [e, t, r],
     mutationFn: m
   }), {
     mutate: N
-  } = ie(V), P = da({
+  } = ie(V), P = la({
     queryClient: g,
     queryKey: [e, t, r],
     user: b,
@@ -5130,7 +5130,7 @@ const Gr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     [G]
   );
   return /* @__PURE__ */ s.jsx(
-    Gr,
+    Yr,
     {
       count: c,
       showRepliesButton: c > 0 || v.showForm,
@@ -5215,7 +5215,7 @@ const Gr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
       ] })
     }
   );
-}, ma = ({
+}, ua = ({
   basePath: e,
   parentId: t,
   activityId: n,
@@ -5223,29 +5223,29 @@ const Gr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   isMember: c,
   functions: { create: i, edit: u, remove: a, like: l, unlike: o, join: d, leave: m }
 }) => {
-  const h = D(), p = wt(), g = je($e), b = ta({
+  const h = D(), p = wt(), g = je($e), b = ea({
     queryClient: p,
     queryKey: [e, t, n],
     mutationFn: async (x) => i({ activityId: n, content: x.body })
-  }), { mutate: v } = ie(b), E = na({
+  }), { mutate: v } = ie(b), E = ta({
     queryClient: p,
     queryKey: [e, t, n],
     mutationFn: async (x) => u(x)
   }), {
     mutate: k
-  } = ie(E), _ = sa({
+  } = ie(E), _ = na({
     queryClient: p,
     queryKey: [e, t, n],
     mutationFn: async ({ replyId: x }) => a({ replyId: x })
   }), {
     mutate: T
-  } = ie(_), C = ra({
+  } = ie(_), C = sa({
     queryClient: p,
     queryKey: [e, t, n],
     mutationFn: l
   }), {
     mutate: R
-  } = ie(C), V = aa({
+  } = ie(C), V = ra({
     queryClient: p,
     queryKey: [e, t, n],
     user: g,
@@ -5277,7 +5277,7 @@ const Gr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     (r == null ? void 0 : r.length) === 0 || (r == null ? void 0 : r.map((x) => {
       var w, z, X, se, re, ae, q, fe, ue, O, oe, he, ce, xe, pe, be, ge, B, J, le;
       const K = ((w = x == null ? void 0 : x.user) == null ? void 0 : w.id) === (g == null ? void 0 : g.id), j = sn(c, K);
-      return /* @__PURE__ */ s.jsx(Ur, { children: /* @__PURE__ */ s.jsx(
+      return /* @__PURE__ */ s.jsx(Hr, { children: /* @__PURE__ */ s.jsx(
         St,
         {
           content: {
@@ -5330,7 +5330,7 @@ const Gr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
             comments: {}
           },
           children: /* @__PURE__ */ s.jsx(
-            ua,
+            da,
             {
               basePath: e,
               parentId: t,
@@ -5355,7 +5355,7 @@ const Gr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
       ) }, x == null ? void 0 : x.id);
     }))
   ] });
-}, fa = ({
+}, ma = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -5379,14 +5379,14 @@ const Gr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   onSettled: () => {
     e.invalidateQueries({ queryKey: t });
   }
-}), ha = ({
+}), fa = ({
   queryClient: e,
   queryKey: t,
   redirectUrl: n,
   mutationFn: r
 }) => ({ mutationFn: r, onSuccess: () => {
   e.invalidateQueries({ queryKey: t }), window.location.href = n;
-} }), pa = ({
+} }), ha = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -5406,7 +5406,7 @@ const Gr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   })), { previousActivity: l };
 }, onSettled: () => {
   e.invalidateQueries({ queryKey: t });
-} }), ga = ({
+} }), pa = ({
   queryClient: e,
   queryKey: t,
   user: n,
@@ -5467,24 +5467,24 @@ const io = ({
   } = $n({
     queryKey: [e, t, n],
     queryFn: c
-  }), R = fa({
+  }), R = ma({
     queryClient: k,
     queryKey: [e, t, n],
     mutationFn: async (te) => await i(te)
   }), {
     mutate: V
-  } = ie(R), N = ha({
+  } = ie(R), N = fa({
     queryClient: k,
     queryKey: [e, t, n],
     mutationFn: async ({ activityId: te }) => u({ activityId: te }),
     redirectUrl: `${e}/${t}`
-  }), { mutate: P } = ie(N), G = pa({
+  }), { mutate: P } = ie(N), G = ha({
     queryClient: k,
     queryKey: [e, t, n],
     mutationFn: a
   }), {
     mutate: x
-  } = ie(G), K = ga({
+  } = ie(G), K = pa({
     queryClient: k,
     queryKey: [e, t, n],
     user: E,
@@ -5574,7 +5574,7 @@ const io = ({
           ")"
         ] }),
         /* @__PURE__ */ s.jsx(
-          ma,
+          ua,
           {
             basePath: e,
             parentId: t,
@@ -5602,7 +5602,7 @@ const io = ({
   jobTitle: t,
   organization: r,
   image: { thumbnail: c }
-}), _a = ({ type: e, data: t }) => {
+}), ga = ({ type: e, data: t }) => {
   const n = D(), {
     answers: r,
     createdAt: c,
@@ -5718,7 +5718,7 @@ const io = ({
     },
     gtmEvent: "learning-hub"
   }
-}, xa = ({ data: e, cta: t, link: n, gtmContext: r }) => {
+}, _a = ({ data: e, cta: t, link: n, gtmContext: r }) => {
   var g;
   const c = D(), [i, u] = L({
     loading: !1,
@@ -5790,16 +5790,16 @@ const io = ({
   person: "user",
   speech: "speech-bubble_round",
   star: "star_empty_thin"
-}, ba = (e) => {
+}, xa = (e) => {
   let t = e;
   return Object.keys(En).includes(e) && (t = En[e]), `url(${mt}icons/${t}.svg)`;
 };
-const wa = {
+const ba = {
   title: 66,
   text: 3e3,
   secondaryText: 1e3,
   partner: 25
-}, va = ({
+}, wa = ({
   id: e = "",
   card: t,
   buildCardData: n,
@@ -5834,7 +5834,7 @@ const wa = {
     className: v,
     length: E,
     gtmEvent: k
-  } = _t[g], _ = Rn(`card_label_${g}`) ? u.formatMessage({ id: `card_label_${g}` }) : !1, T = m.slug ? `${b}${m.slug}` : !1, C = { ...wa, ...E };
+  } = _t[g], _ = Rn(`card_label_${g}`) ? u.formatMessage({ id: `card_label_${g}` }) : !1, T = m.slug ? `${b}${m.slug}` : !1, C = { ...ba, ...E };
   let R = { className: "card" };
   T && (R = {
     href: T,
@@ -5843,7 +5843,7 @@ const wa = {
     "data-gtm-event-type": `${k}-click`,
     "data-testid": "link"
   }, m.openInNewTab && (R.target = "_blank"));
-  const V = m.customIcon ? { "--custom-icon": ba(m.customIcon) } : {};
+  const V = m.customIcon ? { "--custom-icon": xa(m.customIcon) } : {};
   return /* @__PURE__ */ s.jsx(
     "li",
     {
@@ -5901,17 +5901,17 @@ const wa = {
             const G = Bs(N);
             return /* @__PURE__ */ s.jsx("p", { className: G, "data-testid": G, children: Qe(P, C[N]) }, N);
           }),
-          /* @__PURE__ */ s.jsx(_a, { type: v || "", data: m }),
-          /* @__PURE__ */ s.jsx(xa, { data: m, cta: r, link: T || "", gtmContext: c })
+          /* @__PURE__ */ s.jsx(ga, { type: v || "", data: m }),
+          /* @__PURE__ */ s.jsx(_a, { data: m, cta: r, link: T || "", gtmContext: c })
         ] })
       )
     }
   );
 };
-const ka = ({ cards: e, cardTypes: t, className: n = "", ...r }) => /* @__PURE__ */ s.jsx("ul", { className: $("card-block", n), children: e.map((c, i) => {
+const va = ({ cards: e, cardTypes: t, className: n = "", ...r }) => /* @__PURE__ */ s.jsx("ul", { className: $("card-block", n), children: e.map((c, i) => {
   const u = c.slug ? `${c.slug}-${t[i]}` : `${t[i]}-${i}`;
   return /* @__PURE__ */ s.jsx(
-    va,
+    wa,
     {
       id: u,
       card: { ...c, contentType: t[i] },
@@ -5969,13 +5969,13 @@ const lt = "notFoundError_", lo = () => {
   return Sn.forEach((n, r) => {
     n.title = e.formatMessage({ id: `${lt}post_${r + 1}` }), t.push("solutionArticle");
   }), /* @__PURE__ */ s.jsxs(
-    Br,
+    Ir,
     {
       styling: { background: "bold", circle: "small", variant: "alt-2" },
       additionalContent: {
         appended: /* @__PURE__ */ s.jsxs(en, { children: [
           /* @__PURE__ */ s.jsx(
-            ka,
+            va,
             {
               cards: Sn,
               cardTypes: t,
@@ -6002,70 +6002,70 @@ export {
   oo as ActivitiesFeed,
   io as ActivitySection,
   nn as AddPost,
-  Qa as BannerSection,
+  Ba as BannerSection,
   Ga as Breadcrumbs,
   U as Button,
   kt as ButtonWrapper,
-  gr as CacheProvider,
+  pr as CacheProvider,
   Ln as CollapsibleSection,
-  Dr as Columns,
+  Nr as Columns,
   Ya as CommunityDetails,
   Hn as Contributors,
   Et as ConversationContext,
-  Cr as CookieBanner,
-  Ur as DiscussionConversation,
+  Dr as CookieBanner,
+  Hr as DiscussionConversation,
   Kn as DiscussionForm,
-  Vr as DiscussionLikes,
+  zr as DiscussionLikes,
   St as DiscussionPost,
-  Gr as DiscussionThread,
+  Yr as DiscussionThread,
   Ue as Divider,
-  Ia as DownloadSection,
+  Oa as DownloadSection,
   Ze as EMAILS,
   qa as EmailHelperTextBox,
   yt as EmptyStateBox,
   Ja as Filters,
-  br as FlagsProvider,
+  xr as FlagsProvider,
   zn as Footer,
   en as FullWidthSection,
   Va as GlobalProviders,
   Jn as Header,
   er as HelperTextBox,
   Nn as HiddenFromScreenReaders,
-  Wa as HideShowTextBox,
+  Ua as HideShowTextBox,
   Re as HighlightedTextBox,
-  wr as IntlProvider,
-  Fr as InviteForm,
+  br as IntlProvider,
+  Rr as InviteForm,
   no as InviteModal,
   Un as JoinButton,
   Xa as LanguageSwitcher,
   jt as Link,
-  jr as LoadMore,
-  za as LoadingBlock,
+  kr as LoadMore,
+  Wa as LoadingBlock,
   Se as LoadingPlaceholder,
-  fr as LoadingState,
+  za as LoadingState,
   Wn as Logo,
-  Ba as LogoSection,
+  Ia as LogoSection,
   bn as MarkdownText,
-  Ha as MarketingBox,
+  Qa as MarketingBox,
   tn as Member,
   ro as MembersList,
   Xn as Modal,
-  yr as MoreMenu,
-  Ua as NUMBER_OF_USERS,
-  $r as NavigationMenu,
+  jr as MoreMenu,
+  Ha as NUMBER_OF_USERS,
+  Sr as NavigationMenu,
   lo as NotFoundError,
   Zn as Overlay,
   lr as PageHeading,
-  Br as PageLayout,
+  Ir as PageLayout,
   eo as PasswordRules,
   ft as Pill,
   qe as ProfilePicture,
   ur as ProgressBar,
   to as Rating,
-  ma as RepliesFeed,
+  ua as RepliesFeed,
   ao as ResponsesHeading,
   Fn as ResponsiveImage,
-  Rr as SearchForm,
+  Pr as SearchForm,
   Za as ShareLinks,
   cr as Span,
   Xt as StatusBanner,
@@ -6073,9 +6073,9 @@ export {
   Zs as Tooltip,
   Ka as TopLevelPage,
   $e as UserContext,
-  vr as UserProvider,
+  wr as UserProvider,
   _e as VisuallyHidden,
-  Or as addAriaProps,
+  Lr as addAriaProps,
   Qn as getMember,
   pt as headerData,
   co as mapGetStreamData,
@@ -6083,5 +6083,5 @@ export {
   He as useEffectAfterMount,
   vt as useElementWidth,
   Os as useScrollListener,
-  Oa as useScrollToHash
+  La as useScrollToHash
 };