@apolitical/component-library 3.5.1-beta.0 → 3.5.2

package/index.mjs

@@ -1,12 +1,12 @@
-import Y, { memo as Ae, useState as X, useEffect as ae, useRef as pe, useMemo as wt, Children as Bn, createContext as nn, useContext as Ee, useCallback as sa, useReducer as Yn, Fragment as yt, 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";
-import Le from "markdown-to-jsx";
+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 Lt 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), As = ({
+}), be = De(Os), As = ({
   element: t = "span",
   children: e = null,
   ...n
-}) => Y.createElement(t, { ...n, "aria-hidden": !0 }, e), Gn = Ae(As);
+}) => Y.createElement(t, { ...n, "aria-hidden": !0 }, e), Gn = De(As);
 var qn = { exports: {} }, it = {};
 /**
  * @license React
@@ -408,7 +408,7 @@ function Is() {
       return "";
     }
     var Ue = Object.prototype.hasOwnProperty, cr = {}, lr = v.ReactDebugCurrentFrame;
-    function Et(g) {
+    function Tt(g) {
       if (g) {
         var M = g._owner, L = Ce(g.type, g._source, M ? M.type : null);
         lr.setExtraStackFrame(L);
@@ -430,7 +430,7 @@ function Is() {
             } catch (he) {
               ie = he;
             }
-            ie && !(ie instanceof Error) && (Et(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), Et(null)), ie instanceof Error && !(ie.message in cr) && (cr[ie.message] = !0, Et(le), b("Failed %s type: %s", L, ie.message), Et(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));
           }
       }
     }
@@ -743,7 +743,7 @@ function Bs(t, e, n) {
       d.current = !1;
     };
   }, []);
-  var T = wt(function() {
+  var T = xt(function() {
     var k = function(F) {
       var $ = c.current, j = f.current;
       return c.current = f.current = null, i.current = F, l.current = u.current.apply(j, $);
@@ -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 jt = (t = !0, e = !1, n = "window") => {
+const wt = (t = !0, e = !1, n = "window") => {
   if (!t)
     return;
   const [r, s] = Y.useState(0) || [!1, () => {
@@ -891,7 +891,7 @@ const jt = (t = !0, e = !1, n = "window") => {
     default: "dpo@apolitical.co",
     eu: "dpo.agl@apolitical.foundation"
   }
-}, St = {
+}, Et = {
   ARTICLE: "microcourseArticle",
   DISCUSSION: "microcourseDiscussion",
   QUIZ: "assessmentQuiz"
@@ -919,7 +919,7 @@ const ze = {
   year: "numeric"
 }), Un = (t) => {
   let e;
-  const n = Ut(), r = Ut(new Date(t));
+  const n = qt(), r = qt(new Date(t));
   try {
     e = n.getTime() - r.getTime();
   } catch {
@@ -932,12 +932,12 @@ const ze = {
     return { path: "days", number: i };
   const o = Math.floor(i / 7);
   return o <= ze.year.weeks ? { path: "weeks", number: o } : { path: "years", number: Math.floor(i / ze.year.days) };
-}, Ut = (t) => {
+}, qt = (t) => {
   const n = (t || /* @__PURE__ */ new Date()).toUTCString();
   return new Date(n);
 }, Ys = (t, e, n) => {
   let r;
-  const s = Ut(), i = Ut(new Date(t));
+  const s = qt(), i = qt(new Date(t));
   try {
     r = s.getTime() - i.getTime();
   } catch {
@@ -1357,6 +1357,7 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   contentTypeLabel_microcourse: "Course",
   contentTypeLabel_qaQuestion: "Q&A",
   contentTypeLabel_solutionArticle: "Article",
+  contentTypeLabel_communityPage: "Community",
   hideShowTextBox_hide: "View less",
   hideShowTextBox_show: "View more",
   markdown_collapsibleSection_summary: "Resources",
@@ -1417,7 +1418,7 @@ Thank you for helping to protect the Apolitical community from abusive content.`
     }
   }
   return r;
-}, Bt = (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(() => {
@@ -1448,7 +1449,7 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   children: u = !1,
   ...d
 }) => {
-  const p = jt(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);
@@ -1472,7 +1473,7 @@ Thank you for helping to protect the Apolitical community from abusive content.`
     _,
     u || (l ? /* @__PURE__ */ a.jsx(be, { showOnFocus: !1, children: l }) : null)
   );
-}, kt = ({ 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),
@@ -1480,7 +1481,7 @@ Thank you for helping to protect the Apolitical community from abusive content.`
     children: s
   });
 };
-const Oe = ({ 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 = {
@@ -1602,7 +1603,7 @@ const Oe = ({ className: t = "", maxWidth: e = !1 }) => {
   query: r,
   width: i
 })} ${i}w`).join(", ");
