@apolitical/component-library 1.18.2 → 1.18.3

package/index.mjs

@@ -1,7 +1,7 @@
 import F, { memo as Fe, useState as R, useEffect as G, useRef as ae, useMemo as ft, createContext as Gt, useContext as _e, Children as Ht, useCallback as Rn, Fragment as qe, useReducer as Oa, Suspense as Ba } from "react";
 import Za from "lodash.clonedeep";
 import qa from "lodash.set";
-import { useIntl as A, IntlProvider as Ha, createIntl as Ua, FormattedMessage as we } from "react-intl";
+import { useIntl as A, IntlProvider as Ha, createIntl as Ua, FormattedMessage as je } from "react-intl";
 import Ne from "truncate";
 import { QueryClient as za, QueryClientProvider as Wa, useMutation as fe, useQueryClient as Kt, useInfiniteQuery as Ln, useQuery as Va } from "@tanstack/react-query";
 import { ReactQueryDevtools as Ya } from "@tanstack/react-query-devtools";
@@ -53,7 +53,7 @@ var On = { exports: {} };
   })();
 })(On);
 var nr = On.exports;
-const w = /* @__PURE__ */ tr(nr), ar = ({ element: e = "span", showOnFocus: t = !0, children: n, ...r }) => F.createElement(e, { ...r, className: w("hidden", { "show-on-focus": t }), children: n }), ie = Fe(ar), rr = ({ element: e = "span", children: t = null, ...n }) => F.createElement(e, { ...n, "aria-hidden": !0 }, t), Bn = Fe(rr);
+const j = /* @__PURE__ */ tr(nr), ar = ({ element: e = "span", showOnFocus: t = !0, children: n, ...r }) => F.createElement(e, { ...r, className: j("hidden", { "show-on-focus": t }), children: n }), ie = Fe(ar), rr = ({ element: e = "span", children: t = null, ...n }) => F.createElement(e, { ...n, "aria-hidden": !0 }, t), Bn = Fe(rr);
 var Ut = { exports: {} }, Re = {};
 /**
  * @license React
@@ -120,10 +120,10 @@ function ir() {
         V.unshift("Warning: " + x), Function.prototype.apply.call(console[u], console, V);
       }
     }
-    var j = !1, S = !1, M = !1, D = !1, I = !1, $;
+    var w = !1, S = !1, M = !1, D = !1, I = !1, $;
     $ = Symbol.for("react.module.reference");
     function C(u) {
-      return !!(typeof u == "string" || typeof u == "function" || u === r || u === i || I || u === s || u === l || u === f || D || u === h || j || S || M || typeof u == "object" && u !== null && (u.$$typeof === p || u.$$typeof === d || u.$$typeof === o || u.$$typeof === c || u.$$typeof === m || // This needs to include all possible module reference object
+      return !!(typeof u == "string" || typeof u == "function" || u === r || u === i || I || u === s || u === l || u === f || D || u === h || w || S || M || typeof u == "object" && u !== null && (u.$$typeof === p || u.$$typeof === d || u.$$typeof === o || u.$$typeof === c || u.$$typeof === m || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -400,7 +400,7 @@ function ir() {
       }
     }
     var va = Array.isArray;
-    function jt(u) {
+    function wt(u) {
       return va(u);
     }
     function xa(u) {
@@ -423,14 +423,14 @@ function ir() {
       if (ka(u))
         return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", xa(u)), on(u);
     }
-    var De = b.ReactCurrentOwner, ja = {
+    var De = b.ReactCurrentOwner, wa = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, ln, dn, wt;
-    wt = {};
-    function wa(u) {
+    }, ln, dn, jt;
+    jt = {};
+    function ja(u) {
       if (Ve.call(u, "ref")) {
         var x = Object.getOwnPropertyDescriptor(u, "ref").get;
         if (x && x.isReactWarning)
@@ -449,7 +449,7 @@ function ir() {
     function $a(u, x) {
       if (typeof u.ref == "string" && De.current && x && De.current.stateNode !== x) {
         var T = N(De.current.type);
-        wt[T] || (_('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', N(De.current.type), u.ref), wt[T] = !0);
+        jt[T] || (_('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', N(De.current.type), u.ref), jt[T] = !0);
       }
     }
     function Ea(u, x) {
@@ -506,9 +506,9 @@ function ir() {
     function Ma(u, x, T, P, B) {
       {
         var V, O = {}, L = null, oe = null;
-        T !== void 0 && (cn(T), L = "" + T), Ta(x) && (cn(x.key), L = "" + x.key), wa(x) && (oe = x.ref, $a(x, B));
+        T !== void 0 && (cn(T), L = "" + T), Ta(x) && (cn(x.key), L = "" + x.key), ja(x) && (oe = x.ref, $a(x, B));
         for (V in x)
-          Ve.call(x, V) && !ja.hasOwnProperty(V) && (O[V] = x[V]);
+          Ve.call(x, V) && !wa.hasOwnProperty(V) && (O[V] = x[V]);
         if (u && u.defaultProps) {
           var ee = u.defaultProps;
           for (V in ee)
@@ -587,7 +587,7 @@ Check the top-level render call using <` + T + ">.");
       {
         if (typeof u != "object")
           return;
-        if (jt(u))
+        if (wt(u))
           for (var T = 0; T < u.length; T++) {
             var P = u[T];
             Et(P) && pn(P, x);
@@ -648,7 +648,7 @@ Check the top-level render call using <` + T + ">.");
           var oe = Na(B);
           oe ? L += oe : L += mn();
           var ee;
-          u === null ? ee = "null" : jt(u) ? ee = "array" : u !== void 0 && u.$$typeof === t ? (ee = "<" + (N(u.type) || "Unknown") + " />", L = " Did you accidentally export a JSX literal instead of a component?") : ee = typeof u, _("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ee, L);
+          u === null ? ee = "null" : wt(u) ? ee = "array" : u !== void 0 && u.$$typeof === t ? (ee = "<" + (N(u.type) || "Unknown") + " />", L = " Did you accidentally export a JSX literal instead of a component?") : ee = typeof u, _("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ee, L);
         }
         var te = Ma(u, x, T, B, V);
         if (te == null)
@@ -657,7 +657,7 @@ Check the top-level render call using <` + T + ">.");
           var ge = x.children;
           if (ge !== void 0)
             if (P)
-              if (jt(ge)) {
+              if (wt(ge)) {
                 for (var Se = 0; Se < ge.length; Se++)
                   hn(ge[Se], u);
                 Object.freeze && Object.freeze(ge);
@@ -709,7 +709,7 @@ function cr(e, t, n) {
     };
   }, []);
   var v = ft(function() {
-    var j = function(C) {
+    var w = function(C) {
       var E = c.current, Z = m.current;
       return c.current = m.current = null, i.current = C, l.current = f.current.apply(Z, E);
     }, S = function(C, E) {
@@ -720,7 +720,7 @@ function cr(e, t, n) {
       var E = C - s.current;
       return !s.current || E >= t || E < 0 || k && C - i.current >= _;
     }, D = function(C) {
-      return o.current = null, y && c.current ? j(C) : (c.current = m.current = null, l.current);
+      return o.current = null, y && c.current ? w(C) : (c.current = m.current = null, l.current);
     }, I = function C() {
       var E = Date.now();
       if (M(E))
@@ -734,9 +734,9 @@ function cr(e, t, n) {
         var C = Date.now(), E = M(C);
         if (c.current = [].slice.call(arguments), m.current = r, s.current = C, E) {
           if (!o.current && d.current)
-            return i.current = s.current, S(I, t), g ? j(s.current) : l.current;
+            return i.current = s.current, S(I, t), g ? w(s.current) : l.current;
           if (k)
-            return S(I, t), j(s.current);
+            return S(I, t), w(s.current);
         }
         return o.current || S(I, t), l.current;
       }
@@ -1252,7 +1252,7 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   typeof t == "string" && g.push(t), r && (g.push("icon"), typeof r == "object" ? (g.push(r.icon), r.position ? g.push(r.position) : g.push("left"), r.hover && g.push(`hover_${r.hover}`), r.animate && (g.push("animate"), typeof r.animate == "string" && g.push(r.animate))) : (g.push(r), !r.includes("right") && !r.includes("left") && g.push("left"))), n.muted && g.push("muted"), n.fullWidth && g.push("full-width");
   const y = {
     ...d,
-    className: w(e, c, g, {
+    className: j(e, c, g, {
       "no-text": !f,
       disabled: m,
       button: s
@@ -1269,11 +1269,11 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   );
 }, ht = ({ buttons: e, className: t = "", ...n }) => {
   const r = e.length > 1 ? "ul" : "p", s = e.map((i, o) => r === "p" ? /* @__PURE__ */ a.jsx(H, { ...i }, o) : /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(H, { ...i }) }, o));
