@apolitical/component-library 1.14.15 → 1.15.0-beta.2

package/index.mjs

@@ -1,4 +1,4 @@
-import A, { memo as We, useState as L, useEffect as Y, useRef as de, useMemo as xt, Children as zt, createContext as Kt, useContext as je, Fragment as Vt, useCallback as Me, useReducer as gs, Suspense as _s } from "react";
+import C, { memo as We, useState as P, useEffect as G, useRef as de, useMemo as xt, Children as zt, createContext as Kt, useContext as je, Fragment as Vt, useCallback as Me, useReducer as gs, Suspense as _s } from "react";
 import xs from "lodash.clonedeep";
 import bs from "lodash.set";
 import { useIntl as D, IntlProvider as ws, createIntl as vs, FormattedMessage as Pe } from "react-intl";
@@ -53,7 +53,7 @@ var Nn = { exports: {} };
   })();
 })(Nn);
 var Cs = Nn.exports;
-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);
+const S = /* @__PURE__ */ Ds(Cs), As = ({ element: e = "span", showOnFocus: t = !0, children: n, ...r }) => C.createElement(e, { ...r, className: S("hidden", { "show-on-focus": t }), children: n }), _e = We(As), Ps = ({ element: e = "span", children: t = null, ...n }) => C.createElement(e, { ...n, "aria-hidden": !0 }, t), Dn = We(Ps);
 var Yt = { exports: {} }, Ye = {};
 /**
  * @license React
@@ -69,7 +69,7 @@ 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, l = { key: !0, ref: !0, __self: !0, __source: !0 };
+  var e = C, 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);
@@ -95,15 +95,15 @@ 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"), 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";
+    var e = C, 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, b = "@@iterator";
     function v(f) {
       if (f === null || typeof f != "object")
         return null;
-      var y = g && f[g] || f[x];
+      var y = g && f[g] || f[b];
       return typeof y == "function" ? y : null;
     }
     var E = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function k(f) {
+    function j(f) {
       {
         for (var y = arguments.length, $ = new Array(y > 1 ? y - 1 : 0), M = 1; M < y; M++)
           $[M - 1] = arguments[M];
@@ -114,35 +114,35 @@ function Fs() {
       {
         var M = E.ReactDebugCurrentFrame, Q = M.getStackAddendum();
         Q !== "" && (y += "%s", $ = $.concat([Q]));
-        var W = $.map(function(O) {
+        var z = $.map(function(O) {
           return String(O);
         });
-        W.unshift("Warning: " + y), Function.prototype.apply.call(console[f], console, W);
+        z.unshift("Warning: " + y), Function.prototype.apply.call(console[f], console, z);
       }
     }
-    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 === 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
+    var T = !1, N = !1, R = !1, J = !1, I = !1, H;
+    H = Symbol.for("react.module.reference");
+    function F(f) {
+      return !!(typeof f == "string" || typeof f == "function" || f === r || f === l || I || f === i || f === o || f === m || J || f === p || T || N || 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));
+      f.$$typeof === H || f.getModuleId !== void 0));
     }
-    function b(f, y, $) {
+    function x(f, y, $) {
       var M = f.displayName;
       if (M)
         return M;
       var Q = y.displayName || y.name || "";
       return Q !== "" ? $ + "(" + Q + ")" : $;
     }
-    function K(f) {
+    function Y(f) {
       return f.displayName || "Context";
     }
-    function j(f) {
+    function k(f) {
       if (f == null)
         return null;
-      if (typeof f.tag == "number" && k("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof f == "function")
+      if (typeof f.tag == "number" && j("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof f == "function")
         return f.displayName || f.name || null;
       if (typeof f == "string")
         return f;
@@ -164,19 +164,19 @@ function Fs() {
         switch (f.$$typeof) {
           case a:
             var y = f;
-            return K(y) + ".Consumer";
+            return Y(y) + ".Consumer";
           case u:
             var $ = f;
-            return K($._context) + ".Provider";
+            return Y($._context) + ".Provider";
           case d:
-            return b(f, f.render, "ForwardRef");
+            return x(f, f.render, "ForwardRef");
           case c:
             var M = f.displayName || null;
-            return M !== null ? M : j(f.type) || "Memo";
+            return M !== null ? M : k(f.type) || "Memo";
           case h: {
-            var Q = f, W = Q._payload, O = Q._init;
+            var Q = f, z = Q._payload, O = Q._init;
             try {
-              return j(O(W));
+              return k(O(z));
             } catch {
               return null;
             }
@@ -184,18 +184,18 @@ function Fs() {
         }
       return null;
     }
-    var w = Object.assign, z = 0, X, se, re, ae, q, fe, ue;
-    function I() {
+    var w = Object.assign, V = 0, Z, se, re, ae, q, fe, ue;
+    function L() {
     }
-    I.__reactDisabledLog = !0;
+    L.__reactDisabledLog = !0;
     function oe() {
       {
-        if (z === 0) {
-          X = console.log, se = console.info, re = console.warn, ae = console.error, q = console.group, fe = console.groupCollapsed, ue = console.groupEnd;
+        if (V === 0) {
+          Z = console.log, se = console.info, re = console.warn, ae = console.error, q = console.group, fe = console.groupCollapsed, ue = console.groupEnd;
           var f = {
             configurable: !0,
             enumerable: !0,
-            value: I,
+            value: L,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -208,12 +208,12 @@ function Fs() {
             groupEnd: f
           });
         }
-        z++;
+        V++;
       }
     }
     function he() {
       {
-        if (z--, z === 0) {
+        if (V--, V === 0) {
           var f = {
             configurable: !0,
             enumerable: !0,
@@ -221,7 +221,7 @@ function Fs() {
           };
           Object.defineProperties(console, {
             log: w({}, f, {
-              value: X
+              value: Z
             }),
             info: w({}, f, {
               value: se
@@ -243,7 +243,7 @@ function Fs() {
             })
           });
         }
-        z < 0 && k("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        V < 0 && j("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var ce = E.ReactCurrentDispatcher, xe;
@@ -265,7 +265,7 @@ function Fs() {
       var B = typeof WeakMap == "function" ? WeakMap : Map;
       ge = new B();
     }
-    function J(f, y) {
+    function X(f, y) {
       if (!f || be)
         return "";
       {
@@ -277,8 +277,8 @@ function Fs() {
       be = !0;
       var Q = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var W;
-      W = ce.current, ce.current = null, oe();
+      var z;
+      z = ce.current, ce.current = null, oe();
       try {
         if (y) {
           var O = function() {
@@ -313,31 +313,31 @@ function Fs() {
         }
       } catch (Ne) {
         if (Ne && M && typeof Ne.stack == "string") {
-          for (var F = Ne.stack.split(`
+          for (var A = Ne.stack.split(`
 `), we = M.stack.split(`
-`), Z = F.length - 1, ne = we.length - 1; Z >= 1 && ne >= 0 && F[Z] !== we[ne]; )
+`), K = A.length - 1, ne = we.length - 1; K >= 1 && ne >= 0 && A[K] !== we[ne]; )
             ne--;
-          for (; Z >= 1 && ne >= 0; Z--, ne--)
-            if (F[Z] !== we[ne]) {
-              if (Z !== 1 || ne !== 1)
+          for (; K >= 1 && ne >= 0; K--, ne--)
+            if (A[K] !== we[ne]) {
+              if (K !== 1 || ne !== 1)
                 do
-                  if (Z--, ne--, ne < 0 || F[Z] !== we[ne]) {
+                  if (K--, ne--, ne < 0 || A[K] !== we[ne]) {
                     var ye = `
-` + F[Z].replace(" at new ", " at ");
+` + A[K].replace(" at new ", " at ");
                     return f.displayName && ye.includes("<anonymous>") && (ye = ye.replace("<anonymous>", f.displayName)), typeof f == "function" && ge.set(f, ye), ye;
                   }
-                while (Z >= 1 && ne >= 0);
+                while (K >= 1 && ne >= 0);
               break;
             }
         }
       } finally {
-        be = !1, ce.current = W, he(), Error.prepareStackTrace = Q;
+        be = !1, ce.current = z, he(), Error.prepareStackTrace = Q;
       }
-      var Oe = f ? f.displayName || f.name : "", hn = Oe ? pe(Oe) : "";
+      var Ie = f ? f.displayName || f.name : "", hn = Ie ? pe(Ie) : "";
       return typeof f == "function" && ge.set(f, hn), hn;
     }
     function le(f, y, $) {
-      return J(f, !1);
+      return X(f, !1);
     }
     function ee(f) {
       var y = f.prototype;
@@ -347,7 +347,7 @@ function Fs() {
       if (f == null)
         return "";
       if (typeof f == "function")
-        return J(f, ee(f));
+        return X(f, ee(f));
       if (typeof f == "string")
         return pe(f);
       switch (f) {
@@ -363,9 +363,9 @@ function Fs() {
           case c:
             return me(f.type, y, $);
           case h: {
-            var M = f, Q = M._payload, W = M._init;
+            var M = f, Q = M._payload, z = M._init;
             try {
-              return me(W(Q), y, $);
+              return me(z(Q), y, $);
             } catch {
             }
           }
@@ -382,20 +382,20 @@ function Fs() {
     }
     function et(f, y, $, M, Q) {
       {
-        var W = Function.call.bind(ke);
+        var z = Function.call.bind(ke);
         for (var O in f)
-          if (W(f, O)) {
-            var F = void 0;
+          if (z(f, O)) {
+            var A = void 0;
             try {
               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[O](y, O, M, $, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (Z) {
-              F = Z;
+              A = f[O](y, O, M, $, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (K) {
+              A = K;
             }
-            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));
+            A && !(A instanceof Error) && (Fe(Q), j("%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 A), Fe(null)), A instanceof Error && !(A.message in Ae) && (Ae[A.message] = !0, Fe(Q), j("Failed %s type: %s", $, A.message), Fe(null));
           }
       }
     }
@@ -421,7 +421,7 @@ function Fs() {
     }
     function rn(f) {
       if (tt(f))
-        return k("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Le(f)), nt(f);
+        return j("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Le(f)), nt(f);
     }
     var Ve = E.ReactCurrentOwner, es = {
       key: !0,
@@ -448,14 +448,14 @@ function Fs() {
     }
     function ss(f, y) {
       if (typeof f.ref == "string" && Ve.current && y && Ve.current.stateNode !== y) {
-        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);
+        var $ = k(Ve.current.type);
+        $t[$] || (j('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', k(Ve.current.type), f.ref), $t[$] = !0);
       }
     }
     function rs(f, y) {
       {
         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));
+          an || (an = !0, j("%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));
         };
         $.isReactWarning = !0, Object.defineProperty(f, "key", {
           get: $,
@@ -466,7 +466,7 @@ function Fs() {
     function as(f, y) {
       {
         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));
+          on || (on = !0, j("%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));
         };
         $.isReactWarning = !0, Object.defineProperty(f, "ref", {
           get: $,
@@ -474,8 +474,8 @@ function Fs() {
         });
       }
     }
-    var os = function(f, y, $, M, Q, W, O) {
-      var F = {
+    var os = function(f, y, $, M, Q, z, O) {
+      var A = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
@@ -484,45 +484,45 @@ function Fs() {
         ref: $,
         props: O,
         // Record the component responsible for creating this element.
-        _owner: W
+        _owner: z
       };
-      return F._store = {}, Object.defineProperty(F._store, "validated", {
+      return A._store = {}, Object.defineProperty(A._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(F, "_self", {
+      }), Object.defineProperty(A, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: M
-      }), Object.defineProperty(F, "_source", {
+      }), Object.defineProperty(A, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: Q
-      }), Object.freeze && (Object.freeze(F.props), Object.freeze(F)), F;
+      }), Object.freeze && (Object.freeze(A.props), Object.freeze(A)), A;
     };
     function is(f, y, $, M, 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) && (O[W] = y[W]);
+        var z, O = {}, A = null, we = null;
+        $ !== void 0 && (rn($), A = "" + $), ns(y) && (rn(y.key), A = "" + y.key), ts(y) && (we = y.ref, ss(y, Q));
+        for (z in y)
+          ke.call(y, z) && !es.hasOwnProperty(z) && (O[z] = y[z]);
         if (f && f.defaultProps) {
-          var Z = f.defaultProps;
-          for (W in Z)
-            O[W] === void 0 && (O[W] = Z[W]);
+          var K = f.defaultProps;
+          for (z in K)
+            O[z] === void 0 && (O[z] = K[z]);
         }
-        if (F || we) {
+        if (A || we) {
           var ne = typeof f == "function" ? f.displayName || f.name || "Unknown" : f;
-          F && rs(O, ne), we && as(O, ne);
+          A && rs(O, ne), we && as(O, ne);
         }
-        return os(f, F, we, Q, M, Ve.current, O);
+        return os(f, A, we, Q, M, Ve.current, O);
       }
     }
     var Tt = E.ReactCurrentOwner, cn = E.ReactDebugCurrentFrame;
-    function Ie(f) {
+    function Oe(f) {
       if (f) {
         var y = f._owner, $ = me(f.type, f._source, y ? y.type : null);
         cn.setExtraStackFrame($);
@@ -537,7 +537,7 @@ function Fs() {
     function ln() {
       {
         if (Tt.current) {
-          var f = j(Tt.current.type);
+          var f = k(Tt.current.type);
           if (f)
             return `
 
@@ -580,7 +580,7 @@ Check the top-level render call using <` + $ + ">.");
           return;
         dn[$] = !0;
         var M = "";
-        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);
+        f && f._owner && f._owner !== Tt.current && (M = " It was passed a child from " + k(f._owner.type) + "."), Oe(f), j('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', $, M), Oe(null);
       }
     }
     function mn(f, y) {
@@ -597,7 +597,7 @@ Check the top-level render call using <` + $ + ">.");
         else if (f) {
           var Q = v(f);
           if (typeof Q == "function" && Q !== f.entries)
-            for (var W = Q.call(f), O; !(O = W.next()).done; )
+            for (var z = Q.call(f), O; !(O = z.next()).done; )
               Nt(O.value) && un(O.value, y);
         }
       }
@@ -617,14 +617,14 @@ Check the top-level render call using <` + $ + ">.");
         else
           return;
         if ($) {
-          var M = j(y);
+          var M = k(y);
           et($, f.props, "prop", M, f);
         } else if (y.PropTypes !== void 0 && !Mt) {
           Mt = !0;
-          var Q = j(y);
-          k("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", Q || "Unknown");
+          var Q = k(y);
+          j("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", Q || "Unknown");
         }
-        typeof y.getDefaultProps == "function" && !y.getDefaultProps.isReactClassApproved && k("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof y.getDefaultProps == "function" && !y.getDefaultProps.isReactClassApproved && j("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function us(f) {
@@ -632,25 +632,25 @@ Check the top-level render call using <` + $ + ">.");
         for (var y = Object.keys(f.props), $ = 0; $ < y.length; $++) {
           var M = y[$];
           if (M !== "children" && M !== "key") {
-            Ie(f), k("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", M), Ie(null);
+            Oe(f), j("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", M), Oe(null);
             break;
           }
         }
-        f.ref !== null && (Ie(f), k("Invalid attribute `ref` supplied to `React.Fragment`."), Ie(null));
+        f.ref !== null && (Oe(f), j("Invalid attribute `ref` supplied to `React.Fragment`."), Oe(null));
       }
     }
-    function fn(f, y, $, M, Q, W) {
+    function fn(f, y, $, M, Q, z) {
       {
-        var O = G(f);
+        var O = F(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 A = "";
+          (f === void 0 || typeof f == "object" && f !== null && Object.keys(f).length === 0) && (A += " 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);
-          we ? F += we : F += ln();
-          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);
+          we ? A += we : A += ln();
+          var K;
+          f === null ? K = "null" : Ee(f) ? K = "array" : f !== void 0 && f.$$typeof === t ? (K = "<" + (k(f.type) || "Unknown") + " />", A = " Did you accidentally export a JSX literal instead of a component?") : K = typeof f, j("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", K, A);
         }
-        var ne = is(f, y, $, Q, W);
+        var ne = is(f, y, $, Q, z);
         if (ne == null)
           return ne;
         if (O) {
@@ -658,11 +658,11 @@ Check the top-level render call using <` + $ + ">.");
           if (ye !== void 0)
             if (M)
               if (Ee(ye)) {
-                for (var Oe = 0; Oe < ye.length; Oe++)
-                  mn(ye[Oe], f);
+                for (var Ie = 0; Ie < ye.length; Ie++)
+                  mn(ye[Ie], 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.");
+                j("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
               mn(ye, f);
         }
@@ -682,86 +682,86 @@ Check the top-level render call using <` + $ + ">.");
 process.env.NODE_ENV === "production" ? Yt.exports = Rs() : Yt.exports = Fs();
 var s = Yt.exports;
 const Ls = () => {
-  const [e, t] = L(window.location.pathname), n = () => {
+  const [e, t] = P(window.location.pathname), n = () => {
     const r = window.location.pathname;
     t(r);
   };
-  return Y(() => (window.addEventListener("popstate", n), () => {
+  return G(() => (window.addEventListener("popstate", n), () => {
     window.removeEventListener("popstate", n);
   }), []), e;
 }, He = (e, t) => {
   const n = de(!1);
-  Y(() => {
+  G(() => {
     n.current ? e() : n.current = !0;
   }, t);
 };
-function Is(e, t, n) {
+function Os(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]);
-  var h = !t && t !== 0 && typeof window < "u";
+  m.current = e;
+  var h = typeof window < "u", p = !t && t !== 0 && h;
   if (typeof e != "function")
     throw new TypeError("Expected a function");
   t = +t || 0;
-  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() {
+  var g = !!(n = n || {}).leading, b = !("trailing" in n) || !!n.trailing, v = "maxWait" in n, E = "debounceOnServer" in n && !!n.debounceOnServer, j = v ? Math.max(+n.maxWait || 0, t) : null;
+  G(function() {
     return c.current = !0, function() {
       c.current = !1;
     };
   }, []);
-  var E = xt(function() {
-    var k = function(N) {
-      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(u.current), u.current = h ? requestAnimationFrame(N) : setTimeout(N, P);
-    }, T = function(N) {
+  var _ = xt(function() {
+    var T = function(F) {
+      var x = a.current, Y = d.current;
+      return a.current = d.current = null, l.current = F, o.current = m.current.apply(Y, x);
+    }, N = function(F, x) {
+      p && cancelAnimationFrame(u.current), u.current = p ? requestAnimationFrame(F) : setTimeout(F, x);
+    }, R = function(F) {
       if (!c.current)
         return !1;
-      var P = N - i.current;
-      return !i.current || P >= t || P < 0 || x && N - l.current >= v;
-    }, C = function(N) {
-      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);
+      var x = F - i.current;
+      return !i.current || x >= t || x < 0 || v && F - l.current >= j;
+    }, J = function(F) {
+      return u.current = null, b && a.current ? T(F) : (a.current = d.current = null, o.current);
+    }, I = function F() {
+      var x = Date.now();
+      if (R(x))
+        return J(x);
       if (c.current) {
-        var G = t - (P - i.current), b = x ? Math.min(G, v - (P - l.current)) : G;
-        _(N, b);
+        var Y = t - (x - i.current), k = v ? Math.min(Y, j - (x - l.current)) : Y;
+        N(F, k);
       }
-    }, V = function() {
-      var N = Date.now(), P = T(N);
-      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);
+    }, H = function() {
+      if (h || E) {
+        var F = Date.now(), x = R(F);
+        if (a.current = [].slice.call(arguments), d.current = r, i.current = F, x) {
+          if (!u.current && c.current)
+            return l.current = i.current, N(I, t), g ? T(i.current) : o.current;
+          if (v)
+            return N(I, t), T(i.current);
+        }
+        return u.current || N(I, t), o.current;
       }
-      return u.current || _(R, t), o.current;
     };
-    return V.cancel = function() {
-      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 H.cancel = function() {
+      u.current && (p ? cancelAnimationFrame(u.current) : clearTimeout(u.current)), l.current = 0, a.current = i.current = d.current = u.current = null;
+    }, H.isPending = function() {
       return !!u.current;
-    }, V.flush = function() {
-      return u.current ? C(Date.now()) : o.current;
-    }, V;
-  }, [p, x, t, v, g, h]);
-  return E;
+    }, H.flush = function() {
+      return u.current ? J(Date.now()) : o.current;
+    }, H;
+  }, [g, v, t, j, b, p, h, E]);
+  return _;
 }
 function Cn(e, t, n) {
   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 });
+  return Os(e, t, { maxWait: t, leading: i === void 0 || i, trailing: l === void 0 || l });
 }
 let Dt;
 const vt = (e = !0, t = !1, n = "window") => {
   if (!e)
     return;
-  const [r, i] = A.useState(0) || [!1, () => {
+  const [r, i] = C.useState(0) || [!1, () => {
   }];
-  Y(() => (a(), window.addEventListener("resize", d), () => {
+  G(() => (a(), window.addEventListener("resize", d), () => {
     clearTimeout(Dt), d.flush(), window.removeEventListener("resize", d);
   }), n === "window" ? [] : [n]);
   const u = () => {
@@ -779,7 +779,7 @@ const vt = (e = !0, t = !1, n = "window") => {
     { leading: !0 }
   );
   return r;
-}, Os = ({
+}, Is = ({
   scrollPosition: e = 0,
   // The position on the page to scroll past
   offset: t = { down: 0, up: 10 },
@@ -790,10 +790,10 @@ const vt = (e = !0, t = !1, n = "window") => {
 }) => {
   if (!window)
     return;
-  const [i, l] = A.useState({ current: 0, past: 0 }) || [!1, () => {
-  }], [u, a] = A.useState({ scrollDown: !1, scrollUp: !1 }) || [!1, () => {
+  const [i, l] = C.useState({ current: 0, past: 0 }) || [!1, () => {
+  }], [u, a] = C.useState({ scrollDown: !1, scrollUp: !1 }) || [!1, () => {
   }];
-  Y(() => (d(), window.addEventListener("scroll", o), () => {
+  G(() => (d(), window.addEventListener("scroll", o), () => {
     o.flush(), window.removeEventListener("scroll", o);
   }), []);
   const d = () => {
@@ -807,7 +807,7 @@ const vt = (e = !0, t = !1, n = "window") => {
     d();
   }, 250);
   return i;
-}, Oa = (e = [], t = !0) => {
+}, Ia = (e = [], t = !0) => {
   e = Array.isArray(e) ? e : [e];
   const n = de(!1);
   He(() => {
@@ -1227,9 +1227,9 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   return t.forEach(({ type: r, value: i }) => {
     bs(n, r, i);
   }), n;
-}, Xs = (e) => new Promise((t) => setTimeout(t, e)), ut = (e, t) => A.Children.map(e, (n) => A.cloneElement(n, {
+}, Xs = (e) => new Promise((t) => setTimeout(t, e)), ut = (e, t) => C.Children.map(e, (n) => C.cloneElement(n, {
   ...t
-})), U = ({
+})), W = ({
   variant: e = "primary",
   size: t = "medium",
   styling: n = { muted: !1, fullWidth: !1 },
@@ -1250,7 +1250,7 @@ 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 x = {
+  const b = {
     ...c,
     className: S(e, a, g, {
       "no-text": !m,
@@ -1262,14 +1262,14 @@ Thank you for helping to protect the Apolitical community from abusive content.`
     },
     disabled: typeof d == "object" && "isClickable" in d ? !d.isClickable : d
   };
-  return i && (l = "a", x.href = i), A.createElement(
+  return i && (l = "a", b.href = i), C.createElement(
     l,
-    x,
+    b,
     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((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 r = e.length > 1 ? "ul" : "p", i = e.map((l, u) => r === "p" ? /* @__PURE__ */ s.jsx(W, { ...l }, u) : /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(W, { ...l }) }, u));
