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

package/index.mjs

@@ -1,4 +1,4 @@
-import A, { memo as Fe, useState as R, useEffect as G, useRef as ne, useMemo as ft, createContext as Gt, useContext as ge, Children as Ht, useCallback as Dn, Fragment as qe, useReducer as Oa, Suspense as Ba } from "react";
+import A, { memo as Fe, useState as R, useEffect as G, useRef as te, useMemo as ft, createContext as Gt, useContext as ge, Children as Ht, useCallback as Dn, Fragment as qe, useReducer as Oa, Suspense as Ba } from "react";
 import Za from "lodash.clonedeep";
 import qa from "lodash.set";
 import { useIntl as P, IntlProvider as Ha, createIntl as Ua, FormattedMessage as je } from "react-intl";
@@ -95,54 +95,54 @@ var Le = {};
 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"), _ = Symbol.iterator, y = "@@iterator";
+    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";
     function k(u) {
       if (u === null || typeof u != "object")
         return null;
-      var x = _ && u[_] || u[y];
+      var x = g && u[g] || u[y];
       return typeof x == "function" ? x : null;
     }
     var v = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function g(u) {
+    function _(u) {
       {
-        for (var x = arguments.length, T = new Array(x > 1 ? x - 1 : 0), N = 1; N < x; N++)
-          T[N - 1] = arguments[N];
-        b("error", u, T);
+        for (var x = arguments.length, $ = new Array(x > 1 ? x - 1 : 0), N = 1; N < x; N++)
+          $[N - 1] = arguments[N];
+        b("error", u, $);
       }
     }
-    function b(u, x, T) {
+    function b(u, x, $) {
       {
-        var N = v.ReactDebugCurrentFrame, O = N.getStackAddendum();
-        O !== "" && (x += "%s", T = T.concat([O]));
-        var V = T.map(function(L) {
+        var N = v.ReactDebugCurrentFrame, B = N.getStackAddendum();
+        B !== "" && (x += "%s", $ = $.concat([B]));
+        var Y = $.map(function(L) {
           return String(L);
         });
-        V.unshift("Warning: " + x), Function.prototype.apply.call(console[u], console, V);
+        Y.unshift("Warning: " + x), Function.prototype.apply.call(console[u], console, Y);
       }
     }
-    var j = !1, C = !1, S = !1, Y = !1, F = !1, $;
-    $ = Symbol.for("react.module.reference");
-    function M(u) {
-      return !!(typeof u == "string" || typeof u == "function" || u === r || u === i || F || u === s || u === l || u === f || Y || u === h || j || C || S || typeof u == "object" && u !== null && (u.$$typeof === p || u.$$typeof === d || u.$$typeof === o || u.$$typeof === c || u.$$typeof === m || // This needs to include all possible module reference object
+    var j = !1, C = !1, S = !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 || C || S || typeof u == "object" && u !== null && (u.$$typeof === p || u.$$typeof === d || u.$$typeof === o || u.$$typeof === c || u.$$typeof === m || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      u.$$typeof === $ || u.getModuleId !== void 0));
+      u.$$typeof === M || u.getModuleId !== void 0));
     }
-    function E(u, x, T) {
+    function E(u, x, $) {
       var N = u.displayName;
       if (N)
         return N;
-      var O = x.displayName || x.name || "";
-      return O !== "" ? T + "(" + O + ")" : T;
+      var B = x.displayName || x.name || "";
+      return B !== "" ? $ + "(" + B + ")" : $;
     }
-    function I(u) {
+    function O(u) {
       return u.displayName || "Context";
     }
-    function Z(u) {
+    function H(u) {
       if (u == null)
         return null;
-      if (typeof u.tag == "number" && g("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof u == "function")
+      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")
         return u.displayName || u.name || null;
       if (typeof u == "string")
         return u;
@@ -164,19 +164,19 @@ function ir() {
         switch (u.$$typeof) {
           case c:
             var x = u;
-            return I(x) + ".Consumer";
+            return O(x) + ".Consumer";
           case o:
-            var T = u;
-            return I(T._context) + ".Provider";
+            var $ = u;
+            return O($._context) + ".Provider";
           case m:
             return E(u, u.render, "ForwardRef");
           case d:
             var N = u.displayName || null;
-            return N !== null ? N : Z(u.type) || "Memo";
+            return N !== null ? N : H(u.type) || "Memo";
           case p: {
-            var O = u, V = O._payload, L = O._init;
+            var B = u, Y = B._payload, L = B._init;
             try {
-              return Z(L(V));
+              return H(L(Y));
             } catch {
               return null;
             }
@@ -184,18 +184,18 @@ function ir() {
         }
       return null;
     }
-    var q = Object.assign, z = 0, J, H, te, re, K, ie, de;
-    function ce() {
+    var U = Object.assign, V = 0, Q, z, ee, re, se, ne, oe;
+    function le() {
     }
-    ce.__reactDisabledLog = !0;
-    function W() {
+    le.__reactDisabledLog = !0;
+    function Z() {
       {
-        if (z === 0) {
-          J = console.log, H = console.info, te = console.warn, re = console.error, K = console.group, ie = console.groupCollapsed, de = console.groupEnd;
+        if (V === 0) {
+          Q = console.log, z = console.info, ee = console.warn, re = console.error, se = console.group, ne = console.groupCollapsed, oe = console.groupEnd;
           var u = {
             configurable: !0,
             enumerable: !0,
-            value: ce,
+            value: le,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -208,56 +208,56 @@ function ir() {
             groupEnd: u
           });
         }
-        z++;
+        V++;
       }
     }
     function ue() {
       {
-        if (z--, z === 0) {
+        if (V--, V === 0) {
           var u = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: q({}, u, {
-              value: J
+            log: U({}, u, {
+              value: Q
             }),
-            info: q({}, u, {
-              value: H
+            info: U({}, u, {
+              value: z
             }),
-            warn: q({}, u, {
-              value: te
+            warn: U({}, u, {
+              value: ee
             }),
-            error: q({}, u, {
+            error: U({}, u, {
               value: re
             }),
-            group: q({}, u, {
-              value: K
+            group: U({}, u, {
+              value: se
             }),
-            groupCollapsed: q({}, u, {
-              value: ie
+            groupCollapsed: U({}, u, {
+              value: ne
             }),
-            groupEnd: q({}, u, {
-              value: de
+            groupEnd: U({}, u, {
+              value: oe
             })
           });
         }
-        z < 0 && g("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        V < 0 && _("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Q = v.ReactCurrentDispatcher, se;
-    function me(u, x, T) {
+    var K = v.ReactCurrentDispatcher, ie;
+    function me(u, x, $) {
       {
-        if (se === void 0)
+        if (ie === void 0)
           try {
             throw Error();
-          } catch (O) {
-            var N = O.stack.trim().match(/\n( *(at )?)/);
-            se = N && N[1] || "";
+          } catch (B) {
+            var N = B.stack.trim().match(/\n( *(at )?)/);
+            ie = N && N[1] || "";
           }
         return `
-` + se + u;
+` + ie + u;
       }
     }
     var pe = !1, Ee;
@@ -269,16 +269,16 @@ function ir() {
       if (!u || pe)
         return "";
       {
-        var T = Ee.get(u);
-        if (T !== void 0)
-          return T;
+        var $ = Ee.get(u);
+        if ($ !== void 0)
+          return $;
       }
       var N;
       pe = !0;
-      var O = Error.prepareStackTrace;
+      var B = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var V;
-      V = Q.current, Q.current = null, W();
+      var Y;
+      Y = K.current, K.current = null, Z();
       try {
         if (x) {
           var L = function() {
@@ -314,36 +314,36 @@ function ir() {
       } catch (ye) {
         if (ye && N && typeof ye.stack == "string") {
           for (var D = ye.stack.split(`
-`), oe = N.stack.split(`
-`), X = D.length - 1, ee = oe.length - 1; X >= 1 && ee >= 0 && D[X] !== oe[ee]; )
-            ee--;
-          for (; X >= 1 && ee >= 0; X--, ee--)
-            if (D[X] !== oe[ee]) {
-              if (X !== 1 || ee !== 1)
+`), ce = N.stack.split(`
+`), J = D.length - 1, X = ce.length - 1; J >= 1 && X >= 0 && D[J] !== ce[X]; )
+            X--;
+          for (; J >= 1 && X >= 0; J--, X--)
+            if (D[J] !== ce[X]) {
+              if (J !== 1 || X !== 1)
                 do
-                  if (X--, ee--, ee < 0 || D[X] !== oe[ee]) {
+                  if (J--, X--, X < 0 || D[J] !== ce[X]) {
                     var he = `
-` + D[X].replace(" at new ", " at ");
+` + D[J].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 (X >= 1 && ee >= 0);
+                while (J >= 1 && X >= 0);
               break;
             }
         }
       } finally {
-        pe = !1, Q.current = V, ue(), Error.prepareStackTrace = O;
+        pe = !1, K.current = Y, ue(), Error.prepareStackTrace = B;
       }
       var Se = u ? u.displayName || u.name : "", _n = Se ? me(Se) : "";
       return typeof u == "function" && Ee.set(u, _n), _n;
     }
-    function _a(u, x, T) {
+    function _a(u, x, $) {
       return an(u, !1);
     }
     function ba(u) {
       var x = u.prototype;
       return !!(x && x.isReactComponent);
     }
-    function ze(u, x, T) {
+    function ze(u, x, $) {
       if (u == null)
         return "";
       if (typeof u == "function")
@@ -361,11 +361,11 @@ function ir() {
           case m:
             return _a(u.render);
           case d:
-            return ze(u.type, x, T);
+            return ze(u.type, x, $);
           case p: {
-            var N = u, O = N._payload, V = N._init;
+            var N = u, B = N._payload, Y = N._init;
             try {
-              return ze(V(O), x, T);
+              return ze(Y(B), x, $);
             } catch {
             }
           }
@@ -375,27 +375,27 @@ function ir() {
     var We = Object.prototype.hasOwnProperty, rn = {}, sn = v.ReactDebugCurrentFrame;
     function Ve(u) {
       if (u) {
-        var x = u._owner, T = ze(u.type, u._source, x ? x.type : null);
-        sn.setExtraStackFrame(T);
+        var x = u._owner, $ = ze(u.type, u._source, x ? x.type : null);
+        sn.setExtraStackFrame($);
       } else
         sn.setExtraStackFrame(null);
     }
-    function ya(u, x, T, N, O) {
+    function ya(u, x, $, N, B) {
       {
-        var V = Function.call.bind(We);
+        var Y = Function.call.bind(We);
         for (var L in u)
-          if (V(u, L)) {
+          if (Y(u, L)) {
             var D = void 0;
             try {
               if (typeof u[L] != "function") {
-                var oe = Error((N || "React class") + ": " + T + " type `" + L + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof u[L] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw oe.name = "Invariant Violation", oe;
+                var ce = Error((N || "React class") + ": " + $ + " type `" + L + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof u[L] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw ce.name = "Invariant Violation", ce;
               }
-              D = u[L](x, L, N, T, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (X) {
-              D = X;
+              D = u[L](x, L, N, $, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (J) {
+              D = J;
             }
-            D && !(D instanceof Error) && (Ve(O), g("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", N || "React class", T, L, typeof D), Ve(null)), D instanceof Error && !(D.message in rn) && (rn[D.message] = !0, Ve(O), g("Failed %s type: %s", T, D.message), Ve(null));
+            D && !(D 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", $, L, typeof D), Ve(null)), D instanceof Error && !(D.message in rn) && (rn[D.message] = !0, Ve(B), _("Failed %s type: %s", $, D.message), Ve(null));
           }
       }
     }
@@ -405,8 +405,8 @@ function ir() {
     }
     function xa(u) {
       {
-        var x = typeof Symbol == "function" && Symbol.toStringTag, T = x && u[Symbol.toStringTag] || u.constructor.name || "Object";
-        return T;
+        var x = typeof Symbol == "function" && Symbol.toStringTag, $ = x && u[Symbol.toStringTag] || u.constructor.name || "Object";
+        return $;
       }
     }
     function ka(u) {
@@ -421,7 +421,7 @@ function ir() {
     }
     function cn(u) {
       if (ka(u))
-        return g("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", xa(u)), on(u);
+        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 Re = v.ReactCurrentOwner, ja = {
       key: !0,
@@ -448,43 +448,43 @@ function ir() {
     }
     function $a(u, x) {
       if (typeof u.ref == "string" && Re.current && x && Re.current.stateNode !== x) {
-        var T = Z(Re.current.type);
-        wt[T] || (g('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', Z(Re.current.type), u.ref), wt[T] = !0);
+        var $ = H(Re.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(Re.current.type), u.ref), wt[$] = !0);
       }
     }
     function Ea(u, x) {
       {
-        var T = function() {
-          ln || (ln = !0, g("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", x));
+        var $ = 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));
         };
-        T.isReactWarning = !0, Object.defineProperty(u, "key", {
-          get: T,
+        $.isReactWarning = !0, Object.defineProperty(u, "key", {
+          get: $,
           configurable: !0
         });
       }
     }
     function Ca(u, x) {
       {
-        var T = function() {
-          dn || (dn = !0, g("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", x));
+        var $ = 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));
         };
-        T.isReactWarning = !0, Object.defineProperty(u, "ref", {
-          get: T,
+        $.isReactWarning = !0, Object.defineProperty(u, "ref", {
+          get: $,
           configurable: !0
         });
       }
     }
-    var Sa = function(u, x, T, N, O, V, L) {
+    var Sa = function(u, x, $, N, B, Y, L) {
       var D = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
         type: u,
         key: x,
-        ref: T,
+        ref: $,
         props: L,
         // Record the component responsible for creating this element.
-        _owner: V
+        _owner: Y
       };
       return D._store = {}, Object.defineProperty(D._store, "validated", {
         configurable: !1,
@@ -500,32 +500,32 @@ function ir() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: O
+        value: B
       }), Object.freeze && (Object.freeze(D.props), Object.freeze(D)), D;
     };
-    function Ma(u, x, T, N, O) {
+    function Ma(u, x, $, N, B) {
       {
-        var V, L = {}, D = null, oe = null;
-        T !== void 0 && (cn(T), D = "" + T), Ta(x) && (cn(x.key), D = "" + x.key), wa(x) && (oe = x.ref, $a(x, O));
-        for (V in x)
-          We.call(x, V) && !ja.hasOwnProperty(V) && (L[V] = x[V]);
+        var Y, L = {}, D = null, ce = null;
+        $ !== void 0 && (cn($), D = "" + $), Ta(x) && (cn(x.key), D = "" + x.key), wa(x) && (ce = x.ref, $a(x, B));
+        for (Y in x)
+          We.call(x, Y) && !ja.hasOwnProperty(Y) && (L[Y] = x[Y]);
         if (u && u.defaultProps) {
-          var X = u.defaultProps;
-          for (V in X)
-            L[V] === void 0 && (L[V] = X[V]);
+          var J = u.defaultProps;
+          for (Y in J)
+            L[Y] === void 0 && (L[Y] = J[Y]);
         }
-        if (D || oe) {
-          var ee = typeof u == "function" ? u.displayName || u.name || "Unknown" : u;
-          D && Ea(L, ee), oe && Ca(L, ee);
+        if (D || ce) {
+          var X = typeof u == "function" ? u.displayName || u.name || "Unknown" : u;
+          D && Ea(L, X), ce && Ca(L, X);
         }
-        return Sa(u, D, oe, O, N, Re.current, L);
+        return Sa(u, D, ce, B, N, Re.current, L);
       }
     }
     var Tt = v.ReactCurrentOwner, un = v.ReactDebugCurrentFrame;
     function Ce(u) {
       if (u) {
-        var x = u._owner, T = ze(u.type, u._source, x ? x.type : null);
-        un.setExtraStackFrame(T);
+        var x = u._owner, $ = ze(u.type, u._source, x ? x.type : null);
+        un.setExtraStackFrame($);
       } else
         un.setExtraStackFrame(null);
     }
@@ -537,7 +537,7 @@ function ir() {
     function mn() {
       {
         if (Tt.current) {
-          var u = Z(Tt.current.type);
+          var u = H(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(/^.*[\\\/]/, ""), T = u.lineNumber;
+          var x = u.fileName.replace(/^.*[\\\/]/, ""), $ = u.lineNumber;
           return `
 
-Check your code at ` + x + ":" + T + ".";
+Check your code at ` + x + ":" + $ + ".";
         }
         return "";
       }
@@ -562,10 +562,10 @@ Check your code at ` + x + ":" + T + ".";
       {
         var x = mn();
         if (!x) {
-          var T = typeof u == "string" ? u : u.displayName || u.name;
-          T && (x = `
+          var $ = typeof u == "string" ? u : u.displayName || u.name;
+          $ && (x = `
 
-Check the top-level render call using <` + T + ">.");
+Check the top-level render call using <` + $ + ">.");
         }
         return x;
       }
@@ -575,12 +575,12 @@ Check the top-level render call using <` + T + ">.");
         if (!u._store || u._store.validated || u.key != null)
           return;
         u._store.validated = !0;
-        var T = Pa(x);
-        if (fn[T])
+        var $ = Pa(x);
+        if (fn[$])
           return;
-        fn[T] = !0;
+        fn[$] = !0;
         var N = "";
-        u && u._owner && u._owner !== Tt.current && (N = " It was passed a child from " + Z(u._owner.type) + "."), Ce(u), g('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', T, N), Ce(null);
+        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);
       }
     }
     function hn(u, x) {
@@ -588,16 +588,16 @@ Check the top-level render call using <` + T + ">.");
         if (typeof u != "object")
           return;
         if (jt(u))
-          for (var T = 0; T < u.length; T++) {
-            var N = u[T];
+          for (var $ = 0; $ < u.length; $++) {
+            var N = u[$];
             Et(N) && pn(N, x);
           }
         else if (Et(u))
           u._store && (u._store.validated = !0);
         else if (u) {
-          var O = k(u);
-          if (typeof O == "function" && O !== u.entries)
-            for (var V = O.call(u), L; !(L = V.next()).done; )
+          var B = k(u);
+          if (typeof B == "function" && B !== u.entries)
+            for (var Y = B.call(u), L; !(L = Y.next()).done; )
               Et(L.value) && pn(L.value, x);
         }
       }
@@ -607,52 +607,52 @@ Check the top-level render call using <` + T + ">.");
         var x = u.type;
         if (x == null || typeof x == "string")
           return;
-        var T;
+        var $;
         if (typeof x == "function")
-          T = x.propTypes;
+          $ = 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))
-          T = x.propTypes;
+          $ = x.propTypes;
         else
           return;
-        if (T) {
-          var N = Z(x);
-          ya(T, u.props, "prop", N, u);
+        if ($) {
+          var N = H(x);
+          ya($, u.props, "prop", N, u);
         } else if (x.PropTypes !== void 0 && !$t) {
           $t = !0;
-          var O = Z(x);
-          g("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", O || "Unknown");
+          var B = H(x);
+          _("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", B || "Unknown");
         }
-        typeof x.getDefaultProps == "function" && !x.getDefaultProps.isReactClassApproved && g("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        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), T = 0; T < x.length; T++) {
-          var N = x[T];
+        for (var x = Object.keys(u.props), $ = 0; $ < x.length; $++) {
+          var N = x[$];
           if (N !== "children" && N !== "key") {
-            Ce(u), g("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", N), Ce(null);
+            Ce(u), _("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", N), Ce(null);
             break;
           }
         }
-        u.ref !== null && (Ce(u), g("Invalid attribute `ref` supplied to `React.Fragment`."), Ce(null));
+        u.ref !== null && (Ce(u), _("Invalid attribute `ref` supplied to `React.Fragment`."), Ce(null));
       }
     }
-    function gn(u, x, T, N, O, V) {
+    function gn(u, x, $, N, B, Y) {
       {
-        var L = M(u);
+        var L = T(u);
         if (!L) {
           var D = "";
           (u === void 0 || typeof u == "object" && u !== null && Object.keys(u).length === 0) && (D += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var oe = Na(O);
-          oe ? D += oe : D += mn();
-          var X;
-          u === null ? X = "null" : jt(u) ? X = "array" : u !== void 0 && u.$$typeof === t ? (X = "<" + (Z(u.type) || "Unknown") + " />", D = " Did you accidentally export a JSX literal instead of a component?") : X = typeof u, g("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", X, D);
+          var ce = Na(B);
+          ce ? D += ce : D += mn();
+          var J;
+          u === null ? J = "null" : jt(u) ? J = "array" : u !== void 0 && u.$$typeof === t ? (J = "<" + (H(u.type) || "Unknown") + " />", D = " 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, D);
         }
-        var ee = Ma(u, x, T, O, V);
-        if (ee == null)
-          return ee;
+        var X = Ma(u, x, $, B, Y);
+        if (X == null)
+          return X;
         if (L) {
           var he = x.children;
           if (he !== void 0)
@@ -662,18 +662,18 @@ Check the top-level render call using <` + T + ">.");
                   hn(he[Se], u);
                 Object.freeze && Object.freeze(he);
               } else
-                g("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                _("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
               hn(he, u);
         }
-        return u === r ? Fa(ee) : Aa(ee), ee;
+        return u === r ? Fa(X) : Aa(X), X;
       }
     }
-    function Ra(u, x, T) {
-      return gn(u, x, T, !0);
+    function Ra(u, x, $) {
+      return gn(u, x, $, !0);
     }
-    function Da(u, x, T) {
-      return gn(u, x, T, !1);
+    function Da(u, x, $) {
+      return gn(u, x, $, !1);
     }
     var La = Da, Ia = Ra;
     Le.Fragment = r, Le.jsx = La, Le.jsxs = Ia;
@@ -690,65 +690,65 @@ const or = () => {
     window.removeEventListener("popstate", n);
   }), []), e;
 }, Pe = (e, t) => {
-  const n = ne(!1);
+  const n = te(!1);
   G(() => {
     n.current ? e() : n.current = !0;
   }, t);
 };
 function cr(e, t, n) {
-  var r = this, s = ne(null), i = ne(0), o = ne(null), c = ne([]), m = ne(), l = ne(), f = ne(e), d = ne(!0);
+  var r = this, s = te(null), i = te(0), o = te(null), c = te([]), m = te(), l = te(), f = te(e), d = te(!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 _ = !!(n = n || {}).leading, y = !("trailing" in n) || !!n.trailing, k = "maxWait" in n, v = "debounceOnServer" in n && !!n.debounceOnServer, g = k ? Math.max(+n.maxWait || 0, t) : null;
+  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;
   G(function() {
     return d.current = !0, function() {
       d.current = !1;
     };
   }, []);
   var b = ft(function() {
-    var j = function(M) {
-      var E = c.current, I = m.current;
-      return c.current = m.current = null, i.current = M, l.current = f.current.apply(I, E);
-    }, C = function(M, E) {
-      h && cancelAnimationFrame(o.current), o.current = h ? requestAnimationFrame(M) : setTimeout(M, E);
-    }, S = function(M) {
+    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);
+    }, C = function(T, E) {
+      h && cancelAnimationFrame(o.current), o.current = h ? requestAnimationFrame(T) : setTimeout(T, E);
+    }, S = function(T) {
       if (!d.current)
         return !1;
-      var E = M - s.current;
-      return !s.current || E >= t || E < 0 || k && M - i.current >= g;
-    }, Y = function(M) {
-      return o.current = null, y && c.current ? j(M) : (c.current = m.current = null, l.current);
-    }, F = function M() {
+      var E = 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 = Date.now();
       if (S(E))
-        return Y(E);
+        return I(E);
       if (d.current) {
-        var I = t - (E - s.current), Z = k ? Math.min(I, g - (E - i.current)) : I;
-        C(M, Z);
+        var O = t - (E - s.current), H = k ? Math.min(O, _ - (E - i.current)) : O;
+        C(T, H);
       }
-    }, $ = function() {
+    }, M = function() {
       if (p || v) {
-        var M = Date.now(), E = S(M);
-        if (c.current = [].slice.call(arguments), m.current = r, s.current = M, E) {
+        var T = Date.now(), E = S(T);
+        if (c.current = [].slice.call(arguments), m.current = r, s.current = T, E) {
           if (!o.current && d.current)
-            return i.current = s.current, C(F, t), _ ? j(s.current) : l.current;
+            return i.current = s.current, C(F, t), g ? j(s.current) : l.current;
           if (k)
             return C(F, t), j(s.current);
         }
         return o.current || C(F, t), l.current;
       }
     };
-    return $.cancel = function() {
+    return M.cancel = function() {
       o.current && (h ? cancelAnimationFrame(o.current) : clearTimeout(o.current)), i.current = 0, c.current = s.current = m.current = o.current = null;
-    }, $.isPending = function() {
+    }, M.isPending = function() {
       return !!o.current;
-    }, $.flush = function() {
-      return o.current ? Y(Date.now()) : l.current;
-    }, $;
-  }, [_, k, t, g, y, h, p, v]);
+    }, M.flush = function() {
+      return o.current ? I(Date.now()) : l.current;
+    }, M;
+  }, [g, k, t, _, y, h, p, v]);
   return b;
 }
 function Zn(e, t, n) {
@@ -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 = ne(!1);
+  const n = te(!1);
   Pe(() => {
     if (window && window.location && window.location.hash) {
       if (n.current)
@@ -1229,7 +1229,7 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   }), n;
 }, xr = (e) => new Promise((t) => setTimeout(t, e)), at = (e, t) => A.Children.map(e, (n) => A.cloneElement(n, {
   ...t
-})), B = ({
+})), q = ({
   variant: e = "primary",
   size: t = "medium",
   styling: n = { muted: !1, fullWidth: !1 },
@@ -1248,11 +1248,11 @@ Thank you for helping to protect the Apolitical community from abusive content.`
     const k = Object.assign({}, t), v = qn(Object.keys(k));
     t = Hn(h, v, k);
   }
-  const _ = [];
-  typeof t == "string" && _.push(t), r && (_.push("icon"), typeof r == "object" ? (_.push(r.icon), r.position ? _.push(r.position) : _.push("left"), r.hover && _.push(`hover_${r.hover}`), r.animate && (_.push("animate"), typeof r.animate == "string" && _.push(r.animate))) : (_.push(r), !r.includes("right") && !r.includes("left") && _.push("left"))), n.muted && _.push("muted"), n.fullWidth && _.push("full-width");
+  const 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 = {
     ...d,
-    className: w(e, c, _, {
+    className: w(e, c, g, {
       "no-text": !f,
       disabled: m,
       button: s
@@ -1268,7 +1268,7 @@ Thank you for helping to protect the Apolitical community from abusive content.`
     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(B, { ...i }, o) : /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(B, { ...i }) }, o));
+  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 Te = ({ className: e = "", maxWidth: t = !1 }) => {
@@ -1427,13 +1427,13 @@ const Wn = ({ image: e, className: t, testId: n }) => {
     loading: l,
     decoding: f,
     fetchPriority: d
-  } = e, { range: p, sizes: h } = kr(e), _ = St({ format: "avif", query: o, range: p, url: c }), y = St({ format: "webp", query: o, range: p, url: c }), k = St({ format: "", query: o, range: p, url: c });
+  } = 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 });
   return /* @__PURE__ */ a.jsxs("picture", { className: t, children: [
     i !== "image/gif" && /* @__PURE__ */ a.jsx(
       "source",
       {
         type: "image/avif",
-        srcSet: _,
+        srcSet: g,
         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 = ne(null), [i, o] = R("hidden");
+  const r = P(), s = te(null), [i, o] = R("hidden");
   G(() => {
     const m = s.current;
     if (m)
@@ -1626,7 +1626,7 @@ const Tr = [
           }),
           c,
           o && o.text && o.link && /* @__PURE__ */ a.jsx(
-            B,
+            q,
             {
               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(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 })
+  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 })
 ] }), Er = ({ showDevTools: e = !0, children: t }) => {
   const n = new za({
     // default options we would like on all queries can be overridden individually
@@ -1751,7 +1751,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(
-          B,
+          q,
           {
             ...f,
             variant: n.variant ? n.variant : "secondary",
@@ -1780,7 +1780,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 = ne(null), [c, m] = R(""), [l, f] = R("closed");
+  const i = P(), o = te(null), [c, m] = R(""), [l, f] = R("closed");
   G(() => {
     const h = o.current;
     if (h)
@@ -1798,7 +1798,7 @@ const Pi = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
     l === "ready-to-close" && f("closing");
   }, [l]);
   const d = ({ propertyName: h }) => {
-    h === "max-height" && f((_) => _ === "opening" ? "open" : _ === "closing" ? "closed" : _);
+    h === "max-height" && f((g) => g === "opening" ? "open" : g === "closing" ? "closed" : g);
   };
   if (!r)
     return null;
@@ -1809,7 +1809,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(
-      B,
+      q,
       {
         variant: "tertiary",
         icon: { icon: "navigation_arrow", position: "left", animate: !0 },
@@ -1893,7 +1893,7 @@ const Pi = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
           else
             break;
     }
-  return s ? (n = { ...n, className: "button primary medium" }, /* @__PURE__ */ a.jsx("p", { className: "center", children: /* @__PURE__ */ a.jsx(B, { 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(q, { 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\/?>/, "");
@@ -2013,7 +2013,7 @@ const wn = 256, Ue = ({
   height: i = wn,
   ...o
 }) => {
-  const [c, m] = R(!1), l = ne(null);
+  const [c, m] = R(!1), l = te(null);
   G(() => {
     const d = l.current;
     if (!d)
@@ -2021,8 +2021,8 @@ const wn = 256, Ue = ({
     const p = d.getContext("2d");
     if (!p)
       return;
-    const h = s, _ = i;
-    typeof window < "u" && window.devicePixelRatio && (d.width = h * window.devicePixelRatio, d.height = _ * window.devicePixelRatio, p.scale(window.devicePixelRatio, window.devicePixelRatio)), p.fillStyle = Wr(n), p.fillRect(0, 0, h, _), p.font = `${h / 3}px Arial`, p.textAlign = "center", p.fillStyle = "white", p.fillText(Qn(n), h / 2, _ / 1.6);
+    const h = s, g = i;
+    typeof window < "u" && window.devicePixelRatio && (d.width = h * window.devicePixelRatio, d.height = g * window.devicePixelRatio, p.scale(window.devicePixelRatio, window.devicePixelRatio)), p.fillStyle = Wr(n), p.fillRect(0, 0, h, g), p.font = `${h / 3}px Arial`, p.textAlign = "center", p.fillStyle = "white", p.fillText(Qn(n), h / 2, g / 1.6);
   }, [n]);
   let f = !1;
   return t && t !== "" && !c && (t.includes("http") || t.includes("//")) && (f = !0), /* @__PURE__ */ a.jsx(
@@ -2087,8 +2087,8 @@ const Xt = ({
         href: l,
         gtmType: s,
         gtmContext: r,
-        onClick: (_) => {
-          _ == null || _.stopPropagation();
+        onClick: (g) => {
+          g == null || g.stopPropagation();
         },
         children: [
           /* @__PURE__ */ a.jsx(Ue, { name: m, src: f }),
@@ -2127,7 +2127,7 @@ const Tn = {
     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, _ = "";
+        let h, g = "";
         if (p < c) {
           const { name: y = "", image: k = "" } = Jn(d);
           if (o)
@@ -2152,9 +2152,9 @@ const Tn = {
                 _r(y, 0)
               ]
             }
-          ), _ = "number-left";
+          ), g = "number-left";
         }
-        return h ? /* @__PURE__ */ a.jsx("li", { className: w("contributor", _), children: h }, p) : null;
+        return h ? /* @__PURE__ */ a.jsx("li", { className: w("contributor", g), children: h }, p) : null;
       }) }),
       r && /* @__PURE__ */ a.jsx("span", { className: "label", children: typeof r == "string" ? r : n.length === 1 ? typeof n[0] == "string" ? f.formatMessage({ id: `member_${n[0]}` }) : Ne(n[0].name || "", 20) : null })
     ] })
@@ -2276,7 +2276,7 @@ const Tn = {
     gtmEvent: "learning-hub"
   }
 }, Gr = ({ data: e, cta: t, link: n, gtmContext: r }) => {
-  var _;
+  var g;
   const s = P(), [i, o] = R({
     loading: !1,
     registered: e.registered || !1
@@ -2286,7 +2286,7 @@ const Tn = {
   }, [e.registered]);
   const { startDate: c, dateHasPassed: m, pill: l, slug: f } = e, d = e.contentType;
   let p = "";
-  if ((_ = it[d]) != null && _.gtmEvent && (p = it[d].gtmEvent), c && m)
+  if ((g = it[d]) != null && g.gtmEvent && (p = it[d].gtmEvent), c && m)
     return /* @__PURE__ */ a.jsx(
       "a",
       {
@@ -2299,7 +2299,7 @@ const Tn = {
     );
   if (d === "people")
     return /* @__PURE__ */ a.jsx(
-      B,
+      q,
       {
         variant: "tertiary",
         size: "small",
@@ -2314,17 +2314,17 @@ const Tn = {
   if (t && t.onClick && h.includes(d) && l !== "premium") {
     const y = i.loading || i.registered, k = async (v) => {
       if (v.preventDefault(), v.stopPropagation(), !(y || !t || !t.onClick)) {
-        o((g) => ({ ...g, loading: !0 }));
+        o((_) => ({ ..._, loading: !0 }));
         try {
-          const g = await t.onClick(e);
-          o(g === "success" ? () => ({ registered: !0, loading: !1 }) : (b) => ({ ...b, loading: !1 }));
+          const _ = await t.onClick(e);
+          o(_ === "success" ? () => ({ registered: !0, loading: !1 }) : (b) => ({ ...b, loading: !1 }));
         } catch {
           o((b) => ({ ...b, loading: !1 }));
         }
       }
     };
     return /* @__PURE__ */ a.jsx(
-      B,
+      q,
       {
         onClick: k,
         className: "gtm-trackable",
@@ -2383,24 +2383,24 @@ const Qr = {
         "data-testid": "card-placeholder"
       }
     );
-  const { contentType: _ } = d;
-  if (!_ || !it[_])
+  const { contentType: g } = d;
+  if (!g || !it[g])
     return /* @__PURE__ */ a.jsx(_e, { element: "li", className: "card-wrapper" });
   const {
     basePath: y = "",
     className: k,
     length: v,
-    gtmEvent: g
-  } = it[_], b = zn(`card_label_${_}`) ? o.formatMessage({ id: `card_label_${_}` }) : !1, j = d.slug ? `${y}${d.slug}` : !1, C = { ...Qr, ...v };
+    gtmEvent: _
+  } = it[g], b = zn(`card_label_${g}`) ? o.formatMessage({ id: `card_label_${g}` }) : !1, j = d.slug ? `${y}${d.slug}` : !1, C = { ...Qr, ...v };
   let S = { className: "card" };
   j && (S = {
     href: j,
     className: "card gtm-trackable",
     "data-gtm-event-context": `${s}-CarouselCard`,
-    "data-gtm-event-type": `${g}-click`,
+    "data-gtm-event-type": `${_}-click`,
     "data-testid": "link"
   }, d.openInNewTab && (S.target = "_blank"));
-  const Y = d.customIcon ? { "--custom-icon": Kr(d.customIcon) } : {};
+  const I = d.customIcon ? { "--custom-icon": Kr(d.customIcon) } : {};
   return /* @__PURE__ */ a.jsx(
     "li",
     {
@@ -2410,8 +2410,8 @@ const Qr = {
         "has-custom-icon": d.customIcon,
         "has-image": d.banner
       }),
-      style: Y,
-      "data-testid": `${_}-card`,
+      style: I,
+      "data-testid": `${g}-card`,
       children: A.createElement(
         j ? "a" : "div",
         S,
@@ -2452,11 +2452,11 @@ const Qr = {
           d.partner && /* @__PURE__ */ a.jsx("p", { className: "partners", "data-testid": "partners", children: Ne(d.partner.title, C.partner) }),
           /* Text */
           ["title", "text", "secondaryText"].map((F) => {
-            const $ = d[F];
-            if (!$)
+            const M = d[F];
+            if (!M)
               return null;
-            const M = ur(F);
-            return /* @__PURE__ */ a.jsx("p", { className: M, "data-testid": M, children: Ne($, C[F]) }, F);
+            const T = ur(F);
+            return /* @__PURE__ */ a.jsx("p", { className: T, "data-testid": T, children: Ne(M, C[F]) }, F);
           }),
           /* @__PURE__ */ a.jsx(Yr, { type: k || "", data: d }),
           /* @__PURE__ */ a.jsx(Gr, { data: d, cta: r, link: j || "", gtmContext: s })
@@ -2525,51 +2525,51 @@ const ts = ({
   }), { cardsPerPage: f, isLoading: d } = m, [p, h] = R({
     currentPage: 0,
     loadedPages: [0]
-  }), { currentPage: _, loadedPages: y } = p, k = t.length, v = Math.ceil(k / f), g = ne(null), b = He(!0, !0, g == null ? void 0 : g.current);
+  }), { currentPage: g, loadedPages: y } = p, k = t.length, v = Math.ceil(k / f), _ = te(null), b = He(!0, !0, _ == null ? void 0 : _.current);
   G(() => {
-    let $ = 1;
-    b && (b >= Nt.fourCards ? $ = 4 : b >= Nt.threeCards ? $ = 3 : b >= Nt.twoCards && ($ = 2), $ > k && ($ = k)), l((M) => ({
-      ...M,
-      cardsPerPage: $,
+    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,
       isLoading: !1
     }));
   }, [b, k]);
-  const j = ($ = "next") => {
-    let M = _;
-    if (typeof $ == "string")
-      if ($ === "next")
-        if (_ < v - 1)
-          M = _ + 1;
+  const j = (M = "next") => {
+    let T = g;
+    if (typeof M == "string")
+      if (M === "next")
+        if (g < v - 1)
+          T = g + 1;
         else
           return;
-      else if (_ > 0)
-        M = _ - 1;
+      else if (g > 0)
+        T = g - 1;
       else
         return;
     else
-      M = $;
+      T = M;
     h((E) => ({
       ...E,
-      currentPage: M,
-      loadedPages: [.../* @__PURE__ */ new Set([...y, M])]
+      currentPage: T,
+      loadedPages: [.../* @__PURE__ */ new Set([...y, T])]
     }));
-  }, C = ($) => {
-    Ge = $.touches[0].clientX;
-  }, S = ($) => {
+  }, C = (M) => {
+    Ge = M.touches[0].clientX;
+  }, S = (M) => {
     if (Ge === null)
       return;
-    const M = $.touches[0].clientX, E = Ge - M;
+    const T = M.touches[0].clientX, E = Ge - T;
     E > 5 ? j("next") : E < -5 && j("previous"), Ge = null;
-  }, Y = {
-    "--width": `${((F = g == null ? void 0 : g.current) == null ? void 0 : F.offsetWidth) || 0}px`,
+  }, I = {
+    "--width": `${((F = _ == null ? void 0 : _.current) == null ? void 0 : F.offsetWidth) || 0}px`,
     "--total-cards": k,
     "--cards-per-page": f,
-    "--page": _
+    "--page": g
   };
   return d ? /* @__PURE__ */ a.jsx(Kn, { layout: `carousel${s ? "-with-title" : ""}` }) : /* @__PURE__ */ a.jsxs(
     "section",
     {
-      ref: g,
+      ref: _,
       className: w("carousel-wrapper", i),
       "data-testid": "carousel",
       children: [
@@ -2580,20 +2580,20 @@ const ts = ({
             className: "carousel",
             onTouchStart: C,
             onTouchMove: S,
-            style: Y,
+            style: I,
             "data-testid": "carousel-list",
-            children: t.map(($, M) => {
-              let E = $ && $.sys && $.sys.id ? `${e}-card-${$.sys.id}` : null;
-              return E && Xr(M, f, _, y) ? /* @__PURE__ */ a.jsx(
+            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(
                 ea,
                 {
                   id: E,
-                  card: { ...$, contentType: n[M] },
+                  card: { ...M, contentType: n[T] },
                   buildCardData: r,
                   gtmContext: o
                 },
                 E
-              ) : (E = E || `${e}-card-${M}`, /* @__PURE__ */ a.jsx(
+              ) : (E = E || `${e}-card-${T}`, /* @__PURE__ */ a.jsx(
                 _e,
                 {
                   element: "li",
@@ -2607,46 +2607,46 @@ const ts = ({
         ),
         v <= 1 ? null : /* @__PURE__ */ a.jsxs("ul", { className: "controls", "data-testid": "carousel-controls", children: [
           /* @__PURE__ */ a.jsx("li", { className: "arrow previous", children: /* @__PURE__ */ a.jsx(
-            B,
+            q,
             {
               variant: "secondary",
               size: "large",
               icon: { icon: "chevron_left" },
-              onClick: ($) => {
-                $.preventDefault(), $.stopPropagation(), j("previous");
+              onClick: (M) => {
+                M.preventDefault(), M.stopPropagation(), j("previous");
               },
               screenreaderText: c.formatMessage({
                 id: "carousel_pagination_previous"
               }),
-              disabled: _ <= 0
+              disabled: g <= 0
             }
           ) }),
-          [...Array(v)].map(($, M) => /* @__PURE__ */ a.jsx("li", { "data-testid": "carousel-controls-button", children: /* @__PURE__ */ a.jsx(
+          [...Array(v)].map((M, T) => /* @__PURE__ */ a.jsx("li", { "data-testid": "carousel-controls-button", children: /* @__PURE__ */ a.jsx(
             "button",
             {
               className: w("page-indicator", {
-                selected: M === _
+                selected: T === g
               }),
               onClick: (E) => {
-                E.preventDefault(), E.stopPropagation(), j(M);
+                E.preventDefault(), E.stopPropagation(), j(T);
               },
               children: /* @__PURE__ */ a.jsx(ae, { showOnFocus: !1, children: c.formatMessage(
                 { id: "carousel_pagination_page" },
-                { number: M + 1, total: v }
+                { number: T + 1, total: v }
               ) })
             }
-          ) }, `page-indicator-${M}`)),
+          ) }, `page-indicator-${T}`)),
           /* @__PURE__ */ a.jsx("li", { className: "arrow next", children: /* @__PURE__ */ a.jsx(
-            B,
+            q,
             {
               variant: "secondary",
               size: "large",
               icon: { icon: "chevron_right" },
-              onClick: ($) => {
-                $.preventDefault(), $.stopPropagation(), j("next");
+              onClick: (M) => {
+                M.preventDefault(), M.stopPropagation(), j("next");
               },
               screenreaderText: c.formatMessage({ id: "carousel_pagination_next" }),
-              disabled: _ >= v - 1
+              disabled: g >= v - 1
             }
           ) })
         ] })
@@ -2694,7 +2694,7 @@ const Pt = "joinCommunityButton", ta = ({ isMember: e = !1, isShort: t = !1, fun
   }, [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(
-    B,
+    q,
     {
       variant: c ? "secondary" : "primary",
       size: "medium",
@@ -2746,7 +2746,7 @@ const At = "communityDetails_", Ri = ({
     ] }),
     /* @__PURE__ */ a.jsx(ta, { isMember: t, functions: { ...o } }),
     t && /* @__PURE__ */ a.jsx(
-      B,
+      q,
       {
         variant: "primary",
         onClick: i,
@@ -2785,15 +2785,15 @@ const Li = ({
   };
   return /* @__PURE__ */ a.jsx("ul", { className: w("filters", s), children: o.map(({ id: f, text: d, disabled: p = !1, callback: h = () => {
   } }) => {
-    let _ = {};
-    return p && (_ = { disabled: !0, "aria-label": i.formatMessage({ id: "filters_disabled" }, { name: d }) }), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
+    let g = {};
+    return p && (g = { disabled: !0, "aria-label": i.formatMessage({ id: "filters_disabled" }, { name: d }) }), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
       "button",
       {
         className: w(f, { selected: c.includes(f) }),
         onClick: (y) => {
           y.preventDefault(), y.stopPropagation(), l(f, h);
         },
-        ..._,
+        ...g,
         children: d
       }
     ) }, f);
@@ -2824,7 +2824,7 @@ const Ft = { en: "English", es: "Español", fr: "Français", pt: "Português" },
     e !== f && d(e);
   }, [e]), !r || !Object.values(r).some((y) => y && y.post_name))
     return null;
-  const h = Object.keys(r), _ = f !== e;
+  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` }) }),
@@ -2840,9 +2840,9 @@ const Ft = { en: "English", es: "Español", fr: "Français", pt: "Português" },
           }
         }, /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(gt, { ...k, fallbackElement: "span", children: Ft[y] }) }, y);
       }) }),
-      o !== "short" && !_ && /* @__PURE__ */ a.jsx("p", { children: l.formatMessage({ id: `${Ke}translation_${t ? "original" : n ? "human" : "machine"}` }) })
+      o !== "short" && !g && /* @__PURE__ */ a.jsx("p", { children: l.formatMessage({ id: `${Ke}translation_${t ? "original" : n ? "human" : "machine"}` }) })
     ] }),
-    o !== "short" && !_ && !t && !n && /* @__PURE__ */ a.jsx("small", {
+    o !== "short" && !g && !t && !n && /* @__PURE__ */ a.jsx("small", {
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
       // `values` are throwing a type error: https://github.com/formatjs/formatjs/issues/3633
@@ -2877,7 +2877,7 @@ const Rt = Ua({ locale: "en", messages: Qt }), yt = ({
     }
   };
   return /* @__PURE__ */ a.jsx("footer", { className: w("load-more", s), children: !o && e ? /* @__PURE__ */ a.jsx(
-    B,
+    q,
     {
       variant: "secondary",
       icon: n,
@@ -2893,7 +2893,7 @@ const Rt = 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 = ne(null), [o, c] = R(!1), m = (l) => {
+  const s = P(), i = te(null), [o, c] = R(!1), m = (l) => {
     i.current && l.target instanceof HTMLElement && !i.current.contains(l.target) && c(!1);
   };
   return G(() => (document.addEventListener("click", m, !0), () => {
@@ -2903,7 +2903,7 @@ const as = ({ element: e = "div", id: t = "more-menu", options: n, className: r
     className: w("more-menu text-medium", r),
     children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
       /* @__PURE__ */ a.jsx(
-        B,
+        q,
         {
           variant: "tertiary",
           size: "medium",
@@ -2915,7 +2915,7 @@ const as = ({ element: e = "div", id: t = "more-menu", options: n, className: r
           screenreaderText: s.formatMessage({ id: "moreMenu" })
         }
       ),
-      /* @__PURE__ */ a.jsx("ul", { id: t, hidden: !o, children: n.map(({ href: l, onClick: f, text: d, icon: p, ...h }, _) => {
+      /* @__PURE__ */ a.jsx("ul", { id: t, hidden: !o, children: n.map(({ href: l, onClick: f, text: d, icon: p, ...h }, g) => {
         const y = {
           ...h,
           onClick: (k) => {
@@ -2931,7 +2931,7 @@ const as = ({ element: e = "div", id: t = "more-menu", options: n, className: r
           }
         };
         return l && (y.href = l), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
-          B,
+          q,
           {
             variant: "tertiary",
             size: "medium",
@@ -2939,7 +2939,7 @@ const as = ({ element: e = "div", id: t = "more-menu", options: n, className: r
             ...y,
             children: d
           }
-        ) }, `${window.btoa(d)}_${_}`);
+        ) }, `${window.btoa(d)}_${g}`);
       }) })
     ] })
   });
@@ -3059,9 +3059,9 @@ const cs = "shareLinks_", Oi = ({
     /* @__PURE__ */ a.jsx("ul", { children: m.map(({ key: l, icon: f, url: d, shouldRender: p = !0, onClick: h }) => {
       if (typeof p == "function" && !p())
         return null;
-      const _ = {};
-      return h && (_.onClick = (y) => h(y, d)), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
-        B,
+      const g = {};
+      return h && (g.onClick = (y) => h(y, d)), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
+        q,
         {
           size: s,
           variant: "tertiary",
@@ -3074,7 +3074,7 @@ const cs = "shareLinks_", Oi = ({
           "data-gtm-event-type": `${l}-click`,
           "data-testid": "link",
           screenreaderText: c.formatMessage({ id: `${cs}link_${l}` }),
-          ..._
+          ...g
         }
       ) }, l);
     }) })
@@ -3099,7 +3099,7 @@ 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 _ = s === l, y = {};
+    const g = s === l, y = {};
     p || (y["aria-controls"] = l, y.onClick = (k) => {
       k.preventDefault(), k.stopPropagation(), i(l), window.location.hash = `#${l}`;
     }, c.push(
@@ -3107,10 +3107,10 @@ const Bi = ({ tabs: e, className: t = "" }) => {
         "section",
         {
           id: l,
-          hidden: !_,
+          hidden: !g,
           role: "tabpanel",
           "aria-labelledby": `tab-${l}`,
-          "aria-live": _ ? "assertive" : "off",
+          "aria-live": g ? "assertive" : "off",
           children: typeof d == "string" ? /* @__PURE__ */ a.jsx("p", { children: d }) : d
         },
         `section-${l}`
@@ -3121,9 +3121,9 @@ const Bi = ({ tabs: e, className: t = "" }) => {
         {
           href: p || `#${l}`,
           id: `tab-${l}`,
-          className: w({ selected: _ }),
+          className: w({ selected: g }),
           role: "tab",
-          "aria-selected": _,
+          "aria-selected": g,
           ...y,
           children: f
         }
@@ -3367,7 +3367,7 @@ const Je = "emailHelperTextBox_", qi = ({ type: e, email: t, redirectPath: n, re
   const s = P(), [i, o] = R({ path: `${Je}default`, type: "default", link: {}, mail: {}, error: "" }), [c, m] = R(!1), l = Dn(
     (h) => {
       h.preventDefault(), h.stopPropagation();
-      const _ = (y) => {
+      const g = (y) => {
         o({
           path: `${Je}error_verificationFailedToSend`,
           type: "error",
@@ -3389,13 +3389,13 @@ const Je = "emailHelperTextBox_", qi = ({ type: e, email: t, redirectPath: n, re
         });
       };
       if (typeof r != "function") {
-        _(s.formatMessage({ id: `${Je}error_noFunction` }));
+        g(s.formatMessage({ id: `${Je}error_noFunction` }));
         return;
       }
       m(!0), r(t).then(() => {
         localStorage.setItem("email", t), window.location.href = n || "/signup/verify-email";
       }).catch((y) => {
-        _(y.message);
+        g(y.message);
       }).finally(() => {
         m(!1);
       });
@@ -3405,20 +3405,20 @@ const Je = "emailHelperTextBox_", qi = ({ type: e, email: t, redirectPath: n, re
   );
   G(
     () => {
-      let h = Je, _ = "default", y = {}, k = {};
+      let h = Je, g = "default", y = {}, k = {};
       switch (e) {
         case "gov":
-          h += "autoApproved", _ = "success";
+          h += "autoApproved", g = "success";
           break;
         case "nonGov":
-          h += "unrecognisedEmail", _ = "error", y = {
+          h += "unrecognisedEmail", g = "error", y = {
             href: "https://about.apolitical.co/who-can-join-the-community",
             "data-gtm-event-context": "NonGovEmailHelperTextBox",
             "data-gtm-event-type": "LearnMoreClick"
           };
           break;
         case "pending":
-          h += "pendingApproval", _ = "error", k = {
+          h += "pendingApproval", g = "error", k = {
             href: "mailto:concierge@apolitical.co",
             className: "gtm-trackable",
             "data-gtm-event-context": "EmailExistsBox",
@@ -3426,7 +3426,7 @@ const Je = "emailHelperTextBox_", qi = ({ type: e, email: t, redirectPath: n, re
           };
           break;
         case "verify":
-          h += "emailUnverified", _ = "error", y = {
+          h += "emailUnverified", g = "error", y = {
             href: "#",
             "data-gtm-event-context": "VerifyEmailBox",
             "data-gtm-event-type": "SendEmailClick",
@@ -3436,7 +3436,7 @@ const Je = "emailHelperTextBox_", qi = ({ type: e, email: t, redirectPath: n, re
           };
           break;
         case "exists":
-          h += "emailAlreadyExists", _ = "error", y = {
+          h += "emailAlreadyExists", g = "error", y = {
             href: "/user-onboarding/login",
             "data-gtm-event-context": "EmailExistsBox",
             "data-gtm-event-type": "login-click"
@@ -3455,14 +3455,14 @@ const Je = "emailHelperTextBox_", qi = ({ type: e, email: t, redirectPath: n, re
           };
           break;
       }
-      o({ ...i, path: h, type: _, link: y, mail: k });
+      o({ ...i, path: h, type: g, link: y, mail: k });
     },
     /* eslint-disable react-hooks/exhaustive-deps */
     [e]
   );
   const f = {};
   return ["link", "mail"].forEach((h) => {
-    f[h] = Object.keys(i[h]).length ? (_) => /* @__PURE__ */ a.jsx("a", { ...i[h], children: _ }) : (_) => _;
+    f[h] = Object.keys(i[h]).length ? (g) => /* @__PURE__ */ a.jsx("a", { ...i[h], children: g }) : (g) => g;
   }), /* @__PURE__ */ a.jsx(Ar, { type: i.type, heading: c ? !1 : s.formatMessage({ id: `${i.path}_title` }), children: c ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsx(_e, { element: "span" }),
     /* @__PURE__ */ a.jsx(_e, { element: "span" })
@@ -3519,51 +3519,51 @@ const Ui = ({
   const c = P(), [m, l] = R({ setUp: !1, id: null, rating: null, disabled: !0 }), f = async () => {
     try {
       const v = await n();
-      l((g) => ({ ...g, setUp: !0, id: v && v.id, disabled: !1 }));
+      l((_) => ({ ..._, setUp: !0, id: v && v.id, disabled: !1 }));
     } catch (v) {
-      l((g) => ({ ...g, setUp: !0, disabled: !0 })), s(v);
+      l((_) => ({ ..._, setUp: !0, disabled: !0 })), s(v);
     }
   };
   if (G(() => {
     o && !m.setUp && f();
   }, [o]), !o)
     return /* @__PURE__ */ a.jsx(_e, { className: "rating-placeholder" });
-  const { id: d, rating: p, disabled: h } = m, _ = "ratings_", y = {
-    text: c.formatMessage({ id: `${_}text` }),
-    low: c.formatMessage({ id: `${_}low` }),
-    high: c.formatMessage({ id: `${_}high` }),
-    success: c.formatMessage({ id: `${_}success` }),
+  const { id: d, rating: p, disabled: h } = m, g = "ratings_", y = {
+    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) => {
     if (!(!d || h))
       try {
-        l((g) => ({ ...g, rating: v, disabled: !0 })), await r({ id: d, value: v });
-      } catch (g) {
-        l((b) => ({ ...b, rating: null })), s(g);
+        l((_) => ({ ..._, rating: v, disabled: !0 })), await r({ id: d, value: v });
+      } catch (_) {
+        l((b) => ({ ...b, rating: null })), s(_);
       } finally {
-        l((g) => ({ ...g, disabled: !1 }));
+        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 g = v + 1;
-      return /* @__PURE__ */ a.jsx("li", { className: w({ selected: p && g <= p }), children: /* @__PURE__ */ a.jsx(
-        B,
+      const _ = v + 1;
+      return /* @__PURE__ */ a.jsx("li", { className: w({ selected: p && _ <= p }), children: /* @__PURE__ */ a.jsx(
+        q,
         {
           variant: "tertiary",
           size: "small",
-          icon: { icon: `star${!p || g > p ? "_empty" : ""}`, position: "left", hover: "star" },
+          icon: { icon: `star${!p || _ > p ? "_empty" : ""}`, position: "left", hover: "star" },
           screenreaderText: `${c.formatMessage(
-            { id: `${_}stars` },
-            { number: g, total: t }
-          )}${g === 1 || g === t ? ` - ${y[g === 1 ? "low" : "high"]}` : ""}`,
+            { id: `${g}stars` },
+            { number: _, total: t }
+          )}${_ === 1 || _ === t ? ` - ${y[_ === 1 ? "low" : "high"]}` : ""}`,
           onClick: (b) => {
-            b.preventDefault(), b.stopPropagation(), k(g);
+            b.preventDefault(), b.stopPropagation(), k(_);
           },
           disabled: h
         }
-      ) }, `rating-${g}`);
+      ) }, `rating-${_}`);
     }) })
   ] });
 };
@@ -3575,7 +3575,7 @@ const ps = ({
   gtmContext: s = "search-bar",
   gtmEvent: i = "form-submission"
 }) => {
-  const { searchIsOpen: o = !0, isDesktopVersion: c = !1 } = n || {}, m = P(), l = ne(null);
+  const { searchIsOpen: o = !0, isDesktopVersion: c = !1 } = n || {}, m = P(), l = te(null);
   Pe(() => {
     !n || c || !o || l.current && l.current.focus();
   }, [o]);
@@ -3633,7 +3633,7 @@ const hs = ({
   initialFormStatus: l = "NOT_SUBMITTED"
   /* NOT_SUBMITTED */
 }) => {
-  const [f, d] = R([]), [p, h] = R(!0), [_, y] = R(l), { formatMessage: k } = P(), v = async (j) => {
+  const [f, d] = R([]), [p, h] = R(!0), [g, y] = R(l), { formatMessage: k } = P(), v = async (j) => {
     j.preventDefault();
     try {
       await m(f), d([]), y(
@@ -3646,7 +3646,7 @@ const hs = ({
         /* ERROR */
       ), c(C);
     }
-  }, g = (j) => {
+  }, _ = (j) => {
     j.preventDefault(), y(
       "NOT_SUBMITTED"
       /* NOT_SUBMITTED */
@@ -3657,16 +3657,16 @@ const hs = ({
       /* CLOSED */
     );
   };
-  return _ === "CLOSED" ? null : _ === "ERROR" || _ === "SUCCESS" ? /* @__PURE__ */ a.jsxs("div", { className: "invite-form-wrapper", children: [
-    /* @__PURE__ */ a.jsx("div", { className: "content centred", children: _ === "SUCCESS" ? /* @__PURE__ */ a.jsx("h2", { className: "success-title", children: k({ id: "inviteForm_success" }) }) : /* @__PURE__ */ a.jsxs("h2", { className: "error-title", children: [
+  return g === "CLOSED" ? null : g === "ERROR" || g === "SUCCESS" ? /* @__PURE__ */ a.jsxs("div", { className: "invite-form-wrapper", children: [
+    /* @__PURE__ */ a.jsx("div", { className: "content centred", children: g === "SUCCESS" ? /* @__PURE__ */ a.jsx("h2", { className: "success-title", children: k({ id: "inviteForm_success" }) }) : /* @__PURE__ */ a.jsxs("h2", { className: "error-title", children: [
       " ",
       k({ id: "inviteForm_error" })
     ] }) }),
     /* @__PURE__ */ a.jsx(Te, {}),
-    /* @__PURE__ */ a.jsx("div", { className: "footer", children: _ === "SUCCESS" ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-      /* @__PURE__ */ a.jsx(B, { variant: "secondary", onClick: g, children: k({ id: "inviteForm_ctaSendMoreInvites" }) }),
-      /* @__PURE__ */ a.jsx(B, { onClick: b, children: k({ id: "inviteForm_ctaDone" }) })
-    ] }) : /* @__PURE__ */ a.jsx(B, { onClick: g, children: k({ id: "inviteForm_ctaTryAgain" }) }) })
+    /* @__PURE__ */ a.jsx("div", { className: "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("div", { className: "invite-form-wrapper", children: /* @__PURE__ */ a.jsxs(
     "form",
     {
@@ -3691,7 +3691,7 @@ const hs = ({
               getLabel: (j, C, S) => /* @__PURE__ */ a.jsxs("div", { className: "email text-medium", children: [
                 /* @__PURE__ */ a.jsx("div", { "data-tag-item": !0, children: j }),
                 /* @__PURE__ */ a.jsx(
-                  B,
+                  q,
                   {
                     variant: "tertiary",
                     size: "small",
@@ -3708,11 +3708,11 @@ const hs = ({
           )
         ] }),
         /* @__PURE__ */ a.jsx(Te, {}),
-        /* @__PURE__ */ a.jsx("fieldset", { className: "footer", children: /* @__PURE__ */ a.jsx(B, { className: "sendEmailsButton", disabled: p, children: n }) })
+        /* @__PURE__ */ a.jsx("fieldset", { className: "footer", children: /* @__PURE__ */ a.jsx(q, { className: "sendEmailsButton", disabled: p, children: n }) })
       ]
     }
   ) });
-}, U = {
+}, W = {
   timeouts: {},
   handlerCalled: {},
   getIsDesktopVersion: (e, t) => {
@@ -3735,9 +3735,9 @@ const hs = ({
     if (n[e] === t || e === "account" && t === !1 && n.navigation === !0)
       return;
     const s = Date.now();
-    if (!t && U.handlerCalled[e] && s - U.handlerCalled[e] < 500)
+    if (!t && W.handlerCalled[e] && s - W.handlerCalled[e] < 500)
       return;
-    U.handlerCalled[e] = s;
+    W.handlerCalled[e] = s;
     let i = [{ type: `menus.${e}`, value: t }];
     t === !0 && Object.keys(n).forEach((o) => {
       o === e || n[o] === !1 || i.push({ type: `menus.${o}`, value: !1 });
@@ -3762,7 +3762,7 @@ const hs = ({
       if (!(typeof s > "u") && (!n || s[t] && s[t].includes(n) || s.value && s.value.includes(n) || s.toString().includes(n)))
         return e[r];
     }
-    return e[0].children ? U.findFirstChild(e[0].children, t, n) : !1;
+    return e[0].children ? W.findFirstChild(e[0].children, t, n) : !1;
   },
   autoFocus: ({ menu: e, navigationRef: t, isDesktopVersion: n, focusElements: r, dispatch: s }) => {
     if (!t.current || !t.current.children)
@@ -3776,20 +3776,20 @@ const hs = ({
     switch (e) {
       case "navigation":
         if (n) {
-          const m = U.findFirstChild(
+          const m = W.findFirstChild(
             t.current.children,
             "attributes.aria-controls",
             "navigation"
           );
-          o = U.findFirstChild(m.children, "href");
+          o = W.findFirstChild(m.children, "href");
         } else
-          o = U.findFirstChild(t.current.children, "href");
+          o = W.findFirstChild(t.current.children, "href");
         o || (o = t.current);
         break;
       case "account":
-        if (c = U.findFirstChild(t.current.children, "className", "account"), !c || !c.children)
+        if (c = W.findFirstChild(t.current.children, "className", "account"), !c || !c.children)
           return;
-        o = U.findFirstChild(c.children, "href");
+        o = W.findFirstChild(c.children, "href");
         break;
       default:
         return;
@@ -3798,16 +3798,16 @@ const hs = ({
   },
   events: {
     onClick: (e, { id: t, callback: n, isOpen: r }) => {
-      e.target && e.target.attributes && e.target.attributes.href || (e.preventDefault(), e.stopPropagation(), clearTimeout(U.timeouts[t]), n(t, !r));
+      e.target && e.target.attributes && e.target.attributes.href || (e.preventDefault(), e.stopPropagation(), clearTimeout(W.timeouts[t]), n(t, !r));
     },
     onFocus: ({ id: e }) => {
-      clearTimeout(U.timeouts[e]);
+      clearTimeout(W.timeouts[e]);
     },
     onMouseEnter: ({ id: e, callback: t }) => {
-      clearTimeout(U.timeouts[e]), t(e, !0);
+      clearTimeout(W.timeouts[e]), t(e, !0);
     },
     onBlur: ({ id: e, callback: t }) => {
-      U.timeouts[e] = setTimeout(() => {
+      W.timeouts[e] = setTimeout(() => {
         t(e, !1);
       }, 250);
     }
@@ -3904,10 +3904,10 @@ const hs = ({
   c.hasVariantText && (d += `_logged${t ? "In" : "Out"}`);
   let p = !1;
   if (c.href) {
-    let g = c.gtmType || `${e}-click`;
-    if (g.includes(".")) {
-      const b = g.split("."), j = b[b.length - 2];
-      g = `${j === "topics" ? `${j}-` : ""}${b[b.length - 1]}`;
+    let _ = c.gtmType || `${e}-click`;
+    if (_.includes(".")) {
+      const b = _.split("."), j = b[b.length - 2];
+      _ = `${j === "topics" ? `${j}-` : ""}${b[b.length - 1]}`;
     }
     p = {
       href: c.href,
@@ -3915,7 +3915,7 @@ const hs = ({
     }, l && (p = {
       ...p,
       className: "gtm-trackable",
-      "data-gtm-event-type": g,
+      "data-gtm-event-type": _,
       "data-gtm-event-context": "HeaderButtons"
     }), f && (p = {
       ...p,
@@ -3924,35 +3924,35 @@ const hs = ({
       ...c.props || {}
     });
   }
-  const h = c.order && c.order[0] && c[c.order[0]], _ = h && c[c.order[0]].order, y = p && window.location.pathname === c.href;
+  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 = {};
   if (h) {
-    const g = c.menuId || e, b = {
-      onClick: (j) => U.events.onClick(j, { id: g, callback: s, isOpen: r[g] }),
-      onFocus: () => U.events.onFocus({ id: g }),
-      onBlur: () => U.events.onBlur({ id: g, callback: s }),
-      onMouseLeave: () => U.events.onBlur({ id: g, callback: s }),
-      onMouseEnter: () => U.events.onMouseEnter({ id: g, callback: s })
+    const _ = c.menuId || e, b = {
+      onClick: (j) => W.events.onClick(j, { id: _, callback: s, isOpen: r[_] }),
+      onFocus: () => W.events.onFocus({ id: _ }),
+      onBlur: () => W.events.onBlur({ id: _, callback: s }),
+      onMouseLeave: () => W.events.onBlur({ id: _, callback: s }),
+      onMouseEnter: () => W.events.onMouseEnter({ id: _, callback: s })
     };
-    n && (_ && (k = {
+    n && (g && (k = {
       ...b,
       onKeyPress: (j) => {
-        j.key === "Enter" && U.events.onClick(j, { id: g, callback: s, isOpen: r[g] });
+        j.key === "Enter" && W.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[g],
-      "aria-controls": g
-    }), v = { hidden: g in r ? !r[g] : !0 }), _ || (v = {
+      "aria-expanded": r[_],
+      "aria-controls": _
+    }), v = { hidden: _ in r ? !r[_] : !0 }), g || (v = {
       ...v,
       ...b
     });
   }
-  return /* @__PURE__ */ a.jsxs("li", { className: w({ [c.className]: c.className, "has-submenu": h, parent: _, active: y }), role: "none", ...k, children: [
-    p ? A.createElement(f ? B : "a", p, o.formatMessage({ id: d })) : o.formatMessage({ id: d }),
-    c.order && /* @__PURE__ */ a.jsx("ul", { ...v, children: c.order.map((g) => {
-      if (!c[g])
+  return /* @__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((_) => {
+      if (!c[_])
         return null;
       const b = {
         isLoggedIn: t,
@@ -3961,16 +3961,16 @@ const hs = ({
         callback: s,
         doTrack: m ? l : null
       };
-      return c[g].order ? /* @__PURE__ */ a.jsxs("li", { className: w({ [c[g].className]: c[g].className }), children: [
-        o.formatMessage({ id: `${d}_${g}` }),
-        /* @__PURE__ */ a.jsx("ul", { children: c[g].order.map((j) => /* @__PURE__ */ a.jsx(lt, { id: `${e}.${g}.${j}`, ...b }, j)) })
-      ] }, g) : /* @__PURE__ */ a.jsx(lt, { id: `${e}.${g}`, ...b }, g);
+      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 }, _);
     }) })
   ] }, 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(
-    () => U.getIsDesktopVersion(s, r),
+    () => W.getIsDesktopVersion(s, r),
     [s, r]
   ), [o, c] = Oa(vr, {
     headerIsVisible: !0,
@@ -3984,18 +3984,18 @@ const gs = { height: 67, height_desktop: 83 }, oa = ({ showNavigation: e = !0 })
     scrollPosition: gs[`height${i.navigation ? "_desktop" : ""}`],
     callbacks: {
       scrollUp: () => {
-        !i && l.navigation || U.shouldChangeHeaderIsVisible(!0, l, c);
+        !i && l.navigation || W.shouldChangeHeaderIsVisible(!0, l, c);
       },
       scrollDown: () => {
-        !i && l.navigation || U.shouldChangeHeaderIsVisible(!1, l, c);
+        !i && l.navigation || W.shouldChangeHeaderIsVisible(!1, l, c);
       }
     }
   });
-  const d = (h, _) => {
-    U.handleMenus({ id: h, value: _, menus: l, dispatch: c });
-  }, p = ne(null);
+  const d = (h, g) => {
+    W.handleMenus({ id: h, value: g, menus: l, dispatch: c });
+  }, p = te(null);
   return Pe(() => {
-    l.navigation && U.autoFocus({
+    l.navigation && W.autoFocus({
       menu: "navigation",
       navigationRef: p,
       isDesktopVersion: i.navigation,
@@ -4003,7 +4003,7 @@ const gs = { height: 67, height_desktop: 83 }, oa = ({ showNavigation: e = !0 })
       dispatch: c
     });
   }, [l.navigation]), Pe(() => {
-    l.account && U.autoFocus({
+    l.account && W.autoFocus({
       menu: "account",
       navigationRef: p,
       isDesktopVersion: i.navigation,
@@ -4105,13 +4105,13 @@ const gs = { height: 67, height_desktop: 83 }, oa = ({ showNavigation: e = !0 })
               "button",
               {
                 className: "account-button",
-                onClick: (h) => U.events.onClick(h, {
+                onClick: (h) => W.events.onClick(h, {
                   id: "account",
                   callback: d,
                   isOpen: l.account
                 }),
-                onMouseEnter: () => U.events.onMouseEnter({ id: "account", callback: d }),
-                onMouseLeave: () => U.events.onBlur({ id: "account", callback: d }),
+                onMouseEnter: () => W.events.onMouseEnter({ id: "account", callback: d }),
+                onMouseLeave: () => W.events.onBlur({ id: "account", callback: d }),
                 "aria-haspopup": "true",
                 "aria-expanded": l.account,
                 "aria-controls": "navigation",
@@ -4167,8 +4167,8 @@ const la = ({
   className: f = "",
   gtmContext: d = "Modal"
 }) => {
-  const p = P(), [h, _] = R(t), y = (v) => {
-    _(v), v ? (s(), document.body.classList.add("has-overlay")) : (i(), document.body.classList.remove("has-overlay"));
+  const p = P(), [h, g] = R(t), y = (v) => {
+    g(v), v ? (s(), document.body.classList.add("has-overlay")) : (i(), document.body.classList.remove("has-overlay"));
   };
   G(() => {
     y(t);
@@ -4185,7 +4185,7 @@ const la = ({
         /* @__PURE__ */ a.jsxs("div", { className: "top", children: [
           c && /* @__PURE__ */ a.jsx("h2", { className: "modal-title", children: c }),
           /* @__PURE__ */ a.jsx(
-            B,
+            q,
             {
               variant: "tertiary",
               size: "medium",
@@ -4273,7 +4273,7 @@ const bs = () => {
   G(() => {
     window.scrollTo(0, 0);
   }, [h]);
-  const _ = at(e, { locale: c }), y = at(t, {
+  const g = at(e, { locale: c }), y = at(t, {
     locale: c
   }), k = at(n, {
     locale: c
@@ -4289,7 +4289,7 @@ const bs = () => {
           y && /* @__PURE__ */ a.jsx("div", { className: "additional-content prepended", children: y }),
           A.createElement(f === "bold" ? ca : "div", {
             id: "content",
-            children: _
+            children: g
           })
         ] }),
         k && /* @__PURE__ */ a.jsx("div", { className: "additional-content appended", children: k }),
@@ -4392,7 +4392,7 @@ const Vi = ({
   ] });
 };
 let et = null;
-const le = "discussion_form_", en = ({
+const de = "discussion_form_", en = ({
   content: e = { type: "response", slugs: {} },
   userHasPermissions: t = !0,
   meta: n = {
@@ -4423,10 +4423,10 @@ const le = "discussion_form_", en = ({
   },
   gtmContext: m = "DiscussionForm"
 }) => {
-  var $, M, E;
+  var M, T, E;
   const l = P(), f = ge(ke), [d, p] = R(
     n.isEditing && n.isEditing.text || ""
-  ), [h, _] = R(o.error || !1), [y, k] = R(!1), v = ne(null);
+  ), [h, g] = R(o.error || !1), [y, k] = R(!1), v = te(null);
   if (r || (r = v), n.isLoading)
     return /* @__PURE__ */ a.jsx(
       _e,
@@ -4435,85 +4435,85 @@ const le = "discussion_form_", en = ({
         "data-testid": "loading-placeholder"
       }
     );
-  const g = (I) => {
-    const Z = I.target.value;
-    p(Z);
-    let q;
-    !f || !f.id ? q = be(
+  const _ = (O) => {
+    const H = O.target.value;
+    p(H);
+    let U;
+    !f || !f.id ? U = be(
       l.formatMessage,
-      `${le}error_loggedOut`,
+      `${de}error_loggedOut`,
       e.type,
       "action"
-    ) : t ? Z.length >= s && (q = `${le}error_tooLong`) : q = be(
+    ) : t ? H.length >= s && (U = `${de}error_tooLong`) : U = be(
       l.formatMessage,
-      `${le}error_noPermission`,
+      `${de}error_noPermission`,
       e.type,
       "action"
-    ), q ? _(q) : h && _(!1);
+    ), U ? g(U) : h && g(!1);
   };
   let b = `${e.type}-form`;
   if (e.type === "response" || e.type === "reply") {
-    const I = (($ = e.slugs) == null ? void 0 : $.reply) || ((M = e.slugs) == null ? void 0 : M.answer) || ((E = e.slugs) == null ? void 0 : E.question) || "";
-    I && (b = `${b}-${I.slice(-15)}`);
+    const 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 j = async (I) => {
-    var q;
-    if (I.preventDefault(), I.stopPropagation(), !f || !f.id || !t || S)
+  const j = async (O) => {
+    var U;
+    if (O.preventDefault(), O.stopPropagation(), !f || !f.id || !t || S)
       return;
     et && clearTimeout(et), k("submitting");
-    const Z = window.location.pathname;
+    const H = window.location.pathname;
     try {
-      let z;
+      let V;
       switch (e.type) {
         case "post":
-          z = await c.create({ content: d });
+          V = await c.create({ content: d });
           break;
         case "question":
-          z = await c.create({
+          V = await c.create({
             title: d,
             authorId: f && f.id,
-            ...(q = c.props) == null ? void 0 : q.create
+            ...(U = c.props) == null ? void 0 : U.create
           });
           break;
         case "response":
-          z = await c.create(
+          V = await c.create(
             { question: e.slugs.question },
-            { body: d, authorId: f && f.id, contentPath: Z }
+            { body: d, authorId: f && f.id, contentPath: H }
           );
           break;
         case "reply":
-          z = await c.create(
+          V = await c.create(
             { question: e.slugs.question, answer: e.slugs.answer },
-            { body: d, authorId: f && f.id, contentPath: Z }
+            { body: d, authorId: f && f.id, contentPath: H }
           );
           break;
         default:
           break;
       }
-      await xr(1e3), c.callback && await c.callback(z), et = setTimeout(() => {
+      await xr(1e3), c.callback && await c.callback(V), et = setTimeout(() => {
         p(""), k("submitted"), C();
       }, 500);
-    } catch (z) {
-      const J = z;
-      let H = `${le}error`;
-      J.message.includes("entry already exists") && (H = be(
+    } catch (V) {
+      const Q = V;
+      let z = `${de}error`;
+      Q.message.includes("entry already exists") && (z = be(
         l.formatMessage,
-        `${le}error_alreadyExists`,
+        `${de}error_alreadyExists`,
         e.type,
         "action"
-      )), J.message.includes("429") ? H = be(
+      )), Q.message.includes("429") ? z = be(
         l.formatMessage,
-        `${le}error_tooMany`,
+        `${de}error_tooMany`,
         e.type,
         "action"
-      ) : J.message.includes("400") && (H = `${le}error`), _(H), C();
+      ) : Q.message.includes("400") && (z = `${de}error`), g(z), C();
     }
   }, C = () => {
     et = setTimeout(() => {
-      _(!1), k(!1);
+      g(!1), k(!1);
     }, 5e3);
-  }, S = !d || !yr(d), Y = y === "submitting", F = [];
-  return (n.isEditing && !Y || o.cancel) && F.push({
+  }, S = !d || !yr(d), I = y === "submitting", F = [];
+  return (n.isEditing && !I || o.cancel) && F.push({
     variant: "secondary",
     size: { mobile: "small", 600: "medium" },
     onClick: c.handleCancel,
@@ -4521,26 +4521,26 @@ const le = "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: `${le}cancel` })
+    children: l.formatMessage({ id: `${de}cancel` })
   }), F.push({
     variant: "primary",
     size: { mobile: "small", 600: "medium" },
-    onClick: (I) => {
+    onClick: (O) => {
       if (n.isEditing) {
         k("submitting"), c.handleSaveEdit && c.handleSaveEdit(
           v.current && "value" in v.current ? v.current.value : ""
         );
         return;
       }
-      j(I);
+      j(O);
     },
     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 || S || Y || n.isEditing && d === n.isEditing.text,
+    disabled: !f || !f.id || !t || S || I || n.isEditing && d === n.isEditing.text,
     children: l.formatMessage({
-      id: `${le}${Y ? n.isEditing ? "saving" : "posting" : n.isEditing ? "save" : "post"}`
+      id: `${de}${I ? n.isEditing ? "saving" : "posting" : n.isEditing ? "save" : "post"}`
     })
   }), /* @__PURE__ */ a.jsxs(
     "form",
@@ -4551,7 +4551,7 @@ const le = "discussion_form_", en = ({
       }),
       "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, `${le}title`, e.type, "action") }),
+        (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") }),
         /* @__PURE__ */ a.jsx(
           Xt,
           {
@@ -4560,7 +4560,7 @@ const le = "discussion_form_", en = ({
             gtmType: "profile-click"
           }
         ),
-        /* @__PURE__ */ a.jsx(ae, { element: "label", showOnFocus: !1, htmlFor: `${b}-input`, children: be(l.formatMessage, `${le}label`, e.type, "action") }),
+        /* @__PURE__ */ a.jsx(ae, { element: "label", showOnFocus: !1, htmlFor: `${b}-input`, children: be(l.formatMessage, `${de}label`, e.type, "action") }),
         /* @__PURE__ */ a.jsx(
           Xa,
           {
@@ -4569,11 +4569,11 @@ const le = "discussion_form_", en = ({
             name: e.type,
             placeholder: be(
               l.formatMessage,
-              `${le}placeholder`,
+              `${de}placeholder`,
               e.type,
               "action"
             ),
-            onChange: g,
+            onChange: _,
             value: d,
             maxLength: s,
             "aria-invalid": !!h,
@@ -4582,8 +4582,8 @@ const le = "discussion_form_", en = ({
             autoFocus: !!n.isEditing
           }
         ),
-        /* @__PURE__ */ a.jsx("small", { children: be(l.formatMessage, `${le}explainer`, e.type, "action", {
-          a: (I) => /* @__PURE__ */ a.jsx(
+        /* @__PURE__ */ a.jsx("small", { children: be(l.formatMessage, `${de}explainer`, e.type, "action", {
+          a: (O) => /* @__PURE__ */ a.jsx(
             "a",
             {
               href: "https://about.apolitical.co/q-and-a-community-guidelines",
@@ -4592,12 +4592,12 @@ const le = "discussion_form_", en = ({
               "data-gtm-event-context": m,
               "data-gtm-event-type": "community-guidelines-link",
               rel: "noreferrer",
-              children: I
+              children: O
             }
           )
         }) }),
         /* @__PURE__ */ a.jsx(ht, { buttons: F }),
-        y === "submitted" && /* @__PURE__ */ a.jsx(Vt, { className: "success", "data-testid": "success", children: be(l.formatMessage, `${le}success`, e.type, "action") }),
+        y === "submitted" && /* @__PURE__ */ a.jsx(Vt, { className: "success", "data-testid": "success", children: be(l.formatMessage, `${de}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 },
           {
@@ -4668,14 +4668,14 @@ const Bt = () => {
   G(() => {
     h(s);
   }, [s]);
-  const [f, d] = R(t), [p, h] = R(s), [_, y] = R(!1), [k, v] = R(!1), g = ft(() => ws(n, Zt), [n]), b = (C) => {
+  const [f, d] = R(t), [p, h] = R(s), [g, y] = R(!1), [k, v] = R(!1), _ = ft(() => ws(n, Zt), [n]), b = (C) => {
     if (C.preventDefault(), C.stopPropagation(), v(!1), Ze)
       return Bt(), !1;
-    if (Bt(), _ || !o)
+    if (Bt(), g || !o)
       return !1;
     Ze = setTimeout(j, 350);
   }, j = async () => {
-    if (Bt(), _ || !o)
+    if (Bt(), g || !o)
       return !1;
     let C = p ? f - 1 : f + 1;
     C < 0 && (C = 0), y(!0), d(C), h(!p);
@@ -4693,7 +4693,7 @@ const Bt = () => {
   return A.createElement(
     e,
     {
-      className: w("likes-wrapper text-medium action-button", { "show-spinner": _, "is-liked": p, disabled: !o }),
+      className: w("likes-wrapper text-medium action-button", { "show-spinner": g, "is-liked": p, disabled: !o }),
       onClick: b,
       onMouseEnter: () => {
         v(!0);
@@ -4709,7 +4709,7 @@ const Bt = () => {
       },
       children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
         /* @__PURE__ */ a.jsx(
-          B,
+          q,
           {
             variant: "tertiary",
             size: "medium",
@@ -4728,7 +4728,7 @@ 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: [
-          g.map((C) => typeof C == "string" || !C.name ? null : /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
+          _.map((C) => typeof C == "string" || !C.name ? null : /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
             gt,
             {
               href: C.id ? `/profiles/${C.id}` : void 0,
@@ -4773,15 +4773,15 @@ const ve = "discussion_", $s = 280, kt = ({
   },
   links: p = {},
   className: h,
-  gtmContext: _ = "DiscussionAnswer",
+  gtmContext: g = "DiscussionAnswer",
   children: y,
   isTruncated: k = !1
 }) => {
-  const v = P(), g = ge(ke), b = ge(vt), [j, C] = R({
+  const v = P(), _ = ge(ke), b = ge(vt), [j, C] = R({
     body: t && t.body || "",
     isEditing: !1,
     didEdit: t && t.isEdited || !1
-  }), [S, Y] = R(!1), [F, $] = R("");
+  }), [S, I] = R(!1), [F, M] = R("");
   if (G(() => {
     C({
       ...j,
@@ -4790,31 +4790,31 @@ const ve = "discussion_", $s = 280, kt = ({
     });
   }, [t.isEdited]), r || !t || t.type === "answer" && (!t.slugs || !t.slugs.question))
     return /* @__PURE__ */ a.jsx(_e, { className: "discussion-card discussion-post" });
-  const { author: M, canLike: E, createdAt: I, id: Z, likes: q = 0, userLiked: z, comments: J = 0 } = t, H = k ? Ne(j.body, $s) : j.body, te = g && g.id && typeof M != "string" && M.id && M.id === g.id || !1, re = typeof E == "boolean" ? E : n ? !te : !1, K = async (W) => {
-    W || (W = ""), $("");
+  const { author: T, canLike: E, createdAt: O, id: H, likes: U = 0, userLiked: V, comments: Q = 0 } = t, z = 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("");
     try {
-      if (!er(W, j.body)) {
-        const ue = t.type === "question" ? { title: W } : { body: W };
+      if (!er(Z, j.body)) {
+        const ue = t.type === "question" ? { title: Z } : { body: Z };
         await m(Sn(t.slugs), ue);
       }
-      C({ body: W, isEditing: !1, didEdit: !0 });
+      C({ body: Z, isEditing: !1, didEdit: !0 });
     } catch {
-      $(`${ve}form_error`);
+      M(`${ve}form_error`);
     }
-  }, ie = () => {
+  }, ne = () => {
     b && b.updateConversation && b.updateConversation({ showThread: !0, showForm: !0 }), setTimeout(() => {
       var me, pe, Ee;
-      const ue = `reply-form-${(t.type === "answer" ? t.slug : ((me = t.slugs) == null ? void 0 : me.reply) || ((pe = t.slugs) == null ? void 0 : pe.answer) || ((Ee = t.slugs) == null ? void 0 : Ee.question) || "").toLowerCase().slice(-15)}`, Q = document.getElementById(ue), se = document.getElementById(`${ue}-input`);
-      se && se.focus(), Q && Q.scrollIntoView({ behavior: "smooth" });
+      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" });
     }, 0);
-  }, de = () => {
-    Y(!1);
+  }, oe = () => {
+    I(!1);
     try {
       c(Sn(t.slugs));
     } catch {
-      $("delete-error");
+      M("delete-error");
     }
-  }, ce = [
+  }, le = [
     {
       text: v.formatMessage({ id: `${ve}moreMenu_report` }),
       href: `mailto:community@apolitical.co?subject=${encodeURI(
@@ -4832,23 +4832,23 @@ const ve = "discussion_", $s = 280, kt = ({
       icon: "flag"
     }
   ];
-  return n && te && ce.push(
+  return n && ee && le.push(
     {
       text: v.formatMessage({ id: `${ve}moreMenu_edit` }),
       onClick: () => C({ ...j, isEditing: !0 }),
       icon: "pencil-paper",
       className: "gtm-trackable",
-      "data-gtm-event-context": _,
+      "data-gtm-event-context": g,
       "data-gtm-event-type": `edit-${t.type}-click`
     },
     {
       text: v.formatMessage({ id: `${ve}moreMenu_delete` }),
-      onClick: (W) => {
-        W.preventDefault(), W.stopPropagation(), Y(!0);
+      onClick: (Z) => {
+        Z.preventDefault(), Z.stopPropagation(), I(!0);
       },
       icon: "trash",
       className: "gtm-trackable",
-      "data-gtm-event-context": _,
+      "data-gtm-event-context": g,
       "data-gtm-event-type": `delete-${t.type}-click`,
       ..._s(`delete-${t.slug}-modal`, S)
     }
@@ -4859,22 +4859,22 @@ const ve = "discussion_", $s = 280, kt = ({
       /* @__PURE__ */ a.jsxs(
         "div",
         {
-          id: Z || t.slug,
+          id: H || t.slug,
           className: w("discussion-card", t.type, {
             editing: j.isEditing,
             "has-link": p.post && !j.isEditing
           }),
-          onClick: (W) => {
-            !p.post || j.isEditing || (W.preventDefault(), W.stopPropagation(), window.location.href = p.post);
+          onClick: (Z) => {
+            !p.post || j.isEditing || (Z.preventDefault(), Z.stopPropagation(), window.location.href = p.post);
           },
           children: [
             !j.isEditing && /* @__PURE__ */ a.jsx(
               Xt,
               {
-                member: M,
-                additionalContent: { createdAt: I, didEdit: j.didEdit },
-                className: typeof M != "string" && M.id === s ? "highlighted" : "",
-                gtmContext: _,
+                member: T,
+                additionalContent: { createdAt: O, didEdit: j.didEdit },
+                className: typeof T != "string" && T.id === s ? "highlighted" : "",
+                gtmContext: g,
                 gtmType: "profile-click"
               }
             ),
@@ -4901,21 +4901,21 @@ const ve = "discussion_", $s = 280, kt = ({
                 },
                 functions: {
                   create: o,
-                  handleSaveEdit: K,
+                  handleSaveEdit: se,
                   handleCancel: () => {
-                    $(""), C({ ...j, isEditing: !1 });
+                    M(""), C({ ...j, isEditing: !1 });
                   }
                 },
-                gtmContext: `${_}Form`
+                gtmContext: `${g}Form`
               }
             ) : p.post ? /* @__PURE__ */ a.jsx(
               "a",
               {
                 href: p.post,
                 className: "gtm-trackable",
-                "data-gtm-event-context": _,
+                "data-gtm-event-context": g,
                 "data-gtm-event-type": "title-click",
-                children: /* @__PURE__ */ a.jsx(jn, { options: { overrides: { a: Zr } }, children: H })
+                children: /* @__PURE__ */ a.jsx(jn, { options: { overrides: { a: Zr } }, children: z })
               }
             ) : /* @__PURE__ */ a.jsx(
               jn,
@@ -4926,7 +4926,7 @@ const ve = "discussion_", $s = 280, kt = ({
                   forceInline: t.type === "question",
                   forceBlock: t.type !== "question"
                 },
-                children: H
+                children: z
               }
             ),
             !j.isEditing && /* @__PURE__ */ a.jsxs(
@@ -4939,9 +4939,9 @@ const ve = "discussion_", $s = 280, kt = ({
                     Ts,
                     {
                       element: "li",
-                      likes: q,
+                      likes: U,
                       isShort: !1,
-                      userLiked: z,
+                      userLiked: V,
                       content: { type: t.type, slugs: t.slugs },
                       canLike: re,
                       peopleWhoLiked: t.peopleWhoLiked,
@@ -4955,12 +4955,12 @@ const ve = "discussion_", $s = 280, kt = ({
                     "li",
                     {
                       className: "action-button",
-                      onClick: (W) => {
-                        W.preventDefault(), W.stopPropagation(), p.comments && (window.location.href = p.comments), typeof d == "function" && d();
+                      onClick: (Z) => {
+                        Z.preventDefault(), Z.stopPropagation(), p.comments && (window.location.href = p.comments), typeof d == "function" && d();
                       },
                       children: [
                         /* @__PURE__ */ a.jsx(
-                          B,
+                          q,
                           {
                             variant: "tertiary",
                             size: "medium",
@@ -4969,28 +4969,28 @@ const ve = "discussion_", $s = 280, kt = ({
                             href: p.comments ? p.comments : !1,
                             onClick: p.comments || typeof d != "function" ? !1 : d,
                             className: "gtm-trackable",
-                            "data-gtm-event-context": _,
+                            "data-gtm-event-context": g,
                             "data-gtm-event-type": `answer-${t.type}-click`,
                             screenreaderText: v.formatMessage(
                               { id: `${ve}comments_screenReader` },
-                              { count: J }
+                              { count: Q }
                             )
                           }
                         ),
                         /* @__PURE__ */ a.jsx("span", { children: v.formatMessage(
                           { id: `${ve}comments` },
-                          { count: J }
+                          { count: Q }
                         ) })
                       ]
                     }
                   ),
                   (t.type === "answer" || t.type === "reply") && /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
-                    B,
+                    q,
                     {
                       variant: "tertiary",
                       size: "medium",
                       styling: { muted: !0 },
-                      onClick: ie,
+                      onClick: ne,
                       children: v.formatMessage({ id: `${ve}reply` })
                     }
                   ) }),
@@ -4999,7 +4999,7 @@ const ve = "discussion_", $s = 280, kt = ({
                     {
                       element: "li",
                       id: `more-${t.slug}`,
-                      options: ce
+                      options: le
                     }
                   )
                 ]
@@ -5015,7 +5015,7 @@ const ve = "discussion_", $s = 280, kt = ({
           id: `delete-${t.slug}-modal`,
           isOpen: S,
           functions: { onOpen: () => {
-          }, onClose: () => Y(!1) },
+          }, onClose: () => I(!1) },
           forceShow: {
             error: F === "delete-error" ? v.formatMessage(
               { id: "discussion_delete_error" },
@@ -5033,13 +5033,13 @@ const ve = "discussion_", $s = 280, kt = ({
           buttons: [
             {
               variant: "secondary",
-              onClick: () => Y(!1),
+              onClick: () => I(!1),
               children: v.formatMessage({ id: "discussion_delete_cancel" })
             },
             {
               variant: "primary",
               className: "destructive",
-              onClick: de,
+              onClick: oe,
               children: v.formatMessage({ id: "discussion_delete_delete" })
             }
           ],
@@ -5049,7 +5049,7 @@ const ve = "discussion_", $s = 280, kt = ({
             {
               id: "discussion_delete_text",
               values: {
-                p: (W) => /* @__PURE__ */ a.jsx("p", { children: W }),
+                p: (Z) => /* @__PURE__ */ a.jsx("p", { children: Z }),
                 action: v.formatMessage({
                   id: `discussion_action_${t.type}`
                 })
@@ -5069,7 +5069,7 @@ const qt = "discussion_responses_", Yi = ({ type: e = "answer", responses: t = 0
   ] });
 };
 const Es = ({ count: e = "", showRepliesButton: t = !0, children: n }) => {
-  const r = P(), s = ne(null), i = ge(vt), [o, c] = R(
+  const r = P(), s = te(null), i = ge(vt), [o, c] = R(
     "closed"
     /* Closed */
   );
@@ -5105,7 +5105,7 @@ const Es = ({ count: e = "", showRepliesButton: t = !0, children: n }) => {
   });
   return /* @__PURE__ */ a.jsxs("div", { className: "thread-wrapper", children: [
     t && /* @__PURE__ */ a.jsx(
-      B,
+      q,
       {
         variant: "secondary",
         size: "small",
@@ -5436,7 +5436,7 @@ function Os({
 }) {
   const { mutate: r } = fe({
     mutationFn: e,
-    onMutate: ({ activityId: s, body: i }) => t((o) => {
+    onMutate: ({ activityId: s, content: i }) => t((o) => {
       const c = ut(s, o);
       return c && (c.content = i), o;
     }),
@@ -5462,13 +5462,13 @@ function Bs({
     },
     user: m,
     ...l
-  }, d = Is({ ...f, mutationFn: e }), p = Os({ ...f, mutationFn: t }), h = Zs({ ...f, mutationFn: n }), _ = Hs({ ...f, mutationFn: s }), y = Us({ ...f, mutationFn: i }), { activities: k, ...v } = qs({ queryKey: o, queryFn: r });
+  }, 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 });
   return {
     activities: k,
     mutations: {
       create: d,
       edit: p,
-      remove: _,
+      remove: g,
       like: h,
       unlike: y
     },
@@ -5587,7 +5587,11 @@ const Gi = ({
   basePath: e,
   parentId: t,
   isMember: n,
-  functions: { join: r, leave: s, ...i }
+  functions: {
+    activities: r,
+    join: s,
+    leave: i
+  }
 }) => {
   const o = P(), {
     activities: c,
@@ -5598,14 +5602,14 @@ const Gi = ({
     mutations: {
       create: p,
       edit: h,
-      remove: _,
+      remove: g,
       like: y,
       unlike: k
     },
     user: v
   } = Bs({
     queryKey: [e, t, "activities"],
-    queryFns: i
+    queryFns: r
   });
   return m ? /* @__PURE__ */ a.jsx(bt, { variant: "error", text: m.message }) : /* @__PURE__ */ a.jsxs("section", { children: [
     /* @__PURE__ */ a.jsx(
@@ -5616,64 +5620,63 @@ const Gi = ({
         membershipRequiredToPost: {
           isMember: n,
           required: !0,
-          join: r,
-          leave: s,
+          join: s,
+          leave: i,
           notMemberStateText: o.formatMessage({ id: "community_joinToPost" })
         }
       }
     ),
-    c == null ? void 0 : c.map((g) => {
-      var E, I, Z, q, z, J, H, te, re;
-      const { own_reactions: b, latest_reactions: j } = g, C = (((E = j == null ? void 0 : j.like) == null ? void 0 : E.length) || 0) > 0, S = (((I = b == null ? void 0 : b.like) == null ? void 0 : I.length) || 0) > 0, Y = S ? b == null ? void 0 : b.like[0].id : null, F = C ? (Z = j == null ? void 0 : j.like) == null ? void 0 : Z.map((K) => {
-        var ie, de, ce;
+    c == null ? void 0 : c.map((_) => {
+      var O, H, U, V, Q, z, ee, re, se;
+      const { own_reactions: b, latest_reactions: j } = _, C = (((O = j == null ? void 0 : j.like) == null ? void 0 : O.length) || 0) > 0, S = (((H = b == null ? void 0 : b.like) == null ? void 0 : H.length) || 0) > 0, I = _ == null ? void 0 : _.id, F = S ? b == null ? void 0 : b.like[0].id : null, M = C ? (U = j == null ? void 0 : j.like) == null ? void 0 : U.map((ne) => {
+        var oe, le, Z;
         return {
-          id: (ie = K == null ? void 0 : K.user) == null ? void 0 : ie.id,
-          name: (ce = (de = K == null ? void 0 : K.user) == null ? void 0 : de.data) == null ? void 0 : ce.name
+          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
         };
-      }) : !1, $ = g == null ? void 0 : g.actor, M = ($ == null ? void 0 : $.id) === (v == null ? void 0 : v.id);
+      }) : !1, T = _ == null ? void 0 : _.actor, E = (T == null ? void 0 : T.id) === (v == null ? void 0 : v.id);
       return /* @__PURE__ */ a.jsxs(qe, { children: [
         /* @__PURE__ */ a.jsx(
           kt,
           {
             content: {
               type: "post",
-              body: g == null ? void 0 : g.content,
-              canLike: xt(n, M),
-              createdAt: (g == null ? void 0 : g.time) || "",
+              body: _ == null ? void 0 : _.content,
+              canLike: xt(n, E),
+              createdAt: (_ == null ? void 0 : _.time) || "",
               slugs: {
                 question: `${e}/${t}`,
-                answer: g == null ? void 0 : g.id
+                answer: I
               },
-              slug: g == null ? void 0 : g.id,
+              slug: I,
               author: {
-                id: $ == null ? void 0 : $.id,
-                name: (q = $ == null ? void 0 : $.data) == null ? void 0 : q.name,
-                organization: (z = $ == null ? void 0 : $.data) == null ? void 0 : z.organization,
-                jobTitle: (J = $ == null ? void 0 : $.data) == null ? void 0 : J.jobTitle,
+                id: T == null ? void 0 : T.id,
+                name: (V = T == null ? void 0 : T.data) == null ? void 0 : V.name,
+                organization: (Q = T == null ? void 0 : T.data) == null ? void 0 : Q.organization,
+                jobTitle: (z = T == null ? void 0 : T.data) == null ? void 0 : z.jobTitle,
                 image: {
-                  thumbnail: ((H = $ == null ? void 0 : $.data) == null ? void 0 : H.thumbnail) || void 0
+                  thumbnail: ((ee = T == null ? void 0 : T.data) == null ? void 0 : ee.thumbnail) || void 0
                 }
               },
               userLiked: S,
-              likes: ((te = g == null ? void 0 : g.reaction_counts) == null ? void 0 : te.like) || 0,
-              comments: ((re = g == null ? void 0 : g.reaction_counts) == null ? void 0 : re.reply) || 0,
-              peopleWhoLiked: F
+              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,
+              peopleWhoLiked: M
             },
             links: {
-              post: `${e}/${t}/${g == null ? void 0 : g.id}`,
-              comments: `${e}/${t}/${g == null ? void 0 : g.id}`
+              post: `${e}/${t}/${I}`,
+              comments: `${e}/${t}/${I}`
             },
             functions: {
               content: {
                 createContent: () => null,
+                deleteContent: () => g({ activityId: I }),
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                deleteContent: (K) => _(K),
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                updateContent: (K, ie) => h({ ...K, ...ie })
+                updateContent: (ne, { body: oe }) => h({ activityId: I, content: oe })
               },
               likes: {
-                createLike: () => y({ activityId: g == null ? void 0 : g.id }),
-                deleteLike: () => k({ activityId: g == null ? void 0 : g.id, reactionId: Y })
+                createLike: () => y({ activityId: I }),
+                deleteLike: () => k({ activityId: I, reactionId: F })
               },
               comments: {
                 openComments: () => null
@@ -5683,7 +5686,7 @@ const Gi = ({
           }
         ),
         /* @__PURE__ */ a.jsx(Te, {})
-      ] }, g == null ? void 0 : g.id);
+      ] }, I);
     }),
     !d && /* @__PURE__ */ a.jsx(
       yt,
@@ -6306,13 +6309,13 @@ function ha({
     },
     user: m,
     ...l
-  }, d = Vs({ ...f, mutationFn: e }), p = Ys({ ...f, mutationFn: t }), h = Gs({ ...f, mutationFn: n }), _ = Qs({ ...f, mutationFn: s }), y = Js({ ...f, mutationFn: i }), { replies: k, ...v } = Ks({ queryKey: o, queryFn: r });
+  }, 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 });
   return {
     replies: k,
     mutations: {
       create: d,
       edit: p,
-      remove: _,
+      remove: g,
       like: h,
       unlike: y
     },
@@ -6455,7 +6458,7 @@ const ri = ({
     mutations: {
       create: p,
       edit: h,
-      like: _,
+      like: g,
       remove: y,
       unlike: k
     },
@@ -6467,7 +6470,7 @@ const ri = ({
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       list: (b) => i.list({ ...b, reactionId: r })
     }
-  }), g = ge(vt);
+  }), _ = ge(vt);
   return /* @__PURE__ */ a.jsx(
     Es,
     {
@@ -6475,21 +6478,21 @@ const ri = ({
       showRepliesButton: !1,
       children: /* @__PURE__ */ a.jsxs("section", { children: [
         c == null ? void 0 : c.map((b) => {
-          var z, J, H, te, re, K, ie, de, ce, W, ue;
-          const { own_children: j, latest_children: C } = b, S = b == null ? void 0 : b.id, Y = (((z = C == null ? void 0 : C.like) == null ? void 0 : z.length) || 0) > 0, F = (((J = j == null ? void 0 : j.like) == null ? void 0 : J.length) || 0) > 0, $ = F ? j == null ? void 0 : j.like[0].id : null, M = Y ? (H = C == null ? void 0 : C.like) == null ? void 0 : H.map((Q) => {
-            var se, me, pe;
+          var V, Q, z, ee, re, se, ne, oe, le, Z, ue;
+          const { own_children: j, latest_children: C } = b, S = b == null ? void 0 : b.id, I = (((V = C == null ? void 0 : C.like) == null ? void 0 : V.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 ? (z = C == null ? void 0 : C.like) == null ? void 0 : z.map((K) => {
+            var ie, me, pe;
             return {
-              id: (se = Q == null ? void 0 : Q.user) == null ? void 0 : se.id,
-              name: (pe = (me = Q == null ? void 0 : Q.user) == null ? void 0 : me.data) == null ? void 0 : pe.name
+              id: (ie = K == null ? void 0 : K.user) == null ? void 0 : ie.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, I = (E == null ? void 0 : E.id) === (v == null ? void 0 : v.id), Z = xt(s, I), q = typeof b.data.content == "string" ? (te = b == null ? void 0 : b.data) == null ? void 0 : te.content : ((K = (re = b == null ? void 0 : b.data) == null ? void 0 : re.content) == null ? void 0 : K.text) || "";
+          }) : !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) || "";
           return /* @__PURE__ */ a.jsx(
             kt,
             {
               content: {
                 type: "reply",
-                body: q,
-                canLike: Z,
+                body: U,
+                canLike: H,
                 createdAt: b == null ? void 0 : b.created_at,
                 slugs: {
                   question: `${e}/${t}`,
@@ -6501,27 +6504,27 @@ const ri = ({
                 slug: "",
                 author: {
                   id: E == null ? void 0 : E.id,
-                  name: (ie = E.data) == null ? void 0 : ie.name,
-                  organization: (de = E.data) == null ? void 0 : de.organization,
-                  jobTitle: (ce = E.data) == null ? void 0 : ce.jobTitle,
+                  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,
                   image: {
-                    thumbnail: ((W = E.data) == null ? void 0 : W.thumbnail) || void 0
+                    thumbnail: ((Z = E.data) == null ? void 0 : Z.thumbnail) || void 0
                   }
                 },
                 userLiked: F,
                 likes: ((ue = b == null ? void 0 : b.children_counts) == null ? void 0 : ue.like) || 0,
-                peopleWhoLiked: M
+                peopleWhoLiked: T
               },
               functions: {
                 content: {
                   createContent: () => null,
                   deleteContent: () => y({ replyId: S }),
                   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                  updateContent: (Q, { body: se }) => h({ replyId: S, content: se })
+                  updateContent: (K, { body: ie }) => h({ replyId: S, content: ie })
                 },
                 likes: {
-                  createLike: () => _({ replyId: S }),
-                  deleteLike: () => k({ replyId: S, reactionId: $ })
+                  createLike: () => g({ replyId: S }),
+                  deleteLike: () => k({ replyId: S, reactionId: M })
                 },
                 comments: {}
               }
@@ -6542,7 +6545,7 @@ const ri = ({
             }
           }
         ),
-        g.showForm && /* @__PURE__ */ a.jsx(
+        _.showForm && /* @__PURE__ */ a.jsx(
           en,
           {
             content: {
@@ -6581,12 +6584,12 @@ const ri = ({
     isLoading: p,
     mutations: {
       create: h,
-      edit: _,
+      edit: g,
       like: y,
       remove: k,
       unlike: v
     },
-    user: g
+    user: _
   } = ha({
     queryKey: [e, t, n, "replies"],
     queryFns: s
@@ -6613,21 +6616,21 @@ const ri = ({
       }
     ),
     m == null ? void 0 : m.map((b) => {
-      var z, J, H, te, re, K, ie, de, ce, W, ue;
-      const { own_children: j, latest_children: C } = b, S = b == null ? void 0 : b.id, Y = (((z = C == null ? void 0 : C.like) == null ? void 0 : z.length) || 0) > 0, F = (((J = j == null ? void 0 : j.like) == null ? void 0 : J.length) || 0) > 0, $ = F ? j == null ? void 0 : j.like[0].id : null, M = Y ? (H = C == null ? void 0 : C.like) == null ? void 0 : H.map((Q) => {
-        var se, me, pe;
+      var V, Q, z, ee, re, se, ne, oe, le, Z, ue;
+      const { own_children: j, latest_children: C } = b, S = b == null ? void 0 : b.id, I = (((V = C == null ? void 0 : C.like) == null ? void 0 : V.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 ? (z = C == null ? void 0 : C.like) == null ? void 0 : z.map((K) => {
+        var ie, me, pe;
         return {
-          id: (se = Q == null ? void 0 : Q.user) == null ? void 0 : se.id,
-          name: (pe = (me = Q == null ? void 0 : Q.user) == null ? void 0 : me.data) == null ? void 0 : pe.name
+          id: (ie = K == null ? void 0 : K.user) == null ? void 0 : ie.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, I = (E == null ? void 0 : E.id) === (g == null ? void 0 : g.id), Z = xt(r, I), q = typeof b.data.content == "string" ? (te = b == null ? void 0 : b.data) == null ? void 0 : te.content : ((K = (re = b == null ? void 0 : b.data) == null ? void 0 : re.content) == null ? void 0 : K.text) || "";
+      }) : !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) || "";
       return /* @__PURE__ */ a.jsx(ks, { children: /* @__PURE__ */ a.jsx(
         kt,
         {
           content: {
             type: "reply",
-            body: q,
-            canLike: Z,
+            body: U,
+            canLike: H,
             createdAt: b == null ? void 0 : b.created_at,
             slugs: {
               question: `${e}/${t}`,
@@ -6637,27 +6640,27 @@ const ri = ({
             slug: S,
             author: {
               id: E == null ? void 0 : E.id,
-              name: (ie = E.data) == null ? void 0 : ie.name,
-              organization: (de = E.data) == null ? void 0 : de.organization,
-              jobTitle: (ce = E.data) == null ? void 0 : ce.jobTitle,
+              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,
               image: {
-                thumbnail: ((W = E.data) == null ? void 0 : W.thumbnail) || void 0
+                thumbnail: ((Z = E.data) == null ? void 0 : Z.thumbnail) || void 0
               }
             },
             userLiked: F,
             likes: ((ue = b == null ? void 0 : b.children_counts) == null ? void 0 : ue.like) || 0,
-            peopleWhoLiked: M
+            peopleWhoLiked: T
           },
           functions: {
             content: {
               createContent: () => null,
               deleteContent: () => k({ replyId: S }),
               // eslint-disable-next-line @typescript-eslint/no-explicit-any
-              updateContent: (Q, { body: se }) => _({ replyId: S, content: se })
+              updateContent: (K, { body: ie }) => g({ replyId: S, content: ie })
             },
             likes: {
               createLike: () => y({ replyId: S }),
-              deleteLike: () => v({ replyId: S, reactionId: $ })
+              deleteLike: () => v({ replyId: S, reactionId: M })
             },
             comments: {}
           },
@@ -6797,13 +6800,13 @@ const Qi = ({
     leave: m
   }
 }) => {
-  var F, $, M, E, I, Z, q, z, J;
+  var F, M, T, E, O, H, U, V, Q;
   const l = P(), f = ge(ke), {
     activity: d,
     error: p,
     isLoading: h,
     mutations: {
-      edit: _,
+      edit: g,
       like: y,
       unlike: k
     }
@@ -6822,13 +6825,13 @@ const Qi = ({
       }
     );
   console.log(d);
-  const { own_reactions: v, latest_reactions: g } = d, b = (((F = g == null ? void 0 : g.like) == null ? void 0 : F.length) || 0) > 0, j = ((($ = v == null ? void 0 : v.like) == null ? void 0 : $.length) || 0) > 0, C = b ? (M = g == null ? void 0 : g.like) == null ? void 0 : M.map((H) => {
-    var te, re, K;
+  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, C = b ? (T = _ == null ? void 0 : _.like) == null ? void 0 : T.map((z) => {
+    var ee, re, se;
     return {
-      id: (te = H == null ? void 0 : H.user) == null ? void 0 : te.id,
-      name: (K = (re = H == null ? void 0 : H.user) == null ? void 0 : re.data) == null ? void 0 : K.name
+      id: (ee = z == null ? void 0 : z.user) == null ? void 0 : ee.id,
+      name: (se = (re = z == null ? void 0 : z.user) == null ? void 0 : re.data) == null ? void 0 : se.name
     };
-  }) : !1, S = d == null ? void 0 : d.actor, Y = (S == null ? void 0 : S.id) === (f == null ? void 0 : f.id);
+  }) : !1, S = d == null ? void 0 : d.actor, I = (S == null ? void 0 : S.id) === (f == null ? void 0 : f.id);
   return /* @__PURE__ */ a.jsx(
     kt,
     {
@@ -6836,7 +6839,7 @@ const Qi = ({
       content: {
         type: "post",
         body: d == null ? void 0 : d.content,
-        canLike: xt(r, Y),
+        canLike: xt(r, I),
         createdAt: (d == null ? void 0 : d.time) || "",
         slugs: {
           question: `${e}/${t}`,
@@ -6846,15 +6849,15 @@ const Qi = ({
         author: {
           id: S.id,
           name: (E = S.data) == null ? void 0 : E.name,
-          organization: (I = S.data) == null ? void 0 : I.organization,
-          jobTitle: (Z = S.data) == null ? void 0 : Z.jobTitle,
+          organization: (O = S.data) == null ? void 0 : O.organization,
+          jobTitle: (H = S.data) == null ? void 0 : H.jobTitle,
           image: {
-            thumbnail: ((q = S.data) == null ? void 0 : q.thumbnail) || void 0
+            thumbnail: ((U = S.data) == null ? void 0 : U.thumbnail) || void 0
           }
         },
         userLiked: j,
-        likes: ((z = d == null ? void 0 : d.reaction_counts) == null ? void 0 : z.like) || 0,
-        comments: ((J = d == null ? void 0 : d.reaction_counts) == null ? void 0 : J.reply) || 0,
+        likes: ((V = d == null ? void 0 : d.reaction_counts) == null ? void 0 : V.like) || 0,
+        comments: ((Q = d == null ? void 0 : d.reaction_counts) == null ? void 0 : Q.reply) || 0,
         peopleWhoLiked: C
       },
       originalAuthorId: S == null ? void 0 : S.id,
@@ -6864,7 +6867,7 @@ const Qi = ({
           createContent: () => console.log("create"),
           deleteContent: s,
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          updateContent: (H, te) => _({ ...H, ...te })
+          updateContent: (z, ee) => g({ ...z, ...ee })
         },
         likes: {
           createLike: () => y({ activityId: n }),
@@ -6962,7 +6965,7 @@ const tt = "notFoundError_", Xi = () => {
               })
             }
           ),
-          /* @__PURE__ */ a.jsx(B, { href: "/solution-articles/", children: e.formatMessage({ id: `${tt}cta` }) })
+          /* @__PURE__ */ a.jsx(q, { href: "/solution-articles/", children: e.formatMessage({ id: `${tt}cta` }) })
         ] })
       },
       reportError: () => {
@@ -6982,7 +6985,7 @@ export {
   da as AddPost,
   Ci as BannerSection,
   Di as Breadcrumbs,
-  B as Button,
+  q as Button,
   ht as ButtonWrapper,
   Er as CacheProvider,
   ea as Card,