@apolitical/component-library 2.1.7 → 3.0.0-4126.0

package/index.mjs

@@ -1,5 +1,5 @@
 import * as Sr from "react";
-import K, { memo as Ae, useState as ne, useEffect as se, useRef as pe, useMemo as bt, createContext as Qn, useContext as Ne, Children as Ln, useCallback as fa, useReducer as Jn, forwardRef as Ni, createElement as Cr, Component as Pi, Fragment as gt, Suspense as Ri } from "react";
+import K, { memo as Ae, useState as ne, useEffect as se, useRef as pe, useMemo as bt, createContext as Qn, useContext as $e, Children as Ln, useCallback as fa, useReducer as Jn, forwardRef as $i, createElement as Cr, Component as Pi, Fragment as gt, Suspense as Ri } from "react";
 import ft from "lodash.clonedeep";
 import Mi from "lodash.set";
 import { useIntl as Q, IntlProvider as Oi, FormattedMessage as je, createIntl as Fi } from "react-intl";
@@ -75,14 +75,14 @@ var va = { exports: {} };
   })();
 })(va);
 var Wi = va.exports;
-const $ = /* @__PURE__ */ en(Wi), Hi = ({
+const C = /* @__PURE__ */ en(Wi), Hi = ({
   element: t = "span",
   showOnFocus: e = !0,
   children: n,
   ...r
 }) => K.createElement(t, {
   ...r,
-  className: $("hidden", { "show-on-focus": e }),
+  className: C("hidden", { "show-on-focus": e }),
   children: n
 }), be = Ae(Hi), Vi = ({
   element: t = "span",
@@ -99,11 +99,11 @@ var In = { exports: {} }, at = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var $r;
+var Nr;
 function Yi() {
-  if ($r)
+  if (Nr)
     return at;
-  $r = 1;
+  Nr = 1;
   var t = K, e = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, a = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
   function o(c, u, l) {
     var f, d = {}, m = null, p = null;
@@ -127,9 +127,9 @@ var it = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Nr;
+var $r;
 function Ki() {
-  return Nr || (Nr = 1, process.env.NODE_ENV !== "production" && function() {
+  return $r || ($r = 1, process.env.NODE_ENV !== "production" && function() {
     var t = K, e = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), o = Symbol.for("react.provider"), c = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), l = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), d = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), g = Symbol.iterator, v = "@@iterator";
     function b(h) {
       if (h === null || typeof h != "object")
@@ -155,16 +155,16 @@ function Ki() {
         me.unshift("Warning: " + P), Function.prototype.apply.call(console[h], console, me);
       }
     }
-    var k = !1, w = !1, U = !1, M = !1, I = !1, R;
-    R = Symbol.for("react.module.reference");
-    function O(h) {
-      return !!(typeof h == "string" || typeof h == "function" || h === r || h === s || I || h === a || h === l || h === f || M || h === p || k || w || U || typeof h == "object" && h !== null && (h.$$typeof === m || h.$$typeof === d || h.$$typeof === o || h.$$typeof === c || h.$$typeof === u || // This needs to include all possible module reference object
+    var k = !1, w = !1, U = !1, R = !1, N = !1, B;
+    B = Symbol.for("react.module.reference");
+    function L(h) {
+      return !!(typeof h == "string" || typeof h == "function" || h === r || h === s || N || h === a || h === l || h === f || R || h === p || k || w || U || typeof h == "object" && h !== null && (h.$$typeof === m || h.$$typeof === d || h.$$typeof === o || h.$$typeof === c || h.$$typeof === u || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      h.$$typeof === R || h.getModuleId !== void 0));
+      h.$$typeof === B || h.getModuleId !== void 0));
     }
-    function S(h, P, q) {
+    function M(h, P, q) {
       var te = h.displayName;
       if (te)
         return te;
@@ -204,7 +204,7 @@ function Ki() {
             var q = h;
             return T(q._context) + ".Provider";
           case u:
-            return S(h, h.render, "ForwardRef");
+            return M(h, h.render, "ForwardRef");
           case d:
             var te = h.displayName || null;
             return te !== null ? te : x(h.type) || "Memo";
@@ -219,14 +219,14 @@ function Ki() {
         }
       return null;
     }
-    var C = Object.assign, B = 0, F, L, V, ee, j, N, Z;
+    var S = Object.assign, I = 0, O, D, V, ee, j, $, Z;
     function z() {
     }
     z.__reactDisabledLog = !0;
     function W() {
       {
-        if (B === 0) {
-          F = console.log, L = console.info, V = console.warn, ee = console.error, j = console.group, N = console.groupCollapsed, Z = console.groupEnd;
+        if (I === 0) {
+          O = console.log, D = console.info, V = console.warn, ee = console.error, j = console.group, $ = console.groupCollapsed, Z = console.groupEnd;
           var h = {
             configurable: !0,
             enumerable: !0,
@@ -243,42 +243,42 @@ function Ki() {
             groupEnd: h
           });
         }
-        B++;
+        I++;
       }
     }
     function X() {
       {
-        if (B--, B === 0) {
+        if (I--, I === 0) {
           var h = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: C({}, h, {
-              value: F
+            log: S({}, h, {
+              value: O
             }),
-            info: C({}, h, {
-              value: L
+            info: S({}, h, {
+              value: D
             }),
-            warn: C({}, h, {
+            warn: S({}, h, {
               value: V
             }),
-            error: C({}, h, {
+            error: S({}, h, {
               value: ee
             }),
-            group: C({}, h, {
+            group: S({}, h, {
               value: j
             }),
-            groupCollapsed: C({}, h, {
-              value: N
+            groupCollapsed: S({}, h, {
+              value: $
             }),
-            groupEnd: C({}, h, {
+            groupEnd: S({}, h, {
               value: Z
             })
           });
         }
-        B < 0 && _("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        I < 0 && _("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var Y = y.ReactCurrentDispatcher, H;
@@ -295,16 +295,16 @@ function Ki() {
 ` + H + h;
       }
     }
-    var re = !1, A;
+    var re = !1, F;
     {
       var oe = typeof WeakMap == "function" ? WeakMap : Map;
-      A = new oe();
+      F = new oe();
     }
-    function D(h, P) {
+    function A(h, P) {
       if (!h || re)
         return "";
       {
-        var q = A.get(h);
+        var q = F.get(h);
         if (q !== void 0)
           return q;
       }
@@ -359,7 +359,7 @@ function Ki() {
                   if (he--, ge--, ge < 0 || ie[he] !== _e[ge]) {
                     var Te = `
 ` + ie[he].replace(" at new ", " at ");
-                    return h.displayName && Te.includes("<anonymous>") && (Te = Te.replace("<anonymous>", h.displayName)), typeof h == "function" && A.set(h, Te), Te;
+                    return h.displayName && Te.includes("<anonymous>") && (Te = Te.replace("<anonymous>", h.displayName)), typeof h == "function" && F.set(h, Te), Te;
                   }
                 while (he >= 1 && ge >= 0);
               break;
@@ -369,10 +369,10 @@ function Ki() {
         re = !1, Y.current = me, X(), Error.prepareStackTrace = le;
       }
       var He = h ? h.displayName || h.name : "", Er = He ? J(He) : "";
-      return typeof h == "function" && A.set(h, Er), Er;
+      return typeof h == "function" && F.set(h, Er), Er;
     }
     function ve(h, P, q) {
-      return D(h, !1);
+      return A(h, !1);
     }
     function Pe(h) {
       var P = h.prototype;
@@ -382,7 +382,7 @@ function Ki() {
       if (h == null)
         return "";
       if (typeof h == "function")
-        return D(h, Pe(h));
+        return A(h, Pe(h));
       if (typeof h == "string")
         return J(h);
       switch (h) {
@@ -676,7 +676,7 @@ Check the top-level render call using <` + q + ">.");
     }
     function Tr(h, P, q, te, le, me) {
       {
-        var ce = O(h);
+        var ce = L(h);
         if (!ce) {
           var ie = "";
           (h === void 0 || typeof h == "object" && h !== null && Object.keys(h).length === 0) && (ie += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
@@ -710,8 +710,8 @@ Check the top-level render call using <` + q + ">.");
     function Si(h, P, q) {
       return Tr(h, P, q, !1);
     }
-    var Ci = Si, $i = Ei;
-    it.Fragment = r, it.jsx = Ci, it.jsxs = $i;
+    var Ci = Si, Ni = Ei;
+    it.Fragment = r, it.jsx = Ci, it.jsxs = Ni;
   }()), it;
 }
 process.env.NODE_ENV === "production" ? In.exports = Yi() : In.exports = Ki();
@@ -744,45 +744,45 @@ function Qi(t, e, n) {
     };
   }, []);
   var E = bt(function() {
-    var k = function(O) {
-      var S = c.current, T = u.current;
-      return c.current = u.current = null, s.current = O, l.current = f.current.apply(T, S);
-    }, w = function(O, S) {
-      p && cancelAnimationFrame(o.current), o.current = p ? requestAnimationFrame(O) : setTimeout(O, S);
-    }, U = function(O) {
+    var k = function(L) {
+      var M = c.current, T = u.current;
+      return c.current = u.current = null, s.current = L, l.current = f.current.apply(T, M);
+    }, w = function(L, M) {
+      p && cancelAnimationFrame(o.current), o.current = p ? requestAnimationFrame(L) : setTimeout(L, M);
+    }, U = function(L) {
       if (!d.current)
         return !1;
-      var S = O - a.current;
-      return !a.current || S >= e || S < 0 || b && O - s.current >= _;
-    }, M = function(O) {
-      return o.current = null, v && c.current ? k(O) : (c.current = u.current = null, l.current);
-    }, I = function O() {
-      var S = Date.now();
-      if (U(S))
-        return M(S);
+      var M = L - a.current;
+      return !a.current || M >= e || M < 0 || b && L - s.current >= _;
+    }, R = function(L) {
+      return o.current = null, v && c.current ? k(L) : (c.current = u.current = null, l.current);
+    }, N = function L() {
+      var M = Date.now();
+      if (U(M))
+        return R(M);
       if (d.current) {
-        var T = e - (S - a.current), x = b ? Math.min(T, _ - (S - s.current)) : T;
-        w(O, x);
+        var T = e - (M - a.current), x = b ? Math.min(T, _ - (M - s.current)) : T;
+        w(L, x);
       }
-    }, R = function() {
+    }, B = function() {
       if (m || y) {
-        var O = Date.now(), S = U(O);
-        if (c.current = [].slice.call(arguments), u.current = r, a.current = O, S) {
+        var L = Date.now(), M = U(L);
+        if (c.current = [].slice.call(arguments), u.current = r, a.current = L, M) {
           if (!o.current && d.current)
-            return s.current = a.current, w(I, e), g ? k(a.current) : l.current;
+            return s.current = a.current, w(N, e), g ? k(a.current) : l.current;
           if (b)
-            return w(I, e), k(a.current);
+            return w(N, e), k(a.current);
         }
-        return o.current || w(I, e), l.current;
+        return o.current || w(N, e), l.current;
       }
     };
-    return R.cancel = function() {
+    return B.cancel = function() {
       o.current && (p ? cancelAnimationFrame(o.current) : clearTimeout(o.current)), s.current = 0, c.current = a.current = u.current = o.current = null;
-    }, R.isPending = function() {
+    }, B.isPending = function() {
       return !!o.current;
-    }, R.flush = function() {
-      return o.current ? M(Date.now()) : l.current;
-    }, R;
+    }, B.flush = function() {
+      return o.current ? R(Date.now()) : l.current;
+    }, B;
   }, [g, b, e, _, v, p, m, y]);
   return E;
 }
@@ -1320,7 +1320,7 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   es: is,
   fr: ss,
   pt: os
-}, Symbol.toStringTag, { value: "Module" })), ja = (t) => t in tr, $e = (t, e, n, r, a = {}) => {
+}, Symbol.toStringTag, { value: "Module" })), ja = (t) => t in tr, Ne = (t, e, n, r, a = {}) => {
   let s = "";
   return ja(`${e}_${n}`) ? s = t({ id: `${e}_${n}` }, a) : s = t({ id: e }, { [r]: n, ...a }), s;
 }, ls = (t, e, n) => {
@@ -1377,7 +1377,7 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   typeof e == "string" && g.push(e), 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 v = {
     ...d,
-    className: $(t, c, g, {
+    className: C(t, c, g, {
       "no-text": !f,
       disabled: u,
       button: a
@@ -1395,14 +1395,14 @@ Thank you for helping to protect the Apolitical community from abusive content.`
 }, tn = ({ buttons: t, className: e = "", ...n }) => {
   const r = t.length > 1 ? "ul" : "p", a = t.map((s, o) => r === "p" ? /* @__PURE__ */ i.jsx(ae, { ...s }, o) : /* @__PURE__ */ i.jsx("li", { children: /* @__PURE__ */ i.jsx(ae, { ...s }) }, o));
   return K.createElement(r, {
-    className: $("button-wrapper", e),
+    className: C("button-wrapper", e),
     ...n,
     children: a
   });
 };
 const Fe = ({ className: t = "", maxWidth: e = !1 }) => {
   const n = e ? { "--max-width": `${e / 16}rem` } : {};
-  return /* @__PURE__ */ i.jsx("hr", { className: $(t, { "has-max-width": e }), style: n });
+  return /* @__PURE__ */ i.jsx("hr", { className: C(t, { "has-max-width": e }), style: n });
 }, Pr = {
   card: {
     range: [
@@ -1581,7 +1581,7 @@ const Gl = ({ image: t, className: e, testId: n }) => /* @__PURE__ */ i.jsx(
 }) => {
   if (t) {
     const u = { ...c };
-    return a && (u.onClick = a), s && (u["data-gtm-event-context"] = s), o && (u["data-gtm-event-type"] = o), /* @__PURE__ */ i.jsx("a", { href: t, className: $("gtm-trackable", r), ...u, children: e });
+    return a && (u.onClick = a), s && (u["data-gtm-event-context"] = s), o && (u["data-gtm-event-type"] = o), /* @__PURE__ */ i.jsx("a", { href: t, className: C("gtm-trackable", r), ...u, children: e });
   }
   return n ? K.createElement(n, { children: e, className: r, ...c }) : e;
 };
@@ -1630,7 +1630,7 @@ const ps = ({ isOpen: t = !1, isLoading: e = !1, children: n }) => {
     "aside",
     {
       ref: a,
-      className: $("tooltip text-medium", s, { loading: e }),
+      className: C("tooltip text-medium", s, { loading: e }),
       hidden: s === "hidden",
       children: e ? /* @__PURE__ */ i.jsx("p", { children: r.formatMessage({ id: "tooltip_loading" }) }) : typeof n == "string" ? /* @__PURE__ */ i.jsx("p", { children: n }) : n
     }
@@ -1649,7 +1649,7 @@ const Jl = ({ className: t = "", image: e, ...n }) => e ? (typeof e == "string"
   _t,
   {
     ...n,
-    className: $("banner", t),
+    className: C("banner", t),
     image: { ...e, aspect: "banner" }
   }
 )) : null;
@@ -1663,7 +1663,7 @@ const et = ({
   return /* @__PURE__ */ i.jsx(
     "section",
     {
-      className: $("full-width-section", e, {
+      className: C("full-width-section", e, {
         [a]: a !== "default"
       }),
       ...r,
@@ -1684,7 +1684,7 @@ const Xl = ({ text: t, buttons: e, className: n = "" }) => {
       target: "_blank",
       children: a.text
     });
-  }), /* @__PURE__ */ i.jsx(et, { className: $("download-section", n), children: /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+  }), /* @__PURE__ */ i.jsx(et, { className: C("download-section", n), children: /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
     K.createElement(
       typeof t == "string" ? "h2" : t.element,
       { className: "text" },
@@ -1698,7 +1698,7 @@ function ka({ href: t, setShowModal: e }) {
 }
 const hs = ({ icon: t, description: e, ctaMessage: n, href: r, showEditButton: a, setShowModal: s }) => {
   const { formatMessage: o } = Q();
-  return /* @__PURE__ */ i.jsxs("div", { className: $("edit-section-placeholder", { "has-icon": !!t }), style: ts(t), children: [
+  return /* @__PURE__ */ i.jsxs("div", { className: C("edit-section-placeholder", { "has-icon": !!t }), style: ts(t), children: [
     /* @__PURE__ */ i.jsx("p", { children: e || o({ id: "edit_section_placeholder_description" }) }),
     a && /* @__PURE__ */ i.jsx(ae, { href: r, variant: "secondary", size: "small", onClick: () => ka({ href: r, setShowModal: s }), children: n || o({ id: "edit_section_placeholder_cta" }) })
   ] });
@@ -1713,7 +1713,7 @@ const hs = ({ icon: t, description: e, ctaMessage: n, href: r, showEditButton: a
   showDivider: c = !0
 }) => {
   const [u, l] = K.useState(!1), f = typeof r == "string" || !!n, d = () => l(!1);
-  return /* @__PURE__ */ i.jsxs("section", { className: $("edit-section", e), children: [
+  return /* @__PURE__ */ i.jsxs("section", { className: C("edit-section", e), children: [
     n && /* @__PURE__ */ i.jsx(
       nn,
       {
@@ -1722,7 +1722,7 @@ const hs = ({ icon: t, description: e, ctaMessage: n, href: r, showEditButton: a
         showDivider: !1,
         showIcon: !1,
         functions: { onClose: d },
-        className: $("edit-section-modal"),
+        className: C("edit-section-modal"),
         children: /* @__PURE__ */ i.jsx(or, { ...n, fields: n.fields, meta: {
           ...n == null ? void 0 : n.meta,
           shouldShowCancelButton: !0
@@ -1752,12 +1752,12 @@ const td = ({
     element: typeof t == "object" ? t.element : "h2",
     text: typeof t == "string" ? t : typeof t == "object" ? t.text : ""
   };
-  return /* @__PURE__ */ i.jsxs("div", { className: $("logos", n), children: [
+  return /* @__PURE__ */ i.jsxs("div", { className: C("logos", n), children: [
     t && K.createElement(a.element, { className: "title" }, a.text),
     /* @__PURE__ */ i.jsx(
       "ul",
       {
-        className: $({
+        className: C({
           "two-col": r === 2 || r === 4,
           "three-col": r === 5 || r <= 10 && r % 3 === 0
         }),
@@ -1840,7 +1840,7 @@ const gs = [
   }), /* @__PURE__ */ i.jsx(
     et,
     {
-      className: $("banner-section", r, a, t, {
+      className: C("banner-section", r, a, t, {
         "has-image": n,
         "has-extra-spacing": a === "normal" && f.eyebrow && f.title
       }),
@@ -1877,11 +1877,11 @@ const bs = ({
   image: r
 }) => {
   const a = () => typeof n == "string" ? /* @__PURE__ */ i.jsx(Xe, { children: n }) : n;
-  return /* @__PURE__ */ i.jsxs(et, { className: $("highlight-section", e), children: [
+  return /* @__PURE__ */ i.jsxs(et, { className: C("highlight-section", e), children: [
     r && /* @__PURE__ */ i.jsx(
       "div",
       {
-        className: $("highlight-container highlight-image", {
+        className: C("highlight-container highlight-image", {
           [`highlight-image-${t}`]: t === "right"
         }),
         children: /* @__PURE__ */ i.jsx(_t, { image: r })
@@ -1890,13 +1890,13 @@ const bs = ({
     /* @__PURE__ */ i.jsx(
       "div",
       {
-        className: $("highlight-container highlight-content-wrapper", {
+        className: C("highlight-container highlight-content-wrapper", {
           "no-image": !r
         }),
         children: /* @__PURE__ */ i.jsx(
           "div",
           {
-            className: $("highlight-content", {
+            className: C("highlight-content", {
               "highlight-content-right": t === "left"
             }),
             children: a()
@@ -1912,7 +1912,7 @@ const ad = ({
   title: n,
   text: r,
   gtmContext: a
-}) => !n && !r ? null : /* @__PURE__ */ i.jsxs("aside", { className: $("marketing-block", t), children: [
+}) => !n && !r ? null : /* @__PURE__ */ i.jsxs("aside", { className: C("marketing-block", t), children: [
   n && /* @__PURE__ */ i.jsx("p", { className: "title", children: n }),
   r && /* @__PURE__ */ i.jsx("p", { children: r }),
   e && /* @__PURE__ */ i.jsx(
@@ -1978,7 +1978,7 @@ const ws = ({ children: t, user: e }) => e.isLoading ? null : process.env.REACT_
   return /* @__PURE__ */ i.jsx(Oi, { locale: r, messages: a, children: t });
 }, De = Qn({ isLoading: !0 });
 function nr() {
-  return Ne(De);
+  return $e(De);
 }
 const ks = ({ children: t, user: e }) => /* @__PURE__ */ i.jsx(De.Provider, { value: e, children: t }), id = ({ bootstrap: t, children: e, intl: n, showDevTools: r }) => {
   const [a, s] = ne({ isLoading: !0 });
@@ -1990,7 +1990,7 @@ const ks = ({ children: t, user: e }) => /* @__PURE__ */ i.jsx(De.Provider, { va
 };
 const Ta = ({ label: t = !1, className: e = "", children: n }) => {
   const r = Q();
-  return /* @__PURE__ */ i.jsxs("details", { className: $("collapsible-section", e), children: [
+  return /* @__PURE__ */ i.jsxs("details", { className: C("collapsible-section", e), children: [
     /* @__PURE__ */ i.jsx("summary", { children: t || r.formatMessage({ id: "collapsibleSection_summary" }) }),
     /* @__PURE__ */ i.jsx("div", { className: "content", children: n })
   ] });
@@ -2006,7 +2006,7 @@ const Ie = ({
   return /* @__PURE__ */ i.jsx(
     "div",
     {
-      className: $("highlighted-text-box", t, n, {
+      className: C("highlighted-text-box", t, n, {
         "has-icon": e
       }),
       style: s,
@@ -2037,7 +2037,7 @@ const tt = ({
     Ie,
     {
       variant: "subtle",
-      className: $("empty-state-box", t, r),
+      className: C("empty-state-box", t, r),
       children: /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
         e && /* @__PURE__ */ i.jsx(Xe, { options: { forceBlock: !0 }, children: e }),
         a && typeof n == "object" && (l || /* @__PURE__ */ i.jsx(
@@ -2060,7 +2060,7 @@ const Ts = ({
   className: e = "",
   heading: n = !1,
   children: r
-}) => /* @__PURE__ */ i.jsxs("div", { className: $("helper-text-box text-small", t, e), children: [
+}) => /* @__PURE__ */ i.jsxs("div", { className: C("helper-text-box text-small", t, e), children: [
   n && /* @__PURE__ */ i.jsx("p", { className: "title", children: n }),
   typeof r == "string" ? /* @__PURE__ */ i.jsx(
     Xe,
@@ -2110,9 +2110,9 @@ const sd = ({
     Ie,
     {
       variant: "subtle",
-      className: $("hide-show-text-box", t),
+      className: C("hide-show-text-box", t),
       children: [
-        /* @__PURE__ */ i.jsxs("div", { ref: o, className: $("content", l), children: [
+        /* @__PURE__ */ i.jsxs("div", { ref: o, className: C("content", l), children: [
           /* @__PURE__ */ i.jsx(Xe, { options: { forceBlock: !0 }, children: l === "closed" ? c : r }),
           l !== "closed" && a
         ] }),
@@ -2122,7 +2122,7 @@ const sd = ({
             variant: "tertiary",
             icon: { icon: "navigation_arrow", position: "left", animate: !0 },
             styling: { muted: !0 },
-            className: $({ "rotate-180": m }),
+            className: C({ "rotate-180": m }),
             onClick: () => {
               f(m ? "ready-to-close" : "opening");
             },
@@ -2165,7 +2165,7 @@ const sd = ({
       children: r.map((s) => s)
     }
   );
-}, $s = ({
+}, Ns = ({
   children: t,
   ...e
 }) => {
@@ -2182,7 +2182,7 @@ const sd = ({
         return /* @__PURE__ */ i.jsx("div", { ...e, children: t });
     }
   return /* @__PURE__ */ i.jsx("div", { ...e, children: t });
-}, Ns = (t) => {
+}, $s = (t) => {
   const e = Q(), n = Date.now().toString();
   let r = "default";
   const a = t.src;
@@ -2235,8 +2235,8 @@ const Ms = {
     // Our content team previously used real HTML, which we need to tear out and replace with React components
     style: ye,
     details: Cs,
-    div: $s,
-    iframe: Ns
+    div: Ns,
+    iframe: $s
   },
   "text-only": {
     h1: ye,
@@ -2267,7 +2267,7 @@ const Ms = {
     forceBlock: !0,
     overrides: Ms[r]
   };
-  return /* @__PURE__ */ i.jsx("div", { className: $("markdown-text", t), children: /* @__PURE__ */ i.jsx(Xe, { options: { ...a, ...e }, children: n }) });
+  return /* @__PURE__ */ i.jsx("div", { className: C("markdown-text", t), children: /* @__PURE__ */ i.jsx(Xe, { options: { ...a, ...e }, children: n }) });
 };
 const Os = ({
   maxWidth: t = !1,
@@ -2277,8 +2277,8 @@ const Os = ({
   className: a = ""
 }) => {
   const s = t ? { "--max-width": `${t / 16}rem` } : {};
-  return /* @__PURE__ */ i.jsxs("section", { className: $("page-heading", a), children: [
-    /* @__PURE__ */ i.jsxs("div", { className: $("content", { "has-max-width": t }), style: s, children: [
+  return /* @__PURE__ */ i.jsxs("section", { className: C("page-heading", a), children: [
+    /* @__PURE__ */ i.jsxs("div", { className: C("content", { "has-max-width": t }), style: s, children: [
       e && e.text && K.createElement(e.element || "h1", { className: "title" }, e.text),
       n && n.text && K.createElement(
         n.element || "h2",
@@ -2295,7 +2295,7 @@ const Bt = ({
   className: n = "",
   children: r,
   ...a
-}) => /* @__PURE__ */ i.jsx("span", { className: $("pill", t, e, n), ...a, children: r });
+}) => /* @__PURE__ */ i.jsx("span", { className: C("pill", t, e, n), ...a, children: r });
 const qt = ({
   element: t = "p",
   children: e = null,
@@ -2305,7 +2305,7 @@ const qt = ({
   t,
   {
     ...r,
-    className: $("status-banner text-small", n),
+    className: C("status-banner text-small", n),
     "aria-live": "assertive"
   },
   e
@@ -2320,7 +2320,7 @@ const As = ({ progress: t = 0, text: e = !1, className: n = "" }) => {
   return /* @__PURE__ */ i.jsx(
     "span",
     {
-      className: $(`progress-bar section-${a}`, n),
+      className: C(`progress-bar section-${a}`, n),
       style: s,
       children: /* @__PURE__ */ i.jsx(be, { children: e ? `${t} ${e}` : r.formatMessage({ id: "progressBar" }, { number: t }) })
     }
@@ -2343,7 +2343,7 @@ const hn = "loadingBlock_", Ls = ({ progress: t = 0, steps: e = !1, className: n
   return /* @__PURE__ */ i.jsxs(
     Ie,
     {
-      className: $("loading-block", n, {
+      className: C("loading-block", n, {
         "has-icon": a && e[a].icon
       }),
       variant: "subtle",
@@ -2359,7 +2359,7 @@ const Se = ({ element: t = "div", className: e = "", ...n }) => /* @__PURE__ */
   er,
   {
     element: t,
-    className: $("loading-placeholder", e),
+    className: C("loading-placeholder", e),
     ...n
   }
 );
@@ -2398,11 +2398,11 @@ const Un = {
     "cards-section",
     "footer"
   ]
-}, Sa = (t, e) => t in Un ? /* @__PURE__ */ i.jsx("div", { className: t, children: Un[t].map((n, r) => Sa(n, r)) }, e) : /* @__PURE__ */ i.jsx(Se, { className: t }, e), Ca = ({ layout: t = "overview-page", ...e }) => /* @__PURE__ */ i.jsx("div", { className: $("loading-state", t), ...e, children: Un[t].map((n, r) => Sa(n, r)) }), $a = (t) => {
+}, Sa = (t, e) => t in Un ? /* @__PURE__ */ i.jsx("div", { className: t, children: Un[t].map((n, r) => Sa(n, r)) }, e) : /* @__PURE__ */ i.jsx(Se, { className: t }, e), Ca = ({ layout: t = "overview-page", ...e }) => /* @__PURE__ */ i.jsx("div", { className: C("loading-state", t), ...e, children: Un[t].map((n, r) => Sa(n, r)) }), Na = (t) => {
   const e = t && t.toUpperCase().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) : "";
 }, jt = ["#5AB6A3", "#A2D7AF", "#806056", "#3962B3"], Is = (t) => {
-  const e = Math.ceil(26 / jt.length), n = $a(t).toLowerCase();
+  const e = Math.ceil(26 / jt.length), n = Na(t).toLowerCase();
   if (n === "")
     return jt[0];
   const r = n.charCodeAt(0) - 96;
@@ -2428,13 +2428,13 @@ const Mr = 256, nt = ({
     if (!m)
       return;
     const p = a, g = s;
-    typeof window < "u" && window.devicePixelRatio && (d.width = p * window.devicePixelRatio, d.height = g * window.devicePixelRatio, m.scale(window.devicePixelRatio, window.devicePixelRatio)), m.fillStyle = Is(n), m.fillRect(0, 0, p, g), m.font = `${p / 3}px Arial`, m.textAlign = "center", m.fillStyle = "white", m.fillText($a(n), p / 2, g / 1.6);
+    typeof window < "u" && window.devicePixelRatio && (d.width = p * window.devicePixelRatio, d.height = g * window.devicePixelRatio, m.scale(window.devicePixelRatio, window.devicePixelRatio)), m.fillStyle = Is(n), m.fillRect(0, 0, p, g), m.font = `${p / 3}px Arial`, m.textAlign = "center", m.fillStyle = "white", m.fillText(Na(n), p / 2, g / 1.6);
   }, [n]);
   let f = !1;
   return e && e !== "" && !c && (e.includes("http") || e.includes("//")) && (f = !0), /* @__PURE__ */ i.jsx(
     "figure",
     {
-      className: $("profile-picture", t, { error: c }),
+      className: C("profile-picture", t, { error: c }),
       ...o,
       children: f ? /* @__PURE__ */ i.jsx(
         "img",
@@ -2450,7 +2450,7 @@ const Mr = 256, nt = ({
       ) : /* @__PURE__ */ i.jsx("canvas", { ref: l })
     }
   );
-}, Na = (t) => t === "apolitical" ? {
+}, $a = (t) => t === "apolitical" ? {
   image: `${Ge}logos/member_apolitical.svg`
 } : t === "community" || typeof t == "object" && !t.name ? {
   image: `${Ge}logos/member_community.svg`
@@ -2482,13 +2482,13 @@ const rr = ({
   gtmType: a = "member-click",
   className: s = ""
 }) => {
-  const o = Q(), c = Na(e);
+  const o = Q(), c = $a(e);
   c.name || (c.name = o.formatMessage({
     id: `member_${typeof e == "string" ? e : "community"}`
   }));
   const { name: u, url: l, image: f } = c, d = Bs(c), m = n && n.createdAt ? Bn(n.createdAt) : !1, p = n && n.createdAt ? wa(n.createdAt) : "";
   return K.createElement(t, {
-    className: $("member text-medium", s),
+    className: C("member text-medium", s),
     children: /* @__PURE__ */ i.jsxs(
       xt,
       {
@@ -2535,12 +2535,12 @@ const Or = {
   const f = Q();
   return !n || n.length === 0 ? null : K.createElement(t, {
     ...l,
-    className: $("contributors", u, a, { "has-gap": s }),
+    className: C("contributors", u, a, { "has-gap": s }),
     children: /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
       /* @__PURE__ */ i.jsx("ul", { children: n.map((d, m) => {
         let p, g = "";
         if (m < c) {
-          const { name: v = "", image: b = "" } = Na(d);
+          const { name: v = "", image: b = "" } = $a(d);
           if (o)
             return /* @__PURE__ */ i.jsx(Se, { element: "li", className: "contributor" }, m);
           p = /* @__PURE__ */ i.jsx(
@@ -2557,7 +2557,7 @@ const Or = {
           p = /* @__PURE__ */ i.jsxs(
             "small",
             {
-              className: $({ "large-number": v > 99 }),
+              className: C({ "large-number": v > 99 }),
               children: [
                 "+",
                 ls(v, 0)
@@ -2565,7 +2565,7 @@ const Or = {
             }
           ), g = "number-left";
         }
-        return p ? /* @__PURE__ */ i.jsx("li", { className: $("contributor", g), children: p }, m) : null;
+        return p ? /* @__PURE__ */ i.jsx("li", { className: C("contributor", g), children: p }, m) : null;
       }) }),
       r && /* @__PURE__ */ i.jsx("span", { className: "label", children: typeof r == "string" ? r : n.length === 1 ? typeof n[0] == "string" ? f.formatMessage({ id: `member_${n[0]}` }) : Ke(n[0].name || "", 20) : null })
     ] })
@@ -2660,16 +2660,16 @@ var Ar;
 function Us() {
   return Ar || (Ar = 1, process.env.NODE_ENV !== "production" && function() {
     var t = typeof Symbol == "function" && Symbol.for, e = t ? Symbol.for("react.element") : 60103, n = t ? Symbol.for("react.portal") : 60106, r = t ? Symbol.for("react.fragment") : 60107, a = t ? Symbol.for("react.strict_mode") : 60108, s = t ? Symbol.for("react.profiler") : 60114, o = t ? Symbol.for("react.provider") : 60109, c = t ? Symbol.for("react.context") : 60110, u = t ? Symbol.for("react.async_mode") : 60111, l = t ? Symbol.for("react.concurrent_mode") : 60111, f = t ? Symbol.for("react.forward_ref") : 60112, d = t ? Symbol.for("react.suspense") : 60113, m = t ? Symbol.for("react.suspense_list") : 60120, p = t ? Symbol.for("react.memo") : 60115, g = t ? Symbol.for("react.lazy") : 60116, v = t ? Symbol.for("react.block") : 60121, b = t ? Symbol.for("react.fundamental") : 60117, y = t ? Symbol.for("react.responder") : 60118, _ = t ? Symbol.for("react.scope") : 60119;
-    function E(D) {
-      return typeof D == "string" || typeof D == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      D === r || D === l || D === s || D === a || D === d || D === m || typeof D == "object" && D !== null && (D.$$typeof === g || D.$$typeof === p || D.$$typeof === o || D.$$typeof === c || D.$$typeof === f || D.$$typeof === b || D.$$typeof === y || D.$$typeof === _ || D.$$typeof === v);
+    function E(A) {
+      return typeof A == "string" || typeof A == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      A === r || A === l || A === s || A === a || A === d || A === m || typeof A == "object" && A !== null && (A.$$typeof === g || A.$$typeof === p || A.$$typeof === o || A.$$typeof === c || A.$$typeof === f || A.$$typeof === b || A.$$typeof === y || A.$$typeof === _ || A.$$typeof === v);
     }
-    function k(D) {
-      if (typeof D == "object" && D !== null) {
-        var ve = D.$$typeof;
+    function k(A) {
+      if (typeof A == "object" && A !== null) {
+        var ve = A.$$typeof;
         switch (ve) {
           case e:
-            var Pe = D.type;
+            var Pe = A.type;
             switch (Pe) {
               case u:
               case l:
@@ -2696,47 +2696,47 @@ function Us() {
         }
       }
     }
-    var w = u, U = l, M = c, I = o, R = e, O = f, S = r, T = g, x = p, C = n, B = s, F = a, L = d, V = !1;
-    function ee(D) {
-      return V || (V = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), j(D) || k(D) === u;
+    var w = u, U = l, R = c, N = o, B = e, L = f, M = r, T = g, x = p, S = n, I = s, O = a, D = d, V = !1;
+    function ee(A) {
+      return V || (V = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), j(A) || k(A) === u;
     }
-    function j(D) {
-      return k(D) === l;
+    function j(A) {
+      return k(A) === l;
     }
-    function N(D) {
-      return k(D) === c;
+    function $(A) {
+      return k(A) === c;
     }
-    function Z(D) {
-      return k(D) === o;
+    function Z(A) {
+      return k(A) === o;
     }
-    function z(D) {
-      return typeof D == "object" && D !== null && D.$$typeof === e;
+    function z(A) {
+      return typeof A == "object" && A !== null && A.$$typeof === e;
     }
-    function W(D) {
-      return k(D) === f;
+    function W(A) {
+      return k(A) === f;
     }
-    function X(D) {
-      return k(D) === r;
+    function X(A) {
+      return k(A) === r;
     }
-    function Y(D) {
-      return k(D) === g;
+    function Y(A) {
+      return k(A) === g;
     }
-    function H(D) {
-      return k(D) === p;
+    function H(A) {
+      return k(A) === p;
     }
-    function J(D) {
-      return k(D) === n;
+    function J(A) {
+      return k(A) === n;
     }
-    function re(D) {
-      return k(D) === s;
+    function re(A) {
+      return k(A) === s;
     }
-    function A(D) {
-      return k(D) === a;
+    function F(A) {
+      return k(A) === a;
     }
-    function oe(D) {
-      return k(D) === d;
+    function oe(A) {
+      return k(A) === d;
     }
-    ue.AsyncMode = w, ue.ConcurrentMode = U, ue.ContextConsumer = M, ue.ContextProvider = I, ue.Element = R, ue.ForwardRef = O, ue.Fragment = S, ue.Lazy = T, ue.Memo = x, ue.Portal = C, ue.Profiler = B, ue.StrictMode = F, ue.Suspense = L, ue.isAsyncMode = ee, ue.isConcurrentMode = j, ue.isContextConsumer = N, ue.isContextProvider = Z, ue.isElement = z, ue.isForwardRef = W, ue.isFragment = X, ue.isLazy = Y, ue.isMemo = H, ue.isPortal = J, ue.isProfiler = re, ue.isStrictMode = A, ue.isSuspense = oe, ue.isValidElementType = E, ue.typeOf = k;
+    ue.AsyncMode = w, ue.ConcurrentMode = U, ue.ContextConsumer = R, ue.ContextProvider = N, ue.Element = B, ue.ForwardRef = L, ue.Fragment = M, ue.Lazy = T, ue.Memo = x, ue.Portal = S, ue.Profiler = I, ue.StrictMode = O, ue.Suspense = D, ue.isAsyncMode = ee, ue.isConcurrentMode = j, ue.isContextConsumer = $, ue.isContextProvider = Z, ue.isElement = z, ue.isForwardRef = W, ue.isFragment = X, ue.isLazy = Y, ue.isMemo = H, ue.isPortal = J, ue.isProfiler = re, ue.isStrictMode = F, ue.isSuspense = oe, ue.isValidElementType = E, ue.typeOf = k;
   }()), ue;
 }
 var Dr;
@@ -2878,9 +2878,9 @@ function Ws() {
   return _n = function(c, u) {
     var l = typeof Symbol == "function" && Symbol.iterator, f = "@@iterator";
     function d(j) {
-      var N = j && (l && j[l] || j[f]);
-      if (typeof N == "function")
-        return N;
+      var $ = j && (l && j[l] || j[f]);
+      if (typeof $ == "function")
+        return $;
     }
     var m = "<<anonymous>>", p = {
       array: y("array"),
@@ -2896,83 +2896,83 @@ function Ws() {
       element: k(),
       elementType: w(),
       instanceOf: U,
-      node: O(),
-      objectOf: I,
-      oneOf: M,
-      oneOfType: R,
+      node: L(),
+      objectOf: N,
+      oneOf: R,
+      oneOfType: B,
       shape: T,
       exact: x
     };
-    function g(j, N) {
-      return j === N ? j !== 0 || 1 / j === 1 / N : j !== j && N !== N;
+    function g(j, $) {
+      return j === $ ? j !== 0 || 1 / j === 1 / $ : j !== j && $ !== $;
     }
-    function v(j, N) {
-      this.message = j, this.data = N && typeof N == "object" ? N : {}, this.stack = "";
+    function v(j, $) {
+      this.message = j, this.data = $ && typeof $ == "object" ? $ : {}, this.stack = "";
     }
     v.prototype = Error.prototype;
     function b(j) {
       if (process.env.NODE_ENV !== "production")
-        var N = {}, Z = 0;
-      function z(X, Y, H, J, re, A, oe) {
-        if (J = J || m, A = A || H, oe !== n) {
+        var $ = {}, Z = 0;
+      function z(X, Y, H, J, re, F, oe) {
+        if (J = J || m, F = F || H, oe !== n) {
           if (u) {
-            var D = new Error(
+            var A = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
             );
-            throw D.name = "Invariant Violation", D;
+            throw A.name = "Invariant Violation", A;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
             var ve = J + ":" + H;
-            !N[ve] && // Avoid spamming the console because they are often not actionable except for lib authors
+            !$[ve] && // Avoid spamming the console because they are often not actionable except for lib authors
             Z < 3 && (s(
-              "You are manually calling a React.PropTypes validation function for the `" + A + "` prop on `" + J + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), N[ve] = !0, Z++);
+              "You are manually calling a React.PropTypes validation function for the `" + F + "` prop on `" + J + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
+            ), $[ve] = !0, Z++);
           }
         }
-        return Y[H] == null ? X ? Y[H] === null ? new v("The " + re + " `" + A + "` is marked as required " + ("in `" + J + "`, but its value is `null`.")) : new v("The " + re + " `" + A + "` is marked as required in " + ("`" + J + "`, but its value is `undefined`.")) : null : j(Y, H, J, re, A);
+        return Y[H] == null ? X ? Y[H] === null ? new v("The " + re + " `" + F + "` is marked as required " + ("in `" + J + "`, but its value is `null`.")) : new v("The " + re + " `" + F + "` is marked as required in " + ("`" + J + "`, but its value is `undefined`.")) : null : j(Y, H, J, re, F);
       }
       var W = z.bind(null, !1);
       return W.isRequired = z.bind(null, !0), W;
     }
     function y(j) {
-      function N(Z, z, W, X, Y, H) {
-        var J = Z[z], re = F(J);
+      function $(Z, z, W, X, Y, H) {
+        var J = Z[z], re = O(J);
         if (re !== j) {
-          var A = L(J);
+          var F = D(J);
           return new v(
-            "Invalid " + X + " `" + Y + "` of type " + ("`" + A + "` supplied to `" + W + "`, expected ") + ("`" + j + "`."),
+            "Invalid " + X + " `" + Y + "` of type " + ("`" + F + "` supplied to `" + W + "`, expected ") + ("`" + j + "`."),
             { expectedType: j }
           );
         }
         return null;
       }
-      return b(N);
+      return b($);
     }
     function _() {
       return b(o);
     }
     function E(j) {
-      function N(Z, z, W, X, Y) {
+      function $(Z, z, W, X, Y) {
         if (typeof j != "function")
           return new v("Property `" + Y + "` of component `" + W + "` has invalid PropType notation inside arrayOf.");
         var H = Z[z];
         if (!Array.isArray(H)) {
-          var J = F(H);
+          var J = O(H);
           return new v("Invalid " + X + " `" + Y + "` of type " + ("`" + J + "` supplied to `" + W + "`, expected an array."));
         }
         for (var re = 0; re < H.length; re++) {
-          var A = j(H, re, W, X, Y + "[" + re + "]", n);
-          if (A instanceof Error)
-            return A;
+          var F = j(H, re, W, X, Y + "[" + re + "]", n);
+          if (F instanceof Error)
+            return F;
         }
         return null;
       }
-      return b(N);
+      return b($);
     }
     function k() {
-      function j(N, Z, z, W, X) {
-        var Y = N[Z];
+      function j($, Z, z, W, X) {
+        var Y = $[Z];
         if (!c(Y)) {
-          var H = F(Y);
+          var H = O(Y);
           return new v("Invalid " + W + " `" + X + "` of type " + ("`" + H + "` supplied to `" + z + "`, expected a single ReactElement."));
         }
         return null;
@@ -2980,10 +2980,10 @@ function Ws() {
       return b(j);
     }
     function w() {
-      function j(N, Z, z, W, X) {
-        var Y = N[Z];
+      function j($, Z, z, W, X) {
+        var Y = $[Z];
         if (!t.isValidElementType(Y)) {
-          var H = F(Y);
+          var H = O(Y);
           return new v("Invalid " + W + " `" + X + "` of type " + ("`" + H + "` supplied to `" + z + "`, expected a single ReactElement type."));
         }
         return null;
@@ -2991,123 +2991,123 @@ function Ws() {
       return b(j);
     }
     function U(j) {
-      function N(Z, z, W, X, Y) {
+      function $(Z, z, W, X, Y) {
         if (!(Z[z] instanceof j)) {
           var H = j.name || m, J = ee(Z[z]);
           return new v("Invalid " + X + " `" + Y + "` of type " + ("`" + J + "` supplied to `" + W + "`, expected ") + ("instance of `" + H + "`."));
         }
         return null;
       }
-      return b(N);
+      return b($);
     }
-    function M(j) {
+    function R(j) {
       if (!Array.isArray(j))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? s(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : s("Invalid argument supplied to oneOf, expected an array.")), o;
-      function N(Z, z, W, X, Y) {
+      function $(Z, z, W, X, Y) {
         for (var H = Z[z], J = 0; J < j.length; J++)
           if (g(H, j[J]))
             return null;
-        var re = JSON.stringify(j, function(oe, D) {
-          var ve = L(D);
-          return ve === "symbol" ? String(D) : D;
+        var re = JSON.stringify(j, function(oe, A) {
+          var ve = D(A);
+          return ve === "symbol" ? String(A) : A;
         });
         return new v("Invalid " + X + " `" + Y + "` of value `" + String(H) + "` " + ("supplied to `" + W + "`, expected one of " + re + "."));
       }
-      return b(N);
+      return b($);
     }
-    function I(j) {
-      function N(Z, z, W, X, Y) {
+    function N(j) {
+      function $(Z, z, W, X, Y) {
         if (typeof j != "function")
           return new v("Property `" + Y + "` of component `" + W + "` has invalid PropType notation inside objectOf.");
-        var H = Z[z], J = F(H);
+        var H = Z[z], J = O(H);
         if (J !== "object")
           return new v("Invalid " + X + " `" + Y + "` of type " + ("`" + J + "` supplied to `" + W + "`, expected an object."));
         for (var re in H)
           if (r(H, re)) {
-            var A = j(H, re, W, X, Y + "." + re, n);
-            if (A instanceof Error)
-              return A;
+            var F = j(H, re, W, X, Y + "." + re, n);
+            if (F instanceof Error)
+              return F;
           }
         return null;
       }
-      return b(N);
+      return b($);
     }
-    function R(j) {
+    function B(j) {
       if (!Array.isArray(j))
         return process.env.NODE_ENV !== "production" && s("Invalid argument supplied to oneOfType, expected an instance of array."), o;
-      for (var N = 0; N < j.length; N++) {
-        var Z = j[N];
+      for (var $ = 0; $ < j.length; $++) {
+        var Z = j[$];
         if (typeof Z != "function")
           return s(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + V(Z) + " at index " + N + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + V(Z) + " at index " + $ + "."
           ), o;
       }
       function z(W, X, Y, H, J) {
-        for (var re = [], A = 0; A < j.length; A++) {
-          var oe = j[A], D = oe(W, X, Y, H, J, n);
-          if (D == null)
+        for (var re = [], F = 0; F < j.length; F++) {
+          var oe = j[F], A = oe(W, X, Y, H, J, n);
+          if (A == null)
             return null;
-          D.data && r(D.data, "expectedType") && re.push(D.data.expectedType);
+          A.data && r(A.data, "expectedType") && re.push(A.data.expectedType);
         }
         var ve = re.length > 0 ? ", expected one of type [" + re.join(", ") + "]" : "";
         return new v("Invalid " + H + " `" + J + "` supplied to " + ("`" + Y + "`" + ve + "."));
       }
       return b(z);
     }
-    function O() {
-      function j(N, Z, z, W, X) {
-        return C(N[Z]) ? null : new v("Invalid " + W + " `" + X + "` supplied to " + ("`" + z + "`, expected a ReactNode."));
+    function L() {
+      function j($, Z, z, W, X) {
+        return S($[Z]) ? null : new v("Invalid " + W + " `" + X + "` supplied to " + ("`" + z + "`, expected a ReactNode."));
       }
       return b(j);
     }
-    function S(j, N, Z, z, W) {
+    function M(j, $, Z, z, W) {
       return new v(
-        (j || "React class") + ": " + N + " type `" + Z + "." + z + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + W + "`."
+        (j || "React class") + ": " + $ + " type `" + Z + "." + z + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + W + "`."
       );
     }
     function T(j) {
-      function N(Z, z, W, X, Y) {
-        var H = Z[z], J = F(H);
+      function $(Z, z, W, X, Y) {
+        var H = Z[z], J = O(H);
         if (J !== "object")
           return new v("Invalid " + X + " `" + Y + "` of type `" + J + "` " + ("supplied to `" + W + "`, expected `object`."));
         for (var re in j) {
-          var A = j[re];
-          if (typeof A != "function")
-            return S(W, X, Y, re, L(A));
-          var oe = A(H, re, W, X, Y + "." + re, n);
+          var F = j[re];
+          if (typeof F != "function")
+            return M(W, X, Y, re, D(F));
+          var oe = F(H, re, W, X, Y + "." + re, n);
           if (oe)
             return oe;
         }
         return null;
       }
-      return b(N);
+      return b($);
     }
     function x(j) {
-      function N(Z, z, W, X, Y) {
-        var H = Z[z], J = F(H);
+      function $(Z, z, W, X, Y) {
+        var H = Z[z], J = O(H);
         if (J !== "object")
           return new v("Invalid " + X + " `" + Y + "` of type `" + J + "` " + ("supplied to `" + W + "`, expected `object`."));
         var re = e({}, Z[z], j);
-        for (var A in re) {
-          var oe = j[A];
-          if (r(j, A) && typeof oe != "function")
-            return S(W, X, Y, A, L(oe));
+        for (var F in re) {
+          var oe = j[F];
+          if (r(j, F) && typeof oe != "function")
+            return M(W, X, Y, F, D(oe));
           if (!oe)
             return new v(
-              "Invalid " + X + " `" + Y + "` key `" + A + "` supplied to `" + W + "`.\nBad object: " + JSON.stringify(Z[z], null, "  ") + `
+              "Invalid " + X + " `" + Y + "` key `" + F + "` supplied to `" + W + "`.\nBad object: " + JSON.stringify(Z[z], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(j), null, "  ")
             );
-          var D = oe(H, A, W, X, Y + "." + A, n);
-          if (D)
-            return D;
+          var A = oe(H, F, W, X, Y + "." + F, n);
+          if (A)
+            return A;
         }
         return null;
       }
-      return b(N);
+      return b($);
     }
-    function C(j) {
+    function S(j) {
       switch (typeof j) {
         case "number":
         case "string":
@@ -3117,20 +3117,20 @@ Valid keys: ` + JSON.stringify(Object.keys(j), null, "  ")
           return !j;
         case "object":
           if (Array.isArray(j))
-            return j.every(C);
+            return j.every(S);
           if (j === null || c(j))
             return !0;
-          var N = d(j);
-          if (N) {
-            var Z = N.call(j), z;
-            if (N !== j.entries) {
+          var $ = d(j);
+          if ($) {
+            var Z = $.call(j), z;
+            if ($ !== j.entries) {
               for (; !(z = Z.next()).done; )
-                if (!C(z.value))
+                if (!S(z.value))
                   return !1;
             } else
               for (; !(z = Z.next()).done; ) {
                 var W = z.value;
-                if (W && !C(W[1]))
+                if (W && !S(W[1]))
                   return !1;
               }
           } else
@@ -3140,37 +3140,37 @@ Valid keys: ` + JSON.stringify(Object.keys(j), null, "  ")
           return !1;
       }
     }
-    function B(j, N) {
-      return j === "symbol" ? !0 : N ? N["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && N instanceof Symbol : !1;
+    function I(j, $) {
+      return j === "symbol" ? !0 : $ ? $["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && $ instanceof Symbol : !1;
     }
-    function F(j) {
-      var N = typeof j;
-      return Array.isArray(j) ? "array" : j instanceof RegExp ? "object" : B(N, j) ? "symbol" : N;
+    function O(j) {
+      var $ = typeof j;
+      return Array.isArray(j) ? "array" : j instanceof RegExp ? "object" : I($, j) ? "symbol" : $;
     }
-    function L(j) {
+    function D(j) {
       if (typeof j > "u" || j === null)
         return "" + j;
-      var N = F(j);
-      if (N === "object") {
+      var $ = O(j);
+      if ($ === "object") {
         if (j instanceof Date)
           return "date";
         if (j instanceof RegExp)
           return "regexp";
       }
-      return N;
+      return $;
     }
     function V(j) {
-      var N = L(j);
-      switch (N) {
+      var $ = D(j);
+      switch ($) {
         case "array":
         case "object":
-          return "an " + N;
+          return "an " + $;
         case "boolean":
         case "date":
         case "regexp":
-          return "a " + N;
+          return "a " + $;
         default:
-          return N;
+          return $;
       }
     }
     function ee(j) {
@@ -3566,36 +3566,36 @@ var Vr = {
     delayInitialFocusTimer: void 0,
     // the most recent KeyboardEvent for the configured nav key (typically [SHIFT+]TAB), if any
     recentNavEvent: void 0
-  }, c, u = function(T, x, C) {
-    return T && T[x] !== void 0 ? T[x] : s[C || x];
+  }, c, u = function(T, x, S) {
+    return T && T[x] !== void 0 ? T[x] : s[S || x];
   }, l = function(T, x) {
-    var C = typeof (x == null ? void 0 : x.composedPath) == "function" ? x.composedPath() : void 0;
-    return o.containerGroups.findIndex(function(B) {
-      var F = B.container, L = B.tabbableNodes;
-      return F.contains(T) || // fall back to explicit tabbable search which will take into consideration any
+    var S = typeof (x == null ? void 0 : x.composedPath) == "function" ? x.composedPath() : void 0;
+    return o.containerGroups.findIndex(function(I) {
+      var O = I.container, D = I.tabbableNodes;
+      return O.contains(T) || // fall back to explicit tabbable search which will take into consideration any
       //  web components if the `tabbableOptions.getShadowRoot` option was used for
       //  the trap, enabling shadow DOM support in tabbable (`Node.contains()` doesn't
       //  look inside web components even if open)
-      (C == null ? void 0 : C.includes(F)) || L.find(function(V) {
+      (S == null ? void 0 : S.includes(O)) || D.find(function(V) {
         return V === T;
       });
     });
   }, f = function(T) {
     var x = s[T];
     if (typeof x == "function") {
-      for (var C = arguments.length, B = new Array(C > 1 ? C - 1 : 0), F = 1; F < C; F++)
-        B[F - 1] = arguments[F];
-      x = x.apply(void 0, B);
+      for (var S = arguments.length, I = new Array(S > 1 ? S - 1 : 0), O = 1; O < S; O++)
+        I[O - 1] = arguments[O];
+      x = x.apply(void 0, I);
     }
     if (x === !0 && (x = void 0), !x) {
       if (x === void 0 || x === !1)
         return x;
       throw new Error("`".concat(T, "` was specified but was not a node, or did not return a node"));
     }
-    var L = x;
-    if (typeof x == "string" && (L = r.querySelector(x), !L))
+    var D = x;
+    if (typeof x == "string" && (D = r.querySelector(x), !D))
       throw new Error("`".concat(T, "` as selector refers to no known node"));
-    return L;
+    return D;
   }, d = function() {
     var T = f("initialFocus");
     if (T === !1)
@@ -3604,17 +3604,17 @@ var Vr = {
       if (l(r.activeElement) >= 0)
         T = r.activeElement;
       else {
-        var x = o.tabbableGroups[0], C = x && x.firstTabbableNode;
-        T = C || f("fallbackFocus");
+        var x = o.tabbableGroups[0], S = x && x.firstTabbableNode;
+        T = S || f("fallbackFocus");
       }
     if (!T)
       throw new Error("Your focus-trap needs to have at least one focusable element");
     return T;
   }, m = function() {
     if (o.containerGroups = o.containers.map(function(T) {
-      var x = Ba(T, s.tabbableOptions), C = qa(T, s.tabbableOptions), B = x.length > 0 ? x[0] : void 0, F = x.length > 0 ? x[x.length - 1] : void 0, L = C.find(function(j) {
+      var x = Ba(T, s.tabbableOptions), S = qa(T, s.tabbableOptions), I = x.length > 0 ? x[0] : void 0, O = x.length > 0 ? x[x.length - 1] : void 0, D = S.find(function(j) {
         return Ue(j);
-      }), V = C.slice().reverse().find(function(j) {
+      }), V = S.slice().reverse().find(function(j) {
         return Ue(j);
       }), ee = !!x.find(function(j) {
         return Le(j) > 0;
@@ -3622,13 +3622,13 @@ var Vr = {
       return {
         container: T,
         tabbableNodes: x,
-        focusableNodes: C,
+        focusableNodes: S,
         /** True if at least one node with positive `tabindex` was found in this container. */
         posTabIndexesFound: ee,
         /** First tabbable node in container, __tabindex__ order; `undefined` if none. */
-        firstTabbableNode: B,
+        firstTabbableNode: I,
         /** Last tabbable node in container, __tabindex__ order; `undefined` if none. */
-        lastTabbableNode: F,
+        lastTabbableNode: O,
         // NOTE: DOM order is NOT NECESSARILY "document position" order, but figuring that out
         //  would require more than just https://developer.mozilla.org/en-US/docs/Web/API/Node/compareDocumentPosition
         //  because that API doesn't work with Shadow DOM as well as it should (@see
@@ -3637,7 +3637,7 @@ var Vr = {
         //  "close enough most of the time" alternative for positive tabindexes which should generally
         //  be avoided anyway...
         /** First tabbable node in container, __DOM__ order; `undefined` if none. */
-        firstDomTabbableNode: L,
+        firstDomTabbableNode: D,
         /** Last tabbable node in container, __DOM__ order; `undefined` if none. */
         lastDomTabbableNode: V,
         /**
@@ -3648,11 +3648,11 @@ var Vr = {
          *  in reverse.
          * @returns {HTMLElement|undefined} The next tabbable node, if any.
          */
-        nextTabbableNode: function(N) {
-          var Z = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, z = x.indexOf(N);
-          return z < 0 ? Z ? C.slice(C.indexOf(N) + 1).find(function(W) {
+        nextTabbableNode: function($) {
+          var Z = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, z = x.indexOf($);
+          return z < 0 ? Z ? S.slice(S.indexOf($) + 1).find(function(W) {
             return Ue(W);
-          }) : C.slice(0, C.indexOf(N)).reverse().find(function(W) {
+          }) : S.slice(0, S.indexOf($)).reverse().find(function(W) {
             return Ue(W);
           }) : x[z + (Z ? 1 : -1)];
         }
@@ -3665,14 +3665,14 @@ var Vr = {
       return T.posTabIndexesFound;
     }) && o.containerGroups.length > 1)
       throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.");
-  }, p = function S(T) {
+  }, p = function M(T) {
     var x = T.activeElement;
     if (x)
-      return x.shadowRoot && x.shadowRoot.activeElement !== null ? S(x.shadowRoot) : x;
-  }, g = function S(T) {
+      return x.shadowRoot && x.shadowRoot.activeElement !== null ? M(x.shadowRoot) : x;
+  }, g = function M(T) {
     if (T !== !1 && T !== p(document)) {
       if (!T || !T.focus) {
-        S(d());
+        M(d());
         return;
       }
       T.focus({
@@ -3683,23 +3683,23 @@ var Vr = {
     var x = f("setReturnFocus", T);
     return x || (x === !1 ? !1 : T);
   }, b = function(T) {
-    var x = T.target, C = T.event, B = T.isBackward, F = B === void 0 ? !1 : B;
-    x = x || Tt(C), m();
-    var L = null;
+    var x = T.target, S = T.event, I = T.isBackward, O = I === void 0 ? !1 : I;
+    x = x || Tt(S), m();
+    var D = null;
     if (o.tabbableGroups.length > 0) {
-      var V = l(x, C), ee = V >= 0 ? o.containerGroups[V] : void 0;
+      var V = l(x, S), ee = V >= 0 ? o.containerGroups[V] : void 0;
       if (V < 0)
-        F ? L = o.tabbableGroups[o.tabbableGroups.length - 1].lastTabbableNode : L = o.tabbableGroups[0].firstTabbableNode;
-      else if (F) {
+        O ? D = o.tabbableGroups[o.tabbableGroups.length - 1].lastTabbableNode : D = o.tabbableGroups[0].firstTabbableNode;
+      else if (O) {
         var j = Kr(o.tabbableGroups, function(Y) {
           var H = Y.firstTabbableNode;
           return x === H;
         });
         if (j < 0 && (ee.container === x || Dt(x, s.tabbableOptions) && !Ue(x, s.tabbableOptions) && !ee.nextTabbableNode(x, !1)) && (j = V), j >= 0) {
-          var N = j === 0 ? o.tabbableGroups.length - 1 : j - 1, Z = o.tabbableGroups[N];
-          L = Le(x) >= 0 ? Z.lastTabbableNode : Z.lastDomTabbableNode;
+          var $ = j === 0 ? o.tabbableGroups.length - 1 : j - 1, Z = o.tabbableGroups[$];
+          D = Le(x) >= 0 ? Z.lastTabbableNode : Z.lastDomTabbableNode;
         } else
-          mt(C) || (L = ee.nextTabbableNode(x, !1));
+          mt(S) || (D = ee.nextTabbableNode(x, !1));
       } else {
         var z = Kr(o.tabbableGroups, function(Y) {
           var H = Y.lastTabbableNode;
@@ -3707,13 +3707,13 @@ var Vr = {
         });
         if (z < 0 && (ee.container === x || Dt(x, s.tabbableOptions) && !Ue(x, s.tabbableOptions) && !ee.nextTabbableNode(x)) && (z = V), z >= 0) {
           var W = z === o.tabbableGroups.length - 1 ? 0 : z + 1, X = o.tabbableGroups[W];
-          L = Le(x) >= 0 ? X.firstTabbableNode : X.firstDomTabbableNode;
+          D = Le(x) >= 0 ? X.firstTabbableNode : X.firstDomTabbableNode;
         } else
-          mt(C) || (L = ee.nextTabbableNode(x));
+          mt(S) || (D = ee.nextTabbableNode(x));
       }
     } else
-      L = f("fallbackFocus");
-    return L;
+      D = f("fallbackFocus");
+    return D;
   }, y = function(T) {
     var x = Tt(T);
     if (!(l(x, T) >= 0)) {
@@ -3732,45 +3732,45 @@ var Vr = {
       ot(s.allowOutsideClick, T) || T.preventDefault();
     }
   }, _ = function(T) {
-    var x = Tt(T), C = l(x, T) >= 0;
-    if (C || x instanceof Document)
-      C && (o.mostRecentlyFocusedNode = x);
+    var x = Tt(T), S = l(x, T) >= 0;
+    if (S || x instanceof Document)
+      S && (o.mostRecentlyFocusedNode = x);
     else {
       T.stopImmediatePropagation();
-      var B, F = !0;
+      var I, O = !0;
       if (o.mostRecentlyFocusedNode)
         if (Le(o.mostRecentlyFocusedNode) > 0) {
-          var L = l(o.mostRecentlyFocusedNode), V = o.containerGroups[L].tabbableNodes;
+          var D = l(o.mostRecentlyFocusedNode), V = o.containerGroups[D].tabbableNodes;
           if (V.length > 0) {
             var ee = V.findIndex(function(j) {
               return j === o.mostRecentlyFocusedNode;
             });
-            ee >= 0 && (s.isKeyForward(o.recentNavEvent) ? ee + 1 < V.length && (B = V[ee + 1], F = !1) : ee - 1 >= 0 && (B = V[ee - 1], F = !1));
+            ee >= 0 && (s.isKeyForward(o.recentNavEvent) ? ee + 1 < V.length && (I = V[ee + 1], O = !1) : ee - 1 >= 0 && (I = V[ee - 1], O = !1));
           }
         } else
           o.containerGroups.some(function(j) {
-            return j.tabbableNodes.some(function(N) {
-              return Le(N) > 0;
+            return j.tabbableNodes.some(function($) {
+              return Le($) > 0;
             });
-          }) || (F = !1);
+          }) || (O = !1);
       else
-        F = !1;
-      F && (B = b({
+        O = !1;
+      O && (I = b({
         // move FROM the MRU node, not event-related node (which will be the node that is
         //  outside the trap causing the focus escape we're trying to fix)
         target: o.mostRecentlyFocusedNode,
         isBackward: s.isKeyBackward(o.recentNavEvent)
-      })), g(B || o.mostRecentlyFocusedNode || d());
+      })), g(I || o.mostRecentlyFocusedNode || d());
     }
     o.recentNavEvent = void 0;
   }, E = function(T) {
     var x = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
     o.recentNavEvent = T;
-    var C = b({
+    var S = b({
       event: T,
       isBackward: x
     });
-    C && (mt(T) && T.preventDefault(), g(C));
+    S && (mt(T) && T.preventDefault(), g(S));
   }, k = function(T) {
     if (go(T) && ot(s.escapeDeactivates, T) !== !1) {
       T.preventDefault(), c.deactivate();
@@ -3797,20 +3797,20 @@ var Vr = {
         capture: !0,
         passive: !1
       }), c;
-  }, M = function() {
+  }, R = function() {
     if (o.active)
       return r.removeEventListener("focusin", _, !0), r.removeEventListener("mousedown", y, !0), r.removeEventListener("touchstart", y, !0), r.removeEventListener("click", w, !0), r.removeEventListener("keydown", k, !0), c;
-  }, I = function(T) {
-    var x = T.some(function(C) {
-      var B = Array.from(C.removedNodes);
-      return B.some(function(F) {
-        return F === o.mostRecentlyFocusedNode;
+  }, N = function(T) {
+    var x = T.some(function(S) {
+      var I = Array.from(S.removedNodes);
+      return I.some(function(O) {
+        return O === o.mostRecentlyFocusedNode;
       });
     });
     x && g(d());
-  }, R = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(I) : void 0, O = function() {
-    R && (R.disconnect(), o.active && !o.paused && o.containers.map(function(T) {
-      R.observe(T, {
+  }, B = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(N) : void 0, L = function() {
+    B && (B.disconnect(), o.active && !o.paused && o.containers.map(function(T) {
+      B.observe(T, {
         subtree: !0,
         childList: !0
       });
@@ -3826,12 +3826,12 @@ var Vr = {
     activate: function(T) {
       if (o.active)
         return this;
-      var x = u(T, "onActivate"), C = u(T, "onPostActivate"), B = u(T, "checkCanFocusTrap");
-      B || m(), o.active = !0, o.paused = !1, o.nodeFocusedBeforeActivation = r.activeElement, x == null || x();
-      var F = function() {
-        B && m(), U(), O(), C == null || C();
+      var x = u(T, "onActivate"), S = u(T, "onPostActivate"), I = u(T, "checkCanFocusTrap");
+      I || m(), o.active = !0, o.paused = !1, o.nodeFocusedBeforeActivation = r.activeElement, x == null || x();
+      var O = function() {
+        I && m(), U(), L(), S == null || S();
       };
-      return B ? (B(o.containers.concat()).then(F, F), this) : (F(), this);
+      return I ? (I(o.containers.concat()).then(O, O), this) : (O(), this);
     },
     deactivate: function(T) {
       if (!o.active)
@@ -3841,33 +3841,33 @@ var Vr = {
         onPostDeactivate: s.onPostDeactivate,
         checkCanReturnFocus: s.checkCanReturnFocus
       }, T);
-      clearTimeout(o.delayInitialFocusTimer), o.delayInitialFocusTimer = void 0, M(), o.active = !1, o.paused = !1, O(), Vr.deactivateTrap(a, c);
-      var C = u(x, "onDeactivate"), B = u(x, "onPostDeactivate"), F = u(x, "checkCanReturnFocus"), L = u(x, "returnFocus", "returnFocusOnDeactivate");
-      C == null || C();
+      clearTimeout(o.delayInitialFocusTimer), o.delayInitialFocusTimer = void 0, R(), o.active = !1, o.paused = !1, L(), Vr.deactivateTrap(a, c);
+      var S = u(x, "onDeactivate"), I = u(x, "onPostDeactivate"), O = u(x, "checkCanReturnFocus"), D = u(x, "returnFocus", "returnFocusOnDeactivate");
+      S == null || S();
       var V = function() {
         Yr(function() {
-          L && g(v(o.nodeFocusedBeforeActivation)), B == null || B();
+          D && g(v(o.nodeFocusedBeforeActivation)), I == null || I();
         });
       };
-      return L && F ? (F(v(o.nodeFocusedBeforeActivation)).then(V, V), this) : (V(), this);
+      return D && O ? (O(v(o.nodeFocusedBeforeActivation)).then(V, V), this) : (V(), this);
     },
     pause: function(T) {
       if (o.paused || !o.active)
         return this;
-      var x = u(T, "onPause"), C = u(T, "onPostPause");
-      return o.paused = !0, x == null || x(), M(), O(), C == null || C(), this;
+      var x = u(T, "onPause"), S = u(T, "onPostPause");
+      return o.paused = !0, x == null || x(), R(), L(), S == null || S(), this;
     },
     unpause: function(T) {
       if (!o.paused || !o.active)
         return this;
-      var x = u(T, "onUnpause"), C = u(T, "onPostUnpause");
-      return o.paused = !1, x == null || x(), m(), U(), O(), C == null || C(), this;
+      var x = u(T, "onUnpause"), S = u(T, "onPostUnpause");
+      return o.paused = !1, x == null || x(), m(), U(), L(), S == null || S(), this;
     },
     updateContainerElements: function(T) {
       var x = [].concat(T).filter(Boolean);
-      return o.containers = x.map(function(C) {
-        return typeof C == "string" ? r.querySelector(C) : C;
-      }), o.active && m(), O(), this;
+      return o.containers = x.map(function(S) {
+        return typeof S == "string" ? r.querySelector(S) : S;
+      }), o.active && m(), L(), this;
     }
   }, c.updateContainerElements(e), c;
 };
@@ -3907,7 +3907,7 @@ function Wn(t, e) {
   }, Wn(t, e);
 }
 function So(t) {
-  var e = $o();
+  var e = No();
   return function() {
     var r = Ht(t), a;
     if (e) {
@@ -3930,7 +3930,7 @@ function ut(t) {
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return t;
 }
-function $o() {
+function No() {
   if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham)
     return !1;
   if (typeof Proxy == "function")
@@ -3947,7 +3947,7 @@ function Ht(t) {
     return n.__proto__ || Object.getPrototypeOf(n);
   }, Ht(t);
 }
-function No(t, e, n) {
+function $o(t, e, n) {
   return e = Ua(e), e in t ? Object.defineProperty(t, e, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = n, t;
 }
 function Ua(t) {
@@ -3971,7 +3971,7 @@ var Et = K, G = Ma, Ro = wo, Mo = Ro.createFocusTrap, Oo = jo, Fo = Oo.isFocusab
   var e = So(n);
   function n(r) {
     var a;
-    ko(this, n), a = e.call(this, r), No(ut(a), "getNodeForOption", function(c) {
+    ko(this, n), a = e.call(this, r), $o(ut(a), "getNodeForOption", function(c) {
       var u, l = (u = this.internalOptions[c]) !== null && u !== void 0 ? u : this.originalOptions[c];
       if (typeof l == "function") {
         for (var f = arguments.length, d = new Array(f > 1 ? f - 1 : 0), m = 1; m < f; m++)
@@ -4211,7 +4211,7 @@ sr.defaultProps = {
 var Ao = sr;
 const Do = /* @__PURE__ */ en(Ao);
 const za = ({ element: t = "section", children: e, className: n, ...r }) => K.createElement(t, {
-  className: $("modal", n),
+  className: C("modal", n),
   children: typeof e == "string" ? /* @__PURE__ */ i.jsx("p", { children: e }) : e,
   ...r
 });
@@ -4243,11 +4243,11 @@ const nn = ({
     b(e);
   }, [e]);
   const y = r ? { "--max-width": `${r / 16}rem` } : {};
-  return /* @__PURE__ */ i.jsx("div", { className: $("overlay", { open: p }), role: "dialog", children: /* @__PURE__ */ i.jsx(
+  return /* @__PURE__ */ i.jsx("div", { className: C("overlay", { open: p }), role: "dialog", children: /* @__PURE__ */ i.jsx(
     za,
     {
       id: t,
-      className: $("overlay-modal", f, {
+      className: C("overlay-modal", f, {
         "has-max-width": r
       }),
       hidden: !p,
@@ -4443,7 +4443,7 @@ const St = "emailHelperTextBox_", Io = ({
     type: c,
     id: n,
     name: s,
-    className: $(t, e, {
+    className: C(t, e, {
       "has-scrollbar": c === "textarea" && d.current && d.current.clientHeight < d.current.scrollHeight
     }),
     value: u,
@@ -4501,7 +4501,7 @@ const Za = ({
         const _ = y.target;
         _.nodeName.toLowerCase() === "a" || _.parentNode && _.parentNode.nodeName.toLowerCase() === "a" || (y.preventDefault(), y.stopPropagation(), v());
       },
-      className: $("checkbox-wrapper", t),
+      className: C("checkbox-wrapper", t),
       ...d,
       ...g
     },
@@ -4514,7 +4514,7 @@ const Bo = Ae(function({
   return /* @__PURE__ */ i.jsx(
     er,
     {
-      className: $("rotating-chevron", `direction-${e}`)
+      className: C("rotating-chevron", `direction-${e}`)
     }
   );
 });
@@ -4534,23 +4534,23 @@ const qo = ({
 }) => {
   const f = Q(), [d, m] = ne(!1), p = r || n, g = Array.isArray(p) ? [...p] : p ? [p] : [], [v, b] = ne(g);
   let y;
-  Array.isArray(v) && v.length === 1 && typeof v[0] == "string" ? y = e && v ? e.find((M) => M.id === v[0]) : e ? e[0] : { id: "", label: "" } : Array.isArray(v) && v.length === 1 && typeof v[0] != "string" ? y = v[0] : y = { id: "", label: "" }, se(() => {
+  Array.isArray(v) && v.length === 1 && typeof v[0] == "string" ? y = e && v ? e.find((R) => R.id === v[0]) : e ? e[0] : { id: "", label: "" } : Array.isArray(v) && v.length === 1 && typeof v[0] != "string" ? y = v[0] : y = { id: "", label: "" }, se(() => {
     b(g);
   }, [r, n]);
-  const { onChange: _, onMultiSelectSubmit: E, ...k } = a, w = (M) => {
+  const { onChange: _, onMultiSelectSubmit: E, ...k } = a, w = (R) => {
     if (c) {
-      let I = [];
-      v != null && v.includes(M.id) ? I = v.filter((R) => R !== M.id) : I = [...v, M.id], b([...I]), _ && _([...I]);
+      let N = [];
+      v != null && v.includes(R.id) ? N = v.filter((B) => B !== R.id) : N = [...v, R.id], b([...N]), _ && _([...N]);
     } else
-      b([M]), _ && _(M.id), m(!1);
-  }, U = (M) => {
-    if (M === "all") {
-      const I = (e == null ? void 0 : e.map((R) => R.id)) || [];
-      b(I), _ && _(I);
+      b([R]), _ && _(R.id), m(!1);
+  }, U = (R) => {
+    if (R === "all") {
+      const N = (e == null ? void 0 : e.map((B) => B.id)) || [];
+      b(N), _ && _(N);
     } else
       b([]), _ && _([]);
   };
-  return /* @__PURE__ */ i.jsxs("div", { className: $("dropdown-wrapper", t), children: [
+  return /* @__PURE__ */ i.jsxs("div", { className: C("dropdown-wrapper", t), children: [
     /* @__PURE__ */ i.jsxs(
       "button",
       {
@@ -4558,8 +4558,8 @@ const qo = ({
         "aria-expanded": d,
         "aria-haspopup": "listbox",
         "aria-controls": "dropdown-list",
-        onClick: (M) => {
-          M.preventDefault(), M.stopPropagation(), m(!d);
+        onClick: (R) => {
+          R.preventDefault(), R.stopPropagation(), m(!d);
         },
         "data-testid": "dropdown-selector",
         ...k,
@@ -4573,14 +4573,14 @@ const qo = ({
       "select",
       {
         defaultValue: y.id,
-        onChange: (M) => {
-          M.preventDefault(), M.stopPropagation();
-          const I = e && e.find((R) => R.id === M.target.value);
-          w(I);
+        onChange: (R) => {
+          R.preventDefault(), R.stopPropagation();
+          const N = e && e.find((B) => B.id === R.target.value);
+          w(N);
         },
         hidden: !d,
         ...k,
-        children: e == null ? void 0 : e.map((M) => /* @__PURE__ */ i.jsx("option", { value: M.id, children: M.label }, M.id))
+        children: e == null ? void 0 : e.map((R) => /* @__PURE__ */ i.jsx("option", { value: R.id, children: R.label }, R.id))
       }
     ),
     /* @__PURE__ */ i.jsxs(
@@ -4616,29 +4616,29 @@ const qo = ({
                 ) })
               ] })
             ] }),
-            /* @__PURE__ */ i.jsx("ul", { children: e == null ? void 0 : e.map((M) => {
-              const I = M.id === y.id || (v == null ? void 0 : v.includes(M)) || (v == null ? void 0 : v.includes(M.id));
+            /* @__PURE__ */ i.jsx("ul", { children: e == null ? void 0 : e.map((R) => {
+              const N = R.id === y.id || (v == null ? void 0 : v.includes(R)) || (v == null ? void 0 : v.includes(R.id));
               return /* @__PURE__ */ i.jsx("li", { "data-testid": "dropdown-options", children: /* @__PURE__ */ i.jsxs(
                 "button",
                 {
-                  className: $("gtm-trackable", {
-                    selected: I,
-                    "selected-single": I && !c
+                  className: C("gtm-trackable", {
+                    selected: N,
+                    "selected-single": N && !c
                   }),
-                  "data-gtm-event-type": `${M}-click`,
+                  "data-gtm-event-type": `${R}-click`,
                   "data-gtm-event-context": s,
-                  onClick: (R) => {
-                    R.preventDefault(), R.stopPropagation(), w(M);
+                  onClick: (B) => {
+                    B.preventDefault(), B.stopPropagation(), w(R);
                   },
                   role: "menuitem",
-                  "aria-current": I,
-                  "data-testid": I ? "current-selection" : "",
+                  "aria-current": N,
+                  "data-testid": N ? "current-selection" : "",
                   children: [
                     c && /* @__PURE__ */ i.jsx("span", { className: "pretty-checkbox", "data-testid": "pretty-checkbox" }),
-                    /* @__PURE__ */ i.jsx("span", { className: $({ "menu-option-label": c }), children: M.label })
+                    /* @__PURE__ */ i.jsx("span", { className: C({ "menu-option-label": c }), children: R.label })
                   ]
                 }
-              ) }, M.id);
+              ) }, R.id);
             }) })
           ] }),
           (u == null ? void 0 : u.submitSection) && /* @__PURE__ */ i.jsx("p", { className: "submit", children: /* @__PURE__ */ i.jsx(
@@ -4683,7 +4683,7 @@ const Uo = ({
     "ul",
     {
       ...d,
-      className: $("options-wrapper", t),
+      className: C("options-wrapper", t),
       "data-testid": `ul-${r}`,
       children: c == null ? void 0 : c.map(
         ({
@@ -4743,7 +4743,7 @@ const zo = ({
       "button",
       {
         type: "button",
-        className: $("show-password gtm-trackable", {
+        className: C("show-password gtm-trackable", {
           "password-visible": c
         }),
         "data-gtm-event-context": n,
@@ -4816,7 +4816,7 @@ const Ve = {
         {
           ...b,
           label: y,
-          className: $("field-wrapper", n)
+          className: C("field-wrapper", n)
         }
       ),
       /* @__PURE__ */ i.jsx(_, { as: "p" })
@@ -4826,7 +4826,7 @@ const Ve = {
     className: "checkboxes-label text-small",
     "data-testid": `label-${t}`
   });
-  return /* @__PURE__ */ i.jsxs("dl", { className: $("field-wrapper text-medium", n), children: [
+  return /* @__PURE__ */ i.jsxs("dl", { className: C("field-wrapper text-medium", n), children: [
     /* @__PURE__ */ i.jsx("dt", { children: /* @__PURE__ */ i.jsxs(E, { ...v, children: [
       y,
       m && o && /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
@@ -4843,7 +4843,7 @@ const Ve = {
       s > 0 ? /* @__PURE__ */ i.jsxs(
         "small",
         {
-          className: $("character-limit", {
+          className: C("character-limit", {
             "near-limit": p >= 0.99 * s,
             "approaching-limit": p >= 0.9 * s && p < 0.99 * s
           }),
@@ -4996,81 +4996,81 @@ const or = ({
   ...b
 }) => {
   const { customOnSubmit: y, hideButton: _, ...E } = s, k = 40, w = Q(), U = {};
-  t.length && t.forEach((F) => {
-    const L = F.id || F.name;
-    L && (U[L] = F.value || "");
+  t.length && t.forEach((O) => {
+    const D = O.id || O.name;
+    D && (U[D] = O.value || "");
   });
-  const [M, I] = Jn(Wo, {
+  const [R, N] = Jn(Wo, {
     isSubmitting: !1,
     formSubmitted: !1,
     errors: {},
     values: U
-  }), { errors: R, isSubmitting: O, formSubmitted: S, values: T } = M;
+  }), { errors: B, isSubmitting: L, formSubmitted: M, values: T } = R;
   se(() => {
-    u && S && (wn = setTimeout(() => {
-      I({
+    u && M && (wn = setTimeout(() => {
+      N({
         type: "updateValue",
         payload: { key: "formSubmitted", value: !1 }
       });
     }, 3e3));
-  }, [S]), se(() => () => {
+  }, [M]), se(() => () => {
     wn && clearTimeout(wn);
   }, []), se(() => {
-    const F = (L) => {
-      I({
+    const O = (D) => {
+      N({
         type: "updateValue",
-        payload: { key: L.detail.id, value: L.detail.value }
+        payload: { key: D.detail.id, value: D.detail.value }
       });
     };
     return document.addEventListener(
       "dropdownMultiSelectSubmit",
-      F
+      O
     ), () => {
       document.removeEventListener(
         "dropdownMultiSelectSubmit",
-        F
+        O
       );
     };
   }, []);
-  const x = pe(null), C = r || x;
+  const x = pe(null), S = r || x;
   if (!t.length)
     return null;
   s.text || (s.text = w.formatMessage({ id: "form_submit" }));
-  const B = (F) => {
+  const I = (O) => {
     var ee;
-    if (F.preventDefault(), F.stopPropagation(), O)
+    if (O.preventDefault(), O.stopPropagation(), L)
       return;
-    let L = 0;
-    if ((ee = C == null ? void 0 : C.current) != null && ee.id) {
-      const j = document.getElementById(C.current.id);
-      j && (L = j.getBoundingClientRect().top + window.scrollY);
+    let D = 0;
+    if ((ee = S == null ? void 0 : S.current) != null && ee.id) {
+      const j = document.getElementById(S.current.id);
+      j && (D = j.getBoundingClientRect().top + window.scrollY);
     }
     const V = document.getElementById("header");
-    if (V && (L = L - V.offsetHeight - k), L < 0 && (L = 0), window.scrollTo({ top: L, behavior: "smooth" }), I({ type: "toggleSubmitting" }), s.disabled) {
-      typeof s.disabled == "object" && s.disabled.isClickable && I({
+    if (V && (D = D - V.offsetHeight - k), D < 0 && (D = 0), window.scrollTo({ top: D, behavior: "smooth" }), N({ type: "toggleSubmitting" }), s.disabled) {
+      typeof s.disabled == "object" && s.disabled.isClickable && N({
         type: "submitForm",
         payload: {
           fields: t,
-          dispatch: I,
+          dispatch: N,
           intl: w
         }
       });
       return;
     }
-    I({
+    N({
       type: "submitForm",
       payload: {
         fields: t,
-        dispatch: I,
+        dispatch: N,
         onSuccess: async (j) => {
           try {
-            await m(j), I({ type: u ? "formSubmittedAndReset" : "formSubmitted" });
-          } catch (N) {
-            g(N), I({ type: "updateValue", payload: { key: "isSubmitting", value: !1 } });
+            await m(j), N({ type: u ? "formSubmittedAndReset" : "formSubmitted" });
+          } catch ($) {
+            g($), N({ type: "updateValue", payload: { key: "isSubmitting", value: !1 } });
           }
         },
-        onFailure: (j, N) => {
-          v(j, N), I({ type: "updateValue", payload: { key: "isSubmitting", value: !1 } });
+        onFailure: (j, $) => {
+          v(j, $), N({ type: "updateValue", payload: { key: "isSubmitting", value: !1 } });
         },
         intl: w
       }
@@ -5082,45 +5082,45 @@ const or = ({
       {
         ...b,
         id: n,
-        className: $("form", e),
-        ref: C,
+        className: C("form", e),
+        ref: S,
         children: [
-          R != null && R.general ? /* @__PURE__ */ i.jsx(
+          B != null && B.general ? /* @__PURE__ */ i.jsx(
             tt,
             {
               variant: "error",
               text: w.formatMessage({ id: "form_error_generalError" })
             }
           ) : null,
-          (!O && !S || y) && t.map((F, L) => {
+          (!L && !M || y) && t.map((O, D) => {
             const {
-              id: V = F.name || L,
+              id: V = O.name || D,
               component: ee,
               functions: j = { onChange: () => {
               } }
-            } = F;
+            } = O;
             if (ee)
-              return /* @__PURE__ */ i.jsx(ee, { ...F.props || {} }, `component-${V}-${L}`);
-            const N = T ? T[V] : "";
+              return /* @__PURE__ */ i.jsx(ee, { ...O.props || {} }, `component-${V}-${D}`);
+            const $ = T ? T[V] : "";
             return /* @__PURE__ */ i.jsx(
               Zo,
               {
                 intlPath: a,
-                ...F,
+                ...O,
                 showRequiredLabels: l,
-                value: N,
-                error: R == null ? void 0 : R[V],
+                value: $,
+                error: B == null ? void 0 : B[V],
                 functions: {
                   ...j,
                   onChange: (Z) => {
-                    I({ type: "updateValue", payload: { key: V, value: Z } }), j.onChange(Z && Z.toString(), I);
+                    N({ type: "updateValue", payload: { key: V, value: Z } }), j.onChange(Z && Z.toString(), N);
                   }
                 }
               },
               V
             );
           }),
-          _ ? null : (O || S) && y ? /* @__PURE__ */ i.jsxs("div", { className: "form-buttons", children: [
+          _ ? null : (L || M) && y ? /* @__PURE__ */ i.jsxs("div", { className: "form-buttons", children: [
             c && /* @__PURE__ */ i.jsx(
               ae,
               {
@@ -5128,7 +5128,7 @@ const or = ({
                 className: "gtm-trackable",
                 "data-gtm-event-context": d.context,
                 "data-gtm-event-type": d.event,
-                disabled: O || S,
+                disabled: L || M,
                 onClick: p,
                 children: o.text || w.formatMessage({ id: "form_cancel" })
               }
@@ -5137,7 +5137,7 @@ const or = ({
           ] }) : /* @__PURE__ */ i.jsx(
             "p",
             {
-              className: `cta ${O || S ? "center" : ""} ${S ? "submitted" : ""}`,
+              className: `cta ${L || M ? "center" : ""} ${M ? "submitted" : ""}`,
               children: /* @__PURE__ */ i.jsxs("div", { className: "form-buttons", children: [
                 c && /* @__PURE__ */ i.jsx(
                   ae,
@@ -5146,7 +5146,7 @@ const or = ({
                     className: "gtm-trackable",
                     "data-gtm-event-context": d.context,
                     "data-gtm-event-type": d.event,
-                    disabled: O || S,
+                    disabled: L || M,
                     onClick: p,
                     children: o.text || w.formatMessage({ id: "form_cancel" })
                   }
@@ -5155,14 +5155,14 @@ const or = ({
                   ae,
                   {
                     ...E,
-                    icon: S ? { icon: "tick", position: "left" } : !1,
+                    icon: M ? { icon: "tick", position: "left" } : !1,
                     className: "gtm-trackable",
-                    onClick: B,
-                    disabled: O || S || s.disabled,
+                    onClick: I,
+                    disabled: L || M || s.disabled,
                     "data-gtm-event-context": d.context,
                     "data-gtm-event-type": d.event,
-                    children: O || S ? w.formatMessage({
-                      id: `form_${O ? "submitting" : "submitted"}`
+                    children: L || M ? w.formatMessage({
+                      id: `form_${L ? "submitting" : "submitted"}`
                     }) : s.text
                   }
                 )
@@ -5172,7 +5172,7 @@ const or = ({
         ]
       }
     ),
-    f && S && /* @__PURE__ */ i.jsx(qt, { className: "success", children: typeof f == "string" ? f : w.formatMessage({ id: "form_success" }) })
+    f && M && /* @__PURE__ */ i.jsx(qt, { className: "success", children: typeof f == "string" ? f : w.formatMessage({ id: "form_success" }) })
   ] });
 };
 const Ct = "passwordRules_", Wa = "isMoreThanEightCharacters", Ha = "includesNumberAndSymbol", Va = "includesLowerAndUppercase", Ho = {
@@ -5188,13 +5188,13 @@ const Ct = "passwordRules_", Wa = "isMoreThanEightCharacters", Ha = "includesNum
   className: e = ""
 }) => {
   const n = Q();
-  return /* @__PURE__ */ i.jsxs("aside", { className: $("password-rules", e), children: [
+  return /* @__PURE__ */ i.jsxs("aside", { className: C("password-rules", e), children: [
     /* @__PURE__ */ i.jsx("small", { children: n.formatMessage({ id: `${Ct}intro` }) }),
     /* @__PURE__ */ i.jsx("ul", { children: [Wa, Ha, Va].map(
       (r) => /* @__PURE__ */ i.jsxs(
         "li",
         {
-          className: $({ matches: t[r] }),
+          className: C({ matches: t[r] }),
           children: [
             /* @__PURE__ */ i.jsxs(be, { children: [
               n.formatMessage({ id: `${Ct}rule_label` }),
@@ -5263,14 +5263,14 @@ const dd = ({
         l((_) => ({ ..._, disabled: !1 }));
       }
   };
-  return /* @__PURE__ */ i.jsxs("div", { className: $("rating", s), children: [
+  return /* @__PURE__ */ i.jsxs("div", { className: C("rating", s), children: [
     /* @__PURE__ */ i.jsx("span", { className: "label", children: v[m ? "success" : "text"] }),
     /* @__PURE__ */ i.jsx("ol", { children: Array.from(new Array(e).keys()).map((y) => {
       const _ = y + 1;
       return /* @__PURE__ */ i.jsx(
         "li",
         {
-          className: $({ selected: m && _ <= m }),
+          className: C({ selected: m && _ <= m }),
           children: /* @__PURE__ */ i.jsx(
             ae,
             {
@@ -5319,7 +5319,7 @@ const ud = ({
   return /* @__PURE__ */ i.jsxs(
     "div",
     {
-      className: $("toggle", o),
+      className: C("toggle", o),
       onClick: (f) => {
         f.preventDefault(), f.stopPropagation(), l(c === n[0].value ? n[1].value : n[0].value);
       },
@@ -5328,7 +5328,7 @@ const ud = ({
         /* @__PURE__ */ i.jsx(
           "ul",
           {
-            className: $("toggle-options", {
+            className: C("toggle-options", {
               disabled: s,
               on: c === n[1].value
             }),
@@ -5455,7 +5455,7 @@ const Ko = ({
     {
       style: { backgroundColor: s },
       onSubmit: y,
-      className: $("invite-form gtm-trackable"),
+      className: C("invite-form gtm-trackable"),
       children: [
         /* @__PURE__ */ i.jsxs("fieldset", { className: "content", children: [
           /* @__PURE__ */ i.jsx("h2", { className: "title", style: { color: r }, children: t }),
@@ -5515,7 +5515,7 @@ const Go = ({
     "form",
     {
       onSubmit: f,
-      className: $("search-form gtm-trackable", e),
+      className: C("search-form gtm-trackable", e),
       "data-gtm-event-context": a,
       "data-gtm-event-type": s,
       children: /* @__PURE__ */ i.jsx(
@@ -5664,7 +5664,7 @@ function Xo(t, e) {
     a = r[s], !(e.indexOf(a) >= 0) && (n[a] = t[a]);
   return n;
 }
-function $t(t) {
+function Nt(t) {
   if (t === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return t;
@@ -5681,7 +5681,7 @@ var rn = /* @__PURE__ */ function(t) {
   ec(e, t);
   function e() {
     var r;
-    return r = t.call(this) || this, r.handleExpired = r.handleExpired.bind($t(r)), r.handleErrored = r.handleErrored.bind($t(r)), r.handleChange = r.handleChange.bind($t(r)), r.handleRecaptchaRef = r.handleRecaptchaRef.bind($t(r)), r;
+    return r = t.call(this) || this, r.handleExpired = r.handleExpired.bind(Nt(r)), r.handleErrored = r.handleErrored.bind(Nt(r)), r.handleChange = r.handleChange.bind(Nt(r)), r.handleRecaptchaRef = r.handleRecaptchaRef.bind(Nt(r)), r;
   }
   var n = e.prototype;
   return n.getCaptchaFunction = function(a) {
@@ -5894,14 +5894,14 @@ function mc(t, e) {
             this.asyncScriptLoaderHandleLoad(_);
             return;
           }
-          _.observers[p] = function(M) {
-            return d.asyncScriptLoaderHandleLoad(M);
+          _.observers[p] = function(R) {
+            return d.asyncScriptLoaderHandleLoad(R);
           };
           return;
         }
         var E = {};
-        E[p] = function(M) {
-          return d.asyncScriptLoaderHandleLoad(M);
+        E[p] = function(R) {
+          return d.asyncScriptLoaderHandleLoad(R);
         }, Ee[m] = {
           loaded: !1,
           observers: E
@@ -5911,24 +5911,24 @@ function mc(t, e) {
         for (var w in e.attributes)
           k.setAttribute(w, e.attributes[w]);
         y && (k.id = y);
-        var U = function(I) {
+        var U = function(N) {
           if (Ee[m]) {
-            var R = Ee[m], O = R.observers;
-            for (var S in O)
-              I(O[S]) && delete O[S];
+            var B = Ee[m], L = B.observers;
+            for (var M in L)
+              N(L[M]) && delete L[M];
           }
         };
         b && typeof window < "u" && (window[b] = function() {
           return d.asyncScriptLoaderTriggerOnScriptLoaded();
         }), k.onload = function() {
-          var M = Ee[m];
-          M && (M.loaded = !0, U(function(I) {
-            return b ? !1 : (I(M), !0);
+          var R = Ee[m];
+          R && (R.loaded = !0, U(function(N) {
+            return b ? !1 : (N(R), !0);
           }));
         }, k.onerror = function() {
-          var M = Ee[m];
-          M && (M.errored = !0, U(function(I) {
-            return I(M), !0;
+          var R = Ee[m];
+          R && (R.errored = !0, U(function(N) {
+            return N(R), !0;
           }));
         }, document.body.appendChild(k);
       }, l.componentWillUnmount = function() {
@@ -5944,7 +5944,7 @@ function mc(t, e) {
         var p = m.forwardedRef, g = dc(m, ["asyncScriptOnLoad", "forwardedRef"]);
         return d && typeof window < "u" && (g[d] = typeof window[d] < "u" ? window[d] : void 0), g.ref = p, Cr(r, g);
       }, u;
-    }(Pi), o = Ni(function(c, u) {
+    }(Pi), o = $i(function(c, u) {
       return Cr(s, Yn({}, c, {
         forwardedRef: u
       }));
@@ -6154,7 +6154,7 @@ const gc = mc(hc, {
 const bc = ({ className: t = "" }) => /* @__PURE__ */ i.jsxs(
   "div",
   {
-    className: $("success-message", t),
+    className: C("success-message", t),
     "data-testid": "success-message",
     children: [
       /* @__PURE__ */ i.jsx("p", { className: "success-title", children: /* @__PURE__ */ i.jsx(je, { id: "signup_success_title" }) }),
@@ -6247,7 +6247,7 @@ const yc = {
   return n.successMessage && m ? /* @__PURE__ */ i.jsx(bc, { className: t }) : /* @__PURE__ */ i.jsxs(
     "fieldset",
     {
-      className: $("signup-form-fieldset", t),
+      className: C("signup-form-fieldset", t),
       "data-testid": "signup-form",
       children: [
         n.title && /* @__PURE__ */ i.jsx("p", { className: "signup-title", children: /* @__PURE__ */ i.jsx(je, { id: "signup_title" }) }),
@@ -6340,7 +6340,7 @@ const md = ({
     showDivider: !1,
     showIcon: o,
     functions: { onClose: c },
-    className: $("invite-modal", t, { success: !!n }),
+    className: C("invite-modal", t, { success: !!n }),
     children: /* @__PURE__ */ i.jsx(
       Ko,
       {
@@ -6598,13 +6598,13 @@ const jc = {
   gtmContext: a = "Carousel",
   className: s = ""
 }) => {
-  const o = Q(), c = Ne(De), u = c && typeof c.id == "string", [l, f] = ne({
+  const o = Q(), c = $e(De), u = c && typeof c.id == "string", [l, f] = ne({
     data: null,
     isLoading: !0
   }), { data: d, isLoading: m } = l, p = fa(() => {
-    n(e, u).then((I) => {
-      f(() => ({ data: I, isLoading: !1 }));
-    }).catch(() => f((I) => ({ ...I, isLoading: !1 })));
+    n(e, u).then((N) => {
+      f(() => ({ data: N, isLoading: !1 }));
+    }).catch(() => f((N) => ({ ...N, isLoading: !1 })));
   }, [t]);
   if (se(() => {
     p();
@@ -6634,23 +6634,23 @@ const jc = {
     "data-gtm-event-type": `${_}-click`,
     "data-testid": "link"
   }, d.openInNewTab && (U.target = "_blank"));
-  const M = d.customIcon ? { "--custom-icon": wc(d.customIcon) } : {};
+  const R = d.customIcon ? { "--custom-icon": wc(d.customIcon) } : {};
   return /* @__PURE__ */ i.jsx(
     "li",
     {
-      className: $("card-wrapper text-medium", b, s, {
+      className: C("card-wrapper text-medium", b, s, {
         "has-link": k,
         "no-link": !k,
         "has-custom-icon": d.customIcon,
         "has-image": d.banner
       }),
-      style: M,
+      style: R,
       "data-testid": `${g}-card`,
       children: K.createElement(
         k ? "a" : "div",
         U,
         /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-          (d.customLabel || E) && /* @__PURE__ */ i.jsx("small", { className: $("card-label text-small", b), children: d.customLabel || E }),
+          (d.customLabel || E) && /* @__PURE__ */ i.jsx("small", { className: C("card-label text-small", b), children: d.customLabel || E }),
           d.startDate && !d.isOngoingEvent && /* @__PURE__ */ i.jsx(
             Bt,
             {
@@ -6685,12 +6685,12 @@ const jc = {
           ),
           d.partner && /* @__PURE__ */ i.jsx("p", { className: "partners", "data-testid": "partners", children: Ke(d.partner.title, w.partner) }),
           /* Text */
-          ["title", "text", "secondaryText"].map((I) => {
-            const R = d[I];
-            if (!R)
+          ["title", "text", "secondaryText"].map((N) => {
+            const B = d[N];
+            if (!B)
               return null;
-            const O = es(I);
-            return /* @__PURE__ */ i.jsx("p", { className: O, "data-testid": O, children: Ke(R, w[I]) }, I);
+            const L = es(N);
+            return /* @__PURE__ */ i.jsx("p", { className: L, "data-testid": L, children: Ke(B, w[N]) }, N);
           }),
           /* @__PURE__ */ i.jsx(_c, { type: b || "", data: d }),
           /* @__PURE__ */ i.jsx(xc, { data: d, cta: r, link: k || "", gtmContext: a })
@@ -6699,7 +6699,7 @@ const jc = {
     }
   );
 };
-const kc = ({ cards: t, cardTypes: e, className: n = "", ...r }) => /* @__PURE__ */ i.jsx("ul", { className: $("card-block", n), children: t.map((a, s) => {
+const kc = ({ cards: t, cardTypes: e, className: n = "", ...r }) => /* @__PURE__ */ i.jsx("ul", { className: C("card-block", n), children: t.map((a, s) => {
   const o = a.slug ? `${a.slug}-${e[s]}` : `${e[s]}-${s}`;
   return /* @__PURE__ */ i.jsx(
     Qa,
@@ -6719,7 +6719,7 @@ const kc = ({ cards: t, cardTypes: e, className: n = "", ...r }) => /* @__PURE__
     return null;
   const { text: r, element: a = "h2", variant: s = "default", size: o = "medium", link: c } = e;
   return K.createElement(a, {
-    className: $("title", s, o, {
+    className: C("title", s, o, {
       "highlighted-title": s === "highlighted"
     }),
     children: /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
@@ -6742,7 +6742,7 @@ const jn = {
   threeCards: 769,
   twoCards: 480
 };
-let Nt = null;
+let $t = null;
 const Sc = ({
   id: t,
   cards: e,
@@ -6760,57 +6760,50 @@ const Sc = ({
     loadedPages: [0]
   }), { currentPage: g, loadedPages: v } = m, b = e.length, y = Math.ceil(b / f), _ = pe(null), E = yt(!0, !0, _ == null ? void 0 : _.current);
   se(() => {
-    let R = 1;
-    E && (E >= jn.fourCards ? R = 4 : E >= jn.threeCards ? R = 3 : E >= jn.twoCards && (R = 2), R > b && (R = b)), l((O) => ({
-      ...O,
-      cardsPerPage: R,
+    let N = 1;
+    E && (E >= jn.fourCards ? N = 4 : E >= jn.threeCards ? N = 3 : E >= jn.twoCards && (N = 2), N > b && (N = b)), l((B) => ({
+      ...B,
+      cardsPerPage: N,
       isLoading: !1
     }));
   }, [E, b]);
-  const k = (R = "next") => {
-    let O = g;
-    if (typeof R == "string")
-      if (R === "next")
+  const k = (N = "next") => {
+    let B = g;
+    if (typeof N == "string")
+      if (N === "next")
         if (g < y - 1)
-          O = g + 1;
+          B = g + 1;
         else
           return;
       else if (g > 0)
-        O = g - 1;
+        B = g - 1;
       else
         return;
     else
-      O = R;
-    p((S) => ({
-      ...S,
-      currentPage: O,
-      loadedPages: [.../* @__PURE__ */ new Set([...v, O])]
+      B = N;
+    p((L) => ({
+      ...L,
+      currentPage: B,
+      loadedPages: [.../* @__PURE__ */ new Set([...v, B])]
     }));
-  }, w = (R) => {
-    Nt = R.touches[0].clientX;
-  }, U = (R) => {
-    if (Nt === null)
+  }, w = (N) => {
+    $t = N.touches[0].clientX;
+  }, U = (N) => {
+    if ($t === null)
       return;
-    const O = R.touches[0].clientX, S = Nt - O;
-    S > 5 ? k("next") : S < -5 && k("previous"), Nt = null;
-  }, M = {
+    const B = N.touches[0].clientX, L = $t - B;
+    L > 5 ? k("next") : L < -5 && k("previous"), $t = null;
+  }, R = {
     "--width": `${E || 0}px`,
     "--total-cards": b,
     "--cards-per-page": f,
     "--page": g
   };
-  if (d)
-    return /* @__PURE__ */ i.jsx(Ca, { layout: `carousel${a ? "-with-title" : ""}` });
-  const I = (R, O) => {
-    var T;
-    let S = null;
-    return (T = R == null ? void 0 : R.sys) != null && T.id ? S = `card-${R.sys.id}` : R != null && R.slug ? S = `card-${R.slug}` : [n[O], R.contentType].includes("customCard") && (S = `card-${window.btoa(`${R.title} ${R.createdAt}`)}-${O}`), S;
-  };
-  return /* @__PURE__ */ i.jsxs(
+  return d ? /* @__PURE__ */ i.jsx(Ca, { layout: `carousel${a ? "-with-title" : ""}` }) : /* @__PURE__ */ i.jsxs(
     "section",
     {
       ref: _,
-      className: $("carousel-wrapper", s),
+      className: C("carousel-wrapper", s),
       "data-testid": "carousel",
       children: [
         /* @__PURE__ */ i.jsx(Ec, { id: t, title: a }),
@@ -6820,27 +6813,27 @@ const Sc = ({
             className: "carousel",
             onTouchStart: w,
             onTouchMove: U,
-            style: M,
+            style: R,
             "data-testid": "carousel-list",
-            children: e.map((R, O) => {
-              let S = I(R, O);
-              return S && Tc(O, f, g, v) ? /* @__PURE__ */ i.jsx(
+            children: e.map((N, B) => {
+              let L = N && N.sys && N.sys.id ? `${t}-card-${N.sys.id}` : null;
+              return L && Tc(B, f, g, v) ? /* @__PURE__ */ i.jsx(
                 Qa,
                 {
-                  id: S,
-                  card: { ...R, contentType: n[O] },
+                  id: L,
+                  card: { ...N, contentType: n[B] },
                   buildCardData: r,
                   gtmContext: o
                 },
-                S
-              ) : (S = S || `${t}-card-${O}`, /* @__PURE__ */ i.jsx(
+                L
+              ) : (L = L || `${t}-card-${B}`, /* @__PURE__ */ i.jsx(
                 Se,
                 {
                   element: "li",
                   className: "card-wrapper",
                   "data-testid": "card-placeholder"
                 },
-                S
+                L
               ));
             })
           }
@@ -6852,8 +6845,8 @@ const Sc = ({
               variant: "secondary",
               size: "large",
               icon: { icon: "chevron_left" },
-              onClick: (R) => {
-                R.preventDefault(), R.stopPropagation(), k("previous");
+              onClick: (N) => {
+                N.preventDefault(), N.stopPropagation(), k("previous");
               },
               screenreaderText: c.formatMessage({
                 id: "carousel_pagination_previous"
@@ -6861,29 +6854,29 @@ const Sc = ({
               disabled: g <= 0
             }
           ) }),
-          [...Array(y)].map((R, O) => /* @__PURE__ */ i.jsx("li", { "data-testid": "carousel-controls-button", children: /* @__PURE__ */ i.jsx(
+          [...Array(y)].map((N, B) => /* @__PURE__ */ i.jsx("li", { "data-testid": "carousel-controls-button", children: /* @__PURE__ */ i.jsx(
             "button",
             {
-              className: $("page-indicator", {
-                selected: O === g
+              className: C("page-indicator", {
+                selected: B === g
               }),
-              onClick: (S) => {
-                S.preventDefault(), S.stopPropagation(), k(O);
+              onClick: (L) => {
+                L.preventDefault(), L.stopPropagation(), k(B);
               },
               children: /* @__PURE__ */ i.jsx(be, { showOnFocus: !1, children: c.formatMessage(
                 { id: "carousel_pagination_page" },
-                { number: O + 1, total: y }
+                { number: B + 1, total: y }
               ) })
             }
-          ) }, `page-indicator-${O}`)),
+          ) }, `page-indicator-${B}`)),
           /* @__PURE__ */ i.jsx("li", { className: "arrow next", children: /* @__PURE__ */ i.jsx(
             ae,
             {
               variant: "secondary",
               size: "large",
               icon: { icon: "chevron_right" },
-              onClick: (R) => {
-                R.preventDefault(), R.stopPropagation(), k("next");
+              onClick: (N) => {
+                N.preventDefault(), N.stopPropagation(), k("next");
               },
               screenreaderText: c.formatMessage({ id: "carousel_pagination_next" }),
               disabled: g >= y - 1
@@ -6932,7 +6925,7 @@ const kn = "joinCommunityButton", Ja = ({
   }, leave: () => {
   } }
 }) => {
-  const a = Q(), s = Ne(De), o = s && typeof s.id == "string", [c, u] = ne(t), [l, f] = ne(t ? "joined" : "notJoined");
+  const a = Q(), s = $e(De), o = s && typeof s.id == "string", [c, u] = ne(t), [l, f] = ne(t ? "joined" : "notJoined");
   se(() => {
     l === "joining" ? f("joined") : l === "leaving" && f("notJoined");
   }, [c]);
@@ -6947,7 +6940,7 @@ const kn = "joinCommunityButton", Ja = ({
       onClick: async (p) => {
         o && (p.currentTarget.blur(), c ? (f("leaving"), typeof r == "function" && await r()) : (f("joining"), typeof n == "function" && await n()), u(!c));
       },
-      className: $("join-community-button", l, {
+      className: C("join-community-button", l, {
         active: l === "joining"
       }),
       disabled: !o,
@@ -6966,7 +6959,7 @@ const Tn = "communityDetails_", gd = ({
   functions: { invite: s, ...o }
 }) => {
   const c = Q(), u = 5, l = r || a.length, f = a.length ? a : Array(u).fill({}), d = `/communities/${n}/members` === window.location.pathname;
-  return /* @__PURE__ */ i.jsxs("div", { className: $("community-details", t), children: [
+  return /* @__PURE__ */ i.jsxs("div", { className: C("community-details", t), children: [
     /* @__PURE__ */ i.jsx(Fe, {}),
     /* @__PURE__ */ i.jsxs("div", { className: "member-details", children: [
       /* @__PURE__ */ i.jsxs("div", { className: "top", children: [
@@ -7015,7 +7008,7 @@ const vd = ({ breadcrumbs: t, cutoff: e = 20, className: n = "" }) => {
         children: r.formatMessage({ id: "breadcrumbs_label" })
       }
     ),
-    /* @__PURE__ */ i.jsx("ul", { className: $("breadcrumbs text-small", n), children: t.map(
+    /* @__PURE__ */ i.jsx("ul", { className: C("breadcrumbs text-small", n), children: t.map(
       ({ text: a, href: s, current: o = !1 }, c) => /* @__PURE__ */ i.jsxs("li", { children: [
         o && /* @__PURE__ */ i.jsx(
           be,
@@ -7047,7 +7040,7 @@ const bd = ({
     let m = [];
     c.includes(f) ? m = c.filter((p) => p !== f) : f === "all" ? m = ["all"] : n ? m = [...c.filter((p) => p !== "all"), f] : m = [f], u((p) => (r && typeof r == "function" && r({ current: m, previous: p }), m)), d && typeof d == "function" && d();
   };
-  return /* @__PURE__ */ i.jsx("ul", { className: $("filters", a), children: o.map(({ id: f, text: d, disabled: m = !1, callback: p = () => {
+  return /* @__PURE__ */ i.jsx("ul", { className: C("filters", a), children: o.map(({ id: f, text: d, disabled: m = !1, callback: p = () => {
   } }) => {
     let g = {};
     return m && (g = {
@@ -7056,7 +7049,7 @@ const bd = ({
     }), /* @__PURE__ */ i.jsx("li", { children: /* @__PURE__ */ i.jsx(
       "button",
       {
-        className: $(f, { selected: c.includes(f) }),
+        className: C(f, { selected: c.includes(f) }),
         onClick: (v) => {
           v.preventDefault(), v.stopPropagation(), l(f, p);
         },
@@ -7099,7 +7092,7 @@ const En = {
   ))
     return null;
   const p = Object.keys(r), g = f !== t;
-  return /* @__PURE__ */ i.jsxs("div", { className: $("language-switcher text-small", o, u), children: [
+  return /* @__PURE__ */ i.jsxs("div", { className: C("language-switcher text-small", o, u), children: [
     /* @__PURE__ */ i.jsxs("nav", { children: [
       o !== "short" && /* @__PURE__ */ i.jsx("p", { children: c || l.formatMessage({ id: `${Pt}label` }) }),
       /* @__PURE__ */ i.jsx("ul", { children: p.map((v) => {
@@ -7161,7 +7154,7 @@ const Sn = Fi({ locale: "en", messages: tr }), an = ({
       p instanceof Error ? f(p.message) : f("Unknown error");
     }
   };
-  return !l && !t && !o.endOfFeed ? null : /* @__PURE__ */ i.jsx("footer", { className: $("load-more", c), children: !l && t ? /* @__PURE__ */ i.jsx(
+  return !l && !t && !o.endOfFeed ? null : /* @__PURE__ */ i.jsx("footer", { className: C("load-more", c), children: !l && t ? /* @__PURE__ */ i.jsx(
     ae,
     {
       variant: n,
@@ -7186,13 +7179,13 @@ const Xa = ({
   "a",
   {
     href: "/home/",
-    className: $("logo", t, e, n),
+    className: C("logo", t, e, n),
     ...r,
     children: /* @__PURE__ */ i.jsx(be, { children: /* @__PURE__ */ i.jsx(je, { id: "apolitical" }) })
   }
 ) });
 let Rt = !1;
-const $c = ({
+const Nc = ({
   element: t = "div",
   id: e = "more-menu",
   options: n,
@@ -7207,7 +7200,7 @@ const $c = ({
     document.removeEventListener("click", u, !0);
   })), K.createElement(t, {
     ref: s,
-    className: $("more-menu text-medium", r),
+    className: C("more-menu text-medium", r),
     children: /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
       /* @__PURE__ */ i.jsx(
         ae,
@@ -7250,7 +7243,7 @@ const $c = ({
       }) })
     ] })
   });
-}, Nc = (t, e = !1) => e ? t.replaceAll("/", "") === e : typeof window < "u" && window.location && window.location.pathname === t;
+}, $c = (t, e = !1) => e ? t.replaceAll("/", "") === e : typeof window < "u" && window.location && window.location.pathname === t;
 const Pc = [
   {
     key: "homepage",
@@ -7269,12 +7262,12 @@ const Pc = [
     href: "/solution-articles/"
   }
 ], Rc = ({ activeLink: t }) => {
-  const e = Q(), n = Ne(De), r = n && typeof n.id == "string";
+  const e = Q(), n = $e(De), r = n && typeof n.id == "string";
   return /* @__PURE__ */ i.jsxs("ul", { id: "navigation-menu", className: "text-medium", children: [
     Pc.map(({ key: a, href: s }) => /* @__PURE__ */ i.jsx(
       "li",
       {
-        className: $(a, { active: Nc(s, t) }),
+        className: C(a, { active: $c(s, t) }),
         children: /* @__PURE__ */ i.jsx(
           "a",
           {
@@ -7361,7 +7354,7 @@ const Oc = "shareLinks_", _d = ({
   className: o = ""
 }) => {
   const c = Q(), u = Mc({ title: t, link: e, referrer: n });
-  return /* @__PURE__ */ i.jsxs("aside", { className: $("share-links", a, s, o), children: [
+  return /* @__PURE__ */ i.jsxs("aside", { className: C("share-links", a, s, o), children: [
     /* @__PURE__ */ i.jsx("p", { className: "text-small", children: c.formatMessage({ id: "shareLinks_label" }) }),
     /* @__PURE__ */ i.jsx("ul", { children: u.map(({ key: l, icon: f, url: d, shouldRender: m = !0, onClick: p }) => {
       if (typeof m == "function" && !m())
@@ -7437,7 +7430,7 @@ const xd = ({ tabs: t, className: e = "" }) => {
         {
           href: m || `#${l}`,
           id: `tab-${l}`,
-          className: $({ selected: v }),
+          className: C({ selected: v }),
           role: "tab",
           "aria-selected": v,
           ...b,
@@ -7445,7 +7438,7 @@ const xd = ({ tabs: t, className: e = "" }) => {
         }
       ) }, `tab-${l}`)
     );
-  }), /* @__PURE__ */ i.jsxs("div", { className: $("tabs-wrapper", e), children: [
+  }), /* @__PURE__ */ i.jsxs("div", { className: C("tabs-wrapper", e), children: [
     /* @__PURE__ */ i.jsx("ul", { className: "tabs", role: "tablist", children: o }),
     /* @__PURE__ */ i.jsx("div", { className: "tab-content", children: c })
   ] });
@@ -7462,10 +7455,10 @@ const Fc = {
 }) => {
   const a = yt(!0);
   let s = r;
-  return K.Children.count(r) === 1 && (s = K.Children.toArray(r)[0], s.props && (s = s.props.children)), /* @__PURE__ */ i.jsx("section", { className: $("columns", `layout-${t}`, n), children: K.Children.map(s, (o, c) => e !== !1 && c === e && a && a < Fc[t] ? null : o) });
+  return K.Children.count(r) === 1 && (s = K.Children.toArray(r)[0], s.props && (s = s.props.children)), /* @__PURE__ */ i.jsx("section", { className: C("columns", `layout-${t}`, n), children: K.Children.map(s, (o, c) => e !== !1 && c === e && a && a < Fc[t] ? null : o) });
 };
 let Cn;
-const $n = "contactFooter_", wd = ({ onSuccess: t = async () => {
+const Nn = "contactFooter_", wd = ({ onSuccess: t = async () => {
 }, onFailure: e = () => {
 } }) => {
   const n = pe(null), [r, a] = K.useState(0), [s, o] = K.useState(!1), c = () => {
@@ -7478,7 +7471,7 @@ const $n = "contactFooter_", wd = ({ onSuccess: t = async () => {
   return se(() => (c(), window.addEventListener("resize", u), () => {
     clearTimeout(Cn), window.removeEventListener("resize", u);
   }), []), /* @__PURE__ */ i.jsx(et, { id: "contactForm", className: "contact-footer", children: /* @__PURE__ */ i.jsxs("div", { className: "inner-wrapper", children: [
-    /* @__PURE__ */ i.jsx("h2", { children: /* @__PURE__ */ i.jsx(je, { id: `${$n}title` }) }),
+    /* @__PURE__ */ i.jsx("h2", { children: /* @__PURE__ */ i.jsx(je, { id: `${Nn}title` }) }),
     /* @__PURE__ */ i.jsxs(
       "div",
       {
@@ -7488,8 +7481,8 @@ const $n = "contactFooter_", wd = ({ onSuccess: t = async () => {
         style: s ? {} : { minHeight: r },
         children: [
           /* @__PURE__ */ i.jsxs("aside", { children: [
-            /* @__PURE__ */ i.jsx("p", { children: /* @__PURE__ */ i.jsx(je, { id: `${$n}text` }) }),
-            /* @__PURE__ */ i.jsx(xt, { className: "mailto-link", href: "mailto:hello@apolitical.co", children: /* @__PURE__ */ i.jsx(je, { id: `${$n}email` }) })
+            /* @__PURE__ */ i.jsx("p", { children: /* @__PURE__ */ i.jsx(je, { id: `${Nn}text` }) }),
+            /* @__PURE__ */ i.jsx(xt, { className: "mailto-link", href: "mailto:hello@apolitical.co", children: /* @__PURE__ */ i.jsx(je, { id: `${Nn}email` }) })
           ] }),
           /* @__PURE__ */ i.jsx(
             Yo,
@@ -7506,7 +7499,7 @@ const $n = "contactFooter_", wd = ({ onSuccess: t = async () => {
   /* @__PURE__ */ i.jsx(Rc, { activeLink: t }),
   /* @__PURE__ */ i.jsx(Os, { ...e })
 ] }) }) });
-const Nn = "cookieBanner_", Pn = [
+const $n = "cookieBanner_", Pn = [
   "apol-cookie-banner",
   "apolitical-performance-cookie-consent",
   "functional-cookie-consent"
@@ -7551,11 +7544,11 @@ const Nn = "cookieBanner_", Pn = [
       className: "gtm-trackable",
       "data-gtm-event-context": "cookie-banner",
       "data-gtm-event-type": `cookie-${f.gtmType}-click`,
-      children: t.formatMessage({ id: `${Nn}buttons_${f.id}` })
+      children: t.formatMessage({ id: `${$n}buttons_${f.id}` })
     });
   }), /* @__PURE__ */ i.jsxs("aside", { id: "cookie-banner", className: "text-medium", children: [
-    /* @__PURE__ */ i.jsx("h6", { children: t.formatMessage({ id: `${Nn}title` }) }),
-    /* @__PURE__ */ i.jsx("p", { children: t.formatMessage({ id: `${Nn}text` }) }),
+    /* @__PURE__ */ i.jsx("h6", { children: t.formatMessage({ id: `${$n}title` }) }),
+    /* @__PURE__ */ i.jsx("p", { children: t.formatMessage({ id: `${$n}text` }) }),
     /* @__PURE__ */ i.jsx(tn, { buttons: l })
   ] });
 }, Oe = {
@@ -7980,7 +7973,7 @@ const Ye = "footer_", Yt = "SiteFooter", na = ({ group: t }) => {
   return /* @__PURE__ */ i.jsxs(
     "li",
     {
-      className: $({
+      className: C({
         [c.className]: c.className,
         "has-submenu": p,
         parent: g,
@@ -8007,7 +8000,7 @@ const Ye = "footer_", Yt = "SiteFooter", na = ({ group: t }) => {
           return c[_].order ? /* @__PURE__ */ i.jsxs(
             "li",
             {
-              className: $({
+              className: C({
                 [c[_].className]: c[_].className
               }),
               children: [
@@ -8038,7 +8031,7 @@ const Ye = "footer_", Yt = "SiteFooter", na = ({ group: t }) => {
   );
 };
 const Lc = { height: 67, height_desktop: 83 }, ti = ({ showNavigation: t = !0 }) => {
-  const e = Q(), n = Ne(De), r = yt(!0, !0), a = n && typeof n.id == "string", s = bt(
+  const e = Q(), n = $e(De), r = yt(!0, !0), a = n && typeof n.id == "string", s = bt(
     () => fe.getIsDesktopVersion(a, r),
     [a, r]
   ), [o, c] = Jn(ya, {
@@ -8084,7 +8077,7 @@ const Lc = { height: 67, height_desktop: 83 }, ti = ({ showNavigation: t = !0 })
       "nav",
       {
         id: "header",
-        className: $({
+        className: C({
           "logged-in": a,
           "logged-out": !a,
           visible: u
@@ -8206,7 +8199,7 @@ const Lc = { height: 67, height_desktop: 83 }, ti = ({ showNavigation: t = !0 })
     /* @__PURE__ */ i.jsx(
       "div",
       {
-        className: $("overlay", {
+        className: C("overlay", {
           open: l.navigation || l.account || !s.search && l.search
         })
       }
@@ -8248,7 +8241,7 @@ const Ic = () => {
     "div",
     {
       id: "wrapper",
-      className: $(o, y, { "has-footer": l }),
+      className: C(o, y, { "has-footer": l }),
       children: [
         /* @__PURE__ */ i.jsx(ti, { showNavigation: u }),
         /* @__PURE__ */ i.jsxs("section", { id: "content-wrapper", children: [
@@ -8316,7 +8309,7 @@ const kd = ({
   }), u.length < 1 ? null : /* @__PURE__ */ i.jsx(
     "ul",
     {
-      className: $("tags text-small", e, a, {
+      className: C("tags text-small", e, a, {
         "one-line": n
       }),
       children: u.map((l) => {
@@ -8345,7 +8338,7 @@ const Td = ({
   className: o = ""
 }) => {
   const c = Q();
-  return t.length === 0 ? null : /* @__PURE__ */ i.jsxs("div", { className: $("members-list", o), children: [
+  return t.length === 0 ? null : /* @__PURE__ */ i.jsxs("div", { className: C("members-list", o), children: [
     /* @__PURE__ */ i.jsxs("h1", { children: [
       c.formatMessage({ id: "membersList" }),
       /* @__PURE__ */ i.jsx("span", { className: "count", children: e })
@@ -8399,8 +8392,8 @@ const xe = "discussion_form_", dr = ({
   },
   gtmContext: l = "DiscussionForm"
 }) => {
-  var O, S, T;
-  const f = Q(), d = Ne(De), [m, p] = ne(
+  var L, M, T;
+  const f = Q(), d = $e(De), [m, p] = ne(
     n.isEditing && n.isEditing.text || ""
   ), [g, v] = ne(c.error || !1), [b, y] = ne(!1), _ = pe(null);
   if (r || (r = _), n.isLoading)
@@ -8412,86 +8405,86 @@ const xe = "discussion_form_", dr = ({
       }
     );
   const E = (x) => {
-    const C = x.target.value;
-    p(C);
-    let B;
-    !d || !d.id ? B = $e(
+    const S = x.target.value;
+    p(S);
+    let I;
+    !d || !d.id ? I = Ne(
       f.formatMessage,
       `${xe}error_loggedOut`,
       t.type,
       "action"
-    ) : e ? C.length >= s && (B = `${xe}error_tooLong`) : B = $e(
+    ) : e ? S.length >= s && (I = `${xe}error_tooLong`) : I = Ne(
       f.formatMessage,
       `${xe}error_noPermission`,
       t.type,
       "action"
-    ), B ? v(B) : g && v(!1);
+    ), I ? v(I) : g && v(!1);
   };
   let k = `${t.type}-form`;
   if (t.type === "response" || t.type === "reply") {
-    const x = ((O = t.slugs) == null ? void 0 : O.reply) || ((S = t.slugs) == null ? void 0 : S.answer) || ((T = t.slugs) == null ? void 0 : T.question) || "";
+    const x = ((L = t.slugs) == null ? void 0 : L.reply) || ((M = t.slugs) == null ? void 0 : M.answer) || ((T = t.slugs) == null ? void 0 : T.question) || "";
     x && (k = `${k}-${x.slice(-15)}`);
   }
   const w = async (x) => {
-    var B;
-    if (x.preventDefault(), x.stopPropagation(), !d || !d.id || !e || M)
+    var I;
+    if (x.preventDefault(), x.stopPropagation(), !d || !d.id || !e || R)
       return;
     Mt && clearTimeout(Mt), y("submitting");
-    const C = window.location.pathname;
+    const S = window.location.pathname;
     try {
-      let F;
+      let O;
       switch (t.type) {
         case "post":
-          F = await u.create({ content: m });
+          O = await u.create({ content: m });
           break;
         case "question":
-          F = await u.create({
+          O = await u.create({
             title: m,
             authorId: d && d.id,
-            ...(B = u.props) == null ? void 0 : B.create
+            ...(I = u.props) == null ? void 0 : I.create
           });
           break;
         case "response":
-          F = await u.create(
-            { question: t.slugs.question },
-            { body: m, authorId: d && d.id, contentPath: C }
+          O = await u.create(
+            { questionSlug: t.slugs.question },
+            { body: m, authorId: d && d.id, contentPath: S }
           );
           break;
         case "reply":
-          F = await u.create(
-            { question: t.slugs.question, answer: t.slugs.answer },
-            { body: m, authorId: d && d.id, contentPath: C }
+          O = await u.create(
+            { questionSlug: t.slugs.question, answerSlug: t.slugs.answer },
+            { body: m, authorId: d && d.id, contentPath: S }
           );
           break;
         default:
           break;
       }
-      await as(1e3), u.callback && await u.callback(F), Mt = setTimeout(() => {
+      await as(1e3), u.callback && await u.callback(O), Mt = setTimeout(() => {
         p(""), y("submitted");
-        const L = new Event("discussionFormSubmitted");
-        document.dispatchEvent(L), U();
+        const D = new Event("discussionFormSubmitted");
+        document.dispatchEvent(D), U();
       }, 500);
-    } catch (F) {
-      const L = F;
+    } catch (O) {
+      const D = O;
       let V = `${xe}error`;
-      L != null && L.message.includes("entry already exists") && (V = $e(
+      D != null && D.message.includes("entry already exists") && (V = Ne(
         f.formatMessage,
         `${xe}error_alreadyExists`,
         t.type,
         "action"
-      )), L != null && L.message.includes("429") ? V = $e(
+      )), D != null && D.message.includes("429") ? V = Ne(
         f.formatMessage,
         `${xe}error_tooMany`,
         t.type,
         "action"
-      ) : L != null && L.message.includes("400") && (V = `${xe}error`), v(V), U();
+      ) : D != null && D.message.includes("400") && (V = `${xe}error`), v(V), U();
     }
   }, U = () => {
     Mt = setTimeout(() => {
       v(!1), y(!1);
     }, 5e3);
-  }, M = !m || !us(m), I = b === "submitting", R = [];
-  return (n.isEditing && !I || c.cancel) && R.push({
+  }, R = !m || !us(m), N = b === "submitting", B = [];
+  return (n.isEditing && !N || c.cancel) && B.push({
     variant: "secondary",
     size: { mobile: "small", 600: "medium" },
     onClick: u.handleCancel,
@@ -8500,7 +8493,7 @@ const xe = "discussion_form_", dr = ({
     "data-gtm-event-type": `cancel-${t.type}-click`,
     disabled: !c.cancel && (!d || !d.id || !m),
     children: f.formatMessage({ id: `${xe}cancel` })
-  }), R.push({
+  }), B.push({
     variant: "primary",
     size: { mobile: "small", 600: "medium" },
     onClick: (x) => {
@@ -8516,20 +8509,20 @@ const xe = "discussion_form_", dr = ({
     "data-gtm-event-context": l,
     "data-gtm-event-type": `${n.isEditing ? "save" : "submit"}-${t.type}-click`,
     "data-testid": "save-button",
-    disabled: !d || !d.id || !e || M || I || n.isEditing && m === n.isEditing.text,
+    disabled: !d || !d.id || !e || R || N || n.isEditing && m === n.isEditing.text,
     children: f.formatMessage({
-      id: `${xe}${I ? n.isEditing ? "saving" : "posting" : n.isEditing ? "save" : "post"}`
+      id: `${xe}${N ? n.isEditing ? "saving" : "posting" : n.isEditing ? "save" : "post"}`
     })
   }), /* @__PURE__ */ i.jsxs(
     "form",
     {
       id: k,
-      className: $("discussion-card discussion-form", {
+      className: C("discussion-card discussion-form", {
         "no-styling": n.isInWrapper && n.isEditing
       }),
       "data-testid": `discussion-${t.type}-form`,
       children: [
-        (n == null ? void 0 : n.showTitle) && !n.isEditing && ["question"].includes(t.type) && /* @__PURE__ */ i.jsx("h2", { children: $e(f.formatMessage, `${xe}title`, t.type, "action") }),
+        (n == null ? void 0 : n.showTitle) && !n.isEditing && ["question"].includes(t.type) && /* @__PURE__ */ i.jsx("h2", { children: Ne(f.formatMessage, `${xe}title`, t.type, "action") }),
         /* @__PURE__ */ i.jsx(
           rr,
           {
@@ -8538,14 +8531,14 @@ const xe = "discussion_form_", dr = ({
             gtmType: "profile-click"
           }
         ),
-        /* @__PURE__ */ i.jsx(be, { element: "label", showOnFocus: !1, htmlFor: `${k}-input`, children: $e(f.formatMessage, `${xe}label`, t.type, "action") }),
+        /* @__PURE__ */ i.jsx(be, { element: "label", showOnFocus: !1, htmlFor: `${k}-input`, children: Ne(f.formatMessage, `${xe}label`, t.type, "action") }),
         /* @__PURE__ */ i.jsx(
           zi,
           {
             ref: r,
             id: `${k}-input`,
             name: t.type,
-            placeholder: a || $e(
+            placeholder: a || Ne(
               f.formatMessage,
               `${xe}placeholder`,
               t.type,
@@ -8560,7 +8553,7 @@ const xe = "discussion_form_", dr = ({
             autoFocus: !!n.isEditing
           }
         ),
-        /* @__PURE__ */ i.jsx("small", { children: $e(f.formatMessage, `${xe}explainer`, t.type, "action", {
+        /* @__PURE__ */ i.jsx("small", { children: Ne(f.formatMessage, `${xe}explainer`, t.type, "action", {
           a: (x) => /* @__PURE__ */ i.jsx(
             "a",
             {
@@ -8574,8 +8567,8 @@ const xe = "discussion_form_", dr = ({
             }
           )
         }) }),
-        /* @__PURE__ */ i.jsx(tn, { buttons: R }),
-        b === "submitted" && n.showSuccessMessage && /* @__PURE__ */ i.jsx(qt, { className: "success", "data-testid": "success", children: $e(f.formatMessage, `${xe}success`, t.type, "action") }),
+        /* @__PURE__ */ i.jsx(tn, { buttons: B }),
+        b === "submitted" && n.showSuccessMessage && /* @__PURE__ */ i.jsx(qt, { className: "success", "data-testid": "success", children: Ne(f.formatMessage, `${xe}success`, t.type, "action") }),
         g && /* @__PURE__ */ i.jsx(qt, { id: "error-message", className: "error", "data-testid": "error", children: c.error ? c.error : typeof g == "string" ? g.includes(" ") ? g : f.formatMessage(
           { id: g },
           {
@@ -8666,7 +8659,10 @@ const On = () => {
     try {
       if (s && s.slugs) {
         const U = Zc(s.slugs);
-        m ? await u(U) : await c(U, { contentPath: window.location.pathname });
+        m ? await u(U) : await c({
+          ...U,
+          payload: { contentPath: window.location.pathname }
+        });
       }
     } catch {
       d(e), p(a);
@@ -8675,7 +8671,7 @@ const On = () => {
     }
   };
   return K.createElement(t, {
-    className: $("likes-wrapper text-medium action-button", {
+    className: C("likes-wrapper text-medium action-button", {
       "show-spinner": g,
       "is-liked": m,
       disabled: !o
@@ -8700,7 +8696,7 @@ const On = () => {
           variant: "tertiary",
           size: "medium",
           icon: { icon: m ? "heart" : "heart_empty", animate: "bounce" },
-          className: $({ "do-animation": m && !a }),
+          className: C({ "do-animation": m && !a }),
           screenreaderText: o ? l.formatMessage(
             {
               id: `discussion_likes_${m ? "unlike" : "like"}`
@@ -8722,7 +8718,7 @@ const On = () => {
       /* @__PURE__ */ i.jsx(
         "span",
         {
-          className: $("number-of-likes", { "no-likes": f === 0 }),
+          className: C("number-of-likes", { "no-likes": f === 0 }),
           "data-testid": "number-of-likes",
           children: l.formatMessage(
             { id: `discussion_likes${r ? "_short" : ""}` },
@@ -8763,11 +8759,11 @@ const Me = "discussion_", Vc = 280, on = ({
   },
   functions: {
     content: { createContent: o, deleteContent: c, updateContent: u } = {
-      createContent: () => {
+      createContent: async () => {
       },
-      deleteContent: () => {
+      deleteContent: async () => {
       },
-      updateContent: () => {
+      updateContent: async () => {
       }
     },
     likes: { createLike: l, deleteLike: f } = { createLike: () => {
@@ -8782,23 +8778,23 @@ const Me = "discussion_", Vc = 280, on = ({
   children: v,
   isTruncated: b = !1
 }) => {
-  const y = Q(), _ = Ne(De), E = Ne(ur), { author: k, canLike: w, createdAt: U, id: M, likes: I = 0, userLiked: R, comments: O = 0 } = e, S = _ && _.id && typeof k != "string" && k.id && k.id === _.id || !1, T = typeof w == "boolean" ? w : n ? !S : !1, x = S && (!e.createdAt || rs(e.createdAt, 10, "seconds")), C = pe(null), [B, F] = ne({
+  const y = Q(), _ = $e(De), E = $e(ur), { author: k, canLike: w, createdAt: U, id: R, likes: N = 0, userLiked: B, comments: L = 0 } = e, M = _ && _.id && typeof k != "string" && k.id && k.id === _.id || !1, T = typeof w == "boolean" ? w : n ? !M : !1, x = M && (!e.createdAt || rs(e.createdAt, 10, "seconds")), S = pe(null), [I, O] = ne({
     body: e && e.body || "",
     isEditing: !1,
     didEdit: e && e.isEdited || !1
-  }), [L, V] = ne(!1), [ee, j] = ne(
+  }), [D, V] = ne(!1), [ee, j] = ne(
     x ? "highlighted" : "default"
     /* Default */
-  ), [N, Z] = ne("");
+  ), [$, Z] = ne("");
   se(() => {
-    const A = C.current;
-    if (!(!A || ee === "default"))
-      return document.addEventListener("discussionFormSubmitted", z), A.addEventListener("transitionend", W), () => {
-        document.removeEventListener("discussionFormSubmitted", z), A.removeEventListener("transitionend", W);
+    const F = S.current;
+    if (!(!F || ee === "default"))
+      return document.addEventListener("discussionFormSubmitted", z), F.addEventListener("transitionend", W), () => {
+        document.removeEventListener("discussionFormSubmitted", z), F.removeEventListener("transitionend", W);
       };
   }, []), se(() => {
-    F({
-      ...B,
+    O({
+      ...I,
       body: e && e.body || "",
       didEdit: e && e.isEdited || !1
     });
@@ -8810,40 +8806,40 @@ const Me = "discussion_", Vc = 280, on = ({
         /* Fading */
       );
     }, 1e3);
-  }, W = ({ propertyName: A }) => {
-    A === "background-color" && j((oe) => (oe === "default" && (document.removeEventListener("discussionFormSubmitted", z), C.current && C.current.removeEventListener("transitionend", W)), oe === "fading" ? "default" : oe));
+  }, W = ({ propertyName: F }) => {
+    F === "background-color" && j((oe) => (oe === "default" && (document.removeEventListener("discussionFormSubmitted", z), S.current && S.current.removeEventListener("transitionend", W)), oe === "fading" ? "default" : oe));
   };
   if (r || !e || e.type === "answer" && (!e.slugs || !e.slugs.question))
     return /* @__PURE__ */ i.jsx(Se, { className: "discussion-card discussion-post" });
-  const X = b ? Ke(B.body, Vc) : B.body, Y = async (A) => {
-    A || (A = ""), Z("");
+  const X = b ? Ke(I.body, Vc) : I.body, Y = async (F) => {
+    F || (F = ""), Z("");
     try {
-      if (!Zi(A, B.body)) {
-        const oe = e.type === "question" ? { title: A } : { body: A };
+      if (!Zi(F, I.body)) {
+        const oe = e.type === "question" ? { title: F } : { body: F };
         await u(aa(e.slugs), oe);
       }
-      F({ body: A, isEditing: !1, didEdit: !0 });
+      O({ body: F, isEditing: !1, didEdit: !0 });
     } catch {
       Z(`${Me}form_error`);
     }
   }, H = () => {
     E && E.updateConversation && E.updateConversation({ showForm: !0 }), setTimeout(() => {
       var Pe, Ce, qe;
-      const oe = `reply-form-${(e.type === "answer" ? e.slug : ((Pe = e.slugs) == null ? void 0 : Pe.reply) || ((Ce = e.slugs) == null ? void 0 : Ce.answer) || ((qe = e.slugs) == null ? void 0 : qe.question) || "").toLowerCase().slice(-15)}`, D = document.getElementById(oe), ve = document.getElementById(`${oe}-input`);
-      ve && ve.focus(), D && D.scrollIntoView({ behavior: "smooth" });
+      const oe = `reply-form-${(e.type === "answer" ? e.slug : ((Pe = e.slugs) == null ? void 0 : Pe.reply) || ((Ce = e.slugs) == null ? void 0 : Ce.answer) || ((qe = e.slugs) == null ? void 0 : qe.question) || "").toLowerCase().slice(-15)}`, A = document.getElementById(oe), ve = document.getElementById(`${oe}-input`);
+      ve && ve.focus(), A && A.scrollIntoView({ behavior: "smooth" });
     }, 0);
-  }, J = () => {
+  }, J = async () => {
     V(!1);
     try {
-      c(aa(e.slugs));
+      await c(aa(e.slugs));
     } catch {
       Z("delete-error");
     }
   }, re = [
     {
       text: y.formatMessage({ id: `${Me}moreMenu_report` }),
-      onClick: (A) => {
-        A.stopPropagation();
+      onClick: (F) => {
+        F.stopPropagation();
       },
       href: `mailto:community@apolitical.co?subject=${encodeURI(
         y.formatMessage({ id: `${Me}report_subject` })
@@ -8860,10 +8856,10 @@ const Me = "discussion_", Vc = 280, on = ({
       icon: "flag"
     }
   ];
-  return n && S && re.push(
+  return n && M && re.push(
     {
       text: y.formatMessage({ id: `${Me}moreMenu_edit` }),
-      onClick: () => F({ ...B, isEditing: !0 }),
+      onClick: () => O({ ...I, isEditing: !0 }),
       icon: "pencil-paper",
       className: "gtm-trackable",
       "data-gtm-event-context": g,
@@ -8871,45 +8867,45 @@ const Me = "discussion_", Vc = 280, on = ({
     },
     {
       text: y.formatMessage({ id: `${Me}moreMenu_delete` }),
-      onClick: (A) => {
-        A.preventDefault(), A.stopPropagation(), V(!0);
+      onClick: (F) => {
+        F.preventDefault(), F.stopPropagation(), V(!0);
       },
       icon: "trash",
       className: "gtm-trackable",
       "data-gtm-event-context": g,
       "data-gtm-event-type": `delete-${e.type}-click`,
-      ...Lo(`delete-${e.slug}-modal`, L)
+      ...Lo(`delete-${e.slug}-modal`, D)
     }
   ), K.createElement(t, {
-    className: $("discussion-post", p, {
+    className: C("discussion-post", p, {
       [ee]: !p || !p.includes("highlighted-text-box")
     }),
-    ref: C,
+    ref: S,
     "data-testid": `discussion-${e.type}-thread`,
     children: /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
       /* @__PURE__ */ i.jsxs(
         "div",
         {
-          id: M || e.slug,
-          className: $("discussion-card", e.type, {
-            editing: B.isEditing,
-            "has-link": m.post && !B.isEditing
+          id: R || e.slug,
+          className: C("discussion-card", e.type, {
+            editing: I.isEditing,
+            "has-link": m.post && !I.isEditing
           }),
-          onClick: (A) => {
-            !m.post || B.isEditing || (A.preventDefault(), A.stopPropagation(), window.location.href = m.post);
+          onClick: (F) => {
+            !m.post || I.isEditing || (F.preventDefault(), F.stopPropagation(), window.location.href = m.post);
           },
           children: [
-            !B.isEditing && /* @__PURE__ */ i.jsx(
+            !I.isEditing && /* @__PURE__ */ i.jsx(
               rr,
               {
                 member: k,
-                additionalContent: { createdAt: U, didEdit: B.didEdit },
+                additionalContent: { createdAt: U, didEdit: I.didEdit },
                 className: typeof k != "string" && k.id === a ? "highlighted" : "",
                 gtmContext: g,
                 gtmType: "profile-click"
               }
             ),
-            B.isEditing ? /* @__PURE__ */ i.jsx(
+            I.isEditing ? /* @__PURE__ */ i.jsx(
               dr,
               {
                 content: { type: e.type, slugs: e.slugs },
@@ -8917,12 +8913,12 @@ const Me = "discussion_", Vc = 280, on = ({
                 meta: {
                   isLoading: r,
                   isInWrapper: !0,
-                  isEditing: { text: B.body }
+                  isEditing: { text: I.body }
                 },
                 maxLength: e.type === "question" ? 250 : 5e4,
                 forceShow: {
-                  error: N !== "" && N !== "delete-error" ? y.formatMessage(
-                    { id: N },
+                  error: $ !== "" && $ !== "delete-error" ? y.formatMessage(
+                    { id: $ },
                     {
                       action: y.formatMessage({
                         id: `discussion_action_${e.type}`
@@ -8934,7 +8930,7 @@ const Me = "discussion_", Vc = 280, on = ({
                   create: o,
                   handleSaveEdit: Y,
                   handleCancel: () => {
-                    Z(""), F({ ...B, isEditing: !1 });
+                    Z(""), O({ ...I, isEditing: !1 });
                   }
                 },
                 gtmContext: `${g}Form`
@@ -8960,19 +8956,19 @@ const Me = "discussion_", Vc = 280, on = ({
                 children: X
               }
             ),
-            !B.isEditing && /* @__PURE__ */ i.jsxs(
+            !I.isEditing && /* @__PURE__ */ i.jsxs(
               "ul",
               {
-                className: $("actions text-medium", e.type),
+                className: C("actions text-medium", e.type),
                 "data-testid": `${e.type}-actions`,
                 children: [
                   /* @__PURE__ */ i.jsx(
                     Hc,
                     {
                       element: "li",
-                      likes: I,
+                      likes: N,
                       isShort: !1,
-                      userLiked: R,
+                      userLiked: B,
                       content: { type: e.type, slugs: e.slugs },
                       canLike: T,
                       peopleWhoLiked: e.peopleWhoLiked,
@@ -8986,8 +8982,8 @@ const Me = "discussion_", Vc = 280, on = ({
                     "li",
                     {
                       className: "action-button",
-                      onClick: (A) => {
-                        A.preventDefault(), A.stopPropagation(), m.comments && (window.location.href = m.comments), typeof d == "function" && d();
+                      onClick: (F) => {
+                        F.preventDefault(), F.stopPropagation(), m.comments && (window.location.href = m.comments), typeof d == "function" && d();
                       },
                       children: [
                         /* @__PURE__ */ i.jsx(
@@ -9004,13 +9000,13 @@ const Me = "discussion_", Vc = 280, on = ({
                             "data-gtm-event-type": `answer-${e.type}-click`,
                             screenreaderText: y.formatMessage(
                               { id: `${Me}comments_screenReader` },
-                              { count: O }
+                              { count: L }
                             )
                           }
                         ),
                         /* @__PURE__ */ i.jsx("span", { children: y.formatMessage(
                           { id: `${Me}comments` },
-                          { count: O }
+                          { count: L }
                         ) })
                       ]
                     }
@@ -9026,7 +9022,7 @@ const Me = "discussion_", Vc = 280, on = ({
                     }
                   ) }),
                   /* @__PURE__ */ i.jsx(
-                    $c,
+                    Nc,
                     {
                       element: "li",
                       id: `more-${e.slug}`,
@@ -9044,11 +9040,11 @@ const Me = "discussion_", Vc = 280, on = ({
         nn,
         {
           id: `delete-${e.slug}-modal`,
-          isOpen: L,
+          isOpen: D,
           functions: { onOpen: () => {
           }, onClose: () => V(!1) },
           forceShow: {
-            error: N === "delete-error" ? y.formatMessage(
+            error: $ === "delete-error" ? y.formatMessage(
               { id: "discussion_delete_error" },
               {
                 action: y.formatMessage({
@@ -9080,7 +9076,7 @@ const Me = "discussion_", Vc = 280, on = ({
             {
               id: "discussion_delete_text",
               values: {
-                p: (A) => /* @__PURE__ */ i.jsx("p", { children: A }),
+                p: (F) => /* @__PURE__ */ i.jsx("p", { children: F }),
                 action: y.formatMessage({
                   id: `discussion_action_${e.type}`
                 })
@@ -9099,7 +9095,7 @@ const An = "discussion_responses_", Yc = ({ type: t = "answer", responses: e = 0
       { id: `${An}title` },
       { action: n.formatMessage({ id: `${An}${t}` }), count: e }
     ) }),
-    e === 0 && /* @__PURE__ */ i.jsx("p", { children: $e(n.formatMessage, `${An}empty`, t, t) })
+    e === 0 && /* @__PURE__ */ i.jsx("p", { children: Ne(n.formatMessage, `${An}empty`, t, t) })
   ] });
 };
 const Kc = ({
@@ -9112,7 +9108,7 @@ const Kc = ({
   form: r,
   children: a
 }) => {
-  const s = Q(), o = Ne(ur), c = At(a, {
+  const s = Q(), o = $e(ur), c = At(a, {
     element: "li"
   });
   return /* @__PURE__ */ i.jsxs("div", { className: "thread-wrapper", children: [
@@ -9685,19 +9681,19 @@ const Ed = ({
       }
     ),
     c == null ? void 0 : c.map((E, k) => {
-      var B, F, L, V, ee, j, N, Z;
+      var I, O, D, V, ee, j, $, Z;
       const {
         id: w,
         own_reactions: U,
-        latest_reactions: M,
-        reaction_counts: I
-      } = E, R = (((B = M == null ? void 0 : M.like) == null ? void 0 : B.length) || 0) > 0, O = (((F = U == null ? void 0 : U.like) == null ? void 0 : F.length) || 0) > 0, S = O ? U == null ? void 0 : U.like[0].id : "", T = R ? (L = M == null ? void 0 : M.like) == null ? void 0 : L.map((z) => {
+        latest_reactions: R,
+        reaction_counts: N
+      } = E, B = (((I = R == null ? void 0 : R.like) == null ? void 0 : I.length) || 0) > 0, L = (((O = U == null ? void 0 : U.like) == null ? void 0 : O.length) || 0) > 0, M = L ? U == null ? void 0 : U.like[0].id : "", T = B ? (D = R == null ? void 0 : R.like) == null ? void 0 : D.map((z) => {
         var W, X, Y;
         return {
           id: (W = z == null ? void 0 : z.user) == null ? void 0 : W.id,
           name: (Y = (X = z == null ? void 0 : z.user) == null ? void 0 : X.data) == null ? void 0 : Y.name
         };
-      }) : !1, x = E == null ? void 0 : E.actor, C = (x == null ? void 0 : x.id) === (y == null ? void 0 : y.id);
+      }) : !1, x = E == null ? void 0 : E.actor, S = (x == null ? void 0 : x.id) === (y == null ? void 0 : y.id);
       return /* @__PURE__ */ i.jsxs(gt, { children: [
         /* @__PURE__ */ i.jsx(
           on,
@@ -9705,7 +9701,7 @@ const Ed = ({
             content: {
               type: "post",
               body: E == null ? void 0 : E.content,
-              canLike: sn(n, C),
+              canLike: sn(n, S),
               createdAt: (E == null ? void 0 : E.time) || "",
               slugs: {
                 question: `${t}/${e}`,
@@ -9717,14 +9713,14 @@ const Ed = ({
                 name: (V = x == null ? void 0 : x.data) == null ? void 0 : V.name,
                 organization: (ee = x == null ? void 0 : x.data) == null ? void 0 : ee.organization,
                 jobTitle: (j = x == null ? void 0 : x.data) == null ? void 0 : j.jobTitle,
-                location: (N = x == null ? void 0 : x.data) == null ? void 0 : N.location,
+                location: ($ = x == null ? void 0 : x.data) == null ? void 0 : $.location,
                 image: {
                   thumbnail: ((Z = x == null ? void 0 : x.data) == null ? void 0 : Z.thumbnail) || void 0
                 }
               },
-              userLiked: O,
-              likes: (I == null ? void 0 : I.like) || 0,
-              comments: (I == null ? void 0 : I.reply) || 0,
+              userLiked: L,
+              likes: (N == null ? void 0 : N.like) || 0,
+              comments: (N == null ? void 0 : N.reply) || 0,
               peopleWhoLiked: T
             },
             links: {
@@ -9740,7 +9736,7 @@ const Ed = ({
               },
               likes: {
                 createLike: () => v({ activityId: w }),
-                deleteLike: () => b({ activityId: w, reactionId: S })
+                deleteLike: () => b({ activityId: w, reactionId: M })
               },
               comments: {
                 openComments: () => null
@@ -10556,24 +10552,24 @@ const El = ({
         meta: { isEditing: !1, showSuccessMessage: !1 }
       },
       children: o && o.length > 0 ? o == null ? void 0 : o.map((b) => {
-        var B, F, L, V, ee, j, N, Z, z, W, X, Y;
+        var I, O, D, V, ee, j, $, Z, z, W, X, Y;
         const {
           id: y,
           own_children: _,
           latest_children: E,
           children_counts: k
-        } = b, U = (((B = _ == null ? void 0 : _.like) == null ? void 0 : B.length) || 0) > 0 ? (F = _ == null ? void 0 : _.like) == null ? void 0 : F.find((H) => {
+        } = b, U = (((I = _ == null ? void 0 : _.like) == null ? void 0 : I.length) || 0) > 0 ? (O = _ == null ? void 0 : _.like) == null ? void 0 : O.find((H) => {
           var J;
           return ((J = H == null ? void 0 : H.user) == null ? void 0 : J.id) === (v == null ? void 0 : v.id);
-        }) : !1, M = U ? U == null ? void 0 : U.id : "", I = !!U, O = (((L = E == null ? void 0 : E.like) == null ? void 0 : L.length) || 0) > 0 ? (V = E == null ? void 0 : E.like) == null ? void 0 : V.map((H) => {
-          var J, re, A;
+        }) : !1, R = U ? U == null ? void 0 : U.id : "", N = !!U, L = (((D = E == null ? void 0 : E.like) == null ? void 0 : D.length) || 0) > 0 ? (V = E == null ? void 0 : E.like) == null ? void 0 : V.map((H) => {
+          var J, re, F;
           return {
             id: (J = H == null ? void 0 : H.user) == null ? void 0 : J.id,
-            name: (A = (re = H == null ? void 0 : H.user) == null ? void 0 : re.data) == null ? void 0 : A.name
+            name: (F = (re = H == null ? void 0 : H.user) == null ? void 0 : re.data) == null ? void 0 : F.name
           };
-        }) : !1, S = b == null ? void 0 : b.user, T = (S == null ? void 0 : S.id) === (v == null ? void 0 : v.id), x = sn(a, T), C = typeof b.data.content == "string" ? (ee = b == null ? void 0 : b.data) == null ? void 0 : ee.content : (
+        }) : !1, M = b == null ? void 0 : b.user, T = (M == null ? void 0 : M.id) === (v == null ? void 0 : v.id), x = sn(a, T), S = typeof b.data.content == "string" ? (ee = b == null ? void 0 : b.data) == null ? void 0 : ee.content : (
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          ((N = (j = b == null ? void 0 : b.data) == null ? void 0 : j.content) == null ? void 0 : N.text) || ""
+          (($ = (j = b == null ? void 0 : b.data) == null ? void 0 : j.content) == null ? void 0 : $.text) || ""
         );
         return /* @__PURE__ */ i.jsx(
           on,
@@ -10581,7 +10577,7 @@ const El = ({
             content: {
               id: y,
               type: "reply",
-              body: C,
+              body: S,
               canLike: x,
               createdAt: b == null ? void 0 : b.created_at,
               slugs: {
@@ -10593,18 +10589,18 @@ const El = ({
               },
               slug: "",
               author: {
-                id: S == null ? void 0 : S.id,
-                name: (Z = S.data) == null ? void 0 : Z.name,
-                organization: (z = S.data) == null ? void 0 : z.organization,
-                jobTitle: (W = S.data) == null ? void 0 : W.jobTitle,
-                location: (X = S.data) == null ? void 0 : X.location,
+                id: M == null ? void 0 : M.id,
+                name: (Z = M.data) == null ? void 0 : Z.name,
+                organization: (z = M.data) == null ? void 0 : z.organization,
+                jobTitle: (W = M.data) == null ? void 0 : W.jobTitle,
+                location: (X = M.data) == null ? void 0 : X.location,
                 image: {
-                  thumbnail: ((Y = S.data) == null ? void 0 : Y.thumbnail) || void 0
+                  thumbnail: ((Y = M.data) == null ? void 0 : Y.thumbnail) || void 0
                 }
               },
-              userLiked: I,
+              userLiked: N,
               likes: (k == null ? void 0 : k.like) || 0,
-              peopleWhoLiked: O
+              peopleWhoLiked: L
             },
             functions: {
               content: {
@@ -10615,7 +10611,7 @@ const El = ({
               },
               likes: {
                 createLike: () => m({ replyId: y }),
-                deleteLike: () => g({ replyId: y, reactionId: M })
+                deleteLike: () => g({ replyId: y, reactionId: R })
               },
               comments: {}
             }
@@ -10668,17 +10664,17 @@ const El = ({
       }
     ),
     u == null ? void 0 : u.map((E) => {
-      var V, ee, j, N, Z, z, W, X, Y, H, J, re;
-      const { id: k, own_children: w, latest_children: U, children_counts: M } = E, R = (((V = w == null ? void 0 : w.like) == null ? void 0 : V.length) || 0) > 0 ? (ee = w == null ? void 0 : w.like) == null ? void 0 : ee.find((A) => {
+      var V, ee, j, $, Z, z, W, X, Y, H, J, re;
+      const { id: k, own_children: w, latest_children: U, children_counts: R } = E, B = (((V = w == null ? void 0 : w.like) == null ? void 0 : V.length) || 0) > 0 ? (ee = w == null ? void 0 : w.like) == null ? void 0 : ee.find((F) => {
         var oe;
-        return ((oe = A == null ? void 0 : A.user) == null ? void 0 : oe.id) === (_ == null ? void 0 : _.id);
-      }) : !1, O = R ? R == null ? void 0 : R.id : "", S = !!R, x = (((j = U == null ? void 0 : U.like) == null ? void 0 : j.length) || 0) > 0 ? (N = U == null ? void 0 : U.like) == null ? void 0 : N.map((A) => {
-        var oe, D, ve;
+        return ((oe = F == null ? void 0 : F.user) == null ? void 0 : oe.id) === (_ == null ? void 0 : _.id);
+      }) : !1, L = B ? B == null ? void 0 : B.id : "", M = !!B, x = (((j = U == null ? void 0 : U.like) == null ? void 0 : j.length) || 0) > 0 ? ($ = U == null ? void 0 : U.like) == null ? void 0 : $.map((F) => {
+        var oe, A, ve;
         return {
-          id: (oe = A == null ? void 0 : A.user) == null ? void 0 : oe.id,
-          name: (ve = (D = A == null ? void 0 : A.user) == null ? void 0 : D.data) == null ? void 0 : ve.name
+          id: (oe = F == null ? void 0 : F.user) == null ? void 0 : oe.id,
+          name: (ve = (A = F == null ? void 0 : F.user) == null ? void 0 : A.data) == null ? void 0 : ve.name
         };
-      }) : !1, C = E == null ? void 0 : E.user, B = (C == null ? void 0 : C.id) === (_ == null ? void 0 : _.id), F = sn(r, B), L = typeof E.data.content == "string" ? (Z = E == null ? void 0 : E.data) == null ? void 0 : Z.content : (
+      }) : !1, S = E == null ? void 0 : E.user, I = (S == null ? void 0 : S.id) === (_ == null ? void 0 : _.id), O = sn(r, I), D = typeof E.data.content == "string" ? (Z = E == null ? void 0 : E.data) == null ? void 0 : Z.content : (
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         ((W = (z = E == null ? void 0 : E.data) == null ? void 0 : z.content) == null ? void 0 : W.text) || ""
       );
@@ -10688,8 +10684,8 @@ const El = ({
           content: {
             id: k,
             type: "reply",
-            body: L,
-            canLike: F,
+            body: D,
+            canLike: O,
             createdAt: E == null ? void 0 : E.created_at,
             slugs: {
               question: `${t}/${e}`,
@@ -10698,17 +10694,17 @@ const El = ({
             },
             slug: k,
             author: {
-              id: C == null ? void 0 : C.id,
-              name: (X = C.data) == null ? void 0 : X.name,
-              organization: (Y = C.data) == null ? void 0 : Y.organization,
-              jobTitle: (H = C.data) == null ? void 0 : H.jobTitle,
-              location: (J = C.data) == null ? void 0 : J.location,
+              id: S == null ? void 0 : S.id,
+              name: (X = S.data) == null ? void 0 : X.name,
+              organization: (Y = S.data) == null ? void 0 : Y.organization,
+              jobTitle: (H = S.data) == null ? void 0 : H.jobTitle,
+              location: (J = S.data) == null ? void 0 : J.location,
               image: {
-                thumbnail: ((re = C.data) == null ? void 0 : re.thumbnail) || void 0
+                thumbnail: ((re = S.data) == null ? void 0 : re.thumbnail) || void 0
               }
             },
-            userLiked: S,
-            likes: (M == null ? void 0 : M.like) || 0,
+            userLiked: M,
+            likes: (R == null ? void 0 : R.like) || 0,
             peopleWhoLiked: x
           },
           functions: {
@@ -10716,11 +10712,11 @@ const El = ({
               createContent: () => null,
               deleteContent: () => b({ replyId: k }),
               // eslint-disable-next-line @typescript-eslint/no-explicit-any
-              updateContent: (A, { body: oe }) => g({ replyId: k, content: oe })
+              updateContent: (F, { body: oe }) => g({ replyId: k, content: oe })
             },
             likes: {
               createLike: () => v({ replyId: k }),
-              deleteLike: () => y({ replyId: k, reactionId: O })
+              deleteLike: () => y({ replyId: k, reactionId: L })
             },
             comments: {}
           },
@@ -10769,7 +10765,7 @@ function Cl({
   });
   return r;
 }
-function $l({ queryFn: t, queryKey: e }) {
+function Nl({ queryFn: t, queryKey: e }) {
   const {
     data: n,
     error: r,
@@ -10786,7 +10782,7 @@ function $l({ queryFn: t, queryKey: e }) {
     isFetching: s
   };
 }
-function Nl({
+function $l({
   queryFns: {
     read: t,
     edit: e,
@@ -10802,7 +10798,7 @@ function Nl({
     },
     user: o,
     ...c
-  }, l = Cl({ ...u, mutationFn: e }), f = Pl({ ...u, mutationFn: n }), d = Rl({ ...u, mutationFn: r }), { activity: m, ...p } = $l({ queryKey: a, queryFn: t });
+  }, l = Cl({ ...u, mutationFn: e }), f = Pl({ ...u, mutationFn: n }), d = Rl({ ...u, mutationFn: r }), { activity: m, ...p } = Nl({ queryKey: a, queryFn: t });
   return {
     activity: m,
     mutations: {
@@ -10860,13 +10856,13 @@ const Cd = ({
     leave: u
   }
 }) => {
-  var R, O, S, T, x, C, B, F, L, V;
-  const l = Q(), f = Ne(De), {
+  var B, L, M, T, x, S, I, O, D, V;
+  const l = Q(), f = $e(De), {
     activity: d,
     error: m,
     isLoading: p,
     mutations: { edit: g, like: v, unlike: b }
-  } = Nl({
+  } = $l({
     queryFns: s,
     queryKey: [t, e, n]
   });
@@ -10880,13 +10876,13 @@ const Cd = ({
         text: l.formatMessage({ id: "activitySection_notFoundError" })
       }
     );
-  const { own_reactions: y, latest_reactions: _ } = d, E = (((R = _ == null ? void 0 : _.like) == null ? void 0 : R.length) || 0) > 0, k = (((O = y == null ? void 0 : y.like) == null ? void 0 : O.length) || 0) > 0, w = k ? y == null ? void 0 : y.like[0].id : "", U = E ? (S = _ == null ? void 0 : _.like) == null ? void 0 : S.map((ee) => {
-    var j, N, Z;
+  const { own_reactions: y, latest_reactions: _ } = d, E = (((B = _ == null ? void 0 : _.like) == null ? void 0 : B.length) || 0) > 0, k = (((L = y == null ? void 0 : y.like) == null ? void 0 : L.length) || 0) > 0, w = k ? y == null ? void 0 : y.like[0].id : "", U = E ? (M = _ == null ? void 0 : _.like) == null ? void 0 : M.map((ee) => {
+    var j, $, Z;
     return {
       id: (j = ee == null ? void 0 : ee.user) == null ? void 0 : j.id,
-      name: (Z = (N = ee == null ? void 0 : ee.user) == null ? void 0 : N.data) == null ? void 0 : Z.name
+      name: (Z = ($ = ee == null ? void 0 : ee.user) == null ? void 0 : $.data) == null ? void 0 : Z.name
     };
-  }) : !1, M = d == null ? void 0 : d.actor, I = (M == null ? void 0 : M.id) === (f == null ? void 0 : f.id);
+  }) : !1, R = d == null ? void 0 : d.actor, N = (R == null ? void 0 : R.id) === (f == null ? void 0 : f.id);
   return /* @__PURE__ */ i.jsxs("section", { className: "activity-section", children: [
     /* @__PURE__ */ i.jsx(
       on,
@@ -10896,7 +10892,7 @@ const Cd = ({
           id: n,
           type: "post",
           body: d == null ? void 0 : d.content,
-          canLike: sn(r, I),
+          canLike: sn(r, N),
           createdAt: (d == null ? void 0 : d.time) || "",
           slugs: {
             question: `${t}/${e}`,
@@ -10904,21 +10900,21 @@ const Cd = ({
           },
           slug: n,
           author: {
-            id: M.id,
-            name: (T = M.data) == null ? void 0 : T.name,
-            organization: (x = M.data) == null ? void 0 : x.organization,
-            jobTitle: (C = M.data) == null ? void 0 : C.jobTitle,
-            location: (B = M.data) == null ? void 0 : B.location,
+            id: R.id,
+            name: (T = R.data) == null ? void 0 : T.name,
+            organization: (x = R.data) == null ? void 0 : x.organization,
+            jobTitle: (S = R.data) == null ? void 0 : S.jobTitle,
+            location: (I = R.data) == null ? void 0 : I.location,
             image: {
-              thumbnail: ((F = M.data) == null ? void 0 : F.thumbnail) || void 0
+              thumbnail: ((O = R.data) == null ? void 0 : O.thumbnail) || void 0
             }
           },
           userLiked: k,
-          likes: ((L = d == null ? void 0 : d.reaction_counts) == null ? void 0 : L.like) || 0,
+          likes: ((D = d == null ? void 0 : d.reaction_counts) == null ? void 0 : D.like) || 0,
           comments: ((V = d == null ? void 0 : d.reaction_counts) == null ? void 0 : V.reply) || 0,
           peopleWhoLiked: U
         },
-        originalAuthorId: M == null ? void 0 : M.id,
+        originalAuthorId: R == null ? void 0 : R.id,
         forceHide: { comments: !0 },
         functions: {
           content: {
@@ -10954,7 +10950,7 @@ const Cd = ({
       }
     )
   ] });
-}, $d = ({
+}, Nd = ({
   id: t,
   data: { jobTitle: e, name: n, organization: r, thumbnail: a }
 }) => ({
@@ -11007,7 +11003,7 @@ const Cd = ({
     contributors: ["community"]
   }
 ];
-const Ot = "notFoundError_", Nd = () => {
+const Ot = "notFoundError_", $d = () => {
   const t = Q(), e = [];
   return ua.forEach((n, r) => {
     n.title = t.formatMessage({ id: `${Ot}post_${r + 1}` }), e.push("solutionArticle");
@@ -11104,10 +11100,10 @@ export {
   rr as Member,
   Td as MembersList,
   za as Modal,
-  $c as MoreMenu,
+  Nc as MoreMenu,
   Yl as NUMBER_OF_USERS,
   Rc as NavigationMenu,
-  Nd as NotFoundError,
+  $d as NotFoundError,
   nn as Overlay,
   Os as PageHeading,
   Bc as PageLayout,
@@ -11135,9 +11131,9 @@ export {
   ks as UserProvider,
   be as VisuallyHidden,
   Lo as addAriaProps,
-  Na as getMember,
+  $a as getMember,
   Kt as headerData,
-  $d as mapGetStreamData,
+  Nd as mapGetStreamData,
   ds as pageReady,
   Kl as passwordValidator,
   Sd as repliesFeedMock,