@apolitical/component-library 2.2.1 → 2.2.2-ac.0

package/index.mjs

@@ -1,11 +1,11 @@
-import K, { memo as Fe, useState as te, useEffect as ie, useRef as pe, useMemo as vt, createContext as Un, useContext as Ce, Children as Fn, useCallback as Kr, useReducer as zn, Fragment as ht, Suspense as ui } from "react";
+import K, { memo as Fe, useState as te, useEffect as ae, useRef as pe, useMemo as vt, createContext as Un, useContext as Ce, Children as Fn, useCallback as Kr, useReducer as zn, Fragment as ht, Suspense as ui } from "react";
 import ut from "lodash.clonedeep";
 import fi from "lodash.set";
 import { useIntl as G, IntlProvider as mi, FormattedMessage as _e, createIntl as pi } from "react-intl";
 import Ke from "truncate";
 import { QueryClient as hi, QueryClientProvider as gi, useMutation as ke, useQueryClient as Zn, useInfiniteQuery as Gr, useQuery as vi } from "@tanstack/react-query";
 import { ReactQueryDevtools as bi } from "@tanstack/react-query-devtools";
-import Rt from "posthog-js";
+import Ft from "posthog-js";
 import { CookiesProvider as yi, useCookies as Qr } from "react-cookie";
 import Xe from "markdown-to-jsx";
 import { ReactMultiEmail as _i } from "react-multi-email";
@@ -74,14 +74,14 @@ var ta = { exports: {} };
   })();
 })(ta);
 var ji = ta.exports;