-  return F.createElement(r, { className: w("button-wrapper", t), ...n, children: s });
+  return F.createElement(r, { className: j("button-wrapper", t), ...n, children: s });
 };
 const $e = ({ className: e = "", maxWidth: t = !1 }) => {
   const n = t ? { "--max-width": `${t / 16}rem` } : {};
-  return /* @__PURE__ */ a.jsx("hr", { className: w(e, { "has-max-width": t }), style: n });
+  return /* @__PURE__ */ a.jsx("hr", { className: j(e, { "has-max-width": t }), style: n });
 }, gt = ({
   href: e,
   children: t,
@@ -1290,7 +1290,7 @@ const $e = ({ className: e = "", maxWidth: t = !1 }) => {
       "a",
       {
         href: e,
-        className: w("gtm-trackable", r),
+        className: j("gtm-trackable", r),
         ...m,
         children: t
       }
@@ -1407,10 +1407,10 @@ const $e = ({ className: e = "", maxWidth: t = !1 }) => {
 }) => {
   const { range: r, sizes: s } = e ? xn[e] : xn.fallback;
   return { range: t && t.length > 0 ? t : r, sizes: n || s };
-}, jr = ({ format: e, height: t, query: n, width: r }) => {
+}, wr = ({ format: e, height: t, query: n, width: r }) => {
   let s = `w=${r}&h=${t}`;
   return s = e ? `${s}&fm=${e}` : s, s = n ? `${s}&${n}` : s, s;
-}, St = ({ format: e, range: t, url: n, query: r }) => t.map(({ height: s, width: i }) => `${n}?${jr({
+}, St = ({ format: e, range: t, url: n, query: r }) => t.map(({ height: s, width: i }) => `${n}?${wr({
   format: e,
   height: s,
   query: r,
@@ -1465,7 +1465,7 @@ const Wn = ({ image: e, className: t, testId: n }) => {
   ] });
 };
 let Ie = !1;
-const wr = ({ isOpen: e = !1, isLoading: t = !1, children: n }) => {
+const jr = ({ isOpen: e = !1, isLoading: t = !1, children: n }) => {
   const r = A(), s = ae(null), [i, o] = R("hidden");
   G(() => {
     const m = s.current;
@@ -1483,9 +1483,9 @@ const wr = ({ isOpen: e = !1, isLoading: t = !1, children: n }) => {
     e ? o("opening") : (o("closing"), m = "hidden"), Ie = setTimeout(() => {
       o(m);
     }, 300);
-  }, [e]), /* @__PURE__ */ a.jsx("aside", { ref: s, className: w("tooltip text-medium", i, { loading: t }), hidden: i === "hidden", children: t ? /* @__PURE__ */ a.jsx("p", { children: r.formatMessage({ id: "tooltip_loading" }) }) : typeof n == "string" ? /* @__PURE__ */ a.jsx("p", { children: n }) : n });
+  }, [e]), /* @__PURE__ */ a.jsx("aside", { ref: s, className: j("tooltip text-medium", i, { loading: t }), hidden: i === "hidden", children: t ? /* @__PURE__ */ a.jsx("p", { children: r.formatMessage({ id: "tooltip_loading" }) }) : typeof n == "string" ? /* @__PURE__ */ a.jsx("p", { children: n }) : n });
 };
-const _t = ({ children: e, className: t = "", ...n }) => /* @__PURE__ */ a.jsx("section", { className: w("full-width-section", t), ...n, children: e });
+const _t = ({ children: e, className: t = "", ...n }) => /* @__PURE__ */ a.jsx("section", { className: j("full-width-section", t), ...n, children: e });
 const $i = ({ text: e, buttons: t, className: n = "" }) => {
   const r = [];
   return t.forEach((s) => {
@@ -1499,7 +1499,7 @@ const $i = ({ text: e, buttons: t, className: n = "" }) => {
       target: "_blank",
       children: s.text
     });
-  }), /* @__PURE__ */ a.jsx(_t, { className: w("download-section", n), children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+  }), /* @__PURE__ */ a.jsx(_t, { className: j("download-section", n), children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     F.createElement(typeof e == "string" ? "h2" : e.element, { className: "text" }, typeof e == "string" ? e : e.text),
     /* @__PURE__ */ a.jsx(ht, { buttons: r })
   ] }) });
@@ -1512,12 +1512,12 @@ const Ei = ({ title: e = !1, logos: t = [], className: n = "" }) => {
     element: typeof e == "object" ? e.element : "h2",
     text: typeof e == "string" ? e : typeof e == "object" ? e.text : ""
   };