+  return C.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` } : {};
@@ -1296,7 +1296,7 @@ const Ue = ({ className: e = "", maxWidth: t = !1 }) => {
       }
     );
   }
-  return n ? A.createElement(n, { children: t, className: r, ...a }) : t;
+  return n ? C.createElement(n, { children: t, className: r, ...a }) : t;
 }, xn = {
   card: {
     range: [
@@ -1427,7 +1427,7 @@ const Ln = ({ image: e, className: t, testId: n }) => {
     loading: o,
     decoding: m,
     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 });
+  } = e, { range: h, sizes: p } = Zs(e), g = Ct({ format: "avif", query: u, range: h, url: a }), b = 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: [
     l !== "image/gif" && /* @__PURE__ */ s.jsx(
       "source",
@@ -1442,7 +1442,7 @@ const Ln = ({ image: e, className: t, testId: n }) => {
       "source",
       {
         type: "image/webp",
-        srcSet: x,
+        srcSet: b,
         sizes: p,
         "data-testid": "source"
       }
@@ -1466,8 +1466,8 @@ 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), [l, u] = L("hidden");
-  Y(() => {
+  const r = D(), i = de(null), [l, u] = P("hidden");
+  G(() => {
     const d = i.current;
     if (d)
       return d.addEventListener("transitionend", a), () => {
@@ -1500,7 +1500,7 @@ const Ba = ({ text: e, buttons: t, className: n = "" }) => {
       children: i.text
     });
   }), /* @__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),
+    C.createElement(typeof e == "string" ? "h2" : e.element, { className: "text" }, typeof e == "string" ? e : e.text),
     /* @__PURE__ */ s.jsx(kt, { buttons: r })
   ] }) });
 };
@@ -1513,7 +1513,7 @@ const Qa = ({ title: e = !1, logos: t = [], className: n = "" }) => {
     text: typeof e == "string" ? e : typeof e == "object" ? e.text : ""
   };
   return /* @__PURE__ */ s.jsxs("div", { className: S("logos", n), children: [
-    e && A.createElement(i.element, { className: "title" }, i.text),
+    e && C.createElement(i.element, { className: "title" }, i.text),
     /* @__PURE__ */ s.jsx(
       "ul",
       {
@@ -1616,7 +1616,7 @@ const er = [
           d.map((c) => {
             if (m[c] && typeof m[c] == "object") {
               const { text: h, element: p = "" } = m[c];
-              return A.createElement(
+              return C.createElement(
                 p.toLowerCase(),
                 { key: c, className: c },
                 h
@@ -1626,7 +1626,7 @@ const er = [
           }),
           a,
           u && u.text && u.link && /* @__PURE__ */ s.jsx(
-            U,
+            W,
             {
               variant: n || r === "light" ? "primary" : "secondary",
               size: { mobile: "medium", 768: "large" },
@@ -1650,7 +1650,7 @@ const Ua = ({
 }) => !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 })
+  t && /* @__PURE__ */ s.jsx(W, { 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 })
 ] }), mt = "https://storage.googleapis.com/apolitical-assets/", Ze = {
   general: "hello@apolitical.co",
   support: "concierge@apolitical.co",
@@ -1659,7 +1659,7 @@ const Ua = ({
     eu: "dpo.agl@apolitical.foundation"
   }
 }, Wa = "200,000+";
-const In = ({ label: e = !1, className: t = "", children: n }) => {
+const On = ({ label: e = !1, className: t = "", children: n }) => {
   const r = D();
   return /* @__PURE__ */ s.jsxs("details", { className: S("collapsible-section", t), children: [
     /* @__PURE__ */ s.jsx("summary", { children: e || r.formatMessage({ id: "collapsibleSection_summary" }) }),
@@ -1693,7 +1693,7 @@ const yt = ({
       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(
-          U,
+          W,
           {
             ...m,
             variant: n.variant ? n.variant : "secondary",
@@ -1704,39 +1704,39 @@ const yt = ({
     }
   );
 };
-const Jt = ({ children: e, ...t }) => /* @__PURE__ */ s.jsx("p", { ...t, children: e }), On = { q: Jt, blockquote: Jt };
+const Jt = ({ children: e, ...t }) => /* @__PURE__ */ s.jsx("p", { ...t, children: e }), In = { q: Jt, blockquote: Jt };
 for (let e = 1; e <= 6; e++)
-  On[`h${e}`] = { component: Jt, props: { className: "title" } };
+  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: 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,
     {
       options: {
-        wrapper: A.Fragment,
+        wrapper: C.Fragment,
         forceBlock: !0,
-        overrides: On
+        overrides: In
       },
       children: r
     }
   ) : /* @__PURE__ */ s.jsx("p", { children: r })
 ] });
 const za = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children: i }) => {
-  const l = D(), u = de(null), [a, d] = L(""), [o, m] = L("closed");
-  Y(() => {
+  const l = D(), u = de(null), [a, d] = P(""), [o, m] = P("closed");
+  G(() => {
     const p = u.current;
     if (p)
       return p.addEventListener("transitionend", c), () => {
         p.removeEventListener("transitionend", c);
       };
-  }, []), Y(() => {
+  }, []), G(() => {
     if (!r || typeof r != "string")
       return;
     const p = r.split(`
 `);
     d(p.length < 3 ? `${r.substring(0, 400)}...` : p.slice(0, 3).join(`
 `));
-  }, [r]), Y(() => {
+  }, [r]), G(() => {
     o === "ready-to-close" && m("closing");
   }, [o]);
   const c = ({ propertyName: p }) => {
@@ -1751,7 +1751,7 @@ const za = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
       o !== "closed" && i
     ] }),
     /* @__PURE__ */ s.jsx("p", { className: "cta", children: /* @__PURE__ */ s.jsx(
-      U,
+      W,
       {
         variant: "tertiary",
         icon: { icon: "navigation_arrow", position: "left", animate: !0 },
@@ -1764,7 +1764,7 @@ const za = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
       }
     ) })
   ] });
-}, sr = () => A.Fragment, rr = ({ children: e }) => /* @__PURE__ */ s.jsx(Re, { variant: "secondary", children: e }), ar = ["span", "strong", "h1", "h2", "h3", "h4", "h5", "h6", "p"], or = ({ children: e }) => {
+}, sr = () => C.Fragment, rr = ({ children: e }) => /* @__PURE__ */ s.jsx(Re, { variant: "secondary", children: e }), ar = ["span", "strong", "h1", "h2", "h3", "h4", "h5", "h6", "p"], or = ({ children: e }) => {
   const t = D();
   if (!e)
     return null;
@@ -1772,10 +1772,10 @@ const za = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
   const r = [];
   for (const l of zt.toArray(e))
     if (!(!l || typeof l == "string" || typeof l == "number"))
-      if (A.isValidElement(l) && l.type === "summary") {
+      if (C.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)) {
+            if (!(!u || typeof u == "string" || typeof u == "number") && C.isValidElement(u)) {
               const a = u.type;
               if (ar.includes(a)) {
                 for (n = u.props.children; typeof n != "string" && (Array.isArray(n) && n[0].props && n[0].props.children && n[0].props.children[0]); )
@@ -1788,7 +1788,7 @@ const za = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
         r.push(l);
   const i = n ? n.toString() : "";
   return /* @__PURE__ */ s.jsx(
-    In,
+    On,
     {
       label: i,
       className: ["Sources", "Resources"].includes(i) ? "discrete-links" : "",
@@ -1826,27 +1826,27 @@ const za = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
   t.href && (t.href.includes("http:") || t.href.includes("https:")) && !t.target && (n.target = "_blank");
   let r = e, i = !1;
   for (const l of zt.toArray(e))
-    if (!(!l || typeof l == "string" || typeof l == "number") && A.isValidElement(l)) {
+    if (!(!l || typeof l == "string" || typeof l == "number") && C.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)); )
+        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" || !C.isValidElement(r)); )
           if (r.props && r.props.children && r.props.children[0])
             r = r.props.children[0], r && bn(r) === "button" && (i = !0);
           else
             break;
     }
-  return i ? (n = { ...n, className: "button primary medium" }, /* @__PURE__ */ s.jsx("p", { className: "center", children: /* @__PURE__ */ s.jsx(U, { variant: "primary", size: "medium", ...n, children: r }) })) : /* @__PURE__ */ s.jsx("a", { ...n, children: r });
+  return i ? (n = { ...n, className: "button primary medium" }, /* @__PURE__ */ s.jsx("p", { className: "center", children: /* @__PURE__ */ s.jsx(W, { variant: "primary", size: "medium", ...n, children: r }) })) : /* @__PURE__ */ s.jsx("a", { ...n, children: r });
 }, dr = ({ children: e }) => /* @__PURE__ */ s.jsx("span", { children: e });
 const wn = ({ className: e = "", options: t = {}, children: n }) => {
   n = n.replace(/^<br\/?>/, "");
   const r = {
-    wrapper: A.Fragment,
+    wrapper: C.Fragment,
     forceBlock: !0,
     overrides: {
       a: lr,
       // Override psuedo-code
       // We give the content team psuedo-code short cuts to use in Contentful
-      CollapsibleSection: In,
+      CollapsibleSection: On,
       TextBox: Re,
       CaseStudy: rr,
       // Override embedded HTML
@@ -1869,8 +1869,8 @@ const ur = ({
   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(
+      t && t.text && C.createElement(t.element || "h1", { className: "title" }, t.text),
+      n && n.text && C.createElement(
         n.element || "h2",
         { className: "text-medium" },
         n.text
@@ -1886,7 +1886,7 @@ const ft = ({
   children: r,
   ...i
 }) => /* @__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 Xt = ({ element: e = "p", children: t = null, className: n = "", ...r }) => C.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, 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 }) }) });
@@ -1955,8 +1955,8 @@ const vn = 256, qe = ({
   height: l = vn,
   ...u
 }) => {
-  const [a, d] = L(!1), o = de(null);
-  Y(() => {
+  const [a, d] = P(!1), o = de(null);
+  G(() => {
     const c = o.current;
     if (!c)
       return;
@@ -2021,7 +2021,7 @@ const tn = ({
   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, {
+  return C.createElement(e, {
     className: S("member text-medium", l),
     children: /* @__PURE__ */ s.jsxs(
       jt,
@@ -2064,34 +2064,34 @@ const kn = {
   ...o
 }) => {
   const m = D();
-  return !n || n.length === 0 ? null : A.createElement(e, {
+  return !n || n.length === 0 ? null : C.createElement(e, {
     ...o,
     className: S("contributors", d, i, { "has-gap": l }),
     children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
       /* @__PURE__ */ s.jsx("ul", { children: n.map((c, h) => {
         let p, g = "";
         if (h < a) {
-          const { name: x = "", image: v = "" } = Hn(c);
+          const { name: b = "", image: v = "" } = Hn(c);
           if (u)
             return /* @__PURE__ */ s.jsx(Se, { element: "li", className: "contributor" }, h);
           p = /* @__PURE__ */ s.jsx(
             qe,
             {
-              name: x,
+              name: b,
               src: v,
               width: kn[i || "medium"],
               height: kn[i || "medium"]
             }
           );
         } else if (h === a) {
-          const x = (t || n.length) - a;
+          const b = (t || n.length) - a;
           p = /* @__PURE__ */ s.jsxs(
             "small",
             {
-              className: S({ "large-number": x > 99 }),
+              className: S({ "large-number": b > 99 }),
               children: [
                 "+",
-                Vs(x, 0)
+                Vs(b, 0)
               ]
             }
           ), g = "number-left";
@@ -2123,7 +2123,7 @@ function br(e) {
   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: l } }, t);
+  return C.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,
@@ -2149,8 +2149,8 @@ const wr = ({ children: e, user: t }) => t.isLoading ? null : process.env.REACT_
   };
   return /* @__PURE__ */ s.jsx(ws, { locale: r, messages: i, children: e });
 }, $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(() => {
+  const [r, i] = P({ isLoading: !0 });
+  return G(() => {
     e().then((l) => {
       i({ ...l, isLoading: !1 }), Ys(5e3);
     }).catch(() => i({ isLoading: !1 }));
@@ -2159,13 +2159,13 @@ const wr = ({ children: e, user: t }) => t.isLoading ? null : process.env.REACT_
 const Pt = "joinCommunityButton", Wn = ({ isMember: e = !1, isShort: t = !1, functions: { join: n, leave: r } = { join: () => {
 }, leave: () => {
 } } }) => {
-  const i = D(), l = je($e), u = l && typeof l.id == "string", [a, d] = L(e), [o, m] = L(e ? "joined" : "notJoined");
-  Y(() => {
+  const i = D(), l = je($e), u = l && typeof l.id == "string", [a, d] = P(e), [o, m] = P(e ? "joined" : "notJoined");
+  G(() => {
     o === "joining" ? m("joined") : o === "leaving" && m("notJoined");
   }, [a]);
   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,
+    W,
     {
       variant: a ? "secondary" : "primary",
       size: "medium",
@@ -2217,7 +2217,7 @@ const Rt = "communityDetails_", Ja = ({
     ] }),
     /* @__PURE__ */ s.jsx(Wn, { isMember: t, functions: { ...u } }),
     t && /* @__PURE__ */ s.jsx(
-      U,
+      W,
       {
         variant: "primary",
         onClick: l,
@@ -2250,7 +2250,7 @@ const Za = ({
   },
   className: i = ""
 }) => {
-  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) => {
+  const l = D(), u = t ? [{ id: "all", text: typeof t != "boolean" && t.text || l.formatMessage({ id: "filters_all" }) }, ...e] : e, [a, d] = P(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], d((p) => (r && typeof r == "function" && r({ current: h, previous: p }), h)), c && typeof c == "function" && c();
   };
@@ -2261,8 +2261,8 @@ const Za = ({
       "button",
       {
         className: S(m, { selected: a.includes(m) }),
-        onClick: (x) => {
-          x.preventDefault(), x.stopPropagation(), o(m, p);
+        onClick: (b) => {
+          b.preventDefault(), b.stopPropagation(), o(m, p);
         },
         ...g,
         children: c
@@ -2290,26 +2290,26 @@ const Ft = { en: "English", es: "Español", fr: "Français", pt: "Português" },
   label: a,
   className: d = ""
 }) => {
-  const o = D(), [m, c] = L(e);
-  if (Y(() => {
+  const o = D(), [m, c] = P(e);
+  if (G(() => {
     e !== m && c(e);
-  }, [e]), !r || !Object.values(r).some((x) => x && x.post_name))
+  }, [e]), !r || !Object.values(r).some((b) => b && b.post_name))
     return null;
   const p = Object.keys(r), g = m !== e;
   return /* @__PURE__ */ s.jsxs("div", { className: S("language-switcher text-small", u, d), children: [
     /* @__PURE__ */ s.jsxs("nav", { children: [
       u !== "short" && /* @__PURE__ */ s.jsx("p", { children: a || o.formatMessage({ id: `${rt}label` }) }),
-      /* @__PURE__ */ s.jsx("ul", { children: p.map((x) => {
-        if (!Ft[x])
+      /* @__PURE__ */ s.jsx("ul", { children: p.map((b) => {
+        if (!Ft[b])
           return null;
-        let v = { className: x };
-        return m === x ? v["aria-label"] = o.formatMessage({ id: `${rt}selected` }, { language: Ft[x] }) : v = {
+        let v = { className: b };
+        return m === b ? v["aria-label"] = o.formatMessage({ id: `${rt}selected` }, { language: Ft[b] }) : v = {
           ...v,
-          href: jr(x, l),
+          href: jr(b, l),
           onClick: (E) => {
-            E.preventDefault(), E.stopPropagation(), c(x), i(x);
+            E.preventDefault(), E.stopPropagation(), c(b), i(b);
           }
-        }, /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(jt, { ...v, fallbackElement: "span", children: Ft[x] }) }, x);
+        }, /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(jt, { ...v, fallbackElement: "span", children: Ft[b] }) }, b);
       }) }),
       u !== "short" && !g && /* @__PURE__ */ s.jsx("p", { children: o.formatMessage({ id: `${rt}translation_${t ? "original" : n ? "human" : "machine"}` }) })
     ] }),
@@ -2319,9 +2319,9 @@ const Ft = { en: "English", es: "Español", fr: "Français", pt: "Português" },
       // `values` are throwing a type error: https://github.com/formatjs/formatjs/issues/3633
       children: o.formatMessage({ id: `${rt}disclaimer` }, {
         email: Ze.support,
-        link: (x) => {
-          const v = `mailto:${x}`;
-          return /* @__PURE__ */ s.jsx("a", { href: v, children: x });
+        link: (b) => {
+          const v = `mailto:${b}`;
+          return /* @__PURE__ */ s.jsx("a", { href: v, children: b });
         }
       })
     })
@@ -2342,7 +2342,7 @@ const Lt = vs({ locale: "en", messages: qt }), yr = ({
   className: u = "",
   gtmContext: a = "LoadMore"
 }) => {
-  const [d, o] = L(!1), [m, c] = L(!1);
+  const [d, o] = P(!1), [m, c] = P(!1);
   if (t <= 0 || t < n * e)
     return null;
   const h = async (p) => {
@@ -2355,7 +2355,7 @@ const Lt = vs({ locale: "en", messages: qt }), yr = ({
   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,
+      W,
       {
         variant: "secondary",
         icon: i,
@@ -2372,17 +2372,17 @@ const Lt = vs({ locale: "en", messages: qt }), yr = ({
 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(), l = de(null), [u, a] = L(!1), d = (o) => {
+  const i = D(), l = de(null), [u, a] = P(!1), d = (o) => {
     l.current && o.target instanceof HTMLElement && !l.current.contains(o.target) && a(!1);
   };
-  return Y(() => (document.addEventListener("click", d, !0), () => {
+  return G(() => (document.addEventListener("click", d, !0), () => {
     document.removeEventListener("click", d, !0);
-  })), A.createElement(e, {
+  })), C.createElement(e, {
     ref: l,
     className: S("more-menu text-medium", r),
     children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
       /* @__PURE__ */ s.jsx(
-        U,
+        W,
         {
           variant: "tertiary",
           size: "medium",
@@ -2395,7 +2395,7 @@ const Er = ({ element: e = "div", id: t = "more-menu", options: n, className: r
         }
       ),
       /* @__PURE__ */ s.jsx("ul", { id: t, hidden: !u, children: n.map(({ href: o, onClick: m, text: c, icon: h, ...p }, g) => {
-        const x = {
+        const b = {
           ...p,
           onClick: (v) => {
             a(!1), typeof m == "function" && m(v);
@@ -2409,13 +2409,13 @@ const Er = ({ element: e = "div", id: t = "more-menu", options: n, className: r
             }, 100);
           }
         };
-        return o && (x.href = o), /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
-          U,
+        return o && (b.href = o), /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
+          W,
           {
             variant: "tertiary",
             size: "medium",
             icon: h ? { icon: h, position: "left" } : !1,
-            ...x,
+            ...b,
             children: c
           }
         ) }, `${window.btoa(c)}_${g}`);
@@ -2543,8 +2543,8 @@ const Nr = "shareLinks_", qa = ({
       if (typeof h == "function" && !h())
         return null;
       const g = {};
-      return p && (g.onClick = (x) => p(x, c)), /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
-        U,
+      return p && (g.onClick = (b) => p(b, c)), /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
+        W,
         {
           size: i,
           variant: "tertiary",
@@ -2577,13 +2577,13 @@ const eo = ({ tabs: e, className: t = "" }) => {
         }
     }
   }
-  const [i, l] = L(
+  const [i, l] = P(
     (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) => {
+    const g = i === o, b = {};
+    h || (b["aria-controls"] = o, b.onClick = (v) => {
       v.preventDefault(), v.stopPropagation(), l(o), window.location.hash = `#${o}`;
     }, a.push(
       /* @__PURE__ */ s.jsx(
@@ -2607,7 +2607,7 @@ const eo = ({ tabs: e, className: t = "" }) => {
           className: S({ selected: g }),
           role: "tab",
           "aria-selected": g,
-          ...x,
+          ...b,
           children: m
         }
       ) }, `tab-${o}`)
