@apolitical/component-library 1.18.0-4247.39 → 1.18.0-4247.55

package/index.mjs

@@ -1,9 +1,9 @@
-import A, { memo as Ae, useState as F, useEffect as V, useRef as te, useMemo as ft, createContext as Gt, useContext as fe, Children as Ht, useCallback as Dn, Fragment as Ze, useReducer as Oa, Suspense as Ba } from "react";
+import A, { memo as Fe, useState as R, useEffect as G, useRef as ne, useMemo as ft, createContext as Gt, useContext as ge, Children as Ht, useCallback as Dn, Fragment as qe, useReducer as Oa, Suspense as Ba } from "react";
 import Za from "lodash.clonedeep";
 import qa from "lodash.set";
 import { useIntl as P, IntlProvider as Ha, createIntl as Ua, FormattedMessage as je } from "react-intl";
-import Me from "truncate";
-import { QueryClient as za, QueryClientProvider as Wa, useMutation as ue, useQueryClient as Kt, useInfiniteQuery as Ln, useQuery as Va } from "@tanstack/react-query";
+import Ne from "truncate";
+import { QueryClient as za, QueryClientProvider as Wa, useMutation as fe, useQueryClient as Kt, useInfiniteQuery as Ln, useQuery as Va } from "@tanstack/react-query";
 import { ReactQueryDevtools as Ya } from "@tanstack/react-query-devtools";
 import nt from "posthog-js";
 import { CookiesProvider as Ga, useCookies as Ka } from "react-cookie";
@@ -53,8 +53,8 @@ var On = { exports: {} };
   })();
 })(On);
 var nr = On.exports;
-const j = /* @__PURE__ */ tr(nr), ar = ({ element: e = "span", showOnFocus: t = !0, children: n, ...r }) => A.createElement(e, { ...r, className: j("hidden", { "show-on-focus": t }), children: n }), se = Ae(ar), rr = ({ element: e = "span", children: t = null, ...n }) => A.createElement(e, { ...n, "aria-hidden": !0 }, t), Bn = Ae(rr);
-var Ut = { exports: {} }, Re = {};
+const w = /* @__PURE__ */ tr(nr), ar = ({ element: e = "span", showOnFocus: t = !0, children: n, ...r }) => A.createElement(e, { ...r, className: w("hidden", { "show-on-focus": t }), children: n }), ae = Fe(ar), rr = ({ element: e = "span", children: t = null, ...n }) => A.createElement(e, { ...n, "aria-hidden": !0 }, t), Bn = Fe(rr);
+var Ut = { exports: {} }, De = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -67,22 +67,22 @@ var Ut = { exports: {} }, Re = {};
 var bn;
 function sr() {
   if (bn)
-    return Re;
+    return De;
   bn = 1;
   var e = A, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, s = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
   function o(c, m, l) {
-    var f, d = {}, h = null, p = null;
-    l !== void 0 && (h = "" + l), m.key !== void 0 && (h = "" + m.key), m.ref !== void 0 && (p = m.ref);
+    var f, d = {}, p = null, h = null;
+    l !== void 0 && (p = "" + l), m.key !== void 0 && (p = "" + m.key), m.ref !== void 0 && (h = m.ref);
     for (f in m)
       r.call(m, f) && !i.hasOwnProperty(f) && (d[f] = m[f]);
     if (c && c.defaultProps)
       for (f in m = c.defaultProps, m)
         d[f] === void 0 && (d[f] = m[f]);
-    return { $$typeof: t, type: c, key: h, ref: p, props: d, _owner: s.current };
+    return { $$typeof: t, type: c, key: p, ref: h, props: d, _owner: s.current };
   }
-  return Re.Fragment = n, Re.jsx = o, Re.jsxs = o, Re;
+  return De.Fragment = n, De.jsx = o, De.jsxs = o, De;
 }
-var De = {};
+var Le = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -95,51 +95,51 @@ var De = {};
 var yn;
 function ir() {
   return yn || (yn = 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"), s = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), o = Symbol.for("react.provider"), c = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), l = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), d = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), _ = Symbol.iterator, v = "@@iterator";
-    function y(u) {
+    var e = A, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), o = Symbol.for("react.provider"), c = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), l = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), d = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), h = Symbol.for("react.offscreen"), _ = Symbol.iterator, y = "@@iterator";
+    function k(u) {
       if (u === null || typeof u != "object")
         return null;
-      var x = _ && u[_] || u[v];
+      var x = _ && u[_] || u[y];
       return typeof x == "function" ? x : null;
     }
-    var k = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var v = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function g(u) {
       {
-        for (var x = arguments.length, $ = new Array(x > 1 ? x - 1 : 0), N = 1; N < x; N++)
-          $[N - 1] = arguments[N];
-        b("error", u, $);
+        for (var x = arguments.length, T = new Array(x > 1 ? x - 1 : 0), N = 1; N < x; N++)
+          T[N - 1] = arguments[N];
+        b("error", u, T);
       }
     }