-const $ = /* @__PURE__ */ Xr(ji), Ti = ({
+const S = /* @__PURE__ */ Xr(ji), Ti = ({
   element: t = "span",
   showOnFocus: e = !0,
   children: n,
   ...r
 }) => K.createElement(t, {
   ...r,
-  className: $("hidden", { "show-on-focus": e }),
+  className: S("hidden", { "show-on-focus": e }),
   children: n
 }), be = Fe(Ti), Ei = ({
   element: t = "span",
@@ -139,36 +139,36 @@ function Ci() {
     var g = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function y(h) {
       {
-        for (var P = arguments.length, B = new Array(P > 1 ? P - 1 : 0), ne = 1; ne < P; ne++)
-          B[ne - 1] = arguments[ne];
-        E("error", h, B);
+        for (var P = arguments.length, L = new Array(P > 1 ? P - 1 : 0), ne = 1; ne < P; ne++)
+          L[ne - 1] = arguments[ne];
+        E("error", h, L);
       }
     }
-    function E(h, P, B) {
+    function E(h, P, L) {
       {
         var ne = g.ReactDebugCurrentFrame, le = ne.getStackAddendum();
-        le !== "" && (P += "%s", B = B.concat([le]));
-        var me = B.map(function(ce) {
+        le !== "" && (P += "%s", L = L.concat([le]));
+        var me = L.map(function(ce) {
           return String(ce);
         });
         me.unshift("Warning: " + P), Function.prototype.apply.call(console[h], console, me);
       }
     }
-    var j = !1, w = !1, U = !1, D = !1, q = !1, M;
+    var j = !1, w = !1, z = !1, F = !1, q = !1, M;
     M = Symbol.for("react.module.reference");
     function O(h) {
-      return !!(typeof h == "string" || typeof h == "function" || h === r || h === s || q || h === i || h === l || h === u || D || h === p || j || w || U || typeof h == "object" && h !== null && (h.$$typeof === m || h.$$typeof === d || h.$$typeof === o || h.$$typeof === c || h.$$typeof === f || // This needs to include all possible module reference object
+      return !!(typeof h == "string" || typeof h == "function" || h === r || h === s || q || h === i || h === l || h === u || F || h === p || j || w || z || typeof h == "object" && h !== null && (h.$$typeof === m || h.$$typeof === d || h.$$typeof === o || h.$$typeof === c || h.$$typeof === f || // 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 === M || h.getModuleId !== void 0));
     }
-    function S(h, P, B) {
+    function C(h, P, L) {
       var ne = h.displayName;
       if (ne)
         return ne;
       var le = P.displayName || P.name || "";
-      return le !== "" ? B + "(" + le + ")" : B;
+      return le !== "" ? L + "(" + le + ")" : L;
     }
     function T(h) {
       return h.displayName || "Context";
@@ -200,10 +200,10 @@ function Ci() {
             var P = h;
             return T(P) + ".Consumer";
           case o:
-            var B = h;
-            return T(B._context) + ".Provider";
+            var L = h;
+            return T(L._context) + ".Provider";
           case f:
-            return S(h, h.render, "ForwardRef");
+            return C(h, h.render, "ForwardRef");
           case d:
             var ne = h.displayName || null;
             return ne !== null ? ne : x(h.type) || "Memo";
@@ -218,18 +218,18 @@ function Ci() {
         }
       return null;
     }
-    var C = Object.assign, L = 0, R, I, V, ee, k, N, Z;
-    function z() {
+    var $ = Object.assign, I = 0, U, A, W, J, k, N, Z;
+    function B() {
     }
-    z.__reactDisabledLog = !0;
-    function W() {
+    B.__reactDisabledLog = !0;
+    function H() {
       {
-        if (L === 0) {
-          R = console.log, I = console.info, V = console.warn, ee = console.error, k = console.group, N = console.groupCollapsed, Z = console.groupEnd;
+        if (I === 0) {
+          U = console.log, A = console.info, W = console.warn, J = console.error, k = console.group, N = console.groupCollapsed, Z = console.groupEnd;
           var h = {
             configurable: !0,
             enumerable: !0,
-            value: z,
+            value: B,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -242,77 +242,77 @@ function Ci() {
             groupEnd: h
           });
         }
-        L++;
+        I++;
       }
     }
-    function X() {
+    function ee() {
       {
-        if (L--, L === 0) {
+        if (I--, I === 0) {
           var h = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: C({}, h, {
-              value: R
+            log: $({}, h, {
+              value: U
             }),
-            info: C({}, h, {
-              value: I
+            info: $({}, h, {
+              value: A
             }),
-            warn: C({}, h, {
-              value: V
+            warn: $({}, h, {
+              value: W
             }),
-            error: C({}, h, {
-              value: ee
+            error: $({}, h, {
+              value: J
             }),
-            group: C({}, h, {
+            group: $({}, h, {
               value: k
             }),
-            groupCollapsed: C({}, h, {
+            groupCollapsed: $({}, h, {
               value: N
             }),
-            groupEnd: C({}, h, {
+            groupEnd: $({}, h, {
               value: Z
             })
           });
         }
-        L < 0 && y("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        I < 0 && y("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Y = g.ReactCurrentDispatcher, H;
-    function J(h, P, B) {
+    var Y = g.ReactCurrentDispatcher, V;
+    function X(h, P, L) {
       {
-        if (H === void 0)
+        if (V === void 0)
           try {
             throw Error();
           } catch (le) {
             var ne = le.stack.trim().match(/\n( *(at )?)/);
-            H = ne && ne[1] || "";
+            V = ne && ne[1] || "";
           }
         return `
-` + H + h;
+` + V + h;
       }
     }
-    var re = !1, F;
+    var re = !1, R;
     {
       var oe = typeof WeakMap == "function" ? WeakMap : Map;
-      F = new oe();
+      R = new oe();
     }
-    function A(h, P) {
+    function D(h, P) {
       if (!h || re)
         return "";
       {
-        var B = F.get(h);
-        if (B !== void 0)
-          return B;
+        var L = R.get(h);
+        if (L !== void 0)
+          return L;
       }
       var ne;
       re = !0;
       var le = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var me;
-      me = Y.current, Y.current = null, W();
+      me = Y.current, Y.current = null, H();
       try {
         if (P) {
           var ce = function() {
@@ -358,48 +358,48 @@ function Ci() {
                   if (he--, ge--, ge < 0 || se[he] !== xe[ge]) {
                     var je = `
 ` + se[he].replace(" at new ", " at ");
-                    return h.displayName && je.includes("<anonymous>") && (je = je.replace("<anonymous>", h.displayName)), typeof h == "function" && F.set(h, je), je;
+                    return h.displayName && je.includes("<anonymous>") && (je = je.replace("<anonymous>", h.displayName)), typeof h == "function" && R.set(h, je), je;
                   }
                 while (he >= 1 && ge >= 0);
               break;
             }
         }
       } finally {
-        re = !1, Y.current = me, X(), Error.prepareStackTrace = le;
+        re = !1, Y.current = me, ee(), Error.prepareStackTrace = le;
       }
-      var We = h ? h.displayName || h.name : "", pr = We ? J(We) : "";
-      return typeof h == "function" && F.set(h, pr), pr;
+      var We = h ? h.displayName || h.name : "", pr = We ? X(We) : "";
+      return typeof h == "function" && R.set(h, pr), pr;
     }
-    function ve(h, P, B) {
-      return A(h, !1);
+    function ve(h, P, L) {
+      return D(h, !1);
     }
     function $e(h) {
       var P = h.prototype;
       return !!(P && P.isReactComponent);
     }
-    function Ee(h, P, B) {
+    function Ee(h, P, L) {
       if (h == null)
         return "";
       if (typeof h == "function")
-        return A(h, $e(h));
+        return D(h, $e(h));
       if (typeof h == "string")
-        return J(h);
+        return X(h);
       switch (h) {
         case l:
-          return J("Suspense");
+          return X("Suspense");
         case u:
-          return J("SuspenseList");
+          return X("SuspenseList");
       }
       if (typeof h == "object")
         switch (h.$$typeof) {
           case f:
             return ve(h.render);
           case d:
-            return Ee(h.type, P, B);
+            return Ee(h.type, P, L);
           case m: {
             var ne = h, le = ne._payload, me = ne._init;
             try {
-              return Ee(me(le), P, B);
+              return Ee(me(le), P, L);
             } catch {
             }
           }
@@ -407,14 +407,14 @@ function Ci() {
       return "";
     }
     var Le = Object.prototype.hasOwnProperty, nr = {}, rr = g.ReactDebugCurrentFrame;
-    function xt(h) {
+    function wt(h) {
       if (h) {
-        var P = h._owner, B = Ee(h.type, h._source, P ? P.type : null);
-        rr.setExtraStackFrame(B);
+        var P = h._owner, L = Ee(h.type, h._source, P ? P.type : null);
+        rr.setExtraStackFrame(L);
       } else
         rr.setExtraStackFrame(null);
     }
-    function Wa(h, P, B, ne, le) {
+    function Wa(h, P, L, ne, le) {
       {
         var me = Function.call.bind(Le);
         for (var ce in h)
@@ -422,14 +422,14 @@ function Ci() {
             var se = void 0;
             try {
               if (typeof h[ce] != "function") {
-                var xe = Error((ne || "React class") + ": " + B + " type `" + ce + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof h[ce] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var xe = Error((ne || "React class") + ": " + L + " type `" + ce + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof h[ce] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw xe.name = "Invariant Violation", xe;
               }
-              se = h[ce](P, ce, ne, B, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              se = h[ce](P, ce, ne, L, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (he) {
               se = he;
             }
-            se && !(se instanceof Error) && (xt(le), y("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", ne || "React class", B, ce, typeof se), xt(null)), se instanceof Error && !(se.message in nr) && (nr[se.message] = !0, xt(le), y("Failed %s type: %s", B, se.message), xt(null));
+            se && !(se instanceof Error) && (wt(le), y("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", ne || "React class", L, ce, typeof se), wt(null)), se instanceof Error && !(se.message in nr) && (nr[se.message] = !0, wt(le), y("Failed %s type: %s", L, se.message), wt(null));
           }
       }
     }
@@ -439,8 +439,8 @@ function Ci() {
     }
     function Va(h) {
       {
-        var P = typeof Symbol == "function" && Symbol.toStringTag, B = P && h[Symbol.toStringTag] || h.constructor.name || "Object";
-        return B;
+        var P = typeof Symbol == "function" && Symbol.toStringTag, L = P && h[Symbol.toStringTag] || h.constructor.name || "Object";
+        return L;
       }
     }
     function Ya(h) {
@@ -482,40 +482,40 @@ function Ci() {
     }
     function Ja(h, P) {
       if (typeof h.ref == "string" && nt.current && P && nt.current.stateNode !== P) {
-        var B = x(nt.current.type);
-        an[B] || (y('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', x(nt.current.type), h.ref), an[B] = !0);
+        var L = x(nt.current.type);
+        an[L] || (y('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', x(nt.current.type), h.ref), an[L] = !0);
       }
     }
     function Xa(h, P) {
       {
-        var B = function() {
+        var L = function() {
           sr || (sr = !0, y("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", P));
         };
-        B.isReactWarning = !0, Object.defineProperty(h, "key", {
-          get: B,
+        L.isReactWarning = !0, Object.defineProperty(h, "key", {
+          get: L,
           configurable: !0
         });
       }
     }
     function ei(h, P) {
       {
-        var B = function() {
+        var L = function() {
           or || (or = !0, y("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", P));
         };
-        B.isReactWarning = !0, Object.defineProperty(h, "ref", {
-          get: B,
+        L.isReactWarning = !0, Object.defineProperty(h, "ref", {
+          get: L,
           configurable: !0
         });
       }
     }
-    var ti = function(h, P, B, ne, le, me, ce) {
+    var ti = function(h, P, L, ne, le, me, ce) {
       var se = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: e,
         // Built-in properties that belong on the element
         type: h,
         key: P,
-        ref: B,
+        ref: L,
         props: ce,
         // Record the component responsible for creating this element.
         _owner: me
@@ -537,10 +537,10 @@ function Ci() {
         value: le
       }), Object.freeze && (Object.freeze(se.props), Object.freeze(se)), se;
     };
-    function ni(h, P, B, ne, le) {
+    function ni(h, P, L, ne, le) {
       {
         var me, ce = {}, se = null, xe = null;
-        B !== void 0 && (ir(B), se = "" + B), Qa(P) && (ir(P.key), se = "" + P.key), Ga(P) && (xe = P.ref, Ja(P, le));
+        L !== void 0 && (ir(L), se = "" + L), Qa(P) && (ir(P.key), se = "" + P.key), Ga(P) && (xe = P.ref, Ja(P, le));
         for (me in P)
           Le.call(P, me) && !Ka.hasOwnProperty(me) && (ce[me] = P[me]);
         if (h && h.defaultProps) {
@@ -558,8 +558,8 @@ function Ci() {
     var sn = g.ReactCurrentOwner, cr = g.ReactDebugCurrentFrame;
     function Ze(h) {
       if (h) {
-        var P = h._owner, B = Ee(h.type, h._source, P ? P.type : null);
-        cr.setExtraStackFrame(B);
+        var P = h._owner, L = Ee(h.type, h._source, P ? P.type : null);
+        cr.setExtraStackFrame(L);
       } else
         cr.setExtraStackFrame(null);
     }
@@ -583,10 +583,10 @@ Check the render method of \`` + h + "`.";
     function ri(h) {
       {
         if (h !== void 0) {
-          var P = h.fileName.replace(/^.*[\\\/]/, ""), B = h.lineNumber;
+          var P = h.fileName.replace(/^.*[\\\/]/, ""), L = h.lineNumber;
           return `
 
-Check your code at ` + P + ":" + B + ".";
+Check your code at ` + P + ":" + L + ".";
         }
         return "";
       }
@@ -596,10 +596,10 @@ Check your code at ` + P + ":" + B + ".";
       {
         var P = lr();
         if (!P) {
-          var B = typeof h == "string" ? h : h.displayName || h.name;
-          B && (P = `
+          var L = typeof h == "string" ? h : h.displayName || h.name;
+          L && (P = `
 
-Check the top-level render call using <` + B + ">.");
+Check the top-level render call using <` + L + ">.");
         }
         return P;
       }
@@ -609,12 +609,12 @@ Check the top-level render call using <` + B + ">.");
         if (!h._store || h._store.validated || h.key != null)
           return;
         h._store.validated = !0;
-        var B = ai(P);
-        if (dr[B])
+        var L = ai(P);
+        if (dr[L])
           return;
-        dr[B] = !0;
+        dr[L] = !0;
         var ne = "";
-        h && h._owner && h._owner !== sn.current && (ne = " It was passed a child from " + x(h._owner.type) + "."), Ze(h), y('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', B, ne), Ze(null);
+        h && h._owner && h._owner !== sn.current && (ne = " It was passed a child from " + x(h._owner.type) + "."), Ze(h), y('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', L, ne), Ze(null);
       }
     }
     function fr(h, P) {
@@ -622,8 +622,8 @@ Check the top-level render call using <` + B + ">.");
         if (typeof h != "object")
           return;
         if (rn(h))
-          for (var B = 0; B < h.length; B++) {
-            var ne = h[B];
+          for (var L = 0; L < h.length; L++) {
+            var ne = h[L];
             cn(ne) && ur(ne, P);
           }
         else if (cn(h))
@@ -641,18 +641,18 @@ Check the top-level render call using <` + B + ">.");
         var P = h.type;
         if (P == null || typeof P == "string")
           return;
-        var B;
+        var L;
         if (typeof P == "function")
-          B = P.propTypes;
+          L = P.propTypes;
         else if (typeof P == "object" && (P.$$typeof === f || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         P.$$typeof === d))
-          B = P.propTypes;
+          L = P.propTypes;
         else
           return;
-        if (B) {
+        if (L) {
           var ne = x(P);
-          Wa(B, h.props, "prop", ne, h);
+          Wa(L, h.props, "prop", ne, h);
         } else if (P.PropTypes !== void 0 && !on) {
           on = !0;
           var le = x(P);
@@ -663,8 +663,8 @@ Check the top-level render call using <` + B + ">.");
     }
     function si(h) {
       {
-        for (var P = Object.keys(h.props), B = 0; B < P.length; B++) {
-          var ne = P[B];
+        for (var P = Object.keys(h.props), L = 0; L < P.length; L++) {
+          var ne = P[L];
           if (ne !== "children" && ne !== "key") {
             Ze(h), y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", ne), Ze(null);
             break;
@@ -673,7 +673,7 @@ Check the top-level render call using <` + B + ">.");
         h.ref !== null && (Ze(h), y("Invalid attribute `ref` supplied to `React.Fragment`."), Ze(null));
       }
     }
-    function mr(h, P, B, ne, le, me) {
+    function mr(h, P, L, ne, le, me) {
       {
         var ce = O(h);
         if (!ce) {
@@ -684,7 +684,7 @@ Check the top-level render call using <` + B + ">.");
           var he;
           h === null ? he = "null" : rn(h) ? he = "array" : h !== void 0 && h.$$typeof === e ? (he = "<" + (x(h.type) || "Unknown") + " />", se = " Did you accidentally export a JSX literal instead of a component?") : he = typeof h, y("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", he, se);
         }
-        var ge = ni(h, P, B, le, me);
+        var ge = ni(h, P, L, le, me);
         if (ge == null)
           return ge;
         if (ce) {
@@ -703,11 +703,11 @@ Check the top-level render call using <` + B + ">.");
         return h === r ? si(ge) : ii(ge), ge;
       }
     }
-    function oi(h, P, B) {
-      return mr(h, P, B, !0);
+    function oi(h, P, L) {
+      return mr(h, P, L, !0);
     }
-    function ci(h, P, B) {
-      return mr(h, P, B, !1);
+    function ci(h, P, L) {
+      return mr(h, P, L, !1);
     }
     var li = ci, di = oi;
     at.Fragment = r, at.jsx = li, at.jsxs = di;
@@ -720,12 +720,12 @@ const $i = () => {
     const r = window.location.pathname;
     e(r);
   };
-  return ie(() => (window.addEventListener("popstate", n), () => {
+  return ae(() => (window.addEventListener("popstate", n), () => {
     window.removeEventListener("popstate", n);
   }), []), t;
 }, gt = (t, e) => {
   const n = pe(!1);
-  ie(() => {
+  ae(() => {
     n.current ? t() : n.current = !0;
   }, e);
 };
@@ -737,36 +737,36 @@ function Ni(t, e, n) {
     throw new TypeError("Expected a function");
   e = +e || 0;
   var v = !!(n = n || {}).leading, b = !("trailing" in n) || !!n.trailing, _ = "maxWait" in n, g = "debounceOnServer" in n && !!n.debounceOnServer, y = _ ? Math.max(+n.maxWait || 0, e) : null;
-  ie(function() {
+  ae(function() {
     return d.current = !0, function() {
       d.current = !1;
     };
   }, []);
   var E = vt(function() {
     var j = function(O) {
-      var S = c.current, T = f.current;
-      return c.current = f.current = null, s.current = O, l.current = u.current.apply(T, S);
-    }, w = function(O, S) {
-      p && cancelAnimationFrame(o.current), o.current = p ? requestAnimationFrame(O) : setTimeout(O, S);
-    }, U = function(O) {
+      var C = c.current, T = f.current;
+      return c.current = f.current = null, s.current = O, l.current = u.current.apply(T, C);
+    }, w = function(O, C) {
+      p && cancelAnimationFrame(o.current), o.current = p ? requestAnimationFrame(O) : setTimeout(O, C);
+    }, z = function(O) {
       if (!d.current)
         return !1;
-      var S = O - i.current;
-      return !i.current || S >= e || S < 0 || _ && O - s.current >= y;
-    }, D = function(O) {
+      var C = O - i.current;
+      return !i.current || C >= e || C < 0 || _ && O - s.current >= y;
+    }, F = function(O) {
       return o.current = null, b && c.current ? j(O) : (c.current = f.current = null, l.current);
     }, q = function O() {
-      var S = Date.now();
-      if (U(S))
-        return D(S);
+      var C = Date.now();
+      if (z(C))
+        return F(C);
       if (d.current) {
-        var T = e - (S - i.current), x = _ ? Math.min(T, y - (S - s.current)) : T;
+        var T = e - (C - i.current), x = _ ? Math.min(T, y - (C - s.current)) : T;
         w(O, x);
       }
     }, M = function() {
       if (m || g) {
-        var O = Date.now(), S = U(O);
-        if (c.current = [].slice.call(arguments), f.current = r, i.current = O, S) {
+        var O = Date.now(), C = z(O);
+        if (c.current = [].slice.call(arguments), f.current = r, i.current = O, C) {
           if (!o.current && d.current)
             return s.current = i.current, w(q, e), v ? j(i.current) : l.current;
           if (_)
@@ -780,7 +780,7 @@ function Ni(t, e, n) {
     }, M.isPending = function() {
       return !!o.current;
     }, M.flush = function() {
-      return o.current ? D(Date.now()) : l.current;
+      return o.current ? F(Date.now()) : l.current;
     }, M;
   }, [v, _, e, y, b, p, m, g]);
   return E;
@@ -795,7 +795,7 @@ const bt = (t = !0, e = !1, n = "window") => {
     return;
   const [r, i] = K.useState(0) || [!1, () => {
   }];
-  ie(() => (c(), window.addEventListener("resize", l), window.addEventListener("hiddenSectionVisible", f), () => {
+  ae(() => (c(), window.addEventListener("resize", l), window.addEventListener("hiddenSectionVisible", f), () => {
     clearTimeout(ln), l.flush(), window.removeEventListener("resize", l), window.removeEventListener("hiddenSectionVisible", f);
   }), n === "window" ? [] : [n]);
   const o = () => {
@@ -836,7 +836,7 @@ const bt = (t = !0, e = !1, n = "window") => {
     scrollUp: !1
   }) || [!1, () => {
   }];
-  ie(() => (f(), window.addEventListener("scroll", l), () => {
+  ae(() => (f(), window.addEventListener("scroll", l), () => {
     l.flush(), window.removeEventListener("scroll", l);
   }), []);
   const f = () => {
@@ -914,7 +914,7 @@ const qe = {
   year: "numeric"
 }), Dn = (t) => {
   let e;
-  const n = Dt(), r = Dt(new Date(t));
+  const n = At(), r = At(new Date(t));
   try {
     e = n.getTime() - r.getTime();
   } catch {
@@ -927,12 +927,12 @@ const qe = {
     return { path: "days", number: s };
   const o = Math.floor(s / 7);
   return o <= qe.year.weeks ? { path: "weeks", number: o } : { path: "years", number: Math.floor(s / qe.year.days) };
-}, Dt = (t) => {
+}, At = (t) => {
   const n = (t || /* @__PURE__ */ new Date()).toUTCString();
   return new Date(n);
 }, Di = (t, e, n) => {
   let r;
-  const i = Dt(), s = Dt(new Date(t));
+  const i = At(), s = At(new Date(t));
   try {
     r = i.getTime() - s.getTime();
   } catch {
@@ -1341,7 +1341,7 @@ Thank you for helping to protect the Apolitical community from abusive content.`
     }
   }
   return r;
-}, Ft = (t, e) => K.Children.map(t, (n) => Object.is(n, null) ? n : K.cloneElement(n, {
+}, Ot = (t, e) => K.Children.map(t, (n) => Object.is(n, null) ? n : K.cloneElement(n, {
   ...e
 })), zi = (t = 0) => {
   setTimeout(() => {
@@ -1358,7 +1358,7 @@ Thank you for helping to protect the Apolitical community from abusive content.`
       includesLowerAndUppercase: r
     }
   };
-}, ae = ({
+}, ie = ({
   variant: t = "primary",
   size: e = "medium",
   styling: n = { muted: !1, fullWidth: !1 },
@@ -1381,7 +1381,7 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   typeof e == "string" && v.push(e), r && (v.push("icon"), typeof r == "object" ? (v.push(r.icon), r.position ? v.push(r.position) : v.push("left"), r.hover && v.push(`hover_${r.hover}`), r.animate && (v.push("animate"), typeof r.animate == "string" && v.push(r.animate))) : (v.push(r), !r.includes("right") && !r.includes("left") && v.push("left"))), n.muted && v.push("muted"), n.fullWidth && v.push("full-width");
   const b = {
     ...d,
-    className: $(t, c, v, {
+    className: S(t, c, v, {
       "no-text": !u,
       disabled: f,
       button: i
@@ -1396,17 +1396,17 @@ Thank you for helping to protect the Apolitical community from abusive content.`
     b,
     u || (l ? /* @__PURE__ */ a.jsx(be, { showOnFocus: !1, children: l }) : null)
   );
-}, Jt = ({ buttons: t, className: e = "", ...n }) => {
-  const r = t.length > 1 ? "ul" : "p", i = t.map((s, o) => r === "p" ? /* @__PURE__ */ a.jsx(ae, { ...s }, o) : /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(ae, { ...s }) }, o));
+}, yt = ({ buttons: t, className: e = "", ...n }) => {
+  const r = t.length > 1 ? "ul" : "p", i = t.map((s, o) => r === "p" ? /* @__PURE__ */ a.jsx(ie, { ...s }, o) : /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(ie, { ...s }) }, o));
   return K.createElement(r, {
-    className: $("button-wrapper", e),
+    className: S("button-wrapper", e),
     ...n,
     children: i
   });
 };
 const Re = ({ className: t = "", maxWidth: e = !1 }) => {
   const n = e ? { "--max-width": `${e / 16}rem` } : {};
-  return /* @__PURE__ */ a.jsx("hr", { className: $(t, { "has-max-width": e }), style: n });
+  return /* @__PURE__ */ a.jsx("hr", { className: S(t, { "has-max-width": e }), style: n });
 }, vr = {
   card: {
     range: [
@@ -1526,7 +1526,7 @@ const Re = ({ className: t = "", maxWidth: e = !1 }) => {
   query: r,
   width: s
 })} ${s}w`).join(", ");
-const yt = ({ image: t, className: e, testId: n }) => {
+const _t = ({ image: t, className: e, testId: n }) => {
   const {
     description: r,
     height: i,
@@ -1571,9 +1571,9 @@ const pl = ({ image: t, className: e, testId: n }) => /* @__PURE__ */ a.jsx(
   {
     className: `image-container ${e}`,
     "data-testid": n || "image-container",
-    children: t && /* @__PURE__ */ a.jsx(yt, { image: { ...t }, className: "image" })
+    children: t && /* @__PURE__ */ a.jsx(_t, { image: { ...t }, className: "image" })
   }
-), _t = ({
+), xt = ({
   href: t,
   children: e,
   fallbackElement: n,
@@ -1585,7 +1585,7 @@ const pl = ({ image: t, className: e, testId: n }) => /* @__PURE__ */ a.jsx(
 }) => {
   if (t) {
     const f = { ...c };
-    return i && (f.onClick = i), s && (f["data-gtm-event-context"] = s), o && (f["data-gtm-event-type"] = o), /* @__PURE__ */ a.jsx("a", { href: t, className: $("gtm-trackable", r), ...f, children: e });
+    return i && (f.onClick = i), s && (f["data-gtm-event-context"] = s), o && (f["data-gtm-event-type"] = o), /* @__PURE__ */ a.jsx("a", { href: t, className: S("gtm-trackable", r), ...f, children: e });
   }
   return n ? K.createElement(n, { children: e, className: r, ...c }) : e;
 };
@@ -1600,7 +1600,7 @@ const hl = ({ elementId: t, offset: e = 20 }) => {
     });
   };
   return /* @__PURE__ */ a.jsx(
-    ae,
+    ie,
     {
       variant: "secondary",
       className: "return-to-nav",
@@ -1614,7 +1614,7 @@ const hl = ({ elementId: t, offset: e = 20 }) => {
 let it = !1;
 const Vi = ({ isOpen: t = !1, isLoading: e = !1, children: n }) => {
   const r = G(), i = pe(null), [s, o] = te("hidden");
-  ie(() => {
+  ae(() => {
     const f = i.current;
     if (f)
       return f.addEventListener("transitionend", c), () => {
@@ -1634,7 +1634,7 @@ const Vi = ({ isOpen: t = !1, isLoading: e = !1, children: n }) => {
     "aside",
     {
       ref: i,
-      className: $("tooltip text-medium", s, { loading: e }),
+      className: S("tooltip text-medium", s, { loading: e }),
       hidden: s === "hidden",
       children: e ? /* @__PURE__ */ a.jsx("p", { children: r.formatMessage({ id: "tooltip_loading" }) }) : typeof n == "string" ? /* @__PURE__ */ a.jsx("p", { children: n }) : n
     }
@@ -1650,10 +1650,10 @@ const gl = ({ className: t = "", image: e, ...n }) => e ? (typeof e == "string"
   { height: 200, width: 768 },
   { height: 200, width: 1368 }
 ], e.query = "fit=thumb&f=center", /* @__PURE__ */ a.jsx(
-  yt,
+  _t,
   {
     ...n,
-    className: $("banner", t),
+    className: S("banner", t),
     image: { ...e, aspect: "banner" }
   }
 )) : null;
@@ -1667,7 +1667,7 @@ const et = ({
   return /* @__PURE__ */ a.jsx(
     "section",
     {
-      className: $("full-width-section", e, {
+      className: S("full-width-section", e, {
         [i]: i !== "default"
       }),
       ...r,
@@ -1688,13 +1688,13 @@ const vl = ({ text: t, buttons: e, className: n = "" }) => {
       target: "_blank",
       children: i.text
     });
-  }), /* @__PURE__ */ a.jsx(et, { className: $("download-section", n), children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+  }), /* @__PURE__ */ a.jsx(et, { className: S("download-section", n), children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     K.createElement(
       typeof t == "string" ? "h2" : t.element,
       { className: "text" },
       typeof t == "string" ? t : t.text
     ),
-    /* @__PURE__ */ a.jsx(Jt, { buttons: r })
+    /* @__PURE__ */ a.jsx(yt, { buttons: r })
   ] }) });
 };
 function ca({ href: t, setShowModal: e }) {
@@ -1702,9 +1702,9 @@ function ca({ href: t, setShowModal: e }) {
 }
 const Yi = ({ icon: t, description: e, ctaMessage: n, href: r, showEditButton: i, setShowModal: s }) => {
   const { formatMessage: o } = G();
-  return /* @__PURE__ */ a.jsxs("div", { className: $("edit-section-placeholder", { "has-icon": !!t }), style: Fi(t), children: [
+  return /* @__PURE__ */ a.jsxs("div", { className: S("edit-section-placeholder", { "has-icon": !!t }), style: Fi(t), children: [
     /* @__PURE__ */ a.jsx("p", { children: e || o({ id: "edit_section_placeholder_description" }) }),
-    i && /* @__PURE__ */ a.jsx(ae, { href: r, variant: "secondary", size: "small", onClick: () => ca({ href: r, setShowModal: s }), children: n || o({ id: "edit_section_placeholder_cta" }) })
+    i && /* @__PURE__ */ a.jsx(ie, { href: r, variant: "secondary", size: "small", onClick: () => ca({ href: r, setShowModal: s }), children: n || o({ id: "edit_section_placeholder_cta" }) })
   ] });
 }, bl = ({
   children: t,
@@ -1717,7 +1717,7 @@ const Yi = ({ icon: t, description: e, ctaMessage: n, href: r, showEditButton: i
   showDivider: c = !0
 }) => {
   const [f, l] = K.useState(!1), u = typeof r == "string" || !!n, d = () => l(!1);
-  return /* @__PURE__ */ a.jsxs("section", { className: $("edit-section", e), children: [
+  return /* @__PURE__ */ a.jsxs("section", { className: S("edit-section", e), children: [
     n && /* @__PURE__ */ a.jsx(
       Xt,
       {
@@ -1726,7 +1726,7 @@ const Yi = ({ icon: t, description: e, ctaMessage: n, href: r, showEditButton: i
         showDivider: !1,
         showIcon: !1,
         functions: { onClose: d },
-        className: $("edit-section-modal"),
+        className: S("edit-section-modal"),
         children: /* @__PURE__ */ a.jsx(Qn, { ...n, fields: n.fields, meta: {
           ...n == null ? void 0 : n.meta,
           shouldShowCancelButton: !0,
@@ -1744,7 +1744,7 @@ const Yi = ({ icon: t, description: e, ctaMessage: n, href: r, showEditButton: i
     ),
     /* @__PURE__ */ a.jsxs("div", { className: "edit-section-header", children: [
       /* @__PURE__ */ a.jsx("h2", { className: "edit-section-header-title", children: i }),
-      u && /* @__PURE__ */ a.jsx(ae, { href: r, variant: "tertiary", size: "small", icon: "pencil", onClick: () => ca({ href: r, setShowModal: l }), children: "Edit" })
+      u && /* @__PURE__ */ a.jsx(ie, { href: r, variant: "tertiary", size: "small", icon: "pencil", onClick: () => ca({ href: r, setShowModal: l }), children: "Edit" })
     ] }),
     t || /* @__PURE__ */ a.jsx(Yi, { ...o, href: r, setShowModal: l, showEditButton: u }),
     c && /* @__PURE__ */ a.jsx(Re, {})
@@ -1762,12 +1762,12 @@ const yl = ({
     element: typeof t == "object" ? t.element : "h2",
     text: typeof t == "string" ? t : typeof t == "object" ? t.text : ""
   };
-  return /* @__PURE__ */ a.jsxs("div", { className: $("logos", n), children: [
+  return /* @__PURE__ */ a.jsxs("div", { className: S("logos", n), children: [
     t && K.createElement(i.element, { className: "title" }, i.text),
     /* @__PURE__ */ a.jsx(
       "ul",
       {
-        className: $({
+        className: S({
           "two-col": r === 2 || r === 4,
           "three-col": r === 5 || r <= 10 && r % 3 === 0
         }),
@@ -1850,7 +1850,7 @@ const Ki = [
   }), /* @__PURE__ */ a.jsx(
     et,
     {
-      className: $("banner-section", r, i, t, {
+      className: S("banner-section", r, i, t, {
         "has-image": n,
         "has-extra-spacing": i === "normal" && u.eyebrow && u.title
       }),
@@ -1859,13 +1859,13 @@ const Ki = [
           f.map((d) => {
             if (u[d] && typeof u[d] == "object") {
               const { text: m, element: p = "" } = u[d];
-              return d === "text" ? /* @__PURE__ */ a.jsx(At, { overrideType: "text-only", className: "text", children: m }, d) : K.createElement(p, { key: d, className: d }, m);
+              return d === "text" ? /* @__PURE__ */ a.jsx(It, { overrideType: "text-only", className: "text", children: m }, d) : K.createElement(p, { key: d, className: d }, m);
             }
             return null;
           }),
           c,
           o && o.text && o.link && /* @__PURE__ */ a.jsx(
-            ae,
+            ie,
             {
               variant: n || r === "light" ? "primary" : "secondary",
               size: { mobile: "medium", 768: "large" },
@@ -1875,7 +1875,7 @@ const Ki = [
             }
           )
         ] }),
-        n && /* @__PURE__ */ a.jsx(yt, { image: { ...n, aspect: "banner" } })
+        n && /* @__PURE__ */ a.jsx(_t, { image: { ...n, aspect: "banner" } })
       ] })
     }
   );
@@ -1887,26 +1887,26 @@ const Qi = ({
   image: r
 }) => {
   const i = () => typeof n == "string" ? /* @__PURE__ */ a.jsx(Xe, { children: n }) : n;
-  return /* @__PURE__ */ a.jsxs(et, { className: $("highlight-section", e), children: [
+  return /* @__PURE__ */ a.jsxs(et, { className: S("highlight-section", e), children: [
     r && /* @__PURE__ */ a.jsx(
       "div",
       {
-        className: $("highlight-container highlight-image", {
+        className: S("highlight-container highlight-image", {
           [`highlight-image-${t}`]: t === "right"
         }),
-        children: /* @__PURE__ */ a.jsx(yt, { image: r })
+        children: /* @__PURE__ */ a.jsx(_t, { image: r })
       }
     ),
     /* @__PURE__ */ a.jsx(
       "div",
       {
-        className: $("highlight-container highlight-content-wrapper", {
+        className: S("highlight-container highlight-content-wrapper", {
           "no-image": !r
         }),
         children: /* @__PURE__ */ a.jsx(
           "div",
           {
-            className: $("highlight-content", {
+            className: S("highlight-content", {
               "highlight-content-right": t === "left"
             }),
             children: i()
@@ -1922,11 +1922,11 @@ const wl = ({
   title: n,
   text: r,
   gtmContext: i
-}) => !n && !r ? null : /* @__PURE__ */ a.jsxs("aside", { className: $("marketing-block", t), children: [
+}) => !n && !r ? null : /* @__PURE__ */ a.jsxs("aside", { className: S("marketing-block", t), children: [
   n && /* @__PURE__ */ a.jsx("p", { className: "title", children: n }),
   r && /* @__PURE__ */ a.jsx("p", { children: r }),
   e && /* @__PURE__ */ a.jsx(
-    ae,
+    ie,
     {
       variant: "secondary",
       size: "medium",
@@ -1954,10 +1954,10 @@ const wl = ({
     t && /* @__PURE__ */ a.jsx(bi, { initialIsOpen: !1 })
   ] });
 };
-var Xi = Un({ client: Rt });
+var Xi = Un({ client: Ft });
 function es(t) {
   var e = t.children, n = t.client, r = t.apiKey, i = t.options, s = vt(function() {
-    return n && r && console.warn("[PostHog.js] You have provided both a client and an apiKey to PostHogProvider. The apiKey will be ignored in favour of the client."), n && i && console.warn("[PostHog.js] You have provided both a client and options to PostHogProvider. The options will be ignored in favour of the client."), n || (r && (Rt.__loaded && console.warn("[PostHog.js] was already loaded elsewhere. This may cause issues."), Rt.init(r, i)), Rt);
+    return n && r && console.warn("[PostHog.js] You have provided both a client and an apiKey to PostHogProvider. The apiKey will be ignored in favour of the client."), n && i && console.warn("[PostHog.js] You have provided both a client and options to PostHogProvider. The options will be ignored in favour of the client."), n || (r && (Ft.__loaded && console.warn("[PostHog.js] was already loaded elsewhere. This may cause issues."), Ft.init(r, i)), Ft);
   }, [n, r]);
   return K.createElement(Xi.Provider, { value: { client: s } }, e);
 }
@@ -1992,7 +1992,7 @@ function Vn() {
 }
 const rs = ({ children: t, user: e }) => /* @__PURE__ */ a.jsx(Oe.Provider, { value: e, children: t }), kl = ({ bootstrap: t, children: e, intl: n, showDevTools: r }) => {
   const [i, s] = te({ isLoading: !0 });
-  return ie(() => {
+  return ae(() => {
     t().then((o) => {
       s({ ...o, isLoading: !1 }), zi(5e3);
     }).catch(() => s({ isLoading: !1 }));
@@ -2000,7 +2000,7 @@ const rs = ({ children: t, user: e }) => /* @__PURE__ */ a.jsx(Oe.Provider, { va
 };
 const la = ({ label: t = !1, className: e = "", children: n }) => {
   const r = G();
-  return /* @__PURE__ */ a.jsxs("details", { className: $("collapsible-section", e), children: [
+  return /* @__PURE__ */ a.jsxs("details", { className: S("collapsible-section", e), children: [
     /* @__PURE__ */ a.jsx("summary", { children: t || r.formatMessage({ id: "collapsibleSection_summary" }) }),
     /* @__PURE__ */ a.jsx("div", { className: "content", children: n })
   ] });
@@ -2016,7 +2016,7 @@ const Ae = ({
   return /* @__PURE__ */ a.jsx(
     "div",
     {
-      className: $("highlighted-text-box", t, n, {
+      className: S("highlighted-text-box", t, n, {
         "has-icon": e
       }),
       style: s,
@@ -2047,11 +2047,11 @@ const tt = ({
     Ae,
     {
       variant: "subtle",
-      className: $("empty-state-box", t, r),
+      className: S("empty-state-box", t, r),
       children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
         e && typeof e == "string" ? /* @__PURE__ */ a.jsx(Xe, { options: { forceBlock: !0 }, children: e }) : e,
         i && typeof n == "object" && (l || /* @__PURE__ */ a.jsx(
-          ae,
+          ie,
           {
             ...u,
             variant: n.variant ? n.variant : "secondary",
@@ -2070,7 +2070,7 @@ const as = ({
   className: e = "",
   heading: n = !1,
   children: r
-}) => /* @__PURE__ */ a.jsxs("div", { className: $("helper-text-box text-small", t, e), children: [
+}) => /* @__PURE__ */ a.jsxs("div", { className: S("helper-text-box text-small", t, e), children: [
   n && /* @__PURE__ */ a.jsx("p", { className: "title", children: n }),
   typeof r == "string" ? /* @__PURE__ */ a.jsx(
     Xe,
@@ -2092,13 +2092,13 @@ const jl = ({
   children: i
 }) => {
   const s = G(), o = pe(null), [c, f] = te(""), [l, u] = te("closed");
-  ie(() => {
+  ae(() => {
     const p = o.current;
     if (p)
       return p.addEventListener("transitionend", d), () => {
         p.removeEventListener("transitionend", d);
       };
-  }, []), ie(() => {
+  }, []), ae(() => {
     if (!r || typeof r != "string")
       return;
     const p = r.split(`
@@ -2107,7 +2107,7 @@ const jl = ({
       p.length < 3 ? `${r.substring(0, 400)}...` : p.slice(0, 3).join(`
 `)
     );
-  }, [r]), ie(() => {
+  }, [r]), ae(() => {
     l === "ready-to-close" && u("closing");
   }, [l]);
   const d = ({ propertyName: p }) => {
@@ -2120,19 +2120,19 @@ const jl = ({
     Ae,
     {
       variant: "subtle",
-      className: $("hide-show-text-box", t),
+      className: S("hide-show-text-box", t),
       children: [
-        /* @__PURE__ */ a.jsxs("div", { ref: o, className: $("content", l), children: [
+        /* @__PURE__ */ a.jsxs("div", { ref: o, className: S("content", l), children: [
           /* @__PURE__ */ a.jsx(Xe, { options: { forceBlock: !0 }, children: l === "closed" ? c : r }),
           l !== "closed" && i
         ] }),
         /* @__PURE__ */ a.jsx("p", { className: "cta", children: /* @__PURE__ */ a.jsx(
-          ae,
+          ie,
           {
             variant: "tertiary",
             icon: { icon: "navigation_arrow", position: "left", animate: !0 },
             styling: { muted: !0 },
-            className: $({ "rotate-180": m }),
+            className: S({ "rotate-180": m }),
             onClick: () => {
               u(m ? "ready-to-close" : "opening");
             },
@@ -2231,7 +2231,7 @@ const jl = ({
           else
             break;
     }
-  return i ? (n = { ...n, className: "button primary medium" }, /* @__PURE__ */ a.jsx("p", { className: "center", children: /* @__PURE__ */ a.jsx(ae, { variant: "primary", size: "medium", ...n, children: r }) })) : /* @__PURE__ */ a.jsx("a", { ...n, children: r });
+  return i ? (n = { ...n, className: "button primary medium" }, /* @__PURE__ */ a.jsx("p", { className: "center", children: /* @__PURE__ */ a.jsx(ie, { variant: "primary", size: "medium", ...n, children: r }) })) : /* @__PURE__ */ a.jsx("a", { ...n, children: r });
 }, us = ({ children: t }) => /* @__PURE__ */ a.jsx("span", { children: t });
 const fs = {
   default: {
@@ -2265,7 +2265,7 @@ const fs = {
     iframe: ye,
     button: ye
   }
-}, At = ({
+}, It = ({
   className: t = "",
   options: e = {},
   children: n,
@@ -2277,7 +2277,7 @@ const fs = {
     forceBlock: !0,
     overrides: fs[r]
   };
-  return /* @__PURE__ */ a.jsx("div", { className: $("markdown-text", t), children: /* @__PURE__ */ a.jsx(Xe, { options: { ...i, ...e }, children: n }) });
+  return /* @__PURE__ */ a.jsx("div", { className: S("markdown-text", t), children: /* @__PURE__ */ a.jsx(Xe, { options: { ...i, ...e }, children: n }) });
 };
 const ms = ({
   maxWidth: t = !1,
@@ -2287,8 +2287,8 @@ const ms = ({
   className: i = ""
 }) => {
   const s = t ? { "--max-width": `${t / 16}rem` } : {};
-  return /* @__PURE__ */ a.jsxs("section", { className: $("page-heading", i), children: [
-    /* @__PURE__ */ a.jsxs("div", { className: $("content", { "has-max-width": t }), style: s, children: [
+  return /* @__PURE__ */ a.jsxs("section", { className: S("page-heading", i), children: [
+    /* @__PURE__ */ a.jsxs("div", { className: S("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",
@@ -2299,14 +2299,14 @@ const ms = ({
     r
   ] });
 };
-const It = ({
+const Lt = ({
   size: t = "medium",
   variant: e = "default",
   className: n = "",
   children: r,
   ...i
-}) => /* @__PURE__ */ a.jsx("span", { className: $("pill", t, e, n), ...i, children: r });
-const Lt = ({
+}) => /* @__PURE__ */ a.jsx("span", { className: S("pill", t, e, n), ...i, children: r });
+const Bt = ({
   element: t = "p",
   children: e = null,
   className: n = "",
@@ -2315,7 +2315,7 @@ const Lt = ({
   t,
   {
     ...r,
-    className: $("status-banner text-small", n),
+    className: S("status-banner text-small", n),
     "aria-live": "assertive"
   },
   e
@@ -2330,7 +2330,7 @@ const hs = ({ progress: t = 0, text: e = !1, className: n = "" }) => {
   return /* @__PURE__ */ a.jsx(
     "span",
     {
-      className: $(`progress-bar section-${i}`, n),
+      className: S(`progress-bar section-${i}`, n),
       style: s,
       children: /* @__PURE__ */ a.jsx(be, { children: e ? `${t} ${e}` : r.formatMessage({ id: "progressBar" }, { number: t }) })
     }
@@ -2353,7 +2353,7 @@ const un = "loadingBlock_", vs = ({ progress: t = 0, steps: e = !1, className: n
   return /* @__PURE__ */ a.jsxs(
     Ae,
     {
-      className: $("loading-block", n, {
+      className: S("loading-block", n, {
         "has-icon": i && e[i].icon
       }),
       variant: "subtle",
@@ -2369,7 +2369,7 @@ const Te = ({ element: t = "div", className: e = "", ...n }) => /* @__PURE__ */
   Wn,
   {
     element: t,
-    className: $("loading-placeholder", e),
+    className: S("loading-placeholder", e),
     ...n
   }
 );
@@ -2408,17 +2408,17 @@ const In = {
     "cards-section",
     "footer"
   ]
-}, ua = (t, e) => t in In ? /* @__PURE__ */ a.jsx("div", { className: t, children: In[t].map((n, r) => ua(n, r)) }, e) : /* @__PURE__ */ a.jsx(Te, { className: t }, e), fa = ({ layout: t = "overview-page", ...e }) => /* @__PURE__ */ a.jsx("div", { className: $("loading-state", t), ...e, children: In[t].map((n, r) => ua(n, r)) }), ma = (t) => {
+}, ua = (t, e) => t in In ? /* @__PURE__ */ a.jsx("div", { className: t, children: In[t].map((n, r) => ua(n, r)) }, e) : /* @__PURE__ */ a.jsx(Te, { className: t }, e), fa = ({ layout: t = "overview-page", ...e }) => /* @__PURE__ */ a.jsx("div", { className: S("loading-state", t), ...e, children: In[t].map((n, r) => ua(n, r)) }), ma = (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) : "";
-}, wt = ["#5AB6A3", "#A2D7AF", "#806056", "#3962B3"], bs = (t) => {
-  const e = Math.ceil(26 / wt.length), n = ma(t).toLowerCase();
+}, kt = ["#5AB6A3", "#A2D7AF", "#806056", "#3962B3"], bs = (t) => {
+  const e = Math.ceil(26 / kt.length), n = ma(t).toLowerCase();
   if (n === "")
-    return wt[0];
+    return kt[0];
   const r = n.charCodeAt(0) - 96;
-  for (let i = 0; i < wt.length; i++)
+  for (let i = 0; i < kt.length; i++)
     if (r <= e * (i + 1))
-      return wt[i];
+      return kt[i];
 };
 const yr = 256, ze = ({
   className: t = "",
@@ -2430,7 +2430,7 @@ const yr = 256, ze = ({
   ...o
 }) => {
   const [c, f] = te(!1), l = pe(null);
-  ie(() => {
+  ae(() => {
     const d = l.current;
     if (!d)
       return;
@@ -2444,7 +2444,7 @@ const yr = 256, ze = ({
   return e && e !== "" && !c && (e.includes("http") || e.includes("//")) && (u = !0), /* @__PURE__ */ a.jsx(
     "figure",
     {
-      className: $("profile-picture", t, { error: c }),
+      className: S("profile-picture", t, { error: c }),
       ...o,
       children: u ? /* @__PURE__ */ a.jsx(
         "img",
@@ -2498,9 +2498,9 @@ const Yn = ({
   }));
   const { name: f, url: l, image: u } = c, d = ys(c), m = n && n.createdAt ? Dn(n.createdAt) : !1, p = n && n.createdAt ? sa(n.createdAt) : "";
   return K.createElement(t, {
-    className: $("member text-medium", s),
+    className: S("member text-medium", s),
     children: /* @__PURE__ */ a.jsxs(
-      _t,
+      xt,
       {
         href: l,
         gtmType: i,
@@ -2545,7 +2545,7 @@ const _r = {
   const u = G();
   return !n || n.length === 0 ? null : K.createElement(t, {
     ...l,
-    className: $("contributors", f, i, { "has-gap": s }),
+    className: S("contributors", f, i, { "has-gap": s }),
     children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
       /* @__PURE__ */ a.jsx("ul", { children: n.map((d, m) => {
         let p, v = "";
@@ -2567,7 +2567,7 @@ const _r = {
           p = /* @__PURE__ */ a.jsxs(
             "small",
             {
-              className: $({ "large-number": b > 99 }),
+              className: S({ "large-number": b > 99 }),
               children: [
                 "+",
                 Ui(b, 0)
@@ -2575,13 +2575,13 @@ const _r = {
             }
           ), v = "number-left";
         }
-        return p ? /* @__PURE__ */ a.jsx("li", { className: $("contributor", v), children: p }, m) : null;
+        return p ? /* @__PURE__ */ a.jsx("li", { className: S("contributor", v), children: p }, m) : null;
       }) }),
       r && /* @__PURE__ */ a.jsx("span", { className: "label", children: typeof r == "string" ? r : n.length === 1 ? typeof n[0] == "string" ? u.formatMessage({ id: `member_${n[0]}` }) : Ke(n[0].name || "", 20) : null })
     ] })
   });
 };
-var Ln = { exports: {} }, kt = { exports: {} }, de = {};
+var Ln = { exports: {} }, jt = { exports: {} }, de = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -2598,8 +2598,8 @@ function _s() {
   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, i = 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, f = t ? Symbol.for("react.async_mode") : 60111, l = t ? Symbol.for("react.concurrent_mode") : 60111, u = 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, v = t ? Symbol.for("react.lazy") : 60116, b = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, g = t ? Symbol.for("react.responder") : 60118, y = t ? Symbol.for("react.scope") : 60119;
   function E(w) {
     if (typeof w == "object" && w !== null) {
-      var U = w.$$typeof;
-      switch (U) {
+      var z = w.$$typeof;
+      switch (z) {
         case e:
           switch (w = w.type, w) {
             case f:
@@ -2618,11 +2618,11 @@ function _s() {
                 case o:
                   return w;
                 default:
-                  return U;
+                  return z;
               }
           }
         case n:
-          return U;
+          return z;
       }
     }
   }
@@ -2670,16 +2670,16 @@ var wr;
 function xs() {
   return wr || (wr = 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, i = 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, f = t ? Symbol.for("react.async_mode") : 60111, l = t ? Symbol.for("react.concurrent_mode") : 60111, u = 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, v = t ? Symbol.for("react.lazy") : 60116, b = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, g = t ? Symbol.for("react.responder") : 60118, y = t ? Symbol.for("react.scope") : 60119;
-    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 === i || A === d || A === m || typeof A == "object" && A !== null && (A.$$typeof === v || A.$$typeof === p || A.$$typeof === o || A.$$typeof === c || A.$$typeof === u || A.$$typeof === _ || A.$$typeof === g || A.$$typeof === y || A.$$typeof === b);
+    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 === i || D === d || D === m || typeof D == "object" && D !== null && (D.$$typeof === v || D.$$typeof === p || D.$$typeof === o || D.$$typeof === c || D.$$typeof === u || D.$$typeof === _ || D.$$typeof === g || D.$$typeof === y || D.$$typeof === b);
     }
-    function j(A) {
-      if (typeof A == "object" && A !== null) {
-        var ve = A.$$typeof;
+    function j(D) {
+      if (typeof D == "object" && D !== null) {
+        var ve = D.$$typeof;
         switch (ve) {
           case e:
-            var $e = A.type;
+            var $e = D.type;
             switch ($e) {
               case f:
               case l:
@@ -2706,52 +2706,52 @@ function xs() {
         }
       }
     }
-    var w = f, U = l, D = c, q = o, M = e, O = u, S = r, T = v, x = p, C = n, L = s, R = i, I = 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.")), k(A) || j(A) === f;
+    var w = f, z = l, F = c, q = o, M = e, O = u, C = r, T = v, x = p, $ = n, I = s, U = i, A = d, W = !1;
+    function J(D) {
+      return W || (W = !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.")), k(D) || j(D) === f;
     }
-    function k(A) {
-      return j(A) === l;
+    function k(D) {
+      return j(D) === l;
     }
-    function N(A) {
-      return j(A) === c;
+    function N(D) {
+      return j(D) === c;
     }
-    function Z(A) {
-      return j(A) === o;
+    function Z(D) {
+      return j(D) === o;
     }
-    function z(A) {
-      return typeof A == "object" && A !== null && A.$$typeof === e;
+    function B(D) {
+      return typeof D == "object" && D !== null && D.$$typeof === e;
     }
-    function W(A) {
-      return j(A) === u;
+    function H(D) {
+      return j(D) === u;
     }
-    function X(A) {
-      return j(A) === r;
+    function ee(D) {
+      return j(D) === r;
     }
-    function Y(A) {
-      return j(A) === v;
+    function Y(D) {
+      return j(D) === v;
     }
-    function H(A) {
-      return j(A) === p;
+    function V(D) {
+      return j(D) === p;
     }
-    function J(A) {
-      return j(A) === n;
+    function X(D) {
+      return j(D) === n;
     }
-    function re(A) {
-      return j(A) === s;
+    function re(D) {
+      return j(D) === s;
     }
-    function F(A) {
-      return j(A) === i;
+    function R(D) {
+      return j(D) === i;
     }
-    function oe(A) {
-      return j(A) === d;
+    function oe(D) {
+      return j(D) === d;
     }
-    ue.AsyncMode = w, ue.ConcurrentMode = U, ue.ContextConsumer = D, ue.ContextProvider = q, ue.Element = M, ue.ForwardRef = O, ue.Fragment = S, ue.Lazy = T, ue.Memo = x, ue.Portal = C, ue.Profiler = L, ue.StrictMode = R, ue.Suspense = I, ue.isAsyncMode = ee, ue.isConcurrentMode = k, 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 = F, ue.isSuspense = oe, ue.isValidElementType = E, ue.typeOf = j;
+    ue.AsyncMode = w, ue.ConcurrentMode = z, ue.ContextConsumer = F, ue.ContextProvider = q, ue.Element = M, ue.ForwardRef = O, ue.Fragment = C, ue.Lazy = T, ue.Memo = x, ue.Portal = $, ue.Profiler = I, ue.StrictMode = U, ue.Suspense = A, ue.isAsyncMode = J, ue.isConcurrentMode = k, ue.isContextConsumer = N, ue.isContextProvider = Z, ue.isElement = B, ue.isForwardRef = H, ue.isFragment = ee, ue.isLazy = Y, ue.isMemo = V, ue.isPortal = X, ue.isProfiler = re, ue.isStrictMode = R, ue.isSuspense = oe, ue.isValidElementType = E, ue.typeOf = j;
   }()), ue;
 }
 var kr;
 function ga() {
-  return kr || (kr = 1, process.env.NODE_ENV === "production" ? kt.exports = _s() : kt.exports = xs()), kt.exports;
+  return kr || (kr = 1, process.env.NODE_ENV === "production" ? jt.exports = _s() : jt.exports = xs()), jt.exports;
 }
 /*
 object-assign
@@ -2905,10 +2905,10 @@ function js() {
       arrayOf: E,
       element: j(),
       elementType: w(),
-      instanceOf: U,
+      instanceOf: z,
       node: O(),
       objectOf: q,
-      oneOf: D,
+      oneOf: F,
       oneOfType: M,
       shape: T,
       exact: x
@@ -2923,33 +2923,33 @@ function js() {
     function _(k) {
       if (process.env.NODE_ENV !== "production")
         var N = {}, Z = 0;
-      function z(X, Y, H, J, re, F, oe) {
-        if (J = J || m, F = F || H, oe !== n) {
+      function B(ee, Y, V, X, re, R, oe) {
+        if (X = X || m, R = R || V, oe !== n) {
           if (f) {
-            var A = new Error(
+            var D = 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 A.name = "Invariant Violation", A;
+            throw D.name = "Invariant Violation", D;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var ve = J + ":" + H;
+            var ve = X + ":" + V;
             !N[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 `" + 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."
+              "You are manually calling a React.PropTypes validation function for the `" + R + "` prop on `" + X + "`. 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++);
           }
         }
-        return Y[H] == null ? X ? Y[H] === null ? new b("The " + re + " `" + F + "` is marked as required " + ("in `" + J + "`, but its value is `null`.")) : new b("The " + re + " `" + F + "` is marked as required in " + ("`" + J + "`, but its value is `undefined`.")) : null : k(Y, H, J, re, F);
+        return Y[V] == null ? ee ? Y[V] === null ? new b("The " + re + " `" + R + "` is marked as required " + ("in `" + X + "`, but its value is `null`.")) : new b("The " + re + " `" + R + "` is marked as required in " + ("`" + X + "`, but its value is `undefined`.")) : null : k(Y, V, X, re, R);
       }
-      var W = z.bind(null, !1);
-      return W.isRequired = z.bind(null, !0), W;
+      var H = B.bind(null, !1);
+      return H.isRequired = B.bind(null, !0), H;
     }
     function g(k) {
-      function N(Z, z, W, X, Y, H) {
-        var J = Z[z], re = R(J);
+      function N(Z, B, H, ee, Y, V) {
+        var X = Z[B], re = U(X);
         if (re !== k) {
-          var F = I(J);
+          var R = A(X);
           return new b(
-            "Invalid " + X + " `" + Y + "` of type " + ("`" + F + "` supplied to `" + W + "`, expected ") + ("`" + k + "`."),
+            "Invalid " + ee + " `" + Y + "` of type " + ("`" + R + "` supplied to `" + H + "`, expected ") + ("`" + k + "`."),
             { expectedType: k }
           );
         }
@@ -2961,84 +2961,84 @@ function js() {
       return _(o);
     }
     function E(k) {
-      function N(Z, z, W, X, Y) {
+      function N(Z, B, H, ee, Y) {
         if (typeof k != "function")
-          return new b("Property `" + Y + "` of component `" + W + "` has invalid PropType notation inside arrayOf.");
-        var H = Z[z];
-        if (!Array.isArray(H)) {
-          var J = R(H);
-          return new b("Invalid " + X + " `" + Y + "` of type " + ("`" + J + "` supplied to `" + W + "`, expected an array."));
+          return new b("Property `" + Y + "` of component `" + H + "` has invalid PropType notation inside arrayOf.");
+        var V = Z[B];
+        if (!Array.isArray(V)) {
+          var X = U(V);
+          return new b("Invalid " + ee + " `" + Y + "` of type " + ("`" + X + "` supplied to `" + H + "`, expected an array."));
         }
-        for (var re = 0; re < H.length; re++) {
-          var F = k(H, re, W, X, Y + "[" + re + "]", n);
-          if (F instanceof Error)
-            return F;
+        for (var re = 0; re < V.length; re++) {
+          var R = k(V, re, H, ee, Y + "[" + re + "]", n);
+          if (R instanceof Error)
+            return R;
         }
         return null;
       }
       return _(N);
     }
     function j() {
-      function k(N, Z, z, W, X) {
+      function k(N, Z, B, H, ee) {
         var Y = N[Z];
         if (!c(Y)) {
-          var H = R(Y);
-          return new b("Invalid " + W + " `" + X + "` of type " + ("`" + H + "` supplied to `" + z + "`, expected a single ReactElement."));
+          var V = U(Y);
+          return new b("Invalid " + H + " `" + ee + "` of type " + ("`" + V + "` supplied to `" + B + "`, expected a single ReactElement."));
         }
         return null;
       }
       return _(k);
     }
     function w() {
-      function k(N, Z, z, W, X) {
+      function k(N, Z, B, H, ee) {
         var Y = N[Z];
         if (!t.isValidElementType(Y)) {
-          var H = R(Y);
-          return new b("Invalid " + W + " `" + X + "` of type " + ("`" + H + "` supplied to `" + z + "`, expected a single ReactElement type."));
+          var V = U(Y);
+          return new b("Invalid " + H + " `" + ee + "` of type " + ("`" + V + "` supplied to `" + B + "`, expected a single ReactElement type."));
         }
         return null;
       }
       return _(k);
     }
-    function U(k) {
-      function N(Z, z, W, X, Y) {
-        if (!(Z[z] instanceof k)) {
-          var H = k.name || m, J = ee(Z[z]);
-          return new b("Invalid " + X + " `" + Y + "` of type " + ("`" + J + "` supplied to `" + W + "`, expected ") + ("instance of `" + H + "`."));
+    function z(k) {
+      function N(Z, B, H, ee, Y) {
+        if (!(Z[B] instanceof k)) {
+          var V = k.name || m, X = J(Z[B]);
+          return new b("Invalid " + ee + " `" + Y + "` of type " + ("`" + X + "` supplied to `" + H + "`, expected ") + ("instance of `" + V + "`."));
         }
         return null;
       }
       return _(N);
     }
-    function D(k) {
+    function F(k) {
       if (!Array.isArray(k))
         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) {
-        for (var H = Z[z], J = 0; J < k.length; J++)
-          if (v(H, k[J]))
+      function N(Z, B, H, ee, Y) {
+        for (var V = Z[B], X = 0; X < k.length; X++)
+          if (v(V, k[X]))
             return null;
-        var re = JSON.stringify(k, function(oe, A) {
-          var ve = I(A);
-          return ve === "symbol" ? String(A) : A;
+        var re = JSON.stringify(k, function(oe, D) {
+          var ve = A(D);
+          return ve === "symbol" ? String(D) : D;
         });
-        return new b("Invalid " + X + " `" + Y + "` of value `" + String(H) + "` " + ("supplied to `" + W + "`, expected one of " + re + "."));
+        return new b("Invalid " + ee + " `" + Y + "` of value `" + String(V) + "` " + ("supplied to `" + H + "`, expected one of " + re + "."));
       }
       return _(N);
     }
     function q(k) {
-      function N(Z, z, W, X, Y) {
+      function N(Z, B, H, ee, Y) {
         if (typeof k != "function")
-          return new b("Property `" + Y + "` of component `" + W + "` has invalid PropType notation inside objectOf.");
-        var H = Z[z], J = R(H);
-        if (J !== "object")
-          return new b("Invalid " + X + " `" + Y + "` of type " + ("`" + J + "` supplied to `" + W + "`, expected an object."));
-        for (var re in H)
-          if (r(H, re)) {
-            var F = k(H, re, W, X, Y + "." + re, n);
-            if (F instanceof Error)
-              return F;
+          return new b("Property `" + Y + "` of component `" + H + "` has invalid PropType notation inside objectOf.");
+        var V = Z[B], X = U(V);
+        if (X !== "object")
+          return new b("Invalid " + ee + " `" + Y + "` of type " + ("`" + X + "` supplied to `" + H + "`, expected an object."));
+        for (var re in V)
+          if (r(V, re)) {
+            var R = k(V, re, H, ee, Y + "." + re, n);
+            if (R instanceof Error)
+              return R;
           }
         return null;
       }
@@ -3051,42 +3051,42 @@ function js() {
         var Z = k[N];
         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 " + W(Z) + " at index " + N + "."
           ), o;
       }
-      function z(W, X, Y, H, J) {
-        for (var re = [], F = 0; F < k.length; F++) {
-          var oe = k[F], A = oe(W, X, Y, H, J, n);
-          if (A == null)
+      function B(H, ee, Y, V, X) {
+        for (var re = [], R = 0; R < k.length; R++) {
+          var oe = k[R], D = oe(H, ee, Y, V, X, n);
+          if (D == null)
             return null;
-          A.data && r(A.data, "expectedType") && re.push(A.data.expectedType);
+          D.data && r(D.data, "expectedType") && re.push(D.data.expectedType);
         }
         var ve = re.length > 0 ? ", expected one of type [" + re.join(", ") + "]" : "";
-        return new b("Invalid " + H + " `" + J + "` supplied to " + ("`" + Y + "`" + ve + "."));
+        return new b("Invalid " + V + " `" + X + "` supplied to " + ("`" + Y + "`" + ve + "."));
       }
-      return _(z);
+      return _(B);
     }
     function O() {
-      function k(N, Z, z, W, X) {
-        return C(N[Z]) ? null : new b("Invalid " + W + " `" + X + "` supplied to " + ("`" + z + "`, expected a ReactNode."));
+      function k(N, Z, B, H, ee) {
+        return $(N[Z]) ? null : new b("Invalid " + H + " `" + ee + "` supplied to " + ("`" + B + "`, expected a ReactNode."));
       }
       return _(k);
     }
-    function S(k, N, Z, z, W) {
+    function C(k, N, Z, B, H) {
       return new b(
-        (k || "React class") + ": " + N + " type `" + Z + "." + z + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + W + "`."
+        (k || "React class") + ": " + N + " type `" + Z + "." + B + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + H + "`."
       );
     }
     function T(k) {
-      function N(Z, z, W, X, Y) {
-        var H = Z[z], J = R(H);
-        if (J !== "object")
-          return new b("Invalid " + X + " `" + Y + "` of type `" + J + "` " + ("supplied to `" + W + "`, expected `object`."));
+      function N(Z, B, H, ee, Y) {
+        var V = Z[B], X = U(V);
+        if (X !== "object")
+          return new b("Invalid " + ee + " `" + Y + "` of type `" + X + "` " + ("supplied to `" + H + "`, expected `object`."));
         for (var re in k) {
-          var F = k[re];
-          if (typeof F != "function")
-            return S(W, X, Y, re, I(F));
-          var oe = F(H, re, W, X, Y + "." + re, n);
+          var R = k[re];
+          if (typeof R != "function")
+            return C(H, ee, Y, re, A(R));
+          var oe = R(V, re, H, ee, Y + "." + re, n);
           if (oe)
             return oe;
         }
@@ -3095,29 +3095,29 @@ function js() {
       return _(N);
     }
     function x(k) {
-      function N(Z, z, W, X, Y) {
-        var H = Z[z], J = R(H);
-        if (J !== "object")
-          return new b("Invalid " + X + " `" + Y + "` of type `" + J + "` " + ("supplied to `" + W + "`, expected `object`."));
-        var re = e({}, Z[z], k);
-        for (var F in re) {
-          var oe = k[F];
-          if (r(k, F) && typeof oe != "function")
-            return S(W, X, Y, F, I(oe));
+      function N(Z, B, H, ee, Y) {
+        var V = Z[B], X = U(V);
+        if (X !== "object")
+          return new b("Invalid " + ee + " `" + Y + "` of type `" + X + "` " + ("supplied to `" + H + "`, expected `object`."));
+        var re = e({}, Z[B], k);
+        for (var R in re) {
+          var oe = k[R];
+          if (r(k, R) && typeof oe != "function")
+            return C(H, ee, Y, R, A(oe));
           if (!oe)
             return new b(
-              "Invalid " + X + " `" + Y + "` key `" + F + "` supplied to `" + W + "`.\nBad object: " + JSON.stringify(Z[z], null, "  ") + `
+              "Invalid " + ee + " `" + Y + "` key `" + R + "` supplied to `" + H + "`.\nBad object: " + JSON.stringify(Z[B], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(k), null, "  ")
             );
-          var A = oe(H, F, W, X, Y + "." + F, n);
-          if (A)
-            return A;
+          var D = oe(V, R, H, ee, Y + "." + R, n);
+          if (D)
+            return D;
         }
         return null;
       }
       return _(N);
     }
-    function C(k) {
+    function $(k) {
       switch (typeof k) {
         case "number":
         case "string":
@@ -3127,20 +3127,20 @@ Valid keys: ` + JSON.stringify(Object.keys(k), null, "  ")
           return !k;
         case "object":
           if (Array.isArray(k))
-            return k.every(C);
+            return k.every($);
           if (k === null || c(k))
             return !0;
           var N = d(k);
           if (N) {
-            var Z = N.call(k), z;
+            var Z = N.call(k), B;
             if (N !== k.entries) {
-              for (; !(z = Z.next()).done; )
-                if (!C(z.value))
+              for (; !(B = Z.next()).done; )
+                if (!$(B.value))
                   return !1;
             } else
-              for (; !(z = Z.next()).done; ) {
-                var W = z.value;
-                if (W && !C(W[1]))
+              for (; !(B = Z.next()).done; ) {
+                var H = B.value;
+                if (H && !$(H[1]))
                   return !1;
               }
           } else
@@ -3150,17 +3150,17 @@ Valid keys: ` + JSON.stringify(Object.keys(k), null, "  ")
           return !1;
       }
     }
-    function L(k, N) {
+    function I(k, N) {
       return k === "symbol" ? !0 : N ? N["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && N instanceof Symbol : !1;
     }
-    function R(k) {
+    function U(k) {
       var N = typeof k;
-      return Array.isArray(k) ? "array" : k instanceof RegExp ? "object" : L(N, k) ? "symbol" : N;
+      return Array.isArray(k) ? "array" : k instanceof RegExp ? "object" : I(N, k) ? "symbol" : N;
     }
-    function I(k) {
+    function A(k) {
       if (typeof k > "u" || k === null)
         return "" + k;
-      var N = R(k);
+      var N = U(k);
       if (N === "object") {
         if (k instanceof Date)
           return "date";
@@ -3169,8 +3169,8 @@ Valid keys: ` + JSON.stringify(Object.keys(k), null, "  ")
       }
       return N;
     }
-    function V(k) {
-      var N = I(k);
+    function W(k) {
+      var N = A(k);
       switch (N) {
         case "array":
         case "object":
@@ -3183,7 +3183,7 @@ Valid keys: ` + JSON.stringify(Object.keys(k), null, "  ")
           return N;
       }
     }
-    function ee(k) {
+    function J(k) {
       return !k.constructor || !k.constructor.name ? m : k.constructor.name;
     }
     return p.checkPropTypes = i, p.resetWarningCache = i.resetWarningCache, p.PropTypes = p, p;
@@ -3248,13 +3248,13 @@ var Cs = Ln.exports;
 * tabbable 6.2.0
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
 */
-var ba = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])", "a[href]:not([inert])", "button:not([inert])", "[tabindex]:not(slot):not([inert])", "audio[controls]:not([inert])", "video[controls]:not([inert])", '[contenteditable]:not([contenteditable="false"]):not([inert])', "details>summary:first-of-type:not([inert])", "details:not([inert])"], Bt = /* @__PURE__ */ ba.join(","), ya = typeof Element > "u", Ue = ya ? function() {
-} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, qt = !ya && Element.prototype.getRootNode ? function(t) {
+var ba = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])", "a[href]:not([inert])", "button:not([inert])", "[tabindex]:not(slot):not([inert])", "audio[controls]:not([inert])", "video[controls]:not([inert])", '[contenteditable]:not([contenteditable="false"]):not([inert])', "details>summary:first-of-type:not([inert])", "details:not([inert])"], qt = /* @__PURE__ */ ba.join(","), ya = typeof Element > "u", Ue = ya ? function() {
+} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, Ut = !ya && Element.prototype.getRootNode ? function(t) {
   var e;
   return t == null || (e = t.getRootNode) === null || e === void 0 ? void 0 : e.call(t);
 } : function(t) {
   return t == null ? void 0 : t.ownerDocument;
-}, Ut = function t(e, n) {
+}, zt = function t(e, n) {
   var r;
   n === void 0 && (n = !0);
   var i = e == null || (r = e.getAttribute) === null || r === void 0 ? void 0 : r.call(e, "inert"), s = i === "" || i === "true", o = s || n && e && t(e.parentNode);
@@ -3263,14 +3263,14 @@ var ba = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   var n, r = e == null || (n = e.getAttribute) === null || n === void 0 ? void 0 : n.call(e, "contenteditable");
   return r === "" || r === "true";
 }, _a = function(e, n, r) {
-  if (Ut(e))
+  if (zt(e))
     return [];
-  var i = Array.prototype.slice.apply(e.querySelectorAll(Bt));
-  return n && Ue.call(e, Bt) && i.unshift(e), i = i.filter(r), i;
+  var i = Array.prototype.slice.apply(e.querySelectorAll(qt));
+  return n && Ue.call(e, qt) && i.unshift(e), i = i.filter(r), i;
 }, xa = function t(e, n, r) {
   for (var i = [], s = Array.from(e); s.length; ) {
     var o = s.shift();
-    if (!Ut(o, !1))
+    if (!zt(o, !1))
       if (o.tagName === "SLOT") {
         var c = o.assignedElements(), f = c.length ? c : o.children, l = t(f, !0, r);
         r.flatten ? i.push.apply(i, l) : i.push({
@@ -3278,10 +3278,10 @@ var ba = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
           candidates: l
         });
       } else {
-        var u = Ue.call(o, Bt);
+        var u = Ue.call(o, qt);
         u && r.filter(o) && (n || !e.includes(o)) && i.push(o);
         var d = o.shadowRoot || // check for an undisclosed shadow
-        typeof r.getShadowRoot == "function" && r.getShadowRoot(o), m = !Ut(d, !1) && (!r.shadowRootFilter || r.shadowRootFilter(o));
+        typeof r.getShadowRoot == "function" && r.getShadowRoot(o), m = !zt(d, !1) && (!r.shadowRootFilter || r.shadowRootFilter(o));
         if (d && m) {
           var p = t(d === !0 ? o.children : d.children, !0, r);
           r.flatten ? i.push.apply(i, p) : i.push({
@@ -3320,7 +3320,7 @@ var ba = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
 }, Os = function(e) {
   if (!e.name)
     return !0;
-  var n = e.form || qt(e), r = function(c) {
+  var n = e.form || Ut(e), r = function(c) {
     return n.querySelectorAll('input[type="radio"][name="' + c + '"]');
   }, i;
   if (typeof window < "u" && typeof window.CSS < "u" && typeof window.CSS.escape == "function")
@@ -3338,12 +3338,12 @@ var ba = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
 }, As = function(e) {
   return Ds(e) && !Os(e);
 }, Is = function(e) {
-  var n, r = e && qt(e), i = (n = r) === null || n === void 0 ? void 0 : n.host, s = !1;
+  var n, r = e && Ut(e), i = (n = r) === null || n === void 0 ? void 0 : n.host, s = !1;
   if (r && r !== e) {
     var o, c, f;
     for (s = !!((o = i) !== null && o !== void 0 && (c = o.ownerDocument) !== null && c !== void 0 && c.contains(i) || e != null && (f = e.ownerDocument) !== null && f !== void 0 && f.contains(e)); !s && i; ) {
       var l, u, d;
-      r = qt(i), i = (l = r) === null || l === void 0 ? void 0 : l.host, s = !!((u = i) !== null && u !== void 0 && (d = u.ownerDocument) !== null && d !== void 0 && d.contains(i));
+      r = Ut(i), i = (l = r) === null || l === void 0 ? void 0 : l.host, s = !!((u = i) !== null && u !== void 0 && (d = u.ownerDocument) !== null && d !== void 0 && d.contains(i));
     }
   }
   return s;
@@ -3360,7 +3360,7 @@ var ba = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   if (!r || r === "full" || r === "legacy-full") {
     if (typeof i == "function") {
       for (var c = e; e; ) {
-        var f = e.parentElement, l = qt(e);
+        var f = e.parentElement, l = Ut(e);
         if (f && !f.shadowRoot && i(f) === !0)
           return Nr(e);
         e.assignedSlot ? e = e.assignedSlot : !f && l !== e.ownerDocument ? e = l.host : e = f;
@@ -3388,14 +3388,14 @@ var ba = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
       n = n.parentElement;
     }
   return !1;
-}, zt = function(e, n) {
+}, Zt = function(e, n) {
   return !(n.disabled || // we must do an inert look up to filter out any elements inside an inert ancestor
   //  because we're limited in the type of selectors we can use in JSDom (see related
   //  note related to `candidateSelectors`)
-  Ut(n) || Ms(n) || Ls(n, e) || // For a details element with a summary, the summary element gets the focus
+  zt(n) || Ms(n) || Ls(n, e) || // For a details element with a summary, the summary element gets the focus
   Rs(n) || Bs(n));
 }, Bn = function(e, n) {
-  return !(As(n) || De(n) < 0 || !zt(e, n));
+  return !(As(n) || De(n) < 0 || !Zt(e, n));
 }, qs = function(e) {
   var n = parseInt(e.getAttribute("tabindex"), 10);
   return !!(isNaN(n) || n >= 0);
@@ -3426,24 +3426,24 @@ var ba = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   n = n || {};
   var r;
   return n.getShadowRoot ? r = xa([e], n.includeContainer, {
-    filter: zt.bind(null, n),
+    filter: Zt.bind(null, n),
     flatten: !0,
     getShadowRoot: n.getShadowRoot
-  }) : r = _a(e, n.includeContainer, zt.bind(null, n)), r;
+  }) : r = _a(e, n.includeContainer, Zt.bind(null, n)), r;
 }, Be = function(e, n) {
   if (n = n || {}, !e)
     throw new Error("No node provided");
-  return Ue.call(e, Bt) === !1 ? !1 : Bn(n, e);
-}, zs = /* @__PURE__ */ ba.concat("iframe").join(","), Ot = function(e, n) {
+  return Ue.call(e, qt) === !1 ? !1 : Bn(n, e);
+}, zs = /* @__PURE__ */ ba.concat("iframe").join(","), Dt = function(e, n) {
   if (n = n || {}, !e)
     throw new Error("No node provided");
-  return Ue.call(e, zs) === !1 ? !1 : zt(n, e);
+  return Ue.call(e, zs) === !1 ? !1 : Zt(n, e);
 };
 const Zs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   focusable: Ta,
   getTabIndex: De,
-  isFocusable: Ot,
+  isFocusable: Dt,
   isTabbable: Be,
   tabbable: ja
 }, Symbol.toStringTag, { value: "Module" }));
@@ -3530,7 +3530,7 @@ var Rr = {
   for (var n = arguments.length, r = new Array(n > 1 ? n - 1 : 0), i = 1; i < n; i++)
     r[i - 1] = arguments[i];
   return typeof e == "function" ? e.apply(void 0, r) : e;
-}, jt = function(e) {
+}, Tt = function(e) {
   return e.target.shadowRoot && typeof e.composedPath == "function" ? e.composedPath()[0] : e.target;
 }, Js = [], Xs = function(e, n) {
   var r = (n == null ? void 0 : n.document) || document, i = (n == null ? void 0 : n.trapStack) || Js, s = Mr({
@@ -3575,69 +3575,69 @@ var Rr = {
     delayInitialFocusTimer: void 0,
     // the most recent KeyboardEvent for the configured nav key (typically [SHIFT+]TAB), if any
     recentNavEvent: void 0
-  }, c, f = function(T, x, C) {
-    return T && T[x] !== void 0 ? T[x] : s[C || x];
+  }, c, f = function(T, x, $) {
+    return T && T[x] !== void 0 ? T[x] : 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(L) {
-      var R = L.container, I = L.tabbableNodes;
-      return R.contains(T) || // fall back to explicit tabbable search which will take into consideration any
+    var $ = typeof (x == null ? void 0 : x.composedPath) == "function" ? x.composedPath() : void 0;
+    return o.containerGroups.findIndex(function(I) {
+      var U = I.container, A = I.tabbableNodes;
+      return U.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(R)) || I.find(function(V) {
-        return V === T;
+      ($ == null ? void 0 : $.includes(U)) || A.find(function(W) {
+        return W === T;
       });
     });
   }, u = function(T) {
     var x = s[T];
     if (typeof x == "function") {
-      for (var C = arguments.length, L = new Array(C > 1 ? C - 1 : 0), R = 1; R < C; R++)
-        L[R - 1] = arguments[R];
-      x = x.apply(void 0, L);
+      for (var $ = arguments.length, I = new Array($ > 1 ? $ - 1 : 0), U = 1; U < $; U++)
+        I[U - 1] = arguments[U];
+      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 I = x;
-    if (typeof x == "string" && (I = r.querySelector(x), !I))
+    var A = x;
+    if (typeof x == "string" && (A = r.querySelector(x), !A))
       throw new Error("`".concat(T, "` as selector refers to no known node"));
-    return I;
+    return A;
   }, d = function() {
     var T = u("initialFocus");
     if (T === !1)
       return !1;
-    if (T === void 0 || !Ot(T, s.tabbableOptions))
+    if (T === void 0 || !Dt(T, s.tabbableOptions))
       if (l(r.activeElement) >= 0)
         T = r.activeElement;
       else {
-        var x = o.tabbableGroups[0], C = x && x.firstTabbableNode;
-        T = C || u("fallbackFocus");
+        var x = o.tabbableGroups[0], $ = x && x.firstTabbableNode;
+        T = $ || u("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 = ja(T, s.tabbableOptions), C = Ta(T, s.tabbableOptions), L = x.length > 0 ? x[0] : void 0, R = x.length > 0 ? x[x.length - 1] : void 0, I = C.find(function(k) {
+      var x = ja(T, s.tabbableOptions), $ = Ta(T, s.tabbableOptions), I = x.length > 0 ? x[0] : void 0, U = x.length > 0 ? x[x.length - 1] : void 0, A = $.find(function(k) {
         return Be(k);
-      }), V = C.slice().reverse().find(function(k) {
+      }), W = $.slice().reverse().find(function(k) {
         return Be(k);
-      }), ee = !!x.find(function(k) {
+      }), J = !!x.find(function(k) {
         return De(k) > 0;
       });
       return {
         container: T,
         tabbableNodes: x,
-        focusableNodes: C,
+        focusableNodes: $,
         /** True if at least one node with positive `tabindex` was found in this container. */
-        posTabIndexesFound: ee,
+        posTabIndexesFound: J,
         /** First tabbable node in container, __tabindex__ order; `undefined` if none. */
-        firstTabbableNode: L,
+        firstTabbableNode: I,
         /** Last tabbable node in container, __tabindex__ order; `undefined` if none. */
-        lastTabbableNode: R,
+        lastTabbableNode: U,
         // 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
@@ -3646,9 +3646,9 @@ var Rr = {
         //  "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: I,
+        firstDomTabbableNode: A,
         /** Last tabbable node in container, __DOM__ order; `undefined` if none. */
-        lastDomTabbableNode: V,
+        lastDomTabbableNode: W,
         /**
          * Finds the __tabbable__ node that follows the given node in the specified direction,
          *  in this container, if any.
@@ -3658,12 +3658,12 @@ var Rr = {
          * @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) {
-            return Be(W);
-          }) : C.slice(0, C.indexOf(N)).reverse().find(function(W) {
-            return Be(W);
-          }) : x[z + (Z ? 1 : -1)];
+          var Z = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, B = x.indexOf(N);
+          return B < 0 ? Z ? $.slice($.indexOf(N) + 1).find(function(H) {
+            return Be(H);
+          }) : $.slice(0, $.indexOf(N)).reverse().find(function(H) {
+            return Be(H);
+          }) : x[B + (Z ? 1 : -1)];
         }
       };
     }), o.tabbableGroups = o.containerGroups.filter(function(T) {
@@ -3674,14 +3674,14 @@ var Rr = {
       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 C(T) {
     var x = T.activeElement;
     if (x)
-      return x.shadowRoot && x.shadowRoot.activeElement !== null ? S(x.shadowRoot) : x;
-  }, v = function S(T) {
+      return x.shadowRoot && x.shadowRoot.activeElement !== null ? C(x.shadowRoot) : x;
+  }, v = function C(T) {
     if (T !== !1 && T !== p(document)) {
       if (!T || !T.focus) {
-        S(d());
+        C(d());
         return;
       }
       T.focus({
@@ -3692,39 +3692,39 @@ var Rr = {
     var x = u("setReturnFocus", T);
     return x || (x === !1 ? !1 : T);
   }, _ = function(T) {
-    var x = T.target, C = T.event, L = T.isBackward, R = L === void 0 ? !1 : L;
-    x = x || jt(C), m();
-    var I = null;
+    var x = T.target, $ = T.event, I = T.isBackward, U = I === void 0 ? !1 : I;
+    x = x || Tt($), m();
+    var A = null;
     if (o.tabbableGroups.length > 0) {
-      var V = l(x, C), ee = V >= 0 ? o.containerGroups[V] : void 0;
-      if (V < 0)
-        R ? I = o.tabbableGroups[o.tabbableGroups.length - 1].lastTabbableNode : I = o.tabbableGroups[0].firstTabbableNode;
-      else if (R) {
+      var W = l(x, $), J = W >= 0 ? o.containerGroups[W] : void 0;
+      if (W < 0)
+        U ? A = o.tabbableGroups[o.tabbableGroups.length - 1].lastTabbableNode : A = o.tabbableGroups[0].firstTabbableNode;
+      else if (U) {
         var k = Or(o.tabbableGroups, function(Y) {
-          var H = Y.firstTabbableNode;
-          return x === H;
+          var V = Y.firstTabbableNode;
+          return x === V;
         });
-        if (k < 0 && (ee.container === x || Ot(x, s.tabbableOptions) && !Be(x, s.tabbableOptions) && !ee.nextTabbableNode(x, !1)) && (k = V), k >= 0) {
+        if (k < 0 && (J.container === x || Dt(x, s.tabbableOptions) && !Be(x, s.tabbableOptions) && !J.nextTabbableNode(x, !1)) && (k = W), k >= 0) {
           var N = k === 0 ? o.tabbableGroups.length - 1 : k - 1, Z = o.tabbableGroups[N];
-          I = De(x) >= 0 ? Z.lastTabbableNode : Z.lastDomTabbableNode;
+          A = De(x) >= 0 ? Z.lastTabbableNode : Z.lastDomTabbableNode;
         } else
-          ft(C) || (I = ee.nextTabbableNode(x, !1));
+          ft($) || (A = J.nextTabbableNode(x, !1));
       } else {
-        var z = Or(o.tabbableGroups, function(Y) {
-          var H = Y.lastTabbableNode;
-          return x === H;
+        var B = Or(o.tabbableGroups, function(Y) {
+          var V = Y.lastTabbableNode;
+          return x === V;
         });
-        if (z < 0 && (ee.container === x || Ot(x, s.tabbableOptions) && !Be(x, s.tabbableOptions) && !ee.nextTabbableNode(x)) && (z = V), z >= 0) {
-          var W = z === o.tabbableGroups.length - 1 ? 0 : z + 1, X = o.tabbableGroups[W];
-          I = De(x) >= 0 ? X.firstTabbableNode : X.firstDomTabbableNode;
+        if (B < 0 && (J.container === x || Dt(x, s.tabbableOptions) && !Be(x, s.tabbableOptions) && !J.nextTabbableNode(x)) && (B = W), B >= 0) {
+          var H = B === o.tabbableGroups.length - 1 ? 0 : B + 1, ee = o.tabbableGroups[H];
+          A = De(x) >= 0 ? ee.firstTabbableNode : ee.firstDomTabbableNode;
         } else
-          ft(C) || (I = ee.nextTabbableNode(x));
+          ft($) || (A = J.nextTabbableNode(x));
       }
     } else
-      I = u("fallbackFocus");
-    return I;
+      A = u("fallbackFocus");
+    return A;
   }, g = function(T) {
-    var x = jt(T);
+    var x = Tt(T);
     if (!(l(x, T) >= 0)) {
       if (st(s.clickOutsideDeactivates, T)) {
         c.deactivate({
@@ -3741,45 +3741,45 @@ var Rr = {
       st(s.allowOutsideClick, T) || T.preventDefault();
     }
   }, y = function(T) {
-    var x = jt(T), C = l(x, T) >= 0;
-    if (C || x instanceof Document)
-      C && (o.mostRecentlyFocusedNode = x);
+    var x = Tt(T), $ = l(x, T) >= 0;
+    if ($ || x instanceof Document)
+      $ && (o.mostRecentlyFocusedNode = x);
     else {
       T.stopImmediatePropagation();
-      var L, R = !0;
+      var I, U = !0;
       if (o.mostRecentlyFocusedNode)
         if (De(o.mostRecentlyFocusedNode) > 0) {
-          var I = l(o.mostRecentlyFocusedNode), V = o.containerGroups[I].tabbableNodes;
-          if (V.length > 0) {
-            var ee = V.findIndex(function(k) {
+          var A = l(o.mostRecentlyFocusedNode), W = o.containerGroups[A].tabbableNodes;
+          if (W.length > 0) {
+            var J = W.findIndex(function(k) {
               return k === o.mostRecentlyFocusedNode;
             });
-            ee >= 0 && (s.isKeyForward(o.recentNavEvent) ? ee + 1 < V.length && (L = V[ee + 1], R = !1) : ee - 1 >= 0 && (L = V[ee - 1], R = !1));
+            J >= 0 && (s.isKeyForward(o.recentNavEvent) ? J + 1 < W.length && (I = W[J + 1], U = !1) : J - 1 >= 0 && (I = W[J - 1], U = !1));
           }
         } else
           o.containerGroups.some(function(k) {
             return k.tabbableNodes.some(function(N) {
               return De(N) > 0;
             });
-          }) || (R = !1);
+          }) || (U = !1);
       else
-        R = !1;
-      R && (L = _({
+        U = !1;
+      U && (I = _({
         // 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)
-      })), v(L || o.mostRecentlyFocusedNode || d());
+      })), v(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 = _({
+    var $ = _({
       event: T,
       isBackward: x
     });
-    C && (ft(T) && T.preventDefault(), v(C));
+    $ && (ft(T) && T.preventDefault(), v($));
   }, j = function(T) {
     if (Ks(T) && st(s.escapeDeactivates, T) !== !1) {
       T.preventDefault(), c.deactivate();
@@ -3787,9 +3787,9 @@ var Rr = {
     }
     (s.isKeyForward(T) || s.isKeyBackward(T)) && E(T, s.isKeyBackward(T));
   }, w = function(T) {
-    var x = jt(T);
+    var x = Tt(T);
     l(x, T) >= 0 || st(s.clickOutsideDeactivates, T) || st(s.allowOutsideClick, T) || (T.preventDefault(), T.stopImmediatePropagation());
-  }, U = function() {
+  }, z = function() {
     if (o.active)
       return Rr.activateTrap(i, c), o.delayInitialFocusTimer = s.delayInitialFocus ? Fr(function() {
         v(d());
@@ -3806,14 +3806,14 @@ var Rr = {
         capture: !0,
         passive: !1
       }), c;
-  }, D = function() {
+  }, F = function() {
     if (o.active)
       return r.removeEventListener("focusin", y, !0), r.removeEventListener("mousedown", g, !0), r.removeEventListener("touchstart", g, !0), r.removeEventListener("click", w, !0), r.removeEventListener("keydown", j, !0), c;
   }, q = function(T) {
-    var x = T.some(function(C) {
-      var L = Array.from(C.removedNodes);
-      return L.some(function(R) {
-        return R === o.mostRecentlyFocusedNode;
+    var x = T.some(function($) {
+      var I = Array.from($.removedNodes);
+      return I.some(function(U) {
+        return U === o.mostRecentlyFocusedNode;
       });
     });
     x && v(d());
@@ -3835,12 +3835,12 @@ var Rr = {
     activate: function(T) {
       if (o.active)
         return this;
-      var x = f(T, "onActivate"), C = f(T, "onPostActivate"), L = f(T, "checkCanFocusTrap");
-      L || m(), o.active = !0, o.paused = !1, o.nodeFocusedBeforeActivation = r.activeElement, x == null || x();
-      var R = function() {
-        L && m(), U(), O(), C == null || C();
+      var x = f(T, "onActivate"), $ = f(T, "onPostActivate"), I = f(T, "checkCanFocusTrap");
+      I || m(), o.active = !0, o.paused = !1, o.nodeFocusedBeforeActivation = r.activeElement, x == null || x();
+      var U = function() {
+        I && m(), z(), O(), $ == null || $();
       };
-      return L ? (L(o.containers.concat()).then(R, R), this) : (R(), this);
+      return I ? (I(o.containers.concat()).then(U, U), this) : (U(), this);
     },
     deactivate: function(T) {
       if (!o.active)
@@ -3850,32 +3850,32 @@ var Rr = {
         onPostDeactivate: s.onPostDeactivate,
         checkCanReturnFocus: s.checkCanReturnFocus
       }, T);
-      clearTimeout(o.delayInitialFocusTimer), o.delayInitialFocusTimer = void 0, D(), o.active = !1, o.paused = !1, O(), Rr.deactivateTrap(i, c);
-      var C = f(x, "onDeactivate"), L = f(x, "onPostDeactivate"), R = f(x, "checkCanReturnFocus"), I = f(x, "returnFocus", "returnFocusOnDeactivate");
-      C == null || C();
-      var V = function() {
+      clearTimeout(o.delayInitialFocusTimer), o.delayInitialFocusTimer = void 0, F(), o.active = !1, o.paused = !1, O(), Rr.deactivateTrap(i, c);
+      var $ = f(x, "onDeactivate"), I = f(x, "onPostDeactivate"), U = f(x, "checkCanReturnFocus"), A = f(x, "returnFocus", "returnFocusOnDeactivate");
+      $ == null || $();
+      var W = function() {
         Fr(function() {
-          I && v(b(o.nodeFocusedBeforeActivation)), L == null || L();
+          A && v(b(o.nodeFocusedBeforeActivation)), I == null || I();
         });
       };
-      return I && R ? (R(b(o.nodeFocusedBeforeActivation)).then(V, V), this) : (V(), this);
+      return A && U ? (U(b(o.nodeFocusedBeforeActivation)).then(W, W), this) : (W(), this);
     },
     pause: function(T) {
       if (o.paused || !o.active)
         return this;
-      var x = f(T, "onPause"), C = f(T, "onPostPause");
-      return o.paused = !0, x == null || x(), D(), O(), C == null || C(), this;
+      var x = f(T, "onPause"), $ = f(T, "onPostPause");
+      return o.paused = !0, x == null || x(), F(), O(), $ == null || $(), this;
     },
     unpause: function(T) {
       if (!o.paused || !o.active)
         return this;
-      var x = f(T, "onUnpause"), C = f(T, "onPostUnpause");
-      return o.paused = !1, x == null || x(), m(), U(), O(), C == null || C(), this;
+      var x = f(T, "onUnpause"), $ = f(T, "onPostUnpause");
+      return o.paused = !1, x == null || x(), m(), z(), O(), $ == null || $(), 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;
+      return o.containers = x.map(function($) {
+        return typeof $ == "string" ? r.querySelector($) : $;
       }), o.active && m(), O(), this;
     }
   }, c.updateContainerElements(e), c;
@@ -3918,9 +3918,9 @@ function qn(t, e) {
 function so(t) {
   var e = co();
   return function() {
-    var r = Zt(t), i;
+    var r = Wt(t), i;
     if (e) {
-      var s = Zt(this).constructor;
+      var s = Wt(this).constructor;
       i = Reflect.construct(r, arguments, s);
     } else
       i = r.apply(this, arguments);
@@ -3951,10 +3951,10 @@ function co() {
     return !1;
   }
 }
-function Zt(t) {
-  return Zt = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(n) {
+function Wt(t) {
+  return Wt = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(n) {
     return n.__proto__ || Object.getPrototypeOf(n);
-  }, Zt(t);
+  }, Wt(t);
 }
 function lo(t, e, n) {
   return e = Ea(e), e in t ? Object.defineProperty(t, e, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = n, t;
@@ -3975,7 +3975,7 @@ function uo(t, e) {
   }
   return (e === "string" ? String : Number)(t);
 }
-var Tt = K, Q = Cs, fo = to, mo = fo.createFocusTrap, po = no, ho = po.isFocusable, Gn = /* @__PURE__ */ function(t) {
+var Et = K, Q = Cs, fo = to, mo = fo.createFocusTrap, po = no, ho = po.isFocusable, Gn = /* @__PURE__ */ function(t) {
   io(n, t);
   var e = so(n);
   function n(r) {
@@ -4147,14 +4147,14 @@ var Tt = K, Q = Cs, fo = to, mo = fo.createFocusTrap, po = no, ho = po.isFocusab
   }, {
     key: "render",
     value: function() {
-      var i = this, s = this.props.children ? Tt.Children.only(this.props.children) : void 0;
+      var i = this, s = this.props.children ? Et.Children.only(this.props.children) : void 0;
       if (s) {
-        if (s.type && s.type === Tt.Fragment)
+        if (s.type && s.type === Et.Fragment)
           throw new Error("A focus-trap cannot use a Fragment as its child container. Try replacing it with a <div> element.");
         var o = function(l) {
           var u = i.props.containerElements;
           s && (typeof s.ref == "function" ? s.ref(l) : s.ref && (s.ref.current = l)), i.focusTrapElements = u || [l];
-        }, c = Tt.cloneElement(s, {
+        }, c = Et.cloneElement(s, {
           ref: o
         });
         return c;
@@ -4162,7 +4162,7 @@ var Tt = K, Q = Cs, fo = to, mo = fo.createFocusTrap, po = no, ho = po.isFocusab
       return null;
     }
   }]), n;
-}(Tt.Component), ot = typeof Element > "u" ? Function : Element;
+}(Et.Component), ot = typeof Element > "u" ? Function : Element;
 Gn.propTypes = {
   active: Q.bool,
   paused: Q.bool,
@@ -4220,7 +4220,7 @@ Gn.defaultProps = {
 var go = Gn;
 const vo = /* @__PURE__ */ Xr(go);
 const Sa = ({ element: t = "section", children: e, className: n, ...r }) => K.createElement(t, {
-  className: $("modal", n),
+  className: S("modal", n),
   children: typeof e == "string" ? /* @__PURE__ */ a.jsx("p", { children: e }) : e,
   ...r
 });
@@ -4242,21 +4242,21 @@ const Xt = ({
   const m = G(), [p, v] = te(e), b = (y) => {
     y.key === "Escape" && _(!1);
   };
-  ie(() => (window.addEventListener("keyup", b), () => {
+  ae(() => (window.addEventListener("keyup", b), () => {
     window.removeEventListener("keyup", b);
   }));
   const _ = (y) => {
     v(y), y ? (i(), document.body.classList.add("has-overlay")) : (s(), document.body.classList.remove("has-overlay"));
   };
-  ie(() => {
+  ae(() => {
     _(e);
   }, [e]);
   const g = r ? { "--max-width": `${r / 16}rem` } : {};
-  return /* @__PURE__ */ a.jsx("div", { className: $("overlay", { open: p }), role: "dialog", children: /* @__PURE__ */ a.jsx(
+  return /* @__PURE__ */ a.jsx("div", { className: S("overlay", { open: p }), role: "dialog", children: /* @__PURE__ */ a.jsx(
     Sa,
     {
       id: t,
-      className: $("overlay-modal", u, {
+      className: S("overlay-modal", u, {
         "has-max-width": r
       }),
       hidden: !p,
@@ -4265,7 +4265,7 @@ const Xt = ({
         /* @__PURE__ */ a.jsxs("div", { className: "top", children: [
           c && /* @__PURE__ */ a.jsx("h2", { className: "modal-title", children: c }),
           /* @__PURE__ */ a.jsx(
-            ae,
+            ie,
             {
               variant: "tertiary",
               size: "medium",
@@ -4282,9 +4282,9 @@ const Xt = ({
         f,
         l && /* @__PURE__ */ a.jsxs("div", { className: "bottom", children: [
           /* @__PURE__ */ a.jsx(Re, {}),
-          /* @__PURE__ */ a.jsx(Jt, { buttons: l })
+          /* @__PURE__ */ a.jsx(yt, { buttons: l })
         ] }),
-        o && /* @__PURE__ */ a.jsx(Lt, { className: "error", children: o })
+        o && /* @__PURE__ */ a.jsx(Bt, { className: "error", children: o })
       ] }) })
     }
   ) });
@@ -4293,14 +4293,14 @@ const Xt = ({
   "aria-expanded": e,
   "aria-controls": t
 });
-const Et = "emailHelperTextBox_", yo = ({
+const St = "emailHelperTextBox_", yo = ({
   type: t,
   email: e,
   redirectPath: n,
   resendVerificationCode: r
 }) => {
   const i = G(), [s, o] = te({
-    path: `${Et}default`,
+    path: `${St}default`,
     type: "default",
     link: {},
     mail: {},
@@ -4310,7 +4310,7 @@ const Et = "emailHelperTextBox_", yo = ({
       p.preventDefault(), p.stopPropagation();
       const v = (b) => {
         o({
-          path: `${Et}error_verificationFailedToSend`,
+          path: `${St}error_verificationFailedToSend`,
           type: "error",
           link: {
             "data-gtm-event-context": "VerifyEmailBox",
@@ -4330,7 +4330,7 @@ const Et = "emailHelperTextBox_", yo = ({
         });
       };
       if (typeof r != "function") {
-        v(i.formatMessage({ id: `${Et}error_noFunction` }));
+        v(i.formatMessage({ id: `${St}error_noFunction` }));
         return;
       }
       f(!0), r(e).then(() => {
@@ -4344,9 +4344,9 @@ const Et = "emailHelperTextBox_", yo = ({
     /* eslint-disable react-hooks/exhaustive-deps */
     [e, n, r]
   );
-  ie(
+  ae(
     () => {
-      let p = Et, v = "default", b = {}, _ = {};
+      let p = St, v = "default", b = {}, _ = {};
       switch (t) {
         case "gov":
           p += "autoApproved", v = "success";
@@ -4452,7 +4452,7 @@ const Et = "emailHelperTextBox_", yo = ({
     type: c,
     id: n,
     name: s,
-    className: $(t, e, {
+    className: S(t, e, {
       "has-scrollbar": c === "textarea" && d.current && d.current.clientHeight < d.current.scrollHeight
     }),
     value: f,
@@ -4489,14 +4489,14 @@ const He = {
     activePredictionIndex: -1,
     isPredictionSelected: !!t
   }), { formatMessage: p } = G();
-  e || (e = p({ id: "inputAutocomplete_placeholder" })), ie(() => {
+  e || (e = p({ id: "inputAutocomplete_placeholder" })), ae(() => {
     const g = setTimeout(() => {
       d || f((y) => ({ ...y, debouncedInput: s }));
     }, _o);
     return () => {
       clearTimeout(g);
     };
-  }, [s, d]), ie(() => {
+  }, [s, d]), ae(() => {
     c && !d ? (async () => {
       try {
         const y = await i(c) || [];
@@ -4505,7 +4505,7 @@ const He = {
         console.error("Error fetching predictions:", y), m((E) => ({ ...E, predictions: [] }));
       }
     })() : m((g) => ({ ...g, predictions: [] }));
-  }, [c, d]), ie(() => {
+  }, [c, d]), ae(() => {
     u >= 0 && l[u] && f((g) => ({ ...g, displayInput: l[u].description }));
   }, [u, l]);
   const v = (g) => {
@@ -4531,7 +4531,7 @@ const He = {
       {
         onClick: () => _(g),
         onMouseEnter: () => m((E) => ({ ...E, activePredictionIndex: y })),
-        className: $("predictions-list-item", { active: y === u }),
+        className: S("predictions-list-item", { active: y === u }),
         children: g.description
       },
       y
@@ -4584,7 +4584,7 @@ const Ca = ({
         const y = g.target;
         y.nodeName.toLowerCase() === "a" || y.parentNode && y.parentNode.nodeName.toLowerCase() === "a" || (g.preventDefault(), g.stopPropagation(), b());
       },
-      className: $("checkbox-wrapper", t),
+      className: S("checkbox-wrapper", t),
       ...d,
       ...v
     },
@@ -4597,7 +4597,7 @@ const wo = Fe(function({
   return /* @__PURE__ */ a.jsx(
     Wn,
     {
-      className: $("rotating-chevron", `direction-${e}`)
+      className: S("rotating-chevron", `direction-${e}`)
     }
   );
 });
@@ -4617,23 +4617,23 @@ const ko = ({
 }) => {
   const u = G(), [d, m] = te(!1), p = r || n, v = Array.isArray(p) ? [...p] : p ? [p] : [], [b, _] = te(v);
   let g;
-  Array.isArray(b) && b.length === 1 && typeof b[0] == "string" ? g = e && b ? e.find((D) => D.id === b[0]) : e ? e[0] : { id: "", label: "" } : Array.isArray(b) && b.length === 1 && typeof b[0] != "string" ? g = b[0] : g = { id: "", label: "" }, ie(() => {
+  Array.isArray(b) && b.length === 1 && typeof b[0] == "string" ? g = e && b ? e.find((F) => F.id === b[0]) : e ? e[0] : { id: "", label: "" } : Array.isArray(b) && b.length === 1 && typeof b[0] != "string" ? g = b[0] : g = { id: "", label: "" }, ae(() => {
     _(v);
   }, [r, n]);
-  const { onChange: y, onMultiSelectSubmit: E, ...j } = i, w = (D) => {
+  const { onChange: y, onMultiSelectSubmit: E, ...j } = i, w = (F) => {
     if (c) {
       let q = [];
-      b != null && b.includes(D.id) ? q = b.filter((M) => M !== D.id) : q = [...b, D.id], _([...q]), y && y([...q]);
+      b != null && b.includes(F.id) ? q = b.filter((M) => M !== F.id) : q = [...b, F.id], _([...q]), y && y([...q]);
     } else
-      _([D]), y && y(D.id), m(!1);
-  }, U = (D) => {
-    if (D === "all") {
+      _([F]), y && y(F.id), m(!1);
+  }, z = (F) => {
+    if (F === "all") {
       const q = (e == null ? void 0 : e.map((M) => M.id)) || [];
       _(q), y && y(q);
     } else
       _([]), y && y([]);
   };
-  return /* @__PURE__ */ a.jsxs("div", { className: $("dropdown-wrapper", t), children: [
+  return /* @__PURE__ */ a.jsxs("div", { className: S("dropdown-wrapper", t), children: [
     /* @__PURE__ */ a.jsxs(
       "button",
       {
@@ -4641,8 +4641,8 @@ const ko = ({
         "aria-expanded": d,
         "aria-haspopup": "listbox",
         "aria-controls": "dropdown-list",
-        onClick: (D) => {
-          D.preventDefault(), D.stopPropagation(), m(!d);
+        onClick: (F) => {
+          F.preventDefault(), F.stopPropagation(), m(!d);
         },
         "data-testid": "dropdown-selector",
         ...j,
@@ -4656,14 +4656,14 @@ const ko = ({
       "select",
       {
         defaultValue: g.id,
-        onChange: (D) => {
-          D.preventDefault(), D.stopPropagation();
-          const q = e && e.find((M) => M.id === D.target.value);
+        onChange: (F) => {
+          F.preventDefault(), F.stopPropagation();
+          const q = e && e.find((M) => M.id === F.target.value);
           w(q);
         },
         hidden: !d,
         ...j,
-        children: e == null ? void 0 : e.map((D) => /* @__PURE__ */ a.jsx("option", { value: D.id, children: D.label }, D.id))
+        children: e == null ? void 0 : e.map((F) => /* @__PURE__ */ a.jsx("option", { value: F.id, children: F.label }, F.id))
       }
     ),
     /* @__PURE__ */ a.jsxs(
@@ -4678,54 +4678,54 @@ const ko = ({
               /* @__PURE__ */ a.jsx("p", { children: `${b == null ? void 0 : b.length} selected` }),
               /* @__PURE__ */ a.jsxs("ul", { children: [
                 /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
-                  ae,
+                  ie,
                   {
                     variant: "tertiary",
                     size: "small",
-                    onClick: () => U("all"),
+                    onClick: () => z("all"),
                     className: "gtm-trackable",
                     children: u.formatMessage({ id: "dropdown_menu_multiselect_all" })
                   }
                 ) }),
                 /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
-                  ae,
+                  ie,
                   {
                     variant: "tertiary",
                     size: "small",
-                    onClick: () => U("none"),
+                    onClick: () => z("none"),
                     className: "gtm-trackable",
                     children: u.formatMessage({ id: "dropdown_menu_multiselect_none" })
                   }
                 ) })
               ] })
             ] }),
-            /* @__PURE__ */ a.jsx("ul", { children: e == null ? void 0 : e.map((D) => {
-              const q = D.id === g.id || (b == null ? void 0 : b.includes(D)) || (b == null ? void 0 : b.includes(D.id));
+            /* @__PURE__ */ a.jsx("ul", { children: e == null ? void 0 : e.map((F) => {
+              const q = F.id === g.id || (b == null ? void 0 : b.includes(F)) || (b == null ? void 0 : b.includes(F.id));
               return /* @__PURE__ */ a.jsx("li", { "data-testid": "dropdown-options", children: /* @__PURE__ */ a.jsxs(
                 "button",
                 {
-                  className: $("gtm-trackable", {
+                  className: S("gtm-trackable", {
                     selected: q,
                     "selected-single": q && !c
                   }),
-                  "data-gtm-event-type": `${D}-click`,
+                  "data-gtm-event-type": `${F}-click`,
                   "data-gtm-event-context": s,
                   onClick: (M) => {
-                    M.preventDefault(), M.stopPropagation(), w(D);
+                    M.preventDefault(), M.stopPropagation(), w(F);
                   },
                   role: "menuitem",
                   "aria-current": q,
                   "data-testid": q ? "current-selection" : "",
                   children: [
                     c && /* @__PURE__ */ a.jsx("span", { className: "pretty-checkbox", "data-testid": "pretty-checkbox" }),
-                    /* @__PURE__ */ a.jsx("span", { className: $({ "menu-option-label": c }), children: D.label })
+                    /* @__PURE__ */ a.jsx("span", { className: S({ "menu-option-label": c }), children: F.label })
                   ]
                 }
-              ) }, D.id);
+              ) }, F.id);
             }) })
           ] }),
           (f == null ? void 0 : f.submitSection) && /* @__PURE__ */ a.jsx("p", { className: "submit", children: /* @__PURE__ */ a.jsx(
-            ae,
+            ie,
             {
               variant: "secondary",
               onClick: () => {
@@ -4766,7 +4766,7 @@ const jo = ({
     "ul",
     {
       ...d,
-      className: $("options-wrapper", t),
+      className: S("options-wrapper", t),
       "data-testid": `ul-${r}`,
       children: c == null ? void 0 : c.map(
         ({
@@ -4780,8 +4780,8 @@ const jo = ({
               return;
             let w;
             if (s) {
-              const U = p == null ? void 0 : p.indexOf(g);
-              Array.isArray(p) && U >= 0 ? (w = p, w.splice(U, 1)) : (!p || p.length === 0 ? w = [] : w = p, w.push(g));
+              const z = p == null ? void 0 : p.indexOf(g);
+              Array.isArray(p) && z >= 0 ? (w = p, w.splice(z, 1)) : (!p || p.length === 0 ? w = [] : w = p, w.push(g));
             } else
               w = v === g ? void 0 : g;
             e.onChange(w);
@@ -4826,7 +4826,7 @@ const To = ({
       "button",
       {
         type: "button",
-        className: $("show-password gtm-trackable", {
+        className: S("show-password gtm-trackable", {
           "password-visible": c
         }),
         "data-gtm-event-context": n,
@@ -4900,7 +4900,7 @@ const Ve = {
         {
           ..._,
           label: g,
-          className: $("field-wrapper", n)
+          className: S("field-wrapper", n)
         }
       ),
       /* @__PURE__ */ a.jsx(y, { as: "p" })
@@ -4910,7 +4910,7 @@ const Ve = {
     className: "checkboxes-label text-small",
     "data-testid": `label-${t}`
   });
-  return /* @__PURE__ */ a.jsxs("dl", { className: $("field-wrapper text-medium", n), children: [
+  return /* @__PURE__ */ a.jsxs("dl", { className: S("field-wrapper text-medium", n), children: [
     /* @__PURE__ */ a.jsx("dt", { children: /* @__PURE__ */ a.jsxs(E, { ...b, children: [
       g,
       m && o && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
@@ -4927,7 +4927,7 @@ const Ve = {
       s > 0 ? /* @__PURE__ */ a.jsxs(
         "small",
         {
-          className: $("character-limit", {
+          className: S("character-limit", {
             "near-limit": p >= 0.99 * s,
             "approaching-limit": p >= 0.9 * s && p < 0.99 * s
           }),
@@ -5056,18 +5056,28 @@ const Qn = ({
     variant: "secondary",
     size: "large"
   },
-  meta: { shouldShowCancelButton: c = !1, shouldReset: f = !0, showRequiredLabels: l = !0, showSuccessMessage: u = !1 } = {
+  meta: {
+    shouldShowCancelButton: c = !1,
+    shouldReset: f = !0,
+    showRequiredLabels: l = !0,
+    showSuccessMessage: u = !1
+  } = {
     shouldShowCancelButton: !1,
     shouldReset: !0,
     showRequiredLabels: !0,
     showSuccessMessage: !1
   },
   gtm: d = { context: "Form", event: "form-submit-click" },
-  functions: { onSuccess: m = async () => {
-  }, onCancel: p = () => {
-  }, onCatch: v = () => {
-  }, onFailure: b = () => {
-  } } = {
+  functions: {
+    onSuccess: m = async () => {
+    },
+    onCancel: p = () => {
+    },
+    onCatch: v = () => {
+    },
+    onFailure: b = () => {
+    }
+  } = {
     onSuccess: async () => {
     },
     onCancel: () => {
@@ -5079,95 +5089,122 @@ const Qn = ({
   },
   ..._
 }) => {
-  const { customOnSubmit: g, hideButton: y, ...E } = s, j = 40, w = G(), U = {};
-  t.length && t.forEach((R) => {
-    const I = R.id || R.name;
-    I && (U[I] = R.value || "");
+  const { customOnSubmit: g, hideButton: y, ...E } = s, j = 40, w = G(), z = {};
+  t.length && t.forEach((A) => {
+    const W = A.id || A.name;
+    W && (z[W] = A.value || "");
   });
-  const [D, q] = zn(So, {
+  const [F, q] = zn(So, {
     isSubmitting: !1,
     formSubmitted: !1,
     errors: {},
-    values: U
-  }), { errors: M, isSubmitting: O, formSubmitted: S, values: T } = D;
-  ie(() => {
-    f && S && (bn = setTimeout(() => {
+    values: z
+  }), { errors: M, isSubmitting: O, formSubmitted: C, values: T } = F;
+  ae(() => {
+    f && C && (bn = setTimeout(() => {
       q({
         type: "updateValue",
         payload: { key: "formSubmitted", value: !1 }
       });
     }, 3e3));
-  }, [S]), ie(() => () => {
+  }, [C]), ae(() => () => {
     bn && clearTimeout(bn);
-  }, []), ie(() => {
-    const R = (I) => {
+  }, []), ae(() => {
+    const A = (W) => {
       q({
         type: "updateValue",
-        payload: { key: I.detail.id, value: I.detail.value }
+        payload: { key: W.detail.id, value: W.detail.value }
       });
     };
     return document.addEventListener(
       "dropdownMultiSelectSubmit",
-      R
+      A
     ), () => {
       document.removeEventListener(
         "dropdownMultiSelectSubmit",
-        R
+        A
       );
     };
   }, []);
-  const x = pe(null), C = r || x;
+  const x = pe(null), $ = r || x;
   if (!t.length)
     return null;
   s.text || (s.text = w.formatMessage({ id: "form_submit" }));
-  const L = (R) => {
-    var ee;
-    if (R.preventDefault(), R.stopPropagation(), O)
-      return;
-    let I = 0;
-    if ((ee = C == null ? void 0 : C.current) != null && ee.id) {
-      const k = document.getElementById(C.current.id);
-      k && (I = k.getBoundingClientRect().top + window.scrollY);
-    }
-    const V = document.getElementById("header");
-    if (V && (I = I - V.offsetHeight - j), I < 0 && (I = 0), window.scrollTo({ top: I, behavior: "smooth" }), q({ type: "toggleSubmitting" }), s.disabled) {
-      typeof s.disabled == "object" && s.disabled.isClickable && q({
-        type: "submitForm",
-        payload: {
-          fields: t,
-          dispatch: q,
-          intl: w
+  const U = [
+    {
+      ...E,
+      icon: C ? { icon: "tick", position: "left" } : !1,
+      className: "gtm-trackable",
+      onClick: (A) => {
+        var k;
+        if (A.preventDefault(), A.stopPropagation(), O)
+          return;
+        let W = 0;
+        if ((k = $ == null ? void 0 : $.current) != null && k.id) {
+          const N = document.getElementById($.current.id);
+          N && (W = N.getBoundingClientRect().top + window.scrollY);
         }
-      });
-      return;
-    }
-    q({
-      type: "submitForm",
-      payload: {
-        fields: t,
-        dispatch: q,
-        onSuccess: async (k) => {
-          try {
-            await m(k), q({ type: f ? "formSubmittedAndReset" : "formSubmitted" });
-          } catch (N) {
-            v(N), q({ type: "updateValue", payload: { key: "isSubmitting", value: !1 } });
+        const J = document.getElementById("header");
+        if (J && (W = W - J.offsetHeight - j), W < 0 && (W = 0), window.scrollTo({ top: W, behavior: "smooth" }), q({ type: "toggleSubmitting" }), s.disabled) {
+          typeof s.disabled == "object" && s.disabled.isClickable && q({
+            type: "submitForm",
+            payload: {
+              fields: t,
+              dispatch: q,
+              intl: w
+            }
+          });
+          return;
+        }
+        q({
+          type: "submitForm",
+          payload: {
+            fields: t,
+            dispatch: q,
+            onSuccess: async (N) => {
+              try {
+                await m(N), q({ type: f ? "formSubmittedAndReset" : "formSubmitted" });
+              } catch (Z) {
+                v(Z), q({
+                  type: "updateValue",
+                  payload: { key: "isSubmitting", value: !1 }
+                });
+              }
+            },
+            onFailure: (N, Z) => {
+              b(N, Z), q({
+                type: "updateValue",
+                payload: { key: "isSubmitting", value: !1 }
+              });
+            },
+            intl: w
           }
-        },
-        onFailure: (k, N) => {
-          b(k, N), q({ type: "updateValue", payload: { key: "isSubmitting", value: !1 } });
-        },
-        intl: w
-      }
-    });
-  };
-  return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+        });
+      },
+      disabled: O || C || s.disabled,
+      "data-gtm-event-context": d.context,
+      "data-gtm-event-type": d.event,
+      children: O || C ? w.formatMessage({
+        id: `form_${O ? "submitting" : "submitted"}`
+      }) : s.text
+    }
+  ];
+  return c && U.unshift({
+    ...o,
+    className: "gtm-trackable",
+    "data-gtm-event-context": d.context,
+    "data-gtm-event-type": d.event,
+    disabled: O || C,
+    onClick: p,
+    children: o.text || w.formatMessage({ id: "form_cancel" })
+  }), /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsxs(
       "form",
       {
         ..._,
         id: n,
-        className: $("form", e),
-        ref: C,
+        className: S("form", e),
+        ref: $,
         children: [
           M != null && M.general ? /* @__PURE__ */ a.jsx(
             tt,
@@ -5176,90 +5213,51 @@ const Qn = ({
               text: w.formatMessage({ id: "form_error_generalError" })
             }
           ) : null,
-          (!O && !S || g) && t.map((R, I) => {
+          (!O && !C || g) && t.map((A, W) => {
             const {
-              id: V = R.name || I,
-              component: ee,
-              functions: k = { onChange: () => {
+              id: J = A.name || W,
+              component: k,
+              functions: N = { onChange: () => {
               } }
-            } = R;
-            if (ee)
-              return /* @__PURE__ */ a.jsx(ee, { ...R.props || {} }, `component-${V}-${I}`);
-            const N = T ? T[V] : "";
+            } = A;
+            if (k)
+              return /* @__PURE__ */ a.jsx(k, { ...A.props || {} }, `component-${J}-${W}`);
+            const Z = T ? T[J] : "";
             return /* @__PURE__ */ a.jsx(
               Eo,
               {
                 intlPath: i,
-                ...R,
+                ...A,
                 showRequiredLabels: l,
-                value: N,
-                error: M == null ? void 0 : M[V],
+                value: Z,
+                error: M == null ? void 0 : M[J],
                 functions: {
-                  ...k,
-                  onChange: (Z) => {
-                    q({ type: "updateValue", payload: { key: V, value: Z } }), k.onChange(Z && Z.toString(), q);
+                  ...N,
+                  onChange: (B) => {
+                    q({ type: "updateValue", payload: { key: J, value: B } }), N.onChange(B && B.toString(), q);
                   }
                 }
               },
-              V
+              J
             );
           }),
-          y ? null : (O || S) && g ? /* @__PURE__ */ a.jsxs("div", { className: "form-buttons", children: [
-            c && /* @__PURE__ */ a.jsx(
-              ae,
-              {
-                ...o,
-                className: "gtm-trackable",
-                "data-gtm-event-context": d.context,
-                "data-gtm-event-type": d.event,
-                disabled: O || S,
-                onClick: p,
-                children: o.text || w.formatMessage({ id: "form_cancel" })
-              }
-            ),
-            "customOnSubmit"
-          ] }) : /* @__PURE__ */ a.jsx(
-            "div",
+          y ? null : (O || C) && g ? g : /* @__PURE__ */ a.jsx(
+            yt,
             {
-              className: `cta ${O || S ? "center" : ""} ${S ? "submitted" : ""}`,
-              children: /* @__PURE__ */ a.jsxs("div", { className: "form-buttons", children: [
-                c && /* @__PURE__ */ a.jsx(
-                  ae,
-                  {
-                    ...o,
-                    className: "gtm-trackable",
-                    "data-gtm-event-context": d.context,
-                    "data-gtm-event-type": d.event,
-                    disabled: O || S,
-                    onClick: p,
-                    children: o.text || w.formatMessage({ id: "form_cancel" })
-                  }
-                ),
-                /* @__PURE__ */ a.jsx(
-                  ae,
-                  {
-                    ...E,
-                    icon: S ? { icon: "tick", position: "left" } : !1,
-                    className: "gtm-trackable",
-                    onClick: L,
-                    disabled: O || S || s.disabled,
-                    "data-gtm-event-context": d.context,
-                    "data-gtm-event-type": d.event,
-                    children: O || S ? w.formatMessage({
-                      id: `form_${O ? "submitting" : "submitted"}`
-                    }) : s.text
-                  }
-                )
-              ] })
+              className: S("cta", {
+                center: O || C,
+                submitted: C
+              }),
+              buttons: U
             }
           )
         ]
       }
     ),
-    u && S && /* @__PURE__ */ a.jsx(Lt, { className: "success", children: typeof u == "string" ? u : w.formatMessage({ id: "form_success" }) })
+    u && C && /* @__PURE__ */ a.jsx(Bt, { className: "success", children: typeof u == "string" ? u : w.formatMessage({ id: "form_success" }) })
   ] });
 };
-const St = "passwordRules_", $a = "isMoreThanEightCharacters", Na = "includesNumberAndSymbol", Pa = "includesLowerAndUppercase", Co = {
+const Ct = "passwordRules_", $a = "isMoreThanEightCharacters", Na = "includesNumberAndSymbol", Pa = "includesLowerAndUppercase", Co = {
   [$a]: "8Characters",
   [Na]: "numberSymbol",
   [Pa]: "lowercaseUppercase"
@@ -5272,22 +5270,22 @@ const St = "passwordRules_", $a = "isMoreThanEightCharacters", Na = "includesNum
   className: e = ""
 }) => {
   const n = G();
-  return /* @__PURE__ */ a.jsxs("aside", { className: $("password-rules", e), children: [
-    /* @__PURE__ */ a.jsx("small", { children: n.formatMessage({ id: `${St}intro` }) }),
+  return /* @__PURE__ */ a.jsxs("aside", { className: S("password-rules", e), children: [
+    /* @__PURE__ */ a.jsx("small", { children: n.formatMessage({ id: `${Ct}intro` }) }),
     /* @__PURE__ */ a.jsx("ul", { children: [$a, Na, Pa].map(
       (r) => /* @__PURE__ */ a.jsxs(
         "li",
         {
-          className: $({ matches: t[r] }),
+          className: S({ matches: t[r] }),
           children: [
             /* @__PURE__ */ a.jsxs(be, { children: [
-              n.formatMessage({ id: `${St}rule_label` }),
+              n.formatMessage({ id: `${Ct}rule_label` }),
               " "
             ] }),
-            /* @__PURE__ */ a.jsx("span", { children: n.formatMessage({ id: `${St}rule_${Co[r]}` }) }),
+            /* @__PURE__ */ a.jsx("span", { children: n.formatMessage({ id: `${Ct}rule_${Co[r]}` }) }),
             !t[r] && /* @__PURE__ */ a.jsxs(be, { element: "strong", children: [
               " ",
-              n.formatMessage({ id: `${St}notMet` })
+              n.formatMessage({ id: `${Ct}notMet` })
             ] })
           ]
         },
@@ -5327,7 +5325,7 @@ const Cl = ({
       l((y) => ({ ...y, setUp: !0, disabled: !0 })), i(g);
     }
   };
-  if (ie(() => {
+  if (ae(() => {
     o && !f.setUp && u();
   }, [o]), !o)
     return /* @__PURE__ */ a.jsx(Te, { className: "rating-placeholder" });
@@ -5347,16 +5345,16 @@ const Cl = ({
         l((y) => ({ ...y, disabled: !1 }));
       }
   };
-  return /* @__PURE__ */ a.jsxs("div", { className: $("rating", s), children: [
+  return /* @__PURE__ */ a.jsxs("div", { className: S("rating", s), children: [
     /* @__PURE__ */ a.jsx("span", { className: "label", children: b[m ? "success" : "text"] }),
     /* @__PURE__ */ a.jsx("ol", { children: Array.from(new Array(e).keys()).map((g) => {
       const y = g + 1;
       return /* @__PURE__ */ a.jsx(
         "li",
         {
-          className: $({ selected: m && y <= m }),
+          className: S({ selected: m && y <= m }),
           children: /* @__PURE__ */ a.jsx(
-            ae,
+            ie,
             {
               variant: "tertiary",
               size: "small",
@@ -5394,7 +5392,7 @@ const $l = ({
   const [c, f] = te(
     typeof r == "boolean" || typeof r == "string" ? r : n[0].value
   );
-  ie(() => {
+  ae(() => {
     r && f(r);
   }, [r]);
   const l = (u) => {
@@ -5403,7 +5401,7 @@ const $l = ({
   return /* @__PURE__ */ a.jsxs(
     "div",
     {
-      className: $("toggle", o),
+      className: S("toggle", o),
       onClick: (u) => {
         u.preventDefault(), u.stopPropagation(), l(c === n[0].value ? n[1].value : n[0].value);
       },
@@ -5412,7 +5410,7 @@ const $l = ({
         /* @__PURE__ */ a.jsx(
           "ul",
           {
-            className: $("toggle-options", {
+            className: S("toggle-options", {
               disabled: s,
               on: c === n[1].value
             }),
@@ -5462,7 +5460,7 @@ function Nl({ className: t = "", userId: e, userName: n, src: r, setUserImage: i
     }
     c(!1);
   };
-  return /* @__PURE__ */ a.jsxs("div", { className: $("profile-image-change-figure", t), children: [
+  return /* @__PURE__ */ a.jsxs("div", { className: S("profile-image-change-figure", t), children: [
     /* @__PURE__ */ a.jsx(ze, { className: "profile-image-change-picture", name: n, src: r, "data-testid": "profile-picture" }),
     f && /* @__PURE__ */ a.jsx("p", { className: "error text-small", children: /* @__PURE__ */ a.jsx(_e, { id: "profile_image_change_error" }) }),
     /* @__PURE__ */ a.jsx(
@@ -5478,7 +5476,7 @@ function Nl({ className: t = "", userId: e, userName: n, src: r, setUserImage: i
       }
     ),
     /* @__PURE__ */ a.jsx(
-      ae,
+      ie,
       {
         onClick: () => u.current && u.current.click(),
         variant: "secondary",
@@ -5583,15 +5581,15 @@ const Po = ({
     ] }) }),
     /* @__PURE__ */ a.jsx(Re, {}),
     /* @__PURE__ */ a.jsx("div", { className: "footer", children: v === "SUCCESS" ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-      /* @__PURE__ */ a.jsx(ae, { variant: "secondary", onClick: y, children: _({ id: "inviteForm_ctaSendMoreInvites" }) }),
-      /* @__PURE__ */ a.jsx(ae, { onClick: E, children: _({ id: "inviteForm_ctaDone" }) })
-    ] }) : /* @__PURE__ */ a.jsx(ae, { onClick: y, children: _({ id: "inviteForm_ctaTryAgain" }) }) })
+      /* @__PURE__ */ a.jsx(ie, { variant: "secondary", onClick: y, children: _({ id: "inviteForm_ctaSendMoreInvites" }) }),
+      /* @__PURE__ */ a.jsx(ie, { onClick: E, children: _({ id: "inviteForm_ctaDone" }) })
+    ] }) : /* @__PURE__ */ a.jsx(ie, { onClick: y, children: _({ id: "inviteForm_ctaTryAgain" }) }) })
   ] }) : /* @__PURE__ */ a.jsx("div", { className: "invite-form-wrapper", children: /* @__PURE__ */ a.jsxs(
     "form",
     {
       style: { backgroundColor: s },
       onSubmit: g,
-      className: $("invite-form gtm-trackable"),
+      className: S("invite-form gtm-trackable"),
       children: [
         /* @__PURE__ */ a.jsxs("fieldset", { className: "content", children: [
           /* @__PURE__ */ a.jsx("h2", { className: "title", style: { color: r }, children: t }),
@@ -5607,16 +5605,16 @@ const Po = ({
                 d(j), p(!j.length);
               },
               autoFocus: !1,
-              getLabel: (j, w, U) => /* @__PURE__ */ a.jsxs("div", { className: "email text-medium", children: [
+              getLabel: (j, w, z) => /* @__PURE__ */ a.jsxs("div", { className: "email text-medium", children: [
                 /* @__PURE__ */ a.jsx("div", { "data-tag-item": !0, children: j }),
                 /* @__PURE__ */ a.jsx(
-                  ae,
+                  ie,
                   {
                     variant: "tertiary",
                     size: "small",
                     icon: { icon: "close" },
                     onClick: () => {
-                      U(w), p(!u.length);
+                      z(w), p(!u.length);
                     },
                     className: "remove-email-button",
                     screenreaderText: _({ id: "overlay_close" })
@@ -5627,7 +5625,7 @@ const Po = ({
           )
         ] }),
         /* @__PURE__ */ a.jsx(Re, {}),
-        /* @__PURE__ */ a.jsx("fieldset", { className: "footer", children: /* @__PURE__ */ a.jsx(ae, { className: "sendEmailsButton", disabled: m, children: n }) })
+        /* @__PURE__ */ a.jsx("fieldset", { className: "footer", children: /* @__PURE__ */ a.jsx(ie, { className: "sendEmailsButton", disabled: m, children: n }) })
       ]
     }
   ) });
@@ -5651,7 +5649,7 @@ const Mo = ({
     "form",
     {
       onSubmit: u,
-      className: $("search-form gtm-trackable", e),
+      className: S("search-form gtm-trackable", e),
       "data-gtm-event-context": i,
       "data-gtm-event-type": s,
       children: /* @__PURE__ */ a.jsx(
@@ -5936,7 +5934,7 @@ const Mo = ({
 const Do = ({ className: t = "" }) => /* @__PURE__ */ a.jsxs(
   "div",
   {
-    className: $("success-message", t),
+    className: S("success-message", t),
     "data-testid": "success-message",
     children: [
       /* @__PURE__ */ a.jsx("p", { className: "success-title", children: /* @__PURE__ */ a.jsx(_e, { id: "signup_success_title" }) }),
@@ -6003,11 +6001,11 @@ const Ao = {
     tc: K.createRef(),
     hiddenValidation: K.createRef()
   };
-  ie(() => {
+  ae(() => {
     d === !0 && _.jobTitle.current && _.jobTitle.current.focus();
-  }, [d]), ie(() => {
+  }, [d]), ae(() => {
     (s.showSuccessMessage || v["signup-this-session"]) && f([{ type: "showSuccessMessage", value: !0 }]);
-  }, [v]), ie(() => {
+  }, [v]), ae(() => {
     if (m && v["functional-cookie-consent"]) {
       const E = {
         path: "/",
@@ -6028,7 +6026,7 @@ const Ao = {
   return n.successMessage && m ? /* @__PURE__ */ a.jsx(Do, { className: t }) : /* @__PURE__ */ a.jsxs(
     "fieldset",
     {
-      className: $("signup-form-fieldset", t),
+      className: S("signup-form-fieldset", t),
       "data-testid": "signup-form",
       children: [
         n.title && /* @__PURE__ */ a.jsx("p", { className: "signup-title", children: /* @__PURE__ */ a.jsx(_e, { id: "signup_title" }) }),
@@ -6085,7 +6083,7 @@ const Ao = {
         ),
         /* @__PURE__ */ a.jsx("button", { className: "validation-button", ref: _.hiddenValidation }),
         n.logInButton && /* @__PURE__ */ a.jsx(
-          ae,
+          ie,
           {
             className: "login-button",
             styling: { fullWidth: !0 },
@@ -6121,7 +6119,7 @@ const Ml = ({
     showDivider: !1,
     showIcon: o,
     functions: { onClose: c },
-    className: $("invite-modal", t, { success: !!n }),
+    className: S("invite-modal", t, { success: !!n }),
     children: /* @__PURE__ */ a.jsx(
       Po,
       {
@@ -6160,7 +6158,7 @@ const Rl = ({ members: t }) => {
         isOpen: e !== !1,
         children: e === !1 ? "" : /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
           r(e),
-          /* @__PURE__ */ a.jsx(At, { children: e.text })
+          /* @__PURE__ */ a.jsx(It, { children: e.text })
         ] }),
         buttons: [
           {
@@ -6209,7 +6207,7 @@ const Rl = ({ members: t }) => {
     return /* @__PURE__ */ a.jsx("p", { className: "details", children: o ? n.formatMessage({ id: "card_bootcamp" }) : sa(u) });
   if (c)
     return /* @__PURE__ */ a.jsx(
-      It,
+      Lt,
       {
         variant: c === "free" ? "subtle" : "highlighted",
         className: c,
@@ -6233,7 +6231,7 @@ const Rl = ({ members: t }) => {
     ] });
   }
   return null;
-}, Wt = {
+}, Ht = {
   customCard: {
     className: "custom",
     gtmEvent: "custom",
@@ -6296,12 +6294,12 @@ const Rl = ({ members: t }) => {
     loading: !1,
     registered: t.registered || !1
   });
-  ie(() => {
+  ae(() => {
     t.registered && o((b) => ({ ...b, registered: !0 }));
   }, [t.registered]);
   const { startDate: c, dateHasPassed: f, pill: l, slug: u } = t, d = t.contentType;
   let m = "";
-  if ((v = Wt[d]) != null && v.gtmEvent && (m = Wt[d].gtmEvent), c && f)
+  if ((v = Ht[d]) != null && v.gtmEvent && (m = Ht[d].gtmEvent), c && f)
     return /* @__PURE__ */ a.jsx(
       "a",
       {
@@ -6314,7 +6312,7 @@ const Rl = ({ members: t }) => {
     );
   if (d === "people")
     return /* @__PURE__ */ a.jsx(
-      ae,
+      ie,
       {
         variant: "tertiary",
         size: "small",
@@ -6339,7 +6337,7 @@ const Rl = ({ members: t }) => {
       }
     };
     return /* @__PURE__ */ a.jsx(
-      ae,
+      ie,
       {
         onClick: _,
         className: "gtm-trackable",
@@ -6387,7 +6385,7 @@ const qo = {
       u(() => ({ data: q, isLoading: !1 }));
     }).catch(() => u((q) => ({ ...q, isLoading: !1 })));
   }, [t]);
-  if (ie(() => {
+  if (ae(() => {
     p();
   }, []), m || !d)
     return /* @__PURE__ */ a.jsx(
@@ -6399,41 +6397,41 @@ const qo = {
       }
     );
   const { contentType: v } = d;
-  if (!v || !Wt[v])
+  if (!v || !Ht[v])
     return /* @__PURE__ */ a.jsx(Te, { element: "li", className: "card-wrapper" });
   const {
     basePath: b = "",
     className: _,
     length: g,
     gtmEvent: y
-  } = Wt[v], E = oa(`card_label_${v}`) ? o.formatMessage({ id: `card_label_${v}` }) : !1, j = d.slug ? `${b}${d.slug}` : !1, w = { ...qo, ...g };
-  let U = { className: "card" };
-  j && (U = {
+  } = Ht[v], E = oa(`card_label_${v}`) ? o.formatMessage({ id: `card_label_${v}` }) : !1, j = d.slug ? `${b}${d.slug}` : !1, w = { ...qo, ...g };
+  let z = { className: "card" };
+  j && (z = {
     href: j,
     className: "card gtm-trackable",
     "data-gtm-event-context": `${i}-CarouselCard`,
     "data-gtm-event-type": `${y}-click`,
     "data-testid": "link"
-  }, d.openInNewTab && (U.target = "_blank"));
-  const D = d.customIcon ? { "--custom-icon": Bo(d.customIcon) } : {};
+  }, d.openInNewTab && (z.target = "_blank"));
+  const F = d.customIcon ? { "--custom-icon": Bo(d.customIcon) } : {};
   return /* @__PURE__ */ a.jsx(
     "li",
     {
-      className: $("card-wrapper text-medium", _, s, {
+      className: S("card-wrapper text-medium", _, s, {
         "has-link": j,
         "no-link": !j,
         "has-custom-icon": d.customIcon,
         "has-image": d.banner
       }),
-      style: D,
+      style: F,
       "data-testid": `${v}-card`,
       children: K.createElement(
         j ? "a" : "div",
-        U,
+        z,
         /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-          (d.customLabel || E) && /* @__PURE__ */ a.jsx("small", { className: $("card-label text-small", _), children: d.customLabel || E }),
+          (d.customLabel || E) && /* @__PURE__ */ a.jsx("small", { className: S("card-label text-small", _), children: d.customLabel || E }),
           d.startDate && !d.isOngoingEvent && /* @__PURE__ */ a.jsx(
-            It,
+            Lt,
             {
               size: "small",
               variant: d.dateHasPassed ? "default" : "information",
@@ -6442,8 +6440,8 @@ const qo = {
             }
           ),
           d.banner ? /* @__PURE__ */ a.jsxs("p", { className: "img", children: [
-            d.registered && /* @__PURE__ */ a.jsx(It, { size: "small", variant: "registered", children: o.formatMessage({ id: "card_registered" }) }),
-            /* @__PURE__ */ a.jsx(yt, { image: d.banner })
+            d.registered && /* @__PURE__ */ a.jsx(Lt, { size: "small", variant: "registered", children: o.formatMessage({ id: "card_registered" }) }),
+            /* @__PURE__ */ a.jsx(_t, { image: d.banner })
           ] }) : _ === "people" ? /* @__PURE__ */ a.jsx(
             ze,
             {
@@ -6480,7 +6478,7 @@ const qo = {
     }
   );
 };
-const Uo = ({ cards: t, cardTypes: e, className: n = "", ...r }) => /* @__PURE__ */ a.jsx("ul", { className: $("card-block", n), children: t.map((i, s) => {
+const Uo = ({ cards: t, cardTypes: e, className: n = "", ...r }) => /* @__PURE__ */ a.jsx("ul", { className: S("card-block", n), children: t.map((i, s) => {
   const o = i.slug ? `${i.slug}-${e[s]}` : `${e[s]}-${s}`;
   return /* @__PURE__ */ a.jsx(
     Ma,
@@ -6500,7 +6498,7 @@ const Uo = ({ cards: t, cardTypes: e, className: n = "", ...r }) => /* @__PURE__
     return null;
   const { text: r, element: i = "h2", variant: s = "default", size: o = "medium", link: c } = e;
   return K.createElement(i, {
-    className: $("title", s, o, {
+    className: S("title", s, o, {
       "highlighted-title": s === "highlighted"
     }),
     children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
@@ -6523,7 +6521,7 @@ const yn = {
   threeCards: 769,
   twoCards: 480
 };
-let Ct = null;
+let $t = null;
 const Wo = ({
   id: t,
   cards: e,
@@ -6540,7 +6538,7 @@ const Wo = ({
     currentPage: 0,
     loadedPages: [0]
   }), { currentPage: v, loadedPages: b } = m, _ = e.length, g = Math.ceil(_ / u), y = pe(null), E = bt(!0, !0, y == null ? void 0 : y.current);
-  ie(() => {
+  ae(() => {
     let M = 1;
     E && (E >= yn.fourCards ? M = 4 : E >= yn.threeCards ? M = 3 : E >= yn.twoCards && (M = 2), M > _ && (M = _)), l((O) => ({
       ...O,
@@ -6562,19 +6560,19 @@ const Wo = ({
         return;
     else
       O = M;
-    p((S) => ({
-      ...S,
+    p((C) => ({
+      ...C,
       currentPage: O,
       loadedPages: [.../* @__PURE__ */ new Set([...b, O])]
     }));
   }, w = (M) => {
-    Ct = M.touches[0].clientX;
-  }, U = (M) => {
-    if (Ct === null)
+    $t = M.touches[0].clientX;
+  }, z = (M) => {
+    if ($t === null)
       return;
-    const O = M.touches[0].clientX, S = Ct - O;
-    S > 5 ? j("next") : S < -5 && j("previous"), Ct = null;
-  }, D = {
+    const O = M.touches[0].clientX, C = $t - O;
+    C > 5 ? j("next") : C < -5 && j("previous"), $t = null;
+  }, F = {
     "--width": `${E || 0}px`,
     "--total-cards": _,
     "--cards-per-page": u,
@@ -6584,14 +6582,14 @@ const Wo = ({
     return /* @__PURE__ */ a.jsx(fa, { layout: `carousel${i ? "-with-title" : ""}` });
   const q = (M, O) => {
     var T;
-    let S = null;
-    return (T = M == null ? void 0 : M.sys) != null && T.id ? S = `card-${M.sys.id}` : M != null && M.slug ? S = `card-${M.slug}` : [n[O], M.contentType].includes("customCard") && (S = `card-${window.btoa(`${M.title} ${M.createdAt}`)}-${O}`), S;
+    let C = null;
+    return (T = M == null ? void 0 : M.sys) != null && T.id ? C = `card-${M.sys.id}` : M != null && M.slug ? C = `card-${M.slug}` : [n[O], M.contentType].includes("customCard") && (C = `card-${window.btoa(`${M.title} ${M.createdAt}`)}-${O}`), C;
   };
   return /* @__PURE__ */ a.jsxs(
     "section",
     {
       ref: y,
-      className: $("carousel-wrapper", s),
+      className: S("carousel-wrapper", s),
       "data-testid": "carousel",
       children: [
         /* @__PURE__ */ a.jsx(Zo, { id: t, title: i }),
@@ -6600,35 +6598,35 @@ const Wo = ({
           {
             className: "carousel",
             onTouchStart: w,
-            onTouchMove: U,
-            style: D,
+            onTouchMove: z,
+            style: F,
             "data-testid": "carousel-list",
             children: e.map((M, O) => {
-              let S = q(M, O);
-              return S && zo(O, u, v, b) ? /* @__PURE__ */ a.jsx(
+              let C = q(M, O);
+              return C && zo(O, u, v, b) ? /* @__PURE__ */ a.jsx(
                 Ma,
                 {
-                  id: S,
+                  id: C,
                   card: { ...M, contentType: n[O] },
                   buildCardData: r,
                   gtmContext: o
                 },
-                S
-              ) : (S = S || `${t}-card-${O}`, /* @__PURE__ */ a.jsx(
+                C
+              ) : (C = C || `${t}-card-${O}`, /* @__PURE__ */ a.jsx(
                 Te,
                 {
                   element: "li",
                   className: "card-wrapper",
                   "data-testid": "card-placeholder"
                 },
-                S
+                C
               ));
             })
           }
         ),
         g <= 1 ? null : /* @__PURE__ */ a.jsxs("ul", { className: "controls", "data-testid": "carousel-controls", children: [
           /* @__PURE__ */ a.jsx("li", { className: "arrow previous", children: /* @__PURE__ */ a.jsx(
-            ae,
+            ie,
             {
               variant: "secondary",
               size: "large",
@@ -6645,11 +6643,11 @@ const Wo = ({
           [...Array(g)].map((M, O) => /* @__PURE__ */ a.jsx("li", { "data-testid": "carousel-controls-button", children: /* @__PURE__ */ a.jsx(
             "button",
             {
-              className: $("page-indicator", {
+              className: S("page-indicator", {
                 selected: O === v
               }),
-              onClick: (S) => {
-                S.preventDefault(), S.stopPropagation(), j(O);
+              onClick: (C) => {
+                C.preventDefault(), C.stopPropagation(), j(O);
               },
               children: /* @__PURE__ */ a.jsx(be, { showOnFocus: !1, children: c.formatMessage(
                 { id: "carousel_pagination_page" },
@@ -6658,7 +6656,7 @@ const Wo = ({
             }
           ) }, `page-indicator-${O}`)),
           /* @__PURE__ */ a.jsx("li", { className: "arrow next", children: /* @__PURE__ */ a.jsx(
-            ae,
+            ie,
             {
               variant: "secondary",
               size: "large",
@@ -6714,12 +6712,12 @@ const _n = "joinCommunityButton", Ra = ({
   } }
 }) => {
   const i = G(), s = Ce(Oe), o = s && typeof s.id == "string", [c, f] = te(t), [l, u] = te(t ? "joined" : "notJoined");
-  ie(() => {
+  ae(() => {
     l === "joining" ? u("joined") : l === "leaving" && u("notJoined");
   }, [c]);
   const d = {}, m = {};
   return c && l !== "leaving" && (d["data-hover-text"] = i.formatMessage({ id: `${_n}_leave` }), d["aria-label"] = i.formatMessage({ id: `${_n}_member_aria` }), m["aria-hidden"] = "true"), /* @__PURE__ */ a.jsx(
-    ae,
+    ie,
     {
       variant: c ? "secondary" : "primary",
       size: "medium",
@@ -6728,7 +6726,7 @@ const _n = "joinCommunityButton", Ra = ({
       onClick: async (p) => {
         o && (p.currentTarget.blur(), c ? (u("leaving"), typeof r == "function" && await r()) : (u("joining"), typeof n == "function" && await n()), f(!c));
       },
-      className: $("join-community-button", l, {
+      className: S("join-community-button", l, {
         active: l === "joining"
       }),
       disabled: !o,
@@ -6747,7 +6745,7 @@ const xn = "communityDetails_", Ol = ({
   functions: { invite: s, ...o }
 }) => {
   const c = G(), f = 5, l = r || i.length, u = i.length ? i : Array(f).fill({}), d = `/communities/${n}/members` === window.location.pathname;
-  return /* @__PURE__ */ a.jsxs("div", { className: $("community-details", t), children: [
+  return /* @__PURE__ */ a.jsxs("div", { className: S("community-details", t), children: [
     /* @__PURE__ */ a.jsx(Re, {}),
     /* @__PURE__ */ a.jsxs("div", { className: "member-details", children: [
       /* @__PURE__ */ a.jsxs("div", { className: "top", children: [
@@ -6775,7 +6773,7 @@ const xn = "communityDetails_", Ol = ({
     ] }),
     /* @__PURE__ */ a.jsx(Ra, { isMember: e, functions: { ...o } }),
     e && /* @__PURE__ */ a.jsx(
-      ae,
+      ie,
       {
         variant: "primary",
         onClick: s,
@@ -6796,7 +6794,7 @@ const Dl = ({ breadcrumbs: t, cutoff: e = 20, className: n = "" }) => {
         children: r.formatMessage({ id: "breadcrumbs_label" })
       }
     ),
-    /* @__PURE__ */ a.jsx("ul", { className: $("breadcrumbs text-small", n), children: t.map(
+    /* @__PURE__ */ a.jsx("ul", { className: S("breadcrumbs text-small", n), children: t.map(
       ({ text: i, href: s, current: o = !1 }, c) => /* @__PURE__ */ a.jsxs("li", { children: [
         o && /* @__PURE__ */ a.jsx(
           be,
@@ -6805,7 +6803,7 @@ const Dl = ({ breadcrumbs: t, cutoff: e = 20, className: n = "" }) => {
             children: r.formatMessage({ id: "breadcrumbs_currentPage" })
           }
         ),
-        /* @__PURE__ */ a.jsx(_t, { href: o ? void 0 : s, children: Ke(i, e) })
+        /* @__PURE__ */ a.jsx(xt, { href: o ? void 0 : s, children: Ke(i, e) })
       ] }, `${window.btoa(i)}_${c}`)
     ) })
   ] });
@@ -6828,7 +6826,7 @@ const Al = ({
     let m = [];
     c.includes(u) ? m = c.filter((p) => p !== u) : u === "all" ? m = ["all"] : n ? m = [...c.filter((p) => p !== "all"), u] : m = [u], f((p) => (r && typeof r == "function" && r({ current: m, previous: p }), m)), d && typeof d == "function" && d();
   };
-  return /* @__PURE__ */ a.jsx("ul", { className: $("filters", i), children: o.map(({ id: u, text: d, disabled: m = !1, callback: p = () => {
+  return /* @__PURE__ */ a.jsx("ul", { className: S("filters", i), children: o.map(({ id: u, text: d, disabled: m = !1, callback: p = () => {
   } }) => {
     let v = {};
     return m && (v = {
@@ -6837,7 +6835,7 @@ const Al = ({
     }), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
       "button",
       {
-        className: $(u, { selected: c.includes(u) }),
+        className: S(u, { selected: c.includes(u) }),
         onClick: (b) => {
           b.preventDefault(), b.stopPropagation(), l(u, p);
         },
@@ -6860,7 +6858,7 @@ const wn = {
   es: "Español",
   fr: "Français",
   pt: "Português"
-}, $t = "languageSwitcher_", Il = ({
+}, Nt = "languageSwitcher_", Il = ({
   currentLanguage: t,
   isOriginalLanguage: e = !1,
   isHumanTranslation: n = !1,
@@ -6873,22 +6871,22 @@ const wn = {
   className: f = ""
 }) => {
   const l = G(), [u, d] = te(t);
-  if (ie(() => {
+  if (ae(() => {
     t !== u && d(t);
   }, [t]), !r || !Object.values(r).some(
     (b) => b && b.post_name
   ))
     return null;
   const p = Object.keys(r), v = u !== t;
-  return /* @__PURE__ */ a.jsxs("div", { className: $("language-switcher text-small", o, f), children: [
+  return /* @__PURE__ */ a.jsxs("div", { className: S("language-switcher text-small", o, f), children: [
     /* @__PURE__ */ a.jsxs("nav", { children: [
-      o !== "short" && /* @__PURE__ */ a.jsx("p", { children: c || l.formatMessage({ id: `${$t}label` }) }),
+      o !== "short" && /* @__PURE__ */ a.jsx("p", { children: c || l.formatMessage({ id: `${Nt}label` }) }),
       /* @__PURE__ */ a.jsx("ul", { children: p.map((b) => {
         if (!wn[b])
           return null;
         let _ = { className: b };
         return u === b ? _["aria-label"] = l.formatMessage(
-          { id: `${$t}selected` },
+          { id: `${Nt}selected` },
           { language: wn[b] }
         ) : _ = {
           ..._,
@@ -6896,10 +6894,10 @@ const wn = {
           onClick: (g) => {
             g.preventDefault(), g.stopPropagation(), d(b), i(b);
           }
-        }, /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(_t, { ..._, fallbackElement: "span", children: wn[b] }) }, b);
+        }, /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(xt, { ..._, fallbackElement: "span", children: wn[b] }) }, b);
       }) }),
       o !== "short" && !v && /* @__PURE__ */ a.jsx("p", { children: l.formatMessage({
-        id: `${$t}translation_${e ? "original" : n ? "human" : "machine"}`
+        id: `${Nt}translation_${e ? "original" : n ? "human" : "machine"}`
       }) })
     ] }),
     o !== "short" && !v && !e && !n && /* @__PURE__ */ a.jsx("small", {
@@ -6907,7 +6905,7 @@ const wn = {
       // @ts-ignore
       // `values` are throwing a type error: https://github.com/formatjs/formatjs/issues/3633
       children: l.formatMessage(
-        { id: `${$t}disclaimer` },
+        { id: `${Nt}disclaimer` },
         {
           email: lt.support,
           link: (b) => {
@@ -6942,8 +6940,8 @@ const kn = pi({ locale: "en", messages: Hn }), en = ({
       p instanceof Error ? u(p.message) : u("Unknown error");
     }
   };
-  return !l && !t && !o.endOfFeed ? null : /* @__PURE__ */ a.jsx("footer", { className: $("load-more", c), children: !l && t ? /* @__PURE__ */ a.jsx(
-    ae,
+  return !l && !t && !o.endOfFeed ? null : /* @__PURE__ */ a.jsx("footer", { className: S("load-more", c), children: !l && t ? /* @__PURE__ */ a.jsx(
+    ie,
     {
       variant: n,
       size: r,
@@ -6967,12 +6965,12 @@ const Fa = ({
   "a",
   {
     href: "/home/",
-    className: $("logo", t, e, n),
+    className: S("logo", t, e, n),
     ...r,
     children: /* @__PURE__ */ a.jsx(be, { children: /* @__PURE__ */ a.jsx(_e, { id: "apolitical" }) })
   }
 ) });
-let Nt = !1;
+let Pt = !1;
 const Vo = ({
   element: t = "div",
   id: e = "more-menu",
@@ -6984,14 +6982,14 @@ const Vo = ({
   ), [o, c] = te(!1), f = (l) => {
     s.current && l.target instanceof HTMLElement && !s.current.contains(l.target) && c(!1);
   };
-  return ie(() => (document.addEventListener("click", f, !0), () => {
+  return ae(() => (document.addEventListener("click", f, !0), () => {
     document.removeEventListener("click", f, !0);
   })), K.createElement(t, {
     ref: s,
-    className: $("more-menu text-medium", r),
+    className: S("more-menu text-medium", r),
     children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
       /* @__PURE__ */ a.jsx(
-        ae,
+        ie,
         {
           variant: "tertiary",
           size: "medium",
@@ -7010,16 +7008,16 @@ const Vo = ({
             c(!1), typeof u == "function" && u(_);
           },
           onFocus: () => {
-            Nt && (clearTimeout(Nt), Nt = !1);
+            Pt && (clearTimeout(Pt), Pt = !1);
           },
           onBlur: () => {
-            Nt = setTimeout(() => {
+            Pt = setTimeout(() => {
               c(!1);
             }, 100);
           }
         };
         return l && (b.href = l), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
-          ae,
+          ie,
           {
             variant: "tertiary",
             size: "medium",
@@ -7055,7 +7053,7 @@ const Ko = [
     Ko.map(({ key: i, href: s }) => /* @__PURE__ */ a.jsx(
       "li",
       {
-        className: $(i, { active: Yo(s, t) }),
+        className: S(i, { active: Yo(s, t) }),
         children: /* @__PURE__ */ a.jsx(
           "a",
           {
@@ -7142,14 +7140,14 @@ const Jo = "shareLinks_", Ll = ({
   className: o = ""
 }) => {
   const c = G(), f = Qo({ title: t, link: e, referrer: n });
-  return /* @__PURE__ */ a.jsxs("aside", { className: $("share-links", i, s, o), children: [
+  return /* @__PURE__ */ a.jsxs("aside", { className: S("share-links", i, s, o), children: [
     /* @__PURE__ */ a.jsx("p", { className: "text-small", children: c.formatMessage({ id: "shareLinks_label" }) }),
     /* @__PURE__ */ a.jsx("ul", { children: f.map(({ key: l, icon: u, url: d, shouldRender: m = !0, onClick: p }) => {
       if (typeof m == "function" && !m())
         return null;
       const v = {};
       return p && (v.onClick = (b) => p(b, d)), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
-        ae,
+        ie,
         {
           size: i,
           variant: "tertiary",
@@ -7185,7 +7183,7 @@ const Bl = ({ tabs: t, className: e = "" }) => {
   const [i, s] = te(
     (f = t[r]) != null && f.id ? t[r].id : n(t[r].id, t[r].text, r)
   );
-  ie(() => {
+  ae(() => {
     if (t[r].hasCarousel) {
       const l = new CustomEvent("hiddenSectionVisible", {
         detail: { id: i }
@@ -7218,7 +7216,7 @@ const Bl = ({ tabs: t, className: e = "" }) => {
         {
           href: m || `#${l}`,
           id: `tab-${l}`,
-          className: $({ selected: b }),
+          className: S({ selected: b }),
           role: "tab",
           "aria-selected": b,
           ..._,
@@ -7226,7 +7224,7 @@ const Bl = ({ tabs: t, className: e = "" }) => {
         }
       ) }, `tab-${l}`)
     );
-  }), /* @__PURE__ */ a.jsxs("div", { className: $("tabs-wrapper", e), children: [
+  }), /* @__PURE__ */ a.jsxs("div", { className: S("tabs-wrapper", e), children: [
     /* @__PURE__ */ a.jsx("ul", { className: "tabs", role: "tablist", children: o }),
     /* @__PURE__ */ a.jsx("div", { className: "tab-content", children: c })
   ] });
@@ -7243,7 +7241,7 @@ const Xo = {
 }) => {
   const i = bt(!0);
   let s = r;
-  return K.Children.count(r) === 1 && (s = K.Children.toArray(r)[0], s.props && (s = s.props.children)), /* @__PURE__ */ a.jsx("section", { className: $("columns", `layout-${t}`, n), children: K.Children.map(s, (o, c) => e !== !1 && c === e && i && i < Xo[t] ? null : o) });
+  return K.Children.count(r) === 1 && (s = K.Children.toArray(r)[0], s.props && (s = s.props.children)), /* @__PURE__ */ a.jsx("section", { className: S("columns", `layout-${t}`, n), children: K.Children.map(s, (o, c) => e !== !1 && c === e && i && i < Xo[t] ? null : o) });
 };
 let jn;
 const Tn = "contactFooter_", ql = ({ onSuccess: t = async () => {
@@ -7256,7 +7254,7 @@ const Tn = "contactFooter_", ql = ({ onSuccess: t = async () => {
       c(), o(!1);
     }, 500));
   };
-  return ie(() => (c(), window.addEventListener("resize", f), () => {
+  return ae(() => (c(), window.addEventListener("resize", f), () => {
     clearTimeout(jn), window.removeEventListener("resize", f);
   }), []), /* @__PURE__ */ a.jsx(et, { id: "contactForm", className: "contact-footer", children: /* @__PURE__ */ a.jsxs("div", { className: "inner-wrapper", children: [
     /* @__PURE__ */ a.jsx("h2", { children: /* @__PURE__ */ a.jsx(_e, { id: `${Tn}title` }) }),
@@ -7270,7 +7268,7 @@ const Tn = "contactFooter_", ql = ({ onSuccess: t = async () => {
         children: [
           /* @__PURE__ */ a.jsxs("aside", { children: [
             /* @__PURE__ */ a.jsx("p", { children: /* @__PURE__ */ a.jsx(_e, { id: `${Tn}text` }) }),
-            /* @__PURE__ */ a.jsx(_t, { className: "mailto-link", href: "mailto:hello@apolitical.co", children: /* @__PURE__ */ a.jsx(_e, { id: `${Tn}email` }) })
+            /* @__PURE__ */ a.jsx(xt, { className: "mailto-link", href: "mailto:hello@apolitical.co", children: /* @__PURE__ */ a.jsx(_e, { id: `${Tn}email` }) })
           ] }),
           /* @__PURE__ */ a.jsx(
             No,
@@ -7337,7 +7335,7 @@ const En = "cookieBanner_", Sn = [
   }), /* @__PURE__ */ a.jsxs("aside", { id: "cookie-banner", className: "text-medium", children: [
     /* @__PURE__ */ a.jsx("h6", { children: t.formatMessage({ id: `${En}title` }) }),
     /* @__PURE__ */ a.jsx("p", { children: t.formatMessage({ id: `${En}text` }) }),
-    /* @__PURE__ */ a.jsx(Jt, { buttons: l })
+    /* @__PURE__ */ a.jsx(yt, { buttons: l })
   ] });
 }, Me = {
   platform: {
@@ -7432,7 +7430,7 @@ const En = "cookieBanner_", Sn = [
     facebook: { href: "https://www.facebook.com/apoliticalco" }
   }
 };
-const Ye = "footer_", Ht = "SiteFooter", Lr = ({ group: t }) => {
+const Ye = "footer_", Vt = "SiteFooter", Lr = ({ group: t }) => {
   const e = Me[t].order || [];
   let n = !1;
   return "text" in Me[t] && (n = Me[t].text), /* @__PURE__ */ a.jsxs(ht, { children: [
@@ -7446,7 +7444,7 @@ const Ye = "footer_", Ht = "SiteFooter", Lr = ({ group: t }) => {
         {
           href: i,
           className: "gtm-trackable",
-          "data-gtm-event-context": Ht,
+          "data-gtm-event-context": Vt,
           "data-gtm-event-type": s,
           ...o,
           children: /* @__PURE__ */ a.jsx(_e, { id: `${Ye}${t}_${r}` })
@@ -7468,7 +7466,7 @@ const Ye = "footer_", Ht = "SiteFooter", Lr = ({ group: t }) => {
           {
             href: `mailto:${n[r].email}`,
             className: "gtm-trackable",
-            "data-gtm-event-context": Ht,
+            "data-gtm-event-context": Vt,
             "data-gtm-event-type": n[r].gtmType,
             children: n[r].email
           }
@@ -7484,7 +7482,7 @@ const Ye = "footer_", Ht = "SiteFooter", Lr = ({ group: t }) => {
       variant: "inverted",
       version: "full",
       className: "gtm-trackable",
-      "data-gtm-event-context": Ht,
+      "data-gtm-event-context": Vt,
       "data-gtm-event-type": "logo-homepage-link"
     }
   ),
@@ -7503,7 +7501,7 @@ const Ye = "footer_", Ht = "SiteFooter", Lr = ({ group: t }) => {
           target: "_blank",
           rel: "noopener noreferrer",
           className: "gtm-trackable",
-          "data-gtm-event-context": Ht,
+          "data-gtm-event-context": Vt,
           "data-gtm-event-type": "social-click",
           children: /* @__PURE__ */ a.jsx("span", { className: "hidden", children: /* @__PURE__ */ a.jsx(_e, { id: `${Ye}social_${t}` }) })
         }
@@ -7621,7 +7619,7 @@ const Ye = "footer_", Ht = "SiteFooter", Lr = ({ group: t }) => {
       }, 250);
     }
   }
-}, Vt = {
+}, Yt = {
   order: ["home", "topics", "partners", "account"],
   home: {
     href: "/home/",
@@ -7696,7 +7694,7 @@ const Ye = "footer_", Ht = "SiteFooter", Lr = ({ group: t }) => {
       props: { variant: "primary" }
     }
   }
-}, Yt = ({
+}, Kt = ({
   id: t,
   isLoggedIn: e = !1,
   isDesktopVersion: n = !1,
@@ -7705,7 +7703,7 @@ const Ye = "footer_", Ht = "SiteFooter", Lr = ({ group: t }) => {
   },
   doTrack: s = null
 }) => {
-  const o = G(), c = Jr(Vt, t);
+  const o = G(), c = Jr(Yt, t);
   if (!c || c.onlyShow && (c.onlyShow === "logged-in" && !e || c.onlyShow === "logged-out" && e))
     return null;
   const f = "doTrack" in c, l = s === null ? f ? c.doTrack : !0 : s, u = t.includes("buttons.");
@@ -7761,7 +7759,7 @@ const Ye = "footer_", Ht = "SiteFooter", Lr = ({ group: t }) => {
   return /* @__PURE__ */ a.jsxs(
     "li",
     {
-      className: $({
+      className: S({
         [c.className]: c.className,
         "has-submenu": p,
         parent: v,
@@ -7771,7 +7769,7 @@ const Ye = "footer_", Ht = "SiteFooter", Lr = ({ group: t }) => {
       ..._,
       children: [
         m ? K.createElement(
-          u ? ae : "a",
+          u ? ie : "a",
           m,
           o.formatMessage({ id: d })
         ) : o.formatMessage({ id: d }),
@@ -7788,13 +7786,13 @@ const Ye = "footer_", Ht = "SiteFooter", Lr = ({ group: t }) => {
           return c[y].order ? /* @__PURE__ */ a.jsxs(
             "li",
             {
-              className: $({
+              className: S({
                 [c[y].className]: c[y].className
               }),
               children: [
                 o.formatMessage({ id: `${d}_${y}` }),
                 /* @__PURE__ */ a.jsx("ul", { children: c[y].order.map((j) => /* @__PURE__ */ a.jsx(
-                  Yt,
+                  Kt,
                   {
                     id: `${t}.${y}.${j}`,
                     ...E
@@ -7805,7 +7803,7 @@ const Ye = "footer_", Ht = "SiteFooter", Lr = ({ group: t }) => {
             },
             y
           ) : /* @__PURE__ */ a.jsx(
-            Yt,
+            Kt,
             {
               id: `${t}.${y}`,
               ...E
@@ -7865,7 +7863,7 @@ const nc = { height: 67, height_desktop: 83 }, Da = ({ showNavigation: t = !0 })
       "nav",
       {
         id: "header",
-        className: $({
+        className: S({
           "logged-in": i,
           "logged-out": !i,
           visible: f
@@ -7906,8 +7904,8 @@ const nc = { height: 67, height_desktop: 83 }, Da = ({ showNavigation: t = !0 })
                 hidden: s.navigation || l.account ? !1 : !l.navigation,
                 role: "menu",
                 "data-showing": !s.navigation && l.account ? "account" : "default",
-                children: Vt.order.map((p) => /* @__PURE__ */ a.jsx(
-                  Yt,
+                children: Yt.order.map((p) => /* @__PURE__ */ a.jsx(
+                  Kt,
                   {
                     id: p,
                     isLoggedIn: i,
@@ -7978,7 +7976,7 @@ const nc = { height: 67, height_desktop: 83 }, Da = ({ showNavigation: t = !0 })
                   )
                 ]
               }
-            ) : /* @__PURE__ */ a.jsx("ul", { className: "sign-in-buttons", children: Vt.buttons.order.map((p) => /* @__PURE__ */ a.jsx(Yt, { id: `buttons.${p}` }, p)) })
+            ) : /* @__PURE__ */ a.jsx("ul", { className: "sign-in-buttons", children: Yt.buttons.order.map((p) => /* @__PURE__ */ a.jsx(Kt, { id: `buttons.${p}` }, p)) })
           ] })
         ]
       }
@@ -7987,7 +7985,7 @@ const nc = { height: 67, height_desktop: 83 }, Da = ({ showNavigation: t = !0 })
     /* @__PURE__ */ a.jsx(
       "div",
       {
-        className: $("overlay", {
+        className: S("overlay", {
           open: l.navigation || l.account || !s.search && l.search
         })
       }
@@ -8017,19 +8015,19 @@ const rc = () => {
   locale: c = "en"
 }) => {
   const { navigation: f = !0, footer: l = !0 } = i, { background: u = "default", variant: d = "default", circle: m = "default" } = s, p = $i();
-  ie(() => {
+  ae(() => {
     window.scrollTo(0, 0);
   }, [p]);
-  const v = Ft(t, { locale: c }), b = Ft(e, {
+  const v = Ot(t, { locale: c }), b = Ot(e, {
     locale: c
-  }), _ = Ft(n, {
+  }), _ = Ot(n, {
     locale: c
   }), g = {};
   return u !== "default" && (g[u] = !0), d !== "default" && (g[d] = !0), m !== "default" && (g[m] = !0), /* @__PURE__ */ a.jsx(xi, { onError: r, fallback: /* @__PURE__ */ a.jsx(rc, {}), children: /* @__PURE__ */ a.jsx(ui, { fallback: null, children: /* @__PURE__ */ a.jsxs(
     "div",
     {
       id: "wrapper",
-      className: $(o, g, { "has-footer": l }),
+      className: S(o, g, { "has-footer": l }),
       children: [
         /* @__PURE__ */ a.jsx(Da, { showNavigation: f }),
         /* @__PURE__ */ a.jsxs("section", { id: "content-wrapper", children: [
@@ -8068,7 +8066,7 @@ const rc = () => {
   getTagDetails: (t) => {
     if (t.includes("topic_")) {
       if (t = $n.topic[t.replace("topic_", "")], t) {
-        const e = Vt.topics.topics[t].href;
+        const e = Yt.topics.topics[t].href;
         return e ? { id: t, href: e, text: `${Br.headerTopics}${t}` } : null;
       }
       return null;
@@ -8097,7 +8095,7 @@ const zl = ({
   }), f.length < 1 ? null : /* @__PURE__ */ a.jsx(
     "ul",
     {
-      className: $("tags text-small", e, i, {
+      className: S("tags text-small", e, i, {
         "one-line": n
       }),
       children: f.map((l) => {
@@ -8126,14 +8124,14 @@ const Zl = ({
   className: o = ""
 }) => {
   const c = G();
-  return t.length === 0 ? null : /* @__PURE__ */ a.jsxs("div", { className: $("members-list", o), children: [
+  return t.length === 0 ? null : /* @__PURE__ */ a.jsxs("div", { className: S("members-list", o), children: [
     /* @__PURE__ */ a.jsxs("h1", { children: [
       c.formatMessage({ id: "membersList" }),
       /* @__PURE__ */ a.jsx("span", { className: "count", children: e })
     ] }),
     /* @__PURE__ */ a.jsx("ul", { children: t.map((f, l) => /* @__PURE__ */ a.jsxs("li", { children: [
       /* @__PURE__ */ a.jsx(Yn, { member: f, gtmContext: i, gtmType: s }),
-      f.isAdmin && /* @__PURE__ */ a.jsx(It, { children: c.formatMessage({ id: "membersList_admin" }) })
+      f.isAdmin && /* @__PURE__ */ a.jsx(Lt, { children: c.formatMessage({ id: "membersList_admin" }) })
     ] }, l)) }),
     n && /* @__PURE__ */ a.jsx(
       en,
@@ -8146,7 +8144,7 @@ const Zl = ({
     )
   ] });
 };
-let Pt = null;
+let Mt = null;
 const we = "discussion_form_", Jn = ({
   content: t = { type: "response", slugs: {} },
   userHasPermissions: e = !0,
@@ -8180,7 +8178,7 @@ const we = "discussion_form_", Jn = ({
   },
   gtmContext: l = "DiscussionForm"
 }) => {
-  var O, S, T;
+  var O, C, T;
   const u = G(), d = Ce(Oe), [m, p] = te(
     n.isEditing && n.isEditing.text || ""
   ), [v, b] = te(c.error || !1), [_, g] = te(!1), y = pe(null);
@@ -8193,85 +8191,85 @@ const we = "discussion_form_", Jn = ({
       }
     );
   const E = (x) => {
-    const C = x.target.value;
-    p(C);
-    let L;
-    !d || !d.id ? L = Se(
+    const $ = x.target.value;
+    p($);
+    let I;
+    !d || !d.id ? I = Se(
       u.formatMessage,
       `${we}error_loggedOut`,
       t.type,
       "action"
-    ) : e ? C.length >= s && (L = `${we}error_tooLong`) : L = Se(
+    ) : e ? $.length >= s && (I = `${we}error_tooLong`) : I = Se(
       u.formatMessage,
       `${we}error_noPermission`,
       t.type,
       "action"
-    ), L ? b(L) : v && b(!1);
+    ), I ? b(I) : v && b(!1);
   };
   let j = `${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 = ((O = t.slugs) == null ? void 0 : O.reply) || ((C = t.slugs) == null ? void 0 : C.answer) || ((T = t.slugs) == null ? void 0 : T.question) || "";
     x && (j = `${j}-${x.slice(-15)}`);
   }
   const w = async (x) => {
-    var L;
-    if (x.preventDefault(), x.stopPropagation(), !d || !d.id || !e || D)
+    var I;
+    if (x.preventDefault(), x.stopPropagation(), !d || !d.id || !e || F)
       return;
-    Pt && clearTimeout(Pt), g("submitting");
-    const C = window.location.pathname;
+    Mt && clearTimeout(Mt), g("submitting");
+    const $ = window.location.pathname;
     try {
-      let R;
+      let U;
       switch (t.type) {
         case "post":
-          R = await f.create({ content: m });
+          U = await f.create({ content: m });
           break;
         case "question":
-          R = await f.create({
+          U = await f.create({
             title: m,
             authorId: d && d.id,
-            ...(L = f.props) == null ? void 0 : L.create
+            ...(I = f.props) == null ? void 0 : I.create
           });
           break;
         case "response":
-          R = await f.create(
+          U = await f.create(
             { question: t.slugs.question },
-            { body: m, authorId: d && d.id, contentPath: C }
+            { body: m, authorId: d && d.id, contentPath: $ }
           );
           break;
         case "reply":
-          R = await f.create(
+          U = await f.create(
             { question: t.slugs.question, answer: t.slugs.answer },
-            { body: m, authorId: d && d.id, contentPath: C }
+            { body: m, authorId: d && d.id, contentPath: $ }
           );
           break;
         default:
           break;
       }
-      await Ai(1e3), f.callback && await f.callback(R), Pt = setTimeout(() => {
+      await Ai(1e3), f.callback && await f.callback(U), Mt = setTimeout(() => {
         p(""), g("submitted");
-        const I = new Event("discussionFormSubmitted");
-        document.dispatchEvent(I), U();
+        const A = new Event("discussionFormSubmitted");
+        document.dispatchEvent(A), z();
       }, 500);
-    } catch (R) {
-      const I = R;
-      let V = `${we}error`;
-      I != null && I.message.includes("entry already exists") && (V = Se(
+    } catch (U) {
+      const A = U;
+      let W = `${we}error`;
+      A != null && A.message.includes("entry already exists") && (W = Se(
         u.formatMessage,
         `${we}error_alreadyExists`,
         t.type,
         "action"
-      )), I != null && I.message.includes("429") ? V = Se(
+      )), A != null && A.message.includes("429") ? W = Se(
         u.formatMessage,
         `${we}error_tooMany`,
         t.type,
         "action"
-      ) : I != null && I.message.includes("400") && (V = `${we}error`), b(V), U();
+      ) : A != null && A.message.includes("400") && (W = `${we}error`), b(W), z();
     }
-  }, U = () => {
-    Pt = setTimeout(() => {
+  }, z = () => {
+    Mt = setTimeout(() => {
       b(!1), g(!1);
     }, 5e3);
-  }, D = !m || !Zi(m), q = _ === "submitting", M = [];
+  }, F = !m || !Zi(m), q = _ === "submitting", M = [];
   return (n.isEditing && !q || c.cancel) && M.push({
     variant: "secondary",
     size: { mobile: "small", 600: "medium" },
@@ -8297,7 +8295,7 @@ const we = "discussion_form_", Jn = ({
     "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 || D || q || n.isEditing && m === n.isEditing.text,
+    disabled: !d || !d.id || !e || F || q || n.isEditing && m === n.isEditing.text,
     children: u.formatMessage({
       id: `${we}${q ? n.isEditing ? "saving" : "posting" : n.isEditing ? "save" : "post"}`
     })
@@ -8305,7 +8303,7 @@ const we = "discussion_form_", Jn = ({
     "form",
     {
       id: j,
-      className: $("discussion-card discussion-form", {
+      className: S("discussion-card discussion-form", {
         "no-styling": n.isInWrapper && n.isEditing
       }),
       "data-testid": `discussion-${t.type}-form`,
@@ -8355,9 +8353,9 @@ const we = "discussion_form_", Jn = ({
             }
           )
         }) }),
-        /* @__PURE__ */ a.jsx(Jt, { buttons: M }),
-        _ === "submitted" && n.showSuccessMessage && /* @__PURE__ */ a.jsx(Lt, { className: "success", "data-testid": "success", children: Se(u.formatMessage, `${we}success`, t.type, "action") }),
-        v && /* @__PURE__ */ a.jsx(Lt, { id: "error-message", className: "error", "data-testid": "error", children: c.error ? c.error : typeof v == "string" ? v.includes(" ") ? v : u.formatMessage(
+        /* @__PURE__ */ a.jsx(yt, { buttons: M }),
+        _ === "submitted" && n.showSuccessMessage && /* @__PURE__ */ a.jsx(Bt, { className: "success", "data-testid": "success", children: Se(u.formatMessage, `${we}success`, t.type, "action") }),
+        v && /* @__PURE__ */ a.jsx(Bt, { id: "error-message", className: "error", "data-testid": "error", children: c.error ? c.error : typeof v == "string" ? v.includes(" ") ? v : u.formatMessage(
           { id: v },
           {
             action: u.formatMessage({
@@ -8427,7 +8425,7 @@ const Nn = () => {
   } } = {}
 }) => {
   const l = G();
-  ie(() => {
+  ae(() => {
     p(i);
   }, [i]);
   const [u, d] = te(e), [m, p] = te(i), [v, b] = te(!1), [_, g] = te(!1), y = vt(
@@ -8446,8 +8444,8 @@ const Nn = () => {
     w < 0 && (w = 0), b(!0), d(w), p(!m);
     try {
       if (s && s.slugs) {
-        const U = cc(s.slugs);
-        m ? await f(U) : await c(U, { contentPath: window.location.pathname });
+        const z = cc(s.slugs);
+        m ? await f(z) : await c(z, { contentPath: window.location.pathname });
       }
     } catch {
       d(e), p(i);
@@ -8456,7 +8454,7 @@ const Nn = () => {
     }
   };
   return K.createElement(t, {
-    className: $("likes-wrapper text-medium action-button", {
+    className: S("likes-wrapper text-medium action-button", {
       "show-spinner": v,
       "is-liked": m,
       disabled: !o
@@ -8476,12 +8474,12 @@ const Nn = () => {
     },
     children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
       /* @__PURE__ */ a.jsx(
-        ae,
+        ie,
         {
           variant: "tertiary",
           size: "medium",
           icon: { icon: m ? "heart" : "heart_empty", animate: "bounce" },
-          className: $({ "do-animation": m && !i }),
+          className: S({ "do-animation": m && !i }),
           screenreaderText: o ? l.formatMessage(
             {
               id: `discussion_likes_${m ? "unlike" : "like"}`
@@ -8503,7 +8501,7 @@ const Nn = () => {
       /* @__PURE__ */ a.jsx(
         "span",
         {
-          className: $("number-of-likes", { "no-likes": u === 0 }),
+          className: S("number-of-likes", { "no-likes": u === 0 }),
           "data-testid": "number-of-likes",
           children: l.formatMessage(
             { id: `discussion_likes${r ? "_short" : ""}` },
@@ -8513,12 +8511,12 @@ const Nn = () => {
       ),
       n && /* @__PURE__ */ a.jsx(Vi, { isOpen: _, isLoading: n.length === 0, children: n.length && /* @__PURE__ */ a.jsxs("ul", { children: [
         y.map((w) => typeof w == "string" || !w.name ? null : /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
-          _t,
+          xt,
           {
             href: w.id ? `/profiles/${w.id}` : void 0,
             gtmContext: "Likes",
             gtmType: "liked-name-click",
-            onClick: (U) => U == null ? void 0 : U.stopPropagation(),
+            onClick: (z) => z == null ? void 0 : z.stopPropagation(),
             children: w.name
           }
         ) }, w.id || window.btoa(w.name))),
@@ -8563,58 +8561,58 @@ const Pe = "discussion_", uc = 280, nn = ({
   children: b,
   isTruncated: _ = !1
 }) => {
-  const g = G(), y = Ce(Oe), E = Ce(Xn), { author: j, canLike: w, createdAt: U, id: D, likes: q = 0, userLiked: M, comments: O = 0 } = e, S = y && y.id && typeof j != "string" && j.id && j.id === y.id || !1, T = typeof w == "boolean" ? w : n ? !S : !1, x = S && (!e.createdAt || Di(e.createdAt, 10, "seconds")), C = pe(null), [L, R] = te({
+  const g = G(), y = Ce(Oe), E = Ce(Xn), { author: j, canLike: w, createdAt: z, id: F, likes: q = 0, userLiked: M, comments: O = 0 } = e, C = y && y.id && typeof j != "string" && j.id && j.id === y.id || !1, T = typeof w == "boolean" ? w : n ? !C : !1, x = C && (!e.createdAt || Di(e.createdAt, 10, "seconds")), $ = pe(null), [I, U] = te({
     body: e && e.body || "",
     isEditing: !1,
     didEdit: e && e.isEdited || !1
-  }), [I, V] = te(!1), [ee, k] = te(
+  }), [A, W] = te(!1), [J, k] = te(
     x ? "highlighted" : "default"
     /* Default */
   ), [N, Z] = te("");
-  ie(() => {
-    const F = C.current;
-    if (!(!F || ee === "default"))
-      return document.addEventListener("discussionFormSubmitted", z), F.addEventListener("transitionend", W), () => {
-        document.removeEventListener("discussionFormSubmitted", z), F.removeEventListener("transitionend", W);
+  ae(() => {
+    const R = $.current;
+    if (!(!R || J === "default"))
+      return document.addEventListener("discussionFormSubmitted", B), R.addEventListener("transitionend", H), () => {
+        document.removeEventListener("discussionFormSubmitted", B), R.removeEventListener("transitionend", H);
       };
-  }, []), ie(() => {
-    R({
-      ...L,
+  }, []), ae(() => {
+    U({
+      ...I,
       body: e && e.body || "",
       didEdit: e && e.isEdited || !1
     });
   }, [e.isEdited]);
-  const z = () => {
+  const B = () => {
     setTimeout(() => {
       k(
         "fading"
         /* Fading */
       );
     }, 1e3);
-  }, W = ({ propertyName: F }) => {
-    F === "background-color" && k((oe) => (oe === "default" && (document.removeEventListener("discussionFormSubmitted", z), C.current && C.current.removeEventListener("transitionend", W)), oe === "fading" ? "default" : oe));
+  }, H = ({ propertyName: R }) => {
+    R === "background-color" && k((oe) => (oe === "default" && (document.removeEventListener("discussionFormSubmitted", B), $.current && $.current.removeEventListener("transitionend", H)), oe === "fading" ? "default" : oe));
   };
   if (r || !e || e.type === "answer" && (!e.slugs || !e.slugs.question))
     return /* @__PURE__ */ a.jsx(Te, { className: "discussion-card discussion-post" });
-  const X = _ ? Ke(L.body, uc) : L.body, Y = async (F) => {
-    F || (F = ""), Z("");
+  const ee = _ ? Ke(I.body, uc) : I.body, Y = async (R) => {
+    R || (R = ""), Z("");
     try {
-      if (!ki(F, L.body)) {
-        const oe = e.type === "question" ? { title: F } : { body: F };
+      if (!ki(R, I.body)) {
+        const oe = e.type === "question" ? { title: R } : { body: R };
         await f(qr(e.slugs), oe);
       }
-      R({ body: F, isEditing: !1, didEdit: !0 });
+      U({ body: R, isEditing: !1, didEdit: !0 });
     } catch {
       Z(`${Pe}form_error`);
     }
-  }, H = () => {
+  }, V = () => {
     E && E.updateConversation && E.updateConversation({ showForm: !0 }), setTimeout(() => {
       var $e, Ee, Le;
-      const oe = `reply-form-${(e.type === "answer" ? e.slug : (($e = e.slugs) == null ? void 0 : $e.reply) || ((Ee = e.slugs) == null ? void 0 : Ee.answer) || ((Le = e.slugs) == null ? void 0 : Le.question) || "").toLowerCase().slice(-15)}`, A = document.getElementById(oe), ve = document.getElementById(`${oe}-input`);
-      ve && ve.focus(), A && A.scrollIntoView({ behavior: "smooth" });
+      const oe = `reply-form-${(e.type === "answer" ? e.slug : (($e = e.slugs) == null ? void 0 : $e.reply) || ((Ee = e.slugs) == null ? void 0 : Ee.answer) || ((Le = e.slugs) == null ? void 0 : Le.question) || "").toLowerCase().slice(-15)}`, D = document.getElementById(oe), ve = document.getElementById(`${oe}-input`);
+      ve && ve.focus(), D && D.scrollIntoView({ behavior: "smooth" });
     }, 0);
-  }, J = () => {
-    V(!1);
+  }, X = () => {
+    W(!1);
     try {
       c(qr(e.slugs));
     } catch {
@@ -8623,8 +8621,8 @@ const Pe = "discussion_", uc = 280, nn = ({
   }, re = [
     {
       text: g.formatMessage({ id: `${Pe}moreMenu_report` }),
-      onClick: (F) => {
-        F.stopPropagation();
+      onClick: (R) => {
+        R.stopPropagation();
       },
       href: `mailto:community@apolitical.co?subject=${encodeURI(
         g.formatMessage({ id: `${Pe}report_subject` })
@@ -8641,10 +8639,10 @@ const Pe = "discussion_", uc = 280, nn = ({
       icon: "flag"
     }
   ];
-  return n && S && re.push(
+  return n && C && re.push(
     {
       text: g.formatMessage({ id: `${Pe}moreMenu_edit` }),
-      onClick: () => R({ ...L, isEditing: !0 }),
+      onClick: () => U({ ...I, isEditing: !0 }),
       icon: "pencil-paper",
       className: "gtm-trackable",
       "data-gtm-event-context": v,
@@ -8652,45 +8650,45 @@ const Pe = "discussion_", uc = 280, nn = ({
     },
     {
       text: g.formatMessage({ id: `${Pe}moreMenu_delete` }),
-      onClick: (F) => {
-        F.preventDefault(), F.stopPropagation(), V(!0);
+      onClick: (R) => {
+        R.preventDefault(), R.stopPropagation(), W(!0);
       },
       icon: "trash",
       className: "gtm-trackable",
       "data-gtm-event-context": v,
       "data-gtm-event-type": `delete-${e.type}-click`,
-      ...bo(`delete-${e.slug}-modal`, I)
+      ...bo(`delete-${e.slug}-modal`, A)
     }
   ), K.createElement(t, {
-    className: $("discussion-post", p, {
-      [ee]: !p || !p.includes("highlighted-text-box")
+    className: S("discussion-post", p, {
+      [J]: !p || !p.includes("highlighted-text-box")
     }),
-    ref: C,
+    ref: $,
     "data-testid": `discussion-${e.type}-thread`,
     children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
       /* @__PURE__ */ a.jsxs(
         "div",
         {
-          id: D || e.slug,
-          className: $("discussion-card", e.type, {
-            editing: L.isEditing,
-            "has-link": m.post && !L.isEditing
+          id: F || e.slug,
+          className: S("discussion-card", e.type, {
+            editing: I.isEditing,
+            "has-link": m.post && !I.isEditing
           }),
-          onClick: (F) => {
-            !m.post || L.isEditing || (F.preventDefault(), F.stopPropagation(), window.location.href = m.post);
+          onClick: (R) => {
+            !m.post || I.isEditing || (R.preventDefault(), R.stopPropagation(), window.location.href = m.post);
           },
           children: [
-            !L.isEditing && /* @__PURE__ */ a.jsx(
+            !I.isEditing && /* @__PURE__ */ a.jsx(
               Yn,
               {
                 member: j,
-                additionalContent: { createdAt: U, didEdit: L.didEdit },
+                additionalContent: { createdAt: z, didEdit: I.didEdit },
                 className: typeof j != "string" && j.id === i ? "highlighted" : "",
                 gtmContext: v,
                 gtmType: "profile-click"
               }
             ),
-            L.isEditing ? /* @__PURE__ */ a.jsx(
+            I.isEditing ? /* @__PURE__ */ a.jsx(
               Jn,
               {
                 content: { type: e.type, slugs: e.slugs },
@@ -8698,7 +8696,7 @@ const Pe = "discussion_", uc = 280, nn = ({
                 meta: {
                   isLoading: r,
                   isInWrapper: !0,
-                  isEditing: { text: L.body }
+                  isEditing: { text: I.body }
                 },
                 maxLength: e.type === "question" ? 250 : 5e4,
                 forceShow: {
@@ -8715,7 +8713,7 @@ const Pe = "discussion_", uc = 280, nn = ({
                   create: o,
                   handleSaveEdit: Y,
                   handleCancel: () => {
-                    Z(""), R({ ...L, isEditing: !1 });
+                    Z(""), U({ ...I, isEditing: !1 });
                   }
                 },
                 gtmContext: `${v}Form`
@@ -8727,10 +8725,10 @@ const Pe = "discussion_", uc = 280, nn = ({
                 className: "gtm-trackable",
                 "data-gtm-event-context": v,
                 "data-gtm-event-type": "title-click",
-                children: /* @__PURE__ */ a.jsx(At, { options: { overrides: { a: us } }, children: X })
+                children: /* @__PURE__ */ a.jsx(It, { options: { overrides: { a: us } }, children: ee })
               }
             ) : /* @__PURE__ */ a.jsx(
-              At,
+              It,
               {
                 options: {
                   wrapper: e.type === "question" ? "h1" : K.Fragment,
@@ -8738,13 +8736,13 @@ const Pe = "discussion_", uc = 280, nn = ({
                   forceInline: e.type === "question",
                   forceBlock: e.type !== "question"
                 },
-                children: X
+                children: ee
               }
             ),
-            !L.isEditing && /* @__PURE__ */ a.jsxs(
+            !I.isEditing && /* @__PURE__ */ a.jsxs(
               "ul",
               {
-                className: $("actions text-medium", e.type),
+                className: S("actions text-medium", e.type),
                 "data-testid": `${e.type}-actions`,
                 children: [
                   /* @__PURE__ */ a.jsx(
@@ -8767,12 +8765,12 @@ const Pe = "discussion_", uc = 280, nn = ({
                     "li",
                     {
                       className: "action-button",
-                      onClick: (F) => {
-                        F.preventDefault(), F.stopPropagation(), m.comments && (window.location.href = m.comments), typeof d == "function" && d();
+                      onClick: (R) => {
+                        R.preventDefault(), R.stopPropagation(), m.comments && (window.location.href = m.comments), typeof d == "function" && d();
                       },
                       children: [
                         /* @__PURE__ */ a.jsx(
-                          ae,
+                          ie,
                           {
                             variant: "tertiary",
                             size: "medium",
@@ -8797,12 +8795,12 @@ const Pe = "discussion_", uc = 280, nn = ({
                     }
                   ),
                   (e.type === "answer" || e.type === "reply") && /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
-                    ae,
+                    ie,
                     {
                       variant: "tertiary",
                       size: "medium",
                       styling: { muted: !0 },
-                      onClick: H,
+                      onClick: V,
                       children: g.formatMessage({ id: `${Pe}reply` })
                     }
                   ) }),
@@ -8825,9 +8823,9 @@ const Pe = "discussion_", uc = 280, nn = ({
         Xt,
         {
           id: `delete-${e.slug}-modal`,
-          isOpen: I,
+          isOpen: A,
           functions: { onOpen: () => {
-          }, onClose: () => V(!1) },
+          }, onClose: () => W(!1) },
           forceShow: {
             error: N === "delete-error" ? g.formatMessage(
               { id: "discussion_delete_error" },
@@ -8845,13 +8843,13 @@ const Pe = "discussion_", uc = 280, nn = ({
           buttons: [
             {
               variant: "secondary",
-              onClick: () => V(!1),
+              onClick: () => W(!1),
               children: g.formatMessage({ id: "discussion_delete_cancel" })
             },
             {
               variant: "primary",
               className: "destructive",
-              onClick: J,
+              onClick: X,
               children: g.formatMessage({ id: "discussion_delete_delete" })
             }
           ],
@@ -8861,7 +8859,7 @@ const Pe = "discussion_", uc = 280, nn = ({
             {
               id: "discussion_delete_text",
               values: {
-                p: (F) => /* @__PURE__ */ a.jsx("p", { children: F }),
+                p: (R) => /* @__PURE__ */ a.jsx("p", { children: R }),
                 action: g.formatMessage({
                   id: `discussion_action_${e.type}`
                 })
@@ -8893,7 +8891,7 @@ const mc = ({
   form: r,
   children: i
 }) => {
-  const s = G(), o = Ce(Xn), c = Ft(i, {
+  const s = G(), o = Ce(Xn), c = Ot(i, {
     element: "li"
   });
   return /* @__PURE__ */ a.jsxs("div", { className: "thread-wrapper", children: [
@@ -8988,7 +8986,7 @@ function Ur({ activity: t, user: e }) {
     ...gc()
   };
 }
-function Kt({ activity: t, reaction: e }) {
+function Gt({ activity: t, reaction: e }) {
   var n, r, i;
   e ? (t.latest_reactions = {
     ...t.latest_reactions || {},
@@ -9068,7 +9066,7 @@ const qa = (t) => {
 };
 let Wr, Rn = 0;
 const Ua = () => {
-  ie(() => (document.addEventListener("discussionPostAdded", t), () => {
+  ae(() => (document.addEventListener("discussionPostAdded", t), () => {
     document.removeEventListener(
       "discussionPostAdded",
       t
@@ -9280,7 +9278,7 @@ function Tc({
   const { mutate: r } = ke({
     mutationFn: t,
     onMutate: ({ activityId: i, content: s }) => e((o) => {
-      const c = Gt(i, o);
+      const c = Qt(i, o);
       return c && (c.content = s), o;
     }),
     onError: n
@@ -9331,13 +9329,13 @@ function Sc({
   const { mutate: s } = ke({
     mutationFn: t,
     onMutate: ({ activityId: o }) => e((c) => {
-      const f = Gt(o, c);
-      return f && Kt({ activity: f }), c;
+      const f = Qt(o, c);
+      return f && Gt({ activity: f }), c;
     }),
     onError: n,
     onSuccess: (o, { activityId: c }, f) => {
-      const l = Gt(c, f);
-      l && Kt({ activity: l, reaction: o }), r.setQueryData(i, f);
+      const l = Qt(c, f);
+      l && Gt({ activity: l, reaction: o }), r.setQueryData(i, f);
     }
   });
   return s;
@@ -9388,7 +9386,7 @@ function Nc({
   const { mutate: i } = ke({
     mutationFn: t,
     onMutate: ({ activityId: s }) => e((o) => {
-      const c = Gt(s, o);
+      const c = Qt(s, o);
       return c && Ba({ activity: c, user: r }), o;
     }),
     onError: n
@@ -9404,7 +9402,7 @@ function Hr(t, e, n = !1) {
     pageParams: [""]
   };
 }
-function Gt(t, e) {
+function Qt(t, e) {
   if (e)
     for (const { results: n } of e.pages) {
       const r = n.find(({ id: i }) => i === t);
@@ -9466,19 +9464,19 @@ const Wl = ({
       }
     ),
     c == null ? void 0 : c.map((E, j) => {
-      var L, R, I, V, ee, k, N, Z;
+      var I, U, A, W, J, k, N, Z;
       const {
         id: w,
-        own_reactions: U,
-        latest_reactions: D,
+        own_reactions: z,
+        latest_reactions: F,
         reaction_counts: q
-      } = E, M = (((L = D == null ? void 0 : D.like) == null ? void 0 : L.length) || 0) > 0, O = (((R = U == null ? void 0 : U.like) == null ? void 0 : R.length) || 0) > 0, S = O ? U == null ? void 0 : U.like[0].id : "", T = M ? (I = D == null ? void 0 : D.like) == null ? void 0 : I.map((z) => {
-        var W, X, Y;
+      } = E, M = (((I = F == null ? void 0 : F.like) == null ? void 0 : I.length) || 0) > 0, O = (((U = z == null ? void 0 : z.like) == null ? void 0 : U.length) || 0) > 0, C = O ? z == null ? void 0 : z.like[0].id : "", T = M ? (A = F == null ? void 0 : F.like) == null ? void 0 : A.map((B) => {
+        var H, ee, 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
+          id: (H = B == null ? void 0 : B.user) == null ? void 0 : H.id,
+          name: (Y = (ee = B == null ? void 0 : B.user) == null ? void 0 : ee.data) == null ? void 0 : Y.name
         };
-      }) : !1, x = E == null ? void 0 : E.actor, C = (x == null ? void 0 : x.id) === (g == null ? void 0 : g.id);
+      }) : !1, x = E == null ? void 0 : E.actor, $ = (x == null ? void 0 : x.id) === (g == null ? void 0 : g.id);
       return /* @__PURE__ */ a.jsxs(ht, { children: [
         /* @__PURE__ */ a.jsx(
           nn,
@@ -9486,7 +9484,7 @@ const Wl = ({
             content: {
               type: "post",
               body: E == null ? void 0 : E.content,
-              canLike: tn(n, C),
+              canLike: tn(n, $),
               createdAt: (E == null ? void 0 : E.time) || "",
               slugs: {
                 question: `${t}/${e}`,
@@ -9495,8 +9493,8 @@ const Wl = ({
               slug: w,
               author: {
                 id: x == null ? void 0 : x.id,
-                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,
+                name: (W = x == null ? void 0 : x.data) == null ? void 0 : W.name,
+                organization: (J = x == null ? void 0 : x.data) == null ? void 0 : J.organization,
                 jobTitle: (k = x == null ? void 0 : x.data) == null ? void 0 : k.jobTitle,
                 location: (N = x == null ? void 0 : x.data) == null ? void 0 : N.location,
                 image: {
@@ -9517,11 +9515,11 @@ const Wl = ({
                 createContent: () => null,
                 deleteContent: () => v({ activityId: w }),
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                updateContent: (z, { body: W }) => p({ activityId: w, content: W })
+                updateContent: (B, { body: H }) => p({ activityId: w, content: H })
               },
               likes: {
                 createLike: () => b({ activityId: w }),
-                deleteLike: () => _({ activityId: w, reactionId: S })
+                deleteLike: () => _({ activityId: w, reactionId: C })
               },
               comments: {
                 openComments: () => null
@@ -10137,7 +10135,7 @@ function Fc({
   const { mutate: r } = ke({
     mutationFn: t,
     onMutate: ({ replyId: i, content: s }) => e((o) => {
-      const c = Qt(i, o);
+      const c = Jt(i, o);
       return c && (c.data.content = s), o;
     }),
     onError: n
@@ -10188,12 +10186,12 @@ function Oc({
   const { mutate: s } = ke({
     mutationFn: t,
     onMutate: ({ replyId: o }) => e((c) => {
-      const f = Qt(o, c);
+      const f = Jt(o, c);
       return f && Zr({ reply: f }), c;
     }),
     onError: n,
     onSuccess: (o, { replyId: c }, f) => {
-      const l = Qt(c, f);
+      const l = Jt(c, f);
       l && Zr({ reply: l, reaction: o }), r.setQueryData(i, f);
     }
   });
@@ -10246,7 +10244,7 @@ function Ic({
   const { mutate: i } = ke({
     mutationFn: t,
     onMutate: ({ replyId: s }) => e((o) => {
-      const c = Qt(s, o);
+      const c = Jt(s, o);
       return c && _c({ reply: c, user: r }), o;
     }),
     onError: n
@@ -10272,7 +10270,7 @@ function qc(t, e, n) {
 function Vr(t, e, n) {
   return e ? n != null && n.append ? Bc(t, e, n) : qc(t, e, n) : Lc(t);
 }
-function Qt(t, e) {
+function Jt(t, e) {
   if (e)
     for (const { results: n } of e.pages) {
       const r = n.find(({ id: i }) => i === t);
@@ -10337,22 +10335,22 @@ const Zc = ({
         meta: { isEditing: !1, showSuccessMessage: !1 }
       },
       children: o && o.length > 0 ? o == null ? void 0 : o.map((_) => {
-        var L, R, I, V, ee, k, N, Z, z, W, X, Y;
+        var I, U, A, W, J, k, N, Z, B, H, ee, Y;
         const {
           id: g,
           own_children: y,
           latest_children: E,
           children_counts: j
-        } = _, U = (((L = y == null ? void 0 : y.like) == null ? void 0 : L.length) || 0) > 0 ? (R = y == null ? void 0 : y.like) == null ? void 0 : R.find((H) => {
-          var J;
-          return ((J = H == null ? void 0 : H.user) == null ? void 0 : J.id) === (b == null ? void 0 : b.id);
-        }) : !1, D = U ? U == null ? void 0 : U.id : "", q = !!U, O = (((I = E == null ? void 0 : E.like) == null ? void 0 : I.length) || 0) > 0 ? (V = E == null ? void 0 : E.like) == null ? void 0 : V.map((H) => {
-          var J, re, F;
+        } = _, z = (((I = y == null ? void 0 : y.like) == null ? void 0 : I.length) || 0) > 0 ? (U = y == null ? void 0 : y.like) == null ? void 0 : U.find((V) => {
+          var X;
+          return ((X = V == null ? void 0 : V.user) == null ? void 0 : X.id) === (b == null ? void 0 : b.id);
+        }) : !1, F = z ? z == null ? void 0 : z.id : "", q = !!z, O = (((A = E == null ? void 0 : E.like) == null ? void 0 : A.length) || 0) > 0 ? (W = E == null ? void 0 : E.like) == null ? void 0 : W.map((V) => {
+          var X, re, R;
           return {
-            id: (J = H == null ? void 0 : H.user) == null ? void 0 : J.id,
-            name: (F = (re = H == null ? void 0 : H.user) == null ? void 0 : re.data) == null ? void 0 : F.name
+            id: (X = V == null ? void 0 : V.user) == null ? void 0 : X.id,
+            name: (R = (re = V == null ? void 0 : V.user) == null ? void 0 : re.data) == null ? void 0 : R.name
           };
-        }) : !1, S = _ == null ? void 0 : _.user, T = (S == null ? void 0 : S.id) === (b == null ? void 0 : b.id), x = tn(i, T), C = typeof _.data.content == "string" ? (ee = _ == null ? void 0 : _.data) == null ? void 0 : ee.content : (
+        }) : !1, C = _ == null ? void 0 : _.user, T = (C == null ? void 0 : C.id) === (b == null ? void 0 : b.id), x = tn(i, T), $ = typeof _.data.content == "string" ? (J = _ == null ? void 0 : _.data) == null ? void 0 : J.content : (
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
           ((N = (k = _ == null ? void 0 : _.data) == null ? void 0 : k.content) == null ? void 0 : N.text) || ""
         );
@@ -10362,7 +10360,7 @@ const Zc = ({
             content: {
               id: g,
               type: "reply",
-              body: C,
+              body: $,
               canLike: x,
               createdAt: _ == null ? void 0 : _.created_at,
               slugs: {
@@ -10374,13 +10372,13 @@ const Zc = ({
               },
               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: C == null ? void 0 : C.id,
+                name: (Z = C.data) == null ? void 0 : Z.name,
+                organization: (B = C.data) == null ? void 0 : B.organization,
+                jobTitle: (H = C.data) == null ? void 0 : H.jobTitle,
+                location: (ee = C.data) == null ? void 0 : ee.location,
                 image: {
-                  thumbnail: ((Y = S.data) == null ? void 0 : Y.thumbnail) || void 0
+                  thumbnail: ((Y = C.data) == null ? void 0 : Y.thumbnail) || void 0
                 }
               },
               userLiked: q,
@@ -10392,11 +10390,11 @@ const Zc = ({
                 createContent: () => null,
                 deleteContent: () => p({ replyId: g }),
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                updateContent: (H, { body: J }) => d({ replyId: g, content: J })
+                updateContent: (V, { body: X }) => d({ replyId: g, content: X })
               },
               likes: {
                 createLike: () => m({ replyId: g }),
-                deleteLike: () => v({ replyId: g, reactionId: D })
+                deleteLike: () => v({ replyId: g, reactionId: F })
               },
               comments: {}
             }
@@ -10449,19 +10447,19 @@ const Zc = ({
       }
     ),
     f == null ? void 0 : f.map((E) => {
-      var V, ee, k, N, Z, z, W, X, Y, H, J, re;
-      const { id: j, own_children: w, latest_children: U, children_counts: D } = E, M = (((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 W, J, k, N, Z, B, H, ee, Y, V, X, re;
+      const { id: j, own_children: w, latest_children: z, children_counts: F } = E, M = (((W = w == null ? void 0 : w.like) == null ? void 0 : W.length) || 0) > 0 ? (J = w == null ? void 0 : w.like) == null ? void 0 : J.find((R) => {
         var oe;
-        return ((oe = F == null ? void 0 : F.user) == null ? void 0 : oe.id) === (y == null ? void 0 : y.id);
-      }) : !1, O = M ? M == null ? void 0 : M.id : "", S = !!M, x = (((k = U == null ? void 0 : U.like) == null ? void 0 : k.length) || 0) > 0 ? (N = U == null ? void 0 : U.like) == null ? void 0 : N.map((F) => {
-        var oe, A, ve;
+        return ((oe = R == null ? void 0 : R.user) == null ? void 0 : oe.id) === (y == null ? void 0 : y.id);
+      }) : !1, O = M ? M == null ? void 0 : M.id : "", C = !!M, x = (((k = z == null ? void 0 : z.like) == null ? void 0 : k.length) || 0) > 0 ? (N = z == null ? void 0 : z.like) == null ? void 0 : N.map((R) => {
+        var oe, D, ve;
         return {
-          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
+          id: (oe = R == null ? void 0 : R.user) == null ? void 0 : oe.id,
+          name: (ve = (D = R == null ? void 0 : R.user) == null ? void 0 : D.data) == null ? void 0 : ve.name
         };
-      }) : !1, C = E == null ? void 0 : E.user, L = (C == null ? void 0 : C.id) === (y == null ? void 0 : y.id), R = tn(r, L), I = typeof E.data.content == "string" ? (Z = E == null ? void 0 : E.data) == null ? void 0 : Z.content : (
+      }) : !1, $ = E == null ? void 0 : E.user, I = ($ == null ? void 0 : $.id) === (y == null ? void 0 : y.id), U = tn(r, I), A = 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) || ""
+        ((H = (B = E == null ? void 0 : E.data) == null ? void 0 : B.content) == null ? void 0 : H.text) || ""
       );
       return /* @__PURE__ */ a.jsx(oc, { children: /* @__PURE__ */ a.jsx(
         nn,
@@ -10469,8 +10467,8 @@ const Zc = ({
           content: {
             id: j,
             type: "reply",
-            body: I,
-            canLike: R,
+            body: A,
+            canLike: U,
             createdAt: E == null ? void 0 : E.created_at,
             slugs: {
               question: `${t}/${e}`,
@@ -10479,17 +10477,17 @@ const Zc = ({
             },
             slug: j,
             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: $ == null ? void 0 : $.id,
+              name: (ee = $.data) == null ? void 0 : ee.name,
+              organization: (Y = $.data) == null ? void 0 : Y.organization,
+              jobTitle: (V = $.data) == null ? void 0 : V.jobTitle,
+              location: (X = $.data) == null ? void 0 : X.location,
               image: {
-                thumbnail: ((re = C.data) == null ? void 0 : re.thumbnail) || void 0
+                thumbnail: ((re = $.data) == null ? void 0 : re.thumbnail) || void 0
               }
             },
-            userLiked: S,
-            likes: (D == null ? void 0 : D.like) || 0,
+            userLiked: C,
+            likes: (F == null ? void 0 : F.like) || 0,
             peopleWhoLiked: x
           },
           functions: {
@@ -10497,7 +10495,7 @@ const Zc = ({
               createContent: () => null,
               deleteContent: () => _({ replyId: j }),
               // eslint-disable-next-line @typescript-eslint/no-explicit-any
-              updateContent: (F, { body: oe }) => v({ replyId: j, content: oe })
+              updateContent: (R, { body: oe }) => v({ replyId: j, content: oe })
             },
             likes: {
               createLike: () => b({ replyId: j }),
@@ -10606,10 +10604,10 @@ function Kc({
 }) {
   const { mutate: s } = ke({
     mutationFn: t,
-    onMutate: (o) => e((c) => (c && Kt({ activity: c }), c)),
+    onMutate: (o) => e((c) => (c && Gt({ activity: c }), c)),
     onError: n,
     onSuccess: (o, c, f) => {
-      f && Kt({ activity: f, reaction: o }), r.setQueryData(i, f);
+      f && Gt({ activity: f, reaction: o }), r.setQueryData(i, f);
     }
   });
   return s;
@@ -10641,7 +10639,7 @@ const Vl = ({
     leave: f
   }
 }) => {
-  var M, O, S, T, x, C, L, R, I, V;
+  var M, O, C, T, x, $, I, U, A, W;
   const l = G(), u = Ce(Oe), {
     activity: d,
     error: m,
@@ -10661,13 +10659,13 @@ const Vl = ({
         text: l.formatMessage({ id: "activitySection_notFoundError" })
       }
     );
-  const { own_reactions: g, latest_reactions: y } = d, E = (((M = y == null ? void 0 : y.like) == null ? void 0 : M.length) || 0) > 0, j = (((O = g == null ? void 0 : g.like) == null ? void 0 : O.length) || 0) > 0, w = j ? g == null ? void 0 : g.like[0].id : "", U = E ? (S = y == null ? void 0 : y.like) == null ? void 0 : S.map((ee) => {
+  const { own_reactions: g, latest_reactions: y } = d, E = (((M = y == null ? void 0 : y.like) == null ? void 0 : M.length) || 0) > 0, j = (((O = g == null ? void 0 : g.like) == null ? void 0 : O.length) || 0) > 0, w = j ? g == null ? void 0 : g.like[0].id : "", z = E ? (C = y == null ? void 0 : y.like) == null ? void 0 : C.map((J) => {
     var k, N, Z;
     return {
-      id: (k = ee == null ? void 0 : ee.user) == null ? void 0 : k.id,
-      name: (Z = (N = ee == null ? void 0 : ee.user) == null ? void 0 : N.data) == null ? void 0 : Z.name
+      id: (k = J == null ? void 0 : J.user) == null ? void 0 : k.id,
+      name: (Z = (N = J == null ? void 0 : J.user) == null ? void 0 : N.data) == null ? void 0 : Z.name
     };
-  }) : !1, D = d == null ? void 0 : d.actor, q = (D == null ? void 0 : D.id) === (u == null ? void 0 : u.id);
+  }) : !1, F = d == null ? void 0 : d.actor, q = (F == null ? void 0 : F.id) === (u == null ? void 0 : u.id);
   return /* @__PURE__ */ a.jsxs("section", { className: "activity-section", children: [
     /* @__PURE__ */ a.jsx(
       nn,
@@ -10685,28 +10683,28 @@ const Vl = ({
           },
           slug: n,
           author: {
-            id: D.id,
-            name: (T = D.data) == null ? void 0 : T.name,
-            organization: (x = D.data) == null ? void 0 : x.organization,
-            jobTitle: (C = D.data) == null ? void 0 : C.jobTitle,
-            location: (L = D.data) == null ? void 0 : L.location,
+            id: F.id,
+            name: (T = F.data) == null ? void 0 : T.name,
+            organization: (x = F.data) == null ? void 0 : x.organization,
+            jobTitle: ($ = F.data) == null ? void 0 : $.jobTitle,
+            location: (I = F.data) == null ? void 0 : I.location,
             image: {
-              thumbnail: ((R = D.data) == null ? void 0 : R.thumbnail) || void 0
+              thumbnail: ((U = F.data) == null ? void 0 : U.thumbnail) || void 0
             }
           },
           userLiked: j,
-          likes: ((I = d == null ? void 0 : d.reaction_counts) == null ? void 0 : I.like) || 0,
-          comments: ((V = d == null ? void 0 : d.reaction_counts) == null ? void 0 : V.reply) || 0,
-          peopleWhoLiked: U
+          likes: ((A = d == null ? void 0 : d.reaction_counts) == null ? void 0 : A.like) || 0,
+          comments: ((W = d == null ? void 0 : d.reaction_counts) == null ? void 0 : W.reply) || 0,
+          peopleWhoLiked: z
         },
-        originalAuthorId: D == null ? void 0 : D.id,
+        originalAuthorId: F == null ? void 0 : F.id,
         forceHide: { comments: !0 },
         functions: {
           content: {
             createContent: () => null,
             deleteContent: i,
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            updateContent: (ee, { body: k }) => v({ content: k })
+            updateContent: (J, { body: k }) => v({ content: k })
           },
           likes: {
             createLike: () => b({ activityId: n }),
@@ -10788,10 +10786,10 @@ const Vl = ({
     contributors: ["community"]
   }
 ];
-const Mt = "notFoundError_", Kl = () => {
+const Rt = "notFoundError_", Kl = () => {
   const t = G(), e = [];
   return Yr.forEach((n, r) => {
-    n.title = t.formatMessage({ id: `${Mt}post_${r + 1}` }), e.push("solutionArticle");
+    n.title = t.formatMessage({ id: `${Rt}post_${r + 1}` }), e.push("solutionArticle");
   }), /* @__PURE__ */ a.jsxs(
     ac,
     {
@@ -10808,15 +10806,15 @@ const Mt = "notFoundError_", Kl = () => {
               })
             }
           ),
-          /* @__PURE__ */ a.jsx(ae, { href: "/solution-articles/", children: t.formatMessage({ id: `${Mt}cta` }) })
+          /* @__PURE__ */ a.jsx(ie, { href: "/solution-articles/", children: t.formatMessage({ id: `${Rt}cta` }) })
         ] })
       },
       reportError: () => {
       },
       className: "not-found-error",
       children: [
-        /* @__PURE__ */ a.jsx("h1", { children: t.formatMessage({ id: `${Mt}title` }) }),
-        /* @__PURE__ */ a.jsx("p", { children: t.formatMessage({ id: `${Mt}text` }) })
+        /* @__PURE__ */ a.jsx("h1", { children: t.formatMessage({ id: `${Rt}title` }) }),
+        /* @__PURE__ */ a.jsx("p", { children: t.formatMessage({ id: `${Rt}text` }) })
       ]
     }
   );
@@ -10829,8 +10827,8 @@ export {
   gl as Banner,
   _l as BannerSection,
   Dl as Breadcrumbs,
-  ae as Button,
-  Jt as ButtonWrapper,
+  ie as Button,
+  yt as ButtonWrapper,
   Ji as CacheProvider,
   Ma as Card,
   Uo as CardBlock,
@@ -10873,14 +10871,14 @@ export {
   Ml as InviteModal,
   Ra as JoinButton,
   Il as LanguageSwitcher,
-  _t as Link,
+  xt as Link,
   en as LoadMore,
   El as LoadingBlock,
   Te as LoadingPlaceholder,
   fa as LoadingState,
   Fa as Logo,
   yl as LogoSection,
-  At as MarkdownText,
+  It as MarkdownText,
   wl as MarketingBlock,
   Yn as Member,
   Zl as MembersList,
@@ -10893,20 +10891,20 @@ export {
   ms as PageHeading,
   ac as PageLayout,
   Sl as PasswordRules,
-  It as Pill,
+  Lt as Pill,
   Nl as ProfileImageChange,
   ze as ProfilePicture,
   gs as ProgressBar,
   Cl as Rating,
   Wc as RepliesFeed,
   fc as ResponsesHeading,
-  yt as ResponsiveImage,
+  _t as ResponsiveImage,
   hl as ReturnToNavButton,
   Mo as SearchForm,
   Ll as ShareLinks,
   Pl as SignupForm,
   us as Span,
-  Lt as StatusBanner,
+  Bt as StatusBanner,
   Bl as Tabs,
   zl as Tags,
   Tl as TestimonialBlock,
@@ -10919,7 +10917,7 @@ export {
   bo as addAriaProps,
   Fi as generateCssIcon,
   pa as getMember,
-  Vt as headerData,
+  Yt as headerData,
   Yl as mapGetStreamData,
   zi as pageReady,
   ml as passwordValidator,