npm - @apolitical/component-library - Versions diffs - 1.13.0 → 1.13.1 - Mend

@apolitical/component-library 1.13.0 → 1.13.1

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 (5) hide show

package/communities/community-details/community-details.d.ts +3 -1
package/index.js +10 -10
package/index.mjs +447 -416
package/package.json +1 -1
package/style.css +1 -1

package/index.mjs CHANGED Viewed

@@ -1,10 +1,10 @@
-import N, { memo as Ne, useState as D, useEffect as z, useRef as Z, useMemo as qe, Children as yt, createContext as Mt, useContext as ye, Fragment as Zt, useCallback as Ee, useReducer as rr, Suspense as sr } from "react";
+import A, { memo as Ae, useState as D, useEffect as z, useRef as Z, useMemo as qe, Children as yt, createContext as Mt, useContext as ye, Fragment as Zt, useCallback as Ee, useReducer as rr, Suspense as sr } from "react";
 import or from "lodash.clonedeep";
 import ar from "lodash.set";
 import { useIntl as P, IntlProvider as ir, createIntl as lr, FormattedMessage as we } from "react-intl";
 import Ct from "truncate";
 import Ke from "markdown-to-jsx";
-import { QueryClient as cr, QueryClientProvider as ur, useQueryClient as Nt, useQuery as cn, useMutation as fe } from "@tanstack/react-query";
+import { QueryClient as cr, QueryClientProvider as ur, useQueryClient as At, useQuery as cn, useMutation as fe } from "@tanstack/react-query";
 import { ReactQueryDevtools as dr } from "@tanstack/react-query-devtools";
 import Ge from "posthog-js";
 import { useCookies as mr, CookiesProvider as fr } from "react-cookie";
@@ -29,15 +29,15 @@ var dn = { exports: {} };
       for (var s = [], o = 0; o < arguments.length; o++) {
         var l = arguments[o];
         if (l) {
-          var d = typeof l;
-          if (d === "string" || d === "number")
+          var m = typeof l;
+          if (m === "string" || m === "number")
             s.push(l);
           else if (Array.isArray(l)) {
             if (l.length) {
               var a = n.apply(null, l);
               a && s.push(a);
             }
-          } else if (d === "object") {
+          } else if (m === "object") {
             if (l.toString !== Object.prototype.toString && !l.toString.toString().includes("[native code]")) {
               s.push(l.toString());
               continue;
@@ -53,7 +53,7 @@ var dn = { exports: {} };
   })();
 })(dn);
 var vr = dn.exports;