-    function b(u, x, $) {
+    function b(u, x, T) {
       {
-        var N = k.ReactDebugCurrentFrame, Z = N.getStackAddendum();
-        Z !== "" && (x += "%s", $ = $.concat([Z]));
-        var z = $.map(function(I) {
-          return String(I);
+        var N = v.ReactDebugCurrentFrame, O = N.getStackAddendum();
+        O !== "" && (x += "%s", T = T.concat([O]));
+        var V = T.map(function(L) {
+          return String(L);
         });
-        z.unshift("Warning: " + x), Function.prototype.apply.call(console[u], console, z);
+        V.unshift("Warning: " + x), Function.prototype.apply.call(console[u], console, V);
       }
     }
-    var w = !1, C = !1, M = !1, L = !1, R = !1, T;
-    T = Symbol.for("react.module.reference");
-    function S(u) {
-      return !!(typeof u == "string" || typeof u == "function" || u === r || u === i || R || u === s || u === l || u === f || L || u === p || w || C || M || typeof u == "object" && u !== null && (u.$$typeof === h || u.$$typeof === d || u.$$typeof === o || u.$$typeof === c || u.$$typeof === m || // This needs to include all possible module reference object
+    var j = !1, C = !1, S = !1, Y = !1, F = !1, $;
+    $ = Symbol.for("react.module.reference");
+    function M(u) {
+      return !!(typeof u == "string" || typeof u == "function" || u === r || u === i || F || u === s || u === l || u === f || Y || u === h || j || C || S || typeof u == "object" && u !== null && (u.$$typeof === p || u.$$typeof === d || u.$$typeof === o || u.$$typeof === c || u.$$typeof === m || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      u.$$typeof === T || u.getModuleId !== void 0));
+      u.$$typeof === $ || u.getModuleId !== void 0));
     }
-    function E(u, x, $) {
+    function E(u, x, T) {
       var N = u.displayName;
       if (N)
         return N;
-      var Z = x.displayName || x.name || "";
-      return Z !== "" ? $ + "(" + Z + ")" : $;
+      var O = x.displayName || x.name || "";
+      return O !== "" ? T + "(" + O + ")" : T;
     }
-    function W(u) {
+    function I(u) {
       return u.displayName || "Context";
     }
-    function O(u) {
+    function Z(u) {
       if (u == null)
         return null;
       if (typeof u.tag == "number" && g("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof u == "function")
@@ -164,19 +164,19 @@ function ir() {
         switch (u.$$typeof) {
           case c:
             var x = u;
-            return W(x) + ".Consumer";
+            return I(x) + ".Consumer";
           case o:
-            var $ = u;
-            return W($._context) + ".Provider";
+            var T = u;
+            return I(T._context) + ".Provider";
           case m:
             return E(u, u.render, "ForwardRef");
           case d:
             var N = u.displayName || null;
-            return N !== null ? N : O(u.type) || "Memo";
-          case h: {
-            var Z = u, z = Z._payload, I = Z._init;
+            return N !== null ? N : Z(u.type) || "Memo";
+          case p: {
+            var O = u, V = O._payload, L = O._init;
             try {
-              return O(I(z));
+              return Z(L(V));
             } catch {
               return null;
             }
@@ -184,18 +184,18 @@ function ir() {
         }
       return null;
     }
-    var U = Object.assign, Y = 0, K, re, Q, ne, G, ae, oe;
-    function B() {
+    var q = Object.assign, z = 0, J, H, te, re, K, ie, de;
+    function ce() {
     }
-    B.__reactDisabledLog = !0;
-    function le() {
+    ce.__reactDisabledLog = !0;
+    function W() {
       {
-        if (Y === 0) {
-          K = console.log, re = console.info, Q = console.warn, ne = console.error, G = console.group, ae = console.groupCollapsed, oe = console.groupEnd;
+        if (z === 0) {
+          J = console.log, H = console.info, te = console.warn, re = console.error, K = console.group, ie = console.groupCollapsed, de = console.groupEnd;
           var u = {
             configurable: !0,
             enumerable: !0,
-            value: B,
+            value: ce,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -208,100 +208,100 @@ function ir() {
             groupEnd: u
           });
         }
-        Y++;
+        z++;
       }
     }
-    function he() {
+    function ue() {
       {
-        if (Y--, Y === 0) {
+        if (z--, z === 0) {
           var u = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: U({}, u, {
-              value: K
+            log: q({}, u, {
+              value: J
             }),
-            info: U({}, u, {
-              value: re
+            info: q({}, u, {
+              value: H
             }),
-            warn: U({}, u, {
-              value: Q
+            warn: q({}, u, {
+              value: te
             }),
-            error: U({}, u, {
-              value: ne
+            error: q({}, u, {
+              value: re
             }),
-            group: U({}, u, {
-              value: G
+            group: q({}, u, {
+              value: K
             }),
-            groupCollapsed: U({}, u, {
-              value: ae
+            groupCollapsed: q({}, u, {
+              value: ie
             }),
-            groupEnd: U({}, u, {
-              value: oe
+            groupEnd: q({}, u, {
+              value: de
             })
           });
         }
-        Y < 0 && g("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        z < 0 && g("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var J = k.ReactCurrentDispatcher, de;
-    function ge(u, x, $) {
+    var Q = v.ReactCurrentDispatcher, se;
+    function me(u, x, T) {
       {
-        if (de === void 0)
+        if (se === void 0)
           try {
             throw Error();
-          } catch (Z) {
-            var N = Z.stack.trim().match(/\n( *(at )?)/);
-            de = N && N[1] || "";
+          } catch (O) {
+            var N = O.stack.trim().match(/\n( *(at )?)/);
+            se = N && N[1] || "";
           }
         return `
-` + de + u;
+` + se + u;
       }
     }
-    var be = !1, Ue;
+    var pe = !1, Ee;
     {
       var ga = typeof WeakMap == "function" ? WeakMap : Map;
-      Ue = new ga();
+      Ee = new ga();
     }
     function an(u, x) {
-      if (!u || be)
+      if (!u || pe)
         return "";
       {
-        var $ = Ue.get(u);
-        if ($ !== void 0)
-          return $;
+        var T = Ee.get(u);
+        if (T !== void 0)
+          return T;
       }
       var N;
-      be = !0;
-      var Z = Error.prepareStackTrace;
+      pe = !0;
+      var O = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var z;
-      z = J.current, J.current = null, le();
+      var V;
+      V = Q.current, Q.current = null, W();
       try {
         if (x) {
-          var I = function() {
+          var L = function() {
             throw Error();
           };
-          if (Object.defineProperty(I.prototype, "props", {
+          if (Object.defineProperty(L.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(I, []);
+              Reflect.construct(L, []);
             } catch (ye) {
               N = ye;
             }
-            Reflect.construct(u, [], I);
+            Reflect.construct(u, [], L);
           } else {
             try {
-              I.call();
+              L.call();
             } catch (ye) {
               N = ye;
             }
-            u.call(I.prototype);
+            u.call(L.prototype);
           }
         } else {
           try {
@@ -314,88 +314,88 @@ function ir() {
       } catch (ye) {
         if (ye && N && typeof ye.stack == "string") {
           for (var D = ye.stack.split(`
-`), ie = N.stack.split(`
-`), X = D.length - 1, ee = ie.length - 1; X >= 1 && ee >= 0 && D[X] !== ie[ee]; )
+`), oe = N.stack.split(`
+`), X = D.length - 1, ee = oe.length - 1; X >= 1 && ee >= 0 && D[X] !== oe[ee]; )
             ee--;
           for (; X >= 1 && ee >= 0; X--, ee--)
-            if (D[X] !== ie[ee]) {
+            if (D[X] !== oe[ee]) {
               if (X !== 1 || ee !== 1)
                 do
-                  if (X--, ee--, ee < 0 || D[X] !== ie[ee]) {
-                    var me = `
+                  if (X--, ee--, ee < 0 || D[X] !== oe[ee]) {
+                    var he = `
 ` + D[X].replace(" at new ", " at ");
-                    return u.displayName && me.includes("<anonymous>") && (me = me.replace("<anonymous>", u.displayName)), typeof u == "function" && Ue.set(u, me), me;
+                    return u.displayName && he.includes("<anonymous>") && (he = he.replace("<anonymous>", u.displayName)), typeof u == "function" && Ee.set(u, he), he;
                   }
                 while (X >= 1 && ee >= 0);
               break;
             }
         }
       } finally {
-        be = !1, J.current = z, he(), Error.prepareStackTrace = Z;
+        pe = !1, Q.current = V, ue(), Error.prepareStackTrace = O;
       }
-      var Ce = u ? u.displayName || u.name : "", _n = Ce ? ge(Ce) : "";
-      return typeof u == "function" && Ue.set(u, _n), _n;
+      var Se = u ? u.displayName || u.name : "", _n = Se ? me(Se) : "";
+      return typeof u == "function" && Ee.set(u, _n), _n;
     }
-    function _a(u, x, $) {
+    function _a(u, x, T) {
       return an(u, !1);
     }
     function ba(u) {
       var x = u.prototype;
       return !!(x && x.isReactComponent);
     }
-    function ze(u, x, $) {
+    function ze(u, x, T) {
       if (u == null)
         return "";
       if (typeof u == "function")
         return an(u, ba(u));
       if (typeof u == "string")
-        return ge(u);
+        return me(u);
       switch (u) {
         case l:
-          return ge("Suspense");
+          return me("Suspense");
         case f:
-          return ge("SuspenseList");
+          return me("SuspenseList");
       }
       if (typeof u == "object")
         switch (u.$$typeof) {
           case m:
             return _a(u.render);
           case d:
-            return ze(u.type, x, $);
-          case h: {
-            var N = u, Z = N._payload, z = N._init;
+            return ze(u.type, x, T);
+          case p: {
+            var N = u, O = N._payload, V = N._init;
             try {
-              return ze(z(Z), x, $);
+              return ze(V(O), x, T);
             } catch {
             }
           }
         }
       return "";
     }
-    var We = Object.prototype.hasOwnProperty, rn = {}, sn = k.ReactDebugCurrentFrame;
+    var We = Object.prototype.hasOwnProperty, rn = {}, sn = v.ReactDebugCurrentFrame;
     function Ve(u) {
       if (u) {
-        var x = u._owner, $ = ze(u.type, u._source, x ? x.type : null);
-        sn.setExtraStackFrame($);
+        var x = u._owner, T = ze(u.type, u._source, x ? x.type : null);
+        sn.setExtraStackFrame(T);
       } else
         sn.setExtraStackFrame(null);
     }
-    function ya(u, x, $, N, Z) {
+    function ya(u, x, T, N, O) {
       {
-        var z = Function.call.bind(We);
-        for (var I in u)
-          if (z(u, I)) {
+        var V = Function.call.bind(We);
+        for (var L in u)
+          if (V(u, L)) {
             var D = void 0;
             try {
-              if (typeof u[I] != "function") {
-                var ie = Error((N || "React class") + ": " + $ + " type `" + I + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof u[I] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw ie.name = "Invariant Violation", ie;
+              if (typeof u[L] != "function") {
+                var oe = Error((N || "React class") + ": " + T + " type `" + L + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof u[L] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw oe.name = "Invariant Violation", oe;
               }
-              D = u[I](x, I, N, $, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              D = u[L](x, L, N, T, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (X) {
               D = X;
             }
-            D && !(D instanceof Error) && (Ve(Z), g("%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).", N || "React class", $, I, typeof D), Ve(null)), D instanceof Error && !(D.message in rn) && (rn[D.message] = !0, Ve(Z), g("Failed %s type: %s", $, D.message), Ve(null));
+            D && !(D instanceof Error) && (Ve(O), g("%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).", N || "React class", T, L, typeof D), Ve(null)), D instanceof Error && !(D.message in rn) && (rn[D.message] = !0, Ve(O), g("Failed %s type: %s", T, D.message), Ve(null));
           }
       }
     }
@@ -405,8 +405,8 @@ function ir() {
     }
     function xa(u) {
       {
-        var x = typeof Symbol == "function" && Symbol.toStringTag, $ = x && u[Symbol.toStringTag] || u.constructor.name || "Object";
-        return $;
+        var x = typeof Symbol == "function" && Symbol.toStringTag, T = x && u[Symbol.toStringTag] || u.constructor.name || "Object";
+        return T;
       }
     }
     function ka(u) {
@@ -423,7 +423,7 @@ function ir() {
       if (ka(u))
         return g("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", xa(u)), on(u);
     }
-    var Fe = k.ReactCurrentOwner, ja = {
+    var Re = v.ReactCurrentOwner, ja = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -447,44 +447,44 @@ function ir() {
       return u.key !== void 0;
     }
     function $a(u, x) {
-      if (typeof u.ref == "string" && Fe.current && x && Fe.current.stateNode !== x) {
-        var $ = O(Fe.current.type);
-        wt[$] || (g('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', O(Fe.current.type), u.ref), wt[$] = !0);
+      if (typeof u.ref == "string" && Re.current && x && Re.current.stateNode !== x) {
+        var T = Z(Re.current.type);
+        wt[T] || (g('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', Z(Re.current.type), u.ref), wt[T] = !0);
       }
     }
     function Ea(u, x) {
       {
-        var $ = function() {
+        var T = function() {
           ln || (ln = !0, g("%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)", x));
         };
-        $.isReactWarning = !0, Object.defineProperty(u, "key", {
-          get: $,
+        T.isReactWarning = !0, Object.defineProperty(u, "key", {
+          get: T,
           configurable: !0
         });
       }
     }
     function Ca(u, x) {
       {
-        var $ = function() {
+        var T = function() {
           dn || (dn = !0, g("%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)", x));
         };
-        $.isReactWarning = !0, Object.defineProperty(u, "ref", {
-          get: $,
+        T.isReactWarning = !0, Object.defineProperty(u, "ref", {
+          get: T,
           configurable: !0
         });
       }
     }
-    var Sa = function(u, x, $, N, Z, z, I) {
+    var Sa = function(u, x, T, N, O, V, L) {
       var D = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
         type: u,
         key: x,
-        ref: $,
-        props: I,
+        ref: T,
+        props: L,
         // Record the component responsible for creating this element.
-        _owner: z
+        _owner: V
       };
       return D._store = {}, Object.defineProperty(D._store, "validated", {
         configurable: !1,
@@ -500,32 +500,32 @@ function ir() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: Z
+        value: O
       }), Object.freeze && (Object.freeze(D.props), Object.freeze(D)), D;
     };
-    function Ma(u, x, $, N, Z) {
+    function Ma(u, x, T, N, O) {
       {
-        var z, I = {}, D = null, ie = null;
-        $ !== void 0 && (cn($), D = "" + $), Ta(x) && (cn(x.key), D = "" + x.key), wa(x) && (ie = x.ref, $a(x, Z));
-        for (z in x)
-          We.call(x, z) && !ja.hasOwnProperty(z) && (I[z] = x[z]);
+        var V, L = {}, D = null, oe = null;
+        T !== void 0 && (cn(T), D = "" + T), Ta(x) && (cn(x.key), D = "" + x.key), wa(x) && (oe = x.ref, $a(x, O));
+        for (V in x)
+          We.call(x, V) && !ja.hasOwnProperty(V) && (L[V] = x[V]);
         if (u && u.defaultProps) {
           var X = u.defaultProps;
-          for (z in X)
-            I[z] === void 0 && (I[z] = X[z]);
+          for (V in X)
+            L[V] === void 0 && (L[V] = X[V]);
         }
-        if (D || ie) {
+        if (D || oe) {
           var ee = typeof u == "function" ? u.displayName || u.name || "Unknown" : u;
-          D && Ea(I, ee), ie && Ca(I, ee);
+          D && Ea(L, ee), oe && Ca(L, ee);
         }
-        return Sa(u, D, ie, Z, N, Fe.current, I);
+        return Sa(u, D, oe, O, N, Re.current, L);
       }
     }
-    var Tt = k.ReactCurrentOwner, un = k.ReactDebugCurrentFrame;
-    function Ee(u) {
+    var Tt = v.ReactCurrentOwner, un = v.ReactDebugCurrentFrame;
+    function Ce(u) {
       if (u) {
-        var x = u._owner, $ = ze(u.type, u._source, x ? x.type : null);
-        un.setExtraStackFrame($);
+        var x = u._owner, T = ze(u.type, u._source, x ? x.type : null);
+        un.setExtraStackFrame(T);
       } else
         un.setExtraStackFrame(null);
     }
@@ -537,7 +537,7 @@ function ir() {
     function mn() {
       {
         if (Tt.current) {
-          var u = O(Tt.current.type);
+          var u = Z(Tt.current.type);
           if (u)
             return `
 
@@ -549,10 +549,10 @@ Check the render method of \`` + u + "`.";
     function Na(u) {
       {
         if (u !== void 0) {
-          var x = u.fileName.replace(/^.*[\\\/]/, ""), $ = u.lineNumber;
+          var x = u.fileName.replace(/^.*[\\\/]/, ""), T = u.lineNumber;
           return `
 
-Check your code at ` + x + ":" + $ + ".";
+Check your code at ` + x + ":" + T + ".";
         }
         return "";
       }
@@ -562,10 +562,10 @@ Check your code at ` + x + ":" + $ + ".";
       {
         var x = mn();
         if (!x) {
-          var $ = typeof u == "string" ? u : u.displayName || u.name;
-          $ && (x = `
+          var T = typeof u == "string" ? u : u.displayName || u.name;
+          T && (x = `
 
-Check the top-level render call using <` + $ + ">.");
+Check the top-level render call using <` + T + ">.");
         }
         return x;
       }
@@ -575,12 +575,12 @@ Check the top-level render call using <` + $ + ">.");
         if (!u._store || u._store.validated || u.key != null)
           return;
         u._store.validated = !0;
-        var $ = Pa(x);
-        if (fn[$])
+        var T = Pa(x);
+        if (fn[T])
           return;
-        fn[$] = !0;
+        fn[T] = !0;
         var N = "";
-        u && u._owner && u._owner !== Tt.current && (N = " It was passed a child from " + O(u._owner.type) + "."), Ee(u), g('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', $, N), Ee(null);
+        u && u._owner && u._owner !== Tt.current && (N = " It was passed a child from " + Z(u._owner.type) + "."), Ce(u), g('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', T, N), Ce(null);
       }
     }
     function hn(u, x) {
@@ -588,17 +588,17 @@ Check the top-level render call using <` + $ + ">.");
         if (typeof u != "object")
           return;
         if (jt(u))
-          for (var $ = 0; $ < u.length; $++) {
-            var N = u[$];
+          for (var T = 0; T < u.length; T++) {
+            var N = u[T];
             Et(N) && pn(N, x);
           }
         else if (Et(u))
           u._store && (u._store.validated = !0);
         else if (u) {
-          var Z = y(u);
-          if (typeof Z == "function" && Z !== u.entries)
-            for (var z = Z.call(u), I; !(I = z.next()).done; )
-              Et(I.value) && pn(I.value, x);
+          var O = k(u);
+          if (typeof O == "function" && O !== u.entries)
+            for (var V = O.call(u), L; !(L = V.next()).done; )
+              Et(L.value) && pn(L.value, x);
         }
       }
     }
@@ -607,148 +607,148 @@ Check the top-level render call using <` + $ + ">.");
         var x = u.type;
         if (x == null || typeof x == "string")
           return;
-        var $;
+        var T;
         if (typeof x == "function")
-          $ = x.propTypes;
+          T = x.propTypes;
         else if (typeof x == "object" && (x.$$typeof === m || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         x.$$typeof === d))
-          $ = x.propTypes;
+          T = x.propTypes;
         else
           return;
-        if ($) {
-          var N = O(x);
-          ya($, u.props, "prop", N, u);
+        if (T) {
+          var N = Z(x);
+          ya(T, u.props, "prop", N, u);
         } else if (x.PropTypes !== void 0 && !$t) {
           $t = !0;
-          var Z = O(x);
-          g("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", Z || "Unknown");
+          var O = Z(x);
+          g("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", O || "Unknown");
         }
         typeof x.getDefaultProps == "function" && !x.getDefaultProps.isReactClassApproved && g("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function Fa(u) {
       {
-        for (var x = Object.keys(u.props), $ = 0; $ < x.length; $++) {
-          var N = x[$];
+        for (var x = Object.keys(u.props), T = 0; T < x.length; T++) {
+          var N = x[T];
           if (N !== "children" && N !== "key") {
-            Ee(u), g("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", N), Ee(null);
+            Ce(u), g("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", N), Ce(null);
             break;
           }
         }
-        u.ref !== null && (Ee(u), g("Invalid attribute `ref` supplied to `React.Fragment`."), Ee(null));
+        u.ref !== null && (Ce(u), g("Invalid attribute `ref` supplied to `React.Fragment`."), Ce(null));
       }
     }
-    function gn(u, x, $, N, Z, z) {
+    function gn(u, x, T, N, O, V) {
       {
-        var I = S(u);
-        if (!I) {
+        var L = M(u);
+        if (!L) {
           var D = "";
           (u === void 0 || typeof u == "object" && u !== null && Object.keys(u).length === 0) && (D += " 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 ie = Na(Z);
-          ie ? D += ie : D += mn();
+          var oe = Na(O);
+          oe ? D += oe : D += mn();
           var X;
-          u === null ? X = "null" : jt(u) ? X = "array" : u !== void 0 && u.$$typeof === t ? (X = "<" + (O(u.type) || "Unknown") + " />", D = " Did you accidentally export a JSX literal instead of a component?") : X = typeof u, g("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", X, D);
+          u === null ? X = "null" : jt(u) ? X = "array" : u !== void 0 && u.$$typeof === t ? (X = "<" + (Z(u.type) || "Unknown") + " />", D = " Did you accidentally export a JSX literal instead of a component?") : X = typeof u, g("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", X, D);
         }
-        var ee = Ma(u, x, $, Z, z);
+        var ee = Ma(u, x, T, O, V);
         if (ee == null)
           return ee;
-        if (I) {
-          var me = x.children;
-          if (me !== void 0)
+        if (L) {
+          var he = x.children;
+          if (he !== void 0)
             if (N)
-              if (jt(me)) {
-                for (var Ce = 0; Ce < me.length; Ce++)
-                  hn(me[Ce], u);
-                Object.freeze && Object.freeze(me);
+              if (jt(he)) {
+                for (var Se = 0; Se < he.length; Se++)
+                  hn(he[Se], u);
+                Object.freeze && Object.freeze(he);
               } else
                 g("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
-              hn(me, u);
+              hn(he, u);
         }
         return u === r ? Fa(ee) : Aa(ee), ee;
       }
     }
-    function Ra(u, x, $) {
-      return gn(u, x, $, !0);
+    function Ra(u, x, T) {
+      return gn(u, x, T, !0);
     }
-    function Da(u, x, $) {
-      return gn(u, x, $, !1);
+    function Da(u, x, T) {
+      return gn(u, x, T, !1);
     }
     var La = Da, Ia = Ra;
-    De.Fragment = r, De.jsx = La, De.jsxs = Ia;
-  }()), De;
+    Le.Fragment = r, Le.jsx = La, Le.jsxs = Ia;
+  }()), Le;
 }
 process.env.NODE_ENV === "production" ? Ut.exports = sr() : Ut.exports = ir();
 var a = Ut.exports;
 const or = () => {
-  const [e, t] = F(window.location.pathname), n = () => {
+  const [e, t] = R(window.location.pathname), n = () => {
     const r = window.location.pathname;
     t(r);
   };
-  return V(() => (window.addEventListener("popstate", n), () => {
+  return G(() => (window.addEventListener("popstate", n), () => {
     window.removeEventListener("popstate", n);
   }), []), e;
-}, Ne = (e, t) => {
-  const n = te(!1);
-  V(() => {
+}, Pe = (e, t) => {
+  const n = ne(!1);
+  G(() => {
     n.current ? e() : n.current = !0;
   }, t);
 };
 function cr(e, t, n) {
-  var r = this, s = te(null), i = te(0), o = te(null), c = te([]), m = te(), l = te(), f = te(e), d = te(!0);
+  var r = this, s = ne(null), i = ne(0), o = ne(null), c = ne([]), m = ne(), l = ne(), f = ne(e), d = ne(!0);
   f.current = e;
-  var h = typeof window < "u", p = !t && t !== 0 && h;
+  var p = typeof window < "u", h = !t && t !== 0 && p;
   if (typeof e != "function")
     throw new TypeError("Expected a function");
   t = +t || 0;
-  var _ = !!(n = n || {}).leading, v = !("trailing" in n) || !!n.trailing, y = "maxWait" in n, k = "debounceOnServer" in n && !!n.debounceOnServer, g = y ? Math.max(+n.maxWait || 0, t) : null;
-  V(function() {
+  var _ = !!(n = n || {}).leading, y = !("trailing" in n) || !!n.trailing, k = "maxWait" in n, v = "debounceOnServer" in n && !!n.debounceOnServer, g = k ? Math.max(+n.maxWait || 0, t) : null;
+  G(function() {
     return d.current = !0, function() {
       d.current = !1;
     };
   }, []);
   var b = ft(function() {
-    var w = function(S) {
-      var E = c.current, W = m.current;
-      return c.current = m.current = null, i.current = S, l.current = f.current.apply(W, E);
-    }, C = function(S, E) {
-      p && cancelAnimationFrame(o.current), o.current = p ? requestAnimationFrame(S) : setTimeout(S, E);
-    }, M = function(S) {
+    var j = function(M) {
+      var E = c.current, I = m.current;
+      return c.current = m.current = null, i.current = M, l.current = f.current.apply(I, E);
+    }, C = function(M, E) {
+      h && cancelAnimationFrame(o.current), o.current = h ? requestAnimationFrame(M) : setTimeout(M, E);
+    }, S = function(M) {
       if (!d.current)
         return !1;
-      var E = S - s.current;
-      return !s.current || E >= t || E < 0 || y && S - i.current >= g;
-    }, L = function(S) {
-      return o.current = null, v && c.current ? w(S) : (c.current = m.current = null, l.current);
-    }, R = function S() {
+      var E = M - s.current;
+      return !s.current || E >= t || E < 0 || k && M - i.current >= g;
+    }, Y = function(M) {
+      return o.current = null, y && c.current ? j(M) : (c.current = m.current = null, l.current);
+    }, F = function M() {
       var E = Date.now();
-      if (M(E))
-        return L(E);
+      if (S(E))
+        return Y(E);
       if (d.current) {
-        var W = t - (E - s.current), O = y ? Math.min(W, g - (E - i.current)) : W;
-        C(S, O);
+        var I = t - (E - s.current), Z = k ? Math.min(I, g - (E - i.current)) : I;
+        C(M, Z);
       }
-    }, T = function() {
-      if (h || k) {
-        var S = Date.now(), E = M(S);
-        if (c.current = [].slice.call(arguments), m.current = r, s.current = S, E) {
+    }, $ = function() {
+      if (p || v) {
+        var M = Date.now(), E = S(M);
+        if (c.current = [].slice.call(arguments), m.current = r, s.current = M, E) {
           if (!o.current && d.current)
-            return i.current = s.current, C(R, t), _ ? w(s.current) : l.current;
-          if (y)
-            return C(R, t), w(s.current);
+            return i.current = s.current, C(F, t), _ ? j(s.current) : l.current;
+          if (k)
+            return C(F, t), j(s.current);
         }
-        return o.current || C(R, t), l.current;
+        return o.current || C(F, t), l.current;
       }
     };
-    return T.cancel = function() {
-      o.current && (p ? cancelAnimationFrame(o.current) : clearTimeout(o.current)), i.current = 0, c.current = s.current = m.current = o.current = null;
-    }, T.isPending = function() {
+    return $.cancel = function() {
+      o.current && (h ? cancelAnimationFrame(o.current) : clearTimeout(o.current)), i.current = 0, c.current = s.current = m.current = o.current = null;
+    }, $.isPending = function() {
       return !!o.current;
-    }, T.flush = function() {
-      return o.current ? L(Date.now()) : l.current;
-    }, T;
-  }, [_, y, t, g, v, p, h, k]);
+    }, $.flush = function() {
+      return o.current ? Y(Date.now()) : l.current;
+    }, $;
+  }, [_, k, t, g, y, h, p, v]);
   return b;
 }
 function Zn(e, t, n) {
@@ -756,12 +756,12 @@ function Zn(e, t, n) {
   return cr(e, t, { maxWait: t, leading: s === void 0 || s, trailing: i === void 0 || i });
 }
 let Ct;
-const qe = (e = !0, t = !1, n = "window") => {
+const He = (e = !0, t = !1, n = "window") => {
   if (!e)
     return;
   const [r, s] = A.useState(0) || [!1, () => {
   }];
-  V(() => (c(), window.addEventListener("resize", m), () => {
+  G(() => (c(), window.addEventListener("resize", m), () => {
     clearTimeout(Ct), m.flush(), window.removeEventListener("resize", m);
   }), n === "window" ? [] : [n]);
   const o = () => {
@@ -793,24 +793,24 @@ const qe = (e = !0, t = !1, n = "window") => {
   const [s, i] = A.useState({ current: 0, past: 0 }) || [!1, () => {
   }], [o, c] = A.useState({ scrollDown: !1, scrollUp: !1 }) || [!1, () => {
   }];
-  V(() => (m(), window.addEventListener("scroll", l), () => {
+  G(() => (m(), window.addEventListener("scroll", l), () => {
     l.flush(), window.removeEventListener("scroll", l);
   }), []);
   const m = () => {
-    const f = window.scrollY, d = s.current, h = f - d, p = h > 0 ? "down" : "up";
-    if (i({ current: f, past: d }), p === "down") {
-      f >= e + t.down && !o.scrollDown && (!o.scrollUp || h > t.up) && (n(), c({ scrollUp: !1, scrollDown: !0 }));
+    const f = window.scrollY, d = s.current, p = f - d, h = p > 0 ? "down" : "up";
+    if (i({ current: f, past: d }), h === "down") {
+      f >= e + t.down && !o.scrollDown && (!o.scrollUp || p > t.up) && (n(), c({ scrollUp: !1, scrollDown: !0 }));
       return;
     }
-    Math.abs(h) >= t.up && !o.scrollUp && (r(), c({ scrollUp: !0, scrollDown: !1 }));
+    Math.abs(p) >= t.up && !o.scrollUp && (r(), c({ scrollUp: !0, scrollDown: !1 }));
   }, l = Zn(() => {
     m();
   }, 250);
   return s;
 }, dr = (e = [], t = !0) => {
   e = Array.isArray(e) ? e : [e];
-  const n = te(!1);
-  Ne(() => {
+  const n = ne(!1);
+  Pe(() => {
     if (window && window.location && window.location.hash) {
       if (n.current)
         return;
@@ -1199,7 +1199,7 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   es: fr,
   fr: pr,
   pt: hr
-}, Symbol.toStringTag, { value: "Module" })), zn = (e) => e in Qt, _e = (e, t, n, r, s = {}) => {
+}, Symbol.toStringTag, { value: "Module" })), zn = (e) => e in Qt, be = (e, t, n, r, s = {}) => {
   let i = "";
   return zn(`${t}_${n}`) ? i = e({ id: `${t}_${n}` }, s) : i = e({ id: t }, { [r]: n, ...s }), i;
 }, _r = (e, t, n) => {
@@ -1229,7 +1229,7 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   }), n;
 }, xr = (e) => new Promise((t) => setTimeout(t, e)), at = (e, t) => A.Children.map(e, (n) => A.cloneElement(n, {
   ...t
-})), q = ({
+})), B = ({
   variant: e = "primary",
   size: t = "medium",
   styling: n = { muted: !1, fullWidth: !1 },
@@ -1243,37 +1243,37 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   children: f = !1,
   ...d
 }) => {
-  const p = qe(typeof t == "object");
-  if (typeof t == "object" && typeof p == "number") {
-    const y = Object.assign({}, t), k = qn(Object.keys(y));
-    t = Hn(p, k, y);
+  const h = He(typeof t == "object");
+  if (typeof t == "object" && typeof h == "number") {
+    const k = Object.assign({}, t), v = qn(Object.keys(k));
+    t = Hn(h, v, k);
   }
   const _ = [];
   typeof t == "string" && _.push(t), r && (_.push("icon"), typeof r == "object" ? (_.push(r.icon), r.position ? _.push(r.position) : _.push("left"), r.hover && _.push(`hover_${r.hover}`), r.animate && (_.push("animate"), typeof r.animate == "string" && _.push(r.animate))) : (_.push(r), !r.includes("right") && !r.includes("left") && _.push("left"))), n.muted && _.push("muted"), n.fullWidth && _.push("full-width");
-  const v = {
+  const y = {
     ...d,
-    className: j(e, c, _, {
+    className: w(e, c, _, {
       "no-text": !f,
       disabled: m,
       button: s
     }),
-    onClick: (y) => {
-      (!s || s[0] === "#") && o && (y.preventDefault(), y.stopPropagation()), o && o(y);
+    onClick: (k) => {
+      (!s || s[0] === "#") && o && (k.preventDefault(), k.stopPropagation()), o && o(k);
     },
     disabled: typeof m == "object" && "isClickable" in m ? !m.isClickable : m
   };
-  return s && (i = "a", v.href = s), A.createElement(
+  return s && (i = "a", y.href = s), A.createElement(
     i,
-    v,
-    f || (l ? /* @__PURE__ */ a.jsx(se, { showOnFocus: !1, children: l }) : null)
+    y,
+    f || (l ? /* @__PURE__ */ a.jsx(ae, { showOnFocus: !1, children: l }) : null)
   );
 }, ht = ({ buttons: e, className: t = "", ...n }) => {
-  const r = e.length > 1 ? "ul" : "p", s = e.map((i, o) => r === "p" ? /* @__PURE__ */ a.jsx(q, { ...i }, o) : /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(q, { ...i }) }, o));
-  return A.createElement(r, { className: j("button-wrapper", t), ...n, children: s });
+  const r = e.length > 1 ? "ul" : "p", s = e.map((i, o) => r === "p" ? /* @__PURE__ */ a.jsx(B, { ...i }, o) : /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(B, { ...i }) }, o));
+  return A.createElement(r, { className: w("button-wrapper", t), ...n, children: s });
 };
 const Te = ({ className: e = "", maxWidth: t = !1 }) => {
   const n = t ? { "--max-width": `${t / 16}rem` } : {};
-  return /* @__PURE__ */ a.jsx("hr", { className: j(e, { "has-max-width": t }), style: n });
+  return /* @__PURE__ */ a.jsx("hr", { className: w(e, { "has-max-width": t }), style: n });
 }, gt = ({
   href: e,
   children: t,
@@ -1290,7 +1290,7 @@ const Te = ({ className: e = "", maxWidth: t = !1 }) => {
       "a",
       {
         href: e,
-        className: j("gtm-trackable", r),
+        className: w("gtm-trackable", r),
         ...m,
         children: t
       }
@@ -1427,14 +1427,14 @@ const Wn = ({ image: e, className: t, testId: n }) => {
     loading: l,
     decoding: f,
     fetchPriority: d
-  } = e, { range: h, sizes: p } = kr(e), _ = St({ format: "avif", query: o, range: h, url: c }), v = St({ format: "webp", query: o, range: h, url: c }), y = St({ format: "", query: o, range: h, url: c });
+  } = e, { range: p, sizes: h } = kr(e), _ = St({ format: "avif", query: o, range: p, url: c }), y = St({ format: "webp", query: o, range: p, url: c }), k = St({ format: "", query: o, range: p, url: c });
   return /* @__PURE__ */ a.jsxs("picture", { className: t, children: [
     i !== "image/gif" && /* @__PURE__ */ a.jsx(
       "source",
       {
         type: "image/avif",
         srcSet: _,
-        sizes: p,
+        sizes: h,
         "data-testid": "source"
       }
     ),
@@ -1442,16 +1442,16 @@ const Wn = ({ image: e, className: t, testId: n }) => {
       "source",
       {
         type: "image/webp",
-        srcSet: v,
-        sizes: p,
+        srcSet: y,
+        sizes: h,
         "data-testid": "source"
       }
     ),
     /* @__PURE__ */ a.jsx(
       "img",
       {
-        srcSet: y,
-        sizes: p,
+        srcSet: k,
+        sizes: h,
         src: c,
         alt: r,
         loading: l || "lazy",
@@ -1464,10 +1464,10 @@ const Wn = ({ image: e, className: t, testId: n }) => {
     )
   ] });
 };
-let Le = !1;
+let Ie = !1;
 const wr = ({ isOpen: e = !1, isLoading: t = !1, children: n }) => {
-  const r = P(), s = te(null), [i, o] = F("hidden");
-  V(() => {
+  const r = P(), s = ne(null), [i, o] = R("hidden");
+  G(() => {
     const m = s.current;
     if (m)
       return m.addEventListener("transitionend", c), () => {
@@ -1475,17 +1475,17 @@ const wr = ({ isOpen: e = !1, isLoading: t = !1, children: n }) => {
       };
   }, []);
   const c = ({ propertyName: m }) => {
-    m === "opacity" && (Le !== !1 && clearTimeout(Le), o((l) => l === "opening" ? "open" : l === "closing" ? "closed" : l === "closed" ? "hidden" : l));
+    m === "opacity" && (Ie !== !1 && clearTimeout(Ie), o((l) => l === "opening" ? "open" : l === "closing" ? "closed" : l === "closed" ? "hidden" : l));
   };
-  return Ne(() => {
-    Le !== !1 && clearTimeout(Le);
+  return Pe(() => {
+    Ie !== !1 && clearTimeout(Ie);
     let m = "open";
-    e ? o("opening") : (o("closing"), m = "hidden"), Le = setTimeout(() => {
+    e ? o("opening") : (o("closing"), m = "hidden"), Ie = setTimeout(() => {
       o(m);
     }, 300);
-  }, [e]), /* @__PURE__ */ a.jsx("aside", { ref: s, className: j("tooltip text-medium", i, { loading: t }), hidden: i === "hidden", children: t ? /* @__PURE__ */ a.jsx("p", { children: r.formatMessage({ id: "tooltip_loading" }) }) : typeof n == "string" ? /* @__PURE__ */ a.jsx("p", { children: n }) : n });
+  }, [e]), /* @__PURE__ */ a.jsx("aside", { ref: s, className: w("tooltip text-medium", i, { loading: t }), hidden: i === "hidden", children: t ? /* @__PURE__ */ a.jsx("p", { children: r.formatMessage({ id: "tooltip_loading" }) }) : typeof n == "string" ? /* @__PURE__ */ a.jsx("p", { children: n }) : n });
 };
-const _t = ({ children: e, className: t = "", ...n }) => /* @__PURE__ */ a.jsx("section", { className: j("full-width-section", t), ...n, children: e });
+const _t = ({ children: e, className: t = "", ...n }) => /* @__PURE__ */ a.jsx("section", { className: w("full-width-section", t), ...n, children: e });
 const $i = ({ text: e, buttons: t, className: n = "" }) => {
   const r = [];
   return t.forEach((s) => {
@@ -1499,7 +1499,7 @@ const $i = ({ text: e, buttons: t, className: n = "" }) => {
       target: "_blank",
       children: s.text
     });
-  }), /* @__PURE__ */ a.jsx(_t, { className: j("download-section", n), children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+  }), /* @__PURE__ */ a.jsx(_t, { className: w("download-section", n), children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     A.createElement(typeof e == "string" ? "h2" : e.element, { className: "text" }, typeof e == "string" ? e : e.text),
     /* @__PURE__ */ a.jsx(ht, { buttons: r })
   ] }) });
@@ -1512,12 +1512,12 @@ const Ei = ({ title: e = !1, logos: t = [], className: n = "" }) => {
     element: typeof e == "object" ? e.element : "h2",
     text: typeof e == "string" ? e : typeof e == "object" ? e.text : ""
   };
-  return /* @__PURE__ */ a.jsxs("div", { className: j("logos", n), children: [
+  return /* @__PURE__ */ a.jsxs("div", { className: w("logos", n), children: [
     e && A.createElement(s.element, { className: "title" }, s.text),
     /* @__PURE__ */ a.jsx(
       "ul",
       {
-        className: j({ "two-col": r === 2 || r === 4, "three-col": r === 5 || r <= 10 && r % 3 === 0 }),
+        className: w({ "two-col": r === 2 || r === 4, "three-col": r === 5 || r <= 10 && r % 3 === 0 }),
         children: t.map(
           ({ logo: i, nameOfBusiness: o, link: c = !1, description: m = !1 }, l) => {
             if (!i || !i.url)
@@ -1586,11 +1586,11 @@ const Tr = [
     if (!i[d]) {
       if (typeof t[d] == "object") {
         f[d] = t[d];
-        const { text: h, element: p } = t[d];
-        if (p && Tr.includes(p.toLowerCase()))
+        const { text: p, element: h } = t[d];
+        if (h && Tr.includes(h.toLowerCase()))
           return;
         f[d] = {
-          text: h,
+          text: p,
           element: l[d]
         };
         return;
@@ -1602,12 +1602,12 @@ const Tr = [
     }
   }), o && o.link && o.link[0] === "#" && (o.props || (o.props = {}), o.props.onClick = (d) => {
     d.preventDefault(), d.stopPropagation();
-    const h = document.getElementById(o.link.substring(1));
-    h && h.scrollIntoView({ behavior: "smooth" });
+    const p = document.getElementById(o.link.substring(1));
+    p && p.scrollIntoView({ behavior: "smooth" });
   }), /* @__PURE__ */ a.jsx(
     _t,
     {
-      className: j("banner-section", r, s, e, {
+      className: w("banner-section", r, s, e, {
         "has-image": n,
         "has-extra-spacing": s === "normal" && f.eyebrow && f.title
       }),
@@ -1615,18 +1615,18 @@ const Tr = [
         /* @__PURE__ */ a.jsxs("div", { className: "content-wrapper", children: [
           m.map((d) => {
             if (f[d] && typeof f[d] == "object") {
-              const { text: h, element: p = "" } = f[d];
+              const { text: p, element: h = "" } = f[d];
               return A.createElement(
-                p.toLowerCase(),
+                h.toLowerCase(),
                 { key: d, className: d },
-                h
+                p
               );
             }
             return null;
           }),
           c,
           o && o.text && o.link && /* @__PURE__ */ a.jsx(
-            q,
+            B,
             {
               variant: n || r === "light" ? "primary" : "secondary",
               size: { mobile: "medium", 768: "large" },
@@ -1640,17 +1640,17 @@ const Tr = [
       ] })
     }
   );
-}, Ci = Ae($r);
+}, Ci = Fe($r);
 const Si = ({
   variant: e = "primary",
   button: t = null,
   title: n,
   text: r,
   gtmContext: s
-}) => !n && !r ? null : /* @__PURE__ */ a.jsxs("aside", { className: j("marketing-block", e), children: [
+}) => !n && !r ? null : /* @__PURE__ */ a.jsxs("aside", { className: w("marketing-block", e), children: [
   n && /* @__PURE__ */ a.jsx("p", { className: "title", children: n }),
   r && /* @__PURE__ */ a.jsx("p", { children: r }),
-  t && /* @__PURE__ */ a.jsx(q, { variant: "secondary", size: "medium", href: t.link, className: "gtm-trackable", "data-gtm-event-context": s, "data-gtm-event-type": "learn-more-click", children: t.text })
+  t && /* @__PURE__ */ a.jsx(B, { variant: "secondary", size: "medium", href: t.link, className: "gtm-trackable", "data-gtm-event-context": s, "data-gtm-event-type": "learn-more-click", children: t.text })
 ] }), Er = ({ showDevTools: e = !0, children: t }) => {
   const n = new za({
     // default options we would like on all queries can be overridden individually
@@ -1700,16 +1700,16 @@ const Mr = ({ children: e, user: t }) => t.isLoading ? null : process.env.REACT_
   return /* @__PURE__ */ a.jsx(Ha, { locale: r, messages: s, children: e });
 }, ke = Gt({ isLoading: !0 });
 function Jt() {
-  return fe(ke);
+  return ge(ke);
 }
 const Pr = ({ children: e, user: t }) => /* @__PURE__ */ a.jsx(ke.Provider, { value: t, children: e }), Mi = ({ bootstrap: e, children: t, intl: n }) => {
-  const [r, s] = F({ isLoading: !0 });
-  return V(() => {
+  const [r, s] = R({ isLoading: !0 });
+  return G(() => {
     e().then((i) => {
       s({ ...i, isLoading: !1 }), br(5e3);
     }).catch(() => s({ isLoading: !1 }));
   }, []), /* @__PURE__ */ a.jsx(Nr, { locale: n == null ? void 0 : n.locale, messages: n == null ? void 0 : n.messages, children: /* @__PURE__ */ a.jsx(Ga, { children: /* @__PURE__ */ a.jsx(Pr, { user: r, children: /* @__PURE__ */ a.jsx(Er, { children: /* @__PURE__ */ a.jsx(Mr, { user: r, children: t }) }) }) }) });
-}, rt = "https://storage.googleapis.com/apolitical-assets/", Oe = {
+}, rt = "https://storage.googleapis.com/apolitical-assets/", Be = {
   general: "hello@apolitical.co",
   support: "concierge@apolitical.co",
   "data-protection": {
@@ -1719,12 +1719,12 @@ const Pr = ({ children: e, user: t }) => /* @__PURE__ */ a.jsx(ke.Provider, { va
 }, Ni = "200,000+";
 const Vn = ({ label: e = !1, className: t = "", children: n }) => {
   const r = P();
-  return /* @__PURE__ */ a.jsxs("details", { className: j("collapsible-section", t), children: [
+  return /* @__PURE__ */ a.jsxs("details", { className: w("collapsible-section", t), children: [
     /* @__PURE__ */ a.jsx("summary", { children: e || r.formatMessage({ id: "collapsibleSection_summary" }) }),
     /* @__PURE__ */ a.jsx("div", { className: "content", children: n })
   ] });
 };
-const we = ({ variant: e = "primary", className: t = "", children: n, ...r }) => /* @__PURE__ */ a.jsx("div", { className: j("highlighted-text-box", e, t), ...r, children: n });
+const we = ({ variant: e = "primary", className: t = "", children: n, ...r }) => /* @__PURE__ */ a.jsx("div", { className: w("highlighted-text-box", e, t), ...r, children: n });
 const bt = ({
   variant: e = "empty",
   text: t = !1,
@@ -1732,10 +1732,10 @@ const bt = ({
   className: r = ""
 }) => {
   let s = n && !!Object.keys(n).length;
-  const i = typeof n == "object" && "breakpoints" in n, o = qe(i);
+  const i = typeof n == "object" && "breakpoints" in n, o = He(i);
   if (i && typeof n == "object" && typeof o == "number") {
-    const d = Object.assign({}, n.breakpoints), h = qn(Object.keys(d));
-    s = Hn(o, h, d);
+    const d = Object.assign({}, n.breakpoints), p = qn(Object.keys(d));
+    s = Hn(o, p, d);
   }
   const {
     breakpoints: c,
@@ -1747,11 +1747,11 @@ const bt = ({
     we,
     {
       variant: "subtle",
-      className: j("empty-state-box", e, r),
+      className: w("empty-state-box", e, r),
       children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
         t && /* @__PURE__ */ a.jsx(pt, { options: { forceBlock: !0 }, children: t }),
         s && typeof n == "object" && (l || /* @__PURE__ */ a.jsx(
-          q,
+          B,
           {
             ...f,
             variant: n.variant ? n.variant : "secondary",
@@ -1765,7 +1765,7 @@ const bt = ({
 const Wt = ({ children: e, ...t }) => /* @__PURE__ */ a.jsx("p", { ...t, children: e }), Yn = { q: Wt, blockquote: Wt };
 for (let e = 1; e <= 6; e++)
   Yn[`h${e}`] = { component: Wt, props: { className: "title" } };
-const Ar = ({ type: e = "default", className: t = "", heading: n = !1, children: r }) => /* @__PURE__ */ a.jsxs("div", { className: j("helper-text-box text-small", e, t), children: [
+const Ar = ({ type: e = "default", className: t = "", heading: n = !1, children: r }) => /* @__PURE__ */ a.jsxs("div", { className: w("helper-text-box text-small", e, t), children: [
   n && /* @__PURE__ */ a.jsx("p", { className: "title", children: n }),
   typeof r == "string" ? /* @__PURE__ */ a.jsx(
     pt,
@@ -1780,45 +1780,45 @@ const Ar = ({ type: e = "default", className: t = "", heading: n = !1, children:
   ) : /* @__PURE__ */ a.jsx("p", { children: r })
 ] });
 const Pi = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children: s }) => {
-  const i = P(), o = te(null), [c, m] = F(""), [l, f] = F("closed");
-  V(() => {
-    const p = o.current;
-    if (p)
-      return p.addEventListener("transitionend", d), () => {
-        p.removeEventListener("transitionend", d);
+  const i = P(), o = ne(null), [c, m] = R(""), [l, f] = R("closed");
+  G(() => {
+    const h = o.current;
+    if (h)
+      return h.addEventListener("transitionend", d), () => {
+        h.removeEventListener("transitionend", d);
       };
-  }, []), V(() => {
+  }, []), G(() => {
     if (!r || typeof r != "string")
       return;
-    const p = r.split(`
+    const h = r.split(`
 `);
-    m(p.length < 3 ? `${r.substring(0, 400)}...` : p.slice(0, 3).join(`
+    m(h.length < 3 ? `${r.substring(0, 400)}...` : h.slice(0, 3).join(`
 `));
-  }, [r]), V(() => {
+  }, [r]), G(() => {
     l === "ready-to-close" && f("closing");
   }, [l]);
-  const d = ({ propertyName: p }) => {
-    p === "max-height" && f((_) => _ === "opening" ? "open" : _ === "closing" ? "closed" : _);
+  const d = ({ propertyName: h }) => {
+    h === "max-height" && f((_) => _ === "opening" ? "open" : _ === "closing" ? "closed" : _);
   };
   if (!r)
     return null;
-  const h = ["opening", "open"].includes(l);
-  return /* @__PURE__ */ a.jsxs(we, { variant: "subtle", className: j("hide-show-text-box", e), children: [
-    /* @__PURE__ */ a.jsxs("div", { ref: o, className: j("content", l), children: [
+  const p = ["opening", "open"].includes(l);
+  return /* @__PURE__ */ a.jsxs(we, { variant: "subtle", className: w("hide-show-text-box", e), children: [
+    /* @__PURE__ */ a.jsxs("div", { ref: o, className: w("content", l), children: [
       /* @__PURE__ */ a.jsx(pt, { options: { forceBlock: !0 }, children: l === "closed" ? c : r }),
       l !== "closed" && s
     ] }),
     /* @__PURE__ */ a.jsx("p", { className: "cta", children: /* @__PURE__ */ a.jsx(
-      q,
+      B,
       {
         variant: "tertiary",
         icon: { icon: "navigation_arrow", position: "left", animate: !0 },
         styling: { muted: !0 },
-        className: j({ "rotate-180": h }),
+        className: w({ "rotate-180": p }),
         onClick: () => {
-          f(h ? "ready-to-close" : "opening");
+          f(p ? "ready-to-close" : "opening");
         },
-        children: h ? n || i.formatMessage({ id: "hideShowTextBox_hide" }) : t || i.formatMessage({ id: "hideShowTextBox_show" })
+        children: p ? n || i.formatMessage({ id: "hideShowTextBox_hide" }) : t || i.formatMessage({ id: "hideShowTextBox_show" })
       }
     ) })
   ] });
@@ -1872,7 +1872,7 @@ const Pi = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
   let r = "default";
   const s = e.src;
   return s.includes("youtube") || s.includes("vimeo") ? r = "video" : s.includes("riddle") || s.includes("sli.do") ? r = "poll" : s.includes("padlet") && (r = "padlet"), /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    /* @__PURE__ */ a.jsx(se, { children: /* @__PURE__ */ a.jsx("a", { href: `#content-after-iframe-${n}`, children: t.formatMessage({ id: `markdown_skip${r === "default" ? "" : `_${r}`}` }) }) }),
+    /* @__PURE__ */ a.jsx(ae, { children: /* @__PURE__ */ a.jsx("a", { href: `#content-after-iframe-${n}`, children: t.formatMessage({ id: `markdown_skip${r === "default" ? "" : `_${r}`}` }) }) }),
     /* @__PURE__ */ a.jsx("iframe", { ...e, title: t.formatMessage({ id: `markdown_iframe${r === "default" ? "" : `_${r}`}` }) }),
     /* @__PURE__ */ a.jsx("span", { id: `content-after-iframe-${n}`, tabIndex: -1 })
   ] });
@@ -1893,7 +1893,7 @@ const Pi = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
           else
             break;
     }
-  return s ? (n = { ...n, className: "button primary medium" }, /* @__PURE__ */ a.jsx("p", { className: "center", children: /* @__PURE__ */ a.jsx(q, { variant: "primary", size: "medium", ...n, children: r }) })) : /* @__PURE__ */ a.jsx("a", { ...n, children: r });
+  return s ? (n = { ...n, className: "button primary medium" }, /* @__PURE__ */ a.jsx("p", { className: "center", children: /* @__PURE__ */ a.jsx(B, { variant: "primary", size: "medium", ...n, children: r }) })) : /* @__PURE__ */ a.jsx("a", { ...n, children: r });
 }, Zr = ({ children: e }) => /* @__PURE__ */ a.jsx("span", { children: e });
 const jn = ({ className: e = "", options: t = {}, children: n }) => {
   n = n.replace(/^<br\/?>/, "");
@@ -1915,7 +1915,7 @@ const jn = ({ className: e = "", options: t = {}, children: n }) => {
       iframe: Or
     }
   };
-  return /* @__PURE__ */ a.jsx("div", { className: j("markdown-text", e), children: /* @__PURE__ */ a.jsx(pt, { options: { ...r, ...t }, children: n }) });
+  return /* @__PURE__ */ a.jsx("div", { className: w("markdown-text", e), children: /* @__PURE__ */ a.jsx(pt, { options: { ...r, ...t }, children: n }) });
 };
 const qr = ({
   maxWidth: e = !1,
@@ -1925,8 +1925,8 @@ const qr = ({
   className: s = ""
 }) => {
   const i = e ? { "--max-width": `${e / 16}rem` } : {};
-  return /* @__PURE__ */ a.jsxs("section", { className: j("page-heading", s), children: [
-    /* @__PURE__ */ a.jsxs("div", { className: j("content", { "has-max-width": e }), style: i, children: [
+  return /* @__PURE__ */ a.jsxs("section", { className: w("page-heading", s), children: [
+    /* @__PURE__ */ a.jsxs("div", { className: w("content", { "has-max-width": e }), style: i, children: [
       t && t.text && A.createElement(t.element || "h1", { className: "title" }, t.text),
       n && n.text && A.createElement(
         n.element || "h2",
@@ -1943,12 +1943,12 @@ const st = ({
   className: n = "",
   children: r,
   ...s
-}) => /* @__PURE__ */ a.jsx("span", { className: j("pill", e, t, n), ...s, children: r });
-const Vt = ({ element: e = "p", children: t = null, className: n = "", ...r }) => A.createElement(e, { ...r, className: j("status-banner text-small", n), "aria-live": "assertive" }, t);
+}) => /* @__PURE__ */ a.jsx("span", { className: w("pill", e, t, n), ...s, children: r });
+const Vt = ({ element: e = "p", children: t = null, className: n = "", ...r }) => A.createElement(e, { ...r, className: w("status-banner text-small", n), "aria-live": "assertive" }, t);
 const Hr = ({ progress: e = 0, text: t = !1, className: n = "" }) => {
   const r = P(), s = e > 75 ? 100 : e > 50 ? 75 : e > 25 ? 50 : e > 5 ? 25 : 0, i = { "--progress": `${e}%` };
-  return /* @__PURE__ */ a.jsx("span", { className: j(`progress-bar section-${s}`, n), style: i, children: /* @__PURE__ */ a.jsx(se, { children: t ? `${e} ${t}` : r.formatMessage({ id: "progressBar" }, { number: e }) }) });
-}, Ur = Ae(Hr);
+  return /* @__PURE__ */ a.jsx("span", { className: w(`progress-bar section-${s}`, n), style: i, children: /* @__PURE__ */ a.jsx(ae, { children: t ? `${e} ${t}` : r.formatMessage({ id: "progressBar" }, { number: e }) }) });
+}, Ur = Fe(Hr);
 const Mt = "loadingBlock_", zr = ({ progress: e = 0, steps: t = !1, className: n = "" }) => {
   const r = P();
   t || (t = {
@@ -1964,7 +1964,7 @@ const Mt = "loadingBlock_", zr = ({ progress: e = 0, steps: t = !1, className: n
   return /* @__PURE__ */ a.jsxs(
     we,
     {
-      className: j("loading-block", n, { "has-icon": s && t[s].icon }),
+      className: w("loading-block", n, { "has-icon": s && t[s].icon }),
       variant: "subtle",
       style: o,
       children: [
@@ -1973,8 +1973,8 @@ const Mt = "loadingBlock_", zr = ({ progress: e = 0, steps: t = !1, className: n
       ]
     }
   );
-}, Ai = Ae(zr);
-const pe = ({ element: e = "div", className: t = "", ...n }) => /* @__PURE__ */ a.jsx(Bn, { element: e, className: j("loading-placeholder", t), ...n });
+}, Ai = Fe(zr);
+const _e = ({ element: e = "div", className: t = "", ...n }) => /* @__PURE__ */ a.jsx(Bn, { element: e, className: w("loading-placeholder", t), ...n });
 const Yt = {
   header: ["logo", "link", "link", "search"],
   sidebar: ["text", "text", "text", "text", "text"],
@@ -1992,7 +1992,7 @@ const Yt = {
     "cards-section",
     "footer"
   ]
-}, Gn = (e, t) => e in Yt ? /* @__PURE__ */ a.jsx("div", { className: e, children: Yt[e].map((n, r) => Gn(n, r)) }, t) : /* @__PURE__ */ a.jsx(pe, { className: e }, t), Kn = ({ layout: e = "overview-page", ...t }) => /* @__PURE__ */ a.jsx("div", { className: j("loading-state", e), ...t, children: Yt[e].map((n, r) => Gn(n, r)) }), Qn = (e) => {
+}, Gn = (e, t) => e in Yt ? /* @__PURE__ */ a.jsx("div", { className: e, children: Yt[e].map((n, r) => Gn(n, r)) }, t) : /* @__PURE__ */ a.jsx(_e, { className: e }, t), Kn = ({ layout: e = "overview-page", ...t }) => /* @__PURE__ */ a.jsx("div", { className: w("loading-state", e), ...t, children: Yt[e].map((n, r) => Gn(n, r)) }), Qn = (e) => {
   const t = e && e.toUpperCase().split(" ");
   return Array.isArray(t) && t.length > 1 && t[0] !== "" ? t[1] === "" ? t[0][0] : t[0][0] + t[t.length - 1][0] : e ? e.substr(0, 1) : "";
 }, Ye = ["#5AB6A3", "#A2D7AF", "#806056", "#3962B3"], Wr = (e) => {
@@ -2004,7 +2004,7 @@ const Yt = {
     if (r <= t * (s + 1))
       return Ye[s];
 };
-const wn = 256, He = ({
+const wn = 256, Ue = ({
   className: e = "",
   src: t = "",
   name: n,
@@ -2013,22 +2013,22 @@ const wn = 256, He = ({
   height: i = wn,
   ...o
 }) => {
-  const [c, m] = F(!1), l = te(null);
-  V(() => {
+  const [c, m] = R(!1), l = ne(null);
+  G(() => {
     const d = l.current;
     if (!d)
       return;
-    const h = d.getContext("2d");
-    if (!h)
+    const p = d.getContext("2d");
+    if (!p)
       return;
-    const p = s, _ = i;
-    typeof window < "u" && window.devicePixelRatio && (d.width = p * window.devicePixelRatio, d.height = _ * window.devicePixelRatio, h.scale(window.devicePixelRatio, window.devicePixelRatio)), h.fillStyle = Wr(n), h.fillRect(0, 0, p, _), h.font = `${p / 3}px Arial`, h.textAlign = "center", h.fillStyle = "white", h.fillText(Qn(n), p / 2, _ / 1.6);
+    const h = s, _ = i;
+    typeof window < "u" && window.devicePixelRatio && (d.width = h * window.devicePixelRatio, d.height = _ * window.devicePixelRatio, p.scale(window.devicePixelRatio, window.devicePixelRatio)), p.fillStyle = Wr(n), p.fillRect(0, 0, h, _), p.font = `${h / 3}px Arial`, p.textAlign = "center", p.fillStyle = "white", p.fillText(Qn(n), h / 2, _ / 1.6);
   }, [n]);
   let f = !1;
   return t && t !== "" && !c && (t.includes("http") || t.includes("//")) && (f = !0), /* @__PURE__ */ a.jsx(
     "figure",
     {
-      className: j("profile-picture", e, { error: c }),
+      className: w("profile-picture", e, { error: c }),
       ...o,
       children: f ? /* @__PURE__ */ a.jsx(
         "img",
@@ -2066,7 +2066,7 @@ const wn = 256, He = ({
     return "";
   const c = `${e}${s && i ? ` — ${t}` : t}`;
   let m = `${c}${(s || i) && o ? `, ${n}` : n}`;
-  return m.length > r && (m = c), m.length > r && (m = Me(m, r)), m;
+  return m.length > r && (m = c), m.length > r && (m = Ne(m, r)), m;
 };
 const Xt = ({
   element: e = "div",
@@ -2078,9 +2078,9 @@ const Xt = ({
 }) => {
   const o = P(), c = Jn(t);
   c.name || (c.name = o.formatMessage({ id: `member_${typeof t == "string" ? t : "community"}` }));
-  const { name: m, url: l, image: f } = c, d = Vr(c), h = n && n.createdAt ? zt(n.createdAt) : !1, p = n && n.createdAt ? Un(n.createdAt) : "";
+  const { name: m, url: l, image: f } = c, d = Vr(c), p = n && n.createdAt ? zt(n.createdAt) : !1, h = n && n.createdAt ? Un(n.createdAt) : "";
   return A.createElement(e, {
-    className: j("member text-medium", i),
+    className: w("member text-medium", i),
     children: /* @__PURE__ */ a.jsxs(
       gt,
       {
@@ -2091,11 +2091,11 @@ const Xt = ({
           _ == null || _.stopPropagation();
         },
         children: [
-          /* @__PURE__ */ a.jsx(He, { name: m, src: f }),
+          /* @__PURE__ */ a.jsx(Ue, { name: m, src: f }),
           /* @__PURE__ */ a.jsxs("p", { className: "details", children: [
             /* @__PURE__ */ a.jsx("strong", { children: m }),
             n && /* @__PURE__ */ a.jsxs("span", { className: "additional-content", children: [
-              n.createdAt && h && /* @__PURE__ */ a.jsx("span", { className: "date", title: p, "aria-label": p, children: o.formatMessage({ id: `dates_${h.path}` }, { number: h.number }) }),
+              n.createdAt && p && /* @__PURE__ */ a.jsx("span", { className: "date", title: h, "aria-label": h, children: o.formatMessage({ id: `dates_${p.path}` }, { number: p.number }) }),
               n.didEdit && /* @__PURE__ */ a.jsx("em", { children: o.formatMessage({ id: "discussion_edited" }) })
             ] }),
             d && /* @__PURE__ */ a.jsx("small", { children: d })
@@ -2124,39 +2124,39 @@ const Tn = {
   const f = P();
   return !n || n.length === 0 ? null : A.createElement(e, {
     ...l,
-    className: j("contributors", m, s, { "has-gap": i }),
+    className: w("contributors", m, s, { "has-gap": i }),
     children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-      /* @__PURE__ */ a.jsx("ul", { children: n.map((d, h) => {
-        let p, _ = "";
-        if (h < c) {
-          const { name: v = "", image: y = "" } = Jn(d);
+      /* @__PURE__ */ a.jsx("ul", { children: n.map((d, p) => {
+        let h, _ = "";
+        if (p < c) {
+          const { name: y = "", image: k = "" } = Jn(d);
           if (o)
-            return /* @__PURE__ */ a.jsx(pe, { element: "li", className: "contributor" }, h);
-          p = /* @__PURE__ */ a.jsx(
-            He,
+            return /* @__PURE__ */ a.jsx(_e, { element: "li", className: "contributor" }, p);
+          h = /* @__PURE__ */ a.jsx(
+            Ue,
             {
-              name: v,
-              src: y,
+              name: y,
+              src: k,
               width: Tn[s || "medium"],
               height: Tn[s || "medium"]
             }
           );
-        } else if (h === c) {
-          const v = (t || n.length) - c;
-          p = /* @__PURE__ */ a.jsxs(
+        } else if (p === c) {
+          const y = (t || n.length) - c;
+          h = /* @__PURE__ */ a.jsxs(
             "small",
             {
-              className: j({ "large-number": v > 99 }),
+              className: w({ "large-number": y > 99 }),
               children: [
                 "+",
-                _r(v, 0)
+                _r(y, 0)
               ]
             }
           ), _ = "number-left";
         }
-        return p ? /* @__PURE__ */ a.jsx("li", { className: j("contributor", _), children: p }, h) : null;
+        return h ? /* @__PURE__ */ a.jsx("li", { className: w("contributor", _), children: h }, p) : null;
       }) }),
-      r && /* @__PURE__ */ a.jsx("span", { className: "label", children: typeof r == "string" ? r : n.length === 1 ? typeof n[0] == "string" ? f.formatMessage({ id: `member_${n[0]}` }) : Me(n[0].name || "", 20) : null })
+      r && /* @__PURE__ */ a.jsx("span", { className: "label", children: typeof r == "string" ? r : n.length === 1 ? typeof n[0] == "string" ? f.formatMessage({ id: `member_${n[0]}` }) : Ne(n[0].name || "", 20) : null })
     ] })
   });
 }, Yr = ({ type: e, data: t }) => {
@@ -2277,43 +2277,43 @@ const Tn = {
   }
 }, Gr = ({ data: e, cta: t, link: n, gtmContext: r }) => {
   var _;
-  const s = P(), [i, o] = F({
+  const s = P(), [i, o] = R({
     loading: !1,
     registered: e.registered || !1
   });
-  V(() => {
-    e.registered && o((v) => ({ ...v, registered: !0 }));
+  G(() => {
+    e.registered && o((y) => ({ ...y, registered: !0 }));
   }, [e.registered]);
   const { startDate: c, dateHasPassed: m, pill: l, slug: f } = e, d = e.contentType;
-  let h = "";
-  if ((_ = it[d]) != null && _.gtmEvent && (h = it[d].gtmEvent), c && m)
+  let p = "";
+  if ((_ = it[d]) != null && _.gtmEvent && (p = it[d].gtmEvent), c && m)
     return /* @__PURE__ */ a.jsx(
       "a",
       {
         href: n,
         className: "details additional-link gtm-trackable",
         "data-gtm-event-context": `${r}-CarouselCard`,
-        "data-gtm-event-type": `${h}-click`,
+        "data-gtm-event-type": `${p}-click`,
         children: s.formatMessage({ id: "card_watch" })
       }
     );
   if (d === "people")
     return /* @__PURE__ */ a.jsx(
-      q,
+      B,
       {
         variant: "tertiary",
         size: "small",
         href: n,
         className: "gtm-trackable",
         "data-gtm-event-context": `${r}-Card-Button`,
-        "data-gtm-event-type": `${h}-click`,
+        "data-gtm-event-type": `${p}-click`,
         children: s.formatMessage({ id: "card_cta_people" })
       }
     );
-  const p = ["microcourse", "event"];
-  if (t && t.onClick && p.includes(d) && l !== "premium") {
-    const v = i.loading || i.registered, y = async (k) => {
-      if (k.preventDefault(), k.stopPropagation(), !(v || !t || !t.onClick)) {
+  const h = ["microcourse", "event"];
+  if (t && t.onClick && h.includes(d) && l !== "premium") {
+    const y = i.loading || i.registered, k = async (v) => {
+      if (v.preventDefault(), v.stopPropagation(), !(y || !t || !t.onClick)) {
         o((g) => ({ ...g, loading: !0 }));
         try {
           const g = await t.onClick(e);
@@ -2324,18 +2324,18 @@ const Tn = {
       }
     };
     return /* @__PURE__ */ a.jsx(
-      q,
+      B,
       {
-        onClick: y,
+        onClick: k,
         className: "gtm-trackable",
         size: "small",
         styling: { fullWidth: !0 },
-        disabled: v,
+        disabled: y,
         "data-gtm-event-context": `${r}Page-${d}: ${f}`,
         "data-gtm-event-type": `${r}-${d}-register-click`,
         "data-testid": "in-card-button",
         children: s.formatMessage({
-          id: `card_cta_${d}${v ? `_${i.loading ? "loading" : "done"}` : ""}`
+          id: `card_cta_${d}${y ? `_${i.loading ? "loading" : "done"}` : ""}`
         })
       }
     );
@@ -2364,19 +2364,19 @@ const Qr = {
   gtmContext: s = "Carousel",
   className: i = ""
 }) => {
-  const o = P(), c = fe(ke), m = c && typeof c.id == "string", [l, f] = F({
+  const o = P(), c = ge(ke), m = c && typeof c.id == "string", [l, f] = R({
     data: null,
     isLoading: !0
-  }), { data: d, isLoading: h } = l, p = Dn(() => {
-    n(t, m).then((R) => {
-      f(() => ({ data: R, isLoading: !1 }));
-    }).catch(() => f((R) => ({ ...R, isLoading: !1 })));
+  }), { data: d, isLoading: p } = l, h = Dn(() => {
+    n(t, m).then((F) => {
+      f(() => ({ data: F, isLoading: !1 }));
+    }).catch(() => f((F) => ({ ...F, isLoading: !1 })));
   }, [e]);
-  if (V(() => {
-    p();
-  }, []), h || !d)
+  if (G(() => {
+    h();
+  }, []), p || !d)
     return /* @__PURE__ */ a.jsx(
-      pe,
+      _e,
       {
         element: "li",
         className: "card-wrapper",
@@ -2385,38 +2385,38 @@ const Qr = {
     );
   const { contentType: _ } = d;
   if (!_ || !it[_])
-    return /* @__PURE__ */ a.jsx(pe, { element: "li", className: "card-wrapper" });
+    return /* @__PURE__ */ a.jsx(_e, { element: "li", className: "card-wrapper" });
   const {
-    basePath: v = "",
-    className: y,
-    length: k,
+    basePath: y = "",
+    className: k,
+    length: v,
     gtmEvent: g
-  } = it[_], b = zn(`card_label_${_}`) ? o.formatMessage({ id: `card_label_${_}` }) : !1, w = d.slug ? `${v}${d.slug}` : !1, C = { ...Qr, ...k };
-  let M = { className: "card" };
-  w && (M = {
-    href: w,
+  } = it[_], b = zn(`card_label_${_}`) ? o.formatMessage({ id: `card_label_${_}` }) : !1, j = d.slug ? `${y}${d.slug}` : !1, C = { ...Qr, ...v };
+  let S = { className: "card" };
+  j && (S = {
+    href: j,
     className: "card gtm-trackable",
     "data-gtm-event-context": `${s}-CarouselCard`,
     "data-gtm-event-type": `${g}-click`,
     "data-testid": "link"
-  }, d.openInNewTab && (M.target = "_blank"));
-  const L = d.customIcon ? { "--custom-icon": Kr(d.customIcon) } : {};
+  }, d.openInNewTab && (S.target = "_blank"));
+  const Y = d.customIcon ? { "--custom-icon": Kr(d.customIcon) } : {};
   return /* @__PURE__ */ a.jsx(
     "li",
     {
-      className: j("card-wrapper text-medium", y, i, {
-        "has-link": w,
-        "no-link": !w,
+      className: w("card-wrapper text-medium", k, i, {
+        "has-link": j,
+        "no-link": !j,
         "has-custom-icon": d.customIcon,
         "has-image": d.banner
       }),
-      style: L,
+      style: Y,
       "data-testid": `${_}-card`,
       children: A.createElement(
-        w ? "a" : "div",
-        M,
+        j ? "a" : "div",
+        S,
         /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-          (d.customLabel || b) && /* @__PURE__ */ a.jsx("small", { className: j("card-label text-small", y), children: d.customLabel || b }),
+          (d.customLabel || b) && /* @__PURE__ */ a.jsx("small", { className: w("card-label text-small", k), children: d.customLabel || b }),
           d.startDate && !d.isOngoingEvent && /* @__PURE__ */ a.jsx(
             st,
             {
@@ -2429,8 +2429,8 @@ const Qr = {
           d.banner ? /* @__PURE__ */ a.jsxs("p", { className: "img", children: [
             d.registered && /* @__PURE__ */ a.jsx(st, { size: "small", variant: "registered", children: o.formatMessage({ id: "card_registered" }) }),
             /* @__PURE__ */ a.jsx(Wn, { image: d.banner })
-          ] }) : y === "people" ? /* @__PURE__ */ a.jsx(
-            He,
+          ] }) : k === "people" ? /* @__PURE__ */ a.jsx(
+            Ue,
             {
               name: d.title || "",
               src: d.profile,
@@ -2443,29 +2443,29 @@ const Qr = {
               contributors: { data: d.contributors },
               styling: {
                 size: "small",
-                showGap: y !== "question",
+                showGap: k !== "question",
                 showText: !0
               },
               "data-testid": "contributors"
             }
           ),
-          d.partner && /* @__PURE__ */ a.jsx("p", { className: "partners", "data-testid": "partners", children: Me(d.partner.title, C.partner) }),
+          d.partner && /* @__PURE__ */ a.jsx("p", { className: "partners", "data-testid": "partners", children: Ne(d.partner.title, C.partner) }),
           /* Text */
-          ["title", "text", "secondaryText"].map((R) => {
-            const T = d[R];
-            if (!T)
+          ["title", "text", "secondaryText"].map((F) => {
+            const $ = d[F];
+            if (!$)
               return null;
-            const S = ur(R);
-            return /* @__PURE__ */ a.jsx("p", { className: S, "data-testid": S, children: Me(T, C[R]) }, R);
+            const M = ur(F);
+            return /* @__PURE__ */ a.jsx("p", { className: M, "data-testid": M, children: Ne($, C[F]) }, F);
           }),
-          /* @__PURE__ */ a.jsx(Yr, { type: y || "", data: d }),
-          /* @__PURE__ */ a.jsx(Gr, { data: d, cta: r, link: w || "", gtmContext: s })
+          /* @__PURE__ */ a.jsx(Yr, { type: k || "", data: d }),
+          /* @__PURE__ */ a.jsx(Gr, { data: d, cta: r, link: j || "", gtmContext: s })
         ] })
       )
     }
   );
 };
-const Jr = ({ cards: e, cardTypes: t, className: n = "", ...r }) => /* @__PURE__ */ a.jsx("ul", { className: j("card-block", n), children: e.map((s, i) => {
+const Jr = ({ cards: e, cardTypes: t, className: n = "", ...r }) => /* @__PURE__ */ a.jsx("ul", { className: w("card-block", n), children: e.map((s, i) => {
   const o = s.slug ? `${s.slug}-${t[i]}` : `${t[i]}-${i}`;
   return /* @__PURE__ */ a.jsx(
     ea,
@@ -2485,7 +2485,7 @@ const Jr = ({ cards: e, cardTypes: t, className: n = "", ...r }) => /* @__PURE__
     return null;
   const { text: r, element: s = "h2", variant: i = "default", size: o = "medium", link: c } = t;
   return A.createElement(s, {
-    className: j("title", i, o, {
+    className: w("title", i, o, {
       "highlighted-title": i === "highlighted"
     }),
     children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
@@ -2518,51 +2518,51 @@ const ts = ({
   className: i,
   gtmContext: o
 }) => {
-  var R;
-  const c = P(), [m, l] = F({
+  var F;
+  const c = P(), [m, l] = R({
     cardsPerPage: 4,
     isLoading: !0
-  }), { cardsPerPage: f, isLoading: d } = m, [h, p] = F({
+  }), { cardsPerPage: f, isLoading: d } = m, [p, h] = R({
     currentPage: 0,
     loadedPages: [0]
-  }), { currentPage: _, loadedPages: v } = h, y = t.length, k = Math.ceil(y / f), g = te(null), b = qe(!0, !0, g == null ? void 0 : g.current);
-  V(() => {
-    let T = 1;
-    b && (b >= Nt.fourCards ? T = 4 : b >= Nt.threeCards ? T = 3 : b >= Nt.twoCards && (T = 2), T > y && (T = y)), l((S) => ({
-      ...S,
-      cardsPerPage: T,
+  }), { currentPage: _, loadedPages: y } = p, k = t.length, v = Math.ceil(k / f), g = ne(null), b = He(!0, !0, g == null ? void 0 : g.current);
+  G(() => {
+    let $ = 1;
+    b && (b >= Nt.fourCards ? $ = 4 : b >= Nt.threeCards ? $ = 3 : b >= Nt.twoCards && ($ = 2), $ > k && ($ = k)), l((M) => ({
+      ...M,
+      cardsPerPage: $,
       isLoading: !1
     }));
-  }, [b, y]);
-  const w = (T = "next") => {
-    let S = _;
-    if (typeof T == "string")
-      if (T === "next")
-        if (_ < k - 1)
-          S = _ + 1;
+  }, [b, k]);
+  const j = ($ = "next") => {
+    let M = _;
+    if (typeof $ == "string")
+      if ($ === "next")
+        if (_ < v - 1)
+          M = _ + 1;
         else
           return;
       else if (_ > 0)
-        S = _ - 1;
+        M = _ - 1;
       else
         return;
     else
-      S = T;
-    p((E) => ({
+      M = $;
+    h((E) => ({
       ...E,
-      currentPage: S,
-      loadedPages: [.../* @__PURE__ */ new Set([...v, S])]
+      currentPage: M,
+      loadedPages: [.../* @__PURE__ */ new Set([...y, M])]
     }));
-  }, C = (T) => {
-    Ge = T.touches[0].clientX;
-  }, M = (T) => {
+  }, C = ($) => {
+    Ge = $.touches[0].clientX;
+  }, S = ($) => {
     if (Ge === null)
       return;
-    const S = T.touches[0].clientX, E = Ge - S;
-    E > 5 ? w("next") : E < -5 && w("previous"), Ge = null;
-  }, L = {
-    "--width": `${((R = g == null ? void 0 : g.current) == null ? void 0 : R.offsetWidth) || 0}px`,
-    "--total-cards": y,
+    const M = $.touches[0].clientX, E = Ge - M;
+    E > 5 ? j("next") : E < -5 && j("previous"), Ge = null;
+  }, Y = {
+    "--width": `${((F = g == null ? void 0 : g.current) == null ? void 0 : F.offsetWidth) || 0}px`,
+    "--total-cards": k,
     "--cards-per-page": f,
     "--page": _
   };
@@ -2570,7 +2570,7 @@ const ts = ({
     "section",
     {
       ref: g,
-      className: j("carousel-wrapper", i),
+      className: w("carousel-wrapper", i),
       "data-testid": "carousel",
       children: [
         /* @__PURE__ */ a.jsx(es, { id: e, title: s }),
@@ -2579,22 +2579,22 @@ const ts = ({
           {
             className: "carousel",
             onTouchStart: C,
-            onTouchMove: M,
-            style: L,
+            onTouchMove: S,
+            style: Y,
             "data-testid": "carousel-list",
-            children: t.map((T, S) => {
-              let E = T && T.sys && T.sys.id ? `${e}-card-${T.sys.id}` : null;
-              return E && Xr(S, f, _, v) ? /* @__PURE__ */ a.jsx(
+            children: t.map(($, M) => {
+              let E = $ && $.sys && $.sys.id ? `${e}-card-${$.sys.id}` : null;
+              return E && Xr(M, f, _, y) ? /* @__PURE__ */ a.jsx(
                 ea,
                 {
                   id: E,
-                  card: { ...T, contentType: n[S] },
+                  card: { ...$, contentType: n[M] },
                   buildCardData: r,
                   gtmContext: o
                 },
                 E
-              ) : (E = E || `${e}-card-${S}`, /* @__PURE__ */ a.jsx(
-                pe,
+              ) : (E = E || `${e}-card-${M}`, /* @__PURE__ */ a.jsx(
+                _e,
                 {
                   element: "li",
                   className: "card-wrapper",
@@ -2605,15 +2605,15 @@ const ts = ({
             })
           }
         ),
-        k <= 1 ? null : /* @__PURE__ */ a.jsxs("ul", { className: "controls", "data-testid": "carousel-controls", children: [
+        v <= 1 ? null : /* @__PURE__ */ a.jsxs("ul", { className: "controls", "data-testid": "carousel-controls", children: [
           /* @__PURE__ */ a.jsx("li", { className: "arrow previous", children: /* @__PURE__ */ a.jsx(
-            q,
+            B,
             {
               variant: "secondary",
               size: "large",
               icon: { icon: "chevron_left" },
-              onClick: (T) => {
-                T.preventDefault(), T.stopPropagation(), w("previous");
+              onClick: ($) => {
+                $.preventDefault(), $.stopPropagation(), j("previous");
               },
               screenreaderText: c.formatMessage({
                 id: "carousel_pagination_previous"
@@ -2621,32 +2621,32 @@ const ts = ({
               disabled: _ <= 0
             }
           ) }),
-          [...Array(k)].map((T, S) => /* @__PURE__ */ a.jsx("li", { "data-testid": "carousel-controls-button", children: /* @__PURE__ */ a.jsx(
+          [...Array(v)].map(($, M) => /* @__PURE__ */ a.jsx("li", { "data-testid": "carousel-controls-button", children: /* @__PURE__ */ a.jsx(
             "button",
             {
-              className: j("page-indicator", {
-                selected: S === _
+              className: w("page-indicator", {
+                selected: M === _
               }),
               onClick: (E) => {
-                E.preventDefault(), E.stopPropagation(), w(S);
+                E.preventDefault(), E.stopPropagation(), j(M);
               },
-              children: /* @__PURE__ */ a.jsx(se, { showOnFocus: !1, children: c.formatMessage(
+              children: /* @__PURE__ */ a.jsx(ae, { showOnFocus: !1, children: c.formatMessage(
                 { id: "carousel_pagination_page" },
-                { number: S + 1, total: k }
+                { number: M + 1, total: v }
               ) })
             }
-          ) }, `page-indicator-${S}`)),
+          ) }, `page-indicator-${M}`)),
           /* @__PURE__ */ a.jsx("li", { className: "arrow next", children: /* @__PURE__ */ a.jsx(
-            q,
+            B,
             {
               variant: "secondary",
               size: "large",
               icon: { icon: "chevron_right" },
-              onClick: (T) => {
-                T.preventDefault(), T.stopPropagation(), w("next");
+              onClick: ($) => {
+                $.preventDefault(), $.stopPropagation(), j("next");
               },
               screenreaderText: c.formatMessage({ id: "carousel_pagination_next" }),
-              disabled: _ >= k - 1
+              disabled: _ >= v - 1
             }
           ) })
         ] })
@@ -2662,7 +2662,7 @@ const ts = ({
 }) => !e || !e.length ? null : e.map(
   ({ title: i, viewAllUrl: o, cards: c, cardsTypes: m }, l) => {
     const f = i ? window.btoa(i) : `carousel-${l}`, d = l === e.length - 1;
-    return t ? /* @__PURE__ */ a.jsxs(Ze, { children: [
+    return t ? /* @__PURE__ */ a.jsxs(qe, { children: [
       /* @__PURE__ */ a.jsx(
         Kn,
         {
@@ -2671,7 +2671,7 @@ const ts = ({
         }
       ),
       d ? null : /* @__PURE__ */ a.jsx(Te, {})
-    ] }, `placeholder-${f}`) : /* @__PURE__ */ a.jsxs(Ze, { children: [
+    ] }, `placeholder-${f}`) : /* @__PURE__ */ a.jsxs(qe, { children: [
       /* @__PURE__ */ a.jsx(
         ts,
         {
@@ -2688,25 +2688,25 @@ const ts = ({
 const Pt = "joinCommunityButton", ta = ({ isMember: e = !1, isShort: t = !1, functions: { join: n, leave: r } = { join: () => {
 }, leave: () => {
 } } }) => {
-  const s = P(), i = fe(ke), o = i && typeof i.id == "string", [c, m] = F(e), [l, f] = F(e ? "joined" : "notJoined");
-  V(() => {
+  const s = P(), i = ge(ke), o = i && typeof i.id == "string", [c, m] = R(e), [l, f] = R(e ? "joined" : "notJoined");
+  G(() => {
     l === "joining" ? f("joined") : l === "leaving" && f("notJoined");
   }, [c]);
-  const d = {}, h = {};
-  return c && l !== "leaving" && (d["data-hover-text"] = s.formatMessage({ id: `${Pt}_leave` }), d["aria-label"] = s.formatMessage({ id: `${Pt}_member_aria` }), h["aria-hidden"] = "true"), /* @__PURE__ */ a.jsx(
-    q,
+  const d = {}, p = {};
+  return c && l !== "leaving" && (d["data-hover-text"] = s.formatMessage({ id: `${Pt}_leave` }), d["aria-label"] = s.formatMessage({ id: `${Pt}_member_aria` }), p["aria-hidden"] = "true"), /* @__PURE__ */ a.jsx(
+    B,
     {
       variant: c ? "secondary" : "primary",
       size: "medium",
       styling: { fullWidth: !0 },
       icon: c && l !== "leaving" ? { icon: "tick", position: "left" } : !1,
-      onClick: async (p) => {
-        o && (p.currentTarget.blur(), c ? (f("leaving"), typeof r == "function" && await r()) : (f("joining"), typeof n == "function" && await n()), m(!c));
+      onClick: async (h) => {
+        o && (h.currentTarget.blur(), c ? (f("leaving"), typeof r == "function" && await r()) : (f("joining"), typeof n == "function" && await n()), m(!c));
       },
-      className: j("join-community-button", l, { active: l === "joining" }),
+      className: w("join-community-button", l, { active: l === "joining" }),
       disabled: !o,
       ...d,
-      children: /* @__PURE__ */ a.jsx("span", { className: "text", ...h, children: s.formatMessage({ id: `${Pt}${["joining", "leaving"].includes(l) ? `_${l}` : c ? "_member" : t ? "_short" : ""}` }) })
+      children: /* @__PURE__ */ a.jsx("span", { className: "text", ...p, children: s.formatMessage({ id: `${Pt}${["joining", "leaving"].includes(l) ? `_${l}` : c ? "_member" : t ? "_short" : ""}` }) })
     }
   );
 };
@@ -2718,7 +2718,7 @@ const At = "communityDetails_", Ri = ({
   functions: { invite: i, ...o }
 }) => {
   const c = P(), m = 5, l = r || s.length, f = s.length ? s : Array(m).fill({}), d = `/communities/${n}/members` === window.location.pathname;
-  return /* @__PURE__ */ a.jsxs("div", { className: j("community-details", e), children: [
+  return /* @__PURE__ */ a.jsxs("div", { className: w("community-details", e), children: [
     /* @__PURE__ */ a.jsx(Te, {}),
     /* @__PURE__ */ a.jsxs("div", { className: "member-details", children: [
       /* @__PURE__ */ a.jsxs("div", { className: "top", children: [
@@ -2746,7 +2746,7 @@ const At = "communityDetails_", Ri = ({
     ] }),
     /* @__PURE__ */ a.jsx(ta, { isMember: t, functions: { ...o } }),
     t && /* @__PURE__ */ a.jsx(
-      q,
+      B,
       {
         variant: "primary",
         onClick: i,
@@ -2764,10 +2764,10 @@ const Di = ({
 }) => {
   const r = P();
   return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    /* @__PURE__ */ a.jsx(se, { element: "p", children: r.formatMessage({ id: "breadcrumbs_label" }) }),
-    /* @__PURE__ */ a.jsx("ul", { className: j("breadcrumbs text-small", n), children: e.map(({ text: s, href: i, current: o = !1 }, c) => /* @__PURE__ */ a.jsxs("li", { children: [
-      o && /* @__PURE__ */ a.jsx(se, { element: "span", children: r.formatMessage({ id: "breadcrumbs_currentPage" }) }),
-      /* @__PURE__ */ a.jsx(gt, { href: o ? void 0 : i, children: Me(s, t) })
+    /* @__PURE__ */ a.jsx(ae, { element: "p", children: r.formatMessage({ id: "breadcrumbs_label" }) }),
+    /* @__PURE__ */ a.jsx("ul", { className: w("breadcrumbs text-small", n), children: e.map(({ text: s, href: i, current: o = !1 }, c) => /* @__PURE__ */ a.jsxs("li", { children: [
+      o && /* @__PURE__ */ a.jsx(ae, { element: "span", children: r.formatMessage({ id: "breadcrumbs_currentPage" }) }),
+      /* @__PURE__ */ a.jsx(gt, { href: o ? void 0 : i, children: Ne(s, t) })
     ] }, `${window.btoa(s)}_${c}`)) })
   ] });
 };
@@ -2779,19 +2779,19 @@ const Li = ({
   },
   className: s = ""
 }) => {
-  const i = P(), o = t ? [{ id: "all", text: typeof t != "boolean" && t.text || i.formatMessage({ id: "filters_all" }) }, ...e] : e, [c, m] = F(t ? ["all"] : []), l = (f, d) => {
-    let h = [];
-    c.includes(f) ? h = c.filter((p) => p !== f) : f === "all" ? h = ["all"] : n ? h = [...c.filter((p) => p !== "all"), f] : h = [f], m((p) => (r && typeof r == "function" && r({ current: h, previous: p }), h)), d && typeof d == "function" && d();
+  const i = P(), o = t ? [{ id: "all", text: typeof t != "boolean" && t.text || i.formatMessage({ id: "filters_all" }) }, ...e] : e, [c, m] = R(t ? ["all"] : []), l = (f, d) => {
+    let p = [];
+    c.includes(f) ? p = c.filter((h) => h !== f) : f === "all" ? p = ["all"] : n ? p = [...c.filter((h) => h !== "all"), f] : p = [f], m((h) => (r && typeof r == "function" && r({ current: p, previous: h }), p)), d && typeof d == "function" && d();
   };
-  return /* @__PURE__ */ a.jsx("ul", { className: j("filters", s), children: o.map(({ id: f, text: d, disabled: h = !1, callback: p = () => {
+  return /* @__PURE__ */ a.jsx("ul", { className: w("filters", s), children: o.map(({ id: f, text: d, disabled: p = !1, callback: h = () => {
   } }) => {
     let _ = {};
-    return h && (_ = { disabled: !0, "aria-label": i.formatMessage({ id: "filters_disabled" }, { name: d }) }), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
+    return p && (_ = { disabled: !0, "aria-label": i.formatMessage({ id: "filters_disabled" }, { name: d }) }), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
       "button",
       {
-        className: j(f, { selected: c.includes(f) }),
-        onClick: (v) => {
-          v.preventDefault(), v.stopPropagation(), l(f, p);
+        className: w(f, { selected: c.includes(f) }),
+        onClick: (y) => {
+          y.preventDefault(), y.stopPropagation(), l(f, h);
         },
         ..._,
         children: d
@@ -2819,26 +2819,26 @@ const Ft = { en: "English", es: "Español", fr: "Français", pt: "Português" },
   label: c,
   className: m = ""
 }) => {
-  const l = P(), [f, d] = F(e);
-  if (V(() => {
+  const l = P(), [f, d] = R(e);
+  if (G(() => {
     e !== f && d(e);
-  }, [e]), !r || !Object.values(r).some((v) => v && v.post_name))
+  }, [e]), !r || !Object.values(r).some((y) => y && y.post_name))
     return null;
-  const p = Object.keys(r), _ = f !== e;
-  return /* @__PURE__ */ a.jsxs("div", { className: j("language-switcher text-small", o, m), children: [
+  const h = Object.keys(r), _ = f !== e;
+  return /* @__PURE__ */ a.jsxs("div", { className: w("language-switcher text-small", o, m), children: [
     /* @__PURE__ */ a.jsxs("nav", { children: [
       o !== "short" && /* @__PURE__ */ a.jsx("p", { children: c || l.formatMessage({ id: `${Ke}label` }) }),
-      /* @__PURE__ */ a.jsx("ul", { children: p.map((v) => {
-        if (!Ft[v])
+      /* @__PURE__ */ a.jsx("ul", { children: h.map((y) => {
+        if (!Ft[y])
           return null;
-        let y = { className: v };
-        return f === v ? y["aria-label"] = l.formatMessage({ id: `${Ke}selected` }, { language: Ft[v] }) : y = {
-          ...y,
-          href: ns(v, i),
-          onClick: (k) => {
-            k.preventDefault(), k.stopPropagation(), d(v), s(v);
+        let k = { className: y };
+        return f === y ? k["aria-label"] = l.formatMessage({ id: `${Ke}selected` }, { language: Ft[y] }) : k = {
+          ...k,
+          href: ns(y, i),
+          onClick: (v) => {
+            v.preventDefault(), v.stopPropagation(), d(y), s(y);
           }
-        }, /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(gt, { ...y, fallbackElement: "span", children: Ft[v] }) }, v);
+        }, /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(gt, { ...k, fallbackElement: "span", children: Ft[y] }) }, y);
       }) }),
       o !== "short" && !_ && /* @__PURE__ */ a.jsx("p", { children: l.formatMessage({ id: `${Ke}translation_${t ? "original" : n ? "human" : "machine"}` }) })
     ] }),
@@ -2847,10 +2847,10 @@ const Ft = { en: "English", es: "Español", fr: "Français", pt: "Português" },
       // @ts-ignore
       // `values` are throwing a type error: https://github.com/formatjs/formatjs/issues/3633
       children: l.formatMessage({ id: `${Ke}disclaimer` }, {
-        email: Oe.support,
-        link: (v) => {
-          const y = `mailto:${v}`;
-          return /* @__PURE__ */ a.jsx("a", { href: y, children: v });
+        email: Be.support,
+        link: (y) => {
+          const k = `mailto:${y}`;
+          return /* @__PURE__ */ a.jsx("a", { href: k, children: y });
         }
       })
     })
@@ -2869,15 +2869,15 @@ const Rt = Ua({ locale: "en", messages: Qt }), yt = ({
   className: s = "",
   gtmContext: i = "LoadMore"
 }) => {
-  const [o, c] = F(""), m = async (l) => {
+  const [o, c] = R(""), m = async (l) => {
     try {
       await t(l);
     } catch (f) {
       f instanceof Error ? c(f.message) : c("Unknown error");
     }
   };
-  return /* @__PURE__ */ a.jsx("footer", { className: j("load-more", s), children: !o && e ? /* @__PURE__ */ a.jsx(
-    q,
+  return /* @__PURE__ */ a.jsx("footer", { className: w("load-more", s), children: !o && e ? /* @__PURE__ */ a.jsx(
+    B,
     {
       variant: "secondary",
       icon: n,
@@ -2888,22 +2888,22 @@ const Rt = Ua({ locale: "en", messages: Qt }), yt = ({
       "data-testid": "load-more-button",
       children: r.button
     }
-  ) : !o || o != null && o.includes("Cannot read items") ? /* @__PURE__ */ a.jsx("p", { children: r.endOfFeed }) : /* @__PURE__ */ a.jsx("p", { className: "error", children: r.error }) });
+  ) : r.endOfFeed && (!o || o != null && o.includes("Cannot read items")) ? /* @__PURE__ */ a.jsx("p", { children: r.endOfFeed }) : o && /* @__PURE__ */ a.jsx("p", { className: "error", children: r.error }) });
 };
-const na = ({ variant: e = "default", version: t = "default", className: n = "", ...r }) => /* @__PURE__ */ a.jsx("p", { className: "logo-wrapper", children: /* @__PURE__ */ a.jsx("a", { href: "/home/", className: j("logo", e, t, n), ...r, children: /* @__PURE__ */ a.jsx(se, { children: /* @__PURE__ */ a.jsx(je, { id: "apolitical" }) }) }) });
+const na = ({ variant: e = "default", version: t = "default", className: n = "", ...r }) => /* @__PURE__ */ a.jsx("p", { className: "logo-wrapper", children: /* @__PURE__ */ a.jsx("a", { href: "/home/", className: w("logo", e, t, n), ...r, children: /* @__PURE__ */ a.jsx(ae, { children: /* @__PURE__ */ a.jsx(je, { id: "apolitical" }) }) }) });
 let Qe = !1;
 const as = ({ element: e = "div", id: t = "more-menu", options: n, className: r = "" }) => {
-  const s = P(), i = te(null), [o, c] = F(!1), m = (l) => {
+  const s = P(), i = ne(null), [o, c] = R(!1), m = (l) => {
     i.current && l.target instanceof HTMLElement && !i.current.contains(l.target) && c(!1);
   };
-  return V(() => (document.addEventListener("click", m, !0), () => {
+  return G(() => (document.addEventListener("click", m, !0), () => {
     document.removeEventListener("click", m, !0);
   })), A.createElement(e, {
     ref: i,
-    className: j("more-menu text-medium", r),
+    className: w("more-menu text-medium", r),
     children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
       /* @__PURE__ */ a.jsx(
-        q,
+        B,
         {
           variant: "tertiary",
           size: "medium",
@@ -2915,11 +2915,11 @@ const as = ({ element: e = "div", id: t = "more-menu", options: n, className: r
           screenreaderText: s.formatMessage({ id: "moreMenu" })
         }
       ),
-      /* @__PURE__ */ a.jsx("ul", { id: t, hidden: !o, children: n.map(({ href: l, onClick: f, text: d, icon: h, ...p }, _) => {
-        const v = {
-          ...p,
-          onClick: (y) => {
-            c(!1), typeof f == "function" && f(y);
+      /* @__PURE__ */ a.jsx("ul", { id: t, hidden: !o, children: n.map(({ href: l, onClick: f, text: d, icon: p, ...h }, _) => {
+        const y = {
+          ...h,
+          onClick: (k) => {
+            c(!1), typeof f == "function" && f(k);
           },
           onFocus: () => {
             Qe && (clearTimeout(Qe), Qe = !1);
@@ -2930,13 +2930,13 @@ const as = ({ element: e = "div", id: t = "more-menu", options: n, className: r
             }, 100);
           }
         };
-        return l && (v.href = l), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
-          q,
+        return l && (y.href = l), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
+          B,
           {
             variant: "tertiary",
             size: "medium",
-            icon: h ? { icon: h, position: "left" } : !1,
-            ...v,
+            icon: p ? { icon: p, position: "left" } : !1,
+            ...y,
             children: d
           }
         ) }, `${window.btoa(d)}_${_}`);
@@ -2962,12 +2962,12 @@ const ss = [
     href: "/solution-articles/"
   }
 ], is = ({ activeLink: e }) => {
-  const t = P(), n = fe(ke), r = n && typeof n.id == "string";
+  const t = P(), n = ge(ke), r = n && typeof n.id == "string";
   return /* @__PURE__ */ a.jsxs("ul", { id: "navigation-menu", className: "text-medium", children: [
     ss.map(({ key: s, href: i }) => /* @__PURE__ */ a.jsx(
       "li",
       {
-        className: j(s, { active: rs(i, e) }),
+        className: w(s, { active: rs(i, e) }),
         children: /* @__PURE__ */ a.jsx(
           "a",
           {
@@ -2990,7 +2990,7 @@ const ss = [
         className: "gtm-trackable",
         children: [
           /* @__PURE__ */ a.jsx(
-            He,
+            Ue,
             {
               name: (n == null ? void 0 : n.name) || "",
               src: n != null && n.image ? n.image.thumbnail : ""
@@ -3001,7 +3001,7 @@ const ss = [
       }
     ) })
   ] });
-}, Ie = (e, t, n) => `${e}?share=${t}${n ? `&uuid=${n}` : ""}`, os = ({
+}, Oe = (e, t, n) => `${e}?share=${t}${n ? `&uuid=${n}` : ""}`, os = ({
   title: e,
   link: t,
   referrer: n
@@ -3010,21 +3010,21 @@ const ss = [
     key: "linkedin",
     icon: "social_linkedin",
     url: `https://www.linkedin.com/shareArticle?mini=true&url=${encodeURIComponent(
-      `${Ie(t, "linkedin", n)}&src=linkedin`
+      `${Oe(t, "linkedin", n)}&src=linkedin`
     )}&title=${encodeURIComponent(e)}&source=Apolitical`
   },
   {
     key: "twitter",
     icon: "social_twitter",
     url: `https://twitter.com/share?ref_src=twsrc%5Etfw&url=${encodeURIComponent(
-      `${Ie(t, "twitter", n)}&src=twitter`
+      `${Oe(t, "twitter", n)}&src=twitter`
     )}&text=${encodeURIComponent(e)}&via=${encodeURIComponent("apoliticalco")}`
   },
   {
     key: "facebook",
     icon: "social_facebook",
     url: `https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(
-      `${Ie(t, "facebook", n)}`
+      `${Oe(t, "facebook", n)}`
     )}&t=${e}`
   },
   {
@@ -3033,13 +3033,13 @@ const ss = [
     url: `mailto:?subject=${encodeURIComponent(e)}&body=${encodeURIComponent(
       `${e}
 
-${Ie(t, "mailto", n)}&src=email`
+${Oe(t, "mailto", n)}&src=email`
     )}`
   },
   {
     key: "clipboard-copy",
     icon: "share_copy-link",
-    url: Ie(t, "copy", n),
+    url: Oe(t, "copy", n),
     shouldRender: () => navigator && navigator.clipboard && navigator.clipboard.writeText,
     onClick: (r, s) => (r.preventDefault(), r.stopPropagation(), navigator.clipboard.writeText(s))
   }
@@ -3054,14 +3054,14 @@ const cs = "shareLinks_", Oi = ({
   className: o = ""
 }) => {
   const c = P(), m = os({ title: e, link: t, referrer: n });
-  return /* @__PURE__ */ a.jsxs("aside", { className: j("share-links", s, i, o), children: [
+  return /* @__PURE__ */ a.jsxs("aside", { className: w("share-links", s, i, o), children: [
     /* @__PURE__ */ a.jsx("p", { className: "text-small", children: c.formatMessage({ id: "shareLinks_label" }) }),
-    /* @__PURE__ */ a.jsx("ul", { children: m.map(({ key: l, icon: f, url: d, shouldRender: h = !0, onClick: p }) => {
-      if (typeof h == "function" && !h())
+    /* @__PURE__ */ a.jsx("ul", { children: m.map(({ key: l, icon: f, url: d, shouldRender: p = !0, onClick: h }) => {
+      if (typeof p == "function" && !p())
         return null;
       const _ = {};
-      return p && (_.onClick = (v) => p(v, d)), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
-        q,
+      return h && (_.onClick = (y) => h(y, d)), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
+        B,
         {
           size: s,
           variant: "tertiary",
@@ -3094,14 +3094,14 @@ const Bi = ({ tabs: e, className: t = "" }) => {
         }
     }
   }
-  const [s, i] = F(
+  const [s, i] = R(
     (m = e[r]) != null && m.id ? e[r].id : n(e[r].id, e[r].text, r)
   ), o = [], c = [];
-  return e.forEach(({ id: l, text: f, content: d, href: h }, p) => {
-    l = n(l, f, p);
-    const _ = s === l, v = {};
-    h || (v["aria-controls"] = l, v.onClick = (y) => {
-      y.preventDefault(), y.stopPropagation(), i(l), window.location.hash = `#${l}`;
+  return e.forEach(({ id: l, text: f, content: d, href: p }, h) => {
+    l = n(l, f, h);
+    const _ = s === l, y = {};
+    p || (y["aria-controls"] = l, y.onClick = (k) => {
+      k.preventDefault(), k.stopPropagation(), i(l), window.location.hash = `#${l}`;
     }, c.push(
       /* @__PURE__ */ a.jsx(
         "section",
@@ -3119,17 +3119,17 @@ const Bi = ({ tabs: e, className: t = "" }) => {
       /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
         "a",
         {
-          href: h || `#${l}`,
+          href: p || `#${l}`,
           id: `tab-${l}`,
-          className: j({ selected: _ }),
+          className: w({ selected: _ }),
           role: "tab",
           "aria-selected": _,
-          ...v,
+          ...y,
           children: f
         }
       ) }, `tab-${l}`)
     );
-  }), /* @__PURE__ */ a.jsxs("div", { className: j("tabs-wrapper", t), children: [
+  }), /* @__PURE__ */ a.jsxs("div", { className: w("tabs-wrapper", t), children: [
     /* @__PURE__ */ a.jsx("ul", { className: "tabs", role: "tablist", children: o }),
     /* @__PURE__ */ a.jsx("div", { className: "tab-content", children: c })
   ] });
@@ -3143,15 +3143,15 @@ const ls = {
   className: n = "",
   children: r
 }) => {
-  const s = qe(!0);
+  const s = He(!0);
   let i = r;
-  return A.Children.count(r) === 1 && (i = A.Children.toArray(r)[0], i.props && (i = i.props.children)), /* @__PURE__ */ a.jsx("section", { className: j("columns", `layout-${e}`, n), children: A.Children.map(i, (o, c) => t !== !1 && c === t && s && s < ls[e] ? null : o) });
+  return A.Children.count(r) === 1 && (i = A.Children.toArray(r)[0], i.props && (i = i.props.children)), /* @__PURE__ */ a.jsx("section", { className: w("columns", `layout-${e}`, n), children: A.Children.map(i, (o, c) => t !== !1 && c === t && s && s < ls[e] ? null : o) });
 }, Zi = ({ activeLink: e, ...t }) => /* @__PURE__ */ a.jsx(_t, { children: /* @__PURE__ */ a.jsx(ds, { layout: "1-3", children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
   /* @__PURE__ */ a.jsx(is, { activeLink: e }),
   /* @__PURE__ */ a.jsx(qr, { ...t })
 ] }) }) });
 const Dt = "cookieBanner_", Lt = ["apol-cookie-banner", "apolitical-performance-cookie-consent", "functional-cookie-consent"], It = new Date(Date.now() + 12 * 30 * 24 * 60 * 60 * 1e3), us = () => {
-  const e = P(), [t, n, r] = Ka(Lt), [s, i] = F(!t["apol-cookie-banner"]), o = () => {
+  const e = P(), [t, n, r] = Ka(Lt), [s, i] = R(!t["apol-cookie-banner"]), o = () => {
     Lt.forEach((f) => {
       n(f, !0, {
         path: "/",
@@ -3260,11 +3260,11 @@ const Dt = "cookieBanner_", Lt = ["apol-cookie-banner", "apolitical-performance-
     text: {
       order: ["dataProtection", "euDataProtection"],
       dataProtection: {
-        email: Oe["data-protection"].default,
+        email: Be["data-protection"].default,
         gtmType: "email-dpo-link"
       },
       euDataProtection: {
-        email: Oe["data-protection"].eu,
+        email: Be["data-protection"].eu,
         gtmType: "email-eu-dpo-link"
       }
     }
@@ -3276,10 +3276,10 @@ const Dt = "cookieBanner_", Lt = ["apol-cookie-banner", "apolitical-performance-
       registered: { address: !0 },
       berlin: { address: !0 },
       support: {
-        email: Oe.support,
+        email: Be.support,
         gtmType: "concierge-email-click"
       },
-      business: { email: Oe.general, gtmType: "hello-email-click" }
+      business: { email: Be.general, gtmType: "hello-email-click" }
     }
   },
   social: {
@@ -3289,11 +3289,11 @@ const Dt = "cookieBanner_", Lt = ["apol-cookie-banner", "apolitical-performance-
     facebook: { href: "https://www.facebook.com/apoliticalco" }
   }
 };
-const Se = "footer_", ot = "SiteFooter", En = ({ group: e }) => {
+const Me = "footer_", ot = "SiteFooter", En = ({ group: e }) => {
   const t = xe[e].order || [];
   let n = !1;
-  return "text" in xe[e] && (n = xe[e].text), /* @__PURE__ */ a.jsxs(Ze, { children: [
-    /* @__PURE__ */ a.jsx("p", { className: "pre-title", children: /* @__PURE__ */ a.jsx(je, { id: `${Se}${e}` }) }),
+  return "text" in xe[e] && (n = xe[e].text), /* @__PURE__ */ a.jsxs(qe, { children: [
+    /* @__PURE__ */ a.jsx("p", { className: "pre-title", children: /* @__PURE__ */ a.jsx(je, { id: `${Me}${e}` }) }),
     Array.isArray(t) && t.length > 0 && /* @__PURE__ */ a.jsx("ul", { className: "text-medium", children: t.map((r) => {
       if (["order", "child", "text"].includes(r))
         return null;
@@ -3306,14 +3306,14 @@ const Se = "footer_", ot = "SiteFooter", En = ({ group: e }) => {
           "data-gtm-event-context": ot,
           "data-gtm-event-type": i,
           ...o,
-          children: /* @__PURE__ */ a.jsx(je, { id: `${Se}${e}_${r}` })
+          children: /* @__PURE__ */ a.jsx(je, { id: `${Me}${e}_${r}` })
         }
       ) }, `${e}_${r}`);
     }) }),
-    typeof n != "boolean" && "order" in n && Array.isArray(n.order) && /* @__PURE__ */ a.jsx("dl", { className: "text-medium", children: n.order.map((r) => /* @__PURE__ */ a.jsxs(Ze, { children: [
-      /* @__PURE__ */ a.jsx("dt", { children: /* @__PURE__ */ a.jsx(je, { id: `${Se}${e}_${r}` }) }),
+    typeof n != "boolean" && "order" in n && Array.isArray(n.order) && /* @__PURE__ */ a.jsx("dl", { className: "text-medium", children: n.order.map((r) => /* @__PURE__ */ a.jsxs(qe, { children: [
+      /* @__PURE__ */ a.jsx("dt", { children: /* @__PURE__ */ a.jsx(je, { id: `${Me}${e}_${r}` }) }),
       /* @__PURE__ */ a.jsxs("dd", { children: [
-        typeof n != "boolean" && n[r].address && /* @__PURE__ */ a.jsx("address", { children: /* @__PURE__ */ a.jsx(je, { id: `${Se}${e}_${r}_address`, values: { br: /* @__PURE__ */ a.jsx("br", {}) } }) }),
+        typeof n != "boolean" && n[r].address && /* @__PURE__ */ a.jsx("address", { children: /* @__PURE__ */ a.jsx(je, { id: `${Me}${e}_${r}_address`, values: { br: /* @__PURE__ */ a.jsx("br", {}) } }) }),
         typeof n != "boolean" && n[r].email && /* @__PURE__ */ a.jsx(
           "a",
           {
@@ -3356,18 +3356,18 @@ const Se = "footer_", ot = "SiteFooter", En = ({ group: e }) => {
           className: "gtm-trackable",
           "data-gtm-event-context": ot,
           "data-gtm-event-type": "social-click",
-          children: /* @__PURE__ */ a.jsx("span", { className: "hidden", children: /* @__PURE__ */ a.jsx(je, { id: `${Se}social_${e}` }) })
+          children: /* @__PURE__ */ a.jsx("span", { className: "hidden", children: /* @__PURE__ */ a.jsx(je, { id: `${Me}social_${e}` }) })
         }
       ) }, e);
     }) }),
-    /* @__PURE__ */ a.jsx("small", { children: /* @__PURE__ */ a.jsx(je, { id: `${Se}copyright`, values: { currentYear: (/* @__PURE__ */ new Date()).getFullYear() } }) })
+    /* @__PURE__ */ a.jsx("small", { children: /* @__PURE__ */ a.jsx(je, { id: `${Me}copyright`, values: { currentYear: (/* @__PURE__ */ new Date()).getFullYear() } }) })
   ] })
 ] }) });
 const Je = "emailHelperTextBox_", qi = ({ type: e, email: t, redirectPath: n, resendVerificationCode: r }) => {
-  const s = P(), [i, o] = F({ path: `${Je}default`, type: "default", link: {}, mail: {}, error: "" }), [c, m] = F(!1), l = Dn(
-    (p) => {
-      p.preventDefault(), p.stopPropagation();
-      const _ = (v) => {
+  const s = P(), [i, o] = R({ path: `${Je}default`, type: "default", link: {}, mail: {}, error: "" }), [c, m] = R(!1), l = Dn(
+    (h) => {
+      h.preventDefault(), h.stopPropagation();
+      const _ = (y) => {
         o({
           path: `${Je}error_verificationFailedToSend`,
           type: "error",
@@ -3375,7 +3375,7 @@ const Je = "emailHelperTextBox_", qi = ({ type: e, email: t, redirectPath: n, re
             "data-gtm-event-context": "VerifyEmailBox",
             "data-gtm-event-type": "SendEmailClick",
             className: "gtm-trackable",
-            onClick: (y) => l(y),
+            onClick: (k) => l(k),
             href: "#",
             "data-testid": "send-verify-email-click"
           },
@@ -3385,7 +3385,7 @@ const Je = "emailHelperTextBox_", qi = ({ type: e, email: t, redirectPath: n, re
             "data-gtm-event-context": "ErrorVerifyingBox",
             "data-gtm-event-type": "email-concierge-click"
           },
-          error: v
+          error: y
         });
       };
       if (typeof r != "function") {
@@ -3394,8 +3394,8 @@ const Je = "emailHelperTextBox_", qi = ({ type: e, email: t, redirectPath: n, re
       }
       m(!0), r(t).then(() => {
         localStorage.setItem("email", t), window.location.href = n || "/signup/verify-email";
-      }).catch((v) => {
-        _(v.message);
+      }).catch((y) => {
+        _(y.message);
       }).finally(() => {
         m(!1);
       });
@@ -3403,22 +3403,22 @@ const Je = "emailHelperTextBox_", qi = ({ type: e, email: t, redirectPath: n, re
     /* eslint-disable react-hooks/exhaustive-deps */
     [t, n, r]
   );
-  V(
+  G(
     () => {
-      let p = Je, _ = "default", v = {}, y = {};
+      let h = Je, _ = "default", y = {}, k = {};
       switch (e) {
         case "gov":
-          p += "autoApproved", _ = "success";
+          h += "autoApproved", _ = "success";
           break;
         case "nonGov":
-          p += "unrecognisedEmail", _ = "error", v = {
+          h += "unrecognisedEmail", _ = "error", y = {
             href: "https://about.apolitical.co/who-can-join-the-community",
             "data-gtm-event-context": "NonGovEmailHelperTextBox",
             "data-gtm-event-type": "LearnMoreClick"
           };
           break;
         case "pending":
-          p += "pendingApproval", _ = "error", y = {
+          h += "pendingApproval", _ = "error", k = {
             href: "mailto:concierge@apolitical.co",
             className: "gtm-trackable",
             "data-gtm-event-context": "EmailExistsBox",
@@ -3426,21 +3426,21 @@ const Je = "emailHelperTextBox_", qi = ({ type: e, email: t, redirectPath: n, re
           };
           break;
         case "verify":
-          p += "emailUnverified", _ = "error", v = {
+          h += "emailUnverified", _ = "error", y = {
             href: "#",
             "data-gtm-event-context": "VerifyEmailBox",
             "data-gtm-event-type": "SendEmailClick",
             className: "gtm-trackable",
-            onClick: (k) => l(k),
+            onClick: (v) => l(v),
             "data-testid": "send-verify-email-click"
           };
           break;
         case "exists":
-          p += "emailAlreadyExists", _ = "error", v = {
+          h += "emailAlreadyExists", _ = "error", y = {
             href: "/user-onboarding/login",
             "data-gtm-event-context": "EmailExistsBox",
             "data-gtm-event-type": "login-click"
-          }, y = {
+          }, k = {
             href: "mailto:concierge@apolitical.co",
             className: "gtm-trackable",
             "data-gtm-event-context": "EmailExistsBox",
@@ -3448,24 +3448,24 @@ const Je = "emailHelperTextBox_", qi = ({ type: e, email: t, redirectPath: n, re
           };
           break;
         default:
-          p += "default", v = {
+          h += "default", y = {
             href: "https://about.apolitical.co/who-can-join-the-community",
             "data-gtm-event-context": "DefaultEmailHelperTextBox",
             "data-gtm-event-type": "LearnMoreClick"
           };
           break;
       }
-      o({ ...i, path: p, type: _, link: v, mail: y });
+      o({ ...i, path: h, type: _, link: y, mail: k });
     },
     /* eslint-disable react-hooks/exhaustive-deps */
     [e]
   );
   const f = {};
-  return ["link", "mail"].forEach((p) => {
-    f[p] = Object.keys(i[p]).length ? (_) => /* @__PURE__ */ a.jsx("a", { ...i[p], children: _ }) : (_) => _;
+  return ["link", "mail"].forEach((h) => {
+    f[h] = Object.keys(i[h]).length ? (_) => /* @__PURE__ */ a.jsx("a", { ...i[h], children: _ }) : (_) => _;
   }), /* @__PURE__ */ a.jsx(Ar, { type: i.type, heading: c ? !1 : s.formatMessage({ id: `${i.path}_title` }), children: c ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    /* @__PURE__ */ a.jsx(pe, { element: "span" }),
-    /* @__PURE__ */ a.jsx(pe, { element: "span" })
+    /* @__PURE__ */ a.jsx(_e, { element: "span" }),
+    /* @__PURE__ */ a.jsx(_e, { element: "span" })
   ] }) : (
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
@@ -3474,8 +3474,8 @@ const Je = "emailHelperTextBox_", qi = ({ type: e, email: t, redirectPath: n, re
       { id: `${i.path}_text` },
       {
         ...f,
-        strong: (p) => /* @__PURE__ */ a.jsx("strong", { children: p }),
-        em: (p) => /* @__PURE__ */ a.jsx("em", { children: p }),
+        strong: (h) => /* @__PURE__ */ a.jsx("strong", { children: h }),
+        em: (h) => /* @__PURE__ */ a.jsx("em", { children: h }),
         br: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
           /* @__PURE__ */ a.jsx("br", {}),
           /* @__PURE__ */ a.jsx("br", {})
@@ -3491,22 +3491,22 @@ const Xe = "passwordRules_", ra = "isMoreThanEightCharacters", sa = "includesNum
   [ia]: "lowercaseUppercase"
 }, fs = ({ matchingRules: e = { isMoreThanEightCharacters: !1, includesNumberAndSymbol: !1, includesLowerAndUppercase: !1 }, className: t = "" }) => {
   const n = P();
-  return /* @__PURE__ */ a.jsxs("aside", { className: j("password-rules", t), children: [
+  return /* @__PURE__ */ a.jsxs("aside", { className: w("password-rules", t), children: [
     /* @__PURE__ */ a.jsx("small", { children: n.formatMessage({ id: `${Xe}intro` }) }),
-    /* @__PURE__ */ a.jsx("ul", { children: [ra, sa, ia].map((r) => /* @__PURE__ */ a.jsxs("li", { className: j({ matches: e[r] }), children: [
-      /* @__PURE__ */ a.jsxs(se, { children: [
+    /* @__PURE__ */ a.jsx("ul", { children: [ra, sa, ia].map((r) => /* @__PURE__ */ a.jsxs("li", { className: w({ matches: e[r] }), children: [
+      /* @__PURE__ */ a.jsxs(ae, { children: [
         n.formatMessage({ id: `${Xe}rule_label` }),
         " "
       ] }),
       /* @__PURE__ */ a.jsx("span", { children: n.formatMessage({ id: `${Xe}rule_${ms[r]}` }) }),
-      !e[r] && /* @__PURE__ */ a.jsxs(se, { element: "strong", children: [
+      !e[r] && /* @__PURE__ */ a.jsxs(ae, { element: "strong", children: [
         " ",
         " ",
         n.formatMessage({ id: `${Xe}notMet` })
       ] })
     ] }, `rule-${r}`)) })
   ] });
-}, Hi = Ae(fs);
+}, Hi = Fe(fs);
 const Ui = ({
   text: e = {},
   topRating: t = 5,
@@ -3516,52 +3516,52 @@ const Ui = ({
   className: i = "",
   hasLoaded: o = !1
 }) => {
-  const c = P(), [m, l] = F({ setUp: !1, id: null, rating: null, disabled: !0 }), f = async () => {
+  const c = P(), [m, l] = R({ setUp: !1, id: null, rating: null, disabled: !0 }), f = async () => {
     try {
-      const k = await n();
-      l((g) => ({ ...g, setUp: !0, id: k && k.id, disabled: !1 }));
-    } catch (k) {
-      l((g) => ({ ...g, setUp: !0, disabled: !0 })), s(k);
+      const v = await n();
+      l((g) => ({ ...g, setUp: !0, id: v && v.id, disabled: !1 }));
+    } catch (v) {
+      l((g) => ({ ...g, setUp: !0, disabled: !0 })), s(v);
     }
   };
-  if (V(() => {
+  if (G(() => {
     o && !m.setUp && f();
   }, [o]), !o)
-    return /* @__PURE__ */ a.jsx(pe, { className: "rating-placeholder" });
-  const { id: d, rating: h, disabled: p } = m, _ = "ratings_", v = {
+    return /* @__PURE__ */ a.jsx(_e, { className: "rating-placeholder" });
+  const { id: d, rating: p, disabled: h } = m, _ = "ratings_", y = {
     text: c.formatMessage({ id: `${_}text` }),
     low: c.formatMessage({ id: `${_}low` }),
     high: c.formatMessage({ id: `${_}high` }),
     success: c.formatMessage({ id: `${_}success` }),
     ...e
-  }, y = async (k) => {
-    if (!(!d || p))
+  }, k = async (v) => {
+    if (!(!d || h))
       try {
-        l((g) => ({ ...g, rating: k, disabled: !0 })), await r({ id: d, value: k });
+        l((g) => ({ ...g, rating: v, disabled: !0 })), await r({ id: d, value: v });
       } catch (g) {
         l((b) => ({ ...b, rating: null })), s(g);
       } finally {
         l((g) => ({ ...g, disabled: !1 }));
       }
   };
-  return /* @__PURE__ */ a.jsxs("div", { className: j("rating", i), children: [
-    /* @__PURE__ */ a.jsx("span", { className: "label", children: v[h ? "success" : "text"] }),
-    /* @__PURE__ */ a.jsx("ol", { children: Array.from(new Array(t).keys()).map((k) => {
-      const g = k + 1;
-      return /* @__PURE__ */ a.jsx("li", { className: j({ selected: h && g <= h }), children: /* @__PURE__ */ a.jsx(
-        q,
+  return /* @__PURE__ */ a.jsxs("div", { className: w("rating", i), children: [
+    /* @__PURE__ */ a.jsx("span", { className: "label", children: y[p ? "success" : "text"] }),
+    /* @__PURE__ */ a.jsx("ol", { children: Array.from(new Array(t).keys()).map((v) => {
+      const g = v + 1;
+      return /* @__PURE__ */ a.jsx("li", { className: w({ selected: p && g <= p }), children: /* @__PURE__ */ a.jsx(
+        B,
         {
           variant: "tertiary",
           size: "small",
-          icon: { icon: `star${!h || g > h ? "_empty" : ""}`, position: "left", hover: "star" },
+          icon: { icon: `star${!p || g > p ? "_empty" : ""}`, position: "left", hover: "star" },
           screenreaderText: `${c.formatMessage(
             { id: `${_}stars` },
             { number: g, total: t }
-          )}${g === 1 || g === t ? ` - ${v[g === 1 ? "low" : "high"]}` : ""}`,
+          )}${g === 1 || g === t ? ` - ${y[g === 1 ? "low" : "high"]}` : ""}`,
           onClick: (b) => {
-            b.preventDefault(), b.stopPropagation(), y(g);
+            b.preventDefault(), b.stopPropagation(), k(g);
           },
-          disabled: p
+          disabled: h
         }
       ) }, `rating-${g}`);
     }) })
@@ -3575,8 +3575,8 @@ const ps = ({
   gtmContext: s = "search-bar",
   gtmEvent: i = "form-submission"
 }) => {
-  const { searchIsOpen: o = !0, isDesktopVersion: c = !1 } = n || {}, m = P(), l = te(null);
-  Ne(() => {
+  const { searchIsOpen: o = !0, isDesktopVersion: c = !1 } = n || {}, m = P(), l = ne(null);
+  Pe(() => {
     !n || c || !o || l.current && l.current.focus();
   }, [o]);
   const f = (d) => {
@@ -3586,11 +3586,11 @@ const ps = ({
     "form",
     {
       onSubmit: f,
-      className: j("search-form gtm-trackable", t),
+      className: w("search-form gtm-trackable", t),
       "data-gtm-event-context": s,
       "data-gtm-event-type": i,
       children: /* @__PURE__ */ a.jsx("fieldset", { id: `${e}-form`, hidden: n ? !o : !1, role: "search", children: /* @__PURE__ */ a.jsxs("p", { children: [
-        /* @__PURE__ */ a.jsx(se, { element: "label", htmlFor: e, children: m.formatMessage({ id: "search_label" }) }),
+        /* @__PURE__ */ a.jsx(ae, { element: "label", htmlFor: e, children: m.formatMessage({ id: "search_label" }) }),
         /* @__PURE__ */ a.jsx(
           "input",
           {
@@ -3612,10 +3612,10 @@ const ps = ({
             onClick: (d) => {
               d.preventDefault(), d.stopPropagation(), l.current && l.current.value && (l.current.value = "");
             },
-            children: /* @__PURE__ */ a.jsx(se, { children: m.formatMessage({ id: "search_clear" }) })
+            children: /* @__PURE__ */ a.jsx(ae, { children: m.formatMessage({ id: "search_clear" }) })
           }
         ),
-        /* @__PURE__ */ a.jsx("button", { className: "search", onClick: f, children: /* @__PURE__ */ a.jsx(se, { children: m.formatMessage({ id: "search_cta" }) }) })
+        /* @__PURE__ */ a.jsx("button", { className: "search", onClick: f, children: /* @__PURE__ */ a.jsx(ae, { children: m.formatMessage({ id: "search_cta" }) }) })
       ] }) })
     }
   );
@@ -3633,46 +3633,46 @@ const hs = ({
   initialFormStatus: l = "NOT_SUBMITTED"
   /* NOT_SUBMITTED */
 }) => {
-  const [f, d] = F([]), [h, p] = F(!0), [_, v] = F(l), { formatMessage: y } = P(), k = async (w) => {
-    w.preventDefault();
+  const [f, d] = R([]), [p, h] = R(!0), [_, y] = R(l), { formatMessage: k } = P(), v = async (j) => {
+    j.preventDefault();
     try {
-      await m(f), d([]), v(
+      await m(f), d([]), y(
         "SUCCESS"
         /* SUCCESS */
       );
     } catch (C) {
-      v(
+      y(
         "ERROR"
         /* ERROR */
       ), c(C);
     }
-  }, g = (w) => {
-    w.preventDefault(), v(
+  }, g = (j) => {
+    j.preventDefault(), y(
       "NOT_SUBMITTED"
       /* NOT_SUBMITTED */
-    ), p(!0), d([]);
-  }, b = (w) => {
-    w.preventDefault(), o(), v(
+    ), h(!0), d([]);
+  }, b = (j) => {
+    j.preventDefault(), o(), y(
       "CLOSED"
       /* CLOSED */
     );
   };
   return _ === "CLOSED" ? null : _ === "ERROR" || _ === "SUCCESS" ? /* @__PURE__ */ a.jsxs("div", { className: "invite-form-wrapper", children: [
-    /* @__PURE__ */ a.jsx("div", { className: "content centred", children: _ === "SUCCESS" ? /* @__PURE__ */ a.jsx("h2", { className: "success-title", children: y({ id: "inviteForm_success" }) }) : /* @__PURE__ */ a.jsxs("h2", { className: "error-title", children: [
+    /* @__PURE__ */ a.jsx("div", { className: "content centred", children: _ === "SUCCESS" ? /* @__PURE__ */ a.jsx("h2", { className: "success-title", children: k({ id: "inviteForm_success" }) }) : /* @__PURE__ */ a.jsxs("h2", { className: "error-title", children: [
       " ",
-      y({ id: "inviteForm_error" })
+      k({ id: "inviteForm_error" })
     ] }) }),
     /* @__PURE__ */ a.jsx(Te, {}),
     /* @__PURE__ */ a.jsx("div", { className: "footer", children: _ === "SUCCESS" ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-      /* @__PURE__ */ a.jsx(q, { variant: "secondary", onClick: g, children: y({ id: "inviteForm_ctaSendMoreInvites" }) }),
-      /* @__PURE__ */ a.jsx(q, { onClick: b, children: y({ id: "inviteForm_ctaDone" }) })
-    ] }) : /* @__PURE__ */ a.jsx(q, { onClick: g, children: y({ id: "inviteForm_ctaTryAgain" }) }) })
+      /* @__PURE__ */ a.jsx(B, { variant: "secondary", onClick: g, children: k({ id: "inviteForm_ctaSendMoreInvites" }) }),
+      /* @__PURE__ */ a.jsx(B, { onClick: b, children: k({ id: "inviteForm_ctaDone" }) })
+    ] }) : /* @__PURE__ */ a.jsx(B, { onClick: g, children: k({ id: "inviteForm_ctaTryAgain" }) }) })
   ] }) : /* @__PURE__ */ a.jsx("div", { className: "invite-form-wrapper", children: /* @__PURE__ */ a.jsxs(
     "form",
     {
       style: { backgroundColor: i },
-      onSubmit: k,
-      className: j("invite-form gtm-trackable"),
+      onSubmit: v,
+      className: w("invite-form gtm-trackable"),
       children: [
         /* @__PURE__ */ a.jsxs("fieldset", { className: "content", children: [
           /* @__PURE__ */ a.jsx("h2", { className: "title", style: { color: r }, children: e }),
@@ -3682,25 +3682,25 @@ const hs = ({
             {
               id: "email-input",
               inputClassName: "email-input input",
-              placeholder: y({ id: "inviteForm_email_placeholder" }),
+              placeholder: k({ id: "inviteForm_email_placeholder" }),
               emails: f,
-              onChange: (w) => {
-                d(w), p(!w.length);
+              onChange: (j) => {
+                d(j), h(!j.length);
               },
               autoFocus: !1,
-              getLabel: (w, C, M) => /* @__PURE__ */ a.jsxs("div", { className: "email text-medium", children: [
-                /* @__PURE__ */ a.jsx("div", { "data-tag-item": !0, children: w }),
+              getLabel: (j, C, S) => /* @__PURE__ */ a.jsxs("div", { className: "email text-medium", children: [
+                /* @__PURE__ */ a.jsx("div", { "data-tag-item": !0, children: j }),
                 /* @__PURE__ */ a.jsx(
-                  q,
+                  B,
                   {
                     variant: "tertiary",
                     size: "small",
                     icon: { icon: "close" },
                     onClick: () => {
-                      M(C), p(!f.length);
+                      S(C), h(!f.length);
                     },
                     className: "remove-email-button",
-                    screenreaderText: y({ id: "overlay_close" })
+                    screenreaderText: k({ id: "overlay_close" })
                   }
                 )
               ] }, C)
@@ -3708,11 +3708,11 @@ const hs = ({
           )
         ] }),
         /* @__PURE__ */ a.jsx(Te, {}),
-        /* @__PURE__ */ a.jsx("fieldset", { className: "footer", children: /* @__PURE__ */ a.jsx(q, { className: "sendEmailsButton", disabled: h, children: n }) })
+        /* @__PURE__ */ a.jsx("fieldset", { className: "footer", children: /* @__PURE__ */ a.jsx(B, { className: "sendEmailsButton", disabled: p, children: n }) })
       ]
     }
   ) });
-}, H = {
+}, U = {
   timeouts: {},
   handlerCalled: {},
   getIsDesktopVersion: (e, t) => {
@@ -3735,9 +3735,9 @@ const hs = ({
     if (n[e] === t || e === "account" && t === !1 && n.navigation === !0)
       return;
     const s = Date.now();
-    if (!t && H.handlerCalled[e] && s - H.handlerCalled[e] < 500)
+    if (!t && U.handlerCalled[e] && s - U.handlerCalled[e] < 500)
       return;
-    H.handlerCalled[e] = s;
+    U.handlerCalled[e] = s;
     let i = [{ type: `menus.${e}`, value: t }];
     t === !0 && Object.keys(n).forEach((o) => {
       o === e || n[o] === !1 || i.push({ type: `menus.${o}`, value: !1 });
@@ -3762,7 +3762,7 @@ const hs = ({
       if (!(typeof s > "u") && (!n || s[t] && s[t].includes(n) || s.value && s.value.includes(n) || s.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: s }) => {
     if (!t.current || !t.current.children)
@@ -3776,20 +3776,20 @@ const hs = ({
     switch (e) {
       case "navigation":
         if (n) {
-          const m = H.findFirstChild(
+          const m = U.findFirstChild(
             t.current.children,
             "attributes.aria-controls",
             "navigation"
           );
-          o = H.findFirstChild(m.children, "href");
+          o = U.findFirstChild(m.children, "href");
         } else
-          o = H.findFirstChild(t.current.children, "href");
+          o = U.findFirstChild(t.current.children, "href");
         o || (o = t.current);
         break;
       case "account":
-        if (c = H.findFirstChild(t.current.children, "className", "account"), !c || !c.children)
+        if (c = U.findFirstChild(t.current.children, "className", "account"), !c || !c.children)
           return;
-        o = H.findFirstChild(c.children, "href");
+        o = U.findFirstChild(c.children, "href");
         break;
       default:
         return;
@@ -3798,16 +3798,16 @@ const hs = ({
   },
   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);
     }
@@ -3902,56 +3902,56 @@ const hs = ({
   const m = "doTrack" in c, l = i === null ? m ? c.doTrack : !0 : i, f = e.includes("buttons.");
   let d = `header_${e.replaceAll(".", "_")}`;
   c.hasVariantText && (d += `_logged${t ? "In" : "Out"}`);
-  let h = !1;
+  let p = !1;
   if (c.href) {
     let g = c.gtmType || `${e}-click`;
     if (g.includes(".")) {
-      const b = g.split("."), w = b[b.length - 2];
-      g = `${w === "topics" ? `${w}-` : ""}${b[b.length - 1]}`;
+      const b = g.split("."), j = b[b.length - 2];
+      g = `${j === "topics" ? `${j}-` : ""}${b[b.length - 1]}`;
     }
-    h = {
+    p = {
       href: c.href,
       role: "menuitem"
-    }, l && (h = {
-      ...h,
+    }, l && (p = {
+      ...p,
       className: "gtm-trackable",
       "data-gtm-event-type": g,
       "data-gtm-event-context": "HeaderButtons"
-    }), f && (h = {
-      ...h,
+    }), f && (p = {
+      ...p,
       variant: "secondary",
       size: { mobile: "small", 881: "large" },
       ...c.props || {}
     });
   }
-  const p = c.order && c.order[0] && c[c.order[0]], _ = p && c[c.order[0]].order, v = h && window.location.pathname === c.href;
-  let y = {}, k = {};
-  if (p) {
+  const h = c.order && c.order[0] && c[c.order[0]], _ = h && c[c.order[0]].order, y = p && window.location.pathname === c.href;
+  let k = {}, v = {};
+  if (h) {
     const g = c.menuId || e, b = {
-      onClick: (w) => H.events.onClick(w, { id: g, callback: s, isOpen: r[g] }),
-      onFocus: () => H.events.onFocus({ id: g }),
-      onBlur: () => H.events.onBlur({ id: g, callback: s }),
-      onMouseLeave: () => H.events.onBlur({ id: g, callback: s }),
-      onMouseEnter: () => H.events.onMouseEnter({ id: g, callback: s })
+      onClick: (j) => U.events.onClick(j, { id: g, callback: s, isOpen: r[g] }),
+      onFocus: () => U.events.onFocus({ id: g }),
+      onBlur: () => U.events.onBlur({ id: g, callback: s }),
+      onMouseLeave: () => U.events.onBlur({ id: g, callback: s }),
+      onMouseEnter: () => U.events.onMouseEnter({ id: g, callback: s })
     };
-    n && (_ && (y = {
+    n && (_ && (k = {
       ...b,
-      onKeyPress: (w) => {
-        w.key === "Enter" && H.events.onClick(w, { id: g, callback: s, isOpen: r[g] });
+      onKeyPress: (j) => {
+        j.key === "Enter" && U.events.onClick(j, { id: g, callback: s, isOpen: r[g] });
       },
       tabIndex: "0",
       // Add a `tabIndex` so keyboard users can focus on the `li`
       "aria-haspopup": !0,
       "aria-expanded": r[g],
       "aria-controls": g
-    }), k = { hidden: g in r ? !r[g] : !0 }), _ || (k = {
-      ...k,
+    }), v = { hidden: g in r ? !r[g] : !0 }), _ || (v = {
+      ...v,
       ...b
     });
   }
-  return /* @__PURE__ */ a.jsxs("li", { className: j({ [c.className]: c.className, "has-submenu": p, parent: _, active: v }), role: "none", ...y, children: [
-    h ? A.createElement(f ? q : "a", h, o.formatMessage({ id: d })) : o.formatMessage({ id: d }),
-    c.order && /* @__PURE__ */ a.jsx("ul", { ...k, children: c.order.map((g) => {
+  return /* @__PURE__ */ a.jsxs("li", { className: w({ [c.className]: c.className, "has-submenu": h, parent: _, active: y }), role: "none", ...k, children: [
+    p ? A.createElement(f ? B : "a", p, o.formatMessage({ id: d })) : o.formatMessage({ id: d }),
+    c.order && /* @__PURE__ */ a.jsx("ul", { ...v, children: c.order.map((g) => {
       if (!c[g])
         return null;
       const b = {
@@ -3961,16 +3961,16 @@ const hs = ({
         callback: s,
         doTrack: m ? l : null
       };
-      return c[g].order ? /* @__PURE__ */ a.jsxs("li", { className: j({ [c[g].className]: c[g].className }), children: [
+      return c[g].order ? /* @__PURE__ */ a.jsxs("li", { className: w({ [c[g].className]: c[g].className }), children: [
         o.formatMessage({ id: `${d}_${g}` }),
-        /* @__PURE__ */ a.jsx("ul", { children: c[g].order.map((w) => /* @__PURE__ */ a.jsx(lt, { id: `${e}.${g}.${w}`, ...b }, w)) })
+        /* @__PURE__ */ a.jsx("ul", { children: c[g].order.map((j) => /* @__PURE__ */ a.jsx(lt, { id: `${e}.${g}.${j}`, ...b }, j)) })
       ] }, g) : /* @__PURE__ */ a.jsx(lt, { id: `${e}.${g}`, ...b }, g);
     }) })
   ] }, e);
 };
 const gs = { height: 67, height_desktop: 83 }, oa = ({ showNavigation: e = !0 }) => {
-  const t = P(), n = fe(ke), r = qe(!0, !0), s = n && typeof n.id == "string", i = ft(
-    () => H.getIsDesktopVersion(s, r),
+  const t = P(), n = ge(ke), r = He(!0, !0), s = n && typeof n.id == "string", i = ft(
+    () => U.getIsDesktopVersion(s, r),
     [s, r]
   ), [o, c] = Oa(vr, {
     headerIsVisible: !0,
@@ -3984,28 +3984,28 @@ const gs = { height: 67, height_desktop: 83 }, oa = ({ showNavigation: e = !0 })
     scrollPosition: gs[`height${i.navigation ? "_desktop" : ""}`],
     callbacks: {
       scrollUp: () => {
-        !i && l.navigation || H.shouldChangeHeaderIsVisible(!0, l, c);
+        !i && l.navigation || U.shouldChangeHeaderIsVisible(!0, l, c);
       },
       scrollDown: () => {
-        !i && l.navigation || H.shouldChangeHeaderIsVisible(!1, l, c);
+        !i && l.navigation || U.shouldChangeHeaderIsVisible(!1, l, c);
       }
     }
   });
-  const d = (p, _) => {
-    H.handleMenus({ id: p, value: _, menus: l, dispatch: c });
-  }, h = te(null);
-  return Ne(() => {
-    l.navigation && H.autoFocus({
+  const d = (h, _) => {
+    U.handleMenus({ id: h, value: _, menus: l, dispatch: c });
+  }, p = ne(null);
+  return Pe(() => {
+    l.navigation && U.autoFocus({
       menu: "navigation",
-      navigationRef: h,
+      navigationRef: p,
       isDesktopVersion: i.navigation,
       focusElements: f,
       dispatch: c
     });
-  }, [l.navigation]), Ne(() => {
-    l.account && H.autoFocus({
+  }, [l.navigation]), Pe(() => {
+    l.account && U.autoFocus({
       menu: "account",
-      navigationRef: h,
+      navigationRef: p,
       isDesktopVersion: i.navigation,
       focusElements: f,
       dispatch: c
@@ -4015,14 +4015,14 @@ const gs = { height: 67, height_desktop: 83 }, oa = ({ showNavigation: e = !0 })
       "nav",
       {
         id: "header",
-        className: j({
+        className: w({
           "logged-in": s,
           "logged-out": !s,
           visible: m
         }),
         children: [
           /* @__PURE__ */ a.jsx(
-            se,
+            ae,
             {
               element: "a",
               href: "#content-of-page",
@@ -4035,15 +4035,15 @@ const gs = { height: 67, height_desktop: 83 }, oa = ({ showNavigation: e = !0 })
               "button",
               {
                 className: "menu-button gtm-trackable",
-                onClick: (p) => {
-                  p.preventDefault(), p.stopPropagation(), d("navigation", !l.navigation);
+                onClick: (h) => {
+                  h.preventDefault(), h.stopPropagation(), d("navigation", !l.navigation);
                 },
                 "data-gtm-event-type": "open-tab-menu-click",
                 "data-gtm-event-context": "HeaderLeft-Chevron",
                 "aria-haspopup": "true",
                 "aria-expanded": l.navigation,
                 "aria-controls": "navigation",
-                children: /* @__PURE__ */ a.jsx(se, { children: t.formatMessage({
+                children: /* @__PURE__ */ a.jsx(ae, { children: t.formatMessage({
                   id: `header_menu_${l.navigation ? "hide" : "show"}`
                 }) })
               }
@@ -4051,21 +4051,21 @@ const gs = { height: 67, height_desktop: 83 }, oa = ({ showNavigation: e = !0 })
             /* @__PURE__ */ a.jsx(
               "ul",
               {
-                ref: h,
+                ref: p,
                 id: "navigation",
                 hidden: i.navigation || l.account ? !1 : !l.navigation,
                 role: "menu",
                 "data-showing": !i.navigation && l.account ? "account" : "default",
-                children: ct.order.map((p) => /* @__PURE__ */ a.jsx(
+                children: ct.order.map((h) => /* @__PURE__ */ a.jsx(
                   lt,
                   {
-                    id: p,
+                    id: h,
                     isLoggedIn: s,
                     isDesktopVersion: i.navigation,
                     menus: { navigation: l.navigation, account: l.account },
                     callback: d
                   },
-                  p
+                  h
                 ))
               }
             ),
@@ -4073,14 +4073,14 @@ const gs = { height: 67, height_desktop: 83 }, oa = ({ showNavigation: e = !0 })
               "button",
               {
                 className: "search toggle-search-button",
-                onClick: (p) => {
-                  p.preventDefault(), p.stopPropagation(), d("search", !l.search);
+                onClick: (h) => {
+                  h.preventDefault(), h.stopPropagation(), d("search", !l.search);
                 },
                 "aria-haspopup": "true",
                 "aria-expanded": l.search,
                 "aria-controls": "search-form",
                 children: /* @__PURE__ */ a.jsx(
-                  se,
+                  ae,
                   {
                     children: t.formatMessage({
                       id: `header_search_${l.search ? "hide" : "show"}`
@@ -4105,22 +4105,22 @@ const gs = { height: 67, height_desktop: 83 }, oa = ({ showNavigation: e = !0 })
               "button",
               {
                 className: "account-button",
-                onClick: (p) => H.events.onClick(p, {
+                onClick: (h) => U.events.onClick(h, {
                   id: "account",
                   callback: d,
                   isOpen: l.account
                 }),
-                onMouseEnter: () => H.events.onMouseEnter({ id: "account", callback: d }),
-                onMouseLeave: () => H.events.onBlur({ id: "account", callback: d }),
+                onMouseEnter: () => U.events.onMouseEnter({ id: "account", callback: d }),
+                onMouseLeave: () => U.events.onBlur({ id: "account", callback: d }),
                 "aria-haspopup": "true",
                 "aria-expanded": l.account,
                 "aria-controls": "navigation",
                 children: [
-                  /* @__PURE__ */ a.jsx(se, { children: t.formatMessage({
+                  /* @__PURE__ */ a.jsx(ae, { children: t.formatMessage({
                     id: `header_account_${l.account ? "hide" : "show"}`
                   }) }),
                   /* @__PURE__ */ a.jsx(
-                    He,
+                    Ue,
                     {
                       name: n && n.name || "",
                       src: n && n.image && n.image.thumbnail || ""
@@ -4128,7 +4128,7 @@ const gs = { height: 67, height_desktop: 83 }, oa = ({ showNavigation: e = !0 })
                   )
                 ]
               }
-            ) : /* @__PURE__ */ a.jsx("ul", { className: "sign-in-buttons", children: ct.buttons.order.map((p) => /* @__PURE__ */ a.jsx(lt, { id: `buttons.${p}` }, p)) })
+            ) : /* @__PURE__ */ a.jsx("ul", { className: "sign-in-buttons", children: ct.buttons.order.map((h) => /* @__PURE__ */ a.jsx(lt, { id: `buttons.${h}` }, h)) })
           ] })
         ]
       }
@@ -4137,7 +4137,7 @@ const gs = { height: 67, height_desktop: 83 }, oa = ({ showNavigation: e = !0 })
     /* @__PURE__ */ a.jsx(
       "div",
       {
-        className: j("overlay", {
+        className: w("overlay", {
           open: l.navigation || l.account || !i.search && l.search
         })
       }
@@ -4147,7 +4147,7 @@ const gs = { height: 67, height_desktop: 83 }, oa = ({ showNavigation: e = !0 })
 const ca = ({ element: e = "section", children: t, className: n, ...r }) => A.createElement(
   e,
   {
-    className: j("modal", n),
+    className: w("modal", n),
     children: typeof t == "string" ? /* @__PURE__ */ a.jsx("p", { children: t }) : t,
     ...r
   }
@@ -4167,34 +4167,34 @@ const la = ({
   className: f = "",
   gtmContext: d = "Modal"
 }) => {
-  const h = P(), [p, _] = F(t), v = (k) => {
-    _(k), k ? (s(), document.body.classList.add("has-overlay")) : (i(), document.body.classList.remove("has-overlay"));
+  const p = P(), [h, _] = R(t), y = (v) => {
+    _(v), v ? (s(), document.body.classList.add("has-overlay")) : (i(), document.body.classList.remove("has-overlay"));
   };
-  V(() => {
-    v(t);
+  G(() => {
+    y(t);
   }, [t]);
-  const y = r ? { "--max-width": `${r / 16}rem` } : {};
-  return /* @__PURE__ */ a.jsx("div", { className: j("overlay", { open: p }), children: /* @__PURE__ */ a.jsx(
+  const k = r ? { "--max-width": `${r / 16}rem` } : {};
+  return /* @__PURE__ */ a.jsx("div", { className: w("overlay", { open: h }), children: /* @__PURE__ */ a.jsx(
     ca,
     {
       id: e,
-      className: j("overlay-modal", f, { "has-max-width": r }),
-      hidden: !p,
-      style: y,
+      className: w("overlay-modal", f, { "has-max-width": r }),
+      hidden: !h,
+      style: k,
       children: t && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
         /* @__PURE__ */ a.jsxs("div", { className: "top", children: [
           c && /* @__PURE__ */ a.jsx("h2", { className: "modal-title", children: c }),
           /* @__PURE__ */ a.jsx(
-            q,
+            B,
             {
               variant: "tertiary",
               size: "medium",
               icon: { icon: "close" },
-              onClick: () => v(!1),
+              onClick: () => y(!1),
               className: "gtm-trackable",
               "data-gtm-event-type": "close-modal-click",
               "data-gtm-event-context": d,
-              screenreaderText: h.formatMessage({ id: "overlay_close" })
+              screenreaderText: p.formatMessage({ id: "overlay_close" })
             }
           )
         ] }),
@@ -4233,7 +4233,7 @@ const zi = ({
     showDivider: !1,
     showIcon: o,
     functions: { onClose: c },
-    className: j("invite-modal", e, { success: !!n }),
+    className: w("invite-modal", e, { success: !!n }),
     children: /* @__PURE__ */ a.jsx(
       hs,
       {
@@ -4269,30 +4269,30 @@ const bs = () => {
   className: o = "",
   locale: c = "en"
 }) => {
-  const { navigation: m = !0, footer: l = !0 } = s, { background: f = "default", variant: d = "default", circle: h = "default" } = i, p = or();
-  V(() => {
+  const { navigation: m = !0, footer: l = !0 } = s, { background: f = "default", variant: d = "default", circle: p = "default" } = i, h = or();
+  G(() => {
     window.scrollTo(0, 0);
-  }, [p]);
-  const _ = at(e, { locale: c }), v = at(t, {
+  }, [h]);
+  const _ = at(e, { locale: c }), y = at(t, {
     locale: c
-  }), y = at(n, {
+  }), k = at(n, {
     locale: c
-  }), k = {};
-  return f !== "default" && (k[f] = !0), d !== "default" && (k[d] = !0), h !== "default" && (k[h] = !0), /* @__PURE__ */ a.jsx(Ja, { onError: r, fallback: /* @__PURE__ */ a.jsx(bs, {}), children: /* @__PURE__ */ a.jsx(Ba, { fallback: null, children: /* @__PURE__ */ a.jsxs(
+  }), v = {};
+  return f !== "default" && (v[f] = !0), d !== "default" && (v[d] = !0), p !== "default" && (v[p] = !0), /* @__PURE__ */ a.jsx(Ja, { onError: r, fallback: /* @__PURE__ */ a.jsx(bs, {}), children: /* @__PURE__ */ a.jsx(Ba, { fallback: null, children: /* @__PURE__ */ a.jsxs(
     "div",
     {
       id: "wrapper",
-      className: j(o, k, { "has-footer": l }),
+      className: w(o, v, { "has-footer": l }),
       children: [
         /* @__PURE__ */ a.jsx(oa, { showNavigation: m }),
         /* @__PURE__ */ a.jsxs("section", { id: "content-wrapper", children: [
-          v && /* @__PURE__ */ a.jsx("div", { className: "additional-content prepended", children: v }),
+          y && /* @__PURE__ */ a.jsx("div", { className: "additional-content prepended", children: y }),
           A.createElement(f === "bold" ? ca : "div", {
             id: "content",
             children: _
           })
         ] }),
-        y && /* @__PURE__ */ a.jsx("div", { className: "additional-content appended", children: y }),
+        k && /* @__PURE__ */ a.jsx("div", { className: "additional-content appended", children: k }),
         l && /* @__PURE__ */ a.jsx(aa, {}),
         /* @__PURE__ */ a.jsx(us, {})
       ]
@@ -4347,7 +4347,7 @@ const Wi = ({
       return;
     const f = vs.getTagDetails(l);
     f && m.push(f);
-  }), m.length < 1 ? null : /* @__PURE__ */ a.jsx("ul", { className: j("tags text-small", t, s, { "one-line": n }), children: m.map((l) => {
+  }), m.length < 1 ? null : /* @__PURE__ */ a.jsx("ul", { className: w("tags text-small", t, s, { "one-line": n }), children: m.map((l) => {
     const f = c.formatMessage({ id: l.text });
     return /* @__PURE__ */ a.jsx("li", { children: l.href && r ? /* @__PURE__ */ a.jsx(
       "a",
@@ -4371,7 +4371,7 @@ const Vi = ({
   className: o = ""
 }) => {
   const c = P();
-  return e.length === 0 ? null : /* @__PURE__ */ a.jsxs("div", { className: j("members-list", o), children: [
+  return e.length === 0 ? null : /* @__PURE__ */ a.jsxs("div", { className: w("members-list", o), children: [
     /* @__PURE__ */ a.jsxs("h1", { children: [
       c.formatMessage({ id: "membersList" }),
       /* @__PURE__ */ a.jsx("span", { className: "count", children: t })
@@ -4392,7 +4392,7 @@ const Vi = ({
   ] });
 };
 let et = null;
-const ce = "discussion_form_", da = ({
+const le = "discussion_form_", en = ({
   content: e = { type: "response", slugs: {} },
   userHasPermissions: t = !0,
   meta: n = {
@@ -4423,97 +4423,97 @@ const ce = "discussion_form_", da = ({
   },
   gtmContext: m = "DiscussionForm"
 }) => {
-  var T, S;
-  const l = P(), f = fe(ke), [d, h] = F(
+  var $, M, E;
+  const l = P(), f = ge(ke), [d, p] = R(
     n.isEditing && n.isEditing.text || ""
-  ), [p, _] = F(o.error || !1), [v, y] = F(!1), k = te(null);
-  if (r || (r = k), n.isLoading)
+  ), [h, _] = R(o.error || !1), [y, k] = R(!1), v = ne(null);
+  if (r || (r = v), n.isLoading)
     return /* @__PURE__ */ a.jsx(
-      pe,
+      _e,
       {
         className: "discussion-card discussion-form",
         "data-testid": "loading-placeholder"
       }
     );
-  const g = (E) => {
-    const W = E.target.value;
-    h(W);
-    let O;
-    !f || !f.id ? O = _e(
+  const g = (I) => {
+    const Z = I.target.value;
+    p(Z);
+    let q;
+    !f || !f.id ? q = be(
       l.formatMessage,
-      `${ce}error_loggedOut`,
+      `${le}error_loggedOut`,
       e.type,
       "action"
-    ) : t ? W.length >= s && (O = `${ce}error_tooLong`) : O = _e(
+    ) : t ? Z.length >= s && (q = `${le}error_tooLong`) : q = be(
       l.formatMessage,
-      `${ce}error_noPermission`,
+      `${le}error_noPermission`,
       e.type,
       "action"
-    ), O ? _(O) : p && _(!1);
+    ), q ? _(q) : h && _(!1);
   };
   let b = `${e.type}-form`;
   if (e.type === "response" || e.type === "reply") {
-    const E = e.type === "response" ? ((T = e.slugs) == null ? void 0 : T.question) || "" : ((S = e.slugs) == null ? void 0 : S.answer) || "";
-    E && (b = `${b}-${E.slice(-15)}`);
+    const I = (($ = e.slugs) == null ? void 0 : $.reply) || ((M = e.slugs) == null ? void 0 : M.answer) || ((E = e.slugs) == null ? void 0 : E.question) || "";
+    I && (b = `${b}-${I.slice(-15)}`);
   }
-  const w = async (E) => {
-    var O;
-    if (E.preventDefault(), E.stopPropagation(), !f || !f.id || !t || M)
+  const j = async (I) => {
+    var q;
+    if (I.preventDefault(), I.stopPropagation(), !f || !f.id || !t || S)
       return;
-    et && clearTimeout(et), y("submitting");
-    const W = window.location.pathname;
+    et && clearTimeout(et), k("submitting");
+    const Z = window.location.pathname;
     try {
-      let U;
+      let z;
       switch (e.type) {
         case "post":
-          U = await c.create({ content: d });
+          z = await c.create({ content: d });
           break;
         case "question":
-          U = await c.create({
+          z = await c.create({
             title: d,
             authorId: f && f.id,
-            ...(O = c.props) == null ? void 0 : O.create
+            ...(q = c.props) == null ? void 0 : q.create
           });
           break;
         case "response":
-          U = await c.create(
+          z = await c.create(
             { question: e.slugs.question },
-            { body: d, authorId: f && f.id, contentPath: W }
+            { body: d, authorId: f && f.id, contentPath: Z }
           );
           break;
         case "reply":
-          U = await c.create(
+          z = await c.create(
             { question: e.slugs.question, answer: e.slugs.answer },
-            { body: d, authorId: f && f.id, contentPath: W }
+            { body: d, authorId: f && f.id, contentPath: Z }
           );
           break;
         default:
           break;
       }
-      await xr(1e3), c.callback && await c.callback(U), et = setTimeout(() => {
-        h(""), y("submitted"), C();
+      await xr(1e3), c.callback && await c.callback(z), et = setTimeout(() => {
+        p(""), k("submitted"), C();
       }, 500);
-    } catch (U) {
-      const Y = U;
-      let K = `${ce}error`;
-      Y.message.includes("entry already exists") && (K = _e(
+    } catch (z) {
+      const J = z;
+      let H = `${le}error`;
+      J.message.includes("entry already exists") && (H = be(
         l.formatMessage,
-        `${ce}error_alreadyExists`,
+        `${le}error_alreadyExists`,
         e.type,
         "action"
-      )), Y.message.includes("429") ? K = _e(
+      )), J.message.includes("429") ? H = be(
         l.formatMessage,
-        `${ce}error_tooMany`,
+        `${le}error_tooMany`,
         e.type,
         "action"
-      ) : Y.message.includes("400") && (K = `${ce}error`), _(K), C();
+      ) : J.message.includes("400") && (H = `${le}error`), _(H), C();
     }
   }, C = () => {
     et = setTimeout(() => {
-      _(!1), y(!1);
+      _(!1), k(!1);
     }, 5e3);
-  }, M = !d || !yr(d), L = v === "submitting", R = [];
-  return (n.isEditing && !L || o.cancel) && R.push({
+  }, S = !d || !yr(d), Y = y === "submitting", F = [];
+  return (n.isEditing && !Y || o.cancel) && F.push({
     variant: "secondary",
     size: { mobile: "small", 600: "medium" },
     onClick: c.handleCancel,
@@ -4521,37 +4521,37 @@ const ce = "discussion_form_", da = ({
     "data-gtm-event-context": m,
     "data-gtm-event-type": `cancel-${e.type}-click`,
     disabled: !o.cancel && (!f || !f.id || !d),
-    children: l.formatMessage({ id: `${ce}cancel` })
-  }), R.push({
+    children: l.formatMessage({ id: `${le}cancel` })
+  }), F.push({
     variant: "primary",
     size: { mobile: "small", 600: "medium" },
-    onClick: (E) => {
+    onClick: (I) => {
       if (n.isEditing) {
-        y("submitting"), c.handleSaveEdit && c.handleSaveEdit(
-          k.current && "value" in k.current ? k.current.value : ""
+        k("submitting"), c.handleSaveEdit && c.handleSaveEdit(
+          v.current && "value" in v.current ? v.current.value : ""
         );
         return;
       }
-      w(E);
+      j(I);
     },
     className: "gtm-trackable",
     "data-gtm-event-context": m,
     "data-gtm-event-type": `${n.isEditing ? "save" : "submit"}-${e.type}-click`,
     "data-testid": "save-button",
-    disabled: !f || !f.id || !t || M || L || n.isEditing && d === n.isEditing.text,
+    disabled: !f || !f.id || !t || S || Y || n.isEditing && d === n.isEditing.text,
     children: l.formatMessage({
-      id: `${ce}${L ? n.isEditing ? "saving" : "posting" : n.isEditing ? "save" : "post"}`
+      id: `${le}${Y ? n.isEditing ? "saving" : "posting" : n.isEditing ? "save" : "post"}`
     })
   }), /* @__PURE__ */ a.jsxs(
     "form",
     {
       id: b,
-      className: j("discussion-card discussion-form", {
+      className: w("discussion-card discussion-form", {
         "no-styling": n.isInWrapper && n.isEditing
       }),
       "data-testid": `discussion-${e.type}-form`,
       children: [
-        (n == null ? void 0 : n.showTitle) && !n.isEditing && ["question"].includes(e.type) && /* @__PURE__ */ a.jsx("h2", { children: _e(l.formatMessage, `${ce}title`, e.type, "action") }),
+        (n == null ? void 0 : n.showTitle) && !n.isEditing && ["question"].includes(e.type) && /* @__PURE__ */ a.jsx("h2", { children: be(l.formatMessage, `${le}title`, e.type, "action") }),
         /* @__PURE__ */ a.jsx(
           Xt,
           {
@@ -4560,30 +4560,30 @@ const ce = "discussion_form_", da = ({
             gtmType: "profile-click"
           }
         ),
-        /* @__PURE__ */ a.jsx(se, { element: "label", showOnFocus: !1, htmlFor: `${b}-input`, children: _e(l.formatMessage, `${ce}label`, e.type, "action") }),
+        /* @__PURE__ */ a.jsx(ae, { element: "label", showOnFocus: !1, htmlFor: `${b}-input`, children: be(l.formatMessage, `${le}label`, e.type, "action") }),
         /* @__PURE__ */ a.jsx(
           Xa,
           {
             ref: r,
             id: `${b}-input`,
             name: e.type,
-            placeholder: _e(
+            placeholder: be(
               l.formatMessage,
-              `${ce}placeholder`,
+              `${le}placeholder`,
               e.type,
               "action"
             ),
             onChange: g,
             value: d,
             maxLength: s,
-            "aria-invalid": !!p,
+            "aria-invalid": !!h,
             "aria-errormessage": "error-message",
             minRows: i,
             autoFocus: !!n.isEditing
           }
         ),
-        /* @__PURE__ */ a.jsx("small", { children: _e(l.formatMessage, `${ce}explainer`, e.type, "action", {
-          a: (E) => /* @__PURE__ */ a.jsx(
+        /* @__PURE__ */ a.jsx("small", { children: be(l.formatMessage, `${le}explainer`, e.type, "action", {
+          a: (I) => /* @__PURE__ */ a.jsx(
             "a",
             {
               href: "https://about.apolitical.co/q-and-a-community-guidelines",
@@ -4592,25 +4592,25 @@ const ce = "discussion_form_", da = ({
               "data-gtm-event-context": m,
               "data-gtm-event-type": "community-guidelines-link",
               rel: "noreferrer",
-              children: E
+              children: I
             }
           )
         }) }),
-        /* @__PURE__ */ a.jsx(ht, { buttons: R }),
-        v === "submitted" && /* @__PURE__ */ a.jsx(Vt, { className: "success", "data-testid": "success", children: _e(l.formatMessage, `${ce}success`, e.type, "action") }),
-        p && /* @__PURE__ */ a.jsx(Vt, { id: "error-message", className: "error", "data-testid": "error", children: o.error ? o.error : typeof p == "string" ? p.includes(" ") ? p : l.formatMessage(
-          { id: p },
+        /* @__PURE__ */ a.jsx(ht, { buttons: F }),
+        y === "submitted" && /* @__PURE__ */ a.jsx(Vt, { className: "success", "data-testid": "success", children: be(l.formatMessage, `${le}success`, e.type, "action") }),
+        h && /* @__PURE__ */ a.jsx(Vt, { id: "error-message", className: "error", "data-testid": "error", children: o.error ? o.error : typeof h == "string" ? h.includes(" ") ? h : l.formatMessage(
+          { id: h },
           {
             action: l.formatMessage({
               id: `discussion_action_${e.type}`
             }),
             maxLength: s
           }
-        ) : p })
+        ) : h })
       ]
     }
   );
-}, en = ({
+}, da = ({
   contentType: e,
   createPost: t,
   membershipRequiredToPost: { isMember: n, required: r, join: s, leave: i, notMemberStateText: o }
@@ -4624,7 +4624,7 @@ const ce = "discussion_form_", da = ({
     }
   }
 ) : /* @__PURE__ */ a.jsx(
-  da,
+  en,
   {
     content: { type: e, slugs: {} },
     functions: {
@@ -4632,11 +4632,11 @@ const ce = "discussion_form_", da = ({
     }
   }
 ), xs = {
-  showThread: !1,
+  showThread: !0,
   showForm: !1
 }, vt = Gt(xs), ks = ({ children: e }) => {
-  const [t, n] = F({
-    showThread: !1,
+  const [t, n] = R({
+    showThread: !0,
     showForm: !1
   });
   return /* @__PURE__ */ a.jsx(vt.Provider, { value: { ...t, updateConversation: n }, children: e });
@@ -4649,9 +4649,9 @@ const ce = "discussion_form_", da = ({
   ...t && { answerSlug: t },
   ...n && { replySlug: n }
 }), ws = (e, t = 10) => !e || e.length === 0 ? [] : e.slice(0, t);
-let Be = !1;
+let Ze = !1;
 const Bt = () => {
-  Be !== !1 && (clearTimeout(Be), Be = !1);
+  Ze !== !1 && (clearTimeout(Ze), Ze = !1);
 }, Zt = 5, Ts = ({
   element: e = "div",
   likes: t = 0,
@@ -4665,58 +4665,58 @@ const Bt = () => {
   } } = {}
 }) => {
   const l = P();
-  V(() => {
-    p(s);
+  G(() => {
+    h(s);
   }, [s]);
-  const [f, d] = F(t), [h, p] = F(s), [_, v] = F(!1), [y, k] = F(!1), g = ft(() => ws(n, Zt), [n]), b = (C) => {
-    if (C.preventDefault(), C.stopPropagation(), k(!1), Be)
+  const [f, d] = R(t), [p, h] = R(s), [_, y] = R(!1), [k, v] = R(!1), g = ft(() => ws(n, Zt), [n]), b = (C) => {
+    if (C.preventDefault(), C.stopPropagation(), v(!1), Ze)
       return Bt(), !1;
     if (Bt(), _ || !o)
       return !1;
-    Be = setTimeout(w, 350);
-  }, w = async () => {
+    Ze = setTimeout(j, 350);
+  }, j = async () => {
     if (Bt(), _ || !o)
       return !1;
-    let C = h ? f - 1 : f + 1;
-    C < 0 && (C = 0), v(!0), d(C), p(!h);
+    let C = p ? f - 1 : f + 1;
+    C < 0 && (C = 0), y(!0), d(C), h(!p);
     try {
       if (i && i.slugs) {
-        const M = js(i.slugs);
-        h ? await m(M) : await c(M, { contentPath: window.location.pathname });
+        const S = js(i.slugs);
+        p ? await m(S) : await c(S, { contentPath: window.location.pathname });
       }
     } catch {
-      d(t), p(s);
+      d(t), h(s);
     } finally {
-      v(!1);
+      y(!1);
     }
   };
   return A.createElement(
     e,
     {
-      className: j("likes-wrapper text-medium action-button", { "show-spinner": _, "is-liked": h, disabled: !o }),
+      className: w("likes-wrapper text-medium action-button", { "show-spinner": _, "is-liked": p, disabled: !o }),
       onClick: b,
       onMouseEnter: () => {
-        k(!0);
+        v(!0);
       },
       onMouseLeave: () => {
-        k(!1);
+        v(!1);
       },
       onFocus: () => {
-        k(!0);
+        v(!0);
       },
       onBlur: () => {
-        k(!1);
+        v(!1);
       },
       children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
         /* @__PURE__ */ a.jsx(
-          q,
+          B,
           {
             variant: "tertiary",
             size: "medium",
-            icon: { icon: h ? "heart" : "heart_empty", animate: "bounce" },
-            className: j({ "do-animation": h && !s }),
+            icon: { icon: p ? "heart" : "heart_empty", animate: "bounce" },
+            className: w({ "do-animation": p && !s }),
             screenreaderText: o ? l.formatMessage({
-              id: `discussion_likes_${h ? "unlike" : "like"}`
+              id: `discussion_likes_${p ? "unlike" : "like"}`
             }, { action: l.formatMessage({ id: `discussion_action_${i.type}` }) }) : !1,
             onClick: b,
             disabled: !o,
@@ -4726,15 +4726,15 @@ const Bt = () => {
             "data-gtm-event-type": `like-${i.type}-click`
           }
         ),
-        /* @__PURE__ */ a.jsx("span", { className: j("number-of-likes", { "no-likes": f === 0 }), "data-testid": "number-of-likes", children: l.formatMessage({ id: `discussion_likes${r ? "_short" : ""}` }, { number: f }) }),
-        n && /* @__PURE__ */ a.jsx(wr, { isOpen: y, isLoading: n.length === 0, children: n.length && /* @__PURE__ */ a.jsxs("ul", { children: [
+        /* @__PURE__ */ a.jsx("span", { className: w("number-of-likes", { "no-likes": f === 0 }), "data-testid": "number-of-likes", children: l.formatMessage({ id: `discussion_likes${r ? "_short" : ""}` }, { number: f }) }),
+        n && /* @__PURE__ */ a.jsx(wr, { isOpen: k, isLoading: n.length === 0, children: n.length && /* @__PURE__ */ a.jsxs("ul", { children: [
           g.map((C) => typeof C == "string" || !C.name ? null : /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
             gt,
             {
               href: C.id ? `/profiles/${C.id}` : void 0,
               gtmContext: "Likes",
               gtmType: "liked-name-click",
-              onClick: (M) => M == null ? void 0 : M.stopPropagation(),
+              onClick: (S) => S == null ? void 0 : S.stopPropagation(),
               children: C.name
             }
           ) }, C.id || window.btoa(C.name))),
@@ -4753,8 +4753,11 @@ const ve = "discussion_", $s = 280, kt = ({
   userHasPermissions: n = !0,
   isLoading: r = !1,
   originalAuthorId: s,
+  forceHide: i = {
+    comments: !1
+  },
   functions: {
-    content: { createContent: i, deleteContent: o, updateContent: c } = {
+    content: { createContent: o, deleteContent: c, updateContent: m } = {
       createContent: () => {
       },
       deleteContent: () => {
@@ -4762,61 +4765,62 @@ const ve = "discussion_", $s = 280, kt = ({
       updateContent: () => {
       }
     },
-    likes: { createLike: m, deleteLike: l } = { createLike: () => {
+    likes: { createLike: l, deleteLike: f } = { createLike: () => {
     }, deleteLike: () => {
     } },
-    comments: { openComments: f } = { openComments: () => {
+    comments: { openComments: d } = { openComments: () => {
     } }
   },
-  links: d = {},
+  links: p = {},
   className: h,
-  gtmContext: p = "DiscussionAnswer",
-  children: _,
-  isTruncated: v = !1
+  gtmContext: _ = "DiscussionAnswer",
+  children: y,
+  isTruncated: k = !1
 }) => {
-  const y = P(), k = fe(ke), g = fe(vt), [b, w] = F({
+  const v = P(), g = ge(ke), b = ge(vt), [j, C] = R({
     body: t && t.body || "",
     isEditing: !1,
     didEdit: t && t.isEdited || !1
-  }), [C, M] = F(!1), [L, R] = F("");
-  if (V(() => {
-    w({
-      ...b,
+  }), [S, Y] = R(!1), [F, $] = R("");
+  if (G(() => {
+    C({
+      ...j,
       body: t && t.body || "",
       didEdit: t && t.isEdited || !1
     });
   }, [t.isEdited]), r || !t || t.type === "answer" && (!t.slugs || !t.slugs.question))
-    return /* @__PURE__ */ a.jsx(pe, { className: "discussion-card discussion-post" });
-  const { author: T, canLike: S, createdAt: E, id: W, likes: O = 0, userLiked: U, comments: Y = 0 } = t, K = v ? Me(b.body, $s) : b.body, re = k && k.id && typeof T != "string" && T.id && T.id === k.id || !1, Q = typeof S == "boolean" ? S : n ? !re : !1, ne = async (B) => {
-    B || (B = ""), R("");
+    return /* @__PURE__ */ a.jsx(_e, { className: "discussion-card discussion-post" });
+  const { author: M, canLike: E, createdAt: I, id: Z, likes: q = 0, userLiked: z, comments: J = 0 } = t, H = k ? Ne(j.body, $s) : j.body, te = g && g.id && typeof M != "string" && M.id && M.id === g.id || !1, re = typeof E == "boolean" ? E : n ? !te : !1, K = async (W) => {
+    W || (W = ""), $("");
     try {
-      if (!er(B, b.body)) {
-        const le = t.type === "question" ? { title: B } : { body: B };
-        await c(Sn(t.slugs), le);
+      if (!er(W, j.body)) {
+        const ue = t.type === "question" ? { title: W } : { body: W };
+        await m(Sn(t.slugs), ue);
       }
-      w({ body: B, isEditing: !1, didEdit: !0 });
+      C({ body: W, isEditing: !1, didEdit: !0 });
     } catch {
-      R(`${ve}form_error`);
+      $(`${ve}form_error`);
     }
-  }, G = () => {
-    g && g.updateConversation && g.updateConversation({ showThread: !0, showForm: !0 }), setTimeout(() => {
-      const le = `reply-form-${(t.type === "answer" ? t.slug : t.slugs.answer || "").toLowerCase().slice(-15)}`, he = document.getElementById(le), J = document.getElementById(`${le}-input`);
-      J && J.focus(), he && he.scrollIntoView({ behavior: "smooth" });
+  }, ie = () => {
+    b && b.updateConversation && b.updateConversation({ showThread: !0, showForm: !0 }), setTimeout(() => {
+      var me, pe, Ee;
+      const ue = `reply-form-${(t.type === "answer" ? t.slug : ((me = t.slugs) == null ? void 0 : me.reply) || ((pe = t.slugs) == null ? void 0 : pe.answer) || ((Ee = t.slugs) == null ? void 0 : Ee.question) || "").toLowerCase().slice(-15)}`, Q = document.getElementById(ue), se = document.getElementById(`${ue}-input`);
+      se && se.focus(), Q && Q.scrollIntoView({ behavior: "smooth" });
     }, 0);
-  }, ae = () => {
-    M(!1);
+  }, de = () => {
+    Y(!1);
     try {
-      o(Sn(t.slugs));
+      c(Sn(t.slugs));
     } catch {
-      R("delete-error");
+      $("delete-error");
     }
-  }, oe = [
+  }, ce = [
     {
-      text: y.formatMessage({ id: `${ve}moreMenu_report` }),
+      text: v.formatMessage({ id: `${ve}moreMenu_report` }),
       href: `mailto:community@apolitical.co?subject=${encodeURI(
-        y.formatMessage({ id: `${ve}report_subject` })
+        v.formatMessage({ id: `${ve}report_subject` })
       )}&body=${encodeURI(
-        y.formatMessage(
+        v.formatMessage(
           { id: `${ve}report_body` },
           {
             contentType: t.type || "",
@@ -4828,90 +4832,90 @@ const ve = "discussion_", $s = 280, kt = ({
       icon: "flag"
     }
   ];
-  return n && re && oe.push(
+  return n && te && ce.push(
     {
-      text: y.formatMessage({ id: `${ve}moreMenu_edit` }),
-      onClick: () => w({ ...b, isEditing: !0 }),
+      text: v.formatMessage({ id: `${ve}moreMenu_edit` }),
+      onClick: () => C({ ...j, isEditing: !0 }),
       icon: "pencil-paper",
       className: "gtm-trackable",
-      "data-gtm-event-context": p,
+      "data-gtm-event-context": _,
       "data-gtm-event-type": `edit-${t.type}-click`
     },
     {
-      text: y.formatMessage({ id: `${ve}moreMenu_delete` }),
-      onClick: (B) => {
-        B.preventDefault(), B.stopPropagation(), M(!0);
+      text: v.formatMessage({ id: `${ve}moreMenu_delete` }),
+      onClick: (W) => {
+        W.preventDefault(), W.stopPropagation(), Y(!0);
       },
       icon: "trash",
       className: "gtm-trackable",
-      "data-gtm-event-context": p,
+      "data-gtm-event-context": _,
       "data-gtm-event-type": `delete-${t.type}-click`,
-      ..._s(`delete-${t.slug}-modal`, C)
+      ..._s(`delete-${t.slug}-modal`, S)
     }
   ), A.createElement(e, {
-    className: j("discussion-post", h),
+    className: w("discussion-post", h),
     "data-testid": `discussion-${t.type}-thread`,
     children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
       /* @__PURE__ */ a.jsxs(
         "div",
         {
-          id: W || t.slug,
-          className: j("discussion-card", t.type, {
-            editing: b.isEditing,
-            "has-link": d.post && !b.isEditing
+          id: Z || t.slug,
+          className: w("discussion-card", t.type, {
+            editing: j.isEditing,
+            "has-link": p.post && !j.isEditing
           }),
-          onClick: (B) => {
-            !d.post || b.isEditing || (B.preventDefault(), B.stopPropagation(), window.location.href = d.post);
+          onClick: (W) => {
+            !p.post || j.isEditing || (W.preventDefault(), W.stopPropagation(), window.location.href = p.post);
           },
           children: [
-            !b.isEditing && /* @__PURE__ */ a.jsx(
+            !j.isEditing && /* @__PURE__ */ a.jsx(
               Xt,
               {
-                member: T,
-                additionalContent: { createdAt: E, didEdit: b.didEdit },
-                className: typeof T != "string" && T.id === s ? "highlighted" : "",
-                gtmContext: p,
+                member: M,
+                additionalContent: { createdAt: I, didEdit: j.didEdit },
+                className: typeof M != "string" && M.id === s ? "highlighted" : "",
+                gtmContext: _,
                 gtmType: "profile-click"
               }
             ),
-            b.isEditing ? /* @__PURE__ */ a.jsx(
-              da,
+            j.isEditing ? /* @__PURE__ */ a.jsx(
+              en,
               {
                 content: { type: t.type, slugs: t.slugs },
                 userHasPermissions: n,
                 meta: {
                   isLoading: r,
                   isInWrapper: !0,
-                  isEditing: { text: b.body }
+                  isEditing: { text: j.body }
                 },
                 maxLength: t.type === "question" ? 250 : 5e4,
                 forceShow: {
-                  error: L !== "" && L !== "delete-error" ? y.formatMessage(
-                    { id: L },
+                  error: F !== "" && F !== "delete-error" ? v.formatMessage(
+                    { id: F },
                     {
-                      action: y.formatMessage({
+                      action: v.formatMessage({
                         id: `discussion_action_${t.type}`
                       })
                     }
                   ) : !1
                 },
                 functions: {
-                  create: i,
-                  handleSaveEdit: ne,
+                  create: o,
+                  handleSaveEdit: K,
                   handleCancel: () => {
-                    R(""), w({ ...b, isEditing: !1 });
+                    $(""), C({ ...j, isEditing: !1 });
                   }
                 },
-                gtmContext: `${p}Form`
+                gtmContext: `${_}Form`
               }
-            ) : d.post ? /* @__PURE__ */ a.jsx(
+            ) : p.post ? /* @__PURE__ */ a.jsx(
               "a",
               {
-                href: d.post,
+                href: p.post,
                 className: "gtm-trackable",
-                "data-gtm-event-context": p,
+                "data-gtm-event-context": _,
                 "data-gtm-event-type": "title-click",
-                children: /* @__PURE__ */ a.jsx(jn, { options: { overrides: { a: Zr } }, children: K })
+                children: /* @__PURE__ */ a.jsx(jn, { options: { overrides: { a: Zr } }, children: H })
               }
             ) : /* @__PURE__ */ a.jsx(
               jn,
@@ -4922,72 +4926,72 @@ const ve = "discussion_", $s = 280, kt = ({
                   forceInline: t.type === "question",
                   forceBlock: t.type !== "question"
                 },
-                children: K
+                children: H
               }
             ),
-            !b.isEditing && /* @__PURE__ */ a.jsxs(
+            !j.isEditing && /* @__PURE__ */ a.jsxs(
               "ul",
               {
-                className: j("actions text-medium", t.type),
+                className: w("actions text-medium", t.type),
                 "data-testid": `${t.type}-actions`,
                 children: [
                   /* @__PURE__ */ a.jsx(
                     Ts,
                     {
                       element: "li",
-                      likes: O,
+                      likes: q,
                       isShort: !1,
-                      userLiked: U,
+                      userLiked: z,
                       content: { type: t.type, slugs: t.slugs },
-                      canLike: Q,
+                      canLike: re,
                       peopleWhoLiked: t.peopleWhoLiked,
                       functions: {
-                        createLike: m,
-                        deleteLike: l
+                        createLike: l,
+                        deleteLike: f
                       }
                     }
                   ),
-                  (["question", "post"].includes(t.type) || d.comments || typeof f == "function") && /* @__PURE__ */ a.jsxs(
+                  !i.comments && (["question", "post"].includes(t.type) || p.comments || typeof d == "function") && /* @__PURE__ */ a.jsxs(
                     "li",
                     {
                       className: "action-button",
-                      onClick: (B) => {
-                        B.preventDefault(), B.stopPropagation(), d.comments && (window.location.href = d.comments), typeof f == "function" && f();
+                      onClick: (W) => {
+                        W.preventDefault(), W.stopPropagation(), p.comments && (window.location.href = p.comments), typeof d == "function" && d();
                       },
                       children: [
                         /* @__PURE__ */ a.jsx(
-                          q,
+                          B,
                           {
                             variant: "tertiary",
                             size: "medium",
                             styling: { muted: !0 },
                             icon: { icon: "speech-bubble_square_thick" },
-                            href: d.comments ? d.comments : !1,
-                            onClick: d.comments || typeof f != "function" ? !1 : f,
+                            href: p.comments ? p.comments : !1,
+                            onClick: p.comments || typeof d != "function" ? !1 : d,
                             className: "gtm-trackable",
-                            "data-gtm-event-context": p,
+                            "data-gtm-event-context": _,
                             "data-gtm-event-type": `answer-${t.type}-click`,
-                            screenreaderText: y.formatMessage(
+                            screenreaderText: v.formatMessage(
                               { id: `${ve}comments_screenReader` },
-                              { count: Y }
+                              { count: J }
                             )
                           }
                         ),
-                        /* @__PURE__ */ a.jsx("span", { children: y.formatMessage(
+                        /* @__PURE__ */ a.jsx("span", { children: v.formatMessage(
                           { id: `${ve}comments` },
-                          { count: Y }
+                          { count: J }
                         ) })
                       ]
                     }
                   ),
                   (t.type === "answer" || t.type === "reply") && /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
-                    q,
+                    B,
                     {
                       variant: "tertiary",
                       size: "medium",
                       styling: { muted: !0 },
-                      onClick: G,
-                      children: y.formatMessage({ id: `${ve}reply` })
+                      onClick: ie,
+                      children: v.formatMessage({ id: `${ve}reply` })
                     }
                   ) }),
                   /* @__PURE__ */ a.jsx(
@@ -4995,7 +4999,7 @@ const ve = "discussion_", $s = 280, kt = ({
                     {
                       element: "li",
                       id: `more-${t.slug}`,
-                      options: oe
+                      options: ce
                     }
                   )
                 ]
@@ -5004,39 +5008,39 @@ const ve = "discussion_", $s = 280, kt = ({
           ]
         }
       ),
-      _,
+      y,
       /* @__PURE__ */ a.jsx(
         la,
         {
           id: `delete-${t.slug}-modal`,
-          isOpen: C,
+          isOpen: S,
           functions: { onOpen: () => {
-          }, onClose: () => M(!1) },
+          }, onClose: () => Y(!1) },
           forceShow: {
-            error: L === "delete-error" ? y.formatMessage(
+            error: F === "delete-error" ? v.formatMessage(
               { id: "discussion_delete_error" },
               {
-                action: y.formatMessage({
+                action: v.formatMessage({
                   id: `discussion_action_${t.type}`
                 })
               }
             ) : !1
           },
-          title: y.formatMessage(
+          title: v.formatMessage(
             { id: "discussion_delete_title" },
-            { action: y.formatMessage({ id: `discussion_action_${t.type}` }) }
+            { action: v.formatMessage({ id: `discussion_action_${t.type}` }) }
           ),
           buttons: [
             {
               variant: "secondary",
-              onClick: () => M(!1),
-              children: y.formatMessage({ id: "discussion_delete_cancel" })
+              onClick: () => Y(!1),
+              children: v.formatMessage({ id: "discussion_delete_cancel" })
             },
             {
               variant: "primary",
               className: "destructive",
-              onClick: ae,
-              children: y.formatMessage({ id: "discussion_delete_delete" })
+              onClick: de,
+              children: v.formatMessage({ id: "discussion_delete_delete" })
             }
           ],
           gtmContext: `${t.type.charAt(0).toUpperCase()}${t.type.slice(1)}:${t.slug}`,
@@ -5045,8 +5049,8 @@ const ve = "discussion_", $s = 280, kt = ({
             {
               id: "discussion_delete_text",
               values: {
-                p: (B) => /* @__PURE__ */ a.jsx("p", { children: B }),
-                action: y.formatMessage({
+                p: (W) => /* @__PURE__ */ a.jsx("p", { children: W }),
+                action: v.formatMessage({
                   id: `discussion_action_${t.type}`
                 })
               }
@@ -5061,21 +5065,21 @@ const qt = "discussion_responses_", Yi = ({ type: e = "answer", responses: t = 0
   const n = P();
   return /* @__PURE__ */ a.jsxs("div", { className: "responses-heading", children: [
     /* @__PURE__ */ a.jsx("h3", { children: n.formatMessage({ id: `${qt}title` }, { action: n.formatMessage({ id: `${qt}${e}` }), count: t }) }),
-    t === 0 && /* @__PURE__ */ a.jsx("p", { children: _e(n.formatMessage, `${qt}empty`, e, e) })
+    t === 0 && /* @__PURE__ */ a.jsx("p", { children: be(n.formatMessage, `${qt}empty`, e, e) })
   ] });
 };
 const Es = ({ count: e = "", showRepliesButton: t = !0, children: n }) => {
-  const r = P(), s = te(null), i = fe(vt), [o, c] = F(
+  const r = P(), s = ne(null), i = ge(vt), [o, c] = R(
     "closed"
     /* Closed */
   );
-  V(() => {
+  G(() => {
     const d = s.current;
     if (d)
       return d.addEventListener("transitionend", m), () => {
         d.removeEventListener("transitionend", m);
       };
-  }, []), Ne(() => {
+  }, []), Pe(() => {
     o === "closed" && !i.showThread || c(
       [
         "opening",
@@ -5084,14 +5088,14 @@ const Es = ({ count: e = "", showRepliesButton: t = !0, children: n }) => {
       ].includes(o) ? "ready-to-close" : "opening"
       /* Opening */
     );
-  }, [i.showThread]), V(() => {
+  }, [i.showThread]), G(() => {
     o === "ready-to-close" && c(
       "closing"
       /* Closing */
     );
   }, [o]);
   const m = ({ propertyName: d }) => {
-    d === "max-height" && c((h) => h === "opening" ? "open" : h === "closing" ? "closed" : h);
+    d === "max-height" && c((p) => p === "opening" ? "open" : p === "closing" ? "closed" : p);
   }, l = [
     "opening",
     "open"
@@ -5101,7 +5105,7 @@ const Es = ({ count: e = "", showRepliesButton: t = !0, children: n }) => {
   });
   return /* @__PURE__ */ a.jsxs("div", { className: "thread-wrapper", children: [
     t && /* @__PURE__ */ a.jsx(
-      q,
+      B,
       {
         variant: "secondary",
         size: "small",
@@ -5109,8 +5113,8 @@ const Es = ({ count: e = "", showRepliesButton: t = !0, children: n }) => {
         icon: { icon: `arrow_corner-down_${l ? "left" : "right"}` },
         onClick: () => {
           var d;
-          (d = i.updateConversation) == null || d.call(i, (h) => ({
-            showThread: !h.showThread,
+          (d = i.updateConversation) == null || d.call(i, (p) => ({
+            showThread: !p.showThread,
             showForm: !1
           }));
         },
@@ -5124,7 +5128,7 @@ const Es = ({ count: e = "", showRepliesButton: t = !0, children: n }) => {
       "ul",
       {
         ref: s,
-        className: j("thread", o),
+        className: w("thread", o),
         hidden: !i.showThread,
         children: f
       }
@@ -5240,7 +5244,7 @@ function Fs({ reply: e, user: t }) {
   const { latest_children: n, own_children: r, children_counts: s } = e;
   s && (s.like = s.like - 1 || 0), n && (t != null && t.id) && (n.like = n.like.filter(({ user_id: i }) => i !== t.id)), r && (t != null && t.id) && (r.like = r.like.filter(({ user_id: i }) => i !== t.id));
 }
-const Pe = Object.freeze({
+const Ae = Object.freeze({
   id: "some-user-id-1",
   name: "some user name 1",
   organization: "some user organization 1",
@@ -5259,7 +5263,7 @@ const Pe = Object.freeze({
   },
   isLoading: !1
 }), pa = Object.freeze({
-  actor: `SU:${Pe.id}`,
+  actor: `SU:${Ae.id}`,
   content: "some content 1",
   duration: "5.53ms",
   feed_id: "some-feed-id-1",
@@ -5279,7 +5283,7 @@ const Pe = Object.freeze({
   time: "2023-11-24T17:54:36.162000",
   verb: "post"
 }), Ds = Object.freeze({
-  actor: `SU:${Pe.id}`,
+  actor: `SU:${Ae.id}`,
   content: "some content 3",
   duration: "5.53ms",
   feed_id: "some-feed-id-3",
@@ -5343,9 +5347,9 @@ Object.freeze({
   created_at: "2023-12-03T21:53:45.999851Z",
   updated_at: "2023-12-03T21:53:45.999851Z",
   id: "some-reply-id-2",
-  user_id: Pe.id,
+  user_id: Ae.id,
   user: {
-    id: Pe.id,
+    id: Ae.id,
     data: {},
     created_at: "2023-08-31T07:11:38.677184Z",
     updated_at: "2023-08-31T07:11:38.677184Z"
@@ -5383,9 +5387,9 @@ Object.freeze({
   created_at: "2023-12-03T21:53:45.999851Z",
   updated_at: "2023-12-03T21:53:45.999851Z",
   id: "some-reply-id-3",
-  user_id: Pe.id,
+  user_id: Ae.id,
   user: {
-    id: Pe.id,
+    id: Ae.id,
     data: {},
     created_at: "2023-08-31T07:11:38.677184Z",
     updated_at: "2023-08-31T07:11:38.677184Z"
@@ -5409,7 +5413,7 @@ function Is({
   queryKey: s,
   user: i
 }) {
-  const { mutate: o } = ue({
+  const { mutate: o } = fe({
     mutationFn: e,
     onMutate: (c) => t((m) => {
       const l = Mn({ activity: Ps(c), user: i });
@@ -5430,7 +5434,7 @@ function Os({
     error: n
   }
 }) {
-  const { mutate: r } = ue({
+  const { mutate: r } = fe({
     mutationFn: e,
     onMutate: ({ activityId: s, body: i }) => t((o) => {
       const c = ut(s, o);
@@ -5458,18 +5462,18 @@ function Bs({
     },
     user: m,
     ...l
-  }, d = Is({ ...f, mutationFn: e }), h = Os({ ...f, mutationFn: t }), p = Zs({ ...f, mutationFn: n }), _ = Hs({ ...f, mutationFn: s }), v = Us({ ...f, mutationFn: i }), { activities: y, ...k } = qs({ queryKey: o, queryFn: r });
+  }, d = Is({ ...f, mutationFn: e }), p = Os({ ...f, mutationFn: t }), h = Zs({ ...f, mutationFn: n }), _ = Hs({ ...f, mutationFn: s }), y = Us({ ...f, mutationFn: i }), { activities: k, ...v } = qs({ queryKey: o, queryFn: r });
   return {
-    activities: y,
+    activities: k,
     mutations: {
       create: d,
-      edit: h,
+      edit: p,
       remove: _,
-      like: p,
-      unlike: v
+      like: h,
+      unlike: y
     },
     user: m,
-    ...k
+    ...v
   };
 }
 function Zs({
@@ -5481,7 +5485,7 @@ function Zs({
   queryClient: r,
   queryKey: s
 }) {
-  const { mutate: i } = ue({
+  const { mutate: i } = fe({
     mutationFn: e,
     onMutate: ({ activityId: o }) => t((c) => {
       const m = ut(o, c);
@@ -5523,7 +5527,7 @@ function Hs({
     error: n
   }
 }) {
-  const { mutate: r } = ue({
+  const { mutate: r } = fe({
     mutationFn: e,
     onMutate: ({ activityId: s }) => t((i) => zs(s, i)),
     onError: n
@@ -5538,7 +5542,7 @@ function Us({
   },
   user: r
 }) {
-  const { mutate: s } = ue({
+  const { mutate: s } = fe({
     mutationFn: e,
     onMutate: ({ activityId: i }) => t((o) => {
       const c = ut(i, o);
@@ -5592,23 +5596,23 @@ const Gi = ({
     hasNextPage: f,
     isLoading: d,
     mutations: {
-      create: h,
-      edit: p,
+      create: p,
+      edit: h,
       remove: _,
-      like: v,
-      unlike: y
+      like: y,
+      unlike: k
     },
-    user: k
+    user: v
   } = Bs({
     queryKey: [e, t, "activities"],
     queryFns: i
   });
   return m ? /* @__PURE__ */ a.jsx(bt, { variant: "error", text: m.message }) : /* @__PURE__ */ a.jsxs("section", { children: [
     /* @__PURE__ */ a.jsx(
-      en,
+      da,
       {
         contentType: "post",
-        createPost: h,
+        createPost: p,
         membershipRequiredToPost: {
           isMember: n,
           required: !0,
@@ -5619,38 +5623,41 @@ const Gi = ({
       }
     ),
     c == null ? void 0 : c.map((g) => {
-      var E, W, O, U, Y, K, re, Q, ne;
-      const { own_reactions: b, latest_reactions: w } = g, C = (((E = w == null ? void 0 : w.like) == null ? void 0 : E.length) || 0) > 0, M = (((W = b == null ? void 0 : b.like) == null ? void 0 : W.length) || 0) > 0, L = M ? b == null ? void 0 : b.like[0].id : null, R = C ? (O = w == null ? void 0 : w.like) == null ? void 0 : O.map((G) => {
-        var ae, oe, B;
+      var E, I, Z, q, z, J, H, te, re;
+      const { own_reactions: b, latest_reactions: j } = g, C = (((E = j == null ? void 0 : j.like) == null ? void 0 : E.length) || 0) > 0, S = (((I = b == null ? void 0 : b.like) == null ? void 0 : I.length) || 0) > 0, Y = S ? b == null ? void 0 : b.like[0].id : null, F = C ? (Z = j == null ? void 0 : j.like) == null ? void 0 : Z.map((K) => {
+        var ie, de, ce;
         return {
-          id: (ae = G == null ? void 0 : G.user) == null ? void 0 : ae.id,
-          name: (B = (oe = G == null ? void 0 : G.user) == null ? void 0 : oe.data) == null ? void 0 : B.name
+          id: (ie = K == null ? void 0 : K.user) == null ? void 0 : ie.id,
+          name: (ce = (de = K == null ? void 0 : K.user) == null ? void 0 : de.data) == null ? void 0 : ce.name
         };
-      }) : !1, T = g == null ? void 0 : g.actor, S = (T == null ? void 0 : T.id) === (k == null ? void 0 : k.id);
-      return /* @__PURE__ */ a.jsxs(Ze, { children: [
+      }) : !1, $ = g == null ? void 0 : g.actor, M = ($ == null ? void 0 : $.id) === (v == null ? void 0 : v.id);
+      return /* @__PURE__ */ a.jsxs(qe, { children: [
         /* @__PURE__ */ a.jsx(
           kt,
           {
             content: {
               type: "post",
               body: g == null ? void 0 : g.content,
-              canLike: xt(n, S),
+              canLike: xt(n, M),
               createdAt: (g == null ? void 0 : g.time) || "",
-              slugs: { parentId: t, activityId: g == null ? void 0 : g.id },
+              slugs: {
+                question: `${e}/${t}`,
+                answer: g == null ? void 0 : g.id
+              },
               slug: g == null ? void 0 : g.id,
               author: {
-                id: T == null ? void 0 : T.id,
-                name: (U = T == null ? void 0 : T.data) == null ? void 0 : U.name,
-                organization: (Y = T == null ? void 0 : T.data) == null ? void 0 : Y.organization,
-                jobTitle: (K = T == null ? void 0 : T.data) == null ? void 0 : K.jobTitle,
+                id: $ == null ? void 0 : $.id,
+                name: (q = $ == null ? void 0 : $.data) == null ? void 0 : q.name,
+                organization: (z = $ == null ? void 0 : $.data) == null ? void 0 : z.organization,
+                jobTitle: (J = $ == null ? void 0 : $.data) == null ? void 0 : J.jobTitle,
                 image: {
-                  thumbnail: ((re = T == null ? void 0 : T.data) == null ? void 0 : re.thumbnail) || void 0
+                  thumbnail: ((H = $ == null ? void 0 : $.data) == null ? void 0 : H.thumbnail) || void 0
                 }
               },
-              userLiked: M,
-              likes: ((Q = g == null ? void 0 : g.reaction_counts) == null ? void 0 : Q.like) || 0,
-              comments: ((ne = g == null ? void 0 : g.reaction_counts) == null ? void 0 : ne.reply) || 0,
-              peopleWhoLiked: R
+              userLiked: S,
+              likes: ((te = g == null ? void 0 : g.reaction_counts) == null ? void 0 : te.like) || 0,
+              comments: ((re = g == null ? void 0 : g.reaction_counts) == null ? void 0 : re.reply) || 0,
+              peopleWhoLiked: F
             },
             links: {
               post: `${e}/${t}/${g == null ? void 0 : g.id}`,
@@ -5660,13 +5667,13 @@ const Gi = ({
               content: {
                 createContent: () => null,
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                deleteContent: (G) => _(G),
+                deleteContent: (K) => _(K),
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                updateContent: (G, ae) => p({ ...G, ...ae })
+                updateContent: (K, ie) => h({ ...K, ...ie })
               },
               likes: {
-                createLike: () => v({ activityId: g == null ? void 0 : g.id }),
-                deleteLike: () => y({ activityId: g == null ? void 0 : g.id, reactionId: L })
+                createLike: () => y({ activityId: g == null ? void 0 : g.id }),
+                deleteLike: () => k({ activityId: g == null ? void 0 : g.id, reactionId: Y })
               },
               comments: {
                 openComments: () => null
@@ -6250,7 +6257,7 @@ function Vs({
   queryKey: s,
   user: i
 }) {
-  const { mutate: o } = ue({
+  const { mutate: o } = fe({
     mutationFn: e,
     onMutate: (c) => t((m) => {
       const l = Nn({ reply: As(c), user: i });
@@ -6271,7 +6278,7 @@ function Ys({
     error: n
   }
 }) {
-  const { mutate: r } = ue({
+  const { mutate: r } = fe({
     mutationFn: e,
     onMutate: ({ replyId: s, content: i }) => t((o) => {
       const c = mt(s, o);
@@ -6299,18 +6306,18 @@ function ha({
     },
     user: m,
     ...l
-  }, d = Vs({ ...f, mutationFn: e }), h = Ys({ ...f, mutationFn: t }), p = Gs({ ...f, mutationFn: n }), _ = Qs({ ...f, mutationFn: s }), v = Js({ ...f, mutationFn: i }), { replies: y, ...k } = Ks({ queryKey: o, queryFn: r });
+  }, d = Vs({ ...f, mutationFn: e }), p = Ys({ ...f, mutationFn: t }), h = Gs({ ...f, mutationFn: n }), _ = Qs({ ...f, mutationFn: s }), y = Js({ ...f, mutationFn: i }), { replies: k, ...v } = Ks({ queryKey: o, queryFn: r });
   return {
-    replies: y,
+    replies: k,
     mutations: {
       create: d,
-      edit: h,
+      edit: p,
       remove: _,
-      like: p,
-      unlike: v
+      like: h,
+      unlike: y
     },
     user: m,
-    ...k
+    ...v
   };
 }
 function Gs({
@@ -6322,7 +6329,7 @@ function Gs({
   queryClient: r,
   queryKey: s
 }) {
-  const { mutate: i } = ue({
+  const { mutate: i } = fe({
     mutationFn: e,
     onMutate: ({ replyId: o }) => t((c) => {
       const m = mt(o, c);
@@ -6365,7 +6372,7 @@ function Qs({
     error: n
   }
 }) {
-  const { mutate: r } = ue({
+  const { mutate: r } = fe({
     mutationFn: e,
     onMutate: ({ replyId: s }) => t((i) => ni(s, i)),
     onError: n
@@ -6380,7 +6387,7 @@ function Js({
   },
   user: r
 }) {
-  const { mutate: s } = ue({
+  const { mutate: s } = fe({
     mutationFn: e,
     onMutate: ({ replyId: i }) => t((o) => {
       const c = mt(i, o);
@@ -6446,13 +6453,13 @@ const ri = ({
     hasNextPage: f,
     isLoading: d,
     mutations: {
-      create: h,
-      edit: p,
+      create: p,
+      edit: h,
       like: _,
-      remove: v,
-      unlike: y
+      remove: y,
+      unlike: k
     },
-    user: k
+    user: v
   } = ha({
     queryKey: [e, t, n, r, "replies"],
     queryFns: {
@@ -6460,65 +6467,66 @@ const ri = ({
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       list: (b) => i.list({ ...b, reactionId: r })
     }
-  }), g = fe(vt);
+  }), g = ge(vt);
   return /* @__PURE__ */ a.jsx(
     Es,
     {
       count: m,
-      showRepliesButton: c.length > 0 || g.showForm,
+      showRepliesButton: !1,
       children: /* @__PURE__ */ a.jsxs("section", { children: [
         c == null ? void 0 : c.map((b) => {
-          var Y, K, re, Q, ne, G, ae, oe, B, le, he;
-          const { own_children: w, latest_children: C } = b, M = b == null ? void 0 : b.id, L = (((Y = C == null ? void 0 : C.like) == null ? void 0 : Y.length) || 0) > 0, R = (((K = w == null ? void 0 : w.like) == null ? void 0 : K.length) || 0) > 0, T = R ? w == null ? void 0 : w.like[0].id : null, S = L ? (re = C == null ? void 0 : C.like) == null ? void 0 : re.map((J) => {
-            var de, ge, be;
+          var z, J, H, te, re, K, ie, de, ce, W, ue;
+          const { own_children: j, latest_children: C } = b, S = b == null ? void 0 : b.id, Y = (((z = C == null ? void 0 : C.like) == null ? void 0 : z.length) || 0) > 0, F = (((J = j == null ? void 0 : j.like) == null ? void 0 : J.length) || 0) > 0, $ = F ? j == null ? void 0 : j.like[0].id : null, M = Y ? (H = C == null ? void 0 : C.like) == null ? void 0 : H.map((Q) => {
+            var se, me, pe;
             return {
-              id: (de = J == null ? void 0 : J.user) == null ? void 0 : de.id,
-              name: (be = (ge = J == null ? void 0 : J.user) == null ? void 0 : ge.data) == null ? void 0 : be.name
+              id: (se = Q == null ? void 0 : Q.user) == null ? void 0 : se.id,
+              name: (pe = (me = Q == null ? void 0 : Q.user) == null ? void 0 : me.data) == null ? void 0 : pe.name
             };
-          }) : !1, E = b == null ? void 0 : b.user, W = (E == null ? void 0 : E.id) === (k == null ? void 0 : k.id), O = xt(s, W), U = typeof b.data.content == "string" ? (Q = b == null ? void 0 : b.data) == null ? void 0 : Q.content : ((G = (ne = b == null ? void 0 : b.data) == null ? void 0 : ne.content) == null ? void 0 : G.text) || "";
+          }) : !1, E = b == null ? void 0 : b.user, I = (E == null ? void 0 : E.id) === (v == null ? void 0 : v.id), Z = xt(s, I), q = typeof b.data.content == "string" ? (te = b == null ? void 0 : b.data) == null ? void 0 : te.content : ((K = (re = b == null ? void 0 : b.data) == null ? void 0 : re.content) == null ? void 0 : K.text) || "";
           return /* @__PURE__ */ a.jsx(
             kt,
             {
               content: {
                 type: "reply",
-                body: U,
-                canLike: O,
+                body: q,
+                canLike: Z,
                 createdAt: b == null ? void 0 : b.created_at,
                 slugs: {
-                  parentId: t,
-                  activityId: n,
-                  replyParentId: b == null ? void 0 : b.parent,
-                  reply: b == null ? void 0 : b.id
+                  question: `${e}/${t}`,
+                  answer: n,
+                  // Stop-gap solution to avoid having to change the DiscussionPost component
+                  // The `reply` is currently used to define the form ID which handles the focus
+                  reply: b == null ? void 0 : b.parent
                 },
                 slug: "",
                 author: {
                   id: E == null ? void 0 : E.id,
-                  name: (ae = E.data) == null ? void 0 : ae.name,
-                  organization: (oe = E.data) == null ? void 0 : oe.organization,
-                  jobTitle: (B = E.data) == null ? void 0 : B.jobTitle,
+                  name: (ie = E.data) == null ? void 0 : ie.name,
+                  organization: (de = E.data) == null ? void 0 : de.organization,
+                  jobTitle: (ce = E.data) == null ? void 0 : ce.jobTitle,
                   image: {
-                    thumbnail: ((le = E.data) == null ? void 0 : le.thumbnail) || void 0
+                    thumbnail: ((W = E.data) == null ? void 0 : W.thumbnail) || void 0
                   }
                 },
-                userLiked: R,
-                likes: ((he = b == null ? void 0 : b.children_counts) == null ? void 0 : he.like) || 0,
-                peopleWhoLiked: S
+                userLiked: F,
+                likes: ((ue = b == null ? void 0 : b.children_counts) == null ? void 0 : ue.like) || 0,
+                peopleWhoLiked: M
               },
               functions: {
                 content: {
                   createContent: () => null,
-                  deleteContent: () => v({ replyId: M }),
+                  deleteContent: () => y({ replyId: S }),
                   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                  updateContent: (J, { body: de }) => p({ replyId: M, content: de })
+                  updateContent: (Q, { body: se }) => h({ replyId: S, content: se })
                 },
                 likes: {
-                  createLike: () => _({ replyId: M }),
-                  deleteLike: () => y({ replyId: M, reactionId: T })
+                  createLike: () => _({ replyId: S }),
+                  deleteLike: () => k({ replyId: S, reactionId: $ })
                 },
                 comments: {}
               }
             },
-            b == null ? void 0 : b.id
+            S
           );
         }),
         !d && /* @__PURE__ */ a.jsx(
@@ -6527,18 +6535,27 @@ const ri = ({
             hasNextPage: f,
             loadNextPage: () => l(),
             gtmContext: "LoadMore",
-            icon: { icon: "arrow-down", position: "right" }
+            icon: { icon: "arrow-down", position: "right" },
+            messages: {
+              button: o.formatMessage({ id: "loadMore_button" }),
+              error: o.formatMessage({ id: "loadMore_error" })
+            }
           }
         ),
         g.showForm && /* @__PURE__ */ a.jsx(
           en,
           {
-            contentType: "reply",
-            createPost: (b, { body: w }) => h({ activityId: n, replyId: r, content: w }),
-            membershipRequiredToPost: {
-              isMember: !0,
-              required: !0,
-              notMemberStateText: o.formatMessage({ id: "community_joinToPost" })
+            content: {
+              type: "reply",
+              slugs: {
+                question: `${e}/${t}`,
+                answer: n,
+                reply: r
+              }
+            },
+            functions: {
+              // eslint-disable-next-line @typescript-eslint/no-explicit-any
+              create: (b, { body: j }) => p({ activityId: n, replyId: r, content: j })
             }
           }
         )
@@ -6561,13 +6578,13 @@ const ri = ({
     repliesCount: l,
     fetchNextPage: f,
     hasNextPage: d,
-    isLoading: h,
+    isLoading: p,
     mutations: {
-      create: p,
+      create: h,
       edit: _,
-      like: v,
-      remove: y,
-      unlike: k
+      like: y,
+      remove: k,
+      unlike: v
     },
     user: g
   } = ha({
@@ -6582,10 +6599,10 @@ const ri = ({
       ")"
     ] }),
     /* @__PURE__ */ a.jsx(
-      en,
+      da,
       {
         contentType: "reply",
-        createPost: (b, { body: w }) => p({ activityId: n, content: w }),
+        createPost: (b, { body: j }) => h({ activityId: n, content: j }),
         membershipRequiredToPost: {
           isMember: r,
           required: !0,
@@ -6596,51 +6613,51 @@ const ri = ({
       }
     ),
     m == null ? void 0 : m.map((b) => {
-      var Y, K, re, Q, ne, G, ae, oe, B, le, he;
-      const { own_children: w, latest_children: C } = b, M = b == null ? void 0 : b.id, L = (((Y = C == null ? void 0 : C.like) == null ? void 0 : Y.length) || 0) > 0, R = (((K = w == null ? void 0 : w.like) == null ? void 0 : K.length) || 0) > 0, T = R ? w == null ? void 0 : w.like[0].id : null, S = L ? (re = C == null ? void 0 : C.like) == null ? void 0 : re.map((J) => {
-        var de, ge, be;
+      var z, J, H, te, re, K, ie, de, ce, W, ue;
+      const { own_children: j, latest_children: C } = b, S = b == null ? void 0 : b.id, Y = (((z = C == null ? void 0 : C.like) == null ? void 0 : z.length) || 0) > 0, F = (((J = j == null ? void 0 : j.like) == null ? void 0 : J.length) || 0) > 0, $ = F ? j == null ? void 0 : j.like[0].id : null, M = Y ? (H = C == null ? void 0 : C.like) == null ? void 0 : H.map((Q) => {
+        var se, me, pe;
         return {
-          id: (de = J == null ? void 0 : J.user) == null ? void 0 : de.id,
-          name: (be = (ge = J == null ? void 0 : J.user) == null ? void 0 : ge.data) == null ? void 0 : be.name
+          id: (se = Q == null ? void 0 : Q.user) == null ? void 0 : se.id,
+          name: (pe = (me = Q == null ? void 0 : Q.user) == null ? void 0 : me.data) == null ? void 0 : pe.name
         };
-      }) : !1, E = b == null ? void 0 : b.user, W = (E == null ? void 0 : E.id) === (g == null ? void 0 : g.id), O = xt(r, W), U = typeof b.data.content == "string" ? (Q = b == null ? void 0 : b.data) == null ? void 0 : Q.content : ((G = (ne = b == null ? void 0 : b.data) == null ? void 0 : ne.content) == null ? void 0 : G.text) || "";
+      }) : !1, E = b == null ? void 0 : b.user, I = (E == null ? void 0 : E.id) === (g == null ? void 0 : g.id), Z = xt(r, I), q = typeof b.data.content == "string" ? (te = b == null ? void 0 : b.data) == null ? void 0 : te.content : ((K = (re = b == null ? void 0 : b.data) == null ? void 0 : re.content) == null ? void 0 : K.text) || "";
       return /* @__PURE__ */ a.jsx(ks, { children: /* @__PURE__ */ a.jsx(
         kt,
         {
           content: {
             type: "reply",
-            body: U,
-            canLike: O,
+            body: q,
+            canLike: Z,
             createdAt: b == null ? void 0 : b.created_at,
             slugs: {
-              question: `${e}/${t}/${n}`,
-              parentId: t,
-              reply: M
+              question: `${e}/${t}`,
+              answer: n,
+              reply: S
             },
-            slug: M,
+            slug: S,
             author: {
               id: E == null ? void 0 : E.id,
-              name: (ae = E.data) == null ? void 0 : ae.name,
-              organization: (oe = E.data) == null ? void 0 : oe.organization,
-              jobTitle: (B = E.data) == null ? void 0 : B.jobTitle,
+              name: (ie = E.data) == null ? void 0 : ie.name,
+              organization: (de = E.data) == null ? void 0 : de.organization,
+              jobTitle: (ce = E.data) == null ? void 0 : ce.jobTitle,
               image: {
-                thumbnail: ((le = E.data) == null ? void 0 : le.thumbnail) || void 0
+                thumbnail: ((W = E.data) == null ? void 0 : W.thumbnail) || void 0
               }
             },
-            userLiked: R,
-            likes: ((he = b == null ? void 0 : b.children_counts) == null ? void 0 : he.like) || 0,
-            peopleWhoLiked: S
+            userLiked: F,
+            likes: ((ue = b == null ? void 0 : b.children_counts) == null ? void 0 : ue.like) || 0,
+            peopleWhoLiked: M
           },
           functions: {
             content: {
               createContent: () => null,
-              deleteContent: () => y({ replyId: M }),
+              deleteContent: () => k({ replyId: S }),
               // eslint-disable-next-line @typescript-eslint/no-explicit-any
-              updateContent: (J, { body: de }) => _({ replyId: M, content: de })
+              updateContent: (Q, { body: se }) => _({ replyId: S, content: se })
             },
             likes: {
-              createLike: () => v({ replyId: M }),
-              deleteLike: () => k({ replyId: M, reactionId: T })
+              createLike: () => y({ replyId: S }),
+              deleteLike: () => v({ replyId: S, reactionId: $ })
             },
             comments: {}
           },
@@ -6650,7 +6667,7 @@ const ri = ({
               basePath: e,
               parentId: t,
               activityId: n,
-              replyId: M,
+              replyId: S,
               isMember: r,
               functions: {
                 ...s
@@ -6658,10 +6675,10 @@ const ri = ({
             }
           )
         },
-        M
-      ) }, M);
+        S
+      ) }, S);
     }),
-    !h && /* @__PURE__ */ a.jsx(
+    !p && /* @__PURE__ */ a.jsx(
       yt,
       {
         hasNextPage: d,
@@ -6679,7 +6696,7 @@ function ii({
     error: n
   }
 }) {
-  const { mutate: r } = ue({
+  const { mutate: r } = fe({
     mutationFn: e,
     onMutate: ({ body: s }) => t((i) => (i && (i.content = s), i)),
     onError: n
@@ -6719,16 +6736,16 @@ function ci({
     },
     user: o,
     ...c
-  }, l = ii({ ...m, mutationFn: t }), f = li({ ...m, mutationFn: n }), d = di({ ...m, mutationFn: r }), { activity: h, ...p } = oi({ queryKey: s, queryFn: e });
+  }, l = ii({ ...m, mutationFn: t }), f = li({ ...m, mutationFn: n }), d = di({ ...m, mutationFn: r }), { activity: p, ...h } = oi({ queryKey: s, queryFn: e });
   return {
-    activity: h,
+    activity: p,
     mutations: {
       edit: l,
       like: f,
       unlike: d
     },
     user: o,
-    ...p
+    ...h
   };
 }
 function li({
@@ -6740,7 +6757,7 @@ function li({
   queryClient: r,
   queryKey: s
 }) {
-  const { mutate: i } = ue({
+  const { mutate: i } = fe({
     mutationFn: e,
     onMutate: (o) => t((c) => (c && dt({ activity: c }), c)),
     onError: n,
@@ -6758,7 +6775,7 @@ function di({
   },
   user: r
 }) {
-  const { mutate: s } = ue({
+  const { mutate: s } = fe({
     mutationFn: e,
     onMutate: (i) => t((o) => (o && fa({ activity: o, user: r }), o)),
     onError: n
@@ -6780,14 +6797,13 @@ const Qi = ({
     leave: m
   }
 }) => {
-  var T, S, E, W, O, U, Y, K, re;
-  const l = P(), f = fe(ke), {
+  var F, $, M, E, I, Z, q, z, J;
+  const l = P(), f = ge(ke), {
     activity: d,
-    error: h,
-    isLoading: p,
-    isFetching: _,
+    error: p,
+    isLoading: h,
     mutations: {
-      edit: v,
+      edit: _,
       like: y,
       unlike: k
     }
@@ -6795,9 +6811,9 @@ const Qi = ({
     queryFns: i,
     queryKey: [e, t, n]
   });
-  if (p || _)
-    return /* @__PURE__ */ a.jsx(pe, { style: { height: "400px" } });
-  if (h || !d)
+  if (h)
+    return /* @__PURE__ */ a.jsx(_e, { style: { height: "400px" } });
+  if (p || !d)
     return /* @__PURE__ */ a.jsx(
       bt,
       {
@@ -6805,13 +6821,14 @@ const Qi = ({
         text: l.formatMessage({ id: "activitySection_notFoundError" })
       }
     );
-  const { own_reactions: g, latest_reactions: b } = d, w = (((T = b == null ? void 0 : b.like) == null ? void 0 : T.length) || 0) > 0, C = (((S = g == null ? void 0 : g.like) == null ? void 0 : S.length) || 0) > 0, M = w ? (E = b == null ? void 0 : b.like) == null ? void 0 : E.map((Q) => {
-    var ne, G, ae;
+  console.log(d);
+  const { own_reactions: v, latest_reactions: g } = d, b = (((F = g == null ? void 0 : g.like) == null ? void 0 : F.length) || 0) > 0, j = ((($ = v == null ? void 0 : v.like) == null ? void 0 : $.length) || 0) > 0, C = b ? (M = g == null ? void 0 : g.like) == null ? void 0 : M.map((H) => {
+    var te, re, K;
     return {
-      id: (ne = Q == null ? void 0 : Q.user) == null ? void 0 : ne.id,
-      name: (ae = (G = Q == null ? void 0 : Q.user) == null ? void 0 : G.data) == null ? void 0 : ae.name
+      id: (te = H == null ? void 0 : H.user) == null ? void 0 : te.id,
+      name: (K = (re = H == null ? void 0 : H.user) == null ? void 0 : re.data) == null ? void 0 : K.name
     };
-  }) : !1, L = d == null ? void 0 : d.actor, R = (L == null ? void 0 : L.id) === (f == null ? void 0 : f.id);
+  }) : !1, S = d == null ? void 0 : d.actor, Y = (S == null ? void 0 : S.id) === (f == null ? void 0 : f.id);
   return /* @__PURE__ */ a.jsx(
     kt,
     {
@@ -6819,35 +6836,35 @@ const Qi = ({
       content: {
         type: "post",
         body: d == null ? void 0 : d.content,
-        canLike: xt(r, R),
+        canLike: xt(r, Y),
         createdAt: (d == null ? void 0 : d.time) || "",
         slugs: {
-          question: `${t}/${n}`,
-          parentId: t,
-          activityId: d == null ? void 0 : d.id
+          question: `${e}/${t}`,
+          answer: d == null ? void 0 : d.id
         },
         slug: n,
         author: {
-          id: L.id,
-          name: (W = L.data) == null ? void 0 : W.name,
-          organization: (O = L.data) == null ? void 0 : O.organization,
-          jobTitle: (U = L.data) == null ? void 0 : U.jobTitle,
+          id: S.id,
+          name: (E = S.data) == null ? void 0 : E.name,
+          organization: (I = S.data) == null ? void 0 : I.organization,
+          jobTitle: (Z = S.data) == null ? void 0 : Z.jobTitle,
           image: {
-            thumbnail: ((Y = L.data) == null ? void 0 : Y.thumbnail) || void 0
+            thumbnail: ((q = S.data) == null ? void 0 : q.thumbnail) || void 0
           }
         },
-        userLiked: C,
-        likes: ((K = d == null ? void 0 : d.reaction_counts) == null ? void 0 : K.like) || 0,
-        comments: ((re = d == null ? void 0 : d.reaction_counts) == null ? void 0 : re.reply) || 0,
-        peopleWhoLiked: M
+        userLiked: j,
+        likes: ((z = d == null ? void 0 : d.reaction_counts) == null ? void 0 : z.like) || 0,
+        comments: ((J = d == null ? void 0 : d.reaction_counts) == null ? void 0 : J.reply) || 0,
+        peopleWhoLiked: C
       },
-      originalAuthorId: L == null ? void 0 : L.id,
+      originalAuthorId: S == null ? void 0 : S.id,
+      forceHide: { comments: !0 },
       functions: {
         content: {
           createContent: () => console.log("create"),
           deleteContent: s,
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          updateContent: (Q, ne) => v({ ...Q, ...ne })
+          updateContent: (H, te) => _({ ...H, ...te })
         },
         likes: {
           createLike: () => y({ activityId: n }),
@@ -6945,7 +6962,7 @@ const tt = "notFoundError_", Xi = () => {
               })
             }
           ),
-          /* @__PURE__ */ a.jsx(q, { href: "/solution-articles/", children: e.formatMessage({ id: `${tt}cta` }) })
+          /* @__PURE__ */ a.jsx(B, { href: "/solution-articles/", children: e.formatMessage({ id: `${tt}cta` }) })
         ] })
       },
       reportError: () => {
@@ -6962,10 +6979,10 @@ export {
   rt as ASSETS_BUCKET,
   Gi as ActivitiesFeed,
   Qi as ActivitySection,
-  en as AddPost,
+  da as AddPost,
   Ci as BannerSection,
   Di as Breadcrumbs,
-  q as Button,
+  B as Button,
   ht as ButtonWrapper,
   Er as CacheProvider,
   ea as Card,
@@ -6978,13 +6995,13 @@ export {
   vt as ConversationContext,
   us as CookieBanner,
   ks as DiscussionConversation,
-  da as DiscussionForm,
+  en as DiscussionForm,
   Ts as DiscussionLikes,
   kt as DiscussionPost,
   Es as DiscussionThread,
   Te as Divider,
   $i as DownloadSection,
-  Oe as EMAILS,
+  Be as EMAILS,
   qi as EmailHelperTextBox,
   bt as EmptyStateBox,
   Li as Filters,
@@ -7005,7 +7022,7 @@ export {
   gt as Link,
   yt as LoadMore,
   Ai as LoadingBlock,
-  pe as LoadingPlaceholder,
+  _e as LoadingPlaceholder,
   Kn as LoadingState,
   na as Logo,
   Ei as LogoSection,
@@ -7023,7 +7040,7 @@ export {
   ys as PageLayout,
   Hi as PasswordRules,
   st as Pill,
-  He as ProfilePicture,
+  Ue as ProfilePicture,
   Ur as ProgressBar,
   Ui as Rating,
   si as RepliesFeed,
@@ -7039,7 +7056,7 @@ export {
   Zi as TopLevelPage,
   ke as UserContext,
   Pr as UserProvider,
-  se as VisuallyHidden,
+  ae as VisuallyHidden,
   _s as addAriaProps,
   Jn as getMember,
   ct as headerData,
@@ -7047,8 +7064,8 @@ export {
   br as pageReady,
   Ki as repliesFeedMock,
   or as useCurrentPath,
-  Ne as useEffectAfterMount,
-  qe as useElementWidth,
+  Pe as useEffectAfterMount,
+  He as useElementWidth,
   lr as useScrollListener,
   dr as useScrollToHash,
   Jt as useUser