@@ -2628,14 +2628,14 @@ const Dr = {
 }) => {
   const i = vt(!0);
   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) });
+  return C.Children.count(r) === 1 && (l = C.Children.toArray(r)[0], l.props && (l = l.props.children)), /* @__PURE__ */ s.jsx("section", { className: S("columns", `layout-${e}`, n), children: C.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 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) => {
+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, l] = P(!t["apol-cookie-banner"]), u = () => {
+    It.forEach((m) => {
       n(m, !0, {
         path: "/",
         expires: Bt,
@@ -2646,7 +2646,7 @@ const It = "cookieBanner_", Ot = ["apol-cookie-banner", "apolitical-performance-
     n("apol-cookie-banner", !0, {
       path: "/",
       expires: Bt
-    }), Ot.forEach((m) => {
+    }), It.forEach((m) => {
       if (m === "apol-cookie-banner") {
         n(m, !0, {
           path: "/",
@@ -2672,11 +2672,11 @@ const It = "cookieBanner_", Ot = ["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: `${It}buttons_${m.id}` })
+      children: e.formatMessage({ id: `${Ot}buttons_${m.id}` })
     });
   }), /* @__PURE__ */ s.jsxs("aside", { id: "cookie-banner", className: "text-medium", children: [
-    /* @__PURE__ */ s.jsx("h6", { children: e.formatMessage({ id: `${It}title` }) }),
-    /* @__PURE__ */ s.jsx("p", { children: e.formatMessage({ id: `${It}text` }) }),
+    /* @__PURE__ */ s.jsx("h6", { children: e.formatMessage({ id: `${Ot}title` }) }),
+    /* @__PURE__ */ s.jsx("p", { children: e.formatMessage({ id: `${Ot}text` }) }),
     /* @__PURE__ */ s.jsx(kt, { buttons: o })
   ] });
 }, Ce = {
@@ -2848,10 +2848,10 @@ const Be = "footer_", ht = "SiteFooter", jn = ({ group: e }) => {
   ] })
 ] }) });
 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(
+  const i = D(), [l, u] = P({ path: `${ot}default`, type: "default", link: {}, mail: {}, error: "" }), [a, d] = P(!1), o = Me(
     (p) => {
       p.preventDefault(), p.stopPropagation();
-      const g = (x) => {
+      const g = (b) => {
         u({
           path: `${ot}error_verificationFailedToSend`,
           type: "error",
@@ -2869,7 +2869,7 @@ const ot = "emailHelperTextBox_", no = ({ type: e, email: t, redirectPath: n, re
             "data-gtm-event-context": "ErrorVerifyingBox",
             "data-gtm-event-type": "email-concierge-click"
           },
-          error: x
+          error: b
         });
       };
       if (typeof r != "function") {
@@ -2878,8 +2878,8 @@ const ot = "emailHelperTextBox_", no = ({ type: e, email: t, redirectPath: n, re
       }
       d(!0), r(t).then(() => {
         localStorage.setItem("email", t), window.location.href = n || "/signup/verify-email";
-      }).catch((x) => {
-        g(x.message);
+      }).catch((b) => {
+        g(b.message);
       }).finally(() => {
         d(!1);
       });
@@ -2887,15 +2887,15 @@ const ot = "emailHelperTextBox_", no = ({ type: e, email: t, redirectPath: n, re
     /* eslint-disable react-hooks/exhaustive-deps */
     [t, n, r]
   );
-  Y(
+  G(
     () => {
-      let p = ot, g = "default", x = {}, v = {};
+      let p = ot, g = "default", b = {}, v = {};
       switch (e) {
         case "gov":
           p += "autoApproved", g = "success";
           break;
         case "nonGov":
-          p += "unrecognisedEmail", g = "error", x = {
+          p += "unrecognisedEmail", g = "error", b = {
             href: "https://about.apolitical.co/who-can-join-the-community",
             "data-gtm-event-context": "NonGovEmailHelperTextBox",
             "data-gtm-event-type": "LearnMoreClick"
@@ -2910,7 +2910,7 @@ const ot = "emailHelperTextBox_", no = ({ type: e, email: t, redirectPath: n, re
           };
           break;
         case "verify":
-          p += "emailUnverified", g = "error", x = {
+          p += "emailUnverified", g = "error", b = {
             href: "#",
             "data-gtm-event-context": "VerifyEmailBox",
             "data-gtm-event-type": "SendEmailClick",
@@ -2920,7 +2920,7 @@ const ot = "emailHelperTextBox_", no = ({ type: e, email: t, redirectPath: n, re
           };
           break;
         case "exists":
-          p += "emailAlreadyExists", g = "error", x = {
+          p += "emailAlreadyExists", g = "error", b = {
             href: "/user-onboarding/login",
             "data-gtm-event-context": "EmailExistsBox",
             "data-gtm-event-type": "login-click"
@@ -2932,14 +2932,14 @@ const ot = "emailHelperTextBox_", no = ({ type: e, email: t, redirectPath: n, re
           };
           break;
         default:
-          p += "default", x = {
+          p += "default", b = {
             href: "https://about.apolitical.co/who-can-join-the-community",
             "data-gtm-event-context": "DefaultEmailHelperTextBox",
             "data-gtm-event-type": "LearnMoreClick"
           };
           break;
       }
-      u({ ...l, path: p, type: g, link: x, mail: v });
+      u({ ...l, path: p, type: g, link: b, mail: v });
     },
     /* eslint-disable react-hooks/exhaustive-deps */
     [e]
@@ -3000,19 +3000,19 @@ const ro = ({
   className: l = "",
   hasLoaded: u = !1
 }) => {
-  const a = D(), [d, o] = L({ setUp: !1, id: null, rating: null, disabled: !0 }), m = async () => {
+  const a = D(), [d, o] = P({ 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 }));
+      o((j) => ({ ...j, setUp: !0, id: E && E.id, disabled: !1 }));
     } catch (E) {
-      o((k) => ({ ...k, setUp: !0, disabled: !0 })), i(E);
+      o((j) => ({ ...j, setUp: !0, disabled: !0 })), i(E);
     }
   };
-  if (Y(() => {
+  if (G(() => {
     u && !d.setUp && m();
   }, [u]), !u)
     return /* @__PURE__ */ s.jsx(Se, { className: "rating-placeholder" });
-  const { id: c, rating: h, disabled: p } = d, g = "ratings_", x = {
+  const { id: c, rating: h, disabled: p } = d, g = "ratings_", b = {
     text: a.formatMessage({ id: `${g}text` }),
     low: a.formatMessage({ id: `${g}low` }),
     high: a.formatMessage({ id: `${g}high` }),
@@ -3021,33 +3021,33 @@ const ro = ({
   }, v = async (E) => {
     if (!(!c || p))
       try {
-        o((k) => ({ ...k, rating: E, disabled: !0 })), await r({ id: c, value: E });
-      } catch (k) {
-        o((_) => ({ ..._, rating: null })), i(k);
+        o((j) => ({ ...j, rating: E, disabled: !0 })), await r({ id: c, value: E });
+      } catch (j) {
+        o((_) => ({ ..._, rating: null })), i(j);
       } finally {
-        o((k) => ({ ...k, disabled: !1 }));
+        o((j) => ({ ...j, disabled: !1 }));
       }
   };
   return /* @__PURE__ */ s.jsxs("div", { className: S("rating", l), children: [
-    /* @__PURE__ */ s.jsx("span", { className: "label", children: x[h ? "success" : "text"] }),
+    /* @__PURE__ */ s.jsx("span", { className: "label", children: b[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: S({ selected: h && k <= h }), children: /* @__PURE__ */ s.jsx(
-        U,
+      const j = E + 1;
+      return /* @__PURE__ */ s.jsx("li", { className: S({ selected: h && j <= h }), children: /* @__PURE__ */ s.jsx(
+        W,
         {
           variant: "tertiary",
           size: "small",
-          icon: { icon: `star${!h || k > h ? "_empty" : ""}`, position: "left", hover: "star" },
+          icon: { icon: `star${!h || j > h ? "_empty" : ""}`, position: "left", hover: "star" },
           screenreaderText: `${a.formatMessage(
             { id: `${g}stars` },
-            { number: k, total: t }
-          )}${k === 1 || k === t ? ` - ${x[k === 1 ? "low" : "high"]}` : ""}`,
+            { number: j, total: t }
+          )}${j === 1 || j === t ? ` - ${b[j === 1 ? "low" : "high"]}` : ""}`,
           onClick: (_) => {
-            _.preventDefault(), _.stopPropagation(), v(k);
+            _.preventDefault(), _.stopPropagation(), v(j);
           },
           disabled: p
         }
-      ) }, `rating-${k}`);
+      ) }, `rating-${j}`);
     }) })
   ] });
 };
@@ -3117,26 +3117,26 @@ const Lr = ({
   initialFormStatus: o = "NOT_SUBMITTED"
   /* NOT_SUBMITTED */
 }) => {
-  const [m, c] = L([]), [h, p] = L(!0), [g, x] = L(o), { formatMessage: v } = D(), E = async (T) => {
+  const [m, c] = P([]), [h, p] = P(!0), [g, b] = P(o), { formatMessage: v } = D(), E = async (T) => {
     T.preventDefault();
     try {
-      await d(m), c([]), x(
+      await d(m), c([]), b(
         "SUCCESS"
         /* SUCCESS */
       );
-    } catch (C) {
-      x(
+    } catch (N) {
+      b(
         "ERROR"
         /* ERROR */
-      ), a(C);
+      ), a(N);
     }
-  }, k = (T) => {
-    T.preventDefault(), x(
+  }, j = (T) => {
+    T.preventDefault(), b(
       "NOT_SUBMITTED"
       /* NOT_SUBMITTED */
     ), p(!0), c([]);
   }, _ = (T) => {
-    T.preventDefault(), u(), x(
+    T.preventDefault(), u(), b(
       "CLOSED"
       /* CLOSED */
     );
@@ -3148,9 +3148,9 @@ const Lr = ({
     ] }) }),
     /* @__PURE__ */ s.jsx(Ue, {}),
     /* @__PURE__ */ s.jsx("div", { className: "footer", children: g === "SUCCESS" ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-      /* @__PURE__ */ s.jsx(U, { variant: "secondary", onClick: k, children: v({ id: "inviteForm_ctaSendMoreInvites" }) }),
-      /* @__PURE__ */ s.jsx(U, { onClick: _, children: v({ id: "inviteForm_ctaDone" }) })
-    ] }) : /* @__PURE__ */ s.jsx(U, { onClick: k, children: v({ id: "inviteForm_ctaTryAgain" }) }) })
+      /* @__PURE__ */ s.jsx(W, { variant: "secondary", onClick: j, children: v({ id: "inviteForm_ctaSendMoreInvites" }) }),
+      /* @__PURE__ */ s.jsx(W, { onClick: _, children: v({ id: "inviteForm_ctaDone" }) })
+    ] }) : /* @__PURE__ */ s.jsx(W, { onClick: j, children: v({ id: "inviteForm_ctaTryAgain" }) }) })
   ] }) : /* @__PURE__ */ s.jsx("div", { className: "invite-form-wrapper", children: /* @__PURE__ */ s.jsxs(
     "form",
     {
@@ -3172,31 +3172,31 @@ const Lr = ({
                 c(T), p(!T.length);
               },
               autoFocus: !1,
-              getLabel: (T, C, R) => /* @__PURE__ */ s.jsxs("div", { className: "email text-medium", children: [
+              getLabel: (T, N, R) => /* @__PURE__ */ s.jsxs("div", { className: "email text-medium", children: [
                 /* @__PURE__ */ s.jsx("div", { "data-tag-item": !0, children: T }),
                 /* @__PURE__ */ s.jsx(
-                  U,
+                  W,
                   {
                     variant: "tertiary",
                     size: "small",
                     icon: { icon: "close" },
                     onClick: () => {
-                      R(C), p(!m.length);
+                      R(N), p(!m.length);
                     },
                     className: "remove-email-button",
                     screenreaderText: v({ id: "overlay_close" })
                   }
                 )
-              ] }, C)
+              ] }, N)
             }
           )
         ] }),
         /* @__PURE__ */ s.jsx(Ue, {}),
-        /* @__PURE__ */ s.jsx("fieldset", { className: "footer", children: /* @__PURE__ */ s.jsx(U, { className: "sendEmailsButton", disabled: h, children: n }) })
+        /* @__PURE__ */ s.jsx("fieldset", { className: "footer", children: /* @__PURE__ */ s.jsx(W, { className: "sendEmailsButton", disabled: h, children: n }) })
       ]
     }
   ) });
-}, H = {
+}, U = {
   timeouts: {},
   handlerCalled: {},
   getIsDesktopVersion: (e, t) => {
@@ -3219,9 +3219,9 @@ const Lr = ({
     if (n[e] === t || e === "account" && t === !1 && n.navigation === !0)
       return;
     const i = Date.now();
-    if (!t && H.handlerCalled[e] && i - H.handlerCalled[e] < 500)
+    if (!t && U.handlerCalled[e] && i - U.handlerCalled[e] < 500)
       return;
-    H.handlerCalled[e] = i;
+    U.handlerCalled[e] = i;
     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 });
@@ -3246,7 +3246,7 @@ const Lr = ({
       if (!(typeof i > "u") && (!n || i[t] && i[t].includes(n) || i.value && i.value.includes(n) || i.toString().includes(n)))
         return e[r];
     }
-    return e[0].children ? H.findFirstChild(e[0].children, t, n) : !1;
+    return e[0].children ? U.findFirstChild(e[0].children, t, n) : !1;
   },
   autoFocus: ({ menu: e, navigationRef: t, isDesktopVersion: n, focusElements: r, dispatch: i }) => {
     if (!t.current || !t.current.children)
@@ -3260,20 +3260,20 @@ const Lr = ({
     switch (e) {
       case "navigation":
         if (n) {
-          const d = H.findFirstChild(
+          const d = U.findFirstChild(
             t.current.children,
             "attributes.aria-controls",
             "navigation"
           );
-          u = H.findFirstChild(d.children, "href");
+          u = U.findFirstChild(d.children, "href");
         } else
-          u = H.findFirstChild(t.current.children, "href");
+          u = U.findFirstChild(t.current.children, "href");
         u || (u = t.current);
         break;
       case "account":
-        if (a = H.findFirstChild(t.current.children, "className", "account"), !a || !a.children)
+        if (a = U.findFirstChild(t.current.children, "className", "account"), !a || !a.children)
           return;
-        u = H.findFirstChild(a.children, "href");
+        u = U.findFirstChild(a.children, "href");
         break;
       default:
         return;
@@ -3282,16 +3282,16 @@ const Lr = ({
   },
   events: {
     onClick: (e, { id: t, callback: n, isOpen: r }) => {
-      e.target && e.target.attributes && e.target.attributes.href || (e.preventDefault(), e.stopPropagation(), clearTimeout(H.timeouts[t]), n(t, !r));
+      e.target && e.target.attributes && e.target.attributes.href || (e.preventDefault(), e.stopPropagation(), clearTimeout(U.timeouts[t]), n(t, !r));
     },
     onFocus: ({ id: e }) => {
-      clearTimeout(H.timeouts[e]);
+      clearTimeout(U.timeouts[e]);
     },
     onMouseEnter: ({ id: e, callback: t }) => {
-      clearTimeout(H.timeouts[e]), t(e, !0);
+      clearTimeout(U.timeouts[e]), t(e, !0);
     },
     onBlur: ({ id: e, callback: t }) => {
-      H.timeouts[e] = setTimeout(() => {
+      U.timeouts[e] = setTimeout(() => {
         t(e, !1);
       }, 250);
     }
@@ -3389,10 +3389,10 @@ const Lr = ({
   a.hasVariantText && (c += `_logged${t ? "In" : "Out"}`);
   let h = !1;
   if (a.href) {
-    let k = a.gtmType || `${e}-click`;
-    if (k.includes(".")) {
-      const _ = k.split("."), T = _[_.length - 2];
-      k = `${T === "topics" ? `${T}-` : ""}${_[_.length - 1]}`;
+    let j = a.gtmType || `${e}-click`;
+    if (j.includes(".")) {
+      const _ = j.split("."), T = _[_.length - 2];
+      j = `${T === "topics" ? `${T}-` : ""}${_[_.length - 1]}`;
     }
     h = {
       href: a.href,
@@ -3400,7 +3400,7 @@ const Lr = ({
     }, o && (h = {
       ...h,
       className: "gtm-trackable",
-      "data-gtm-event-type": k,
+      "data-gtm-event-type": j,
       "data-gtm-event-context": "HeaderButtons"
     }), m && (h = {
       ...h,
@@ -3409,35 +3409,35 @@ const Lr = ({
       ...a.props || {}
     });
   }
-  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;
+  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;
   let v = {}, E = {};
   if (p) {
-    const k = a.menuId || e, _ = {
-      onClick: (T) => H.events.onClick(T, { id: k, callback: i, isOpen: r[k] }),
-      onFocus: () => H.events.onFocus({ id: k }),
-      onBlur: () => H.events.onBlur({ id: k, callback: i }),
-      onMouseLeave: () => H.events.onBlur({ id: k, callback: i }),
-      onMouseEnter: () => H.events.onMouseEnter({ id: k, callback: i })
+    const j = a.menuId || e, _ = {
+      onClick: (T) => U.events.onClick(T, { id: j, callback: i, isOpen: r[j] }),
+      onFocus: () => U.events.onFocus({ id: j }),
+      onBlur: () => U.events.onBlur({ id: j, callback: i }),
+      onMouseLeave: () => U.events.onBlur({ id: j, callback: i }),
+      onMouseEnter: () => U.events.onMouseEnter({ id: j, callback: i })
     };
     n && (g && (v = {
       ..._,
       onKeyPress: (T) => {
-        T.key === "Enter" && H.events.onClick(T, { id: k, callback: i, isOpen: r[k] });
+        T.key === "Enter" && U.events.onClick(T, { id: j, callback: i, isOpen: r[j] });
       },
       tabIndex: "0",
       // Add a `tabIndex` so keyboard users can focus on the `li`
       "aria-haspopup": !0,
-      "aria-expanded": r[k],
-      "aria-controls": k
-    }), E = { hidden: k in r ? !r[k] : !0 }), g || (E = {
+      "aria-expanded": r[j],
+      "aria-controls": j
+    }), E = { hidden: j in r ? !r[j] : !0 }), g || (E = {
       ...E,
       ..._
     });
   }
-  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 /* @__PURE__ */ s.jsxs("li", { className: S({ [a.className]: a.className, "has-submenu": p, parent: g, active: b }), role: "none", ...v, children: [
+    h ? C.createElement(m ? W : "a", h, u.formatMessage({ id: c })) : u.formatMessage({ id: c }),
+    a.order && /* @__PURE__ */ s.jsx("ul", { ...E, children: a.order.map((j) => {
+      if (!a[j])
         return null;
       const _ = {
         isLoggedIn: t,
@@ -3446,16 +3446,16 @@ const Lr = ({
         callback: i,
         doTrack: d ? o : null
       };
-      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);
+      return a[j].order ? /* @__PURE__ */ s.jsxs("li", { className: S({ [a[j].className]: a[j].className }), children: [
+        u.formatMessage({ id: `${c}_${j}` }),
+        /* @__PURE__ */ s.jsx("ul", { children: a[j].order.map((T) => /* @__PURE__ */ s.jsx(gt, { id: `${e}.${j}.${T}`, ..._ }, T)) })
+      ] }, j) : /* @__PURE__ */ s.jsx(gt, { id: `${e}.${j}`, ..._ }, j);
     }) })
   ] }, e);
 };
-const Ir = { height: 67, height_desktop: 83 }, Xn = ({ showNavigation: e = !0 }) => {
+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", l = xt(
-    () => H.getIsDesktopVersion(i, r),
+    () => U.getIsDesktopVersion(i, r),
     [i, r]
   ), [u, a] = gs(Js, {
     headerIsVisible: !0,
@@ -3465,22 +3465,22 @@ const Ir = { height: 67, height_desktop: 83 }, Xn = ({ showNavigation: e = !0 })
       account: { desktop: !1, default: !1 }
     }
   }), { headerIsVisible: d, menus: o, focusElements: m } = u;
-  Os({
-    scrollPosition: Ir[`height${l.navigation ? "_desktop" : ""}`],
+  Is({
+    scrollPosition: Or[`height${l.navigation ? "_desktop" : ""}`],
     callbacks: {
       scrollUp: () => {
-        !l && o.navigation || H.shouldChangeHeaderIsVisible(!0, o, a);
+        !l && o.navigation || U.shouldChangeHeaderIsVisible(!0, o, a);
       },
       scrollDown: () => {
-        !l && o.navigation || H.shouldChangeHeaderIsVisible(!1, o, a);
+        !l && o.navigation || U.shouldChangeHeaderIsVisible(!1, o, a);
       }
     }
   });
   const c = (p, g) => {
-    H.handleMenus({ id: p, value: g, menus: o, dispatch: a });
+    U.handleMenus({ id: p, value: g, menus: o, dispatch: a });
   }, h = de(null);
   return He(() => {
-    o.navigation && H.autoFocus({
+    o.navigation && U.autoFocus({
       menu: "navigation",
       navigationRef: h,
       isDesktopVersion: l.navigation,
@@ -3488,7 +3488,7 @@ const Ir = { height: 67, height_desktop: 83 }, Xn = ({ showNavigation: e = !0 })
       dispatch: a
     });
   }, [o.navigation]), He(() => {
-    o.account && H.autoFocus({
+    o.account && U.autoFocus({
       menu: "account",
       navigationRef: h,
       isDesktopVersion: l.navigation,
@@ -3590,13 +3590,13 @@ const Ir = { height: 67, height_desktop: 83 }, Xn = ({ showNavigation: e = !0 })
               "button",
               {
                 className: "account-button",
-                onClick: (p) => H.events.onClick(p, {
+                onClick: (p) => U.events.onClick(p, {
                   id: "account",
                   callback: c,
                   isOpen: o.account
                 }),
-                onMouseEnter: () => H.events.onMouseEnter({ id: "account", callback: c }),
-                onMouseLeave: () => H.events.onBlur({ id: "account", callback: c }),
+                onMouseEnter: () => U.events.onMouseEnter({ id: "account", callback: c }),
+                onMouseLeave: () => U.events.onBlur({ id: "account", callback: c }),
                 "aria-haspopup": "true",
                 "aria-expanded": o.account,
                 "aria-controls": "navigation",
@@ -3629,7 +3629,7 @@ const Ir = { height: 67, height_desktop: 83 }, Xn = ({ showNavigation: e = !0 })
     )
   ] });
 };
-const Zn = ({ element: e = "section", children: t, className: n, ...r }) => A.createElement(
+const Zn = ({ element: e = "section", children: t, className: n, ...r }) => C.createElement(
   e,
   {
     className: S("modal", n),
@@ -3652,11 +3652,11 @@ const Kn = ({
   className: m = "",
   gtmContext: c = "Modal"
 }) => {
-  const h = D(), [p, g] = L(t), x = (E) => {
+  const h = D(), [p, g] = P(t), b = (E) => {
     g(E), E ? (i(), document.body.classList.add("has-overlay")) : (l(), document.body.classList.remove("has-overlay"));
   };
-  Y(() => {
-    x(t);
+  G(() => {
+    b(t);
   }, [t]);
   const v = r ? { "--max-width": `${r / 16}rem` } : {};
   return /* @__PURE__ */ s.jsx("div", { className: S("overlay", { open: p }), children: /* @__PURE__ */ s.jsx(
@@ -3670,12 +3670,12 @@ const Kn = ({
         /* @__PURE__ */ s.jsxs("div", { className: "top", children: [
           a && /* @__PURE__ */ s.jsx("h2", { className: "modal-title", children: a }),
           /* @__PURE__ */ s.jsx(
-            U,
+            W,
             {
               variant: "tertiary",
               size: "medium",
               icon: { icon: "close" },
-              onClick: () => x(!1),
+              onClick: () => b(!1),
               className: "gtm-trackable",
               "data-gtm-event-type": "close-modal-click",
               "data-gtm-event-context": c,
@@ -3693,7 +3693,7 @@ const Kn = ({
       ] })
     }
   ) });
-}, Or = (e, t) => ({
+}, Ir = (e, t) => ({
   "aria-haspopup": !0,
   "aria-expanded": t,
   "aria-controls": e
@@ -3755,10 +3755,10 @@ const Br = () => {
   locale: a = "en"
 }) => {
   const { navigation: d = !0, footer: o = !0 } = i, { background: m = "default", variant: c = "default", circle: h = "default" } = l, p = Ls();
-  Y(() => {
+  G(() => {
     window.scrollTo(0, 0);
   }, [p]);
-  const g = ut(e, { locale: a }), x = ut(t, {
+  const g = ut(e, { locale: a }), b = ut(t, {
     locale: a
   }), v = ut(n, {
     locale: a
@@ -3771,8 +3771,8 @@ const Br = () => {
       children: [
         /* @__PURE__ */ s.jsx(Xn, { showNavigation: d }),
         /* @__PURE__ */ s.jsxs("section", { id: "content-wrapper", children: [
-          x && /* @__PURE__ */ s.jsx("div", { className: "additional-content prepended", children: x }),
-          A.createElement(m === "bold" ? Zn : "div", {
+          b && /* @__PURE__ */ s.jsx("div", { className: "additional-content prepended", children: b }),
+          C.createElement(m === "bold" ? Zn : "div", {
             id: "content",
             children: g
           })
@@ -3905,10 +3905,10 @@ const ve = "discussion_form_", qn = ({
   },
   gtmContext: d = "DiscussionForm"
 }) => {
-  var P, G;
-  const o = D(), m = je($e), [c, h] = L(
+  var H, F;
+  const o = D(), m = je($e), [c, h] = P(
     n.isEditing && n.isEditing.text || ""
-  ), [p, g] = L(u.error || !1), [x, v] = L(!1), E = de(null);
+  ), [p, g] = P(u.error || !1), [b, v] = P(!1), E = de(null);
   if (r || (r = E), n.isLoading)
     return /* @__PURE__ */ s.jsx(
       Se,
@@ -3917,33 +3917,33 @@ const ve = "discussion_form_", qn = ({
         "data-testid": "loading-placeholder"
       }
     );
-  const k = (b) => {
-    const K = b.target.value;
-    h(K);
-    let j;
-    !m || !m.id ? j = Te(
+  const j = (x) => {
+    const Y = x.target.value;
+    h(Y);
+    let k;
+    !m || !m.id ? k = Te(
       o.formatMessage,
       `${ve}error_loggedOut`,
       e.type,
       "action"
-    ) : t ? K.length >= i && (j = `${ve}error_tooLong`) : j = Te(
+    ) : t ? Y.length >= i && (k = `${ve}error_tooLong`) : k = Te(
       o.formatMessage,
       `${ve}error_noPermission`,
       e.type,
       "action"
-    ), j ? g(j) : p && g(!1);
+    ), k ? g(k) : p && g(!1);
   };
   let _ = `${e.type}-form`;
   if (e.type === "response" || e.type === "reply") {
-    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 x = e.type === "response" ? ((H = e.slugs) == null ? void 0 : H.question) || "" : ((F = e.slugs) == null ? void 0 : F.answer) || "";
+    x && (_ = `${_}-${x.slice(-15)}`);
   }
-  const T = async (b) => {
-    var j;
-    if (b.preventDefault(), b.stopPropagation(), !m || !m.id || !t || R)
+  const T = async (x) => {
+    var k;
+    if (x.preventDefault(), x.stopPropagation(), !m || !m.id || !t || R)
       return;
     ct && clearTimeout(ct), v("submitting");
-    const K = window.location.pathname;
+    const Y = window.location.pathname;
     try {
       let w;
       switch (e.type) {
@@ -3954,48 +3954,48 @@ const ve = "discussion_form_", qn = ({
           w = await a.create({
             title: c,
             authorId: m && m.id,
-            ...(j = a.props) == null ? void 0 : j.create
+            ...(k = a.props) == null ? void 0 : k.create
           });
           break;
         case "response":
           w = await a.create(
             { question: e.slugs.question },
-            { body: c, authorId: m && m.id, contentPath: K }
+            { body: c, authorId: m && m.id, contentPath: Y }
           );
           break;
         case "reply":
           w = await a.create(
             { question: e.slugs.question, answer: e.slugs.answer },
-            { body: c, authorId: m && m.id, contentPath: K }
+            { body: c, authorId: m && m.id, contentPath: Y }
           );
           break;
         default:
           break;
       }
       await Xs(1e3), a.callback && await a.callback(w), ct = setTimeout(() => {
-        h(""), v("submitted"), C();
+        h(""), v("submitted"), N();
       }, 500);
     } catch (w) {
-      const z = w;
-      let X = `${ve}error`;
-      z.message.includes("entry already exists") && (X = Te(
+      const V = w;
+      let Z = `${ve}error`;
+      V.message.includes("entry already exists") && (Z = Te(
         o.formatMessage,
         `${ve}error_alreadyExists`,
         e.type,
         "action"
-      )), z.message.includes("429") ? X = Te(
+      )), V.message.includes("429") ? Z = Te(
         o.formatMessage,
         `${ve}error_tooMany`,
         e.type,
         "action"
-      ) : z.message.includes("400") && (X = `${ve}error`), g(X), C();
+      ) : V.message.includes("400") && (Z = `${ve}error`), g(Z), N();
     }
-  }, C = () => {
+  }, N = () => {
     ct = setTimeout(() => {
       g(!1), v(!1);
     }, 5e3);
-  }, R = !c || !Gs(c), V = x === "submitting", N = [];
-  return (n.isEditing && !V || u.cancel) && N.push({
+  }, R = !c || !Gs(c), J = b === "submitting", I = [];
+  return (n.isEditing && !J || u.cancel) && I.push({
     variant: "secondary",
     size: { mobile: "small", 600: "medium" },
     onClick: a.handleCancel,
@@ -4004,25 +4004,25 @@ const ve = "discussion_form_", qn = ({
     "data-gtm-event-type": `cancel-${e.type}-click`,
     disabled: !u.cancel && (!m || !m.id || !c),
     children: o.formatMessage({ id: `${ve}cancel` })
-  }), N.push({
+  }), I.push({
     variant: "primary",
     size: { mobile: "small", 600: "medium" },
-    onClick: (b) => {
+    onClick: (x) => {
       if (n.isEditing) {
         v("submitting"), a.handleSaveEdit && a.handleSaveEdit(
           E.current && "value" in E.current ? E.current.value : ""
         );
         return;
       }
-      T(b);
+      T(x);
     },
     className: "gtm-trackable",
     "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 && c === n.isEditing.text,
+    disabled: !m || !m.id || !t || R || J || n.isEditing && c === n.isEditing.text,
     children: o.formatMessage({
-      id: `${ve}${V ? n.isEditing ? "saving" : "posting" : n.isEditing ? "save" : "post"}`
+      id: `${ve}${J ? n.isEditing ? "saving" : "posting" : n.isEditing ? "save" : "post"}`
     })
   }), /* @__PURE__ */ s.jsxs(
     "form",
@@ -4055,7 +4055,7 @@ const ve = "discussion_form_", qn = ({
               e.type,
               "action"
             ),
-            onChange: k,
+            onChange: j,
             value: c,
             maxLength: i,
             "aria-invalid": !!p,
@@ -4065,7 +4065,7 @@ const ve = "discussion_form_", qn = ({
           }
         ),
         /* @__PURE__ */ s.jsx("small", { children: Te(o.formatMessage, `${ve}explainer`, e.type, "action", {
-          a: (b) => /* @__PURE__ */ s.jsx(
+          a: (x) => /* @__PURE__ */ s.jsx(
             "a",
             {
               href: "https://about.apolitical.co/q-and-a-community-guidelines",
@@ -4074,12 +4074,12 @@ const ve = "discussion_form_", qn = ({
               "data-gtm-event-context": d,
               "data-gtm-event-type": "community-guidelines-link",
               rel: "noreferrer",
-              children: b
+              children: x
             }
           )
         }) }),
-        /* @__PURE__ */ s.jsx(kt, { buttons: N }),
-        x === "submitted" && /* @__PURE__ */ s.jsx(Xt, { className: "success", "data-testid": "success", children: Te(o.formatMessage, `${ve}success`, e.type, "action") }),
+        /* @__PURE__ */ s.jsx(kt, { buttons: I }),
+        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: u.error ? u.error : typeof p == "string" ? p.includes(" ") ? p : o.formatMessage(
           { id: p },
           {
@@ -4117,7 +4117,7 @@ const ve = "discussion_form_", qn = ({
   showThread: !1,
   showForm: !1
 }, Et = Kt(Ur), Wr = ({ children: e }) => {
-  const [t, n] = L({
+  const [t, n] = P({
     showThread: !1,
     showForm: !1
   });
@@ -4147,11 +4147,11 @@ const Ht = () => {
   } } = {}
 }) => {
   const o = D();
-  Y(() => {
+  G(() => {
     p(i);
   }, [i]);
-  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)
+  const [m, c] = P(t), [h, p] = P(i), [g, b] = P(!1), [v, E] = P(!1), j = xt(() => Vr(n, Ut), [n]), _ = (N) => {
+    if (N.preventDefault(), N.stopPropagation(), E(!1), Ke)
       return Ht(), !1;
     if (Ht(), g || !u)
       return !1;
@@ -4159,8 +4159,8 @@ const Ht = () => {
   }, T = async () => {
     if (Ht(), g || !u)
       return !1;
-    let C = h ? m - 1 : m + 1;
-    C < 0 && (C = 0), x(!0), c(C), p(!h);
+    let N = h ? m - 1 : m + 1;
+    N < 0 && (N = 0), b(!0), c(N), p(!h);
     try {
       if (l && l.slugs) {
         const R = zr(l.slugs);
@@ -4169,10 +4169,10 @@ const Ht = () => {
     } catch {
       c(t), p(i);
     } finally {
-      x(!1);
+      b(!1);
     }
   };
-  return A.createElement(
+  return C.createElement(
     e,
     {
       className: S("likes-wrapper text-medium action-button", { "show-spinner": g, "is-liked": h, disabled: !u }),
@@ -4191,7 +4191,7 @@ const Ht = () => {
       },
       children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
         /* @__PURE__ */ s.jsx(
-          U,
+          W,
           {
             variant: "tertiary",
             size: "medium",
@@ -4210,16 +4210,16 @@ const Ht = () => {
         ),
         /* @__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(
+          j.map((N) => typeof N == "string" || !N.name ? null : /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
             jt,
             {
-              href: C.id ? `/profiles/${C.id}` : void 0,
+              href: N.id ? `/profiles/${N.id}` : void 0,
               gtmContext: "Likes",
               gtmType: "liked-name-click",
               onClick: (R) => R == null ? void 0 : R.stopPropagation(),
-              children: C.name
+              children: N.name
             }
-          ) }, C.id || window.btoa(C.name))),
+          ) }, N.id || window.btoa(N.name))),
           n.length > Ut && /* @__PURE__ */ s.jsx("li", { children: o.formatMessage({ id: "discussion_likes_more" }, { number: n.length - Ut }) })
         ] }) })
       ] })
@@ -4254,14 +4254,14 @@ const De = "discussion_", Gr = 280, St = ({
   className: h,
   gtmContext: p = "DiscussionAnswer",
   children: g,
-  isTruncated: x = !1
+  isTruncated: b = !1
 }) => {
-  const v = D(), E = je($e), k = je(Et), [_, T] = L({
+  const v = D(), E = je($e), j = je(Et), [_, T] = P({
     body: t && t.body || "",
     isEditing: !1,
     didEdit: t && t.isEdited || !1
-  }), [C, R] = L(!1), [V, N] = L("");
-  if (Y(() => {
+  }), [N, R] = P(!1), [J, I] = P("");
+  if (G(() => {
     T({
       ..._,
       body: t && t.body || "",
@@ -4269,19 +4269,19 @@ 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: 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("");
+  const { author: H, canLike: F, createdAt: x, id: Y, likes: k = 0, userLiked: w, comments: V = 0 } = t, Z = b ? Qe(_.body, Gr) : _.body, se = E && E.id && typeof H != "string" && H.id && H.id === E.id || !1, re = typeof F == "boolean" ? F : n ? !se : !1, ae = async (L) => {
+    L || (L = ""), I("");
     try {
-      if (!Ns(I, _.body)) {
-        const oe = t.type === "question" ? { title: I } : { body: I };
+      if (!Ns(L, _.body)) {
+        const oe = t.type === "question" ? { title: L } : { body: L };
         await a(En(t.slugs), oe);
       }
-      T({ body: I, isEditing: !1, didEdit: !0 });
+      T({ body: L, isEditing: !1, didEdit: !0 });
     } catch {
-      N(`${De}form_error`);
+      I(`${De}form_error`);
     }
   }, q = () => {
-    k && k.updateConversation && k.updateConversation({ showThread: !0, showForm: !0 }), setTimeout(() => {
+    j && j.updateConversation && j.updateConversation({ showThread: !0, showForm: !0 }), setTimeout(() => {
       const oe = `reply-form-${(t.type === "answer" ? t.slug : t.slugs.answer || "").toLowerCase().slice(-15)}`, he = document.getElementById(oe), ce = document.getElementById(`${oe}-input`);
       ce && ce.focus(), he && he.scrollIntoView({ behavior: "smooth" });
     }, 0);
@@ -4290,7 +4290,7 @@ const De = "discussion_", Gr = 280, St = ({
     try {
       u(En(t.slugs));
     } catch {
-      N("delete-error");
+      I("delete-error");
     }
   }, ue = [
     {
@@ -4321,37 +4321,37 @@ const De = "discussion_", Gr = 280, St = ({
     },
     {
       text: v.formatMessage({ id: `${De}moreMenu_delete` }),
-      onClick: (I) => {
-        I.preventDefault(), I.stopPropagation(), R(!0);
+      onClick: (L) => {
+        L.preventDefault(), L.stopPropagation(), R(!0);
       },
       icon: "trash",
       className: "gtm-trackable",
       "data-gtm-event-context": p,
       "data-gtm-event-type": `delete-${t.type}-click`,
-      ...Or(`delete-${t.slug}-modal`, C)
+      ...Ir(`delete-${t.slug}-modal`, N)
     }
-  ), A.createElement(e, {
+  ), C.createElement(e, {
     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,
+          id: Y || t.slug,
           className: S("discussion-card", t.type, {
             editing: _.isEditing,
             "has-link": c.post && !_.isEditing
           }),
-          onClick: (I) => {
-            !c.post || _.isEditing || (I.preventDefault(), I.stopPropagation(), window.location.href = c.post);
+          onClick: (L) => {
+            !c.post || _.isEditing || (L.preventDefault(), L.stopPropagation(), window.location.href = c.post);
           },
           children: [
             !_.isEditing && /* @__PURE__ */ s.jsx(
               tn,
               {
-                member: P,
-                additionalContent: { createdAt: b, didEdit: _.didEdit },
-                className: typeof P != "string" && P.id === i ? "highlighted" : "",
+                member: H,
+                additionalContent: { createdAt: x, didEdit: _.didEdit },
+                className: typeof H != "string" && H.id === i ? "highlighted" : "",
                 gtmContext: p,
                 gtmType: "profile-click"
               }
@@ -4368,8 +4368,8 @@ const De = "discussion_", Gr = 280, St = ({
                 },
                 maxLength: t.type === "question" ? 250 : 5e4,
                 forceShow: {
-                  error: V !== "" && V !== "delete-error" ? v.formatMessage(
-                    { id: V },
+                  error: J !== "" && J !== "delete-error" ? v.formatMessage(
+                    { id: J },
                     {
                       action: v.formatMessage({
                         id: `discussion_action_${t.type}`
@@ -4381,7 +4381,7 @@ const De = "discussion_", Gr = 280, St = ({
                   create: l,
                   handleSaveEdit: ae,
                   handleCancel: () => {
-                    N(""), T({ ..._, isEditing: !1 });
+                    I(""), T({ ..._, isEditing: !1 });
                   }
                 },
                 gtmContext: `${p}Form`
@@ -4393,18 +4393,18 @@ const De = "discussion_", Gr = 280, St = ({
                 className: "gtm-trackable",
                 "data-gtm-event-context": p,
                 "data-gtm-event-type": "title-click",
-                children: /* @__PURE__ */ s.jsx(wn, { options: { overrides: { a: dr } }, children: X })
+                children: /* @__PURE__ */ s.jsx(wn, { options: { overrides: { a: dr } }, children: Z })
               }
             ) : /* @__PURE__ */ s.jsx(
               wn,
               {
                 options: {
-                  wrapper: t.type === "question" ? "h1" : A.Fragment,
+                  wrapper: t.type === "question" ? "h1" : C.Fragment,
                   forceWrapper: t.type === "question",
                   forceInline: t.type === "question",
                   forceBlock: t.type !== "question"
                 },
-                children: X
+                children: Z
               }
             ),
             !_.isEditing && /* @__PURE__ */ s.jsxs(
@@ -4417,7 +4417,7 @@ const De = "discussion_", Gr = 280, St = ({
                     Yr,
                     {
                       element: "li",
-                      likes: j,
+                      likes: k,
                       isShort: !1,
                       userLiked: w,
                       content: { type: t.type, slugs: t.slugs },
@@ -4433,12 +4433,12 @@ const De = "discussion_", Gr = 280, St = ({
                     "li",
                     {
                       className: "action-button",
-                      onClick: (I) => {
-                        I.preventDefault(), I.stopPropagation(), c.comments && (window.location.href = c.comments), typeof m == "function" && m();
+                      onClick: (L) => {
+                        L.preventDefault(), L.stopPropagation(), c.comments && (window.location.href = c.comments), typeof m == "function" && m();
                       },
                       children: [
                         /* @__PURE__ */ s.jsx(
-                          U,
+                          W,
                           {
                             variant: "tertiary",
                             size: "medium",
@@ -4451,19 +4451,19 @@ const De = "discussion_", Gr = 280, St = ({
                             "data-gtm-event-type": `answer-${t.type}-click`,
                             screenreaderText: v.formatMessage(
                               { id: `${De}comments_screenReader` },
-                              { count: z }
+                              { count: V }
                             )
                           }
                         ),
                         /* @__PURE__ */ s.jsx("span", { children: v.formatMessage(
                           { id: `${De}comments` },
-                          { count: z }
+                          { count: V }
                         ) })
                       ]
                     }
                   ),
                   (t.type === "answer" || t.type === "reply") && /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
-                    U,
+                    W,
                     {
                       variant: "tertiary",
                       size: "medium",
@@ -4491,11 +4491,11 @@ const De = "discussion_", Gr = 280, St = ({
         Kn,
         {
           id: `delete-${t.slug}-modal`,
-          isOpen: C,
+          isOpen: N,
           functions: { onOpen: () => {
           }, onClose: () => R(!1) },
           forceShow: {
-            error: V === "delete-error" ? v.formatMessage(
+            error: J === "delete-error" ? v.formatMessage(
               { id: "discussion_delete_error" },
               {
                 action: v.formatMessage({
@@ -4527,7 +4527,7 @@ const De = "discussion_", Gr = 280, St = ({
             {
               id: "discussion_delete_text",
               values: {
-                p: (I) => /* @__PURE__ */ s.jsx("p", { children: I }),
+                p: (L) => /* @__PURE__ */ s.jsx("p", { children: L }),
                 action: v.formatMessage({
                   id: `discussion_action_${t.type}`
                 })
@@ -4547,11 +4547,11 @@ const Wt = "discussion_responses_", co = ({ type: e = "answer", responses: t = 0
   ] });
 };
 const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
-  const r = D(), i = de(null), l = je(Et), [u, a] = L(
+  const r = D(), i = de(null), l = je(Et), [u, a] = P(
     "closed"
     /* Closed */
   );
-  Y(() => {
+  G(() => {
     const c = i.current;
     if (c)
       return c.addEventListener("transitionend", d), () => {
@@ -4566,7 +4566,7 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
       ].includes(u) ? "ready-to-close" : "opening"
       /* Opening */
     );
-  }, [l.showThread]), Y(() => {
+  }, [l.showThread]), G(() => {
     u === "ready-to-close" && a(
       "closing"
       /* Closing */
@@ -4583,7 +4583,7 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   });
   return /* @__PURE__ */ s.jsxs("div", { className: "thread-wrapper", children: [
     t && /* @__PURE__ */ s.jsx(
-      U,
+      W,
       {
         variant: "secondary",
         size: "small",
@@ -4726,15 +4726,15 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   e.setQueryData(t, m.previousActivities);
 }, onSuccess: (d, { activityId: o }) => {
   const m = e.getQueryData(t), c = m == null ? void 0 : m.map((h) => {
-    var p, g, x, v, E;
+    var p, g, b, v, E;
     if (h.id === o) {
-      const k = (x = (g = (p = h.own_reactions) == null ? void 0 : p.like) == null ? void 0 : g.find(
+      const j = (b = (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 : x.id;
+      )) == null ? void 0 : b.id;
       return h.own_reactions.like = (v = h.own_reactions.like) == null ? void 0 : v.filter(
-        (_) => _.id !== k
+        (_) => _.id !== j
       ), h.latest_reactions.like = (E = h.latest_reactions.like) == null ? void 0 : E.filter(
-        (_) => _.id !== k
+        (_) => _.id !== j
       ), h;
     } else
       return h;
@@ -4752,58 +4752,58 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
 }) => {
   const c = D(), h = wt(), p = je($e), {
     data: g,
-    error: x,
+    error: b,
     isLoading: v,
     isFetching: E
   } = Tn({
     queryKey: [e, t],
     queryFn: r
-  }), k = Zr({
+  }), j = Zr({
     queryClient: h,
     queryKey: [e, t],
     user: p,
     mutationFn: i
-  }), { mutate: _ } = ie(k), T = Kr({
+  }), { mutate: _ } = ie(j), T = Kr({
     queryClient: h,
     queryKey: [e, t],
     mutationFn: async (w) => await l(w)
   }), {
-    mutate: C
+    mutate: N
   } = ie(T), R = qr({
     queryClient: h,
     queryKey: [e, t],
     mutationFn: async ({ activityId: w }) => await u({ activityId: w })
   }), {
-    mutate: V
-  } = ie(R), N = ea({
+    mutate: J
+  } = ie(R), I = ea({
     queryClient: h,
     queryKey: [e, t],
     mutationFn: a
   }), {
-    mutate: P
-  } = ie(N), G = ta({
+    mutate: H
+  } = ie(I), F = ta({
     queryClient: h,
     queryKey: [e, t],
     user: p,
     mutationFn: async ({ activityId: w }) => {
       var se, re, ae;
-      const z = g && (g == null ? void 0 : g.find(
+      const V = g && (g == null ? void 0 : g.find(
         (q) => q.id === w
-      )), X = (ae = (re = (se = z == null ? void 0 : z.own_reactions) == null ? void 0 : se.like) == null ? void 0 : re.find(
+      )), Z = (ae = (re = (se = V == null ? void 0 : V.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 d({ reactionId: X || "", activityId: w });
+      await d({ reactionId: Z || "", activityId: w });
     }
   }), {
-    mutate: b
-  } = ie(G), K = Me(
-    ({ activityId: w }) => P({ activityId: w }),
-    [P]
-  ), j = Me(
-    ({ activityId: w }) => b({ activityId: w }),
-    [b]
+    mutate: x
+  } = ie(F), Y = Me(
+    ({ activityId: w }) => H({ activityId: w }),
+    [H]
+  ), k = Me(
+    ({ activityId: w }) => x({ activityId: w }),
+    [x]
   );
-  return x ? /* @__PURE__ */ s.jsx(yt, { variant: "error", text: x.message }) : v ? /* @__PURE__ */ s.jsx(Se, { style: { height: "400px" } }) : /* @__PURE__ */ s.jsxs("section", { children: [
+  return b ? /* @__PURE__ */ s.jsx(yt, { variant: "error", text: b.message }) : v ? /* @__PURE__ */ s.jsx(Se, { style: { height: "400px" } }) : /* @__PURE__ */ s.jsxs("section", { children: [
     /* @__PURE__ */ s.jsx(
       nn,
       {
@@ -4819,8 +4819,8 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
       }
     ),
     !E && Array.isArray(g) && (g == null ? void 0 : g.map((w) => {
-      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);
+      var se, re, ae, q, fe, ue, L, oe, he, ce, xe, pe, be, ge;
+      const V = ((se = w == null ? void 0 : w.actor) == null ? void 0 : se.id) === (p == null ? void 0 : p.id), Z = sn(n, V);
       return /* @__PURE__ */ s.jsxs(Vt, { children: [
         /* @__PURE__ */ s.jsx(
           St,
@@ -4828,7 +4828,7 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
             content: {
               type: "post",
               body: w == null ? void 0 : w.content,
-              canLike: X,
+              canLike: Z,
               createdAt: (w == null ? void 0 : w.time) || "",
               slugs: { parentId: t, activityId: w == null ? void 0 : w.id },
               slug: w == null ? void 0 : w.id,
@@ -4836,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 = (I = w == null ? void 0 : w.actor) == null ? void 0 : I.data) == null ? void 0 : oe.jobTitle,
+                jobTitle: (oe = (L = w == null ? void 0 : w.actor) == null ? void 0 : L.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
                 }
@@ -4845,10 +4845,10 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
               likes: (w == null ? void 0 : w.reaction_counts.like) || 0,
               comments: (w == null ? void 0 : w.reaction_counts.reply) || 0,
               peopleWhoLiked: ((be = w == null ? void 0 : w.latest_reactions) == null ? void 0 : be.like) && ((ge = w == null ? void 0 : w.latest_reactions) == null ? void 0 : ge.like.map((B) => {
-                var J, le;
+                var X, le;
                 return {
                   id: B == null ? void 0 : B.user_id,
-                  name: (le = (J = B == null ? void 0 : B.user) == null ? void 0 : J.data) == null ? void 0 : le.name
+                  name: (le = (X = B == null ? void 0 : B.user) == null ? void 0 : X.data) == null ? void 0 : le.name
                 };
               }))
             },
@@ -4859,15 +4859,15 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
             functions: {
               content: {
                 createContent: () => null,
-                deleteContent: (B) => V(B),
-                updateContent: (B, J) => C({ activityInfo: B, content: J })
+                deleteContent: (B) => J(B),
+                updateContent: (B, X) => N({ activityInfo: B, content: X })
               },
               likes: {
                 createLike: () => {
-                  K({ activityId: w == null ? void 0 : w.id });
+                  Y({ activityId: w == null ? void 0 : w.id });
                 },
                 deleteLike: () => {
-                  j({ activityId: w == null ? void 0 : w.id });
+                  k({ activityId: w == null ? void 0 : w.id });
                 }
               },
               comments: {
@@ -4996,12 +4996,12 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   if (!o)
     return;
   const m = (c = o.latest_reactions.reply) == null ? void 0 : c.map((h) => {
-    var p, g, x;
+    var p, g, b;
     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 = (x = (g = h == null ? void 0 : h.own_children) == null ? void 0 : g.reply) == null ? void 0 : x.filter(
+      return v = (b = (g = h == null ? void 0 : h.own_children) == null ? void 0 : g.reply) == null ? void 0 : b.filter(
         (E) => E.user_id !== (n == null ? void 0 : n.id)
       ), v;
     }
@@ -5077,7 +5077,7 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   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 === u && (h.latest_children.reply = (p = h.latest_children.reply) == null ? void 0 : p.filter(
-      (x) => x.id !== l
+      (b) => b.id !== l
     ), (g = h.children_counts) != null && g.reply && (h.children_counts.reply -= 1)), h;
   });
   return e.setQueryData(t, () => ({
@@ -5131,8 +5131,8 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   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 === 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;
+      var b;
+      return g.id === a && ((b = g.children_counts) != null && b.like ? g.children_counts.like -= 1 : g.children_counts = { like: 0 }), g;
     })), h;
   });
   return e.setQueryData(t, () => ({
@@ -5146,8 +5146,8 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   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 === 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(
+      var b, v;
+      return g.id === d.replyId && ((b = g.own_children) != null && b.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)
@@ -5167,41 +5167,41 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   replies: l,
   functions: { create: u, edit: a, remove: d, join: o, leave: m, like: c, unlike: h }
 }) => {
-  const p = D(), g = wt(), x = je($e), v = je(Et), E = ia({
+  const p = D(), g = wt(), b = je($e), v = je(Et), E = ia({
     queryClient: g,
     queryKey: [e, t, r],
-    mutationFn: async (j) => u({ replyId: n, content: j.body })
-  }), { mutate: k } = ie(E), _ = ca({
+    mutationFn: async (k) => u({ replyId: n, content: k.body })
+  }), { mutate: j } = ie(E), _ = ca({
     queryClient: g,
     queryKey: [e, t, r],
     mutationFn: a
   }), {
     mutate: T
-  } = ie(_), C = la({
+  } = ie(_), N = la({
     queryClient: g,
     queryKey: [e, t, r],
-    mutationFn: async ({ replyId: j }) => d({ replyId: j })
+    mutationFn: async ({ replyId: k }) => d({ replyId: k })
   }), {
     mutate: R
-  } = ie(C), V = da({
+  } = ie(N), J = da({
     queryClient: g,
     queryKey: [e, t, r],
     mutationFn: c
   }), {
-    mutate: N
-  } = ie(V), P = ua({
+    mutate: I
+  } = ie(J), H = ua({
     queryClient: g,
     queryKey: [e, t, r],
-    user: x,
+    user: b,
     mutationFn: h
   }), {
-    mutate: G
-  } = ie(P), b = Me(
-    ({ replyId: j, replyParentId: w }) => N({ replyId: j, replyParentId: w }),
-    [N]
-  ), K = Me(
-    ({ replyId: j, replyParentId: w }) => G({ replyId: j, replyParentId: w }),
-    [G]
+    mutate: F
+  } = ie(H), x = Me(
+    ({ replyId: k, replyParentId: w }) => I({ replyId: k, replyParentId: w }),
+    [I]
+  ), Y = Me(
+    ({ replyId: k, replyParentId: w }) => F({ replyId: k, replyParentId: w }),
+    [F]
   );
   return /* @__PURE__ */ s.jsx(
     Jr,
@@ -5213,7 +5213,7 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
           nn,
           {
             contentType: "reply",
-            createPost: (j, w) => k(w),
+            createPost: (k, w) => j(w),
             membershipRequiredToPost: {
               isMember: !0,
               required: !0,
@@ -5223,38 +5223,38 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
             }
           }
         ),
-        (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;
+        (l == null ? void 0 : l.length) === 0 || (l == null ? void 0 : l.map((k) => {
+          var w, V, Z, se, re, ae, q, fe, ue, L, oe, he, ce, xe, pe, be, ge;
           return /* @__PURE__ */ s.jsx(
             St,
             {
               content: {
                 type: "reply",
-                body: typeof j.data.content == "string" ? (w = j == null ? void 0 : j.data) == null ? void 0 : w.content : ((X = (z = j == null ? void 0 : j.data) == null ? void 0 : z.content) == null ? void 0 : X.text) || "",
-                createdAt: j == null ? void 0 : j.created_at,
+                body: typeof k.data.content == "string" ? (w = k == null ? void 0 : k.data) == null ? void 0 : w.content : ((Z = (V = k == null ? void 0 : k.data) == null ? void 0 : V.content) == null ? void 0 : Z.text) || "",
+                createdAt: k == null ? void 0 : k.created_at,
                 slugs: {
                   parentId: t,
                   activityId: r,
-                  replyParentId: j == null ? void 0 : j.parent,
-                  reply: j == null ? void 0 : j.id
+                  replyParentId: k == null ? void 0 : k.parent,
+                  reply: k == null ? void 0 : k.id
                 },
                 slug: "",
                 author: {
-                  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: (I = (ue = j == null ? void 0 : j.user) == null ? void 0 : ue.data) == null ? void 0 : I.jobTitle,
+                  id: (se = k == null ? void 0 : k.user) == null ? void 0 : se.id,
+                  name: (ae = (re = k == null ? void 0 : k.user) == null ? void 0 : re.data) == null ? void 0 : ae.name,
+                  organization: (fe = (q = k == null ? void 0 : k.user) == null ? void 0 : q.data) == null ? void 0 : fe.organization,
+                  jobTitle: (L = (ue = k == null ? void 0 : k.user) == null ? void 0 : ue.data) == null ? void 0 : L.jobTitle,
                   image: {
-                    thumbnail: ((he = (oe = j == null ? void 0 : j.user) == null ? void 0 : oe.data) == null ? void 0 : he.thumbnail) || void 0
+                    thumbnail: ((he = (oe = k == null ? void 0 : k.user) == null ? void 0 : oe.data) == null ? void 0 : he.thumbnail) || void 0
                   }
                 },
-                userLiked: ((ce = j == null ? void 0 : j.own_children) == null ? void 0 : ce.like) && ((xe = j == null ? void 0 : j.own_children) == null ? void 0 : xe.like.length) > 0,
-                likes: ((pe = j == null ? void 0 : j.children_counts) == null ? void 0 : pe.like) || 0,
-                peopleWhoLiked: ((be = j == null ? void 0 : j.latest_children) == null ? void 0 : be.like) && ((ge = j == null ? void 0 : j.latest_children) == null ? void 0 : ge.like.map((B) => {
-                  var J, le;
+                userLiked: ((ce = k == null ? void 0 : k.own_children) == null ? void 0 : ce.like) && ((xe = k == null ? void 0 : k.own_children) == null ? void 0 : xe.like.length) > 0,
+                likes: ((pe = k == null ? void 0 : k.children_counts) == null ? void 0 : pe.like) || 0,
+                peopleWhoLiked: ((be = k == null ? void 0 : k.latest_children) == null ? void 0 : be.like) && ((ge = k == null ? void 0 : k.latest_children) == null ? void 0 : ge.like.map((B) => {
+                  var X, le;
                   return {
                     id: B == null ? void 0 : B.user_id,
-                    name: (le = (J = B == null ? void 0 : B.user) == null ? void 0 : J.data) == null ? void 0 : le.name
+                    name: (le = (X = B == null ? void 0 : B.user) == null ? void 0 : X.data) == null ? void 0 : le.name
                   };
                 }))
               },
@@ -5262,20 +5262,20 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
                 content: {
                   createContent: () => console.log("create"),
                   deleteContent: (B) => {
-                    const { replySlug: J, replyParentId: le } = B;
-                    return R({ replyId: J, replyParentId: le });
+                    const { replySlug: X, replyParentId: le } = B;
+                    return R({ replyId: X, replyParentId: le });
                   },
-                  updateContent: (B, J) => T({ replyInfo: B, content: J })
+                  updateContent: (B, X) => T({ replyInfo: B, content: X })
                 },
                 likes: {
-                  createLike: () => b({
-                    replyId: j == null ? void 0 : j.id,
-                    replyParentId: j == null ? void 0 : j.parent
+                  createLike: () => x({
+                    replyId: k == null ? void 0 : k.id,
+                    replyParentId: k == null ? void 0 : k.parent
                   }),
                   deleteLike: () => {
-                    var J, le, ee;
-                    const B = ((J = j == null ? void 0 : j.own_children) == null ? void 0 : J.like) && ((ee = (le = j == null ? void 0 : j.own_children) == null ? void 0 : le.like[0]) == null ? void 0 : ee.id);
-                    return K({
+                    var X, le, ee;
+                    const B = ((X = k == null ? void 0 : k.own_children) == null ? void 0 : X.like) && ((ee = (le = k == null ? void 0 : k.own_children) == null ? void 0 : le.like[0]) == null ? void 0 : ee.id);
+                    return Y({
                       replyId: B || ""
                     });
                   }
@@ -5283,7 +5283,7 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
                 comments: {}
               }
             },
-            j == null ? void 0 : j.id
+            k == null ? void 0 : k.id
           );
         }))
       ] })
@@ -5297,48 +5297,48 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   isMember: i,
   functions: { create: l, edit: u, remove: a, like: d, unlike: o, join: m, leave: c }
 }) => {
-  const h = D(), p = wt(), g = je($e), x = na({
+  const h = D(), p = wt(), g = je($e), b = na({
     queryClient: p,
     queryKey: [e, t, n],
-    mutationFn: async (b) => l({ activityId: n, content: b.body })
-  }), { mutate: v } = ie(x), E = sa({
+    mutationFn: async (x) => l({ activityId: n, content: x.body })
+  }), { mutate: v } = ie(b), E = sa({
     queryClient: p,
     queryKey: [e, t, n],
-    mutationFn: async (b) => u(b)
+    mutationFn: async (x) => u(x)
   }), {
-    mutate: k
+    mutate: j
   } = ie(E), _ = ra({
     queryClient: p,
     queryKey: [e, t, n],
-    mutationFn: async ({ replyId: b }) => a({ replyId: b })
+    mutationFn: async ({ replyId: x }) => a({ replyId: x })
   }), {
     mutate: T
-  } = ie(_), C = aa({
+  } = ie(_), N = aa({
     queryClient: p,
     queryKey: [e, t, n],
     mutationFn: d
   }), {
     mutate: R
-  } = ie(C), V = oa({
+  } = ie(N), J = oa({
     queryClient: p,
     queryKey: [e, t, n],
     user: g,
     mutationFn: o
   }), {
-    mutate: N
-  } = ie(V), P = Me(
-    ({ replyId: b }) => R({ replyId: b }),
+    mutate: I
+  } = ie(J), H = Me(
+    ({ replyId: x }) => R({ replyId: x }),
     [R]
-  ), G = Me(
-    ({ replyId: b }) => N({ replyId: b }),
-    [N]
+  ), F = Me(
+    ({ replyId: x }) => I({ replyId: x }),
+    [I]
   );
   return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     /* @__PURE__ */ s.jsx(
       nn,
       {
         contentType: "reply",
-        createPost: (b, K) => v(K),
+        createPost: (x, Y) => v(Y),
         membershipRequiredToPost: {
           isMember: i,
           required: !0,
@@ -5348,35 +5348,35 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
         }
       }
     ),
-    (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);
+    (r == null ? void 0 : r.length) === 0 || (r == null ? void 0 : r.map((x) => {
+      var w, V, Z, se, re, ae, q, fe, ue, L, oe, he, ce, xe, pe, be, ge, B, X, le;
+      const Y = ((w = x == null ? void 0 : x.user) == null ? void 0 : w.id) === (g == null ? void 0 : g.id), k = sn(i, Y);
       return /* @__PURE__ */ s.jsx(Wr, { children: /* @__PURE__ */ s.jsx(
         St,
         {
           content: {
             type: "reply",
-            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: b == null ? void 0 : b.created_at,
+            body: typeof x.data.content == "string" ? (V = x == null ? void 0 : x.data) == null ? void 0 : V.content : ((se = (Z = x == null ? void 0 : x.data) == null ? void 0 : Z.content) == null ? void 0 : se.text) || "",
+            canLike: k,
+            createdAt: x == null ? void 0 : x.created_at,
             slugs: {
               question: `${e}/${t}/${n}`,
               parentId: t,
-              reply: b == null ? void 0 : b.id
+              reply: x == null ? void 0 : x.id
             },
-            slug: `${e}/${t}/${n}#${b == null ? void 0 : b.id}`,
+            slug: `${e}/${t}/${n}#${x == null ? void 0 : x.id}`,
             author: {
-              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,
+              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 = (L = x == null ? void 0 : x.user) == null ? void 0 : L.data) == null ? void 0 : oe.jobTitle,
               image: {
-                thumbnail: ((ce = (he = b == null ? void 0 : b.user) == null ? void 0 : he.data) == null ? void 0 : ce.thumbnail) || void 0
+                thumbnail: ((ce = (he = x == null ? void 0 : x.user) == null ? void 0 : he.data) == null ? void 0 : ce.thumbnail) || void 0
               }
             },
-            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) => {
+            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) => {
               var me, ke;
               return {
                 id: ee == null ? void 0 : ee.user_id,
@@ -5391,14 +5391,14 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
                 const { replySlug: me } = ee;
                 return T({ replyId: me });
               },
-              updateContent: (ee, me) => k({ replyInfo: ee, content: me })
+              updateContent: (ee, me) => j({ replyInfo: ee, content: me })
             },
             likes: {
-              createLike: () => P({ replyId: b == null ? void 0 : b.id }),
+              createLike: () => H({ replyId: x == null ? void 0 : x.id }),
               deleteLike: () => {
                 var me, ke, Ae;
-                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 || "" });
+                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);
+                return F({ replyId: ee || "" });
               }
             },
             comments: {}
@@ -5408,10 +5408,10 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
             {
               basePath: e,
               parentId: t,
-              replyParentId: b == null ? void 0 : b.id,
+              replyParentId: x == null ? void 0 : x.id,
               activityId: n,
-              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,
+              replyCount: ((X = x == null ? void 0 : x.children_counts) == null ? void 0 : X.reply) || 0,
+              replies: (le = x == null ? void 0 : x.latest_children) == null ? void 0 : le.reply,
               isMember: i,
               functions: {
                 create: l,
@@ -5425,8 +5425,8 @@ const Jr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
             }
           )
         },
-        b == null ? void 0 : b.id
-      ) }, b == null ? void 0 : b.id);
+        x == null ? void 0 : x.id
+      ) }, x == null ? void 0 : x.id);
     }))
   ] });
 }, ha = ({
@@ -5530,36 +5530,36 @@ const uo = ({
     likeReply: h,
     unlikeReply: p,
     join: g,
-    leave: x
+    leave: b
   }
 }) => {
-  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(), {
+  var re, ae, q, fe, ue, L, oe, he, ce, xe, pe, be, ge, B, X, le, ee, me, ke, Ae, ze, Fe, et;
+  const v = D(), E = je($e), j = wt(), {
     data: _,
     isLoading: T,
-    isFetching: C
+    isFetching: N
   } = Tn({
     queryKey: [e, t, n],
     queryFn: i
   }), R = ha({
-    queryClient: k,
+    queryClient: j,
     queryKey: [e, t, n],
     mutationFn: async (te) => await l(te)
   }), {
-    mutate: V
-  } = ie(R), N = pa({
-    queryClient: k,
+    mutate: J
+  } = ie(R), I = pa({
+    queryClient: j,
     queryKey: [e, t, n],
     mutationFn: async ({ activityId: te }) => u({ activityId: te }),
     redirectUrl: `${e}/${t}`
-  }), { mutate: P } = ie(N), G = ga({
-    queryClient: k,
+  }), { mutate: H } = ie(I), F = ga({
+    queryClient: j,
     queryKey: [e, t, n],
     mutationFn: a
   }), {
-    mutate: b
-  } = ie(G), K = _a({
-    queryClient: k,
+    mutate: x
+  } = ie(F), Y = _a({
+    queryClient: j,
     queryKey: [e, t, n],
     user: E,
     mutationFn: async () => {
@@ -5571,15 +5571,15 @@ const uo = ({
     },
     activity: _
   }), {
-    mutate: j
-  } = ie(K), w = Me(
-    ({ activityId: te }) => b({ activityId: te }),
-    [b]
-  ), z = Me(
-    async ({ activityId: te }) => j({ activityId: te }),
-    [j]
+    mutate: k
+  } = ie(Y), w = Me(
+    ({ activityId: te }) => x({ activityId: te }),
+    [x]
+  ), V = Me(
+    async ({ activityId: te }) => k({ activityId: te }),
+    [k]
   );
-  if (T || C)
+  if (T || N)
     return /* @__PURE__ */ s.jsx(Se, { style: { height: "400px" } });
   if (!_)
     return /* @__PURE__ */ s.jsx(
@@ -5589,7 +5589,7 @@ const uo = ({
         text: v.formatMessage({ id: "activitySection_notFoundError" })
       }
     );
-  const X = ((re = _ == null ? void 0 : _.actor) == null ? void 0 : re.id) === (E == null ? void 0 : E.id), se = sn(r, X);
+  const Z = ((re = _ == null ? void 0 : _.actor) == null ? void 0 : re.id) === (E == null ? void 0 : E.id), se = sn(r, Z);
   return /* @__PURE__ */ s.jsx(
     St,
     {
@@ -5608,13 +5608,13 @@ const uo = ({
         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: ((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),
+          organization: ((L = _ == null ? void 0 : _.actor) == null ? void 0 : L.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
           }
         },
-        userLiked: ((J = _ == null ? void 0 : _.own_reactions) == null ? void 0 : J.like) && ((le = _ == null ? void 0 : _.own_reactions) == null ? void 0 : le.like.length) > 0,
+        userLiked: ((X = _ == null ? void 0 : _.own_reactions) == null ? void 0 : X.like) && ((le = _ == null ? void 0 : _.own_reactions) == null ? void 0 : le.like.length) > 0,
         likes: _ && ((ee = _ == null ? void 0 : _.reaction_counts) == null ? void 0 : ee.like),
         comments: _ && ((me = _ == null ? void 0 : _.reaction_counts) == null ? void 0 : me.reply),
         peopleWhoLiked: ((ke = _ == null ? void 0 : _.latest_reactions) == null ? void 0 : ke.like) && ((Ae = _ == null ? void 0 : _.latest_reactions) == null ? void 0 : Ae.like.map((te) => {
@@ -5629,12 +5629,12 @@ const uo = ({
       functions: {
         content: {
           createContent: () => console.log("create"),
-          deleteContent: () => P({ activityId: n }),
-          updateContent: (te, Ee) => V({ activityInfo: te, content: Ee })
+          deleteContent: () => H({ activityId: n }),
+          updateContent: (te, Ee) => J({ activityInfo: te, content: Ee })
         },
         likes: {
           createLike: () => w({ activityId: n }),
-          deleteLike: () => z({ activityId: n })
+          deleteLike: () => V({ activityId: n })
         },
         comments: {
           openComments: () => {
@@ -5662,7 +5662,7 @@ const uo = ({
               like: h,
               unlike: p,
               join: g,
-              leave: x
+              leave: b
             }
           }
         )
@@ -5794,12 +5794,12 @@ const uo = ({
   }
 }, ba = ({ data: e, cta: t, link: n, gtmContext: r }) => {
   var g;
-  const i = D(), [l, u] = L({
+  const i = D(), [l, u] = P({
     loading: !1,
     registered: e.registered || !1
   });
-  Y(() => {
-    e.registered && u((x) => ({ ...x, registered: !0 }));
+  G(() => {
+    e.registered && u((b) => ({ ...b, registered: !0 }));
   }, [e.registered]);
   const { startDate: a, dateHasPassed: d, pill: o, slug: m } = e, c = e.contentType;
   let h = "";
@@ -5816,7 +5816,7 @@ const uo = ({
     );
   if (c === "people")
     return /* @__PURE__ */ s.jsx(
-      U,
+      W,
       {
         variant: "tertiary",
         size: "small",
@@ -5829,30 +5829,30 @@ const uo = ({
     );
   const p = ["microcourse", "event"];
   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 }));
+    const b = l.loading || l.registered, v = async (E) => {
+      if (E.preventDefault(), E.stopPropagation(), !(b || !t || !t.onClick)) {
+        u((j) => ({ ...j, loading: !0 }));
         try {
-          const k = await t.onClick(e);
-          u(k === "success" ? () => ({ registered: !0, loading: !1 }) : (_) => ({ ..._, loading: !1 }));
+          const j = await t.onClick(e);
+          u(j === "success" ? () => ({ registered: !0, loading: !1 }) : (_) => ({ ..._, loading: !1 }));
         } catch {
           u((_) => ({ ..._, loading: !1 }));
         }
       }
     };
     return /* @__PURE__ */ s.jsx(
-      U,
+      W,
       {
         onClick: v,
         className: "gtm-trackable",
         size: "small",
         styling: { fullWidth: !0 },
-        disabled: x,
+        disabled: b,
         "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_${c}${x ? `_${l.loading ? "loading" : "done"}` : ""}`
+          id: `card_cta_${c}${b ? `_${l.loading ? "loading" : "done"}` : ""}`
         })
       }
     );
@@ -5881,15 +5881,15 @@ const va = {
   gtmContext: i = "Carousel",
   className: l = ""
 }) => {
-  const u = D(), a = je($e), d = a && typeof a.id == "string", [o, m] = L({
+  const u = D(), a = je($e), d = a && typeof a.id == "string", [o, m] = P({
     data: null,
     isLoading: !0
   }), { data: c, isLoading: h } = o, p = Me(() => {
-    n(t, d).then((N) => {
-      m(() => ({ data: N, isLoading: !1 }));
-    }).catch(() => m((N) => ({ ...N, isLoading: !1 })));
+    n(t, d).then((I) => {
+      m(() => ({ data: I, isLoading: !1 }));
+    }).catch(() => m((I) => ({ ...I, isLoading: !1 })));
   }, [e]);
-  if (Y(() => {
+  if (G(() => {
     p();
   }, []), h || !c)
     return /* @__PURE__ */ s.jsx(
@@ -5904,20 +5904,20 @@ const va = {
   if (!g || !_t[g])
     return /* @__PURE__ */ s.jsx(Se, { element: "li", className: "card-wrapper" });
   const {
-    basePath: x = "",
+    basePath: b = "",
     className: v,
     length: E,
-    gtmEvent: k
-  } = _t[g], _ = Fn(`card_label_${g}`) ? u.formatMessage({ id: `card_label_${g}` }) : !1, T = c.slug ? `${x}${c.slug}` : !1, C = { ...va, ...E };
+    gtmEvent: j
+  } = _t[g], _ = Fn(`card_label_${g}`) ? u.formatMessage({ id: `card_label_${g}` }) : !1, T = c.slug ? `${b}${c.slug}` : !1, N = { ...va, ...E };
   let R = { className: "card" };
   T && (R = {
     href: T,
     className: "card gtm-trackable",
     "data-gtm-event-context": `${i}-CarouselCard`,
-    "data-gtm-event-type": `${k}-click`,
+    "data-gtm-event-type": `${j}-click`,
     "data-testid": "link"
   }, c.openInNewTab && (R.target = "_blank"));
-  const V = c.customIcon ? { "--custom-icon": wa(c.customIcon) } : {};
+  const J = c.customIcon ? { "--custom-icon": wa(c.customIcon) } : {};
   return /* @__PURE__ */ s.jsx(
     "li",
     {
@@ -5927,9 +5927,9 @@ const va = {
         "has-custom-icon": c.customIcon,
         "has-image": c.banner
       }),
-      style: V,
+      style: J,
       "data-testid": `${g}-card`,
-      children: A.createElement(
+      children: C.createElement(
         T ? "a" : "div",
         R,
         /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
@@ -5966,14 +5966,14 @@ const va = {
               "data-testid": "contributors"
             }
           ),
-          c.partner && /* @__PURE__ */ s.jsx("p", { className: "partners", "data-testid": "partners", children: Qe(c.partner.title, C.partner) }),
+          c.partner && /* @__PURE__ */ s.jsx("p", { className: "partners", "data-testid": "partners", children: Qe(c.partner.title, N.partner) }),
           /* Text */
-          ["title", "text", "secondaryText"].map((N) => {
-            const P = c[N];
-            if (!P)
+          ["title", "text", "secondaryText"].map((I) => {
+            const H = c[I];
+            if (!H)
               return null;
-            const G = Bs(N);
-            return /* @__PURE__ */ s.jsx("p", { className: G, "data-testid": G, children: Qe(P, C[N]) }, N);
+            const F = Bs(I);
+            return /* @__PURE__ */ s.jsx("p", { className: F, "data-testid": F, children: Qe(H, N[I]) }, I);
           }),
           /* @__PURE__ */ s.jsx(xa, { type: v || "", data: c }),
           /* @__PURE__ */ s.jsx(ba, { data: c, cta: r, link: T || "", gtmContext: i })
@@ -6058,7 +6058,7 @@ const lt = "notFoundError_", fo = () => {
               })
             }
           ),
-          /* @__PURE__ */ s.jsx(U, { href: "/solution-articles/", children: e.formatMessage({ id: `${lt}cta` }) })
+          /* @__PURE__ */ s.jsx(W, { href: "/solution-articles/", children: e.formatMessage({ id: `${lt}cta` }) })
         ] })
       },
       reportError: () => {
@@ -6078,10 +6078,10 @@ export {
   nn as AddPost,
   Ha as BannerSection,
   Xa as Breadcrumbs,
-  U as Button,
+  W as Button,
   kt as ButtonWrapper,
   _r as CacheProvider,
-  In as CollapsibleSection,
+  On as CollapsibleSection,
   Cr as Columns,
   Ja as CommunityDetails,
   Un as Contributors,
@@ -6150,7 +6150,7 @@ export {
   $e as UserContext,
   kr as UserProvider,
   _e as VisuallyHidden,
-  Or as addAriaProps,
+  Ir as addAriaProps,
   Hn as getMember,
   pt as headerData,
   mo as mapGetStreamData,
@@ -6158,6 +6158,6 @@ export {
   Ls as useCurrentPath,
   He as useEffectAfterMount,
   vt as useElementWidth,
-  Os as useScrollListener,
-  Oa as useScrollToHash
+  Is as useScrollListener,
+  Ia as useScrollToHash
 };