-const j = /* @__PURE__ */ xr(vr), br = ({ element: e = "span", showOnFocus: t = !0, children: n, ...s }) => N.createElement(e, { ...s, className: j("hidden", { "show-on-focus": t }), children: n }), ne = Ne(br), wr = ({ element: e = "span", children: t = null, ...n }) => N.createElement(e, { ...n, "aria-hidden": !0 }, t), mn = Ne(wr);
+const j = /* @__PURE__ */ xr(vr), br = ({ element: e = "span", showOnFocus: t = !0, children: n, ...s }) => A.createElement(e, { ...s, className: j("hidden", { "show-on-focus": t }), children: n }), ne = Ae(br), wr = ({ element: e = "span", children: t = null, ...n }) => A.createElement(e, { ...n, "aria-hidden": !0 }, t), mn = Ae(wr);
 var jt = { exports: {} }, De = {};
 /**
  * @license React
@@ -69,8 +69,8 @@ function kr() {
   if (qt)
     return De;
   qt = 1;
-  var e = N, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function d(a, i, c) {
+  var e = A, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function m(a, i, c) {
     var u, f = {}, p = null, h = null;
     c !== void 0 && (p = "" + c), i.key !== void 0 && (p = "" + i.key), i.ref !== void 0 && (h = i.ref);
     for (u in i)
@@ -80,7 +80,7 @@ function kr() {
         f[u] === void 0 && (f[u] = i[u]);
     return { $$typeof: t, type: a, key: p, ref: h, props: f, _owner: o.current };
   }
-  return De.Fragment = n, De.jsx = d, De.jsxs = d, De;
+  return De.Fragment = n, De.jsx = m, De.jsxs = m, De;
 }
 var Pe = {};
 /**
@@ -95,58 +95,58 @@ var Pe = {};
 var Kt;
 function yr() {
   return Kt || (Kt = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = N, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), a = Symbol.for("react.context"), i = Symbol.for("react.forward_ref"), c = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), h = Symbol.for("react.offscreen"), _ = Symbol.iterator, v = "@@iterator";
-    function g(m) {
-      if (m === null || typeof m != "object")
+    var e = A, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), m = Symbol.for("react.provider"), a = Symbol.for("react.context"), i = Symbol.for("react.forward_ref"), c = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), h = Symbol.for("react.offscreen"), _ = Symbol.iterator, v = "@@iterator";
+    function g(d) {
+      if (d === null || typeof d != "object")
         return null;
-      var b = _ && m[_] || m[v];
+      var b = _ && d[_] || d[v];
       return typeof b == "function" ? b : null;
     }
     var E = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function x(m) {
+    function x(d) {
       {
         for (var b = arguments.length, y = new Array(b > 1 ? b - 1 : 0), S = 1; S < b; S++)
           y[S - 1] = arguments[S];
-        $("error", m, y);
+        $("error", d, y);
       }
     }
-    function $(m, b, y) {
+    function $(d, b, y) {
       {
         var S = E.ReactDebugCurrentFrame, O = S.getStackAddendum();
         O !== "" && (b += "%s", y = y.concat([O]));
-        var H = y.map(function(A) {
-          return String(A);
+        var H = y.map(function(N) {
+          return String(N);
         });
-        H.unshift("Warning: " + b), Function.prototype.apply.call(console[m], console, H);
+        H.unshift("Warning: " + b), Function.prototype.apply.call(console[d], console, H);
       }
     }
     var T = !1, M = !1, Q = !1, V = !1, w = !1, F;
     F = Symbol.for("react.module.reference");
-    function q(m) {
-      return !!(typeof m == "string" || typeof m == "function" || m === s || m === l || w || m === o || m === c || m === u || V || m === h || T || M || Q || typeof m == "object" && m !== null && (m.$$typeof === p || m.$$typeof === f || m.$$typeof === d || m.$$typeof === a || m.$$typeof === i || // This needs to include all possible module reference object
+    function q(d) {
+      return !!(typeof d == "string" || typeof d == "function" || d === s || d === l || w || d === o || d === c || d === u || V || d === h || T || M || Q || typeof d == "object" && d !== null && (d.$$typeof === p || d.$$typeof === f || d.$$typeof === m || d.$$typeof === a || d.$$typeof === i || // 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.
-      m.$$typeof === F || m.getModuleId !== void 0));
+      d.$$typeof === F || d.getModuleId !== void 0));
     }
-    function k(m, b, y) {
-      var S = m.displayName;
+    function k(d, b, y) {
+      var S = d.displayName;
       if (S)
         return S;
       var O = b.displayName || b.name || "";
       return O !== "" ? y + "(" + O + ")" : y;
     }
-    function Y(m) {
-      return m.displayName || "Context";
+    function Y(d) {
+      return d.displayName || "Context";
     }
-    function B(m) {
-      if (m == null)
+    function B(d) {
+      if (d == null)
         return null;
-      if (typeof m.tag == "number" && x("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof m == "function")
-        return m.displayName || m.name || null;
-      if (typeof m == "string")
-        return m;
-      switch (m) {
+      if (typeof d.tag == "number" && x("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof d == "function")
+        return d.displayName || d.name || null;
+      if (typeof d == "string")
+        return d;
+      switch (d) {
         case s:
           return "Fragment";
         case n:
@@ -160,23 +160,23 @@ function yr() {
         case u:
           return "SuspenseList";
       }
-      if (typeof m == "object")
-        switch (m.$$typeof) {
+      if (typeof d == "object")
+        switch (d.$$typeof) {
           case a:
-            var b = m;
+            var b = d;
             return Y(b) + ".Consumer";
-          case d:
-            var y = m;
+          case m:
+            var y = d;
             return Y(y._context) + ".Provider";
           case i:
-            return k(m, m.render, "ForwardRef");
+            return k(d, d.render, "ForwardRef");
           case f:
-            var S = m.displayName || null;
-            return S !== null ? S : B(m.type) || "Memo";
+            var S = d.displayName || null;
+            return S !== null ? S : B(d.type) || "Memo";
           case p: {
-            var O = m, H = O._payload, A = O._init;
+            var O = d, H = O._payload, N = O._init;
             try {
-              return B(A(H));
+              return B(N(H));
             } catch {
               return null;
             }
@@ -192,20 +192,20 @@ function yr() {
       {
         if (U === 0) {
           G = console.log, K = console.info, ie = console.warn, le = console.error, se = console.group, R = console.groupCollapsed, ee = console.groupEnd;
-          var m = {
+          var d = {
             configurable: !0,
             enumerable: !0,
             value: oe,
             writable: !0
           };
           Object.defineProperties(console, {
-            info: m,
-            log: m,
-            warn: m,
-            error: m,
-            group: m,
-            groupCollapsed: m,
-            groupEnd: m
+            info: d,
+            log: d,
+            warn: d,
+            error: d,
+            group: d,
+            groupCollapsed: d,
+            groupEnd: d
           });
         }
         U++;
@@ -214,31 +214,31 @@ function yr() {
     function te() {
       {
         if (U--, U === 0) {
-          var m = {
+          var d = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: L({}, m, {
+            log: L({}, d, {
               value: G
             }),
-            info: L({}, m, {
+            info: L({}, d, {
               value: K
             }),
-            warn: L({}, m, {
+            warn: L({}, d, {
               value: ie
             }),
-            error: L({}, m, {
+            error: L({}, d, {
               value: le
             }),
-            group: L({}, m, {
+            group: L({}, d, {
               value: se
             }),
-            groupCollapsed: L({}, m, {
+            groupCollapsed: L({}, d, {
               value: R
             }),
-            groupEnd: L({}, m, {
+            groupEnd: L({}, d, {
               value: ee
             })
           });
@@ -247,7 +247,7 @@ function yr() {
       }
     }
     var ue = E.ReactCurrentDispatcher, me;
-    function pe(m, b, y) {
+    function pe(d, b, y) {
       {
         if (me === void 0)
           try {
@@ -257,7 +257,7 @@ function yr() {
             me = S && S[1] || "";
           }
         return `
-` + me + m;
+` + me + d;
       }
     }
     var ge = !1, Se;
@@ -265,11 +265,11 @@ function yr() {
       var Pn = typeof WeakMap == "function" ? WeakMap : Map;
       Se = new Pn();
     }
-    function Ot(m, b) {
-      if (!m || ge)
+    function Ot(d, b) {
+      if (!d || ge)
         return "";
       {
-        var y = Se.get(m);
+        var y = Se.get(d);
         if (y !== void 0)
           return y;
       }
@@ -281,27 +281,27 @@ function yr() {
       H = ue.current, ue.current = null, ce();
       try {
         if (b) {
-          var A = function() {
+          var N = function() {
             throw Error();
           };
-          if (Object.defineProperty(A.prototype, "props", {
+          if (Object.defineProperty(N.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(A, []);
+              Reflect.construct(N, []);
             } catch (_e) {
               S = _e;
             }
-            Reflect.construct(m, [], A);
+            Reflect.construct(d, [], N);
           } else {
             try {
-              A.call();
+              N.call();
             } catch (_e) {
               S = _e;
             }
-            m.call(A.prototype);
+            d.call(N.prototype);
           }
         } else {
           try {
@@ -309,7 +309,7 @@ function yr() {
           } catch (_e) {
             S = _e;
           }
-          m();
+          d();
         }
       } catch (_e) {
         if (_e && S && typeof _e.stack == "string") {
@@ -324,7 +324,7 @@ function yr() {
                   if (J--, X--, X < 0 || C[J] !== re[X]) {
                     var de = `
 ` + C[J].replace(" at new ", " at ");
-                    return m.displayName && de.includes("<anonymous>") && (de = de.replace("<anonymous>", m.displayName)), typeof m == "function" && Se.set(m, de), de;
+                    return d.displayName && de.includes("<anonymous>") && (de = de.replace("<anonymous>", d.displayName)), typeof d == "function" && Se.set(d, de), de;
                   }
                 while (J >= 1 && X >= 0);
               break;
@@ -333,37 +333,37 @@ function yr() {
       } finally {
         ge = !1, ue.current = H, te(), Error.prepareStackTrace = O;
       }
-      var Te = m ? m.displayName || m.name : "", Xt = Te ? pe(Te) : "";
-      return typeof m == "function" && Se.set(m, Xt), Xt;
+      var Te = d ? d.displayName || d.name : "", Xt = Te ? pe(Te) : "";
+      return typeof d == "function" && Se.set(d, Xt), Xt;
     }
-    function Fn(m, b, y) {
-      return Ot(m, !1);
+    function Fn(d, b, y) {
+      return Ot(d, !1);
     }
-    function Rn(m) {
-      var b = m.prototype;
+    function Rn(d) {
+      var b = d.prototype;
       return !!(b && b.isReactComponent);
     }
-    function Be(m, b, y) {
-      if (m == null)
+    function Be(d, b, y) {
+      if (d == null)
         return "";
-      if (typeof m == "function")
-        return Ot(m, Rn(m));
-      if (typeof m == "string")
-        return pe(m);
-      switch (m) {
+      if (typeof d == "function")
+        return Ot(d, Rn(d));
+      if (typeof d == "string")
+        return pe(d);
+      switch (d) {
         case c:
           return pe("Suspense");
         case u:
           return pe("SuspenseList");
       }
-      if (typeof m == "object")
-        switch (m.$$typeof) {
+      if (typeof d == "object")
+        switch (d.$$typeof) {
           case i:
-            return Fn(m.render);
+            return Fn(d.render);
           case f:
-            return Be(m.type, b, y);
+            return Be(d.type, b, y);
           case p: {
-            var S = m, O = S._payload, H = S._init;
+            var S = d, O = S._payload, H = S._init;
             try {
               return Be(H(O), b, y);
             } catch {
@@ -373,116 +373,116 @@ function yr() {
       return "";
     }
     var Ie = Object.prototype.hasOwnProperty, Lt = {}, Bt = E.ReactDebugCurrentFrame;
-    function He(m) {
-      if (m) {
-        var b = m._owner, y = Be(m.type, m._source, b ? b.type : null);
+    function He(d) {
+      if (d) {
+        var b = d._owner, y = Be(d.type, d._source, b ? b.type : null);
         Bt.setExtraStackFrame(y);
       } else
         Bt.setExtraStackFrame(null);
     }
-    function On(m, b, y, S, O) {
+    function On(d, b, y, S, O) {
       {
         var H = Function.call.bind(Ie);
-        for (var A in m)
-          if (H(m, A)) {
+        for (var N in d)
+          if (H(d, N)) {
             var C = void 0;
             try {
-              if (typeof m[A] != "function") {
-                var re = Error((S || "React class") + ": " + y + " type `" + A + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof m[A] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof d[N] != "function") {
+                var re = Error((S || "React class") + ": " + y + " type `" + N + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof d[N] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw re.name = "Invariant Violation", re;
               }
-              C = m[A](b, A, S, y, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              C = d[N](b, N, S, y, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (J) {
               C = J;
             }
-            C && !(C instanceof Error) && (He(O), x("%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).", S || "React class", y, A, typeof C), He(null)), C instanceof Error && !(C.message in Lt) && (Lt[C.message] = !0, He(O), x("Failed %s type: %s", y, C.message), He(null));
+            C && !(C instanceof Error) && (He(O), x("%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).", S || "React class", y, N, typeof C), He(null)), C instanceof Error && !(C.message in Lt) && (Lt[C.message] = !0, He(O), x("Failed %s type: %s", y, C.message), He(null));
           }
       }
     }
     var Ln = Array.isArray;
-    function st(m) {
-      return Ln(m);
+    function st(d) {
+      return Ln(d);
     }
-    function Bn(m) {
+    function Bn(d) {
       {
-        var b = typeof Symbol == "function" && Symbol.toStringTag, y = b && m[Symbol.toStringTag] || m.constructor.name || "Object";
+        var b = typeof Symbol == "function" && Symbol.toStringTag, y = b && d[Symbol.toStringTag] || d.constructor.name || "Object";
         return y;
       }
     }
-    function In(m) {
+    function In(d) {
       try {
-        return It(m), !1;
+        return It(d), !1;
       } catch {
         return !0;
       }
     }
-    function It(m) {
-      return "" + m;
+    function It(d) {
+      return "" + d;
     }
-    function Ht(m) {
-      if (In(m))
-        return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Bn(m)), It(m);
+    function Ht(d) {
+      if (In(d))
+        return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Bn(d)), It(d);
     }
-    var Ae = E.ReactCurrentOwner, Hn = {
+    var Ne = E.ReactCurrentOwner, Hn = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, Qt, Ut, ot;
     ot = {};
-    function Qn(m) {
-      if (Ie.call(m, "ref")) {
-        var b = Object.getOwnPropertyDescriptor(m, "ref").get;
+    function Qn(d) {
+      if (Ie.call(d, "ref")) {
+        var b = Object.getOwnPropertyDescriptor(d, "ref").get;
         if (b && b.isReactWarning)
           return !1;
       }
-      return m.ref !== void 0;
+      return d.ref !== void 0;
     }
-    function Un(m) {
-      if (Ie.call(m, "key")) {
-        var b = Object.getOwnPropertyDescriptor(m, "key").get;
+    function Un(d) {
+      if (Ie.call(d, "key")) {
+        var b = Object.getOwnPropertyDescriptor(d, "key").get;
         if (b && b.isReactWarning)
           return !1;
       }
-      return m.key !== void 0;
+      return d.key !== void 0;
     }
-    function Wn(m, b) {
-      if (typeof m.ref == "string" && Ae.current && b && Ae.current.stateNode !== b) {
-        var y = B(Ae.current.type);
-        ot[y] || (x('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', B(Ae.current.type), m.ref), ot[y] = !0);
+    function Wn(d, b) {
+      if (typeof d.ref == "string" && Ne.current && b && Ne.current.stateNode !== b) {
+        var y = B(Ne.current.type);
+        ot[y] || (x('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', B(Ne.current.type), d.ref), ot[y] = !0);
       }
     }
-    function zn(m, b) {
+    function zn(d, b) {
       {
         var y = function() {
           Qt || (Qt = !0, x("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", b));
         };
-        y.isReactWarning = !0, Object.defineProperty(m, "key", {
+        y.isReactWarning = !0, Object.defineProperty(d, "key", {
           get: y,
           configurable: !0
         });
       }
     }
-    function Vn(m, b) {
+    function Vn(d, b) {
       {
         var y = function() {
           Ut || (Ut = !0, x("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", b));
         };
-        y.isReactWarning = !0, Object.defineProperty(m, "ref", {
+        y.isReactWarning = !0, Object.defineProperty(d, "ref", {
           get: y,
           configurable: !0
         });
       }
     }
-    var Yn = function(m, b, y, S, O, H, A) {
+    var Yn = function(d, b, y, S, O, H, N) {
       var C = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
-        type: m,
+        type: d,
         key: b,
         ref: y,
-        props: A,
+        props: N,
         // Record the component responsible for creating this element.
         _owner: H
       };
@@ -503,53 +503,53 @@ function yr() {
         value: O
       }), Object.freeze && (Object.freeze(C.props), Object.freeze(C)), C;
     };
-    function Gn(m, b, y, S, O) {
+    function Gn(d, b, y, S, O) {
       {
-        var H, A = {}, C = null, re = null;
+        var H, N = {}, C = null, re = null;
         y !== void 0 && (Ht(y), C = "" + y), Un(b) && (Ht(b.key), C = "" + b.key), Qn(b) && (re = b.ref, Wn(b, O));
         for (H in b)
-          Ie.call(b, H) && !Hn.hasOwnProperty(H) && (A[H] = b[H]);
-        if (m && m.defaultProps) {
-          var J = m.defaultProps;
+          Ie.call(b, H) && !Hn.hasOwnProperty(H) && (N[H] = b[H]);
+        if (d && d.defaultProps) {
+          var J = d.defaultProps;
           for (H in J)
-            A[H] === void 0 && (A[H] = J[H]);
+            N[H] === void 0 && (N[H] = J[H]);
         }
         if (C || re) {
-          var X = typeof m == "function" ? m.displayName || m.name || "Unknown" : m;
-          C && zn(A, X), re && Vn(A, X);
+          var X = typeof d == "function" ? d.displayName || d.name || "Unknown" : d;
+          C && zn(N, X), re && Vn(N, X);
         }
-        return Yn(m, C, re, O, S, Ae.current, A);
+        return Yn(d, C, re, O, S, Ne.current, N);
       }
     }
     var at = E.ReactCurrentOwner, Wt = E.ReactDebugCurrentFrame;
-    function $e(m) {
-      if (m) {
-        var b = m._owner, y = Be(m.type, m._source, b ? b.type : null);
+    function $e(d) {
+      if (d) {
+        var b = d._owner, y = Be(d.type, d._source, b ? b.type : null);
         Wt.setExtraStackFrame(y);
       } else
         Wt.setExtraStackFrame(null);
     }
     var it;
     it = !1;
-    function lt(m) {
-      return typeof m == "object" && m !== null && m.$$typeof === t;
+    function lt(d) {
+      return typeof d == "object" && d !== null && d.$$typeof === t;
     }
     function zt() {
       {
         if (at.current) {
-          var m = B(at.current.type);
-          if (m)
+          var d = B(at.current.type);
+          if (d)
             return `
-Check the render method of \`` + m + "`.";
+Check the render method of \`` + d + "`.";
         }
         return "";
       }
     }
-    function Jn(m) {
+    function Jn(d) {
       {
-        if (m !== void 0) {
-          var b = m.fileName.replace(/^.*[\\\/]/, ""), y = m.lineNumber;
+        if (d !== void 0) {
+          var b = d.fileName.replace(/^.*[\\\/]/, ""), y = d.lineNumber;
           return `
 Check your code at ` + b + ":" + y + ".";
@@ -558,11 +558,11 @@ Check your code at ` + b + ":" + y + ".";
       }
     }
     var Vt = {};
-    function Xn(m) {
+    function Xn(d) {
       {
         var b = zt();
         if (!b) {
-          var y = typeof m == "string" ? m : m.displayName || m.name;
+          var y = typeof d == "string" ? d : d.displayName || d.name;
           y && (b = `
 Check the top-level render call using <` + y + ">.");
@@ -570,41 +570,41 @@ Check the top-level render call using <` + y + ">.");
         return b;
       }
     }
-    function Yt(m, b) {
+    function Yt(d, b) {
       {
-        if (!m._store || m._store.validated || m.key != null)
+        if (!d._store || d._store.validated || d.key != null)
           return;
-        m._store.validated = !0;
+        d._store.validated = !0;
         var y = Xn(b);
         if (Vt[y])
           return;
         Vt[y] = !0;
         var S = "";
-        m && m._owner && m._owner !== at.current && (S = " It was passed a child from " + B(m._owner.type) + "."), $e(m), x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', y, S), $e(null);
+        d && d._owner && d._owner !== at.current && (S = " It was passed a child from " + B(d._owner.type) + "."), $e(d), x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', y, S), $e(null);
       }
     }
-    function Gt(m, b) {
+    function Gt(d, b) {
       {
-        if (typeof m != "object")
+        if (typeof d != "object")
           return;
-        if (st(m))
-          for (var y = 0; y < m.length; y++) {
-            var S = m[y];
+        if (st(d))
+          for (var y = 0; y < d.length; y++) {
+            var S = d[y];
             lt(S) && Yt(S, b);
           }
-        else if (lt(m))
-          m._store && (m._store.validated = !0);
-        else if (m) {
-          var O = g(m);
-          if (typeof O == "function" && O !== m.entries)
-            for (var H = O.call(m), A; !(A = H.next()).done; )
-              lt(A.value) && Yt(A.value, b);
+        else if (lt(d))
+          d._store && (d._store.validated = !0);
+        else if (d) {
+          var O = g(d);
+          if (typeof O == "function" && O !== d.entries)
+            for (var H = O.call(d), N; !(N = H.next()).done; )
+              lt(N.value) && Yt(N.value, b);
         }
       }
     }
-    function Zn(m) {
+    function Zn(d) {
       {
-        var b = m.type;
+        var b = d.type;
         if (b == null || typeof b == "string")
           return;
         var y;
@@ -618,7 +618,7 @@ Check the top-level render call using <` + y + ">.");
           return;
         if (y) {
           var S = B(b);
-          On(y, m.props, "prop", S, m);
+          On(y, d.props, "prop", S, d);
         } else if (b.PropTypes !== void 0 && !it) {
           it = !0;
           var O = B(b);
@@ -627,53 +627,53 @@ Check the top-level render call using <` + y + ">.");
         typeof b.getDefaultProps == "function" && !b.getDefaultProps.isReactClassApproved && x("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function qn(m) {
+    function qn(d) {
       {
-        for (var b = Object.keys(m.props), y = 0; y < b.length; y++) {
+        for (var b = Object.keys(d.props), y = 0; y < b.length; y++) {
           var S = b[y];
           if (S !== "children" && S !== "key") {
-            $e(m), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", S), $e(null);
+            $e(d), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", S), $e(null);
             break;
           }
         }
-        m.ref !== null && ($e(m), x("Invalid attribute `ref` supplied to `React.Fragment`."), $e(null));
+        d.ref !== null && ($e(d), x("Invalid attribute `ref` supplied to `React.Fragment`."), $e(null));
       }
     }
-    function Jt(m, b, y, S, O, H) {
+    function Jt(d, b, y, S, O, H) {
       {
-        var A = q(m);
-        if (!A) {
+        var N = q(d);
+        if (!N) {
           var C = "";
-          (m === void 0 || typeof m == "object" && m !== null && Object.keys(m).length === 0) && (C += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          (d === void 0 || typeof d == "object" && d !== null && Object.keys(d).length === 0) && (C += " 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 re = Jn(O);
           re ? C += re : C += zt();
           var J;
-          m === null ? J = "null" : st(m) ? J = "array" : m !== void 0 && m.$$typeof === t ? (J = "<" + (B(m.type) || "Unknown") + " />", C = " Did you accidentally export a JSX literal instead of a component?") : J = typeof m, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", J, C);
+          d === null ? J = "null" : st(d) ? J = "array" : d !== void 0 && d.$$typeof === t ? (J = "<" + (B(d.type) || "Unknown") + " />", C = " Did you accidentally export a JSX literal instead of a component?") : J = typeof d, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", J, C);
         }
-        var X = Gn(m, b, y, O, H);
+        var X = Gn(d, b, y, O, H);
         if (X == null)
           return X;
-        if (A) {
+        if (N) {
           var de = b.children;
           if (de !== void 0)
             if (S)
               if (st(de)) {
                 for (var Te = 0; Te < de.length; Te++)
-                  Gt(de[Te], m);
+                  Gt(de[Te], d);
                 Object.freeze && Object.freeze(de);
               } else
                 x("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
-              Gt(de, m);
+              Gt(de, d);
         }
-        return m === s ? qn(X) : Zn(X), X;
+        return d === s ? qn(X) : Zn(X), X;
       }
     }
-    function Kn(m, b, y) {
-      return Jt(m, b, y, !0);
+    function Kn(d, b, y) {
+      return Jt(d, b, y, !0);
     }
-    function er(m, b, y) {
-      return Jt(m, b, y, !1);
+    function er(d, b, y) {
+      return Jt(d, b, y, !1);
     }
     var tr = er, nr = Kn;
     Pe.Fragment = s, Pe.jsx = tr, Pe.jsxs = nr;
@@ -696,7 +696,7 @@ const jr = () => {
   }, t);
 };
 function Er(e, t, n) {
-  var s = this, o = Z(null), l = Z(0), d = Z(null), a = Z([]), i = Z(), c = Z(), u = Z(e), f = Z(!0);
+  var s = this, o = Z(null), l = Z(0), m = Z(null), a = Z([]), i = Z(), c = Z(), u = Z(e), f = Z(!0);
   z(function() {
     u.current = e;
   }, [e]);
@@ -715,14 +715,14 @@ function Er(e, t, n) {
       var F = a.current, q = i.current;
       return a.current = i.current = null, l.current = w, c.current = u.current.apply(q, F);
     }, $ = function(w, F) {
-      p && cancelAnimationFrame(d.current), d.current = p ? requestAnimationFrame(w) : setTimeout(w, F);
+      p && cancelAnimationFrame(m.current), m.current = p ? requestAnimationFrame(w) : setTimeout(w, F);
     }, T = function(w) {
       if (!f.current)
         return !1;
       var F = w - o.current;
       return !o.current || F >= t || F < 0 || v && w - l.current >= g;
     }, M = function(w) {
-      return d.current = null, _ && a.current ? x(w) : (a.current = i.current = null, c.current);
+      return m.current = null, _ && a.current ? x(w) : (a.current = i.current = null, c.current);
     }, Q = function w() {
       var F = Date.now();
       if (T(F))
@@ -734,19 +734,19 @@ function Er(e, t, n) {
     }, V = function() {
       var w = Date.now(), F = T(w);
       if (a.current = [].slice.call(arguments), i.current = s, o.current = w, F) {
-        if (!d.current && f.current)
+        if (!m.current && f.current)
           return l.current = o.current, $(Q, t), h ? x(o.current) : c.current;
         if (v)
           return $(Q, t), x(o.current);
       }
-      return d.current || $(Q, t), c.current;
+      return m.current || $(Q, t), c.current;
     };
     return V.cancel = function() {
-      d.current && (p ? cancelAnimationFrame(d.current) : clearTimeout(d.current)), l.current = 0, a.current = o.current = i.current = d.current = null;
+      m.current && (p ? cancelAnimationFrame(m.current) : clearTimeout(m.current)), l.current = 0, a.current = o.current = i.current = m.current = null;
     }, V.isPending = function() {
-      return !!d.current;
+      return !!m.current;
     }, V.flush = function() {
-      return d.current ? M(Date.now()) : c.current;
+      return m.current ? M(Date.now()) : c.current;
     }, V;
   }, [h, v, t, g, _, p]);
   return E;
@@ -759,14 +759,14 @@ let ct;
 const et = (e = !0, t = !1) => {
   if (!e)
     return;
-  const [n, s] = N.useState(0) || [!1, () => {
+  const [n, s] = A.useState(0) || [!1, () => {
   }];
-  z(() => (l(), window.addEventListener("resize", d), () => {
-    clearTimeout(ct), d.flush(), window.removeEventListener("resize", d);
+  z(() => (l(), window.addEventListener("resize", m), () => {
+    clearTimeout(ct), m.flush(), window.removeEventListener("resize", m);
   }), []);
   const o = () => window.innerWidth, l = () => {
     s(o());
-  }, d = fn(
+  }, m = fn(
     () => {
       o() !== n && (t && (clearTimeout(ct), document.body.classList.add("is-resizing"), ct = setTimeout(() => {
         document.body.classList.remove("is-resizing");
@@ -787,8 +787,8 @@ const et = (e = !0, t = !1) => {
 }) => {
   if (!window)
     return;
-  const [o, l] = N.useState({ current: 0, past: 0 }) || [!1, () => {
-  }], [d, a] = N.useState({ scrollDown: !1, scrollUp: !1 }) || [!1, () => {
+  const [o, l] = A.useState({ current: 0, past: 0 }) || [!1, () => {
+  }], [m, a] = A.useState({ scrollDown: !1, scrollUp: !1 }) || [!1, () => {
   }];
   z(() => (i(), window.addEventListener("scroll", c), () => {
     c.flush(), window.removeEventListener("scroll", c);
@@ -796,10 +796,10 @@ const et = (e = !0, t = !1) => {
   const i = () => {
     const u = window.scrollY, f = o.current, p = u - f, h = p > 0 ? "down" : "up";
     if (l({ current: u, past: f }), h === "down") {
-      u >= e + t.down && !d.scrollDown && (!d.scrollUp || p > t.up) && (n(), a({ scrollUp: !1, scrollDown: !0 }));
+      u >= e + t.down && !m.scrollDown && (!m.scrollUp || p > t.up) && (n(), a({ scrollUp: !1, scrollDown: !0 }));
       return;
     }
-    Math.abs(p) >= t.up && !d.scrollUp && (s(), a({ scrollUp: !0, scrollDown: !1 }));
+    Math.abs(p) >= t.up && !m.scrollUp && (s(), a({ scrollUp: !0, scrollDown: !1 }));
   }, c = fn(() => {
     i();
   }, 250);
@@ -849,14 +849,14 @@ const et = (e = !0, t = !1) => {
   } catch {
     return "";
   }
-  const d = l / 36e5, a = Math.floor(l / 864e5);
+  const m = l / 36e5, a = Math.floor(l / 864e5);
   if (a < 1)
-    return d < 1 ? { path: "now" } : { path: "hours", number: Math.floor(d) };
+    return m < 1 ? { path: "now" } : { path: "hours", number: Math.floor(m) };
   if (a < 7)
     return { path: "days", number: a };
   const i = Math.floor(a / 7);
   return i <= 52 ? { path: "weeks", number: i } : { path: "years", number: Math.floor(a / 365) };
-}, Cr = (e) => new Promise((t) => setTimeout(t, e)), At = {
+}, Cr = (e) => new Promise((t) => setTimeout(t, e)), Nt = {
   apolitical: "Apolitical",
   breadcrumbs_label: "Go back to:",
   breadcrumbs_currentPage: "Current page:",
@@ -1139,13 +1139,13 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   sharedLinks_copy_text: "Copy link",
   tags_community: "From the community",
   tooltip_loading: "Loading..."
-}, Nr = {
+}, Ar = {
   languageSwitcher_label: "Me gustaría leer este artículo en...",
   languageSwitcher_translation_original: "idioma original",
   languageSwitcher_translation_human: "traducido por un humano",
   languageSwitcher_translation_machine: "traducido por máquina",
   languageSwitcher_disclaimer: "Este contenido fue traducido automáticamente y ocasionalmente tendrá errores de género u otras traducciones directas. Estamos intentando resolver este problema, pero mientras tanto, si notas algún error grave, escríbenos a <link>{email}</link>"
-}, Ar = {
+}, Nr = {
   collapsibleSection_summary: "En savoir plus",
   languageSwitcher_label: "Je voudrais lire cet article dans...",
   languageSwitcher_translation_original: "langue originale",
@@ -1160,13 +1160,13 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   languageSwitcher_disclaimer: "Este conteúdo foi traduzido automaticamente e, ocasionalmente, poderão ocorrer erros de linguagem de gênero ou outras traduções diretas. Estamos tentando resolver isso, porém se perceber algo errado por favor nos avise em <link>{email}</link>"
 }, Pr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  en: At,
-  es: Nr,
-  fr: Ar,
+  en: Nt,
+  es: Ar,
+  fr: Nr,
   pt: Dr
 }, Symbol.toStringTag, { value: "Module" })), he = (e, t, n, s, o = {}) => {
   let l = "";
-  return `${t}_${n}` in At ? l = e({ id: `${t}_${n}` }, o) : l = e({ id: t }, { [s]: n, ...o }), l;
+  return `${t}_${n}` in Nt ? l = e({ id: `${t}_${n}` }, o) : l = e({ id: t }, { [s]: n, ...o }), l;
 }, Fr = (e, t, n) => {
   if (!e || e === 0)
     return "0";
@@ -1181,7 +1181,7 @@ Thank you for helping to protect the Apolitical community from abusive content.`
     }
   }
   return s;
-}, gn = (e, t) => N.Children.map(e, (n) => N.cloneElement(n, {
+}, gn = (e, t) => A.Children.map(e, (n) => A.cloneElement(n, {
   ...t
 })), Rr = (e) => e.replace(/\s+/g, "").length > 0, W = ({
   variant: e = "primary",
@@ -1190,7 +1190,7 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   icon: s = !1,
   href: o = !1,
   element: l = "button",
-  onClick: d = !1,
+  onClick: m = !1,
   className: a = "",
   disabled: i = !1,
   screenreaderText: c = !1,
@@ -1212,18 +1212,18 @@ Thank you for helping to protect the Apolitical community from abusive content.`
       button: o
     }),
     onClick: (g) => {
-      (!o || o[0] === "#") && d && (g.preventDefault(), g.stopPropagation()), d && d(g);
+      (!o || o[0] === "#") && m && (g.preventDefault(), g.stopPropagation()), m && m(g);
     },
     disabled: typeof i == "object" && "isClickable" in i ? !i.isClickable : i
   };
-  return o && (l = "a", v.href = o), N.createElement(
+  return o && (l = "a", v.href = o), A.createElement(
     l,
     v,
     u || (c ? /* @__PURE__ */ r.jsx(ne, { showOnFocus: !1, children: c }) : null)
   );
 }, tt = ({ buttons: e, className: t = "", ...n }) => {
-  const s = e.length > 1 ? "ul" : "p", o = e.map((l, d) => s === "p" ? /* @__PURE__ */ r.jsx(W, { ...l }, d) : /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(W, { ...l }) }, d));
-  return N.createElement(s, { className: j("button-wrapper", t), ...n, children: o });
+  const s = e.length > 1 ? "ul" : "p", o = e.map((l, m) => s === "p" ? /* @__PURE__ */ r.jsx(W, { ...l }, m) : /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(W, { ...l }) }, m));
+  return A.createElement(s, { className: j("button-wrapper", t), ...n, children: o });
 };
 const Le = ({ maxWidth: e = !1 }) => {
   const t = e ? { "--max-width": `${e / 16}rem` } : {};
@@ -1235,12 +1235,12 @@ const Le = ({ maxWidth: e = !1 }) => {
   className: s = "",
   onClick: o,
   gtmContext: l,
-  gtmType: d,
+  gtmType: m,
   ...a
 }) => {
   if (e) {
     const i = { ...a };
-    return o && (i.onClick = o), l && (i["data-gtm-event-context"] = l), d && (i["data-gtm-event-type"] = d), /* @__PURE__ */ r.jsx(
+    return o && (i.onClick = o), l && (i["data-gtm-event-context"] = l), m && (i["data-gtm-event-type"] = m), /* @__PURE__ */ r.jsx(
       "a",
       {
         href: e,
@@ -1250,7 +1250,7 @@ const Le = ({ maxWidth: e = !1 }) => {
       }
     );
   }
-  return n ? N.createElement(n, { children: t, className: s, ...a }) : t;
+  return n ? A.createElement(n, { children: t, className: s, ...a }) : t;
 }, en = {
   card: {
     range: [
@@ -1375,13 +1375,13 @@ const Br = ({ image: e, className: t, testId: n }) => {
     description: s,
     height: o,
     type: l,
-    query: d,
+    query: m,
     url: a,
     width: i,
     loading: c,
     decoding: u,
     fetchPriority: f
-  } = e, { range: p, sizes: h } = Or(e), _ = ut({ format: "avif", query: d, range: p, url: a }), v = ut({ format: "webp", query: d, range: p, url: a }), g = ut({ format: "", query: d, range: p, url: a });
+  } = e, { range: p, sizes: h } = Or(e), _ = ut({ format: "avif", query: m, range: p, url: a }), v = ut({ format: "webp", query: m, range: p, url: a }), g = ut({ format: "", query: m, range: p, url: a });
   return /* @__PURE__ */ r.jsxs("picture", { className: t, children: [
     l !== "image/gif" && /* @__PURE__ */ r.jsx(
       "source",
@@ -1420,7 +1420,7 @@ const Br = ({ image: e, className: t, testId: n }) => {
 };
 let Fe = !1;
 const Ir = ({ isOpen: e = !1, isLoading: t = !1, children: n }) => {
-  const s = P(), o = Z(null), [l, d] = D("hidden");
+  const s = P(), o = Z(null), [l, m] = D("hidden");
   z(() => {
     const i = o.current;
     if (i)
@@ -1429,13 +1429,13 @@ const Ir = ({ isOpen: e = !1, isLoading: t = !1, children: n }) => {
       };
   }, []);
   const a = ({ propertyName: i }) => {
-    i === "opacity" && (Fe !== !1 && clearTimeout(Fe), d((c) => c === "opening" ? "open" : c === "closing" ? "closed" : c === "closed" ? "hidden" : c));
+    i === "opacity" && (Fe !== !1 && clearTimeout(Fe), m((c) => c === "opening" ? "open" : c === "closing" ? "closed" : c === "closed" ? "hidden" : c));
   };
   return Ce(() => {
     Fe !== !1 && clearTimeout(Fe);
     let i = "open";
-    e ? d("opening") : (d("closing"), i = "hidden"), Fe = setTimeout(() => {
-      d(i);
+    e ? m("opening") : (m("closing"), i = "hidden"), Fe = setTimeout(() => {
+      m(i);
     }, 300);
   }, [e]), /* @__PURE__ */ r.jsx("aside", { ref: o, className: j("tooltip text-medium", l, { loading: t }), hidden: l === "hidden", children: t ? /* @__PURE__ */ r.jsx("p", { children: s.formatMessage({ id: "tooltip_loading" }) }) : typeof n == "string" ? /* @__PURE__ */ r.jsx("p", { children: n }) : n });
 };
@@ -1454,7 +1454,7 @@ const oo = ({ text: e, buttons: t, className: n = "" }) => {
       children: o.text
     });
   }), /* @__PURE__ */ r.jsx(_n, { className: j("download-section", n), children: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    N.createElement(typeof e == "string" ? "h2" : e.element, { className: "text" }, typeof e == "string" ? e : e.text),
+    A.createElement(typeof e == "string" ? "h2" : e.element, { className: "text" }, typeof e == "string" ? e : e.text),
     /* @__PURE__ */ r.jsx(tt, { buttons: s })
   ] }) });
 };
@@ -1467,13 +1467,13 @@ const ao = ({ title: e = !1, logos: t = [], className: n = "" }) => {
     text: typeof e == "string" ? e : typeof e == "object" ? e.text : ""
   };
   return /* @__PURE__ */ r.jsxs("div", { className: j("logos", n), children: [
-    e && N.createElement(o.element, { className: "title" }, o.text),
+    e && A.createElement(o.element, { className: "title" }, o.text),
     /* @__PURE__ */ r.jsx(
       "ul",
       {
         className: j({ "two-col": s === 2 || s === 4, "three-col": s === 5 || s <= 10 && s % 3 === 0 }),
         children: t.map(
-          ({ logo: l, nameOfBusiness: d, link: a = !1, description: i = !1 }, c) => {
+          ({ logo: l, nameOfBusiness: m, link: a = !1, description: i = !1 }, c) => {
             if (!l || !l.url)
               return null;
             const u = /* @__PURE__ */ r.jsx(
@@ -1482,7 +1482,7 @@ const ao = ({ title: e = !1, logos: t = [], className: n = "" }) => {
                 src: l.url,
                 width: l.width || "auto",
                 height: l.height || "auto",
-                alt: d
+                alt: m
               }
             );
             return /* @__PURE__ */ r.jsxs("li", { children: [
@@ -1518,8 +1518,8 @@ const Hr = [
   "blockquote",
   "q"
 ], Qr = ({ content: e, image: t, variant: n = "default", spacing: s = "normal", cta: o, children: l }) => {
-  const d = ["eyebrow", "title", "text"], a = { eyebrow: "small", title: "h1", text: "p" }, i = {};
-  return d.forEach((c) => {
+  const m = ["eyebrow", "title", "text"], a = { eyebrow: "small", title: "h1", text: "p" }, i = {};
+  return m.forEach((c) => {
     if (!e[c]) {
       i[c] = !1;
       return;
@@ -1542,10 +1542,10 @@ const Hr = [
     u && u.scrollIntoView({ behavior: "smooth" });
   }), /* @__PURE__ */ r.jsx(_n, { className: j("banner-section", n, s, { "has-image": t, "has-extra-spacing": s === "normal" && i.eyebrow && i.title }), children: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsxs("div", { className: "content-wrapper", children: [
-      d.map((c) => {
+      m.map((c) => {
         if (i[c] && typeof i[c] == "object") {
           const { text: u, element: f = "" } = i[c];
-          return N.createElement(
+          return A.createElement(
             f.toLowerCase(),
             { key: c, className: c },
             u
@@ -1567,7 +1567,7 @@ const Hr = [
     ] }),
     t && /* @__PURE__ */ r.jsx(Br, { image: { ...t, aspect: "banner" } })
   ] }) });
-}, io = Ne(Qr);
+}, io = Ae(Qr);
 const lo = ({
   variant: e = "primary",
   button: t = null,
@@ -1596,10 +1596,10 @@ const xn = ({ label: e = !1, className: t = "", children: n }) => {
 const ke = ({ variant: e = "primary", className: t = "", children: n, ...s }) => /* @__PURE__ */ r.jsx("div", { className: j("highlighted-text-box", e, t), ...s, children: n });
 const rt = ({ variant: e = "empty", text: t = !1, button: n = !1, className: s = "" }) => {
   let o = n && !!Object.keys(n).length;
-  const l = typeof n == "object" && "breakpoints" in n, d = et(l);
-  if (l && typeof n == "object" && typeof d == "number") {
+  const l = typeof n == "object" && "breakpoints" in n, m = et(l);
+  if (l && typeof n == "object" && typeof m == "number") {
     const f = Object.assign({}, n.breakpoints), p = pn(Object.keys(f));
-    o = hn(d, p, f);
+    o = hn(m, p, f);
   }
   const { breakpoints: a, text: i = "", component: c, ...u } = n;
   return /* @__PURE__ */ r.jsx(ke, { variant: "subtle", className: j("empty-state-box", e, s), children: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
@@ -1623,7 +1623,7 @@ const Ur = ({ type: e = "default", className: t = "", heading: n = !1, children:
     Ke,
     {
       options: {
-        wrapper: N.Fragment,
+        wrapper: A.Fragment,
         forceBlock: !0,
         overrides: vn
       },
@@ -1632,9 +1632,9 @@ const Ur = ({ type: e = "default", className: t = "", heading: n = !1, children:
   ) : /* @__PURE__ */ r.jsx("p", { children: s })
 ] });
 const uo = ({ className: e = "", show: t = !1, hide: n = !1, text: s, children: o }) => {
-  const l = P(), d = Z(null), [a, i] = D(""), [c, u] = D("closed");
+  const l = P(), m = Z(null), [a, i] = D(""), [c, u] = D("closed");
   z(() => {
-    const h = d.current;
+    const h = m.current;
     if (h)
       return h.addEventListener("transitionend", f), () => {
         h.removeEventListener("transitionend", f);
@@ -1656,7 +1656,7 @@ const uo = ({ className: e = "", show: t = !1, hide: n = !1, text: s, children:
     return null;
   const p = ["opening", "open"].includes(c);
   return /* @__PURE__ */ r.jsxs(ke, { variant: "subtle", className: j("hide-show-text-box", e), children: [
-    /* @__PURE__ */ r.jsxs("div", { ref: d, className: j("content", c), children: [
+    /* @__PURE__ */ r.jsxs("div", { ref: m, className: j("content", c), children: [
       /* @__PURE__ */ r.jsx(Ke, { options: { forceBlock: !0 }, children: c === "closed" ? a : s }),
       c !== "closed" && o
     ] }),
@@ -1674,7 +1674,7 @@ const uo = ({ className: e = "", show: t = !1, hide: n = !1, text: s, children:
       }
     ) })
   ] });
-}, Wr = () => N.Fragment, zr = ({ children: e }) => /* @__PURE__ */ r.jsx(ke, { variant: "secondary", children: e }), Vr = ["span", "strong", "h1", "h2", "h3", "h4", "h5", "h6", "p"], Yr = ({ children: e }) => {
+}, Wr = () => A.Fragment, zr = ({ children: e }) => /* @__PURE__ */ r.jsx(ke, { variant: "secondary", children: e }), Vr = ["span", "strong", "h1", "h2", "h3", "h4", "h5", "h6", "p"], Yr = ({ children: e }) => {
   const t = P();
   if (!e)
     return null;
@@ -1682,13 +1682,13 @@ const uo = ({ className: e = "", show: t = !1, hide: n = !1, text: s, children:
   const s = [];
   for (const l of yt.toArray(e))
     if (!(!l || typeof l == "string" || typeof l == "number"))
-      if (N.isValidElement(l) && l.type === "summary") {
+      if (A.isValidElement(l) && l.type === "summary") {
         if (l.props && l.props.children) {
-          for (const d of yt.toArray(l.props.children))
-            if (!(!d || typeof d == "string" || typeof d == "number") && N.isValidElement(d)) {
-              const a = d.type;
+          for (const m of yt.toArray(l.props.children))
+            if (!(!m || typeof m == "string" || typeof m == "number") && A.isValidElement(m)) {
+              const a = m.type;
               if (Vr.includes(a)) {
-                for (n = d.props.children; typeof n != "string" && (Array.isArray(n) && n[0].props && n[0].props.children && n[0].props.children[0]); )
+                for (n = m.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;
               }
@@ -1736,10 +1736,10 @@ const uo = ({ className: e = "", show: t = !1, hide: n = !1, text: s, children:
   t.href && (t.href.includes("http:") || t.href.includes("https:")) && !t.target && (n.target = "_blank");
   let s = e, o = !1;
   for (const l of yt.toArray(e))
-    if (!(!l || typeof l == "string" || typeof l == "number") && N.isValidElement(l)) {
-      const d = l.type;
-      if (["button", "center", "span", "strong"].includes(d) && l.props && l.props.children && l.props.children[0])
-        for ((d === "button" || tn(l.props.children[0]) === "button") && (o = !0), s = l.props.children[0]; s && typeof s != "string" && !(typeof s == "boolean" || typeof s == "number" || !N.isValidElement(s)); )
+    if (!(!l || typeof l == "string" || typeof l == "number") && A.isValidElement(l)) {
+      const m = l.type;
+      if (["button", "center", "span", "strong"].includes(m) && l.props && l.props.children && l.props.children[0])
+        for ((m === "button" || tn(l.props.children[0]) === "button") && (o = !0), s = l.props.children[0]; s && typeof s != "string" && !(typeof s == "boolean" || typeof s == "number" || !A.isValidElement(s)); )
           if (s.props && s.props.children && s.props.children[0])
             s = s.props.children[0], s && tn(s) === "button" && (o = !0);
           else
@@ -1750,7 +1750,7 @@ const uo = ({ className: e = "", show: t = !1, hide: n = !1, text: s, children:
 const nn = ({ className: e = "", options: t = {}, children: n }) => {
   n = n.replace(/^<br\/?>/, "");
   const s = {
-    wrapper: N.Fragment,
+    wrapper: A.Fragment,
     forceBlock: !0,
     overrides: {
       a: Xr,
@@ -1770,11 +1770,11 @@ const nn = ({ className: e = "", options: t = {}, children: n }) => {
   return /* @__PURE__ */ r.jsx("div", { className: j("markdown-text", e), children: /* @__PURE__ */ r.jsx(Ke, { options: { ...s, ...t }, children: n }) });
 };
 const qr = ({ size: e = "medium", variant: t = "default", className: n = "", children: s }) => /* @__PURE__ */ r.jsx("span", { className: j("pill", e, t, n), children: s });
-const $t = ({ element: e = "p", children: t = null, className: n = "", ...s }) => N.createElement(e, { ...s, className: j("status-banner text-small", n), "aria-live": "assertive" }, t);
+const $t = ({ element: e = "p", children: t = null, className: n = "", ...s }) => A.createElement(e, { ...s, className: j("status-banner text-small", n), "aria-live": "assertive" }, t);
 const Kr = ({ progress: e = 0, text: t = !1, className: n = "" }) => {
   const s = P(), o = e > 75 ? 100 : e > 50 ? 75 : e > 25 ? 50 : e > 5 ? 25 : 0, l = { "--progress": `${e}%` };
   return /* @__PURE__ */ r.jsx("span", { className: j(`progress-bar section-${o}`, n), style: l, children: /* @__PURE__ */ r.jsx(ne, { children: t ? `${e} ${t}` : s.formatMessage({ id: "progressBar" }, { number: e }) }) });
-}, es = Ne(Kr);
+}, es = Ae(Kr);
 const dt = "loadingBlock_", ts = ({ progress: e = 0, steps: t = !1, className: n = "" }) => {
   const s = P();
   t || (t = {
@@ -1786,20 +1786,20 @@ const dt = "loadingBlock_", ts = ({ progress: e = 0, steps: t = !1, className: n
   const l = Object.keys(t);
   for (let a = 0; a < l.length && !(e < parseInt(l[a])); a++)
     o = l[a];
-  const d = o && t[o].icon ? { "--icon": `url(${Et}icons/${t[o].icon}.svg)` } : {};
+  const m = o && t[o].icon ? { "--icon": `url(${Et}icons/${t[o].icon}.svg)` } : {};
   return /* @__PURE__ */ r.jsxs(
     ke,
     {
       className: j("loading-block", n, { "has-icon": o && t[o].icon }),
       variant: "subtle",
-      style: d,
+      style: m,
       children: [
         o && /* @__PURE__ */ r.jsx("span", { className: "step", children: t[o].text }),
         /* @__PURE__ */ r.jsx(es, { progress: e })
       ]
     }
   );
-}, mo = Ne(ts);
+}, mo = Ae(ts);
 const be = ({ element: e = "div", className: t = "", ...n }) => /* @__PURE__ */ r.jsx(mn, { element: e, className: j("loading-placeholder", t), ...n });
 const Tt = {
   header: ["logo", "link", "link", "search"],
@@ -1819,7 +1819,7 @@ const Tt = {
     if (s <= t * (o + 1))
       return Qe[o];
 };
-const rn = 256, Dt = ({ className: e = "", src: t = "", name: n, alt: s, width: o = rn, height: l = rn, ...d }) => {
+const rn = 256, Dt = ({ className: e = "", src: t = "", name: n, alt: s, width: o = rn, height: l = rn, ...m }) => {
   const [a, i] = D(!1), c = Z(null);
   z(() => {
     const f = c.current;
@@ -1832,7 +1832,7 @@ const rn = 256, Dt = ({ className: e = "", src: t = "", name: n, alt: s, width:
     typeof window < "u" && window.devicePixelRatio && (f.width = h * window.devicePixelRatio, f.height = _ * window.devicePixelRatio, p.scale(window.devicePixelRatio, window.devicePixelRatio)), p.fillStyle = rs(n), p.fillRect(0, 0, h, _), p.font = `${h / 3}px Arial`, p.textAlign = "center", p.fillStyle = "white", p.fillText(wn(n), h / 2, _ / 1.6);
   }, [n]);
   let u = !1;
-  return t && t !== "" && !a && (t.includes("http") || t.includes("//")) && (u = !0), /* @__PURE__ */ r.jsx("figure", { className: j("profile-picture", e, { error: a }), ...d, children: u ? /* @__PURE__ */ r.jsx(
+  return t && t !== "" && !a && (t.includes("http") || t.includes("//")) && (u = !0), /* @__PURE__ */ r.jsx("figure", { className: j("profile-picture", e, { error: a }), ...m, children: u ? /* @__PURE__ */ r.jsx(
     "img",
     {
       src: t,
@@ -1861,11 +1861,11 @@ const rn = 256, Dt = ({ className: e = "", src: t = "", name: n, alt: s, width:
   country: n = "",
   maximumCharacters: s = 80
 }) => {
-  const o = e !== "", l = t !== "", d = n !== "";
-  if (!o && !l && !d)
+  const o = e !== "", l = t !== "", m = n !== "";
+  if (!o && !l && !m)
     return "";
   const a = `${e}${o && l ? ` — ${t}` : t}`;
-  let i = `${a}${(o || l) && d ? `, ${n}` : n}`;
+  let i = `${a}${(o || l) && m ? `, ${n}` : n}`;
   return i.length > s && (i = a), i.length > s && (i = Ct(i, s)), i;
 };
 const Pt = ({
@@ -1876,10 +1876,10 @@ const Pt = ({
   gtmType: o = "member-click",
   className: l = ""
 }) => {
-  const d = P(), a = kn(t);
-  a.name || (a.name = d.formatMessage({ id: `member_${typeof t == "string" ? t : "community"}` }));
+  const m = P(), a = kn(t);
+  a.name || (a.name = m.formatMessage({ id: `member_${typeof t == "string" ? t : "community"}` }));
   const { name: i, url: c, image: u } = a, f = ss(a), p = n && n.createdAt ? Mr(n.createdAt) : !1, h = n && n.createdAt ? Tr(n.createdAt) : "";
-  return N.createElement(e, {
+  return A.createElement(e, {
     className: j("member text-medium", l),
     children: /* @__PURE__ */ r.jsxs(
       nt,
@@ -1895,8 +1895,8 @@ const Pt = ({
           /* @__PURE__ */ r.jsxs("p", { className: "details", children: [
             /* @__PURE__ */ r.jsx("strong", { children: i }),
             n && /* @__PURE__ */ r.jsxs("span", { className: "additional-content", children: [
-              n.createdAt && p && /* @__PURE__ */ r.jsx("span", { className: "date", title: h, "aria-label": h, children: d.formatMessage({ id: `dates_${p.path}` }, { number: p.number }) }),
-              n.didEdit && /* @__PURE__ */ r.jsx("em", { children: d.formatMessage({ id: "discussion_edited" }) })
+              n.createdAt && p && /* @__PURE__ */ r.jsx("span", { className: "date", title: h, "aria-label": h, children: m.formatMessage({ id: `dates_${p.path}` }, { number: p.number }) }),
+              n.didEdit && /* @__PURE__ */ r.jsx("em", { children: m.formatMessage({ id: "discussion_edited" }) })
             ] }),
             f && /* @__PURE__ */ r.jsx("small", { children: f })
           ] })
@@ -1908,16 +1908,16 @@ const Pt = ({
 const sn = {
   small: 24,
   medium: 48
-}, os = ({ element: e = "div", contributors: { total: t, data: n } = { total: void 0, data: [] }, styling: { showText: s, size: o, showGap: l, showPlaceholders: d } = { showText: !0, size: "medium", showGap: !0, showPlaceholders: !1 }, cutoff: a = 2, className: i = "" }) => {
+}, os = ({ element: e = "div", contributors: { total: t, data: n } = { total: void 0, data: [] }, styling: { showText: s, size: o, showGap: l, showPlaceholders: m } = { showText: !0, size: "medium", showGap: !0, showPlaceholders: !1 }, cutoff: a = 2, className: i = "" }) => {
   const c = P();
-  return !n || n.length === 0 ? null : N.createElement(
+  return !n || n.length === 0 ? null : A.createElement(
     e,
     { className: j("contributors", i, o, { "has-gap": l }), children: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
       /* @__PURE__ */ r.jsx("ul", { children: n.map((u, f) => {
         let p, h = "";
         if (f < a) {
           const { name: _ = "", image: v = "" } = kn(u);
-          if (d)
+          if (m)
             return /* @__PURE__ */ r.jsx(be, { element: "li", className: "contributor" }, f);
           p = /* @__PURE__ */ r.jsx(Dt, { name: _, src: v, width: sn[o || "medium"], height: sn[o || "medium"] });
         } else if (f === a) {
@@ -1954,7 +1954,7 @@ function ls(e) {
   var t = e.children, n = e.client, s = e.apiKey, o = e.options, l = qe(function() {
     return n && s && console.warn("[PostHog.js] You have provided both a client and an apiKey to PostHogProvider. The apiKey will be ignored in favour of the client."), n && o && console.warn("[PostHog.js] You have provided both a client and options to PostHogProvider. The options will be ignored in favour of the client."), n || (s && (Ge.__loaded && console.warn("[PostHog.js] was already loaded elsewhere. This may cause issues."), Ge.init(s, o)), Ge);
   }, [n, s]);
-  return N.createElement(is.Provider, { value: { client: l } }, t);
+  return A.createElement(is.Provider, { value: { client: l } }, t);
 }
 const cs = ({ children: e, user: t }) => t.isLoading ? /* @__PURE__ */ r.jsx(r.Fragment, {}) : process.env.REACT_APP_PUBLIC_POSTHOG_KEY ? /* @__PURE__ */ r.jsx(
   ls,
@@ -1987,7 +1987,7 @@ const cs = ({ children: e, user: t }) => t.isLoading ? /* @__PURE__ */ r.jsx(r.F
 const mt = "joinCommunityButton", yn = ({ isMember: e = !1, isShort: t = !1, functions: { join: n, leave: s } = { join: () => {
 }, leave: () => {
 } } }) => {
-  const o = P(), l = ye(je), d = l && typeof l.id == "string", [a, i] = D(e), [c, u] = D(e ? "joined" : "notJoined");
+  const o = P(), l = ye(je), m = l && typeof l.id == "string", [a, i] = D(e), [c, u] = D(e ? "joined" : "notJoined");
   z(() => {
     c === "joining" ? u("joined") : c === "leaving" && u("notJoined");
   }, [a]);
@@ -2000,31 +2000,61 @@ const mt = "joinCommunityButton", yn = ({ isMember: e = !1, isShort: t = !1, fun
       styling: { fullWidth: !0 },
       icon: a && c !== "leaving" ? { icon: "tick", position: "left" } : !1,
       onClick: async (h) => {
-        d && (h.currentTarget.blur(), a ? (u("leaving"), typeof s == "function" && await s()) : (u("joining"), typeof n == "function" && await n()), i(!a));
+        m && (h.currentTarget.blur(), a ? (u("leaving"), typeof s == "function" && await s()) : (u("joining"), typeof n == "function" && await n()), i(!a));
       },
       className: j("join-community-button", c, { active: c === "joining" }),
-      disabled: !d,
+      disabled: !m,
       ...f,
       children: /* @__PURE__ */ r.jsx("span", { className: "text", ...p, children: o.formatMessage({ id: `${mt}${["joining", "leaving"].includes(c) ? `_${c}` : a ? "_member" : t ? "_short" : ""}` }) })
     }
   );
 };
-const ft = "communityDetails_", po = ({ isMember: e = !1, slug: t, members: { number: n, data: s } = { number: void 0, data: [] }, className: o = "", ...l }) => {
-  const d = P(), a = n || (s == null ? void 0 : s.length) || 0;
+const ft = "communityDetails_", po = ({
+  isMember: e = !1,
+  slug: t,
+  members: { number: n, data: s } = { number: void 0, data: [] },
+  className: o = "",
+  onInviteClick: l,
+  ...m
+}) => {
+  const a = P(), i = n || (s == null ? void 0 : s.length) || 0;
   return /* @__PURE__ */ r.jsxs("div", { className: j("community-details", o), children: [
     /* @__PURE__ */ r.jsx(Le, {}),
     /* @__PURE__ */ r.jsxs("div", { className: "member-details", children: [
       /* @__PURE__ */ r.jsxs("div", { className: "top", children: [
         /* @__PURE__ */ r.jsxs("h3", { children: [
-          d.formatMessage({ id: `${ft}members` }),
-          /* @__PURE__ */ r.jsx("span", { className: "count", children: a })
+          a.formatMessage({ id: `${ft}members` }),
+          /* @__PURE__ */ r.jsx("span", { className: "count", children: i })
         ] }),
-        /* @__PURE__ */ r.jsx("p", { className: "text-small", children: /* @__PURE__ */ r.jsx("a", { href: `/communities/${t}/members`, children: d.formatMessage({ id: `${ft}viewAll` }) }) })
+        /* @__PURE__ */ r.jsx("p", { className: "text-small", children: /* @__PURE__ */ r.jsx("a", { href: `/communities/${t}/members`, children: a.formatMessage({ id: `${ft}viewAll` }) }) })
       ] }),
-      /* @__PURE__ */ r.jsx(os, { contributors: { total: n, data: s != null && s.length ? s : [{}, {}, {}, {}, {}] }, styling: { size: "medium", showGap: !0, showPlaceholders: a === 0 }, cutoff: 5 })
+      /* @__PURE__ */ r.jsx(
+        os,
+        {
+          contributors: {
+            total: n,
+            data: s != null && s.length ? s : [{}, {}, {}, {}, {}]
+          },
+          styling: {
+            size: "medium",
+            showGap: !0,
+            showPlaceholders: i === 0
+          },
+          cutoff: 5
+        }
+      )
     ] }),
-    /* @__PURE__ */ r.jsx(yn, { isMember: e, ...l }),
-    e && /* @__PURE__ */ r.jsx(W, { variant: "primary", icon: { icon: "plus" }, styling: { fullWidth: !0 }, children: d.formatMessage({ id: `${ft}invite` }) })
+    /* @__PURE__ */ r.jsx(yn, { isMember: e, ...m }),
+    e && /* @__PURE__ */ r.jsx(
+      W,
+      {
+        variant: "primary",
+        onClick: () => l(),
+        icon: { icon: "plus" },
+        styling: { fullWidth: !0 },
+        children: a.formatMessage({ id: `${ft}invite` })
+      }
+    )
   ] });
 };
 const ho = ({
@@ -2035,9 +2065,9 @@ const ho = ({
   const s = P();
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(ne, { element: "p", children: s.formatMessage({ id: "breadcrumbs_label" }) }),
-    /* @__PURE__ */ r.jsx("ul", { className: j("breadcrumbs text-small", n), children: e.map(({ text: o, href: l, current: d = !1 }, a) => /* @__PURE__ */ r.jsxs("li", { children: [
-      d && /* @__PURE__ */ r.jsx(ne, { element: "span", children: s.formatMessage({ id: "breadcrumbs_currentPage" }) }),
-      /* @__PURE__ */ r.jsx(nt, { href: d ? void 0 : l, children: Ct(o, t) })
+    /* @__PURE__ */ r.jsx("ul", { className: j("breadcrumbs text-small", n), children: e.map(({ text: o, href: l, current: m = !1 }, a) => /* @__PURE__ */ r.jsxs("li", { children: [
+      m && /* @__PURE__ */ r.jsx(ne, { element: "span", children: s.formatMessage({ id: "breadcrumbs_currentPage" }) }),
+      /* @__PURE__ */ r.jsx(nt, { href: m ? void 0 : l, children: Ct(o, t) })
     ] }, `${window.btoa(o)}_${a}`)) })
   ] });
 };
@@ -2049,11 +2079,11 @@ const go = ({
   },
   className: o = ""
 }) => {
-  const l = P(), d = t ? [{ id: "all", text: typeof t != "boolean" && t.text || l.formatMessage({ id: "filters_all" }) }, ...e] : e, [a, i] = D(t ? ["all"] : []), c = (u, f) => {
+  const l = P(), m = t ? [{ id: "all", text: typeof t != "boolean" && t.text || l.formatMessage({ id: "filters_all" }) }, ...e] : e, [a, i] = D(t ? ["all"] : []), c = (u, f) => {
     let p = [];
     a.includes(u) ? p = a.filter((h) => h !== u) : u === "all" ? p = ["all"] : n ? p = [...a.filter((h) => h !== "all"), u] : p = [u], i((h) => (s && typeof s == "function" && s({ current: p, previous: h }), p)), f && typeof f == "function" && f();
   };
-  return /* @__PURE__ */ r.jsx("ul", { className: j("filters", o), children: d.map(({ id: u, text: f, disabled: p = !1, callback: h = () => {
+  return /* @__PURE__ */ r.jsx("ul", { className: j("filters", o), children: m.map(({ id: u, text: f, disabled: p = !1, callback: h = () => {
   } }) => {
     let _ = {};
     return p && (_ = { disabled: !0, "aria-label": l.formatMessage({ id: "filters_disabled" }, { name: f }) }), /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
@@ -2085,7 +2115,7 @@ const pt = { en: "English", es: "Español", fr: "Français", pt: "Português" },
   onChange: o = () => {
   },
   urlParts: l,
-  variant: d = "default",
+  variant: m = "default",
   label: a,
   className: i = ""
 }) => {
@@ -2095,9 +2125,9 @@ const pt = { en: "English", es: "Español", fr: "Français", pt: "Português" },
   }, [e]), !s || !Object.values(s).some((v) => v && v.post_name))
     return null;
   const h = Object.keys(s), _ = u !== e;
-  return /* @__PURE__ */ r.jsxs("div", { className: j("language-switcher text-small", d, i), children: [
+  return /* @__PURE__ */ r.jsxs("div", { className: j("language-switcher text-small", m, i), children: [
     /* @__PURE__ */ r.jsxs("nav", { children: [
-      d !== "short" && /* @__PURE__ */ r.jsx("p", { children: a || c.formatMessage({ id: `${Ue}label` }) }),
+      m !== "short" && /* @__PURE__ */ r.jsx("p", { children: a || c.formatMessage({ id: `${Ue}label` }) }),
       /* @__PURE__ */ r.jsx("ul", { children: h.map((v) => {
         if (!pt[v])
           return null;
@@ -2110,9 +2140,9 @@ const pt = { en: "English", es: "Español", fr: "Français", pt: "Português" },
           }
         }, /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(nt, { ...g, fallbackElement: "span", children: pt[v] }) }, v);
       }) }),
-      d !== "short" && !_ && /* @__PURE__ */ r.jsx("p", { children: c.formatMessage({ id: `${Ue}translation_${t ? "original" : n ? "human" : "machine"}` }) })
+      m !== "short" && !_ && /* @__PURE__ */ r.jsx("p", { children: c.formatMessage({ id: `${Ue}translation_${t ? "original" : n ? "human" : "machine"}` }) })
     ] }),
-    d !== "short" && !_ && !t && !n && /* @__PURE__ */ r.jsx("small", {
+    m !== "short" && !_ && !t && !n && /* @__PURE__ */ r.jsx("small", {
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
       // `values` are throwing a type error: https://github.com/formatjs/formatjs/issues/3633
@@ -2126,7 +2156,7 @@ const pt = { en: "English", es: "Español", fr: "Français", pt: "Português" },
     })
   ] });
 };
-const ht = lr({ locale: "en", messages: At }), fs = ({
+const ht = lr({ locale: "en", messages: Nt }), fs = ({
   page: e = 1,
   length: t = 0,
   limit: n = 10,
@@ -2138,7 +2168,7 @@ const ht = lr({ locale: "en", messages: At }), fs = ({
     endOfFeed: ht.formatMessage({ id: "loadMore_endOfFeed" }),
     error: ht.formatMessage({ id: "loadMore_error" })
   },
-  className: d = "",
+  className: m = "",
   gtmContext: a = "LoadMore"
 }) => {
   const [i, c] = D(!1), [u, f] = D(!1);
@@ -2151,7 +2181,7 @@ const ht = lr({ locale: "en", messages: At }), fs = ({
       _ instanceof Error && _.message && _.message.includes("Cannot read items") ? f(!0) : c(!0);
     }
   };
-  return /* @__PURE__ */ r.jsxs("footer", { className: j("load-more", d), children: [
+  return /* @__PURE__ */ r.jsxs("footer", { className: j("load-more", m), children: [
     i && /* @__PURE__ */ r.jsx("p", { className: "error", children: l.error }),
     u ? /* @__PURE__ */ r.jsx("p", { children: l.endOfFeed }) : /* @__PURE__ */ r.jsx(
       W,
@@ -2170,12 +2200,12 @@ const ht = lr({ locale: "en", messages: At }), fs = ({
 };
 let We = !1;
 const ps = ({ element: e = "div", id: t = "more-menu", options: n, className: s = "" }) => {
-  const o = P(), l = Z(null), [d, a] = D(!1), i = (c) => {
+  const o = P(), l = Z(null), [m, a] = D(!1), i = (c) => {
     l.current && c.target instanceof HTMLElement && !l.current.contains(c.target) && a(!1);
   };
   return z(() => (document.addEventListener("click", i, !0), () => {
     document.removeEventListener("click", i, !0);
-  })), N.createElement(e, {
+  })), A.createElement(e, {
     ref: l,
     className: j("more-menu text-medium", s),
     children: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
@@ -2185,14 +2215,14 @@ const ps = ({ element: e = "div", id: t = "more-menu", options: n, className: s
           variant: "tertiary",
           size: "medium",
           icon: { icon: "ellipsis" },
-          onClick: () => a(!d),
+          onClick: () => a(!m),
           "aria-haspopup": "true",
-          "aria-expanded": d,
+          "aria-expanded": m,
           "aria-controls": t,
           screenreaderText: o.formatMessage({ id: "moreMenu" })
         }
       ),
-      /* @__PURE__ */ r.jsx("ul", { id: t, hidden: !d, children: n.map(({ href: c, onClick: u, text: f, icon: p, ...h }, _) => {
+      /* @__PURE__ */ r.jsx("ul", { id: t, hidden: !m, children: n.map(({ href: c, onClick: u, text: f, icon: p, ...h }, _) => {
         const v = {
           ...h,
           onClick: (g) => {
@@ -2227,10 +2257,10 @@ const hs = {
 }, xo = ({ layout: e = "2-1", hideOnMobile: t = !1, className: n = "", children: s }) => {
   const o = et(!0);
   let l = s;
-  return N.Children.count(s) === 1 && (l = N.Children.toArray(s)[0], l.props && (l = l.props.children)), /* @__PURE__ */ r.jsx("section", { className: j("columns", `layout-${e}`, n), children: N.Children.map(l, (d, a) => t !== !1 && a === t && o && o < hs[e] ? null : d) });
+  return A.Children.count(s) === 1 && (l = A.Children.toArray(s)[0], l.props && (l = l.props.children)), /* @__PURE__ */ r.jsx("section", { className: j("columns", `layout-${e}`, n), children: A.Children.map(l, (m, a) => t !== !1 && a === t && o && o < hs[e] ? null : m) });
 };
 const gt = "cookieBanner_", _t = ["apol-cookie-banner", "apolitical-performance-cookie-consent", "functional-cookie-consent"], xt = new Date(Date.now() + 12 * 30 * 24 * 60 * 60 * 1e3), gs = () => {
-  const e = P(), [t, n, s] = mr(_t), [o, l] = D(!t["apol-cookie-banner"]), d = () => {
+  const e = P(), [t, n, s] = mr(_t), [o, l] = D(!t["apol-cookie-banner"]), m = () => {
     _t.forEach((u) => {
       n(u, !0, {
         path: "/",
@@ -2258,7 +2288,7 @@ const gt = "cookieBanner_", _t = ["apol-cookie-banner", "apolitical-performance-
   const i = [
     { id: "settings", href: "/pages/cookie-policy", gtmType: "policy-page" },
     { id: "reject", onClick: a, gtmType: "reject-all" },
-    { id: "accept", onClick: d, gtmType: "accepted-all" }
+    { id: "accept", onClick: m, gtmType: "accepted-all" }
   ], c = [];
   return i.forEach((u) => {
     c.push({
@@ -2377,15 +2407,15 @@ const Me = "footer_", Je = "SiteFooter", on = ({ group: e }) => {
     Array.isArray(t) && t.length > 0 && /* @__PURE__ */ r.jsx("ul", { className: "text-medium", children: t.map((s) => {
       if (["order", "child", "text"].includes(s))
         return null;
-      const { href: o, gtmType: l } = ve[e][s], d = {};
-      return ["legal"].includes(e) && (d.target = "_blank", d.rel = "noopener"), /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
+      const { href: o, gtmType: l } = ve[e][s], m = {};
+      return ["legal"].includes(e) && (m.target = "_blank", m.rel = "noopener"), /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
         "a",
         {
           href: o,
           className: "gtm-trackable",
           "data-gtm-event-context": Je,
           "data-gtm-event-type": l,
-          ...d,
+          ...m,
           children: /* @__PURE__ */ r.jsx(we, { id: `${Me}${e}_${s}` })
         }
       ) }, `${e}_${s}`);
@@ -2444,11 +2474,11 @@ const Me = "footer_", Je = "SiteFooter", on = ({ group: e }) => {
   ] })
 ] }) });
 const ze = "emailHelperTextBox_", vo = ({ type: e, email: t, redirectPath: n, resendVerificationCode: s }) => {
-  const o = P(), [l, d] = D({ path: `${ze}default`, type: "default", link: {}, mail: {}, error: "" }), [a, i] = D(!1), c = Ee(
+  const o = P(), [l, m] = D({ path: `${ze}default`, type: "default", link: {}, mail: {}, error: "" }), [a, i] = D(!1), c = Ee(
     (h) => {
       h.preventDefault(), h.stopPropagation();
       const _ = (v) => {
-        d({
+        m({
           path: `${ze}error_verificationFailedToSend`,
           type: "error",
           link: {
@@ -2535,7 +2565,7 @@ const ze = "emailHelperTextBox_", vo = ({ type: e, email: t, redirectPath: n, re
           };
           break;
       }
-      d({ ...l, path: h, type: _, link: v, mail: g });
+      m({ ...l, path: h, type: _, link: v, mail: g });
     },
     /* eslint-disable react-hooks/exhaustive-deps */
     [e]
@@ -2586,7 +2616,7 @@ const Ve = "passwordRules_", Sn = "isMoreThanEightCharacters", $n = "includesNum
       ] })
     ] }, `rule-${s}`)) })
   ] });
-}, bo = Ne(xs);
+}, bo = Ae(xs);
 const wo = ({
   text: e = {},
   topRating: t = 5,
@@ -2594,7 +2624,7 @@ const wo = ({
   }, reportError: o = () => {
   } },
   className: l = "",
-  hasLoaded: d = !1
+  hasLoaded: m = !1
 }) => {
   const a = P(), [i, c] = D({ setUp: !1, id: null, rating: null, disabled: !0 }), u = async () => {
     try {
@@ -2605,8 +2635,8 @@ const wo = ({
     }
   };
   if (z(() => {
-    d && !i.setUp && u();
-  }, [d]), !d)
+    m && !i.setUp && u();
+  }, [m]), !m)
     return /* @__PURE__ */ r.jsx(be, { className: "rating-placeholder" });
   const { id: f, rating: p, disabled: h } = i, _ = "ratings_", v = {
     text: a.formatMessage({ id: `${_}text` }),
@@ -2655,10 +2685,10 @@ const vs = ({
   gtmContext: o = "search-bar",
   gtmEvent: l = "form-submission"
 }) => {
-  const { searchIsOpen: d = !0, isDesktopVersion: a = !1 } = n || {}, i = P(), c = Z(null);
+  const { searchIsOpen: m = !0, isDesktopVersion: a = !1 } = n || {}, i = P(), c = Z(null);
   Ce(() => {
-    !n || a || !d || c.current && c.current.focus();
-  }, [d]);
+    !n || a || !m || c.current && c.current.focus();
+  }, [m]);
   const u = (f) => {
     f.preventDefault(), f.stopPropagation(), !(!c.current || !c.current.value || c.current.value.length < 1) && (window.location.href = `/search?search=${encodeURIComponent(c.current.value)}`);
   };
@@ -2669,7 +2699,7 @@ const vs = ({
       className: j("search-form gtm-trackable", t),
       "data-gtm-event-context": o,
       "data-gtm-event-type": l,
-      children: /* @__PURE__ */ r.jsx("fieldset", { id: `${e}-form`, hidden: n ? !d : !1, role: "search", children: /* @__PURE__ */ r.jsxs("p", { children: [
+      children: /* @__PURE__ */ r.jsx("fieldset", { id: `${e}-form`, hidden: n ? !m : !1, role: "search", children: /* @__PURE__ */ r.jsxs("p", { children: [
         /* @__PURE__ */ r.jsx(ne, { element: "label", htmlFor: e, children: i.formatMessage({ id: "search_label" }) }),
         /* @__PURE__ */ r.jsx(
           "input",
@@ -2707,7 +2737,7 @@ const bs = ({
   titleColor: s,
   labelColor: o,
   backgroundColor: l,
-  onClose: d,
+  onClose: m,
   reportError: a,
   sendInvites: i,
   initialFormStatus: c = "NOT_SUBMITTED"
@@ -2732,7 +2762,7 @@ const bs = ({
       /* NOT_SUBMITTED */
     ), h(!0), f([]);
   }, $ = (T) => {
-    T.preventDefault(), d(), v(
+    T.preventDefault(), m(), v(
       "CLOSED"
       /* CLOSED */
     );
@@ -2800,8 +2830,8 @@ const bs = ({
       navigation: { loggedIn: 769, loggedOut: 881 },
       search: { loggedIn: 961, loggedOut: 1121 }
     }, s = (l) => {
-      const d = `logged${e ? "In" : "Out"}`;
-      return t >= n[l][d];
+      const m = `logged${e ? "In" : "Out"}`;
+      return t >= n[l][m];
     };
     let o = {};
     return ["navigation", "search"].forEach((l) => {
@@ -2819,8 +2849,8 @@ const bs = ({
       return;
     I.handlerCalled[e] = o;
     let l = [{ type: `menus.${e}`, value: t }];
-    t === !0 && Object.keys(n).forEach((d) => {
-      d === e || n[d] === !1 || l.push({ type: `menus.${d}`, value: !1 });
+    t === !0 && Object.keys(n).forEach((m) => {
+      m === e || n[m] === !1 || l.push({ type: `menus.${m}`, value: !1 });
     }), s(l);
   },
   // Find the first child inside a ref that matches the `key` (and optional `value`) we're looking for,
@@ -2852,7 +2882,7 @@ const bs = ({
       s[e][l].focus();
       return;
     }
-    let d, a;
+    let m, a;
     switch (e) {
       case "navigation":
         if (n) {
@@ -2861,20 +2891,20 @@ const bs = ({
             "attributes.aria-controls",
             "navigation"
           );
-          d = I.findFirstChild(i.children, "href");
+          m = I.findFirstChild(i.children, "href");
         } else
-          d = I.findFirstChild(t.current.children, "href");
-        d || (d = t.current);
+          m = I.findFirstChild(t.current.children, "href");
+        m || (m = t.current);
         break;
       case "account":
         if (a = I.findFirstChild(t.current.children, "className", "account"), !a || !a.children)
           return;
-        d = I.findFirstChild(a.children, "href");
+        m = I.findFirstChild(a.children, "href");
         break;
       default:
         return;
     }
-    d && (o([{ type: `focusElements.${e}.${l}`, value: d }]), d.focus());
+    m && (o([{ type: `focusElements.${e}.${l}`, value: m }]), m.focus());
   },
   events: {
     onClick: (e, { id: t, callback: n, isOpen: s }) => {
@@ -2977,7 +3007,7 @@ const bs = ({
   },
   doTrack: l = null
 }) => {
-  const d = P(), a = un(Xe, e);
+  const m = P(), a = un(Xe, e);
   if (!a || a.onlyShow && (a.onlyShow === "logged-in" && !t || a.onlyShow === "logged-out" && t))
     return null;
   const i = "doTrack" in a, c = l === null ? i ? a.doTrack : !0 : l, u = e.includes("buttons.");
@@ -3031,7 +3061,7 @@ const bs = ({
     });
   }
   return /* @__PURE__ */ r.jsxs("li", { className: j({ [a.className]: a.className, "has-submenu": h, parent: _, active: v }), role: "none", ...g, children: [
-    p ? N.createElement(u ? W : "a", p, d.formatMessage({ id: f })) : d.formatMessage({ id: f }),
+    p ? A.createElement(u ? W : "a", p, m.formatMessage({ id: f })) : m.formatMessage({ id: f }),
     a.order && /* @__PURE__ */ r.jsx("ul", { ...E, children: a.order.map((x) => {
       if (!a[x])
         return null;
@@ -3043,7 +3073,7 @@ const bs = ({
         doTrack: i ? c : null
       };
       return a[x].order ? /* @__PURE__ */ r.jsxs("li", { className: j({ [a[x].className]: a[x].className }), children: [
-        d.formatMessage({ id: `${f}_${x}` }),
+        m.formatMessage({ id: `${f}_${x}` }),
         /* @__PURE__ */ r.jsx("ul", { children: a[x].order.map((T) => /* @__PURE__ */ r.jsx(Ze, { id: `${e}.${x}.${T}`, ...$ }, T)) })
       ] }, x) : /* @__PURE__ */ r.jsx(Ze, { id: `${e}.${x}`, ...$ }, x);
     }) })
@@ -3053,7 +3083,7 @@ const ws = { height: 67, height_desktop: 83 }, Mn = () => {
   const e = P(), t = ye(je), n = et(!0, !0), s = t && typeof t.id == "string", o = qe(
     () => I.getIsDesktopVersion(s, n),
     [s, n]
-  ), [l, d] = rr($r, {
+  ), [l, m] = rr($r, {
     headerIsVisible: !0,
     menus: { navigation: !1, search: !1, account: !1 },
     focusElements: {
@@ -3065,15 +3095,15 @@ const ws = { height: 67, height_desktop: 83 }, Mn = () => {
     scrollPosition: ws[`height${o.navigation ? "_desktop" : ""}`],
     callbacks: {
       scrollUp: () => {
-        !o && i.navigation || I.shouldChangeHeaderIsVisible(!0, i, d);
+        !o && i.navigation || I.shouldChangeHeaderIsVisible(!0, i, m);
       },
       scrollDown: () => {
-        !o && i.navigation || I.shouldChangeHeaderIsVisible(!1, i, d);
+        !o && i.navigation || I.shouldChangeHeaderIsVisible(!1, i, m);
       }
     }
   });
   const u = (p, h) => {
-    I.handleMenus({ id: p, value: h, menus: i, dispatch: d });
+    I.handleMenus({ id: p, value: h, menus: i, dispatch: m });
   }, f = Z(null);
   return Ce(() => {
     i.navigation && I.autoFocus({
@@ -3081,7 +3111,7 @@ const ws = { height: 67, height_desktop: 83 }, Mn = () => {
       navigationRef: f,
       isDesktopVersion: o.navigation,
       focusElements: c,
-      dispatch: d
+      dispatch: m
     });
   }, [i.navigation]), Ce(() => {
     i.account && I.autoFocus({
@@ -3089,7 +3119,7 @@ const ws = { height: 67, height_desktop: 83 }, Mn = () => {
       navigationRef: f,
       isDesktopVersion: o.navigation,
       focusElements: c,
-      dispatch: d
+      dispatch: m
     });
   }, [i.account]), t && t.isLoading ? null : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsxs("nav", { id: "header", className: j({ "logged-in": s, "logged-out": !s, visible: a }), children: [
@@ -3183,18 +3213,18 @@ const ks = () => {
   const e = P();
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(Mn, {}),
-    /* @__PURE__ */ r.jsx("div", { className: "content", children: /* @__PURE__ */ r.jsx(rt, { variant: "error", text: e.formatMessage({ id: "pageLayout_error" }) }) }),
+    /* @__PURE__ */ r.jsx("div", { id: "content", children: /* @__PURE__ */ r.jsx(rt, { variant: "error", text: e.formatMessage({ id: "pageLayout_error" }) }) }),
     /* @__PURE__ */ r.jsx(En, {})
   ] });
 }, ko = ({ children: e, reportError: t, showFooter: n = !0, background: s = "default", className: o = "", locale: l = "en" }) => {
-  const d = jr();
+  const m = jr();
   z(() => {
     window.scrollTo(0, 0);
-  }, [d]);
+  }, [m]);
   const a = gn(e, { locale: l });
   return /* @__PURE__ */ r.jsx(hr, { onError: t, fallback: /* @__PURE__ */ r.jsx(ks, {}), children: /* @__PURE__ */ r.jsx(sr, { fallback: /* @__PURE__ */ r.jsx(ns, { layout: "overview-page" }), children: /* @__PURE__ */ r.jsx("div", { id: "wrapper", className: j(o, { [s]: s !== "default" }), children: /* @__PURE__ */ r.jsxs(fr, { children: [
     /* @__PURE__ */ r.jsx(Mn, {}),
-    /* @__PURE__ */ r.jsx("div", { className: "content", children: a }),
+    /* @__PURE__ */ r.jsx("div", { id: "content", children: a }),
     n && /* @__PURE__ */ r.jsx(En, {}),
     /* @__PURE__ */ r.jsx(gs, {})
   ] }) }) }) });
@@ -3236,7 +3266,7 @@ const yo = ({
   canHaveLinks: s = !0,
   className: o = "",
   gtmType: l = "tag-click",
-  gtmContext: d = "tags"
+  gtmContext: m = "tags"
 }) => {
   const a = P();
   if (!e || e.length < 1)
@@ -3255,7 +3285,7 @@ const yo = ({
         href: c.href,
         className: "gtm-trackable",
         "data-gtm-event-type": l,
-        "data-gtm-event-context": d,
+        "data-gtm-event-context": m,
         children: u
       }
     ) : u }, c.id);
@@ -3268,15 +3298,15 @@ const jo = ({
   gtmType: o = "member-click",
   className: l = ""
 }) => {
-  const d = P();
+  const m = P();
   return t.length === 0 ? null : (e || (e = t.length), /* @__PURE__ */ r.jsxs("div", { className: j("members-list", l), children: [
     /* @__PURE__ */ r.jsxs("h1", { children: [
-      d.formatMessage({ id: "membersList" }),
+      m.formatMessage({ id: "membersList" }),
       /* @__PURE__ */ r.jsx("span", { className: "count", children: e })
     ] }),
     /* @__PURE__ */ r.jsx("ul", { children: t.map((a, i) => /* @__PURE__ */ r.jsxs("li", { children: [
       /* @__PURE__ */ r.jsx(Pt, { member: a, gtmContext: s, gtmType: o }),
-      a.isAdmin && /* @__PURE__ */ r.jsx(qr, { children: d.formatMessage({ id: "membersList_admin" }) })
+      a.isAdmin && /* @__PURE__ */ r.jsx(qr, { children: m.formatMessage({ id: "membersList_admin" }) })
     ] }, i)) }),
     n && /* @__PURE__ */ r.jsx(
       fs,
@@ -3301,7 +3331,7 @@ const ae = "discussion_form_", Cn = ({
   inputRef: s,
   maxLength: o = 5e4,
   minRows: l = 4,
-  forceShow: d = {
+  forceShow: m = {
     cancel: !1,
     error: !1
   },
@@ -3323,7 +3353,7 @@ const ae = "discussion_form_", Cn = ({
   var F, q;
   const c = P(), u = ye(je), [f, p] = D(
     n.isEditing && n.isEditing.text || ""
-  ), [h, _] = D(d.error || !1), [v, g] = D(!1), E = Z(null);
+  ), [h, _] = D(m.error || !1), [v, g] = D(!1), E = Z(null);
   if (s || (s = E), n.isLoading)
     return /* @__PURE__ */ r.jsx(
       be,
@@ -3410,14 +3440,14 @@ const ae = "discussion_form_", Cn = ({
       _(!1), g(!1);
     }, 5e3);
   }, Q = !f || !Rr(f), V = v === "submitting", w = [];
-  return (n.isEditing && !V || d.cancel) && w.push({
+  return (n.isEditing && !V || m.cancel) && w.push({
     variant: "secondary",
     size: { mobile: "small", 600: "medium" },
     onClick: a.handleCancel,
     className: "gtm-trackable",
     "data-gtm-event-context": i,
     "data-gtm-event-type": `cancel-${e.type}-click`,
-    disabled: !d.cancel && (!u || !u.id || !f),
+    disabled: !m.cancel && (!u || !u.id || !f),
     children: c.formatMessage({ id: `${ae}cancel` })
   }), w.push({
     variant: "primary",
@@ -3495,7 +3525,7 @@ const ae = "discussion_form_", Cn = ({
         }) }),
         /* @__PURE__ */ r.jsx(tt, { buttons: w }),
         v === "submitted" && /* @__PURE__ */ r.jsx($t, { className: "success", "data-testid": "success", children: he(c.formatMessage, `${ae}success`, e.type, "action") }),
-        h && /* @__PURE__ */ r.jsx($t, { id: "error-message", className: "error", "data-testid": "error", children: d.error ? d.error : typeof h == "string" ? h.includes(" ") ? h : c.formatMessage(
+        h && /* @__PURE__ */ r.jsx($t, { id: "error-message", className: "error", "data-testid": "error", children: m.error ? m.error : typeof h == "string" ? h.includes(" ") ? h : c.formatMessage(
           { id: h },
           {
             action: c.formatMessage({
@@ -3507,14 +3537,14 @@ const ae = "discussion_form_", Cn = ({
       ]
     }
   );
-}, Nn = ({
+}, An = ({
   contentType: e,
   createPost: t,
-  membershipRequiredToPost: { isMember: n, required: s, join: o, leave: l, notMemberStateText: d }
+  membershipRequiredToPost: { isMember: n, required: s, join: o, leave: l, notMemberStateText: m }
 }) => s && !n ? /* @__PURE__ */ r.jsx(
   rt,
   {
-    text: d,
+    text: m,
     button: {
       component: /* @__PURE__ */ r.jsx(yn, { functions: { join: o, leave: l } })
     }
@@ -3530,12 +3560,12 @@ const ae = "discussion_form_", Cn = ({
 ), js = {
   showThread: !1,
   showForm: !1
-}, An = Mt(js), Eo = ({ children: e }) => {
+}, Nn = Mt(js), Eo = ({ children: e }) => {
   const [t, n] = D({
     showThread: !1,
     showForm: !1
   });
-  return /* @__PURE__ */ r.jsx(An.Provider, { value: { ...t, updateConversation: n }, children: e });
+  return /* @__PURE__ */ r.jsx(Nn.Provider, { value: { ...t, updateConversation: n }, children: e });
 }, Es = ({
   question: e,
   answer: t,
@@ -3555,7 +3585,7 @@ const bt = () => {
   isShort: s = !0,
   userLiked: o = !1,
   content: l = { type: "reply", slugs: {} },
-  canLike: d = !0,
+  canLike: m = !0,
   functions: { createLike: a = () => {
   }, deleteLike: i = () => {
   } } = {}
@@ -3567,11 +3597,11 @@ const bt = () => {
   const [u, f] = D(t), [p, h] = D(o), [_, v] = D(!1), [g, E] = D(!1), x = qe(() => Ss(n, wt), [n]), $ = (M) => {
     if (M.preventDefault(), M.stopPropagation(), E(!1), Oe)
       return bt(), !1;
-    if (bt(), _ || !d)
+    if (bt(), _ || !m)
       return !1;
     Oe = setTimeout(T, 350);
   }, T = async () => {
-    if (bt(), _ || !d)
+    if (bt(), _ || !m)
       return !1;
     let M = p ? u - 1 : u + 1;
     M < 0 && (M = 0), v(!0), f(M), h(!p);
@@ -3586,10 +3616,10 @@ const bt = () => {
       v(!1);
     }
   };
-  return N.createElement(
+  return A.createElement(
     e,
     {
-      className: j("likes-wrapper text-medium action-button", { "show-spinner": _, "is-liked": p, disabled: !d }),
+      className: j("likes-wrapper text-medium action-button", { "show-spinner": _, "is-liked": p, disabled: !m }),
       onClick: $,
       onMouseEnter: () => {
         E(!0);
@@ -3611,12 +3641,12 @@ const bt = () => {
             size: "medium",
             icon: { icon: p ? "heart" : "heart_empty", animate: "bounce" },
             className: j({ "do-animation": p && !o }),
-            screenreaderText: d ? c.formatMessage({
+            screenreaderText: m ? c.formatMessage({
               id: `discussion_likes_${p ? "unlike" : "like"}`
             }, { action: c.formatMessage({ id: `discussion_action_${l.type}` }) }) : !1,
             onClick: $,
-            disabled: !d,
-            "aria-hidden": !d,
+            disabled: !m,
+            "aria-hidden": !m,
             "data-testid": "like-button",
             "data-gtm-event-context": "Likes",
             "data-gtm-event-type": `like-${l.type}-click`
@@ -3631,7 +3661,7 @@ const bt = () => {
     }
   );
 };
-const Ts = ({ element: e = "section", children: t, className: n, ...s }) => N.createElement(
+const Ts = ({ element: e = "section", children: t, className: n, ...s }) => A.createElement(
   e,
   {
     className: j("modal", n),
@@ -3647,7 +3677,7 @@ const Dn = ({
   functions: { onOpen: o = () => {
   }, onClose: l = () => {
   } } = {},
-  forceShow: { error: d = !1 } = {},
+  forceShow: { error: m = !1 } = {},
   title: a,
   children: i,
   buttons: c,
@@ -3691,7 +3721,7 @@ const Dn = ({
           /* @__PURE__ */ r.jsx(Le, {}),
           /* @__PURE__ */ r.jsx(tt, { buttons: c })
         ] }),
-        d && /* @__PURE__ */ r.jsx($t, { className: "error", children: d })
+        m && /* @__PURE__ */ r.jsx($t, { className: "error", children: m })
       ] })
     }
   ) });
@@ -3707,7 +3737,7 @@ const So = ({
   formTitle: s = "Know someone who might like to join this workshop?",
   formLabel: o = "Send an invitation to your colleagues below",
   ctaMessage: l = "Send invites",
-  showIcon: d,
+  showIcon: m,
   onClose: a,
   reportError: i = () => {
   },
@@ -3718,7 +3748,8 @@ const So = ({
     title: n,
     isOpen: t,
     showDivider: !1,
-    showIcon: d,
+    showIcon: m,
+    functions: { onClose: a },
     className: j("invite-modal", e, { success: !!n }),
     children: /* @__PURE__ */ r.jsx(
       bs,
@@ -3743,7 +3774,7 @@ const xe = "discussion_", Rt = ({
   isLoading: s = !1,
   originalAuthorId: o,
   functions: {
-    content: { createContent: l, deleteContent: d, updateContent: a } = { createContent: () => {
+    content: { createContent: l, deleteContent: m, updateContent: a } = { createContent: () => {
     }, deleteContent: () => {
     }, updateContent: () => {
     } },
@@ -3758,7 +3789,7 @@ const xe = "discussion_", Rt = ({
   gtmContext: h = "DiscussionAnswer",
   children: _
 }) => {
-  const v = P(), g = ye(je), E = ye(An), [x, $] = D({
+  const v = P(), g = ye(je), E = ye(Nn), [x, $] = D({
     body: t && t.body || "",
     isEditing: !1,
     didEdit: t && t.isEdited || !1
@@ -3789,7 +3820,7 @@ const xe = "discussion_", Rt = ({
     }, 0);
   }, le = () => {
     try {
-      d(ln(t.slugs));
+      m(ln(t.slugs));
     } catch {
       V("delete-error");
     }
@@ -3827,7 +3858,7 @@ const xe = "discussion_", Rt = ({
       "data-gtm-event-type": `delete-${t.type}-click`,
       ...Ms(`delete-${t.slug}-modal`, T)
     }
-  ), N.createElement(e, {
+  ), A.createElement(e, {
     className: j("discussion-post", p),
     "data-testid": `discussion-${t.type}-thread`,
     children: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
@@ -3871,7 +3902,7 @@ const xe = "discussion_", Rt = ({
                 },
                 gtmContext: `${h}Form`
               }
-            ) : f.post ? /* @__PURE__ */ r.jsx("a", { href: f.post, className: "gtm-trackable", "data-gtm-event-context": h, "data-gtm-event-type": "title-click", children: /* @__PURE__ */ r.jsx(nn, { options: { overrides: { a: Zr } }, children: x.body }) }) : /* @__PURE__ */ r.jsx(nn, { options: { wrapper: t.type === "question" ? "h1" : N.Fragment, forceWrapper: t.type === "question", forceInline: t.type === "question", forceBlock: t.type !== "question" }, children: x.body }),
+            ) : f.post ? /* @__PURE__ */ r.jsx("a", { href: f.post, className: "gtm-trackable", "data-gtm-event-context": h, "data-gtm-event-type": "title-click", children: /* @__PURE__ */ r.jsx(nn, { options: { overrides: { a: Zr } }, children: x.body }) }) : /* @__PURE__ */ r.jsx(nn, { options: { wrapper: t.type === "question" ? "h1" : A.Fragment, forceWrapper: t.type === "question", forceInline: t.type === "question", forceBlock: t.type !== "question" }, children: x.body }),
             !x.isEditing && /* @__PURE__ */ r.jsxs("ul", { className: j("actions text-medium", t.type), "data-testid": `${t.type}-actions`, children: [
               /* @__PURE__ */ r.jsx(
                 $s,
@@ -3970,7 +4001,7 @@ const kt = "discussion_responses_", $o = ({ type: e = "answer", responses: t = 0
   ] });
 };
 const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
-  const s = P(), o = Z(null), [l, d] = D(e), [a, i] = D("closed");
+  const s = P(), o = Z(null), [l, m] = D(e), [a, i] = D("closed");
   z(() => {
     const p = o.current;
     if (p)
@@ -3994,7 +4025,7 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
         styling: { muted: !0 },
         icon: { icon: `arrow_corner-down_${u ? "left" : "right"}` },
         onClick: () => {
-          d(!l);
+          m(!l);
         },
         children: s.formatMessage({ id: `discussion_thread_${u ? "hide" : "show"}` }, { count: t })
       }
@@ -4022,7 +4053,7 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
     like: 0
   },
   verb: n
-}), Ns = ({
+}), As = ({
   queryClient: e,
   queryKey: t,
   user: n,
@@ -4038,23 +4069,23 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
   e.setQueryData(t, c.previousActivities);
 }, onSettled: () => {
   e.invalidateQueries({ queryKey: t });
-} }), As = ({
+} }), Ns = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
 }) => ({
   mutationFn: n,
   onMutate: async ({
-    activityInfo: d,
+    activityInfo: m,
     content: { body: a }
   }) => {
     if (a.length === 0)
       return;
     await e.cancelQueries({ queryKey: t });
-    const i = e.getQueryData(t), c = i == null ? void 0 : i.map((u) => ((u == null ? void 0 : u.id) === (d == null ? void 0 : d.activityId) && (u.content = a), u));
+    const i = e.getQueryData(t), c = i == null ? void 0 : i.map((u) => ((u == null ? void 0 : u.id) === (m == null ? void 0 : m.activityId) && (u.content = a), u));
     return e.setQueryData(t, () => c && [...c]), { previousActivities: c };
   },
-  onError: (d, a, i) => {
+  onError: (m, a, i) => {
     e.setQueryData(t, i.previousActivities);
   },
   onSettled: () => {
@@ -4116,9 +4147,9 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
   basePath: e,
   parentId: t,
   isMember: n,
-  functions: { list: s, create: o, edit: l, like: d, unlike: a, join: i, leave: c }
+  functions: { list: s, create: o, edit: l, like: m, unlike: a, join: i, leave: c }
 }) => {
-  const u = P(), f = Nt(), p = ye(je), {
+  const u = P(), f = At(), p = ye(je), {
     data: h,
     error: _,
     isLoading: v,
@@ -4126,12 +4157,12 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
   } = cn({
     queryKey: [e, t],
     queryFn: s
-  }), E = Ns({
+  }), E = As({
     queryClient: f,
     queryKey: [e, t],
     user: p,
     mutationFn: o
-  }), { mutate: x } = fe(E), $ = As({
+  }), { mutate: x } = fe(E), $ = Ns({
     queryClient: f,
     queryKey: [e, t],
     mutationFn: async (k) => await l(k)
@@ -4140,7 +4171,7 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
   } = fe($), M = Ds({
     queryClient: f,
     queryKey: [e, t],
-    mutationFn: d
+    mutationFn: m
   }), {
     mutate: Q
   } = fe(M), V = Ps({
@@ -4167,7 +4198,7 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
   );
   return _ ? /* @__PURE__ */ r.jsx(rt, { variant: "error", text: _.message }) : v ? /* @__PURE__ */ r.jsx(be, { style: { height: "400px" } }) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(
-      Nn,
+      An,
       {
         contentType: "post",
         createPost: x,
@@ -4260,44 +4291,44 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
   mutationFn: n,
   onMutate: async ({
     replyInfo: l,
-    content: { body: d }
+    content: { body: m }
   }) => {
     var c, u, f;
-    if (d.length === 0)
+    if (m.length === 0)
       return;
     await e.cancelQueries({ queryKey: t });
     const a = e.getQueryData(t);
     if (!a || !((c = a == null ? void 0 : a.latest_reactions) != null && c.reply))
       return;
-    const i = (f = (u = a == null ? void 0 : a.latest_reactions) == null ? void 0 : u.reply) == null ? void 0 : f.map((p) => (p.id === l.replySlug && (p.data.content = d), p));
+    const i = (f = (u = a == null ? void 0 : a.latest_reactions) == null ? void 0 : u.reply) == null ? void 0 : f.map((p) => (p.id === l.replySlug && (p.data.content = m), p));
     return e.setQueryData(t, () => ({
       ...a,
       latest_reactions: { reply: i }
     })), { previousActivity: a };
   },
-  onError: (l, d, a) => {
+  onError: (l, m, a) => {
     e.setQueryData(t, a.previousActivity);
   }
 }), Os = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
-}) => ({ mutationFn: n, onMutate: async ({ replyId: d }) => {
+}) => ({ mutationFn: n, onMutate: async ({ replyId: m }) => {
   var c, u;
   await e.cancelQueries({ queryKey: t });
   const a = e.getQueryData(t), i = (u = (c = a == null ? void 0 : a.latest_reactions) == null ? void 0 : c.reply) == null ? void 0 : u.map((f) => {
     var p;
-    return f.id === d && ((p = f.children_counts) != null && p.like ? f.children_counts.like += 1 : f.children_counts = { like: 1 }), f;
+    return f.id === m && ((p = f.children_counts) != null && p.like ? f.children_counts.like += 1 : f.children_counts = { like: 1 }), f;
   });
   return e.setQueryData(t, () => ({
     ...a,
     latest_reactions: { reply: i }
   })), { previousActivity: a };
-}, onError: (d, a, i) => {
+}, onError: (m, a, i) => {
   e.setQueryData(t, i.previousActivity);
-}, onSuccess: (d) => {
+}, onSuccess: (m) => {
   var c;
-  const a = e.getQueryData(t), i = (c = a == null ? void 0 : a.latest_reactions.reply) == null ? void 0 : c.map((u) => (u.id === d.id && (u.latest_children.like ? u.latest_children.like.push(d) : u.latest_children.like = [d]), u));
+  const a = e.getQueryData(t), i = (c = a == null ? void 0 : a.latest_reactions.reply) == null ? void 0 : c.map((u) => (u.id === m.id && (u.latest_children.like ? u.latest_children.like.push(m) : u.latest_children.like = [m]), u));
   return e.setQueryData(t, () => ({
     ...a,
     latest_reactions: { reply: i }
@@ -4341,16 +4372,16 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
   activityId: n,
   repliesList: s,
   isMember: o,
-  functions: { createReply: l, editReply: d, like: a, unlike: i, join: c, leave: u }
+  functions: { createReply: l, editReply: m, like: a, unlike: i, join: c, leave: u }
 }) => {
-  const f = P(), p = Nt(), h = ye(je), _ = Fs({
+  const f = P(), p = At(), h = ye(je), _ = Fs({
     queryClient: p,
     queryKey: [e, t, n],
     mutationFn: l
   }), { mutate: v } = fe(_), g = Rs({
     queryClient: p,
     queryKey: [e, t, n],
-    mutationFn: async (w) => d(w)
+    mutationFn: async (w) => m(w)
   }), {
     mutate: E
   } = fe(g), x = Os({
@@ -4375,7 +4406,7 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
   );
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(
-      Nn,
+      An,
       {
         contentType: "post",
         createPost: v,
@@ -4447,18 +4478,18 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
 }) => ({
   mutationFn: n,
   onMutate: async ({
-    activityInfo: d,
+    activityInfo: m,
     content: { body: a }
   }) => {
     if (a.length === 0)
       return;
     await e.cancelQueries({ queryKey: t });
     const i = e.getQueryData(t);
-    return i && i.id === (d == null ? void 0 : d.activityId) && (i.content = a), e.setQueryData(t, () => ({
+    return i && i.id === (m == null ? void 0 : m.activityId) && (i.content = a), e.setQueryData(t, () => ({
       ...i
     })), { previousActivity: i };
   },
-  onError: (d, a, i) => {
+  onError: (m, a, i) => {
     e.setQueryData(t, i.previousActivity);
   },
   onSettled: () => {
@@ -4522,7 +4553,7 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
   functions: {
     get: o,
     editActivity: l,
-    likeActivity: d,
+    likeActivity: m,
     unlikeActivity: a,
     createReply: i,
     editReply: c,
@@ -4533,7 +4564,7 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
   }
 }) => {
   var L, U, G, K, ie, le, se, R, ee, oe, ce;
-  const _ = ye(je), v = Nt(), {
+  const _ = ye(je), v = At(), {
     data: g,
     error: E,
     isLoading: x,
@@ -4550,7 +4581,7 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
   } = fe(T), Q = Hs({
     queryClient: v,
     queryKey: [e, t, n],
-    mutationFn: d
+    mutationFn: m
   }), {
     mutate: V
   } = fe(Q), w = Qs({
@@ -4650,7 +4681,7 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
     },
     n
   );
-}, No = ({ id: e, data: { jobTitle: t, name: n, organization: s, thumbnail: o } }) => ({
+}, Ao = ({ id: e, data: { jobTitle: t, name: n, organization: s, thumbnail: o } }) => ({
   id: e,
   name: n,
   jobTitle: t,
@@ -4661,7 +4692,7 @@ export {
   Et as ASSETS_BUCKET,
   Mo as ActivitiesFeed,
   Co as ActivitySection,
-  Nn as AddPost,
+  An as AddPost,
   io as BannerSection,
   ho as Breadcrumbs,
   W as Button,
@@ -4671,7 +4702,7 @@ export {
   xo as Columns,
   po as CommunityDetails,
   os as Contributors,
-  An as ConversationContext,
+  Nn as ConversationContext,
   gs as CookieBanner,
   Eo as DiscussionConversation,
   Cn as DiscussionForm,
@@ -4733,7 +4764,7 @@ export {
   Ms as addAriaProps,
   kn as getMember,
   Xe as headerData,
-  No as mapGetStreamData,
+  Ao as mapGetStreamData,
   jr as useCurrentPath,
   Ce as useEffectAfterMount,
   et as useScreenWidth,