npm - @apolitical/component-library - Versions diffs - 1.14.13 → 1.14.15 - Mend

@apolitical/component-library 1.14.13 → 1.14.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/index.js +13 -13
package/index.mjs +1104 -1048
package/navigation/index.d.ts +1 -0
package/navigation/tabs/index.d.ts +1 -0
package/navigation/tabs/tabs.d.ts +21 -0
package/navigation/tabs/tabs.mocks.d.ts +14 -0
package/package.json +1 -1
package/style.css +1 -1
package/styles/base/_layout.scss +2 -0
package/styles/variables/colors/_theme.scss +5 -0
package/testing/helpers.d.ts +1 -1

package/index.mjs CHANGED Viewed

@@ -27,23 +27,23 @@ var Nn = { exports: {} };
     var t = {}.hasOwnProperty;
     function n() {
       for (var r = [], i = 0; i < arguments.length; i++) {
-        var c = arguments[i];
-        if (c) {
-          var d = typeof c;
-          if (d === "string" || d === "number")
-            r.push(c);
-          else if (Array.isArray(c)) {
-            if (c.length) {
-              var a = n.apply(null, c);
+        var l = arguments[i];
+        if (l) {
+          var u = typeof l;
+          if (u === "string" || u === "number")
+            r.push(l);
+          else if (Array.isArray(l)) {
+            if (l.length) {
+              var a = n.apply(null, l);
               a && r.push(a);
             }
-          } else if (d === "object") {
-            if (c.toString !== Object.prototype.toString && !c.toString.toString().includes("[native code]")) {
-              r.push(c.toString());
+          } else if (u === "object") {
+            if (l.toString !== Object.prototype.toString && !l.toString.toString().includes("[native code]")) {
+              r.push(l.toString());
               continue;
             }
-            for (var l in c)
-              t.call(c, l) && c[l] && r.push(l);
+            for (var d in l)
+              t.call(l, d) && l[d] && r.push(d);
           }
         }
       }
@@ -53,7 +53,7 @@ var Nn = { exports: {} };
   })();
 })(Nn);
 var Cs = Nn.exports;
-const $ = /* @__PURE__ */ Ds(Cs), As = ({ element: e = "span", showOnFocus: t = !0, children: n, ...r }) => A.createElement(e, { ...r, className: $("hidden", { "show-on-focus": t }), children: n }), _e = We(As), Ps = ({ element: e = "span", children: t = null, ...n }) => A.createElement(e, { ...n, "aria-hidden": !0 }, t), Dn = We(Ps);
+const S = /* @__PURE__ */ Ds(Cs), As = ({ element: e = "span", showOnFocus: t = !0, children: n, ...r }) => A.createElement(e, { ...r, className: S("hidden", { "show-on-focus": t }), children: n }), _e = We(As), Ps = ({ element: e = "span", children: t = null, ...n }) => A.createElement(e, { ...n, "aria-hidden": !0 }, t), Dn = We(Ps);
 var Yt = { exports: {} }, Ye = {};
 /**
  * @license React
@@ -69,18 +69,18 @@ function Rs() {
   if (pn)
     return Ye;
   pn = 1;
-  var e = A, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function d(a, l, o) {
-    var m, u = {}, h = null, p = null;
-    o !== void 0 && (h = "" + o), l.key !== void 0 && (h = "" + l.key), l.ref !== void 0 && (p = l.ref);
-    for (m in l)
-      r.call(l, m) && !c.hasOwnProperty(m) && (u[m] = l[m]);
+  var e = A, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function u(a, d, o) {
+    var m, c = {}, h = null, p = null;
+    o !== void 0 && (h = "" + o), d.key !== void 0 && (h = "" + d.key), d.ref !== void 0 && (p = d.ref);
+    for (m in d)
+      r.call(d, m) && !l.hasOwnProperty(m) && (c[m] = d[m]);
     if (a && a.defaultProps)
-      for (m in l = a.defaultProps, l)
-        u[m] === void 0 && (u[m] = l[m]);
-    return { $$typeof: t, type: a, key: h, ref: p, props: u, _owner: i.current };
+      for (m in d = a.defaultProps, d)
+        c[m] === void 0 && (c[m] = d[m]);
+    return { $$typeof: t, type: a, key: h, ref: p, props: c, _owner: i.current };
   }
-  return Ye.Fragment = n, Ye.jsx = d, Ye.jsxs = d, Ye;
+  return Ye.Fragment = n, Ye.jsx = u, Ye.jsxs = u, Ye;
 }
 var Ge = {};
 /**
@@ -95,27 +95,27 @@ var Ge = {};
 var gn;
 function Fs() {
   return gn || (gn = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = A, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), a = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), o = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), u = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), g = Symbol.iterator, b = "@@iterator";
+    var e = A, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), a = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), o = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), c = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), g = Symbol.iterator, x = "@@iterator";
     function v(f) {
       if (f === null || typeof f != "object")
         return null;
-      var y = g && f[g] || f[b];
+      var y = g && f[g] || f[x];
       return typeof y == "function" ? y : null;
     }
     var E = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function k(f) {
       {
-        for (var y = arguments.length, S = new Array(y > 1 ? y - 1 : 0), M = 1; M < y; M++)
-          S[M - 1] = arguments[M];
-        _("error", f, S);
+        for (var y = arguments.length, $ = new Array(y > 1 ? y - 1 : 0), M = 1; M < y; M++)
+          $[M - 1] = arguments[M];
+        _("error", f, $);
       }
     }
-    function _(f, y, S) {
+    function _(f, y, $) {
       {
         var M = E.ReactDebugCurrentFrame, Q = M.getStackAddendum();
-        Q !== "" && (y += "%s", S = S.concat([Q]));
-        var W = S.map(function(I) {
-          return String(I);
+        Q !== "" && (y += "%s", $ = $.concat([Q]));
+        var W = $.map(function(O) {
+          return String(O);
         });
         W.unshift("Warning: " + y), Function.prototype.apply.call(console[f], console, W);
       }
@@ -123,18 +123,18 @@ function Fs() {
     var T = !1, C = !1, R = !1, V = !1, N = !1, P;
     P = Symbol.for("react.module.reference");
     function G(f) {
-      return !!(typeof f == "string" || typeof f == "function" || f === r || f === c || N || f === i || f === o || f === m || V || f === p || T || C || R || typeof f == "object" && f !== null && (f.$$typeof === h || f.$$typeof === u || f.$$typeof === d || f.$$typeof === a || f.$$typeof === l || // This needs to include all possible module reference object
+      return !!(typeof f == "string" || typeof f == "function" || f === r || f === l || N || f === i || f === o || f === m || V || f === p || T || C || R || typeof f == "object" && f !== null && (f.$$typeof === h || f.$$typeof === c || f.$$typeof === u || f.$$typeof === a || f.$$typeof === d || // 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.
       f.$$typeof === P || f.getModuleId !== void 0));
     }
-    function x(f, y, S) {
+    function b(f, y, $) {
       var M = f.displayName;
       if (M)
         return M;
       var Q = y.displayName || y.name || "";
-      return Q !== "" ? S + "(" + Q + ")" : S;
+      return Q !== "" ? $ + "(" + Q + ")" : $;
     }
     function K(f) {
       return f.displayName || "Context";
@@ -151,7 +151,7 @@ function Fs() {
           return "Fragment";
         case n:
           return "Portal";
-        case c:
+        case l:
           return "Profiler";
         case i:
           return "StrictMode";
@@ -165,18 +165,18 @@ function Fs() {
           case a:
             var y = f;
             return K(y) + ".Consumer";
-          case d:
-            var S = f;
-            return K(S._context) + ".Provider";
-          case l:
-            return x(f, f.render, "ForwardRef");
           case u:
+            var $ = f;
+            return K($._context) + ".Provider";
+          case d:
+            return b(f, f.render, "ForwardRef");
+          case c:
             var M = f.displayName || null;
             return M !== null ? M : j(f.type) || "Memo";
           case h: {
-            var Q = f, W = Q._payload, I = Q._init;
+            var Q = f, W = Q._payload, O = Q._init;
             try {
-              return j(I(W));
+              return j(O(W));
             } catch {
               return null;
             }
@@ -185,9 +185,9 @@ function Fs() {
       return null;
     }
     var w = Object.assign, z = 0, X, se, re, ae, q, fe, ue;
-    function O() {
+    function I() {
     }
-    O.__reactDisabledLog = !0;
+    I.__reactDisabledLog = !0;
     function oe() {
       {
         if (z === 0) {
@@ -195,7 +195,7 @@ function Fs() {
           var f = {
             configurable: !0,
             enumerable: !0,
-            value: O,
+            value: I,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -247,7 +247,7 @@ function Fs() {
       }
     }
     var ce = E.ReactCurrentDispatcher, xe;
-    function pe(f, y, S) {
+    function pe(f, y, $) {
       {
         if (xe === void 0)
           try {
@@ -269,9 +269,9 @@ function Fs() {
       if (!f || be)
         return "";
       {
-        var S = ge.get(f);
-        if (S !== void 0)
-          return S;
+        var $ = ge.get(f);
+        if ($ !== void 0)
+          return $;
       }
       var M;
       be = !0;
@@ -281,27 +281,27 @@ function Fs() {
       W = ce.current, ce.current = null, oe();
       try {
         if (y) {
-          var I = function() {
+          var O = function() {
             throw Error();
           };
-          if (Object.defineProperty(I.prototype, "props", {
+          if (Object.defineProperty(O.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(I, []);
+              Reflect.construct(O, []);
             } catch (Ne) {
               M = Ne;
             }
-            Reflect.construct(f, [], I);
+            Reflect.construct(f, [], O);
           } else {
             try {
-              I.call();
+              O.call();
             } catch (Ne) {
               M = Ne;
             }
-            f.call(I.prototype);
+            f.call(O.prototype);
           }
         } else {
           try {
@@ -333,17 +333,17 @@ function Fs() {
       } finally {
         be = !1, ce.current = W, he(), Error.prepareStackTrace = Q;
       }
-      var Ie = f ? f.displayName || f.name : "", hn = Ie ? pe(Ie) : "";
+      var Oe = f ? f.displayName || f.name : "", hn = Oe ? pe(Oe) : "";
       return typeof f == "function" && ge.set(f, hn), hn;
     }
-    function le(f, y, S) {
+    function le(f, y, $) {
       return J(f, !1);
     }
     function ee(f) {
       var y = f.prototype;
       return !!(y && y.isReactComponent);
     }
-    function me(f, y, S) {
+    function me(f, y, $) {
       if (f == null)
         return "";
       if (typeof f == "function")
@@ -358,14 +358,14 @@ function Fs() {
       }
       if (typeof f == "object")
         switch (f.$$typeof) {
-          case l:
+          case d:
             return le(f.render);
-          case u:
-            return me(f.type, y, S);
+          case c:
+            return me(f.type, y, $);
           case h: {
             var M = f, Q = M._payload, W = M._init;
             try {
-              return me(W(Q), y, S);
+              return me(W(Q), y, $);
             } catch {
             }
           }
@@ -375,27 +375,27 @@ function Fs() {
     var ke = Object.prototype.hasOwnProperty, Ae = {}, ze = E.ReactDebugCurrentFrame;
     function Fe(f) {
       if (f) {
-        var y = f._owner, S = me(f.type, f._source, y ? y.type : null);
-        ze.setExtraStackFrame(S);
+        var y = f._owner, $ = me(f.type, f._source, y ? y.type : null);
+        ze.setExtraStackFrame($);
       } else
         ze.setExtraStackFrame(null);
     }
-    function et(f, y, S, M, Q) {
+    function et(f, y, $, M, Q) {
       {
         var W = Function.call.bind(ke);
-        for (var I in f)
-          if (W(f, I)) {
+        for (var O in f)
+          if (W(f, O)) {
             var F = void 0;
             try {
-              if (typeof f[I] != "function") {
-                var we = Error((M || "React class") + ": " + S + " type `" + I + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof f[I] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof f[O] != "function") {
+                var we = Error((M || "React class") + ": " + $ + " type `" + O + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof f[O] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw we.name = "Invariant Violation", we;
               }
-              F = f[I](y, I, M, S, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              F = f[O](y, O, M, $, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (Z) {
               F = Z;
             }
-            F && !(F instanceof Error) && (Fe(Q), k("%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).", M || "React class", S, I, typeof F), Fe(null)), F instanceof Error && !(F.message in Ae) && (Ae[F.message] = !0, Fe(Q), k("Failed %s type: %s", S, F.message), Fe(null));
+            F && !(F instanceof Error) && (Fe(Q), k("%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).", M || "React class", $, O, typeof F), Fe(null)), F instanceof Error && !(F.message in Ae) && (Ae[F.message] = !0, Fe(Q), k("Failed %s type: %s", $, F.message), Fe(null));
           }
       }
     }
@@ -405,8 +405,8 @@ function Fs() {
     }
     function Le(f) {
       {
-        var y = typeof Symbol == "function" && Symbol.toStringTag, S = y && f[Symbol.toStringTag] || f.constructor.name || "Object";
-        return S;
+        var y = typeof Symbol == "function" && Symbol.toStringTag, $ = y && f[Symbol.toStringTag] || f.constructor.name || "Object";
+        return $;
       }
     }
     function tt(f) {
@@ -448,41 +448,41 @@ function Fs() {
     }
     function ss(f, y) {
       if (typeof f.ref == "string" && Ve.current && y && Ve.current.stateNode !== y) {
-        var S = j(Ve.current.type);
-        $t[S] || (k('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', j(Ve.current.type), f.ref), $t[S] = !0);
+        var $ = j(Ve.current.type);
+        $t[$] || (k('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', j(Ve.current.type), f.ref), $t[$] = !0);
       }
     }
     function rs(f, y) {
       {
-        var S = function() {
+        var $ = function() {
           an || (an = !0, k("%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)", y));
         };
-        S.isReactWarning = !0, Object.defineProperty(f, "key", {
-          get: S,
+        $.isReactWarning = !0, Object.defineProperty(f, "key", {
+          get: $,
           configurable: !0
         });
       }
     }
     function as(f, y) {
       {
-        var S = function() {
+        var $ = function() {
           on || (on = !0, k("%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)", y));
         };
-        S.isReactWarning = !0, Object.defineProperty(f, "ref", {
-          get: S,
+        $.isReactWarning = !0, Object.defineProperty(f, "ref", {
+          get: $,
           configurable: !0
         });
       }
     }
-    var os = function(f, y, S, M, Q, W, I) {
+    var os = function(f, y, $, M, Q, W, O) {
       var F = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
         type: f,
         key: y,
-        ref: S,
-        props: I,
+        ref: $,
+        props: O,
         // Record the component responsible for creating this element.
         _owner: W
       };
@@ -503,29 +503,29 @@ function Fs() {
         value: Q
       }), Object.freeze && (Object.freeze(F.props), Object.freeze(F)), F;
     };
-    function is(f, y, S, M, Q) {
+    function is(f, y, $, M, Q) {
       {
-        var W, I = {}, F = null, we = null;
-        S !== void 0 && (rn(S), F = "" + S), ns(y) && (rn(y.key), F = "" + y.key), ts(y) && (we = y.ref, ss(y, Q));
+        var W, O = {}, F = null, we = null;
+        $ !== void 0 && (rn($), F = "" + $), ns(y) && (rn(y.key), F = "" + y.key), ts(y) && (we = y.ref, ss(y, Q));
         for (W in y)
-          ke.call(y, W) && !es.hasOwnProperty(W) && (I[W] = y[W]);
+          ke.call(y, W) && !es.hasOwnProperty(W) && (O[W] = y[W]);
         if (f && f.defaultProps) {
           var Z = f.defaultProps;
           for (W in Z)
-            I[W] === void 0 && (I[W] = Z[W]);
+            O[W] === void 0 && (O[W] = Z[W]);
         }
         if (F || we) {
           var ne = typeof f == "function" ? f.displayName || f.name || "Unknown" : f;
-          F && rs(I, ne), we && as(I, ne);
+          F && rs(O, ne), we && as(O, ne);
         }
-        return os(f, F, we, Q, M, Ve.current, I);
+        return os(f, F, we, Q, M, Ve.current, O);
       }
     }
     var Tt = E.ReactCurrentOwner, cn = E.ReactDebugCurrentFrame;
-    function Oe(f) {
+    function Ie(f) {
       if (f) {
-        var y = f._owner, S = me(f.type, f._source, y ? y.type : null);
-        cn.setExtraStackFrame(S);
+        var y = f._owner, $ = me(f.type, f._source, y ? y.type : null);
+        cn.setExtraStackFrame($);
       } else
         cn.setExtraStackFrame(null);
     }
@@ -549,10 +549,10 @@ Check the render method of \`` + f + "`.";
     function cs(f) {
       {
         if (f !== void 0) {
-          var y = f.fileName.replace(/^.*[\\\/]/, ""), S = f.lineNumber;
+          var y = f.fileName.replace(/^.*[\\\/]/, ""), $ = f.lineNumber;
           return `
-Check your code at ` + y + ":" + S + ".";
+Check your code at ` + y + ":" + $ + ".";
         }
         return "";
       }
@@ -562,10 +562,10 @@ Check your code at ` + y + ":" + S + ".";
       {
         var y = ln();
         if (!y) {
-          var S = typeof f == "string" ? f : f.displayName || f.name;
-          S && (y = `
+          var $ = typeof f == "string" ? f : f.displayName || f.name;
+          $ && (y = `
-Check the top-level render call using <` + S + ">.");
+Check the top-level render call using <` + $ + ">.");
         }
         return y;
       }
@@ -575,12 +575,12 @@ Check the top-level render call using <` + S + ">.");
         if (!f._store || f._store.validated || f.key != null)
           return;
         f._store.validated = !0;
-        var S = ls(y);
-        if (dn[S])
+        var $ = ls(y);
+        if (dn[$])
           return;
-        dn[S] = !0;
+        dn[$] = !0;
         var M = "";
-        f && f._owner && f._owner !== Tt.current && (M = " It was passed a child from " + j(f._owner.type) + "."), Oe(f), k('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', S, M), Oe(null);
+        f && f._owner && f._owner !== Tt.current && (M = " It was passed a child from " + j(f._owner.type) + "."), Ie(f), k('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', $, M), Ie(null);
       }
     }
     function mn(f, y) {
@@ -588,8 +588,8 @@ Check the top-level render call using <` + S + ">.");
         if (typeof f != "object")
           return;
         if (Ee(f))
-          for (var S = 0; S < f.length; S++) {
-            var M = f[S];
+          for (var $ = 0; $ < f.length; $++) {
+            var M = f[$];
             Nt(M) && un(M, y);
           }
         else if (Nt(f))
@@ -597,8 +597,8 @@ Check the top-level render call using <` + S + ">.");
         else if (f) {
           var Q = v(f);
           if (typeof Q == "function" && Q !== f.entries)
-            for (var W = Q.call(f), I; !(I = W.next()).done; )
-              Nt(I.value) && un(I.value, y);
+            for (var W = Q.call(f), O; !(O = W.next()).done; )
+              Nt(O.value) && un(O.value, y);
         }
       }
     }
@@ -607,18 +607,18 @@ Check the top-level render call using <` + S + ">.");
         var y = f.type;
         if (y == null || typeof y == "string")
           return;
-        var S;
+        var $;
         if (typeof y == "function")
-          S = y.propTypes;
-        else if (typeof y == "object" && (y.$$typeof === l || // Note: Memo only checks outer props here.
+          $ = y.propTypes;
+        else if (typeof y == "object" && (y.$$typeof === d || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        y.$$typeof === u))
-          S = y.propTypes;
+        y.$$typeof === c))
+          $ = y.propTypes;
         else
           return;
-        if (S) {
+        if ($) {
           var M = j(y);
-          et(S, f.props, "prop", M, f);
+          et($, f.props, "prop", M, f);
         } else if (y.PropTypes !== void 0 && !Mt) {
           Mt = !0;
           var Q = j(y);
@@ -629,20 +629,20 @@ Check the top-level render call using <` + S + ">.");
     }
     function us(f) {
       {
-        for (var y = Object.keys(f.props), S = 0; S < y.length; S++) {
-          var M = y[S];
+        for (var y = Object.keys(f.props), $ = 0; $ < y.length; $++) {
+          var M = y[$];
           if (M !== "children" && M !== "key") {
-            Oe(f), k("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", M), Oe(null);
+            Ie(f), k("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", M), Ie(null);
             break;
           }
         }
-        f.ref !== null && (Oe(f), k("Invalid attribute `ref` supplied to `React.Fragment`."), Oe(null));
+        f.ref !== null && (Ie(f), k("Invalid attribute `ref` supplied to `React.Fragment`."), Ie(null));
       }
     }
-    function fn(f, y, S, M, Q, W) {
+    function fn(f, y, $, M, Q, W) {
       {
-        var I = G(f);
-        if (!I) {
+        var O = G(f);
+        if (!O) {
           var F = "";
           (f === void 0 || typeof f == "object" && f !== null && Object.keys(f).length === 0) && (F += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var we = cs(Q);
@@ -650,16 +650,16 @@ Check the top-level render call using <` + S + ">.");
           var Z;
           f === null ? Z = "null" : Ee(f) ? Z = "array" : f !== void 0 && f.$$typeof === t ? (Z = "<" + (j(f.type) || "Unknown") + " />", F = " Did you accidentally export a JSX literal instead of a component?") : Z = typeof f, k("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Z, F);
         }
-        var ne = is(f, y, S, Q, W);
+        var ne = is(f, y, $, Q, W);
         if (ne == null)
           return ne;
-        if (I) {
+        if (O) {
           var ye = y.children;
           if (ye !== void 0)
             if (M)
               if (Ee(ye)) {
-                for (var Ie = 0; Ie < ye.length; Ie++)
-                  mn(ye[Ie], f);
+                for (var Oe = 0; Oe < ye.length; Oe++)
+                  mn(ye[Oe], f);
                 Object.freeze && Object.freeze(ye);
               } else
                 k("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
@@ -669,11 +669,11 @@ Check the top-level render call using <` + S + ">.");
         return f === r ? us(ne) : ds(ne), ne;
       }
     }
-    function ms(f, y, S) {
-      return fn(f, y, S, !0);
+    function ms(f, y, $) {
+      return fn(f, y, $, !0);
     }
-    function fs(f, y, S) {
-      return fn(f, y, S, !1);
+    function fs(f, y, $) {
+      return fn(f, y, $, !1);
     }
     var hs = fs, ps = ms;
     Ge.Fragment = r, Ge.jsx = hs, Ge.jsxs = ps;
@@ -695,8 +695,8 @@ const Ls = () => {
     n.current ? e() : n.current = !0;
   }, t);
 };
-function Os(e, t, n) {
-  var r = this, i = de(null), c = de(0), d = de(null), a = de([]), l = de(), o = de(), m = de(e), u = de(!0);
+function Is(e, t, n) {
+  var r = this, i = de(null), l = de(0), u = de(null), a = de([]), d = de(), o = de(), m = de(e), c = de(!0);
   Y(function() {
     m.current = e;
   }, [e]);
@@ -704,56 +704,56 @@ function Os(e, t, n) {
   if (typeof e != "function")
     throw new TypeError("Expected a function");
   t = +t || 0;
-  var p = !!(n = n || {}).leading, g = !("trailing" in n) || !!n.trailing, b = "maxWait" in n, v = b ? Math.max(+n.maxWait || 0, t) : null;
+  var p = !!(n = n || {}).leading, g = !("trailing" in n) || !!n.trailing, x = "maxWait" in n, v = x ? Math.max(+n.maxWait || 0, t) : null;
   Y(function() {
-    return u.current = !0, function() {
-      u.current = !1;
+    return c.current = !0, function() {
+      c.current = !1;
     };
   }, []);
   var E = xt(function() {
     var k = function(N) {
-      var P = a.current, G = l.current;
-      return a.current = l.current = null, c.current = N, o.current = m.current.apply(G, P);
+      var P = a.current, G = d.current;
+      return a.current = d.current = null, l.current = N, o.current = m.current.apply(G, P);
     }, _ = function(N, P) {
-      h && cancelAnimationFrame(d.current), d.current = h ? requestAnimationFrame(N) : setTimeout(N, P);
+      h && cancelAnimationFrame(u.current), u.current = h ? requestAnimationFrame(N) : setTimeout(N, P);
     }, T = function(N) {
-      if (!u.current)
+      if (!c.current)
         return !1;
       var P = N - i.current;
-      return !i.current || P >= t || P < 0 || b && N - c.current >= v;
+      return !i.current || P >= t || P < 0 || x && N - l.current >= v;
     }, C = function(N) {
-      return d.current = null, g && a.current ? k(N) : (a.current = l.current = null, o.current);
+      return u.current = null, g && a.current ? k(N) : (a.current = d.current = null, o.current);
     }, R = function N() {
       var P = Date.now();
       if (T(P))
         return C(P);
-      if (u.current) {
-        var G = t - (P - i.current), x = b ? Math.min(G, v - (P - c.current)) : G;
-        _(N, x);
+      if (c.current) {
+        var G = t - (P - i.current), b = x ? Math.min(G, v - (P - l.current)) : G;
+        _(N, b);
       }
     }, V = function() {
       var N = Date.now(), P = T(N);
-      if (a.current = [].slice.call(arguments), l.current = r, i.current = N, P) {
-        if (!d.current && u.current)
-          return c.current = i.current, _(R, t), p ? k(i.current) : o.current;
-        if (b)
+      if (a.current = [].slice.call(arguments), d.current = r, i.current = N, P) {
+        if (!u.current && c.current)
+          return l.current = i.current, _(R, t), p ? k(i.current) : o.current;
+        if (x)
           return _(R, t), k(i.current);
       }
-      return d.current || _(R, t), o.current;
+      return u.current || _(R, t), o.current;
     };
     return V.cancel = function() {
-      d.current && (h ? cancelAnimationFrame(d.current) : clearTimeout(d.current)), c.current = 0, a.current = i.current = l.current = d.current = null;
+      u.current && (h ? cancelAnimationFrame(u.current) : clearTimeout(u.current)), l.current = 0, a.current = i.current = d.current = u.current = null;
     }, V.isPending = function() {
-      return !!d.current;
+      return !!u.current;
     }, V.flush = function() {
-      return d.current ? C(Date.now()) : o.current;
+      return u.current ? C(Date.now()) : o.current;
     }, V;
-  }, [p, b, t, v, g, h]);
+  }, [p, x, t, v, g, h]);
   return E;
 }
 function Cn(e, t, n) {
-  var r = n === void 0 ? {} : n, i = r.leading, c = r.trailing;
-  return Os(e, t, { maxWait: t, leading: i === void 0 || i, trailing: c === void 0 || c });
+  var r = n === void 0 ? {} : n, i = r.leading, l = r.trailing;
+  return Is(e, t, { maxWait: t, leading: i === void 0 || i, trailing: l === void 0 || l });
 }
 let Dt;
 const vt = (e = !0, t = !1, n = "window") => {
@@ -761,17 +761,17 @@ const vt = (e = !0, t = !1, n = "window") => {
     return;
   const [r, i] = A.useState(0) || [!1, () => {
   }];
-  Y(() => (a(), window.addEventListener("resize", l), () => {
-    clearTimeout(Dt), l.flush(), window.removeEventListener("resize", l);
+  Y(() => (a(), window.addEventListener("resize", d), () => {
+    clearTimeout(Dt), d.flush(), window.removeEventListener("resize", d);
   }), n === "window" ? [] : [n]);
-  const d = () => {
+  const u = () => {
     if (n)
       return n === "window" ? window.innerWidth : n.offsetWidth;
   }, a = () => {
-    i(d());
-  }, l = Cn(
+    i(u());
+  }, d = Cn(
     () => {
-      d() !== r && (t && (clearTimeout(Dt), document.body.classList.add("is-resizing"), Dt = setTimeout(() => {
+      u() !== r && (t && (clearTimeout(Dt), document.body.classList.add("is-resizing"), Dt = setTimeout(() => {
         document.body.classList.remove("is-resizing");
       }, 550)), a());
     },
@@ -779,7 +779,7 @@ const vt = (e = !0, t = !1, n = "window") => {
     { leading: !0 }
   );
   return r;
-}, Is = ({
+}, Os = ({
   scrollPosition: e = 0,
   // The position on the page to scroll past
   offset: t = { down: 0, up: 10 },
@@ -790,24 +790,24 @@ const vt = (e = !0, t = !1, n = "window") => {
 }) => {
   if (!window)
     return;
-  const [i, c] = A.useState({ current: 0, past: 0 }) || [!1, () => {
-  }], [d, a] = A.useState({ scrollDown: !1, scrollUp: !1 }) || [!1, () => {
+  const [i, l] = A.useState({ current: 0, past: 0 }) || [!1, () => {
+  }], [u, a] = A.useState({ scrollDown: !1, scrollUp: !1 }) || [!1, () => {
   }];
-  Y(() => (l(), window.addEventListener("scroll", o), () => {
+  Y(() => (d(), window.addEventListener("scroll", o), () => {
     o.flush(), window.removeEventListener("scroll", o);
   }), []);
-  const l = () => {
-    const m = window.scrollY, u = i.current, h = m - u, p = h > 0 ? "down" : "up";
-    if (c({ current: m, past: u }), p === "down") {
-      m >= e + t.down && !d.scrollDown && (!d.scrollUp || h > t.up) && (n(), a({ scrollUp: !1, scrollDown: !0 }));
+  const d = () => {
+    const m = window.scrollY, c = i.current, h = m - c, p = h > 0 ? "down" : "up";
+    if (l({ current: m, past: c }), p === "down") {
+      m >= e + t.down && !u.scrollDown && (!u.scrollUp || h > t.up) && (n(), a({ scrollUp: !1, scrollDown: !0 }));
       return;
     }
-    Math.abs(h) >= t.up && !d.scrollUp && (r(), a({ scrollUp: !0, scrollDown: !1 }));
+    Math.abs(h) >= t.up && !u.scrollUp && (r(), a({ scrollUp: !0, scrollDown: !1 }));
   }, o = Cn(() => {
-    l();
+    d();
   }, 250);
   return i;
-}, Ia = (e = [], t = !0) => {
+}, Oa = (e = [], t = !0) => {
   e = Array.isArray(e) ? e : [e];
   const n = de(!1);
   He(() => {
@@ -827,10 +827,10 @@ const vt = (e = !0, t = !1, n = "window") => {
 }, Pn = (e, t, n) => {
   let r = n.mobile;
   for (const i in t) {
-    const c = parseInt(String(t[i]));
-    if (e >= c)
-      r = n[c];
-    else if (e < c)
+    const l = parseInt(String(t[i]));
+    if (e >= l)
+      r = n[l];
+    else if (e < l)
       break;
   }
   return r;
@@ -840,16 +840,16 @@ const vt = (e = !0, t = !1, n = "window") => {
   month: "short",
   year: "numeric"
 }), Gt = (e) => {
-  let c;
-  const d = _n(), a = _n(new Date(e));
+  let l;
+  const u = _n(), a = _n(new Date(e));
   try {
-    c = d.getTime() - a.getTime();
+    l = u.getTime() - a.getTime();
   } catch {
     return "";
   }
-  const l = c / 36e5, o = Math.floor(c / 864e5);
+  const d = l / 36e5, o = Math.floor(l / 864e5);
   if (o < 1)
-    return l < 1 ? { path: "now" } : { path: "hours", number: Math.floor(l) };
+    return d < 1 ? { path: "now" } : { path: "hours", number: Math.floor(d) };
   if (o < 7)
     return { path: "days", number: o };
   const m = Math.floor(o / 7);
@@ -1200,8 +1200,8 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   fr: Us,
   pt: Ws
 }, Symbol.toStringTag, { value: "Module" })), Fn = (e) => e in qt, Te = (e, t, n, r, i = {}) => {
-  let c = "";
-  return Fn(`${t}_${n}`) ? c = e({ id: `${t}_${n}` }, i) : c = e({ id: t }, { [r]: n, ...i }), c;
+  let l = "";
+  return Fn(`${t}_${n}`) ? l = e({ id: `${t}_${n}` }, i) : l = e({ id: t }, { [r]: n, ...i }), l;
 }, Vs = (e, t, n) => {
   if (!e || e === 0)
     return "0";
@@ -1209,9 +1209,9 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   let r = e.toString();
   t = Math.pow(10, t);
   for (let i = n.length - 1; i >= 0; i--) {
-    const c = Math.pow(10, (i + 1) * 3);
-    if (c <= e) {
-      e = Math.round(e * t / c) / t, e === 1e3 && i < n.length - 1 && (e = 1, i++), r = `${e}${n[i]}`;
+    const l = Math.pow(10, (i + 1) * 3);
+    if (l <= e) {
+      e = Math.round(e * t / l) / t, e === 1e3 && i < n.length - 1 && (e = 1, i++), r = `${e}${n[i]}`;
       break;
     }
   }
@@ -1235,13 +1235,13 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   styling: n = { muted: !1, fullWidth: !1 },
   icon: r = !1,
   href: i = !1,
-  element: c = "button",
-  onClick: d = !1,
+  element: l = "button",
+  onClick: u = !1,
   className: a = "",
-  disabled: l = !1,
+  disabled: d = !1,
   screenreaderText: o = !1,
   children: m = !1,
-  ...u
+  ...c
 }) => {
   const p = vt(typeof t == "object");
   if (typeof t == "object" && typeof p == "number") {
@@ -1250,48 +1250,48 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   }
   const g = [];
   typeof t == "string" && g.push(t), r && (g.push("icon"), typeof r == "object" ? (g.push(r.icon), r.position ? g.push(r.position) : g.push("left"), r.hover && g.push(`hover_${r.hover}`), r.animate && (g.push("animate"), typeof r.animate == "string" && g.push(r.animate))) : (g.push(r), !r.includes("right") && !r.includes("left") && g.push("left"))), n.muted && g.push("muted"), n.fullWidth && g.push("full-width");
-  const b = {
-    ...u,
-    className: $(e, a, g, {
+  const x = {
+    ...c,
+    className: S(e, a, g, {
       "no-text": !m,
-      disabled: l,
+      disabled: d,
       button: i
     }),
     onClick: (v) => {
-      (!i || i[0] === "#") && d && (v.preventDefault(), v.stopPropagation()), d && d(v);
+      (!i || i[0] === "#") && u && (v.preventDefault(), v.stopPropagation()), u && u(v);
     },
-    disabled: typeof l == "object" && "isClickable" in l ? !l.isClickable : l
+    disabled: typeof d == "object" && "isClickable" in d ? !d.isClickable : d
   };
-  return i && (c = "a", b.href = i), A.createElement(
-    c,
-    b,
+  return i && (l = "a", x.href = i), A.createElement(
+    l,
+    x,
     m || (o ? /* @__PURE__ */ s.jsx(_e, { showOnFocus: !1, children: o }) : null)
   );
 }, kt = ({ buttons: e, className: t = "", ...n }) => {
-  const r = e.length > 1 ? "ul" : "p", i = e.map((c, d) => r === "p" ? /* @__PURE__ */ s.jsx(U, { ...c }, d) : /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(U, { ...c }) }, d));
-  return A.createElement(r, { className: $("button-wrapper", t), ...n, children: i });
+  const r = e.length > 1 ? "ul" : "p", i = e.map((l, u) => r === "p" ? /* @__PURE__ */ s.jsx(U, { ...l }, u) : /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(U, { ...l }) }, u));
+  return A.createElement(r, { className: S("button-wrapper", t), ...n, children: i });
 };
 const Ue = ({ className: e = "", maxWidth: t = !1 }) => {
   const n = t ? { "--max-width": `${t / 16}rem` } : {};
-  return /* @__PURE__ */ s.jsx("hr", { className: $(e, { "has-max-width": t }), style: n });
+  return /* @__PURE__ */ s.jsx("hr", { className: S(e, { "has-max-width": t }), style: n });
 }, jt = ({
   href: e,
   children: t,
   fallbackElement: n,
   className: r = "",
   onClick: i,
-  gtmContext: c,
-  gtmType: d,
+  gtmContext: l,
+  gtmType: u,
   ...a
 }) => {
   if (e) {
-    const l = { ...a };
-    return i && (l.onClick = i), c && (l["data-gtm-event-context"] = c), d && (l["data-gtm-event-type"] = d), /* @__PURE__ */ s.jsx(
+    const d = { ...a };
+    return i && (d.onClick = i), l && (d["data-gtm-event-context"] = l), u && (d["data-gtm-event-type"] = u), /* @__PURE__ */ s.jsx(
       "a",
       {
         href: e,
-        className: $("gtm-trackable", r),
-        ...l,
+        className: S("gtm-trackable", r),
+        ...d,
         children: t
       }
     );
@@ -1410,26 +1410,26 @@ const Ue = ({ className: e = "", maxWidth: t = !1 }) => {
 }, Ks = ({ format: e, height: t, query: n, width: r }) => {
   let i = `w=${r}&h=${t}`;
   return i = e ? `${i}&fm=${e}` : i, i = n ? `${i}&${n}` : i, i;
-}, Ct = ({ format: e, range: t, url: n, query: r }) => t.map(({ height: i, width: c }) => `${n}?${Ks({
+}, Ct = ({ format: e, range: t, url: n, query: r }) => t.map(({ height: i, width: l }) => `${n}?${Ks({
   format: e,
   height: i,
   query: r,
-  width: c
-})} ${c}w`).join(", ");
+  width: l
+})} ${l}w`).join(", ");
 const Ln = ({ image: e, className: t, testId: n }) => {
   const {
     description: r,
     height: i,
-    type: c,
-    query: d,
+    type: l,
+    query: u,
     url: a,
-    width: l,
+    width: d,
     loading: o,
     decoding: m,
-    fetchPriority: u
-  } = e, { range: h, sizes: p } = Zs(e), g = Ct({ format: "avif", query: d, range: h, url: a }), b = Ct({ format: "webp", query: d, range: h, url: a }), v = Ct({ format: "", query: d, range: h, url: a });
+    fetchPriority: c
+  } = e, { range: h, sizes: p } = Zs(e), g = Ct({ format: "avif", query: u, range: h, url: a }), x = Ct({ format: "webp", query: u, range: h, url: a }), v = Ct({ format: "", query: u, range: h, url: a });
   return /* @__PURE__ */ s.jsxs("picture", { className: t, children: [
-    c !== "image/gif" && /* @__PURE__ */ s.jsx(
+    l !== "image/gif" && /* @__PURE__ */ s.jsx(
       "source",
       {
         type: "image/avif",
@@ -1442,7 +1442,7 @@ const Ln = ({ image: e, className: t, testId: n }) => {
       "source",
       {
         type: "image/webp",
-        srcSet: b,
+        srcSet: x,
         sizes: p,
         "data-testid": "source"
       }
@@ -1456,8 +1456,8 @@ const Ln = ({ image: e, className: t, testId: n }) => {
         alt: r,
         loading: o || "lazy",
         decoding: m || "async",
-        fetchpriority: u || "auto",
-        width: l,
+        fetchpriority: c || "auto",
+        width: d,
         height: i,
         "data-testid": n || "image"
       }
@@ -1466,26 +1466,26 @@ const Ln = ({ image: e, className: t, testId: n }) => {
 };
 let Je = !1;
 const qs = ({ isOpen: e = !1, isLoading: t = !1, children: n }) => {
-  const r = D(), i = de(null), [c, d] = L("hidden");
+  const r = D(), i = de(null), [l, u] = L("hidden");
   Y(() => {
-    const l = i.current;
-    if (l)
-      return l.addEventListener("transitionend", a), () => {
-        l.removeEventListener("transitionend", a);
+    const d = i.current;
+    if (d)
+      return d.addEventListener("transitionend", a), () => {
+        d.removeEventListener("transitionend", a);
       };
   }, []);
-  const a = ({ propertyName: l }) => {
-    l === "opacity" && (Je !== !1 && clearTimeout(Je), d((o) => o === "opening" ? "open" : o === "closing" ? "closed" : o === "closed" ? "hidden" : o));
+  const a = ({ propertyName: d }) => {
+    d === "opacity" && (Je !== !1 && clearTimeout(Je), u((o) => o === "opening" ? "open" : o === "closing" ? "closed" : o === "closed" ? "hidden" : o));
   };
   return He(() => {
     Je !== !1 && clearTimeout(Je);
-    let l = "open";
-    e ? d("opening") : (d("closing"), l = "hidden"), Je = setTimeout(() => {
-      d(l);
+    let d = "open";
+    e ? u("opening") : (u("closing"), d = "hidden"), Je = setTimeout(() => {
+      u(d);
     }, 300);
-  }, [e]), /* @__PURE__ */ s.jsx("aside", { ref: i, className: $("tooltip text-medium", c, { loading: t }), hidden: c === "hidden", children: t ? /* @__PURE__ */ s.jsx("p", { children: r.formatMessage({ id: "tooltip_loading" }) }) : typeof n == "string" ? /* @__PURE__ */ s.jsx("p", { children: n }) : n });
+  }, [e]), /* @__PURE__ */ s.jsx("aside", { ref: i, className: S("tooltip text-medium", l, { loading: t }), hidden: l === "hidden", children: t ? /* @__PURE__ */ s.jsx("p", { children: r.formatMessage({ id: "tooltip_loading" }) }) : typeof n == "string" ? /* @__PURE__ */ s.jsx("p", { children: n }) : n });
 };
-const en = ({ children: e, className: t = "", ...n }) => /* @__PURE__ */ s.jsx("section", { className: $("full-width-section", t), ...n, children: e });
+const en = ({ children: e, className: t = "", ...n }) => /* @__PURE__ */ s.jsx("section", { className: S("full-width-section", t), ...n, children: e });
 const Ba = ({ text: e, buttons: t, className: n = "" }) => {
   const r = [];
   return t.forEach((i) => {
@@ -1499,7 +1499,7 @@ const Ba = ({ text: e, buttons: t, className: n = "" }) => {
       target: "_blank",
       children: i.text
     });
-  }), /* @__PURE__ */ s.jsx(en, { className: $("download-section", n), children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+  }), /* @__PURE__ */ s.jsx(en, { className: S("download-section", n), children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     A.createElement(typeof e == "string" ? "h2" : e.element, { className: "text" }, typeof e == "string" ? e : e.text),
     /* @__PURE__ */ s.jsx(kt, { buttons: r })
   ] }) });
@@ -1512,23 +1512,23 @@ const Qa = ({ title: e = !1, logos: t = [], className: n = "" }) => {
     element: typeof e == "object" ? e.element : "h2",
     text: typeof e == "string" ? e : typeof e == "object" ? e.text : ""
   };
-  return /* @__PURE__ */ s.jsxs("div", { className: $("logos", n), children: [
+  return /* @__PURE__ */ s.jsxs("div", { className: S("logos", n), children: [
     e && A.createElement(i.element, { className: "title" }, i.text),
     /* @__PURE__ */ s.jsx(
       "ul",
       {
-        className: $({ "two-col": r === 2 || r === 4, "three-col": r === 5 || r <= 10 && r % 3 === 0 }),
+        className: S({ "two-col": r === 2 || r === 4, "three-col": r === 5 || r <= 10 && r % 3 === 0 }),
         children: t.map(
-          ({ logo: c, nameOfBusiness: d, link: a = !1, description: l = !1 }, o) => {
-            if (!c || !c.url)
+          ({ logo: l, nameOfBusiness: u, link: a = !1, description: d = !1 }, o) => {
+            if (!l || !l.url)
               return null;
             const m = /* @__PURE__ */ s.jsx(
               "img",
               {
-                src: c.url,
-                width: c.width || "auto",
-                height: c.height || "auto",
-                alt: d
+                src: l.url,
+                width: l.width || "auto",
+                height: l.height || "auto",
+                alt: u
               }
             );
             return /* @__PURE__ */ s.jsxs("li", { children: [
@@ -1541,8 +1541,8 @@ const Qa = ({ title: e = !1, logos: t = [], className: n = "" }) => {
                   children: m
                 }
               ) : m }),
-              l && /* @__PURE__ */ s.jsx("small", { children: l })
-            ] }, window.btoa(`${c.url}_${o}`));
+              d && /* @__PURE__ */ s.jsx("small", { children: d })
+            ] }, window.btoa(`${l.url}_${o}`));
           }
         )
       }
@@ -1569,70 +1569,70 @@ const er = [
   image: n,
   variant: r = "default",
   spacing: i = "normal",
-  hideElements: c = {
+  hideElements: l = {
     eyebrow: !1,
     title: !1,
     text: !1
   },
-  cta: d,
+  cta: u,
   children: a
 }) => {
-  const l = ["eyebrow", "title", "text"], o = { eyebrow: "small", title: "h1", text: "p" }, m = {};
-  return l.forEach((u) => {
-    if (!t[u]) {
-      m[u] = !1;
+  const d = ["eyebrow", "title", "text"], o = { eyebrow: "small", title: "h1", text: "p" }, m = {};
+  return d.forEach((c) => {
+    if (!t[c]) {
+      m[c] = !1;
       return;
     }
-    if (!c[u]) {
-      if (typeof t[u] == "object") {
-        m[u] = t[u];
-        const { text: h, element: p } = t[u];
+    if (!l[c]) {
+      if (typeof t[c] == "object") {
+        m[c] = t[c];
+        const { text: h, element: p } = t[c];
         if (p && er.includes(p.toLowerCase()))
           return;
-        m[u] = {
+        m[c] = {
           text: h,
-          element: o[u]
+          element: o[c]
         };
         return;
       }
-      m[u] = {
-        text: t[u],
-        element: o[u]
+      m[c] = {
+        text: t[c],
+        element: o[c]
       };
     }
-  }), d && d.link && d.link[0] === "#" && (d.props || (d.props = {}), d.props.onClick = (u) => {
-    u.preventDefault(), u.stopPropagation();
-    const h = document.getElementById(d.link.substring(1));
+  }), u && u.link && u.link[0] === "#" && (u.props || (u.props = {}), u.props.onClick = (c) => {
+    c.preventDefault(), c.stopPropagation();
+    const h = document.getElementById(u.link.substring(1));
     h && h.scrollIntoView({ behavior: "smooth" });
   }), /* @__PURE__ */ s.jsx(
     en,
     {
-      className: $("banner-section", r, i, e, {
+      className: S("banner-section", r, i, e, {
         "has-image": n,
         "has-extra-spacing": i === "normal" && m.eyebrow && m.title
       }),
       children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
         /* @__PURE__ */ s.jsxs("div", { className: "content-wrapper", children: [
-          l.map((u) => {
-            if (m[u] && typeof m[u] == "object") {
-              const { text: h, element: p = "" } = m[u];
+          d.map((c) => {
+            if (m[c] && typeof m[c] == "object") {
+              const { text: h, element: p = "" } = m[c];
               return A.createElement(
                 p.toLowerCase(),
-                { key: u, className: u },
+                { key: c, className: c },
                 h
               );
             }
             return null;
           }),
           a,
-          d && d.text && d.link && /* @__PURE__ */ s.jsx(
+          u && u.text && u.link && /* @__PURE__ */ s.jsx(
             U,
             {
               variant: n || r === "light" ? "primary" : "secondary",
               size: { mobile: "medium", 768: "large" },
-              href: d.link,
-              ...d.props,
-              children: d.text
+              href: u.link,
+              ...u.props,
+              children: u.text
             }
           )
         ] }),
@@ -1647,7 +1647,7 @@ const Ua = ({
   title: n,
   text: r,
   gtmContext: i
-}) => !n && !r ? null : /* @__PURE__ */ s.jsxs("aside", { className: $("marketing-block", e), children: [
+}) => !n && !r ? null : /* @__PURE__ */ s.jsxs("aside", { className: S("marketing-block", e), children: [
   n && /* @__PURE__ */ s.jsx("p", { className: "title", children: n }),
   r && /* @__PURE__ */ s.jsx("p", { children: r }),
   t && /* @__PURE__ */ s.jsx(U, { variant: "secondary", size: "medium", href: t.link, className: "gtm-trackable", "data-gtm-event-context": i, "data-gtm-event-type": "learn-more-click", children: t.text })
@@ -1659,14 +1659,14 @@ const Ua = ({
     eu: "dpo.agl@apolitical.foundation"
   }
 }, Wa = "200,000+";
-const On = ({ label: e = !1, className: t = "", children: n }) => {
+const In = ({ label: e = !1, className: t = "", children: n }) => {
   const r = D();
-  return /* @__PURE__ */ s.jsxs("details", { className: $("collapsible-section", t), children: [
+  return /* @__PURE__ */ s.jsxs("details", { className: S("collapsible-section", t), children: [
     /* @__PURE__ */ s.jsx("summary", { children: e || r.formatMessage({ id: "collapsibleSection_summary" }) }),
     /* @__PURE__ */ s.jsx("div", { className: "content", children: n })
   ] });
 };
-const Re = ({ variant: e = "primary", className: t = "", children: n, ...r }) => /* @__PURE__ */ s.jsx("div", { className: $("highlighted-text-box", e, t), ...r, children: n });
+const Re = ({ variant: e = "primary", className: t = "", children: n, ...r }) => /* @__PURE__ */ s.jsx("div", { className: S("highlighted-text-box", e, t), ...r, children: n });
 const yt = ({
   variant: e = "empty",
   text: t = !1,
@@ -1674,14 +1674,14 @@ const yt = ({
   className: r = ""
 }) => {
   let i = n && !!Object.keys(n).length;
-  const c = typeof n == "object" && "breakpoints" in n, d = vt(c);
-  if (c && typeof n == "object" && typeof d == "number") {
-    const u = Object.assign({}, n.breakpoints), h = An(Object.keys(u));
-    i = Pn(d, h, u);
+  const l = typeof n == "object" && "breakpoints" in n, u = vt(l);
+  if (l && typeof n == "object" && typeof u == "number") {
+    const c = Object.assign({}, n.breakpoints), h = An(Object.keys(c));
+    i = Pn(u, h, c);
   }
   const {
     breakpoints: a,
-    text: l = "",
+    text: d = "",
     component: o,
     ...m
   } = n;
@@ -1689,7 +1689,7 @@ const yt = ({
     Re,
     {
       variant: "subtle",
-      className: $("empty-state-box", e, r),
+      className: S("empty-state-box", e, r),
       children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
         t && /* @__PURE__ */ s.jsx(bt, { options: { forceBlock: !0 }, children: t }),
         i && typeof n == "object" && (o || /* @__PURE__ */ s.jsx(
@@ -1697,17 +1697,17 @@ const yt = ({
           {
             ...m,
             variant: n.variant ? n.variant : "secondary",
-            children: l
+            children: d
           }
         ))
       ] })
     }
   );
 };
-const Jt = ({ children: e, ...t }) => /* @__PURE__ */ s.jsx("p", { ...t, children: e }), In = { q: Jt, blockquote: Jt };
+const Jt = ({ children: e, ...t }) => /* @__PURE__ */ s.jsx("p", { ...t, children: e }), On = { q: Jt, blockquote: Jt };
 for (let e = 1; e <= 6; e++)
-  In[`h${e}`] = { component: Jt, props: { className: "title" } };
-const nr = ({ type: e = "default", className: t = "", heading: n = !1, children: r }) => /* @__PURE__ */ s.jsxs("div", { className: $("helper-text-box text-small", e, t), children: [
+  On[`h${e}`] = { component: Jt, props: { className: "title" } };
+const nr = ({ type: e = "default", className: t = "", heading: n = !1, children: r }) => /* @__PURE__ */ s.jsxs("div", { className: S("helper-text-box text-small", e, t), children: [
   n && /* @__PURE__ */ s.jsx("p", { className: "title", children: n }),
   typeof r == "string" ? /* @__PURE__ */ s.jsx(
     bt,
@@ -1715,38 +1715,38 @@ const nr = ({ type: e = "default", className: t = "", heading: n = !1, children:
       options: {
         wrapper: A.Fragment,
         forceBlock: !0,
-        overrides: In
+        overrides: On
       },
       children: r
     }
   ) : /* @__PURE__ */ s.jsx("p", { children: r })
 ] });
 const za = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children: i }) => {
-  const c = D(), d = de(null), [a, l] = L(""), [o, m] = L("closed");
+  const l = D(), u = de(null), [a, d] = L(""), [o, m] = L("closed");
   Y(() => {
-    const p = d.current;
+    const p = u.current;
     if (p)
-      return p.addEventListener("transitionend", u), () => {
-        p.removeEventListener("transitionend", u);
+      return p.addEventListener("transitionend", c), () => {
+        p.removeEventListener("transitionend", c);
       };
   }, []), Y(() => {
     if (!r || typeof r != "string")
       return;
     const p = r.split(`
 `);
-    l(p.length < 3 ? `${r.substring(0, 400)}...` : p.slice(0, 3).join(`
+    d(p.length < 3 ? `${r.substring(0, 400)}...` : p.slice(0, 3).join(`
 `));
   }, [r]), Y(() => {
     o === "ready-to-close" && m("closing");
   }, [o]);
-  const u = ({ propertyName: p }) => {
+  const c = ({ propertyName: p }) => {
     p === "max-height" && m((g) => g === "opening" ? "open" : g === "closing" ? "closed" : g);
   };
   if (!r)
     return null;
   const h = ["opening", "open"].includes(o);
-  return /* @__PURE__ */ s.jsxs(Re, { variant: "subtle", className: $("hide-show-text-box", e), children: [
-    /* @__PURE__ */ s.jsxs("div", { ref: d, className: $("content", o), children: [
+  return /* @__PURE__ */ s.jsxs(Re, { variant: "subtle", className: S("hide-show-text-box", e), children: [
+    /* @__PURE__ */ s.jsxs("div", { ref: u, className: S("content", o), children: [
       /* @__PURE__ */ s.jsx(bt, { options: { forceBlock: !0 }, children: o === "closed" ? a : r }),
       o !== "closed" && i
     ] }),
@@ -1756,11 +1756,11 @@ const za = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
         variant: "tertiary",
         icon: { icon: "navigation_arrow", position: "left", animate: !0 },
         styling: { muted: !0 },
-        className: $({ "rotate-180": h }),
+        className: S({ "rotate-180": h }),
         onClick: () => {
           m(h ? "ready-to-close" : "opening");
         },
-        children: h ? n || c.formatMessage({ id: "hideShowTextBox_hide" }) : t || c.formatMessage({ id: "hideShowTextBox_show" })
+        children: h ? n || l.formatMessage({ id: "hideShowTextBox_hide" }) : t || l.formatMessage({ id: "hideShowTextBox_show" })
       }
     ) })
   ] });
@@ -1770,29 +1770,29 @@ const za = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
     return null;
   let n = t.formatMessage({ id: "markdown_collapsibleSection_summary" });
   const r = [];
-  for (const c of zt.toArray(e))
-    if (!(!c || typeof c == "string" || typeof c == "number"))
-      if (A.isValidElement(c) && c.type === "summary") {
-        if (c.props && c.props.children) {
-          for (const d of zt.toArray(c.props.children))
-            if (!(!d || typeof d == "string" || typeof d == "number") && A.isValidElement(d)) {
-              const a = d.type;
+  for (const l of zt.toArray(e))
+    if (!(!l || typeof l == "string" || typeof l == "number"))
+      if (A.isValidElement(l) && l.type === "summary") {
+        if (l.props && l.props.children) {
+          for (const u of zt.toArray(l.props.children))
+            if (!(!u || typeof u == "string" || typeof u == "number") && A.isValidElement(u)) {
+              const a = u.type;
               if (ar.includes(a)) {
-                for (n = d.props.children; typeof n != "string" && (Array.isArray(n) && n[0].props && n[0].props.children && n[0].props.children[0]); )
+                for (n = u.props.children; typeof n != "string" && (Array.isArray(n) && n[0].props && n[0].props.children && n[0].props.children[0]); )
                   n = n[0].props.children[0];
                 break;
               }
             }
         }
       } else
-        r.push(c);
+        r.push(l);
   const i = n ? n.toString() : "";
   return /* @__PURE__ */ s.jsx(
-    On,
+    In,
     {
       label: i,
       className: ["Sources", "Resources"].includes(i) ? "discrete-links" : "",
-      children: r.map((c) => c)
+      children: r.map((l) => l)
     }
   );
 }, ir = ({ children: e, ...t }) => {
@@ -1825,11 +1825,11 @@ const za = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
   let n = { ...t };
   t.href && (t.href.includes("http:") || t.href.includes("https:")) && !t.target && (n.target = "_blank");
   let r = e, i = !1;
-  for (const c of zt.toArray(e))
-    if (!(!c || typeof c == "string" || typeof c == "number") && A.isValidElement(c)) {
-      const d = c.type;
-      if (["button", "center", "span", "strong"].includes(d) && c.props && c.props.children && c.props.children[0])
-        for ((d === "button" || bn(c.props.children[0]) === "button") && (i = !0), r = c.props.children[0]; r && typeof r != "string" && !(typeof r == "boolean" || typeof r == "number" || !A.isValidElement(r)); )
+  for (const l of zt.toArray(e))
+    if (!(!l || typeof l == "string" || typeof l == "number") && A.isValidElement(l)) {
+      const u = l.type;
+      if (["button", "center", "span", "strong"].includes(u) && l.props && l.props.children && l.props.children[0])
+        for ((u === "button" || bn(l.props.children[0]) === "button") && (i = !0), r = l.props.children[0]; r && typeof r != "string" && !(typeof r == "boolean" || typeof r == "number" || !A.isValidElement(r)); )
           if (r.props && r.props.children && r.props.children[0])
             r = r.props.children[0], r && bn(r) === "button" && (i = !0);
           else
@@ -1846,7 +1846,7 @@ const wn = ({ className: e = "", options: t = {}, children: n }) => {
       a: lr,
       // Override psuedo-code
       // We give the content team psuedo-code short cuts to use in Contentful
-      CollapsibleSection: On,
+      CollapsibleSection: In,
       TextBox: Re,
       CaseStudy: rr,
       // Override embedded HTML
@@ -1857,7 +1857,7 @@ const wn = ({ className: e = "", options: t = {}, children: n }) => {
       iframe: cr
     }
   };
-  return /* @__PURE__ */ s.jsx("div", { className: $("markdown-text", e), children: /* @__PURE__ */ s.jsx(bt, { options: { ...r, ...t }, children: n }) });
+  return /* @__PURE__ */ s.jsx("div", { className: S("markdown-text", e), children: /* @__PURE__ */ s.jsx(bt, { options: { ...r, ...t }, children: n }) });
 };
 const ur = ({
   maxWidth: e = !1,
@@ -1866,9 +1866,9 @@ const ur = ({
   children: r,
   className: i = ""
 }) => {
-  const c = e ? { "--max-width": `${e / 16}rem` } : {};
-  return /* @__PURE__ */ s.jsxs("section", { className: $("page-heading", i), children: [
-    /* @__PURE__ */ s.jsxs("div", { className: $("content", { "has-max-width": e }), style: c, children: [
+  const l = e ? { "--max-width": `${e / 16}rem` } : {};
+  return /* @__PURE__ */ s.jsxs("section", { className: S("page-heading", i), children: [
+    /* @__PURE__ */ s.jsxs("div", { className: S("content", { "has-max-width": e }), style: l, children: [
       t && t.text && A.createElement(t.element || "h1", { className: "title" }, t.text),
       n && n.text && A.createElement(
         n.element || "h2",
@@ -1885,11 +1885,11 @@ const ft = ({
   className: n = "",
   children: r,
   ...i
-}) => /* @__PURE__ */ s.jsx("span", { className: $("pill", e, t, n), ...i, children: r });
-const Xt = ({ element: e = "p", children: t = null, className: n = "", ...r }) => A.createElement(e, { ...r, className: $("status-banner text-small", n), "aria-live": "assertive" }, t);
+}) => /* @__PURE__ */ s.jsx("span", { className: S("pill", e, t, n), ...i, children: r });
+const Xt = ({ element: e = "p", children: t = null, className: n = "", ...r }) => A.createElement(e, { ...r, className: S("status-banner text-small", n), "aria-live": "assertive" }, t);
 const mr = ({ progress: e = 0, text: t = !1, className: n = "" }) => {
-  const r = D(), i = e > 75 ? 100 : e > 50 ? 75 : e > 25 ? 50 : e > 5 ? 25 : 0, c = { "--progress": `${e}%` };
-  return /* @__PURE__ */ s.jsx("span", { className: $(`progress-bar section-${i}`, n), style: c, children: /* @__PURE__ */ s.jsx(_e, { children: t ? `${e} ${t}` : r.formatMessage({ id: "progressBar" }, { number: e }) }) });
+  const r = D(), i = e > 75 ? 100 : e > 50 ? 75 : e > 25 ? 50 : e > 5 ? 25 : 0, l = { "--progress": `${e}%` };
+  return /* @__PURE__ */ s.jsx("span", { className: S(`progress-bar section-${i}`, n), style: l, children: /* @__PURE__ */ s.jsx(_e, { children: t ? `${e} ${t}` : r.formatMessage({ id: "progressBar" }, { number: e }) }) });
 }, fr = We(mr);
 const At = "loadingBlock_", hr = ({ progress: e = 0, steps: t = !1, className: n = "" }) => {
   const r = D();
@@ -1899,16 +1899,16 @@ const At = "loadingBlock_", hr = ({ progress: e = 0, steps: t = !1, className: n
     100: { text: r.formatMessage({ id: `${At}complete` }) }
   });
   let i = null;
-  const c = Object.keys(t);
-  for (let a = 0; a < c.length && !(e < parseInt(c[a])); a++)
-    i = c[a];
-  const d = i && t[i].icon ? { "--icon": `url(${mt}icons/${t[i].icon}.svg)` } : {};
+  const l = Object.keys(t);
+  for (let a = 0; a < l.length && !(e < parseInt(l[a])); a++)
+    i = l[a];
+  const u = i && t[i].icon ? { "--icon": `url(${mt}icons/${t[i].icon}.svg)` } : {};
   return /* @__PURE__ */ s.jsxs(
     Re,
     {
-      className: $("loading-block", n, { "has-icon": i && t[i].icon }),
+      className: S("loading-block", n, { "has-icon": i && t[i].icon }),
       variant: "subtle",
-      style: d,
+      style: u,
       children: [
         i && /* @__PURE__ */ s.jsx("span", { className: "step", children: t[i].text }),
         /* @__PURE__ */ s.jsx(fr, { progress: e })
@@ -1916,7 +1916,7 @@ const At = "loadingBlock_", hr = ({ progress: e = 0, steps: t = !1, className: n
     }
   );
 }, Va = We(hr);
-const Se = ({ element: e = "div", className: t = "", ...n }) => /* @__PURE__ */ s.jsx(Dn, { element: e, className: $("loading-placeholder", t), ...n });
+const Se = ({ element: e = "div", className: t = "", ...n }) => /* @__PURE__ */ s.jsx(Dn, { element: e, className: S("loading-placeholder", t), ...n });
 const Zt = {
   header: ["logo", "link", "link", "search"],
   sidebar: ["text", "text", "text", "text", "text"],
@@ -1934,7 +1934,7 @@ const Zt = {
     "cards-section",
     "footer"
   ]
-}, Bn = (e, t) => e in Zt ? /* @__PURE__ */ s.jsx("div", { className: e, children: Zt[e].map((n, r) => Bn(n, r)) }, t) : /* @__PURE__ */ s.jsx(Se, { className: e }, t), Ya = ({ layout: e = "overview-page", ...t }) => /* @__PURE__ */ s.jsx("div", { className: $("loading-state", e), ...t, children: Zt[e].map((n, r) => Bn(n, r)) }), Qn = (e) => {
+}, Bn = (e, t) => e in Zt ? /* @__PURE__ */ s.jsx("div", { className: e, children: Zt[e].map((n, r) => Bn(n, r)) }, t) : /* @__PURE__ */ s.jsx(Se, { className: e }, t), Ya = ({ layout: e = "overview-page", ...t }) => /* @__PURE__ */ s.jsx("div", { className: S("loading-state", e), ...t, children: Zt[e].map((n, r) => Bn(n, r)) }), Qn = (e) => {
   const t = e && e.toUpperCase().split(" ");
   return Array.isArray(t) && t.length > 1 && t[0] !== "" ? t[1] === "" ? t[0][0] : t[0][0] + t[t.length - 1][0] : e ? e.substr(0, 1) : "";
 }, st = ["#5AB6A3", "#A2D7AF", "#806056", "#3962B3"], pr = (e) => {
@@ -1952,36 +1952,36 @@ const vn = 256, qe = ({
   name: n,
   alt: r,
   width: i = vn,
-  height: c = vn,
-  ...d
+  height: l = vn,
+  ...u
 }) => {
-  const [a, l] = L(!1), o = de(null);
+  const [a, d] = L(!1), o = de(null);
   Y(() => {
-    const u = o.current;
-    if (!u)
+    const c = o.current;
+    if (!c)
       return;
-    const h = u.getContext("2d");
+    const h = c.getContext("2d");
     if (!h)
       return;
-    const p = i, g = c;
-    typeof window < "u" && window.devicePixelRatio && (u.width = p * window.devicePixelRatio, u.height = g * window.devicePixelRatio, h.scale(window.devicePixelRatio, window.devicePixelRatio)), h.fillStyle = pr(n), h.fillRect(0, 0, p, g), h.font = `${p / 3}px Arial`, h.textAlign = "center", h.fillStyle = "white", h.fillText(Qn(n), p / 2, g / 1.6);
+    const p = i, g = l;
+    typeof window < "u" && window.devicePixelRatio && (c.width = p * window.devicePixelRatio, c.height = g * window.devicePixelRatio, h.scale(window.devicePixelRatio, window.devicePixelRatio)), h.fillStyle = pr(n), h.fillRect(0, 0, p, g), h.font = `${p / 3}px Arial`, h.textAlign = "center", h.fillStyle = "white", h.fillText(Qn(n), p / 2, g / 1.6);
   }, [n]);
   let m = !1;
   return t && t !== "" && !a && (t.includes("http") || t.includes("//")) && (m = !0), /* @__PURE__ */ s.jsx(
     "figure",
     {
-      className: $("profile-picture", e, { error: a }),
-      ...d,
+      className: S("profile-picture", e, { error: a }),
+      ...u,
       children: m ? /* @__PURE__ */ s.jsx(
         "img",
         {
           src: t,
           alt: r || n,
           onError: () => {
-            l(!0);
+            d(!0);
           },
           width: i,
-          height: c
+          height: l
         }
       ) : /* @__PURE__ */ s.jsx("canvas", { ref: o })
     }
@@ -2003,12 +2003,12 @@ const vn = 256, qe = ({
   country: n = "",
   maximumCharacters: r = 80
 }) => {
-  const i = e !== "", c = t !== "", d = n !== "";
-  if (!i && !c && !d)
+  const i = e !== "", l = t !== "", u = n !== "";
+  if (!i && !l && !u)
     return "";
-  const a = `${e}${i && c ? ` — ${t}` : t}`;
-  let l = `${a}${(i || c) && d ? `, ${n}` : n}`;
-  return l.length > r && (l = a), l.length > r && (l = Qe(l, r)), l;
+  const a = `${e}${i && l ? ` — ${t}` : t}`;
+  let d = `${a}${(i || l) && u ? `, ${n}` : n}`;
+  return d.length > r && (d = a), d.length > r && (d = Qe(d, r)), d;
 };
 const tn = ({
   element: e = "div",
@@ -2016,13 +2016,13 @@ const tn = ({
   additionalContent: n = !1,
   gtmContext: r = "member",
   gtmType: i = "member-click",
-  className: c = ""
+  className: l = ""
 }) => {
-  const d = D(), a = Hn(t);
-  a.name || (a.name = d.formatMessage({ id: `member_${typeof t == "string" ? t : "community"}` }));
-  const { name: l, url: o, image: m } = a, u = gr(a), h = n && n.createdAt ? Gt(n.createdAt) : !1, p = n && n.createdAt ? Rn(n.createdAt) : "";
+  const u = D(), a = Hn(t);
+  a.name || (a.name = u.formatMessage({ id: `member_${typeof t == "string" ? t : "community"}` }));
+  const { name: d, url: o, image: m } = a, c = gr(a), h = n && n.createdAt ? Gt(n.createdAt) : !1, p = n && n.createdAt ? Rn(n.createdAt) : "";
   return A.createElement(e, {
-    className: $("member text-medium", c),
+    className: S("member text-medium", l),
     children: /* @__PURE__ */ s.jsxs(
       jt,
       {
@@ -2033,14 +2033,14 @@ const tn = ({
           g == null || g.stopPropagation();
         },
         children: [
-          /* @__PURE__ */ s.jsx(qe, { name: l, src: m }),
+          /* @__PURE__ */ s.jsx(qe, { name: d, src: m }),
           /* @__PURE__ */ s.jsxs("p", { className: "details", children: [
-            /* @__PURE__ */ s.jsx("strong", { children: l }),
+            /* @__PURE__ */ s.jsx("strong", { children: d }),
             n && /* @__PURE__ */ s.jsxs("span", { className: "additional-content", children: [
-              n.createdAt && h && /* @__PURE__ */ s.jsx("span", { className: "date", title: p, "aria-label": p, children: d.formatMessage({ id: `dates_${h.path}` }, { number: h.number }) }),
-              n.didEdit && /* @__PURE__ */ s.jsx("em", { children: d.formatMessage({ id: "discussion_edited" }) })
+              n.createdAt && h && /* @__PURE__ */ s.jsx("span", { className: "date", title: p, "aria-label": p, children: u.formatMessage({ id: `dates_${h.path}` }, { number: h.number }) }),
+              n.didEdit && /* @__PURE__ */ s.jsx("em", { children: u.formatMessage({ id: "discussion_edited" }) })
             ] }),
-            u && /* @__PURE__ */ s.jsx("small", { children: u })
+            c && /* @__PURE__ */ s.jsx("small", { children: c })
           ] })
         ]
       }
@@ -2053,50 +2053,50 @@ const kn = {
 }, Un = ({
   element: e = "div",
   contributors: { total: t, data: n } = { total: void 0, data: [] },
-  styling: { showText: r, size: i, showGap: c, showPlaceholders: d } = {
+  styling: { showText: r, size: i, showGap: l, showPlaceholders: u } = {
     showText: !0,
     size: "medium",
     showGap: !0,
     showPlaceholders: !1
   },
   cutoff: a = 2,
-  className: l = "",
+  className: d = "",
   ...o
 }) => {
   const m = D();
   return !n || n.length === 0 ? null : A.createElement(e, {
     ...o,
-    className: $("contributors", l, i, { "has-gap": c }),
+    className: S("contributors", d, i, { "has-gap": l }),
     children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-      /* @__PURE__ */ s.jsx("ul", { children: n.map((u, h) => {
+      /* @__PURE__ */ s.jsx("ul", { children: n.map((c, h) => {
         let p, g = "";
         if (h < a) {
-          const { name: b = "", image: v = "" } = Hn(u);
-          if (d)
+          const { name: x = "", image: v = "" } = Hn(c);
+          if (u)
             return /* @__PURE__ */ s.jsx(Se, { element: "li", className: "contributor" }, h);
           p = /* @__PURE__ */ s.jsx(
             qe,
             {
-              name: b,
+              name: x,
               src: v,
               width: kn[i || "medium"],
               height: kn[i || "medium"]
             }
           );
         } else if (h === a) {
-          const b = (t || n.length) - a;
+          const x = (t || n.length) - a;
           p = /* @__PURE__ */ s.jsxs(
             "small",
             {
-              className: $({ "large-number": b > 99 }),
+              className: S({ "large-number": x > 99 }),
               children: [
                 "+",
-                Vs(b, 0)
+                Vs(x, 0)
               ]
             }
           ), g = "number-left";
         }
-        return p ? /* @__PURE__ */ s.jsx("li", { className: $("contributor", g), children: p }, h) : null;
+        return p ? /* @__PURE__ */ s.jsx("li", { className: S("contributor", g), children: p }, h) : null;
       }) }),
       r && /* @__PURE__ */ s.jsx("span", { className: "label", children: typeof r == "string" ? r : n.length === 1 ? typeof n[0] == "string" ? m.formatMessage({ id: `member_${n[0]}` }) : Qe(n[0].name || "", 20) : null })
     ] })
@@ -2120,17 +2120,18 @@ const kn = {
 };
 var xr = Kt({ client: dt });
 function br(e) {
-  var t = e.children, n = e.client, r = e.apiKey, i = e.options, c = xt(function() {
+  var t = e.children, n = e.client, r = e.apiKey, i = e.options, l = xt(function() {
     return n && r && console.warn("[PostHog.js] You have provided both a client and an apiKey to PostHogProvider. The apiKey will be ignored in favour of the client."), n && 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 && (dt.__loaded && console.warn("[PostHog.js] was already loaded elsewhere. This may cause issues."), dt.init(r, i)), dt);
   }, [n, r]);
-  return A.createElement(xr.Provider, { value: { client: c } }, t);
+  return A.createElement(xr.Provider, { value: { client: l } }, t);
 }
 const wr = ({ children: e, user: t }) => t.isLoading ? null : process.env.REACT_APP_PUBLIC_POSTHOG_KEY ? /* @__PURE__ */ s.jsx(
   br,
   {
     apiKey: atob(process.env.REACT_APP_PUBLIC_POSTHOG_KEY),
     options: {
-      api_host: "https://eu.posthog.com",
+      api_host: "/ph",
+      ui_host: "eu.posthog.com",
       autocapture: !1,
       secure_cookie: !0,
       bootstrap: {
@@ -2150,20 +2151,20 @@ const wr = ({ children: e, user: t }) => t.isLoading ? null : process.env.REACT_
 }, $e = Kt(null), kr = ({ children: e, user: t }) => /* @__PURE__ */ s.jsx($e.Provider, { value: t, children: e }), Ga = ({ bootstrap: e, children: t, intl: n }) => {
   const [r, i] = L({ isLoading: !0 });
   return Y(() => {
-    e().then((c) => {
-      i({ ...c, isLoading: !1 }), Ys(5e3);
+    e().then((l) => {
+      i({ ...l, isLoading: !1 }), Ys(5e3);
     }).catch(() => i({ isLoading: !1 }));
   }, []), /* @__PURE__ */ s.jsx(vr, { locale: n == null ? void 0 : n.locale, messages: n == null ? void 0 : n.messages, children: /* @__PURE__ */ s.jsx(Es, { children: /* @__PURE__ */ s.jsx(kr, { user: r, children: /* @__PURE__ */ s.jsx(_r, { children: /* @__PURE__ */ s.jsx(wr, { user: r, children: t }) }) }) }) });
 };
 const Pt = "joinCommunityButton", Wn = ({ isMember: e = !1, isShort: t = !1, functions: { join: n, leave: r } = { join: () => {
 }, leave: () => {
 } } }) => {
-  const i = D(), c = je($e), d = c && typeof c.id == "string", [a, l] = L(e), [o, m] = L(e ? "joined" : "notJoined");
+  const i = D(), l = je($e), u = l && typeof l.id == "string", [a, d] = L(e), [o, m] = L(e ? "joined" : "notJoined");
   Y(() => {
     o === "joining" ? m("joined") : o === "leaving" && m("notJoined");
   }, [a]);
-  const u = {}, h = {};
-  return a && o !== "leaving" && (u["data-hover-text"] = i.formatMessage({ id: `${Pt}_leave` }), u["aria-label"] = i.formatMessage({ id: `${Pt}_member_aria` }), h["aria-hidden"] = "true"), /* @__PURE__ */ s.jsx(
+  const c = {}, h = {};
+  return a && o !== "leaving" && (c["data-hover-text"] = i.formatMessage({ id: `${Pt}_leave` }), c["aria-label"] = i.formatMessage({ id: `${Pt}_member_aria` }), h["aria-hidden"] = "true"), /* @__PURE__ */ s.jsx(
     U,
     {
       variant: a ? "secondary" : "primary",
@@ -2171,11 +2172,11 @@ const Pt = "joinCommunityButton", Wn = ({ isMember: e = !1, isShort: t = !1, fun
       styling: { fullWidth: !0 },
       icon: a && o !== "leaving" ? { icon: "tick", position: "left" } : !1,
       onClick: async (p) => {
-        d && (p.currentTarget.blur(), a ? (m("leaving"), typeof r == "function" && await r()) : (m("joining"), typeof n == "function" && await n()), l(!a));
+        u && (p.currentTarget.blur(), a ? (m("leaving"), typeof r == "function" && await r()) : (m("joining"), typeof n == "function" && await n()), d(!a));
       },
-      className: $("join-community-button", o, { active: o === "joining" }),
-      disabled: !d,
-      ...u,
+      className: S("join-community-button", o, { active: o === "joining" }),
+      disabled: !u,
+      ...c,
       children: /* @__PURE__ */ s.jsx("span", { className: "text", ...h, children: i.formatMessage({ id: `${Pt}${["joining", "leaving"].includes(o) ? `_${o}` : a ? "_member" : t ? "_short" : ""}` }) })
     }
   );
@@ -2185,10 +2186,10 @@ const Rt = "communityDetails_", Ja = ({
   isMember: t = !1,
   slug: n,
   members: { number: r = 0, data: i = [] } = { number: 0, data: [] },
-  functions: { invite: c, ...d }
+  functions: { invite: l, ...u }
 }) => {
-  const a = D(), l = 5, o = r || i.length, m = i.length ? i : Array(l).fill({});
-  return /* @__PURE__ */ s.jsxs("div", { className: $("community-details", e), children: [
+  const a = D(), d = 5, o = r || i.length, m = i.length ? i : Array(d).fill({});
+  return /* @__PURE__ */ s.jsxs("div", { className: S("community-details", e), children: [
     /* @__PURE__ */ s.jsx(Ue, {}),
     /* @__PURE__ */ s.jsxs("div", { className: "member-details", children: [
       /* @__PURE__ */ s.jsxs("div", { className: "top", children: [
@@ -2210,16 +2211,16 @@ const Rt = "communityDetails_", Ja = ({
             showGap: !0,
             showPlaceholders: o === 0
           },
-          cutoff: l
+          cutoff: d
         }
       )
     ] }),
-    /* @__PURE__ */ s.jsx(Wn, { isMember: t, functions: { ...d } }),
+    /* @__PURE__ */ s.jsx(Wn, { isMember: t, functions: { ...u } }),
     t && /* @__PURE__ */ s.jsx(
       U,
       {
         variant: "primary",
-        onClick: c,
+        onClick: l,
         icon: { icon: "plus" },
         styling: { fullWidth: !0 },
         children: a.formatMessage({ id: `${Rt}invite` })
@@ -2235,9 +2236,9 @@ const Xa = ({
   const r = D();
   return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     /* @__PURE__ */ s.jsx(_e, { element: "p", children: r.formatMessage({ id: "breadcrumbs_label" }) }),
-    /* @__PURE__ */ s.jsx("ul", { className: $("breadcrumbs text-small", n), children: e.map(({ text: i, href: c, current: d = !1 }, a) => /* @__PURE__ */ s.jsxs("li", { children: [
-      d && /* @__PURE__ */ s.jsx(_e, { element: "span", children: r.formatMessage({ id: "breadcrumbs_currentPage" }) }),
-      /* @__PURE__ */ s.jsx(jt, { href: d ? void 0 : c, children: Qe(i, t) })
+    /* @__PURE__ */ s.jsx("ul", { className: S("breadcrumbs text-small", n), children: e.map(({ text: i, href: l, current: u = !1 }, a) => /* @__PURE__ */ s.jsxs("li", { children: [
+      u && /* @__PURE__ */ s.jsx(_e, { element: "span", children: r.formatMessage({ id: "breadcrumbs_currentPage" }) }),
+      /* @__PURE__ */ s.jsx(jt, { href: u ? void 0 : l, children: Qe(i, t) })
     ] }, `${window.btoa(i)}_${a}`)) })
   ] });
 };
@@ -2249,22 +2250,22 @@ const Za = ({
   },
   className: i = ""
 }) => {
-  const c = D(), d = t ? [{ id: "all", text: typeof t != "boolean" && t.text || c.formatMessage({ id: "filters_all" }) }, ...e] : e, [a, l] = L(t ? ["all"] : []), o = (m, u) => {
+  const l = D(), u = t ? [{ id: "all", text: typeof t != "boolean" && t.text || l.formatMessage({ id: "filters_all" }) }, ...e] : e, [a, d] = L(t ? ["all"] : []), o = (m, c) => {
     let h = [];
-    a.includes(m) ? h = a.filter((p) => p !== m) : m === "all" ? h = ["all"] : n ? h = [...a.filter((p) => p !== "all"), m] : h = [m], l((p) => (r && typeof r == "function" && r({ current: h, previous: p }), h)), u && typeof u == "function" && u();
+    a.includes(m) ? h = a.filter((p) => p !== m) : m === "all" ? h = ["all"] : n ? h = [...a.filter((p) => p !== "all"), m] : h = [m], d((p) => (r && typeof r == "function" && r({ current: h, previous: p }), h)), c && typeof c == "function" && c();
   };
-  return /* @__PURE__ */ s.jsx("ul", { className: $("filters", i), children: d.map(({ id: m, text: u, disabled: h = !1, callback: p = () => {
+  return /* @__PURE__ */ s.jsx("ul", { className: S("filters", i), children: u.map(({ id: m, text: c, disabled: h = !1, callback: p = () => {
   } }) => {
     let g = {};
-    return h && (g = { disabled: !0, "aria-label": c.formatMessage({ id: "filters_disabled" }, { name: u }) }), /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
+    return h && (g = { disabled: !0, "aria-label": l.formatMessage({ id: "filters_disabled" }, { name: c }) }), /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
       "button",
       {
-        className: $(m, { selected: a.includes(m) }),
-        onClick: (b) => {
-          b.preventDefault(), b.stopPropagation(), o(m, p);
+        className: S(m, { selected: a.includes(m) }),
+        onClick: (x) => {
+          x.preventDefault(), x.stopPropagation(), o(m, p);
         },
         ...g,
-        children: u
+        children: c
       }
     ) }, m);
   }) });
@@ -2273,8 +2274,8 @@ const Za = ({
   if (!t || !t.length)
     return `/${n}`;
   let r = "";
-  return t.forEach(({ url: i, position: c }) => {
-    c === "before-lang" ? r += `/${i}` : (r.includes(`/${n}/`) || (r += `/${n}`), r += `/${i}`);
+  return t.forEach(({ url: i, position: l }) => {
+    l === "before-lang" ? r += `/${i}` : (r.includes(`/${n}/`) || (r += `/${n}`), r += `/${i}`);
   }), r.includes(`/${n}/`) || (r += `/${n}`), r;
 };
 const Ft = { en: "English", es: "Español", fr: "Français", pt: "Português" }, rt = "languageSwitcher_", Ka = ({
@@ -2284,43 +2285,43 @@ const Ft = { en: "English", es: "Español", fr: "Français", pt: "Português" },
   translations: r,
   onChange: i = () => {
   },
-  urlParts: c,
-  variant: d = "default",
+  urlParts: l,
+  variant: u = "default",
   label: a,
-  className: l = ""
+  className: d = ""
 }) => {
-  const o = D(), [m, u] = L(e);
+  const o = D(), [m, c] = L(e);
   if (Y(() => {
-    e !== m && u(e);
-  }, [e]), !r || !Object.values(r).some((b) => b && b.post_name))
+    e !== m && c(e);
+  }, [e]), !r || !Object.values(r).some((x) => x && x.post_name))
     return null;
   const p = Object.keys(r), g = m !== e;
-  return /* @__PURE__ */ s.jsxs("div", { className: $("language-switcher text-small", d, l), children: [
+  return /* @__PURE__ */ s.jsxs("div", { className: S("language-switcher text-small", u, d), children: [
     /* @__PURE__ */ s.jsxs("nav", { children: [
-      d !== "short" && /* @__PURE__ */ s.jsx("p", { children: a || o.formatMessage({ id: `${rt}label` }) }),
-      /* @__PURE__ */ s.jsx("ul", { children: p.map((b) => {
-        if (!Ft[b])
+      u !== "short" && /* @__PURE__ */ s.jsx("p", { children: a || o.formatMessage({ id: `${rt}label` }) }),
+      /* @__PURE__ */ s.jsx("ul", { children: p.map((x) => {
+        if (!Ft[x])
           return null;
-        let v = { className: b };
-        return m === b ? v["aria-label"] = o.formatMessage({ id: `${rt}selected` }, { language: Ft[b] }) : v = {
+        let v = { className: x };
+        return m === x ? v["aria-label"] = o.formatMessage({ id: `${rt}selected` }, { language: Ft[x] }) : v = {
           ...v,
-          href: jr(b, c),
+          href: jr(x, l),
           onClick: (E) => {
-            E.preventDefault(), E.stopPropagation(), u(b), i(b);
+            E.preventDefault(), E.stopPropagation(), c(x), i(x);
           }
-        }, /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(jt, { ...v, fallbackElement: "span", children: Ft[b] }) }, b);
+        }, /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(jt, { ...v, fallbackElement: "span", children: Ft[x] }) }, x);
       }) }),
-      d !== "short" && !g && /* @__PURE__ */ s.jsx("p", { children: o.formatMessage({ id: `${rt}translation_${t ? "original" : n ? "human" : "machine"}` }) })
+      u !== "short" && !g && /* @__PURE__ */ s.jsx("p", { children: o.formatMessage({ id: `${rt}translation_${t ? "original" : n ? "human" : "machine"}` }) })
     ] }),
-    d !== "short" && !g && !t && !n && /* @__PURE__ */ s.jsx("small", {
+    u !== "short" && !g && !t && !n && /* @__PURE__ */ s.jsx("small", {
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
       // `values` are throwing a type error: https://github.com/formatjs/formatjs/issues/3633
       children: o.formatMessage({ id: `${rt}disclaimer` }, {
         email: Ze.support,
-        link: (b) => {
-          const v = `mailto:${b}`;
-          return /* @__PURE__ */ s.jsx("a", { href: v, children: b });
+        link: (x) => {
+          const v = `mailto:${x}`;
+          return /* @__PURE__ */ s.jsx("a", { href: v, children: x });
         }
       })
     })
@@ -2333,27 +2334,27 @@ const Lt = vs({ locale: "en", messages: qt }), yr = ({
   loadNextPage: r = () => {
   },
   icon: i = !1,
-  messages: c = {
+  messages: l = {
     button: Lt.formatMessage({ id: "loadMore_button" }),
     endOfFeed: Lt.formatMessage({ id: "loadMore_endOfFeed" }),
     error: Lt.formatMessage({ id: "loadMore_error" })
   },
-  className: d = "",
+  className: u = "",
   gtmContext: a = "LoadMore"
 }) => {
-  const [l, o] = L(!1), [m, u] = L(!1);
+  const [d, o] = L(!1), [m, c] = L(!1);
   if (t <= 0 || t < n * e)
     return null;
   const h = async (p) => {
     try {
       await r(p);
     } catch (g) {
-      g instanceof Error && g.message && g.message.includes("Cannot read items") ? u(!0) : o(!0);
+      g instanceof Error && g.message && g.message.includes("Cannot read items") ? c(!0) : o(!0);
     }
   };
-  return /* @__PURE__ */ s.jsxs("footer", { className: $("load-more", d), children: [
-    l && /* @__PURE__ */ s.jsx("p", { className: "error", children: c.error }),
-    m ? /* @__PURE__ */ s.jsx("p", { children: c.endOfFeed }) : /* @__PURE__ */ s.jsx(
+  return /* @__PURE__ */ s.jsxs("footer", { className: S("load-more", u), children: [
+    d && /* @__PURE__ */ s.jsx("p", { className: "error", children: l.error }),
+    m ? /* @__PURE__ */ s.jsx("p", { children: l.endOfFeed }) : /* @__PURE__ */ s.jsx(
       U,
       {
         variant: "secondary",
@@ -2363,22 +2364,22 @@ const Lt = vs({ locale: "en", messages: qt }), yr = ({
         "data-gtm-event-type": "load-more-click",
         className: "gtm-trackable",
         "data-testid": "load-more-button",
-        children: c.button
+        children: l.button
       }
     )
   ] });
 };
-const zn = ({ variant: e = "default", version: t = "default", className: n = "", ...r }) => /* @__PURE__ */ s.jsx("p", { className: "logo-wrapper", children: /* @__PURE__ */ s.jsx("a", { href: "/home/", className: $("logo", e, t, n), ...r, children: /* @__PURE__ */ s.jsx(_e, { children: /* @__PURE__ */ s.jsx(Pe, { id: "apolitical" }) }) }) });
+const zn = ({ variant: e = "default", version: t = "default", className: n = "", ...r }) => /* @__PURE__ */ s.jsx("p", { className: "logo-wrapper", children: /* @__PURE__ */ s.jsx("a", { href: "/home/", className: S("logo", e, t, n), ...r, children: /* @__PURE__ */ s.jsx(_e, { children: /* @__PURE__ */ s.jsx(Pe, { id: "apolitical" }) }) }) });
 let at = !1;
 const Er = ({ element: e = "div", id: t = "more-menu", options: n, className: r = "" }) => {
-  const i = D(), c = de(null), [d, a] = L(!1), l = (o) => {
-    c.current && o.target instanceof HTMLElement && !c.current.contains(o.target) && a(!1);
+  const i = D(), l = de(null), [u, a] = L(!1), d = (o) => {
+    l.current && o.target instanceof HTMLElement && !l.current.contains(o.target) && a(!1);
   };
-  return Y(() => (document.addEventListener("click", l, !0), () => {
-    document.removeEventListener("click", l, !0);
+  return Y(() => (document.addEventListener("click", d, !0), () => {
+    document.removeEventListener("click", d, !0);
   })), A.createElement(e, {
-    ref: c,
-    className: $("more-menu text-medium", r),
+    ref: l,
+    className: S("more-menu text-medium", r),
     children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
       /* @__PURE__ */ s.jsx(
         U,
@@ -2386,15 +2387,15 @@ const Er = ({ element: e = "div", id: t = "more-menu", options: n, className: r
           variant: "tertiary",
           size: "medium",
           icon: { icon: "ellipsis" },
-          onClick: () => a(!d),
+          onClick: () => a(!u),
           "aria-haspopup": "true",
-          "aria-expanded": d,
+          "aria-expanded": u,
           "aria-controls": t,
           screenreaderText: i.formatMessage({ id: "moreMenu" })
         }
       ),
-      /* @__PURE__ */ s.jsx("ul", { id: t, hidden: !d, children: n.map(({ href: o, onClick: m, text: u, icon: h, ...p }, g) => {
-        const b = {
+      /* @__PURE__ */ s.jsx("ul", { id: t, hidden: !u, children: n.map(({ href: o, onClick: m, text: c, icon: h, ...p }, g) => {
+        const x = {
           ...p,
           onClick: (v) => {
             a(!1), typeof m == "function" && m(v);
@@ -2408,16 +2409,16 @@ const Er = ({ element: e = "div", id: t = "more-menu", options: n, className: r
             }, 100);
           }
         };
-        return o && (b.href = o), /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
+        return o && (x.href = o), /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
           U,
           {
             variant: "tertiary",
             size: "medium",
             icon: h ? { icon: h, position: "left" } : !1,
-            ...b,
-            children: u
+            ...x,
+            children: c
           }
-        ) }, `${window.btoa(u)}_${g}`);
+        ) }, `${window.btoa(c)}_${g}`);
       }) })
     ] })
   });
@@ -2446,14 +2447,14 @@ const $r = [
 ], Tr = ({ activeLink: e }) => {
   const t = D(), n = je($e), r = n && typeof n.id == "string";
   return /* @__PURE__ */ s.jsxs("ul", { id: "navigation-menu", className: "text-medium", children: [
-    $r.map(({ key: i, href: c }) => /* @__PURE__ */ s.jsx(
+    $r.map(({ key: i, href: l }) => /* @__PURE__ */ s.jsx(
       "li",
       {
-        className: $(i, { active: Sr(c, e) }),
+        className: S(i, { active: Sr(l, e) }),
         children: /* @__PURE__ */ s.jsx(
           "a",
           {
-            href: c,
+            href: l,
             "data-gtm-event-type": `${i}-click`,
             "data-gtm-event-context": "NavigationMenu",
             className: "gtm-trackable",
@@ -2532,23 +2533,23 @@ const Nr = "shareLinks_", qa = ({
   referrer: n,
   gtmContext: r = "ShareLinks",
   size: i = "large",
-  variant: c = "default",
-  className: d = ""
+  variant: l = "default",
+  className: u = ""
 }) => {
-  const a = D(), l = Mr({ title: e, link: t, referrer: n });
-  return /* @__PURE__ */ s.jsxs("aside", { className: $("share-links", i, c, d), children: [
+  const a = D(), d = Mr({ title: e, link: t, referrer: n });
+  return /* @__PURE__ */ s.jsxs("aside", { className: S("share-links", i, l, u), children: [
     /* @__PURE__ */ s.jsx("p", { className: "text-small", children: a.formatMessage({ id: "shareLinks_label" }) }),
-    /* @__PURE__ */ s.jsx("ul", { children: l.map(({ key: o, icon: m, url: u, shouldRender: h = !0, onClick: p }) => {
+    /* @__PURE__ */ s.jsx("ul", { children: d.map(({ key: o, icon: m, url: c, shouldRender: h = !0, onClick: p }) => {
       if (typeof h == "function" && !h())
         return null;
       const g = {};
-      return p && (g.onClick = (b) => p(b, u)), /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
+      return p && (g.onClick = (x) => p(x, c)), /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
         U,
         {
           size: i,
           variant: "tertiary",
           icon: { icon: m || o },
-          href: u,
+          href: c,
           target: "_blank",
           rel: "noopener noreferrer",
           className: "gtm-trackable",
@@ -2562,6 +2563,60 @@ const Nr = "shareLinks_", qa = ({
     }) })
   ] });
 };
+const eo = ({ tabs: e, className: t = "" }) => {
+  var d;
+  const n = (o, m, c) => (o || (o = `panel-${window.btoa(m)}-${c}`), o);
+  let r = e.findIndex((o) => o.current === !0);
+  if (r < 0 && (r = 0), window.location.hash) {
+    const o = window.location.hash.replace("#", "");
+    if (e.find((c) => c.id === o)) {
+      for (let c = 0; c < e.length; c++)
+        if (n(e[c].id, e[c].text, c) === o) {
+          r = c;
+          break;
+        }
+    }
+  }
+  const [i, l] = L(
+    (d = e[r]) != null && d.id ? e[r].id : n(e[r].id, e[r].text, r)
+  ), u = [], a = [];
+  return e.forEach(({ id: o, text: m, content: c, href: h }, p) => {
+    o = n(o, m, p);
+    const g = i === o, x = {};
+    h || (x["aria-controls"] = o, x.onClick = (v) => {
+      v.preventDefault(), v.stopPropagation(), l(o), window.location.hash = `#${o}`;
+    }, a.push(
+      /* @__PURE__ */ s.jsx(
+        "section",
+        {
+          id: o,
+          hidden: !g,
+          role: "tabpanel",
+          "aria-labelledby": `tab-${o}`,
+          "aria-live": g ? "assertive" : "off",
+          children: typeof c == "string" ? /* @__PURE__ */ s.jsx("p", { children: c }) : c
+        },
+        `section-${o}`
+      )
+    )), u.push(
+      /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
+        "a",
+        {
+          href: h || `#${o}`,
+          id: `tab-${o}`,
+          className: S({ selected: g }),
+          role: "tab",
+          "aria-selected": g,
+          ...x,
+          children: m
+        }
+      ) }, `tab-${o}`)
+    );
+  }), /* @__PURE__ */ s.jsxs("div", { className: S("tabs-wrapper", t), children: [
+    /* @__PURE__ */ s.jsx("ul", { className: "tabs", role: "tablist", children: u }),
+    /* @__PURE__ */ s.jsx("div", { className: "tab-content", children: a })
+  ] });
+};
 const Dr = {
   "2-1": 901,
   "1-3": 769
@@ -2572,26 +2627,26 @@ const Dr = {
   children: r
 }) => {
   const i = vt(!0);
-  let c = r;
-  return A.Children.count(r) === 1 && (c = A.Children.toArray(r)[0], c.props && (c = c.props.children)), /* @__PURE__ */ s.jsx("section", { className: $("columns", `layout-${e}`, n), children: A.Children.map(c, (d, a) => t !== !1 && a === t && i && i < Dr[e] ? null : d) });
-}, eo = ({ activeLink: e, ...t }) => /* @__PURE__ */ s.jsx(Cr, { layout: "1-3", children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+  let l = r;
+  return A.Children.count(r) === 1 && (l = A.Children.toArray(r)[0], l.props && (l = l.props.children)), /* @__PURE__ */ s.jsx("section", { className: S("columns", `layout-${e}`, n), children: A.Children.map(l, (u, a) => t !== !1 && a === t && i && i < Dr[e] ? null : u) });
+}, to = ({ activeLink: e, ...t }) => /* @__PURE__ */ s.jsx(Cr, { layout: "1-3", children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
   /* @__PURE__ */ s.jsx(Tr, { activeLink: e }),
   /* @__PURE__ */ s.jsx(ur, { ...t })
 ] }) });
-const Ot = "cookieBanner_", It = ["apol-cookie-banner", "apolitical-performance-cookie-consent", "functional-cookie-consent"], Bt = new Date(Date.now() + 12 * 30 * 24 * 60 * 60 * 1e3), Ar = () => {
-  const e = D(), [t, n, r] = Ss(It), [i, c] = L(!t["apol-cookie-banner"]), d = () => {
-    It.forEach((m) => {
+const It = "cookieBanner_", Ot = ["apol-cookie-banner", "apolitical-performance-cookie-consent", "functional-cookie-consent"], Bt = new Date(Date.now() + 12 * 30 * 24 * 60 * 60 * 1e3), Ar = () => {
+  const e = D(), [t, n, r] = Ss(Ot), [i, l] = L(!t["apol-cookie-banner"]), u = () => {
+    Ot.forEach((m) => {
       n(m, !0, {
         path: "/",
         expires: Bt,
         domain: m === "apolitical-performance-cookie-consent" ? ".apolitical.co" : void 0
       });
-    }), c(!1), window.location.reload();
+    }), l(!1), window.location.reload();
   }, a = () => {
     n("apol-cookie-banner", !0, {
       path: "/",
       expires: Bt
-    }), It.forEach((m) => {
+    }), Ot.forEach((m) => {
       if (m === "apol-cookie-banner") {
         n(m, !0, {
           path: "/",
@@ -2600,16 +2655,16 @@ const Ot = "cookieBanner_", It = ["apol-cookie-banner", "apolitical-performance-
         return;
       }
       r(m);
-    }), c(!1);
+    }), l(!1);
   };
   if (!i)
     return null;
-  const l = [
+  const d = [
     { id: "settings", href: "/pages/cookie-policy", gtmType: "policy-page" },
     { id: "reject", onClick: a, gtmType: "reject-all" },
-    { id: "accept", onClick: d, gtmType: "accepted-all" }
+    { id: "accept", onClick: u, gtmType: "accepted-all" }
   ], o = [];
-  return l.forEach((m) => {
+  return d.forEach((m) => {
     o.push({
       variant: m.href ? "tertiary" : "primary",
       href: m.href,
@@ -2617,11 +2672,11 @@ const Ot = "cookieBanner_", It = ["apol-cookie-banner", "apolitical-performance-
       className: "gtm-trackable",
       "data-gtm-event-context": "cookie-banner",
       "data-gtm-event-type": `cookie-${m.gtmType}-click`,
-      children: e.formatMessage({ id: `${Ot}buttons_${m.id}` })
+      children: e.formatMessage({ id: `${It}buttons_${m.id}` })
     });
   }), /* @__PURE__ */ s.jsxs("aside", { id: "cookie-banner", className: "text-medium", children: [
-    /* @__PURE__ */ s.jsx("h6", { children: e.formatMessage({ id: `${Ot}title` }) }),
-    /* @__PURE__ */ s.jsx("p", { children: e.formatMessage({ id: `${Ot}text` }) }),
+    /* @__PURE__ */ s.jsx("h6", { children: e.formatMessage({ id: `${It}title` }) }),
+    /* @__PURE__ */ s.jsx("p", { children: e.formatMessage({ id: `${It}text` }) }),
     /* @__PURE__ */ s.jsx(kt, { buttons: o })
   ] });
 }, Ce = {
@@ -2726,15 +2781,15 @@ const Be = "footer_", ht = "SiteFooter", jn = ({ group: e }) => {
     Array.isArray(t) && t.length > 0 && /* @__PURE__ */ s.jsx("ul", { className: "text-medium", children: t.map((r) => {
       if (["order", "child", "text"].includes(r))
         return null;
-      const { href: i, gtmType: c } = Ce[e][r], d = {};
-      return ["legal"].includes(e) && (d.target = "_blank", d.rel = "noopener"), /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
+      const { href: i, gtmType: l } = Ce[e][r], u = {};
+      return ["legal"].includes(e) && (u.target = "_blank", u.rel = "noopener"), /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
         "a",
         {
           href: i,
           className: "gtm-trackable",
           "data-gtm-event-context": ht,
-          "data-gtm-event-type": c,
-          ...d,
+          "data-gtm-event-type": l,
+          ...u,
           children: /* @__PURE__ */ s.jsx(Pe, { id: `${Be}${e}_${r}` })
         }
       ) }, `${e}_${r}`);
@@ -2792,12 +2847,12 @@ const Be = "footer_", ht = "SiteFooter", jn = ({ group: e }) => {
     /* @__PURE__ */ s.jsx("small", { children: /* @__PURE__ */ s.jsx(Pe, { id: `${Be}copyright`, values: { currentYear: (/* @__PURE__ */ new Date()).getFullYear() } }) })
   ] })
 ] }) });
-const ot = "emailHelperTextBox_", to = ({ type: e, email: t, redirectPath: n, resendVerificationCode: r }) => {
-  const i = D(), [c, d] = L({ path: `${ot}default`, type: "default", link: {}, mail: {}, error: "" }), [a, l] = L(!1), o = Me(
+const ot = "emailHelperTextBox_", no = ({ type: e, email: t, redirectPath: n, resendVerificationCode: r }) => {
+  const i = D(), [l, u] = L({ path: `${ot}default`, type: "default", link: {}, mail: {}, error: "" }), [a, d] = L(!1), o = Me(
     (p) => {
       p.preventDefault(), p.stopPropagation();
-      const g = (b) => {
-        d({
+      const g = (x) => {
+        u({
           path: `${ot}error_verificationFailedToSend`,
           type: "error",
           link: {
@@ -2814,19 +2869,19 @@ const ot = "emailHelperTextBox_", to = ({ type: e, email: t, redirectPath: n, re
             "data-gtm-event-context": "ErrorVerifyingBox",
             "data-gtm-event-type": "email-concierge-click"
           },
-          error: b
+          error: x
         });
       };
       if (typeof r != "function") {
         g(i.formatMessage({ id: `${ot}error_noFunction` }));
         return;
       }
-      l(!0), r(t).then(() => {
+      d(!0), r(t).then(() => {
         localStorage.setItem("email", t), window.location.href = n || "/signup/verify-email";
-      }).catch((b) => {
-        g(b.message);
+      }).catch((x) => {
+        g(x.message);
       }).finally(() => {
-        l(!1);
+        d(!1);
       });
     },
     /* eslint-disable react-hooks/exhaustive-deps */
@@ -2834,13 +2889,13 @@ const ot = "emailHelperTextBox_", to = ({ type: e, email: t, redirectPath: n, re
   );
   Y(
     () => {
-      let p = ot, g = "default", b = {}, v = {};
+      let p = ot, g = "default", x = {}, v = {};
       switch (e) {
         case "gov":
           p += "autoApproved", g = "success";
           break;
         case "nonGov":
-          p += "unrecognisedEmail", g = "error", b = {
+          p += "unrecognisedEmail", g = "error", x = {
             href: "https://about.apolitical.co/who-can-join-the-community",
             "data-gtm-event-context": "NonGovEmailHelperTextBox",
             "data-gtm-event-type": "LearnMoreClick"
@@ -2855,7 +2910,7 @@ const ot = "emailHelperTextBox_", to = ({ type: e, email: t, redirectPath: n, re
           };
           break;
         case "verify":
-          p += "emailUnverified", g = "error", b = {
+          p += "emailUnverified", g = "error", x = {
             href: "#",
             "data-gtm-event-context": "VerifyEmailBox",
             "data-gtm-event-type": "SendEmailClick",
@@ -2865,7 +2920,7 @@ const ot = "emailHelperTextBox_", to = ({ type: e, email: t, redirectPath: n, re
           };
           break;
         case "exists":
-          p += "emailAlreadyExists", g = "error", b = {
+          p += "emailAlreadyExists", g = "error", x = {
             href: "/user-onboarding/login",
             "data-gtm-event-context": "EmailExistsBox",
             "data-gtm-event-type": "login-click"
@@ -2877,22 +2932,22 @@ const ot = "emailHelperTextBox_", to = ({ type: e, email: t, redirectPath: n, re
           };
           break;
         default:
-          p += "default", b = {
+          p += "default", x = {
             href: "https://about.apolitical.co/who-can-join-the-community",
             "data-gtm-event-context": "DefaultEmailHelperTextBox",
             "data-gtm-event-type": "LearnMoreClick"
           };
           break;
       }
-      d({ ...c, path: p, type: g, link: b, mail: v });
+      u({ ...l, path: p, type: g, link: x, mail: v });
     },
     /* eslint-disable react-hooks/exhaustive-deps */
     [e]
   );
   const m = {};
   return ["link", "mail"].forEach((p) => {
-    m[p] = Object.keys(c[p]).length ? (g) => /* @__PURE__ */ s.jsx("a", { ...c[p], children: g }) : (g) => g;
-  }), /* @__PURE__ */ s.jsx(nr, { type: c.type, heading: a ? !1 : i.formatMessage({ id: `${c.path}_title` }), children: a ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    m[p] = Object.keys(l[p]).length ? (g) => /* @__PURE__ */ s.jsx("a", { ...l[p], children: g }) : (g) => g;
+  }), /* @__PURE__ */ s.jsx(nr, { type: l.type, heading: a ? !1 : i.formatMessage({ id: `${l.path}_title` }), children: a ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     /* @__PURE__ */ s.jsx(Se, { element: "span" }),
     /* @__PURE__ */ s.jsx(Se, { element: "span" })
   ] }) : (
@@ -2900,7 +2955,7 @@ const ot = "emailHelperTextBox_", to = ({ type: e, email: t, redirectPath: n, re
     // @ts-ignore
     // `values` are throwing a type error: https://github.com/formatjs/formatjs/issues/3633
     i.formatMessage(
-      { id: `${c.path}_text` },
+      { id: `${l.path}_text` },
       {
         ...m,
         strong: (p) => /* @__PURE__ */ s.jsx("strong", { children: p }),
@@ -2909,7 +2964,7 @@ const ot = "emailHelperTextBox_", to = ({ type: e, email: t, redirectPath: n, re
           /* @__PURE__ */ s.jsx("br", {}),
           /* @__PURE__ */ s.jsx("br", {})
         ] }),
-        error: c.error
+        error: l.error
       }
     )
   ) });
@@ -2920,9 +2975,9 @@ const it = "passwordRules_", Yn = "isMoreThanEightCharacters", Gn = "includesNum
   [Jn]: "lowercaseUppercase"
 }, Rr = ({ matchingRules: e = { isMoreThanEightCharacters: !1, includesNumberAndSymbol: !1, includesLowerAndUppercase: !1 }, className: t = "" }) => {
   const n = D();
-  return /* @__PURE__ */ s.jsxs("aside", { className: $("password-rules", t), children: [
+  return /* @__PURE__ */ s.jsxs("aside", { className: S("password-rules", t), children: [
     /* @__PURE__ */ s.jsx("small", { children: n.formatMessage({ id: `${it}intro` }) }),
-    /* @__PURE__ */ s.jsx("ul", { children: [Yn, Gn, Jn].map((r) => /* @__PURE__ */ s.jsxs("li", { className: $({ matches: e[r] }), children: [
+    /* @__PURE__ */ s.jsx("ul", { children: [Yn, Gn, Jn].map((r) => /* @__PURE__ */ s.jsxs("li", { className: S({ matches: e[r] }), children: [
       /* @__PURE__ */ s.jsxs(_e, { children: [
         n.formatMessage({ id: `${it}rule_label` }),
         " "
@@ -2935,17 +2990,17 @@ const it = "passwordRules_", Yn = "isMoreThanEightCharacters", Gn = "includesNum
       ] })
     ] }, `rule-${r}`)) })
   ] });
-}, no = We(Rr);
-const so = ({
+}, so = We(Rr);
+const ro = ({
   text: e = {},
   topRating: t = 5,
   functions: { createRating: n = () => null, updateRating: r = () => {
   }, reportError: i = () => {
   } },
-  className: c = "",
-  hasLoaded: d = !1
+  className: l = "",
+  hasLoaded: u = !1
 }) => {
-  const a = D(), [l, o] = L({ setUp: !1, id: null, rating: null, disabled: !0 }), m = async () => {
+  const a = D(), [d, o] = L({ setUp: !1, id: null, rating: null, disabled: !0 }), m = async () => {
     try {
       const E = await n();
       o((k) => ({ ...k, setUp: !0, id: E && E.id, disabled: !1 }));
@@ -2954,30 +3009,30 @@ const so = ({
     }
   };
   if (Y(() => {
-    d && !l.setUp && m();
-  }, [d]), !d)
+    u && !d.setUp && m();
+  }, [u]), !u)
     return /* @__PURE__ */ s.jsx(Se, { className: "rating-placeholder" });
-  const { id: u, rating: h, disabled: p } = l, g = "ratings_", b = {
+  const { id: c, rating: h, disabled: p } = d, g = "ratings_", x = {
     text: a.formatMessage({ id: `${g}text` }),
     low: a.formatMessage({ id: `${g}low` }),
     high: a.formatMessage({ id: `${g}high` }),
     success: a.formatMessage({ id: `${g}success` }),
     ...e
   }, v = async (E) => {
-    if (!(!u || p))
+    if (!(!c || p))
       try {
-        o((k) => ({ ...k, rating: E, disabled: !0 })), await r({ id: u, value: E });
+        o((k) => ({ ...k, rating: E, disabled: !0 })), await r({ id: c, value: E });
       } catch (k) {
         o((_) => ({ ..._, rating: null })), i(k);
       } finally {
         o((k) => ({ ...k, disabled: !1 }));
       }
   };
-  return /* @__PURE__ */ s.jsxs("div", { className: $("rating", c), children: [
-    /* @__PURE__ */ s.jsx("span", { className: "label", children: b[h ? "success" : "text"] }),
+  return /* @__PURE__ */ s.jsxs("div", { className: S("rating", l), children: [
+    /* @__PURE__ */ s.jsx("span", { className: "label", children: x[h ? "success" : "text"] }),
     /* @__PURE__ */ s.jsx("ol", { children: Array.from(new Array(t).keys()).map((E) => {
       const k = E + 1;
-      return /* @__PURE__ */ s.jsx("li", { className: $({ selected: h && k <= h }), children: /* @__PURE__ */ s.jsx(
+      return /* @__PURE__ */ s.jsx("li", { className: S({ selected: h && k <= h }), children: /* @__PURE__ */ s.jsx(
         U,
         {
           variant: "tertiary",
@@ -2986,7 +3041,7 @@ const so = ({
           screenreaderText: `${a.formatMessage(
             { id: `${g}stars` },
             { number: k, total: t }
-          )}${k === 1 || k === t ? ` - ${b[k === 1 ? "low" : "high"]}` : ""}`,
+          )}${k === 1 || k === t ? ` - ${x[k === 1 ? "low" : "high"]}` : ""}`,
           onClick: (_) => {
             _.preventDefault(), _.stopPropagation(), v(k);
           },
@@ -3002,24 +3057,24 @@ const Fr = ({
   handleToggle: n = !1,
   defaultValue: r = "",
   gtmContext: i = "search-bar",
-  gtmEvent: c = "form-submission"
+  gtmEvent: l = "form-submission"
 }) => {
-  const { searchIsOpen: d = !0, isDesktopVersion: a = !1 } = n || {}, l = D(), o = de(null);
+  const { searchIsOpen: u = !0, isDesktopVersion: a = !1 } = n || {}, d = D(), o = de(null);
   He(() => {
-    !n || a || !d || o.current && o.current.focus();
-  }, [d]);
-  const m = (u) => {
-    u.preventDefault(), u.stopPropagation(), !(!o.current || !o.current.value || o.current.value.length < 1) && (window.location.href = `/search?search=${encodeURIComponent(o.current.value)}`);
+    !n || a || !u || o.current && o.current.focus();
+  }, [u]);
+  const m = (c) => {
+    c.preventDefault(), c.stopPropagation(), !(!o.current || !o.current.value || o.current.value.length < 1) && (window.location.href = `/search?search=${encodeURIComponent(o.current.value)}`);
   };
   return /* @__PURE__ */ s.jsx(
     "form",
     {
       onSubmit: m,
-      className: $("search-form gtm-trackable", t),
+      className: S("search-form gtm-trackable", t),
       "data-gtm-event-context": i,
-      "data-gtm-event-type": c,
-      children: /* @__PURE__ */ s.jsx("fieldset", { id: `${e}-form`, hidden: n ? !d : !1, role: "search", children: /* @__PURE__ */ s.jsxs("p", { children: [
-        /* @__PURE__ */ s.jsx(_e, { element: "label", htmlFor: e, children: l.formatMessage({ id: "search_label" }) }),
+      "data-gtm-event-type": l,
+      children: /* @__PURE__ */ s.jsx("fieldset", { id: `${e}-form`, hidden: n ? !u : !1, role: "search", children: /* @__PURE__ */ s.jsxs("p", { children: [
+        /* @__PURE__ */ s.jsx(_e, { element: "label", htmlFor: e, children: d.formatMessage({ id: "search_label" }) }),
         /* @__PURE__ */ s.jsx(
           "input",
           {
@@ -3028,9 +3083,9 @@ const Fr = ({
             id: e,
             name: e,
             defaultValue: r,
-            placeholder: l.formatMessage({ id: "search_placeholder" }),
-            onKeyDown: (u) => {
-              u.key === "Enter" && m(u);
+            placeholder: d.formatMessage({ id: "search_placeholder" }),
+            onKeyDown: (c) => {
+              c.key === "Enter" && m(c);
             }
           }
         ),
@@ -3038,13 +3093,13 @@ const Fr = ({
           "button",
           {
             className: "clear",
-            onClick: (u) => {
-              u.preventDefault(), u.stopPropagation(), o.current && o.current.value && (o.current.value = "");
+            onClick: (c) => {
+              c.preventDefault(), c.stopPropagation(), o.current && o.current.value && (o.current.value = "");
             },
-            children: /* @__PURE__ */ s.jsx(_e, { children: l.formatMessage({ id: "search_clear" }) })
+            children: /* @__PURE__ */ s.jsx(_e, { children: d.formatMessage({ id: "search_clear" }) })
           }
         ),
-        /* @__PURE__ */ s.jsx("button", { className: "search", onClick: m, children: /* @__PURE__ */ s.jsx(_e, { children: l.formatMessage({ id: "search_cta" }) }) })
+        /* @__PURE__ */ s.jsx("button", { className: "search", onClick: m, children: /* @__PURE__ */ s.jsx(_e, { children: d.formatMessage({ id: "search_cta" }) }) })
       ] }) })
     }
   );
@@ -3055,33 +3110,33 @@ const Lr = ({
   ctaMessage: n,
   titleColor: r,
   labelColor: i,
-  backgroundColor: c,
-  onClose: d,
+  backgroundColor: l,
+  onClose: u,
   reportError: a,
-  sendInvites: l,
+  sendInvites: d,
   initialFormStatus: o = "NOT_SUBMITTED"
   /* NOT_SUBMITTED */
 }) => {
-  const [m, u] = L([]), [h, p] = L(!0), [g, b] = L(o), { formatMessage: v } = D(), E = async (T) => {
+  const [m, c] = L([]), [h, p] = L(!0), [g, x] = L(o), { formatMessage: v } = D(), E = async (T) => {
     T.preventDefault();
     try {
-      await l(m), u([]), b(
+      await d(m), c([]), x(
         "SUCCESS"
         /* SUCCESS */
       );
     } catch (C) {
-      b(
+      x(
         "ERROR"
         /* ERROR */
       ), a(C);
     }
   }, k = (T) => {
-    T.preventDefault(), b(
+    T.preventDefault(), x(
       "NOT_SUBMITTED"
       /* NOT_SUBMITTED */
-    ), p(!0), u([]);
+    ), p(!0), c([]);
   }, _ = (T) => {
-    T.preventDefault(), d(), b(
+    T.preventDefault(), u(), x(
       "CLOSED"
       /* CLOSED */
     );
@@ -3099,9 +3154,9 @@ const Lr = ({
   ] }) : /* @__PURE__ */ s.jsx("div", { className: "invite-form-wrapper", children: /* @__PURE__ */ s.jsxs(
     "form",
     {
-      style: { backgroundColor: c },
+      style: { backgroundColor: l },
       onSubmit: E,
-      className: $("invite-form gtm-trackable"),
+      className: S("invite-form gtm-trackable"),
       children: [
         /* @__PURE__ */ s.jsxs("fieldset", { className: "content", children: [
           /* @__PURE__ */ s.jsx("h2", { className: "title", style: { color: r }, children: e }),
@@ -3114,7 +3169,7 @@ const Lr = ({
               placeholder: v({ id: "inviteForm_email_placeholder" }),
               emails: m,
               onChange: (T) => {
-                u(T), p(!T.length);
+                c(T), p(!T.length);
               },
               autoFocus: !1,
               getLabel: (T, C, R) => /* @__PURE__ */ s.jsxs("div", { className: "email text-medium", children: [
@@ -3148,13 +3203,13 @@ const Lr = ({
     const n = {
       navigation: { loggedIn: 769, loggedOut: 881 },
       search: { loggedIn: 961, loggedOut: 1121 }
-    }, r = (c) => {
-      const d = `logged${e ? "In" : "Out"}`;
-      return t >= n[c][d];
+    }, r = (l) => {
+      const u = `logged${e ? "In" : "Out"}`;
+      return t >= n[l][u];
     };
     let i = {};
-    return ["navigation", "search"].forEach((c) => {
-      i[c] = r(c);
+    return ["navigation", "search"].forEach((l) => {
+      i[l] = r(l);
     }), i;
   },
   shouldChangeHeaderIsVisible: (e, t, n) => {
@@ -3167,10 +3222,10 @@ const Lr = ({
     if (!t && H.handlerCalled[e] && i - H.handlerCalled[e] < 500)
       return;
     H.handlerCalled[e] = i;
-    let c = [{ type: `menus.${e}`, value: t }];
-    t === !0 && Object.keys(n).forEach((d) => {
-      d === e || n[d] === !1 || c.push({ type: `menus.${d}`, value: !1 });
-    }), r(c);
+    let l = [{ type: `menus.${e}`, value: t }];
+    t === !0 && Object.keys(n).forEach((u) => {
+      u === e || n[u] === !1 || l.push({ type: `menus.${u}`, value: !1 });
+    }), r(l);
   },
   // Find the first child inside a ref that matches the `key` (and optional `value`) we're looking for,
   // so we can automatically focus on the first link inside a menu for accessibility.
@@ -3196,34 +3251,34 @@ const Lr = ({
   autoFocus: ({ menu: e, navigationRef: t, isDesktopVersion: n, focusElements: r, dispatch: i }) => {
     if (!t.current || !t.current.children)
       return;
-    const c = n ? "desktop" : "default";
-    if (r[e][c]) {
-      r[e][c].focus();
+    const l = n ? "desktop" : "default";
+    if (r[e][l]) {
+      r[e][l].focus();
       return;
     }
-    let d, a;
+    let u, a;
     switch (e) {
       case "navigation":
         if (n) {
-          const l = H.findFirstChild(
+          const d = H.findFirstChild(
             t.current.children,
             "attributes.aria-controls",
             "navigation"
           );
-          d = H.findFirstChild(l.children, "href");
+          u = H.findFirstChild(d.children, "href");
         } else
-          d = H.findFirstChild(t.current.children, "href");
-        d || (d = t.current);
+          u = H.findFirstChild(t.current.children, "href");
+        u || (u = t.current);
         break;
       case "account":
         if (a = H.findFirstChild(t.current.children, "className", "account"), !a || !a.children)
           return;
-        d = H.findFirstChild(a.children, "href");
+        u = H.findFirstChild(a.children, "href");
         break;
       default:
         return;
     }
-    d && (i([{ type: `focusElements.${e}.${c}`, value: d }]), d.focus());
+    u && (i([{ type: `focusElements.${e}.${l}`, value: u }]), u.focus());
   },
   events: {
     onClick: (e, { id: t, callback: n, isOpen: r }) => {
@@ -3324,14 +3379,14 @@ const Lr = ({
   menus: r = {},
   callback: i = () => {
   },
-  doTrack: c = null
+  doTrack: l = null
 }) => {
-  const d = D(), a = Mn(pt, e);
+  const u = D(), a = Mn(pt, e);
   if (!a || a.onlyShow && (a.onlyShow === "logged-in" && !t || a.onlyShow === "logged-out" && t))
     return null;
-  const l = "doTrack" in a, o = c === null ? l ? a.doTrack : !0 : c, m = e.includes("buttons.");
-  let u = `header_${e.replaceAll(".", "_")}`;
-  a.hasVariantText && (u += `_logged${t ? "In" : "Out"}`);
+  const d = "doTrack" in a, o = l === null ? d ? a.doTrack : !0 : l, m = e.includes("buttons.");
+  let c = `header_${e.replaceAll(".", "_")}`;
+  a.hasVariantText && (c += `_logged${t ? "In" : "Out"}`);
   let h = !1;
   if (a.href) {
     let k = a.gtmType || `${e}-click`;
@@ -3354,7 +3409,7 @@ const Lr = ({
       ...a.props || {}
     });
   }
-  const p = a.order && a.order[0] && a[a.order[0]], g = p && a[a.order[0]].order, b = h && window.location.pathname === a.href;
+  const p = a.order && a.order[0] && a[a.order[0]], g = p && a[a.order[0]].order, x = h && window.location.pathname === a.href;
   let v = {}, E = {};
   if (p) {
     const k = a.menuId || e, _ = {
@@ -3379,8 +3434,8 @@ const Lr = ({
       ..._
     });
   }
-  return /* @__PURE__ */ s.jsxs("li", { className: $({ [a.className]: a.className, "has-submenu": p, parent: g, active: b }), role: "none", ...v, children: [
-    h ? A.createElement(m ? U : "a", h, d.formatMessage({ id: u })) : d.formatMessage({ id: u }),
+  return /* @__PURE__ */ s.jsxs("li", { className: S({ [a.className]: a.className, "has-submenu": p, parent: g, active: x }), role: "none", ...v, children: [
+    h ? A.createElement(m ? U : "a", h, u.formatMessage({ id: c })) : u.formatMessage({ id: c }),
     a.order && /* @__PURE__ */ s.jsx("ul", { ...E, children: a.order.map((k) => {
       if (!a[k])
         return null;
@@ -3389,46 +3444,46 @@ const Lr = ({
         isDesktopVersion: n,
         menus: r,
         callback: i,
-        doTrack: l ? o : null
+        doTrack: d ? o : null
       };
-      return a[k].order ? /* @__PURE__ */ s.jsxs("li", { className: $({ [a[k].className]: a[k].className }), children: [
-        d.formatMessage({ id: `${u}_${k}` }),
+      return a[k].order ? /* @__PURE__ */ s.jsxs("li", { className: S({ [a[k].className]: a[k].className }), children: [
+        u.formatMessage({ id: `${c}_${k}` }),
         /* @__PURE__ */ s.jsx("ul", { children: a[k].order.map((T) => /* @__PURE__ */ s.jsx(gt, { id: `${e}.${k}.${T}`, ..._ }, T)) })
       ] }, k) : /* @__PURE__ */ s.jsx(gt, { id: `${e}.${k}`, ..._ }, k);
     }) })
   ] }, e);
 };
-const Or = { height: 67, height_desktop: 83 }, Xn = ({ showNavigation: e = !0 }) => {
-  const t = D(), n = je($e), r = vt(!0, !0), i = n && typeof n.id == "string", c = xt(
+const Ir = { height: 67, height_desktop: 83 }, Xn = ({ showNavigation: e = !0 }) => {
+  const t = D(), n = je($e), r = vt(!0, !0), i = n && typeof n.id == "string", l = xt(
     () => H.getIsDesktopVersion(i, r),
     [i, r]
-  ), [d, a] = gs(Js, {
+  ), [u, a] = gs(Js, {
     headerIsVisible: !0,
     menus: { navigation: !1, search: !1, account: !1 },
     focusElements: {
       navigation: { desktop: !1, default: !1 },
       account: { desktop: !1, default: !1 }
     }
-  }), { headerIsVisible: l, menus: o, focusElements: m } = d;
-  Is({
-    scrollPosition: Or[`height${c.navigation ? "_desktop" : ""}`],
+  }), { headerIsVisible: d, menus: o, focusElements: m } = u;
+  Os({
+    scrollPosition: Ir[`height${l.navigation ? "_desktop" : ""}`],
     callbacks: {
       scrollUp: () => {
-        !c && o.navigation || H.shouldChangeHeaderIsVisible(!0, o, a);
+        !l && o.navigation || H.shouldChangeHeaderIsVisible(!0, o, a);
       },
       scrollDown: () => {
-        !c && o.navigation || H.shouldChangeHeaderIsVisible(!1, o, a);
+        !l && o.navigation || H.shouldChangeHeaderIsVisible(!1, o, a);
       }
     }
   });
-  const u = (p, g) => {
+  const c = (p, g) => {
     H.handleMenus({ id: p, value: g, menus: o, dispatch: a });
   }, h = de(null);
   return He(() => {
     o.navigation && H.autoFocus({
       menu: "navigation",
       navigationRef: h,
-      isDesktopVersion: c.navigation,
+      isDesktopVersion: l.navigation,
       focusElements: m,
       dispatch: a
     });
@@ -3436,7 +3491,7 @@ const Or = { height: 67, height_desktop: 83 }, Xn = ({ showNavigation: e = !0 })
     o.account && H.autoFocus({
       menu: "account",
       navigationRef: h,
-      isDesktopVersion: c.navigation,
+      isDesktopVersion: l.navigation,
       focusElements: m,
       dispatch: a
     });
@@ -3445,10 +3500,10 @@ const Or = { height: 67, height_desktop: 83 }, Xn = ({ showNavigation: e = !0 })
       "nav",
       {
         id: "header",
-        className: $({
+        className: S({
           "logged-in": i,
           "logged-out": !i,
-          visible: l
+          visible: d
         }),
         children: [
           /* @__PURE__ */ s.jsx(
@@ -3461,12 +3516,12 @@ const Or = { height: 67, height_desktop: 83 }, Xn = ({ showNavigation: e = !0 })
           ),
           /* @__PURE__ */ s.jsx(zn, {}),
           e && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-            !c.navigation && /* @__PURE__ */ s.jsx(
+            !l.navigation && /* @__PURE__ */ s.jsx(
               "button",
               {
                 className: "menu-button gtm-trackable",
                 onClick: (p) => {
-                  p.preventDefault(), p.stopPropagation(), u("navigation", !o.navigation);
+                  p.preventDefault(), p.stopPropagation(), c("navigation", !o.navigation);
                 },
                 "data-gtm-event-type": "open-tab-menu-click",
                 "data-gtm-event-context": "HeaderLeft-Chevron",
@@ -3483,28 +3538,28 @@ const Or = { height: 67, height_desktop: 83 }, Xn = ({ showNavigation: e = !0 })
               {
                 ref: h,
                 id: "navigation",
-                hidden: c.navigation || o.account ? !1 : !o.navigation,
+                hidden: l.navigation || o.account ? !1 : !o.navigation,
                 role: "menu",
-                "data-showing": !c.navigation && o.account ? "account" : "default",
+                "data-showing": !l.navigation && o.account ? "account" : "default",
                 children: pt.order.map((p) => /* @__PURE__ */ s.jsx(
                   gt,
                   {
                     id: p,
                     isLoggedIn: i,
-                    isDesktopVersion: c.navigation,
+                    isDesktopVersion: l.navigation,
                     menus: { navigation: o.navigation, account: o.account },
-                    callback: u
+                    callback: c
                   },
                   p
                 ))
               }
             ),
-            !c.search && /* @__PURE__ */ s.jsx(
+            !l.search && /* @__PURE__ */ s.jsx(
               "button",
               {
                 className: "search toggle-search-button",
                 onClick: (p) => {
-                  p.preventDefault(), p.stopPropagation(), u("search", !o.search);
+                  p.preventDefault(), p.stopPropagation(), c("search", !o.search);
                 },
                 "aria-haspopup": "true",
                 "aria-expanded": o.search,
@@ -3525,7 +3580,7 @@ const Or = { height: 67, height_desktop: 83 }, Xn = ({ showNavigation: e = !0 })
                 id: "global-search",
                 handleToggle: {
                   searchIsOpen: o.search,
-                  isDesktopVersion: c.search
+                  isDesktopVersion: l.search
                 },
                 gtmContext: "search-bar-header",
                 gtmEvent: "form-submission"
@@ -3537,11 +3592,11 @@ const Or = { height: 67, height_desktop: 83 }, Xn = ({ showNavigation: e = !0 })
                 className: "account-button",
                 onClick: (p) => H.events.onClick(p, {
                   id: "account",
-                  callback: u,
+                  callback: c,
                   isOpen: o.account
                 }),
-                onMouseEnter: () => H.events.onMouseEnter({ id: "account", callback: u }),
-                onMouseLeave: () => H.events.onBlur({ id: "account", callback: u }),
+                onMouseEnter: () => H.events.onMouseEnter({ id: "account", callback: c }),
+                onMouseLeave: () => H.events.onBlur({ id: "account", callback: c }),
                 "aria-haspopup": "true",
                 "aria-expanded": o.account,
                 "aria-controls": "navigation",
@@ -3567,8 +3622,8 @@ const Or = { height: 67, height_desktop: 83 }, Xn = ({ showNavigation: e = !0 })
     /* @__PURE__ */ s.jsx(
       "div",
       {
-        className: $("overlay", {
-          open: o.navigation || o.account || !c.search && o.search
+        className: S("overlay", {
+          open: o.navigation || o.account || !l.search && o.search
         })
       }
     )
@@ -3577,7 +3632,7 @@ const Or = { height: 67, height_desktop: 83 }, Xn = ({ showNavigation: e = !0 })
 const Zn = ({ element: e = "section", children: t, className: n, ...r }) => A.createElement(
   e,
   {
-    className: $("modal", n),
+    className: S("modal", n),
     children: typeof t == "string" ? /* @__PURE__ */ s.jsx("p", { children: t }) : t,
     ...r
   }
@@ -3588,27 +3643,27 @@ const Kn = ({
   showDivider: n = !0,
   maxWidth: r,
   functions: { onOpen: i = () => {
-  }, onClose: c = () => {
+  }, onClose: l = () => {
   } } = {},
-  forceShow: { error: d = !1 } = {},
+  forceShow: { error: u = !1 } = {},
   title: a,
-  children: l,
+  children: d,
   buttons: o,
   className: m = "",
-  gtmContext: u = "Modal"
+  gtmContext: c = "Modal"
 }) => {
-  const h = D(), [p, g] = L(t), b = (E) => {
-    g(E), E ? (i(), document.body.classList.add("has-overlay")) : (c(), document.body.classList.remove("has-overlay"));
+  const h = D(), [p, g] = L(t), x = (E) => {
+    g(E), E ? (i(), document.body.classList.add("has-overlay")) : (l(), document.body.classList.remove("has-overlay"));
   };
   Y(() => {
-    b(t);
+    x(t);
   }, [t]);
   const v = r ? { "--max-width": `${r / 16}rem` } : {};
-  return /* @__PURE__ */ s.jsx("div", { className: $("overlay", { open: p }), children: /* @__PURE__ */ s.jsx(
+  return /* @__PURE__ */ s.jsx("div", { className: S("overlay", { open: p }), children: /* @__PURE__ */ s.jsx(
     Zn,
     {
       id: e,
-      className: $("overlay-modal", m, { "has-max-width": r }),
+      className: S("overlay-modal", m, { "has-max-width": r }),
       hidden: !p,
       style: v,
       children: t && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
@@ -3620,39 +3675,39 @@ const Kn = ({
               variant: "tertiary",
               size: "medium",
               icon: { icon: "close" },
-              onClick: () => b(!1),
+              onClick: () => x(!1),
               className: "gtm-trackable",
               "data-gtm-event-type": "close-modal-click",
-              "data-gtm-event-context": u,
+              "data-gtm-event-context": c,
               screenreaderText: h.formatMessage({ id: "overlay_close" })
             }
           )
         ] }),
         n && /* @__PURE__ */ s.jsx(Ue, {}),
-        l,
+        d,
         o && /* @__PURE__ */ s.jsxs("div", { className: "bottom", children: [
           /* @__PURE__ */ s.jsx(Ue, {}),
           /* @__PURE__ */ s.jsx(kt, { buttons: o })
         ] }),
-        d && /* @__PURE__ */ s.jsx(Xt, { className: "error", children: d })
+        u && /* @__PURE__ */ s.jsx(Xt, { className: "error", children: u })
       ] })
     }
   ) });
-}, Ir = (e, t) => ({
+}, Or = (e, t) => ({
   "aria-haspopup": !0,
   "aria-expanded": t,
   "aria-controls": e
 });
-const ro = ({
+const ao = ({
   className: e,
   showModal: t = !0,
   title: n,
   formTitle: r = "Know someone who might like to join this workshop?",
   formLabel: i = "Invite your colleagues by typing or pasting their emails below.",
-  ctaMessage: c = "Send",
-  showIcon: d,
+  ctaMessage: l = "Send",
+  showIcon: u,
   onClose: a,
-  reportError: l = () => {
+  reportError: d = () => {
   },
   sendInvites: o
 }) => /* @__PURE__ */ s.jsx(
@@ -3661,18 +3716,18 @@ const ro = ({
     title: n,
     isOpen: t,
     showDivider: !1,
-    showIcon: d,
+    showIcon: u,
     functions: { onClose: a },
-    className: $("invite-modal", e, { success: !!n }),
+    className: S("invite-modal", e, { success: !!n }),
     children: /* @__PURE__ */ s.jsx(
       Lr,
       {
         title: r,
         label: i,
-        ctaMessage: c,
+        ctaMessage: l,
         onClose: a,
         sendInvites: o,
-        reportError: l
+        reportError: d
       }
     )
   }
@@ -3695,28 +3750,28 @@ const Br = () => {
   additionalContent: { prepended: t, appended: n } = {},
   reportError: r,
   forceShow: i = {},
-  styling: c = {},
-  className: d = "",
+  styling: l = {},
+  className: u = "",
   locale: a = "en"
 }) => {
-  const { navigation: l = !0, footer: o = !0 } = i, { background: m = "default", variant: u = "default", circle: h = "default" } = c, p = Ls();
+  const { navigation: d = !0, footer: o = !0 } = i, { background: m = "default", variant: c = "default", circle: h = "default" } = l, p = Ls();
   Y(() => {
     window.scrollTo(0, 0);
   }, [p]);
-  const g = ut(e, { locale: a }), b = ut(t, {
+  const g = ut(e, { locale: a }), x = ut(t, {
     locale: a
   }), v = ut(n, {
     locale: a
   }), E = {};
-  return m !== "default" && (E[m] = !0), u !== "default" && (E[u] = !0), h !== "default" && (E[h] = !0), /* @__PURE__ */ s.jsx(Ts, { onError: r, fallback: /* @__PURE__ */ s.jsx(Br, {}), children: /* @__PURE__ */ s.jsx(_s, { fallback: null, children: /* @__PURE__ */ s.jsxs(
+  return m !== "default" && (E[m] = !0), c !== "default" && (E[c] = !0), h !== "default" && (E[h] = !0), /* @__PURE__ */ s.jsx(Ts, { onError: r, fallback: /* @__PURE__ */ s.jsx(Br, {}), children: /* @__PURE__ */ s.jsx(_s, { fallback: null, children: /* @__PURE__ */ s.jsxs(
     "div",
     {
       id: "wrapper",
-      className: $(d, E, { "has-footer": o }),
+      className: S(u, E, { "has-footer": o }),
       children: [
-        /* @__PURE__ */ s.jsx(Xn, { showNavigation: l }),
+        /* @__PURE__ */ s.jsx(Xn, { showNavigation: d }),
         /* @__PURE__ */ s.jsxs("section", { id: "content-wrapper", children: [
-          b && /* @__PURE__ */ s.jsx("div", { className: "additional-content prepended", children: b }),
+          x && /* @__PURE__ */ s.jsx("div", { className: "additional-content prepended", children: x }),
           A.createElement(m === "bold" ? Zn : "div", {
             id: "content",
             children: g
@@ -3759,55 +3814,55 @@ const Br = () => {
     return Qt[e] ? (e = Qt[e], { id: e, text: `${yn.default}${e}` }) : null;
   }
 };
-const ao = ({
+const oo = ({
   tags: e = [],
   color: t = "default",
   forceOneLine: n = !1,
   canHaveLinks: r = !0,
   className: i = "",
-  gtmType: c = "tag-click",
-  gtmContext: d = "tags"
+  gtmType: l = "tag-click",
+  gtmContext: u = "tags"
 }) => {
   const a = D();
   if (!e || e.length < 1)
     return null;
-  const l = [];
+  const d = [];
   return e.forEach((o) => {
     if (!o)
       return;
     const m = Hr.getTagDetails(o);
-    m && l.push(m);
-  }), l.length < 1 ? null : /* @__PURE__ */ s.jsx("ul", { className: $("tags text-small", t, i, { "one-line": n }), children: l.map((o) => {
+    m && d.push(m);
+  }), d.length < 1 ? null : /* @__PURE__ */ s.jsx("ul", { className: S("tags text-small", t, i, { "one-line": n }), children: d.map((o) => {
     const m = a.formatMessage({ id: o.text });
     return /* @__PURE__ */ s.jsx("li", { children: o.href && r ? /* @__PURE__ */ s.jsx(
       "a",
       {
         href: o.href,
         className: "gtm-trackable",
-        "data-gtm-event-type": c,
-        "data-gtm-event-context": d,
+        "data-gtm-event-type": l,
+        "data-gtm-event-context": u,
         children: m
       }
     ) : m }, o.id);
   }) });
 };
-const oo = ({
+const io = ({
   members: { total: e, data: t = [] },
   pagination: n,
   gtmContext: r = "member",
   gtmType: i = "member-click",
-  className: c = ""
+  className: l = ""
 }) => {
-  const d = D();
-  return t.length === 0 ? null : (e || (e = t.length), /* @__PURE__ */ s.jsxs("div", { className: $("members-list", c), children: [
+  const u = D();
+  return t.length === 0 ? null : (e || (e = t.length), /* @__PURE__ */ s.jsxs("div", { className: S("members-list", l), children: [
     /* @__PURE__ */ s.jsxs("h1", { children: [
-      d.formatMessage({ id: "membersList" }),
+      u.formatMessage({ id: "membersList" }),
       /* @__PURE__ */ s.jsx("span", { className: "count", children: e })
     ] }),
-    /* @__PURE__ */ s.jsx("ul", { children: t.map((a, l) => /* @__PURE__ */ s.jsxs("li", { children: [
+    /* @__PURE__ */ s.jsx("ul", { children: t.map((a, d) => /* @__PURE__ */ s.jsxs("li", { children: [
       /* @__PURE__ */ s.jsx(tn, { member: a, gtmContext: r, gtmType: i }),
-      a.isAdmin && /* @__PURE__ */ s.jsx(ft, { children: d.formatMessage({ id: "membersList_admin" }) })
-    ] }, l)) }),
+      a.isAdmin && /* @__PURE__ */ s.jsx(ft, { children: u.formatMessage({ id: "membersList_admin" }) })
+    ] }, d)) }),
     n && /* @__PURE__ */ s.jsx(
       yr,
       {
@@ -3830,8 +3885,8 @@ const ve = "discussion_form_", qn = ({
   },
   inputRef: r,
   maxLength: i = 5e4,
-  minRows: c = 4,
-  forceShow: d = {
+  minRows: l = 4,
+  forceShow: u = {
     cancel: !1,
     error: !1
   },
@@ -3848,12 +3903,12 @@ const ve = "discussion_form_", qn = ({
       create: { projectNames: ["questions-answers"] }
     }
   },
-  gtmContext: l = "DiscussionForm"
+  gtmContext: d = "DiscussionForm"
 }) => {
   var P, G;
-  const o = D(), m = je($e), [u, h] = L(
+  const o = D(), m = je($e), [c, h] = L(
     n.isEditing && n.isEditing.text || ""
-  ), [p, g] = L(d.error || !1), [b, v] = L(!1), E = de(null);
+  ), [p, g] = L(u.error || !1), [x, v] = L(!1), E = de(null);
   if (r || (r = E), n.isLoading)
     return /* @__PURE__ */ s.jsx(
       Se,
@@ -3862,8 +3917,8 @@ const ve = "discussion_form_", qn = ({
         "data-testid": "loading-placeholder"
       }
     );
-  const k = (x) => {
-    const K = x.target.value;
+  const k = (b) => {
+    const K = b.target.value;
     h(K);
     let j;
     !m || !m.id ? j = Te(
@@ -3880,12 +3935,12 @@ const ve = "discussion_form_", qn = ({
   };
   let _ = `${e.type}-form`;
   if (e.type === "response" || e.type === "reply") {
-    const x = e.type === "response" ? ((P = e.slugs) == null ? void 0 : P.question) || "" : ((G = e.slugs) == null ? void 0 : G.answer) || "";
-    x && (_ = `${_}-${x.slice(-15)}`);
+    const b = e.type === "response" ? ((P = e.slugs) == null ? void 0 : P.question) || "" : ((G = e.slugs) == null ? void 0 : G.answer) || "";
+    b && (_ = `${_}-${b.slice(-15)}`);
   }
-  const T = async (x) => {
+  const T = async (b) => {
     var j;
-    if (x.preventDefault(), x.stopPropagation(), !m || !m.id || !t || R)
+    if (b.preventDefault(), b.stopPropagation(), !m || !m.id || !t || R)
       return;
     ct && clearTimeout(ct), v("submitting");
     const K = window.location.pathname;
@@ -3893,11 +3948,11 @@ const ve = "discussion_form_", qn = ({
       let w;
       switch (e.type) {
         case "post":
-          w = await a.create({ content: u });
+          w = await a.create({ content: c });
           break;
         case "question":
           w = await a.create({
-            title: u,
+            title: c,
             authorId: m && m.id,
             ...(j = a.props) == null ? void 0 : j.create
           });
@@ -3905,13 +3960,13 @@ const ve = "discussion_form_", qn = ({
         case "response":
           w = await a.create(
             { question: e.slugs.question },
-            { body: u, authorId: m && m.id, contentPath: K }
+            { body: c, authorId: m && m.id, contentPath: K }
           );
           break;
         case "reply":
           w = await a.create(
             { question: e.slugs.question, answer: e.slugs.answer },
-            { body: u, authorId: m && m.id, contentPath: K }
+            { body: c, authorId: m && m.id, contentPath: K }
           );
           break;
         default:
@@ -3939,33 +3994,33 @@ const ve = "discussion_form_", qn = ({
     ct = setTimeout(() => {
       g(!1), v(!1);
     }, 5e3);
-  }, R = !u || !Gs(u), V = b === "submitting", N = [];
-  return (n.isEditing && !V || d.cancel) && N.push({
+  }, R = !c || !Gs(c), V = x === "submitting", N = [];
+  return (n.isEditing && !V || u.cancel) && N.push({
     variant: "secondary",
     size: { mobile: "small", 600: "medium" },
     onClick: a.handleCancel,
     className: "gtm-trackable",
-    "data-gtm-event-context": l,
+    "data-gtm-event-context": d,
     "data-gtm-event-type": `cancel-${e.type}-click`,
-    disabled: !d.cancel && (!m || !m.id || !u),
+    disabled: !u.cancel && (!m || !m.id || !c),
     children: o.formatMessage({ id: `${ve}cancel` })
   }), N.push({
     variant: "primary",
     size: { mobile: "small", 600: "medium" },
-    onClick: (x) => {
+    onClick: (b) => {
       if (n.isEditing) {
         v("submitting"), a.handleSaveEdit && a.handleSaveEdit(
           E.current && "value" in E.current ? E.current.value : ""
         );
         return;
       }
-      T(x);
+      T(b);
     },
     className: "gtm-trackable",
-    "data-gtm-event-context": l,
+    "data-gtm-event-context": d,
     "data-gtm-event-type": `${n.isEditing ? "save" : "submit"}-${e.type}-click`,
     "data-testid": "save-button",
-    disabled: !m || !m.id || !t || R || V || n.isEditing && u === n.isEditing.text,
+    disabled: !m || !m.id || !t || R || V || n.isEditing && c === n.isEditing.text,
     children: o.formatMessage({
       id: `${ve}${V ? n.isEditing ? "saving" : "posting" : n.isEditing ? "save" : "post"}`
     })
@@ -3973,7 +4028,7 @@ const ve = "discussion_form_", qn = ({
     "form",
     {
       id: _,
-      className: $("discussion-card discussion-form", {
+      className: S("discussion-card discussion-form", {
         "no-styling": n.isInWrapper && n.isEditing
       }),
       "data-testid": `discussion-${e.type}-form`,
@@ -3983,7 +4038,7 @@ const ve = "discussion_form_", qn = ({
           tn,
           {
             member: m || "community",
-            gtmContext: l,
+            gtmContext: d,
             gtmType: "profile-click"
           }
         ),
@@ -4001,31 +4056,31 @@ const ve = "discussion_form_", qn = ({
               "action"
             ),
             onChange: k,
-            value: u,
+            value: c,
             maxLength: i,
             "aria-invalid": !!p,
             "aria-errormessage": "error-message",
-            minRows: c,
+            minRows: l,
             autoFocus: !!n.isEditing
           }
         ),
         /* @__PURE__ */ s.jsx("small", { children: Te(o.formatMessage, `${ve}explainer`, e.type, "action", {
-          a: (x) => /* @__PURE__ */ s.jsx(
+          a: (b) => /* @__PURE__ */ s.jsx(
             "a",
             {
               href: "https://about.apolitical.co/q-and-a-community-guidelines",
               target: "_blank",
               className: "gtm-trackable",
-              "data-gtm-event-context": l,
+              "data-gtm-event-context": d,
               "data-gtm-event-type": "community-guidelines-link",
               rel: "noreferrer",
-              children: x
+              children: b
             }
           )
         }) }),
         /* @__PURE__ */ s.jsx(kt, { buttons: N }),
-        b === "submitted" && /* @__PURE__ */ s.jsx(Xt, { className: "success", "data-testid": "success", children: Te(o.formatMessage, `${ve}success`, e.type, "action") }),
-        p && /* @__PURE__ */ s.jsx(Xt, { id: "error-message", className: "error", "data-testid": "error", children: d.error ? d.error : typeof p == "string" ? p.includes(" ") ? p : o.formatMessage(
+        x === "submitted" && /* @__PURE__ */ s.jsx(Xt, { className: "success", "data-testid": "success", children: Te(o.formatMessage, `${ve}success`, e.type, "action") }),
+        p && /* @__PURE__ */ s.jsx(Xt, { id: "error-message", className: "error", "data-testid": "error", children: u.error ? u.error : typeof p == "string" ? p.includes(" ") ? p : o.formatMessage(
           { id: p },
           {
             action: o.formatMessage({
@@ -4040,14 +4095,14 @@ const ve = "discussion_form_", qn = ({
 }, nn = ({
   contentType: e,
   createPost: t,
-  membershipRequiredToPost: { isMember: n, required: r, join: i, leave: c, notMemberStateText: d }
+  membershipRequiredToPost: { isMember: n, required: r, join: i, leave: l, notMemberStateText: u }
 }) => r && !n ? /* @__PURE__ */ s.jsx(
   yt,
   {
-    text: d,
+    text: u,
     button: {
       breakpoints: { mobile: !0, 901: !1 },
-      component: /* @__PURE__ */ s.jsx(Wn, { isShort: !0, functions: { join: i, leave: c } })
+      component: /* @__PURE__ */ s.jsx(Wn, { isShort: !0, functions: { join: i, leave: l } })
     }
   }
 ) : /* @__PURE__ */ s.jsx(
@@ -4085,42 +4140,42 @@ const Ht = () => {
   peopleWhoLiked: n = !1,
   isShort: r = !0,
   userLiked: i = !1,
-  content: c = { type: "reply", slugs: {} },
-  canLike: d = !0,
+  content: l = { type: "reply", slugs: {} },
+  canLike: u = !0,
   functions: { createLike: a = () => {
-  }, deleteLike: l = () => {
+  }, deleteLike: d = () => {
   } } = {}
 }) => {
   const o = D();
   Y(() => {
     p(i);
   }, [i]);
-  const [m, u] = L(t), [h, p] = L(i), [g, b] = L(!1), [v, E] = L(!1), k = xt(() => Vr(n, Ut), [n]), _ = (C) => {
+  const [m, c] = L(t), [h, p] = L(i), [g, x] = L(!1), [v, E] = L(!1), k = xt(() => Vr(n, Ut), [n]), _ = (C) => {
     if (C.preventDefault(), C.stopPropagation(), E(!1), Ke)
       return Ht(), !1;
-    if (Ht(), g || !d)
+    if (Ht(), g || !u)
       return !1;
     Ke = setTimeout(T, 350);
   }, T = async () => {
-    if (Ht(), g || !d)
+    if (Ht(), g || !u)
       return !1;
     let C = h ? m - 1 : m + 1;
-    C < 0 && (C = 0), b(!0), u(C), p(!h);
+    C < 0 && (C = 0), x(!0), c(C), p(!h);
     try {
-      if (c && c.slugs) {
-        const R = zr(c.slugs);
-        h ? await l(R) : await a(R, { contentPath: window.location.pathname });
+      if (l && l.slugs) {
+        const R = zr(l.slugs);
+        h ? await d(R) : await a(R, { contentPath: window.location.pathname });
       }
     } catch {
-      u(t), p(i);
+      c(t), p(i);
     } finally {
-      b(!1);
+      x(!1);
     }
   };
   return A.createElement(
     e,
     {
-      className: $("likes-wrapper text-medium action-button", { "show-spinner": g, "is-liked": h, disabled: !d }),
+      className: S("likes-wrapper text-medium action-button", { "show-spinner": g, "is-liked": h, disabled: !u }),
       onClick: _,
       onMouseEnter: () => {
         E(!0);
@@ -4141,19 +4196,19 @@ const Ht = () => {
             variant: "tertiary",
             size: "medium",
             icon: { icon: h ? "heart" : "heart_empty", animate: "bounce" },
-            className: $({ "do-animation": h && !i }),
-            screenreaderText: d ? o.formatMessage({
+            className: S({ "do-animation": h && !i }),
+            screenreaderText: u ? o.formatMessage({
               id: `discussion_likes_${h ? "unlike" : "like"}`
-            }, { action: o.formatMessage({ id: `discussion_action_${c.type}` }) }) : !1,
+            }, { action: o.formatMessage({ id: `discussion_action_${l.type}` }) }) : !1,
             onClick: _,
-            disabled: !d,
-            "aria-hidden": !d,
+            disabled: !u,
+            "aria-hidden": !u,
             "data-testid": "like-button",
             "data-gtm-event-context": "Likes",
-            "data-gtm-event-type": `like-${c.type}-click`
+            "data-gtm-event-type": `like-${l.type}-click`
           }
         ),
-        /* @__PURE__ */ s.jsx("span", { className: $("number-of-likes", { "no-likes": m === 0 }), "data-testid": "number-of-likes", children: o.formatMessage({ id: `discussion_likes${r ? "_short" : ""}` }, { number: m }) }),
+        /* @__PURE__ */ s.jsx("span", { className: S("number-of-likes", { "no-likes": m === 0 }), "data-testid": "number-of-likes", children: o.formatMessage({ id: `discussion_likes${r ? "_short" : ""}` }, { number: m }) }),
         n && /* @__PURE__ */ s.jsx(qs, { isOpen: v, isLoading: n.length === 0, children: n.length && /* @__PURE__ */ s.jsxs("ul", { children: [
           k.map((C) => typeof C == "string" || !C.name ? null : /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
             jt,
@@ -4181,7 +4236,7 @@ const De = "discussion_", Gr = 280, St = ({
   isLoading: r = !1,
   originalAuthorId: i,
   functions: {
-    content: { createContent: c, deleteContent: d, updateContent: a } = {
+    content: { createContent: l, deleteContent: u, updateContent: a } = {
       createContent: () => {
       },
       deleteContent: () => {
@@ -4189,17 +4244,17 @@ const De = "discussion_", Gr = 280, St = ({
       updateContent: () => {
       }
     },
-    likes: { createLike: l, deleteLike: o } = { createLike: () => {
+    likes: { createLike: d, deleteLike: o } = { createLike: () => {
     }, deleteLike: () => {
     } },
     comments: { openComments: m } = { openComments: () => {
     } }
   },
-  links: u = {},
+  links: c = {},
   className: h,
   gtmContext: p = "DiscussionAnswer",
   children: g,
-  isTruncated: b = !1
+  isTruncated: x = !1
 }) => {
   const v = D(), E = je($e), k = je(Et), [_, T] = L({
     body: t && t.body || "",
@@ -4214,14 +4269,14 @@ const De = "discussion_", Gr = 280, St = ({
     });
   }, [t.isEdited]), r || !t || t.type === "answer" && (!t.slugs || !t.slugs.question))
     return /* @__PURE__ */ s.jsx(Se, { className: "discussion-card discussion-post" });
-  const { author: P, canLike: G, createdAt: x, id: K, likes: j = 0, userLiked: w, comments: z = 0 } = t, X = b ? Qe(_.body, Gr) : _.body, se = E && E.id && typeof P != "string" && P.id && P.id === E.id || !1, re = typeof G == "boolean" ? G : n ? !se : !1, ae = async (O) => {
-    O || (O = ""), N("");
+  const { author: P, canLike: G, createdAt: b, id: K, likes: j = 0, userLiked: w, comments: z = 0 } = t, X = x ? Qe(_.body, Gr) : _.body, se = E && E.id && typeof P != "string" && P.id && P.id === E.id || !1, re = typeof G == "boolean" ? G : n ? !se : !1, ae = async (I) => {
+    I || (I = ""), N("");
     try {
-      if (!Ns(O, _.body)) {
-        const oe = t.type === "question" ? { title: O } : { body: O };
+      if (!Ns(I, _.body)) {
+        const oe = t.type === "question" ? { title: I } : { body: I };
         await a(En(t.slugs), oe);
       }
-      T({ body: O, isEditing: !1, didEdit: !0 });
+      T({ body: I, isEditing: !1, didEdit: !0 });
     } catch {
       N(`${De}form_error`);
     }
@@ -4233,7 +4288,7 @@ const De = "discussion_", Gr = 280, St = ({
   }, fe = () => {
     R(!1);
     try {
-      d(En(t.slugs));
+      u(En(t.slugs));
     } catch {
       N("delete-error");
     }
@@ -4266,36 +4321,36 @@ const De = "discussion_", Gr = 280, St = ({
     },
     {
       text: v.formatMessage({ id: `${De}moreMenu_delete` }),
-      onClick: (O) => {
-        O.preventDefault(), O.stopPropagation(), R(!0);
+      onClick: (I) => {
+        I.preventDefault(), I.stopPropagation(), R(!0);
       },
       icon: "trash",
       className: "gtm-trackable",
       "data-gtm-event-context": p,
       "data-gtm-event-type": `delete-${t.type}-click`,
-      ...Ir(`delete-${t.slug}-modal`, C)
+      ...Or(`delete-${t.slug}-modal`, C)
     }
   ), A.createElement(e, {
-    className: $("discussion-post", h),
+    className: S("discussion-post", h),
     "data-testid": `discussion-${t.type}-thread`,
     children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
       /* @__PURE__ */ s.jsxs(
         "div",
         {
           id: K || t.slug,
-          className: $("discussion-card", t.type, {
+          className: S("discussion-card", t.type, {
             editing: _.isEditing,
-            "has-link": u.post && !_.isEditing
+            "has-link": c.post && !_.isEditing
           }),
-          onClick: (O) => {
-            !u.post || _.isEditing || (O.preventDefault(), O.stopPropagation(), window.location.href = u.post);
+          onClick: (I) => {
+            !c.post || _.isEditing || (I.preventDefault(), I.stopPropagation(), window.location.href = c.post);
           },
           children: [
             !_.isEditing && /* @__PURE__ */ s.jsx(
               tn,
               {
                 member: P,
-                additionalContent: { createdAt: x, didEdit: _.didEdit },
+                additionalContent: { createdAt: b, didEdit: _.didEdit },
                 className: typeof P != "string" && P.id === i ? "highlighted" : "",
                 gtmContext: p,
                 gtmType: "profile-click"
@@ -4323,7 +4378,7 @@ const De = "discussion_", Gr = 280, St = ({
                   ) : !1
                 },
                 functions: {
-                  create: c,
+                  create: l,
                   handleSaveEdit: ae,
                   handleCancel: () => {
                     N(""), T({ ..._, isEditing: !1 });
@@ -4331,10 +4386,10 @@ const De = "discussion_", Gr = 280, St = ({
                 },
                 gtmContext: `${p}Form`
               }
-            ) : u.post ? /* @__PURE__ */ s.jsx(
+            ) : c.post ? /* @__PURE__ */ s.jsx(
               "a",
               {
-                href: u.post,
+                href: c.post,
                 className: "gtm-trackable",
                 "data-gtm-event-context": p,
                 "data-gtm-event-type": "title-click",
@@ -4355,7 +4410,7 @@ const De = "discussion_", Gr = 280, St = ({
             !_.isEditing && /* @__PURE__ */ s.jsxs(
               "ul",
               {
-                className: $("actions text-medium", t.type),
+                className: S("actions text-medium", t.type),
                 "data-testid": `${t.type}-actions`,
                 children: [
                   /* @__PURE__ */ s.jsx(
@@ -4369,17 +4424,17 @@ const De = "discussion_", Gr = 280, St = ({
                       canLike: re,
                       peopleWhoLiked: t.peopleWhoLiked,
                       functions: {
-                        createLike: l,
+                        createLike: d,
                         deleteLike: o
                       }
                     }
                   ),
-                  (["question", "post"].includes(t.type) || u.comments || typeof m == "function") && /* @__PURE__ */ s.jsxs(
+                  (["question", "post"].includes(t.type) || c.comments || typeof m == "function") && /* @__PURE__ */ s.jsxs(
                     "li",
                     {
                       className: "action-button",
-                      onClick: (O) => {
-                        O.preventDefault(), O.stopPropagation(), u.comments && (window.location.href = u.comments), typeof m == "function" && m();
+                      onClick: (I) => {
+                        I.preventDefault(), I.stopPropagation(), c.comments && (window.location.href = c.comments), typeof m == "function" && m();
                       },
                       children: [
                         /* @__PURE__ */ s.jsx(
@@ -4389,8 +4444,8 @@ const De = "discussion_", Gr = 280, St = ({
                             size: "medium",
                             styling: { muted: !0 },
                             icon: { icon: "speech-bubble_square_thick" },
-                            href: u.comments ? u.comments : !1,
-                            onClick: u.comments || typeof m != "function" ? !1 : m,
+                            href: c.comments ? c.comments : !1,
+                            onClick: c.comments || typeof m != "function" ? !1 : m,
                             className: "gtm-trackable",
                             "data-gtm-event-context": p,
                             "data-gtm-event-type": `answer-${t.type}-click`,
@@ -4472,7 +4527,7 @@ const De = "discussion_", Gr = 280, St = ({
             {
               id: "discussion_delete_text",
               values: {
-                p: (O) => /* @__PURE__ */ s.jsx("p", { children: O }),
+                p: (I) => /* @__PURE__ */ s.jsx("p", { children: I }),
                 action: v.formatMessage({
                   id: `discussion_action_${t.type}`
                 })
@@ -4484,7 +4539,7 @@ const De = "discussion_", Gr = 280, St = ({
     ] })
   });
 };
-const Wt = "discussion_responses_", io = ({ type: e = "answer", responses: t = 0 }) => {
+const Wt = "discussion_responses_", co = ({ type: e = "answer", responses: t = 0 }) => {
   const n = D();
   return /* @__PURE__ */ s.jsxs("div", { className: "responses-heading", children: [
     /* @__PURE__ */ s.jsx("h3", { children: n.formatMessage({ id: `${Wt}title` }, { action: n.formatMessage({ id: `${Wt}${e}` }), count: t }) }),
@@ -4492,38 +4547,38 @@ const Wt = "discussion_responses_", io = ({ type: e = "answer", responses: t = 0
   ] });
 };
 const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
-  const r = D(), i = de(null), c = je(Et), [d, a] = L(
+  const r = D(), i = de(null), l = je(Et), [u, a] = L(
     "closed"
     /* Closed */
   );
   Y(() => {
-    const u = i.current;
-    if (u)
-      return u.addEventListener("transitionend", l), () => {
-        u.removeEventListener("transitionend", l);
+    const c = i.current;
+    if (c)
+      return c.addEventListener("transitionend", d), () => {
+        c.removeEventListener("transitionend", d);
       };
   }, []), He(() => {
-    d === "closed" && !c.showThread || a(
+    u === "closed" && !l.showThread || a(
       [
         "opening",
         "open"
         /* Open */
-      ].includes(d) ? "ready-to-close" : "opening"
+      ].includes(u) ? "ready-to-close" : "opening"
       /* Opening */
     );
-  }, [c.showThread]), Y(() => {
-    d === "ready-to-close" && a(
+  }, [l.showThread]), Y(() => {
+    u === "ready-to-close" && a(
       "closing"
       /* Closing */
     );
-  }, [d]);
-  const l = ({ propertyName: u }) => {
-    u === "max-height" && a((h) => h === "opening" ? "open" : h === "closing" ? "closed" : h);
+  }, [u]);
+  const d = ({ propertyName: c }) => {
+    c === "max-height" && a((h) => h === "opening" ? "open" : h === "closing" ? "closed" : h);
   }, o = [
     "opening",
     "open"
     /* Open */
-  ].includes(d), m = ut(n, {
+  ].includes(u), m = ut(n, {
     element: "li"
   });
   return /* @__PURE__ */ s.jsxs("div", { className: "thread-wrapper", children: [
@@ -4535,8 +4590,8 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
         styling: { muted: !0 },
         icon: { icon: `arrow_corner-down_${o ? "left" : "right"}` },
         onClick: () => {
-          var u;
-          (u = c.updateConversation) == null || u.call(c, (h) => ({
+          var c;
+          (c = l.updateConversation) == null || c.call(l, (h) => ({
             showThread: !h.showThread,
             showForm: !1
           }));
@@ -4551,8 +4606,8 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
       "ul",
       {
         ref: i,
-        className: $("thread", d),
-        hidden: !c.showThread,
+        className: S("thread", u),
+        hidden: !l.showThread,
         children: m
       }
     )
@@ -4586,11 +4641,11 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
 }) => ({ mutationFn: r, onMutate: async ({ content: a }) => {
   if (!n)
     return;
-  const l = Xr({ user: n, content: a, verb: "post" });
+  const d = Xr({ user: n, content: a, verb: "post" });
   await e.cancelQueries({ queryKey: t });
   const o = e.getQueryData(t);
-  return e.setQueryData(t, (m) => [...m, l]), { previousActivities: o };
-}, onError: (a, l, o) => {
+  return e.setQueryData(t, (m) => [...m, d]), { previousActivities: o };
+}, onError: (a, d, o) => {
   e.setQueryData(t, o.previousActivities);
 }, onSettled: () => {
   e.invalidateQueries({ queryKey: t });
@@ -4601,17 +4656,17 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
 }) => ({
   mutationFn: n,
   onMutate: async ({
-    activityInfo: d,
+    activityInfo: u,
     content: { body: a }
   }) => {
     if (a.length === 0)
       return;
     await e.cancelQueries({ queryKey: t });
-    const l = e.getQueryData(t), o = l == null ? void 0 : l.map((m) => ((m == null ? void 0 : m.id) === (d == null ? void 0 : d.activityId) && (m.content = a), m));
+    const d = e.getQueryData(t), o = d == null ? void 0 : d.map((m) => ((m == null ? void 0 : m.id) === (u == null ? void 0 : u.activityId) && (m.content = a), m));
     return e.setQueryData(t, () => o && [...o]), { previousActivities: o };
   },
-  onError: (d, a, l) => {
-    e.setQueryData(t, l.previousActivities);
+  onError: (u, a, d) => {
+    e.setQueryData(t, d.previousActivities);
   },
   onSettled: () => {
     e.invalidateQueries({ queryKey: t });
@@ -4620,17 +4675,17 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   queryClient: e,
   queryKey: t,
   mutationFn: n
-}) => ({ mutationFn: n, onMutate: async ({ activityId: d }) => {
+}) => ({ mutationFn: n, onMutate: async ({ activityId: u }) => {
   await e.cancelQueries({ queryKey: t });
-  const a = e.getQueryData(t), l = a == null ? void 0 : a.filter(
-    (o) => (o == null ? void 0 : o.id) !== d
+  const a = e.getQueryData(t), d = a == null ? void 0 : a.filter(
+    (o) => (o == null ? void 0 : o.id) !== u
   );
-  return e.setQueryData(t, () => l && [...l]), { previousActivities: l };
-}, onError: (d, a, l) => {
-  e.setQueryData(t, l.previousActivities);
-}, onSettled: (d, a, l) => {
+  return e.setQueryData(t, () => d && [...d]), { previousActivities: d };
+}, onError: (u, a, d) => {
+  e.setQueryData(t, d.previousActivities);
+}, onSettled: (u, a, d) => {
   e.invalidateQueries({
-    queryKey: [...t, l.activityId]
+    queryKey: [...t, d.activityId]
   });
 } }), ea = ({
   queryClient: e,
@@ -4638,20 +4693,20 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   mutationFn: n
 }) => ({ mutationFn: n, onMutate: async ({ activityId: a }) => {
   await e.cancelQueries({ queryKey: t });
-  const l = e.getQueryData(t), o = l == null ? void 0 : l.map((m) => {
-    var u;
-    return (m == null ? void 0 : m.id) === a && ((u = m.reaction_counts) != null && u.like ? m.reaction_counts.like += 1 : m.reaction_counts.like = 1), m;
+  const d = e.getQueryData(t), o = d == null ? void 0 : d.map((m) => {
+    var c;
+    return (m == null ? void 0 : m.id) === a && ((c = m.reaction_counts) != null && c.like ? m.reaction_counts.like += 1 : m.reaction_counts.like = 1), m;
   });
   return e.setQueryData(t, () => o && [...o]), { previousActivities: o };
-}, onError: (a, l, o) => {
+}, onError: (a, d, o) => {
   e.setQueryData(t, o.previousActivities);
 }, onSuccess: (a) => {
-  const l = e.getQueryData(t), o = l == null ? void 0 : l.map((m) => {
-    var u, h;
-    return (m == null ? void 0 : m.id) === (a == null ? void 0 : a.activity_id) && ((u = m.own_reactions) != null && u.like ? m.own_reactions.like.push(a) : m.own_reactions.like = [a], (h = m.latest_reactions) != null && h.like ? m.latest_reactions.like.push(a) : m.own_reactions.like = [a]), m;
+  const d = e.getQueryData(t), o = d == null ? void 0 : d.map((m) => {
+    var c, h;
+    return (m == null ? void 0 : m.id) === (a == null ? void 0 : a.activity_id) && ((c = m.own_reactions) != null && c.like ? m.own_reactions.like.push(a) : m.own_reactions.like = [a], (h = m.latest_reactions) != null && h.like ? m.latest_reactions.like.push(a) : m.own_reactions.like = [a]), m;
   });
-  return e.setQueryData(t, () => o && [...o]), { previousActivities: l };
-}, onSettled: (a, l, o) => {
+  return e.setQueryData(t, () => o && [...o]), { previousActivities: d };
+}, onSettled: (a, d, o) => {
   e.invalidateQueries({
     queryKey: [...t, o.activityId]
   });
@@ -4660,22 +4715,22 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   queryKey: t,
   user: n,
   mutationFn: r
-}) => ({ mutationFn: r, onMutate: async ({ activityId: l }) => {
+}) => ({ mutationFn: r, onMutate: async ({ activityId: d }) => {
   await e.cancelQueries({ queryKey: t });
-  const o = e.getQueryData(t), m = o == null ? void 0 : o.map((u) => {
+  const o = e.getQueryData(t), m = o == null ? void 0 : o.map((c) => {
     var h;
-    return (u == null ? void 0 : u.id) === l && (h = u.reaction_counts) != null && h.like && (u.reaction_counts.like -= 1), u;
+    return (c == null ? void 0 : c.id) === d && (h = c.reaction_counts) != null && h.like && (c.reaction_counts.like -= 1), c;
   });
   return e.setQueryData(t, () => m && [...m]), { previousActivities: m };
-}, onError: (l, o, m) => {
+}, onError: (d, o, m) => {
   e.setQueryData(t, m.previousActivities);
-}, onSuccess: (l, { activityId: o }) => {
-  const m = e.getQueryData(t), u = m == null ? void 0 : m.map((h) => {
-    var p, g, b, v, E;
+}, onSuccess: (d, { activityId: o }) => {
+  const m = e.getQueryData(t), c = m == null ? void 0 : m.map((h) => {
+    var p, g, x, v, E;
     if (h.id === o) {
-      const k = (b = (g = (p = h.own_reactions) == null ? void 0 : p.like) == null ? void 0 : g.find(
+      const k = (x = (g = (p = h.own_reactions) == null ? void 0 : p.like) == null ? void 0 : g.find(
         (_) => _.user_id === (n == null ? void 0 : n.id)
-      )) == null ? void 0 : b.id;
+      )) == null ? void 0 : x.id;
       return h.own_reactions.like = (v = h.own_reactions.like) == null ? void 0 : v.filter(
         (_) => _.id !== k
       ), h.latest_reactions.like = (E = h.latest_reactions.like) == null ? void 0 : E.filter(
@@ -4684,20 +4739,20 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     } else
       return h;
   });
-  return e.setQueryData(t, () => u && [...u]), { previousActivities: m };
-}, onSettled: (l, o, m) => {
+  return e.setQueryData(t, () => c && [...c]), { previousActivities: m };
+}, onSettled: (d, o, m) => {
   e.invalidateQueries({
     queryKey: [...t, m.activityId]
   });
-} }), co = ({
+} }), lo = ({
   basePath: e,
   parentId: t,
   isMember: n,
-  functions: { list: r, create: i, edit: c, remove: d, like: a, unlike: l, join: o, leave: m }
+  functions: { list: r, create: i, edit: l, remove: u, like: a, unlike: d, join: o, leave: m }
 }) => {
-  const u = D(), h = wt(), p = je($e), {
+  const c = D(), h = wt(), p = je($e), {
     data: g,
-    error: b,
+    error: x,
     isLoading: v,
     isFetching: E
   } = Tn({
@@ -4711,13 +4766,13 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   }), { mutate: _ } = ie(k), T = Kr({
     queryClient: h,
     queryKey: [e, t],
-    mutationFn: async (w) => await c(w)
+    mutationFn: async (w) => await l(w)
   }), {
     mutate: C
   } = ie(T), R = qr({
     queryClient: h,
     queryKey: [e, t],
-    mutationFn: async ({ activityId: w }) => await d({ activityId: w })
+    mutationFn: async ({ activityId: w }) => await u({ activityId: w })
   }), {
     mutate: V
   } = ie(R), N = ea({
@@ -4737,18 +4792,18 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
       )), X = (ae = (re = (se = z == null ? void 0 : z.own_reactions) == null ? void 0 : se.like) == null ? void 0 : re.find(
         (q) => q.user_id === (p == null ? void 0 : p.id)
       )) == null ? void 0 : ae.id;
-      await l({ reactionId: X || "", activityId: w });
+      await d({ reactionId: X || "", activityId: w });
     }
   }), {
-    mutate: x
+    mutate: b
   } = ie(G), K = Me(
     ({ activityId: w }) => P({ activityId: w }),
     [P]
   ), j = Me(
-    ({ activityId: w }) => x({ activityId: w }),
-    [x]
+    ({ activityId: w }) => b({ activityId: w }),
+    [b]
   );
-  return b ? /* @__PURE__ */ s.jsx(yt, { variant: "error", text: b.message }) : v ? /* @__PURE__ */ s.jsx(Se, { style: { height: "400px" } }) : /* @__PURE__ */ s.jsxs("section", { children: [
+  return x ? /* @__PURE__ */ s.jsx(yt, { variant: "error", text: x.message }) : v ? /* @__PURE__ */ s.jsx(Se, { style: { height: "400px" } }) : /* @__PURE__ */ s.jsxs("section", { children: [
     /* @__PURE__ */ s.jsx(
       nn,
       {
@@ -4759,12 +4814,12 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
           required: !0,
           join: o,
           leave: m,
-          notMemberStateText: u.formatMessage({ id: "community_joinToPost" })
+          notMemberStateText: c.formatMessage({ id: "community_joinToPost" })
         }
       }
     ),
     !E && Array.isArray(g) && (g == null ? void 0 : g.map((w) => {
-      var se, re, ae, q, fe, ue, O, oe, he, ce, xe, pe, be, ge;
+      var se, re, ae, q, fe, ue, I, oe, he, ce, xe, pe, be, ge;
       const z = ((se = w == null ? void 0 : w.actor) == null ? void 0 : se.id) === (p == null ? void 0 : p.id), X = sn(n, z);
       return /* @__PURE__ */ s.jsxs(Vt, { children: [
         /* @__PURE__ */ s.jsx(
@@ -4781,7 +4836,7 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
                 id: (re = w == null ? void 0 : w.actor) == null ? void 0 : re.id,
                 name: `${(q = (ae = w == null ? void 0 : w.actor) == null ? void 0 : ae.data) == null ? void 0 : q.name}`,
                 organization: (ue = (fe = w == null ? void 0 : w.actor) == null ? void 0 : fe.data) == null ? void 0 : ue.organization,
-                jobTitle: (oe = (O = w == null ? void 0 : w.actor) == null ? void 0 : O.data) == null ? void 0 : oe.jobTitle,
+                jobTitle: (oe = (I = w == null ? void 0 : w.actor) == null ? void 0 : I.data) == null ? void 0 : oe.jobTitle,
                 image: {
                   thumbnail: ((ce = (he = w == null ? void 0 : w.actor) == null ? void 0 : he.data) == null ? void 0 : ce.thumbnail) || void 0
                 }
@@ -4832,17 +4887,17 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   mutationFn: n
 }) => ({ mutationFn: n, onMutate: async () => {
   await e.cancelQueries({ queryKey: t });
-}, onError: (a, l, o) => {
+}, onError: (a, d, o) => {
   e.setQueryData(t, o.previousActivity);
 }, onSuccess: (a) => {
   var o;
-  const l = e.getQueryData(t);
-  if (l)
-    return (o = l == null ? void 0 : l.latest_reactions) != null && o.reply ? (l.latest_reactions.reply.unshift(a), l && (l.reaction_counts = {
-      reply: l.latest_reactions.reply.length
-    })) : (l.latest_reactions = { reply: [a] }, l.reaction_counts = { reply: 1 }), e.setQueryData(t, () => ({
-      ...l
-    })), { previousActivity: l };
+  const d = e.getQueryData(t);
+  if (d)
+    return (o = d == null ? void 0 : d.latest_reactions) != null && o.reply ? (d.latest_reactions.reply.unshift(a), d && (d.reaction_counts = {
+      reply: d.latest_reactions.reply.length
+    })) : (d.latest_reactions = { reply: [a] }, d.reaction_counts = { reply: 1 }), e.setQueryData(t, () => ({
+      ...d
+    })), { previousActivity: d };
 }, onSettled: () => {
   e.invalidateQueries({ queryKey: t });
 } }), sa = ({
@@ -4852,70 +4907,70 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
 }) => ({
   mutationFn: n,
   onMutate: async ({
-    replyInfo: c,
-    content: { body: d }
+    replyInfo: l,
+    content: { body: u }
   }) => {
-    var o, m, u;
-    if (d.length === 0)
+    var o, m, c;
+    if (u.length === 0)
       return;
     await e.cancelQueries({ queryKey: t });
     const a = e.getQueryData(t);
     if (!a || !((o = a == null ? void 0 : a.latest_reactions) != null && o.reply))
       return;
-    const l = (u = (m = a == null ? void 0 : a.latest_reactions) == null ? void 0 : m.reply) == null ? void 0 : u.map((h) => (h.id === c.replySlug && (h.data.content = d), h));
+    const d = (c = (m = a == null ? void 0 : a.latest_reactions) == null ? void 0 : m.reply) == null ? void 0 : c.map((h) => (h.id === l.replySlug && (h.data.content = u), h));
     return e.setQueryData(t, () => ({
       ...a,
-      latest_reactions: { reply: l }
+      latest_reactions: { reply: d }
     })), { previousActivity: a };
   },
-  onError: (c, d, a) => {
+  onError: (l, u, a) => {
     e.setQueryData(t, a.previousActivity);
   }
 }), ra = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
-}) => ({ mutationFn: n, onMutate: async ({ replyId: c }) => {
-  var l, o, m;
+}) => ({ mutationFn: n, onMutate: async ({ replyId: l }) => {
+  var d, o, m;
   await e.cancelQueries({ queryKey: t });
-  const d = e.getQueryData(t);
-  if (!d || !((l = d == null ? void 0 : d.latest_reactions) != null && l.reply))
+  const u = e.getQueryData(t);
+  if (!u || !((d = u == null ? void 0 : u.latest_reactions) != null && d.reply))
     return;
-  const a = (m = (o = d == null ? void 0 : d.latest_reactions) == null ? void 0 : o.reply) == null ? void 0 : m.filter(
-    (u) => u.id !== c
+  const a = (m = (o = u == null ? void 0 : u.latest_reactions) == null ? void 0 : o.reply) == null ? void 0 : m.filter(
+    (c) => c.id !== l
   );
   return e.setQueryData(t, () => ({
-    ...d,
+    ...u,
     latest_reactions: { reply: a }
-  })), { previousActivity: d };
-}, onError: (c, d, a) => {
+  })), { previousActivity: u };
+}, onError: (l, u, a) => {
   e.setQueryData(t, a.previousActivity);
 } }), aa = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
-}) => ({ mutationFn: n, onMutate: async ({ replyId: d }) => {
+}) => ({ mutationFn: n, onMutate: async ({ replyId: u }) => {
   var o, m;
   await e.cancelQueries({ queryKey: t });
-  const a = e.getQueryData(t), l = (m = (o = a == null ? void 0 : a.latest_reactions) == null ? void 0 : o.reply) == null ? void 0 : m.map((u) => {
+  const a = e.getQueryData(t), d = (m = (o = a == null ? void 0 : a.latest_reactions) == null ? void 0 : o.reply) == null ? void 0 : m.map((c) => {
     var h;
-    return u.id === d && ((h = u.children_counts) != null && h.like ? u.children_counts.like += 1 : u.children_counts = { like: 1 }), u;
+    return c.id === u && ((h = c.children_counts) != null && h.like ? c.children_counts.like += 1 : c.children_counts = { like: 1 }), c;
   });
   return e.setQueryData(t, () => ({
     ...a,
-    latest_reactions: { reply: l }
+    latest_reactions: { reply: d }
   })), { previousActivity: a };
-}, onError: (d, a, l) => {
-  e.setQueryData(t, l.previousActivity);
-}, onSuccess: (d) => {
+}, onError: (u, a, d) => {
+  e.setQueryData(t, d.previousActivity);
+}, onSuccess: (u) => {
   var o;
-  const a = e.getQueryData(t), l = (o = a == null ? void 0 : a.latest_reactions.reply) == null ? void 0 : o.map((m) => {
-    var u, h;
-    return m.id === d.id && ((u = m.own_children) != null && u.like ? m.own_children.like.push(d) : m.own_children = { like: [d] }, (h = m.latest_children) != null && h.like ? m.latest_children.like.push(d) : m.latest_children = { like: [d] }), m;
+  const a = e.getQueryData(t), d = (o = a == null ? void 0 : a.latest_reactions.reply) == null ? void 0 : o.map((m) => {
+    var c, h;
+    return m.id === u.id && ((c = m.own_children) != null && c.like ? m.own_children.like.push(u) : m.own_children = { like: [u] }, (h = m.latest_children) != null && h.like ? m.latest_children.like.push(u) : m.latest_children = { like: [u] }), m;
   });
   return e.setQueryData(t, () => ({
     ...a,
-    latest_reactions: { reply: l }
+    latest_reactions: { reply: d }
   })), { previousActivity: a };
 } }), oa = ({
   queryClient: e,
@@ -4925,28 +4980,28 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
 }) => ({ mutationFn: r, onMutate: async ({ replyId: a }) => {
   var m;
   await e.cancelQueries({ queryKey: t });
-  const l = e.getQueryData(t);
-  if (!l)
+  const d = e.getQueryData(t);
+  if (!d)
     return;
-  const o = (m = l.latest_reactions.reply) == null ? void 0 : m.map((u) => (u.id === a && u.children_counts.like && (u.children_counts.like -= 1), u));
+  const o = (m = d.latest_reactions.reply) == null ? void 0 : m.map((c) => (c.id === a && c.children_counts.like && (c.children_counts.like -= 1), c));
   return e.setQueryData(t, () => ({
-    ...l,
+    ...d,
     latest_reactions: { reply: o }
-  })), { previousActivity: l };
-}, onError: (a, l, o) => {
+  })), { previousActivity: d };
+}, onError: (a, d, o) => {
   e.setQueryData(t, o.previousActivity);
-}, onSuccess: (a, { replyId: l }) => {
-  var u;
+}, onSuccess: (a, { replyId: d }) => {
+  var c;
   const o = e.getQueryData(t);
   if (!o)
     return;
-  const m = (u = o.latest_reactions.reply) == null ? void 0 : u.map((h) => {
-    var p, g, b;
-    if (h.id === l) {
+  const m = (c = o.latest_reactions.reply) == null ? void 0 : c.map((h) => {
+    var p, g, x;
+    if (h.id === d) {
       let v = (p = h.latest_children.reply) == null ? void 0 : p.filter(
         (E) => E.user_id !== (n == null ? void 0 : n.id)
       );
-      return v = (b = (g = h == null ? void 0 : h.own_children) == null ? void 0 : g.reply) == null ? void 0 : b.filter(
+      return v = (x = (g = h == null ? void 0 : h.own_children) == null ? void 0 : g.reply) == null ? void 0 : x.filter(
         (E) => E.user_id !== (n == null ? void 0 : n.id)
       ), v;
     }
@@ -4967,13 +5022,13 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   },
   onSuccess: (a) => {
     var m;
-    const l = e.getQueryData(t), o = (m = l == null ? void 0 : l.latest_reactions.reply) == null ? void 0 : m.map((u) => (u.id === a.parent && (u.latest_children.reply && u.children_counts.reply ? (u.latest_children.reply.push(a), u.children_counts.reply += 1) : (u.latest_children.reply = [a], u.children_counts.reply = 1)), u));
+    const d = e.getQueryData(t), o = (m = d == null ? void 0 : d.latest_reactions.reply) == null ? void 0 : m.map((c) => (c.id === a.parent && (c.latest_children.reply && c.children_counts.reply ? (c.latest_children.reply.push(a), c.children_counts.reply += 1) : (c.latest_children.reply = [a], c.children_counts.reply = 1)), c));
     return e.setQueryData(t, () => ({
-      ...l,
+      ...d,
       latest_reactions: { reply: o }
-    })), { previousActivity: l };
+    })), { previousActivity: d };
   },
-  onError: (a, l, o) => {
+  onError: (a, d, o) => {
     e.setQueryData(t, o.previousActivity);
   },
   onSettled: () => {
@@ -4983,85 +5038,85 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   queryClient: e,
   queryKey: t,
   mutationFn: n
-}) => ({ mutationFn: n, onError: (c, d, a) => {
+}) => ({ mutationFn: n, onError: (l, u, a) => {
   e.setQueryData(t, a.previousActivity);
 }, onMutate: async ({
-  replyInfo: c,
-  content: { body: d }
+  replyInfo: l,
+  content: { body: u }
 }) => {
-  var o, m, u;
-  if (d.length === 0)
+  var o, m, c;
+  if (u.length === 0)
     return;
   await e.cancelQueries({ queryKey: t });
   const a = e.getQueryData(t);
   if (!a || !((o = a == null ? void 0 : a.latest_reactions) != null && o.reply))
     return;
-  const l = (u = (m = a == null ? void 0 : a.latest_reactions) == null ? void 0 : m.reply) == null ? void 0 : u.map((h) => {
+  const d = (c = (m = a == null ? void 0 : a.latest_reactions) == null ? void 0 : m.reply) == null ? void 0 : c.map((h) => {
     var p;
-    return h.id === c.replyParentId && ((p = h.latest_children.reply) == null || p.map((g) => (g.id === c.replySlug && (g.data.content = d), g))), h;
+    return h.id === l.replyParentId && ((p = h.latest_children.reply) == null || p.map((g) => (g.id === l.replySlug && (g.data.content = u), g))), h;
   });
   return e.setQueryData(t, () => ({
     ...a,
-    latest_reactions: { reply: l }
+    latest_reactions: { reply: d }
   })), { previousActivity: a };
 } }), la = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
-}) => ({ mutationFn: n, onError: (c, d, a) => {
+}) => ({ mutationFn: n, onError: (l, u, a) => {
   e.setQueryData(t, a.previousActivity);
 }, onMutate: async ({
-  replyId: c,
-  replyParentId: d
+  replyId: l,
+  replyParentId: u
 }) => {
-  var o, m, u;
+  var o, m, c;
   await e.cancelQueries({ queryKey: t });
   const a = e.getQueryData(t);
   if (!a || !((o = a == null ? void 0 : a.latest_reactions) != null && o.reply))
     return;
-  const l = (u = (m = a == null ? void 0 : a.latest_reactions) == null ? void 0 : m.reply) == null ? void 0 : u.map((h) => {
+  const d = (c = (m = a == null ? void 0 : a.latest_reactions) == null ? void 0 : m.reply) == null ? void 0 : c.map((h) => {
     var p, g;
-    return h.id === d && (h.latest_children.reply = (p = h.latest_children.reply) == null ? void 0 : p.filter(
-      (b) => b.id !== c
+    return h.id === u && (h.latest_children.reply = (p = h.latest_children.reply) == null ? void 0 : p.filter(
+      (x) => x.id !== l
     ), (g = h.children_counts) != null && g.reply && (h.children_counts.reply -= 1)), h;
   });
   return e.setQueryData(t, () => ({
     ...a,
-    latest_reactions: { reply: l }
+    latest_reactions: { reply: d }
   })), { previousActivity: a };
 } }), da = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
 }) => ({ mutationFn: n, onMutate: async ({
-  replyId: d,
+  replyId: u,
   replyParentId: a
 }) => {
   var m;
   await e.cancelQueries({ queryKey: t });
-  const l = e.getQueryData(t), o = (m = l == null ? void 0 : l.latest_reactions.reply) == null ? void 0 : m.map((u) => {
+  const d = e.getQueryData(t), o = (m = d == null ? void 0 : d.latest_reactions.reply) == null ? void 0 : m.map((c) => {
     var h;
-    return u.id === a && ((h = u.latest_children.reply) == null || h.map((p) => {
+    return c.id === a && ((h = c.latest_children.reply) == null || h.map((p) => {
       var g;
-      return p.id === d && ((g = p.children_counts) != null && g.like ? p.children_counts.like += 1 : p.children_counts = { like: 1 }), p;
-    })), u;
+      return p.id === u && ((g = p.children_counts) != null && g.like ? p.children_counts.like += 1 : p.children_counts = { like: 1 }), p;
+    })), c;
   });
   return e.setQueryData(t, () => ({
-    ...l,
+    ...d,
     latest_reactions: { reply: o }
-  })), { previousActivity: l };
-}, onError: (d, a, l) => {
-  e.setQueryData(t, l.previousActivity);
-}, onSuccess: (d, a) => {
+  })), { previousActivity: d };
+}, onError: (u, a, d) => {
+  e.setQueryData(t, d.previousActivity);
+}, onSuccess: (u, a) => {
   var m;
-  const l = e.getQueryData(t), o = (m = l == null ? void 0 : l.latest_reactions.reply) == null ? void 0 : m.map((u) => {
+  const d = e.getQueryData(t), o = (m = d == null ? void 0 : d.latest_reactions.reply) == null ? void 0 : m.map((c) => {
     var h;
-    return u.id === a.replyParentId && ((h = u.latest_children.reply) == null || h.map((p) => (p.id === a.replyId && (p.latest_children = p.latest_children || {}, p.own_children = p.own_children || {}, p.latest_children.like = p.latest_children.like || [], p.own_children.like = p.own_children.like || [], p.latest_children.like.push(d), p.own_children.like.push(d)), p))), u;
+    return c.id === a.replyParentId && ((h = c.latest_children.reply) == null || h.map((p) => (p.id === a.replyId && (p.latest_children = p.latest_children || {}, p.own_children = p.own_children || {}, p.latest_children.like = p.latest_children.like || [], p.own_children.like = p.own_children.like || [], p.latest_children.like.push(u), p.own_children.like.push(u)), p))), c;
   });
   return e.setQueryData(t, () => ({
-    ...l,
+    ...d,
     latest_reactions: { reply: o }
-  })), { previousActivity: l };
+  })), { previousActivity: d };
 } }), ua = ({
   queryClient: e,
   queryKey: t,
@@ -5069,30 +5124,30 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   user: r
 }) => ({ mutationFn: n, onMutate: async ({
   replyId: a,
-  replyParentId: l
+  replyParentId: d
 }) => {
-  var u;
+  var c;
   await e.cancelQueries({ queryKey: t });
-  const o = e.getQueryData(t), m = (u = o == null ? void 0 : o.latest_reactions.reply) == null ? void 0 : u.map((h) => {
+  const o = e.getQueryData(t), m = (c = o == null ? void 0 : o.latest_reactions.reply) == null ? void 0 : c.map((h) => {
     var p;
-    return h.id === l && ((p = h.latest_children.reply) == null || p.map((g) => {
-      var b;
-      return g.id === a && ((b = g.children_counts) != null && b.like ? g.children_counts.like -= 1 : g.children_counts = { like: 0 }), g;
+    return h.id === d && ((p = h.latest_children.reply) == null || p.map((g) => {
+      var x;
+      return g.id === a && ((x = g.children_counts) != null && x.like ? g.children_counts.like -= 1 : g.children_counts = { like: 0 }), g;
     })), h;
   });
   return e.setQueryData(t, () => ({
     ...o,
     latest_reactions: { reply: m }
   })), { previousActivity: o };
-}, onError: (a, l, o) => {
+}, onError: (a, d, o) => {
   e.setQueryData(t, o.previousActivity);
-}, onSuccess: (a, l) => {
-  var u;
-  const o = e.getQueryData(t), m = (u = o == null ? void 0 : o.latest_reactions.reply) == null ? void 0 : u.map((h) => {
+}, onSuccess: (a, d) => {
+  var c;
+  const o = e.getQueryData(t), m = (c = o == null ? void 0 : o.latest_reactions.reply) == null ? void 0 : c.map((h) => {
     var p;
-    return h.id === l.replyParentId && ((p = h.latest_children.reply) == null || p.map((g) => {
-      var b, v;
-      return g.id === l.replyId && ((b = g.own_children) != null && b.like && (g.own_children.like = g.own_children.like.filter(
+    return h.id === d.replyParentId && ((p = h.latest_children.reply) == null || p.map((g) => {
+      var x, v;
+      return g.id === d.replyId && ((x = g.own_children) != null && x.like && (g.own_children.like = g.own_children.like.filter(
         (E) => E.user_id !== (r == null ? void 0 : r.id)
       )), (v = g.latest_children) != null && v.like && (g.latest_children.like = g.latest_children.like.filter(
         (E) => E.user_id !== (r == null ? void 0 : r.id)
@@ -5109,13 +5164,13 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   replyParentId: n,
   activityId: r,
   replyCount: i,
-  replies: c,
-  functions: { create: d, edit: a, remove: l, join: o, leave: m, like: u, unlike: h }
+  replies: l,
+  functions: { create: u, edit: a, remove: d, join: o, leave: m, like: c, unlike: h }
 }) => {
-  const p = D(), g = wt(), b = je($e), v = je(Et), E = ia({
+  const p = D(), g = wt(), x = je($e), v = je(Et), E = ia({
     queryClient: g,
     queryKey: [e, t, r],
-    mutationFn: async (j) => d({ replyId: n, content: j.body })
+    mutationFn: async (j) => u({ replyId: n, content: j.body })
   }), { mutate: k } = ie(E), _ = ca({
     queryClient: g,
     queryKey: [e, t, r],
@@ -5125,23 +5180,23 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   } = ie(_), C = la({
     queryClient: g,
     queryKey: [e, t, r],
-    mutationFn: async ({ replyId: j }) => l({ replyId: j })
+    mutationFn: async ({ replyId: j }) => d({ replyId: j })
   }), {
     mutate: R
   } = ie(C), V = da({
     queryClient: g,
     queryKey: [e, t, r],
-    mutationFn: u
+    mutationFn: c
   }), {
     mutate: N
   } = ie(V), P = ua({
     queryClient: g,
     queryKey: [e, t, r],
-    user: b,
+    user: x,
     mutationFn: h
   }), {
     mutate: G
-  } = ie(P), x = Me(
+  } = ie(P), b = Me(
     ({ replyId: j, replyParentId: w }) => N({ replyId: j, replyParentId: w }),
     [N]
   ), K = Me(
@@ -5168,8 +5223,8 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
             }
           }
         ),
-        (c == null ? void 0 : c.length) === 0 || (c == null ? void 0 : c.map((j) => {
-          var w, z, X, se, re, ae, q, fe, ue, O, oe, he, ce, xe, pe, be, ge;
+        (l == null ? void 0 : l.length) === 0 || (l == null ? void 0 : l.map((j) => {
+          var w, z, X, se, re, ae, q, fe, ue, I, oe, he, ce, xe, pe, be, ge;
           return /* @__PURE__ */ s.jsx(
             St,
             {
@@ -5188,7 +5243,7 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
                   id: (se = j == null ? void 0 : j.user) == null ? void 0 : se.id,
                   name: (ae = (re = j == null ? void 0 : j.user) == null ? void 0 : re.data) == null ? void 0 : ae.name,
                   organization: (fe = (q = j == null ? void 0 : j.user) == null ? void 0 : q.data) == null ? void 0 : fe.organization,
-                  jobTitle: (O = (ue = j == null ? void 0 : j.user) == null ? void 0 : ue.data) == null ? void 0 : O.jobTitle,
+                  jobTitle: (I = (ue = j == null ? void 0 : j.user) == null ? void 0 : ue.data) == null ? void 0 : I.jobTitle,
                   image: {
                     thumbnail: ((he = (oe = j == null ? void 0 : j.user) == null ? void 0 : oe.data) == null ? void 0 : he.thumbnail) || void 0
                   }
@@ -5213,7 +5268,7 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
                   updateContent: (B, J) => T({ replyInfo: B, content: J })
                 },
                 likes: {
-                  createLike: () => x({
+                  createLike: () => b({
                     replyId: j == null ? void 0 : j.id,
                     replyParentId: j == null ? void 0 : j.parent
                   }),
@@ -5240,28 +5295,28 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   activityId: n,
   repliesList: r,
   isMember: i,
-  functions: { create: c, edit: d, remove: a, like: l, unlike: o, join: m, leave: u }
+  functions: { create: l, edit: u, remove: a, like: d, unlike: o, join: m, leave: c }
 }) => {
-  const h = D(), p = wt(), g = je($e), b = na({
+  const h = D(), p = wt(), g = je($e), x = na({
     queryClient: p,
     queryKey: [e, t, n],
-    mutationFn: async (x) => c({ activityId: n, content: x.body })
-  }), { mutate: v } = ie(b), E = sa({
+    mutationFn: async (b) => l({ activityId: n, content: b.body })
+  }), { mutate: v } = ie(x), E = sa({
     queryClient: p,
     queryKey: [e, t, n],
-    mutationFn: async (x) => d(x)
+    mutationFn: async (b) => u(b)
   }), {
     mutate: k
   } = ie(E), _ = ra({
     queryClient: p,
     queryKey: [e, t, n],
-    mutationFn: async ({ replyId: x }) => a({ replyId: x })
+    mutationFn: async ({ replyId: b }) => a({ replyId: b })
   }), {
     mutate: T
   } = ie(_), C = aa({
     queryClient: p,
     queryKey: [e, t, n],
-    mutationFn: l
+    mutationFn: d
   }), {
     mutate: R
   } = ie(C), V = oa({
@@ -5272,10 +5327,10 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   }), {
     mutate: N
   } = ie(V), P = Me(
-    ({ replyId: x }) => R({ replyId: x }),
+    ({ replyId: b }) => R({ replyId: b }),
     [R]
   ), G = Me(
-    ({ replyId: x }) => N({ replyId: x }),
+    ({ replyId: b }) => N({ replyId: b }),
     [N]
   );
   return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
@@ -5283,45 +5338,45 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
       nn,
       {
         contentType: "reply",
-        createPost: (x, K) => v(K),
+        createPost: (b, K) => v(K),
         membershipRequiredToPost: {
           isMember: i,
           required: !0,
           join: m,
-          leave: u,
+          leave: c,
           notMemberStateText: h.formatMessage({ id: "community_joinToPost" })
         }
       }
     ),
-    (r == null ? void 0 : r.length) === 0 || (r == null ? void 0 : r.map((x) => {
-      var w, z, X, se, re, ae, q, fe, ue, O, oe, he, ce, xe, pe, be, ge, B, J, le;
-      const K = ((w = x == null ? void 0 : x.user) == null ? void 0 : w.id) === (g == null ? void 0 : g.id), j = sn(i, K);
+    (r == null ? void 0 : r.length) === 0 || (r == null ? void 0 : r.map((b) => {
+      var w, z, X, se, re, ae, q, fe, ue, I, oe, he, ce, xe, pe, be, ge, B, J, le;
+      const K = ((w = b == null ? void 0 : b.user) == null ? void 0 : w.id) === (g == null ? void 0 : g.id), j = sn(i, K);
       return /* @__PURE__ */ s.jsx(Wr, { children: /* @__PURE__ */ s.jsx(
         St,
         {
           content: {
             type: "reply",
-            body: typeof x.data.content == "string" ? (z = x == null ? void 0 : x.data) == null ? void 0 : z.content : ((se = (X = x == null ? void 0 : x.data) == null ? void 0 : X.content) == null ? void 0 : se.text) || "",
+            body: typeof b.data.content == "string" ? (z = b == null ? void 0 : b.data) == null ? void 0 : z.content : ((se = (X = b == null ? void 0 : b.data) == null ? void 0 : X.content) == null ? void 0 : se.text) || "",
             canLike: j,
-            createdAt: x == null ? void 0 : x.created_at,
+            createdAt: b == null ? void 0 : b.created_at,
             slugs: {
               question: `${e}/${t}/${n}`,
               parentId: t,
-              reply: x == null ? void 0 : x.id
+              reply: b == null ? void 0 : b.id
             },
-            slug: `${e}/${t}/${n}#${x == null ? void 0 : x.id}`,
+            slug: `${e}/${t}/${n}#${b == null ? void 0 : b.id}`,
             author: {
-              id: (re = x == null ? void 0 : x.user) == null ? void 0 : re.id,
-              name: (q = (ae = x == null ? void 0 : x.user) == null ? void 0 : ae.data) == null ? void 0 : q.name,
-              organization: (ue = (fe = x == null ? void 0 : x.user) == null ? void 0 : fe.data) == null ? void 0 : ue.organization,
-              jobTitle: (oe = (O = x == null ? void 0 : x.user) == null ? void 0 : O.data) == null ? void 0 : oe.jobTitle,
+              id: (re = b == null ? void 0 : b.user) == null ? void 0 : re.id,
+              name: (q = (ae = b == null ? void 0 : b.user) == null ? void 0 : ae.data) == null ? void 0 : q.name,
+              organization: (ue = (fe = b == null ? void 0 : b.user) == null ? void 0 : fe.data) == null ? void 0 : ue.organization,
+              jobTitle: (oe = (I = b == null ? void 0 : b.user) == null ? void 0 : I.data) == null ? void 0 : oe.jobTitle,
               image: {
-                thumbnail: ((ce = (he = x == null ? void 0 : x.user) == null ? void 0 : he.data) == null ? void 0 : ce.thumbnail) || void 0
+                thumbnail: ((ce = (he = b == null ? void 0 : b.user) == null ? void 0 : he.data) == null ? void 0 : ce.thumbnail) || void 0
               }
             },
-            userLiked: ((xe = x == null ? void 0 : x.own_children) == null ? void 0 : xe.like) && ((pe = x == null ? void 0 : x.own_children) == null ? void 0 : pe.like.length) > 0,
-            likes: ((be = x == null ? void 0 : x.children_counts) == null ? void 0 : be.like) || 0,
-            peopleWhoLiked: ((ge = x == null ? void 0 : x.latest_children) == null ? void 0 : ge.like) && ((B = x == null ? void 0 : x.latest_children) == null ? void 0 : B.like.map((ee) => {
+            userLiked: ((xe = b == null ? void 0 : b.own_children) == null ? void 0 : xe.like) && ((pe = b == null ? void 0 : b.own_children) == null ? void 0 : pe.like.length) > 0,
+            likes: ((be = b == null ? void 0 : b.children_counts) == null ? void 0 : be.like) || 0,
+            peopleWhoLiked: ((ge = b == null ? void 0 : b.latest_children) == null ? void 0 : ge.like) && ((B = b == null ? void 0 : b.latest_children) == null ? void 0 : B.like.map((ee) => {
               var me, ke;
               return {
                 id: ee == null ? void 0 : ee.user_id,
@@ -5339,10 +5394,10 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
               updateContent: (ee, me) => k({ replyInfo: ee, content: me })
             },
             likes: {
-              createLike: () => P({ replyId: x == null ? void 0 : x.id }),
+              createLike: () => P({ replyId: b == null ? void 0 : b.id }),
               deleteLike: () => {
                 var me, ke, Ae;
-                const ee = ((me = x == null ? void 0 : x.own_children) == null ? void 0 : me.like) && ((Ae = (ke = x == null ? void 0 : x.own_children) == null ? void 0 : ke.like[0]) == null ? void 0 : Ae.id);
+                const ee = ((me = b == null ? void 0 : b.own_children) == null ? void 0 : me.like) && ((Ae = (ke = b == null ? void 0 : b.own_children) == null ? void 0 : ke.like[0]) == null ? void 0 : Ae.id);
                 return G({ replyId: ee || "" });
               }
             },
@@ -5353,25 +5408,25 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
             {
               basePath: e,
               parentId: t,
-              replyParentId: x == null ? void 0 : x.id,
+              replyParentId: b == null ? void 0 : b.id,
               activityId: n,
-              replyCount: ((J = x == null ? void 0 : x.children_counts) == null ? void 0 : J.reply) || 0,
-              replies: (le = x == null ? void 0 : x.latest_children) == null ? void 0 : le.reply,
+              replyCount: ((J = b == null ? void 0 : b.children_counts) == null ? void 0 : J.reply) || 0,
+              replies: (le = b == null ? void 0 : b.latest_children) == null ? void 0 : le.reply,
               isMember: i,
               functions: {
-                create: c,
-                edit: d,
+                create: l,
+                edit: u,
                 remove: a,
-                like: l,
+                like: d,
                 unlike: o,
                 join: m,
-                leave: u
+                leave: c
               }
             }
           )
         },
-        x == null ? void 0 : x.id
-      ) }, x == null ? void 0 : x.id);
+        b == null ? void 0 : b.id
+      ) }, b == null ? void 0 : b.id);
     }))
   ] });
 }, ha = ({
@@ -5381,19 +5436,19 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
 }) => ({
   mutationFn: n,
   onMutate: async ({
-    activityInfo: d,
+    activityInfo: u,
     content: { body: a }
   }) => {
     if (a.length === 0)
       return;
     await e.cancelQueries({ queryKey: t });
-    const l = e.getQueryData(t);
-    return l && l.id === (d == null ? void 0 : d.activityId) && (l.content = a), e.setQueryData(t, () => ({
-      ...l
-    })), { previousActivity: l };
+    const d = e.getQueryData(t);
+    return d && d.id === (u == null ? void 0 : u.activityId) && (d.content = a), e.setQueryData(t, () => ({
+      ...d
+    })), { previousActivity: d };
   },
-  onError: (d, a, l) => {
-    e.setQueryData(t, l.previousActivity);
+  onError: (u, a, d) => {
+    e.setQueryData(t, d.previousActivity);
   },
   onSettled: () => {
     e.invalidateQueries({ queryKey: t });
@@ -5410,19 +5465,19 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   queryKey: t,
   mutationFn: n
 }) => ({ mutationFn: n, onMutate: async () => {
-  var l;
+  var d;
   await e.cancelQueries({ queryKey: t });
   const a = e.getQueryData(t);
-  return (l = a == null ? void 0 : a.reaction_counts) != null && l.like ? a.reaction_counts.like += 1 : a && (a.reaction_counts = { like: 1 }), e.setQueryData(t, () => ({
+  return (d = a == null ? void 0 : a.reaction_counts) != null && d.like ? a.reaction_counts.like += 1 : a && (a.reaction_counts = { like: 1 }), e.setQueryData(t, () => ({
     ...a
   })), { previousActivity: a };
-}, onError: (a, l, o) => {
+}, onError: (a, d, o) => {
   e.setQueryData(t, o.previousActivity);
 }, onSuccess: (a) => {
-  const l = e.getQueryData(t);
-  return l != null && l.own_reactions.like ? l.own_reactions.like.push(a) : l && (l.own_reactions = { like: [a] }), l != null && l.latest_reactions.like ? l.latest_reactions.like.push(a) : l && (l.own_reactions = { like: [a] }), e.setQueryData(t, () => ({
-    ...l
-  })), { previousActivity: l };
+  const d = e.getQueryData(t);
+  return d != null && d.own_reactions.like ? d.own_reactions.like.push(a) : d && (d.own_reactions = { like: [a] }), d != null && d.latest_reactions.like ? d.latest_reactions.like.push(a) : d && (d.own_reactions = { like: [a] }), e.setQueryData(t, () => ({
+    ...d
+  })), { previousActivity: d };
 }, onSettled: () => {
   e.invalidateQueries({ queryKey: t });
 } }), _a = ({
@@ -5438,13 +5493,13 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   return (m = o == null ? void 0 : o.reaction_counts) != null && m.like && o.reaction_counts.like > 0 && (o.reaction_counts.like -= 1), e.setQueryData(t, () => ({
     ...o
   })), { previousActivity: o };
-}, onError: (o, m, u) => {
-  e.setQueryData(t, u.previousActivity);
+}, onError: (o, m, c) => {
+  e.setQueryData(t, c.previousActivity);
 }, onSuccess: () => {
-  var u, h, p;
+  var c, h, p;
   if (!r)
     return;
-  const o = (p = (h = (u = r.own_reactions) == null ? void 0 : u.like) == null ? void 0 : h.find(
+  const o = (p = (h = (c = r.own_reactions) == null ? void 0 : c.like) == null ? void 0 : h.find(
     (g) => g.user_id === (n == null ? void 0 : n.id)
   )) == null ? void 0 : p.id, m = e.getQueryData(t);
   if (m != null && m.own_reactions.like && (m.own_reactions.like = m.own_reactions.like.filter(
@@ -5458,27 +5513,27 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
 }, onSettled: () => {
   e.invalidateQueries({ queryKey: t });
 } });
-const lo = ({
+const uo = ({
   basePath: e,
   parentId: t,
   activityId: n,
   isMember: r,
   functions: {
     get: i,
-    editActivity: c,
-    removeActivity: d,
+    editActivity: l,
+    removeActivity: u,
     likeActivity: a,
-    unlikeActivity: l,
+    unlikeActivity: d,
     createReply: o,
     editReply: m,
-    removeReply: u,
+    removeReply: c,
     likeReply: h,
     unlikeReply: p,
     join: g,
-    leave: b
+    leave: x
   }
 }) => {
-  var re, ae, q, fe, ue, O, oe, he, ce, xe, pe, be, ge, B, J, le, ee, me, ke, Ae, ze, Fe, et;
+  var re, ae, q, fe, ue, I, oe, he, ce, xe, pe, be, ge, B, J, le, ee, me, ke, Ae, ze, Fe, et;
   const v = D(), E = je($e), k = wt(), {
     data: _,
     isLoading: T,
@@ -5489,20 +5544,20 @@ const lo = ({
   }), R = ha({
     queryClient: k,
     queryKey: [e, t, n],
-    mutationFn: async (te) => await c(te)
+    mutationFn: async (te) => await l(te)
   }), {
     mutate: V
   } = ie(R), N = pa({
     queryClient: k,
     queryKey: [e, t, n],
-    mutationFn: async ({ activityId: te }) => d({ activityId: te }),
+    mutationFn: async ({ activityId: te }) => u({ activityId: te }),
     redirectUrl: `${e}/${t}`
   }), { mutate: P } = ie(N), G = ga({
     queryClient: k,
     queryKey: [e, t, n],
     mutationFn: a
   }), {
-    mutate: x
+    mutate: b
   } = ie(G), K = _a({
     queryClient: k,
     queryKey: [e, t, n],
@@ -5512,14 +5567,14 @@ const lo = ({
       const te = (tt = (Le = (Ee = _ == null ? void 0 : _.own_reactions) == null ? void 0 : Ee.like) == null ? void 0 : Le.find(
         (nt) => nt.user_id === (E == null ? void 0 : E.id)
       )) == null ? void 0 : tt.id;
-      await l({ activityId: n, reactionId: te });
+      await d({ activityId: n, reactionId: te });
     },
     activity: _
   }), {
     mutate: j
   } = ie(K), w = Me(
-    ({ activityId: te }) => x({ activityId: te }),
-    [x]
+    ({ activityId: te }) => b({ activityId: te }),
+    [b]
   ), z = Me(
     async ({ activityId: te }) => j({ activityId: te }),
     [j]
@@ -5553,7 +5608,7 @@ const lo = ({
         author: {
           id: (ae = _ == null ? void 0 : _.actor) == null ? void 0 : ae.id,
           name: ((q = _ == null ? void 0 : _.actor) == null ? void 0 : q.data) && ((ue = (fe = _ == null ? void 0 : _.actor) == null ? void 0 : fe.data) == null ? void 0 : ue.name),
-          organization: ((O = _ == null ? void 0 : _.actor) == null ? void 0 : O.data) && ((he = (oe = _ == null ? void 0 : _.actor) == null ? void 0 : oe.data) == null ? void 0 : he.organization),
+          organization: ((I = _ == null ? void 0 : _.actor) == null ? void 0 : I.data) && ((he = (oe = _ == null ? void 0 : _.actor) == null ? void 0 : oe.data) == null ? void 0 : he.organization),
           jobTitle: ((ce = _ == null ? void 0 : _.actor) == null ? void 0 : ce.data) && ((pe = (xe = _ == null ? void 0 : _.actor) == null ? void 0 : xe.data) == null ? void 0 : pe.jobTitle),
           image: {
             thumbnail: ((be = _ == null ? void 0 : _.actor) == null ? void 0 : be.data) && ((B = (ge = _ == null ? void 0 : _.actor) == null ? void 0 : ge.data) == null ? void 0 : B.thumbnail) || void 0
@@ -5603,11 +5658,11 @@ const lo = ({
             functions: {
               create: o,
               edit: m,
-              remove: u,
+              remove: c,
               like: h,
               unlike: p,
               join: g,
-              leave: b
+              leave: x
             }
           }
         )
@@ -5615,7 +5670,7 @@ const lo = ({
     },
     n
   );
-}, uo = ({ id: e, data: { jobTitle: t, name: n, organization: r, thumbnail: i } }) => ({
+}, mo = ({ id: e, data: { jobTitle: t, name: n, organization: r, thumbnail: i } }) => ({
   id: e,
   name: n,
   jobTitle: t,
@@ -5625,15 +5680,15 @@ const lo = ({
   const n = D(), {
     answers: r,
     createdAt: i,
-    dateHasPassed: c,
-    isOngoingEvent: d,
+    dateHasPassed: l,
+    isOngoingEvent: u,
     pill: a,
-    readingTime: l,
+    readingTime: d,
     publishedDate: o,
     startDate: m
   } = t;
   if (e === "question") {
-    const u = i && Gt(i);
+    const c = i && Gt(i);
     return /* @__PURE__ */ s.jsxs("p", { className: "details answers", "data-testid": "question-answers", children: [
       n.formatMessage({ id: "card_answers" }, { number: r }),
       i && /* @__PURE__ */ s.jsxs("span", { "data-testid": "question-created-at", children: [
@@ -5643,17 +5698,17 @@ const lo = ({
         n.formatMessage(
           { id: "card_time_ago" },
           {
-            time: u ? n.formatMessage(
-              { id: `dates_${u.path}` },
-              { number: u.number }
+            time: c ? n.formatMessage(
+              { id: `dates_${c.path}` },
+              { number: c.number }
             ) : 0
           }
         )
       ] })
     ] });
   }
-  if (m && !c || d)
-    return /* @__PURE__ */ s.jsx("p", { className: "details", children: d ? n.formatMessage({ id: "card_bootcamp" }) : Rn(m) });
+  if (m && !l || u)
+    return /* @__PURE__ */ s.jsx("p", { className: "details", children: u ? n.formatMessage({ id: "card_bootcamp" }) : Rn(m) });
   if (a)
     return /* @__PURE__ */ s.jsx(
       ft,
@@ -5664,16 +5719,16 @@ const lo = ({
         children: a
       }
     );
-  if (l || o) {
-    const u = o && Gt(o);
+  if (d || o) {
+    const c = o && Gt(o);
     return /* @__PURE__ */ s.jsxs("ul", { className: "details", children: [
-      l && /* @__PURE__ */ s.jsx("li", { "data-testid": "reading-time", children: n.formatMessage({ id: "card_time_read" }, { time: l }) }),
+      d && /* @__PURE__ */ s.jsx("li", { "data-testid": "reading-time", children: n.formatMessage({ id: "card_time_read" }, { time: d }) }),
       o && /* @__PURE__ */ s.jsx("li", { "data-testid": "published-date", children: n.formatMessage(
         { id: "card_time_ago" },
         {
-          time: u ? n.formatMessage(
-            { id: `dates_${u.path}` },
-            { number: u.number }
+          time: c ? n.formatMessage(
+            { id: `dates_${c.path}` },
+            { number: c.number }
           ) : 0
         }
       ) })
@@ -5739,16 +5794,16 @@ const lo = ({
   }
 }, ba = ({ data: e, cta: t, link: n, gtmContext: r }) => {
   var g;
-  const i = D(), [c, d] = L({
+  const i = D(), [l, u] = L({
     loading: !1,
     registered: e.registered || !1
   });
   Y(() => {
-    e.registered && d((b) => ({ ...b, registered: !0 }));
+    e.registered && u((x) => ({ ...x, registered: !0 }));
   }, [e.registered]);
-  const { startDate: a, dateHasPassed: l, pill: o, slug: m } = e, u = e.contentType;
+  const { startDate: a, dateHasPassed: d, pill: o, slug: m } = e, c = e.contentType;
   let h = "";
-  if ((g = _t[u]) != null && g.gtmEvent && (h = _t[u].gtmEvent), a && l)
+  if ((g = _t[c]) != null && g.gtmEvent && (h = _t[c].gtmEvent), a && d)
     return /* @__PURE__ */ s.jsx(
       "a",
       {
@@ -5759,7 +5814,7 @@ const lo = ({
         children: i.formatMessage({ id: "card_watch" })
       }
     );
-  if (u === "people")
+  if (c === "people")
     return /* @__PURE__ */ s.jsx(
       U,
       {
@@ -5773,15 +5828,15 @@ const lo = ({
       }
     );
   const p = ["microcourse", "event"];
-  if (t && t.onClick && p.includes(u) && o !== "premium") {
-    const b = c.loading || c.registered, v = async (E) => {
-      if (E.preventDefault(), E.stopPropagation(), !(b || !t || !t.onClick)) {
-        d((k) => ({ ...k, loading: !0 }));
+  if (t && t.onClick && p.includes(c) && o !== "premium") {
+    const x = l.loading || l.registered, v = async (E) => {
+      if (E.preventDefault(), E.stopPropagation(), !(x || !t || !t.onClick)) {
+        u((k) => ({ ...k, loading: !0 }));
         try {
           const k = await t.onClick(e);
-          d(k === "success" ? () => ({ registered: !0, loading: !1 }) : (_) => ({ ..._, loading: !1 }));
+          u(k === "success" ? () => ({ registered: !0, loading: !1 }) : (_) => ({ ..._, loading: !1 }));
         } catch {
-          d((_) => ({ ..._, loading: !1 }));
+          u((_) => ({ ..._, loading: !1 }));
         }
       }
     };
@@ -5792,12 +5847,12 @@ const lo = ({
         className: "gtm-trackable",
         size: "small",
         styling: { fullWidth: !0 },
-        disabled: b,
-        "data-gtm-event-context": `${r}Page-${u}: ${m}`,
-        "data-gtm-event-type": `${r}-${u}-register-click`,
+        disabled: x,
+        "data-gtm-event-context": `${r}Page-${c}: ${m}`,
+        "data-gtm-event-type": `${r}-${c}-register-click`,
         "data-testid": "in-card-button",
         children: i.formatMessage({
-          id: `card_cta_${u}${b ? `_${c.loading ? "loading" : "done"}` : ""}`
+          id: `card_cta_${c}${x ? `_${l.loading ? "loading" : "done"}` : ""}`
         })
       }
     );
@@ -5824,19 +5879,19 @@ const va = {
   buildCardData: n,
   cta: r,
   gtmContext: i = "Carousel",
-  className: c = ""
+  className: l = ""
 }) => {
-  const d = D(), a = je($e), l = a && typeof a.id == "string", [o, m] = L({
+  const u = D(), a = je($e), d = a && typeof a.id == "string", [o, m] = L({
     data: null,
     isLoading: !0
-  }), { data: u, isLoading: h } = o, p = Me(() => {
-    n(t, l).then((N) => {
+  }), { data: c, isLoading: h } = o, p = Me(() => {
+    n(t, d).then((N) => {
       m(() => ({ data: N, isLoading: !1 }));
     }).catch(() => m((N) => ({ ...N, isLoading: !1 })));
   }, [e]);
   if (Y(() => {
     p();
-  }, []), h || !u)
+  }, []), h || !c)
     return /* @__PURE__ */ s.jsx(
       Se,
       {
@@ -5845,15 +5900,15 @@ const va = {
         "data-testid": "card-placeholder"
       }
     );
-  const { contentType: g } = u;
+  const { contentType: g } = c;
   if (!g || !_t[g])
     return /* @__PURE__ */ s.jsx(Se, { element: "li", className: "card-wrapper" });
   const {
-    basePath: b = "",
+    basePath: x = "",
     className: v,
     length: E,
     gtmEvent: k
-  } = _t[g], _ = Fn(`card_label_${g}`) ? d.formatMessage({ id: `card_label_${g}` }) : !1, T = u.slug ? `${b}${u.slug}` : !1, C = { ...va, ...E };
+  } = _t[g], _ = Fn(`card_label_${g}`) ? u.formatMessage({ id: `card_label_${g}` }) : !1, T = c.slug ? `${x}${c.slug}` : !1, C = { ...va, ...E };
   let R = { className: "card" };
   T && (R = {
     href: T,
@@ -5861,16 +5916,16 @@ const va = {
     "data-gtm-event-context": `${i}-CarouselCard`,
     "data-gtm-event-type": `${k}-click`,
     "data-testid": "link"
-  }, u.openInNewTab && (R.target = "_blank"));
-  const V = u.customIcon ? { "--custom-icon": wa(u.customIcon) } : {};
+  }, c.openInNewTab && (R.target = "_blank"));
+  const V = c.customIcon ? { "--custom-icon": wa(c.customIcon) } : {};
   return /* @__PURE__ */ s.jsx(
     "li",
     {
-      className: $("card-wrapper text-medium", v, c, {
+      className: S("card-wrapper text-medium", v, l, {
         "has-link": T,
         "no-link": !T,
-        "has-custom-icon": u.customIcon,
-        "has-image": u.banner
+        "has-custom-icon": c.customIcon,
+        "has-image": c.banner
       }),
       style: V,
       "data-testid": `${g}-card`,
@@ -5878,31 +5933,31 @@ const va = {
         T ? "a" : "div",
         R,
         /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-          (u.customLabel || _) && /* @__PURE__ */ s.jsx("small", { className: $("card-label text-small", v), children: u.customLabel || _ }),
-          u.startDate && !u.isOngoingEvent && /* @__PURE__ */ s.jsx(
+          (c.customLabel || _) && /* @__PURE__ */ s.jsx("small", { className: S("card-label text-small", v), children: c.customLabel || _ }),
+          c.startDate && !c.isOngoingEvent && /* @__PURE__ */ s.jsx(
             ft,
             {
               size: "small",
-              variant: u.dateHasPassed ? "default" : "information",
+              variant: c.dateHasPassed ? "default" : "information",
               "data-testid": "date",
-              children: u.dateHasPassed ? d.formatMessage({ id: "card_ended" }) : Qs(u.startDate)
+              children: c.dateHasPassed ? u.formatMessage({ id: "card_ended" }) : Qs(c.startDate)
             }
           ),
-          u.banner ? /* @__PURE__ */ s.jsxs("p", { className: "img", children: [
-            u.registered && /* @__PURE__ */ s.jsx(ft, { size: "small", variant: "registered", children: d.formatMessage({ id: "card_registered" }) }),
-            /* @__PURE__ */ s.jsx(Ln, { image: u.banner })
+          c.banner ? /* @__PURE__ */ s.jsxs("p", { className: "img", children: [
+            c.registered && /* @__PURE__ */ s.jsx(ft, { size: "small", variant: "registered", children: u.formatMessage({ id: "card_registered" }) }),
+            /* @__PURE__ */ s.jsx(Ln, { image: c.banner })
           ] }) : v === "people" ? /* @__PURE__ */ s.jsx(
             qe,
             {
-              name: u.title || "",
-              src: u.profile,
+              name: c.title || "",
+              src: c.profile,
               "data-testid": "people-profile-picture"
             }
           ) : null,
-          u.contributors && /* @__PURE__ */ s.jsx(
+          c.contributors && /* @__PURE__ */ s.jsx(
             Un,
             {
-              contributors: { data: u.contributors },
+              contributors: { data: c.contributors },
               styling: {
                 size: "small",
                 showGap: v !== "question",
@@ -5911,32 +5966,32 @@ const va = {
               "data-testid": "contributors"
             }
           ),
-          u.partner && /* @__PURE__ */ s.jsx("p", { className: "partners", "data-testid": "partners", children: Qe(u.partner.title, C.partner) }),
+          c.partner && /* @__PURE__ */ s.jsx("p", { className: "partners", "data-testid": "partners", children: Qe(c.partner.title, C.partner) }),
           /* Text */
           ["title", "text", "secondaryText"].map((N) => {
-            const P = u[N];
+            const P = c[N];
             if (!P)
               return null;
             const G = Bs(N);
             return /* @__PURE__ */ s.jsx("p", { className: G, "data-testid": G, children: Qe(P, C[N]) }, N);
           }),
-          /* @__PURE__ */ s.jsx(xa, { type: v || "", data: u }),
-          /* @__PURE__ */ s.jsx(ba, { data: u, cta: r, link: T || "", gtmContext: i })
+          /* @__PURE__ */ s.jsx(xa, { type: v || "", data: c }),
+          /* @__PURE__ */ s.jsx(ba, { data: c, cta: r, link: T || "", gtmContext: i })
         ] })
       )
     }
   );
 };
-const ja = ({ cards: e, cardTypes: t, className: n = "", ...r }) => /* @__PURE__ */ s.jsx("ul", { className: $("card-block", n), children: e.map((i, c) => {
-  const d = i.slug ? `${i.slug}-${t[c]}` : `${t[c]}-${c}`;
+const ja = ({ cards: e, cardTypes: t, className: n = "", ...r }) => /* @__PURE__ */ s.jsx("ul", { className: S("card-block", n), children: e.map((i, l) => {
+  const u = i.slug ? `${i.slug}-${t[l]}` : `${t[l]}-${l}`;
   return /* @__PURE__ */ s.jsx(
     ka,
     {
-      id: d,
-      card: { ...i, contentType: t[c] },
+      id: u,
+      card: { ...i, contentType: t[l] },
       ...r
     },
-    d
+    u
   );
 }) });
 const $n = [
@@ -5983,7 +6038,7 @@ const $n = [
     contributors: ["community"]
   }
 ];
-const lt = "notFoundError_", mo = () => {
+const lt = "notFoundError_", fo = () => {
   const e = D(), t = [];
   return $n.forEach((n, r) => {
     n.title = e.formatMessage({ id: `${lt}post_${r + 1}` }), t.push("solutionArticle");
@@ -6018,15 +6073,15 @@ const lt = "notFoundError_", mo = () => {
 };
 export {
   mt as ASSETS_BUCKET,
-  co as ActivitiesFeed,
-  lo as ActivitySection,
+  lo as ActivitiesFeed,
+  uo as ActivitySection,
   nn as AddPost,
   Ha as BannerSection,
   Xa as Breadcrumbs,
   U as Button,
   kt as ButtonWrapper,
   _r as CacheProvider,
-  On as CollapsibleSection,
+  In as CollapsibleSection,
   Cr as Columns,
   Ja as CommunityDetails,
   Un as Contributors,
@@ -6040,7 +6095,7 @@ export {
   Ue as Divider,
   Ba as DownloadSection,
   Ze as EMAILS,
-  to as EmailHelperTextBox,
+  no as EmailHelperTextBox,
   yt as EmptyStateBox,
   Za as Filters,
   wr as FlagsProvider,
@@ -6054,7 +6109,7 @@ export {
   Re as HighlightedTextBox,
   vr as IntlProvider,
   Lr as InviteForm,
-  ro as InviteModal,
+  ao as InviteModal,
   Wn as JoinButton,
   Ka as LanguageSwitcher,
   jt as Link,
@@ -6067,41 +6122,42 @@ export {
   wn as MarkdownText,
   Ua as MarketingBox,
   tn as Member,
-  oo as MembersList,
+  io as MembersList,
   Zn as Modal,
   Er as MoreMenu,
   Wa as NUMBER_OF_USERS,
   Tr as NavigationMenu,
-  mo as NotFoundError,
+  fo as NotFoundError,
   Kn as Overlay,
   ur as PageHeading,
   Qr as PageLayout,
-  no as PasswordRules,
+  so as PasswordRules,
   ft as Pill,
   qe as ProfilePicture,
   fr as ProgressBar,
-  so as Rating,
+  ro as Rating,
   fa as RepliesFeed,
-  io as ResponsesHeading,
+  co as ResponsesHeading,
   Ln as ResponsiveImage,
   Fr as SearchForm,
   qa as ShareLinks,
   dr as Span,
   Xt as StatusBanner,
-  ao as Tags,
+  eo as Tabs,
+  oo as Tags,
   qs as Tooltip,
-  eo as TopLevelPage,
+  to as TopLevelPage,
   $e as UserContext,
   kr as UserProvider,
   _e as VisuallyHidden,
-  Ir as addAriaProps,
+  Or as addAriaProps,
   Hn as getMember,
   pt as headerData,
-  uo as mapGetStreamData,
+  mo as mapGetStreamData,
   Ys as pageReady,
   Ls as useCurrentPath,
   He as useEffectAfterMount,
   vt as useElementWidth,
-  Is as useScrollListener,
-  Ia as useScrollToHash
+  Os as useScrollListener,
+  Oa as useScrollToHash
 };