npm - @apolitical/component-library - Versions diffs - 1.18.1 → 1.18.3 - Mend

@apolitical/component-library 1.18.1 → 1.18.3

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

Files changed (3) hide show

package/index.mjs CHANGED Viewed

@@ -1,9 +1,9 @@
-import F, { memo as Fe, useState as D, useEffect as G, useRef as ne, useMemo as ft, createContext as Gt, useContext as ge, Children as Ht, useCallback as Ln, Fragment as qe, useReducer as Oa, Suspense as Ba } from "react";
+import F, { memo as Fe, useState as R, useEffect as G, useRef as ae, useMemo as ft, createContext as Gt, useContext as _e, Children as Ht, useCallback as Rn, Fragment as qe, useReducer as Oa, Suspense as Ba } from "react";
 import Za from "lodash.clonedeep";
 import qa from "lodash.set";
 import { useIntl as A, IntlProvider as Ha, createIntl as Ua, FormattedMessage as je } from "react-intl";
 import Ne from "truncate";
-import { QueryClient as za, QueryClientProvider as Wa, useMutation as fe, useQueryClient as Kt, useInfiniteQuery as Rn, useQuery as Va } from "@tanstack/react-query";
+import { QueryClient as za, QueryClientProvider as Wa, useMutation as fe, useQueryClient as Kt, useInfiniteQuery as Ln, useQuery as Va } from "@tanstack/react-query";
 import { ReactQueryDevtools as Ya } from "@tanstack/react-query-devtools";
 import at from "posthog-js";
 import { CookiesProvider as Ga, useCookies as Ka } from "react-cookie";
@@ -53,8 +53,8 @@ var On = { exports: {} };
   })();
 })(On);
 var nr = On.exports;
-const w = /* @__PURE__ */ tr(nr), ar = ({ element: e = "span", showOnFocus: t = !0, children: n, ...r }) => F.createElement(e, { ...r, className: w("hidden", { "show-on-focus": t }), children: n }), ae = Fe(ar), rr = ({ element: e = "span", children: t = null, ...n }) => F.createElement(e, { ...n, "aria-hidden": !0 }, t), Bn = Fe(rr);
-var Ut = { exports: {} }, Le = {};
+const j = /* @__PURE__ */ tr(nr), ar = ({ element: e = "span", showOnFocus: t = !0, children: n, ...r }) => F.createElement(e, { ...r, className: j("hidden", { "show-on-focus": t }), children: n }), ie = Fe(ar), rr = ({ element: e = "span", children: t = null, ...n }) => F.createElement(e, { ...n, "aria-hidden": !0 }, t), Bn = Fe(rr);
+var Ut = { exports: {} }, Re = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -67,7 +67,7 @@ var Ut = { exports: {} }, Le = {};
 var bn;
 function sr() {
   if (bn)
-    return Le;
+    return Re;
   bn = 1;
   var e = F, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, s = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
   function o(c, m, l) {
@@ -80,9 +80,9 @@ function sr() {
         d[f] === void 0 && (d[f] = m[f]);
     return { $$typeof: t, type: c, key: p, ref: h, props: d, _owner: s.current };
   }
-  return Le.Fragment = n, Le.jsx = o, Le.jsxs = o, Le;
+  return Re.Fragment = n, Re.jsx = o, Re.jsxs = o, Re;
 }
-var Re = {};
+var Le = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -95,14 +95,14 @@ var Re = {};
 var yn;
 function ir() {
   return yn || (yn = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = F, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), o = Symbol.for("react.provider"), c = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), l = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), d = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), h = Symbol.for("react.offscreen"), g = Symbol.iterator, b = "@@iterator";
+    var e = F, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), o = Symbol.for("react.provider"), c = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), l = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), d = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), h = Symbol.for("react.offscreen"), g = Symbol.iterator, y = "@@iterator";
     function k(u) {
       if (u === null || typeof u != "object")
         return null;
-      var x = g && u[g] || u[b];
+      var x = g && u[g] || u[y];
       return typeof x == "function" ? x : null;
     }