-const Tt = ({ image: t, className: e, testId: n }) => {
+const kt = ({ image: t, className: e, testId: n }) => {
   const {
     description: r,
     height: s,
@@ -1647,7 +1648,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(Tt, { image: { ...t }, className: "image" })
+    children: t && /* @__PURE__ */ a.jsx(kt, { image: { ...t }, className: "image" })
   }
 ), at = ({
   href: t,
@@ -1803,7 +1804,8 @@ const Cr = {
   solutionArticle: "article",
   qaQuestion: "question",
   listPage: "list",
-  learningHub: "learning-hub"
+  learningHub: "learning-hub",
+  communityPage: "communityPage"
 }, oi = ({
   contentType: t,
   customIcon: e,
@@ -1828,7 +1830,7 @@ const Cr = {
     }
   );
 };
-const Fe = ({
+const Oe = ({
   variant: t = "primary",
   icon: e,
   styling: n = {},
@@ -1858,7 +1860,7 @@ const He = ({
   className: r = ""
 }) => {
   let s = n && !!Object.keys(n).length;
-  const i = typeof n == "object" && "breakpoints" in n, o = jt(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);
@@ -1870,12 +1872,12 @@ const He = ({
     ...u
   } = n;
   return /* @__PURE__ */ a.jsx(
-    Fe,
+    Oe,
     {
       variant: "subtle",
       className: S("empty-state-box", t, r),
       children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-        e && typeof e == "string" ? /* @__PURE__ */ a.jsx(Le, { options: { forceBlock: !0 }, children: e }) : e,
+        e && typeof e == "string" ? /* @__PURE__ */ a.jsx(Fe, { options: { forceBlock: !0 }, children: e }) : e,
         s && typeof n == "object" && (l || /* @__PURE__ */ a.jsx(
           se,
           {
@@ -1899,7 +1901,7 @@ const ci = ({
 }) => /* @__PURE__ */ a.jsxs("div", { className: S("helper-text-box text-small", t, e), children: [
   n && /* @__PURE__ */ a.jsx("p", { className: "title", children: n }),
   typeof r == "string" ? /* @__PURE__ */ a.jsx(
-    Le,
+    Fe,
     {
       options: {
         wrapper: Y.Fragment,
@@ -1943,13 +1945,13 @@ const Rl = ({
     return null;
   const m = ["opening", "open"].includes(l);
   return /* @__PURE__ */ a.jsxs(
-    Fe,
+    Oe,
     {
       variant: "subtle",
       className: S("hide-show-text-box", t),
       children: [
         /* @__PURE__ */ a.jsxs("div", { ref: o, className: S("content", l), children: [
-          /* @__PURE__ */ a.jsx(Le, { options: { forceBlock: !0 }, children: l === "closed" ? c : r }),
+          /* @__PURE__ */ a.jsx(Fe, { options: { forceBlock: !0 }, children: l === "closed" ? c : r }),
           l !== "closed" && s
         ] }),
         /* @__PURE__ */ a.jsx("p", { className: "cta", children: /* @__PURE__ */ a.jsx(
@@ -1989,12 +1991,12 @@ const Fl = ({
         "--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(Le, { options: u, children: f.dt || "" }) }, `dt-${l}`),
-        /* @__PURE__ */ a.jsx("dd", { children: typeof f.text == "string" ? /* @__PURE__ */ a.jsx(Le, { options: u, children: f.text }) : f.text }, `dd-${l}`)
-      ] }, `dl-${l}`) : /* @__PURE__ */ a.jsx("li", { style: d, children: typeof f.text == "string" ? /* @__PURE__ */ a.jsx(Le, { options: u, children: f.text }) : f.text }, l);
+        /* @__PURE__ */ a.jsx("dt", { style: d, children: /* @__PURE__ */ a.jsx(Fe, { options: u, children: f.dt || "" }) }, `dt-${l}`),
+        /* @__PURE__ */ a.jsx("dd", { children: typeof f.text == "string" ? /* @__PURE__ */ a.jsx(Fe, { options: u, children: f.text }) : f.text }, `dd-${l}`)
+      ] }, `dl-${l}`) : /* @__PURE__ */ a.jsx("li", { style: d, children: typeof f.text == "string" ? /* @__PURE__ */ a.jsx(Fe, { options: u, children: f.text }) : f.text }, l);
     })
   });
-}, _e = () => Y.Fragment, li = ({ children: t }) => /* @__PURE__ */ a.jsx(Fe, { variant: "secondary", children: t }), ui = ({ children: t }) => typeof t == "object" && Object.keys(t || {}).length === 1 ? /* @__PURE__ */ a.jsx("p", { className: "center", children: t }) : /* @__PURE__ */ a.jsx("div", { className: "center", children: t }), di = ["span", "strong", "h1", "h2", "h3", "h4", "h5", "h6", "p"], fi = ({ children: t }) => {
+}, _e = () => Y.Fragment, li = ({ children: t }) => /* @__PURE__ */ a.jsx(Oe, { variant: "secondary", children: t }), ui = ({ children: t }) => typeof t == "object" && Object.keys(t || {}).length === 1 ? /* @__PURE__ */ a.jsx("p", { className: "center", children: t }) : /* @__PURE__ */ a.jsx("div", { className: "center", children: t }), di = ["span", "strong", "h1", "h2", "h3", "h4", "h5", "h6", "p"], fi = ({ children: t }) => {
   const e = H();
   if (!t)
     return null;
@@ -2034,12 +2036,12 @@ const Fl = ({
   if (e.class)
     switch (e.class) {
       case "casestudy":
-        return /* @__PURE__ */ a.jsx(Fe, { variant: "secondary", children: t });
+        return /* @__PURE__ */ a.jsx(Oe, { variant: "secondary", children: t });
       case "general-textbox":
       case "highlight-box":
-        return /* @__PURE__ */ a.jsx(Fe, { variant: "primary", children: t });
+        return /* @__PURE__ */ a.jsx(Oe, { variant: "primary", children: t });
       case "pink-textbox":
-        return /* @__PURE__ */ a.jsx(Fe, { variant: "tertiary", children: t });
+        return /* @__PURE__ */ a.jsx(Oe, { variant: "tertiary", children: t });
       case "content":
         return typeof t == "object" && Object.keys(t || {}).length === 1 ? /* @__PURE__ */ a.jsx("p", { children: t }) : t;
       default:
@@ -2093,7 +2095,7 @@ const vi = {
     // Override psuedo-code
     // We give the content team psuedo-code short cuts to use in Contentful
     CollapsibleSection: Jn,
-    TextBox: Fe,
+    TextBox: Oe,
     CaseStudy: li,
     // Override embedded HTML
     // Our content team previously used real HTML, which we need to tear out and replace with React components
@@ -2120,7 +2122,7 @@ const vi = {
     iframe: _e,
     button: _e
   }
-}, xt = ({
+}, Ut = ({
   className: t = "",
   options: e = {},
   children: n,
@@ -2140,7 +2142,7 @@ const vi = {
       className: S("markdown-text", t, {
         "highlight-titles": i
       }),
-      children: /* @__PURE__ */ a.jsx(Le, { options: { ...o, ...e }, children: n })
+      children: /* @__PURE__ */ a.jsx(Fe, { options: { ...o, ...e }, children: n })
     }
   );
 };
@@ -2202,10 +2204,10 @@ const Wt = ({
   e
 );
 const yi = ({ author: t, authorCite: e, content: n }) => /* @__PURE__ */ a.jsxs("blockquote", { className: "testimonial-block", children: [
-  /* @__PURE__ */ a.jsx(Le, { className: "testimonial", children: n }),
+  /* @__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);
+] }), Ol = De(yi);
 const Al = ({
   items: t = [],
   selector: e = "",
@@ -2227,7 +2229,7 @@ const Al = ({
     }));
     i(f);
   }, []), s && s.length > 0 && /* @__PURE__ */ a.jsxs(
-    Fe,
+    Oe,
     {
       variant: "subtle",
       className: S("table-of-contents", n),
@@ -2313,7 +2315,7 @@ const Dl = ({ 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(
-  Tt,
+  kt,
   {
     ...n,
     className: S("banner", t),
@@ -2357,7 +2359,7 @@ const Il = ({ text: t, buttons: e, className: n = "" }) => {
       { className: "text" },
       typeof t == "string" ? t : t.text
     ),
-    /* @__PURE__ */ a.jsx(kt, { buttons: r })
+    /* @__PURE__ */ a.jsx(jt, { buttons: r })
   ] }) });
 };
 function ba({ href: t, setShowModal: e }) {
@@ -2410,7 +2412,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(Oe, {})
+    c && /* @__PURE__ */ a.jsx(Ae, {})
   ] });
 };
 const Bl = ({
@@ -2537,7 +2539,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(xt, { 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;
           }),
@@ -2553,11 +2555,11 @@ const wi = [
             }
           )
         ] }),
-        n && /* @__PURE__ */ a.jsx(Tt, { 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",
@@ -2582,7 +2584,7 @@ const ki = ({
   content: n,
   image: r
 }) => {
-  const s = typeof n == "string" ? /* @__PURE__ */ a.jsx(xt, { children: n }) : n;
+  const s = () => typeof n == "string" ? /* @__PURE__ */ a.jsx(Fe, { children: n }) : n;
   return /* @__PURE__ */ a.jsxs(Ve, { className: S("highlight-section", e), children: [
     r && /* @__PURE__ */ a.jsx(
       "div",
@@ -2590,7 +2592,7 @@ const ki = ({
         className: S("highlight-container highlight-image", {
           [`highlight-image-${t}`]: t === "right"
         }),
-        children: /* @__PURE__ */ a.jsx(Tt, { image: r })
+        children: /* @__PURE__ */ a.jsx(kt, { image: r })
       }
     ),
     /* @__PURE__ */ a.jsx(
@@ -2605,13 +2607,13 @@ const ki = ({
             className: S("highlight-content", {
               "highlight-content-right": t === "left"
             }),
-            children: r ? s : /* @__PURE__ */ a.jsx("div", { className: "content-default", children: s })
+            children: s()
           }
         )
       }
     )
   ] });
-}, Wl = Ae(ki);
+}, Wl = De(ki);
 const zl = ({
   variant: t = "primary",
   button: e = null,
@@ -2650,10 +2652,10 @@ const zl = ({
     t && /* @__PURE__ */ a.jsx(Cs, { initialIsOpen: !1 })
   ] });
 };
-var Ei = nn({ client: Lt });
+var Ei = nn({ client: It });
 function Si(t) {
-  var e = t.children, n = t.client, r = t.apiKey, s = t.options, i = wt(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 && (Lt.__loaded && console.warn("[PostHog.js] was already loaded elsewhere. This may cause issues."), Lt.init(r, s)), Lt);
+  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);
 }
@@ -2687,11 +2689,11 @@ const Ci = ({ children: t, user: e }) => e.isLoading ? null : process.env.REACT_
   es: "Español",
   fr: "Français",
   pt: "Português"
-}, De = nn({ isLoading: !0 });
+}, Ie = nn({ isLoading: !0 });
 function er() {
-  return Ee(De);
+  return Ee(Ie);
 }
-const Ni = ({ children: t, user: e }) => /* @__PURE__ */ a.jsx(De.Provider, { value: e, children: t }), Zl = ({ bootstrap: t, children: e, intl: n, showDevTools: r }) => {
+const Ni = ({ children: t, user: e }) => /* @__PURE__ */ a.jsx(Ie.Provider, { value: e, children: t }), Zl = ({ bootstrap: t, children: e, intl: n, showDevTools: r }) => {
   const [s, i] = X({ isLoading: !0 }), o = (n == null ? void 0 : n.locale) || localStorage.getItem("language") || "en", [c, f] = X(o), l = (u) => {
     localStorage.setItem("language", u), f(u);
   };
@@ -2734,7 +2736,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 = {
@@ -2750,7 +2752,7 @@ const vn = "loadingBlock_", Mi = ({ progress: t = 0, steps: e = !1, className: n
     "--icon": `url(${Be}icons/${e[s].icon}.svg)`
   } : {};
   return /* @__PURE__ */ a.jsxs(
-    Fe,
+    Oe,
     {
       className: S("loading-block", n, {
         "has-icon": s && e[s].icon
@@ -2763,7 +2765,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,
   {
@@ -2824,14 +2826,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) : "";
-}, Ct = ["#5AB6A3", "#A2D7AF", "#806056", "#3962B3"], Ri = (t) => {
-  const e = Math.ceil(26 / Ct.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 Ct[0];
+    return St[0];
   const r = n.charCodeAt(0) - 96;
-  for (let s = 0; s < Ct.length; s++)
+  for (let s = 0; s < St.length; s++)
     if (r <= e * (s + 1))
-      return Ct[s];
+      return St[s];
 };
 const Nr = 256, Ye = ({
   className: t = "",
@@ -2995,14 +2997,14 @@ const Pr = {
     ] })
   });
 };
-const $t = "emailHelperTextBox_", Oi = ({
+const Ct = "emailHelperTextBox_", Oi = ({
   type: t,
   email: e,
   redirectPath: n,
   resendVerificationCode: r
 }) => {
   const s = H(), [i, o] = X({
-    path: `${$t}default`,
+    path: `${Ct}default`,
     type: "default",
     link: {},
     mail: {},
@@ -3012,7 +3014,7 @@ const $t = "emailHelperTextBox_", Oi = ({
       p.preventDefault(), p.stopPropagation();
       const h = (_) => {
         o({
-          path: `${$t}error_verificationFailedToSend`,
+          path: `${Ct}error_verificationFailedToSend`,
           type: "error",
           link: {
             "data-gtm-event-context": "VerifyEmailBox",
@@ -3032,7 +3034,7 @@ const $t = "emailHelperTextBox_", Oi = ({
         });
       };
       if (typeof r != "function") {
-        h(s.formatMessage({ id: `${$t}error_noFunction` }));
+        h(s.formatMessage({ id: `${Ct}error_noFunction` }));
         return;
       }
       f(!0), r(e).then(() => {
@@ -3048,7 +3050,7 @@ const $t = "emailHelperTextBox_", Oi = ({
   );
   ae(
     () => {
-      let p = $t, h = "default", _ = {}, y = {};
+      let p = Ct, h = "default", _ = {}, y = {};
       switch (t) {
         case "gov":
           p += "autoApproved", h = "success";
@@ -3293,7 +3295,7 @@ const Ea = ({
     y
   );
 };
-const Ii = Ae(function({
+const Ii = De(function({
   direction: e = "down"
 }) {
   return /* @__PURE__ */ a.jsx(
@@ -3939,7 +3941,7 @@ const rn = ({
             );
           }),
           _ ? null : ($ || j) && h ? h : /* @__PURE__ */ a.jsx(
-            kt,
+            jt,
             {
               className: S("cta", {
                 center: $ || j,
@@ -3954,7 +3956,7 @@ const rn = ({
     w && j && /* @__PURE__ */ a.jsx(Wt, { className: "success", children: typeof w == "string" ? w : I.formatMessage({ id: "form_success" }) })
   ] });
 };
-const Nt = "passwordRules_", Sa = "isMoreThanEightCharacters", Ca = "includesNumberAndSymbol", $a = "includesLowerAndUppercase", zi = {
+const $t = "passwordRules_", Sa = "isMoreThanEightCharacters", Ca = "includesNumberAndSymbol", $a = "includesLowerAndUppercase", zi = {
   [Sa]: "8Characters",
   [Ca]: "numberSymbol",
   [$a]: "lowercaseUppercase"
@@ -3968,7 +3970,7 @@ const Nt = "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: `${Nt}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",
@@ -3976,13 +3978,13 @@ const Nt = "passwordRules_", Sa = "isMoreThanEightCharacters", Ca = "includesNum
           className: S({ matches: t[r] }),
           children: [
             /* @__PURE__ */ a.jsxs(be, { children: [
-              n.formatMessage({ id: `${Nt}rule_label` }),
+              n.formatMessage({ id: `${$t}rule_label` }),
               " "
             ] }),
-            /* @__PURE__ */ a.jsx("span", { children: n.formatMessage({ id: `${Nt}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: `${Nt}notMet` })
+              n.formatMessage({ id: `${$t}notMet` })
             ] })
           ]
         },
@@ -3990,7 +3992,7 @@ const Nt = "passwordRules_", Sa = "isMoreThanEightCharacters", Ca = "includesNum
       )
     ) })
   ] });
-}, Hi = Ae(Zi);
+}, Hi = De(Zi);
 const Vl = ({
   text: t = {},
   topRating: e = 5,
@@ -4276,7 +4278,7 @@ const Yi = ({
       " ",
       y({ id: "inviteForm_error" })
     ] }) }),
-    /* @__PURE__ */ a.jsx(Oe, {}),
+    /* @__PURE__ */ a.jsx(Ae, {}),
     /* @__PURE__ */ a.jsx("div", { className: "footer", children: h === "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: T, children: y({ id: "inviteForm_ctaDone" }) })
@@ -4321,7 +4323,7 @@ const Yi = ({
             }
           )
         ] }),
-        /* @__PURE__ */ a.jsx(Oe, {}),
+        /* @__PURE__ */ a.jsx(Ae, {}),
         /* @__PURE__ */ a.jsx("fieldset", { className: "footer", children: /* @__PURE__ */ a.jsx(se, { className: "sendEmailsButton", disabled: m, children: n }) })
       ]
     }
@@ -4789,7 +4791,7 @@ const eo = {
       maxAge: 3600
     });
   }, [w]);
-  const F = wt(() => Ji({
+  const F = xt(() => Ji({
     placeholders: n,
     labels: e,
     shouldShow: h,
@@ -4874,7 +4876,7 @@ const eo = {
     }
   );
 };
-var Zn = { exports: {} }, Pt = { exports: {} }, ue = {};
+var Zn = { exports: {} }, Nt = { exports: {} }, ue = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -5044,7 +5046,7 @@ function no() {
 }
 var Or;
 function Na() {
-  return Or || (Or = 1, process.env.NODE_ENV === "production" ? Pt.exports = to() : Pt.exports = no()), Pt.exports;
+  return Or || (Or = 1, process.env.NODE_ENV === "production" ? Nt.exports = to() : Nt.exports = no()), Nt.exports;
 }
 /*
 object-assign
@@ -5588,12 +5590,12 @@ var Ma = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   return s;
 }, Aa = function(e) {
   return !isNaN(parseInt(e.getAttribute("tabindex"), 10));
-}, Ie = function(e) {
+}, Le = function(e) {
   if (!e)
     throw new Error("No node provided");
   return e.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName) || uo(e)) && !Aa(e) ? 0 : e.tabIndex;
 }, fo = function(e, n) {
-  var r = Ie(e);
+  var r = Le(e);
   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;
@@ -5688,7 +5690,7 @@ var Ma = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   Ht(n) || po(n) || xo(n, e) || // For a details element with a summary, the summary element gets the focus
   ho(n) || wo(n));
 }, Hn = function(e, n) {
-  return !(yo(n) || Ie(n) < 0 || !Vt(e, n));
+  return !(yo(n) || Le(n) < 0 || !Vt(e, n));
 }, jo = function(e) {
   var n = parseInt(e.getAttribute("tabindex"), 10);
   return !!(isNaN(n) || n >= 0);
@@ -5727,7 +5729,7 @@ var Ma = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   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(","), qt = 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);
@@ -5735,8 +5737,8 @@ var Ma = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
 const Eo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   focusable: La,
-  getTabIndex: Ie,
-  isFocusable: qt,
+  getTabIndex: Le,
+  isFocusable: Bt,
   isTabbable: We,
   tabbable: Ia
 }, Symbol.toStringTag, { value: "Module" }));
@@ -5823,7 +5825,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;
-}, Mt = 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({
@@ -5902,7 +5904,7 @@ var Zr = {
     var j = u("initialFocus");
     if (j === !1)
       return !1;
-    if (j === void 0 || !qt(j, i.tabbableOptions))
+    if (j === void 0 || !Bt(j, i.tabbableOptions))
       if (l(r.activeElement) >= 0)
         j = r.activeElement;
       else {
@@ -5919,7 +5921,7 @@ var Zr = {
       }), z = N.slice().reverse().find(function(E) {
         return We(E);
       }), K = !!x.find(function(E) {
-        return Ie(E) > 0;
+        return Le(E) > 0;
       });
       return {
         container: j,
@@ -5986,7 +5988,7 @@ var Zr = {
     return x || (x === !1 ? !1 : j);
   }, y = function(j) {
     var x = j.target, N = j.event, A = j.isBackward, W = A === void 0 ? !1 : A;
-    x = x || Mt(N), m();
+    x = x || Pt(N), m();
     var Z = null;
     if (o.tabbableGroups.length > 0) {
       var z = l(x, N), K = z >= 0 ? o.containerGroups[z] : void 0;
@@ -5997,9 +5999,9 @@ var Zr = {
           var V = G.firstTabbableNode;
           return x === V;
         });
-        if (E < 0 && (K.container === x || qt(x, i.tabbableOptions) && !We(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 = Ie(x) >= 0 ? q.lastTabbableNode : q.lastDomTabbableNode;
+          Z = Le(x) >= 0 ? q.lastTabbableNode : q.lastDomTabbableNode;
         } else
           vt(N) || (Z = K.nextTabbableNode(x, !1));
       } else {
@@ -6007,9 +6009,9 @@ var Zr = {
           var V = G.lastTabbableNode;
           return x === V;
         });
-        if (B < 0 && (K.container === x || qt(x, i.tabbableOptions) && !We(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 = Ie(x) >= 0 ? te.firstTabbableNode : te.firstDomTabbableNode;
+          Z = Le(x) >= 0 ? te.firstTabbableNode : te.firstDomTabbableNode;
         } else
           vt(N) || (Z = K.nextTabbableNode(x));
       }
@@ -6017,7 +6019,7 @@ var Zr = {
       Z = u("fallbackFocus");
     return Z;
   }, v = function(j) {
-    var x = Mt(j);
+    var x = Pt(j);
     if (!(l(x, j) >= 0)) {
       if (lt(i.clickOutsideDeactivates, j)) {
         c.deactivate({
@@ -6034,14 +6036,14 @@ var Zr = {
       lt(i.allowOutsideClick, j) || j.preventDefault();
     }
   }, b = function(j) {
-    var x = Mt(j), N = l(x, j) >= 0;
+    var x = Pt(j), N = l(x, j) >= 0;
     if (N || x instanceof Document)
       N && (o.mostRecentlyFocusedNode = x);
     else {
       j.stopImmediatePropagation();
       var A, W = !0;
       if (o.mostRecentlyFocusedNode)
-        if (Ie(o.mostRecentlyFocusedNode) > 0) {
+        if (Le(o.mostRecentlyFocusedNode) > 0) {
           var Z = l(o.mostRecentlyFocusedNode), z = o.containerGroups[Z].tabbableNodes;
           if (z.length > 0) {
             var K = z.findIndex(function(E) {
@@ -6052,7 +6054,7 @@ var Zr = {
         } else
           o.containerGroups.some(function(E) {
             return E.tabbableNodes.some(function(P) {
-              return Ie(P) > 0;
+              return Le(P) > 0;
             });
           }) || (W = !1);
       else
@@ -6080,7 +6082,7 @@ var Zr = {
     }
     (i.isKeyForward(j) || i.isKeyBackward(j)) && T(j, i.isKeyBackward(j));
   }, w = function(j) {
-    var x = Mt(j);
+    var x = Pt(j);
     l(x, j) >= 0 || lt(i.clickOutsideDeactivates, j) || lt(i.allowOutsideClick, j) || (j.preventDefault(), j.stopImmediatePropagation());
   }, I = function() {
     if (o.active)
@@ -6268,7 +6270,7 @@ function Ho(t, e) {
   }
   return (e === "string" ? String : Number)(t);
 }
-var Rt = Y, J = lo, Vo = Do, 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) {
@@ -6440,14 +6442,14 @@ var Rt = Y, J = lo, Vo = Do, Yo = Vo.createFocusTrap, Ko = Io, Go = Ko.isFocusab
   }, {
     key: "render",
     value: function() {
-      var s = this, i = this.props.children ? Rt.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 === Rt.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 = Rt.cloneElement(i, {
+        }, c = Mt.cloneElement(i, {
           ref: o
         });
         return c;
@@ -6455,7 +6457,7 @@ var Rt = Y, J = lo, Vo = Do, Yo = Vo.createFocusTrap, Ko = Io, Go = Ko.isFocusab
       return null;
     }
   }]), n;
-}(Rt.Component), ut = typeof Element > "u" ? Function : Element;
+}(Mt.Component), ut = typeof Element > "u" ? Function : Element;
 rr.propTypes = {
   active: J.bool,
   paused: J.bool,
@@ -6571,11 +6573,11 @@ const an = ({
             }
           )
         ] }),
-        n && /* @__PURE__ */ a.jsx(Oe, {}),
+        n && /* @__PURE__ */ a.jsx(Ae, {}),
         f,
         l && /* @__PURE__ */ a.jsxs("div", { className: "bottom", children: [
-          /* @__PURE__ */ a.jsx(Oe, {}),
-          /* @__PURE__ */ a.jsx(kt, { buttons: l })
+          /* @__PURE__ */ a.jsx(Ae, {}),
+          /* @__PURE__ */ a.jsx(jt, { buttons: l })
         ] }),
         o && /* @__PURE__ */ a.jsx(Wt, { className: "error", children: o })
       ] }) })
@@ -6648,7 +6650,7 @@ const Xl = ({ members: t }) => {
         isOpen: e !== !1,
         children: e === !1 ? "" : /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
           r(e),
-          /* @__PURE__ */ a.jsx(xt, { children: e.text })
+          /* @__PURE__ */ a.jsx(Ut, { children: e.text })
         ] }),
         buttons: [
           {
@@ -6864,7 +6866,7 @@ const nc = {
   className: i = ""
 }) => {
   var I, R, Q;
-  const o = H(), c = Ee(De), f = c && typeof c.id == "string", [l, u] = X({
+  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(() => {
@@ -6935,7 +6937,7 @@ const nc = {
           ),
           d.banner ? /* @__PURE__ */ a.jsxs("p", { className: "img", children: [
             d.registered && /* @__PURE__ */ a.jsx(ht, { size: "small", variant: "registered", children: o.formatMessage({ id: "card_registered" }) }),
-            /* @__PURE__ */ a.jsx(Tt, { image: d.banner })
+            /* @__PURE__ */ a.jsx(kt, { image: d.banner })
           ] }) : y === "people" ? /* @__PURE__ */ a.jsx(
             Ye,
             {
@@ -7037,7 +7039,7 @@ const En = {
   threeCards: 769,
   twoCards: 480
 };
-let Ft = null;
+let Rt = null;
 const ic = ({
   id: t,
   cards: e,
@@ -7053,7 +7055,7 @@ const ic = ({
   }), { cardsPerPage: u, isLoading: d } = f, [m, p] = X({
     currentPage: 0,
     loadedPages: [0]
-  }), { currentPage: h, loadedPages: _ } = m, y = e.length, v = Math.ceil(y / u), b = pe(null), T = jt(!0, !0, b == null ? void 0 : b.current);
+  }), { currentPage: h, loadedPages: _ } = m, y = e.length, v = Math.ceil(y / u), b = pe(null), T = wt(!0, !0, b == null ? void 0 : b.current);
   ae(() => {
     let C = 1;
     T && (T >= En.fourCards ? C = 4 : T >= En.threeCards ? C = 3 : T >= En.twoCards && (C = 2), C > y && (C = y)), l((F) => ({
@@ -7082,12 +7084,12 @@ const ic = ({
       loadedPages: [.../* @__PURE__ */ new Set([..._, F])]
     }));
   }, w = (C) => {
-    Ft = C.touches[0].clientX;
+    Rt = C.touches[0].clientX;
   }, I = (C) => {
-    if (Ft === null)
+    if (Rt === null)
       return;
-    const F = C.touches[0].clientX, $ = Ft - F;
-    $ > 5 ? k("next") : $ < -5 && k("previous"), Ft = null;
+    const F = C.touches[0].clientX, $ = Rt - F;
+    $ > 5 ? k("next") : $ < -5 && k("previous"), Rt = null;
   }, R = {
     "--width": `${T || 0}px`,
     "--total-cards": y,
@@ -7205,7 +7207,7 @@ const ic = ({
           "data-testid": "carousel-placeholder"
         }
       ),
-      d ? null : /* @__PURE__ */ a.jsx(Oe, {})
+      d ? null : /* @__PURE__ */ a.jsx(Ae, {})
     ] }, `placeholder-${u}`) : /* @__PURE__ */ a.jsxs(yt, { children: [
       /* @__PURE__ */ a.jsx(
         ic,
@@ -7216,7 +7218,7 @@ const ic = ({
           ...s
         }
       ),
-      d ? null : /* @__PURE__ */ a.jsx(Oe, {})
+      d ? null : /* @__PURE__ */ a.jsx(Ae, {})
     ] }, `carousel-${u}`);
   }
 );
@@ -7227,7 +7229,7 @@ const Sn = "joinCommunityButton", Wa = ({
   }, leave: () => {
   } }
 }) => {
-  const s = H(), i = Ee(De), o = i && typeof i.id == "string", [c, f] = X(t), [l, u] = X(t ? "joined" : "notJoined");
+  const s = H(), i = Ee(Ie), o = i && typeof i.id == "string", [c, f] = X(t), [l, u] = X(t ? "joined" : "notJoined");
   ae(() => {
     l === "joining" ? u("joined") : l === "leaving" && u("notJoined");
   }, [c]);
@@ -7262,7 +7264,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(Oe, {}),
+    /* @__PURE__ */ a.jsx(Ae, {}),
     /* @__PURE__ */ a.jsxs("div", { className: "member-details", children: [
       /* @__PURE__ */ a.jsxs("div", { className: "top", children: [
         /* @__PURE__ */ a.jsxs("h4", { children: [
@@ -7372,7 +7374,7 @@ const ru = ({
     urlForRouter: `/${s.split("/").slice(2).join("/")}`
   } : s;
 };
-const Ot = "languageSwitcher_", au = ({
+const Ft = "languageSwitcher_", au = ({
   currentLanguage: t,
   isOriginalLanguage: e = !1,
   isHumanTranslation: n = !1,
@@ -7394,7 +7396,7 @@ const Ot = "languageSwitcher_", au = ({
   const h = 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: `${Ot}label` }) }),
+      o !== "short" && /* @__PURE__ */ a.jsx("p", { children: c || l.formatMessage({ id: `${Ft}label` }) }),
       /* @__PURE__ */ a.jsx("ul", { children: h.map((y) => {
         var T;
         if (!gn[y])
@@ -7403,7 +7405,7 @@ const Ot = "languageSwitcher_", au = ({
         let b = { className: y };
         if (d === y)
           b["aria-label"] = l.formatMessage(
-            { id: `${Ot}selected` },
+            { id: `${Ft}selected` },
             { language: gn[y] }
           );
         else {
@@ -7422,7 +7424,7 @@ const Ot = "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: `${Ot}translation_${e ? "original" : n ? "human" : "machine"}`
+        id: `${Ft}translation_${e ? "original" : n ? "human" : "machine"}`
       }) })
     ] }),
     o !== "short" && !_ && !e && !n && /* @__PURE__ */ a.jsx("small", {
@@ -7430,7 +7432,7 @@ const Ot = "languageSwitcher_", au = ({
       // @ts-ignore
       // `values` are throwing a type error: https://github.com/formatjs/formatjs/issues/3633
       children: l.formatMessage(
-        { id: `${Ot}disclaimer` },
+        { id: `${Ft}disclaimer` },
         {
           email: ft.support,
           link: (y) => {
@@ -7498,7 +7500,7 @@ const za = ({
     children: /* @__PURE__ */ a.jsx(be, { children: /* @__PURE__ */ a.jsx(ye, { id: "apolitical" }) })
   }
 ) });
-let At = !1;
+let Ot = !1;
 const cc = ({
   element: t = "div",
   id: e = "more-menu",
@@ -7536,10 +7538,10 @@ const cc = ({
             c(!1), typeof u == "function" && u(y);
           },
           onFocus: () => {
-            At && (clearTimeout(At), At = !1);
+            Ot && (clearTimeout(Ot), Ot = !1);
           },
           onBlur: () => {
-            At = setTimeout(() => {
+            Ot = setTimeout(() => {
               c(!1);
             }, 100);
           }
@@ -7580,7 +7582,7 @@ const uc = [
     href: "/communities/"
   }
 ], dc = ({ activeLink: t }) => {
-  const e = H(), n = Ee(De), r = n && typeof n.id == "string";
+  const e = H(), n = Ee(Ie), r = n && typeof n.id == "string";
   return /* @__PURE__ */ a.jsxs("ul", { id: "navigation-menu", className: "text-medium", children: [
     uc.map(({ key: s, href: i }) => /* @__PURE__ */ a.jsx(
       "li",
@@ -7771,7 +7773,7 @@ const pc = {
   className: n = "",
   children: r
 }) => {
-  const s = jt(!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) });
 };
@@ -7867,7 +7869,7 @@ 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(kt, { buttons: l })
+    /* @__PURE__ */ a.jsx(jt, { buttons: l })
   ] });
 }, Re = {
   platform: {
@@ -8355,7 +8357,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(De), r = jt(!0, !0), s = n && typeof n.id == "string", i = wt(
+  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, {
@@ -8561,9 +8563,9 @@ const bc = () => {
   ae(() => {
     window.scrollTo(0, 0);
   }, [h]);
-  const _ = Bt(t, { locale: c }), y = Bt(e, {
+  const _ = Lt(t, { locale: c }), y = Lt(e, {
     locale: c
-  }), v = Bt(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(
@@ -8831,10 +8833,10 @@ const fu = ({
               "li",
               {
                 className: S({
-                  article: y === St.ARTICLE,
-                  discussion: y === St.DISCUSSION,
-                  quiz: y === St.QUIZ,
-                  completed: h && y === St.ARTICLE,
+                  article: y === Et.ARTICLE,
+                  discussion: y === Et.DISCUSSION,
+                  quiz: y === Et.QUIZ,
+                  completed: h && y === Et.ARTICLE,
                   locked: !C
                 }),
                 ...F,
@@ -8904,7 +8906,7 @@ const mu = ({
     }
   );
 };
-let Dt = null;
+let At = null;
 const we = "discussion_form_", ar = ({
   content: t = { type: "response", slugs: {} },
   userHasPermissions: e = !0,
@@ -8939,7 +8941,7 @@ const we = "discussion_form_", ar = ({
   gtmContext: l = "DiscussionForm"
 }) => {
   var F, $, j;
-  const u = H(), d = Ee(De), [m, p] = X(
+  const u = H(), d = Ee(Ie), [m, p] = X(
     n.isEditing && n.isEditing.text || ""
   ), [h, _] = X(c.error || !1), [y, v] = X(!1), b = pe(null);
   if (r || (r = b), n.isLoading)
@@ -8975,7 +8977,7 @@ const we = "discussion_form_", ar = ({
     var A;
     if (x.preventDefault(), x.stopPropagation(), !d || !d.id || !e || R)
       return;
-    Dt && clearTimeout(Dt), v("submitting");
+    At && clearTimeout(At), v("submitting");
     const N = window.location.pathname;
     try {
       let W;
@@ -9005,7 +9007,7 @@ const we = "discussion_form_", ar = ({
         default:
           break;
       }
-      await Ks(1e3), f.callback && await f.callback(W), Dt = setTimeout(() => {
+      await Ks(1e3), f.callback && await f.callback(W), At = setTimeout(() => {
         p(""), v("submitted");
         const Z = new Event("discussionFormSubmitted");
         document.dispatchEvent(Z), I();
@@ -9026,7 +9028,7 @@ const we = "discussion_form_", ar = ({
       ) : Z != null && Z.message.includes("400") && (z = `${we}error`), _(z), I();
     }
   }, I = () => {
-    Dt = setTimeout(() => {
+    At = setTimeout(() => {
       _(!1), v(!1);
     }, 5e3);
   }, R = !m || !ni(m), Q = y === "submitting", C = [];
@@ -9113,7 +9115,7 @@ const we = "discussion_form_", ar = ({
             }
           )
         }) }),
-        /* @__PURE__ */ a.jsx(kt, { buttons: C }),
+        /* @__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") }),
         h && /* @__PURE__ */ a.jsx(Wt, { id: "error-message", className: "error", "data-testid": "error", children: c.error ? c.error : typeof h == "string" ? h.includes(" ") ? h : u.formatMessage(
           { id: h },
@@ -9188,7 +9190,7 @@ const An = () => {
   ae(() => {
     p(s);
   }, [s]);
-  const [u, d] = X(e), [m, p] = X(s), [h, _] = X(!1), [y, v] = X(!1), b = wt(
+  const [u, d] = X(e), [m, p] = X(s), [h, _] = X(!1), [y, v] = X(!1), b = xt(
     () => Ec(n, Dn),
     [n]
   ), T = (w) => {
@@ -9326,7 +9328,7 @@ const Me = "discussion_", Cc = 280, cn = ({
   children: _,
   isTruncated: y = !1
 }) => {
-  const v = H(), b = Ee(De), T = Ee(sr), { author: k, canLike: w, createdAt: I, id: R, likes: Q = 0, userLiked: C, comments: F = 0 } = e, $ = b && b.id && typeof k != "string" && k.id && k.id === b.id || !1, j = typeof w == "boolean" ? w : n ? !$ : !1, x = $ && (!e.createdAt || Ys(e.createdAt, 10, "seconds")), N = pe(null), [A, W] = X({
+  const v = H(), b = Ee(Ie), T = Ee(sr), { author: k, canLike: w, createdAt: I, id: R, likes: Q = 0, userLiked: C, comments: F = 0 } = e, $ = b && b.id && typeof k != "string" && k.id && k.id === b.id || !1, j = 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
@@ -9490,10 +9492,10 @@ const Me = "discussion_", Cc = 280, cn = ({
                 className: "gtm-trackable",
                 "data-gtm-event-context": h,
                 "data-gtm-event-type": "title-click",
-                children: /* @__PURE__ */ a.jsx(xt, { options: { overrides: { a: gi } }, children: te })
+                children: /* @__PURE__ */ a.jsx(Ut, { options: { overrides: { a: gi } }, children: te })
               }
             ) : /* @__PURE__ */ a.jsx(
-              xt,
+              Ut,
               {
                 options: {
                   wrapper: e.type === "question" ? "h1" : Y.Fragment,
@@ -9656,7 +9658,7 @@ const Nc = ({
   form: r,
   children: s
 }) => {
-  const i = H(), o = Ee(sr), c = Bt(s, {
+  const i = H(), o = Ee(sr), c = Lt(s, {
     element: "li"
   });
   return /* @__PURE__ */ a.jsxs("div", { className: "thread-wrapper", children: [
@@ -10293,7 +10295,7 @@ const pu = ({
             isTruncated: !0
           }
         ),
-        b > k + 1 && /* @__PURE__ */ a.jsx(Oe, {})
+        b > k + 1 && /* @__PURE__ */ a.jsx(Ae, {})
       ] }, w);
     }),
     !d && /* @__PURE__ */ a.jsx(
@@ -11405,7 +11407,7 @@ const gu = ({
   }
 }) => {
   var C, F, $, j, x, N, A, W, Z, z;
-  const l = H(), u = Ee(De), {
+  const l = H(), u = Ee(Ie), {
     activity: d,
     error: m,
     isLoading: p,
@@ -11551,10 +11553,10 @@ const gu = ({
     contributors: ["community"]
   }
 ];
-const It = "notFoundError_", bu = () => {
+const Dt = "notFoundError_", bu = () => {
   const t = H(), e = [];
   return aa.forEach((n, r) => {
-    n.title = t.formatMessage({ id: `${It}post_${r + 1}` }), e.push("solutionArticle");
+    n.title = t.formatMessage({ id: `${Dt}post_${r + 1}` }), e.push("solutionArticle");
   }), /* @__PURE__ */ a.jsxs(
     yc,
     {
@@ -11571,15 +11573,15 @@ const It = "notFoundError_", bu = () => {
               })
             }
           ),
-          /* @__PURE__ */ a.jsx(se, { href: "/solution-articles/", children: t.formatMessage({ id: `${It}cta` }) })
+          /* @__PURE__ */ a.jsx(se, { href: "/solution-articles/", children: t.formatMessage({ id: `${Dt}cta` }) })
         ] })
       },
       reportError: () => {
       },
       className: "not-found-error",
       children: [
-        /* @__PURE__ */ a.jsx("h1", { children: t.formatMessage({ id: `${It}title` }) }),
-        /* @__PURE__ */ a.jsx("p", { children: t.formatMessage({ id: `${It}text` }) })
+        /* @__PURE__ */ a.jsx("h1", { children: t.formatMessage({ id: `${Dt}title` }) }),
+        /* @__PURE__ */ a.jsx("p", { children: t.formatMessage({ id: `${Dt}text` }) })
       ]
     }
   );
@@ -11593,8 +11595,8 @@ export {
   ql as BannerSection,
   nu as Breadcrumbs,
   se as Button,
-  kt as ButtonWrapper,
-  St as COURSE_CONTENT_TYPES,
+  jt as ButtonWrapper,
+  Et as COURSE_CONTENT_TYPES,
   Ti as CacheProvider,
   Ua as Card,
   rc as CardBlock,
@@ -11617,7 +11619,7 @@ export {
   Sc as DiscussionLikes,
   cn as DiscussionPost,
   Nc as DiscussionThread,
-  Oe as Divider,
+  Ae as Divider,
   Il as DownloadSection,
   ft as EMAILS,
   Ll as EditSection,
@@ -11634,7 +11636,7 @@ export {
   Gn as HiddenFromScreenReaders,
   Rl as HideShowTextBox,
   Wl as HighlightSection,
-  Fe as HighlightedTextBox,
+  Oe as HighlightedTextBox,
   Fl as IconBulletedList,
   Nl as ImageContainer,
   $i as IntlProvider,
@@ -11653,7 +11655,7 @@ export {
   za as Logo,
   Bl as LogoSection,
   mu as MarkCompleteButton,
-  xt as MarkdownText,
+  Ut as MarkdownText,
   zl as MarketingBlock,
   tr as Member,
   uu as MembersList,
@@ -11675,7 +11677,7 @@ export {
   Vl as Rating,
   cl as RepliesFeed,
   $c as ResponsesHeading,
-  Tt as ResponsiveImage,
+  kt as ResponsiveImage,
   Ml as ReturnToNavButton,
   Ki as SearchForm,
   su as ShareLinks,
@@ -11690,7 +11692,7 @@ export {
   Yl as Toggle,
   _i as Tooltip,
   cu as TopLevelPage,
-  De as UserContext,
+  Ie as UserContext,
   Ni as UserProvider,
   be as VisuallyHidden,
   Xo as addAriaProps,
@@ -11712,7 +11714,7 @@ export {
   Zs as toSentenceCase,
   Ls as useCurrentPath,
   _t as useEffectAfterMount,
-  jt as useElementWidth,
+  wt as useElementWidth,
   qs as useScrollListener,
   Us as useScrollToHash,
   er as useUser