@apolitical/component-library 1.18.0-4247.61 → 1.18.0

package/index.mjs

@@ -1,7 +1,7 @@
-import A, { memo as Fe, useState as D, useEffect as G, useRef as te, useMemo as ft, createContext as Gt, useContext as ge, Children as Ht, useCallback as Ln, Fragment as qe, useReducer as Oa, Suspense as Ba } from "react";
+import F, { memo as Fe, useState as D, useEffect as G, useRef as ne, useMemo as ft, createContext as Gt, useContext as ge, Children as Ht, useCallback as Ln, 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 { useIntl as A, IntlProvider as Ha, createIntl as Ua, FormattedMessage as je } from "react-intl";
 import Ne from "truncate";
 import { QueryClient as za, QueryClientProvider as Wa, useMutation as fe, useQueryClient as Kt, useInfiniteQuery as Rn, useQuery as Va } from "@tanstack/react-query";
 import { ReactQueryDevtools as Ya } from "@tanstack/react-query-devtools";
@@ -53,7 +53,7 @@ var On = { exports: {} };
   })();
 })(On);
 var nr = On.exports;
-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);
+const w = /* @__PURE__ */ tr(nr), ar = ({ element: e = "span", showOnFocus: t = !0, children: n, ...r }) => F.createElement(e, { ...r, className: w("hidden", { "show-on-focus": t }), children: n }), ae = Fe(ar), rr = ({ element: e = "span", children: t = null, ...n }) => F.createElement(e, { ...n, "aria-hidden": !0 }, t), Bn = Fe(rr);
 var Ut = { exports: {} }, Le = {};
 /**
  * @license React
@@ -69,7 +69,7 @@ function sr() {
   if (bn)
     return Le;
   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 };
+  var e = F, 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 = {}, p = null, h = null;
     l !== void 0 && (p = "" + l), m.key !== void 0 && (p = "" + m.key), m.ref !== void 0 && (h = m.ref);
@@ -95,51 +95,51 @@ var Re = {};
 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"), p = Symbol.for("react.lazy"), h = Symbol.for("react.offscreen"), g = Symbol.iterator, y = "@@iterator";
+    var e = F, 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"), g = Symbol.iterator, b = "@@iterator";
     function k(u) {
       if (u === null || typeof u != "object")
         return null;
-      var x = g && u[g] || u[y];
+      var x = g && u[g] || u[b];
       return typeof x == "function" ? x : null;
     }
-    var v = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var y = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function _(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), P = 1; P < x; P++)
+          T[P - 1] = arguments[P];
+        v("error", u, T);
       }
     }
-    function b(u, x, $) {
+    function v(u, x, T) {
       {
-        var N = v.ReactDebugCurrentFrame, B = N.getStackAddendum();
-        B !== "" && (x += "%s", $ = $.concat([B]));
-        var Y = $.map(function(R) {
-          return String(R);
+        var P = y.ReactDebugCurrentFrame, O = P.getStackAddendum();
+        O !== "" && (x += "%s", T = T.concat([O]));
+        var V = T.map(function(I) {
+          return String(I);
         });
-        Y.unshift("Warning: " + x), Function.prototype.apply.call(console[u], console, Y);
+        V.unshift("Warning: " + x), Function.prototype.apply.call(console[u], console, V);
       }
     }
-    var j = !1, S = !1, C = !1, I = !1, F = !1, M;
-    M = Symbol.for("react.module.reference");
-    function T(u) {
-      return !!(typeof u == "string" || typeof u == "function" || u === r || u === i || F || u === s || u === l || u === f || I || u === h || j || S || C || 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
+    var j = !1, $ = !1, C = !1, Z = !1, L = !1, S;
+    S = Symbol.for("react.module.reference");
+    function M(u) {
+      return !!(typeof u == "string" || typeof u == "function" || u === r || u === i || L || u === s || u === l || u === f || Z || u === h || j || $ || C || 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 === M || u.getModuleId !== void 0));
+      u.$$typeof === S || u.getModuleId !== void 0));
     }
-    function E(u, x, $) {
-      var N = u.displayName;
-      if (N)
-        return N;
-      var B = x.displayName || x.name || "";
-      return B !== "" ? $ + "(" + B + ")" : $;
+    function E(u, x, T) {
+      var P = u.displayName;
+      if (P)
+        return P;
+      var O = x.displayName || x.name || "";
+      return O !== "" ? T + "(" + O + ")" : T;
     }
-    function O(u) {
+    function N(u) {
       return u.displayName || "Context";
     }
-    function H(u) {
+    function q(u) {
       if (u == null)
         return null;
       if (typeof u.tag == "number" && _("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 O(x) + ".Consumer";
+            return N(x) + ".Consumer";
           case o:
-            var $ = u;
-            return O($._context) + ".Provider";
+            var T = u;
+            return N(T._context) + ".Provider";
           case m:
             return E(u, u.render, "ForwardRef");
           case d:
-            var N = u.displayName || null;
-            return N !== null ? N : H(u.type) || "Memo";
+            var P = u.displayName || null;
+            return P !== null ? P : q(u.type) || "Memo";
           case p: {
-            var B = u, Y = B._payload, R = B._init;
+            var O = u, V = O._payload, I = O._init;
             try {
-              return H(R(Y));
+              return q(I(V));
             } catch {
               return null;
             }
@@ -184,18 +184,18 @@ function ir() {
         }
       return null;
     }
-    var U = Object.assign, W = 0, Q, V, ee, re, se, ne, oe;
-    function le() {
+    var H = Object.assign, Y = 0, Q, z, te, re, J, ie, de;
+    function ce() {
     }
-    le.__reactDisabledLog = !0;
-    function Z() {
+    ce.__reactDisabledLog = !0;
+    function W() {
       {
-        if (W === 0) {
-          Q = console.log, V = console.info, ee = console.warn, re = console.error, se = console.group, ne = console.groupCollapsed, oe = console.groupEnd;
+        if (Y === 0) {
+          Q = console.log, z = console.info, te = console.warn, re = console.error, J = console.group, ie = console.groupCollapsed, de = console.groupEnd;
           var u = {
             configurable: !0,
             enumerable: !0,
-            value: le,
+            value: ce,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -208,56 +208,56 @@ function ir() {
             groupEnd: u
           });
         }
-        W++;
+        Y++;
       }
     }
     function ue() {
       {
-        if (W--, W === 0) {
+        if (Y--, Y === 0) {
           var u = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: U({}, u, {
+            log: H({}, u, {
               value: Q
             }),
-            info: U({}, u, {
-              value: V
+            info: H({}, u, {
+              value: z
             }),
-            warn: U({}, u, {
-              value: ee
+            warn: H({}, u, {
+              value: te
             }),
-            error: U({}, u, {
+            error: H({}, u, {
               value: re
             }),
-            group: U({}, u, {
-              value: se
+            group: H({}, u, {
+              value: J
             }),
-            groupCollapsed: U({}, u, {
-              value: ne
+            groupCollapsed: H({}, u, {
+              value: ie
             }),
-            groupEnd: U({}, u, {
-              value: oe
+            groupEnd: H({}, u, {
+              value: de
             })
           });
         }
-        W < 0 && _("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        Y < 0 && _("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var K = v.ReactCurrentDispatcher, ie;
-    function me(u, x, $) {
+    var K = y.ReactCurrentDispatcher, se;
+    function me(u, x, T) {
       {
-        if (ie === void 0)
+        if (se === void 0)
           try {
             throw Error();
-          } catch (B) {
-            var N = B.stack.trim().match(/\n( *(at )?)/);
-            ie = N && N[1] || "";
+          } catch (O) {
+            var P = O.stack.trim().match(/\n( *(at )?)/);
+            se = P && P[1] || "";
           }
         return `
-` + ie + u;
+` + se + u;
       }
     }
     var pe = !1, Ee;
@@ -269,81 +269,81 @@ function ir() {
       if (!u || pe)
         return "";
       {
-        var $ = Ee.get(u);
-        if ($ !== void 0)
-          return $;
+        var T = Ee.get(u);
+        if (T !== void 0)
+          return T;
       }
-      var N;
+      var P;
       pe = !0;
-      var B = Error.prepareStackTrace;
+      var O = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var Y;
-      Y = K.current, K.current = null, Z();
+      var V;
+      V = K.current, K.current = null, W();
       try {
         if (x) {
-          var R = function() {
+          var I = function() {
             throw Error();
           };
-          if (Object.defineProperty(R.prototype, "props", {
+          if (Object.defineProperty(I.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(R, []);
+              Reflect.construct(I, []);
             } catch (ye) {
-              N = ye;
+              P = ye;
             }
-            Reflect.construct(u, [], R);
+            Reflect.construct(u, [], I);
           } else {
             try {
-              R.call();
+              I.call();
             } catch (ye) {
-              N = ye;
+              P = ye;
             }
-            u.call(R.prototype);
+            u.call(I.prototype);
           }
         } else {
           try {
             throw Error();
           } catch (ye) {
-            N = ye;
+            P = ye;
           }
           u();
         }
       } catch (ye) {
-        if (ye && N && typeof ye.stack == "string") {
-          for (var L = ye.stack.split(`
-`), ce = N.stack.split(`
-`), J = L.length - 1, X = ce.length - 1; J >= 1 && X >= 0 && L[J] !== ce[X]; )
-            X--;
-          for (; J >= 1 && X >= 0; J--, X--)
-            if (L[J] !== ce[X]) {
-              if (J !== 1 || X !== 1)
+        if (ye && P && typeof ye.stack == "string") {
+          for (var R = ye.stack.split(`
+`), oe = P.stack.split(`
+`), X = R.length - 1, ee = oe.length - 1; X >= 1 && ee >= 0 && R[X] !== oe[ee]; )
+            ee--;
+          for (; X >= 1 && ee >= 0; X--, ee--)
+            if (R[X] !== oe[ee]) {
+              if (X !== 1 || ee !== 1)
                 do
-                  if (J--, X--, X < 0 || L[J] !== ce[X]) {
+                  if (X--, ee--, ee < 0 || R[X] !== oe[ee]) {
                     var he = `
-` + L[J].replace(" at new ", " at ");
+` + R[X].replace(" at new ", " at ");
                     return u.displayName && he.includes("<anonymous>") && (he = he.replace("<anonymous>", u.displayName)), typeof u == "function" && Ee.set(u, he), he;
                   }
-                while (J >= 1 && X >= 0);
+                while (X >= 1 && ee >= 0);
               break;
             }
         }
       } finally {
-        pe = !1, K.current = Y, ue(), Error.prepareStackTrace = B;
+        pe = !1, K.current = V, ue(), Error.prepareStackTrace = O;
       }
       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")
@@ -361,41 +361,41 @@ function ir() {
           case m:
             return _a(u.render);
           case d:
-            return ze(u.type, x, $);
+            return ze(u.type, x, T);
           case p: {
-            var N = u, B = N._payload, Y = N._init;
+            var P = u, O = P._payload, V = P._init;
             try {
-              return ze(Y(B), x, $);
+              return ze(V(O), x, T);
             } catch {
             }
           }
         }
       return "";
     }
-    var We = Object.prototype.hasOwnProperty, rn = {}, sn = v.ReactDebugCurrentFrame;
+    var We = Object.prototype.hasOwnProperty, rn = {}, sn = y.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, B) {
+    function ya(u, x, T, P, O) {
       {
-        var Y = Function.call.bind(We);
-        for (var R in u)
-          if (Y(u, R)) {
-            var L = void 0;
+        var V = Function.call.bind(We);
+        for (var I in u)
+          if (V(u, I)) {
+            var R = void 0;
             try {
-              if (typeof u[R] != "function") {
-                var ce = Error((N || "React class") + ": " + $ + " type `" + R + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof u[R] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw ce.name = "Invariant Violation", ce;
+              if (typeof u[I] != "function") {
+                var oe = Error((P || "React class") + ": " + T + " 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 oe.name = "Invariant Violation", oe;
               }
-              L = u[R](x, R, N, $, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (J) {
-              L = J;
+              R = u[I](x, I, P, T, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (X) {
+              R = X;
             }
-            L && !(L instanceof Error) && (Ve(B), _("%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", $, R, typeof L), Ve(null)), L instanceof Error && !(L.message in rn) && (rn[L.message] = !0, Ve(B), _("Failed %s type: %s", $, L.message), Ve(null));
+            R && !(R instanceof Error) && (Ve(O), _("%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).", P || "React class", T, I, typeof R), Ve(null)), R instanceof Error && !(R.message in rn) && (rn[R.message] = !0, Ve(O), _("Failed %s type: %s", T, R.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 _("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 De = v.ReactCurrentOwner, ja = {
+    var De = y.ReactCurrentOwner, ja = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -448,84 +448,84 @@ function ir() {
     }
     function $a(u, x) {
       if (typeof u.ref == "string" && De.current && x && De.current.stateNode !== x) {
-        var $ = H(De.current.type);
-        wt[$] || (_('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', H(De.current.type), u.ref), wt[$] = !0);
+        var T = q(De.current.type);
+        wt[T] || (_('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', q(De.current.type), u.ref), wt[T] = !0);
       }
     }
     function Ea(u, x) {
       {
-        var $ = function() {
+        var T = function() {
           ln || (ln = !0, _("%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, _("%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, B, Y, R) {
-      var L = {
+    var Sa = function(u, x, T, P, O, V, I) {
+      var R = {
         // 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: R,
+        ref: T,
+        props: I,
         // Record the component responsible for creating this element.
-        _owner: Y
+        _owner: V
       };
-      return L._store = {}, Object.defineProperty(L._store, "validated", {
+      return R._store = {}, Object.defineProperty(R._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(L, "_self", {
+      }), Object.defineProperty(R, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: N
-      }), Object.defineProperty(L, "_source", {
+        value: P
+      }), Object.defineProperty(R, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: B
-      }), Object.freeze && (Object.freeze(L.props), Object.freeze(L)), L;
+        value: O
+      }), Object.freeze && (Object.freeze(R.props), Object.freeze(R)), R;
     };
-    function Ma(u, x, $, N, B) {
+    function Ma(u, x, T, P, O) {
       {
-        var Y, R = {}, L = null, ce = null;
-        $ !== void 0 && (cn($), L = "" + $), Ta(x) && (cn(x.key), L = "" + x.key), wa(x) && (ce = x.ref, $a(x, B));
-        for (Y in x)
-          We.call(x, Y) && !ja.hasOwnProperty(Y) && (R[Y] = x[Y]);
+        var V, I = {}, R = null, oe = null;
+        T !== void 0 && (cn(T), R = "" + T), Ta(x) && (cn(x.key), R = "" + x.key), wa(x) && (oe = x.ref, $a(x, O));
+        for (V in x)
+          We.call(x, V) && !ja.hasOwnProperty(V) && (I[V] = x[V]);
         if (u && u.defaultProps) {
-          var J = u.defaultProps;
-          for (Y in J)
-            R[Y] === void 0 && (R[Y] = J[Y]);
+          var X = u.defaultProps;
+          for (V in X)
+            I[V] === void 0 && (I[V] = X[V]);
         }
-        if (L || ce) {
-          var X = typeof u == "function" ? u.displayName || u.name || "Unknown" : u;
-          L && Ea(R, X), ce && Ca(R, X);
+        if (R || oe) {
+          var ee = typeof u == "function" ? u.displayName || u.name || "Unknown" : u;
+          R && Ea(I, ee), oe && Ca(I, ee);
         }
-        return Sa(u, L, ce, B, N, De.current, R);
+        return Sa(u, R, oe, O, P, De.current, I);
       }
     }
-    var Tt = v.ReactCurrentOwner, un = v.ReactDebugCurrentFrame;
+    var Tt = y.ReactCurrentOwner, un = y.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 = H(Tt.current.type);
+          var u = q(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;
-        var N = "";
-        u && u._owner && u._owner !== Tt.current && (N = " It was passed a child from " + H(u._owner.type) + "."), Ce(u), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', $, N), Ce(null);
+        fn[T] = !0;
+        var P = "";
+        u && u._owner && u._owner !== Tt.current && (P = " It was passed a child from " + q(u._owner.type) + "."), Ce(u), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', T, P), 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[$];
-            Et(N) && pn(N, x);
+          for (var T = 0; T < u.length; T++) {
+            var P = u[T];
+            Et(P) && pn(P, x);
           }
         else if (Et(u))
           u._store && (u._store.validated = !0);
         else if (u) {
-          var B = k(u);
-          if (typeof B == "function" && B !== u.entries)
-            for (var Y = B.call(u), R; !(R = Y.next()).done; )
-              Et(R.value) && pn(R.value, x);
+          var O = k(u);
+          if (typeof O == "function" && O !== u.entries)
+            for (var V = O.call(u), I; !(I = V.next()).done; )
+              Et(I.value) && pn(I.value, x);
         }
       }
     }
@@ -607,56 +607,56 @@ 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 = H(x);
-          ya($, u.props, "prop", N, u);
+        if (T) {
+          var P = q(x);
+          ya(T, u.props, "prop", P, u);
         } else if (x.PropTypes !== void 0 && !$t) {
           $t = !0;
-          var B = H(x);
-          _("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", B || "Unknown");
+          var O = q(x);
+          _("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", O || "Unknown");
         }
         typeof x.getDefaultProps == "function" && !x.getDefaultProps.isReactClassApproved && _("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[$];
-          if (N !== "children" && N !== "key") {
-            Ce(u), _("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", N), Ce(null);
+        for (var x = Object.keys(u.props), T = 0; T < x.length; T++) {
+          var P = x[T];
+          if (P !== "children" && P !== "key") {
+            Ce(u), _("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", P), Ce(null);
             break;
           }
         }
         u.ref !== null && (Ce(u), _("Invalid attribute `ref` supplied to `React.Fragment`."), Ce(null));
       }
     }
-    function gn(u, x, $, N, B, Y) {
+    function gn(u, x, T, P, O, V) {
       {
-        var R = T(u);
-        if (!R) {
-          var L = "";
-          (u === void 0 || typeof u == "object" && u !== null && Object.keys(u).length === 0) && (L += " 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 ce = Na(B);
-          ce ? L += ce : L += mn();
-          var J;
-          u === null ? J = "null" : jt(u) ? J = "array" : u !== void 0 && u.$$typeof === t ? (J = "<" + (H(u.type) || "Unknown") + " />", L = " Did you accidentally export a JSX literal instead of a component?") : J = typeof u, _("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", J, L);
+        var I = M(u);
+        if (!I) {
+          var R = "";
+          (u === void 0 || typeof u == "object" && u !== null && Object.keys(u).length === 0) && (R += " 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 oe = Na(O);
+          oe ? R += oe : R += mn();
+          var X;
+          u === null ? X = "null" : jt(u) ? X = "array" : u !== void 0 && u.$$typeof === t ? (X = "<" + (q(u.type) || "Unknown") + " />", R = " Did you accidentally export a JSX literal instead of a component?") : X = typeof u, _("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", X, R);
         }
-        var X = Ma(u, x, $, B, Y);
-        if (X == null)
-          return X;
-        if (R) {
+        var ee = Ma(u, x, T, O, V);
+        if (ee == null)
+          return ee;
+        if (I) {
           var he = x.children;
           if (he !== void 0)
-            if (N)
+            if (P)
               if (jt(he)) {
                 for (var Se = 0; Se < he.length; Se++)
                   hn(he[Se], u);
@@ -666,14 +666,14 @@ Check the top-level render call using <` + $ + ">.");
             else
               hn(he, u);
         }
-        return u === r ? Fa(X) : Aa(X), X;
+        return u === r ? Fa(ee) : Aa(ee), ee;
       }
     }
-    function Da(u, x, $) {
-      return gn(u, x, $, !0);
+    function Da(u, x, T) {
+      return gn(u, x, T, !0);
     }
-    function La(u, x, $) {
-      return gn(u, x, $, !1);
+    function La(u, x, T) {
+      return gn(u, x, T, !1);
     }
     var Ra = La, Ia = Da;
     Re.Fragment = r, Re.jsx = Ra, Re.jsxs = Ia;
@@ -690,66 +690,66 @@ const or = () => {
     window.removeEventListener("popstate", n);
   }), []), e;
 }, Pe = (e, t) => {
-  const n = te(!1);
+  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 p = typeof window < "u", h = !t && t !== 0 && p;
   if (typeof e != "function")
     throw new TypeError("Expected a function");
   t = +t || 0;
-  var g = !!(n = n || {}).leading, y = !("trailing" in n) || !!n.trailing, k = "maxWait" in n, v = "debounceOnServer" in n && !!n.debounceOnServer, _ = k ? Math.max(+n.maxWait || 0, t) : null;
+  var g = !!(n = n || {}).leading, b = !("trailing" in n) || !!n.trailing, k = "maxWait" in n, y = "debounceOnServer" in n && !!n.debounceOnServer, _ = k ? Math.max(+n.maxWait || 0, t) : null;
   G(function() {
     return d.current = !0, function() {
       d.current = !1;
     };
   }, []);
-  var b = ft(function() {
-    var j = function(T) {
-      var E = c.current, O = m.current;
-      return c.current = m.current = null, i.current = T, l.current = f.current.apply(O, E);
-    }, S = function(T, E) {
-      h && cancelAnimationFrame(o.current), o.current = h ? requestAnimationFrame(T) : setTimeout(T, E);
-    }, C = function(T) {
+  var v = ft(function() {
+    var j = function(M) {
+      var E = c.current, N = m.current;
+      return c.current = m.current = null, i.current = M, l.current = f.current.apply(N, E);
+    }, $ = function(M, E) {
+      h && cancelAnimationFrame(o.current), o.current = h ? requestAnimationFrame(M) : setTimeout(M, E);
+    }, C = function(M) {
       if (!d.current)
         return !1;
-      var E = T - s.current;
-      return !s.current || E >= t || E < 0 || k && T - i.current >= _;
-    }, I = function(T) {
-      return o.current = null, y && c.current ? j(T) : (c.current = m.current = null, l.current);
-    }, F = function T() {
+      var E = M - s.current;
+      return !s.current || E >= t || E < 0 || k && M - i.current >= _;
+    }, Z = function(M) {
+      return o.current = null, b && c.current ? j(M) : (c.current = m.current = null, l.current);
+    }, L = function M() {
       var E = Date.now();
       if (C(E))
-        return I(E);
+        return Z(E);
       if (d.current) {
-        var O = t - (E - s.current), H = k ? Math.min(O, _ - (E - i.current)) : O;
-        S(T, H);
+        var N = t - (E - s.current), q = k ? Math.min(N, _ - (E - i.current)) : N;
+        $(M, q);
       }
-    }, M = function() {
-      if (p || v) {
-        var T = Date.now(), E = C(T);
-        if (c.current = [].slice.call(arguments), m.current = r, s.current = T, E) {
+    }, S = function() {
+      if (p || y) {
+        var M = Date.now(), E = C(M);
+        if (c.current = [].slice.call(arguments), m.current = r, s.current = M, E) {
           if (!o.current && d.current)
-            return i.current = s.current, S(F, t), g ? j(s.current) : l.current;
+            return i.current = s.current, $(L, t), g ? j(s.current) : l.current;
           if (k)
-            return S(F, t), j(s.current);
+            return $(L, t), j(s.current);
         }
-        return o.current || S(F, t), l.current;
+        return o.current || $(L, t), l.current;
       }
     };
-    return M.cancel = function() {
+    return S.cancel = function() {
       o.current && (h ? cancelAnimationFrame(o.current) : clearTimeout(o.current)), i.current = 0, c.current = s.current = m.current = o.current = null;
-    }, M.isPending = function() {
+    }, S.isPending = function() {
       return !!o.current;
-    }, M.flush = function() {
-      return o.current ? I(Date.now()) : l.current;
-    }, M;
-  }, [g, k, t, _, y, h, p, v]);
-  return b;
+    }, S.flush = function() {
+      return o.current ? Z(Date.now()) : l.current;
+    }, S;
+  }, [g, k, t, _, b, h, p, y]);
+  return v;
 }
 function Zn(e, t, n) {
   var r = n === void 0 ? {} : n, s = r.leading, i = r.trailing;
@@ -759,7 +759,7 @@ let Ct;
 const He = (e = !0, t = !1, n = "window") => {
   if (!e)
     return;
-  const [r, s] = A.useState(0) || [!1, () => {
+  const [r, s] = F.useState(0) || [!1, () => {
   }];
   G(() => (c(), window.addEventListener("resize", m), () => {
     clearTimeout(Ct), m.flush(), window.removeEventListener("resize", m);
@@ -790,8 +790,8 @@ const He = (e = !0, t = !1, n = "window") => {
 }) => {
   if (!window)
     return;
-  const [s, i] = A.useState({ current: 0, past: 0 }) || [!1, () => {
-  }], [o, c] = A.useState({ scrollDown: !1, scrollUp: !1 }) || [!1, () => {
+  const [s, i] = F.useState({ current: 0, past: 0 }) || [!1, () => {
+  }], [o, c] = F.useState({ scrollDown: !1, scrollUp: !1 }) || [!1, () => {
   }];
   G(() => (m(), window.addEventListener("scroll", l), () => {
     l.flush(), window.removeEventListener("scroll", l);
@@ -809,7 +809,7 @@ const He = (e = !0, t = !1, n = "window") => {
   return s;
 }, dr = (e = [], t = !0) => {
   e = Array.isArray(e) ? e : [e];
-  const n = te(!1);
+  const n = ne(!1);
   Pe(() => {
     if (window && window.location && window.location.hash) {
       if (n.current)
@@ -1227,9 +1227,9 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   return t.forEach(({ type: r, value: s }) => {
     qa(n, r, s);
   }), n;
-}, xr = (e) => new Promise((t) => setTimeout(t, e)), at = (e, t) => A.Children.map(e, (n) => A.cloneElement(n, {
+}, xr = (e) => new Promise((t) => setTimeout(t, e)), at = (e, t) => F.Children.map(e, (n) => F.cloneElement(n, {
   ...t
-})), q = ({
+})), B = ({
   variant: e = "primary",
   size: t = "medium",
   styling: n = { muted: !1, fullWidth: !1 },
@@ -1245,12 +1245,12 @@ Thank you for helping to protect the Apolitical community from abusive content.`
 }) => {
   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 k = Object.assign({}, t), y = qn(Object.keys(k));
+    t = Hn(h, y, k);
   }
   const g = [];
   typeof t == "string" && g.push(t), r && (g.push("icon"), typeof r == "object" ? (g.push(r.icon), r.position ? g.push(r.position) : g.push("left"), r.hover && g.push(`hover_${r.hover}`), r.animate && (g.push("animate"), typeof r.animate == "string" && g.push(r.animate))) : (g.push(r), !r.includes("right") && !r.includes("left") && g.push("left"))), n.muted && g.push("muted"), n.fullWidth && g.push("full-width");
-  const y = {
+  const b = {
     ...d,
     className: w(e, c, g, {
       "no-text": !f,
@@ -1262,14 +1262,14 @@ Thank you for helping to protect the Apolitical community from abusive content.`
     },
     disabled: typeof m == "object" && "isClickable" in m ? !m.isClickable : m
   };
-  return s && (i = "a", y.href = s), A.createElement(
+  return s && (i = "a", b.href = s), F.createElement(
     i,
-    y,
+    b,
     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: w("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 F.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` } : {};
@@ -1296,7 +1296,7 @@ const Te = ({ className: e = "", maxWidth: t = !1 }) => {
       }
     );
   }
-  return n ? A.createElement(n, { children: t, className: r, ...c }) : t;
+  return n ? F.createElement(n, { children: t, className: r, ...c }) : t;
 }, xn = {
   card: {
     range: [
@@ -1427,7 +1427,7 @@ const Wn = ({ image: e, className: t, testId: n }) => {
     loading: l,
     decoding: f,
     fetchPriority: d
-  } = e, { range: p, sizes: h } = kr(e), g = 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 });
+  } = e, { range: p, sizes: h } = kr(e), g = St({ format: "avif", query: o, range: p, url: c }), b = 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",
@@ -1442,7 +1442,7 @@ const Wn = ({ image: e, className: t, testId: n }) => {
       "source",
       {
         type: "image/webp",
-        srcSet: y,
+        srcSet: b,
         sizes: h,
         "data-testid": "source"
       }
@@ -1466,7 +1466,7 @@ const Wn = ({ image: e, className: t, testId: n }) => {
 };
 let Ie = !1;
 const wr = ({ isOpen: e = !1, isLoading: t = !1, children: n }) => {
-  const r = P(), s = te(null), [i, o] = D("hidden");
+  const r = A(), s = ne(null), [i, o] = D("hidden");
   G(() => {
     const m = s.current;
     if (m)
@@ -1500,7 +1500,7 @@ const $i = ({ text: e, buttons: t, className: n = "" }) => {
       children: s.text
     });
   }), /* @__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),
+    F.createElement(typeof e == "string" ? "h2" : e.element, { className: "text" }, typeof e == "string" ? e : e.text),
     /* @__PURE__ */ a.jsx(ht, { buttons: r })
   ] }) });
 };