-    var y = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var b = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function _(u) {
       {
         for (var x = arguments.length, T = new Array(x > 1 ? x - 1 : 0), P = 1; P < x; P++)
@@ -112,34 +112,34 @@ function ir() {
     }
     function v(u, x, T) {
       {
-        var P = y.ReactDebugCurrentFrame, O = P.getStackAddendum();
-        O !== "" && (x += "%s", T = T.concat([O]));
-        var V = T.map(function(I) {
-          return String(I);
+        var P = b.ReactDebugCurrentFrame, B = P.getStackAddendum();
+        B !== "" && (x += "%s", T = T.concat([B]));
+        var V = T.map(function(O) {
+          return String(O);
         });
         V.unshift("Warning: " + x), Function.prototype.apply.call(console[u], console, V);
       }
     }
-    var j = !1, $ = !1, C = !1, Z = !1, L = !1, S;
-    S = Symbol.for("react.module.reference");
-    function M(u) {
-      return !!(typeof u == "string" || typeof u == "function" || u === r || u === i || L || u === s || u === l || u === f || Z || u === h || j || $ || C || typeof u == "object" && u !== null && (u.$$typeof === p || u.$$typeof === d || u.$$typeof === o || u.$$typeof === c || u.$$typeof === m || // This needs to include all possible module reference object
+    var w = !1, S = !1, M = !1, D = !1, I = !1, $;
+    $ = Symbol.for("react.module.reference");
+    function C(u) {
+      return !!(typeof u == "string" || typeof u == "function" || u === r || u === i || I || u === s || u === l || u === f || D || u === h || w || S || M || 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 === S || u.getModuleId !== void 0));
+      u.$$typeof === $ || u.getModuleId !== void 0));
     }
     function E(u, x, T) {
       var P = u.displayName;
       if (P)
         return P;
-      var O = x.displayName || x.name || "";
-      return O !== "" ? T + "(" + O + ")" : T;
+      var B = x.displayName || x.name || "";
+      return B !== "" ? T + "(" + B + ")" : T;
     }
-    function N(u) {
+    function Z(u) {
       return u.displayName || "Context";
     }
-    function q(u) {
+    function N(u) {
       if (u == null)
         return null;
       if (typeof u.tag == "number" && _("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof u == "function")
@@ -164,19 +164,19 @@ function ir() {
         switch (u.$$typeof) {
           case c:
             var x = u;
-            return N(x) + ".Consumer";
+            return Z(x) + ".Consumer";
           case o:
             var T = u;
-            return N(T._context) + ".Provider";
+            return Z(T._context) + ".Provider";
           case m:
             return E(u, u.render, "ForwardRef");
           case d:
             var P = u.displayName || null;
-            return P !== null ? P : q(u.type) || "Memo";
+            return P !== null ? P : N(u.type) || "Memo";
           case p: {
-            var O = u, V = O._payload, I = O._init;
+            var B = u, V = B._payload, O = B._init;
             try {
-              return q(I(V));
+              return N(O(V));
             } catch {
               return null;
             }
@@ -184,14 +184,14 @@ function ir() {
         }
       return null;
     }
-    var H = Object.assign, Y = 0, Q, z, te, re, J, ie, de;
+    var U = Object.assign, Y = 0, ne, Q, J, re, X, se, de;
     function ce() {
     }
     ce.__reactDisabledLog = !0;
     function W() {
       {
         if (Y === 0) {
-          Q = console.log, z = console.info, te = console.warn, re = console.error, J = console.group, ie = console.groupCollapsed, de = console.groupEnd;
+          ne = console.log, Q = console.info, J = console.warn, re = console.error, X = console.group, se = console.groupCollapsed, de = console.groupEnd;
           var u = {
             configurable: !0,
             enumerable: !0,
@@ -220,25 +220,25 @@ function ir() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: H({}, u, {
-              value: Q
+            log: U({}, u, {
+              value: ne
             }),
-            info: H({}, u, {
-              value: z
+            info: U({}, u, {
+              value: Q
             }),
-            warn: H({}, u, {
-              value: te
+            warn: U({}, u, {
+              value: J
             }),
-            error: H({}, u, {
+            error: U({}, u, {
               value: re
             }),
-            group: H({}, u, {
-              value: J
+            group: U({}, u, {
+              value: X
             }),
-            groupCollapsed: H({}, u, {
-              value: ie
+            groupCollapsed: U({}, u, {
+              value: se
             }),
-            groupEnd: H({}, u, {
+            groupEnd: U({}, u, {
               value: de
             })
           });
@@ -246,95 +246,95 @@ function ir() {
         Y < 0 && _("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var K = y.ReactCurrentDispatcher, se;
-    function me(u, x, T) {
+    var pe = b.ReactCurrentDispatcher, q;
+    function K(u, x, T) {
       {
-        if (se === void 0)
+        if (q === void 0)
           try {
             throw Error();
-          } catch (O) {
-            var P = O.stack.trim().match(/\n( *(at )?)/);
-            se = P && P[1] || "";
+          } catch (B) {
+            var P = B.stack.trim().match(/\n( *(at )?)/);
+            q = P && P[1] || "";
           }
         return `
-` + se + u;
+` + q + u;
       }
     }
-    var pe = !1, Ee;
+    var he = !1, me;
     {
       var ga = typeof WeakMap == "function" ? WeakMap : Map;
-      Ee = new ga();
+      me = new ga();
     }
     function an(u, x) {
-      if (!u || pe)
+      if (!u || he)
         return "";
       {
-        var T = Ee.get(u);
+        var T = me.get(u);
         if (T !== void 0)
           return T;
       }
       var P;
-      pe = !0;
-      var O = Error.prepareStackTrace;
+      he = !0;
+      var B = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var V;
-      V = K.current, K.current = null, W();
+      V = pe.current, pe.current = null, W();
       try {
         if (x) {
-          var I = function() {
+          var O = function() {
             throw Error();
           };
-          if (Object.defineProperty(I.prototype, "props", {
+          if (Object.defineProperty(O.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(I, []);
-            } catch (ye) {
-              P = ye;
+              Reflect.construct(O, []);
+            } catch (ve) {
+              P = ve;
             }
-            Reflect.construct(u, [], I);
+            Reflect.construct(u, [], O);
           } else {
             try {
-              I.call();
-            } catch (ye) {
-              P = ye;
+              O.call();
+            } catch (ve) {
+              P = ve;
             }
-            u.call(I.prototype);
+            u.call(O.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (ye) {
-            P = ye;
+          } catch (ve) {
+            P = ve;
           }
           u();
         }
-      } catch (ye) {
-        if (ye && P && typeof ye.stack == "string") {
-          for (var R = ye.stack.split(`
+      } catch (ve) {
+        if (ve && P && typeof ve.stack == "string") {
+          for (var L = ve.stack.split(`
 `), oe = P.stack.split(`
-`), X = R.length - 1, ee = oe.length - 1; X >= 1 && ee >= 0 && R[X] !== oe[ee]; )
-            ee--;
-          for (; X >= 1 && ee >= 0; X--, ee--)
-            if (R[X] !== oe[ee]) {
-              if (X !== 1 || ee !== 1)
+`), ee = L.length - 1, te = oe.length - 1; ee >= 1 && te >= 0 && L[ee] !== oe[te]; )
+            te--;
+          for (; ee >= 1 && te >= 0; ee--, te--)
+            if (L[ee] !== oe[te]) {
+              if (ee !== 1 || te !== 1)
                 do
-                  if (X--, ee--, ee < 0 || R[X] !== oe[ee]) {
-                    var he = `
-` + R[X].replace(" at new ", " at ");
-                    return u.displayName && he.includes("<anonymous>") && (he = he.replace("<anonymous>", u.displayName)), typeof u == "function" && Ee.set(u, he), he;
+                  if (ee--, te--, te < 0 || L[ee] !== oe[te]) {
+                    var ge = `
+` + L[ee].replace(" at new ", " at ");
+                    return u.displayName && ge.includes("<anonymous>") && (ge = ge.replace("<anonymous>", u.displayName)), typeof u == "function" && me.set(u, ge), ge;
                   }
-                while (X >= 1 && ee >= 0);
+                while (ee >= 1 && te >= 0);
               break;
             }
         }
       } finally {
-        pe = !1, K.current = V, ue(), Error.prepareStackTrace = O;
+        he = !1, pe.current = V, ue(), Error.prepareStackTrace = B;
       }
-      var Se = u ? u.displayName || u.name : "", _n = Se ? me(Se) : "";
-      return typeof u == "function" && Ee.set(u, _n), _n;
+      var Se = u ? u.displayName || u.name : "", _n = Se ? K(Se) : "";
+      return typeof u == "function" && me.set(u, _n), _n;
     }
     function _a(u, x, T) {
       return an(u, !1);
@@ -349,12 +349,12 @@ function ir() {
       if (typeof u == "function")
         return an(u, ba(u));
       if (typeof u == "string")
-        return me(u);
+        return K(u);
       switch (u) {
         case l:
-          return me("Suspense");
+          return K("Suspense");
         case f:
-          return me("SuspenseList");
+          return K("SuspenseList");
       }
       if (typeof u == "object")
         switch (u.$$typeof) {
@@ -363,16 +363,16 @@ function ir() {
           case d:
             return We(u.type, x, T);
           case p: {
-            var P = u, O = P._payload, V = P._init;
+            var P = u, B = P._payload, V = P._init;
             try {
-              return We(V(O), x, T);
+              return We(V(B), x, T);
             } catch {
             }
           }
         }
       return "";
     }
-    var Ve = Object.prototype.hasOwnProperty, rn = {}, sn = y.ReactDebugCurrentFrame;
+    var Ve = Object.prototype.hasOwnProperty, rn = {}, sn = b.ReactDebugCurrentFrame;
     function Ye(u) {
       if (u) {
         var x = u._owner, T = We(u.type, u._source, x ? x.type : null);
@@ -380,27 +380,27 @@ function ir() {
       } else
         sn.setExtraStackFrame(null);
     }
-    function ya(u, x, T, P, O) {
+    function ya(u, x, T, P, B) {
       {
         var V = Function.call.bind(Ve);
-        for (var I in u)
-          if (V(u, I)) {
-            var R = void 0;
+        for (var O in u)
+          if (V(u, O)) {
+            var L = void 0;
             try {
-              if (typeof u[I] != "function") {
-                var oe = Error((P || "React class") + ": " + T + " type `" + I + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof u[I] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof u[O] != "function") {
+                var oe = Error((P || "React class") + ": " + T + " type `" + O + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof u[O] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw oe.name = "Invariant Violation", oe;
               }
-              R = u[I](x, I, P, T, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (X) {
-              R = X;
+              L = u[O](x, O, P, T, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (ee) {
+              L = ee;
             }
-            R && !(R instanceof Error) && (Ye(O), _("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", P || "React class", T, I, typeof R), Ye(null)), R instanceof Error && !(R.message in rn) && (rn[R.message] = !0, Ye(O), _("Failed %s type: %s", T, R.message), Ye(null));
+            L && !(L instanceof Error) && (Ye(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).", P || "React class", T, O, typeof L), Ye(null)), L instanceof Error && !(L.message in rn) && (rn[L.message] = !0, Ye(B), _("Failed %s type: %s", T, L.message), Ye(null));
           }
       }
     }
     var va = Array.isArray;
-    function jt(u) {
+    function wt(u) {
       return va(u);
     }
     function xa(u) {
@@ -423,14 +423,14 @@ function ir() {
       if (ka(u))
         return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", xa(u)), on(u);
     }
-    var De = y.ReactCurrentOwner, ja = {
+    var De = b.ReactCurrentOwner, wa = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, ln, dn, wt;
-    wt = {};
-    function wa(u) {
+    }, ln, dn, jt;
+    jt = {};
+    function ja(u) {
       if (Ve.call(u, "ref")) {
         var x = Object.getOwnPropertyDescriptor(u, "ref").get;
         if (x && x.isReactWarning)
@@ -448,8 +448,8 @@ function ir() {
     }
     function $a(u, x) {
       if (typeof u.ref == "string" && De.current && x && De.current.stateNode !== x) {
-        var T = q(De.current.type);
-        wt[T] || (_('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', q(De.current.type), u.ref), wt[T] = !0);
+        var T = N(De.current.type);
+        jt[T] || (_('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', N(De.current.type), u.ref), jt[T] = !0);
       }
     }
     function Ea(u, x) {
@@ -474,54 +474,54 @@ function ir() {
         });
       }
     }
-    var Sa = function(u, x, T, P, O, V, I) {
-      var R = {
+    var Sa = function(u, x, T, P, B, V, O) {
+      var L = {
         // 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,
-        props: I,
+        props: O,
         // Record the component responsible for creating this element.
         _owner: V
       };
-      return R._store = {}, Object.defineProperty(R._store, "validated", {
+      return L._store = {}, Object.defineProperty(L._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(R, "_self", {
+      }), Object.defineProperty(L, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: P
-      }), Object.defineProperty(R, "_source", {
+      }), Object.defineProperty(L, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: O
-      }), Object.freeze && (Object.freeze(R.props), Object.freeze(R)), R;
+        value: B
+      }), Object.freeze && (Object.freeze(L.props), Object.freeze(L)), L;
     };
-    function Ma(u, x, T, P, O) {
+    function Ma(u, x, T, P, B) {
       {
-        var V, I = {}, R = null, oe = null;
-        T !== void 0 && (cn(T), R = "" + T), Ta(x) && (cn(x.key), R = "" + x.key), wa(x) && (oe = x.ref, $a(x, O));
+        var V, O = {}, L = null, oe = null;
+        T !== void 0 && (cn(T), L = "" + T), Ta(x) && (cn(x.key), L = "" + x.key), ja(x) && (oe = x.ref, $a(x, B));
         for (V in x)
-          Ve.call(x, V) && !ja.hasOwnProperty(V) && (I[V] = x[V]);
+          Ve.call(x, V) && !wa.hasOwnProperty(V) && (O[V] = x[V]);
         if (u && u.defaultProps) {
-          var X = u.defaultProps;
-          for (V in X)
-            I[V] === void 0 && (I[V] = X[V]);
+          var ee = u.defaultProps;
+          for (V in ee)
+            O[V] === void 0 && (O[V] = ee[V]);
         }
-        if (R || oe) {
-          var ee = typeof u == "function" ? u.displayName || u.name || "Unknown" : u;
-          R && Ea(I, ee), oe && Ca(I, ee);
+        if (L || oe) {
+          var te = typeof u == "function" ? u.displayName || u.name || "Unknown" : u;
+          L && Ea(O, te), oe && Ca(O, te);
         }
-        return Sa(u, R, oe, O, P, De.current, I);
+        return Sa(u, L, oe, B, P, De.current, O);
       }
     }
-    var Tt = y.ReactCurrentOwner, un = y.ReactDebugCurrentFrame;
+    var Tt = b.ReactCurrentOwner, un = b.ReactDebugCurrentFrame;
     function Ce(u) {
       if (u) {
         var x = u._owner, T = We(u.type, u._source, x ? x.type : null);
@@ -537,7 +537,7 @@ function ir() {
     function mn() {
       {
         if (Tt.current) {
-          var u = q(Tt.current.type);
+          var u = N(Tt.current.type);
           if (u)
             return `
@@ -580,14 +580,14 @@ Check the top-level render call using <` + T + ">.");
           return;
         fn[T] = !0;
         var P = "";
-        u && u._owner && u._owner !== Tt.current && (P = " It was passed a child from " + q(u._owner.type) + "."), Ce(u), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', T, P), Ce(null);
+        u && u._owner && u._owner !== Tt.current && (P = " It was passed a child from " + N(u._owner.type) + "."), Ce(u), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', T, P), Ce(null);
       }
     }
     function hn(u, x) {
       {
         if (typeof u != "object")
           return;
-        if (jt(u))
+        if (wt(u))
           for (var T = 0; T < u.length; T++) {
             var P = u[T];
             Et(P) && pn(P, x);
@@ -595,10 +595,10 @@ Check the top-level render call using <` + T + ">.");
         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), I; !(I = V.next()).done; )
-              Et(I.value) && pn(I.value, x);
+          var B = k(u);
+          if (typeof B == "function" && B !== u.entries)
+            for (var V = B.call(u), O; !(O = V.next()).done; )
+              Et(O.value) && pn(O.value, x);
         }
       }
     }
@@ -617,12 +617,12 @@ Check the top-level render call using <` + T + ">.");
         else
           return;
         if (T) {
-          var P = q(x);
+          var P = N(x);
           ya(T, u.props, "prop", P, u);
         } else if (x.PropTypes !== void 0 && !$t) {
           $t = !0;
-          var O = q(x);
-          _("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", O || "Unknown");
+          var B = N(x);
+          _("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", B || "Unknown");
         }
         typeof x.getDefaultProps == "function" && !x.getDefaultProps.isReactClassApproved && _("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
@@ -639,50 +639,50 @@ Check the top-level render call using <` + T + ">.");
         u.ref !== null && (Ce(u), _("Invalid attribute `ref` supplied to `React.Fragment`."), Ce(null));
       }
     }
-    function gn(u, x, T, P, O, V) {
+    function gn(u, x, T, P, B, V) {
       {
-        var I = M(u);
-        if (!I) {
-          var R = "";
-          (u === void 0 || typeof u == "object" && u !== null && Object.keys(u).length === 0) && (R += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var oe = Na(O);
-          oe ? R += oe : R += mn();
-          var X;
-          u === null ? X = "null" : jt(u) ? X = "array" : u !== void 0 && u.$$typeof === t ? (X = "<" + (q(u.type) || "Unknown") + " />", R = " Did you accidentally export a JSX literal instead of a component?") : X = typeof u, _("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", X, R);
+        var O = C(u);
+        if (!O) {
+          var L = "";
+          (u === void 0 || typeof u == "object" && u !== null && Object.keys(u).length === 0) && (L += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var oe = Na(B);
+          oe ? L += oe : L += mn();
+          var ee;
+          u === null ? ee = "null" : wt(u) ? ee = "array" : u !== void 0 && u.$$typeof === t ? (ee = "<" + (N(u.type) || "Unknown") + " />", L = " Did you accidentally export a JSX literal instead of a component?") : ee = 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", ee, L);
         }
-        var ee = Ma(u, x, T, O, V);
-        if (ee == null)
-          return ee;
-        if (I) {
-          var he = x.children;
-          if (he !== void 0)
+        var te = Ma(u, x, T, B, V);
+        if (te == null)
+          return te;
+        if (O) {
+          var ge = x.children;
+          if (ge !== void 0)
             if (P)
-              if (jt(he)) {
-                for (var Se = 0; Se < he.length; Se++)
-                  hn(he[Se], u);
-                Object.freeze && Object.freeze(he);
+              if (wt(ge)) {
+                for (var Se = 0; Se < ge.length; Se++)
+                  hn(ge[Se], u);
+                Object.freeze && Object.freeze(ge);
               } else
                 _("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);
+              hn(ge, u);
         }
-        return u === r ? Fa(ee) : Aa(ee), ee;
+        return u === r ? Fa(te) : Aa(te), te;
       }
     }
     function Da(u, x, T) {
       return gn(u, x, T, !0);
     }
-    function La(u, x, T) {
+    function Ra(u, x, T) {
       return gn(u, x, T, !1);
     }
-    var Ra = La, Ia = Da;
-    Re.Fragment = r, Re.jsx = Ra, Re.jsxs = Ia;
-  }()), Re;
+    var La = Ra, Ia = Da;
+    Le.Fragment = r, Le.jsx = La, Le.jsxs = Ia;
+  }()), Le;
 }
 process.env.NODE_ENV === "production" ? Ut.exports = sr() : Ut.exports = ir();
 var a = Ut.exports;
 const or = () => {
-  const [e, t] = D(window.location.pathname), n = () => {
+  const [e, t] = R(window.location.pathname), n = () => {
     const r = window.location.pathname;
     t(r);
   };
@@ -690,65 +690,65 @@ const or = () => {
     window.removeEventListener("popstate", n);
   }), []), e;
 }, Pe = (e, t) => {
-  const n = ne(!1);
+  const n = ae(!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 = ae(null), i = ae(0), o = ae(null), c = ae([]), m = ae(), l = ae(), f = ae(e), d = ae(!0);
   f.current = e;
   var p = typeof window < "u", h = !t && t !== 0 && p;
   if (typeof e != "function")
     throw new TypeError("Expected a function");
   t = +t || 0;
-  var g = !!(n = n || {}).leading, b = !("trailing" in n) || !!n.trailing, k = "maxWait" in n, y = "debounceOnServer" in n && !!n.debounceOnServer, _ = k ? Math.max(+n.maxWait || 0, t) : null;
+  var g = !!(n = n || {}).leading, y = !("trailing" in n) || !!n.trailing, k = "maxWait" in n, b = "debounceOnServer" in n && !!n.debounceOnServer, _ = k ? Math.max(+n.maxWait || 0, t) : null;
   G(function() {
     return d.current = !0, function() {
       d.current = !1;
     };
   }, []);
   var v = ft(function() {
-    var j = function(M) {
-      var E = c.current, N = m.current;
-      return c.current = m.current = null, i.current = M, l.current = f.current.apply(N, E);
-    }, $ = function(M, E) {
-      h && cancelAnimationFrame(o.current), o.current = h ? requestAnimationFrame(M) : setTimeout(M, E);
-    }, C = function(M) {
+    var w = function(C) {
+      var E = c.current, Z = m.current;
+      return c.current = m.current = null, i.current = C, l.current = f.current.apply(Z, E);
+    }, S = function(C, E) {
+      h && cancelAnimationFrame(o.current), o.current = h ? requestAnimationFrame(C) : setTimeout(C, E);
+    }, M = function(C) {
       if (!d.current)
         return !1;
-      var E = M - s.current;
-      return !s.current || E >= t || E < 0 || k && M - i.current >= _;
-    }, Z = function(M) {
-      return o.current = null, b && c.current ? j(M) : (c.current = m.current = null, l.current);
-    }, L = function M() {
+      var E = C - s.current;
+      return !s.current || E >= t || E < 0 || k && C - i.current >= _;
+    }, D = function(C) {
+      return o.current = null, y && c.current ? w(C) : (c.current = m.current = null, l.current);
+    }, I = function C() {
       var E = Date.now();
-      if (C(E))
-        return Z(E);
+      if (M(E))
+        return D(E);
       if (d.current) {
-        var N = t - (E - s.current), q = k ? Math.min(N, _ - (E - i.current)) : N;
-        $(M, q);
+        var Z = t - (E - s.current), N = k ? Math.min(Z, _ - (E - i.current)) : Z;
+        S(C, N);
       }
-    }, S = function() {
-      if (p || y) {
-        var M = Date.now(), E = C(M);
-        if (c.current = [].slice.call(arguments), m.current = r, s.current = M, E) {
+    }, $ = function() {
+      if (p || b) {
+        var C = Date.now(), E = M(C);
+        if (c.current = [].slice.call(arguments), m.current = r, s.current = C, E) {
           if (!o.current && d.current)
-            return i.current = s.current, $(L, t), g ? j(s.current) : l.current;
+            return i.current = s.current, S(I, t), g ? w(s.current) : l.current;
           if (k)
-            return $(L, t), j(s.current);
+            return S(I, t), w(s.current);
         }
-        return o.current || $(L, t), l.current;
+        return o.current || S(I, t), l.current;
       }
     };
-    return S.cancel = function() {
+    return $.cancel = function() {
       o.current && (h ? cancelAnimationFrame(o.current) : clearTimeout(o.current)), i.current = 0, c.current = s.current = m.current = o.current = null;
-    }, S.isPending = function() {
+    }, $.isPending = function() {
       return !!o.current;
-    }, S.flush = function() {
-      return o.current ? Z(Date.now()) : l.current;
-    }, S;
-  }, [g, k, t, _, b, h, p, y]);
+    }, $.flush = function() {
+      return o.current ? D(Date.now()) : l.current;
+    }, $;
+  }, [g, k, t, _, y, h, p, b]);
   return v;
 }
 function Zn(e, t, n) {
@@ -809,7 +809,7 @@ const Ue = (e = !0, t = !1, n = "window") => {
   return s;
 }, dr = (e = [], t = !0) => {
   e = Array.isArray(e) ? e : [e];
-  const n = ne(!1);
+  const n = ae(!1);
   Pe(() => {
     if (window && window.location && window.location.hash) {
       if (n.current)
@@ -1199,7 +1199,7 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   es: fr,
   fr: pr,
   pt: hr
-}, Symbol.toStringTag, { value: "Module" })), zn = (e) => e in Qt, be = (e, t, n, r, s = {}) => {
+}, Symbol.toStringTag, { value: "Module" })), zn = (e) => e in Qt, ye = (e, t, n, r, s = {}) => {
   let i = "";
   return zn(`${t}_${n}`) ? i = e({ id: `${t}_${n}` }, s) : i = e({ id: t }, { [r]: n, ...s }), i;
 }, _r = (e, t, n) => {
@@ -1229,7 +1229,7 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   }), n;
 }, xr = (e) => new Promise((t) => setTimeout(t, e)), rt = (e, t) => F.Children.map(e, (n) => F.cloneElement(n, {
   ...t
-})), B = ({
+})), H = ({
   variant: e = "primary",
   size: t = "medium",
   styling: n = { muted: !1, fullWidth: !1 },
@@ -1245,14 +1245,14 @@ Thank you for helping to protect the Apolitical community from abusive content.`
 }) => {
   const h = Ue(typeof t == "object");
   if (typeof t == "object" && typeof h == "number") {
-    const k = Object.assign({}, t), y = qn(Object.keys(k));
-    t = Hn(h, y, k);
+    const k = Object.assign({}, t), b = qn(Object.keys(k));
+    t = Hn(h, b, k);
   }
   const g = [];
   typeof t == "string" && g.push(t), r && (g.push("icon"), typeof r == "object" ? (g.push(r.icon), r.position ? g.push(r.position) : g.push("left"), r.hover && g.push(`hover_${r.hover}`), r.animate && (g.push("animate"), typeof r.animate == "string" && g.push(r.animate))) : (g.push(r), !r.includes("right") && !r.includes("left") && g.push("left"))), n.muted && g.push("muted"), n.fullWidth && g.push("full-width");
-  const b = {
+  const y = {
     ...d,
-    className: w(e, c, g, {
+    className: j(e, c, g, {
       "no-text": !f,
       disabled: m,
       button: s
@@ -1262,18 +1262,18 @@ Thank you for helping to protect the Apolitical community from abusive content.`
     },
     disabled: typeof m == "object" && "isClickable" in m ? !m.isClickable : m
   };
-  return s && (i = "a", b.href = s), F.createElement(
+  return s && (i = "a", y.href = s), F.createElement(
     i,
-    b,
-    f || (l ? /* @__PURE__ */ a.jsx(ae, { showOnFocus: !1, children: l }) : null)
+    y,
+    f || (l ? /* @__PURE__ */ a.jsx(ie, { 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));
-  return F.createElement(r, { className: w("button-wrapper", t), ...n, children: s });
+  const r = e.length > 1 ? "ul" : "p", s = e.map((i, o) => r === "p" ? /* @__PURE__ */ a.jsx(H, { ...i }, o) : /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(H, { ...i }) }, o));
+  return F.createElement(r, { className: j("button-wrapper", t), ...n, children: s });
 };
-const Te = ({ className: e = "", maxWidth: t = !1 }) => {
+const $e = ({ className: e = "", maxWidth: t = !1 }) => {
   const n = t ? { "--max-width": `${t / 16}rem` } : {};
-  return /* @__PURE__ */ a.jsx("hr", { className: w(e, { "has-max-width": t }), style: n });
+  return /* @__PURE__ */ a.jsx("hr", { className: j(e, { "has-max-width": t }), style: n });
 }, gt = ({
   href: e,
   children: t,
@@ -1290,7 +1290,7 @@ const Te = ({ className: e = "", maxWidth: t = !1 }) => {
       "a",
       {
         href: e,
-        className: w("gtm-trackable", r),
+        className: j("gtm-trackable", r),
         ...m,
         children: t
       }
@@ -1407,10 +1407,10 @@ const Te = ({ className: e = "", maxWidth: t = !1 }) => {
 }) => {
   const { range: r, sizes: s } = e ? xn[e] : xn.fallback;
   return { range: t && t.length > 0 ? t : r, sizes: n || s };
-}, jr = ({ format: e, height: t, query: n, width: r }) => {
+}, wr = ({ format: e, height: t, query: n, width: r }) => {
   let s = `w=${r}&h=${t}`;
   return s = e ? `${s}&fm=${e}` : s, s = n ? `${s}&${n}` : s, s;
-}, St = ({ format: e, range: t, url: n, query: r }) => t.map(({ height: s, width: i }) => `${n}?${jr({
+}, St = ({ format: e, range: t, url: n, query: r }) => t.map(({ height: s, width: i }) => `${n}?${wr({
   format: e,
   height: s,
   query: r,
@@ -1427,7 +1427,7 @@ const Wn = ({ image: e, className: t, testId: n }) => {
     loading: l,
     decoding: f,
     fetchPriority: d
-  } = e, { range: p, sizes: h } = kr(e), g = St({ format: "avif", query: o, range: p, url: c }), b = 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",
@@ -1442,7 +1442,7 @@ const Wn = ({ image: e, className: t, testId: n }) => {
       "source",
       {
         type: "image/webp",
-        srcSet: b,
+        srcSet: y,
         sizes: h,
         "data-testid": "source"
       }
@@ -1465,8 +1465,8 @@ const Wn = ({ image: e, className: t, testId: n }) => {
   ] });
 };
 let Ie = !1;
-const wr = ({ isOpen: e = !1, isLoading: t = !1, children: n }) => {
-  const r = A(), s = ne(null), [i, o] = D("hidden");
+const jr = ({ isOpen: e = !1, isLoading: t = !1, children: n }) => {
+  const r = A(), s = ae(null), [i, o] = R("hidden");
   G(() => {
     const m = s.current;
     if (m)
@@ -1483,9 +1483,9 @@ const wr = ({ isOpen: e = !1, isLoading: t = !1, children: n }) => {
     e ? o("opening") : (o("closing"), m = "hidden"), Ie = setTimeout(() => {
       o(m);
     }, 300);
-  }, [e]), /* @__PURE__ */ a.jsx("aside", { ref: s, className: w("tooltip text-medium", i, { loading: t }), hidden: i === "hidden", children: t ? /* @__PURE__ */ a.jsx("p", { children: r.formatMessage({ id: "tooltip_loading" }) }) : typeof n == "string" ? /* @__PURE__ */ a.jsx("p", { children: n }) : n });
+  }, [e]), /* @__PURE__ */ a.jsx("aside", { ref: s, className: j("tooltip text-medium", i, { loading: t }), hidden: i === "hidden", children: t ? /* @__PURE__ */ a.jsx("p", { children: r.formatMessage({ id: "tooltip_loading" }) }) : typeof n == "string" ? /* @__PURE__ */ a.jsx("p", { children: n }) : n });
 };
-const _t = ({ children: e, className: t = "", ...n }) => /* @__PURE__ */ a.jsx("section", { className: w("full-width-section", t), ...n, children: e });
+const _t = ({ children: e, className: t = "", ...n }) => /* @__PURE__ */ a.jsx("section", { className: j("full-width-section", t), ...n, children: e });
 const $i = ({ text: e, buttons: t, className: n = "" }) => {
   const r = [];
   return t.forEach((s) => {
@@ -1499,7 +1499,7 @@ const $i = ({ text: e, buttons: t, className: n = "" }) => {
       target: "_blank",
       children: s.text
     });
-  }), /* @__PURE__ */ a.jsx(_t, { className: w("download-section", n), children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+  }), /* @__PURE__ */ a.jsx(_t, { className: j("download-section", n), children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     F.createElement(typeof e == "string" ? "h2" : e.element, { className: "text" }, typeof e == "string" ? e : e.text),
     /* @__PURE__ */ a.jsx(ht, { buttons: r })
   ] }) });
@@ -1512,12 +1512,12 @@ const Ei = ({ title: e = !1, logos: t = [], className: n = "" }) => {
     element: typeof e == "object" ? e.element : "h2",
     text: typeof e == "string" ? e : typeof e == "object" ? e.text : ""
   };
-  return /* @__PURE__ */ a.jsxs("div", { className: w("logos", n), children: [
+  return /* @__PURE__ */ a.jsxs("div", { className: j("logos", n), children: [
     e && F.createElement(s.element, { className: "title" }, s.text),
     /* @__PURE__ */ a.jsx(
       "ul",
       {
-        className: w({ "two-col": r === 2 || r === 4, "three-col": r === 5 || r <= 10 && r % 3 === 0 }),
+        className: j({ "two-col": r === 2 || r === 4, "three-col": r === 5 || r <= 10 && r % 3 === 0 }),
         children: t.map(
           ({ logo: i, nameOfBusiness: o, link: c = !1, description: m = !1 }, l) => {
             if (!i || !i.url)
@@ -1607,7 +1607,7 @@ const Tr = [
   }), /* @__PURE__ */ a.jsx(
     _t,
     {
-      className: w("banner-section", r, s, e, {
+      className: j("banner-section", r, s, e, {
         "has-image": n,
         "has-extra-spacing": s === "normal" && f.eyebrow && f.title
       }),
@@ -1626,7 +1626,7 @@ const Tr = [
           }),
           c,
           o && o.text && o.link && /* @__PURE__ */ a.jsx(
-            B,
+            H,
             {
               variant: n || r === "light" ? "primary" : "secondary",
               size: { mobile: "medium", 768: "large" },
@@ -1647,10 +1647,10 @@ const Si = ({
   title: n,
   text: r,
   gtmContext: s
-}) => !n && !r ? null : /* @__PURE__ */ a.jsxs("aside", { className: w("marketing-block", e), children: [
+}) => !n && !r ? null : /* @__PURE__ */ a.jsxs("aside", { className: j("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(H, { variant: "secondary", size: "medium", href: t.link, className: "gtm-trackable", "data-gtm-event-context": s, "data-gtm-event-type": "learn-more-click", children: t.text })
 ] }), Er = ({ showDevTools: e = !0, children: t }) => {
   const n = new za({
     // default options we would like on all queries can be overridden individually
@@ -1700,12 +1700,12 @@ const Mr = ({ children: e, user: t }) => t.isLoading ? null : process.env.REACT_
     ...n || {}
   };
   return /* @__PURE__ */ a.jsx(Ha, { locale: r, messages: s, children: e });
-}, ke = Gt({ isLoading: !0 });
+}, we = Gt({ isLoading: !0 });
 function Jt() {
-  return ge(ke);
+  return _e(we);
 }
-const Pr = ({ children: e, user: t }) => /* @__PURE__ */ a.jsx(ke.Provider, { value: t, children: e }), Mi = ({ bootstrap: e, children: t, intl: n }) => {
-  const [r, s] = D({ isLoading: !0 });
+const Pr = ({ children: e, user: t }) => /* @__PURE__ */ a.jsx(we.Provider, { value: t, children: e }), Mi = ({ bootstrap: e, children: t, intl: n }) => {
+  const [r, s] = R({ isLoading: !0 });
   return G(() => {
     e().then((i) => {
       s({ ...i, isLoading: !1 }), br(5e3);
@@ -1721,12 +1721,12 @@ const Pr = ({ children: e, user: t }) => /* @__PURE__ */ a.jsx(ke.Provider, { va
 }, Ni = "200,000+";
 const Vn = ({ label: e = !1, className: t = "", children: n }) => {
   const r = A();
-  return /* @__PURE__ */ a.jsxs("details", { className: w("collapsible-section", t), children: [
+  return /* @__PURE__ */ a.jsxs("details", { className: j("collapsible-section", t), children: [
     /* @__PURE__ */ a.jsx("summary", { children: e || r.formatMessage({ id: "collapsibleSection_summary" }) }),
     /* @__PURE__ */ a.jsx("div", { className: "content", children: n })
   ] });
 };
-const we = ({
+const Te = ({
   variant: e = "primary",
   icon: t,
   className: n = "",
@@ -1737,7 +1737,7 @@ const we = ({
   return /* @__PURE__ */ a.jsx(
     "div",
     {
-      className: w("highlighted-text-box", e, n, {
+      className: j("highlighted-text-box", e, n, {
         "has-icon": t
       }),
       style: i,
@@ -1765,14 +1765,14 @@ const bt = ({
     ...f
   } = n;
   return /* @__PURE__ */ a.jsx(
-    we,
+    Te,
     {
       variant: "subtle",
-      className: w("empty-state-box", e, r),
+      className: j("empty-state-box", e, r),
       children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
         t && /* @__PURE__ */ a.jsx(pt, { options: { forceBlock: !0 }, children: t }),
         s && typeof n == "object" && (l || /* @__PURE__ */ a.jsx(
-          B,
+          H,
           {
             ...f,
             variant: n.variant ? n.variant : "secondary",
@@ -1786,7 +1786,7 @@ const bt = ({
 const Wt = ({ children: e, ...t }) => /* @__PURE__ */ a.jsx("p", { ...t, children: e }), Yn = { q: Wt, blockquote: Wt };
 for (let e = 1; e <= 6; e++)
   Yn[`h${e}`] = { component: Wt, props: { className: "title" } };
-const Ar = ({ type: e = "default", className: t = "", heading: n = !1, children: r }) => /* @__PURE__ */ a.jsxs("div", { className: w("helper-text-box text-small", e, t), children: [
+const Ar = ({ type: e = "default", className: t = "", heading: n = !1, children: r }) => /* @__PURE__ */ a.jsxs("div", { className: j("helper-text-box text-small", e, t), children: [
   n && /* @__PURE__ */ a.jsx("p", { className: "title", children: n }),
   typeof r == "string" ? /* @__PURE__ */ a.jsx(
     pt,
@@ -1801,7 +1801,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 = A(), o = ne(null), [c, m] = D(""), [l, f] = D("closed");
+  const i = A(), o = ae(null), [c, m] = R(""), [l, f] = R("closed");
   G(() => {
     const h = o.current;
     if (h)
@@ -1824,18 +1824,18 @@ const Pi = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
   if (!r)
     return null;
   const p = ["opening", "open"].includes(l);
-  return /* @__PURE__ */ a.jsxs(we, { variant: "subtle", className: w("hide-show-text-box", e), children: [
-    /* @__PURE__ */ a.jsxs("div", { ref: o, className: w("content", l), children: [
+  return /* @__PURE__ */ a.jsxs(Te, { variant: "subtle", className: j("hide-show-text-box", e), children: [
+    /* @__PURE__ */ a.jsxs("div", { ref: o, className: j("content", l), children: [
       /* @__PURE__ */ a.jsx(pt, { options: { forceBlock: !0 }, children: l === "closed" ? c : r }),
       l !== "closed" && s
     ] }),
     /* @__PURE__ */ a.jsx("p", { className: "cta", children: /* @__PURE__ */ a.jsx(
-      B,
+      H,
       {
         variant: "tertiary",
         icon: { icon: "navigation_arrow", position: "left", animate: !0 },
         styling: { muted: !0 },
-        className: w({ "rotate-180": p }),
+        className: j({ "rotate-180": p }),
         onClick: () => {
           f(p ? "ready-to-close" : "opening");
         },
@@ -1843,7 +1843,7 @@ const Pi = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
       }
     ) })
   ] });
-}, Fr = () => F.Fragment, Dr = ({ children: e }) => /* @__PURE__ */ a.jsx(we, { variant: "secondary", children: e }), Lr = ["span", "strong", "h1", "h2", "h3", "h4", "h5", "h6", "p"], Rr = ({ children: e }) => {
+}, Fr = () => F.Fragment, Dr = ({ children: e }) => /* @__PURE__ */ a.jsx(Te, { variant: "secondary", children: e }), Rr = ["span", "strong", "h1", "h2", "h3", "h4", "h5", "h6", "p"], Lr = ({ children: e }) => {
   const t = A();
   if (!e)
     return null;
@@ -1856,7 +1856,7 @@ const Pi = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
           for (const o of Ht.toArray(i.props.children))
             if (!(!o || typeof o == "string" || typeof o == "number") && F.isValidElement(o)) {
               const c = o.type;
-              if (Lr.includes(c)) {
+              if (Rr.includes(c)) {
                 for (n = o.props.children; typeof n != "string" && (Array.isArray(n) && n[0].props && n[0].props.children && n[0].props.children[0]); )
                   n = n[0].props.children[0];
                 break;
@@ -1878,12 +1878,12 @@ const Pi = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
   if (t.class)
     switch (t.class) {
       case "casestudy":
-        return /* @__PURE__ */ a.jsx(we, { variant: "secondary", children: e });
+        return /* @__PURE__ */ a.jsx(Te, { variant: "secondary", children: e });
       case "general-textbox":
       case "highlight-box":
-        return /* @__PURE__ */ a.jsx(we, { variant: "primary", children: e });
+        return /* @__PURE__ */ a.jsx(Te, { variant: "primary", children: e });
       case "pink-textbox":
-        return /* @__PURE__ */ a.jsx(we, { variant: "tertiary", children: e });
+        return /* @__PURE__ */ a.jsx(Te, { variant: "tertiary", children: e });
       default:
         return /* @__PURE__ */ a.jsx("div", { ...t, children: e });
     }
@@ -1893,7 +1893,7 @@ const Pi = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
   let r = "default";
   const s = e.src;
   return s.includes("youtube") || s.includes("vimeo") ? r = "video" : s.includes("riddle") || s.includes("sli.do") ? r = "poll" : s.includes("padlet") && (r = "padlet"), /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    /* @__PURE__ */ a.jsx(ae, { children: /* @__PURE__ */ a.jsx("a", { href: `#content-after-iframe-${n}`, children: t.formatMessage({ id: `markdown_skip${r === "default" ? "" : `_${r}`}` }) }) }),
+    /* @__PURE__ */ a.jsx(ie, { children: /* @__PURE__ */ a.jsx("a", { href: `#content-after-iframe-${n}`, children: t.formatMessage({ id: `markdown_skip${r === "default" ? "" : `_${r}`}` }) }) }),
     /* @__PURE__ */ a.jsx("iframe", { ...e, title: t.formatMessage({ id: `markdown_iframe${r === "default" ? "" : `_${r}`}` }) }),
     /* @__PURE__ */ a.jsx("span", { id: `content-after-iframe-${n}`, tabIndex: -1 })
   ] });
@@ -1914,9 +1914,9 @@ 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(H, { 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 }) => {
+const wn = ({ className: e = "", options: t = {}, children: n }) => {
   n = n.replace(/^<br\/?>/, "");
   const r = {
     wrapper: F.Fragment,
@@ -1926,17 +1926,17 @@ const jn = ({ className: e = "", options: t = {}, children: n }) => {
       // Override psuedo-code
       // We give the content team psuedo-code short cuts to use in Contentful
       CollapsibleSection: Vn,
-      TextBox: we,
+      TextBox: Te,
       CaseStudy: Dr,
       // Override embedded HTML
       // Our content team previously used real HTML, which we need to tear out and replace with React components
       style: Fr,
-      details: Rr,
+      details: Lr,
       div: Ir,
       iframe: Or
     }
   };
-  return /* @__PURE__ */ a.jsx("div", { className: w("markdown-text", e), children: /* @__PURE__ */ a.jsx(pt, { options: { ...r, ...t }, children: n }) });
+  return /* @__PURE__ */ a.jsx("div", { className: j("markdown-text", e), children: /* @__PURE__ */ a.jsx(pt, { options: { ...r, ...t }, children: n }) });
 };
 const qr = ({
   maxWidth: e = !1,
@@ -1946,8 +1946,8 @@ const qr = ({
   className: s = ""
 }) => {
   const i = e ? { "--max-width": `${e / 16}rem` } : {};
-  return /* @__PURE__ */ a.jsxs("section", { className: w("page-heading", s), children: [
-    /* @__PURE__ */ a.jsxs("div", { className: w("content", { "has-max-width": e }), style: i, children: [
+  return /* @__PURE__ */ a.jsxs("section", { className: j("page-heading", s), children: [
+    /* @__PURE__ */ a.jsxs("div", { className: j("content", { "has-max-width": e }), style: i, children: [
       t && t.text && F.createElement(t.element || "h1", { className: "title" }, t.text),
       n && n.text && F.createElement(
         n.element || "h2",
@@ -1964,11 +1964,11 @@ const st = ({
   className: n = "",
   children: r,
   ...s
-}) => /* @__PURE__ */ a.jsx("span", { className: w("pill", e, t, n), ...s, children: r });
-const Vt = ({ element: e = "p", children: t = null, className: n = "", ...r }) => F.createElement(e, { ...r, className: w("status-banner text-small", n), "aria-live": "assertive" }, t);
+}) => /* @__PURE__ */ a.jsx("span", { className: j("pill", e, t, n), ...s, children: r });
+const Vt = ({ element: e = "p", children: t = null, className: n = "", ...r }) => F.createElement(e, { ...r, className: j("status-banner text-small", n), "aria-live": "assertive" }, t);
 const Hr = ({ progress: e = 0, text: t = !1, className: n = "" }) => {
   const r = A(), s = e > 75 ? 100 : e > 50 ? 75 : e > 25 ? 50 : e > 5 ? 25 : 0, i = { "--progress": `${e}%` };
-  return /* @__PURE__ */ a.jsx("span", { className: w(`progress-bar section-${s}`, n), style: i, children: /* @__PURE__ */ a.jsx(ae, { children: t ? `${e} ${t}` : r.formatMessage({ id: "progressBar" }, { number: e }) }) });
+  return /* @__PURE__ */ a.jsx("span", { className: j(`progress-bar section-${s}`, n), style: i, children: /* @__PURE__ */ a.jsx(ie, { children: t ? `${e} ${t}` : r.formatMessage({ id: "progressBar" }, { number: e }) }) });
 }, Ur = Fe(Hr);
 const Mt = "loadingBlock_", zr = ({ progress: e = 0, steps: t = !1, className: n = "" }) => {
   const r = A();
@@ -1983,9 +1983,9 @@ const Mt = "loadingBlock_", zr = ({ progress: e = 0, steps: t = !1, className: n
     s = i[c];
   const o = s && t[s].icon ? { "--icon": `url(${He}icons/${t[s].icon}.svg)` } : {};
   return /* @__PURE__ */ a.jsxs(
-    we,
+    Te,
     {
-      className: w("loading-block", n, { "has-icon": s && t[s].icon }),
+      className: j("loading-block", n, { "has-icon": s && t[s].icon }),
       variant: "subtle",
       style: o,
       children: [
@@ -1995,7 +1995,7 @@ const Mt = "loadingBlock_", zr = ({ progress: e = 0, steps: t = !1, className: n
     }
   );
 }, Ai = Fe(zr);
-const _e = ({ element: e = "div", className: t = "", ...n }) => /* @__PURE__ */ a.jsx(Bn, { element: e, className: w("loading-placeholder", t), ...n });
+const be = ({ element: e = "div", className: t = "", ...n }) => /* @__PURE__ */ a.jsx(Bn, { element: e, className: j("loading-placeholder", t), ...n });
 const Yt = {
   header: ["logo", "link", "link", "search"],
   sidebar: ["text", "text", "text", "text", "text"],
@@ -2013,7 +2013,7 @@ const Yt = {
     "cards-section",
     "footer"
   ]
-}, Gn = (e, t) => e in Yt ? /* @__PURE__ */ a.jsx("div", { className: e, children: Yt[e].map((n, r) => Gn(n, r)) }, t) : /* @__PURE__ */ a.jsx(_e, { className: e }, t), Kn = ({ layout: e = "overview-page", ...t }) => /* @__PURE__ */ a.jsx("div", { className: w("loading-state", e), ...t, children: Yt[e].map((n, r) => Gn(n, r)) }), Qn = (e) => {
+}, Gn = (e, t) => e in Yt ? /* @__PURE__ */ a.jsx("div", { className: e, children: Yt[e].map((n, r) => Gn(n, r)) }, t) : /* @__PURE__ */ a.jsx(be, { className: e }, t), Kn = ({ layout: e = "overview-page", ...t }) => /* @__PURE__ */ a.jsx("div", { className: j("loading-state", e), ...t, children: Yt[e].map((n, r) => Gn(n, r)) }), Qn = (e) => {
   const t = e && e.toUpperCase().split(" ");
   return Array.isArray(t) && t.length > 1 && t[0] !== "" ? t[1] === "" ? t[0][0] : t[0][0] + t[t.length - 1][0] : e ? e.substr(0, 1) : "";
 }, Ge = ["#5AB6A3", "#A2D7AF", "#806056", "#3962B3"], Wr = (e) => {
@@ -2025,16 +2025,16 @@ const Yt = {
     if (r <= t * (s + 1))
       return Ge[s];
 };
-const wn = 256, ze = ({
+const jn = 256, ze = ({
   className: e = "",
   src: t = "",
   name: n,
   alt: r,
-  width: s = wn,
-  height: i = wn,
+  width: s = jn,
+  height: i = jn,
   ...o
 }) => {
-  const [c, m] = D(!1), l = ne(null);
+  const [c, m] = R(!1), l = ae(null);
   G(() => {
     const d = l.current;
     if (!d)
@@ -2049,7 +2049,7 @@ const wn = 256, ze = ({
   return t && t !== "" && !c && (t.includes("http") || t.includes("//")) && (f = !0), /* @__PURE__ */ a.jsx(
     "figure",
     {
-      className: w("profile-picture", e, { error: c }),
+      className: j("profile-picture", e, { error: c }),
       ...o,
       children: f ? /* @__PURE__ */ a.jsx(
         "img",
@@ -2101,7 +2101,7 @@ const Xt = ({
   c.name || (c.name = o.formatMessage({ id: `member_${typeof t == "string" ? t : "community"}` }));
   const { name: m, url: l, image: f } = c, d = Vr(c), p = n && n.createdAt ? zt(n.createdAt) : !1, h = n && n.createdAt ? Un(n.createdAt) : "";
   return F.createElement(e, {
-    className: w("member text-medium", i),
+    className: j("member text-medium", i),
     children: /* @__PURE__ */ a.jsxs(
       gt,
       {
@@ -2145,37 +2145,37 @@ const Tn = {
   const f = A();
   return !n || n.length === 0 ? null : F.createElement(e, {
     ...l,
-    className: w("contributors", m, s, { "has-gap": i }),
+    className: j("contributors", m, s, { "has-gap": i }),
     children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
       /* @__PURE__ */ a.jsx("ul", { children: n.map((d, p) => {
         let h, g = "";
         if (p < c) {
-          const { name: b = "", image: k = "" } = Jn(d);
+          const { name: y = "", image: k = "" } = Jn(d);
           if (o)
-            return /* @__PURE__ */ a.jsx(_e, { element: "li", className: "contributor" }, p);
+            return /* @__PURE__ */ a.jsx(be, { element: "li", className: "contributor" }, p);
           h = /* @__PURE__ */ a.jsx(
             ze,
             {
-              name: b,
+              name: y,
               src: k,
               width: Tn[s || "medium"],
               height: Tn[s || "medium"]
             }
           );
         } else if (p === c) {
-          const b = (t || n.length) - c;
+          const y = (t || n.length) - c;
           h = /* @__PURE__ */ a.jsxs(
             "small",
             {
-              className: w({ "large-number": b > 99 }),
+              className: j({ "large-number": y > 99 }),
               children: [
                 "+",
-                _r(b, 0)
+                _r(y, 0)
               ]
             }
           ), g = "number-left";
         }
-        return h ? /* @__PURE__ */ a.jsx("li", { className: w("contributor", g), children: h }, p) : null;
+        return h ? /* @__PURE__ */ a.jsx("li", { className: j("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 })
     ] })
@@ -2298,12 +2298,12 @@ const Tn = {
   }
 }, Gr = ({ data: e, cta: t, link: n, gtmContext: r }) => {
   var g;
-  const s = A(), [i, o] = D({
+  const s = A(), [i, o] = R({
     loading: !1,
     registered: e.registered || !1
   });
   G(() => {
-    e.registered && o((b) => ({ ...b, registered: !0 }));
+    e.registered && o((y) => ({ ...y, registered: !0 }));
   }, [e.registered]);
   const { startDate: c, dateHasPassed: m, pill: l, slug: f } = e, d = e.contentType;
   let p = "";
@@ -2320,7 +2320,7 @@ const Tn = {
     );
   if (d === "people")
     return /* @__PURE__ */ a.jsx(
-      B,
+      H,
       {
         variant: "tertiary",
         size: "small",
@@ -2333,8 +2333,8 @@ const Tn = {
     );
   const h = ["microcourse", "event"];
   if (t && t.onClick && h.includes(d) && l !== "premium") {
-    const b = i.loading || i.registered, k = async (y) => {
-      if (y.preventDefault(), y.stopPropagation(), !(b || !t || !t.onClick)) {
+    const y = i.loading || i.registered, k = async (b) => {
+      if (b.preventDefault(), b.stopPropagation(), !(y || !t || !t.onClick)) {
         o((_) => ({ ..._, loading: !0 }));
         try {
           const _ = await t.onClick(e);
@@ -2345,18 +2345,18 @@ const Tn = {
       }
     };
     return /* @__PURE__ */ a.jsx(
-      B,
+      H,
       {
         onClick: k,
         className: "gtm-trackable",
         size: "small",
         styling: { fullWidth: !0 },
-        disabled: b,
+        disabled: y,
         "data-gtm-event-context": `${r}Page-${d}: ${f}`,
         "data-gtm-event-type": `${r}-${d}-register-click`,
         "data-testid": "in-card-button",
         children: s.formatMessage({
-          id: `card_cta_${d}${b ? `_${i.loading ? "loading" : "done"}` : ""}`
+          id: `card_cta_${d}${y ? `_${i.loading ? "loading" : "done"}` : ""}`
         })
       }
     );
@@ -2385,19 +2385,19 @@ const Qr = {
   gtmContext: s = "Carousel",
   className: i = ""
 }) => {
-  const o = A(), c = ge(ke), m = c && typeof c.id == "string", [l, f] = D({
+  const o = A(), c = _e(we), m = c && typeof c.id == "string", [l, f] = R({
     data: null,
     isLoading: !0
-  }), { data: d, isLoading: p } = l, h = Ln(() => {
-    n(t, m).then((L) => {
-      f(() => ({ data: L, isLoading: !1 }));
-    }).catch(() => f((L) => ({ ...L, isLoading: !1 })));
+  }), { data: d, isLoading: p } = l, h = Rn(() => {
+    n(t, m).then((I) => {
+      f(() => ({ data: I, isLoading: !1 }));
+    }).catch(() => f((I) => ({ ...I, isLoading: !1 })));
   }, [e]);
   if (G(() => {
     h();
   }, []), p || !d)
     return /* @__PURE__ */ a.jsx(
-      _e,
+      be,
       {
         element: "li",
         className: "card-wrapper",
@@ -2406,38 +2406,38 @@ const Qr = {
     );
   const { contentType: g } = d;
   if (!g || !it[g])
-    return /* @__PURE__ */ a.jsx(_e, { element: "li", className: "card-wrapper" });
+    return /* @__PURE__ */ a.jsx(be, { element: "li", className: "card-wrapper" });
   const {
-    basePath: b = "",
+    basePath: y = "",
     className: k,
-    length: y,
+    length: b,
     gtmEvent: _
-  } = it[g], v = zn(`card_label_${g}`) ? o.formatMessage({ id: `card_label_${g}` }) : !1, j = d.slug ? `${b}${d.slug}` : !1, $ = { ...Qr, ...y };
-  let C = { className: "card" };
-  j && (C = {
-    href: j,
+  } = it[g], v = zn(`card_label_${g}`) ? o.formatMessage({ id: `card_label_${g}` }) : !1, w = d.slug ? `${y}${d.slug}` : !1, S = { ...Qr, ...b };
+  let M = { className: "card" };
+  w && (M = {
+    href: w,
     className: "card gtm-trackable",
     "data-gtm-event-context": `${s}-CarouselCard`,
     "data-gtm-event-type": `${_}-click`,
     "data-testid": "link"
-  }, d.openInNewTab && (C.target = "_blank"));
-  const Z = d.customIcon ? { "--custom-icon": Kr(d.customIcon) } : {};
+  }, d.openInNewTab && (M.target = "_blank"));
+  const D = d.customIcon ? { "--custom-icon": Kr(d.customIcon) } : {};
   return /* @__PURE__ */ a.jsx(
     "li",
     {
-      className: w("card-wrapper text-medium", k, i, {
-        "has-link": j,
-        "no-link": !j,
+      className: j("card-wrapper text-medium", k, i, {
+        "has-link": w,
+        "no-link": !w,
         "has-custom-icon": d.customIcon,
         "has-image": d.banner
       }),
-      style: Z,
+      style: D,
       "data-testid": `${g}-card`,
       children: F.createElement(
-        j ? "a" : "div",
-        C,
+        w ? "a" : "div",
+        M,
         /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-          (d.customLabel || v) && /* @__PURE__ */ a.jsx("small", { className: w("card-label text-small", k), children: d.customLabel || v }),
+          (d.customLabel || v) && /* @__PURE__ */ a.jsx("small", { className: j("card-label text-small", k), children: d.customLabel || v }),
           d.startDate && !d.isOngoingEvent && /* @__PURE__ */ a.jsx(
             st,
             {
@@ -2470,23 +2470,23 @@ const Qr = {
               "data-testid": "contributors"
             }
           ),
-          d.partner && /* @__PURE__ */ a.jsx("p", { className: "partners", "data-testid": "partners", children: Ne(d.partner.title, $.partner) }),
+          d.partner && /* @__PURE__ */ a.jsx("p", { className: "partners", "data-testid": "partners", children: Ne(d.partner.title, S.partner) }),
           /* Text */
-          ["title", "text", "secondaryText"].map((L) => {
-            const S = d[L];
-            if (!S)
+          ["title", "text", "secondaryText"].map((I) => {
+            const $ = d[I];
+            if (!$)
               return null;
-            const M = ur(L);
-            return /* @__PURE__ */ a.jsx("p", { className: M, "data-testid": M, children: Ne(S, $[L]) }, L);
+            const C = ur(I);
+            return /* @__PURE__ */ a.jsx("p", { className: C, "data-testid": C, children: Ne($, S[I]) }, I);
           }),
           /* @__PURE__ */ a.jsx(Yr, { type: k || "", data: d }),
-          /* @__PURE__ */ a.jsx(Gr, { data: d, cta: r, link: j || "", gtmContext: s })
+          /* @__PURE__ */ a.jsx(Gr, { data: d, cta: r, link: w || "", gtmContext: s })
         ] })
       )
     }
   );
 };
-const Jr = ({ cards: e, cardTypes: t, className: n = "", ...r }) => /* @__PURE__ */ a.jsx("ul", { className: w("card-block", n), children: e.map((s, i) => {
+const Jr = ({ cards: e, cardTypes: t, className: n = "", ...r }) => /* @__PURE__ */ a.jsx("ul", { className: j("card-block", n), children: e.map((s, i) => {
   const o = s.slug ? `${s.slug}-${t[i]}` : `${t[i]}-${i}`;
   return /* @__PURE__ */ a.jsx(
     ea,
@@ -2506,7 +2506,7 @@ const Jr = ({ cards: e, cardTypes: t, className: n = "", ...r }) => /* @__PURE__
     return null;
   const { text: r, element: s = "h2", variant: i = "default", size: o = "medium", link: c } = t;
   return F.createElement(s, {
-    className: w("title", i, o, {
+    className: j("title", i, o, {
       "highlighted-title": i === "highlighted"
     }),
     children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
@@ -2539,50 +2539,50 @@ const ts = ({
   className: i,
   gtmContext: o
 }) => {
-  var L;
-  const c = A(), [m, l] = D({
+  var I;
+  const c = A(), [m, l] = R({
     cardsPerPage: 4,
     isLoading: !0
-  }), { cardsPerPage: f, isLoading: d } = m, [p, h] = D({
+  }), { cardsPerPage: f, isLoading: d } = m, [p, h] = R({
     currentPage: 0,
     loadedPages: [0]
-  }), { currentPage: g, loadedPages: b } = p, k = t.length, y = Math.ceil(k / f), _ = ne(null), v = Ue(!0, !0, _ == null ? void 0 : _.current);
+  }), { currentPage: g, loadedPages: y } = p, k = t.length, b = Math.ceil(k / f), _ = ae(null), v = Ue(!0, !0, _ == null ? void 0 : _.current);
   G(() => {
-    let S = 1;
-    v && (v >= Nt.fourCards ? S = 4 : v >= Nt.threeCards ? S = 3 : v >= Nt.twoCards && (S = 2), S > k && (S = k)), l((M) => ({
-      ...M,
-      cardsPerPage: S,
+    let $ = 1;
+    v && (v >= Nt.fourCards ? $ = 4 : v >= Nt.threeCards ? $ = 3 : v >= Nt.twoCards && ($ = 2), $ > k && ($ = k)), l((C) => ({
+      ...C,
+      cardsPerPage: $,
       isLoading: !1
     }));
   }, [v, k]);
-  const j = (S = "next") => {
-    let M = g;
-    if (typeof S == "string")
-      if (S === "next")
-        if (g < y - 1)
-          M = g + 1;
+  const w = ($ = "next") => {
+    let C = g;
+    if (typeof $ == "string")
+      if ($ === "next")
+        if (g < b - 1)
+          C = g + 1;
         else
           return;
       else if (g > 0)
-        M = g - 1;
+        C = g - 1;
       else
         return;
     else
-      M = S;
+      C = $;
     h((E) => ({
       ...E,
-      currentPage: M,
-      loadedPages: [.../* @__PURE__ */ new Set([...b, M])]
+      currentPage: C,
+      loadedPages: [.../* @__PURE__ */ new Set([...y, C])]
     }));
-  }, $ = (S) => {
-    Ke = S.touches[0].clientX;
-  }, C = (S) => {
+  }, S = ($) => {
+    Ke = $.touches[0].clientX;
+  }, M = ($) => {
     if (Ke === null)
       return;
-    const M = S.touches[0].clientX, E = Ke - M;
-    E > 5 ? j("next") : E < -5 && j("previous"), Ke = null;
-  }, Z = {
-    "--width": `${((L = _ == null ? void 0 : _.current) == null ? void 0 : L.offsetWidth) || 0}px`,
+    const C = $.touches[0].clientX, E = Ke - C;
+    E > 5 ? w("next") : E < -5 && w("previous"), Ke = null;
+  }, D = {
+    "--width": `${((I = _ == null ? void 0 : _.current) == null ? void 0 : I.offsetWidth) || 0}px`,
     "--total-cards": k,
     "--cards-per-page": f,
     "--page": g
@@ -2591,7 +2591,7 @@ const ts = ({
     "section",
     {
       ref: _,
-      className: w("carousel-wrapper", i),
+      className: j("carousel-wrapper", i),
       "data-testid": "carousel",
       children: [
         /* @__PURE__ */ a.jsx(es, { id: e, title: s }),
@@ -2599,23 +2599,23 @@ const ts = ({
           "ul",
           {
             className: "carousel",
-            onTouchStart: $,
-            onTouchMove: C,
-            style: Z,
+            onTouchStart: S,
+            onTouchMove: M,
+            style: D,
             "data-testid": "carousel-list",
-            children: t.map((S, M) => {
-              let E = S && S.sys && S.sys.id ? `${e}-card-${S.sys.id}` : null;
-              return E && Xr(M, f, g, b) ? /* @__PURE__ */ a.jsx(
+            children: t.map(($, C) => {
+              let E = $ && $.sys && $.sys.id ? `${e}-card-${$.sys.id}` : null;
+              return E && Xr(C, f, g, y) ? /* @__PURE__ */ a.jsx(
                 ea,
                 {
                   id: E,
-                  card: { ...S, contentType: n[M] },
+                  card: { ...$, contentType: n[C] },
                   buildCardData: r,
                   gtmContext: o
                 },
                 E
-              ) : (E = E || `${e}-card-${M}`, /* @__PURE__ */ a.jsx(
-                _e,
+              ) : (E = E || `${e}-card-${C}`, /* @__PURE__ */ a.jsx(
+                be,
                 {
                   element: "li",
                   className: "card-wrapper",
@@ -2626,15 +2626,15 @@ const ts = ({
             })
           }
         ),
-        y <= 1 ? null : /* @__PURE__ */ a.jsxs("ul", { className: "controls", "data-testid": "carousel-controls", children: [
+        b <= 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,
+            H,
             {
               variant: "secondary",
               size: "large",
               icon: { icon: "chevron_left" },
-              onClick: (S) => {
-                S.preventDefault(), S.stopPropagation(), j("previous");
+              onClick: ($) => {
+                $.preventDefault(), $.stopPropagation(), w("previous");
               },
               screenreaderText: c.formatMessage({
                 id: "carousel_pagination_previous"
@@ -2642,32 +2642,32 @@ const ts = ({
               disabled: g <= 0
             }
           ) }),
-          [...Array(y)].map((S, M) => /* @__PURE__ */ a.jsx("li", { "data-testid": "carousel-controls-button", children: /* @__PURE__ */ a.jsx(
+          [...Array(b)].map(($, C) => /* @__PURE__ */ a.jsx("li", { "data-testid": "carousel-controls-button", children: /* @__PURE__ */ a.jsx(
             "button",
             {
-              className: w("page-indicator", {
-                selected: M === g
+              className: j("page-indicator", {
+                selected: C === g
               }),
               onClick: (E) => {
-                E.preventDefault(), E.stopPropagation(), j(M);
+                E.preventDefault(), E.stopPropagation(), w(C);
               },
-              children: /* @__PURE__ */ a.jsx(ae, { showOnFocus: !1, children: c.formatMessage(
+              children: /* @__PURE__ */ a.jsx(ie, { showOnFocus: !1, children: c.formatMessage(
                 { id: "carousel_pagination_page" },
-                { number: M + 1, total: y }
+                { number: C + 1, total: b }
               ) })
             }
-          ) }, `page-indicator-${M}`)),
+          ) }, `page-indicator-${C}`)),
           /* @__PURE__ */ a.jsx("li", { className: "arrow next", children: /* @__PURE__ */ a.jsx(
-            B,
+            H,
             {
               variant: "secondary",
               size: "large",
               icon: { icon: "chevron_right" },
-              onClick: (S) => {
-                S.preventDefault(), S.stopPropagation(), j("next");
+              onClick: ($) => {
+                $.preventDefault(), $.stopPropagation(), w("next");
               },
               screenreaderText: c.formatMessage({ id: "carousel_pagination_next" }),
-              disabled: g >= y - 1
+              disabled: g >= b - 1
             }
           ) })
         ] })
@@ -2691,7 +2691,7 @@ const ts = ({
           "data-testid": "carousel-placeholder"
         }
       ),
-      d ? null : /* @__PURE__ */ a.jsx(Te, {})
+      d ? null : /* @__PURE__ */ a.jsx($e, {})
     ] }, `placeholder-${f}`) : /* @__PURE__ */ a.jsxs(qe, { children: [
       /* @__PURE__ */ a.jsx(
         ts,
@@ -2702,20 +2702,20 @@ const ts = ({
           ...s
         }
       ),
-      d ? null : /* @__PURE__ */ a.jsx(Te, {})
+      d ? null : /* @__PURE__ */ a.jsx($e, {})
     ] }, `carousel-${f}`);
   }
 );
 const Pt = "joinCommunityButton", ta = ({ isMember: e = !1, isShort: t = !1, functions: { join: n, leave: r } = { join: () => {
 }, leave: () => {
 } } }) => {
-  const s = A(), i = ge(ke), o = i && typeof i.id == "string", [c, m] = D(e), [l, f] = D(e ? "joined" : "notJoined");
+  const s = A(), i = _e(we), o = i && typeof i.id == "string", [c, m] = R(e), [l, f] = R(e ? "joined" : "notJoined");
   G(() => {
     l === "joining" ? f("joined") : l === "leaving" && f("notJoined");
   }, [c]);
   const d = {}, 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,
+    H,
     {
       variant: c ? "secondary" : "primary",
       size: "medium",
@@ -2724,7 +2724,7 @@ const Pt = "joinCommunityButton", ta = ({ isMember: e = !1, isShort: t = !1, fun
       onClick: async (h) => {
         o && (h.currentTarget.blur(), c ? (f("leaving"), typeof r == "function" && await r()) : (f("joining"), typeof n == "function" && await n()), m(!c));
       },
-      className: w("join-community-button", l, { active: l === "joining" }),
+      className: j("join-community-button", l, { active: l === "joining" }),
       disabled: !o,
       ...d,
       children: /* @__PURE__ */ a.jsx("span", { className: "text", ...p, children: s.formatMessage({ id: `${Pt}${["joining", "leaving"].includes(l) ? `_${l}` : c ? "_member" : t ? "_short" : ""}` }) })
@@ -2739,8 +2739,8 @@ const At = "communityDetails_", Di = ({
   functions: { invite: i, ...o }
 }) => {
   const c = A(), m = 5, l = r || s.length, f = s.length ? s : Array(m).fill({}), d = `/communities/${n}/members` === window.location.pathname;
-  return /* @__PURE__ */ a.jsxs("div", { className: w("community-details", e), children: [
-    /* @__PURE__ */ a.jsx(Te, {}),
+  return /* @__PURE__ */ a.jsxs("div", { className: j("community-details", e), children: [
+    /* @__PURE__ */ a.jsx($e, {}),
     /* @__PURE__ */ a.jsxs("div", { className: "member-details", children: [
       /* @__PURE__ */ a.jsxs("div", { className: "top", children: [
         /* @__PURE__ */ a.jsxs("h3", { children: [
@@ -2767,7 +2767,7 @@ const At = "communityDetails_", Di = ({
     ] }),
     /* @__PURE__ */ a.jsx(ta, { isMember: t, functions: { ...o } }),
     t && /* @__PURE__ */ a.jsx(
-      B,
+      H,
       {
         variant: "primary",
         onClick: i,
@@ -2778,21 +2778,21 @@ const At = "communityDetails_", Di = ({
     )
   ] });
 };
-const Li = ({
+const Ri = ({
   breadcrumbs: e,
   cutoff: t = 20,
   className: n = ""
 }) => {
   const r = A();
   return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    /* @__PURE__ */ a.jsx(ae, { element: "p", children: r.formatMessage({ id: "breadcrumbs_label" }) }),
-    /* @__PURE__ */ a.jsx("ul", { className: w("breadcrumbs text-small", n), children: e.map(({ text: s, href: i, current: o = !1 }, c) => /* @__PURE__ */ a.jsxs("li", { children: [
-      o && /* @__PURE__ */ a.jsx(ae, { element: "span", children: r.formatMessage({ id: "breadcrumbs_currentPage" }) }),
+    /* @__PURE__ */ a.jsx(ie, { element: "p", children: r.formatMessage({ id: "breadcrumbs_label" }) }),
+    /* @__PURE__ */ a.jsx("ul", { className: j("breadcrumbs text-small", n), children: e.map(({ text: s, href: i, current: o = !1 }, c) => /* @__PURE__ */ a.jsxs("li", { children: [
+      o && /* @__PURE__ */ a.jsx(ie, { element: "span", children: r.formatMessage({ id: "breadcrumbs_currentPage" }) }),
       /* @__PURE__ */ a.jsx(gt, { href: o ? void 0 : i, children: Ne(s, t) })
     ] }, `${window.btoa(s)}_${c}`)) })
   ] });
 };
-const Ri = ({
+const Li = ({
   options: e,
   allOption: t = !1,
   allowMultiple: n = !0,
@@ -2800,19 +2800,19 @@ const Ri = ({
   },
   className: s = ""
 }) => {
-  const i = A(), o = t ? [{ id: "all", text: typeof t != "boolean" && t.text || i.formatMessage({ id: "filters_all" }) }, ...e] : e, [c, m] = D(t ? ["all"] : []), l = (f, d) => {
+  const i = A(), o = t ? [{ id: "all", text: typeof t != "boolean" && t.text || i.formatMessage({ id: "filters_all" }) }, ...e] : e, [c, m] = R(t ? ["all"] : []), l = (f, d) => {
     let p = [];
     c.includes(f) ? p = c.filter((h) => h !== f) : f === "all" ? p = ["all"] : n ? p = [...c.filter((h) => h !== "all"), f] : p = [f], m((h) => (r && typeof r == "function" && r({ current: p, previous: h }), p)), d && typeof d == "function" && d();
   };
-  return /* @__PURE__ */ a.jsx("ul", { className: w("filters", s), children: o.map(({ id: f, text: d, disabled: p = !1, callback: h = () => {
+  return /* @__PURE__ */ a.jsx("ul", { className: j("filters", s), children: o.map(({ id: f, text: d, disabled: p = !1, callback: h = () => {
   } }) => {
     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: (b) => {
-          b.preventDefault(), b.stopPropagation(), l(f, h);
+        className: j(f, { selected: c.includes(f) }),
+        onClick: (y) => {
+          y.preventDefault(), y.stopPropagation(), l(f, h);
         },
         ...g,
         children: d
@@ -2840,26 +2840,26 @@ const Ft = { en: "English", es: "Español", fr: "Français", pt: "Português" },
   label: c,
   className: m = ""
 }) => {
-  const l = A(), [f, d] = D(e);
+  const l = A(), [f, d] = R(e);
   if (G(() => {
     e !== f && d(e);
-  }, [e]), !r || !Object.values(r).some((b) => b && b.post_name))
+  }, [e]), !r || !Object.values(r).some((y) => y && y.post_name))
     return null;
   const h = Object.keys(r), g = f !== e;
-  return /* @__PURE__ */ a.jsxs("div", { className: w("language-switcher text-small", o, m), children: [
+  return /* @__PURE__ */ a.jsxs("div", { className: j("language-switcher text-small", o, m), children: [
     /* @__PURE__ */ a.jsxs("nav", { children: [
       o !== "short" && /* @__PURE__ */ a.jsx("p", { children: c || l.formatMessage({ id: `${Qe}label` }) }),
-      /* @__PURE__ */ a.jsx("ul", { children: h.map((b) => {
-        if (!Ft[b])
+      /* @__PURE__ */ a.jsx("ul", { children: h.map((y) => {
+        if (!Ft[y])
           return null;
-        let k = { className: b };
-        return f === b ? k["aria-label"] = l.formatMessage({ id: `${Qe}selected` }, { language: Ft[b] }) : k = {
+        let k = { className: y };
+        return f === y ? k["aria-label"] = l.formatMessage({ id: `${Qe}selected` }, { language: Ft[y] }) : k = {
           ...k,
-          href: ns(b, i),
-          onClick: (y) => {
-            y.preventDefault(), y.stopPropagation(), d(b), s(b);
+          href: ns(y, i),
+          onClick: (b) => {
+            b.preventDefault(), b.stopPropagation(), d(y), s(y);
           }
-        }, /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(gt, { ...k, fallbackElement: "span", children: Ft[b] }) }, b);
+        }, /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(gt, { ...k, fallbackElement: "span", children: Ft[y] }) }, y);
       }) }),
       o !== "short" && !g && /* @__PURE__ */ a.jsx("p", { children: l.formatMessage({ id: `${Qe}translation_${t ? "original" : n ? "human" : "machine"}` }) })
     ] }),
@@ -2869,9 +2869,9 @@ const Ft = { en: "English", es: "Español", fr: "Français", pt: "Português" },
       // `values` are throwing a type error: https://github.com/formatjs/formatjs/issues/3633
       children: l.formatMessage({ id: `${Qe}disclaimer` }, {
         email: Be.support,
-        link: (b) => {
-          const k = `mailto:${b}`;
-          return /* @__PURE__ */ a.jsx("a", { href: k, children: b });
+        link: (y) => {
+          const k = `mailto:${y}`;
+          return /* @__PURE__ */ a.jsx("a", { href: k, children: y });
         }
       })
     })
@@ -2890,15 +2890,15 @@ const Dt = Ua({ locale: "en", messages: Qt }), yt = ({
   className: s = "",
   gtmContext: i = "LoadMore"
 }) => {
-  const [o, c] = D(""), m = async (l) => {
+  const [o, c] = R(""), m = async (l) => {
     try {
       await t(l);
     } catch (f) {
       f instanceof Error ? c(f.message) : c("Unknown error");
     }
   };
-  return /* @__PURE__ */ a.jsx("footer", { className: w("load-more", s), children: !o && e ? /* @__PURE__ */ a.jsx(
-    B,
+  return /* @__PURE__ */ a.jsx("footer", { className: j("load-more", s), children: !o && e ? /* @__PURE__ */ a.jsx(
+    H,
     {
       variant: "secondary",
       icon: n,
@@ -2911,20 +2911,20 @@ const Dt = Ua({ locale: "en", messages: Qt }), yt = ({
     }
   ) : r.endOfFeed && (!o || o != null && o.includes("Cannot read items")) ? /* @__PURE__ */ a.jsx("p", { children: r.endOfFeed }) : o && /* @__PURE__ */ a.jsx("p", { className: "error", children: r.error }) });
 };
-const na = ({ variant: e = "default", version: t = "default", className: n = "", ...r }) => /* @__PURE__ */ a.jsx("p", { className: "logo-wrapper", children: /* @__PURE__ */ a.jsx("a", { href: "/home/", className: w("logo", e, t, n), ...r, children: /* @__PURE__ */ a.jsx(ae, { children: /* @__PURE__ */ a.jsx(je, { id: "apolitical" }) }) }) });
+const na = ({ variant: e = "default", version: t = "default", className: n = "", ...r }) => /* @__PURE__ */ a.jsx("p", { className: "logo-wrapper", children: /* @__PURE__ */ a.jsx("a", { href: "/home/", className: j("logo", e, t, n), ...r, children: /* @__PURE__ */ a.jsx(ie, { children: /* @__PURE__ */ a.jsx(je, { id: "apolitical" }) }) }) });
 let Je = !1;
 const as = ({ element: e = "div", id: t = "more-menu", options: n, className: r = "" }) => {
-  const s = A(), i = ne(null), [o, c] = D(!1), m = (l) => {
+  const s = A(), i = ae(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), () => {
     document.removeEventListener("click", m, !0);
   })), F.createElement(e, {
     ref: i,
-    className: w("more-menu text-medium", r),
+    className: j("more-menu text-medium", r),
     children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
       /* @__PURE__ */ a.jsx(
-        B,
+        H,
         {
           variant: "tertiary",
           size: "medium",
@@ -2937,7 +2937,7 @@ const as = ({ element: e = "div", id: t = "more-menu", options: n, className: r
         }
       ),
       /* @__PURE__ */ a.jsx("ul", { id: t, hidden: !o, children: n.map(({ href: l, onClick: f, text: d, icon: p, ...h }, g) => {
-        const b = {
+        const y = {
           ...h,
           onClick: (k) => {
             c(!1), typeof f == "function" && f(k);
@@ -2951,13 +2951,13 @@ const as = ({ element: e = "div", id: t = "more-menu", options: n, className: r
             }, 100);
           }
         };
-        return l && (b.href = l), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
-          B,
+        return l && (y.href = l), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
+          H,
           {
             variant: "tertiary",
             size: "medium",
             icon: p ? { icon: p, position: "left" } : !1,
-            ...b,
+            ...y,
             children: d
           }
         ) }, `${window.btoa(d)}_${g}`);
@@ -2983,12 +2983,12 @@ const ss = [
     href: "/solution-articles/"
   }
 ], is = ({ activeLink: e }) => {
-  const t = A(), n = ge(ke), r = n && typeof n.id == "string";
+  const t = A(), n = _e(we), r = n && typeof n.id == "string";
   return /* @__PURE__ */ a.jsxs("ul", { id: "navigation-menu", className: "text-medium", children: [
     ss.map(({ key: s, href: i }) => /* @__PURE__ */ a.jsx(
       "li",
       {
-        className: w(s, { active: rs(i, e) }),
+        className: j(s, { active: rs(i, e) }),
         children: /* @__PURE__ */ a.jsx(
           "a",
           {
@@ -3075,14 +3075,14 @@ const cs = "shareLinks_", Oi = ({
   className: o = ""
 }) => {
   const c = A(), m = os({ title: e, link: t, referrer: n });
-  return /* @__PURE__ */ a.jsxs("aside", { className: w("share-links", s, i, o), children: [
+  return /* @__PURE__ */ a.jsxs("aside", { className: j("share-links", s, i, o), children: [
     /* @__PURE__ */ a.jsx("p", { className: "text-small", children: c.formatMessage({ id: "shareLinks_label" }) }),
     /* @__PURE__ */ a.jsx("ul", { children: m.map(({ key: l, icon: f, url: d, shouldRender: p = !0, onClick: h }) => {
       if (typeof p == "function" && !p())
         return null;
       const g = {};
-      return h && (g.onClick = (b) => h(b, d)), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
-        B,
+      return h && (g.onClick = (y) => h(y, d)), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
+        H,
         {
           size: s,
           variant: "tertiary",
@@ -3115,13 +3115,13 @@ const Bi = ({ tabs: e, className: t = "" }) => {
         }
     }
   }
-  const [s, i] = D(
+  const [s, i] = R(
     (m = e[r]) != null && m.id ? e[r].id : n(e[r].id, e[r].text, r)
   ), o = [], c = [];
   return e.forEach(({ id: l, text: f, content: d, href: p }, h) => {
     l = n(l, f, h);
-    const g = s === l, b = {};
-    p || (b["aria-controls"] = l, b.onClick = (k) => {
+    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(
       /* @__PURE__ */ a.jsx(
@@ -3142,15 +3142,15 @@ const Bi = ({ tabs: e, className: t = "" }) => {
         {
           href: p || `#${l}`,
           id: `tab-${l}`,
-          className: w({ selected: g }),
+          className: j({ selected: g }),
           role: "tab",
           "aria-selected": g,
-          ...b,
+          ...y,
           children: f
         }
       ) }, `tab-${l}`)
     );
-  }), /* @__PURE__ */ a.jsxs("div", { className: w("tabs-wrapper", t), children: [
+  }), /* @__PURE__ */ a.jsxs("div", { className: j("tabs-wrapper", t), children: [
     /* @__PURE__ */ a.jsx("ul", { className: "tabs", role: "tablist", children: o }),
     /* @__PURE__ */ a.jsx("div", { className: "tab-content", children: c })
   ] });
@@ -3166,14 +3166,14 @@ const ls = {
 }) => {
   const s = Ue(!0);
   let i = r;
-  return F.Children.count(r) === 1 && (i = F.Children.toArray(r)[0], i.props && (i = i.props.children)), /* @__PURE__ */ a.jsx("section", { className: w("columns", `layout-${e}`, n), children: F.Children.map(i, (o, c) => t !== !1 && c === t && s && s < ls[e] ? null : o) });
+  return F.Children.count(r) === 1 && (i = F.Children.toArray(r)[0], i.props && (i = i.props.children)), /* @__PURE__ */ a.jsx("section", { className: j("columns", `layout-${e}`, n), children: F.Children.map(i, (o, c) => t !== !1 && c === t && s && s < ls[e] ? null : o) });
 }, Zi = ({ activeLink: e, ...t }) => /* @__PURE__ */ a.jsx(_t, { children: /* @__PURE__ */ a.jsx(ds, { layout: "1-3", children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
   /* @__PURE__ */ a.jsx(is, { activeLink: e }),
   /* @__PURE__ */ a.jsx(qr, { ...t })
 ] }) }) });
-const Lt = "cookieBanner_", Rt = ["apol-cookie-banner", "apolitical-performance-cookie-consent", "functional-cookie-consent"], It = new Date(Date.now() + 12 * 30 * 24 * 60 * 60 * 1e3), us = () => {
-  const e = A(), [t, n, r] = Ka(Rt), [s, i] = D(!t["apol-cookie-banner"]), o = () => {
-    Rt.forEach((f) => {
+const Rt = "cookieBanner_", Lt = ["apol-cookie-banner", "apolitical-performance-cookie-consent", "functional-cookie-consent"], It = new Date(Date.now() + 12 * 30 * 24 * 60 * 60 * 1e3), us = () => {
+  const e = A(), [t, n, r] = Ka(Lt), [s, i] = R(!t["apol-cookie-banner"]), o = () => {
+    Lt.forEach((f) => {
       n(f, !0, {
         path: "/",
         expires: It,
@@ -3184,7 +3184,7 @@ const Lt = "cookieBanner_", Rt = ["apol-cookie-banner", "apolitical-performance-
     n("apol-cookie-banner", !0, {
       path: "/",
       expires: It
-    }), Rt.forEach((f) => {
+    }), Lt.forEach((f) => {
       if (f === "apol-cookie-banner") {
         n(f, !0, {
           path: "/",
@@ -3210,14 +3210,14 @@ const Lt = "cookieBanner_", Rt = ["apol-cookie-banner", "apolitical-performance-
       className: "gtm-trackable",
       "data-gtm-event-context": "cookie-banner",
       "data-gtm-event-type": `cookie-${f.gtmType}-click`,
-      children: e.formatMessage({ id: `${Lt}buttons_${f.id}` })
+      children: e.formatMessage({ id: `${Rt}buttons_${f.id}` })
     });
   }), /* @__PURE__ */ a.jsxs("aside", { id: "cookie-banner", className: "text-medium", children: [
-    /* @__PURE__ */ a.jsx("h6", { children: e.formatMessage({ id: `${Lt}title` }) }),
-    /* @__PURE__ */ a.jsx("p", { children: e.formatMessage({ id: `${Lt}text` }) }),
+    /* @__PURE__ */ a.jsx("h6", { children: e.formatMessage({ id: `${Rt}title` }) }),
+    /* @__PURE__ */ a.jsx("p", { children: e.formatMessage({ id: `${Rt}text` }) }),
     /* @__PURE__ */ a.jsx(ht, { buttons: l })
   ] });
-}, xe = {
+}, ke = {
   platform: {
     order: ["events", "courses", "articles"],
     // An array guarantees the right order
@@ -3311,14 +3311,14 @@ const Lt = "cookieBanner_", Rt = ["apol-cookie-banner", "apolitical-performance-
   }
 };
 const Me = "footer_", ot = "SiteFooter", En = ({ group: e }) => {
-  const t = xe[e].order || [];
+  const t = ke[e].order || [];
   let n = !1;
-  return "text" in xe[e] && (n = xe[e].text), /* @__PURE__ */ a.jsxs(qe, { children: [
+  return "text" in ke[e] && (n = ke[e].text), /* @__PURE__ */ a.jsxs(qe, { children: [
     /* @__PURE__ */ a.jsx("p", { className: "pre-title", children: /* @__PURE__ */ a.jsx(je, { id: `${Me}${e}` }) }),
     Array.isArray(t) && t.length > 0 && /* @__PURE__ */ a.jsx("ul", { className: "text-medium", children: t.map((r) => {
       if (["order", "child", "text"].includes(r))
         return null;
-      const { href: s, gtmType: i } = xe[e][r], o = {};
+      const { href: s, gtmType: i } = ke[e][r], o = {};
       return ["legal"].includes(e) && (o.target = "_blank", o.rel = "noopener"), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
         "a",
         {
@@ -3362,12 +3362,12 @@ const Me = "footer_", ot = "SiteFooter", En = ({ group: e }) => {
   ),
   /* @__PURE__ */ a.jsx("footer", { children: ["platform", "community", "company", "contact"].map((e) => /* @__PURE__ */ a.jsxs("div", { className: "group", children: [
     /* @__PURE__ */ a.jsx(En, { group: e }),
-    Object.keys(xe[e]).includes("child") && /* @__PURE__ */ a.jsx(En, { group: xe[e].child })
+    Object.keys(ke[e]).includes("child") && /* @__PURE__ */ a.jsx(En, { group: ke[e].child })
   ] }, e)) }),
   /* @__PURE__ */ a.jsx("hr", {}),
   /* @__PURE__ */ a.jsxs("div", { className: "sub-footer", children: [
-    /* @__PURE__ */ a.jsx("ul", { children: Array.isArray(xe.social.order) && xe.social.order.map((e) => {
-      const t = xe.social[e];
+    /* @__PURE__ */ a.jsx("ul", { children: Array.isArray(ke.social.order) && ke.social.order.map((e) => {
+      const t = ke.social[e];
       return /* @__PURE__ */ a.jsx("li", { className: e, children: /* @__PURE__ */ a.jsx(
         "a",
         {
@@ -3385,10 +3385,10 @@ const Me = "footer_", ot = "SiteFooter", En = ({ group: e }) => {
   ] })
 ] }) });
 const Xe = "emailHelperTextBox_", qi = ({ type: e, email: t, redirectPath: n, resendVerificationCode: r }) => {
-  const s = A(), [i, o] = D({ path: `${Xe}default`, type: "default", link: {}, mail: {}, error: "" }), [c, m] = D(!1), l = Ln(
+  const s = A(), [i, o] = R({ path: `${Xe}default`, type: "default", link: {}, mail: {}, error: "" }), [c, m] = R(!1), l = Rn(
     (h) => {
       h.preventDefault(), h.stopPropagation();
-      const g = (b) => {
+      const g = (y) => {
         o({
           path: `${Xe}error_verificationFailedToSend`,
           type: "error",
@@ -3406,7 +3406,7 @@ const Xe = "emailHelperTextBox_", qi = ({ type: e, email: t, redirectPath: n, re
             "data-gtm-event-context": "ErrorVerifyingBox",
             "data-gtm-event-type": "email-concierge-click"
           },
-          error: b
+          error: y
         });
       };
       if (typeof r != "function") {
@@ -3415,8 +3415,8 @@ const Xe = "emailHelperTextBox_", qi = ({ type: e, email: t, redirectPath: n, re
       }
       m(!0), r(t).then(() => {
         localStorage.setItem("email", t), window.location.href = n || "/signup/verify-email";
-      }).catch((b) => {
-        g(b.message);
+      }).catch((y) => {
+        g(y.message);
       }).finally(() => {
         m(!1);
       });
@@ -3426,13 +3426,13 @@ const Xe = "emailHelperTextBox_", qi = ({ type: e, email: t, redirectPath: n, re
   );
   G(
     () => {
-      let h = Xe, g = "default", b = {}, k = {};
+      let h = Xe, g = "default", y = {}, k = {};
       switch (e) {
         case "gov":
           h += "autoApproved", g = "success";
           break;
         case "nonGov":
-          h += "unrecognisedEmail", g = "error", b = {
+          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"
@@ -3447,17 +3447,17 @@ const Xe = "emailHelperTextBox_", qi = ({ type: e, email: t, redirectPath: n, re
           };
           break;
         case "verify":
-          h += "emailUnverified", g = "error", b = {
+          h += "emailUnverified", g = "error", y = {
             href: "#",
             "data-gtm-event-context": "VerifyEmailBox",
             "data-gtm-event-type": "SendEmailClick",
             className: "gtm-trackable",
-            onClick: (y) => l(y),
+            onClick: (b) => l(b),
             "data-testid": "send-verify-email-click"
           };
           break;
         case "exists":
-          h += "emailAlreadyExists", g = "error", b = {
+          h += "emailAlreadyExists", g = "error", y = {
             href: "/user-onboarding/login",
             "data-gtm-event-context": "EmailExistsBox",
             "data-gtm-event-type": "login-click"
@@ -3469,14 +3469,14 @@ const Xe = "emailHelperTextBox_", qi = ({ type: e, email: t, redirectPath: n, re
           };
           break;
         default:
-          h += "default", b = {
+          h += "default", y = {
             href: "https://about.apolitical.co/who-can-join-the-community",
             "data-gtm-event-context": "DefaultEmailHelperTextBox",
             "data-gtm-event-type": "LearnMoreClick"
           };
           break;
       }
-      o({ ...i, path: h, type: g, link: b, mail: k });
+      o({ ...i, path: h, type: g, link: y, mail: k });
     },
     /* eslint-disable react-hooks/exhaustive-deps */
     [e]
@@ -3485,8 +3485,8 @@ const Xe = "emailHelperTextBox_", qi = ({ type: e, email: t, redirectPath: n, re
   return ["link", "mail"].forEach((h) => {
     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" })
+    /* @__PURE__ */ a.jsx(be, { element: "span" }),
+    /* @__PURE__ */ a.jsx(be, { element: "span" })
   ] }) : (
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
@@ -3512,15 +3512,15 @@ const et = "passwordRules_", ra = "isMoreThanEightCharacters", sa = "includesNum
   [ia]: "lowercaseUppercase"
 }, fs = ({ matchingRules: e = { isMoreThanEightCharacters: !1, includesNumberAndSymbol: !1, includesLowerAndUppercase: !1 }, className: t = "" }) => {
   const n = A();
-  return /* @__PURE__ */ a.jsxs("aside", { className: w("password-rules", t), children: [
+  return /* @__PURE__ */ a.jsxs("aside", { className: j("password-rules", t), children: [
     /* @__PURE__ */ a.jsx("small", { children: n.formatMessage({ id: `${et}intro` }) }),
-    /* @__PURE__ */ a.jsx("ul", { children: [ra, sa, ia].map((r) => /* @__PURE__ */ a.jsxs("li", { className: w({ matches: e[r] }), children: [
-      /* @__PURE__ */ a.jsxs(ae, { children: [
+    /* @__PURE__ */ a.jsx("ul", { children: [ra, sa, ia].map((r) => /* @__PURE__ */ a.jsxs("li", { className: j({ matches: e[r] }), children: [
+      /* @__PURE__ */ a.jsxs(ie, { children: [
         n.formatMessage({ id: `${et}rule_label` }),
         " "
       ] }),
       /* @__PURE__ */ a.jsx("span", { children: n.formatMessage({ id: `${et}rule_${ms[r]}` }) }),
-      !e[r] && /* @__PURE__ */ a.jsxs(ae, { element: "strong", children: [
+      !e[r] && /* @__PURE__ */ a.jsxs(ie, { element: "strong", children: [
         " ",
         " ",
         n.formatMessage({ id: `${et}notMet` })
@@ -3537,40 +3537,40 @@ const Ui = ({
   className: i = "",
   hasLoaded: o = !1
 }) => {
-  const c = A(), [m, l] = D({ setUp: !1, id: null, rating: null, disabled: !0 }), f = async () => {
+  const c = A(), [m, l] = R({ setUp: !1, id: null, rating: null, disabled: !0 }), f = async () => {
     try {
-      const y = await n();
-      l((_) => ({ ..._, setUp: !0, id: y && y.id, disabled: !1 }));
-    } catch (y) {
-      l((_) => ({ ..._, setUp: !0, disabled: !0 })), s(y);
+      const b = await n();
+      l((_) => ({ ..._, setUp: !0, id: b && b.id, disabled: !1 }));
+    } catch (b) {
+      l((_) => ({ ..._, setUp: !0, disabled: !0 })), s(b);
     }
   };
   if (G(() => {
     o && !m.setUp && f();
   }, [o]), !o)
-    return /* @__PURE__ */ a.jsx(_e, { className: "rating-placeholder" });
-  const { id: d, rating: p, disabled: h } = m, g = "ratings_", b = {
+    return /* @__PURE__ */ a.jsx(be, { className: "rating-placeholder" });
+  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 (y) => {
+  }, k = async (b) => {
     if (!(!d || h))
       try {
-        l((_) => ({ ..._, rating: y, disabled: !0 })), await r({ id: d, value: y });
+        l((_) => ({ ..._, rating: b, disabled: !0 })), await r({ id: d, value: b });
       } catch (_) {
         l((v) => ({ ...v, rating: null })), s(_);
       } finally {
         l((_) => ({ ..._, disabled: !1 }));
       }
   };
-  return /* @__PURE__ */ a.jsxs("div", { className: w("rating", i), children: [
-    /* @__PURE__ */ a.jsx("span", { className: "label", children: b[p ? "success" : "text"] }),
-    /* @__PURE__ */ a.jsx("ol", { children: Array.from(new Array(t).keys()).map((y) => {
-      const _ = y + 1;
-      return /* @__PURE__ */ a.jsx("li", { className: w({ selected: p && _ <= p }), children: /* @__PURE__ */ a.jsx(
-        B,
+  return /* @__PURE__ */ a.jsxs("div", { className: j("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((b) => {
+      const _ = b + 1;
+      return /* @__PURE__ */ a.jsx("li", { className: j({ selected: p && _ <= p }), children: /* @__PURE__ */ a.jsx(
+        H,
         {
           variant: "tertiary",
           size: "small",
@@ -3578,7 +3578,7 @@ const Ui = ({
           screenreaderText: `${c.formatMessage(
             { id: `${g}stars` },
             { number: _, total: t }
-          )}${_ === 1 || _ === t ? ` - ${b[_ === 1 ? "low" : "high"]}` : ""}`,
+          )}${_ === 1 || _ === t ? ` - ${y[_ === 1 ? "low" : "high"]}` : ""}`,
           onClick: (v) => {
             v.preventDefault(), v.stopPropagation(), k(_);
           },
@@ -3596,7 +3596,7 @@ const ps = ({
   gtmContext: s = "search-bar",
   gtmEvent: i = "form-submission"
 }) => {
-  const { searchIsOpen: o = !0, isDesktopVersion: c = !1 } = n || {}, m = A(), l = ne(null);
+  const { searchIsOpen: o = !0, isDesktopVersion: c = !1 } = n || {}, m = A(), l = ae(null);
   Pe(() => {
     !n || c || !o || l.current && l.current.focus();
   }, [o]);
@@ -3607,11 +3607,11 @@ const ps = ({
     "form",
     {
       onSubmit: f,
-      className: w("search-form gtm-trackable", t),
+      className: j("search-form gtm-trackable", t),
       "data-gtm-event-context": s,
       "data-gtm-event-type": i,
       children: /* @__PURE__ */ a.jsx("fieldset", { id: `${e}-form`, hidden: n ? !o : !1, role: "search", children: /* @__PURE__ */ a.jsxs("p", { children: [
-        /* @__PURE__ */ a.jsx(ae, { element: "label", htmlFor: e, children: m.formatMessage({ id: "search_label" }) }),
+        /* @__PURE__ */ a.jsx(ie, { element: "label", htmlFor: e, children: m.formatMessage({ id: "search_label" }) }),
         /* @__PURE__ */ a.jsx(
           "input",
           {
@@ -3633,10 +3633,10 @@ const ps = ({
             onClick: (d) => {
               d.preventDefault(), d.stopPropagation(), l.current && l.current.value && (l.current.value = "");
             },
-            children: /* @__PURE__ */ a.jsx(ae, { children: m.formatMessage({ id: "search_clear" }) })
+            children: /* @__PURE__ */ a.jsx(ie, { children: m.formatMessage({ id: "search_clear" }) })
           }
         ),
-        /* @__PURE__ */ a.jsx("button", { className: "search", onClick: f, children: /* @__PURE__ */ a.jsx(ae, { children: m.formatMessage({ id: "search_cta" }) }) })
+        /* @__PURE__ */ a.jsx("button", { className: "search", onClick: f, children: /* @__PURE__ */ a.jsx(ie, { children: m.formatMessage({ id: "search_cta" }) }) })
       ] }) })
     }
   );
@@ -3654,26 +3654,26 @@ const hs = ({
   initialFormStatus: l = "NOT_SUBMITTED"
   /* NOT_SUBMITTED */
 }) => {
-  const [f, d] = D([]), [p, h] = D(!0), [g, b] = D(l), { formatMessage: k } = A(), y = async (j) => {
-    j.preventDefault();
+  const [f, d] = R([]), [p, h] = R(!0), [g, y] = R(l), { formatMessage: k } = A(), b = async (w) => {
+    w.preventDefault();
     try {
-      await m(f), d([]), b(
+      await m(f), d([]), y(
         "SUCCESS"
         /* SUCCESS */
       );
-    } catch ($) {
-      b(
+    } catch (S) {
+      y(
         "ERROR"
         /* ERROR */
-      ), c($);
+      ), c(S);
     }
-  }, _ = (j) => {
-    j.preventDefault(), b(
+  }, _ = (w) => {
+    w.preventDefault(), y(
       "NOT_SUBMITTED"
       /* NOT_SUBMITTED */
     ), h(!0), d([]);
-  }, v = (j) => {
-    j.preventDefault(), o(), b(
+  }, v = (w) => {
+    w.preventDefault(), o(), y(
       "CLOSED"
       /* CLOSED */
     );
@@ -3683,17 +3683,17 @@ const hs = ({
       " ",
       k({ id: "inviteForm_error" })
     ] }) }),
-    /* @__PURE__ */ a.jsx(Te, {}),
+    /* @__PURE__ */ a.jsx($e, {}),
     /* @__PURE__ */ a.jsx("div", { className: "footer", children: g === "SUCCESS" ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-      /* @__PURE__ */ a.jsx(B, { variant: "secondary", onClick: _, children: k({ id: "inviteForm_ctaSendMoreInvites" }) }),
-      /* @__PURE__ */ a.jsx(B, { onClick: v, children: k({ id: "inviteForm_ctaDone" }) })
-    ] }) : /* @__PURE__ */ a.jsx(B, { onClick: _, children: k({ id: "inviteForm_ctaTryAgain" }) }) })
+      /* @__PURE__ */ a.jsx(H, { variant: "secondary", onClick: _, children: k({ id: "inviteForm_ctaSendMoreInvites" }) }),
+      /* @__PURE__ */ a.jsx(H, { onClick: v, children: k({ id: "inviteForm_ctaDone" }) })
+    ] }) : /* @__PURE__ */ a.jsx(H, { onClick: _, children: k({ id: "inviteForm_ctaTryAgain" }) }) })
   ] }) : /* @__PURE__ */ a.jsx("div", { className: "invite-form-wrapper", children: /* @__PURE__ */ a.jsxs(
     "form",
     {
       style: { backgroundColor: i },
-      onSubmit: y,
-      className: w("invite-form gtm-trackable"),
+      onSubmit: b,
+      className: j("invite-form gtm-trackable"),
       children: [
         /* @__PURE__ */ a.jsxs("fieldset", { className: "content", children: [
           /* @__PURE__ */ a.jsx("h2", { className: "title", style: { color: r }, children: e }),
@@ -3705,35 +3705,35 @@ const hs = ({
               inputClassName: "email-input input",
               placeholder: k({ id: "inviteForm_email_placeholder" }),
               emails: f,
-              onChange: (j) => {
-                d(j), h(!j.length);
+              onChange: (w) => {
+                d(w), h(!w.length);
               },
               autoFocus: !1,
-              getLabel: (j, $, C) => /* @__PURE__ */ a.jsxs("div", { className: "email text-medium", children: [
-                /* @__PURE__ */ a.jsx("div", { "data-tag-item": !0, children: j }),
+              getLabel: (w, S, M) => /* @__PURE__ */ a.jsxs("div", { className: "email text-medium", children: [
+                /* @__PURE__ */ a.jsx("div", { "data-tag-item": !0, children: w }),
                 /* @__PURE__ */ a.jsx(
-                  B,
+                  H,
                   {
                     variant: "tertiary",
                     size: "small",
                     icon: { icon: "close" },
                     onClick: () => {
-                      C($), h(!f.length);
+                      M(S), h(!f.length);
                     },
                     className: "remove-email-button",
                     screenreaderText: k({ id: "overlay_close" })
                   }
                 )
-              ] }, $)
+              ] }, S)
             }
           )
         ] }),
-        /* @__PURE__ */ a.jsx(Te, {}),
-        /* @__PURE__ */ a.jsx("fieldset", { className: "footer", children: /* @__PURE__ */ a.jsx(B, { className: "sendEmailsButton", disabled: p, children: n }) })
+        /* @__PURE__ */ a.jsx($e, {}),
+        /* @__PURE__ */ a.jsx("fieldset", { className: "footer", children: /* @__PURE__ */ a.jsx(H, { className: "sendEmailsButton", disabled: p, children: n }) })
       ]
     }
   ) });
-}, U = {
+}, z = {
   timeouts: {},
   handlerCalled: {},
   getIsDesktopVersion: (e, t) => {
@@ -3756,9 +3756,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 && z.handlerCalled[e] && s - z.handlerCalled[e] < 500)
       return;
-    U.handlerCalled[e] = s;
+    z.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 });
@@ -3783,7 +3783,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 ? z.findFirstChild(e[0].children, t, n) : !1;
   },
   autoFocus: ({ menu: e, navigationRef: t, isDesktopVersion: n, focusElements: r, dispatch: s }) => {
     if (!t.current || !t.current.children)
@@ -3797,20 +3797,20 @@ const hs = ({
     switch (e) {
       case "navigation":
         if (n) {
-          const m = U.findFirstChild(
+          const m = z.findFirstChild(
             t.current.children,
             "attributes.aria-controls",
             "navigation"
           );
-          o = U.findFirstChild(m.children, "href");
+          o = z.findFirstChild(m.children, "href");
         } else
-          o = U.findFirstChild(t.current.children, "href");
+          o = z.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 = z.findFirstChild(t.current.children, "className", "account"), !c || !c.children)
           return;
-        o = U.findFirstChild(c.children, "href");
+        o = z.findFirstChild(c.children, "href");
         break;
       default:
         return;
@@ -3819,16 +3819,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(z.timeouts[t]), n(t, !r));
     },
     onFocus: ({ id: e }) => {
-      clearTimeout(U.timeouts[e]);
+      clearTimeout(z.timeouts[e]);
     },
     onMouseEnter: ({ id: e, callback: t }) => {
-      clearTimeout(U.timeouts[e]), t(e, !0);
+      clearTimeout(z.timeouts[e]), t(e, !0);
     },
     onBlur: ({ id: e, callback: t }) => {
-      U.timeouts[e] = setTimeout(() => {
+      z.timeouts[e] = setTimeout(() => {
         t(e, !1);
       }, 250);
     }
@@ -3927,8 +3927,8 @@ const hs = ({
   if (c.href) {
     let _ = c.gtmType || `${e}-click`;
     if (_.includes(".")) {
-      const v = _.split("."), j = v[v.length - 2];
-      _ = `${j === "topics" ? `${j}-` : ""}${v[v.length - 1]}`;
+      const v = _.split("."), w = v[v.length - 2];
+      _ = `${w === "topics" ? `${w}-` : ""}${v[v.length - 1]}`;
     }
     p = {
       href: c.href,
@@ -3945,34 +3945,34 @@ const hs = ({
       ...c.props || {}
     });
   }
-  const h = c.order && c.order[0] && c[c.order[0]], g = h && c[c.order[0]].order, b = p && window.location.pathname === c.href;
-  let k = {}, y = {};
+  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 = {}, b = {};
   if (h) {
     const _ = c.menuId || e, v = {
-      onClick: (j) => U.events.onClick(j, { id: _, callback: s, isOpen: r[_] }),
-      onFocus: () => U.events.onFocus({ id: _ }),
-      onBlur: () => U.events.onBlur({ id: _, callback: s }),
-      onMouseLeave: () => U.events.onBlur({ id: _, callback: s }),
-      onMouseEnter: () => U.events.onMouseEnter({ id: _, callback: s })
+      onClick: (w) => z.events.onClick(w, { id: _, callback: s, isOpen: r[_] }),
+      onFocus: () => z.events.onFocus({ id: _ }),
+      onBlur: () => z.events.onBlur({ id: _, callback: s }),
+      onMouseLeave: () => z.events.onBlur({ id: _, callback: s }),
+      onMouseEnter: () => z.events.onMouseEnter({ id: _, callback: s })
     };
     n && (g && (k = {
       ...v,
-      onKeyPress: (j) => {
-        j.key === "Enter" && U.events.onClick(j, { id: _, callback: s, isOpen: r[_] });
+      onKeyPress: (w) => {
+        w.key === "Enter" && z.events.onClick(w, { id: _, callback: s, isOpen: r[_] });
       },
       tabIndex: "0",
       // Add a `tabIndex` so keyboard users can focus on the `li`
       "aria-haspopup": !0,
       "aria-expanded": r[_],
       "aria-controls": _
-    }), y = { hidden: _ in r ? !r[_] : !0 }), g || (y = {
-      ...y,
+    }), b = { hidden: _ in r ? !r[_] : !0 }), g || (b = {
+      ...b,
       ...v
     });
   }
-  return /* @__PURE__ */ a.jsxs("li", { className: w({ [c.className]: c.className, "has-submenu": h, parent: g, active: b }), role: "none", ...k, children: [
-    p ? F.createElement(f ? B : "a", p, o.formatMessage({ id: d })) : o.formatMessage({ id: d }),
-    c.order && /* @__PURE__ */ a.jsx("ul", { ...y, children: c.order.map((_) => {
+  return /* @__PURE__ */ a.jsxs("li", { className: j({ [c.className]: c.className, "has-submenu": h, parent: g, active: y }), role: "none", ...k, children: [
+    p ? F.createElement(f ? H : "a", p, o.formatMessage({ id: d })) : o.formatMessage({ id: d }),
+    c.order && /* @__PURE__ */ a.jsx("ul", { ...b, children: c.order.map((_) => {
       if (!c[_])
         return null;
       const v = {
@@ -3982,16 +3982,16 @@ const hs = ({
         callback: s,
         doTrack: m ? l : null
       };
-      return c[_].order ? /* @__PURE__ */ a.jsxs("li", { className: w({ [c[_].className]: c[_].className }), children: [
+      return c[_].order ? /* @__PURE__ */ a.jsxs("li", { className: j({ [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}`, ...v }, j)) })
+        /* @__PURE__ */ a.jsx("ul", { children: c[_].order.map((w) => /* @__PURE__ */ a.jsx(lt, { id: `${e}.${_}.${w}`, ...v }, w)) })
       ] }, _) : /* @__PURE__ */ a.jsx(lt, { id: `${e}.${_}`, ...v }, _);
     }) })
   ] }, e);
 };
 const gs = { height: 67, height_desktop: 83 }, oa = ({ showNavigation: e = !0 }) => {
-  const t = A(), n = ge(ke), r = Ue(!0, !0), s = n && typeof n.id == "string", i = ft(
-    () => U.getIsDesktopVersion(s, r),
+  const t = A(), n = _e(we), r = Ue(!0, !0), s = n && typeof n.id == "string", i = ft(
+    () => z.getIsDesktopVersion(s, r),
     [s, r]
   ), [o, c] = Oa(vr, {
     headerIsVisible: !0,
@@ -4005,18 +4005,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 || z.shouldChangeHeaderIsVisible(!0, l, c);
       },
       scrollDown: () => {
-        !i && l.navigation || U.shouldChangeHeaderIsVisible(!1, l, c);
+        !i && l.navigation || z.shouldChangeHeaderIsVisible(!1, l, c);
       }
     }
   });
   const d = (h, g) => {
-    U.handleMenus({ id: h, value: g, menus: l, dispatch: c });
-  }, p = ne(null);
+    z.handleMenus({ id: h, value: g, menus: l, dispatch: c });
+  }, p = ae(null);
   return Pe(() => {
-    l.navigation && U.autoFocus({
+    l.navigation && z.autoFocus({
       menu: "navigation",
       navigationRef: p,
       isDesktopVersion: i.navigation,
@@ -4024,7 +4024,7 @@ const gs = { height: 67, height_desktop: 83 }, oa = ({ showNavigation: e = !0 })
       dispatch: c
     });
   }, [l.navigation]), Pe(() => {
-    l.account && U.autoFocus({
+    l.account && z.autoFocus({
       menu: "account",
       navigationRef: p,
       isDesktopVersion: i.navigation,
@@ -4036,14 +4036,14 @@ const gs = { height: 67, height_desktop: 83 }, oa = ({ showNavigation: e = !0 })
       "nav",
       {
         id: "header",
-        className: w({
+        className: j({
           "logged-in": s,
           "logged-out": !s,
           visible: m
         }),
         children: [
           /* @__PURE__ */ a.jsx(
-            ae,
+            ie,
             {
               element: "a",
               href: "#content-of-page",
@@ -4064,7 +4064,7 @@ const gs = { height: 67, height_desktop: 83 }, oa = ({ showNavigation: e = !0 })
                 "aria-haspopup": "true",
                 "aria-expanded": l.navigation,
                 "aria-controls": "navigation",
-                children: /* @__PURE__ */ a.jsx(ae, { children: t.formatMessage({
+                children: /* @__PURE__ */ a.jsx(ie, { children: t.formatMessage({
                   id: `header_menu_${l.navigation ? "hide" : "show"}`
                 }) })
               }
@@ -4101,7 +4101,7 @@ const gs = { height: 67, height_desktop: 83 }, oa = ({ showNavigation: e = !0 })
                 "aria-expanded": l.search,
                 "aria-controls": "search-form",
                 children: /* @__PURE__ */ a.jsx(
-                  ae,
+                  ie,
                   {
                     children: t.formatMessage({
                       id: `header_search_${l.search ? "hide" : "show"}`
@@ -4126,18 +4126,18 @@ const gs = { height: 67, height_desktop: 83 }, oa = ({ showNavigation: e = !0 })
               "button",
               {
                 className: "account-button",
-                onClick: (h) => U.events.onClick(h, {
+                onClick: (h) => z.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: () => z.events.onMouseEnter({ id: "account", callback: d }),
+                onMouseLeave: () => z.events.onBlur({ id: "account", callback: d }),
                 "aria-haspopup": "true",
                 "aria-expanded": l.account,
                 "aria-controls": "navigation",
                 children: [
-                  /* @__PURE__ */ a.jsx(ae, { children: t.formatMessage({
+                  /* @__PURE__ */ a.jsx(ie, { children: t.formatMessage({
                     id: `header_account_${l.account ? "hide" : "show"}`
                   }) }),
                   /* @__PURE__ */ a.jsx(
@@ -4158,7 +4158,7 @@ const gs = { height: 67, height_desktop: 83 }, oa = ({ showNavigation: e = !0 })
     /* @__PURE__ */ a.jsx(
       "div",
       {
-        className: w("overlay", {
+        className: j("overlay", {
           open: l.navigation || l.account || !i.search && l.search
         })
       }
@@ -4168,7 +4168,7 @@ const gs = { height: 67, height_desktop: 83 }, oa = ({ showNavigation: e = !0 })
 const ca = ({ element: e = "section", children: t, className: n, ...r }) => F.createElement(
   e,
   {
-    className: w("modal", n),
+    className: j("modal", n),
     children: typeof t == "string" ? /* @__PURE__ */ a.jsx("p", { children: t }) : t,
     ...r
   }
@@ -4188,30 +4188,30 @@ const la = ({
   className: f = "",
   gtmContext: d = "Modal"
 }) => {
-  const p = A(), [h, g] = D(t), b = (y) => {
-    g(y), y ? (s(), document.body.classList.add("has-overlay")) : (i(), document.body.classList.remove("has-overlay"));
+  const p = A(), [h, g] = R(t), y = (b) => {
+    g(b), b ? (s(), document.body.classList.add("has-overlay")) : (i(), document.body.classList.remove("has-overlay"));
   };
   G(() => {
-    b(t);
+    y(t);
   }, [t]);
   const k = r ? { "--max-width": `${r / 16}rem` } : {};
-  return /* @__PURE__ */ a.jsx("div", { className: w("overlay", { open: h }), children: /* @__PURE__ */ a.jsx(
+  return /* @__PURE__ */ a.jsx("div", { className: j("overlay", { open: h }), children: /* @__PURE__ */ a.jsx(
     ca,
     {
       id: e,
-      className: w("overlay-modal", f, { "has-max-width": r }),
+      className: j("overlay-modal", f, { "has-max-width": r }),
       hidden: !h,
       style: k,
       children: t && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
         /* @__PURE__ */ a.jsxs("div", { className: "top", children: [
           c && /* @__PURE__ */ a.jsx("h2", { className: "modal-title", children: c }),
           /* @__PURE__ */ a.jsx(
-            B,
+            H,
             {
               variant: "tertiary",
               size: "medium",
               icon: { icon: "close" },
-              onClick: () => b(!1),
+              onClick: () => y(!1),
               className: "gtm-trackable",
               "data-gtm-event-type": "close-modal-click",
               "data-gtm-event-context": d,
@@ -4219,10 +4219,10 @@ const la = ({
             }
           )
         ] }),
-        n && /* @__PURE__ */ a.jsx(Te, {}),
+        n && /* @__PURE__ */ a.jsx($e, {}),
         m,
         l && /* @__PURE__ */ a.jsxs("div", { className: "bottom", children: [
-          /* @__PURE__ */ a.jsx(Te, {}),
+          /* @__PURE__ */ a.jsx($e, {}),
           /* @__PURE__ */ a.jsx(ht, { buttons: l })
         ] }),
         o && /* @__PURE__ */ a.jsx(Vt, { className: "error", children: o })
@@ -4254,7 +4254,7 @@ const zi = ({
     showDivider: !1,
     showIcon: o,
     functions: { onClose: c },
-    className: w("invite-modal", e, { success: !!n }),
+    className: j("invite-modal", e, { success: !!n }),
     children: /* @__PURE__ */ a.jsx(
       hs,
       {
@@ -4294,20 +4294,20 @@ const bs = () => {
   G(() => {
     window.scrollTo(0, 0);
   }, [h]);
-  const g = rt(e, { locale: c }), b = rt(t, {
+  const g = rt(e, { locale: c }), y = rt(t, {
     locale: c
   }), k = rt(n, {
     locale: c
-  }), y = {};
-  return f !== "default" && (y[f] = !0), d !== "default" && (y[d] = !0), p !== "default" && (y[p] = !0), /* @__PURE__ */ a.jsx(Ja, { onError: r, fallback: /* @__PURE__ */ a.jsx(bs, {}), children: /* @__PURE__ */ a.jsx(Ba, { fallback: null, children: /* @__PURE__ */ a.jsxs(
+  }), b = {};
+  return f !== "default" && (b[f] = !0), d !== "default" && (b[d] = !0), p !== "default" && (b[p] = !0), /* @__PURE__ */ a.jsx(Ja, { onError: r, fallback: /* @__PURE__ */ a.jsx(bs, {}), children: /* @__PURE__ */ a.jsx(Ba, { fallback: null, children: /* @__PURE__ */ a.jsxs(
     "div",
     {
       id: "wrapper",
-      className: w(o, y, { "has-footer": l }),
+      className: j(o, b, { "has-footer": l }),
       children: [
         /* @__PURE__ */ a.jsx(oa, { showNavigation: m }),
         /* @__PURE__ */ a.jsxs("section", { id: "content-wrapper", children: [
-          b && /* @__PURE__ */ a.jsx("div", { className: "additional-content prepended", children: b }),
+          y && /* @__PURE__ */ a.jsx("div", { className: "additional-content prepended", children: y }),
           F.createElement(f === "bold" ? ca : "div", {
             id: "content",
             children: g
@@ -4368,7 +4368,7 @@ const Wi = ({
       return;
     const f = vs.getTagDetails(l);
     f && m.push(f);
-  }), m.length < 1 ? null : /* @__PURE__ */ a.jsx("ul", { className: w("tags text-small", t, s, { "one-line": n }), children: m.map((l) => {
+  }), m.length < 1 ? null : /* @__PURE__ */ a.jsx("ul", { className: j("tags text-small", t, s, { "one-line": n }), children: m.map((l) => {
     const f = c.formatMessage({ id: l.text });
     return /* @__PURE__ */ a.jsx("li", { children: l.href && r ? /* @__PURE__ */ a.jsx(
       "a",
@@ -4392,7 +4392,7 @@ const Vi = ({
   className: o = ""
 }) => {
   const c = A();
-  return e.length === 0 ? null : /* @__PURE__ */ a.jsxs("div", { className: w("members-list", o), children: [
+  return e.length === 0 ? null : /* @__PURE__ */ a.jsxs("div", { className: j("members-list", o), children: [
     /* @__PURE__ */ a.jsxs("h1", { children: [
       c.formatMessage({ id: "membersList" }),
       /* @__PURE__ */ a.jsx("span", { className: "count", children: t })
@@ -4444,45 +4444,45 @@ const le = "discussion_form_", en = ({
   },
   gtmContext: m = "DiscussionForm"
 }) => {
-  var S, M, E;
-  const l = A(), f = ge(ke), [d, p] = D(
+  var $, C, E;
+  const l = A(), f = _e(we), [d, p] = R(
     n.isEditing && n.isEditing.text || ""
-  ), [h, g] = D(o.error || !1), [b, k] = D(!1), y = ne(null);
-  if (r || (r = y), n.isLoading)
+  ), [h, g] = R(o.error || !1), [y, k] = R(!1), b = ae(null);
+  if (r || (r = b), n.isLoading)
     return /* @__PURE__ */ a.jsx(
-      _e,
+      be,
       {
         className: "discussion-card discussion-form",
         "data-testid": "loading-placeholder"
       }
     );
-  const _ = (N) => {
-    const q = N.target.value;
-    p(q);
-    let H;
-    !f || !f.id ? H = be(
+  const _ = (Z) => {
+    const N = Z.target.value;
+    p(N);
+    let U;
+    !f || !f.id ? U = ye(
       l.formatMessage,
       `${le}error_loggedOut`,
       e.type,
       "action"
-    ) : t ? q.length >= s && (H = `${le}error_tooLong`) : H = be(
+    ) : t ? N.length >= s && (U = `${le}error_tooLong`) : U = ye(
       l.formatMessage,
       `${le}error_noPermission`,
       e.type,
       "action"
-    ), H ? g(H) : h && g(!1);
+    ), U ? g(U) : h && g(!1);
   };
   let v = `${e.type}-form`;
   if (e.type === "response" || e.type === "reply") {
-    const N = ((S = e.slugs) == null ? void 0 : S.reply) || ((M = e.slugs) == null ? void 0 : M.answer) || ((E = e.slugs) == null ? void 0 : E.question) || "";
-    N && (v = `${v}-${N.slice(-15)}`);
+    const Z = (($ = e.slugs) == null ? void 0 : $.reply) || ((C = e.slugs) == null ? void 0 : C.answer) || ((E = e.slugs) == null ? void 0 : E.question) || "";
+    Z && (v = `${v}-${Z.slice(-15)}`);
   }
-  const j = async (N) => {
-    var H;
-    if (N.preventDefault(), N.stopPropagation(), !f || !f.id || !t || C)
+  const w = async (Z) => {
+    var U;
+    if (Z.preventDefault(), Z.stopPropagation(), !f || !f.id || !t || M)
       return;
     tt && clearTimeout(tt), k("submitting");
-    const q = window.location.pathname;
+    const N = window.location.pathname;
     try {
       let Y;
       switch (e.type) {
@@ -4493,48 +4493,48 @@ const le = "discussion_form_", en = ({
           Y = await c.create({
             title: d,
             authorId: f && f.id,
-            ...(H = c.props) == null ? void 0 : H.create
+            ...(U = c.props) == null ? void 0 : U.create
           });
           break;
         case "response":
           Y = await c.create(
             { question: e.slugs.question },
-            { body: d, authorId: f && f.id, contentPath: q }
+            { body: d, authorId: f && f.id, contentPath: N }
           );
           break;
         case "reply":
           Y = await c.create(
             { question: e.slugs.question, answer: e.slugs.answer },
-            { body: d, authorId: f && f.id, contentPath: q }
+            { body: d, authorId: f && f.id, contentPath: N }
           );
           break;
         default:
           break;
       }
       await xr(1e3), c.callback && await c.callback(Y), tt = setTimeout(() => {
-        p(""), k("submitted"), $();
+        p(""), k("submitted"), S();
       }, 500);
     } catch (Y) {
-      const Q = Y;
-      let z = `${le}error`;
-      Q.message.includes("entry already exists") && (z = be(
+      const ne = Y;
+      let Q = `${le}error`;
+      ne.message.includes("entry already exists") && (Q = ye(
         l.formatMessage,
         `${le}error_alreadyExists`,
         e.type,
         "action"
-      )), Q.message.includes("429") ? z = be(
+      )), ne.message.includes("429") ? Q = ye(
         l.formatMessage,
         `${le}error_tooMany`,
         e.type,
         "action"
-      ) : Q.message.includes("400") && (z = `${le}error`), g(z), $();
+      ) : ne.message.includes("400") && (Q = `${le}error`), g(Q), S();
     }
-  }, $ = () => {
+  }, S = () => {
     tt = setTimeout(() => {
       g(!1), k(!1);
     }, 5e3);
-  }, C = !d || !yr(d), Z = b === "submitting", L = [];
-  return (n.isEditing && !Z || o.cancel) && L.push({
+  }, M = !d || !yr(d), D = y === "submitting", I = [];
+  return (n.isEditing && !D || o.cancel) && I.push({
     variant: "secondary",
     size: { mobile: "small", 600: "medium" },
     onClick: c.handleCancel,
@@ -4543,36 +4543,36 @@ const le = "discussion_form_", en = ({
     "data-gtm-event-type": `cancel-${e.type}-click`,
     disabled: !o.cancel && (!f || !f.id || !d),
     children: l.formatMessage({ id: `${le}cancel` })
-  }), L.push({
+  }), I.push({
     variant: "primary",
     size: { mobile: "small", 600: "medium" },
-    onClick: (N) => {
+    onClick: (Z) => {
       if (n.isEditing) {
         k("submitting"), c.handleSaveEdit && c.handleSaveEdit(
-          y.current && "value" in y.current ? y.current.value : ""
+          b.current && "value" in b.current ? b.current.value : ""
         );
         return;
       }
-      j(N);
+      w(Z);
     },
     className: "gtm-trackable",
     "data-gtm-event-context": m,
     "data-gtm-event-type": `${n.isEditing ? "save" : "submit"}-${e.type}-click`,
     "data-testid": "save-button",
-    disabled: !f || !f.id || !t || C || Z || n.isEditing && d === n.isEditing.text,
+    disabled: !f || !f.id || !t || M || D || n.isEditing && d === n.isEditing.text,
     children: l.formatMessage({
-      id: `${le}${Z ? n.isEditing ? "saving" : "posting" : n.isEditing ? "save" : "post"}`
+      id: `${le}${D ? n.isEditing ? "saving" : "posting" : n.isEditing ? "save" : "post"}`
     })
   }), /* @__PURE__ */ a.jsxs(
     "form",
     {
       id: v,
-      className: w("discussion-card discussion-form", {
+      className: j("discussion-card discussion-form", {
         "no-styling": n.isInWrapper && n.isEditing
       }),
       "data-testid": `discussion-${e.type}-form`,
       children: [
-        (n == null ? void 0 : n.showTitle) && !n.isEditing && ["question"].includes(e.type) && /* @__PURE__ */ a.jsx("h2", { children: be(l.formatMessage, `${le}title`, e.type, "action") }),
+        (n == null ? void 0 : n.showTitle) && !n.isEditing && ["question"].includes(e.type) && /* @__PURE__ */ a.jsx("h2", { children: ye(l.formatMessage, `${le}title`, e.type, "action") }),
         /* @__PURE__ */ a.jsx(
           Xt,
           {
@@ -4581,14 +4581,14 @@ const le = "discussion_form_", en = ({
             gtmType: "profile-click"
           }
         ),
-        /* @__PURE__ */ a.jsx(ae, { element: "label", showOnFocus: !1, htmlFor: `${v}-input`, children: be(l.formatMessage, `${le}label`, e.type, "action") }),
+        /* @__PURE__ */ a.jsx(ie, { element: "label", showOnFocus: !1, htmlFor: `${v}-input`, children: ye(l.formatMessage, `${le}label`, e.type, "action") }),
         /* @__PURE__ */ a.jsx(
           Xa,
           {
             ref: r,
             id: `${v}-input`,
             name: e.type,
-            placeholder: be(
+            placeholder: ye(
               l.formatMessage,
               `${le}placeholder`,
               e.type,
@@ -4603,8 +4603,8 @@ const le = "discussion_form_", en = ({
             autoFocus: !!n.isEditing
           }
         ),
-        /* @__PURE__ */ a.jsx("small", { children: be(l.formatMessage, `${le}explainer`, e.type, "action", {
-          a: (N) => /* @__PURE__ */ a.jsx(
+        /* @__PURE__ */ a.jsx("small", { children: ye(l.formatMessage, `${le}explainer`, e.type, "action", {
+          a: (Z) => /* @__PURE__ */ a.jsx(
             "a",
             {
               href: "https://about.apolitical.co/q-and-a-community-guidelines",
@@ -4613,12 +4613,12 @@ const le = "discussion_form_", en = ({
               "data-gtm-event-context": m,
               "data-gtm-event-type": "community-guidelines-link",
               rel: "noreferrer",
-              children: N
+              children: Z
             }
           )
         }) }),
-        /* @__PURE__ */ a.jsx(ht, { buttons: L }),
-        b === "submitted" && /* @__PURE__ */ a.jsx(Vt, { className: "success", "data-testid": "success", children: be(l.formatMessage, `${le}success`, e.type, "action") }),
+        /* @__PURE__ */ a.jsx(ht, { buttons: I }),
+        y === "submitted" && /* @__PURE__ */ a.jsx(Vt, { className: "success", "data-testid": "success", children: ye(l.formatMessage, `${le}success`, e.type, "action") }),
         h && /* @__PURE__ */ a.jsx(Vt, { id: "error-message", className: "error", "data-testid": "error", children: o.error ? o.error : typeof h == "string" ? h.includes(" ") ? h : l.formatMessage(
           { id: h },
           {
@@ -4656,12 +4656,12 @@ const le = "discussion_form_", en = ({
   showThread: !0,
   showForm: !1
 }, vt = Gt(xs), ks = ({ children: e }) => {
-  const [t, n] = D({
+  const [t, n] = R({
     showThread: !0,
     showForm: !1
   });
   return /* @__PURE__ */ a.jsx(vt.Provider, { value: { ...t, updateConversation: n }, children: e });
-}, js = ({
+}, ws = ({
   question: e,
   answer: t,
   reply: n
@@ -4669,7 +4669,7 @@ const le = "discussion_form_", en = ({
   ...e && { questionSlug: e },
   ...t && { answerSlug: t },
   ...n && { replySlug: n }
-}), ws = (e, t = 10) => !e || e.length === 0 ? [] : e.slice(0, t);
+}), js = (e, t = 10) => !e || e.length === 0 ? [] : e.slice(0, t);
 let Ze = !1;
 const Bt = () => {
   Ze !== !1 && (clearTimeout(Ze), Ze = !1);
@@ -4689,53 +4689,53 @@ const Bt = () => {
   G(() => {
     h(s);
   }, [s]);
-  const [f, d] = D(t), [p, h] = D(s), [g, b] = D(!1), [k, y] = D(!1), _ = ft(() => ws(n, Zt), [n]), v = ($) => {
-    if ($.preventDefault(), $.stopPropagation(), y(!1), Ze)
+  const [f, d] = R(t), [p, h] = R(s), [g, y] = R(!1), [k, b] = R(!1), _ = ft(() => js(n, Zt), [n]), v = (S) => {
+    if (S.preventDefault(), S.stopPropagation(), b(!1), Ze)
       return Bt(), !1;
     if (Bt(), g || !o)
       return !1;
-    Ze = setTimeout(j, 350);
-  }, j = async () => {
+    Ze = setTimeout(w, 350);
+  }, w = async () => {
     if (Bt(), g || !o)
       return !1;
-    let $ = p ? f - 1 : f + 1;
-    $ < 0 && ($ = 0), b(!0), d($), h(!p);
+    let S = p ? f - 1 : f + 1;
+    S < 0 && (S = 0), y(!0), d(S), h(!p);
     try {
       if (i && i.slugs) {
-        const C = js(i.slugs);
-        p ? await m(C) : await c(C, { contentPath: window.location.pathname });
+        const M = ws(i.slugs);
+        p ? await m(M) : await c(M, { contentPath: window.location.pathname });
       }
     } catch {
       d(t), h(s);
     } finally {
-      b(!1);
+      y(!1);
     }
   };
   return F.createElement(
     e,
     {
-      className: w("likes-wrapper text-medium action-button", { "show-spinner": g, "is-liked": p, disabled: !o }),
+      className: j("likes-wrapper text-medium action-button", { "show-spinner": g, "is-liked": p, disabled: !o }),
       onClick: v,
       onMouseEnter: () => {
-        y(!0);
+        b(!0);
       },
       onMouseLeave: () => {
-        y(!1);
+        b(!1);
       },
       onFocus: () => {
-        y(!0);
+        b(!0);
       },
       onBlur: () => {
-        y(!1);
+        b(!1);
       },
       children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
         /* @__PURE__ */ a.jsx(
-          B,
+          H,
           {
             variant: "tertiary",
             size: "medium",
             icon: { icon: p ? "heart" : "heart_empty", animate: "bounce" },
-            className: w({ "do-animation": p && !s }),
+            className: j({ "do-animation": p && !s }),
             screenreaderText: o ? l.formatMessage({
               id: `discussion_likes_${p ? "unlike" : "like"}`
             }, { action: l.formatMessage({ id: `discussion_action_${i.type}` }) }) : !1,
@@ -4747,18 +4747,18 @@ const Bt = () => {
             "data-gtm-event-type": `like-${i.type}-click`
           }
         ),
-        /* @__PURE__ */ a.jsx("span", { className: w("number-of-likes", { "no-likes": f === 0 }), "data-testid": "number-of-likes", children: l.formatMessage({ id: `discussion_likes${r ? "_short" : ""}` }, { number: f }) }),
-        n && /* @__PURE__ */ a.jsx(wr, { isOpen: k, isLoading: n.length === 0, children: n.length && /* @__PURE__ */ a.jsxs("ul", { children: [
-          _.map(($) => typeof $ == "string" || !$.name ? null : /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
+        /* @__PURE__ */ a.jsx("span", { className: j("number-of-likes", { "no-likes": f === 0 }), "data-testid": "number-of-likes", children: l.formatMessage({ id: `discussion_likes${r ? "_short" : ""}` }, { number: f }) }),
+        n && /* @__PURE__ */ a.jsx(jr, { isOpen: k, isLoading: n.length === 0, children: n.length && /* @__PURE__ */ a.jsxs("ul", { children: [
+          _.map((S) => typeof S == "string" || !S.name ? null : /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
             gt,
             {
-              href: $.id ? `/profiles/${$.id}` : void 0,
+              href: S.id ? `/profiles/${S.id}` : void 0,
               gtmContext: "Likes",
               gtmType: "liked-name-click",
-              onClick: (C) => C == null ? void 0 : C.stopPropagation(),
-              children: $.name
+              onClick: (M) => M == null ? void 0 : M.stopPropagation(),
+              children: S.name
             }
-          ) }, $.id || window.btoa($.name))),
+          ) }, S.id || window.btoa(S.name))),
           n.length > Zt && /* @__PURE__ */ a.jsx("li", { children: l.formatMessage({ id: "discussion_likes_more" }, { number: n.length - Zt }) })
         ] }) })
       ] })
@@ -4768,7 +4768,7 @@ const Bt = () => {
   const t = {};
   return Object.keys(e).forEach((n) => n.includes("Id") ? t[n] = e[n] : t[`${n}Slug`] = e[n]), t;
 }, xt = (e, t) => e && !t;
-const ve = "discussion_", $s = 280, kt = ({
+const xe = "discussion_", $s = 280, kt = ({
   element: e = "div",
   content: t,
   userHasPermissions: n = !0,
@@ -4795,54 +4795,54 @@ const ve = "discussion_", $s = 280, kt = ({
   links: p = {},
   className: h,
   gtmContext: g = "DiscussionAnswer",
-  children: b,
+  children: y,
   isTruncated: k = !1
 }) => {
-  const y = A(), _ = ge(ke), v = ge(vt), [j, $] = D({
+  const b = A(), _ = _e(we), v = _e(vt), [w, S] = R({
     body: t && t.body || "",
     isEditing: !1,
     didEdit: t && t.isEdited || !1
-  }), [C, Z] = D(!1), [L, S] = D("");
+  }), [M, D] = R(!1), [I, $] = R("");
   if (G(() => {
-    $({
-      ...j,
+    S({
+      ...w,
       body: t && t.body || "",
       didEdit: t && t.isEdited || !1
     });
   }, [t.isEdited]), r || !t || t.type === "answer" && (!t.slugs || !t.slugs.question))
-    return /* @__PURE__ */ a.jsx(_e, { className: "discussion-card discussion-post" });
-  const { author: M, canLike: E, createdAt: N, id: q, likes: H = 0, userLiked: Y, comments: Q = 0 } = t, z = k ? Ne(j.body, $s) : j.body, te = _ && _.id && typeof M != "string" && M.id && M.id === _.id || !1, re = typeof E == "boolean" ? E : n ? !te : !1, J = async (W) => {
-    W || (W = ""), S("");
+    return /* @__PURE__ */ a.jsx(be, { className: "discussion-card discussion-post" });
+  const { author: C, canLike: E, createdAt: Z, id: N, likes: U = 0, userLiked: Y, comments: ne = 0 } = t, Q = k ? Ne(w.body, $s) : w.body, J = _ && _.id && typeof C != "string" && C.id && C.id === _.id || !1, re = typeof E == "boolean" ? E : n ? !J : !1, X = async (W) => {
+    W || (W = ""), $("");
     try {
-      if (!er(W, j.body)) {
+      if (!er(W, w.body)) {
         const ue = t.type === "question" ? { title: W } : { body: W };
         await m(Sn(t.slugs), ue);
       }
-      $({ body: W, isEditing: !1, didEdit: !0 });
+      S({ body: W, isEditing: !1, didEdit: !0 });
     } catch {
-      S(`${ve}form_error`);
+      $(`${xe}form_error`);
     }
-  }, ie = () => {
+  }, se = () => {
     v && v.updateConversation && v.updateConversation({ showThread: !0, showForm: !0 }), setTimeout(() => {
-      var me, pe, Ee;
-      const ue = `reply-form-${(t.type === "answer" ? t.slug : ((me = t.slugs) == null ? void 0 : me.reply) || ((pe = t.slugs) == null ? void 0 : pe.answer) || ((Ee = t.slugs) == null ? void 0 : Ee.question) || "").toLowerCase().slice(-15)}`, K = document.getElementById(ue), se = document.getElementById(`${ue}-input`);
-      se && se.focus(), K && K.scrollIntoView({ behavior: "smooth" });
+      var K, he, me;
+      const ue = `reply-form-${(t.type === "answer" ? t.slug : ((K = t.slugs) == null ? void 0 : K.reply) || ((he = t.slugs) == null ? void 0 : he.answer) || ((me = t.slugs) == null ? void 0 : me.question) || "").toLowerCase().slice(-15)}`, pe = document.getElementById(ue), q = document.getElementById(`${ue}-input`);
+      q && q.focus(), pe && pe.scrollIntoView({ behavior: "smooth" });
     }, 0);
   }, de = () => {
-    Z(!1);
+    D(!1);
     try {
       c(Sn(t.slugs));
     } catch {
-      S("delete-error");
+      $("delete-error");
     }
   }, ce = [
     {
-      text: y.formatMessage({ id: `${ve}moreMenu_report` }),
+      text: b.formatMessage({ id: `${xe}moreMenu_report` }),
       href: `mailto:community@apolitical.co?subject=${encodeURI(
-        y.formatMessage({ id: `${ve}report_subject` })
+        b.formatMessage({ id: `${xe}report_subject` })
       )}&body=${encodeURI(
-        y.formatMessage(
-          { id: `${ve}report_body` },
+        b.formatMessage(
+          { id: `${xe}report_body` },
           {
             contentType: t.type || "",
             contentSlug: t.slug || "",
@@ -4853,53 +4853,53 @@ const ve = "discussion_", $s = 280, kt = ({
       icon: "flag"
     }
   ];
-  return n && te && ce.push(
+  return n && J && ce.push(
     {
-      text: y.formatMessage({ id: `${ve}moreMenu_edit` }),
-      onClick: () => $({ ...j, isEditing: !0 }),
+      text: b.formatMessage({ id: `${xe}moreMenu_edit` }),
+      onClick: () => S({ ...w, isEditing: !0 }),
       icon: "pencil-paper",
       className: "gtm-trackable",
       "data-gtm-event-context": g,
       "data-gtm-event-type": `edit-${t.type}-click`
     },
     {
-      text: y.formatMessage({ id: `${ve}moreMenu_delete` }),
+      text: b.formatMessage({ id: `${xe}moreMenu_delete` }),
       onClick: (W) => {
-        W.preventDefault(), W.stopPropagation(), Z(!0);
+        W.preventDefault(), W.stopPropagation(), D(!0);
       },
       icon: "trash",
       className: "gtm-trackable",
       "data-gtm-event-context": g,
       "data-gtm-event-type": `delete-${t.type}-click`,
-      ..._s(`delete-${t.slug}-modal`, C)
+      ..._s(`delete-${t.slug}-modal`, M)
     }
   ), F.createElement(e, {
-    className: w("discussion-post", h),
+    className: j("discussion-post", h),
     "data-testid": `discussion-${t.type}-thread`,
     children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
       /* @__PURE__ */ a.jsxs(
         "div",
         {
-          id: q || t.slug,
-          className: w("discussion-card", t.type, {
-            editing: j.isEditing,
-            "has-link": p.post && !j.isEditing
+          id: N || t.slug,
+          className: j("discussion-card", t.type, {
+            editing: w.isEditing,
+            "has-link": p.post && !w.isEditing
           }),
           onClick: (W) => {
-            !p.post || j.isEditing || (W.preventDefault(), W.stopPropagation(), window.location.href = p.post);
+            !p.post || w.isEditing || (W.preventDefault(), W.stopPropagation(), window.location.href = p.post);
           },
           children: [
-            !j.isEditing && /* @__PURE__ */ a.jsx(
+            !w.isEditing && /* @__PURE__ */ a.jsx(
               Xt,
               {
-                member: M,
-                additionalContent: { createdAt: N, didEdit: j.didEdit },
-                className: typeof M != "string" && M.id === s ? "highlighted" : "",
+                member: C,
+                additionalContent: { createdAt: Z, didEdit: w.didEdit },
+                className: typeof C != "string" && C.id === s ? "highlighted" : "",
                 gtmContext: g,
                 gtmType: "profile-click"
               }
             ),
-            j.isEditing ? /* @__PURE__ */ a.jsx(
+            w.isEditing ? /* @__PURE__ */ a.jsx(
               en,
               {
                 content: { type: t.type, slugs: t.slugs },
@@ -4907,14 +4907,14 @@ const ve = "discussion_", $s = 280, kt = ({
                 meta: {
                   isLoading: r,
                   isInWrapper: !0,
-                  isEditing: { text: j.body }
+                  isEditing: { text: w.body }
                 },
                 maxLength: t.type === "question" ? 250 : 5e4,
                 forceShow: {
-                  error: L !== "" && L !== "delete-error" ? y.formatMessage(
-                    { id: L },
+                  error: I !== "" && I !== "delete-error" ? b.formatMessage(
+                    { id: I },
                     {
-                      action: y.formatMessage({
+                      action: b.formatMessage({
                         id: `discussion_action_${t.type}`
                       })
                     }
@@ -4922,9 +4922,9 @@ const ve = "discussion_", $s = 280, kt = ({
                 },
                 functions: {
                   create: o,
-                  handleSaveEdit: J,
+                  handleSaveEdit: X,
                   handleCancel: () => {
-                    S(""), $({ ...j, isEditing: !1 });
+                    $(""), S({ ...w, isEditing: !1 });
                   }
                 },
                 gtmContext: `${g}Form`
@@ -4936,10 +4936,10 @@ const ve = "discussion_", $s = 280, kt = ({
                 className: "gtm-trackable",
                 "data-gtm-event-context": g,
                 "data-gtm-event-type": "title-click",
-                children: /* @__PURE__ */ a.jsx(jn, { options: { overrides: { a: Zr } }, children: z })
+                children: /* @__PURE__ */ a.jsx(wn, { options: { overrides: { a: Zr } }, children: Q })
               }
             ) : /* @__PURE__ */ a.jsx(
-              jn,
+              wn,
               {
                 options: {
                   wrapper: t.type === "question" ? "h1" : F.Fragment,
@@ -4947,20 +4947,20 @@ const ve = "discussion_", $s = 280, kt = ({
                   forceInline: t.type === "question",
                   forceBlock: t.type !== "question"
                 },
-                children: z
+                children: Q
               }
             ),
-            !j.isEditing && /* @__PURE__ */ a.jsxs(
+            !w.isEditing && /* @__PURE__ */ a.jsxs(
               "ul",
               {
-                className: w("actions text-medium", t.type),
+                className: j("actions text-medium", t.type),
                 "data-testid": `${t.type}-actions`,
                 children: [
                   /* @__PURE__ */ a.jsx(
                     Ts,
                     {
                       element: "li",
-                      likes: H,
+                      likes: U,
                       isShort: !1,
                       userLiked: Y,
                       content: { type: t.type, slugs: t.slugs },
@@ -4981,7 +4981,7 @@ const ve = "discussion_", $s = 280, kt = ({
                       },
                       children: [
                         /* @__PURE__ */ a.jsx(
-                          B,
+                          H,
                           {
                             variant: "tertiary",
                             size: "medium",
@@ -4992,27 +4992,27 @@ const ve = "discussion_", $s = 280, kt = ({
                             className: "gtm-trackable",
                             "data-gtm-event-context": g,
                             "data-gtm-event-type": `answer-${t.type}-click`,
-                            screenreaderText: y.formatMessage(
-                              { id: `${ve}comments_screenReader` },
-                              { count: Q }
+                            screenreaderText: b.formatMessage(
+                              { id: `${xe}comments_screenReader` },
+                              { count: ne }
                             )
                           }
                         ),
-                        /* @__PURE__ */ a.jsx("span", { children: y.formatMessage(
-                          { id: `${ve}comments` },
-                          { count: Q }
+                        /* @__PURE__ */ a.jsx("span", { children: b.formatMessage(
+                          { id: `${xe}comments` },
+                          { count: ne }
                         ) })
                       ]
                     }
                   ),
                   (t.type === "answer" || t.type === "reply") && /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
-                    B,
+                    H,
                     {
                       variant: "tertiary",
                       size: "medium",
                       styling: { muted: !0 },
-                      onClick: ie,
-                      children: y.formatMessage({ id: `${ve}reply` })
+                      onClick: se,
+                      children: b.formatMessage({ id: `${xe}reply` })
                     }
                   ) }),
                   /* @__PURE__ */ a.jsx(
@@ -5029,39 +5029,39 @@ const ve = "discussion_", $s = 280, kt = ({
           ]
         }
       ),
-      b,
+      y,
       /* @__PURE__ */ a.jsx(
         la,
         {
           id: `delete-${t.slug}-modal`,
-          isOpen: C,
+          isOpen: M,
           functions: { onOpen: () => {
-          }, onClose: () => Z(!1) },
+          }, onClose: () => D(!1) },
           forceShow: {
-            error: L === "delete-error" ? y.formatMessage(
+            error: I === "delete-error" ? b.formatMessage(
               { id: "discussion_delete_error" },
               {
-                action: y.formatMessage({
+                action: b.formatMessage({
                   id: `discussion_action_${t.type}`
                 })
               }
             ) : !1
           },
-          title: y.formatMessage(
+          title: b.formatMessage(
             { id: "discussion_delete_title" },
-            { action: y.formatMessage({ id: `discussion_action_${t.type}` }) }
+            { action: b.formatMessage({ id: `discussion_action_${t.type}` }) }
           ),
           buttons: [
             {
               variant: "secondary",
-              onClick: () => Z(!1),
-              children: y.formatMessage({ id: "discussion_delete_cancel" })
+              onClick: () => D(!1),
+              children: b.formatMessage({ id: "discussion_delete_cancel" })
             },
             {
               variant: "primary",
               className: "destructive",
               onClick: de,
-              children: y.formatMessage({ id: "discussion_delete_delete" })
+              children: b.formatMessage({ id: "discussion_delete_delete" })
             }
           ],
           gtmContext: `${t.type.charAt(0).toUpperCase()}${t.type.slice(1)}:${t.slug}`,
@@ -5071,7 +5071,7 @@ const ve = "discussion_", $s = 280, kt = ({
               id: "discussion_delete_text",
               values: {
                 p: (W) => /* @__PURE__ */ a.jsx("p", { children: W }),
-                action: y.formatMessage({
+                action: b.formatMessage({
                   id: `discussion_action_${t.type}`
                 })
               }
@@ -5086,11 +5086,11 @@ const qt = "discussion_responses_", Yi = ({ type: e = "answer", responses: t = 0
   const n = A();
   return /* @__PURE__ */ a.jsxs("div", { className: "responses-heading", children: [
     /* @__PURE__ */ a.jsx("h3", { children: n.formatMessage({ id: `${qt}title` }, { action: n.formatMessage({ id: `${qt}${e}` }), count: t }) }),
-    t === 0 && /* @__PURE__ */ a.jsx("p", { children: be(n.formatMessage, `${qt}empty`, e, e) })
+    t === 0 && /* @__PURE__ */ a.jsx("p", { children: ye(n.formatMessage, `${qt}empty`, e, e) })
   ] });
 };
 const Es = ({ count: e = "", showRepliesButton: t = !0, children: n }) => {
-  const r = A(), s = ne(null), i = ge(vt), [o, c] = D(
+  const r = A(), s = ae(null), i = _e(vt), [o, c] = R(
     "open"
     /* Open */
   );
@@ -5126,7 +5126,7 @@ const Es = ({ count: e = "", showRepliesButton: t = !0, children: n }) => {
   });
   return /* @__PURE__ */ a.jsxs("div", { className: "thread-wrapper", children: [
     t && /* @__PURE__ */ a.jsx(
-      B,
+      H,
       {
         variant: "secondary",
         size: "small",
@@ -5149,7 +5149,7 @@ const Es = ({ count: e = "", showRepliesButton: t = !0, children: n }) => {
       "ul",
       {
         ref: s,
-        className: w("thread", o),
+        className: j("thread", o),
         hidden: !i.showThread,
         children: f
       }
@@ -5230,12 +5230,30 @@ function Mn({ activity: e, user: t }) {
   };
 }
 function dt({ activity: e, reaction: t }) {
-  const { latest_reactions: n, own_reactions: r, reaction_counts: s } = e;
-  n && t && (n.like = [...n.like || [], t]), r && t && (r.like = [...r.like || [], t]), s && (s.like = s.like + 1 || 1);
+  var n, r, s;
+  t ? (e.latest_reactions = {
+    ...e.latest_reactions || {},
+    like: [...((r = e.latest_reactions) == null ? void 0 : r.like) || [], t]
+  }, e.own_reactions = {
+    ...e.own_reactions || {},
+    like: [...((s = e.own_reactions) == null ? void 0 : s.like) || [], t]
+  }) : e.reaction_counts = {
+    ...e.reaction_counts || {},
+    like: (n = e.reaction_counts) != null && n.like ? e.reaction_counts.like + 1 : 1
+  };
 }
 function fa({ activity: e, user: t }) {
-  const { latest_reactions: n, own_reactions: r, reaction_counts: s } = e;
-  s && (s.like = s.like - 1 || 0), n && (t != null && t.id) && (n.like = n.like.filter(({ user_id: i }) => i !== t.id)), r && (t != null && t.id) && (r.like = r.like.filter(({ user_id: i }) => i !== t.id));
+  var n, r, s;
+  e.reaction_counts = {
+    ...e.reaction_counts || {},
+    like: (n = e.reaction_counts) != null && n.like ? e.reaction_counts.like - 1 : 0
+  }, t != null && t.id && (e.latest_reactions = {
+    ...e.latest_reactions || {},
+    like: (((r = e.latest_reactions) == null ? void 0 : r.like) || []).filter(({ user_id: i }) => i !== t.id)
+  }, e.own_reactions = {
+    ...e.own_reactions || {},
+    like: (((s = e.own_reactions) == null ? void 0 : s.like) || []).filter(({ user_id: i }) => i !== t.id)
+  });
 }
 function As({ activityId: e, replyId: t, content: n }) {
   return {
@@ -5258,12 +5276,30 @@ function Nn({ reply: e, user: t }) {
   };
 }
 function Pn({ reply: e, reaction: t }) {
-  const { latest_children: n, own_children: r, children_counts: s } = e;
-  n && t && (n.like = [...n.like || [], t]), r && t && (r.like = [...r.like || [], t]), s && (s.like = s.like + 1 || 1);
+  var n, r, s;
+  t ? (e.latest_children = {
+    ...e.latest_children || {},
+    like: [...((r = e.latest_children) == null ? void 0 : r.like) || [], t]
+  }, e.own_children = {
+    ...e.own_children || {},
+    like: [...((s = e.own_children) == null ? void 0 : s.like) || [], t]
+  }) : e.children_counts = {
+    ...e.children_counts || {},
+    like: (n = e.children_counts) != null && n.like ? e.children_counts.like + 1 : 1
+  };
 }
 function Fs({ reply: e, user: t }) {
-  const { latest_children: n, own_children: r, children_counts: s } = e;
-  s && (s.like = s.like - 1 || 0), n && (t != null && t.id) && (n.like = n.like.filter(({ user_id: i }) => i !== t.id)), r && (t != null && t.id) && (r.like = r.like.filter(({ user_id: i }) => i !== t.id));
+  var n, r, s;
+  e.children_counts = {
+    ...e.children_counts || {},
+    like: (n = e.children_counts) != null && n.like ? e.children_counts.like - 1 : 0
+  }, t != null && t.id && (e.latest_children = {
+    ...e.latest_children || {},
+    like: (((r = e.latest_children) == null ? void 0 : r.like) || []).filter(({ user_id: i }) => i !== t.id)
+  }, e.own_children = {
+    ...e.own_children || {},
+    like: (((s = e.own_children) == null ? void 0 : s.like) || []).filter(({ user_id: i }) => i !== t.id)
+  });
 }
 const Ae = Object.freeze({
   id: "some-user-id-1",
@@ -5274,7 +5310,7 @@ const Ae = Object.freeze({
     thumbnail: "https://some-user-thumbnail.com/avatar1.png"
   },
   isLoading: !1
-}), $e = Object.freeze({
+}), Ee = Object.freeze({
   id: "some-user-id-2",
   name: "some user name 2",
   organization: "some user organization 2",
@@ -5294,7 +5330,7 @@ const Ae = Object.freeze({
   time: "2023-11-24T17:52:36.162000",
   verb: "post"
 }), Ds = Object.freeze({
-  actor: `SU:${$e.id}`,
+  actor: `SU:${Ee.id}`,
   content: "some content 2",
   duration: "5.53ms",
   feed_id: "some-feed-id-2",
@@ -5303,7 +5339,7 @@ const Ae = Object.freeze({
   object: "comment",
   time: "2023-11-24T17:54:36.162000",
   verb: "post"
-}), Ls = Object.freeze({
+}), Rs = Object.freeze({
   actor: `SU:${Ae.id}`,
   content: "some content 3",
   duration: "5.53ms",
@@ -5313,8 +5349,8 @@ const Ae = Object.freeze({
   object: "comment",
   time: "2023-11-24T17:56:36.162000",
   verb: "post"
-}), Rs = Object.freeze({
-  actor: `SU:${$e.id}`,
+}), Ls = Object.freeze({
+  actor: `SU:${Ee.id}`,
   content: "some content 4",
   duration: "5.53ms",
   feed_id: "some-feed-id-4",
@@ -5332,13 +5368,13 @@ Object.freeze({
   data: {},
   parent: "",
   updated_at: "2023-11-24T17:58:36.162000",
-  user_id: $e.id,
+  user_id: Ee.id,
   children_counts: {},
   latest_children: {},
   latest_children_extra: {},
   own_children: {},
   user: {
-    id: $e.id,
+    id: Ee.id,
     data: {},
     created_at: "2023-11-24T17:58:36.162000",
     updated_at: "2023-11-24T17:58:36.162000"
@@ -5348,9 +5384,9 @@ Object.freeze({
   created_at: "2023-12-03T21:53:45.999851Z",
   updated_at: "2023-12-03T21:53:45.999851Z",
   id: "some-reply-id-1",
-  user_id: $e.id,
+  user_id: Ee.id,
   user: {
-    id: $e.id,
+    id: Ee.id,
     data: {},
     created_at: "2023-08-31T07:11:38.677184Z",
     updated_at: "2023-08-31T07:11:38.677184Z"
@@ -5388,15 +5424,15 @@ Object.freeze({
   created_at: "2023-12-03T21:53:45.999851Z",
   updated_at: "2023-12-03T21:53:45.999851Z",
   id: "some-reply-id-3",
-  user_id: $e.id,
+  user_id: Ee.id,
   user: {
-    id: $e.id,
+    id: Ee.id,
     data: {},
     created_at: "2023-08-31T07:11:38.677184Z",
     updated_at: "2023-08-31T07:11:38.677184Z"
   },
   kind: "reply",
-  activity_id: Ls.id,
+  activity_id: Rs.id,
   data: {
     content: "Some content 3..."
   },
@@ -5416,7 +5452,7 @@ Object.freeze({
     updated_at: "2023-08-31T07:11:38.677184Z"
   },
   kind: "reply",
-  activity_id: Rs.id,
+  activity_id: Ls.id,
   data: {
     content: "Some content 4..."
   },
@@ -5483,7 +5519,7 @@ function Bs({
     },
     user: m,
     ...l
-  }, d = Is({ ...f, mutationFn: e }), p = Os({ ...f, mutationFn: t }), h = Zs({ ...f, mutationFn: n }), g = Hs({ ...f, mutationFn: s }), b = Us({ ...f, mutationFn: i }), { activities: k, ...y } = 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, ...b } = qs({ queryKey: o, queryFn: r });
   return {
     activities: k,
     mutations: {
@@ -5491,10 +5527,10 @@ function Bs({
       edit: p,
       remove: g,
       like: h,
-      unlike: b
+      unlike: y
     },
     user: m,
-    ...y
+    ...b
   };
 }
 function Zs({
@@ -5527,7 +5563,7 @@ function qs({ queryFn: e, queryKey: t }) {
     isLoading: s,
     hasNextPage: i,
     fetchNextPage: o
-  } = Rn({
+  } = Ln({
     queryKey: t,
     queryFn: e,
     initialPageParam: { next: null },
@@ -5624,10 +5660,10 @@ const Gi = ({
       create: p,
       edit: h,
       remove: g,
-      like: b,
+      like: y,
       unlike: k
     },
-    user: y
+    user: b
   } = Bs({
     queryKey: [e, t, "activities"],
     queryFns: r
@@ -5648,19 +5684,19 @@ const Gi = ({
       }
     ),
     c == null ? void 0 : c.map((_) => {
-      var q, H, Y, Q, z, te, re;
+      var N, U, Y, ne, Q, J, re;
       const {
         id: v,
-        own_reactions: j,
-        latest_reactions: $,
-        reaction_counts: C
-      } = _, Z = (((q = $ == null ? void 0 : $.like) == null ? void 0 : q.length) || 0) > 0, L = (((H = j == null ? void 0 : j.like) == null ? void 0 : H.length) || 0) > 0, S = L ? j == null ? void 0 : j.like[0].id : null, M = Z ? (Y = $ == null ? void 0 : $.like) == null ? void 0 : Y.map((J) => {
-        var ie, de, ce;
+        own_reactions: w,
+        latest_reactions: S,
+        reaction_counts: M
+      } = _, D = (((N = S == null ? void 0 : S.like) == null ? void 0 : N.length) || 0) > 0, I = (((U = w == null ? void 0 : w.like) == null ? void 0 : U.length) || 0) > 0, $ = I ? w == null ? void 0 : w.like[0].id : "", C = D ? (Y = S == null ? void 0 : S.like) == null ? void 0 : Y.map((X) => {
+        var se, de, ce;
         return {
-          id: (ie = J == null ? void 0 : J.user) == null ? void 0 : ie.id,
-          name: (ce = (de = J == null ? void 0 : J.user) == null ? void 0 : de.data) == null ? void 0 : ce.name
+          id: (se = X == null ? void 0 : X.user) == null ? void 0 : se.id,
+          name: (ce = (de = X == null ? void 0 : X.user) == null ? void 0 : de.data) == null ? void 0 : ce.name
         };
-      }) : !1, E = _ == null ? void 0 : _.actor, N = (E == null ? void 0 : E.id) === (y == null ? void 0 : y.id);
+      }) : !1, E = _ == null ? void 0 : _.actor, Z = (E == null ? void 0 : E.id) === (b == null ? void 0 : b.id);
       return /* @__PURE__ */ a.jsxs(qe, { children: [
         /* @__PURE__ */ a.jsx(
           kt,
@@ -5668,7 +5704,7 @@ const Gi = ({
             content: {
               type: "post",
               body: _ == null ? void 0 : _.content,
-              canLike: xt(n, N),
+              canLike: xt(n, Z),
               createdAt: (_ == null ? void 0 : _.time) || "",
               slugs: {
                 question: `${e}/${t}`,
@@ -5677,17 +5713,17 @@ const Gi = ({
               slug: v,
               author: {
                 id: E == null ? void 0 : E.id,
-                name: (Q = E == null ? void 0 : E.data) == null ? void 0 : Q.name,
-                organization: (z = E == null ? void 0 : E.data) == null ? void 0 : z.organization,
-                jobTitle: (te = E == null ? void 0 : E.data) == null ? void 0 : te.jobTitle,
+                name: (ne = E == null ? void 0 : E.data) == null ? void 0 : ne.name,
+                organization: (Q = E == null ? void 0 : E.data) == null ? void 0 : Q.organization,
+                jobTitle: (J = E == null ? void 0 : E.data) == null ? void 0 : J.jobTitle,
                 image: {
                   thumbnail: ((re = E == null ? void 0 : E.data) == null ? void 0 : re.thumbnail) || void 0
                 }
               },
-              userLiked: L,
-              likes: (C == null ? void 0 : C.like) || 0,
-              comments: (C == null ? void 0 : C.reply) || 0,
-              peopleWhoLiked: M
+              userLiked: I,
+              likes: (M == null ? void 0 : M.like) || 0,
+              comments: (M == null ? void 0 : M.reply) || 0,
+              peopleWhoLiked: C
             },
             links: {
               post: `${e}/${t}/${v}`,
@@ -5698,11 +5734,11 @@ const Gi = ({
                 createContent: () => null,
                 deleteContent: () => g({ activityId: v }),
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                updateContent: (J, { body: ie }) => h({ activityId: v, content: ie })
+                updateContent: (X, { body: se }) => h({ activityId: v, content: se })
               },
               likes: {
-                createLike: () => b({ activityId: v }),
-                deleteLike: () => k({ activityId: v, reactionId: S })
+                createLike: () => y({ activityId: v }),
+                deleteLike: () => k({ activityId: v, reactionId: $ })
               },
               comments: {
                 openComments: () => null
@@ -5711,7 +5747,7 @@ const Gi = ({
             isTruncated: !0
           }
         ),
-        /* @__PURE__ */ a.jsx(Te, {})
+        /* @__PURE__ */ a.jsx($e, {})
       ] }, v);
     }),
     !d && /* @__PURE__ */ a.jsx(
@@ -6335,7 +6371,7 @@ function ha({
     },
     user: m,
     ...l
-  }, d = Vs({ ...f, mutationFn: e }), p = Ys({ ...f, mutationFn: t }), h = Gs({ ...f, mutationFn: n }), g = Qs({ ...f, mutationFn: s }), b = Js({ ...f, mutationFn: i }), { replies: k, ...y } = 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, ...b } = Ks({ queryKey: o, queryFn: r });
   return {
     replies: k,
     mutations: {
@@ -6343,10 +6379,10 @@ function ha({
       edit: p,
       remove: g,
       like: h,
-      unlike: b
+      unlike: y
     },
     user: m,
-    ...y
+    ...b
   };
 }
 function Gs({
@@ -6379,7 +6415,7 @@ function Ks({ queryFn: e, queryKey: t }) {
     isLoading: s,
     hasNextPage: i,
     fetchNextPage: o
-  } = Rn({
+  } = Ln({
     queryKey: t,
     queryFn: e,
     initialPageParam: { next: "" },
@@ -6485,10 +6521,10 @@ const ri = ({
       create: p,
       edit: h,
       like: g,
-      remove: b,
+      remove: y,
       unlike: k
     },
-    user: y
+    user: b
   } = ha({
     queryKey: [e, t, n, r, "replies"],
     queryFns: {
@@ -6496,7 +6532,7 @@ const ri = ({
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       list: (v) => i.list({ ...v, reactionId: r })
     }
-  }), _ = ge(vt);
+  }), _ = _e(vt);
   return /* @__PURE__ */ a.jsx(
     Es,
     {
@@ -6504,26 +6540,29 @@ const ri = ({
       showRepliesButton: !1,
       children: /* @__PURE__ */ a.jsxs("section", { children: [
         c == null ? void 0 : c.map((v) => {
-          var Q, z, te, re, J, ie, de, ce, W, ue;
+          var Q, J, re, X, se, de, ce, W, ue, pe;
           const {
-            id: j,
-            own_children: $,
-            latest_children: C,
-            children_counts: Z
-          } = v, L = (((Q = C == null ? void 0 : C.like) == null ? void 0 : Q.length) || 0) > 0, S = (((z = $ == null ? void 0 : $.like) == null ? void 0 : z.length) || 0) > 0, M = S ? $ == null ? void 0 : $.like[0].id : null, E = L ? (te = C == null ? void 0 : C.like) == null ? void 0 : te.map((K) => {
-            var se, me, pe;
+            id: w,
+            own_children: S,
+            latest_children: M,
+            children_counts: D
+          } = v, I = (((Q = M == null ? void 0 : M.like) == null ? void 0 : Q.length) || 0) > 0, $ = (J = S == null ? void 0 : S.like) == null ? void 0 : J.find((q) => {
+            var K;
+            return ((K = q == null ? void 0 : q.user) == null ? void 0 : K.id) === (b == null ? void 0 : b.id);
+          }), C = $ ? $ == null ? void 0 : $.id : "", E = !!$, Z = I ? (re = M == null ? void 0 : M.like) == null ? void 0 : re.map((q) => {
+            var K, he, me;
             return {
-              id: (se = K == null ? void 0 : K.user) == null ? void 0 : se.id,
-              name: (pe = (me = K == null ? void 0 : K.user) == null ? void 0 : me.data) == null ? void 0 : pe.name
+              id: (K = q == null ? void 0 : q.user) == null ? void 0 : K.id,
+              name: (me = (he = q == null ? void 0 : q.user) == null ? void 0 : he.data) == null ? void 0 : me.name
             };
-          }) : !1, N = v == null ? void 0 : v.user, q = (N == null ? void 0 : N.id) === (y == null ? void 0 : y.id), H = xt(s, q), Y = typeof v.data.content == "string" ? (re = v == null ? void 0 : v.data) == null ? void 0 : re.content : ((ie = (J = v == null ? void 0 : v.data) == null ? void 0 : J.content) == null ? void 0 : ie.text) || "";
+          }) : !1, N = v == null ? void 0 : v.user, U = (N == null ? void 0 : N.id) === (b == null ? void 0 : b.id), Y = xt(s, U), ne = typeof v.data.content == "string" ? (X = v == null ? void 0 : v.data) == null ? void 0 : X.content : ((de = (se = v == null ? void 0 : v.data) == null ? void 0 : se.content) == null ? void 0 : de.text) || "";
           return /* @__PURE__ */ a.jsx(
             kt,
             {
               content: {
                 type: "reply",
-                body: Y,
-                canLike: H,
+                body: ne,
+                canLike: Y,
                 createdAt: v == null ? void 0 : v.created_at,
                 slugs: {
                   question: `${e}/${t}`,
@@ -6535,32 +6574,32 @@ const ri = ({
                 slug: "",
                 author: {
                   id: N == null ? void 0 : N.id,
-                  name: (de = N.data) == null ? void 0 : de.name,
-                  organization: (ce = N.data) == null ? void 0 : ce.organization,
-                  jobTitle: (W = N.data) == null ? void 0 : W.jobTitle,
+                  name: (ce = N.data) == null ? void 0 : ce.name,
+                  organization: (W = N.data) == null ? void 0 : W.organization,
+                  jobTitle: (ue = N.data) == null ? void 0 : ue.jobTitle,
                   image: {
-                    thumbnail: ((ue = N.data) == null ? void 0 : ue.thumbnail) || void 0
+                    thumbnail: ((pe = N.data) == null ? void 0 : pe.thumbnail) || void 0
                   }
                 },
-                userLiked: S,
-                likes: (Z == null ? void 0 : Z.like) || 0,
-                peopleWhoLiked: E
+                userLiked: E,
+                likes: (D == null ? void 0 : D.like) || 0,
+                peopleWhoLiked: Z
               },
               functions: {
                 content: {
                   createContent: () => null,
-                  deleteContent: () => b({ replyId: j }),
+                  deleteContent: () => y({ replyId: w }),
                   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                  updateContent: (K, { body: se }) => h({ replyId: j, content: se })
+                  updateContent: (q, { body: K }) => h({ replyId: w, content: K })
                 },
                 likes: {
-                  createLike: () => g({ replyId: j }),
-                  deleteLike: () => k({ replyId: j, reactionId: M })
+                  createLike: () => g({ replyId: w }),
+                  deleteLike: () => k({ replyId: w, reactionId: C })
                 },
                 comments: {}
               }
             },
-            j
+            w
           );
         }),
         !d && /* @__PURE__ */ a.jsx(
@@ -6589,7 +6628,7 @@ const ri = ({
             },
             functions: {
               // eslint-disable-next-line @typescript-eslint/no-explicit-any
-              create: (v, { body: j }) => p({ activityId: n, replyId: r, content: j })
+              create: (v, { body: w }) => p({ activityId: n, replyId: r, content: w })
             }
           }
         )
@@ -6616,9 +6655,9 @@ const ri = ({
     mutations: {
       create: h,
       edit: g,
-      like: b,
+      like: y,
       remove: k,
-      unlike: y
+      unlike: b
     },
     user: _
   } = ha({
@@ -6636,7 +6675,7 @@ const ri = ({
       da,
       {
         contentType: "reply",
-        createPost: (v, { body: j }) => h({ activityId: n, content: j }),
+        createPost: (v, { body: w }) => h({ activityId: n, content: w }),
         membershipRequiredToPost: {
           isMember: r,
           required: !0,
@@ -6647,56 +6686,59 @@ const ri = ({
       }
     ),
     m == null ? void 0 : m.map((v) => {
-      var Q, z, te, re, J, ie, de, ce, W, ue;
+      var Q, J, re, X, se, de, ce, W, ue, pe;
       const {
-        id: j,
-        own_children: $,
-        latest_children: C,
-        children_counts: Z
-      } = v, L = (((Q = C == null ? void 0 : C.like) == null ? void 0 : Q.length) || 0) > 0, S = (((z = $ == null ? void 0 : $.like) == null ? void 0 : z.length) || 0) > 0, M = S ? $ == null ? void 0 : $.like[0].id : null, E = L ? (te = C == null ? void 0 : C.like) == null ? void 0 : te.map((K) => {
-        var se, me, pe;
+        id: w,
+        own_children: S,
+        latest_children: M,
+        children_counts: D
+      } = v, I = (((Q = M == null ? void 0 : M.like) == null ? void 0 : Q.length) || 0) > 0, $ = (J = S == null ? void 0 : S.like) == null ? void 0 : J.find((q) => {
+        var K;
+        return ((K = q == null ? void 0 : q.user) == null ? void 0 : K.id) === (_ == null ? void 0 : _.id);
+      }), C = $ ? $ == null ? void 0 : $.id : "", E = !!$, Z = I ? (re = M == null ? void 0 : M.like) == null ? void 0 : re.map((q) => {
+        var K, he, me;
         return {
-          id: (se = K == null ? void 0 : K.user) == null ? void 0 : se.id,
-          name: (pe = (me = K == null ? void 0 : K.user) == null ? void 0 : me.data) == null ? void 0 : pe.name
+          id: (K = q == null ? void 0 : q.user) == null ? void 0 : K.id,
+          name: (me = (he = q == null ? void 0 : q.user) == null ? void 0 : he.data) == null ? void 0 : me.name
         };
-      }) : !1, N = v == null ? void 0 : v.user, q = (N == null ? void 0 : N.id) === (_ == null ? void 0 : _.id), H = xt(r, q), Y = typeof v.data.content == "string" ? (re = v == null ? void 0 : v.data) == null ? void 0 : re.content : ((ie = (J = v == null ? void 0 : v.data) == null ? void 0 : J.content) == null ? void 0 : ie.text) || "";
+      }) : !1, N = v == null ? void 0 : v.user, U = (N == null ? void 0 : N.id) === (_ == null ? void 0 : _.id), Y = xt(r, U), ne = typeof v.data.content == "string" ? (X = v == null ? void 0 : v.data) == null ? void 0 : X.content : ((de = (se = v == null ? void 0 : v.data) == null ? void 0 : se.content) == null ? void 0 : de.text) || "";
       return /* @__PURE__ */ a.jsx(ks, { children: /* @__PURE__ */ a.jsx(
         kt,
         {
           content: {
             type: "reply",
-            body: Y,
-            canLike: H,
+            body: ne,
+            canLike: Y,
             createdAt: v == null ? void 0 : v.created_at,
             slugs: {
               question: `${e}/${t}`,
               answer: n,
-              reply: j
+              reply: w
             },
-            slug: j,
+            slug: w,
             author: {
               id: N == null ? void 0 : N.id,
-              name: (de = N.data) == null ? void 0 : de.name,
-              organization: (ce = N.data) == null ? void 0 : ce.organization,
-              jobTitle: (W = N.data) == null ? void 0 : W.jobTitle,
+              name: (ce = N.data) == null ? void 0 : ce.name,
+              organization: (W = N.data) == null ? void 0 : W.organization,
+              jobTitle: (ue = N.data) == null ? void 0 : ue.jobTitle,
               image: {
-                thumbnail: ((ue = N.data) == null ? void 0 : ue.thumbnail) || void 0
+                thumbnail: ((pe = N.data) == null ? void 0 : pe.thumbnail) || void 0
               }
             },
-            userLiked: S,
-            likes: (Z == null ? void 0 : Z.like) || 0,
-            peopleWhoLiked: E
+            userLiked: E,
+            likes: (D == null ? void 0 : D.like) || 0,
+            peopleWhoLiked: Z
           },
           functions: {
             content: {
               createContent: () => null,
-              deleteContent: () => k({ replyId: j }),
+              deleteContent: () => k({ replyId: w }),
               // eslint-disable-next-line @typescript-eslint/no-explicit-any
-              updateContent: (K, { body: se }) => g({ replyId: j, content: se })
+              updateContent: (q, { body: K }) => g({ replyId: w, content: K })
             },
             likes: {
-              createLike: () => b({ replyId: j }),
-              deleteLike: () => y({ replyId: j, reactionId: M })
+              createLike: () => y({ replyId: w }),
+              deleteLike: () => b({ replyId: w, reactionId: C })
             },
             comments: {}
           },
@@ -6706,7 +6748,7 @@ const ri = ({
               basePath: e,
               parentId: t,
               activityId: n,
-              replyId: j,
+              replyId: w,
               isMember: r,
               functions: {
                 ...s
@@ -6714,8 +6756,8 @@ const ri = ({
             }
           )
         },
-        j
-      ) }, j);
+        w
+      ) }, w);
     }),
     !p && /* @__PURE__ */ a.jsx(
       yt,
@@ -6836,14 +6878,14 @@ const Qi = ({
     leave: m
   }
 }) => {
-  var L, S, M, E, N, q, H, Y, Q;
-  const l = A(), f = ge(ke), {
+  var $, C, E, Z, N, U, Y, ne, Q;
+  const l = A(), f = _e(we), {
     activity: d,
     error: p,
     isLoading: h,
     mutations: {
       edit: g,
-      like: b,
+      like: y,
       unlike: k
     }
   } = ci({
@@ -6851,7 +6893,7 @@ const Qi = ({
     queryKey: [e, t, n]
   });
   if (h)
-    return /* @__PURE__ */ a.jsx(_e, { style: { height: "400px" } });
+    return /* @__PURE__ */ a.jsx(be, { style: { height: "400px" } });
   if (p || !d)
     return /* @__PURE__ */ a.jsx(
       bt,
@@ -6860,13 +6902,13 @@ const Qi = ({
         text: l.formatMessage({ id: "activitySection_notFoundError" })
       }
     );
-  const { own_reactions: y, latest_reactions: _ } = d, v = (((L = _ == null ? void 0 : _.like) == null ? void 0 : L.length) || 0) > 0, j = (((S = y == null ? void 0 : y.like) == null ? void 0 : S.length) || 0) > 0, $ = v ? (M = _ == null ? void 0 : _.like) == null ? void 0 : M.map((z) => {
-    var te, re, J;
+  const { own_reactions: b, latest_reactions: _ } = d, v = ((($ = _ == null ? void 0 : _.like) == null ? void 0 : $.length) || 0) > 0, w = (((C = b == null ? void 0 : b.like) == null ? void 0 : C.length) || 0) > 0, S = w ? b == null ? void 0 : b.like[0].id : "", M = v ? (E = _ == null ? void 0 : _.like) == null ? void 0 : E.map((J) => {
+    var re, X, se;
     return {
-      id: (te = z == null ? void 0 : z.user) == null ? void 0 : te.id,
-      name: (J = (re = z == null ? void 0 : z.user) == null ? void 0 : re.data) == null ? void 0 : J.name
+      id: (re = J == null ? void 0 : J.user) == null ? void 0 : re.id,
+      name: (se = (X = J == null ? void 0 : J.user) == null ? void 0 : X.data) == null ? void 0 : se.name
     };
-  }) : !1, C = d == null ? void 0 : d.actor, Z = (C == null ? void 0 : C.id) === (f == null ? void 0 : f.id);
+  }) : !1, D = d == null ? void 0 : d.actor, I = (D == null ? void 0 : D.id) === (f == null ? void 0 : f.id);
   return /* @__PURE__ */ a.jsx(
     kt,
     {
@@ -6874,7 +6916,7 @@ const Qi = ({
       content: {
         type: "post",
         body: d == null ? void 0 : d.content,
-        canLike: xt(r, Z),
+        canLike: xt(r, I),
         createdAt: (d == null ? void 0 : d.time) || "",
         slugs: {
           question: `${e}/${t}`,
@@ -6882,31 +6924,31 @@ const Qi = ({
         },
         slug: n,
         author: {
-          id: C.id,
-          name: (E = C.data) == null ? void 0 : E.name,
-          organization: (N = C.data) == null ? void 0 : N.organization,
-          jobTitle: (q = C.data) == null ? void 0 : q.jobTitle,
+          id: D.id,
+          name: (Z = D.data) == null ? void 0 : Z.name,
+          organization: (N = D.data) == null ? void 0 : N.organization,
+          jobTitle: (U = D.data) == null ? void 0 : U.jobTitle,
           image: {
-            thumbnail: ((H = C.data) == null ? void 0 : H.thumbnail) || void 0
+            thumbnail: ((Y = D.data) == null ? void 0 : Y.thumbnail) || void 0
           }
         },
-        userLiked: j,
-        likes: ((Y = d == null ? void 0 : d.reaction_counts) == null ? void 0 : Y.like) || 0,
+        userLiked: w,
+        likes: ((ne = d == null ? void 0 : d.reaction_counts) == null ? void 0 : ne.like) || 0,
         comments: ((Q = d == null ? void 0 : d.reaction_counts) == null ? void 0 : Q.reply) || 0,
-        peopleWhoLiked: $
+        peopleWhoLiked: M
       },
-      originalAuthorId: C == null ? void 0 : C.id,
+      originalAuthorId: D == null ? void 0 : D.id,
       forceHide: { comments: !0 },
       functions: {
         content: {
           createContent: () => null,
           deleteContent: s,
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          updateContent: (z, { body: te }) => g({ content: te })
+          updateContent: (J, { body: re }) => g({ content: re })
         },
         likes: {
-          createLike: () => b({ activityId: n }),
-          deleteLike: () => k({ activityId: n })
+          createLike: () => y({ activityId: n }),
+          deleteLike: () => k({ activityId: n, reactionId: S })
         },
         comments: {
           openComments: () => {
@@ -7000,7 +7042,7 @@ const nt = "notFoundError_", Xi = () => {
               })
             }
           ),
-          /* @__PURE__ */ a.jsx(B, { href: "/solution-articles/", children: e.formatMessage({ id: `${nt}cta` }) })
+          /* @__PURE__ */ a.jsx(H, { href: "/solution-articles/", children: e.formatMessage({ id: `${nt}cta` }) })
         ] })
       },
       reportError: () => {
@@ -7019,8 +7061,8 @@ export {
   Qi as ActivitySection,
   da as AddPost,
   Ci as BannerSection,
-  Li as Breadcrumbs,
-  B as Button,
+  Ri as Breadcrumbs,
+  H as Button,
   ht as ButtonWrapper,
   Er as CacheProvider,
   ea as Card,
@@ -7037,12 +7079,12 @@ export {
   Ts as DiscussionLikes,
   kt as DiscussionPost,
   Es as DiscussionThread,
-  Te as Divider,
+  $e as Divider,
   $i as DownloadSection,
   Be as EMAILS,
   qi as EmailHelperTextBox,
   bt as EmptyStateBox,
-  Ri as Filters,
+  Li as Filters,
   Mr as FlagsProvider,
   aa as Footer,
   _t as FullWidthSection,
@@ -7051,7 +7093,7 @@ export {
   Ar as HelperTextBox,
   Bn as HiddenFromScreenReaders,
   Pi as HideShowTextBox,
-  we as HighlightedTextBox,
+  Te as HighlightedTextBox,
   Nr as IntlProvider,
   hs as InviteForm,
   zi as InviteModal,
@@ -7060,11 +7102,11 @@ export {
   gt as Link,
   yt as LoadMore,
   Ai as LoadingBlock,
-  _e as LoadingPlaceholder,
+  be as LoadingPlaceholder,
   Kn as LoadingState,
   na as Logo,
   Ei as LogoSection,
-  jn as MarkdownText,
+  wn as MarkdownText,
   Si as MarketingBox,
   Xt as Member,
   Vi as MembersList,
@@ -7090,11 +7132,11 @@ export {
   Vt as StatusBanner,
   Bi as Tabs,
   Wi as Tags,
-  wr as Tooltip,
+  jr as Tooltip,
   Zi as TopLevelPage,
-  ke as UserContext,
+  we as UserContext,
   Pr as UserProvider,
-  ae as VisuallyHidden,
+  ie as VisuallyHidden,
   _s as addAriaProps,
   Jn as getMember,
   ct as headerData,