@apolitical/component-library 1.14.11 → 1.14.13

package/index.mjs

@@ -7,7 +7,7 @@ import bt from "markdown-to-jsx";
 import { QueryClient as ks, QueryClientProvider as js, useQueryClient as wt, useQuery as Tn, useMutation as ie } from "@tanstack/react-query";
 import { ReactQueryDevtools as ys } from "@tanstack/react-query-devtools";
 import dt from "posthog-js";
-import { useCookies as Es, CookiesProvider as Ss } from "react-cookie";
+import { CookiesProvider as Es, useCookies as Ss } from "react-cookie";
 import { ReactMultiEmail as $s } from "react-multi-email";
 import Mn from "lodash.get";
 import { ErrorBoundary as Ts } from "react-error-boundary";
@@ -818,12 +818,6 @@ const vt = (e = !0, t = !1, n = "window") => {
       r && (r.scrollIntoView(t ? { behavior: "smooth" } : null), n.current = !0);
     }
   }, e);
-}, Bs = (e, t) => {
-  Array.isArray(t) || (t = [t]);
-  const n = xs(e);
-  return t.forEach(({ type: r, value: i }) => {
-    bs(n, r, i);
-  }), n;
 }, An = (e) => {
   const t = [];
   return e.forEach((n) => {
@@ -840,7 +834,7 @@ const vt = (e = !0, t = !1, n = "window") => {
       break;
   }
   return r;
-}, Qs = (e) => e.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`), Hs = (e, t = "en") => new Date(e).toLocaleString(t, { day: "numeric", month: "short" }), Rn = (e, t = "en") => new Date(e).toLocaleString(t, {
+}, Bs = (e) => e.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`), Qs = (e, t = "en") => new Date(e).toLocaleString(t, { day: "numeric", month: "short" }), Rn = (e, t = "en") => new Date(e).toLocaleString(t, {
   weekday: "long",
   day: "numeric",
   month: "short",
@@ -863,7 +857,7 @@ const vt = (e = !0, t = !1, n = "window") => {
 }, _n = (e) => {
   const n = (e || /* @__PURE__ */ new Date()).toUTCString();
   return new Date(n);
-}, Us = (e) => new Promise((t) => setTimeout(t, e)), qt = {
+}, qt = {
   apolitical: "Apolitical",
   breadcrumbs_label: "Go back to:",
   breadcrumbs_currentPage: "Current page:",
@@ -1180,35 +1174,35 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   signup_success_text: "<p>Once we've vetted your application, you'll get a secure login link to help you get started.</p><p>Please note that trust is everything to our community, so you can't login until your identity has been verified.</p>",
   tags_community: "From the community",
   tooltip_loading: "Loading..."
-}, Ws = {
+}, Hs = {
   languageSwitcher_label: "Me gustaría leer este artículo en...",
   languageSwitcher_translation_original: "idioma original",
   languageSwitcher_translation_human: "traducido por un humano",
   languageSwitcher_translation_machine: "traducido por máquina",
   languageSwitcher_disclaimer: "Este contenido fue traducido automáticamente y ocasionalmente tendrá errores de género u otras traducciones directas. Estamos intentando resolver este problema, pero mientras tanto, si notas algún error grave, escríbenos a <link>{email}</link>"
-}, zs = {
+}, Us = {
   collapsibleSection_summary: "En savoir plus",
   languageSwitcher_label: "Je voudrais lire cet article dans...",
   languageSwitcher_translation_original: "langue originale",
   languageSwitcher_translation_human: "traduit par un humain",
   languageSwitcher_translation_machine: "traduit par machine",
   languageSwitcher_disclaimer: "Ce contenu est traduit automatiquement et contiendra d’évantuelles erreurs de genre ou d’autres traductions directes. Nous essayons de résoudre ce problème, mais en attendant, si vous remarquez une erreur importante, faites-le nous savoir à <link>{email}</link>"
-}, Vs = {
+}, Ws = {
   languageSwitcher_label: "Eu gostaria de ler este artigo em...",
   languageSwitcher_translation_original: "linguagem original",
   languageSwitcher_translation_human: "traduzido por um humano",
   languageSwitcher_translation_machine: "traduzido por máquina",
   languageSwitcher_disclaimer: "Este conteúdo foi traduzido automaticamente e, ocasionalmente, poderão ocorrer erros de linguagem de gênero ou outras traduções diretas. Estamos tentando resolver isso, porém se perceber algo errado por favor nos avise em <link>{email}</link>"
-}, Ys = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, zs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   en: qt,
-  es: Ws,
-  fr: zs,
-  pt: Vs
+  es: Hs,
+  fr: Us,
+  pt: Ws
 }, Symbol.toStringTag, { value: "Module" })), Fn = (e) => e in qt, Te = (e, t, n, r, i = {}) => {
   let c = "";
   return Fn(`${t}_${n}`) ? c = e({ id: `${t}_${n}` }, i) : c = e({ id: t }, { [r]: n, ...i }), c;
-}, Gs = (e, t, n) => {
+}, Vs = (e, t, n) => {
   if (!e || e === 0)
     return "0";
   t || (t = 0), n || (n = ["k", "m", "b", "t"]);
@@ -1222,9 +1216,20 @@ Thank you for helping to protect the Apolitical community from abusive content.`
     }
   }
   return r;
-}, ut = (e, t) => A.Children.map(e, (n) => A.cloneElement(n, {
+}, Ys = (e = 0) => {
+  setTimeout(() => {
+    const t = document.querySelector(".splash-screen");
+    t && t.remove(), window.prerenderReady = !0;
+  }, e);
+}, Gs = (e) => e.replace(/\s+/g, "").length > 0, Js = (e, t) => {
+  Array.isArray(t) || (t = [t]);
+  const n = xs(e);
+  return t.forEach(({ type: r, value: i }) => {
+    bs(n, r, i);
+  }), n;
+}, Xs = (e) => new Promise((t) => setTimeout(t, e)), ut = (e, t) => A.Children.map(e, (n) => A.cloneElement(n, {
   ...t
-})), Js = (e) => e.replace(/\s+/g, "").length > 0, U = ({
+})), U = ({
   variant: e = "primary",
   size: t = "medium",
   styling: n = { muted: !1, fullWidth: !1 },
@@ -1395,17 +1400,17 @@ const Ue = ({ className: e = "", maxWidth: t = !1 }) => {
     ],
     sizes: "(min-width: 1024px) 453px, 20vw"
   }
-}, Xs = ({
+}, Zs = ({
   aspect: e,
   range: t,
   sizes: n
 }) => {
   const { range: r, sizes: i } = e ? xn[e] : xn.fallback;
   return { range: t && t.length > 0 ? t : r, sizes: n || i };
-}, Zs = ({ format: e, height: t, query: n, width: r }) => {
+}, Ks = ({ format: e, height: t, query: n, width: r }) => {
   let i = `w=${r}&h=${t}`;
   return i = e ? `${i}&fm=${e}` : i, i = n ? `${i}&${n}` : i, i;
-}, Ct = ({ format: e, range: t, url: n, query: r }) => t.map(({ height: i, width: c }) => `${n}?${Zs({
+}, Ct = ({ format: e, range: t, url: n, query: r }) => t.map(({ height: i, width: c }) => `${n}?${Ks({
   format: e,
   height: i,
   query: r,
@@ -1422,7 +1427,7 @@ const Ln = ({ image: e, className: t, testId: n }) => {
     loading: o,
     decoding: m,
     fetchPriority: u
-  } = e, { range: h, sizes: p } = Xs(e), g = Ct({ format: "avif", query: d, range: h, url: a }), b = Ct({ format: "webp", query: d, range: h, url: a }), v = Ct({ format: "", query: d, range: h, url: a });
+  } = e, { range: h, sizes: p } = Zs(e), g = Ct({ format: "avif", query: d, range: h, url: a }), b = Ct({ format: "webp", query: d, range: h, url: a }), v = Ct({ format: "", query: d, range: h, url: a });
   return /* @__PURE__ */ s.jsxs("picture", { className: t, children: [
     c !== "image/gif" && /* @__PURE__ */ s.jsx(
       "source",
@@ -1460,7 +1465,7 @@ const Ln = ({ image: e, className: t, testId: n }) => {
   ] });
 };
 let Je = !1;
-const Ks = ({ isOpen: e = !1, isLoading: t = !1, children: n }) => {
+const qs = ({ isOpen: e = !1, isLoading: t = !1, children: n }) => {
   const r = D(), i = de(null), [c, d] = L("hidden");
   Y(() => {
     const l = i.current;
@@ -1544,7 +1549,7 @@ const Qa = ({ title: e = !1, logos: t = [], className: n = "" }) => {
     )
   ] });
 };
-const qs = [
+const er = [
   "small",
   "span",
   "strong",
@@ -1558,7 +1563,7 @@ const qs = [
   "h6",
   "blockquote",
   "q"
-], er = ({
+], tr = ({
   className: e = "",
   content: t,
   image: n,
@@ -1582,7 +1587,7 @@ const qs = [
       if (typeof t[u] == "object") {
         m[u] = t[u];
         const { text: h, element: p } = t[u];
-        if (p && qs.includes(p.toLowerCase()))
+        if (p && er.includes(p.toLowerCase()))
           return;
         m[u] = {
           text: h,
@@ -1635,7 +1640,7 @@ const qs = [
       ] })
     }
   );
-}, Ha = We(er);
+}, Ha = We(tr);
 const Ua = ({
   variant: e = "primary",
   button: t = null,
@@ -1702,7 +1707,7 @@ const yt = ({
 const Jt = ({ children: e, ...t }) => /* @__PURE__ */ s.jsx("p", { ...t, children: e }), In = { q: Jt, blockquote: Jt };
 for (let e = 1; e <= 6; e++)
   In[`h${e}`] = { component: Jt, props: { className: "title" } };
-const tr = ({ type: e = "default", className: t = "", heading: n = !1, children: r }) => /* @__PURE__ */ s.jsxs("div", { className: $("helper-text-box text-small", e, t), children: [
+const nr = ({ type: e = "default", className: t = "", heading: n = !1, children: r }) => /* @__PURE__ */ s.jsxs("div", { className: $("helper-text-box text-small", e, t), children: [
   n && /* @__PURE__ */ s.jsx("p", { className: "title", children: n }),
   typeof r == "string" ? /* @__PURE__ */ s.jsx(
     bt,
@@ -1759,7 +1764,7 @@ const za = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
       }
     ) })
   ] });
-}, nr = () => A.Fragment, sr = ({ children: e }) => /* @__PURE__ */ s.jsx(Re, { variant: "secondary", children: e }), rr = ["span", "strong", "h1", "h2", "h3", "h4", "h5", "h6", "p"], ar = ({ children: e }) => {
+}, sr = () => A.Fragment, rr = ({ children: e }) => /* @__PURE__ */ s.jsx(Re, { variant: "secondary", children: e }), ar = ["span", "strong", "h1", "h2", "h3", "h4", "h5", "h6", "p"], or = ({ children: e }) => {
   const t = D();
   if (!e)
     return null;
@@ -1772,7 +1777,7 @@ const za = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
           for (const d of zt.toArray(c.props.children))
             if (!(!d || typeof d == "string" || typeof d == "number") && A.isValidElement(d)) {
               const a = d.type;
-              if (rr.includes(a)) {
+              if (ar.includes(a)) {
                 for (n = d.props.children; typeof n != "string" && (Array.isArray(n) && n[0].props && n[0].props.children && n[0].props.children[0]); )
                   n = n[0].props.children[0];
                 break;
@@ -1790,7 +1795,7 @@ const za = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
       children: r.map((c) => c)
     }
   );
-}, or = ({ children: e, ...t }) => {
+}, ir = ({ children: e, ...t }) => {
   if (t.class)
     switch (t.class) {
       case "casestudy":
@@ -1804,7 +1809,7 @@ const za = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
         return /* @__PURE__ */ s.jsx("div", { ...t, children: e });
     }
   return /* @__PURE__ */ s.jsx("div", { ...t, children: e });
-}, ir = (e) => {
+}, cr = (e) => {
   const t = D(), n = Date.now().toString();
   let r = "default";
   const i = e.src;
@@ -1816,7 +1821,7 @@ const za = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
 }, bn = (e) => {
   let t = "";
   return e && typeof e != "string" && typeof e != "number" && typeof e != "boolean" && "type" in e && (t = e.type), t;
-}, cr = ({ children: e, ...t }) => {
+}, lr = ({ children: e, ...t }) => {
   let n = { ...t };
   t.href && (t.href.includes("http:") || t.href.includes("https:")) && !t.target && (n.target = "_blank");
   let r = e, i = !1;
@@ -1831,30 +1836,30 @@ const za = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
             break;
     }
   return i ? (n = { ...n, className: "button primary medium" }, /* @__PURE__ */ s.jsx("p", { className: "center", children: /* @__PURE__ */ s.jsx(U, { variant: "primary", size: "medium", ...n, children: r }) })) : /* @__PURE__ */ s.jsx("a", { ...n, children: r });
-}, lr = ({ children: e }) => /* @__PURE__ */ s.jsx("span", { children: e });
+}, dr = ({ children: e }) => /* @__PURE__ */ s.jsx("span", { children: e });
 const wn = ({ className: e = "", options: t = {}, children: n }) => {
   n = n.replace(/^<br\/?>/, "");
   const r = {
     wrapper: A.Fragment,
     forceBlock: !0,
     overrides: {
-      a: cr,
+      a: lr,
       // Override psuedo-code
       // We give the content team psuedo-code short cuts to use in Contentful
       CollapsibleSection: On,
       TextBox: Re,
-      CaseStudy: sr,
+      CaseStudy: rr,
       // Override embedded HTML
       // Our content team previously used real HTML, which we need to tear out and replace with React components
-      style: nr,
-      details: ar,
-      div: or,
-      iframe: ir
+      style: sr,
+      details: or,
+      div: ir,
+      iframe: cr
     }
   };
   return /* @__PURE__ */ s.jsx("div", { className: $("markdown-text", e), children: /* @__PURE__ */ s.jsx(bt, { options: { ...r, ...t }, children: n }) });
 };
-const dr = ({
+const ur = ({
   maxWidth: e = !1,
   title: t,
   subtitle: n,
@@ -1882,11 +1887,11 @@ const ft = ({
   ...i
 }) => /* @__PURE__ */ s.jsx("span", { className: $("pill", e, t, n), ...i, children: r });
 const Xt = ({ element: e = "p", children: t = null, className: n = "", ...r }) => A.createElement(e, { ...r, className: $("status-banner text-small", n), "aria-live": "assertive" }, t);
-const ur = ({ progress: e = 0, text: t = !1, className: n = "" }) => {
+const mr = ({ progress: e = 0, text: t = !1, className: n = "" }) => {
   const r = D(), i = e > 75 ? 100 : e > 50 ? 75 : e > 25 ? 50 : e > 5 ? 25 : 0, c = { "--progress": `${e}%` };
   return /* @__PURE__ */ s.jsx("span", { className: $(`progress-bar section-${i}`, n), style: c, children: /* @__PURE__ */ s.jsx(_e, { children: t ? `${e} ${t}` : r.formatMessage({ id: "progressBar" }, { number: e }) }) });
-}, mr = We(ur);
-const At = "loadingBlock_", fr = ({ progress: e = 0, steps: t = !1, className: n = "" }) => {
+}, fr = We(mr);
+const At = "loadingBlock_", hr = ({ progress: e = 0, steps: t = !1, className: n = "" }) => {
   const r = D();
   t || (t = {
     0: { text: r.formatMessage({ id: `${At}loading` }) },
@@ -1906,11 +1911,11 @@ const At = "loadingBlock_", fr = ({ progress: e = 0, steps: t = !1, className: n
       style: d,
       children: [
         i && /* @__PURE__ */ s.jsx("span", { className: "step", children: t[i].text }),
-        /* @__PURE__ */ s.jsx(mr, { progress: e })
+        /* @__PURE__ */ s.jsx(fr, { progress: e })
       ]
     }
   );
-}, Va = We(fr);
+}, Va = We(hr);
 const Se = ({ element: e = "div", className: t = "", ...n }) => /* @__PURE__ */ s.jsx(Dn, { element: e, className: $("loading-placeholder", t), ...n });
 const Zt = {
   header: ["logo", "link", "link", "search"],
@@ -1929,7 +1934,7 @@ const Zt = {
     "cards-section",
     "footer"
   ]
-}, Bn = (e, t) => e in Zt ? /* @__PURE__ */ s.jsx("div", { className: e, children: Zt[e].map((n, r) => Bn(n, r)) }, t) : /* @__PURE__ */ s.jsx(Se, { className: e }, t), hr = ({ layout: e = "overview-page", ...t }) => /* @__PURE__ */ s.jsx("div", { className: $("loading-state", e), ...t, children: Zt[e].map((n, r) => Bn(n, r)) }), Qn = (e) => {
+}, Bn = (e, t) => e in Zt ? /* @__PURE__ */ s.jsx("div", { className: e, children: Zt[e].map((n, r) => Bn(n, r)) }, t) : /* @__PURE__ */ s.jsx(Se, { className: e }, t), Ya = ({ layout: e = "overview-page", ...t }) => /* @__PURE__ */ s.jsx("div", { className: $("loading-state", e), ...t, children: Zt[e].map((n, r) => Bn(n, r)) }), Qn = (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"], pr = (e) => {
@@ -2086,7 +2091,7 @@ const kn = {
               className: $({ "large-number": b > 99 }),
               children: [
                 "+",
-                Gs(b, 0)
+                Vs(b, 0)
               ]
             }
           ), g = "number-left";
@@ -2120,7 +2125,7 @@ function br(e) {
   }, [n, r]);
   return A.createElement(xr.Provider, { value: { client: c } }, t);
 }
-const wr = ({ children: e, user: t }) => t.isLoading ? /* @__PURE__ */ s.jsx(s.Fragment, {}) : process.env.REACT_APP_PUBLIC_POSTHOG_KEY ? /* @__PURE__ */ s.jsx(
+const wr = ({ children: e, user: t }) => t.isLoading ? null : process.env.REACT_APP_PUBLIC_POSTHOG_KEY ? /* @__PURE__ */ s.jsx(
   br,
   {
     apiKey: atob(process.env.REACT_APP_PUBLIC_POSTHOG_KEY),
@@ -2138,15 +2143,17 @@ const wr = ({ children: e, user: t }) => t.isLoading ? /* @__PURE__ */ s.jsx(s.F
   }
 ) : e, vr = ({ children: e, locale: t, messages: n }) => {
   const r = t || "en", i = {
-    ...Ys[r],
+    ...zs[r],
     ...n || {}
   };
   return /* @__PURE__ */ s.jsx(ws, { locale: r, messages: i, children: e });
-}, $e = Kt(null), kr = ({ children: e, user: t }) => /* @__PURE__ */ s.jsx($e.Provider, { value: t, children: e }), Ya = ({ bootstrap: e, children: t, intl: n }) => {
+}, $e = Kt(null), kr = ({ children: e, user: t }) => /* @__PURE__ */ s.jsx($e.Provider, { value: t, children: e }), Ga = ({ bootstrap: e, children: t, intl: n }) => {
   const [r, i] = L({ isLoading: !0 });
   return Y(() => {
-    e().then((c) => i({ ...c, isLoading: !1 })).catch(() => i({ isLoading: !1 }));
-  }, []), /* @__PURE__ */ s.jsx(vr, { locale: n == null ? void 0 : n.locale, messages: n == null ? void 0 : n.messages, children: /* @__PURE__ */ s.jsx(kr, { user: r, children: /* @__PURE__ */ s.jsx(_r, { children: /* @__PURE__ */ s.jsx(wr, { user: r, children: t }) }) }) });
+    e().then((c) => {
+      i({ ...c, isLoading: !1 }), Ys(5e3);
+    }).catch(() => i({ isLoading: !1 }));
+  }, []), /* @__PURE__ */ s.jsx(vr, { locale: n == null ? void 0 : n.locale, messages: n == null ? void 0 : n.messages, children: /* @__PURE__ */ s.jsx(Es, { children: /* @__PURE__ */ s.jsx(kr, { user: r, children: /* @__PURE__ */ s.jsx(_r, { children: /* @__PURE__ */ s.jsx(wr, { user: r, children: t }) }) }) }) });
 };
 const Pt = "joinCommunityButton", Wn = ({ isMember: e = !1, isShort: t = !1, functions: { join: n, leave: r } = { join: () => {
 }, leave: () => {
@@ -2173,7 +2180,7 @@ const Pt = "joinCommunityButton", Wn = ({ isMember: e = !1, isShort: t = !1, fun
     }
   );
 };
-const Rt = "communityDetails_", Ga = ({
+const Rt = "communityDetails_", Ja = ({
   className: e = "",
   isMember: t = !1,
   slug: n,
@@ -2220,7 +2227,7 @@ const Rt = "communityDetails_", Ga = ({
     )
   ] });
 };
-const Ja = ({
+const Xa = ({
   breadcrumbs: e,
   cutoff: t = 20,
   className: n = ""
@@ -2234,7 +2241,7 @@ const Ja = ({
     ] }, `${window.btoa(i)}_${a}`)) })
   ] });
 };
-const Xa = ({
+const Za = ({
   options: e,
   allOption: t = !1,
   allowMultiple: n = !0,
@@ -2270,7 +2277,7 @@ const Xa = ({
     c === "before-lang" ? r += `/${i}` : (r.includes(`/${n}/`) || (r += `/${n}`), r += `/${i}`);
   }), r.includes(`/${n}/`) || (r += `/${n}`), r;
 };
-const Ft = { en: "English", es: "Español", fr: "Français", pt: "Português" }, rt = "languageSwitcher_", Za = ({
+const Ft = { en: "English", es: "Español", fr: "Français", pt: "Português" }, rt = "languageSwitcher_", Ka = ({
   currentLanguage: e,
   isOriginalLanguage: t = !1,
   isHumanTranslation: n = !1,
@@ -2519,7 +2526,7 @@ ${Xe(t, "mailto", n)}&src=email`
     onClick: (r, i) => (r.preventDefault(), r.stopPropagation(), navigator.clipboard.writeText(i))
   }
 ];
-const Nr = "shareLinks_", Ka = ({
+const Nr = "shareLinks_", qa = ({
   title: e,
   link: t,
   referrer: n,
@@ -2567,12 +2574,12 @@ const Dr = {
   const i = vt(!0);
   let c = r;
   return A.Children.count(r) === 1 && (c = A.Children.toArray(r)[0], c.props && (c = c.props.children)), /* @__PURE__ */ s.jsx("section", { className: $("columns", `layout-${e}`, n), children: A.Children.map(c, (d, a) => t !== !1 && a === t && i && i < Dr[e] ? null : d) });
-}, qa = ({ activeLink: e, ...t }) => /* @__PURE__ */ s.jsx(Cr, { layout: "1-3", children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+}, eo = ({ activeLink: e, ...t }) => /* @__PURE__ */ s.jsx(Cr, { layout: "1-3", children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
   /* @__PURE__ */ s.jsx(Tr, { activeLink: e }),
-  /* @__PURE__ */ s.jsx(dr, { ...t })
+  /* @__PURE__ */ s.jsx(ur, { ...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), Ar = () => {
-  const e = D(), [t, n, r] = Es(It), [i, c] = L(!t["apol-cookie-banner"]), d = () => {
+  const e = D(), [t, n, r] = Ss(It), [i, c] = L(!t["apol-cookie-banner"]), d = () => {
     It.forEach((m) => {
       n(m, !0, {
         path: "/",
@@ -2785,7 +2792,7 @@ const Be = "footer_", ht = "SiteFooter", jn = ({ group: e }) => {
     /* @__PURE__ */ s.jsx("small", { children: /* @__PURE__ */ s.jsx(Pe, { id: `${Be}copyright`, values: { currentYear: (/* @__PURE__ */ new Date()).getFullYear() } }) })
   ] })
 ] }) });
-const ot = "emailHelperTextBox_", eo = ({ type: e, email: t, redirectPath: n, resendVerificationCode: r }) => {
+const ot = "emailHelperTextBox_", to = ({ type: e, email: t, redirectPath: n, resendVerificationCode: r }) => {
   const i = D(), [c, d] = L({ path: `${ot}default`, type: "default", link: {}, mail: {}, error: "" }), [a, l] = L(!1), o = Me(
     (p) => {
       p.preventDefault(), p.stopPropagation();
@@ -2885,7 +2892,7 @@ const ot = "emailHelperTextBox_", eo = ({ type: e, email: t, redirectPath: n, re
   const m = {};
   return ["link", "mail"].forEach((p) => {
     m[p] = Object.keys(c[p]).length ? (g) => /* @__PURE__ */ s.jsx("a", { ...c[p], children: g }) : (g) => g;
-  }), /* @__PURE__ */ s.jsx(tr, { type: c.type, heading: a ? !1 : i.formatMessage({ id: `${c.path}_title` }), children: a ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+  }), /* @__PURE__ */ s.jsx(nr, { type: c.type, heading: a ? !1 : i.formatMessage({ id: `${c.path}_title` }), children: a ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     /* @__PURE__ */ s.jsx(Se, { element: "span" }),
     /* @__PURE__ */ s.jsx(Se, { element: "span" })
   ] }) : (
@@ -2928,8 +2935,8 @@ const it = "passwordRules_", Yn = "isMoreThanEightCharacters", Gn = "includesNum
       ] })
     ] }, `rule-${r}`)) })
   ] });
-}, to = We(Rr);
-const no = ({
+}, no = We(Rr);
+const so = ({
   text: e = {},
   topRating: t = 5,
   functions: { createRating: n = () => null, updateRating: r = () => {
@@ -3395,7 +3402,7 @@ const Or = { height: 67, height_desktop: 83 }, Xn = ({ showNavigation: e = !0 })
   const t = D(), n = je($e), r = vt(!0, !0), i = n && typeof n.id == "string", c = xt(
     () => H.getIsDesktopVersion(i, r),
     [i, r]
-  ), [d, a] = gs(Bs, {
+  ), [d, a] = gs(Js, {
     headerIsVisible: !0,
     menus: { navigation: !1, search: !1, account: !1 },
     focusElements: {
@@ -3636,7 +3643,7 @@ const Kn = ({
   "aria-expanded": t,
   "aria-controls": e
 });
-const so = ({
+const ro = ({
   className: e,
   showModal: t = !0,
   title: n,
@@ -3701,12 +3708,12 @@ const Br = () => {
   }), v = ut(n, {
     locale: a
   }), E = {};
-  return m !== "default" && (E[m] = !0), u !== "default" && (E[u] = !0), h !== "default" && (E[h] = !0), /* @__PURE__ */ s.jsx(Ts, { onError: r, fallback: /* @__PURE__ */ s.jsx(Br, {}), children: /* @__PURE__ */ s.jsx(_s, { fallback: /* @__PURE__ */ s.jsx(hr, { layout: "overview-page" }), children: /* @__PURE__ */ s.jsx(
+  return m !== "default" && (E[m] = !0), u !== "default" && (E[u] = !0), h !== "default" && (E[h] = !0), /* @__PURE__ */ s.jsx(Ts, { onError: r, fallback: /* @__PURE__ */ s.jsx(Br, {}), children: /* @__PURE__ */ s.jsx(_s, { fallback: null, children: /* @__PURE__ */ s.jsxs(
     "div",
     {
       id: "wrapper",
       className: $(d, E, { "has-footer": o }),
-      children: /* @__PURE__ */ s.jsxs(Ss, { children: [
+      children: [
         /* @__PURE__ */ s.jsx(Xn, { showNavigation: l }),
         /* @__PURE__ */ s.jsxs("section", { id: "content-wrapper", children: [
           b && /* @__PURE__ */ s.jsx("div", { className: "additional-content prepended", children: b }),
@@ -3718,7 +3725,7 @@ const Br = () => {
         v && /* @__PURE__ */ s.jsx("div", { className: "additional-content appended", children: v }),
         o && /* @__PURE__ */ s.jsx(Vn, {}),
         /* @__PURE__ */ s.jsx(Ar, {})
-      ] })
+      ]
     }
   ) }) });
 }, yn = {
@@ -3752,7 +3759,7 @@ const Br = () => {
     return Qt[e] ? (e = Qt[e], { id: e, text: `${yn.default}${e}` }) : null;
   }
 };
-const ro = ({
+const ao = ({
   tags: e = [],
   color: t = "default",
   forceOneLine: n = !1,
@@ -3784,7 +3791,7 @@ const ro = ({
     ) : m }, o.id);
   }) });
 };
-const ao = ({
+const oo = ({
   members: { total: e, data: t = [] },
   pagination: n,
   gtmContext: r = "member",
@@ -3910,7 +3917,7 @@ const ve = "discussion_form_", qn = ({
         default:
           break;
       }
-      await Us(1e3), a.callback && await a.callback(w), ct = setTimeout(() => {
+      await Xs(1e3), a.callback && await a.callback(w), ct = setTimeout(() => {
         h(""), v("submitted"), C();
       }, 500);
     } catch (w) {
@@ -3932,7 +3939,7 @@ const ve = "discussion_form_", qn = ({
     ct = setTimeout(() => {
       g(!1), v(!1);
     }, 5e3);
-  }, R = !u || !Js(u), V = b === "submitting", N = [];
+  }, R = !u || !Gs(u), V = b === "submitting", N = [];
   return (n.isEditing && !V || d.cancel) && N.push({
     variant: "secondary",
     size: { mobile: "small", 600: "medium" },
@@ -4147,7 +4154,7 @@ const Ht = () => {
           }
         ),
         /* @__PURE__ */ s.jsx("span", { className: $("number-of-likes", { "no-likes": m === 0 }), "data-testid": "number-of-likes", children: o.formatMessage({ id: `discussion_likes${r ? "_short" : ""}` }, { number: m }) }),
-        n && /* @__PURE__ */ s.jsx(Ks, { isOpen: v, isLoading: n.length === 0, children: n.length && /* @__PURE__ */ s.jsxs("ul", { children: [
+        n && /* @__PURE__ */ s.jsx(qs, { isOpen: v, isLoading: n.length === 0, children: n.length && /* @__PURE__ */ s.jsxs("ul", { children: [
           k.map((C) => typeof C == "string" || !C.name ? null : /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
             jt,
             {
@@ -4331,7 +4338,7 @@ const De = "discussion_", Gr = 280, St = ({
                 className: "gtm-trackable",
                 "data-gtm-event-context": p,
                 "data-gtm-event-type": "title-click",
-                children: /* @__PURE__ */ s.jsx(wn, { options: { overrides: { a: lr } }, children: X })
+                children: /* @__PURE__ */ s.jsx(wn, { options: { overrides: { a: dr } }, children: X })
               }
             ) : /* @__PURE__ */ s.jsx(
               wn,
@@ -4477,7 +4484,7 @@ const De = "discussion_", Gr = 280, St = ({
     ] })
   });
 };
-const Wt = "discussion_responses_", oo = ({ type: e = "answer", responses: t = 0 }) => {
+const Wt = "discussion_responses_", io = ({ type: e = "answer", responses: t = 0 }) => {
   const n = D();
   return /* @__PURE__ */ s.jsxs("div", { className: "responses-heading", children: [
     /* @__PURE__ */ s.jsx("h3", { children: n.formatMessage({ id: `${Wt}title` }, { action: n.formatMessage({ id: `${Wt}${e}` }), count: t }) }),
@@ -4682,7 +4689,7 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   e.invalidateQueries({
     queryKey: [...t, m.activityId]
   });
-} }), io = ({
+} }), co = ({
   basePath: e,
   parentId: t,
   isMember: n,
@@ -5451,7 +5458,7 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
 }, onSettled: () => {
   e.invalidateQueries({ queryKey: t });
 } });
-const co = ({
+const lo = ({
   basePath: e,
   parentId: t,
   activityId: n,
@@ -5608,7 +5615,7 @@ const co = ({
     },
     n
   );
-}, lo = ({ id: e, data: { jobTitle: t, name: n, organization: r, thumbnail: i } }) => ({
+}, uo = ({ id: e, data: { jobTitle: t, name: n, organization: r, thumbnail: i } }) => ({
   id: e,
   name: n,
   jobTitle: t,
@@ -5878,7 +5885,7 @@ const va = {
               size: "small",
               variant: u.dateHasPassed ? "default" : "information",
               "data-testid": "date",
-              children: u.dateHasPassed ? d.formatMessage({ id: "card_ended" }) : Hs(u.startDate)
+              children: u.dateHasPassed ? d.formatMessage({ id: "card_ended" }) : Qs(u.startDate)
             }
           ),
           u.banner ? /* @__PURE__ */ s.jsxs("p", { className: "img", children: [
@@ -5910,7 +5917,7 @@ const va = {
             const P = u[N];
             if (!P)
               return null;
-            const G = Qs(N);
+            const G = Bs(N);
             return /* @__PURE__ */ s.jsx("p", { className: G, "data-testid": G, children: Qe(P, C[N]) }, N);
           }),
           /* @__PURE__ */ s.jsx(xa, { type: v || "", data: u }),
@@ -5976,7 +5983,7 @@ const $n = [
     contributors: ["community"]
   }
 ];
-const lt = "notFoundError_", uo = () => {
+const lt = "notFoundError_", mo = () => {
   const e = D(), t = [];
   return $n.forEach((n, r) => {
     n.title = e.formatMessage({ id: `${lt}post_${r + 1}` }), t.push("solutionArticle");
@@ -6011,17 +6018,17 @@ const lt = "notFoundError_", uo = () => {
 };
 export {
   mt as ASSETS_BUCKET,
-  io as ActivitiesFeed,
-  co as ActivitySection,
+  co as ActivitiesFeed,
+  lo as ActivitySection,
   nn as AddPost,
   Ha as BannerSection,
-  Ja as Breadcrumbs,
+  Xa as Breadcrumbs,
   U as Button,
   kt as ButtonWrapper,
   _r as CacheProvider,
   On as CollapsibleSection,
   Cr as Columns,
-  Ga as CommunityDetails,
+  Ja as CommunityDetails,
   Un as Contributors,
   Et as ConversationContext,
   Ar as CookieBanner,
@@ -6033,64 +6040,65 @@ export {
   Ue as Divider,
   Ba as DownloadSection,
   Ze as EMAILS,
-  eo as EmailHelperTextBox,
+  to as EmailHelperTextBox,
   yt as EmptyStateBox,
-  Xa as Filters,
+  Za as Filters,
   wr as FlagsProvider,
   Vn as Footer,
   en as FullWidthSection,
-  Ya as GlobalProviders,
+  Ga as GlobalProviders,
   Xn as Header,
-  tr as HelperTextBox,
+  nr as HelperTextBox,
   Dn as HiddenFromScreenReaders,
   za as HideShowTextBox,
   Re as HighlightedTextBox,
   vr as IntlProvider,
   Lr as InviteForm,
-  so as InviteModal,
+  ro as InviteModal,
   Wn as JoinButton,
-  Za as LanguageSwitcher,
+  Ka as LanguageSwitcher,
   jt as Link,
   yr as LoadMore,
   Va as LoadingBlock,
   Se as LoadingPlaceholder,
-  hr as LoadingState,
+  Ya as LoadingState,
   zn as Logo,
   Qa as LogoSection,
   wn as MarkdownText,
   Ua as MarketingBox,
   tn as Member,
-  ao as MembersList,
+  oo as MembersList,
   Zn as Modal,
   Er as MoreMenu,
   Wa as NUMBER_OF_USERS,
   Tr as NavigationMenu,
-  uo as NotFoundError,
+  mo as NotFoundError,
   Kn as Overlay,
-  dr as PageHeading,
+  ur as PageHeading,
   Qr as PageLayout,
-  to as PasswordRules,
+  no as PasswordRules,
   ft as Pill,
   qe as ProfilePicture,
-  mr as ProgressBar,
-  no as Rating,
+  fr as ProgressBar,
+  so as Rating,
   fa as RepliesFeed,
-  oo as ResponsesHeading,
+  io as ResponsesHeading,
   Ln as ResponsiveImage,
   Fr as SearchForm,
-  Ka as ShareLinks,
-  lr as Span,
+  qa as ShareLinks,
+  dr as Span,
   Xt as StatusBanner,
-  ro as Tags,
-  Ks as Tooltip,
-  qa as TopLevelPage,
+  ao as Tags,
+  qs as Tooltip,
+  eo as TopLevelPage,
   $e as UserContext,
   kr as UserProvider,
   _e as VisuallyHidden,
   Ir as addAriaProps,
   Hn as getMember,
   pt as headerData,
-  lo as mapGetStreamData,
+  uo as mapGetStreamData,
+  Ys as pageReady,
   Ls as useCurrentPath,
   He as useEffectAfterMount,
   vt as useElementWidth,