@@ -1513,7 +1513,7 @@ const Ei = ({ title: e = !1, logos: t = [], className: n = "" }) => {
     text: typeof e == "string" ? e : typeof e == "object" ? e.text : ""
   };
   return /* @__PURE__ */ a.jsxs("div", { className: w("logos", n), children: [
-    e && A.createElement(s.element, { className: "title" }, s.text),
+    e && F.createElement(s.element, { className: "title" }, s.text),
     /* @__PURE__ */ a.jsx(
       "ul",
       {
@@ -1616,7 +1616,7 @@ const Tr = [
           m.map((d) => {
             if (f[d] && typeof f[d] == "object") {
               const { text: p, element: h = "" } = f[d];
-              return A.createElement(
+              return F.createElement(
                 h.toLowerCase(),
                 { key: d, className: d },
                 p
@@ -1626,7 +1626,7 @@ const Tr = [
           }),
           c,
           o && o.text && o.link && /* @__PURE__ */ a.jsx(
-            q,
+            B,
             {
               variant: n || r === "light" ? "primary" : "secondary",
               size: { mobile: "medium", 768: "large" },
@@ -1650,7 +1650,7 @@ const Si = ({
 }) => !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
@@ -1673,7 +1673,7 @@ function Sr(e) {
   var t = e.children, n = e.client, r = e.apiKey, s = e.options, i = ft(function() {
     return n && r && console.warn("[PostHog.js] You have provided both a client and an apiKey to PostHogProvider. The apiKey will be ignored in favour of the client."), n && s && console.warn("[PostHog.js] You have provided both a client and options to PostHogProvider. The options will be ignored in favour of the client."), n || (r && (nt.__loaded && console.warn("[PostHog.js] was already loaded elsewhere. This may cause issues."), nt.init(r, s)), nt);
   }, [n, r]);
-  return A.createElement(Cr.Provider, { value: { client: i } }, t);
+  return F.createElement(Cr.Provider, { value: { client: i } }, t);
 }
 const Mr = ({ children: e, user: t }) => t.isLoading ? null : process.env.REACT_APP_PUBLIC_POSTHOG_KEY ? /* @__PURE__ */ a.jsx(
   Sr,
@@ -1720,7 +1720,7 @@ 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();
+  const r = A();
   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 })
@@ -1753,7 +1753,7 @@ const bt = ({
       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",
@@ -1773,7 +1773,7 @@ const Ar = ({ type: e = "default", className: t = "", heading: n = !1, children:
     pt,
     {
       options: {
-        wrapper: A.Fragment,
+        wrapper: F.Fragment,
         forceBlock: !0,
         overrides: Yn
       },
@@ -1782,7 +1782,7 @@ 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] = D(""), [l, f] = D("closed");
+  const i = A(), o = ne(null), [c, m] = D(""), [l, f] = D("closed");
   G(() => {
     const h = o.current;
     if (h)
@@ -1811,7 +1811,7 @@ const Pi = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
       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 },
@@ -1824,18 +1824,18 @@ const Pi = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
       }
     ) })
   ] });
-}, Fr = () => A.Fragment, Dr = ({ children: e }) => /* @__PURE__ */ a.jsx(we, { variant: "secondary", children: e }), Lr = ["span", "strong", "h1", "h2", "h3", "h4", "h5", "h6", "p"], Rr = ({ children: e }) => {
-  const t = P();
+}, Fr = () => F.Fragment, Dr = ({ children: e }) => /* @__PURE__ */ a.jsx(we, { variant: "secondary", children: e }), Lr = ["span", "strong", "h1", "h2", "h3", "h4", "h5", "h6", "p"], Rr = ({ children: e }) => {
+  const t = A();
   if (!e)
     return null;
   let n = t.formatMessage({ id: "markdown_collapsibleSection_summary" });
   const r = [];
   for (const i of Ht.toArray(e))
     if (!(!i || typeof i == "string" || typeof i == "number"))
-      if (A.isValidElement(i) && i.type === "summary") {
+      if (F.isValidElement(i) && i.type === "summary") {
         if (i.props && i.props.children) {
           for (const o of Ht.toArray(i.props.children))
-            if (!(!o || typeof o == "string" || typeof o == "number") && A.isValidElement(o)) {
+            if (!(!o || typeof o == "string" || typeof o == "number") && F.isValidElement(o)) {
               const c = o.type;
               if (Lr.includes(c)) {
                 for (n = o.props.children; typeof n != "string" && (Array.isArray(n) && n[0].props && n[0].props.children && n[0].props.children[0]); )
@@ -1870,7 +1870,7 @@ const Pi = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
     }
   return /* @__PURE__ */ a.jsx("div", { ...t, children: e });
 }, Or = (e) => {
-  const t = P(), n = Date.now().toString();
+  const t = A(), n = Date.now().toString();
   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: [
@@ -1886,21 +1886,21 @@ const Pi = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
   t.href && (t.href.includes("http:") || t.href.includes("https:")) && !t.target && (n.target = "_blank");
   let r = e, s = !1;
   for (const i of Ht.toArray(e))
-    if (!(!i || typeof i == "string" || typeof i == "number") && A.isValidElement(i)) {
+    if (!(!i || typeof i == "string" || typeof i == "number") && F.isValidElement(i)) {
       const o = i.type;
       if (["button", "center", "span", "strong"].includes(o) && i.props && i.props.children && i.props.children[0])
-        for ((o === "button" || kn(i.props.children[0]) === "button") && (s = !0), r = i.props.children[0]; r && typeof r != "string" && !(typeof r == "boolean" || typeof r == "number" || !A.isValidElement(r)); )
+        for ((o === "button" || kn(i.props.children[0]) === "button") && (s = !0), r = i.props.children[0]; r && typeof r != "string" && !(typeof r == "boolean" || typeof r == "number" || !F.isValidElement(r)); )
           if (r.props && r.props.children && r.props.children[0])
             r = r.props.children[0], r && kn(r) === "button" && (s = !0);
           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\/?>/, "");
   const r = {
-    wrapper: A.Fragment,
+    wrapper: F.Fragment,
     forceBlock: !0,
     overrides: {
       a: Br,
@@ -1929,8 +1929,8 @@ const qr = ({
   const i = e ? { "--max-width": `${e / 16}rem` } : {};
   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(
+      t && t.text && F.createElement(t.element || "h1", { className: "title" }, t.text),
+      n && n.text && F.createElement(
         n.element || "h2",
         { className: "text-medium" },
         n.text
@@ -1946,13 +1946,13 @@ const st = ({
   children: r,
   ...s
 }) => /* @__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 Vt = ({ element: e = "p", children: t = null, className: n = "", ...r }) => F.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}%` };
+  const r = A(), s = e > 75 ? 100 : e > 50 ? 75 : e > 25 ? 50 : e > 5 ? 25 : 0, i = { "--progress": `${e}%` };
   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();
+  const r = A();
   t || (t = {
     0: { text: r.formatMessage({ id: `${Mt}loading` }) },
     75: { text: r.formatMessage({ id: `${Mt}almostDone` }) },
@@ -2015,7 +2015,7 @@ const wn = 256, Ue = ({
   height: i = wn,
   ...o
 }) => {
-  const [c, m] = D(!1), l = te(null);
+  const [c, m] = D(!1), l = ne(null);
   G(() => {
     const d = l.current;
     if (!d)
@@ -2078,10 +2078,10 @@ const Xt = ({
   gtmType: s = "member-click",
   className: i = ""
 }) => {
-  const o = P(), c = Jn(t);
+  const o = A(), 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), p = n && n.createdAt ? zt(n.createdAt) : !1, h = n && n.createdAt ? Un(n.createdAt) : "";
-  return A.createElement(e, {
+  return F.createElement(e, {
     className: w("member text-medium", i),
     children: /* @__PURE__ */ a.jsxs(
       gt,
@@ -2123,35 +2123,35 @@ const Tn = {
   className: m = "",
   ...l
 }) => {
-  const f = P();
-  return !n || n.length === 0 ? null : A.createElement(e, {
+  const f = A();
+  return !n || n.length === 0 ? null : F.createElement(e, {
     ...l,
     className: w("contributors", m, s, { "has-gap": i }),
     children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
       /* @__PURE__ */ a.jsx("ul", { children: n.map((d, p) => {
         let h, g = "";
         if (p < c) {
-          const { name: y = "", image: k = "" } = Jn(d);
+          const { name: b = "", image: k = "" } = Jn(d);
           if (o)
             return /* @__PURE__ */ a.jsx(_e, { element: "li", className: "contributor" }, p);
           h = /* @__PURE__ */ a.jsx(
             Ue,
             {
-              name: y,
+              name: b,
               src: k,
               width: Tn[s || "medium"],
               height: Tn[s || "medium"]
             }
           );
         } else if (p === c) {
-          const y = (t || n.length) - c;
+          const b = (t || n.length) - c;
           h = /* @__PURE__ */ a.jsxs(
             "small",
             {
-              className: w({ "large-number": y > 99 }),
+              className: w({ "large-number": b > 99 }),
               children: [
                 "+",
-                _r(y, 0)
+                _r(b, 0)
               ]
             }
           ), g = "number-left";
@@ -2162,7 +2162,7 @@ const Tn = {
     ] })
   });
 }, Yr = ({ type: e, data: t }) => {
-  const n = P(), {
+  const n = A(), {
     answers: r,
     createdAt: s,
     dateHasPassed: i,
@@ -2279,12 +2279,12 @@ const Tn = {
   }
 }, Gr = ({ data: e, cta: t, link: n, gtmContext: r }) => {
   var g;
-  const s = P(), [i, o] = D({
+  const s = A(), [i, o] = D({
     loading: !1,
     registered: e.registered || !1
   });
   G(() => {
-    e.registered && o((y) => ({ ...y, registered: !0 }));
+    e.registered && o((b) => ({ ...b, registered: !0 }));
   }, [e.registered]);
   const { startDate: c, dateHasPassed: m, pill: l, slug: f } = e, d = e.contentType;
   let p = "";
@@ -2301,7 +2301,7 @@ const Tn = {
     );
   if (d === "people")
     return /* @__PURE__ */ a.jsx(
-      q,
+      B,
       {
         variant: "tertiary",
         size: "small",
@@ -2314,30 +2314,30 @@ const Tn = {
     );
   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)) {
+    const b = i.loading || i.registered, k = async (y) => {
+      if (y.preventDefault(), y.stopPropagation(), !(b || !t || !t.onClick)) {
         o((_) => ({ ..._, loading: !0 }));
         try {
           const _ = await t.onClick(e);
-          o(_ === "success" ? () => ({ registered: !0, loading: !1 }) : (b) => ({ ...b, loading: !1 }));
+          o(_ === "success" ? () => ({ registered: !0, loading: !1 }) : (v) => ({ ...v, loading: !1 }));
         } catch {
-          o((b) => ({ ...b, loading: !1 }));
+          o((v) => ({ ...v, loading: !1 }));
         }
       }
     };
     return /* @__PURE__ */ a.jsx(
-      q,
+      B,
       {
         onClick: k,
         className: "gtm-trackable",
         size: "small",
         styling: { fullWidth: !0 },
-        disabled: y,
+        disabled: b,
         "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}${y ? `_${i.loading ? "loading" : "done"}` : ""}`
+          id: `card_cta_${d}${b ? `_${i.loading ? "loading" : "done"}` : ""}`
         })
       }
     );
@@ -2366,13 +2366,13 @@ const Qr = {
   gtmContext: s = "Carousel",
   className: i = ""
 }) => {
-  const o = P(), c = ge(ke), m = c && typeof c.id == "string", [l, f] = D({
+  const o = A(), c = ge(ke), m = c && typeof c.id == "string", [l, f] = D({
     data: null,
     isLoading: !0
   }), { data: d, isLoading: p } = l, h = Ln(() => {
-    n(t, m).then((F) => {
-      f(() => ({ data: F, isLoading: !1 }));
-    }).catch(() => f((F) => ({ ...F, isLoading: !1 })));
+    n(t, m).then((L) => {
+      f(() => ({ data: L, isLoading: !1 }));
+    }).catch(() => f((L) => ({ ...L, isLoading: !1 })));
   }, [e]);
   if (G(() => {
     h();
@@ -2389,11 +2389,11 @@ const Qr = {
   if (!g || !it[g])
     return /* @__PURE__ */ a.jsx(_e, { element: "li", className: "card-wrapper" });
   const {
-    basePath: y = "",
+    basePath: b = "",
     className: k,
-    length: v,
+    length: y,
     gtmEvent: _
-  } = it[g], b = zn(`card_label_${g}`) ? o.formatMessage({ id: `card_label_${g}` }) : !1, j = d.slug ? `${y}${d.slug}` : !1, S = { ...Qr, ...v };
+  } = it[g], v = zn(`card_label_${g}`) ? o.formatMessage({ id: `card_label_${g}` }) : !1, j = d.slug ? `${b}${d.slug}` : !1, $ = { ...Qr, ...y };
   let C = { className: "card" };
   j && (C = {
     href: j,
@@ -2402,7 +2402,7 @@ const Qr = {
     "data-gtm-event-type": `${_}-click`,
     "data-testid": "link"
   }, d.openInNewTab && (C.target = "_blank"));
-  const I = d.customIcon ? { "--custom-icon": Kr(d.customIcon) } : {};
+  const Z = d.customIcon ? { "--custom-icon": Kr(d.customIcon) } : {};
   return /* @__PURE__ */ a.jsx(
     "li",
     {
@@ -2412,13 +2412,13 @@ const Qr = {
         "has-custom-icon": d.customIcon,
         "has-image": d.banner
       }),
-      style: I,
+      style: Z,
       "data-testid": `${g}-card`,
-      children: A.createElement(
+      children: F.createElement(
         j ? "a" : "div",
         C,
         /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-          (d.customLabel || b) && /* @__PURE__ */ a.jsx("small", { className: w("card-label text-small", k), children: d.customLabel || b }),
+          (d.customLabel || v) && /* @__PURE__ */ a.jsx("small", { className: w("card-label text-small", k), children: d.customLabel || v }),
           d.startDate && !d.isOngoingEvent && /* @__PURE__ */ a.jsx(
             st,
             {
@@ -2451,14 +2451,14 @@ const Qr = {
               "data-testid": "contributors"
             }
           ),
-          d.partner && /* @__PURE__ */ a.jsx("p", { className: "partners", "data-testid": "partners", children: Ne(d.partner.title, S.partner) }),
+          d.partner && /* @__PURE__ */ a.jsx("p", { className: "partners", "data-testid": "partners", children: Ne(d.partner.title, $.partner) }),
           /* Text */
-          ["title", "text", "secondaryText"].map((F) => {
-            const M = d[F];
-            if (!M)
+          ["title", "text", "secondaryText"].map((L) => {
+            const S = d[L];
+            if (!S)
               return null;
-            const T = ur(F);
-            return /* @__PURE__ */ a.jsx("p", { className: T, "data-testid": T, children: Ne(M, S[F]) }, F);
+            const M = ur(L);
+            return /* @__PURE__ */ a.jsx("p", { className: M, "data-testid": M, children: Ne(S, $[L]) }, L);
           }),
           /* @__PURE__ */ a.jsx(Yr, { type: k || "", data: d }),
           /* @__PURE__ */ a.jsx(Gr, { data: d, cta: r, link: j || "", gtmContext: s })
@@ -2482,11 +2482,11 @@ const Jr = ({ cards: e, cardTypes: t, className: n = "", ...r }) => /* @__PURE__
   const s = t * n <= e, i = e < t * (n + 1), o = r.includes(Math.floor(e / t));
   return s && i || o;
 }, es = ({ id: e, title: t }) => {
-  const n = P();
+  const n = A();
   if (!t || !t.text)
     return null;
   const { text: r, element: s = "h2", variant: i = "default", size: o = "medium", link: c } = t;
-  return A.createElement(s, {
+  return F.createElement(s, {
     className: w("title", i, o, {
       "highlighted-title": i === "highlighted"
     }),
@@ -2520,50 +2520,50 @@ const ts = ({
   className: i,
   gtmContext: o
 }) => {
-  var F;
-  const c = P(), [m, l] = D({
+  var L;
+  const c = A(), [m, l] = D({
     cardsPerPage: 4,
     isLoading: !0
   }), { cardsPerPage: f, isLoading: d } = m, [p, h] = D({
     currentPage: 0,
     loadedPages: [0]
-  }), { currentPage: g, loadedPages: y } = p, k = t.length, v = Math.ceil(k / f), _ = te(null), b = He(!0, !0, _ == null ? void 0 : _.current);
+  }), { currentPage: g, loadedPages: b } = p, k = t.length, y = Math.ceil(k / f), _ = ne(null), v = He(!0, !0, _ == null ? void 0 : _.current);
   G(() => {
-    let M = 1;
-    b && (b >= Nt.fourCards ? M = 4 : b >= Nt.threeCards ? M = 3 : b >= Nt.twoCards && (M = 2), M > k && (M = k)), l((T) => ({
-      ...T,
-      cardsPerPage: M,
+    let S = 1;
+    v && (v >= Nt.fourCards ? S = 4 : v >= Nt.threeCards ? S = 3 : v >= Nt.twoCards && (S = 2), S > k && (S = k)), l((M) => ({
+      ...M,
+      cardsPerPage: S,
       isLoading: !1
     }));
-  }, [b, k]);
-  const j = (M = "next") => {
-    let T = g;
-    if (typeof M == "string")
-      if (M === "next")
-        if (g < v - 1)
-          T = g + 1;
+  }, [v, k]);
+  const j = (S = "next") => {
+    let M = g;
+    if (typeof S == "string")
+      if (S === "next")
+        if (g < y - 1)
+          M = g + 1;
         else
           return;
       else if (g > 0)
-        T = g - 1;
+        M = g - 1;
       else
         return;
     else
-      T = M;
+      M = S;
     h((E) => ({
       ...E,
-      currentPage: T,
-      loadedPages: [.../* @__PURE__ */ new Set([...y, T])]
+      currentPage: M,
+      loadedPages: [.../* @__PURE__ */ new Set([...b, M])]
     }));
-  }, S = (M) => {
-    Ge = M.touches[0].clientX;
-  }, C = (M) => {
+  }, $ = (S) => {
+    Ge = S.touches[0].clientX;
+  }, C = (S) => {
     if (Ge === null)
       return;
-    const T = M.touches[0].clientX, E = Ge - T;
+    const M = S.touches[0].clientX, E = Ge - M;
     E > 5 ? j("next") : E < -5 && j("previous"), Ge = null;
-  }, I = {
-    "--width": `${((F = _ == null ? void 0 : _.current) == null ? void 0 : F.offsetWidth) || 0}px`,
+  }, Z = {
+    "--width": `${((L = _ == null ? void 0 : _.current) == null ? void 0 : L.offsetWidth) || 0}px`,
     "--total-cards": k,
     "--cards-per-page": f,
     "--page": g
@@ -2580,22 +2580,22 @@ const ts = ({
           "ul",
           {
             className: "carousel",
-            onTouchStart: S,
+            onTouchStart: $,
             onTouchMove: C,
-            style: I,
+            style: Z,
             "data-testid": "carousel-list",
-            children: t.map((M, T) => {
-              let E = M && M.sys && M.sys.id ? `${e}-card-${M.sys.id}` : null;
-              return E && Xr(T, f, g, y) ? /* @__PURE__ */ a.jsx(
+            children: t.map((S, M) => {
+              let E = S && S.sys && S.sys.id ? `${e}-card-${S.sys.id}` : null;
+              return E && Xr(M, f, g, b) ? /* @__PURE__ */ a.jsx(
                 ea,
                 {
                   id: E,
-                  card: { ...M, contentType: n[T] },
+                  card: { ...S, contentType: n[M] },
                   buildCardData: r,
                   gtmContext: o
                 },
                 E
-              ) : (E = E || `${e}-card-${T}`, /* @__PURE__ */ a.jsx(
+              ) : (E = E || `${e}-card-${M}`, /* @__PURE__ */ a.jsx(
                 _e,
                 {
                   element: "li",
@@ -2607,15 +2607,15 @@ const ts = ({
             })
           }
         ),
-        v <= 1 ? null : /* @__PURE__ */ a.jsxs("ul", { className: "controls", "data-testid": "carousel-controls", children: [
+        y <= 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: (M) => {
-                M.preventDefault(), M.stopPropagation(), j("previous");
+              onClick: (S) => {
+                S.preventDefault(), S.stopPropagation(), j("previous");
               },
               screenreaderText: c.formatMessage({
                 id: "carousel_pagination_previous"
@@ -2623,32 +2623,32 @@ const ts = ({
               disabled: g <= 0
             }
           ) }),
-          [...Array(v)].map((M, T) => /* @__PURE__ */ a.jsx("li", { "data-testid": "carousel-controls-button", children: /* @__PURE__ */ a.jsx(
+          [...Array(y)].map((S, M) => /* @__PURE__ */ a.jsx("li", { "data-testid": "carousel-controls-button", children: /* @__PURE__ */ a.jsx(
             "button",
             {
               className: w("page-indicator", {
-                selected: T === g
+                selected: M === g
               }),
               onClick: (E) => {
-                E.preventDefault(), E.stopPropagation(), j(T);
+                E.preventDefault(), E.stopPropagation(), j(M);
               },
               children: /* @__PURE__ */ a.jsx(ae, { showOnFocus: !1, children: c.formatMessage(
                 { id: "carousel_pagination_page" },
-                { number: T + 1, total: v }
+                { number: M + 1, total: y }
               ) })
             }
-          ) }, `page-indicator-${T}`)),
+          ) }, `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: (M) => {
-                M.preventDefault(), M.stopPropagation(), j("next");
+              onClick: (S) => {
+                S.preventDefault(), S.stopPropagation(), j("next");
               },
               screenreaderText: c.formatMessage({ id: "carousel_pagination_next" }),
-              disabled: g >= v - 1
+              disabled: g >= y - 1
             }
           ) })
         ] })
@@ -2690,13 +2690,13 @@ const ts = ({
 const Pt = "joinCommunityButton", ta = ({ isMember: e = !1, isShort: t = !1, functions: { join: n, leave: r } = { join: () => {
 }, leave: () => {
 } } }) => {
-  const s = P(), i = ge(ke), o = i && typeof i.id == "string", [c, m] = D(e), [l, f] = D(e ? "joined" : "notJoined");
+  const s = A(), i = ge(ke), o = i && typeof i.id == "string", [c, m] = D(e), [l, f] = D(e ? "joined" : "notJoined");
   G(() => {
     l === "joining" ? f("joined") : l === "leaving" && f("notJoined");
   }, [c]);
   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(
-    q,
+    B,
     {
       variant: c ? "secondary" : "primary",
       size: "medium",
@@ -2719,7 +2719,7 @@ const At = "communityDetails_", Di = ({
   members: { number: r = 0, data: s = [] } = { number: 0, data: [] },
   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;
+  const c = A(), 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: w("community-details", e), children: [
     /* @__PURE__ */ a.jsx(Te, {}),
     /* @__PURE__ */ a.jsxs("div", { className: "member-details", children: [
@@ -2748,7 +2748,7 @@ const At = "communityDetails_", Di = ({
     ] }),
     /* @__PURE__ */ a.jsx(ta, { isMember: t, functions: { ...o } }),
     t && /* @__PURE__ */ a.jsx(
-      q,
+      B,
       {
         variant: "primary",
         onClick: i,
@@ -2764,7 +2764,7 @@ const Li = ({
   cutoff: t = 20,
   className: n = ""
 }) => {
-  const r = P();
+  const r = A();
   return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__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: [
@@ -2781,7 +2781,7 @@ const Ri = ({
   },
   className: s = ""
 }) => {
-  const i = P(), o = t ? [{ id: "all", text: typeof t != "boolean" && t.text || i.formatMessage({ id: "filters_all" }) }, ...e] : e, [c, m] = D(t ? ["all"] : []), l = (f, d) => {
+  const i = A(), o = t ? [{ id: "all", text: typeof t != "boolean" && t.text || i.formatMessage({ id: "filters_all" }) }, ...e] : e, [c, m] = D(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();
   };
@@ -2792,8 +2792,8 @@ const Ri = ({
       "button",
       {
         className: w(f, { selected: c.includes(f) }),
-        onClick: (y) => {
-          y.preventDefault(), y.stopPropagation(), l(f, h);
+        onClick: (b) => {
+          b.preventDefault(), b.stopPropagation(), l(f, h);
         },
         ...g,
         children: d
@@ -2821,26 +2821,26 @@ const Ft = { en: "English", es: "Español", fr: "Français", pt: "Português" },
   label: c,
   className: m = ""
 }) => {
-  const l = P(), [f, d] = D(e);
+  const l = A(), [f, d] = D(e);
   if (G(() => {
     e !== f && d(e);
-  }, [e]), !r || !Object.values(r).some((y) => y && y.post_name))
+  }, [e]), !r || !Object.values(r).some((b) => b && b.post_name))
     return null;
   const h = Object.keys(r), g = 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: h.map((y) => {
-        if (!Ft[y])
+      /* @__PURE__ */ a.jsx("ul", { children: h.map((b) => {
+        if (!Ft[b])
           return null;
-        let k = { className: y };
-        return f === y ? k["aria-label"] = l.formatMessage({ id: `${Ke}selected` }, { language: Ft[y] }) : k = {
+        let k = { className: b };
+        return f === b ? k["aria-label"] = l.formatMessage({ id: `${Ke}selected` }, { language: Ft[b] }) : k = {
           ...k,
-          href: ns(y, i),
-          onClick: (v) => {
-            v.preventDefault(), v.stopPropagation(), d(y), s(y);
+          href: ns(b, i),
+          onClick: (y) => {
+            y.preventDefault(), y.stopPropagation(), d(b), s(b);
           }
-        }, /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(gt, { ...k, fallbackElement: "span", children: Ft[y] }) }, y);
+        }, /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(gt, { ...k, fallbackElement: "span", children: Ft[b] }) }, b);
       }) }),
       o !== "short" && !g && /* @__PURE__ */ a.jsx("p", { children: l.formatMessage({ id: `${Ke}translation_${t ? "original" : n ? "human" : "machine"}` }) })
     ] }),
@@ -2850,9 +2850,9 @@ const Ft = { en: "English", es: "Español", fr: "Français", pt: "Português" },
       // `values` are throwing a type error: https://github.com/formatjs/formatjs/issues/3633
       children: l.formatMessage({ id: `${Ke}disclaimer` }, {
         email: Be.support,
-        link: (y) => {
-          const k = `mailto:${y}`;
-          return /* @__PURE__ */ a.jsx("a", { href: k, children: y });
+        link: (b) => {
+          const k = `mailto:${b}`;
+          return /* @__PURE__ */ a.jsx("a", { href: k, children: b });
         }
       })
     })
@@ -2879,7 +2879,7 @@ const Dt = Ua({ locale: "en", messages: Qt }), yt = ({
     }
   };
   return /* @__PURE__ */ a.jsx("footer", { className: w("load-more", s), children: !o && e ? /* @__PURE__ */ a.jsx(
-    q,
+    B,
     {
       variant: "secondary",
       icon: n,
@@ -2895,17 +2895,17 @@ const Dt = Ua({ locale: "en", messages: Qt }), yt = ({
 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] = D(!1), m = (l) => {
+  const s = A(), i = ne(null), [o, c] = D(!1), m = (l) => {
     i.current && l.target instanceof HTMLElement && !i.current.contains(l.target) && c(!1);
   };
   return G(() => (document.addEventListener("click", m, !0), () => {
     document.removeEventListener("click", m, !0);
-  })), A.createElement(e, {
+  })), F.createElement(e, {
     ref: i,
     className: w("more-menu text-medium", r),
     children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
       /* @__PURE__ */ a.jsx(
-        q,
+        B,
         {
           variant: "tertiary",
           size: "medium",
@@ -2918,7 +2918,7 @@ const as = ({ element: e = "div", id: t = "more-menu", options: n, className: r
         }
       ),
       /* @__PURE__ */ a.jsx("ul", { id: t, hidden: !o, children: n.map(({ href: l, onClick: f, text: d, icon: p, ...h }, g) => {
-        const y = {
+        const b = {
           ...h,
           onClick: (k) => {
             c(!1), typeof f == "function" && f(k);
@@ -2932,13 +2932,13 @@ const as = ({ element: e = "div", id: t = "more-menu", options: n, className: r
             }, 100);
           }
         };
-        return l && (y.href = l), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
-          q,
+        return l && (b.href = l), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
+          B,
           {
             variant: "tertiary",
             size: "medium",
             icon: p ? { icon: p, position: "left" } : !1,
-            ...y,
+            ...b,
             children: d
           }
         ) }, `${window.btoa(d)}_${g}`);
@@ -2964,7 +2964,7 @@ const ss = [
     href: "/solution-articles/"
   }
 ], is = ({ activeLink: e }) => {
-  const t = P(), n = ge(ke), r = n && typeof n.id == "string";
+  const t = A(), 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",
@@ -3055,15 +3055,15 @@ const cs = "shareLinks_", Oi = ({
   variant: i = "default",
   className: o = ""
 }) => {
-  const c = P(), m = os({ title: e, link: t, referrer: n });
+  const c = A(), m = os({ title: e, link: t, referrer: n });
   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: p = !0, onClick: h }) => {
       if (typeof p == "function" && !p())
         return null;
       const g = {};
-      return h && (g.onClick = (y) => h(y, d)), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
-        q,
+      return h && (g.onClick = (b) => h(b, d)), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
+        B,
         {
           size: s,
           variant: "tertiary",
@@ -3101,8 +3101,8 @@ const Bi = ({ tabs: e, className: t = "" }) => {
   ), o = [], c = [];
   return e.forEach(({ id: l, text: f, content: d, href: p }, h) => {
     l = n(l, f, h);
-    const g = s === l, y = {};
-    p || (y["aria-controls"] = l, y.onClick = (k) => {
+    const g = s === l, b = {};
+    p || (b["aria-controls"] = l, b.onClick = (k) => {
       k.preventDefault(), k.stopPropagation(), i(l), window.location.hash = `#${l}`;
     }, c.push(
       /* @__PURE__ */ a.jsx(
@@ -3126,7 +3126,7 @@ const Bi = ({ tabs: e, className: t = "" }) => {
           className: w({ selected: g }),
           role: "tab",
           "aria-selected": g,
-          ...y,
+          ...b,
           children: f
         }
       ) }, `tab-${l}`)
@@ -3147,13 +3147,13 @@ const ls = {
 }) => {
   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: w("columns", `layout-${e}`, n), children: A.Children.map(i, (o, c) => t !== !1 && c === t && s && s < ls[e] ? null : o) });
+  return F.Children.count(r) === 1 && (i = F.Children.toArray(r)[0], i.props && (i = i.props.children)), /* @__PURE__ */ a.jsx("section", { className: w("columns", `layout-${e}`, n), children: F.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 Lt = "cookieBanner_", Rt = ["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(Rt), [s, i] = D(!t["apol-cookie-banner"]), o = () => {
+  const e = A(), [t, n, r] = Ka(Rt), [s, i] = D(!t["apol-cookie-banner"]), o = () => {
     Rt.forEach((f) => {
       n(f, !0, {
         path: "/",
@@ -3366,10 +3366,10 @@ const Me = "footer_", ot = "SiteFooter", En = ({ group: e }) => {
   ] })
 ] }) });
 const Je = "emailHelperTextBox_", qi = ({ type: e, email: t, redirectPath: n, resendVerificationCode: r }) => {
-  const s = P(), [i, o] = D({ path: `${Je}default`, type: "default", link: {}, mail: {}, error: "" }), [c, m] = D(!1), l = Ln(
+  const s = A(), [i, o] = D({ path: `${Je}default`, type: "default", link: {}, mail: {}, error: "" }), [c, m] = D(!1), l = Ln(
     (h) => {
       h.preventDefault(), h.stopPropagation();
-      const g = (y) => {
+      const g = (b) => {
         o({
           path: `${Je}error_verificationFailedToSend`,
           type: "error",
@@ -3387,7 +3387,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: y
+          error: b
         });
       };
       if (typeof r != "function") {
@@ -3396,8 +3396,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((y) => {
-        g(y.message);
+      }).catch((b) => {
+        g(b.message);
       }).finally(() => {
         m(!1);
       });
@@ -3407,13 +3407,13 @@ const Je = "emailHelperTextBox_", qi = ({ type: e, email: t, redirectPath: n, re
   );
   G(
     () => {
-      let h = Je, g = "default", y = {}, k = {};
+      let h = Je, g = "default", b = {}, k = {};
       switch (e) {
         case "gov":
           h += "autoApproved", g = "success";
           break;
         case "nonGov":
-          h += "unrecognisedEmail", g = "error", y = {
+          h += "unrecognisedEmail", g = "error", b = {
             href: "https://about.apolitical.co/who-can-join-the-community",
             "data-gtm-event-context": "NonGovEmailHelperTextBox",
             "data-gtm-event-type": "LearnMoreClick"
@@ -3428,17 +3428,17 @@ const Je = "emailHelperTextBox_", qi = ({ type: e, email: t, redirectPath: n, re
           };
           break;
         case "verify":
-          h += "emailUnverified", g = "error", y = {
+          h += "emailUnverified", g = "error", b = {
             href: "#",
             "data-gtm-event-context": "VerifyEmailBox",
             "data-gtm-event-type": "SendEmailClick",
             className: "gtm-trackable",
-            onClick: (v) => l(v),
+            onClick: (y) => l(y),
             "data-testid": "send-verify-email-click"
           };
           break;
         case "exists":
-          h += "emailAlreadyExists", g = "error", y = {
+          h += "emailAlreadyExists", g = "error", b = {
             href: "/user-onboarding/login",
             "data-gtm-event-context": "EmailExistsBox",
             "data-gtm-event-type": "login-click"
@@ -3450,14 +3450,14 @@ const Je = "emailHelperTextBox_", qi = ({ type: e, email: t, redirectPath: n, re
           };
           break;
         default:
-          h += "default", y = {
+          h += "default", b = {
             href: "https://about.apolitical.co/who-can-join-the-community",
             "data-gtm-event-context": "DefaultEmailHelperTextBox",
             "data-gtm-event-type": "LearnMoreClick"
           };
           break;
       }
-      o({ ...i, path: h, type: g, link: y, mail: k });
+      o({ ...i, path: h, type: g, link: b, mail: k });
     },
     /* eslint-disable react-hooks/exhaustive-deps */
     [e]
@@ -3492,7 +3492,7 @@ const Xe = "passwordRules_", ra = "isMoreThanEightCharacters", sa = "includesNum
   [sa]: "numberSymbol",
   [ia]: "lowercaseUppercase"
 }, fs = ({ matchingRules: e = { isMoreThanEightCharacters: !1, includesNumberAndSymbol: !1, includesLowerAndUppercase: !1 }, className: t = "" }) => {
-  const n = P();
+  const n = A();
   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: w({ matches: e[r] }), children: [
@@ -3518,40 +3518,40 @@ const Ui = ({
   className: i = "",
   hasLoaded: o = !1
 }) => {
-  const c = P(), [m, l] = D({ setUp: !1, id: null, rating: null, disabled: !0 }), f = async () => {
+  const c = A(), [m, l] = D({ setUp: !1, id: null, rating: null, disabled: !0 }), f = async () => {
     try {
-      const v = await n();
-      l((_) => ({ ..._, setUp: !0, id: v && v.id, disabled: !1 }));
-    } catch (v) {
-      l((_) => ({ ..._, setUp: !0, disabled: !0 })), s(v);
+      const y = await n();
+      l((_) => ({ ..._, setUp: !0, id: y && y.id, disabled: !1 }));
+    } catch (y) {
+      l((_) => ({ ..._, setUp: !0, disabled: !0 })), s(y);
     }
   };
   if (G(() => {
     o && !m.setUp && f();
   }, [o]), !o)
     return /* @__PURE__ */ a.jsx(_e, { className: "rating-placeholder" });
-  const { id: d, rating: p, disabled: h } = m, g = "ratings_", y = {
+  const { id: d, rating: p, disabled: h } = m, g = "ratings_", b = {
     text: c.formatMessage({ id: `${g}text` }),
     low: c.formatMessage({ id: `${g}low` }),
     high: c.formatMessage({ id: `${g}high` }),
     success: c.formatMessage({ id: `${g}success` }),
     ...e
-  }, k = async (v) => {
+  }, k = async (y) => {
     if (!(!d || h))
       try {
-        l((_) => ({ ..._, rating: v, disabled: !0 })), await r({ id: d, value: v });
+        l((_) => ({ ..._, rating: y, disabled: !0 })), await r({ id: d, value: y });
       } catch (_) {
-        l((b) => ({ ...b, rating: null })), s(_);
+        l((v) => ({ ...v, rating: null })), s(_);
       } finally {
         l((_) => ({ ..._, disabled: !1 }));
       }
   };
   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 _ = v + 1;
+    /* @__PURE__ */ a.jsx("span", { className: "label", children: b[p ? "success" : "text"] }),
+    /* @__PURE__ */ a.jsx("ol", { children: Array.from(new Array(t).keys()).map((y) => {
+      const _ = y + 1;
       return /* @__PURE__ */ a.jsx("li", { className: w({ selected: p && _ <= p }), children: /* @__PURE__ */ a.jsx(
-        q,
+        B,
         {
           variant: "tertiary",
           size: "small",
@@ -3559,9 +3559,9 @@ const Ui = ({
           screenreaderText: `${c.formatMessage(
             { id: `${g}stars` },
             { number: _, total: t }
-          )}${_ === 1 || _ === t ? ` - ${y[_ === 1 ? "low" : "high"]}` : ""}`,
-          onClick: (b) => {
-            b.preventDefault(), b.stopPropagation(), k(_);
+          )}${_ === 1 || _ === t ? ` - ${b[_ === 1 ? "low" : "high"]}` : ""}`,
+          onClick: (v) => {
+            v.preventDefault(), v.stopPropagation(), k(_);
           },
           disabled: h
         }
@@ -3577,7 +3577,7 @@ const ps = ({
   gtmContext: s = "search-bar",
   gtmEvent: i = "form-submission"
 }) => {
-  const { searchIsOpen: o = !0, isDesktopVersion: c = !1 } = n || {}, m = P(), l = te(null);
+  const { searchIsOpen: o = !0, isDesktopVersion: c = !1 } = n || {}, m = A(), l = ne(null);
   Pe(() => {
     !n || c || !o || l.current && l.current.focus();
   }, [o]);
@@ -3635,26 +3635,26 @@ const hs = ({
   initialFormStatus: l = "NOT_SUBMITTED"
   /* NOT_SUBMITTED */
 }) => {
-  const [f, d] = D([]), [p, h] = D(!0), [g, y] = D(l), { formatMessage: k } = P(), v = async (j) => {
+  const [f, d] = D([]), [p, h] = D(!0), [g, b] = D(l), { formatMessage: k } = A(), y = async (j) => {
     j.preventDefault();
     try {
-      await m(f), d([]), y(
+      await m(f), d([]), b(
         "SUCCESS"
         /* SUCCESS */
       );
-    } catch (S) {
-      y(
+    } catch ($) {
+      b(
         "ERROR"
         /* ERROR */
-      ), c(S);
+      ), c($);
     }
   }, _ = (j) => {
-    j.preventDefault(), y(
+    j.preventDefault(), b(
       "NOT_SUBMITTED"
       /* NOT_SUBMITTED */
     ), h(!0), d([]);
-  }, b = (j) => {
-    j.preventDefault(), o(), y(
+  }, v = (j) => {
+    j.preventDefault(), o(), b(
       "CLOSED"
       /* CLOSED */
     );
@@ -3666,14 +3666,14 @@ const hs = ({
     ] }) }),
     /* @__PURE__ */ a.jsx(Te, {}),
     /* @__PURE__ */ a.jsx("div", { className: "footer", children: g === "SUCCESS" ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-      /* @__PURE__ */ a.jsx(q, { variant: "secondary", onClick: _, children: k({ id: "inviteForm_ctaSendMoreInvites" }) }),
-      /* @__PURE__ */ a.jsx(q, { onClick: b, children: k({ id: "inviteForm_ctaDone" }) })
-    ] }) : /* @__PURE__ */ a.jsx(q, { onClick: _, children: k({ id: "inviteForm_ctaTryAgain" }) }) })
+      /* @__PURE__ */ a.jsx(B, { variant: "secondary", onClick: _, children: k({ id: "inviteForm_ctaSendMoreInvites" }) }),
+      /* @__PURE__ */ a.jsx(B, { onClick: v, children: k({ id: "inviteForm_ctaDone" }) })
+    ] }) : /* @__PURE__ */ a.jsx(B, { onClick: _, children: k({ id: "inviteForm_ctaTryAgain" }) }) })
   ] }) : /* @__PURE__ */ a.jsx("div", { className: "invite-form-wrapper", children: /* @__PURE__ */ a.jsxs(
     "form",
     {
       style: { backgroundColor: i },
-      onSubmit: v,
+      onSubmit: y,
       className: w("invite-form gtm-trackable"),
       children: [
         /* @__PURE__ */ a.jsxs("fieldset", { className: "content", children: [
@@ -3690,31 +3690,31 @@ const hs = ({
                 d(j), h(!j.length);
               },
               autoFocus: !1,
-              getLabel: (j, S, C) => /* @__PURE__ */ a.jsxs("div", { className: "email text-medium", children: [
+              getLabel: (j, $, C) => /* @__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: () => {
-                      C(S), h(!f.length);
+                      C($), h(!f.length);
                     },
                     className: "remove-email-button",
                     screenreaderText: k({ id: "overlay_close" })
                   }
                 )
-              ] }, S)
+              ] }, $)
             }
           )
         ] }),
         /* @__PURE__ */ a.jsx(Te, {}),
-        /* @__PURE__ */ a.jsx("fieldset", { className: "footer", children: /* @__PURE__ */ a.jsx(q, { className: "sendEmailsButton", disabled: p, children: n }) })
+        /* @__PURE__ */ a.jsx("fieldset", { className: "footer", children: /* @__PURE__ */ a.jsx(B, { className: "sendEmailsButton", disabled: p, children: n }) })
       ]
     }
   ) });
-}, z = {
+}, U = {
   timeouts: {},
   handlerCalled: {},
   getIsDesktopVersion: (e, t) => {
@@ -3737,9 +3737,9 @@ const hs = ({
     if (n[e] === t || e === "account" && t === !1 && n.navigation === !0)
       return;
     const s = Date.now();
-    if (!t && z.handlerCalled[e] && s - z.handlerCalled[e] < 500)
+    if (!t && U.handlerCalled[e] && s - U.handlerCalled[e] < 500)
       return;
-    z.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 });
@@ -3764,7 +3764,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 ? z.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)
@@ -3778,20 +3778,20 @@ const hs = ({
     switch (e) {
       case "navigation":
         if (n) {
-          const m = z.findFirstChild(
+          const m = U.findFirstChild(
             t.current.children,
             "attributes.aria-controls",
             "navigation"
           );
-          o = z.findFirstChild(m.children, "href");
+          o = U.findFirstChild(m.children, "href");
         } else
-          o = z.findFirstChild(t.current.children, "href");
+          o = U.findFirstChild(t.current.children, "href");
         o || (o = t.current);
         break;
       case "account":
-        if (c = z.findFirstChild(t.current.children, "className", "account"), !c || !c.children)
+        if (c = U.findFirstChild(t.current.children, "className", "account"), !c || !c.children)
           return;
-        o = z.findFirstChild(c.children, "href");
+        o = U.findFirstChild(c.children, "href");
         break;
       default:
         return;
@@ -3800,16 +3800,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(z.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(z.timeouts[e]);
+      clearTimeout(U.timeouts[e]);
     },
     onMouseEnter: ({ id: e, callback: t }) => {
-      clearTimeout(z.timeouts[e]), t(e, !0);
+      clearTimeout(U.timeouts[e]), t(e, !0);
     },
     onBlur: ({ id: e, callback: t }) => {
-      z.timeouts[e] = setTimeout(() => {
+      U.timeouts[e] = setTimeout(() => {
         t(e, !1);
       }, 250);
     }
@@ -3898,7 +3898,7 @@ const hs = ({
   },
   doTrack: i = null
 }) => {
-  const o = P(), c = In(ct, e);
+  const o = A(), c = In(ct, e);
   if (!c || c.onlyShow && (c.onlyShow === "logged-in" && !t || c.onlyShow === "logged-out" && t))
     return null;
   const m = "doTrack" in c, l = i === null ? m ? c.doTrack : !0 : i, f = e.includes("buttons.");
@@ -3908,8 +3908,8 @@ const hs = ({
   if (c.href) {
     let _ = c.gtmType || `${e}-click`;
     if (_.includes(".")) {
-      const b = _.split("."), j = b[b.length - 2];
-      _ = `${j === "topics" ? `${j}-` : ""}${b[b.length - 1]}`;
+      const v = _.split("."), j = v[v.length - 2];
+      _ = `${j === "topics" ? `${j}-` : ""}${v[v.length - 1]}`;
     }
     p = {
       href: c.href,
@@ -3926,37 +3926,37 @@ const hs = ({
       ...c.props || {}
     });
   }
-  const h = c.order && c.order[0] && c[c.order[0]], g = h && c[c.order[0]].order, y = p && window.location.pathname === c.href;
-  let k = {}, v = {};
+  const h = c.order && c.order[0] && c[c.order[0]], g = h && c[c.order[0]].order, b = p && window.location.pathname === c.href;
+  let k = {}, y = {};
   if (h) {
-    const _ = c.menuId || e, b = {
-      onClick: (j) => z.events.onClick(j, { id: _, callback: s, isOpen: r[_] }),
-      onFocus: () => z.events.onFocus({ id: _ }),
-      onBlur: () => z.events.onBlur({ id: _, callback: s }),
-      onMouseLeave: () => z.events.onBlur({ id: _, callback: s }),
-      onMouseEnter: () => z.events.onMouseEnter({ id: _, callback: s })
+    const _ = c.menuId || e, v = {
+      onClick: (j) => U.events.onClick(j, { id: _, callback: s, isOpen: r[_] }),
+      onFocus: () => U.events.onFocus({ id: _ }),
+      onBlur: () => U.events.onBlur({ id: _, callback: s }),
+      onMouseLeave: () => U.events.onBlur({ id: _, callback: s }),
+      onMouseEnter: () => U.events.onMouseEnter({ id: _, callback: s })
     };
     n && (g && (k = {
-      ...b,
+      ...v,
       onKeyPress: (j) => {
-        j.key === "Enter" && z.events.onClick(j, { id: _, callback: s, isOpen: r[_] });
+        j.key === "Enter" && U.events.onClick(j, { id: _, callback: s, isOpen: r[_] });
       },
       tabIndex: "0",
       // Add a `tabIndex` so keyboard users can focus on the `li`
       "aria-haspopup": !0,
       "aria-expanded": r[_],
       "aria-controls": _
-    }), v = { hidden: _ in r ? !r[_] : !0 }), g || (v = {
-      ...v,
-      ...b
+    }), y = { hidden: _ in r ? !r[_] : !0 }), g || (y = {
+      ...y,
+      ...v
     });
   }
-  return /* @__PURE__ */ a.jsxs("li", { className: w({ [c.className]: c.className, "has-submenu": h, parent: g, active: y }), role: "none", ...k, children: [
-    p ? A.createElement(f ? q : "a", p, o.formatMessage({ id: d })) : o.formatMessage({ id: d }),
-    c.order && /* @__PURE__ */ a.jsx("ul", { ...v, children: c.order.map((_) => {
+  return /* @__PURE__ */ a.jsxs("li", { className: w({ [c.className]: c.className, "has-submenu": h, parent: g, active: b }), role: "none", ...k, children: [
+    p ? F.createElement(f ? B : "a", p, o.formatMessage({ id: d })) : o.formatMessage({ id: d }),
+    c.order && /* @__PURE__ */ a.jsx("ul", { ...y, children: c.order.map((_) => {
       if (!c[_])
         return null;
-      const b = {
+      const v = {
         isLoggedIn: t,
         isDesktopVersion: n,
         menus: r,
@@ -3965,14 +3965,14 @@ const hs = ({
       };
       return c[_].order ? /* @__PURE__ */ a.jsxs("li", { className: w({ [c[_].className]: c[_].className }), children: [
         o.formatMessage({ id: `${d}_${_}` }),
-        /* @__PURE__ */ a.jsx("ul", { children: c[_].order.map((j) => /* @__PURE__ */ a.jsx(lt, { id: `${e}.${_}.${j}`, ...b }, j)) })
-      ] }, _) : /* @__PURE__ */ a.jsx(lt, { id: `${e}.${_}`, ...b }, _);
+        /* @__PURE__ */ a.jsx("ul", { children: c[_].order.map((j) => /* @__PURE__ */ a.jsx(lt, { id: `${e}.${_}.${j}`, ...v }, j)) })
+      ] }, _) : /* @__PURE__ */ a.jsx(lt, { id: `${e}.${_}`, ...v }, _);
     }) })
   ] }, e);
 };
 const gs = { height: 67, height_desktop: 83 }, oa = ({ showNavigation: e = !0 }) => {
-  const t = P(), n = ge(ke), r = He(!0, !0), s = n && typeof n.id == "string", i = ft(
-    () => z.getIsDesktopVersion(s, r),
+  const t = A(), 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,
@@ -3986,18 +3986,18 @@ const gs = { height: 67, height_desktop: 83 }, oa = ({ showNavigation: e = !0 })
     scrollPosition: gs[`height${i.navigation ? "_desktop" : ""}`],
     callbacks: {
       scrollUp: () => {
-        !i && l.navigation || z.shouldChangeHeaderIsVisible(!0, l, c);
+        !i && l.navigation || U.shouldChangeHeaderIsVisible(!0, l, c);
       },
       scrollDown: () => {
-        !i && l.navigation || z.shouldChangeHeaderIsVisible(!1, l, c);
+        !i && l.navigation || U.shouldChangeHeaderIsVisible(!1, l, c);
       }
     }
   });
   const d = (h, g) => {
-    z.handleMenus({ id: h, value: g, menus: l, dispatch: c });
-  }, p = te(null);
+    U.handleMenus({ id: h, value: g, menus: l, dispatch: c });
+  }, p = ne(null);
   return Pe(() => {
-    l.navigation && z.autoFocus({
+    l.navigation && U.autoFocus({
       menu: "navigation",
       navigationRef: p,
       isDesktopVersion: i.navigation,
@@ -4005,7 +4005,7 @@ const gs = { height: 67, height_desktop: 83 }, oa = ({ showNavigation: e = !0 })
       dispatch: c
     });
   }, [l.navigation]), Pe(() => {
-    l.account && z.autoFocus({
+    l.account && U.autoFocus({
       menu: "account",
       navigationRef: p,
       isDesktopVersion: i.navigation,
@@ -4107,13 +4107,13 @@ const gs = { height: 67, height_desktop: 83 }, oa = ({ showNavigation: e = !0 })
               "button",
               {
                 className: "account-button",
-                onClick: (h) => z.events.onClick(h, {
+                onClick: (h) => U.events.onClick(h, {
                   id: "account",
                   callback: d,
                   isOpen: l.account
                 }),
-                onMouseEnter: () => z.events.onMouseEnter({ id: "account", callback: d }),
-                onMouseLeave: () => z.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",
@@ -4146,7 +4146,7 @@ const gs = { height: 67, height_desktop: 83 }, oa = ({ showNavigation: e = !0 })
     )
   ] });
 };
-const ca = ({ element: e = "section", children: t, className: n, ...r }) => A.createElement(
+const ca = ({ element: e = "section", children: t, className: n, ...r }) => F.createElement(
   e,
   {
     className: w("modal", n),
@@ -4169,11 +4169,11 @@ const la = ({
   className: f = "",
   gtmContext: d = "Modal"
 }) => {
-  const p = P(), [h, g] = D(t), y = (v) => {
-    g(v), v ? (s(), document.body.classList.add("has-overlay")) : (i(), document.body.classList.remove("has-overlay"));
+  const p = A(), [h, g] = D(t), b = (y) => {
+    g(y), y ? (s(), document.body.classList.add("has-overlay")) : (i(), document.body.classList.remove("has-overlay"));
   };
   G(() => {
-    y(t);
+    b(t);
   }, [t]);
   const k = r ? { "--max-width": `${r / 16}rem` } : {};
   return /* @__PURE__ */ a.jsx("div", { className: w("overlay", { open: h }), children: /* @__PURE__ */ a.jsx(
@@ -4187,12 +4187,12 @@ const la = ({
         /* @__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: () => y(!1),
+              onClick: () => b(!1),
               className: "gtm-trackable",
               "data-gtm-event-type": "close-modal-click",
               "data-gtm-event-context": d,
@@ -4250,7 +4250,7 @@ const zi = ({
   }
 );
 const bs = () => {
-  const e = P();
+  const e = A();
   return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsx(oa, {}),
     /* @__PURE__ */ a.jsx("div", { id: "content", children: /* @__PURE__ */ a.jsx(
@@ -4275,21 +4275,21 @@ const bs = () => {
   G(() => {
     window.scrollTo(0, 0);
   }, [h]);
-  const g = at(e, { locale: c }), y = at(t, {
+  const g = at(e, { locale: c }), b = at(t, {
     locale: c
   }), k = at(n, {
     locale: c
-  }), 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(
+  }), y = {};
+  return f !== "default" && (y[f] = !0), d !== "default" && (y[d] = !0), p !== "default" && (y[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: w(o, v, { "has-footer": l }),
+      className: w(o, y, { "has-footer": l }),
       children: [
         /* @__PURE__ */ a.jsx(oa, { showNavigation: m }),
         /* @__PURE__ */ a.jsxs("section", { id: "content-wrapper", children: [
-          y && /* @__PURE__ */ a.jsx("div", { className: "additional-content prepended", children: y }),
-          A.createElement(f === "bold" ? ca : "div", {
+          b && /* @__PURE__ */ a.jsx("div", { className: "additional-content prepended", children: b }),
+          F.createElement(f === "bold" ? ca : "div", {
             id: "content",
             children: g
           })
@@ -4340,7 +4340,7 @@ const Wi = ({
   gtmType: i = "tag-click",
   gtmContext: o = "tags"
 }) => {
-  const c = P();
+  const c = A();
   if (!e || e.length < 1)
     return null;
   const m = [];
@@ -4372,7 +4372,7 @@ const Vi = ({
   gtmType: i = "member-click",
   className: o = ""
 }) => {
-  const c = P();
+  const c = A();
   return e.length === 0 ? null : /* @__PURE__ */ a.jsxs("div", { className: w("members-list", o), children: [
     /* @__PURE__ */ a.jsxs("h1", { children: [
       c.formatMessage({ id: "membersList" }),
@@ -4394,7 +4394,7 @@ const Vi = ({
   ] });
 };
 let et = null;
-const de = "discussion_form_", en = ({
+const le = "discussion_form_", en = ({
   content: e = { type: "response", slugs: {} },
   userHasPermissions: t = !0,
   meta: n = {
@@ -4425,11 +4425,11 @@ const de = "discussion_form_", en = ({
   },
   gtmContext: m = "DiscussionForm"
 }) => {
-  var M, T, E;
-  const l = P(), f = ge(ke), [d, p] = D(
+  var S, M, E;
+  const l = A(), f = ge(ke), [d, p] = D(
     n.isEditing && n.isEditing.text || ""
-  ), [h, g] = D(o.error || !1), [y, k] = D(!1), v = te(null);
-  if (r || (r = v), n.isLoading)
+  ), [h, g] = D(o.error || !1), [b, k] = D(!1), y = ne(null);
+  if (r || (r = y), n.isLoading)
     return /* @__PURE__ */ a.jsx(
       _e,
       {
@@ -4437,85 +4437,85 @@ const de = "discussion_form_", en = ({
         "data-testid": "loading-placeholder"
       }
     );
-  const _ = (O) => {
-    const H = O.target.value;
-    p(H);
-    let U;
-    !f || !f.id ? U = be(
+  const _ = (N) => {
+    const q = N.target.value;
+    p(q);
+    let H;
+    !f || !f.id ? H = be(
       l.formatMessage,
-      `${de}error_loggedOut`,
+      `${le}error_loggedOut`,
       e.type,
       "action"
-    ) : t ? H.length >= s && (U = `${de}error_tooLong`) : U = be(
+    ) : t ? q.length >= s && (H = `${le}error_tooLong`) : H = be(
       l.formatMessage,
-      `${de}error_noPermission`,
+      `${le}error_noPermission`,
       e.type,
       "action"
-    ), U ? g(U) : h && g(!1);
+    ), H ? g(H) : h && g(!1);
   };
-  let b = `${e.type}-form`;
+  let v = `${e.type}-form`;
   if (e.type === "response" || e.type === "reply") {
-    const O = ((M = e.slugs) == null ? void 0 : M.reply) || ((T = e.slugs) == null ? void 0 : T.answer) || ((E = e.slugs) == null ? void 0 : E.question) || "";
-    O && (b = `${b}-${O.slice(-15)}`);
+    const N = ((S = e.slugs) == null ? void 0 : S.reply) || ((M = e.slugs) == null ? void 0 : M.answer) || ((E = e.slugs) == null ? void 0 : E.question) || "";
+    N && (v = `${v}-${N.slice(-15)}`);
   }
-  const j = async (O) => {
-    var U;
-    if (O.preventDefault(), O.stopPropagation(), !f || !f.id || !t || C)
+  const j = async (N) => {
+    var H;
+    if (N.preventDefault(), N.stopPropagation(), !f || !f.id || !t || C)
       return;
     et && clearTimeout(et), k("submitting");
-    const H = window.location.pathname;
+    const q = window.location.pathname;
     try {
-      let W;
+      let Y;
       switch (e.type) {
         case "post":
-          W = await c.create({ content: d });
+          Y = await c.create({ content: d });
           break;
         case "question":
-          W = await c.create({
+          Y = await c.create({
             title: d,
             authorId: f && f.id,
-            ...(U = c.props) == null ? void 0 : U.create
+            ...(H = c.props) == null ? void 0 : H.create
           });
           break;
         case "response":
-          W = await c.create(
+          Y = await c.create(
             { question: e.slugs.question },
-            { body: d, authorId: f && f.id, contentPath: H }
+            { body: d, authorId: f && f.id, contentPath: q }
           );
           break;
         case "reply":
-          W = await c.create(
+          Y = await c.create(
             { question: e.slugs.question, answer: e.slugs.answer },
-            { body: d, authorId: f && f.id, contentPath: H }
+            { body: d, authorId: f && f.id, contentPath: q }
           );
           break;
         default:
           break;
       }
-      await xr(1e3), c.callback && await c.callback(W), et = setTimeout(() => {
-        p(""), k("submitted"), S();
+      await xr(1e3), c.callback && await c.callback(Y), et = setTimeout(() => {
+        p(""), k("submitted"), $();
       }, 500);
-    } catch (W) {
-      const Q = W;
-      let V = `${de}error`;
-      Q.message.includes("entry already exists") && (V = be(
+    } catch (Y) {
+      const Q = Y;
+      let z = `${le}error`;
+      Q.message.includes("entry already exists") && (z = be(
         l.formatMessage,
-        `${de}error_alreadyExists`,
+        `${le}error_alreadyExists`,
         e.type,
         "action"
-      )), Q.message.includes("429") ? V = be(
+      )), Q.message.includes("429") ? z = be(
         l.formatMessage,
-        `${de}error_tooMany`,
+        `${le}error_tooMany`,
         e.type,
         "action"
-      ) : Q.message.includes("400") && (V = `${de}error`), g(V), S();
+      ) : Q.message.includes("400") && (z = `${le}error`), g(z), $();
     }
-  }, S = () => {
+  }, $ = () => {
     et = setTimeout(() => {
       g(!1), k(!1);
     }, 5e3);
-  }, C = !d || !yr(d), I = y === "submitting", F = [];
-  return (n.isEditing && !I || o.cancel) && F.push({
+  }, C = !d || !yr(d), Z = b === "submitting", L = [];
+  return (n.isEditing && !Z || o.cancel) && L.push({
     variant: "secondary",
     size: { mobile: "small", 600: "medium" },
     onClick: c.handleCancel,
@@ -4523,37 +4523,37 @@ const de = "discussion_form_", en = ({
     "data-gtm-event-context": m,
     "data-gtm-event-type": `cancel-${e.type}-click`,
     disabled: !o.cancel && (!f || !f.id || !d),
-    children: l.formatMessage({ id: `${de}cancel` })
-  }), F.push({
+    children: l.formatMessage({ id: `${le}cancel` })
+  }), L.push({
     variant: "primary",
     size: { mobile: "small", 600: "medium" },
-    onClick: (O) => {
+    onClick: (N) => {
       if (n.isEditing) {
         k("submitting"), c.handleSaveEdit && c.handleSaveEdit(
-          v.current && "value" in v.current ? v.current.value : ""
+          y.current && "value" in y.current ? y.current.value : ""
         );
         return;
       }
-      j(O);
+      j(N);
     },
     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 || C || I || n.isEditing && d === n.isEditing.text,
+    disabled: !f || !f.id || !t || C || Z || n.isEditing && d === n.isEditing.text,
     children: l.formatMessage({
-      id: `${de}${I ? n.isEditing ? "saving" : "posting" : n.isEditing ? "save" : "post"}`
+      id: `${le}${Z ? n.isEditing ? "saving" : "posting" : n.isEditing ? "save" : "post"}`
     })
   }), /* @__PURE__ */ a.jsxs(
     "form",
     {
-      id: b,
+      id: v,
       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: be(l.formatMessage, `${de}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,
           {
@@ -4562,16 +4562,16 @@ const de = "discussion_form_", en = ({
             gtmType: "profile-click"
           }
         ),
-        /* @__PURE__ */ a.jsx(ae, { element: "label", showOnFocus: !1, htmlFor: `${b}-input`, children: be(l.formatMessage, `${de}label`, e.type, "action") }),
+        /* @__PURE__ */ a.jsx(ae, { element: "label", showOnFocus: !1, htmlFor: `${v}-input`, children: be(l.formatMessage, `${le}label`, e.type, "action") }),
         /* @__PURE__ */ a.jsx(
           Xa,
           {
             ref: r,
-            id: `${b}-input`,
+            id: `${v}-input`,
             name: e.type,
             placeholder: be(
               l.formatMessage,
-              `${de}placeholder`,
+              `${le}placeholder`,
               e.type,
               "action"
             ),
@@ -4584,8 +4584,8 @@ const de = "discussion_form_", en = ({
             autoFocus: !!n.isEditing
           }
         ),
-        /* @__PURE__ */ a.jsx("small", { children: be(l.formatMessage, `${de}explainer`, e.type, "action", {
-          a: (O) => /* @__PURE__ */ a.jsx(
+        /* @__PURE__ */ a.jsx("small", { children: be(l.formatMessage, `${le}explainer`, e.type, "action", {
+          a: (N) => /* @__PURE__ */ a.jsx(
             "a",
             {
               href: "https://about.apolitical.co/q-and-a-community-guidelines",
@@ -4594,12 +4594,12 @@ const de = "discussion_form_", en = ({
               "data-gtm-event-context": m,
               "data-gtm-event-type": "community-guidelines-link",
               rel: "noreferrer",
-              children: O
+              children: N
             }
           )
         }) }),
-        /* @__PURE__ */ a.jsx(ht, { buttons: F }),
-        y === "submitted" && /* @__PURE__ */ a.jsx(Vt, { className: "success", "data-testid": "success", children: be(l.formatMessage, `${de}success`, e.type, "action") }),
+        /* @__PURE__ */ a.jsx(ht, { buttons: L }),
+        b === "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 },
           {
@@ -4666,12 +4666,12 @@ const Bt = () => {
   }, deleteLike: m = () => {
   } } = {}
 }) => {
-  const l = P();
+  const l = A();
   G(() => {
     h(s);
   }, [s]);
-  const [f, d] = D(t), [p, h] = D(s), [g, y] = D(!1), [k, v] = D(!1), _ = ft(() => ws(n, Zt), [n]), b = (S) => {
-    if (S.preventDefault(), S.stopPropagation(), v(!1), Ze)
+  const [f, d] = D(t), [p, h] = D(s), [g, b] = D(!1), [k, y] = D(!1), _ = ft(() => ws(n, Zt), [n]), v = ($) => {
+    if ($.preventDefault(), $.stopPropagation(), y(!1), Ze)
       return Bt(), !1;
     if (Bt(), g || !o)
       return !1;
@@ -4679,8 +4679,8 @@ const Bt = () => {
   }, j = async () => {
     if (Bt(), g || !o)
       return !1;
-    let S = p ? f - 1 : f + 1;
-    S < 0 && (S = 0), y(!0), d(S), h(!p);
+    let $ = p ? f - 1 : f + 1;
+    $ < 0 && ($ = 0), b(!0), d($), h(!p);
     try {
       if (i && i.slugs) {
         const C = js(i.slugs);
@@ -4689,29 +4689,29 @@ const Bt = () => {
     } catch {
       d(t), h(s);
     } finally {
-      y(!1);
+      b(!1);
     }
   };
-  return A.createElement(
+  return F.createElement(
     e,
     {
       className: w("likes-wrapper text-medium action-button", { "show-spinner": g, "is-liked": p, disabled: !o }),
-      onClick: b,
+      onClick: v,
       onMouseEnter: () => {
-        v(!0);
+        y(!0);
       },
       onMouseLeave: () => {
-        v(!1);
+        y(!1);
       },
       onFocus: () => {
-        v(!0);
+        y(!0);
       },
       onBlur: () => {
-        v(!1);
+        y(!1);
       },
       children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
         /* @__PURE__ */ a.jsx(
-          q,
+          B,
           {
             variant: "tertiary",
             size: "medium",
@@ -4720,7 +4720,7 @@ const Bt = () => {
             screenreaderText: o ? l.formatMessage({
               id: `discussion_likes_${p ? "unlike" : "like"}`
             }, { action: l.formatMessage({ id: `discussion_action_${i.type}` }) }) : !1,
-            onClick: b,
+            onClick: v,
             disabled: !o,
             "aria-hidden": !o,
             "data-testid": "like-button",
@@ -4730,16 +4730,16 @@ const Bt = () => {
         ),
         /* @__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: [
-          _.map((S) => typeof S == "string" || !S.name ? null : /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
+          _.map(($) => typeof $ == "string" || !$.name ? null : /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
             gt,
             {
-              href: S.id ? `/profiles/${S.id}` : void 0,
+              href: $.id ? `/profiles/${$.id}` : void 0,
               gtmContext: "Likes",
               gtmType: "liked-name-click",
               onClick: (C) => C == null ? void 0 : C.stopPropagation(),
-              children: S.name
+              children: $.name
             }
-          ) }, S.id || window.btoa(S.name))),
+          ) }, $.id || window.btoa($.name))),
           n.length > Zt && /* @__PURE__ */ a.jsx("li", { children: l.formatMessage({ id: "discussion_likes_more" }, { number: n.length - Zt }) })
         ] }) })
       ] })
@@ -4776,53 +4776,53 @@ const ve = "discussion_", $s = 280, kt = ({
   links: p = {},
   className: h,
   gtmContext: g = "DiscussionAnswer",
-  children: y,
+  children: b,
   isTruncated: k = !1
 }) => {
-  const v = P(), _ = ge(ke), b = ge(vt), [j, S] = D({
+  const y = A(), _ = ge(ke), v = ge(vt), [j, $] = D({
     body: t && t.body || "",
     isEditing: !1,
     didEdit: t && t.isEdited || !1
-  }), [C, I] = D(!1), [F, M] = D("");
+  }), [C, Z] = D(!1), [L, S] = D("");
   if (G(() => {
-    S({
+    $({
       ...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(_e, { className: "discussion-card discussion-post" });
-  const { author: T, canLike: E, createdAt: O, id: H, likes: U = 0, userLiked: W, comments: Q = 0 } = t, V = k ? Ne(j.body, $s) : j.body, ee = _ && _.id && typeof T != "string" && T.id && T.id === _.id || !1, re = typeof E == "boolean" ? E : n ? !ee : !1, se = async (Z) => {
-    Z || (Z = ""), M("");
+  const { author: M, canLike: E, createdAt: N, id: q, likes: H = 0, userLiked: Y, comments: Q = 0 } = t, z = k ? Ne(j.body, $s) : j.body, te = _ && _.id && typeof M != "string" && M.id && M.id === _.id || !1, re = typeof E == "boolean" ? E : n ? !te : !1, J = async (W) => {
+    W || (W = ""), S("");
     try {
-      if (!er(Z, j.body)) {
-        const ue = t.type === "question" ? { title: Z } : { body: Z };
+      if (!er(W, j.body)) {
+        const ue = t.type === "question" ? { title: W } : { body: W };
         await m(Sn(t.slugs), ue);
       }
-      S({ body: Z, isEditing: !1, didEdit: !0 });
+      $({ body: W, isEditing: !1, didEdit: !0 });
     } catch {
-      M(`${ve}form_error`);
+      S(`${ve}form_error`);
     }
-  }, ne = () => {
-    b && b.updateConversation && b.updateConversation({ showThread: !0, showForm: !0 }), setTimeout(() => {
+  }, ie = () => {
+    v && v.updateConversation && v.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)}`, K = document.getElementById(ue), ie = document.getElementById(`${ue}-input`);
-      ie && ie.focus(), K && K.scrollIntoView({ behavior: "smooth" });
+      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)}`, K = document.getElementById(ue), se = document.getElementById(`${ue}-input`);
+      se && se.focus(), K && K.scrollIntoView({ behavior: "smooth" });
     }, 0);
-  }, oe = () => {
-    I(!1);
+  }, de = () => {
+    Z(!1);
     try {
       c(Sn(t.slugs));
     } catch {
-      M("delete-error");
+      S("delete-error");
     }
-  }, le = [
+  }, ce = [
     {
-      text: v.formatMessage({ id: `${ve}moreMenu_report` }),
+      text: y.formatMessage({ id: `${ve}moreMenu_report` }),
       href: `mailto:community@apolitical.co?subject=${encodeURI(
-        v.formatMessage({ id: `${ve}report_subject` })
+        y.formatMessage({ id: `${ve}report_subject` })
       )}&body=${encodeURI(
-        v.formatMessage(
+        y.formatMessage(
           { id: `${ve}report_body` },
           {
             contentType: t.type || "",
@@ -4834,19 +4834,19 @@ const ve = "discussion_", $s = 280, kt = ({
       icon: "flag"
     }
   ];
-  return n && ee && le.push(
+  return n && te && ce.push(
     {
-      text: v.formatMessage({ id: `${ve}moreMenu_edit` }),
-      onClick: () => S({ ...j, isEditing: !0 }),
+      text: y.formatMessage({ id: `${ve}moreMenu_edit` }),
+      onClick: () => $({ ...j, isEditing: !0 }),
       icon: "pencil-paper",
       className: "gtm-trackable",
       "data-gtm-event-context": g,
       "data-gtm-event-type": `edit-${t.type}-click`
     },
     {
-      text: v.formatMessage({ id: `${ve}moreMenu_delete` }),
-      onClick: (Z) => {
-        Z.preventDefault(), Z.stopPropagation(), I(!0);
+      text: y.formatMessage({ id: `${ve}moreMenu_delete` }),
+      onClick: (W) => {
+        W.preventDefault(), W.stopPropagation(), Z(!0);
       },
       icon: "trash",
       className: "gtm-trackable",
@@ -4854,28 +4854,28 @@ const ve = "discussion_", $s = 280, kt = ({
       "data-gtm-event-type": `delete-${t.type}-click`,
       ..._s(`delete-${t.slug}-modal`, C)
     }
-  ), A.createElement(e, {
+  ), F.createElement(e, {
     className: w("discussion-post", h),
     "data-testid": `discussion-${t.type}-thread`,
     children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
       /* @__PURE__ */ a.jsxs(
         "div",
         {
-          id: H || t.slug,
+          id: q || t.slug,
           className: w("discussion-card", t.type, {
             editing: j.isEditing,
             "has-link": p.post && !j.isEditing
           }),
-          onClick: (Z) => {
-            !p.post || j.isEditing || (Z.preventDefault(), Z.stopPropagation(), window.location.href = p.post);
+          onClick: (W) => {
+            !p.post || j.isEditing || (W.preventDefault(), W.stopPropagation(), window.location.href = p.post);
           },
           children: [
             !j.isEditing && /* @__PURE__ */ a.jsx(
               Xt,
               {
-                member: T,
-                additionalContent: { createdAt: O, didEdit: j.didEdit },
-                className: typeof T != "string" && T.id === s ? "highlighted" : "",
+                member: M,
+                additionalContent: { createdAt: N, didEdit: j.didEdit },
+                className: typeof M != "string" && M.id === s ? "highlighted" : "",
                 gtmContext: g,
                 gtmType: "profile-click"
               }
@@ -4892,10 +4892,10 @@ const ve = "discussion_", $s = 280, kt = ({
                 },
                 maxLength: t.type === "question" ? 250 : 5e4,
                 forceShow: {
-                  error: F !== "" && F !== "delete-error" ? v.formatMessage(
-                    { id: F },
+                  error: L !== "" && L !== "delete-error" ? y.formatMessage(
+                    { id: L },
                     {
-                      action: v.formatMessage({
+                      action: y.formatMessage({
                         id: `discussion_action_${t.type}`
                       })
                     }
@@ -4903,9 +4903,9 @@ const ve = "discussion_", $s = 280, kt = ({
                 },
                 functions: {
                   create: o,
-                  handleSaveEdit: se,
+                  handleSaveEdit: J,
                   handleCancel: () => {
-                    M(""), S({ ...j, isEditing: !1 });
+                    S(""), $({ ...j, isEditing: !1 });
                   }
                 },
                 gtmContext: `${g}Form`
@@ -4917,18 +4917,18 @@ const ve = "discussion_", $s = 280, kt = ({
                 className: "gtm-trackable",
                 "data-gtm-event-context": g,
                 "data-gtm-event-type": "title-click",
-                children: /* @__PURE__ */ a.jsx(jn, { options: { overrides: { a: Zr } }, children: V })
+                children: /* @__PURE__ */ a.jsx(jn, { options: { overrides: { a: Zr } }, children: z })
               }
             ) : /* @__PURE__ */ a.jsx(
               jn,
               {
                 options: {
-                  wrapper: t.type === "question" ? "h1" : A.Fragment,
+                  wrapper: t.type === "question" ? "h1" : F.Fragment,
                   forceWrapper: t.type === "question",
                   forceInline: t.type === "question",
                   forceBlock: t.type !== "question"
                 },
-                children: V
+                children: z
               }
             ),
             !j.isEditing && /* @__PURE__ */ a.jsxs(
@@ -4941,9 +4941,9 @@ const ve = "discussion_", $s = 280, kt = ({
                     Ts,
                     {
                       element: "li",
-                      likes: U,
+                      likes: H,
                       isShort: !1,
-                      userLiked: W,
+                      userLiked: Y,
                       content: { type: t.type, slugs: t.slugs },
                       canLike: re,
                       peopleWhoLiked: t.peopleWhoLiked,
@@ -4957,12 +4957,12 @@ const ve = "discussion_", $s = 280, kt = ({
                     "li",
                     {
                       className: "action-button",
-                      onClick: (Z) => {
-                        Z.preventDefault(), Z.stopPropagation(), p.comments && (window.location.href = p.comments), typeof d == "function" && d();
+                      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",
@@ -4973,13 +4973,13 @@ const ve = "discussion_", $s = 280, kt = ({
                             className: "gtm-trackable",
                             "data-gtm-event-context": g,
                             "data-gtm-event-type": `answer-${t.type}-click`,
-                            screenreaderText: v.formatMessage(
+                            screenreaderText: y.formatMessage(
                               { id: `${ve}comments_screenReader` },
                               { count: Q }
                             )
                           }
                         ),
-                        /* @__PURE__ */ a.jsx("span", { children: v.formatMessage(
+                        /* @__PURE__ */ a.jsx("span", { children: y.formatMessage(
                           { id: `${ve}comments` },
                           { count: Q }
                         ) })
@@ -4987,13 +4987,13 @@ const ve = "discussion_", $s = 280, kt = ({
                     }
                   ),
                   (t.type === "answer" || t.type === "reply") && /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
-                    q,
+                    B,
                     {
                       variant: "tertiary",
                       size: "medium",
                       styling: { muted: !0 },
-                      onClick: ne,
-                      children: v.formatMessage({ id: `${ve}reply` })
+                      onClick: ie,
+                      children: y.formatMessage({ id: `${ve}reply` })
                     }
                   ) }),
                   /* @__PURE__ */ a.jsx(
@@ -5001,7 +5001,7 @@ const ve = "discussion_", $s = 280, kt = ({
                     {
                       element: "li",
                       id: `more-${t.slug}`,
-                      options: le
+                      options: ce
                     }
                   )
                 ]
@@ -5010,39 +5010,39 @@ const ve = "discussion_", $s = 280, kt = ({
           ]
         }
       ),
-      y,
+      b,
       /* @__PURE__ */ a.jsx(
         la,
         {
           id: `delete-${t.slug}-modal`,
           isOpen: C,
           functions: { onOpen: () => {
-          }, onClose: () => I(!1) },
+          }, onClose: () => Z(!1) },
           forceShow: {
-            error: F === "delete-error" ? v.formatMessage(
+            error: L === "delete-error" ? y.formatMessage(
               { id: "discussion_delete_error" },
               {
-                action: v.formatMessage({
+                action: y.formatMessage({
                   id: `discussion_action_${t.type}`
                 })
               }
             ) : !1
           },
-          title: v.formatMessage(
+          title: y.formatMessage(
             { id: "discussion_delete_title" },
-            { action: v.formatMessage({ id: `discussion_action_${t.type}` }) }
+            { action: y.formatMessage({ id: `discussion_action_${t.type}` }) }
           ),
           buttons: [
             {
               variant: "secondary",
-              onClick: () => I(!1),
-              children: v.formatMessage({ id: "discussion_delete_cancel" })
+              onClick: () => Z(!1),
+              children: y.formatMessage({ id: "discussion_delete_cancel" })
             },
             {
               variant: "primary",
               className: "destructive",
-              onClick: oe,
-              children: v.formatMessage({ id: "discussion_delete_delete" })
+              onClick: de,
+              children: y.formatMessage({ id: "discussion_delete_delete" })
             }
           ],
           gtmContext: `${t.type.charAt(0).toUpperCase()}${t.type.slice(1)}:${t.slug}`,
@@ -5051,8 +5051,8 @@ const ve = "discussion_", $s = 280, kt = ({
             {
               id: "discussion_delete_text",
               values: {
-                p: (Z) => /* @__PURE__ */ a.jsx("p", { children: Z }),
-                action: v.formatMessage({
+                p: (W) => /* @__PURE__ */ a.jsx("p", { children: W }),
+                action: y.formatMessage({
                   id: `discussion_action_${t.type}`
                 })
               }
@@ -5064,16 +5064,16 @@ const ve = "discussion_", $s = 280, kt = ({
   });
 };
 const qt = "discussion_responses_", Yi = ({ type: e = "answer", responses: t = 0 }) => {
-  const n = P();
+  const n = A();
   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: be(n.formatMessage, `${qt}empty`, e, e) })
   ] });
 };
 const Es = ({ count: e = "", showRepliesButton: t = !0, children: n }) => {
-  const r = P(), s = te(null), i = ge(vt), [o, c] = D(
-    "closed"
-    /* Closed */
+  const r = A(), s = ne(null), i = ge(vt), [o, c] = D(
+    "open"
+    /* Open */
   );
   G(() => {
     const d = s.current;
@@ -5107,7 +5107,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",
@@ -5464,7 +5464,7 @@ function Bs({
     },
     user: m,
     ...l
-  }, d = Is({ ...f, mutationFn: e }), p = Os({ ...f, mutationFn: t }), h = Zs({ ...f, mutationFn: n }), g = Hs({ ...f, mutationFn: s }), y = Us({ ...f, mutationFn: i }), { activities: k, ...v } = qs({ queryKey: o, queryFn: r });
+  }, d = Is({ ...f, mutationFn: e }), p = Os({ ...f, mutationFn: t }), h = Zs({ ...f, mutationFn: n }), g = Hs({ ...f, mutationFn: s }), b = Us({ ...f, mutationFn: i }), { activities: k, ...y } = qs({ queryKey: o, queryFn: r });
   return {
     activities: k,
     mutations: {
@@ -5472,10 +5472,10 @@ function Bs({
       edit: p,
       remove: g,
       like: h,
-      unlike: y
+      unlike: b
     },
     user: m,
-    ...v
+    ...y
   };
 }
 function Zs({
@@ -5595,7 +5595,7 @@ const Gi = ({
     leave: i
   }
 }) => {
-  const o = P(), {
+  const o = A(), {
     activities: c,
     error: m,
     fetchNextPage: l,
@@ -5605,10 +5605,10 @@ const Gi = ({
       create: p,
       edit: h,
       remove: g,
-      like: y,
+      like: b,
       unlike: k
     },
-    user: v
+    user: y
   } = Bs({
     queryKey: [e, t, "activities"],
     queryFns: r
@@ -5629,14 +5629,19 @@ const Gi = ({
       }
     ),
     c == null ? void 0 : c.map((_) => {
-      var O, H, U, W, Q, V, ee, re, se;
-      const { own_reactions: b, latest_reactions: j } = _, S = (((O = j == null ? void 0 : j.like) == null ? void 0 : O.length) || 0) > 0, C = (((H = b == null ? void 0 : b.like) == null ? void 0 : H.length) || 0) > 0, I = _ == null ? void 0 : _.id, F = C ? b == null ? void 0 : b.like[0].id : null, M = S ? (U = j == null ? void 0 : j.like) == null ? void 0 : U.map((ne) => {
-        var oe, le, Z;
+      var q, H, Y, Q, z, te, re;
+      const {
+        id: v,
+        own_reactions: j,
+        latest_reactions: $,
+        reaction_counts: C
+      } = _, Z = (((q = $ == null ? void 0 : $.like) == null ? void 0 : q.length) || 0) > 0, L = (((H = j == null ? void 0 : j.like) == null ? void 0 : H.length) || 0) > 0, S = L ? j == null ? void 0 : j.like[0].id : null, M = Z ? (Y = $ == null ? void 0 : $.like) == null ? void 0 : Y.map((J) => {
+        var ie, de, ce;
         return {
-          id: (oe = ne == null ? void 0 : ne.user) == null ? void 0 : oe.id,
-          name: (Z = (le = ne == null ? void 0 : ne.user) == null ? void 0 : le.data) == null ? void 0 : Z.name
+          id: (ie = J == null ? void 0 : J.user) == null ? void 0 : ie.id,
+          name: (ce = (de = J == null ? void 0 : J.user) == null ? void 0 : de.data) == null ? void 0 : ce.name
         };
-      }) : !1, T = _ == null ? void 0 : _.actor, E = (T == null ? void 0 : T.id) === (v == null ? void 0 : v.id);
+      }) : !1, E = _ == null ? void 0 : _.actor, N = (E == null ? void 0 : E.id) === (y == null ? void 0 : y.id);
       return /* @__PURE__ */ a.jsxs(qe, { children: [
         /* @__PURE__ */ a.jsx(
           kt,
@@ -5644,41 +5649,41 @@ const Gi = ({
             content: {
               type: "post",
               body: _ == null ? void 0 : _.content,
-              canLike: xt(n, E),
+              canLike: xt(n, N),
               createdAt: (_ == null ? void 0 : _.time) || "",
               slugs: {
                 question: `${e}/${t}`,
-                answer: I
+                answer: v
               },
-              slug: I,
+              slug: v,
               author: {
-                id: T == null ? void 0 : T.id,
-                name: (W = T == null ? void 0 : T.data) == null ? void 0 : W.name,
-                organization: (Q = T == null ? void 0 : T.data) == null ? void 0 : Q.organization,
-                jobTitle: (V = T == null ? void 0 : T.data) == null ? void 0 : V.jobTitle,
+                id: E == null ? void 0 : E.id,
+                name: (Q = E == null ? void 0 : E.data) == null ? void 0 : Q.name,
+                organization: (z = E == null ? void 0 : E.data) == null ? void 0 : z.organization,
+                jobTitle: (te = E == null ? void 0 : E.data) == null ? void 0 : te.jobTitle,
                 image: {
-                  thumbnail: ((ee = T == null ? void 0 : T.data) == null ? void 0 : ee.thumbnail) || void 0
+                  thumbnail: ((re = E == null ? void 0 : E.data) == null ? void 0 : re.thumbnail) || void 0
                 }
               },
-              userLiked: C,
-              likes: ((re = _ == null ? void 0 : _.reaction_counts) == null ? void 0 : re.like) || 0,
-              comments: ((se = _ == null ? void 0 : _.reaction_counts) == null ? void 0 : se.reply) || 0,
+              userLiked: L,
+              likes: (C == null ? void 0 : C.like) || 0,
+              comments: (C == null ? void 0 : C.reply) || 0,
               peopleWhoLiked: M
             },
             links: {
-              post: `${e}/${t}/${I}`,
-              comments: `${e}/${t}/${I}`
+              post: `${e}/${t}/${v}`,
+              comments: `${e}/${t}/${v}`
             },
             functions: {
               content: {
                 createContent: () => null,
-                deleteContent: () => g({ activityId: I }),
+                deleteContent: () => g({ activityId: v }),
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                updateContent: (ne, { body: oe }) => h({ activityId: I, content: oe })
+                updateContent: (J, { body: ie }) => h({ activityId: v, content: ie })
               },
               likes: {
-                createLike: () => y({ activityId: I }),
-                deleteLike: () => k({ activityId: I, reactionId: F })
+                createLike: () => b({ activityId: v }),
+                deleteLike: () => k({ activityId: v, reactionId: S })
               },
               comments: {
                 openComments: () => null
@@ -5688,7 +5693,7 @@ const Gi = ({
           }
         ),
         /* @__PURE__ */ a.jsx(Te, {})
-      ] }, I);
+      ] }, v);
     }),
     !d && /* @__PURE__ */ a.jsx(
       yt,
@@ -6311,7 +6316,7 @@ function ha({
     },
     user: m,
     ...l
-  }, d = Vs({ ...f, mutationFn: e }), p = Ys({ ...f, mutationFn: t }), h = Gs({ ...f, mutationFn: n }), g = Qs({ ...f, mutationFn: s }), y = Js({ ...f, mutationFn: i }), { replies: k, ...v } = Ks({ queryKey: o, queryFn: r });
+  }, d = Vs({ ...f, mutationFn: e }), p = Ys({ ...f, mutationFn: t }), h = Gs({ ...f, mutationFn: n }), g = Qs({ ...f, mutationFn: s }), b = Js({ ...f, mutationFn: i }), { replies: k, ...y } = Ks({ queryKey: o, queryFn: r });
   return {
     replies: k,
     mutations: {
@@ -6319,10 +6324,10 @@ function ha({
       edit: p,
       remove: g,
       like: h,
-      unlike: y
+      unlike: b
     },
     user: m,
-    ...v
+    ...y
   };
 }
 function Gs({
@@ -6451,7 +6456,7 @@ const ri = ({
   isMember: s,
   functions: i
 }) => {
-  const o = P(), {
+  const o = A(), {
     replies: c,
     repliesCount: m,
     fetchNextPage: l,
@@ -6461,68 +6466,73 @@ const ri = ({
       create: p,
       edit: h,
       like: g,
-      remove: y,
+      remove: b,
       unlike: k
     },
-    user: v
+    user: y
   } = ha({
     queryKey: [e, t, n, r, "replies"],
     queryFns: {
       ...i,
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      list: (b) => i.list({ ...b, reactionId: r })
+      list: (v) => i.list({ ...v, reactionId: r })
     }
   }), _ = ge(vt);
   return /* @__PURE__ */ a.jsx(
     Es,
     {
       count: m,
-      showRepliesButton: c.length > 0 && _.showForm,
+      showRepliesButton: !1,
       children: /* @__PURE__ */ a.jsxs("section", { children: [
-        c == null ? void 0 : c.map((b) => {
-          var W, Q, V, ee, re, se, ne, oe, le, Z, ue;
-          const { id: j, own_children: S, latest_children: C } = b, I = (((W = C == null ? void 0 : C.like) == null ? void 0 : W.length) || 0) > 0, F = (((Q = S == null ? void 0 : S.like) == null ? void 0 : Q.length) || 0) > 0, M = F ? S == null ? void 0 : S.like[0].id : null, T = I ? (V = C == null ? void 0 : C.like) == null ? void 0 : V.map((K) => {
-            var ie, me, pe;
+        c == null ? void 0 : c.map((v) => {
+          var Q, z, te, re, J, ie, de, ce, W, ue;
+          const {
+            id: j,
+            own_children: $,
+            latest_children: C,
+            children_counts: Z
+          } = v, L = (((Q = C == null ? void 0 : C.like) == null ? void 0 : Q.length) || 0) > 0, S = (((z = $ == null ? void 0 : $.like) == null ? void 0 : z.length) || 0) > 0, M = S ? $ == null ? void 0 : $.like[0].id : null, E = L ? (te = C == null ? void 0 : C.like) == null ? void 0 : te.map((K) => {
+            var se, me, pe;
             return {
-              id: (ie = K == null ? void 0 : K.user) == null ? void 0 : ie.id,
+              id: (se = K == null ? void 0 : K.user) == null ? void 0 : se.id,
               name: (pe = (me = K == null ? void 0 : K.user) == null ? void 0 : me.data) == null ? void 0 : pe.name
             };
-          }) : !1, E = b == null ? void 0 : b.user, O = (E == null ? void 0 : E.id) === (v == null ? void 0 : v.id), H = xt(s, O), U = typeof b.data.content == "string" ? (ee = b == null ? void 0 : b.data) == null ? void 0 : ee.content : ((se = (re = b == null ? void 0 : b.data) == null ? void 0 : re.content) == null ? void 0 : se.text) || "";
+          }) : !1, N = v == null ? void 0 : v.user, q = (N == null ? void 0 : N.id) === (y == null ? void 0 : y.id), H = xt(s, q), Y = typeof v.data.content == "string" ? (re = v == null ? void 0 : v.data) == null ? void 0 : re.content : ((ie = (J = v == null ? void 0 : v.data) == null ? void 0 : J.content) == null ? void 0 : ie.text) || "";
           return /* @__PURE__ */ a.jsx(
             kt,
             {
               content: {
                 type: "reply",
-                body: U,
+                body: Y,
                 canLike: H,
-                createdAt: b == null ? void 0 : b.created_at,
+                createdAt: v == null ? void 0 : v.created_at,
                 slugs: {
                   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
+                  reply: v == null ? void 0 : v.parent
                 },
                 slug: "",
                 author: {
-                  id: E == null ? void 0 : E.id,
-                  name: (ne = E.data) == null ? void 0 : ne.name,
-                  organization: (oe = E.data) == null ? void 0 : oe.organization,
-                  jobTitle: (le = E.data) == null ? void 0 : le.jobTitle,
+                  id: N == null ? void 0 : N.id,
+                  name: (de = N.data) == null ? void 0 : de.name,
+                  organization: (ce = N.data) == null ? void 0 : ce.organization,
+                  jobTitle: (W = N.data) == null ? void 0 : W.jobTitle,
                   image: {
-                    thumbnail: ((Z = E.data) == null ? void 0 : Z.thumbnail) || void 0
+                    thumbnail: ((ue = N.data) == null ? void 0 : ue.thumbnail) || void 0
                   }
                 },
-                userLiked: F,
-                likes: ((ue = b == null ? void 0 : b.children_counts) == null ? void 0 : ue.like) || 0,
-                peopleWhoLiked: T
+                userLiked: S,
+                likes: (Z == null ? void 0 : Z.like) || 0,
+                peopleWhoLiked: E
               },
               functions: {
                 content: {
                   createContent: () => null,
-                  deleteContent: () => y({ replyId: j }),
+                  deleteContent: () => b({ replyId: j }),
                   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                  updateContent: (K, { body: ie }) => h({ replyId: j, content: ie })
+                  updateContent: (K, { body: se }) => h({ replyId: j, content: se })
                 },
                 likes: {
                   createLike: () => g({ replyId: j }),
@@ -6560,7 +6570,7 @@ const ri = ({
             },
             functions: {
               // eslint-disable-next-line @typescript-eslint/no-explicit-any
-              create: (b, { body: j }) => p({ activityId: n, replyId: r, content: j })
+              create: (v, { body: j }) => p({ activityId: n, replyId: r, content: j })
             }
           }
         )
@@ -6578,7 +6588,7 @@ const ri = ({
     leave: o
   }
 }) => {
-  const c = P(), {
+  const c = A(), {
     replies: m,
     repliesCount: l,
     fetchNextPage: f,
@@ -6587,9 +6597,9 @@ const ri = ({
     mutations: {
       create: h,
       edit: g,
-      like: y,
+      like: b,
       remove: k,
-      unlike: v
+      unlike: y
     },
     user: _
   } = ha({
@@ -6607,7 +6617,7 @@ const ri = ({
       da,
       {
         contentType: "reply",
-        createPost: (b, { body: j }) => h({ activityId: n, content: j }),
+        createPost: (v, { body: j }) => h({ activityId: n, content: j }),
         membershipRequiredToPost: {
           isMember: r,
           required: !0,
@@ -6617,52 +6627,57 @@ const ri = ({
         }
       }
     ),
-    m == null ? void 0 : m.map((b) => {
-      var W, Q, V, ee, re, se, ne, oe, le, Z, ue;
-      const { own_children: j, latest_children: S } = b, C = b == null ? void 0 : b.id, I = (((W = S == null ? void 0 : S.like) == null ? void 0 : W.length) || 0) > 0, F = (((Q = j == null ? void 0 : j.like) == null ? void 0 : Q.length) || 0) > 0, M = F ? j == null ? void 0 : j.like[0].id : null, T = I ? (V = S == null ? void 0 : S.like) == null ? void 0 : V.map((K) => {
-        var ie, me, pe;
+    m == null ? void 0 : m.map((v) => {
+      var Q, z, te, re, J, ie, de, ce, W, ue;
+      const {
+        id: j,
+        own_children: $,
+        latest_children: C,
+        children_counts: Z
+      } = v, L = (((Q = C == null ? void 0 : C.like) == null ? void 0 : Q.length) || 0) > 0, S = (((z = $ == null ? void 0 : $.like) == null ? void 0 : z.length) || 0) > 0, M = S ? $ == null ? void 0 : $.like[0].id : null, E = L ? (te = C == null ? void 0 : C.like) == null ? void 0 : te.map((K) => {
+        var se, me, pe;
         return {
-          id: (ie = K == null ? void 0 : K.user) == null ? void 0 : ie.id,
+          id: (se = K == null ? void 0 : K.user) == null ? void 0 : se.id,
           name: (pe = (me = K == null ? void 0 : K.user) == null ? void 0 : me.data) == null ? void 0 : pe.name
         };
-      }) : !1, E = b == null ? void 0 : b.user, O = (E == null ? void 0 : E.id) === (_ == null ? void 0 : _.id), H = xt(r, O), U = typeof b.data.content == "string" ? (ee = b == null ? void 0 : b.data) == null ? void 0 : ee.content : ((se = (re = b == null ? void 0 : b.data) == null ? void 0 : re.content) == null ? void 0 : se.text) || "";
+      }) : !1, N = v == null ? void 0 : v.user, q = (N == null ? void 0 : N.id) === (_ == null ? void 0 : _.id), H = xt(r, q), Y = typeof v.data.content == "string" ? (re = v == null ? void 0 : v.data) == null ? void 0 : re.content : ((ie = (J = v == null ? void 0 : v.data) == null ? void 0 : J.content) == null ? void 0 : ie.text) || "";
       return /* @__PURE__ */ a.jsx(ks, { children: /* @__PURE__ */ a.jsx(
         kt,
         {
           content: {
             type: "reply",
-            body: U,
+            body: Y,
             canLike: H,
-            createdAt: b == null ? void 0 : b.created_at,
+            createdAt: v == null ? void 0 : v.created_at,
             slugs: {
               question: `${e}/${t}`,
               answer: n,
-              reply: C
+              reply: j
             },
-            slug: C,
+            slug: j,
             author: {
-              id: E == null ? void 0 : E.id,
-              name: (ne = E.data) == null ? void 0 : ne.name,
-              organization: (oe = E.data) == null ? void 0 : oe.organization,
-              jobTitle: (le = E.data) == null ? void 0 : le.jobTitle,
+              id: N == null ? void 0 : N.id,
+              name: (de = N.data) == null ? void 0 : de.name,
+              organization: (ce = N.data) == null ? void 0 : ce.organization,
+              jobTitle: (W = N.data) == null ? void 0 : W.jobTitle,
               image: {
-                thumbnail: ((Z = E.data) == null ? void 0 : Z.thumbnail) || void 0
+                thumbnail: ((ue = N.data) == null ? void 0 : ue.thumbnail) || void 0
               }
             },
-            userLiked: F,
-            likes: ((ue = b == null ? void 0 : b.children_counts) == null ? void 0 : ue.like) || 0,
-            peopleWhoLiked: T
+            userLiked: S,
+            likes: (Z == null ? void 0 : Z.like) || 0,
+            peopleWhoLiked: E
           },
           functions: {
             content: {
               createContent: () => null,
-              deleteContent: () => k({ replyId: C }),
+              deleteContent: () => k({ replyId: j }),
               // eslint-disable-next-line @typescript-eslint/no-explicit-any
-              updateContent: (K, { body: ie }) => g({ replyId: C, content: ie })
+              updateContent: (K, { body: se }) => g({ replyId: j, content: se })
             },
             likes: {
-              createLike: () => y({ replyId: C }),
-              deleteLike: () => v({ replyId: C, reactionId: M })
+              createLike: () => b({ replyId: j }),
+              deleteLike: () => y({ replyId: j, reactionId: M })
             },
             comments: {}
           },
@@ -6672,7 +6687,7 @@ const ri = ({
               basePath: e,
               parentId: t,
               activityId: n,
-              replyId: C,
+              replyId: j,
               isMember: r,
               functions: {
                 ...s
@@ -6680,8 +6695,8 @@ const ri = ({
             }
           )
         },
-        C
-      ) }, C);
+        j
+      ) }, j);
     }),
     !p && /* @__PURE__ */ a.jsx(
       yt,
@@ -6802,14 +6817,14 @@ const Qi = ({
     leave: m
   }
 }) => {
-  var F, M, T, E, O, H, U, W, Q;
-  const l = P(), f = ge(ke), {
+  var L, S, M, E, N, q, H, Y, Q;
+  const l = A(), f = ge(ke), {
     activity: d,
     error: p,
     isLoading: h,
     mutations: {
       edit: g,
-      like: y,
+      like: b,
       unlike: k
     }
   } = ci({
@@ -6826,13 +6841,13 @@ const Qi = ({
         text: l.formatMessage({ id: "activitySection_notFoundError" })
       }
     );
-  const { own_reactions: v, latest_reactions: _ } = d, b = (((F = _ == null ? void 0 : _.like) == null ? void 0 : F.length) || 0) > 0, j = (((M = v == null ? void 0 : v.like) == null ? void 0 : M.length) || 0) > 0, S = b ? (T = _ == null ? void 0 : _.like) == null ? void 0 : T.map((V) => {
-    var ee, re, se;
+  const { own_reactions: y, latest_reactions: _ } = d, v = (((L = _ == null ? void 0 : _.like) == null ? void 0 : L.length) || 0) > 0, j = (((S = y == null ? void 0 : y.like) == null ? void 0 : S.length) || 0) > 0, $ = v ? (M = _ == null ? void 0 : _.like) == null ? void 0 : M.map((z) => {
+    var te, re, J;
     return {
-      id: (ee = V == null ? void 0 : V.user) == null ? void 0 : ee.id,
-      name: (se = (re = V == null ? void 0 : V.user) == null ? void 0 : re.data) == null ? void 0 : se.name
+      id: (te = z == null ? void 0 : z.user) == null ? void 0 : te.id,
+      name: (J = (re = z == null ? void 0 : z.user) == null ? void 0 : re.data) == null ? void 0 : J.name
     };
-  }) : !1, C = d == null ? void 0 : d.actor, I = (C == null ? void 0 : C.id) === (f == null ? void 0 : f.id);
+  }) : !1, C = d == null ? void 0 : d.actor, Z = (C == null ? void 0 : C.id) === (f == null ? void 0 : f.id);
   return /* @__PURE__ */ a.jsx(
     kt,
     {
@@ -6840,7 +6855,7 @@ const Qi = ({
       content: {
         type: "post",
         body: d == null ? void 0 : d.content,
-        canLike: xt(r, I),
+        canLike: xt(r, Z),
         createdAt: (d == null ? void 0 : d.time) || "",
         slugs: {
           question: `${e}/${t}`,
@@ -6850,16 +6865,16 @@ const Qi = ({
         author: {
           id: C.id,
           name: (E = C.data) == null ? void 0 : E.name,
-          organization: (O = C.data) == null ? void 0 : O.organization,
-          jobTitle: (H = C.data) == null ? void 0 : H.jobTitle,
+          organization: (N = C.data) == null ? void 0 : N.organization,
+          jobTitle: (q = C.data) == null ? void 0 : q.jobTitle,
           image: {
-            thumbnail: ((U = C.data) == null ? void 0 : U.thumbnail) || void 0
+            thumbnail: ((H = C.data) == null ? void 0 : H.thumbnail) || void 0
           }
         },
         userLiked: j,
-        likes: ((W = d == null ? void 0 : d.reaction_counts) == null ? void 0 : W.like) || 0,
+        likes: ((Y = d == null ? void 0 : d.reaction_counts) == null ? void 0 : Y.like) || 0,
         comments: ((Q = d == null ? void 0 : d.reaction_counts) == null ? void 0 : Q.reply) || 0,
-        peopleWhoLiked: S
+        peopleWhoLiked: $
       },
       originalAuthorId: C == null ? void 0 : C.id,
       forceHide: { comments: !0 },
@@ -6868,10 +6883,10 @@ const Qi = ({
           createContent: () => null,
           deleteContent: s,
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          updateContent: (V, { body: ee }) => g({ content: ee })
+          updateContent: (z, { body: te }) => g({ content: te })
         },
         likes: {
-          createLike: () => y({ activityId: n }),
+          createLike: () => b({ activityId: n }),
           deleteLike: () => k({ activityId: n })
         },
         comments: {
@@ -6947,7 +6962,7 @@ const Qi = ({
   }
 ];
 const tt = "notFoundError_", Xi = () => {
-  const e = P(), t = [];
+  const e = A(), t = [];
   return Dn.forEach((n, r) => {
     n.title = e.formatMessage({ id: `${tt}post_${r + 1}` }), t.push("solutionArticle");
   }), /* @__PURE__ */ a.jsxs(
@@ -6966,7 +6981,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: () => {
@@ -6986,7 +7001,7 @@ export {
   da as AddPost,
   Ci as BannerSection,
   Li as Breadcrumbs,
-  q as Button,
+  B as Button,
   ht as ButtonWrapper,
   Er as CacheProvider,
   ea as Card,