-  return /* @__PURE__ */ a.jsxs("div", { className: w("logos", n), children: [
+  return /* @__PURE__ */ a.jsxs("div", { className: j("logos", n), children: [
     e && F.createElement(s.element, { className: "title" }, s.text),
     /* @__PURE__ */ a.jsx(
       "ul",
       {
-        className: w({ "two-col": r === 2 || r === 4, "three-col": r === 5 || r <= 10 && r % 3 === 0 }),
+        className: j({ "two-col": r === 2 || r === 4, "three-col": r === 5 || r <= 10 && r % 3 === 0 }),
         children: t.map(
           ({ logo: i, nameOfBusiness: o, link: c = !1, description: m = !1 }, l) => {
             if (!i || !i.url)
@@ -1607,7 +1607,7 @@ const Tr = [
   }), /* @__PURE__ */ a.jsx(
     _t,
     {
-      className: w("banner-section", r, s, e, {
+      className: j("banner-section", r, s, e, {
         "has-image": n,
         "has-extra-spacing": s === "normal" && f.eyebrow && f.title
       }),
@@ -1647,7 +1647,7 @@ const Si = ({
   title: n,
   text: r,
   gtmContext: s
-}) => !n && !r ? null : /* @__PURE__ */ a.jsxs("aside", { className: w("marketing-block", e), children: [
+}) => !n && !r ? null : /* @__PURE__ */ a.jsxs("aside", { className: j("marketing-block", e), children: [
   n && /* @__PURE__ */ a.jsx("p", { className: "title", children: n }),
   r && /* @__PURE__ */ a.jsx("p", { children: r }),
   t && /* @__PURE__ */ a.jsx(H, { variant: "secondary", size: "medium", href: t.link, className: "gtm-trackable", "data-gtm-event-context": s, "data-gtm-event-type": "learn-more-click", children: t.text })
@@ -1700,11 +1700,11 @@ const Mr = ({ children: e, user: t }) => t.isLoading ? null : process.env.REACT_
     ...n || {}
   };
   return /* @__PURE__ */ a.jsx(Ha, { locale: r, messages: s, children: e });
-}, je = Gt({ isLoading: !0 });
+}, we = Gt({ isLoading: !0 });
 function Jt() {
-  return _e(je);
+  return _e(we);
 }
-const Pr = ({ children: e, user: t }) => /* @__PURE__ */ a.jsx(je.Provider, { value: t, children: e }), Mi = ({ bootstrap: e, children: t, intl: n }) => {
+const Pr = ({ children: e, user: t }) => /* @__PURE__ */ a.jsx(we.Provider, { value: t, children: e }), Mi = ({ bootstrap: e, children: t, intl: n }) => {
   const [r, s] = R({ isLoading: !0 });
   return G(() => {
     e().then((i) => {
@@ -1721,7 +1721,7 @@ const Pr = ({ children: e, user: t }) => /* @__PURE__ */ a.jsx(je.Provider, { va
 }, Ni = "200,000+";
 const Vn = ({ label: e = !1, className: t = "", children: n }) => {
   const r = A();
-  return /* @__PURE__ */ a.jsxs("details", { className: w("collapsible-section", t), children: [
+  return /* @__PURE__ */ a.jsxs("details", { className: j("collapsible-section", t), children: [
     /* @__PURE__ */ a.jsx("summary", { children: e || r.formatMessage({ id: "collapsibleSection_summary" }) }),
     /* @__PURE__ */ a.jsx("div", { className: "content", children: n })
   ] });
@@ -1737,7 +1737,7 @@ const Te = ({
   return /* @__PURE__ */ a.jsx(
     "div",
     {
-      className: w("highlighted-text-box", e, n, {
+      className: j("highlighted-text-box", e, n, {
         "has-icon": t
       }),
       style: i,
@@ -1768,7 +1768,7 @@ const bt = ({
     Te,
     {
       variant: "subtle",
-      className: w("empty-state-box", e, r),
+      className: j("empty-state-box", e, r),
       children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
         t && /* @__PURE__ */ a.jsx(pt, { options: { forceBlock: !0 }, children: t }),
         s && typeof n == "object" && (l || /* @__PURE__ */ a.jsx(
@@ -1786,7 +1786,7 @@ const bt = ({
 const Wt = ({ children: e, ...t }) => /* @__PURE__ */ a.jsx("p", { ...t, children: e }), Yn = { q: Wt, blockquote: Wt };
 for (let e = 1; e <= 6; e++)
   Yn[`h${e}`] = { component: Wt, props: { className: "title" } };
-const Ar = ({ type: e = "default", className: t = "", heading: n = !1, children: r }) => /* @__PURE__ */ a.jsxs("div", { className: w("helper-text-box text-small", e, t), children: [
+const Ar = ({ type: e = "default", className: t = "", heading: n = !1, children: r }) => /* @__PURE__ */ a.jsxs("div", { className: j("helper-text-box text-small", e, t), children: [
   n && /* @__PURE__ */ a.jsx("p", { className: "title", children: n }),
   typeof r == "string" ? /* @__PURE__ */ a.jsx(
     pt,
@@ -1824,8 +1824,8 @@ const Pi = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
   if (!r)
     return null;
   const p = ["opening", "open"].includes(l);
-  return /* @__PURE__ */ a.jsxs(Te, { variant: "subtle", className: w("hide-show-text-box", e), children: [
-    /* @__PURE__ */ a.jsxs("div", { ref: o, className: w("content", l), children: [
+  return /* @__PURE__ */ a.jsxs(Te, { variant: "subtle", className: j("hide-show-text-box", e), children: [
+    /* @__PURE__ */ a.jsxs("div", { ref: o, className: j("content", l), children: [
       /* @__PURE__ */ a.jsx(pt, { options: { forceBlock: !0 }, children: l === "closed" ? c : r }),
       l !== "closed" && s
     ] }),
@@ -1835,7 +1835,7 @@ const Pi = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
         variant: "tertiary",
         icon: { icon: "navigation_arrow", position: "left", animate: !0 },
         styling: { muted: !0 },
-        className: w({ "rotate-180": p }),
+        className: j({ "rotate-180": p }),
         onClick: () => {
           f(p ? "ready-to-close" : "opening");
         },
@@ -1916,7 +1916,7 @@ const Pi = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
     }
   return s ? (n = { ...n, className: "button primary medium" }, /* @__PURE__ */ a.jsx("p", { className: "center", children: /* @__PURE__ */ a.jsx(H, { variant: "primary", size: "medium", ...n, children: r }) })) : /* @__PURE__ */ a.jsx("a", { ...n, children: r });
 }, Zr = ({ children: e }) => /* @__PURE__ */ a.jsx("span", { children: e });
-const jn = ({ className: e = "", options: t = {}, children: n }) => {
+const wn = ({ className: e = "", options: t = {}, children: n }) => {
   n = n.replace(/^<br\/?>/, "");
   const r = {
     wrapper: F.Fragment,
@@ -1936,7 +1936,7 @@ const jn = ({ className: e = "", options: t = {}, children: n }) => {
       iframe: Or
     }
   };
-  return /* @__PURE__ */ a.jsx("div", { className: w("markdown-text", e), children: /* @__PURE__ */ a.jsx(pt, { options: { ...r, ...t }, children: n }) });
+  return /* @__PURE__ */ a.jsx("div", { className: j("markdown-text", e), children: /* @__PURE__ */ a.jsx(pt, { options: { ...r, ...t }, children: n }) });
 };
 const qr = ({
   maxWidth: e = !1,
@@ -1946,8 +1946,8 @@ const qr = ({
   className: s = ""
 }) => {
   const i = e ? { "--max-width": `${e / 16}rem` } : {};
-  return /* @__PURE__ */ a.jsxs("section", { className: w("page-heading", s), children: [
-    /* @__PURE__ */ a.jsxs("div", { className: w("content", { "has-max-width": e }), style: i, children: [
+  return /* @__PURE__ */ a.jsxs("section", { className: j("page-heading", s), children: [
+    /* @__PURE__ */ a.jsxs("div", { className: j("content", { "has-max-width": e }), style: i, children: [
       t && t.text && F.createElement(t.element || "h1", { className: "title" }, t.text),
       n && n.text && F.createElement(
         n.element || "h2",
@@ -1964,11 +1964,11 @@ const st = ({
   className: n = "",
   children: r,
   ...s
-}) => /* @__PURE__ */ a.jsx("span", { className: w("pill", e, t, n), ...s, children: r });
-const Vt = ({ element: e = "p", children: t = null, className: n = "", ...r }) => F.createElement(e, { ...r, className: w("status-banner text-small", n), "aria-live": "assertive" }, t);
+}) => /* @__PURE__ */ a.jsx("span", { className: j("pill", e, t, n), ...s, children: r });
+const Vt = ({ element: e = "p", children: t = null, className: n = "", ...r }) => F.createElement(e, { ...r, className: j("status-banner text-small", n), "aria-live": "assertive" }, t);
 const Hr = ({ progress: e = 0, text: t = !1, className: n = "" }) => {
   const r = A(), s = e > 75 ? 100 : e > 50 ? 75 : e > 25 ? 50 : e > 5 ? 25 : 0, i = { "--progress": `${e}%` };
-  return /* @__PURE__ */ a.jsx("span", { className: w(`progress-bar section-${s}`, n), style: i, children: /* @__PURE__ */ a.jsx(ie, { children: t ? `${e} ${t}` : r.formatMessage({ id: "progressBar" }, { number: e }) }) });
+  return /* @__PURE__ */ a.jsx("span", { className: j(`progress-bar section-${s}`, n), style: i, children: /* @__PURE__ */ a.jsx(ie, { children: t ? `${e} ${t}` : r.formatMessage({ id: "progressBar" }, { number: e }) }) });
 }, Ur = Fe(Hr);
 const Mt = "loadingBlock_", zr = ({ progress: e = 0, steps: t = !1, className: n = "" }) => {
   const r = A();
@@ -1985,7 +1985,7 @@ const Mt = "loadingBlock_", zr = ({ progress: e = 0, steps: t = !1, className: n
   return /* @__PURE__ */ a.jsxs(
     Te,
     {
-      className: w("loading-block", n, { "has-icon": s && t[s].icon }),
+      className: j("loading-block", n, { "has-icon": s && t[s].icon }),
       variant: "subtle",
       style: o,
       children: [
@@ -1995,7 +1995,7 @@ const Mt = "loadingBlock_", zr = ({ progress: e = 0, steps: t = !1, className: n
     }
   );
 }, Ai = Fe(zr);
-const be = ({ element: e = "div", className: t = "", ...n }) => /* @__PURE__ */ a.jsx(Bn, { element: e, className: w("loading-placeholder", t), ...n });
+const be = ({ element: e = "div", className: t = "", ...n }) => /* @__PURE__ */ a.jsx(Bn, { element: e, className: j("loading-placeholder", t), ...n });
 const Yt = {
   header: ["logo", "link", "link", "search"],
   sidebar: ["text", "text", "text", "text", "text"],
@@ -2013,7 +2013,7 @@ const Yt = {
     "cards-section",
     "footer"
   ]
-}, Gn = (e, t) => e in Yt ? /* @__PURE__ */ a.jsx("div", { className: e, children: Yt[e].map((n, r) => Gn(n, r)) }, t) : /* @__PURE__ */ a.jsx(be, { className: e }, t), Kn = ({ layout: e = "overview-page", ...t }) => /* @__PURE__ */ a.jsx("div", { className: w("loading-state", e), ...t, children: Yt[e].map((n, r) => Gn(n, r)) }), Qn = (e) => {
+}, Gn = (e, t) => e in Yt ? /* @__PURE__ */ a.jsx("div", { className: e, children: Yt[e].map((n, r) => Gn(n, r)) }, t) : /* @__PURE__ */ a.jsx(be, { className: e }, t), Kn = ({ layout: e = "overview-page", ...t }) => /* @__PURE__ */ a.jsx("div", { className: j("loading-state", e), ...t, children: Yt[e].map((n, r) => Gn(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) : "";
 }, Ge = ["#5AB6A3", "#A2D7AF", "#806056", "#3962B3"], Wr = (e) => {
@@ -2025,13 +2025,13 @@ const Yt = {
     if (r <= t * (s + 1))
       return Ge[s];
 };
-const wn = 256, ze = ({
+const jn = 256, ze = ({
   className: e = "",
   src: t = "",
   name: n,
   alt: r,
-  width: s = wn,
-  height: i = wn,
+  width: s = jn,
+  height: i = jn,
   ...o
 }) => {
   const [c, m] = R(!1), l = ae(null);
@@ -2049,7 +2049,7 @@ const wn = 256, ze = ({
   return t && t !== "" && !c && (t.includes("http") || t.includes("//")) && (f = !0), /* @__PURE__ */ a.jsx(
     "figure",
     {
-      className: w("profile-picture", e, { error: c }),
+      className: j("profile-picture", e, { error: c }),
       ...o,
       children: f ? /* @__PURE__ */ a.jsx(
         "img",
@@ -2101,7 +2101,7 @@ const Xt = ({
   c.name || (c.name = o.formatMessage({ id: `member_${typeof t == "string" ? t : "community"}` }));
   const { name: m, url: l, image: f } = c, d = Vr(c), p = n && n.createdAt ? zt(n.createdAt) : !1, h = n && n.createdAt ? Un(n.createdAt) : "";
   return F.createElement(e, {
-    className: w("member text-medium", i),
+    className: j("member text-medium", i),
     children: /* @__PURE__ */ a.jsxs(
       gt,
       {
@@ -2145,7 +2145,7 @@ const Tn = {
   const f = A();
   return !n || n.length === 0 ? null : F.createElement(e, {
     ...l,
-    className: w("contributors", m, s, { "has-gap": i }),
+    className: j("contributors", m, s, { "has-gap": i }),
     children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
       /* @__PURE__ */ a.jsx("ul", { children: n.map((d, p) => {
         let h, g = "";
@@ -2167,7 +2167,7 @@ const Tn = {
           h = /* @__PURE__ */ a.jsxs(
             "small",
             {
-              className: w({ "large-number": y > 99 }),
+              className: j({ "large-number": y > 99 }),
               children: [
                 "+",
                 _r(y, 0)
@@ -2175,7 +2175,7 @@ const Tn = {
             }
           ), g = "number-left";
         }
-        return h ? /* @__PURE__ */ a.jsx("li", { className: w("contributor", g), children: h }, p) : null;
+        return h ? /* @__PURE__ */ a.jsx("li", { className: j("contributor", g), children: h }, p) : null;
       }) }),
       r && /* @__PURE__ */ a.jsx("span", { className: "label", children: typeof r == "string" ? r : n.length === 1 ? typeof n[0] == "string" ? f.formatMessage({ id: `member_${n[0]}` }) : Ne(n[0].name || "", 20) : null })
     ] })
@@ -2385,7 +2385,7 @@ const Qr = {
   gtmContext: s = "Carousel",
   className: i = ""
 }) => {
-  const o = A(), c = _e(je), m = c && typeof c.id == "string", [l, f] = R({
+  const o = A(), c = _e(we), m = c && typeof c.id == "string", [l, f] = R({
     data: null,
     isLoading: !0
   }), { data: d, isLoading: p } = l, h = Rn(() => {
@@ -2412,10 +2412,10 @@ const Qr = {
     className: k,
     length: b,
     gtmEvent: _
-  } = it[g], v = zn(`card_label_${g}`) ? o.formatMessage({ id: `card_label_${g}` }) : !1, j = d.slug ? `${y}${d.slug}` : !1, S = { ...Qr, ...b };
+  } = it[g], v = zn(`card_label_${g}`) ? o.formatMessage({ id: `card_label_${g}` }) : !1, w = d.slug ? `${y}${d.slug}` : !1, S = { ...Qr, ...b };
   let M = { className: "card" };
-  j && (M = {
-    href: j,
+  w && (M = {
+    href: w,
     className: "card gtm-trackable",
     "data-gtm-event-context": `${s}-CarouselCard`,
     "data-gtm-event-type": `${_}-click`,
@@ -2425,19 +2425,19 @@ const Qr = {
   return /* @__PURE__ */ a.jsx(
     "li",
     {
-      className: w("card-wrapper text-medium", k, i, {
-        "has-link": j,
-        "no-link": !j,
+      className: j("card-wrapper text-medium", k, i, {
+        "has-link": w,
+        "no-link": !w,
         "has-custom-icon": d.customIcon,
         "has-image": d.banner
       }),
       style: D,
       "data-testid": `${g}-card`,
       children: F.createElement(
-        j ? "a" : "div",
+        w ? "a" : "div",
         M,
         /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-          (d.customLabel || v) && /* @__PURE__ */ a.jsx("small", { className: w("card-label text-small", k), children: d.customLabel || v }),
+          (d.customLabel || v) && /* @__PURE__ */ a.jsx("small", { className: j("card-label text-small", k), children: d.customLabel || v }),
           d.startDate && !d.isOngoingEvent && /* @__PURE__ */ a.jsx(
             st,
             {
@@ -2480,13 +2480,13 @@ const Qr = {
             return /* @__PURE__ */ a.jsx("p", { className: C, "data-testid": C, children: Ne($, S[I]) }, I);
           }),
           /* @__PURE__ */ a.jsx(Yr, { type: k || "", data: d }),
-          /* @__PURE__ */ a.jsx(Gr, { data: d, cta: r, link: j || "", gtmContext: s })
+          /* @__PURE__ */ a.jsx(Gr, { data: d, cta: r, link: w || "", gtmContext: s })
         ] })
       )
     }
   );
 };
-const Jr = ({ cards: e, cardTypes: t, className: n = "", ...r }) => /* @__PURE__ */ a.jsx("ul", { className: w("card-block", n), children: e.map((s, i) => {
+const Jr = ({ cards: e, cardTypes: t, className: n = "", ...r }) => /* @__PURE__ */ a.jsx("ul", { className: j("card-block", n), children: e.map((s, i) => {
   const o = s.slug ? `${s.slug}-${t[i]}` : `${t[i]}-${i}`;
   return /* @__PURE__ */ a.jsx(
     ea,
@@ -2506,7 +2506,7 @@ const Jr = ({ cards: e, cardTypes: t, className: n = "", ...r }) => /* @__PURE__
     return null;
   const { text: r, element: s = "h2", variant: i = "default", size: o = "medium", link: c } = t;
   return F.createElement(s, {
-    className: w("title", i, o, {
+    className: j("title", i, o, {
       "highlighted-title": i === "highlighted"
     }),
     children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
@@ -2555,7 +2555,7 @@ const ts = ({
       isLoading: !1
     }));
   }, [v, k]);
-  const j = ($ = "next") => {
+  const w = ($ = "next") => {
     let C = g;
     if (typeof $ == "string")
       if ($ === "next")
@@ -2580,7 +2580,7 @@ const ts = ({
     if (Ke === null)
       return;
     const C = $.touches[0].clientX, E = Ke - C;
-    E > 5 ? j("next") : E < -5 && j("previous"), Ke = null;
+    E > 5 ? w("next") : E < -5 && w("previous"), Ke = null;
   }, D = {
     "--width": `${((I = _ == null ? void 0 : _.current) == null ? void 0 : I.offsetWidth) || 0}px`,
     "--total-cards": k,
@@ -2591,7 +2591,7 @@ const ts = ({
     "section",
     {
       ref: _,
-      className: w("carousel-wrapper", i),
+      className: j("carousel-wrapper", i),
       "data-testid": "carousel",
       children: [
         /* @__PURE__ */ a.jsx(es, { id: e, title: s }),
@@ -2634,7 +2634,7 @@ const ts = ({
               size: "large",
               icon: { icon: "chevron_left" },
               onClick: ($) => {
-                $.preventDefault(), $.stopPropagation(), j("previous");
+                $.preventDefault(), $.stopPropagation(), w("previous");
               },
               screenreaderText: c.formatMessage({
                 id: "carousel_pagination_previous"
@@ -2645,11 +2645,11 @@ const ts = ({
           [...Array(b)].map(($, C) => /* @__PURE__ */ a.jsx("li", { "data-testid": "carousel-controls-button", children: /* @__PURE__ */ a.jsx(
             "button",
             {
-              className: w("page-indicator", {
+              className: j("page-indicator", {
                 selected: C === g
               }),
               onClick: (E) => {
-                E.preventDefault(), E.stopPropagation(), j(C);
+                E.preventDefault(), E.stopPropagation(), w(C);
               },
               children: /* @__PURE__ */ a.jsx(ie, { showOnFocus: !1, children: c.formatMessage(
                 { id: "carousel_pagination_page" },
@@ -2664,7 +2664,7 @@ const ts = ({
               size: "large",
               icon: { icon: "chevron_right" },
               onClick: ($) => {
-                $.preventDefault(), $.stopPropagation(), j("next");
+                $.preventDefault(), $.stopPropagation(), w("next");
               },
               screenreaderText: c.formatMessage({ id: "carousel_pagination_next" }),
               disabled: g >= b - 1
@@ -2709,7 +2709,7 @@ const ts = ({
 const Pt = "joinCommunityButton", ta = ({ isMember: e = !1, isShort: t = !1, functions: { join: n, leave: r } = { join: () => {
 }, leave: () => {
 } } }) => {
-  const s = A(), i = _e(je), o = i && typeof i.id == "string", [c, m] = R(e), [l, f] = R(e ? "joined" : "notJoined");
+  const s = A(), i = _e(we), o = i && typeof i.id == "string", [c, m] = R(e), [l, f] = R(e ? "joined" : "notJoined");
   G(() => {
     l === "joining" ? f("joined") : l === "leaving" && f("notJoined");
   }, [c]);
@@ -2724,7 +2724,7 @@ const Pt = "joinCommunityButton", ta = ({ isMember: e = !1, isShort: t = !1, fun
       onClick: async (h) => {
         o && (h.currentTarget.blur(), c ? (f("leaving"), typeof r == "function" && await r()) : (f("joining"), typeof n == "function" && await n()), m(!c));
       },
-      className: w("join-community-button", l, { active: l === "joining" }),
+      className: j("join-community-button", l, { active: l === "joining" }),
       disabled: !o,
       ...d,
       children: /* @__PURE__ */ a.jsx("span", { className: "text", ...p, children: s.formatMessage({ id: `${Pt}${["joining", "leaving"].includes(l) ? `_${l}` : c ? "_member" : t ? "_short" : ""}` }) })
@@ -2739,7 +2739,7 @@ const At = "communityDetails_", Di = ({
   functions: { invite: i, ...o }
 }) => {
   const c = A(), m = 5, l = r || s.length, f = s.length ? s : Array(m).fill({}), d = `/communities/${n}/members` === window.location.pathname;
-  return /* @__PURE__ */ a.jsxs("div", { className: w("community-details", e), children: [
+  return /* @__PURE__ */ a.jsxs("div", { className: j("community-details", e), children: [
     /* @__PURE__ */ a.jsx($e, {}),
     /* @__PURE__ */ a.jsxs("div", { className: "member-details", children: [
       /* @__PURE__ */ a.jsxs("div", { className: "top", children: [
@@ -2786,7 +2786,7 @@ const Ri = ({
   const r = A();
   return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsx(ie, { element: "p", children: r.formatMessage({ id: "breadcrumbs_label" }) }),
-    /* @__PURE__ */ a.jsx("ul", { className: w("breadcrumbs text-small", n), children: e.map(({ text: s, href: i, current: o = !1 }, c) => /* @__PURE__ */ a.jsxs("li", { children: [
+    /* @__PURE__ */ a.jsx("ul", { className: j("breadcrumbs text-small", n), children: e.map(({ text: s, href: i, current: o = !1 }, c) => /* @__PURE__ */ a.jsxs("li", { children: [
       o && /* @__PURE__ */ a.jsx(ie, { element: "span", children: r.formatMessage({ id: "breadcrumbs_currentPage" }) }),
       /* @__PURE__ */ a.jsx(gt, { href: o ? void 0 : i, children: Ne(s, t) })
     ] }, `${window.btoa(s)}_${c}`)) })
@@ -2804,13 +2804,13 @@ const Li = ({
     let p = [];
     c.includes(f) ? p = c.filter((h) => h !== f) : f === "all" ? p = ["all"] : n ? p = [...c.filter((h) => h !== "all"), f] : p = [f], m((h) => (r && typeof r == "function" && r({ current: p, previous: h }), p)), d && typeof d == "function" && d();
   };
-  return /* @__PURE__ */ a.jsx("ul", { className: w("filters", s), children: o.map(({ id: f, text: d, disabled: p = !1, callback: h = () => {
+  return /* @__PURE__ */ a.jsx("ul", { className: j("filters", s), children: o.map(({ id: f, text: d, disabled: p = !1, callback: h = () => {
   } }) => {
     let g = {};
     return p && (g = { disabled: !0, "aria-label": i.formatMessage({ id: "filters_disabled" }, { name: d }) }), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
       "button",
       {
-        className: w(f, { selected: c.includes(f) }),
+        className: j(f, { selected: c.includes(f) }),
         onClick: (y) => {
           y.preventDefault(), y.stopPropagation(), l(f, h);
         },
@@ -2846,7 +2846,7 @@ const Ft = { en: "English", es: "Español", fr: "Français", pt: "Português" },
   }, [e]), !r || !Object.values(r).some((y) => y && y.post_name))
     return null;
   const h = Object.keys(r), g = f !== e;
-  return /* @__PURE__ */ a.jsxs("div", { className: w("language-switcher text-small", o, m), children: [
+  return /* @__PURE__ */ a.jsxs("div", { className: j("language-switcher text-small", o, m), children: [
     /* @__PURE__ */ a.jsxs("nav", { children: [
       o !== "short" && /* @__PURE__ */ a.jsx("p", { children: c || l.formatMessage({ id: `${Qe}label` }) }),
       /* @__PURE__ */ a.jsx("ul", { children: h.map((y) => {
@@ -2897,7 +2897,7 @@ const Dt = Ua({ locale: "en", messages: Qt }), yt = ({
       f instanceof Error ? c(f.message) : c("Unknown error");
     }
   };
-  return /* @__PURE__ */ a.jsx("footer", { className: w("load-more", s), children: !o && e ? /* @__PURE__ */ a.jsx(
+  return /* @__PURE__ */ a.jsx("footer", { className: j("load-more", s), children: !o && e ? /* @__PURE__ */ a.jsx(
     H,
     {
       variant: "secondary",
@@ -2911,7 +2911,7 @@ const Dt = Ua({ locale: "en", messages: Qt }), yt = ({
     }
   ) : r.endOfFeed && (!o || o != null && o.includes("Cannot read items")) ? /* @__PURE__ */ a.jsx("p", { children: r.endOfFeed }) : o && /* @__PURE__ */ a.jsx("p", { className: "error", children: r.error }) });
 };
-const na = ({ variant: e = "default", version: t = "default", className: n = "", ...r }) => /* @__PURE__ */ a.jsx("p", { className: "logo-wrapper", children: /* @__PURE__ */ a.jsx("a", { href: "/home/", className: w("logo", e, t, n), ...r, children: /* @__PURE__ */ a.jsx(ie, { children: /* @__PURE__ */ a.jsx(we, { id: "apolitical" }) }) }) });
+const na = ({ variant: e = "default", version: t = "default", className: n = "", ...r }) => /* @__PURE__ */ a.jsx("p", { className: "logo-wrapper", children: /* @__PURE__ */ a.jsx("a", { href: "/home/", className: j("logo", e, t, n), ...r, children: /* @__PURE__ */ a.jsx(ie, { children: /* @__PURE__ */ a.jsx(je, { id: "apolitical" }) }) }) });
 let Je = !1;
 const as = ({ element: e = "div", id: t = "more-menu", options: n, className: r = "" }) => {
   const s = A(), i = ae(null), [o, c] = R(!1), m = (l) => {
@@ -2921,7 +2921,7 @@ const as = ({ element: e = "div", id: t = "more-menu", options: n, className: r
     document.removeEventListener("click", m, !0);
   })), F.createElement(e, {
     ref: i,
-    className: w("more-menu text-medium", r),
+    className: j("more-menu text-medium", r),
     children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
       /* @__PURE__ */ a.jsx(
         H,
@@ -2983,12 +2983,12 @@ const ss = [
     href: "/solution-articles/"
   }
 ], is = ({ activeLink: e }) => {
-  const t = A(), n = _e(je), r = n && typeof n.id == "string";
+  const t = A(), n = _e(we), r = n && typeof n.id == "string";
   return /* @__PURE__ */ a.jsxs("ul", { id: "navigation-menu", className: "text-medium", children: [
     ss.map(({ key: s, href: i }) => /* @__PURE__ */ a.jsx(
       "li",
       {
-        className: w(s, { active: rs(i, e) }),
+        className: j(s, { active: rs(i, e) }),
         children: /* @__PURE__ */ a.jsx(
           "a",
           {
@@ -3075,7 +3075,7 @@ const cs = "shareLinks_", Oi = ({
   className: o = ""
 }) => {
   const c = A(), m = os({ title: e, link: t, referrer: n });
-  return /* @__PURE__ */ a.jsxs("aside", { className: w("share-links", s, i, o), children: [
+  return /* @__PURE__ */ a.jsxs("aside", { className: j("share-links", s, i, o), children: [
     /* @__PURE__ */ a.jsx("p", { className: "text-small", children: c.formatMessage({ id: "shareLinks_label" }) }),
     /* @__PURE__ */ a.jsx("ul", { children: m.map(({ key: l, icon: f, url: d, shouldRender: p = !0, onClick: h }) => {
       if (typeof p == "function" && !p())
@@ -3142,7 +3142,7 @@ const Bi = ({ tabs: e, className: t = "" }) => {
         {
           href: p || `#${l}`,
           id: `tab-${l}`,
-          className: w({ selected: g }),
+          className: j({ selected: g }),
           role: "tab",
           "aria-selected": g,
           ...y,
@@ -3150,7 +3150,7 @@ const Bi = ({ tabs: e, className: t = "" }) => {
         }
       ) }, `tab-${l}`)
     );
-  }), /* @__PURE__ */ a.jsxs("div", { className: w("tabs-wrapper", t), children: [
+  }), /* @__PURE__ */ a.jsxs("div", { className: j("tabs-wrapper", t), children: [
     /* @__PURE__ */ a.jsx("ul", { className: "tabs", role: "tablist", children: o }),
     /* @__PURE__ */ a.jsx("div", { className: "tab-content", children: c })
   ] });
@@ -3166,7 +3166,7 @@ const ls = {
 }) => {
   const s = Ue(!0);
   let i = r;
-  return F.Children.count(r) === 1 && (i = F.Children.toArray(r)[0], i.props && (i = i.props.children)), /* @__PURE__ */ a.jsx("section", { className: w("columns", `layout-${e}`, n), children: F.Children.map(i, (o, c) => t !== !1 && c === t && s && s < ls[e] ? null : o) });
+  return F.Children.count(r) === 1 && (i = F.Children.toArray(r)[0], i.props && (i = i.props.children)), /* @__PURE__ */ a.jsx("section", { className: j("columns", `layout-${e}`, n), children: F.Children.map(i, (o, c) => t !== !1 && c === t && s && s < ls[e] ? null : o) });
 }, Zi = ({ activeLink: e, ...t }) => /* @__PURE__ */ a.jsx(_t, { children: /* @__PURE__ */ a.jsx(ds, { layout: "1-3", children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
   /* @__PURE__ */ a.jsx(is, { activeLink: e }),
   /* @__PURE__ */ a.jsx(qr, { ...t })
@@ -3314,7 +3314,7 @@ const Me = "footer_", ot = "SiteFooter", En = ({ group: e }) => {
   const t = ke[e].order || [];
   let n = !1;
   return "text" in ke[e] && (n = ke[e].text), /* @__PURE__ */ a.jsxs(qe, { children: [
-    /* @__PURE__ */ a.jsx("p", { className: "pre-title", children: /* @__PURE__ */ a.jsx(we, { id: `${Me}${e}` }) }),
+    /* @__PURE__ */ a.jsx("p", { className: "pre-title", children: /* @__PURE__ */ a.jsx(je, { id: `${Me}${e}` }) }),
     Array.isArray(t) && t.length > 0 && /* @__PURE__ */ a.jsx("ul", { className: "text-medium", children: t.map((r) => {
       if (["order", "child", "text"].includes(r))
         return null;
@@ -3327,14 +3327,14 @@ const Me = "footer_", ot = "SiteFooter", En = ({ group: e }) => {
           "data-gtm-event-context": ot,
           "data-gtm-event-type": i,
           ...o,
-          children: /* @__PURE__ */ a.jsx(we, { id: `${Me}${e}_${r}` })
+          children: /* @__PURE__ */ a.jsx(je, { id: `${Me}${e}_${r}` })
         }
       ) }, `${e}_${r}`);
     }) }),
     typeof n != "boolean" && "order" in n && Array.isArray(n.order) && /* @__PURE__ */ a.jsx("dl", { className: "text-medium", children: n.order.map((r) => /* @__PURE__ */ a.jsxs(qe, { children: [
-      /* @__PURE__ */ a.jsx("dt", { children: /* @__PURE__ */ a.jsx(we, { id: `${Me}${e}_${r}` }) }),
+      /* @__PURE__ */ a.jsx("dt", { children: /* @__PURE__ */ a.jsx(je, { id: `${Me}${e}_${r}` }) }),
       /* @__PURE__ */ a.jsxs("dd", { children: [
-        typeof n != "boolean" && n[r].address && /* @__PURE__ */ a.jsx("address", { children: /* @__PURE__ */ a.jsx(we, { id: `${Me}${e}_${r}_address`, values: { br: /* @__PURE__ */ a.jsx("br", {}) } }) }),
+        typeof n != "boolean" && n[r].address && /* @__PURE__ */ a.jsx("address", { children: /* @__PURE__ */ a.jsx(je, { id: `${Me}${e}_${r}_address`, values: { br: /* @__PURE__ */ a.jsx("br", {}) } }) }),
         typeof n != "boolean" && n[r].email && /* @__PURE__ */ a.jsx(
           "a",
           {
@@ -3377,11 +3377,11 @@ const Me = "footer_", ot = "SiteFooter", En = ({ group: e }) => {
           className: "gtm-trackable",
           "data-gtm-event-context": ot,
           "data-gtm-event-type": "social-click",
-          children: /* @__PURE__ */ a.jsx("span", { className: "hidden", children: /* @__PURE__ */ a.jsx(we, { id: `${Me}social_${e}` }) })
+          children: /* @__PURE__ */ a.jsx("span", { className: "hidden", children: /* @__PURE__ */ a.jsx(je, { id: `${Me}social_${e}` }) })
         }
       ) }, e);
     }) }),
-    /* @__PURE__ */ a.jsx("small", { children: /* @__PURE__ */ a.jsx(we, { id: `${Me}copyright`, values: { currentYear: (/* @__PURE__ */ new Date()).getFullYear() } }) })
+    /* @__PURE__ */ a.jsx("small", { children: /* @__PURE__ */ a.jsx(je, { id: `${Me}copyright`, values: { currentYear: (/* @__PURE__ */ new Date()).getFullYear() } }) })
   ] })
 ] }) });
 const Xe = "emailHelperTextBox_", qi = ({ type: e, email: t, redirectPath: n, resendVerificationCode: r }) => {
@@ -3512,9 +3512,9 @@ const et = "passwordRules_", ra = "isMoreThanEightCharacters", sa = "includesNum
   [ia]: "lowercaseUppercase"
 }, fs = ({ matchingRules: e = { isMoreThanEightCharacters: !1, includesNumberAndSymbol: !1, includesLowerAndUppercase: !1 }, className: t = "" }) => {
   const n = A();
-  return /* @__PURE__ */ a.jsxs("aside", { className: w("password-rules", t), children: [
+  return /* @__PURE__ */ a.jsxs("aside", { className: j("password-rules", t), children: [
     /* @__PURE__ */ a.jsx("small", { children: n.formatMessage({ id: `${et}intro` }) }),
-    /* @__PURE__ */ a.jsx("ul", { children: [ra, sa, ia].map((r) => /* @__PURE__ */ a.jsxs("li", { className: w({ matches: e[r] }), children: [
+    /* @__PURE__ */ a.jsx("ul", { children: [ra, sa, ia].map((r) => /* @__PURE__ */ a.jsxs("li", { className: j({ matches: e[r] }), children: [
       /* @__PURE__ */ a.jsxs(ie, { children: [
         n.formatMessage({ id: `${et}rule_label` }),
         " "
@@ -3565,11 +3565,11 @@ const Ui = ({
         l((_) => ({ ..._, disabled: !1 }));
       }
   };
-  return /* @__PURE__ */ a.jsxs("div", { className: w("rating", i), children: [
+  return /* @__PURE__ */ a.jsxs("div", { className: j("rating", i), children: [
     /* @__PURE__ */ a.jsx("span", { className: "label", children: y[p ? "success" : "text"] }),
     /* @__PURE__ */ a.jsx("ol", { children: Array.from(new Array(t).keys()).map((b) => {
       const _ = b + 1;
-      return /* @__PURE__ */ a.jsx("li", { className: w({ selected: p && _ <= p }), children: /* @__PURE__ */ a.jsx(
+      return /* @__PURE__ */ a.jsx("li", { className: j({ selected: p && _ <= p }), children: /* @__PURE__ */ a.jsx(
         H,
         {
           variant: "tertiary",
@@ -3607,7 +3607,7 @@ const ps = ({
     "form",
     {
       onSubmit: f,
-      className: w("search-form gtm-trackable", t),
+      className: j("search-form gtm-trackable", t),
       "data-gtm-event-context": s,
       "data-gtm-event-type": i,
       children: /* @__PURE__ */ a.jsx("fieldset", { id: `${e}-form`, hidden: n ? !o : !1, role: "search", children: /* @__PURE__ */ a.jsxs("p", { children: [
@@ -3654,8 +3654,8 @@ const hs = ({
   initialFormStatus: l = "NOT_SUBMITTED"
   /* NOT_SUBMITTED */
 }) => {
-  const [f, d] = R([]), [p, h] = R(!0), [g, y] = R(l), { formatMessage: k } = A(), b = async (j) => {
-    j.preventDefault();
+  const [f, d] = R([]), [p, h] = R(!0), [g, y] = R(l), { formatMessage: k } = A(), b = async (w) => {
+    w.preventDefault();
     try {
       await m(f), d([]), y(
         "SUCCESS"
@@ -3667,13 +3667,13 @@ const hs = ({
         /* ERROR */
       ), c(S);
     }
-  }, _ = (j) => {
-    j.preventDefault(), y(
+  }, _ = (w) => {
+    w.preventDefault(), y(
       "NOT_SUBMITTED"
       /* NOT_SUBMITTED */
     ), h(!0), d([]);
-  }, v = (j) => {
-    j.preventDefault(), o(), y(
+  }, v = (w) => {
+    w.preventDefault(), o(), y(
       "CLOSED"
       /* CLOSED */
     );
@@ -3693,7 +3693,7 @@ const hs = ({
     {
       style: { backgroundColor: i },
       onSubmit: b,
-      className: w("invite-form gtm-trackable"),
+      className: j("invite-form gtm-trackable"),
       children: [
         /* @__PURE__ */ a.jsxs("fieldset", { className: "content", children: [
           /* @__PURE__ */ a.jsx("h2", { className: "title", style: { color: r }, children: e }),
@@ -3705,12 +3705,12 @@ const hs = ({
               inputClassName: "email-input input",
               placeholder: k({ id: "inviteForm_email_placeholder" }),
               emails: f,
-              onChange: (j) => {
-                d(j), h(!j.length);
+              onChange: (w) => {
+                d(w), h(!w.length);
               },
               autoFocus: !1,
-              getLabel: (j, S, M) => /* @__PURE__ */ a.jsxs("div", { className: "email text-medium", children: [
-                /* @__PURE__ */ a.jsx("div", { "data-tag-item": !0, children: j }),
+              getLabel: (w, S, M) => /* @__PURE__ */ a.jsxs("div", { className: "email text-medium", children: [
+                /* @__PURE__ */ a.jsx("div", { "data-tag-item": !0, children: w }),
                 /* @__PURE__ */ a.jsx(
                   H,
                   {
@@ -3927,8 +3927,8 @@ const hs = ({
   if (c.href) {
     let _ = c.gtmType || `${e}-click`;
     if (_.includes(".")) {
-      const v = _.split("."), j = v[v.length - 2];
-      _ = `${j === "topics" ? `${j}-` : ""}${v[v.length - 1]}`;
+      const v = _.split("."), w = v[v.length - 2];
+      _ = `${w === "topics" ? `${w}-` : ""}${v[v.length - 1]}`;
     }
     p = {
       href: c.href,
@@ -3949,7 +3949,7 @@ const hs = ({
   let k = {}, b = {};
   if (h) {
     const _ = c.menuId || e, v = {
-      onClick: (j) => z.events.onClick(j, { id: _, callback: s, isOpen: r[_] }),
+      onClick: (w) => z.events.onClick(w, { id: _, callback: s, isOpen: r[_] }),
       onFocus: () => z.events.onFocus({ id: _ }),
       onBlur: () => z.events.onBlur({ id: _, callback: s }),
       onMouseLeave: () => z.events.onBlur({ id: _, callback: s }),
@@ -3957,8 +3957,8 @@ const hs = ({
     };
     n && (g && (k = {
       ...v,
-      onKeyPress: (j) => {
-        j.key === "Enter" && z.events.onClick(j, { id: _, callback: s, isOpen: r[_] });
+      onKeyPress: (w) => {
+        w.key === "Enter" && z.events.onClick(w, { id: _, callback: s, isOpen: r[_] });
       },
       tabIndex: "0",
       // Add a `tabIndex` so keyboard users can focus on the `li`
@@ -3970,7 +3970,7 @@ const hs = ({
       ...v
     });
   }
-  return /* @__PURE__ */ a.jsxs("li", { className: w({ [c.className]: c.className, "has-submenu": h, parent: g, active: y }), role: "none", ...k, children: [
+  return /* @__PURE__ */ a.jsxs("li", { className: j({ [c.className]: c.className, "has-submenu": h, parent: g, active: y }), role: "none", ...k, children: [
     p ? F.createElement(f ? H : "a", p, o.formatMessage({ id: d })) : o.formatMessage({ id: d }),
     c.order && /* @__PURE__ */ a.jsx("ul", { ...b, children: c.order.map((_) => {
       if (!c[_])
@@ -3982,15 +3982,15 @@ const hs = ({
         callback: s,
         doTrack: m ? l : null
       };
-      return c[_].order ? /* @__PURE__ */ a.jsxs("li", { className: w({ [c[_].className]: c[_].className }), children: [
+      return c[_].order ? /* @__PURE__ */ a.jsxs("li", { className: j({ [c[_].className]: c[_].className }), children: [
         o.formatMessage({ id: `${d}_${_}` }),
-        /* @__PURE__ */ a.jsx("ul", { children: c[_].order.map((j) => /* @__PURE__ */ a.jsx(lt, { id: `${e}.${_}.${j}`, ...v }, j)) })
+        /* @__PURE__ */ a.jsx("ul", { children: c[_].order.map((w) => /* @__PURE__ */ a.jsx(lt, { id: `${e}.${_}.${w}`, ...v }, w)) })
       ] }, _) : /* @__PURE__ */ a.jsx(lt, { id: `${e}.${_}`, ...v }, _);
     }) })
   ] }, e);
 };
 const gs = { height: 67, height_desktop: 83 }, oa = ({ showNavigation: e = !0 }) => {
-  const t = A(), n = _e(je), r = Ue(!0, !0), s = n && typeof n.id == "string", i = ft(
+  const t = A(), n = _e(we), r = Ue(!0, !0), s = n && typeof n.id == "string", i = ft(
     () => z.getIsDesktopVersion(s, r),
     [s, r]
   ), [o, c] = Oa(vr, {
@@ -4036,7 +4036,7 @@ const gs = { height: 67, height_desktop: 83 }, oa = ({ showNavigation: e = !0 })
       "nav",
       {
         id: "header",
-        className: w({
+        className: j({
           "logged-in": s,
           "logged-out": !s,
           visible: m
@@ -4158,7 +4158,7 @@ const gs = { height: 67, height_desktop: 83 }, oa = ({ showNavigation: e = !0 })
     /* @__PURE__ */ a.jsx(
       "div",
       {
-        className: w("overlay", {
+        className: j("overlay", {
           open: l.navigation || l.account || !i.search && l.search
         })
       }
@@ -4168,7 +4168,7 @@ const gs = { height: 67, height_desktop: 83 }, oa = ({ showNavigation: e = !0 })
 const ca = ({ element: e = "section", children: t, className: n, ...r }) => F.createElement(
   e,
   {
-    className: w("modal", n),
+    className: j("modal", n),
     children: typeof t == "string" ? /* @__PURE__ */ a.jsx("p", { children: t }) : t,
     ...r
   }
@@ -4195,11 +4195,11 @@ const la = ({
     y(t);
   }, [t]);
   const k = r ? { "--max-width": `${r / 16}rem` } : {};
-  return /* @__PURE__ */ a.jsx("div", { className: w("overlay", { open: h }), children: /* @__PURE__ */ a.jsx(
+  return /* @__PURE__ */ a.jsx("div", { className: j("overlay", { open: h }), children: /* @__PURE__ */ a.jsx(
     ca,
     {
       id: e,
-      className: w("overlay-modal", f, { "has-max-width": r }),
+      className: j("overlay-modal", f, { "has-max-width": r }),
       hidden: !h,
       style: k,
       children: t && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
@@ -4254,7 +4254,7 @@ const zi = ({
     showDivider: !1,
     showIcon: o,
     functions: { onClose: c },
-    className: w("invite-modal", e, { success: !!n }),
+    className: j("invite-modal", e, { success: !!n }),
     children: /* @__PURE__ */ a.jsx(
       hs,
       {
@@ -4303,7 +4303,7 @@ const bs = () => {
     "div",
     {
       id: "wrapper",
-      className: w(o, b, { "has-footer": l }),
+      className: j(o, b, { "has-footer": l }),
       children: [
         /* @__PURE__ */ a.jsx(oa, { showNavigation: m }),
         /* @__PURE__ */ a.jsxs("section", { id: "content-wrapper", children: [
@@ -4368,7 +4368,7 @@ const Wi = ({
       return;
     const f = vs.getTagDetails(l);
     f && m.push(f);
-  }), m.length < 1 ? null : /* @__PURE__ */ a.jsx("ul", { className: w("tags text-small", t, s, { "one-line": n }), children: m.map((l) => {
+  }), m.length < 1 ? null : /* @__PURE__ */ a.jsx("ul", { className: j("tags text-small", t, s, { "one-line": n }), children: m.map((l) => {
     const f = c.formatMessage({ id: l.text });
     return /* @__PURE__ */ a.jsx("li", { children: l.href && r ? /* @__PURE__ */ a.jsx(
       "a",
@@ -4392,7 +4392,7 @@ const Vi = ({
   className: o = ""
 }) => {
   const c = A();
-  return e.length === 0 ? null : /* @__PURE__ */ a.jsxs("div", { className: w("members-list", o), children: [
+  return e.length === 0 ? null : /* @__PURE__ */ a.jsxs("div", { className: j("members-list", o), children: [
     /* @__PURE__ */ a.jsxs("h1", { children: [
       c.formatMessage({ id: "membersList" }),
       /* @__PURE__ */ a.jsx("span", { className: "count", children: t })
@@ -4445,7 +4445,7 @@ const le = "discussion_form_", en = ({
   gtmContext: m = "DiscussionForm"
 }) => {
   var $, C, E;
-  const l = A(), f = _e(je), [d, p] = R(
+  const l = A(), f = _e(we), [d, p] = R(
     n.isEditing && n.isEditing.text || ""
   ), [h, g] = R(o.error || !1), [y, k] = R(!1), b = ae(null);
   if (r || (r = b), n.isLoading)
@@ -4477,7 +4477,7 @@ const le = "discussion_form_", en = ({
     const Z = (($ = e.slugs) == null ? void 0 : $.reply) || ((C = e.slugs) == null ? void 0 : C.answer) || ((E = e.slugs) == null ? void 0 : E.question) || "";
     Z && (v = `${v}-${Z.slice(-15)}`);
   }
-  const j = async (Z) => {
+  const w = async (Z) => {
     var U;
     if (Z.preventDefault(), Z.stopPropagation(), !f || !f.id || !t || M)
       return;
@@ -4553,7 +4553,7 @@ const le = "discussion_form_", en = ({
         );
         return;
       }
-      j(Z);
+      w(Z);
     },
     className: "gtm-trackable",
     "data-gtm-event-context": m,
@@ -4567,7 +4567,7 @@ const le = "discussion_form_", en = ({
     "form",
     {
       id: v,
-      className: w("discussion-card discussion-form", {
+      className: j("discussion-card discussion-form", {
         "no-styling": n.isInWrapper && n.isEditing
       }),
       "data-testid": `discussion-${e.type}-form`,
@@ -4661,7 +4661,7 @@ const le = "discussion_form_", en = ({
     showForm: !1
   });
   return /* @__PURE__ */ a.jsx(vt.Provider, { value: { ...t, updateConversation: n }, children: e });
-}, js = ({
+}, ws = ({
   question: e,
   answer: t,
   reply: n
@@ -4669,7 +4669,7 @@ const le = "discussion_form_", en = ({
   ...e && { questionSlug: e },
   ...t && { answerSlug: t },
   ...n && { replySlug: n }
-}), ws = (e, t = 10) => !e || e.length === 0 ? [] : e.slice(0, t);
+}), js = (e, t = 10) => !e || e.length === 0 ? [] : e.slice(0, t);
 let Ze = !1;
 const Bt = () => {
   Ze !== !1 && (clearTimeout(Ze), Ze = !1);
@@ -4689,20 +4689,20 @@ const Bt = () => {
   G(() => {
     h(s);
   }, [s]);
-  const [f, d] = R(t), [p, h] = R(s), [g, y] = R(!1), [k, b] = R(!1), _ = ft(() => ws(n, Zt), [n]), v = (S) => {
+  const [f, d] = R(t), [p, h] = R(s), [g, y] = R(!1), [k, b] = R(!1), _ = ft(() => js(n, Zt), [n]), v = (S) => {
     if (S.preventDefault(), S.stopPropagation(), b(!1), Ze)
       return Bt(), !1;
     if (Bt(), g || !o)
       return !1;
-    Ze = setTimeout(j, 350);
-  }, j = async () => {
+    Ze = setTimeout(w, 350);
+  }, w = async () => {
     if (Bt(), g || !o)
       return !1;
     let S = p ? f - 1 : f + 1;
     S < 0 && (S = 0), y(!0), d(S), h(!p);
     try {
       if (i && i.slugs) {
-        const M = js(i.slugs);
+        const M = ws(i.slugs);
         p ? await m(M) : await c(M, { contentPath: window.location.pathname });
       }
     } catch {
@@ -4714,7 +4714,7 @@ const Bt = () => {
   return F.createElement(
     e,
     {
-      className: w("likes-wrapper text-medium action-button", { "show-spinner": g, "is-liked": p, disabled: !o }),
+      className: j("likes-wrapper text-medium action-button", { "show-spinner": g, "is-liked": p, disabled: !o }),
       onClick: v,
       onMouseEnter: () => {
         b(!0);
@@ -4735,7 +4735,7 @@ const Bt = () => {
             variant: "tertiary",
             size: "medium",
             icon: { icon: p ? "heart" : "heart_empty", animate: "bounce" },
-            className: w({ "do-animation": p && !s }),
+            className: j({ "do-animation": p && !s }),
             screenreaderText: o ? l.formatMessage({
               id: `discussion_likes_${p ? "unlike" : "like"}`
             }, { action: l.formatMessage({ id: `discussion_action_${i.type}` }) }) : !1,
@@ -4747,8 +4747,8 @@ const Bt = () => {
             "data-gtm-event-type": `like-${i.type}-click`
           }
         ),
-        /* @__PURE__ */ a.jsx("span", { className: w("number-of-likes", { "no-likes": f === 0 }), "data-testid": "number-of-likes", children: l.formatMessage({ id: `discussion_likes${r ? "_short" : ""}` }, { number: f }) }),
-        n && /* @__PURE__ */ a.jsx(wr, { isOpen: k, isLoading: n.length === 0, children: n.length && /* @__PURE__ */ a.jsxs("ul", { children: [
+        /* @__PURE__ */ a.jsx("span", { className: j("number-of-likes", { "no-likes": f === 0 }), "data-testid": "number-of-likes", children: l.formatMessage({ id: `discussion_likes${r ? "_short" : ""}` }, { number: f }) }),
+        n && /* @__PURE__ */ a.jsx(jr, { isOpen: k, isLoading: n.length === 0, children: n.length && /* @__PURE__ */ a.jsxs("ul", { children: [
           _.map((S) => typeof S == "string" || !S.name ? null : /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
             gt,
             {
@@ -4798,23 +4798,23 @@ const xe = "discussion_", $s = 280, kt = ({
   children: y,
   isTruncated: k = !1
 }) => {
-  const b = A(), _ = _e(je), v = _e(vt), [j, S] = R({
+  const b = A(), _ = _e(we), v = _e(vt), [w, S] = R({
     body: t && t.body || "",
     isEditing: !1,
     didEdit: t && t.isEdited || !1
   }), [M, D] = R(!1), [I, $] = R("");
   if (G(() => {
     S({
-      ...j,
+      ...w,
       body: t && t.body || "",
       didEdit: t && t.isEdited || !1
     });
   }, [t.isEdited]), r || !t || t.type === "answer" && (!t.slugs || !t.slugs.question))
     return /* @__PURE__ */ a.jsx(be, { className: "discussion-card discussion-post" });
-  const { author: C, canLike: E, createdAt: Z, id: N, likes: U = 0, userLiked: Y, comments: ne = 0 } = t, Q = k ? Ne(j.body, $s) : j.body, J = _ && _.id && typeof C != "string" && C.id && C.id === _.id || !1, re = typeof E == "boolean" ? E : n ? !J : !1, X = async (W) => {
+  const { author: C, canLike: E, createdAt: Z, id: N, likes: U = 0, userLiked: Y, comments: ne = 0 } = t, Q = k ? Ne(w.body, $s) : w.body, J = _ && _.id && typeof C != "string" && C.id && C.id === _.id || !1, re = typeof E == "boolean" ? E : n ? !J : !1, X = async (W) => {
     W || (W = ""), $("");
     try {
-      if (!er(W, j.body)) {
+      if (!er(W, w.body)) {
         const ue = t.type === "question" ? { title: W } : { body: W };
         await m(Sn(t.slugs), ue);
       }
@@ -4856,7 +4856,7 @@ const xe = "discussion_", $s = 280, kt = ({
   return n && J && ce.push(
     {
       text: b.formatMessage({ id: `${xe}moreMenu_edit` }),
-      onClick: () => S({ ...j, isEditing: !0 }),
+      onClick: () => S({ ...w, isEditing: !0 }),
       icon: "pencil-paper",
       className: "gtm-trackable",
       "data-gtm-event-context": g,
@@ -4874,32 +4874,32 @@ const xe = "discussion_", $s = 280, kt = ({
       ..._s(`delete-${t.slug}-modal`, M)
     }
   ), F.createElement(e, {
-    className: w("discussion-post", h),
+    className: j("discussion-post", h),
     "data-testid": `discussion-${t.type}-thread`,
     children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
       /* @__PURE__ */ a.jsxs(
         "div",
         {
           id: N || t.slug,
-          className: w("discussion-card", t.type, {
-            editing: j.isEditing,
-            "has-link": p.post && !j.isEditing
+          className: j("discussion-card", t.type, {
+            editing: w.isEditing,
+            "has-link": p.post && !w.isEditing
           }),
           onClick: (W) => {
-            !p.post || j.isEditing || (W.preventDefault(), W.stopPropagation(), window.location.href = p.post);
+            !p.post || w.isEditing || (W.preventDefault(), W.stopPropagation(), window.location.href = p.post);
           },
           children: [
-            !j.isEditing && /* @__PURE__ */ a.jsx(
+            !w.isEditing && /* @__PURE__ */ a.jsx(
               Xt,
               {
                 member: C,
-                additionalContent: { createdAt: Z, didEdit: j.didEdit },
+                additionalContent: { createdAt: Z, didEdit: w.didEdit },
                 className: typeof C != "string" && C.id === s ? "highlighted" : "",
                 gtmContext: g,
                 gtmType: "profile-click"
               }
             ),
-            j.isEditing ? /* @__PURE__ */ a.jsx(
+            w.isEditing ? /* @__PURE__ */ a.jsx(
               en,
               {
                 content: { type: t.type, slugs: t.slugs },
@@ -4907,7 +4907,7 @@ const xe = "discussion_", $s = 280, kt = ({
                 meta: {
                   isLoading: r,
                   isInWrapper: !0,
-                  isEditing: { text: j.body }
+                  isEditing: { text: w.body }
                 },
                 maxLength: t.type === "question" ? 250 : 5e4,
                 forceShow: {
@@ -4924,7 +4924,7 @@ const xe = "discussion_", $s = 280, kt = ({
                   create: o,
                   handleSaveEdit: X,
                   handleCancel: () => {
-                    $(""), S({ ...j, isEditing: !1 });
+                    $(""), S({ ...w, isEditing: !1 });
                   }
                 },
                 gtmContext: `${g}Form`
@@ -4936,10 +4936,10 @@ const xe = "discussion_", $s = 280, kt = ({
                 className: "gtm-trackable",
                 "data-gtm-event-context": g,
                 "data-gtm-event-type": "title-click",
-                children: /* @__PURE__ */ a.jsx(jn, { options: { overrides: { a: Zr } }, children: Q })
+                children: /* @__PURE__ */ a.jsx(wn, { options: { overrides: { a: Zr } }, children: Q })
               }
             ) : /* @__PURE__ */ a.jsx(
-              jn,
+              wn,
               {
                 options: {
                   wrapper: t.type === "question" ? "h1" : F.Fragment,
@@ -4950,10 +4950,10 @@ const xe = "discussion_", $s = 280, kt = ({
                 children: Q
               }
             ),
-            !j.isEditing && /* @__PURE__ */ a.jsxs(
+            !w.isEditing && /* @__PURE__ */ a.jsxs(
               "ul",
               {
-                className: w("actions text-medium", t.type),
+                className: j("actions text-medium", t.type),
                 "data-testid": `${t.type}-actions`,
                 children: [
                   /* @__PURE__ */ a.jsx(
@@ -5066,7 +5066,7 @@ const xe = "discussion_", $s = 280, kt = ({
           ],
           gtmContext: `${t.type.charAt(0).toUpperCase()}${t.type.slice(1)}:${t.slug}`,
           children: /* @__PURE__ */ a.jsx(
-            we,
+            je,
             {
               id: "discussion_delete_text",
               values: {
@@ -5149,7 +5149,7 @@ const Es = ({ count: e = "", showRepliesButton: t = !0, children: n }) => {
       "ul",
       {
         ref: s,
-        className: w("thread", o),
+        className: j("thread", o),
         hidden: !i.showThread,
         children: f
       }
@@ -5230,12 +5230,30 @@ function Mn({ activity: e, user: t }) {
   };
 }
 function dt({ activity: e, reaction: t }) {
-  const { latest_reactions: n, own_reactions: r, reaction_counts: s } = e;
-  n && t && (n.like = [...n.like || [], t]), r && t && (r.like = [...r.like || [], t]), s && (s.like = s.like + 1 || 1);
+  var n, r, s;
+  t ? (e.latest_reactions = {
+    ...e.latest_reactions || {},
+    like: [...((r = e.latest_reactions) == null ? void 0 : r.like) || [], t]
+  }, e.own_reactions = {
+    ...e.own_reactions || {},
+    like: [...((s = e.own_reactions) == null ? void 0 : s.like) || [], t]
+  }) : e.reaction_counts = {
+    ...e.reaction_counts || {},
+    like: (n = e.reaction_counts) != null && n.like ? e.reaction_counts.like + 1 : 1
+  };
 }
 function fa({ activity: e, user: t }) {
-  const { latest_reactions: n, own_reactions: r, reaction_counts: s } = e;
-  s && (s.like = s.like - 1 || 0), n && (t != null && t.id) && (n.like = n.like.filter(({ user_id: i }) => i !== t.id)), r && (t != null && t.id) && (r.like = r.like.filter(({ user_id: i }) => i !== t.id));
+  var n, r, s;
+  e.reaction_counts = {
+    ...e.reaction_counts || {},
+    like: (n = e.reaction_counts) != null && n.like ? e.reaction_counts.like - 1 : 0
+  }, t != null && t.id && (e.latest_reactions = {
+    ...e.latest_reactions || {},
+    like: (((r = e.latest_reactions) == null ? void 0 : r.like) || []).filter(({ user_id: i }) => i !== t.id)
+  }, e.own_reactions = {
+    ...e.own_reactions || {},
+    like: (((s = e.own_reactions) == null ? void 0 : s.like) || []).filter(({ user_id: i }) => i !== t.id)
+  });
 }
 function As({ activityId: e, replyId: t, content: n }) {
   return {
@@ -5258,12 +5276,30 @@ function Nn({ reply: e, user: t }) {
   };
 }
 function Pn({ reply: e, reaction: t }) {
-  const { latest_children: n, own_children: r, children_counts: s } = e;
-  n && t && (n.like = [...n.like || [], t]), r && t && (r.like = [...r.like || [], t]), s && (s.like = s.like + 1 || 1);
+  var n, r, s;
+  t ? (e.latest_children = {
+    ...e.latest_children || {},
+    like: [...((r = e.latest_children) == null ? void 0 : r.like) || [], t]
+  }, e.own_children = {
+    ...e.own_children || {},
+    like: [...((s = e.own_children) == null ? void 0 : s.like) || [], t]
+  }) : e.children_counts = {
+    ...e.children_counts || {},
+    like: (n = e.children_counts) != null && n.like ? e.children_counts.like + 1 : 1
+  };
 }
 function Fs({ reply: e, user: t }) {
-  const { latest_children: n, own_children: r, children_counts: s } = e;
-  s && (s.like = s.like - 1 || 0), n && (t != null && t.id) && (n.like = n.like.filter(({ user_id: i }) => i !== t.id)), r && (t != null && t.id) && (r.like = r.like.filter(({ user_id: i }) => i !== t.id));
+  var n, r, s;
+  e.children_counts = {
+    ...e.children_counts || {},
+    like: (n = e.children_counts) != null && n.like ? e.children_counts.like - 1 : 0
+  }, t != null && t.id && (e.latest_children = {
+    ...e.latest_children || {},
+    like: (((r = e.latest_children) == null ? void 0 : r.like) || []).filter(({ user_id: i }) => i !== t.id)
+  }, e.own_children = {
+    ...e.own_children || {},
+    like: (((s = e.own_children) == null ? void 0 : s.like) || []).filter(({ user_id: i }) => i !== t.id)
+  });
 }
 const Ae = Object.freeze({
   id: "some-user-id-1",
@@ -5651,10 +5687,10 @@ const Gi = ({
       var N, U, Y, ne, Q, J, re;
       const {
         id: v,
-        own_reactions: j,
+        own_reactions: w,
         latest_reactions: S,
         reaction_counts: M
-      } = _, D = (((N = S == null ? void 0 : S.like) == null ? void 0 : N.length) || 0) > 0, I = (((U = j == null ? void 0 : j.like) == null ? void 0 : U.length) || 0) > 0, $ = I ? j == null ? void 0 : j.like[0].id : "", C = D ? (Y = S == null ? void 0 : S.like) == null ? void 0 : Y.map((X) => {
+      } = _, D = (((N = S == null ? void 0 : S.like) == null ? void 0 : N.length) || 0) > 0, I = (((U = w == null ? void 0 : w.like) == null ? void 0 : U.length) || 0) > 0, $ = I ? w == null ? void 0 : w.like[0].id : "", C = D ? (Y = S == null ? void 0 : S.like) == null ? void 0 : Y.map((X) => {
         var se, de, ce;
         return {
           id: (se = X == null ? void 0 : X.user) == null ? void 0 : se.id,
@@ -6506,7 +6542,7 @@ const ri = ({
         c == null ? void 0 : c.map((v) => {
           var Q, J, re, X, se, de, ce, W, ue, pe;
           const {
-            id: j,
+            id: w,
             own_children: S,
             latest_children: M,
             children_counts: D
@@ -6552,18 +6588,18 @@ const ri = ({
               functions: {
                 content: {
                   createContent: () => null,
-                  deleteContent: () => y({ replyId: j }),
+                  deleteContent: () => y({ replyId: w }),
                   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                  updateContent: (q, { body: K }) => h({ replyId: j, content: K })
+                  updateContent: (q, { body: K }) => h({ replyId: w, content: K })
                 },
                 likes: {
-                  createLike: () => g({ replyId: j }),
-                  deleteLike: () => k({ replyId: j, reactionId: C })
+                  createLike: () => g({ replyId: w }),
+                  deleteLike: () => k({ replyId: w, reactionId: C })
                 },
                 comments: {}
               }
             },
-            j
+            w
           );
         }),
         !d && /* @__PURE__ */ a.jsx(
@@ -6592,7 +6628,7 @@ const ri = ({
             },
             functions: {
               // eslint-disable-next-line @typescript-eslint/no-explicit-any
-              create: (v, { body: j }) => p({ activityId: n, replyId: r, content: j })
+              create: (v, { body: w }) => p({ activityId: n, replyId: r, content: w })
             }
           }
         )
@@ -6639,7 +6675,7 @@ const ri = ({
       da,
       {
         contentType: "reply",
-        createPost: (v, { body: j }) => h({ activityId: n, content: j }),
+        createPost: (v, { body: w }) => h({ activityId: n, content: w }),
         membershipRequiredToPost: {
           isMember: r,
           required: !0,
@@ -6652,7 +6688,7 @@ const ri = ({
     m == null ? void 0 : m.map((v) => {
       var Q, J, re, X, se, de, ce, W, ue, pe;
       const {
-        id: j,
+        id: w,
         own_children: S,
         latest_children: M,
         children_counts: D
@@ -6677,9 +6713,9 @@ const ri = ({
             slugs: {
               question: `${e}/${t}`,
               answer: n,
-              reply: j
+              reply: w
             },
-            slug: j,
+            slug: w,
             author: {
               id: N == null ? void 0 : N.id,
               name: (ce = N.data) == null ? void 0 : ce.name,
@@ -6696,13 +6732,13 @@ const ri = ({
           functions: {
             content: {
               createContent: () => null,
-              deleteContent: () => k({ replyId: j }),
+              deleteContent: () => k({ replyId: w }),
               // eslint-disable-next-line @typescript-eslint/no-explicit-any
-              updateContent: (q, { body: K }) => g({ replyId: j, content: K })
+              updateContent: (q, { body: K }) => g({ replyId: w, content: K })
             },
             likes: {
-              createLike: () => y({ replyId: j }),
-              deleteLike: () => b({ replyId: j, reactionId: C })
+              createLike: () => y({ replyId: w }),
+              deleteLike: () => b({ replyId: w, reactionId: C })
             },
             comments: {}
           },
@@ -6712,7 +6748,7 @@ const ri = ({
               basePath: e,
               parentId: t,
               activityId: n,
-              replyId: j,
+              replyId: w,
               isMember: r,
               functions: {
                 ...s
@@ -6720,8 +6756,8 @@ const ri = ({
             }
           )
         },
-        j
-      ) }, j);
+        w
+      ) }, w);
     }),
     !p && /* @__PURE__ */ a.jsx(
       yt,
@@ -6843,7 +6879,7 @@ const Qi = ({
   }
 }) => {
   var $, C, E, Z, N, U, Y, ne, Q;
-  const l = A(), f = _e(je), {
+  const l = A(), f = _e(we), {
     activity: d,
     error: p,
     isLoading: h,
@@ -6866,7 +6902,7 @@ const Qi = ({
         text: l.formatMessage({ id: "activitySection_notFoundError" })
       }
     );
-  const { own_reactions: b, latest_reactions: _ } = d, v = ((($ = _ == null ? void 0 : _.like) == null ? void 0 : $.length) || 0) > 0, j = (((C = b == null ? void 0 : b.like) == null ? void 0 : C.length) || 0) > 0, S = j ? b == null ? void 0 : b.like[0].id : "", M = v ? (E = _ == null ? void 0 : _.like) == null ? void 0 : E.map((J) => {
+  const { own_reactions: b, latest_reactions: _ } = d, v = ((($ = _ == null ? void 0 : _.like) == null ? void 0 : $.length) || 0) > 0, w = (((C = b == null ? void 0 : b.like) == null ? void 0 : C.length) || 0) > 0, S = w ? b == null ? void 0 : b.like[0].id : "", M = v ? (E = _ == null ? void 0 : _.like) == null ? void 0 : E.map((J) => {
     var re, X, se;
     return {
       id: (re = J == null ? void 0 : J.user) == null ? void 0 : re.id,
@@ -6896,7 +6932,7 @@ const Qi = ({
             thumbnail: ((Y = D.data) == null ? void 0 : Y.thumbnail) || void 0
           }
         },
-        userLiked: j,
+        userLiked: w,
         likes: ((ne = d == null ? void 0 : d.reaction_counts) == null ? void 0 : ne.like) || 0,
         comments: ((Q = d == null ? void 0 : d.reaction_counts) == null ? void 0 : Q.reply) || 0,
         peopleWhoLiked: M
@@ -7070,7 +7106,7 @@ export {
   Kn as LoadingState,
   na as Logo,
   Ei as LogoSection,
-  jn as MarkdownText,
+  wn as MarkdownText,
   Si as MarketingBox,
   Xt as Member,
   Vi as MembersList,
@@ -7096,9 +7132,9 @@ export {
   Vt as StatusBanner,
   Bi as Tabs,
   Wi as Tags,
-  wr as Tooltip,
+  jr as Tooltip,
   Zi as TopLevelPage,
-  je as UserContext,
+  we as UserContext,
   Pr as UserProvider,
   ie as VisuallyHidden,
   _s as addAriaProps,