@apolitical/component-library 1.13.3-beta.0 → 1.13.3-beta.2

package/index.mjs

@@ -52,8 +52,8 @@ var dn = { exports: {} };
     e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
 })(dn);
-var vr = dn.exports;
-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 br = dn.exports;
+const j = /* @__PURE__ */ xr(br), vr = ({ element: e = "span", showOnFocus: t = !0, children: n, ...s }) => A.createElement(e, { ...s, className: j("hidden", { "show-on-focus": t }), children: n }), ne = Ae(vr), 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
@@ -95,29 +95,29 @@ var Pe = {};
 var Kt;
 function yr() {
   return Kt || (Kt = 1, process.env.NODE_ENV !== "production" && function() {
-    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";
+    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, b = "@@iterator";
     function g(d) {
       if (d === null || typeof d != "object")
         return null;
-      var b = _ && d[_] || d[v];
-      return typeof b == "function" ? b : null;
+      var v = _ && d[_] || d[b];
+      return typeof v == "function" ? v : null;
     }
     var E = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function x(d) {
       {
-        for (var b = arguments.length, y = new Array(b > 1 ? b - 1 : 0), S = 1; S < b; S++)
+        for (var v = arguments.length, y = new Array(v > 1 ? v - 1 : 0), S = 1; S < v; S++)
           y[S - 1] = arguments[S];
         $("error", d, y);
       }
     }
-    function $(d, b, y) {
+    function $(d, v, y) {
       {
         var S = E.ReactDebugCurrentFrame, O = S.getStackAddendum();
-        O !== "" && (b += "%s", y = y.concat([O]));
+        O !== "" && (v += "%s", y = y.concat([O]));
         var H = y.map(function(N) {
           return String(N);
         });
-        H.unshift("Warning: " + b), Function.prototype.apply.call(console[d], console, H);
+        H.unshift("Warning: " + v), Function.prototype.apply.call(console[d], console, H);
       }
     }
     var T = !1, M = !1, Q = !1, V = !1, w = !1, F;
@@ -129,11 +129,11 @@ function yr() {
       // with.
       d.$$typeof === F || d.getModuleId !== void 0));
     }
-    function k(d, b, y) {
+    function k(d, v, y) {
       var S = d.displayName;
       if (S)
         return S;
-      var O = b.displayName || b.name || "";
+      var O = v.displayName || v.name || "";
       return O !== "" ? y + "(" + O + ")" : y;
     }
     function Y(d) {
@@ -163,8 +163,8 @@ function yr() {
       if (typeof d == "object")
         switch (d.$$typeof) {
           case a:
-            var b = d;
-            return Y(b) + ".Consumer";
+            var v = d;
+            return Y(v) + ".Consumer";
           case m:
             var y = d;
             return Y(y._context) + ".Provider";
@@ -247,7 +247,7 @@ function yr() {
       }
     }
     var ue = E.ReactCurrentDispatcher, me;
-    function pe(d, b, y) {
+    function pe(d, v, y) {
       {
         if (me === void 0)
           try {
@@ -265,7 +265,7 @@ function yr() {
       var Pn = typeof WeakMap == "function" ? WeakMap : Map;
       Se = new Pn();
     }
-    function Ot(d, b) {
+    function Ot(d, v) {
       if (!d || ge)
         return "";
       {
@@ -280,7 +280,7 @@ function yr() {
       var H;
       H = ue.current, ue.current = null, ce();
       try {
-        if (b) {
+        if (v) {
           var N = function() {
             throw Error();
           };
@@ -336,14 +336,14 @@ function yr() {
       var Te = d ? d.displayName || d.name : "", Xt = Te ? pe(Te) : "";
       return typeof d == "function" && Se.set(d, Xt), Xt;
     }
-    function Fn(d, b, y) {
+    function Fn(d, v, y) {
       return Ot(d, !1);
     }
     function Rn(d) {
-      var b = d.prototype;
-      return !!(b && b.isReactComponent);
+      var v = d.prototype;
+      return !!(v && v.isReactComponent);
     }
-    function Be(d, b, y) {
+    function Be(d, v, y) {
       if (d == null)
         return "";
       if (typeof d == "function")
@@ -361,11 +361,11 @@ function yr() {
           case i:
             return Fn(d.render);
           case f:
-            return Be(d.type, b, y);
+            return Be(d.type, v, y);
           case p: {
             var S = d, O = S._payload, H = S._init;
             try {
-              return Be(H(O), b, y);
+              return Be(H(O), v, y);
             } catch {
             }
           }
@@ -375,12 +375,12 @@ function yr() {
     var Ie = Object.prototype.hasOwnProperty, Lt = {}, Bt = E.ReactDebugCurrentFrame;
     function He(d) {
       if (d) {
-        var b = d._owner, y = Be(d.type, d._source, b ? b.type : null);
+        var v = d._owner, y = Be(d.type, d._source, v ? v.type : null);
         Bt.setExtraStackFrame(y);
       } else
         Bt.setExtraStackFrame(null);
     }
-    function On(d, b, y, S, O) {
+    function On(d, v, y, S, O) {
       {
         var H = Function.call.bind(Ie);
         for (var N in d)
@@ -391,7 +391,7 @@ function yr() {
                 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 = d[N](b, N, S, y, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              C = d[N](v, N, S, y, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (J) {
               C = J;
             }
@@ -405,7 +405,7 @@ function yr() {
     }
     function Bn(d) {
       {
-        var b = typeof Symbol == "function" && Symbol.toStringTag, y = b && d[Symbol.toStringTag] || d.constructor.name || "Object";
+        var v = typeof Symbol == "function" && Symbol.toStringTag, y = v && d[Symbol.toStringTag] || d.constructor.name || "Object";
         return y;
       }
     }
@@ -432,30 +432,30 @@ function yr() {
     ot = {};
     function Qn(d) {
       if (Ie.call(d, "ref")) {
-        var b = Object.getOwnPropertyDescriptor(d, "ref").get;
-        if (b && b.isReactWarning)
+        var v = Object.getOwnPropertyDescriptor(d, "ref").get;
+        if (v && v.isReactWarning)
           return !1;
       }
       return d.ref !== void 0;
     }
     function Un(d) {
       if (Ie.call(d, "key")) {
-        var b = Object.getOwnPropertyDescriptor(d, "key").get;
-        if (b && b.isReactWarning)
+        var v = Object.getOwnPropertyDescriptor(d, "key").get;
+        if (v && v.isReactWarning)
           return !1;
       }
       return d.key !== void 0;
     }
-    function Wn(d, b) {
-      if (typeof d.ref == "string" && Ne.current && b && Ne.current.stateNode !== b) {
+    function Wn(d, v) {
+      if (typeof d.ref == "string" && Ne.current && v && Ne.current.stateNode !== v) {
         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(d, b) {
+    function zn(d, v) {
       {
         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));
+          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)", v));
         };
         y.isReactWarning = !0, Object.defineProperty(d, "key", {
           get: y,
@@ -463,10 +463,10 @@ function yr() {
         });
       }
     }
-    function Vn(d, b) {
+    function Vn(d, v) {
       {
         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));
+          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)", v));
         };
         y.isReactWarning = !0, Object.defineProperty(d, "ref", {
           get: y,
@@ -474,13 +474,13 @@ function yr() {
         });
       }
     }
-    var Yn = function(d, b, y, S, O, H, N) {
+    var Yn = function(d, v, 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: d,
-        key: b,
+        key: v,
         ref: y,
         props: N,
         // Record the component responsible for creating this element.
@@ -503,12 +503,12 @@ function yr() {
         value: O
       }), Object.freeze && (Object.freeze(C.props), Object.freeze(C)), C;
     };
-    function Gn(d, b, y, S, O) {
+    function Gn(d, v, y, S, O) {
       {
         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) && (N[H] = b[H]);
+        y !== void 0 && (Ht(y), C = "" + y), Un(v) && (Ht(v.key), C = "" + v.key), Qn(v) && (re = v.ref, Wn(v, O));
+        for (H in v)
+          Ie.call(v, H) && !Hn.hasOwnProperty(H) && (N[H] = v[H]);
         if (d && d.defaultProps) {
           var J = d.defaultProps;
           for (H in J)
@@ -524,7 +524,7 @@ function yr() {
     var at = E.ReactCurrentOwner, Wt = E.ReactDebugCurrentFrame;
     function $e(d) {
       if (d) {
-        var b = d._owner, y = Be(d.type, d._source, b ? b.type : null);
+        var v = d._owner, y = Be(d.type, d._source, v ? v.type : null);
         Wt.setExtraStackFrame(y);
       } else
         Wt.setExtraStackFrame(null);
@@ -549,10 +549,10 @@ Check the render method of \`` + d + "`.";
     function Jn(d) {
       {
         if (d !== void 0) {
-          var b = d.fileName.replace(/^.*[\\\/]/, ""), y = d.lineNumber;
+          var v = d.fileName.replace(/^.*[\\\/]/, ""), y = d.lineNumber;
           return `
 
-Check your code at ` + b + ":" + y + ".";
+Check your code at ` + v + ":" + y + ".";
         }
         return "";
       }
@@ -560,22 +560,22 @@ Check your code at ` + b + ":" + y + ".";
     var Vt = {};
     function Xn(d) {
       {
-        var b = zt();
-        if (!b) {
+        var v = zt();
+        if (!v) {
           var y = typeof d == "string" ? d : d.displayName || d.name;
-          y && (b = `
+          y && (v = `
 
 Check the top-level render call using <` + y + ">.");
         }
-        return b;
+        return v;
       }
     }
-    function Yt(d, b) {
+    function Yt(d, v) {
       {
         if (!d._store || d._store.validated || d.key != null)
           return;
         d._store.validated = !0;
-        var y = Xn(b);
+        var y = Xn(v);
         if (Vt[y])
           return;
         Vt[y] = !0;
@@ -583,14 +583,14 @@ Check the top-level render call using <` + y + ">.");
         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(d, b) {
+    function Gt(d, v) {
       {
         if (typeof d != "object")
           return;
         if (st(d))
           for (var y = 0; y < d.length; y++) {
             var S = d[y];
-            lt(S) && Yt(S, b);
+            lt(S) && Yt(S, v);
           }
         else if (lt(d))
           d._store && (d._store.validated = !0);
@@ -598,39 +598,39 @@ Check the top-level render call using <` + y + ">.");
           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);
+              lt(N.value) && Yt(N.value, v);
         }
       }
     }
     function Zn(d) {
       {
-        var b = d.type;
-        if (b == null || typeof b == "string")
+        var v = d.type;
+        if (v == null || typeof v == "string")
           return;
         var y;
-        if (typeof b == "function")
-          y = b.propTypes;
-        else if (typeof b == "object" && (b.$$typeof === i || // Note: Memo only checks outer props here.
+        if (typeof v == "function")
+          y = v.propTypes;
+        else if (typeof v == "object" && (v.$$typeof === i || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        b.$$typeof === f))
-          y = b.propTypes;
+        v.$$typeof === f))
+          y = v.propTypes;
         else
           return;
         if (y) {
-          var S = B(b);
+          var S = B(v);
           On(y, d.props, "prop", S, d);
-        } else if (b.PropTypes !== void 0 && !it) {
+        } else if (v.PropTypes !== void 0 && !it) {
           it = !0;
-          var O = B(b);
+          var O = B(v);
           x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", O || "Unknown");
         }
-        typeof b.getDefaultProps == "function" && !b.getDefaultProps.isReactClassApproved && x("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof v.getDefaultProps == "function" && !v.getDefaultProps.isReactClassApproved && x("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function qn(d) {
       {
-        for (var b = Object.keys(d.props), y = 0; y < b.length; y++) {
-          var S = b[y];
+        for (var v = Object.keys(d.props), y = 0; y < v.length; y++) {
+          var S = v[y];
           if (S !== "children" && S !== "key") {
             $e(d), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", S), $e(null);
             break;
@@ -639,7 +639,7 @@ Check the top-level render call using <` + y + ">.");
         d.ref !== null && ($e(d), x("Invalid attribute `ref` supplied to `React.Fragment`."), $e(null));
       }
     }
-    function Jt(d, b, y, S, O, H) {
+    function Jt(d, v, y, S, O, H) {
       {
         var N = q(d);
         if (!N) {
@@ -650,11 +650,11 @@ Check the top-level render call using <` + y + ">.");
           var J;
           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(d, b, y, O, H);
+        var X = Gn(d, v, y, O, H);
         if (X == null)
           return X;
         if (N) {
-          var de = b.children;
+          var de = v.children;
           if (de !== void 0)
             if (S)
               if (st(de)) {
@@ -669,11 +669,11 @@ Check the top-level render call using <` + y + ">.");
         return d === s ? qn(X) : Zn(X), X;
       }
     }
-    function Kn(d, b, y) {
-      return Jt(d, b, y, !0);
+    function Kn(d, v, y) {
+      return Jt(d, v, y, !0);
     }
-    function er(d, b, y) {
-      return Jt(d, b, y, !1);
+    function er(d, v, y) {
+      return Jt(d, v, y, !1);
     }
     var tr = er, nr = Kn;
     Pe.Fragment = s, Pe.jsx = tr, Pe.jsxs = nr;
@@ -704,7 +704,7 @@ function Er(e, t, n) {
   if (typeof e != "function")
     throw new TypeError("Expected a function");
   t = +t || 0;
-  var h = !!(n = n || {}).leading, _ = !("trailing" in n) || !!n.trailing, v = "maxWait" in n, g = v ? Math.max(+n.maxWait || 0, t) : null;
+  var h = !!(n = n || {}).leading, _ = !("trailing" in n) || !!n.trailing, b = "maxWait" in n, g = b ? Math.max(+n.maxWait || 0, t) : null;
   z(function() {
     return f.current = !0, function() {
       f.current = !1;
@@ -720,7 +720,7 @@ function Er(e, t, n) {
       if (!f.current)
         return !1;
       var F = w - o.current;
-      return !o.current || F >= t || F < 0 || v && w - l.current >= g;
+      return !o.current || F >= t || F < 0 || b && w - l.current >= g;
     }, M = function(w) {
       return m.current = null, _ && a.current ? x(w) : (a.current = i.current = null, c.current);
     }, Q = function w() {
@@ -728,7 +728,7 @@ function Er(e, t, n) {
       if (T(F))
         return M(F);
       if (f.current) {
-        var q = t - (F - o.current), k = v ? Math.min(q, g - (F - l.current)) : q;
+        var q = t - (F - o.current), k = b ? Math.min(q, g - (F - l.current)) : q;
         $(w, k);
       }
     }, V = function() {
@@ -736,7 +736,7 @@ function Er(e, t, n) {
       if (a.current = [].slice.call(arguments), i.current = s, o.current = w, F) {
         if (!m.current && f.current)
           return l.current = o.current, $(Q, t), h ? x(o.current) : c.current;
-        if (v)
+        if (b)
           return $(Q, t), x(o.current);
       }
       return m.current || $(Q, t), c.current;
@@ -748,7 +748,7 @@ function Er(e, t, n) {
     }, V.flush = function() {
       return m.current ? M(Date.now()) : c.current;
     }, V;
-  }, [h, v, t, g, _, p]);
+  }, [h, b, t, g, _, p]);
   return E;
 }
 function fn(e, t, n) {
@@ -1204,7 +1204,7 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   }
   const _ = [];
   typeof t == "string" && _.push(t), s && (_.push("icon"), typeof s == "object" ? (_.push(s.icon), s.position ? _.push(s.position) : _.push("left"), s.hover && _.push(`hover_${s.hover}`), s.animate && (_.push("animate"), typeof s.animate == "string" && _.push(s.animate))) : (_.push(s), !s.includes("right") && !s.includes("left") && _.push("left"))), n.muted && _.push("muted"), n.fullWidth && _.push("full-width");
-  const v = {
+  const b = {
     ...f,
     className: j(e, a, _, {
       "no-text": !u,
@@ -1216,9 +1216,9 @@ Thank you for helping to protect the Apolitical community from abusive content.`
     },
     disabled: typeof i == "object" && "isClickable" in i ? !i.isClickable : i
   };
-  return o && (l = "a", v.href = o), A.createElement(
+  return o && (l = "a", b.href = o), A.createElement(
     l,
-    v,
+    b,
     u || (c ? /* @__PURE__ */ r.jsx(ne, { showOnFocus: !1, children: c }) : null)
   );
 }, tt = ({ buttons: e, className: t = "", ...n }) => {
@@ -1381,7 +1381,7 @@ const Br = ({ image: e, className: t, testId: n }) => {
     loading: c,
     decoding: u,
     fetchPriority: f
-  } = 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 });
+  } = e, { range: p, sizes: h } = Or(e), _ = ut({ format: "avif", query: m, range: p, url: a }), b = 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",
@@ -1396,7 +1396,7 @@ const Br = ({ image: e, className: t, testId: n }) => {
       "source",
       {
         type: "image/webp",
-        srcSet: v,
+        srcSet: b,
         sizes: h,
         "data-testid": "source"
       }
@@ -1614,9 +1614,9 @@ const rt = ({ variant: e = "empty", text: t = !1, button: n = !1, className: s =
     ))
   ] }) });
 };
-const St = ({ children: e, ...t }) => /* @__PURE__ */ r.jsx("p", { ...t, children: e }), vn = { q: St, blockquote: St };
+const St = ({ children: e, ...t }) => /* @__PURE__ */ r.jsx("p", { ...t, children: e }), bn = { q: St, blockquote: St };
 for (let e = 1; e <= 6; e++)
-  vn[`h${e}`] = { component: St, props: { className: "title" } };
+  bn[`h${e}`] = { component: St, props: { className: "title" } };
 const Ur = ({ type: e = "default", className: t = "", heading: n = !1, children: s }) => /* @__PURE__ */ r.jsxs("div", { className: j("helper-text-box text-small", e, t), children: [
   n && /* @__PURE__ */ r.jsx("p", { className: "title", children: n }),
   typeof s == "string" ? /* @__PURE__ */ r.jsx(
@@ -1625,7 +1625,7 @@ const Ur = ({ type: e = "default", className: t = "", heading: n = !1, children:
       options: {
         wrapper: A.Fragment,
         forceBlock: !0,
-        overrides: vn
+        overrides: bn
       },
       children: s
     }
@@ -1800,14 +1800,14 @@ const dt = "loadingBlock_", ts = ({ progress: e = 0, steps: t = !1, className: n
     }
   );
 }, mo = Ae(ts);
-const be = ({ element: e = "div", className: t = "", ...n }) => /* @__PURE__ */ r.jsx(mn, { element: e, className: j("loading-placeholder", t), ...n });
+const ve = ({ 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"],
   sidebar: ["text", "text", "text", "text", "text"],
   "cards-section": ["subtitle", "cards"],
   cards: ["card", "card", "card", "card"],
   "overview-page": ["header", "sidebar", "title", "text", "cards-section", "cards-section", "footer"]
-}, bn = (e, t) => e in Tt ? /* @__PURE__ */ r.jsx("div", { className: e, children: Tt[e].map((n, s) => bn(n, s)) }, t) : /* @__PURE__ */ r.jsx(be, { className: e }, t), ns = ({ layout: e = "overview-page" }) => /* @__PURE__ */ r.jsx("div", { className: j("loading-state", e), children: Tt[e].map((t, n) => bn(t, n)) }), wn = (e) => {
+}, vn = (e, t) => e in Tt ? /* @__PURE__ */ r.jsx("div", { className: e, children: Tt[e].map((n, s) => vn(n, s)) }, t) : /* @__PURE__ */ r.jsx(ve, { className: e }, t), ns = ({ layout: e = "overview-page" }) => /* @__PURE__ */ r.jsx("div", { className: j("loading-state", e), children: Tt[e].map((t, n) => vn(t, n)) }), wn = (e) => {
   const t = e && e.toUpperCase().split(" ");
   return Array.isArray(t) && t.length > 1 && t[0] !== "" ? t[1] === "" ? t[0][0] : t[0][0] + t[t.length - 1][0] : e ? e.substr(0, 1) : "";
 }, Qe = ["#5AB6A3", "#A2D7AF", "#806056", "#3962B3"], rs = (e) => {
@@ -1916,10 +1916,10 @@ const sn = {
       /* @__PURE__ */ r.jsx("ul", { children: n.map((u, f) => {
         let p, h = "";
         if (f < a) {
-          const { name: _ = "", image: v = "" } = kn(u);
+          const { name: _ = "", image: b = "" } = kn(u);
           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"] });
+            return /* @__PURE__ */ r.jsx(ve, { element: "li", className: "contributor" }, f);
+          p = /* @__PURE__ */ r.jsx(Dt, { name: _, src: b, width: sn[o || "medium"], height: sn[o || "medium"] });
         } else if (f === a) {
           const _ = (t || n.length) - a;
           p = /* @__PURE__ */ r.jsxs("small", { className: j({ "large-number": _ > 99 }), children: [
@@ -2010,42 +2010,41 @@ const mt = "joinCommunityButton", yn = ({ isMember: e = !1, isShort: t = !1, fun
   );
 };
 const ft = "communityDetails_", po = ({
-  isMember: e = !1,
-  slug: t,
-  members: { number: n, data: s } = { number: void 0, data: [] },
-  className: o = "",
-  onInviteClick: l,
-  ...m
+  className: e = "",
+  isMember: t = !1,
+  slug: n,
+  members: { number: s = 0, data: o = [] } = { number: 0, data: [] },
+  functions: { invite: 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: [
+  const a = P(), i = 5, c = s || o.length, u = o.length ? o : Array(i).fill({});
+  return /* @__PURE__ */ r.jsxs("div", { className: j("community-details", e), 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: [
           a.formatMessage({ id: `${ft}members` }),
-          /* @__PURE__ */ r.jsx("span", { className: "count", children: i })
+          /* @__PURE__ */ r.jsx("span", { className: "count", children: c })
         ] }),
-        /* @__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("p", { className: "text-small", children: /* @__PURE__ */ r.jsx("a", { href: `/communities/${n}/members`, children: a.formatMessage({ id: `${ft}viewAll` }) }) })
       ] }),
       /* @__PURE__ */ r.jsx(
         os,
         {
           contributors: {
-            total: n,
-            data: s != null && s.length ? s : [{}, {}, {}, {}, {}]
+            total: s,
+            data: u
           },
           styling: {
             size: "medium",
             showGap: !0,
-            showPlaceholders: i === 0
+            showPlaceholders: c === 0
           },
-          cutoff: 5
+          cutoff: i
         }
       )
     ] }),
-    /* @__PURE__ */ r.jsx(yn, { isMember: e, ...m }),
-    e && /* @__PURE__ */ r.jsx(
+    /* @__PURE__ */ r.jsx(yn, { isMember: t, ...m }),
+    t && /* @__PURE__ */ r.jsx(
       W,
       {
         variant: "primary",
@@ -2090,8 +2089,8 @@ const go = ({
       "button",
       {
         className: j(u, { selected: a.includes(u) }),
-        onClick: (v) => {
-          v.preventDefault(), v.stopPropagation(), c(u, h);
+        onClick: (b) => {
+          b.preventDefault(), b.stopPropagation(), c(u, h);
         },
         ..._,
         children: f
@@ -2122,23 +2121,23 @@ const pt = { en: "English", es: "Español", fr: "Français", pt: "Português" },
   const c = P(), [u, f] = D(e);
   if (z(() => {
     e !== u && f(e);
-  }, [e]), !s || !Object.values(s).some((v) => v && v.post_name))
+  }, [e]), !s || !Object.values(s).some((b) => b && b.post_name))
     return null;
   const h = Object.keys(s), _ = u !== e;
   return /* @__PURE__ */ r.jsxs("div", { className: j("language-switcher text-small", m, i), children: [
     /* @__PURE__ */ r.jsxs("nav", { children: [
       m !== "short" && /* @__PURE__ */ r.jsx("p", { children: a || c.formatMessage({ id: `${Ue}label` }) }),
-      /* @__PURE__ */ r.jsx("ul", { children: h.map((v) => {
-        if (!pt[v])
+      /* @__PURE__ */ r.jsx("ul", { children: h.map((b) => {
+        if (!pt[b])
           return null;
-        let g = { className: v };
-        return u === v ? g["aria-label"] = c.formatMessage({ id: `${Ue}selected` }, { language: pt[v] }) : g = {
+        let g = { className: b };
+        return u === b ? g["aria-label"] = c.formatMessage({ id: `${Ue}selected` }, { language: pt[b] }) : g = {
           ...g,
-          href: ms(v, l),
+          href: ms(b, l),
           onClick: (E) => {
-            E.preventDefault(), E.stopPropagation(), f(v), o(v);
+            E.preventDefault(), E.stopPropagation(), f(b), o(b);
           }
-        }, /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(nt, { ...g, fallbackElement: "span", children: pt[v] }) }, v);
+        }, /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(nt, { ...g, fallbackElement: "span", children: pt[b] }) }, b);
       }) }),
       m !== "short" && !_ && /* @__PURE__ */ r.jsx("p", { children: c.formatMessage({ id: `${Ue}translation_${t ? "original" : n ? "human" : "machine"}` }) })
     ] }),
@@ -2148,9 +2147,9 @@ const pt = { en: "English", es: "Español", fr: "Français", pt: "Português" },
       // `values` are throwing a type error: https://github.com/formatjs/formatjs/issues/3633
       children: c.formatMessage({ id: `${Ue}disclaimer` }, {
         email: Re.support,
-        link: (v) => {
-          const g = `mailto:${v}`;
-          return /* @__PURE__ */ r.jsx("a", { href: g, children: v });
+        link: (b) => {
+          const g = `mailto:${b}`;
+          return /* @__PURE__ */ r.jsx("a", { href: g, children: b });
         }
       })
     })
@@ -2223,7 +2222,7 @@ const ps = ({ element: e = "div", id: t = "more-menu", options: n, className: s
         }
       ),
       /* @__PURE__ */ r.jsx("ul", { id: t, hidden: !m, children: n.map(({ href: c, onClick: u, text: f, icon: p, ...h }, _) => {
-        const v = {
+        const b = {
           ...h,
           onClick: (g) => {
             a(!1), typeof u == "function" && u(g);
@@ -2237,13 +2236,13 @@ const ps = ({ element: e = "div", id: t = "more-menu", options: n, className: s
             }, 100);
           }
         };
-        return c && (v.href = c), /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
+        return c && (b.href = c), /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
           W,
           {
             variant: "tertiary",
             size: "medium",
             icon: p ? { icon: p, position: "left" } : !1,
-            ...v,
+            ...b,
             children: f
           }
         ) }, `${window.btoa(f)}_${_}`);
@@ -2305,7 +2304,7 @@ const gt = "cookieBanner_", _t = ["apol-cookie-banner", "apolitical-performance-
     /* @__PURE__ */ r.jsx("p", { children: e.formatMessage({ id: `${gt}text` }) }),
     /* @__PURE__ */ r.jsx(tt, { buttons: c })
   ] });
-}, ve = {
+}, be = {
   platform: {
     order: ["events", "courses", "qanda", "articles"],
     // An array guarantees the right order
@@ -2400,14 +2399,14 @@ const gt = "cookieBanner_", _t = ["apol-cookie-banner", "apolitical-performance-
   }
 };
 const Me = "footer_", Je = "SiteFooter", on = ({ group: e }) => {
-  const t = ve[e].order || [];
+  const t = be[e].order || [];
   let n = !1;
-  return "text" in ve[e] && (n = ve[e].text), /* @__PURE__ */ r.jsxs(Zt, { children: [
+  return "text" in be[e] && (n = be[e].text), /* @__PURE__ */ r.jsxs(Zt, { children: [
     /* @__PURE__ */ r.jsx("p", { className: "pre-title", children: /* @__PURE__ */ r.jsx(we, { id: `${Me}${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], m = {};
+      const { href: o, gtmType: l } = be[e][s], m = {};
       return ["legal"].includes(e) && (m.target = "_blank", m.rel = "noopener"), /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
         "a",
         {
@@ -2451,12 +2450,12 @@ const Me = "footer_", Je = "SiteFooter", on = ({ group: e }) => {
   ),
   /* @__PURE__ */ r.jsx("footer", { children: ["platform", "community", "company", "contact"].map((e) => /* @__PURE__ */ r.jsxs("div", { className: "group", children: [
     /* @__PURE__ */ r.jsx(on, { group: e }),
-    Object.keys(ve[e]).includes("child") && /* @__PURE__ */ r.jsx(on, { group: ve[e].child })
+    Object.keys(be[e]).includes("child") && /* @__PURE__ */ r.jsx(on, { group: be[e].child })
   ] }, e)) }),
   /* @__PURE__ */ r.jsx("hr", {}),
   /* @__PURE__ */ r.jsxs("div", { className: "sub-footer", children: [
-    /* @__PURE__ */ r.jsx("ul", { children: Array.isArray(ve.social.order) && ve.social.order.map((e) => {
-      const t = ve.social[e];
+    /* @__PURE__ */ r.jsx("ul", { children: Array.isArray(be.social.order) && be.social.order.map((e) => {
+      const t = be.social[e];
       return /* @__PURE__ */ r.jsx("li", { className: e, children: /* @__PURE__ */ r.jsx(
         "a",
         {
@@ -2473,11 +2472,11 @@ const Me = "footer_", Je = "SiteFooter", on = ({ group: e }) => {
     /* @__PURE__ */ r.jsx("small", { children: /* @__PURE__ */ r.jsx(we, { id: `${Me}copyright`, values: { currentYear: (/* @__PURE__ */ new Date()).getFullYear() } }) })
   ] })
 ] }) });
-const ze = "emailHelperTextBox_", vo = ({ type: e, email: t, redirectPath: n, resendVerificationCode: s }) => {
+const ze = "emailHelperTextBox_", bo = ({ type: e, email: t, redirectPath: n, resendVerificationCode: s }) => {
   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) => {
+      const _ = (b) => {
         m({
           path: `${ze}error_verificationFailedToSend`,
           type: "error",
@@ -2495,7 +2494,7 @@ const ze = "emailHelperTextBox_", vo = ({ type: e, email: t, redirectPath: n, re
             "data-gtm-event-context": "ErrorVerifyingBox",
             "data-gtm-event-type": "email-concierge-click"
           },
-          error: v
+          error: b
         });
       };
       if (typeof s != "function") {
@@ -2504,8 +2503,8 @@ const ze = "emailHelperTextBox_", vo = ({ type: e, email: t, redirectPath: n, re
       }
       i(!0), s(t).then(() => {
         localStorage.setItem("email", t), window.location.href = n || "/signup/verify-email";
-      }).catch((v) => {
-        _(v.message);
+      }).catch((b) => {
+        _(b.message);
       }).finally(() => {
         i(!1);
       });
@@ -2515,13 +2514,13 @@ const ze = "emailHelperTextBox_", vo = ({ type: e, email: t, redirectPath: n, re
   );
   z(
     () => {
-      let h = ze, _ = "default", v = {}, g = {};
+      let h = ze, _ = "default", b = {}, g = {};
       switch (e) {
         case "gov":
           h += "autoApproved", _ = "success";
           break;
         case "nonGov":
-          h += "unrecognisedEmail", _ = "error", v = {
+          h += "unrecognisedEmail", _ = "error", b = {
             href: "https://about.apolitical.co/who-can-join-the-community",
             "data-gtm-event-context": "NonGovEmailHelperTextBox",
             "data-gtm-event-type": "LearnMoreClick"
@@ -2536,7 +2535,7 @@ const ze = "emailHelperTextBox_", vo = ({ type: e, email: t, redirectPath: n, re
           };
           break;
         case "verify":
-          h += "emailUnverified", _ = "error", v = {
+          h += "emailUnverified", _ = "error", b = {
             href: "#",
             "data-gtm-event-context": "VerifyEmailBox",
             "data-gtm-event-type": "SendEmailClick",
@@ -2546,7 +2545,7 @@ const ze = "emailHelperTextBox_", vo = ({ type: e, email: t, redirectPath: n, re
           };
           break;
         case "exists":
-          h += "emailAlreadyExists", _ = "error", v = {
+          h += "emailAlreadyExists", _ = "error", b = {
             href: "/user-onboarding/login",
             "data-gtm-event-context": "EmailExistsBox",
             "data-gtm-event-type": "login-click"
@@ -2558,14 +2557,14 @@ const ze = "emailHelperTextBox_", vo = ({ type: e, email: t, redirectPath: n, re
           };
           break;
         default:
-          h += "default", v = {
+          h += "default", b = {
             href: "https://about.apolitical.co/who-can-join-the-community",
             "data-gtm-event-context": "DefaultEmailHelperTextBox",
             "data-gtm-event-type": "LearnMoreClick"
           };
           break;
       }
-      m({ ...l, path: h, type: _, link: v, mail: g });
+      m({ ...l, path: h, type: _, link: b, mail: g });
     },
     /* eslint-disable react-hooks/exhaustive-deps */
     [e]
@@ -2574,8 +2573,8 @@ const ze = "emailHelperTextBox_", vo = ({ type: e, email: t, redirectPath: n, re
   return ["link", "mail"].forEach((h) => {
     u[h] = Object.keys(l[h]).length ? (_) => /* @__PURE__ */ r.jsx("a", { ...l[h], children: _ }) : (_) => _;
   }), /* @__PURE__ */ r.jsx(Ur, { type: l.type, heading: a ? !1 : o.formatMessage({ id: `${l.path}_title` }), children: a ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(be, { element: "span" }),
-    /* @__PURE__ */ r.jsx(be, { element: "span" })
+    /* @__PURE__ */ r.jsx(ve, { element: "span" }),
+    /* @__PURE__ */ r.jsx(ve, { element: "span" })
   ] }) : (
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
@@ -2616,7 +2615,7 @@ const Ve = "passwordRules_", Sn = "isMoreThanEightCharacters", $n = "includesNum
       ] })
     ] }, `rule-${s}`)) })
   ] });
-}, bo = Ae(xs);
+}, vo = Ae(xs);
 const wo = ({
   text: e = {},
   topRating: t = 5,
@@ -2637,8 +2636,8 @@ const wo = ({
   if (z(() => {
     m && !i.setUp && u();
   }, [m]), !m)
-    return /* @__PURE__ */ r.jsx(be, { className: "rating-placeholder" });
-  const { id: f, rating: p, disabled: h } = i, _ = "ratings_", v = {
+    return /* @__PURE__ */ r.jsx(ve, { className: "rating-placeholder" });
+  const { id: f, rating: p, disabled: h } = i, _ = "ratings_", b = {
     text: a.formatMessage({ id: `${_}text` }),
     low: a.formatMessage({ id: `${_}low` }),
     high: a.formatMessage({ id: `${_}high` }),
@@ -2655,7 +2654,7 @@ const wo = ({
       }
   };
   return /* @__PURE__ */ r.jsxs("div", { className: j("rating", l), children: [
-    /* @__PURE__ */ r.jsx("span", { className: "label", children: v[p ? "success" : "text"] }),
+    /* @__PURE__ */ r.jsx("span", { className: "label", children: b[p ? "success" : "text"] }),
     /* @__PURE__ */ r.jsx("ol", { children: Array.from(new Array(t).keys()).map((E) => {
       const x = E + 1;
       return /* @__PURE__ */ r.jsx("li", { className: j({ selected: p && x <= p }), children: /* @__PURE__ */ r.jsx(
@@ -2667,7 +2666,7 @@ const wo = ({
           screenreaderText: `${a.formatMessage(
             { id: `${_}stars` },
             { number: x, total: t }
-          )}${x === 1 || x === t ? ` - ${v[x === 1 ? "low" : "high"]}` : ""}`,
+          )}${x === 1 || x === t ? ` - ${b[x === 1 ? "low" : "high"]}` : ""}`,
           onClick: ($) => {
             $.preventDefault(), $.stopPropagation(), g(x);
           },
@@ -2677,7 +2676,7 @@ const wo = ({
     }) })
   ] });
 };
-const vs = ({
+const bs = ({
   id: e = "search",
   className: t = "",
   handleToggle: n = !1,
@@ -2730,7 +2729,7 @@ const vs = ({
     }
   );
 };
-const bs = ({
+const vs = ({
   title: e,
   label: t,
   ctaMessage: n,
@@ -2743,26 +2742,26 @@ const bs = ({
   initialFormStatus: c = "NOT_SUBMITTED"
   /* NOT_SUBMITTED */
 }) => {
-  const [u, f] = D([]), [p, h] = D(!0), [_, v] = D(c), { formatMessage: g } = P(), E = async (T) => {
+  const [u, f] = D([]), [p, h] = D(!0), [_, b] = D(c), { formatMessage: g } = P(), E = async (T) => {
     T.preventDefault();
     try {
-      await i(u), f([]), v(
+      await i(u), f([]), b(
         "SUCCESS"
         /* SUCCESS */
       );
     } catch (M) {
-      v(
+      b(
         "ERROR"
         /* ERROR */
       ), a(M);
     }
   }, x = (T) => {
-    T.preventDefault(), v(
+    T.preventDefault(), b(
       "NOT_SUBMITTED"
       /* NOT_SUBMITTED */
     ), h(!0), f([]);
   }, $ = (T) => {
-    T.preventDefault(), m(), v(
+    T.preventDefault(), m(), b(
       "CLOSED"
       /* CLOSED */
     );
@@ -3035,7 +3034,7 @@ const bs = ({
       ...a.props || {}
     });
   }
-  const h = a.order && a.order[0] && a[a.order[0]], _ = h && a[a.order[0]].order, v = p && window.location.pathname === a.href;
+  const h = a.order && a.order[0] && a[a.order[0]], _ = h && a[a.order[0]].order, b = p && window.location.pathname === a.href;
   let g = {}, E = {};
   if (h) {
     const x = a.menuId || e, $ = {
@@ -3060,7 +3059,7 @@ const bs = ({
       ...$
     });
   }
-  return /* @__PURE__ */ r.jsxs("li", { className: j({ [a.className]: a.className, "has-submenu": h, parent: _, active: v }), role: "none", ...g, children: [
+  return /* @__PURE__ */ r.jsxs("li", { className: j({ [a.className]: a.className, "has-submenu": h, parent: _, active: b }), role: "none", ...g, children: [
     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])
@@ -3175,7 +3174,7 @@ const ws = { height: 67, height_desktop: 83 }, Mn = () => {
         }
       ),
       /* @__PURE__ */ r.jsx(
-        vs,
+        bs,
         {
           id: "global-search",
           handleToggle: { searchIsOpen: i.search, isDesktopVersion: o.search },
@@ -3231,7 +3230,7 @@ const ks = () => {
 }, an = {
   default: "tags_",
   headerTopics: "header_topics_topics_"
-}, vt = {
+}, bt = {
   topic: {
     Climate: "climate",
     CitiesAndLocalGovernment: "cities-and-local-government",
@@ -3250,13 +3249,13 @@ const ks = () => {
 }, ys = {
   getTagDetails: (e) => {
     if (e.includes("topic_")) {
-      if (e = vt.topic[e.replace("topic_", "")], e) {
+      if (e = bt.topic[e.replace("topic_", "")], e) {
         const t = Xe.topics.topics[e].href;
         return t ? { id: e, href: t, text: `${an.headerTopics}${e}` } : null;
       }
       return null;
     }
-    return vt[e] ? (e = vt[e], { id: e, text: `${an.default}${e}` }) : null;
+    return bt[e] ? (e = bt[e], { id: e, text: `${an.default}${e}` }) : null;
   }
 };
 const yo = ({
@@ -3353,10 +3352,10 @@ const ae = "discussion_form_", Cn = ({
   var F, q;
   const c = P(), u = ye(je), [f, p] = D(
     n.isEditing && n.isEditing.text || ""
-  ), [h, _] = D(m.error || !1), [v, g] = D(!1), E = Z(null);
+  ), [h, _] = D(m.error || !1), [b, g] = D(!1), E = Z(null);
   if (s || (s = E), n.isLoading)
     return /* @__PURE__ */ r.jsx(
-      be,
+      ve,
       {
         className: "discussion-card discussion-form",
         "data-testid": "loading-placeholder"
@@ -3439,7 +3438,7 @@ const ae = "discussion_form_", Cn = ({
     Ye = setTimeout(() => {
       _(!1), g(!1);
     }, 5e3);
-  }, Q = !f || !Rr(f), V = v === "submitting", w = [];
+  }, Q = !f || !Rr(f), V = b === "submitting", w = [];
   return (n.isEditing && !V || m.cancel) && w.push({
     variant: "secondary",
     size: { mobile: "small", 600: "medium" },
@@ -3524,7 +3523,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") }),
+        b === "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: m.error ? m.error : typeof h == "string" ? h.includes(" ") ? h : c.formatMessage(
           { id: h },
           {
@@ -3576,7 +3575,7 @@ const ae = "discussion_form_", Cn = ({
   ...n && { replySlug: n }
 }), Ss = (e, t = 10) => !e || e.length === 0 ? [] : e.slice(0, t);
 let Oe = !1;
-const bt = () => {
+const vt = () => {
   Oe !== !1 && (clearTimeout(Oe), Oe = !1);
 }, wt = 10, $s = ({
   element: e = "div",
@@ -3594,17 +3593,17 @@ const bt = () => {
   z(() => {
     h(o);
   }, [o]);
-  const [u, f] = D(t), [p, h] = D(o), [_, v] = D(!1), [g, E] = D(!1), x = qe(() => Ss(n, wt), [n]), $ = (M) => {
+  const [u, f] = D(t), [p, h] = D(o), [_, b] = 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(), _ || !m)
+      return vt(), !1;
+    if (vt(), _ || !m)
       return !1;
     Oe = setTimeout(T, 350);
   }, T = async () => {
-    if (bt(), _ || !m)
+    if (vt(), _ || !m)
       return !1;
     let M = p ? u - 1 : u + 1;
-    M < 0 && (M = 0), v(!0), f(M), h(!p);
+    M < 0 && (M = 0), b(!0), f(M), h(!p);
     try {
       if (l && l.slugs) {
         const Q = Es(l.slugs);
@@ -3613,7 +3612,7 @@ const bt = () => {
     } catch {
       f(t), h(o);
     } finally {
-      v(!1);
+      b(!1);
     }
   };
   return A.createElement(
@@ -3684,11 +3683,11 @@ const Dn = ({
   className: u = "",
   gtmContext: f = "Modal"
 }) => {
-  const p = P(), [h, _] = D(t), v = (E) => {
+  const p = P(), [h, _] = D(t), b = (E) => {
     _(E), E ? (o(), document.body.classList.add("has-overlay")) : (l(), document.body.classList.remove("has-overlay"));
   };
   z(() => {
-    v(t);
+    b(t);
   }, [t]);
   const g = s ? { "--max-width": `${s / 16}rem` } : {};
   return /* @__PURE__ */ r.jsx("div", { className: j("overlay", { open: h }), children: /* @__PURE__ */ r.jsx(
@@ -3707,7 +3706,7 @@ const Dn = ({
               variant: "tertiary",
               size: "medium",
               icon: { icon: "close" },
-              onClick: () => v(!1),
+              onClick: () => b(!1),
               className: "gtm-trackable",
               "data-gtm-event-type": "close-modal-click",
               "data-gtm-event-context": f,
@@ -3752,7 +3751,7 @@ const So = ({
     functions: { onClose: a },
     className: j("invite-modal", e, { success: !!n }),
     children: /* @__PURE__ */ r.jsx(
-      bs,
+      vs,
       {
         title: s,
         label: o,
@@ -3789,7 +3788,7 @@ const xe = "discussion_", Rt = ({
   gtmContext: h = "DiscussionAnswer",
   children: _
 }) => {
-  const v = P(), g = ye(je), E = ye(Nn), [x, $] = D({
+  const b = P(), g = ye(je), E = ye(Nn), [x, $] = D({
     body: t && t.body || "",
     isEditing: !1,
     didEdit: t && t.isEdited || !1
@@ -3801,7 +3800,7 @@ const xe = "discussion_", Rt = ({
       didEdit: t && t.isEdited || !1
     });
   }, [t.isEdited]), s || !t || t.type === "answer" && (!t.slugs || !t.slugs.question))
-    return /* @__PURE__ */ r.jsx(be, { className: "discussion-card discussion-post" });
+    return /* @__PURE__ */ r.jsx(ve, { className: "discussion-card discussion-post" });
   const { author: w, canLike: F, createdAt: q, id: k, likes: Y = 0, userLiked: B, comments: L = 0 } = t, U = g && g.id && typeof w != "string" && w.id && w.id === g.id || !1, G = typeof F == "boolean" ? F : n ? !U : !1, K = async (R) => {
     R || (R = ""), V("");
     try {
@@ -3825,9 +3824,9 @@ const xe = "discussion_", Rt = ({
       V("delete-error");
     }
   }, se = [{
-    text: v.formatMessage({ id: `${xe}moreMenu_report` }),
-    href: `mailto:community@apolitical.co?subject=${encodeURI(v.formatMessage({ id: `${xe}report_subject` }))}&body=${encodeURI(
-      v.formatMessage(
+    text: b.formatMessage({ id: `${xe}moreMenu_report` }),
+    href: `mailto:community@apolitical.co?subject=${encodeURI(b.formatMessage({ id: `${xe}report_subject` }))}&body=${encodeURI(
+      b.formatMessage(
         { id: `${xe}report_body` },
         {
           contentType: t.type || "",
@@ -3840,7 +3839,7 @@ const xe = "discussion_", Rt = ({
   }];
   return n && U && se.push(
     {
-      text: v.formatMessage({ id: `${xe}moreMenu_edit` }),
+      text: b.formatMessage({ id: `${xe}moreMenu_edit` }),
       onClick: () => $({ ...x, isEditing: !0 }),
       icon: "pencil-paper",
       className: "gtm-trackable",
@@ -3848,7 +3847,7 @@ const xe = "discussion_", Rt = ({
       "data-gtm-event-type": `edit-${t.type}-click`
     },
     {
-      text: v.formatMessage({ id: `${xe}moreMenu_delete` }),
+      text: b.formatMessage({ id: `${xe}moreMenu_delete` }),
       onClick: (R) => {
         R.preventDefault(), R.stopPropagation(), M(!0);
       },
@@ -3888,8 +3887,8 @@ const xe = "discussion_", Rt = ({
                 userHasPermissions: n,
                 meta: { isLoading: s, isInWrapper: !0, isEditing: { text: x.body } },
                 maxLength: t.type === "question" ? 250 : 5e4,
-                forceShow: { error: Q !== "" && Q !== "delete-error" ? v.formatMessage({ id: Q }, {
-                  action: v.formatMessage({
+                forceShow: { error: Q !== "" && Q !== "delete-error" ? b.formatMessage({ id: Q }, {
+                  action: b.formatMessage({
                     id: `discussion_action_${t.type}`
                   })
                 }) : !1 },
@@ -3934,10 +3933,10 @@ const xe = "discussion_", Rt = ({
                     className: "gtm-trackable",
                     "data-gtm-event-context": h,
                     "data-gtm-event-type": `answer-${t.type}-click`,
-                    screenreaderText: v.formatMessage({ id: `${xe}comments_screenReader` }, { count: L })
+                    screenreaderText: b.formatMessage({ id: `${xe}comments_screenReader` }, { count: L })
                   }
                 ),
-                /* @__PURE__ */ r.jsx("span", { children: v.formatMessage({ id: `${xe}comments` }, { count: L }) })
+                /* @__PURE__ */ r.jsx("span", { children: b.formatMessage({ id: `${xe}comments` }, { count: L }) })
               ] }),
               (t.type === "answer" || t.type === "reply") && /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
                 W,
@@ -3946,7 +3945,7 @@ const xe = "discussion_", Rt = ({
                   size: "medium",
                   styling: { muted: !0 },
                   onClick: ie,
-                  children: v.formatMessage({ id: `${xe}reply` })
+                  children: b.formatMessage({ id: `${xe}reply` })
                 }
               ) }),
               /* @__PURE__ */ r.jsx(ps, { element: "li", id: `more-${t.slug}`, options: se })
@@ -3962,18 +3961,18 @@ const xe = "discussion_", Rt = ({
           isOpen: T,
           functions: { onOpen: () => {
           }, onClose: () => M(!1) },
-          forceShow: { error: Q === "delete-error" ? v.formatMessage({ id: "discussion_delete_error" }, {
-            action: v.formatMessage({
+          forceShow: { error: Q === "delete-error" ? b.formatMessage({ id: "discussion_delete_error" }, {
+            action: b.formatMessage({
               id: `discussion_action_${t.type}`
             })
           }) : !1 },
-          title: v.formatMessage(
+          title: b.formatMessage(
             { id: "discussion_delete_title" },
-            { action: v.formatMessage({ id: `discussion_action_${t.type}` }) }
+            { action: b.formatMessage({ id: `discussion_action_${t.type}` }) }
           ),
           buttons: [
-            { variant: "secondary", onClick: () => M(!1), children: v.formatMessage({ id: "discussion_delete_cancel" }) },
-            { variant: "primary", className: "destructive", onClick: le, children: v.formatMessage({ id: "discussion_delete_delete" }) }
+            { variant: "secondary", onClick: () => M(!1), children: b.formatMessage({ id: "discussion_delete_cancel" }) },
+            { variant: "primary", className: "destructive", onClick: le, children: b.formatMessage({ id: "discussion_delete_delete" }) }
           ],
           gtmContext: `${t.type.charAt(0).toUpperCase()}${t.type.slice(1)}:${t.slug}`,
           children: /* @__PURE__ */ r.jsx(
@@ -3982,7 +3981,7 @@ const xe = "discussion_", Rt = ({
               id: "discussion_delete_text",
               values: {
                 p: (R) => /* @__PURE__ */ r.jsx("p", { children: R }),
-                action: v.formatMessage({
+                action: b.formatMessage({
                   id: `discussion_action_${t.type}`
                 })
               }
@@ -4127,11 +4126,11 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
   e.setQueryData(t, u.previousActivities);
 }, onSuccess: (i, { activityId: c }) => {
   const u = e.getQueryData(t), f = u == null ? void 0 : u.map((p) => {
-    var h, _, v, g;
+    var h, _, b, g;
     if (p.id === c) {
-      const E = (v = (_ = (h = p.latest_reactions) == null ? void 0 : h.like) == null ? void 0 : _.find(
+      const E = (b = (_ = (h = p.latest_reactions) == null ? void 0 : h.like) == null ? void 0 : _.find(
         (x) => x.user_id === (n == null ? void 0 : n.id)
-      )) == null ? void 0 : v.id;
+      )) == null ? void 0 : b.id;
       return p.latest_reactions.like = (g = p.latest_reactions.like) == null ? void 0 : g.filter(
         (x) => x.id !== E
       ), p;
@@ -4152,7 +4151,7 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
   const u = P(), f = At(), p = ye(je), {
     data: h,
     error: _,
-    isLoading: v,
+    isLoading: b,
     isFetching: g
   } = cn({
     queryKey: [e, t],
@@ -4196,7 +4195,7 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
     ({ activityId: k }) => w({ activityId: k }),
     [w]
   );
-  return _ ? /* @__PURE__ */ r.jsx(rt, { variant: "error", text: _.message }) : v ? /* @__PURE__ */ r.jsx(be, { style: { height: "400px" } }) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+  return _ ? /* @__PURE__ */ r.jsx(rt, { variant: "error", text: _.message }) : b ? /* @__PURE__ */ r.jsx(ve, { style: { height: "400px" } }) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(
       An,
       {
@@ -4359,7 +4358,7 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
   const u = (f = c.latest_reactions.reply) == null ? void 0 : f.map((p) => {
     var h;
     return p.id === i ? (h = p.latest_children.reply) == null ? void 0 : h.filter(
-      (v) => v.user_id !== (n == null ? void 0 : n.id)
+      (b) => b.user_id !== (n == null ? void 0 : n.id)
     ) : p;
   });
   return e.setQueryData(t, () => ({
@@ -4378,7 +4377,7 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
     queryClient: p,
     queryKey: [e, t, n],
     mutationFn: l
-  }), { mutate: v } = fe(_), g = Rs({
+  }), { mutate: b } = fe(_), g = Rs({
     queryClient: p,
     queryKey: [e, t, n],
     mutationFn: async (w) => m(w)
@@ -4409,7 +4408,7 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
       An,
       {
         contentType: "post",
-        createPost: v,
+        createPost: b,
         membershipRequiredToPost: {
           isMember: o,
           required: !0,
@@ -4564,7 +4563,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 = At(), {
+  const _ = ye(je), b = At(), {
     data: g,
     error: E,
     isLoading: x,
@@ -4573,19 +4572,19 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
     queryKey: [e, t, n],
     queryFn: o
   }), T = Is({
-    queryClient: v,
+    queryClient: b,
     queryKey: [e, t, n],
     mutationFn: async (te) => await l(te)
   }), {
     mutate: M
   } = fe(T), Q = Hs({
-    queryClient: v,
+    queryClient: b,
     queryKey: [e, t, n],
     mutationFn: m
   }), {
     mutate: V
   } = fe(Q), w = Qs({
-    queryClient: v,
+    queryClient: b,
     queryKey: [e, t, n],
     user: _,
     mutationFn: async () => {
@@ -4608,7 +4607,7 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
   if (E)
     return /* @__PURE__ */ r.jsx(rt, { variant: "error", text: E.message });
   if (x || $)
-    return /* @__PURE__ */ r.jsx(be, { style: { height: "400px" } });
+    return /* @__PURE__ */ r.jsx(ve, { style: { height: "400px" } });
   const Y = ((L = g == null ? void 0 : g.actor) == null ? void 0 : L.id) === (_ == null ? void 0 : _.id), B = Ft(s, Y);
   return /* @__PURE__ */ r.jsx(
     Rt,
@@ -4712,7 +4711,7 @@ export {
   Le as Divider,
   oo as DownloadSection,
   Re as EMAILS,
-  vo as EmailHelperTextBox,
+  bo as EmailHelperTextBox,
   rt as EmptyStateBox,
   go as Filters,
   cs as FlagsProvider,
@@ -4725,14 +4724,14 @@ export {
   uo as HideShowTextBox,
   ke as HighlightedTextBox,
   us as IntlProvider,
-  bs as InviteForm,
+  vs as InviteForm,
   So as InviteModal,
   yn as JoinButton,
   _o as LanguageSwitcher,
   nt as Link,
   fs as LoadMore,
   mo as LoadingBlock,
-  be as LoadingPlaceholder,
+  ve as LoadingPlaceholder,
   ns as LoadingState,
   jn as Logo,
   ao as LogoSection,
@@ -4745,7 +4744,7 @@ export {
   co as NUMBER_OF_USERS,
   Dn as Overlay,
   ko as PageLayout,
-  bo as PasswordRules,
+  vo as PasswordRules,
   qr as Pill,
   Dt as ProfilePicture,
   es as ProgressBar,
@@ -4753,7 +4752,7 @@ export {
   Bs as RepliesFeed,
   $o as ResponsesHeading,
   Br as ResponsiveImage,
-  vs as SearchForm,
+  bs as SearchForm,
   Zr as Span,
   $t as StatusBanner,
   yo as Tags,