@apolitical/component-library 2.3.0-beta.0 → 2.3.0-beta.1

package/index.mjs

@@ -105,15 +105,15 @@ function Ri() {
     return at;
   yr = 1;
   var t = Y, e = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, i = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function o(c, f, l) {
-    var d, u = {}, m = null, p = null;
-    l !== void 0 && (m = "" + l), f.key !== void 0 && (m = "" + f.key), f.ref !== void 0 && (p = f.ref);
-    for (d in f)
-      r.call(f, d) && !s.hasOwnProperty(d) && (u[d] = f[d]);
+  function o(c, f, u) {
+    var l, d = {}, m = null, p = null;
+    u !== void 0 && (m = "" + u), f.key !== void 0 && (m = "" + f.key), f.ref !== void 0 && (p = f.ref);
+    for (l in f)
+      r.call(f, l) && !s.hasOwnProperty(l) && (d[l] = f[l]);
     if (c && c.defaultProps)
-      for (d in f = c.defaultProps, f)
-        u[d] === void 0 && (u[d] = f[d]);
-    return { $$typeof: e, type: c, key: m, ref: p, props: u, _owner: i.current };
+      for (l in f = c.defaultProps, f)
+        d[l] === void 0 && (d[l] = f[l]);
+    return { $$typeof: e, type: c, key: m, ref: p, props: d, _owner: i.current };
   }
   return at.Fragment = n, at.jsx = o, at.jsxs = o, at;
 }
@@ -130,15 +130,15 @@ var it = {};
 var _r;
 function Fi() {
   return _r || (_r = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = Y, e = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), o = Symbol.for("react.provider"), c = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), l = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), u = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), g = Symbol.iterator, b = "@@iterator";
+    var t = Y, e = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), o = Symbol.for("react.provider"), c = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), l = Symbol.for("react.suspense_list"), d = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), g = Symbol.iterator, y = "@@iterator";
     function _(h) {
       if (h === null || typeof h != "object")
         return null;
-      var P = g && h[g] || h[b];
+      var P = g && h[g] || h[y];
       return typeof P == "function" ? P : null;
     }
     var v = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function y(h) {
+    function b(h) {
       {
         for (var P = arguments.length, B = new Array(P > 1 ? P - 1 : 0), ne = 1; ne < P; ne++)
           B[ne - 1] = arguments[ne];
@@ -158,7 +158,7 @@ function Fi() {
     var T = !1, w = !1, D = !1, R = !1, W = !1, M;
     M = Symbol.for("react.module.reference");
     function O(h) {
-      return !!(typeof h == "string" || typeof h == "function" || h === r || h === s || W || h === i || h === l || h === d || R || h === p || T || w || D || typeof h == "object" && h !== null && (h.$$typeof === m || h.$$typeof === u || h.$$typeof === o || h.$$typeof === c || h.$$typeof === f || // This needs to include all possible module reference object
+      return !!(typeof h == "string" || typeof h == "function" || h === r || h === s || W || h === i || h === u || h === l || R || h === p || T || w || D || typeof h == "object" && h !== null && (h.$$typeof === m || h.$$typeof === d || h.$$typeof === o || h.$$typeof === c || h.$$typeof === f || // 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.
@@ -177,7 +177,7 @@ function Fi() {
     function x(h) {
       if (h == null)
         return null;
-      if (typeof h.tag == "number" && y("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof h == "function")
+      if (typeof h.tag == "number" && b("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof h == "function")
         return h.displayName || h.name || null;
       if (typeof h == "string")
         return h;
@@ -190,9 +190,9 @@ function Fi() {
           return "Profiler";
         case i:
           return "StrictMode";
-        case l:
+        case u:
           return "Suspense";
-        case d:
+        case l:
           return "SuspenseList";
       }
       if (typeof h == "object")
@@ -205,7 +205,7 @@ function Fi() {
             return E(B._context) + ".Provider";
           case f:
             return C(h, h.render, "ForwardRef");
-          case u:
+          case d:
             var ne = h.displayName || null;
             return ne !== null ? ne : x(h.type) || "Memo";
           case m: {
@@ -278,7 +278,7 @@ function Fi() {
             })
           });
         }
-        L < 0 && y("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        L < 0 && b("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var G = v.ReactCurrentDispatcher, V;
@@ -386,16 +386,16 @@ function Fi() {
       if (typeof h == "string")
         return X(h);
       switch (h) {
-        case l:
+        case u:
           return X("Suspense");
-        case d:
+        case l:
           return X("SuspenseList");
       }
       if (typeof h == "object")
         switch (h.$$typeof) {
           case f:
             return ve(h.render);
-          case u:
+          case d:
             return Ee(h.type, P, B);
           case m: {
             var ne = h, le = ne._payload, me = ne._init;
@@ -430,7 +430,7 @@ function Fi() {
             } catch (he) {
               se = he;
             }
-            se && !(se instanceof Error) && (wt(le), y("%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).", ne || "React class", B, ce, typeof se), wt(null)), se instanceof Error && !(se.message in sr) && (sr[se.message] = !0, wt(le), y("Failed %s type: %s", B, se.message), wt(null));
+            se && !(se instanceof Error) && (wt(le), b("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", ne || "React class", B, ce, typeof se), wt(null)), se instanceof Error && !(se.message in sr) && (sr[se.message] = !0, wt(le), b("Failed %s type: %s", B, se.message), wt(null));
           }
       }
     }
@@ -456,7 +456,7 @@ function Fi() {
     }
     function lr(h) {
       if (ei(h))
-        return y("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Xa(h)), cr(h);
+        return b("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Xa(h)), cr(h);
     }
     var rt = v.ReactCurrentOwner, ti = {
       key: !0,
@@ -484,13 +484,13 @@ function Fi() {
     function ai(h, P) {
       if (typeof h.ref == "string" && rt.current && P && rt.current.stateNode !== P) {
         var B = x(rt.current.type);
-        sn[B] || (y('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', x(rt.current.type), h.ref), sn[B] = !0);
+        sn[B] || (b('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', x(rt.current.type), h.ref), sn[B] = !0);
       }
     }
     function ii(h, P) {
       {
         var B = function() {
-          ur || (ur = !0, y("%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)", P));
+          ur || (ur = !0, b("%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)", P));
         };
         B.isReactWarning = !0, Object.defineProperty(h, "key", {
           get: B,
@@ -501,7 +501,7 @@ function Fi() {
     function si(h, P) {
       {
         var B = function() {
-          dr || (dr = !0, y("%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)", P));
+          dr || (dr = !0, b("%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)", P));
         };
         B.isReactWarning = !0, Object.defineProperty(h, "ref", {
           get: B,
@@ -615,7 +615,7 @@ Check the top-level render call using <` + B + ">.");
           return;
         pr[B] = !0;
         var ne = "";
-        h && h._owner && h._owner !== on.current && (ne = " It was passed a child from " + x(h._owner.type) + "."), Ve(h), y('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', B, ne), Ve(null);
+        h && h._owner && h._owner !== on.current && (ne = " It was passed a child from " + x(h._owner.type) + "."), Ve(h), b('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', B, ne), Ve(null);
       }
     }
     function gr(h, P) {
@@ -647,7 +647,7 @@ Check the top-level render call using <` + B + ">.");
           B = P.propTypes;
         else if (typeof P == "object" && (P.$$typeof === f || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        P.$$typeof === u))
+        P.$$typeof === d))
           B = P.propTypes;
         else
           return;
@@ -657,9 +657,9 @@ Check the top-level render call using <` + B + ">.");
         } else if (P.PropTypes !== void 0 && !cn) {
           cn = !0;
           var le = x(P);
-          y("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", le || "Unknown");
+          b("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", le || "Unknown");
         }
-        typeof P.getDefaultProps == "function" && !P.getDefaultProps.isReactClassApproved && y("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof P.getDefaultProps == "function" && !P.getDefaultProps.isReactClassApproved && b("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function fi(h) {
@@ -667,11 +667,11 @@ Check the top-level render call using <` + B + ">.");
         for (var P = Object.keys(h.props), B = 0; B < P.length; B++) {
           var ne = P[B];
           if (ne !== "children" && ne !== "key") {
-            Ve(h), y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", ne), Ve(null);
+            Ve(h), b("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", ne), Ve(null);
             break;
           }
         }
-        h.ref !== null && (Ve(h), y("Invalid attribute `ref` supplied to `React.Fragment`."), Ve(null));
+        h.ref !== null && (Ve(h), b("Invalid attribute `ref` supplied to `React.Fragment`."), Ve(null));
       }
     }
     function vr(h, P, B, ne, le, me) {
@@ -683,7 +683,7 @@ Check the top-level render call using <` + B + ">.");
           var xe = li(le);
           xe ? se += xe : se += mr();
           var he;
-          h === null ? he = "null" : an(h) ? he = "array" : h !== void 0 && h.$$typeof === e ? (he = "<" + (x(h.type) || "Unknown") + " />", se = " Did you accidentally export a JSX literal instead of a component?") : he = typeof h, y("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", he, se);
+          h === null ? he = "null" : an(h) ? he = "array" : h !== void 0 && h.$$typeof === e ? (he = "<" + (x(h.type) || "Unknown") + " />", se = " Did you accidentally export a JSX literal instead of a component?") : he = typeof h, b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", he, se);
         }
         var ge = ci(h, P, B, le, me);
         if (ge == null)
@@ -697,7 +697,7 @@ Check the top-level render call using <` + B + ">.");
                   gr(ke[Ye], h);
                 Object.freeze && Object.freeze(ke);
               } else
-                y("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                b("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
               gr(ke, h);
         }
@@ -731,49 +731,49 @@ const Oi = () => {
   }, e);
 };
 function Ai(t, e, n) {
-  var r = this, i = pe(null), s = pe(0), o = pe(null), c = pe([]), f = pe(), l = pe(), d = pe(t), u = pe(!0);
-  d.current = t;
+  var r = this, i = pe(null), s = pe(0), o = pe(null), c = pe([]), f = pe(), u = pe(), l = pe(t), d = pe(!0);
+  l.current = t;
   var m = typeof window < "u", p = !e && e !== 0 && m;
   if (typeof t != "function")
     throw new TypeError("Expected a function");
   e = +e || 0;
-  var g = !!(n = n || {}).leading, b = !("trailing" in n) || !!n.trailing, _ = "maxWait" in n, v = "debounceOnServer" in n && !!n.debounceOnServer, y = _ ? Math.max(+n.maxWait || 0, e) : null;
+  var g = !!(n = n || {}).leading, y = !("trailing" in n) || !!n.trailing, _ = "maxWait" in n, v = "debounceOnServer" in n && !!n.debounceOnServer, b = _ ? Math.max(+n.maxWait || 0, e) : null;
   ae(function() {
-    return u.current = !0, function() {
-      u.current = !1;
+    return d.current = !0, function() {
+      d.current = !1;
     };
   }, []);
   var j = bt(function() {
     var T = function(O) {
       var C = c.current, E = f.current;
-      return c.current = f.current = null, s.current = O, l.current = d.current.apply(E, C);
+      return c.current = f.current = null, s.current = O, u.current = l.current.apply(E, C);
     }, w = function(O, C) {
       p && cancelAnimationFrame(o.current), o.current = p ? requestAnimationFrame(O) : setTimeout(O, C);
     }, D = function(O) {
-      if (!u.current)
+      if (!d.current)
         return !1;
       var C = O - i.current;
-      return !i.current || C >= e || C < 0 || _ && O - s.current >= y;
+      return !i.current || C >= e || C < 0 || _ && O - s.current >= b;
     }, R = function(O) {
-      return o.current = null, b && c.current ? T(O) : (c.current = f.current = null, l.current);
+      return o.current = null, y && c.current ? T(O) : (c.current = f.current = null, u.current);
     }, W = function O() {
       var C = Date.now();
       if (D(C))
         return R(C);
-      if (u.current) {
-        var E = e - (C - i.current), x = _ ? Math.min(E, y - (C - s.current)) : E;
+      if (d.current) {
+        var E = e - (C - i.current), x = _ ? Math.min(E, b - (C - s.current)) : E;
         w(O, x);
       }
     }, M = function() {
       if (m || v) {
         var O = Date.now(), C = D(O);
         if (c.current = [].slice.call(arguments), f.current = r, i.current = O, C) {
-          if (!o.current && u.current)
-            return s.current = i.current, w(W, e), g ? T(i.current) : l.current;
+          if (!o.current && d.current)
+            return s.current = i.current, w(W, e), g ? T(i.current) : u.current;
           if (_)
             return w(W, e), T(i.current);
         }
-        return o.current || w(W, e), l.current;
+        return o.current || w(W, e), u.current;
       }
     };
     return M.cancel = function() {
@@ -781,9 +781,9 @@ function Ai(t, e, n) {
     }, M.isPending = function() {
       return !!o.current;
     }, M.flush = function() {
-      return o.current ? R(Date.now()) : l.current;
+      return o.current ? R(Date.now()) : u.current;
     }, M;
-  }, [g, _, e, y, b, p, m, v]);
+  }, [g, _, e, b, y, p, m, v]);
   return j;
 }
 function la(t, e, n) {
@@ -796,18 +796,18 @@ const yt = (t = !0, e = !1, n = "window") => {
     return;
   const [r, i] = Y.useState(0) || [!1, () => {
   }];
-  ae(() => (c(), window.addEventListener("resize", l), window.addEventListener("hiddenSectionVisible", f), () => {
-    clearTimeout(un), l.flush(), window.removeEventListener("resize", l), window.removeEventListener("hiddenSectionVisible", f);
+  ae(() => (c(), window.addEventListener("resize", u), window.addEventListener("hiddenSectionVisible", f), () => {
+    clearTimeout(un), u.flush(), window.removeEventListener("resize", u), window.removeEventListener("hiddenSectionVisible", f);
   }), n === "window" ? [] : [n]);
   const o = () => {
     if (n)
       return n === "window" ? window.innerWidth : n.offsetWidth;
   }, c = () => {
     i(o());
-  }, f = ({ detail: d }) => {
-    const { id: u } = d;
-    n === "window" || !n.closest(`#${u}`) || o() === r || c();
-  }, l = la(
+  }, f = ({ detail: l }) => {
+    const { id: d } = l;
+    n === "window" || !n.closest(`#${d}`) || o() === r || c();
+  }, u = la(
     () => {
       o() !== r && (e && (clearTimeout(un), document.body.classList.add("is-resizing"), un = setTimeout(() => {
         document.body.classList.remove("is-resizing");
@@ -837,17 +837,17 @@ const yt = (t = !0, e = !1, n = "window") => {
     scrollUp: !1
   }) || [!1, () => {
   }];
-  ae(() => (f(), window.addEventListener("scroll", l), () => {
-    l.flush(), window.removeEventListener("scroll", l);
+  ae(() => (f(), window.addEventListener("scroll", u), () => {
+    u.flush(), window.removeEventListener("scroll", u);
   }), []);
   const f = () => {
-    const d = window.scrollY, u = i.current, m = d - u, p = m > 0 ? "down" : "up";
-    if (s({ current: d, past: u }), p === "down") {
-      d >= t + e.down && !o.scrollDown && (!o.scrollUp || m > e.up) && (n(), c({ scrollUp: !1, scrollDown: !0 }));
+    const l = window.scrollY, d = i.current, m = l - d, p = m > 0 ? "down" : "up";
+    if (s({ current: l, past: d }), p === "down") {
+      l >= t + e.down && !o.scrollDown && (!o.scrollUp || m > e.up) && (n(), c({ scrollUp: !1, scrollDown: !0 }));
       return;
     }
     Math.abs(m) >= e.up && !o.scrollUp && (r(), c({ scrollUp: !0, scrollDown: !1 }));
-  }, l = la(() => {
+  }, u = la(() => {
     f();
   }, 250);
   return i;
@@ -1418,9 +1418,9 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   onClick: o = !1,
   className: c = "",
   disabled: f = !1,
-  screenreaderText: l = !1,
-  children: d = !1,
-  ...u
+  screenreaderText: u = !1,
+  children: l = !1,
+  ...d
 }) => {
   const p = yt(typeof e == "object");
   if (typeof e == "object" && typeof p == "number") {
@@ -1429,10 +1429,10 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   }
   const g = [];
   typeof e == "string" && g.push(e), r && (g.push("icon"), typeof r == "object" ? (g.push(r.icon), r.position ? g.push(r.position) : g.push("left"), r.hover && g.push(`hover_${r.hover}`), r.animate && (g.push("animate"), typeof r.animate == "string" && g.push(r.animate))) : (g.push(r), !r.includes("right") && !r.includes("left") && g.push("left"))), n.muted && g.push("muted"), n.fullWidth && g.push("full-width");
-  const b = {
-    ...u,
+  const y = {
+    ...d,
     className: S(t, c, g, {
-      "no-text": !d,
+      "no-text": !l,
       disabled: f,
       button: i
     }),
@@ -1441,10 +1441,10 @@ Thank you for helping to protect the Apolitical community from abusive content.`
     },
     disabled: typeof f == "object" && "isClickable" in f ? !f.isClickable : f
   };
-  return i && (s = "a", b.href = i), Y.createElement(
+  return i && (s = "a", y.href = i), Y.createElement(
     s,
-    b,
-    d || (l ? /* @__PURE__ */ a.jsx(be, { showOnFocus: !1, children: l }) : null)
+    y,
+    l || (u ? /* @__PURE__ */ a.jsx(be, { showOnFocus: !1, children: u }) : null)
   );
 }, _t = ({ buttons: t, className: e = "", ...n }) => {
   const r = t.length > 1 ? "ul" : "p", i = t.map((s, o) => r === "p" ? /* @__PURE__ */ a.jsx(ie, { ...s }, o) : /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(ie, { ...s }) }, o));
@@ -1584,10 +1584,10 @@ const xt = ({ image: t, className: e, testId: n }) => {
     query: o,
     url: c,
     width: f,
-    loading: l,
-    decoding: d,
-    fetchPriority: u
-  } = t, { range: m, sizes: p } = Xi(t), g = dn({ format: "avif", query: o, range: m, url: c }), b = dn({ format: "webp", query: o, range: m, url: c }), _ = dn({ format: "", query: o, range: m, url: c });
+    loading: u,
+    decoding: l,
+    fetchPriority: d
+  } = t, { range: m, sizes: p } = Xi(t), g = dn({ format: "avif", query: o, range: m, url: c }), y = dn({ format: "webp", query: o, range: m, url: c }), _ = dn({ format: "", query: o, range: m, url: c });
   return /* @__PURE__ */ a.jsxs("picture", { className: e, children: [
     s !== "image/gif" && /* @__PURE__ */ a.jsx(
       "source",
@@ -1598,7 +1598,7 @@ const xt = ({ image: t, className: e, testId: n }) => {
         "data-testid": "source"
       }
     ),
-    /* @__PURE__ */ a.jsx("source", { type: "image/webp", srcSet: b, sizes: p, "data-testid": "source" }),
+    /* @__PURE__ */ a.jsx("source", { type: "image/webp", srcSet: y, sizes: p, "data-testid": "source" }),
     /* @__PURE__ */ a.jsx(
       "img",
       {
@@ -1606,9 +1606,9 @@ const xt = ({ image: t, className: e, testId: n }) => {
         sizes: p,
         src: c,
         alt: r,
-        loading: l || "lazy",
-        decoding: d || "async",
-        fetchpriority: u || "auto",
+        loading: u || "lazy",
+        decoding: l || "async",
+        fetchpriority: d || "auto",
         width: f,
         height: i,
         "data-testid": n || "image"
@@ -1796,14 +1796,14 @@ const nt = ({
   let i = n && !!Object.keys(n).length;
   const s = typeof n == "object" && "breakpoints" in n, o = yt(s);
   if (s && typeof n == "object" && typeof o == "number") {
-    const u = Object.assign({}, n.breakpoints), m = da(Object.keys(u));
-    i = fa(o, m, u);
+    const d = Object.assign({}, n.breakpoints), m = da(Object.keys(d));
+    i = fa(o, m, d);
   }
   const {
     breakpoints: c,
     text: f = "",
-    component: l,
-    ...d
+    component: u,
+    ...l
   } = n;
   return /* @__PURE__ */ a.jsx(
     Fe,
@@ -1812,10 +1812,10 @@ const nt = ({
       className: S("empty-state-box", t, r),
       children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
         e && typeof e == "string" ? /* @__PURE__ */ a.jsx(Re, { options: { forceBlock: !0 }, children: e }) : e,
-        i && typeof n == "object" && (l || /* @__PURE__ */ a.jsx(
+        i && typeof n == "object" && (u || /* @__PURE__ */ a.jsx(
           ie,
           {
-            ...d,
+            ...l,
             variant: n.variant ? n.variant : "secondary",
             children: f
           }
@@ -1853,12 +1853,12 @@ const Sl = ({
   text: r,
   children: i
 }) => {
-  const s = K(), o = pe(null), [c, f] = te(""), [l, d] = te("closed");
+  const s = K(), o = pe(null), [c, f] = te(""), [u, l] = te("closed");
   ae(() => {
     const p = o.current;
     if (p)
-      return p.addEventListener("transitionend", u), () => {
-        p.removeEventListener("transitionend", u);
+      return p.addEventListener("transitionend", d), () => {
+        p.removeEventListener("transitionend", d);
       };
   }, []), ae(() => {
     if (!r || typeof r != "string")
@@ -1870,23 +1870,23 @@ const Sl = ({
 `)
     );
   }, [r]), ae(() => {
-    l === "ready-to-close" && d("closing");
-  }, [l]);
-  const u = ({ propertyName: p }) => {
-    p === "max-height" && d((g) => g === "opening" ? "open" : g === "closing" ? "closed" : g);
+    u === "ready-to-close" && l("closing");
+  }, [u]);
+  const d = ({ propertyName: p }) => {
+    p === "max-height" && l((g) => g === "opening" ? "open" : g === "closing" ? "closed" : g);
   };
   if (!r)
     return null;
-  const m = ["opening", "open"].includes(l);
+  const m = ["opening", "open"].includes(u);
   return /* @__PURE__ */ a.jsxs(
     Fe,
     {
       variant: "subtle",
       className: S("hide-show-text-box", t),
       children: [
-        /* @__PURE__ */ a.jsxs("div", { ref: o, className: S("content", l), children: [
-          /* @__PURE__ */ a.jsx(Re, { options: { forceBlock: !0 }, children: l === "closed" ? c : r }),
-          l !== "closed" && i
+        /* @__PURE__ */ a.jsxs("div", { ref: o, className: S("content", u), children: [
+          /* @__PURE__ */ a.jsx(Re, { options: { forceBlock: !0 }, children: u === "closed" ? c : r }),
+          u !== "closed" && i
         ] }),
         /* @__PURE__ */ a.jsx("p", { className: "cta", children: /* @__PURE__ */ a.jsx(
           ie,
@@ -1896,7 +1896,7 @@ const Sl = ({
             styling: { muted: !0 },
             className: S({ "rotate-180": m }),
             onClick: () => {
-              d(m ? "ready-to-close" : "opening");
+              l(m ? "ready-to-close" : "opening");
             },
             children: m ? n || s.formatMessage({ id: "hideShowTextBox_hide" }) : e || s.formatMessage({ id: "hideShowTextBox_show" })
           }
@@ -1920,14 +1920,14 @@ const Cl = ({
       "has-zebra-stripes": c,
       [e]: t !== "dl"
     }),
-    children: r.map((f, l) => {
-      const d = { wrapper: Y.Fragment, forceInline: !0 }, u = {
+    children: r.map((f, u) => {
+      const l = { wrapper: Y.Fragment, forceInline: !0 }, d = {
         "--icon": `url(${ze}icons/${f.icon}.svg)`
       };
       return t === "dl" ? /* @__PURE__ */ a.jsxs(Y.Fragment, { children: [
-        /* @__PURE__ */ a.jsx("dt", { style: u, children: /* @__PURE__ */ a.jsx(Re, { options: d, children: f.dt || "" }) }, `dt-${l}`),
-        /* @__PURE__ */ a.jsx("dd", { children: /* @__PURE__ */ a.jsx(Re, { options: d, children: f.text }) }, `dd-${l}`)
-      ] }, `dl-${l}`) : /* @__PURE__ */ a.jsx("li", { style: u, children: /* @__PURE__ */ a.jsx(Re, { options: d, children: f.text }) }, l);
+        /* @__PURE__ */ a.jsx("dt", { style: d, children: /* @__PURE__ */ a.jsx(Re, { options: l, children: f.dt || "" }) }, `dt-${u}`),
+        /* @__PURE__ */ a.jsx("dd", { children: /* @__PURE__ */ a.jsx(Re, { options: l, children: f.text }) }, `dd-${u}`)
+      ] }, `dl-${u}`) : /* @__PURE__ */ a.jsx("li", { style: d, children: /* @__PURE__ */ a.jsx(Re, { options: l, children: f.text }) }, u);
     })
   });
 }, ye = () => Y.Fragment, is = ({ children: t }) => /* @__PURE__ */ a.jsx(Fe, { variant: "secondary", children: t }), ss = ["span", "strong", "h1", "h2", "h3", "h4", "h5", "h6", "p"], os = ({ children: t }) => {
@@ -2133,14 +2133,14 @@ const Nl = ({
     if (t.length)
       return;
     let o = "";
-    Array(6).fill(0).forEach((l, d) => {
-      o += `${d > 0 ? ", " : ""}${e} h${d + 1}`;
+    Array(6).fill(0).forEach((u, l) => {
+      o += `${l > 0 ? ", " : ""}${e} h${l + 1}`;
     });
     const f = Array.from(document.querySelectorAll(o)).filter(
-      (l) => l.id
-    ).map((l) => ({
-      id: l.id,
-      text: l.textContent || ""
+      (u) => u.id
+    ).map((u) => ({
+      id: u.id,
+      text: u.textContent || ""
     }));
     s(f);
   }, []), i && i.length > 0 && /* @__PURE__ */ a.jsxs(
@@ -2159,15 +2159,15 @@ const Gn = ({ time: t, prependedText: e, appendedText: n, className: r = "" }) =
   const i = K(), s = "timeToComplete_";
   if (!t || typeof t != "number")
     return null;
-  const o = t / 60, c = Math.floor(o), f = (o - c) * 60, l = Math.round(f);
-  let d = `${i.formatMessage(
+  const o = t / 60, c = Math.floor(o), f = (o - c) * 60, u = Math.round(f);
+  let l = `${i.formatMessage(
     { id: `${s}hours` },
     { time: c }
-  )}${c > 0 && l > 0 ? ", " : ""}${i.formatMessage(
+  )}${c > 0 && u > 0 ? ", " : ""}${i.formatMessage(
     { id: `${s}minutes` },
-    { time: l }
-  )}`, u = `${c > 0 ? `${i.formatMessage({ id: `${s}hours_short` }, { time: c })} ` : ""}${l > 0 ? i.formatMessage({ id: `${s}minutes_short` }, { time: l }) : ""}`;
-  return e && (d = `${e} ${d}`, u = `${e} ${u}`), n && (d = `${d} ${n}`, u = `${u} ${n}`), /* @__PURE__ */ a.jsx("span", { className: S("time-to-complete", r), "aria-label": d, children: u });
+    { time: u }
+  )}`, d = `${c > 0 ? `${i.formatMessage({ id: `${s}hours_short` }, { time: c })} ` : ""}${u > 0 ? i.formatMessage({ id: `${s}minutes_short` }, { time: u }) : ""}`;
+  return e && (l = `${e} ${l}`, d = `${e} ${d}`), n && (l = `${l} ${n}`, d = `${d} ${n}`), /* @__PURE__ */ a.jsx("span", { className: S("time-to-complete", r), "aria-label": l, children: d });
 };
 let st = !1;
 const hs = ({ isOpen: t = !1, isLoading: e = !1, children: n }) => {
@@ -2180,7 +2180,7 @@ const hs = ({ isOpen: t = !1, isLoading: e = !1, children: n }) => {
       };
   }, []);
   const c = ({ propertyName: f }) => {
-    f === "opacity" && (st !== !1 && clearTimeout(st), o((l) => l === "opening" ? "open" : l === "closing" ? "closed" : l === "closed" ? "hidden" : l));
+    f === "opacity" && (st !== !1 && clearTimeout(st), o((u) => u === "opening" ? "open" : u === "closing" ? "closed" : u === "closed" ? "hidden" : u));
   };
   return vt(() => {
     st !== !1 && clearTimeout(st);
@@ -2274,7 +2274,7 @@ const gs = ({ icon: t, description: e, ctaMessage: n, href: r, showEditButton: i
   placeholder: o,
   showDivider: c = !0
 }) => {
-  const [f, l] = Y.useState(!1), d = typeof r == "string" || !!n, u = () => l(!1);
+  const [f, u] = Y.useState(!1), l = typeof r == "string" || !!n, d = () => u(!1);
   return /* @__PURE__ */ a.jsxs("section", { className: S("edit-section", e), children: [
     n && /* @__PURE__ */ a.jsx(
       en,
@@ -2283,7 +2283,7 @@ const gs = ({ icon: t, description: e, ctaMessage: n, href: r, showEditButton: i
         isOpen: f,
         showDivider: !1,
         showIcon: !1,
-        functions: { onClose: u },
+        functions: { onClose: d },
         className: S("edit-section-modal"),
         children: /* @__PURE__ */ a.jsx(Xn, { ...n, fields: n.fields, meta: {
           ...n == null ? void 0 : n.meta,
@@ -2294,17 +2294,17 @@ const gs = ({ icon: t, description: e, ctaMessage: n, href: r, showEditButton: i
           ...n == null ? void 0 : n.functions,
           onSuccess: async (m) => {
             var p, g;
-            (p = n == null ? void 0 : n.functions) != null && p.onSuccess && await ((g = n == null ? void 0 : n.functions) == null ? void 0 : g.onSuccess(m)), l(!1);
+            (p = n == null ? void 0 : n.functions) != null && p.onSuccess && await ((g = n == null ? void 0 : n.functions) == null ? void 0 : g.onSuccess(m)), u(!1);
           },
-          onCancel: u
+          onCancel: d
         } })
       }
     ),
     /* @__PURE__ */ a.jsxs("div", { className: "edit-section-header", children: [
       /* @__PURE__ */ a.jsx("h2", { className: "edit-section-header-title", children: i }),
-      d && /* @__PURE__ */ a.jsx(ie, { href: r, variant: "tertiary", size: "small", icon: "pencil", onClick: () => ha({ href: r, setShowModal: l }), children: "Edit" })
+      l && /* @__PURE__ */ a.jsx(ie, { href: r, variant: "tertiary", size: "small", icon: "pencil", onClick: () => ha({ href: r, setShowModal: u }), children: "Edit" })
     ] }),
-    t || /* @__PURE__ */ a.jsx(gs, { ...o, href: r, setShowModal: l, showEditButton: d }),
+    t || /* @__PURE__ */ a.jsx(gs, { ...o, href: r, setShowModal: u, showEditButton: l }),
     c && /* @__PURE__ */ a.jsx(Oe, {})
   ] });
 };
@@ -2342,22 +2342,22 @@ const Fl = ({
               "two-col": i === 2 || i === 4,
               "three-col": i === 5 || i <= 10 && i % 3 === 0
             }),
-            children: e.map(({ logo: l, nameOfBusiness: d, link: u = !1, description: m = !1 }, p) => {
-              if (!l || !l.url)
+            children: e.map(({ logo: u, nameOfBusiness: l, link: d = !1, description: m = !1 }, p) => {
+              if (!u || !u.url)
                 return null;
               const g = /* @__PURE__ */ a.jsx(
                 "img",
                 {
-                  src: l.url,
-                  width: l.width || "auto",
-                  height: l.height || "auto",
-                  alt: d
+                  src: u.url,
+                  width: u.width || "auto",
+                  height: u.height || "auto",
+                  alt: l
                 }
               );
               return /* @__PURE__ */ a.jsxs("li", { children: [
-                /* @__PURE__ */ a.jsx("p", { className: "img-wrapper", children: u ? /* @__PURE__ */ a.jsx("a", { href: u, target: "_blank", rel: "nofollow noreferrer noopener", children: g }) : g }),
+                /* @__PURE__ */ a.jsx("p", { className: "img-wrapper", children: d ? /* @__PURE__ */ a.jsx("a", { href: d, target: "_blank", rel: "nofollow noreferrer noopener", children: g }) : g }),
                 m && /* @__PURE__ */ a.jsx("small", { children: m })
-              ] }, window.btoa(`${l.url}_${p}`));
+              ] }, window.btoa(`${u.url}_${p}`));
             })
           }
         )
@@ -2393,31 +2393,31 @@ const vs = [
   cta: o,
   children: c
 }) => {
-  const f = ["eyebrow", "title", "text"], l = { eyebrow: "small", title: "h1", text: "p" }, d = {};
-  return f.forEach((u) => {
-    if (!e[u]) {
-      d[u] = !1;
+  const f = ["eyebrow", "title", "text"], u = { eyebrow: "small", title: "h1", text: "p" }, l = {};
+  return f.forEach((d) => {
+    if (!e[d]) {
+      l[d] = !1;
       return;
     }
-    if (!s[u]) {
-      if (typeof e[u] == "object") {
-        d[u] = e[u];
-        const { text: m, element: p } = e[u];
+    if (!s[d]) {
+      if (typeof e[d] == "object") {
+        l[d] = e[d];
+        const { text: m, element: p } = e[d];
         if (p && vs.includes(p.toLowerCase()))
           return;
-        d[u] = {
+        l[d] = {
           text: m,
-          element: l[u]
+          element: u[d]
         };
         return;
       }
-      d[u] = {
-        text: e[u],
-        element: l[u]
+      l[d] = {
+        text: e[d],
+        element: u[d]
       };
     }
-  }), o && o.link && o.link[0] === "#" && (o.props || (o.props = {}), o.props.onClick = (u) => {
-    u.preventDefault(), u.stopPropagation();
+  }), o && o.link && o.link[0] === "#" && (o.props || (o.props = {}), o.props.onClick = (d) => {
+    d.preventDefault(), d.stopPropagation();
     const m = document.getElementById(o.link.substring(1));
     m && m.scrollIntoView({ behavior: "smooth" });
   }), /* @__PURE__ */ a.jsx(
@@ -2425,14 +2425,14 @@ const vs = [
     {
       className: S("banner-section", r, i, t, {
         "has-image": n,
-        "has-extra-spacing": i === "normal" && d.eyebrow && d.title
+        "has-extra-spacing": i === "normal" && l.eyebrow && l.title
       }),
       children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
         /* @__PURE__ */ a.jsxs("div", { className: "content-wrapper", children: [
-          f.map((u) => {
-            if (d[u] && typeof d[u] == "object") {
-              const { text: m, element: p = "" } = d[u];
-              return u === "text" ? /* @__PURE__ */ a.jsx(Lt, { overrideType: "text-only", className: "text", children: m }, u) : Y.createElement(p, { key: u, className: u }, m);
+          f.map((d) => {
+            if (l[d] && typeof l[d] == "object") {
+              const { text: m, element: p = "" } = l[d];
+              return d === "text" ? /* @__PURE__ */ a.jsx(Lt, { overrideType: "text-only", className: "text", children: m }, d) : Y.createElement(p, { key: d, className: d }, m);
             }
             return null;
           }),
@@ -2600,15 +2600,15 @@ const Es = ({
     layout: o = "bar",
     size: c = "default",
     color: f = "default"
-  } = t, l = e > 75 ? 100 : e > 50 ? 75 : e > 25 ? 50 : e > 5 ? 25 : 0, d = { "--progress": `${e}%` };
+  } = t, u = e > 75 ? 100 : e > 50 ? 75 : e > 25 ? 50 : e > 5 ? 25 : 0, l = { "--progress": `${e}%` };
   return /* @__PURE__ */ a.jsx(
     "span",
     {
-      className: S(`progress-bar section-${l}`, o, r, {
+      className: S(`progress-bar section-${u}`, o, r, {
         [c]: c !== "default",
         [f !== "default" ? f : ""]: f !== "default"
       }),
-      style: d,
+      style: l,
       children: Y.createElement(s ? "span" : be, {
         className: s ? "text" : "",
         children: n || i.formatMessage({ id: "progressBar" }, { number: e })
@@ -2720,24 +2720,24 @@ const Sr = 256, He = ({
   height: s = Sr,
   ...o
 }) => {
-  const [c, f] = te(!1), l = pe(null);
+  const [c, f] = te(!1), u = pe(null);
   ae(() => {
-    const u = l.current;
-    if (!u)
+    const d = u.current;
+    if (!d)
       return;
-    const m = u.getContext("2d");
+    const m = d.getContext("2d");
     if (!m)
       return;
     const p = i, g = s;
-    typeof window < "u" && window.devicePixelRatio && (u.width = p * window.devicePixelRatio, u.height = g * window.devicePixelRatio, m.scale(window.devicePixelRatio, window.devicePixelRatio)), m.fillStyle = Cs(n), m.fillRect(0, 0, p, g), m.font = `${p / 3}px Arial`, m.textAlign = "center", m.fillStyle = "white", m.fillText(ya(n), p / 2, g / 1.6);
+    typeof window < "u" && window.devicePixelRatio && (d.width = p * window.devicePixelRatio, d.height = g * window.devicePixelRatio, m.scale(window.devicePixelRatio, window.devicePixelRatio)), m.fillStyle = Cs(n), m.fillRect(0, 0, p, g), m.font = `${p / 3}px Arial`, m.textAlign = "center", m.fillStyle = "white", m.fillText(ya(n), p / 2, g / 1.6);
   }, [n]);
-  let d = !1;
-  return e && e !== "" && !c && (e.includes("http") || e.includes("//")) && (d = !0), /* @__PURE__ */ a.jsx(
+  let l = !1;
+  return e && e !== "" && !c && (e.includes("http") || e.includes("//")) && (l = !0), /* @__PURE__ */ a.jsx(
     "figure",
     {
       className: S("profile-picture", t, { error: c }),
       ...o,
-      children: d ? /* @__PURE__ */ a.jsx(
+      children: l ? /* @__PURE__ */ a.jsx(
         "img",
         {
           src: e,
@@ -2748,7 +2748,7 @@ const Sr = 256, He = ({
           width: i,
           height: s
         }
-      ) : /* @__PURE__ */ a.jsx("canvas", { ref: l })
+      ) : /* @__PURE__ */ a.jsx("canvas", { ref: u })
     }
   );
 }, _a = (t) => t === "apolitical" ? {
@@ -2787,20 +2787,20 @@ const Jn = ({
   c.name || (c.name = o.formatMessage({
     id: `member_${typeof e == "string" ? e : "community"}`
   }));
-  const { name: f, url: l, image: d } = c, u = $s(c), m = n && n.createdAt ? Dn(n.createdAt) : !1, p = n && n.createdAt ? ma(n.createdAt) : "";
+  const { name: f, url: u, image: l } = c, d = $s(c), m = n && n.createdAt ? Dn(n.createdAt) : !1, p = n && n.createdAt ? ma(n.createdAt) : "";
   return Y.createElement(t, {
     className: S("member text-medium", s),
     children: /* @__PURE__ */ a.jsxs(
       tt,
       {
-        href: l,
+        href: u,
         gtmType: i,
         gtmContext: r,
         onClick: (g) => {
           g == null || g.stopPropagation();
         },
         children: [
-          /* @__PURE__ */ a.jsx(He, { name: f, src: d }),
+          /* @__PURE__ */ a.jsx(He, { name: f, src: l }),
           /* @__PURE__ */ a.jsxs("p", { className: "details", children: [
             /* @__PURE__ */ a.jsx("strong", { children: f }),
             n && /* @__PURE__ */ a.jsxs("span", { className: "additional-content", children: [
@@ -2810,7 +2810,7 @@ const Jn = ({
               ) }),
               n.didEdit && /* @__PURE__ */ a.jsx("em", { children: o.formatMessage({ id: "discussion_edited" }) })
             ] }),
-            u && /* @__PURE__ */ a.jsx("small", { children: u })
+            d && /* @__PURE__ */ a.jsx("small", { children: d })
           ] })
         ]
       }
@@ -2831,44 +2831,44 @@ const Cr = {
   },
   cutoff: c = 2,
   className: f = "",
-  ...l
+  ...u
 }) => {
-  const d = K();
+  const l = K();
   return !n || n.length === 0 ? null : Y.createElement(t, {
-    ...l,
+    ...u,
     className: S("contributors", f, i, { "has-gap": s }),
     children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-      /* @__PURE__ */ a.jsx("ul", { children: n.map((u, m) => {
+      /* @__PURE__ */ a.jsx("ul", { children: n.map((d, m) => {
         let p, g = "";
         if (m < c) {
-          const { name: b = "", image: _ = "" } = _a(u);
+          const { name: y = "", image: _ = "" } = _a(d);
           if (o)
             return /* @__PURE__ */ a.jsx(Te, { element: "li", className: "contributor" }, m);
           p = /* @__PURE__ */ a.jsx(
             He,
             {
-              name: b,
+              name: y,
               src: _,
               width: Cr[i || "medium"],
               height: Cr[i || "medium"]
             }
           );
         } else if (m === c) {
-          const b = (e || n.length) - c;
+          const y = (e || n.length) - c;
           p = /* @__PURE__ */ a.jsxs(
             "small",
             {
-              className: S({ "large-number": b > 99 }),
+              className: S({ "large-number": y > 99 }),
               children: [
                 "+",
-                Gi(b, 0)
+                Gi(y, 0)
               ]
             }
           ), g = "number-left";
         }
         return p ? /* @__PURE__ */ a.jsx("li", { className: S("contributor", g), children: p }, m) : null;
       }) }),
-      r && /* @__PURE__ */ a.jsx("span", { className: "label", children: typeof r == "string" ? r : n.length === 1 ? typeof n[0] == "string" ? d.formatMessage({ id: `member_${n[0]}` }) : Je(n[0].name || "", 20) : null })
+      r && /* @__PURE__ */ a.jsx("span", { className: "label", children: typeof r == "string" ? r : n.length === 1 ? typeof n[0] == "string" ? l.formatMessage({ id: `member_${n[0]}` }) : Je(n[0].name || "", 20) : null })
     ] })
   });
 };
@@ -2884,10 +2884,10 @@ const Tt = "emailHelperTextBox_", Ns = ({
     link: {},
     mail: {},
     error: ""
-  }), [c, f] = te(!1), l = na(
+  }), [c, f] = te(!1), u = na(
     (p) => {
       p.preventDefault(), p.stopPropagation();
-      const g = (b) => {
+      const g = (y) => {
         o({
           path: `${Tt}error_verificationFailedToSend`,
           type: "error",
@@ -2895,7 +2895,7 @@ const Tt = "emailHelperTextBox_", Ns = ({
             "data-gtm-event-context": "VerifyEmailBox",
             "data-gtm-event-type": "SendEmailClick",
             className: "gtm-trackable",
-            onClick: (_) => l(_),
+            onClick: (_) => u(_),
             href: "#",
             "data-testid": "send-verify-email-click"
           },
@@ -2905,7 +2905,7 @@ const Tt = "emailHelperTextBox_", Ns = ({
             "data-gtm-event-context": "ErrorVerifyingBox",
             "data-gtm-event-type": "email-concierge-click"
           },
-          error: b
+          error: y
         });
       };
       if (typeof r != "function") {
@@ -2914,8 +2914,8 @@ const Tt = "emailHelperTextBox_", Ns = ({
       }
       f(!0), r(e).then(() => {
         localStorage.setItem("email", e), window.location.href = n || "/signup/verify-email";
-      }).catch((b) => {
-        g(b.message);
+      }).catch((y) => {
+        g(y.message);
       }).finally(() => {
         f(!1);
       });
@@ -2925,13 +2925,13 @@ const Tt = "emailHelperTextBox_", Ns = ({
   );
   ae(
     () => {
-      let p = Tt, g = "default", b = {}, _ = {};
+      let p = Tt, g = "default", y = {}, _ = {};
       switch (t) {
         case "gov":
           p += "autoApproved", g = "success";
           break;
         case "nonGov":
-          p += "unrecognisedEmail", g = "error", b = {
+          p += "unrecognisedEmail", g = "error", y = {
             href: "https://about.apolitical.co/who-can-join-the-community",
             "data-gtm-event-context": "NonGovEmailHelperTextBox",
             "data-gtm-event-type": "LearnMoreClick"
@@ -2946,17 +2946,17 @@ const Tt = "emailHelperTextBox_", Ns = ({
           };
           break;
         case "verify":
-          p += "emailUnverified", g = "error", b = {
+          p += "emailUnverified", g = "error", y = {
             href: "#",
             "data-gtm-event-context": "VerifyEmailBox",
             "data-gtm-event-type": "SendEmailClick",
             className: "gtm-trackable",
-            onClick: (v) => l(v),
+            onClick: (v) => u(v),
             "data-testid": "send-verify-email-click"
           };
           break;
         case "exists":
-          p += "emailAlreadyExists", g = "error", b = {
+          p += "emailAlreadyExists", g = "error", y = {
             href: "/user-onboarding/login",
             "data-gtm-event-context": "EmailExistsBox",
             "data-gtm-event-type": "login-click"
@@ -2968,21 +2968,21 @@ const Tt = "emailHelperTextBox_", Ns = ({
           };
           break;
         default:
-          p += "default", b = {
+          p += "default", y = {
             href: "https://about.apolitical.co/who-can-join-the-community",
             "data-gtm-event-context": "DefaultEmailHelperTextBox",
             "data-gtm-event-type": "LearnMoreClick"
           };
           break;
       }
-      o({ ...s, path: p, type: g, link: b, mail: _ });
+      o({ ...s, path: p, type: g, link: y, mail: _ });
     },
     /* eslint-disable react-hooks/exhaustive-deps */
     [t]
   );
-  const d = {};
+  const l = {};
   return ["link", "mail"].forEach((p) => {
-    d[p] = Object.keys(s[p]).length ? (g) => /* @__PURE__ */ a.jsx("a", { ...s[p], children: g }) : (g) => g;
+    l[p] = Object.keys(s[p]).length ? (g) => /* @__PURE__ */ a.jsx("a", { ...s[p], children: g }) : (g) => g;
   }), /* @__PURE__ */ a.jsx(
     as,
     {
@@ -2998,7 +2998,7 @@ const Tt = "emailHelperTextBox_", Ns = ({
         i.formatMessage(
           { id: `${s.path}_text` },
           {
-            ...d,
+            ...l,
             strong: (p) => /* @__PURE__ */ a.jsx("strong", { children: p }),
             em: (p) => /* @__PURE__ */ a.jsx("em", { children: p }),
             br: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
@@ -3022,17 +3022,17 @@ const Tt = "emailHelperTextBox_", Ns = ({
   placeholder: o,
   type: c = "text",
   value: f,
-  ...l
+  ...u
 }) => {
-  const d = pe(), u = r || d;
+  const l = pe(), d = r || l;
   return Y.createElement(e, {
-    ref: u,
-    ...l,
+    ref: d,
+    ...u,
     type: c,
     id: n,
     name: s,
     className: S(t, e, {
-      "has-scrollbar": c === "textarea" && u.current && u.current.clientHeight < u.current.scrollHeight
+      "has-scrollbar": c === "textarea" && d.current && d.current.clientHeight < d.current.scrollHeight
     }),
     value: f,
     placeholder: o,
@@ -3063,36 +3063,36 @@ const Ke = {
     input: t,
     displayInput: t,
     debouncedInput: t
-  }), [{ predictions: l, activePredictionIndex: d, isPredictionSelected: u }, m] = te({
+  }), [{ predictions: u, activePredictionIndex: l, isPredictionSelected: d }, m] = te({
     predictions: [],
     activePredictionIndex: -1,
     isPredictionSelected: !!t
   }), { formatMessage: p } = K();
   e || (e = p({ id: "inputAutocomplete_placeholder" })), ae(() => {
     const v = setTimeout(() => {
-      u || f((y) => ({ ...y, debouncedInput: s }));
+      d || f((b) => ({ ...b, debouncedInput: s }));
     }, Ps);
     return () => {
       clearTimeout(v);
     };
-  }, [s, u]), ae(() => {
-    c && !u ? (async () => {
+  }, [s, d]), ae(() => {
+    c && !d ? (async () => {
       try {
-        const y = await i(c) || [];
-        m((j) => ({ ...j, predictions: y }));
-      } catch (y) {
-        console.error("Error fetching predictions:", y), m((j) => ({ ...j, predictions: [] }));
+        const b = await i(c) || [];
+        m((j) => ({ ...j, predictions: b }));
+      } catch (b) {
+        console.error("Error fetching predictions:", b), m((j) => ({ ...j, predictions: [] }));
       }
     })() : m((v) => ({ ...v, predictions: [] }));
-  }, [c, u]), ae(() => {
-    d >= 0 && l[d] && f((v) => ({ ...v, displayInput: l[d].description }));
-  }, [d, l]);
+  }, [c, d]), ae(() => {
+    l >= 0 && u[l] && f((v) => ({ ...v, displayInput: u[l].description }));
+  }, [l, u]);
   const g = (v) => {
-    [Ke.DOWN, Ke.UP, Ke.ENTER].includes(v.key) && (v.preventDefault(), v.key === Ke.DOWN && d < l.length - 1 ? m((y) => ({ ...y, activePredictionIndex: d + 1 })) : v.key === Ke.UP && d > 0 ? m((y) => ({ ...y, activePredictionIndex: d - 1 })) : v.key === Ke.ENTER && d > -1 && (r(l[d].description), f((y) => ({ ...y, input: l[d].description })), m((y) => ({ ...y, predictions: [], isPredictionSelected: !0 }))));
-  }, b = (v) => {
-    r(v.target.value), f((y) => ({ ...y, input: v.target.value, displayInput: v.target.value })), m((y) => ({ ...y, activePredictionIndex: -1, isPredictionSelected: !1 }));
+    [Ke.DOWN, Ke.UP, Ke.ENTER].includes(v.key) && (v.preventDefault(), v.key === Ke.DOWN && l < u.length - 1 ? m((b) => ({ ...b, activePredictionIndex: l + 1 })) : v.key === Ke.UP && l > 0 ? m((b) => ({ ...b, activePredictionIndex: l - 1 })) : v.key === Ke.ENTER && l > -1 && (r(u[l].description), f((b) => ({ ...b, input: u[l].description })), m((b) => ({ ...b, predictions: [], isPredictionSelected: !0 }))));
+  }, y = (v) => {
+    r(v.target.value), f((b) => ({ ...b, input: v.target.value, displayInput: v.target.value })), m((b) => ({ ...b, activePredictionIndex: -1, isPredictionSelected: !1 }));
   }, _ = (v) => {
-    r(v.description), f((y) => ({ ...y, input: v.description, displayInput: v.description })), m((y) => ({ ...y, isPredictionSelected: !0, predictions: [] }));
+    r(v.description), f((b) => ({ ...b, input: v.description, displayInput: v.description })), m((b) => ({ ...b, isPredictionSelected: !0, predictions: [] }));
   };
   return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsx(
@@ -3100,20 +3100,20 @@ const Ke = {
       {
         type: "text",
         value: o,
-        onChange: b,
+        onChange: y,
         onKeyDown: g,
         placeholder: e
       }
     ),
-    /* @__PURE__ */ a.jsx("ul", { className: "predictions-list", children: l.map((v, y) => /* @__PURE__ */ a.jsx(
+    /* @__PURE__ */ a.jsx("ul", { className: "predictions-list", children: u.map((v, b) => /* @__PURE__ */ a.jsx(
       "li",
       {
         onClick: () => _(v),
-        onMouseEnter: () => m((j) => ({ ...j, activePredictionIndex: y })),
-        className: S("predictions-list-item", { active: y === d }),
+        onMouseEnter: () => m((j) => ({ ...j, activePredictionIndex: b })),
+        className: S("predictions-list-item", { active: b === l }),
         children: v.description
       },
-      y
+      b
     )) })
   ] });
 };
@@ -3128,12 +3128,12 @@ const wa = ({
   intlPath: o = !1,
   label: c,
   shownValue: f = !0,
-  type: l = "checkbox",
-  value: d,
-  ...u
+  type: u = "checkbox",
+  value: l,
+  ...d
 }) => {
-  const m = K(), { onChange: p, ...g } = r, b = () => {
-    e || p(d ? null : f);
+  const m = K(), { onChange: p, ...g } = r, y = () => {
+    e || p(l ? null : f);
   }, _ = /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsx(
       "input",
@@ -3141,11 +3141,11 @@ const wa = ({
         ref: s,
         id: i,
         name: i,
-        type: l,
+        type: u,
         value: f,
-        checked: d,
+        checked: l,
         onKeyDown: (v) => {
-          (v.key === "Enter" || v.code === "Space") && (v.preventDefault(), v.stopPropagation(), b());
+          (v.key === "Enter" || v.code === "Space") && (v.preventDefault(), v.stopPropagation(), y());
         },
         readOnly: !0,
         disabled: e
@@ -3160,11 +3160,11 @@ const wa = ({
     n,
     {
       onClick: (v) => {
-        const y = v.target;
-        y.nodeName.toLowerCase() === "a" || y.parentNode && y.parentNode.nodeName.toLowerCase() === "a" || (v.preventDefault(), v.stopPropagation(), b());
+        const b = v.target;
+        b.nodeName.toLowerCase() === "a" || b.parentNode && b.parentNode.nodeName.toLowerCase() === "a" || (v.preventDefault(), v.stopPropagation(), y());
       },
       className: S("checkbox-wrapper", t),
-      ...u,
+      ...d,
       ...g
     },
     _
@@ -3192,42 +3192,42 @@ const Fs = ({
   placeholder: o,
   multiSelect: c,
   multiSelectOptions: f,
-  id: l
+  id: u
 }) => {
-  const d = K(), [u, m] = te(!1), p = r || n, g = Array.isArray(p) ? [...p] : p ? [p] : [], [b, _] = te(g);
+  const l = K(), [d, m] = te(!1), p = r || n, g = Array.isArray(p) ? [...p] : p ? [p] : [], [y, _] = te(g);
   let v;
-  Array.isArray(b) && b.length === 1 && typeof b[0] == "string" ? v = e && b ? e.find((R) => R.id === b[0]) : e ? e[0] : { id: "", label: "" } : Array.isArray(b) && b.length === 1 && typeof b[0] != "string" ? v = b[0] : v = { id: "", label: "" }, ae(() => {
+  Array.isArray(y) && y.length === 1 && typeof y[0] == "string" ? v = e && y ? e.find((R) => R.id === y[0]) : e ? e[0] : { id: "", label: "" } : Array.isArray(y) && y.length === 1 && typeof y[0] != "string" ? v = y[0] : v = { id: "", label: "" }, ae(() => {
     _(g);
   }, [r, n]);
-  const { onChange: y, onMultiSelectSubmit: j, ...T } = i, w = (R) => {
+  const { onChange: b, onMultiSelectSubmit: j, ...T } = i, w = (R) => {
     if (c) {
       let W = [];
-      b != null && b.includes(R.id) ? W = b.filter((M) => M !== R.id) : W = [...b, R.id], _([...W]), y && y([...W]);
+      y != null && y.includes(R.id) ? W = y.filter((M) => M !== R.id) : W = [...y, R.id], _([...W]), b && b([...W]);
     } else
-      _([R]), y && y(R.id), m(!1);
+      _([R]), b && b(R.id), m(!1);
   }, D = (R) => {
     if (R === "all") {
       const W = (e == null ? void 0 : e.map((M) => M.id)) || [];
-      _(W), y && y(W);
+      _(W), b && b(W);
     } else
-      _([]), y && y([]);
+      _([]), b && b([]);
   };
   return /* @__PURE__ */ a.jsxs("div", { className: S("dropdown-wrapper", t), children: [
     /* @__PURE__ */ a.jsxs(
       "button",
       {
         className: "input",
-        "aria-expanded": u,
+        "aria-expanded": d,
         "aria-haspopup": "listbox",
         "aria-controls": "dropdown-list",
         onClick: (R) => {
-          R.preventDefault(), R.stopPropagation(), m(!u);
+          R.preventDefault(), R.stopPropagation(), m(!d);
         },
         "data-testid": "dropdown-selector",
         ...T,
         children: [
-          c ? `${o} · ${b.length}` : v.label,
-          /* @__PURE__ */ a.jsx(Rs, { direction: u ? "up" : "down" })
+          c ? `${o} · ${y.length}` : v.label,
+          /* @__PURE__ */ a.jsx(Rs, { direction: d ? "up" : "down" })
         ]
       }
     ),
@@ -3240,7 +3240,7 @@ const Fs = ({
           const W = e && e.find((M) => M.id === R.target.value);
           w(W);
         },
-        hidden: !u,
+        hidden: !d,
         ...T,
         children: e == null ? void 0 : e.map((R) => /* @__PURE__ */ a.jsx("option", { value: R.id, children: R.label }, R.id))
       }
@@ -3250,11 +3250,11 @@ const Fs = ({
       {
         className: "menu-options input dropdown-menu",
         role: "menu",
-        hidden: !u,
+        hidden: !d,
         children: [
           /* @__PURE__ */ a.jsxs("div", { className: "dropdown-menu-list", children: [
             (f == null ? void 0 : f.topbar) && /* @__PURE__ */ a.jsxs("div", { className: "action-bar", children: [
-              /* @__PURE__ */ a.jsx("p", { children: `${b == null ? void 0 : b.length} selected` }),
+              /* @__PURE__ */ a.jsx("p", { children: `${y == null ? void 0 : y.length} selected` }),
               /* @__PURE__ */ a.jsxs("ul", { children: [
                 /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
                   ie,
@@ -3263,7 +3263,7 @@ const Fs = ({
                     size: "small",
                     onClick: () => D("all"),
                     className: "gtm-trackable",
-                    children: d.formatMessage({ id: "dropdown_menu_multiselect_all" })
+                    children: l.formatMessage({ id: "dropdown_menu_multiselect_all" })
                   }
                 ) }),
                 /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
@@ -3273,13 +3273,13 @@ const Fs = ({
                     size: "small",
                     onClick: () => D("none"),
                     className: "gtm-trackable",
-                    children: d.formatMessage({ id: "dropdown_menu_multiselect_none" })
+                    children: l.formatMessage({ id: "dropdown_menu_multiselect_none" })
                   }
                 ) })
               ] })
             ] }),
             /* @__PURE__ */ a.jsx("ul", { children: e == null ? void 0 : e.map((R) => {
-              const W = R.id === v.id || (b == null ? void 0 : b.includes(R)) || (b == null ? void 0 : b.includes(R.id));
+              const W = R.id === v.id || (y == null ? void 0 : y.includes(R)) || (y == null ? void 0 : y.includes(R.id));
               return /* @__PURE__ */ a.jsx("li", { "data-testid": "dropdown-options", children: /* @__PURE__ */ a.jsxs(
                 "button",
                 {
@@ -3308,16 +3308,16 @@ const Fs = ({
             {
               variant: "secondary",
               onClick: () => {
-                j && j(b), document.dispatchEvent(
+                j && j(y), document.dispatchEvent(
                   new CustomEvent("dropdownMultiSelectSubmit", {
                     detail: {
-                      id: l || "dropdown-multi-select",
-                      value: b
+                      id: u || "dropdown-multi-select",
+                      value: y
                     }
                   })
                 ), m(!1);
               },
-              children: d.formatMessage({ id: "form_submit" })
+              children: l.formatMessage({ id: "form_submit" })
             }
           ) })
         ]
@@ -3336,26 +3336,26 @@ const Os = ({
   name: o,
   options: c,
   required: f,
-  type: l = "checkboxes",
-  value: d,
-  ...u
+  type: u = "checkboxes",
+  value: l,
+  ...d
 }) => {
-  const m = K(), p = s ? d : [], g = d;
+  const m = K(), p = s ? l : [], g = l;
   return /* @__PURE__ */ a.jsx(
     "ul",
     {
-      ...u,
+      ...d,
       className: S("options-wrapper", t),
       "data-testid": `ul-${r}`,
       children: c == null ? void 0 : c.map(
         ({
-          id: b,
+          id: y,
           label: _ = !1,
-          value: v = b,
-          disabled: y = !1
+          value: v = y,
+          disabled: b = !1
         }) => {
-          const j = `${r}_${b}`, T = () => {
-            if (y)
+          const j = `${r}_${y}`, T = () => {
+            if (b)
               return;
             let w;
             if (s) {
@@ -3370,7 +3370,7 @@ const Os = ({
             {
               element: "li",
               id: j,
-              type: l === "checkboxes" ? "checkbox" : "radio",
+              type: u === "checkboxes" ? "checkbox" : "radio",
               shownValue: v,
               value: s ? p == null ? void 0 : p.includes(v) : g === v,
               functions: {
@@ -3379,9 +3379,9 @@ const Os = ({
               },
               intlPath: n,
               label: _ || m.formatMessage({
-                id: n ? `${n}_${b}` : b
+                id: n ? `${n}_${y}` : y
               }),
-              disabled: y
+              disabled: b
             },
             j
           );
@@ -3396,9 +3396,9 @@ const As = ({
   gtm: { context: n } = { context: void 0 },
   ...r
 }) => {
-  const i = K(), s = pe(), o = t || s, [c, f] = te(!1), [l, d] = te(e), u = () => {
+  const i = K(), s = pe(), o = t || s, [c, f] = te(!1), [u, l] = te(e), d = () => {
     var m;
-    f(!c), d(c ? "password" : "text"), (m = o.current) == null || m.focus();
+    f(!c), l(c ? "password" : "text"), (m = o.current) == null || m.focus();
   };
   return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsx(
@@ -3410,7 +3410,7 @@ const As = ({
         }),
         "data-gtm-event-context": n,
         "data-gtm-event-type": `${c ? "hide" : "show"}-password-click`,
-        onClick: u,
+        onClick: d,
         "aria-label": i.formatMessage({
           id: `showpassword_aria_${c ? "hide" : "show"}`
         }),
@@ -3419,7 +3419,7 @@ const As = ({
         })
       }
     ),
-    /* @__PURE__ */ a.jsx(mt, { inputRef: o, type: l, ...r })
+    /* @__PURE__ */ a.jsx(mt, { inputRef: o, type: u, ...r })
   ] });
 };
 const Ge = {
@@ -3442,13 +3442,13 @@ const Ge = {
   showRequiredLabels: o = !0,
   type: c,
   validation: f,
-  value: l,
-  ...d
+  value: u,
+  ...l
 }) => {
-  const u = K(), m = f && f.some(({ condition: T }) => T === "required"), p = (l == null ? void 0 : l.toString().length) || 0, g = c && Ge[c] && Ge[c].component ? Ge[c].component : mt, b = {};
-  c && ["checkboxes"].includes(c) ? b.element = "span" : b.htmlFor = t;
+  const d = K(), m = f && f.some(({ condition: T }) => T === "required"), p = (u == null ? void 0 : u.toString().length) || 0, g = c && Ge[c] && Ge[c].component ? Ge[c].component : mt, y = {};
+  c && ["checkboxes"].includes(c) ? y.element = "span" : y.htmlFor = t;
   let _ = {
-    ...d,
+    ...l,
     id: t,
     name: t,
     className: r ? "error" : "",
@@ -3456,12 +3456,12 @@ const Ge = {
     required: m,
     "aria-required": m,
     functions: ft(i),
-    value: l
+    value: u
   };
   s > 0 && (_["data-character-limit"] = s, _.functions && (_.functions.onChange = (T) => {
     ((T == null ? void 0 : T.toString().length) || 0) > s && (T = T == null ? void 0 : T.toString().slice(0, s)), i.onChange(T);
   })), c && Ge[c] && Ge[c].props && (_ = { ..._, ...Ge[c].props }), c && ["checkboxes"].includes(c) && (_.intlPath = `${e}_${t}`), r && (_["aria-invalid"] = !0, _["aria-describedby"] = `error-${t}`);
-  const v = d.label || u.formatMessage({ id: e ? `${e}_${t}` : t }), y = ({ ...T }) => r ? Y.createElement(
+  const v = l.label || d.formatMessage({ id: e ? `${e}_${t}` : t }), b = ({ ...T }) => r ? Y.createElement(
     T.as || "dd",
     {
       id: `error-${t}`,
@@ -3482,7 +3482,7 @@ const Ge = {
           className: S("field-wrapper", n)
         }
       ),
-      /* @__PURE__ */ a.jsx(y, { as: "p" })
+      /* @__PURE__ */ a.jsx(b, { as: "p" })
     ] });
   const j = (T) => Y.createElement(T.element || "label", {
     ...T,
@@ -3490,13 +3490,13 @@ const Ge = {
     "data-testid": `label-${t}`
   });
   return /* @__PURE__ */ a.jsxs("dl", { className: S("field-wrapper text-medium", n), children: [
-    /* @__PURE__ */ a.jsx("dt", { children: /* @__PURE__ */ a.jsxs(j, { ...b, children: [
+    /* @__PURE__ */ a.jsx("dt", { children: /* @__PURE__ */ a.jsxs(j, { ...y, children: [
       v,
       m && o && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
         " ",
         /* @__PURE__ */ a.jsxs("small", { children: [
           "(",
-          u.formatMessage({ id: "form_fieldWrapper_required" }),
+          d.formatMessage({ id: "form_fieldWrapper_required" }),
           ")"
         ] })
       ] })
@@ -3511,7 +3511,7 @@ const Ge = {
             "approaching-limit": p >= 0.9 * s && p < 0.99 * s
           }),
           children: [
-            /* @__PURE__ */ a.jsx("span", { className: "hidden", children: u.formatMessage({ id: "form_fieldWrapper_characterLimit" }) }),
+            /* @__PURE__ */ a.jsx("span", { className: "hidden", children: d.formatMessage({ id: "form_fieldWrapper_characterLimit" }) }),
             p,
             " / ",
             s
@@ -3519,7 +3519,7 @@ const Ge = {
         }
       ) : null
     ] }),
-    /* @__PURE__ */ a.jsx(y, {})
+    /* @__PURE__ */ a.jsx(b, {})
   ] });
 }, Is = (t, e) => {
   const { type: n, payload: r } = e, i = t.errors ? ft(t.errors) : {}, s = t.values ? ft(t.values) : {};
@@ -3555,34 +3555,34 @@ const Ge = {
         },
         onSuccess: f = () => {
         },
-        onFailure: l = () => {
+        onFailure: u = () => {
         },
-        intl: d
-      } = r, u = ft(Object.keys(i));
+        intl: l
+      } = r, d = ft(Object.keys(i));
       for (const m of o)
         if (m.validation)
           for (let p = 0; p < m.validation.length; p++) {
-            const { condition: g = "required", error: b = !1 } = m.validation[p];
+            const { condition: g = "required", error: y = !1 } = m.validation[p];
             let _ = !1;
             if (typeof g == "function") {
               const v = g(s);
-              v && (_ = b || v);
+              v && (_ = y || v);
             } else {
               const v = s[m.id];
               switch (g) {
                 case "required":
-                  (!v || typeof v == "string" && v.trim().length === 0) && (_ = b || (d == null ? void 0 : d.formatMessage({ id: "form_error_required" })));
+                  (!v || typeof v == "string" && v.trim().length === 0) && (_ = y || (l == null ? void 0 : l.formatMessage({ id: "form_error_required" })));
                   break;
                 case "no-numbers": {
-                  v && !/^([^0-9]*)$/.test(v) && (_ = b || (d == null ? void 0 : d.formatMessage({ id: "form_error_numbers" })));
+                  v && !/^([^0-9]*)$/.test(v) && (_ = y || (l == null ? void 0 : l.formatMessage({ id: "form_error_numbers" })));
                   break;
                 }
                 case "valid-email": {
-                  v && !/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(v) && (_ = b || (d == null ? void 0 : d.formatMessage({ id: "form_error_email" })));
+                  v && !/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(v) && (_ = y || (l == null ? void 0 : l.formatMessage({ id: "form_error_email" })));
                   break;
                 }
                 case "valid-url": {
-                  v && !/^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\(\)\*\+,;=.]+$/.test(v) && (_ = b || (d == null ? void 0 : d.formatMessage({ id: "form_error_url" })));
+                  v && !/^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\(\)\*\+,;=.]+$/.test(v) && (_ = y || (l == null ? void 0 : l.formatMessage({ id: "form_error_url" })));
                   break;
                 }
                 default:
@@ -3593,11 +3593,11 @@ const Ge = {
               c({
                 type: "addError",
                 payload: { key: m.id, value: _ }
-              }), u.push(m.id);
+              }), d.push(m.id);
               break;
             }
           }
-      return u.length === 0 ? f(s) : l(s, u), {
+      return d.length === 0 ? f(s) : u(s, d), {
         ...t,
         isSubmitting: !1
       };
@@ -3638,15 +3638,15 @@ const Xn = ({
   meta: {
     shouldShowCancelButton: c = !1,
     shouldReset: f = !0,
-    showRequiredLabels: l = !0,
-    showSuccessMessage: d = !1
+    showRequiredLabels: u = !0,
+    showSuccessMessage: l = !1
   } = {
     shouldShowCancelButton: !1,
     shouldReset: !0,
     showRequiredLabels: !0,
     showSuccessMessage: !1
   },
-  gtm: u = { context: "Form", event: "form-submit-click" },
+  gtm: d = { context: "Form", event: "form-submit-click" },
   functions: {
     onSuccess: m = async () => {
     },
@@ -3654,7 +3654,7 @@ const Xn = ({
     },
     onCatch: g = () => {
     },
-    onFailure: b = () => {
+    onFailure: y = () => {
     }
   } = {
     onSuccess: async () => {
@@ -3668,7 +3668,7 @@ const Xn = ({
   },
   ..._
 }) => {
-  const { customOnSubmit: v, hideButton: y, ...j } = s, T = 40, w = K(), D = {};
+  const { customOnSubmit: v, hideButton: b, ...j } = s, T = 40, w = K(), D = {};
   t.length && t.forEach((I) => {
     const Z = I.id || I.name;
     Z && (D[Z] = I.value || "");
@@ -3751,7 +3751,7 @@ const Xn = ({
               }
             },
             onFailure: (N, z) => {
-              b(N, z), W({
+              y(N, z), W({
                 type: "updateValue",
                 payload: { key: "isSubmitting", value: !1 }
               });
@@ -3761,8 +3761,8 @@ const Xn = ({
         });
       },
       disabled: O || C || s.disabled,
-      "data-gtm-event-context": u.context,
-      "data-gtm-event-type": u.event,
+      "data-gtm-event-context": d.context,
+      "data-gtm-event-type": d.event,
       children: O || C ? w.formatMessage({
         id: `form_${O ? "submitting" : "submitted"}`
       }) : s.text
@@ -3771,8 +3771,8 @@ const Xn = ({
   return c && U.unshift({
     ...o,
     className: "gtm-trackable",
-    "data-gtm-event-context": u.context,
-    "data-gtm-event-type": u.event,
+    "data-gtm-event-context": d.context,
+    "data-gtm-event-type": d.event,
     disabled: O || C,
     onClick: p,
     children: o.text || w.formatMessage({ id: "form_cancel" })
@@ -3807,7 +3807,7 @@ const Xn = ({
               {
                 intlPath: i,
                 ...I,
-                showRequiredLabels: l,
+                showRequiredLabels: u,
                 value: z,
                 error: M == null ? void 0 : M[J],
                 functions: {
@@ -3820,7 +3820,7 @@ const Xn = ({
               J
             );
           }),
-          y ? null : (O || C) && v ? v : /* @__PURE__ */ a.jsx(
+          b ? null : (O || C) && v ? v : /* @__PURE__ */ a.jsx(
             _t,
             {
               className: S("cta", {
@@ -3833,7 +3833,7 @@ const Xn = ({
         ]
       }
     ),
-    d && C && /* @__PURE__ */ a.jsx(qt, { className: "success", children: typeof d == "string" ? d : w.formatMessage({ id: "form_success" }) })
+    l && C && /* @__PURE__ */ a.jsx(qt, { className: "success", children: typeof l == "string" ? l : w.formatMessage({ id: "form_success" }) })
   ] });
 };
 const Et = "passwordRules_", ja = "isMoreThanEightCharacters", ka = "includesNumberAndSymbol", Ta = "includesLowerAndUppercase", Ls = {
@@ -3886,74 +3886,74 @@ const Ul = ({
   className: s = "",
   hasLoaded: o = !1
 }) => {
-  const c = K(), [f, l] = te({
+  const c = K(), [f, u] = te({
     setUp: !1,
     id: null,
     rating: null,
     disabled: !0
-  }), d = async () => {
+  }), l = async () => {
     try {
       const v = await n();
-      l((y) => ({
-        ...y,
+      u((b) => ({
+        ...b,
         setUp: !0,
         id: v && v.id,
         disabled: !1
       }));
     } catch (v) {
-      l((y) => ({ ...y, setUp: !0, disabled: !0 })), i(v);
+      u((b) => ({ ...b, setUp: !0, disabled: !0 })), i(v);
     }
   };
   if (ae(() => {
-    o && !f.setUp && d();
+    o && !f.setUp && l();
   }, [o]), !o)
     return /* @__PURE__ */ a.jsx(Te, { className: "rating-placeholder" });
-  const { id: u, rating: m, disabled: p } = f, g = "ratings_", b = {
+  const { id: d, rating: m, disabled: p } = f, g = "ratings_", y = {
     text: c.formatMessage({ id: `${g}text` }),
     low: c.formatMessage({ id: `${g}low` }),
     high: c.formatMessage({ id: `${g}high` }),
     success: c.formatMessage({ id: `${g}success` }),
     ...t
   }, _ = async (v) => {
-    if (!(!u || p))
+    if (!(!d || p))
       try {
-        l((y) => ({ ...y, rating: v, disabled: !0 })), await r({ id: u, value: v });
-      } catch (y) {
-        l((j) => ({ ...j, rating: null })), i(y);
+        u((b) => ({ ...b, rating: v, disabled: !0 })), await r({ id: d, value: v });
+      } catch (b) {
+        u((j) => ({ ...j, rating: null })), i(b);
       } finally {
-        l((y) => ({ ...y, disabled: !1 }));
+        u((b) => ({ ...b, disabled: !1 }));
       }
   };
   return /* @__PURE__ */ a.jsxs("div", { className: S("rating", s), children: [
-    /* @__PURE__ */ a.jsx("span", { className: "label", children: b[m ? "success" : "text"] }),
+    /* @__PURE__ */ a.jsx("span", { className: "label", children: y[m ? "success" : "text"] }),
     /* @__PURE__ */ a.jsx("ol", { children: Array.from(new Array(e).keys()).map((v) => {
-      const y = v + 1;
+      const b = v + 1;
       return /* @__PURE__ */ a.jsx(
         "li",
         {
-          className: S({ selected: m && y <= m }),
+          className: S({ selected: m && b <= m }),
           children: /* @__PURE__ */ a.jsx(
             ie,
             {
               variant: "tertiary",
               size: "small",
               icon: {
-                icon: `star${!m || y > m ? "_empty" : ""}`,
+                icon: `star${!m || b > m ? "_empty" : ""}`,
                 position: "left",
                 hover: "star"
               },
               screenreaderText: `${c.formatMessage(
                 { id: `${g}stars` },
-                { number: y, total: e }
-              )}${y === 1 || y === e ? ` - ${b[y === 1 ? "low" : "high"]}` : ""}`,
+                { number: b, total: e }
+              )}${b === 1 || b === e ? ` - ${y[b === 1 ? "low" : "high"]}` : ""}`,
               onClick: (j) => {
-                j.preventDefault(), j.stopPropagation(), _(y);
+                j.preventDefault(), j.stopPropagation(), _(b);
               },
               disabled: p
             }
           )
         },
-        `rating-${y}`
+        `rating-${b}`
       );
     }) })
   ] });
@@ -3974,15 +3974,15 @@ const zl = ({
   ae(() => {
     r && f(r);
   }, [r]);
-  const l = (d) => {
-    s || (f(d), i(d));
+  const u = (l) => {
+    s || (f(l), i(l));
   };
   return /* @__PURE__ */ a.jsxs(
     "div",
     {
       className: S("toggle", o),
-      onClick: (d) => {
-        d.preventDefault(), d.stopPropagation(), l(c === n[0].value ? n[1].value : n[0].value);
+      onClick: (l) => {
+        l.preventDefault(), l.stopPropagation(), u(c === n[0].value ? n[1].value : n[0].value);
       },
       children: [
         /* @__PURE__ */ a.jsx("p", { children: e }),
@@ -3993,23 +3993,23 @@ const zl = ({
               disabled: s,
               on: c === n[1].value
             }),
-            children: n.map((d) => {
-              const u = `${t}-${d.value}`;
+            children: n.map((l) => {
+              const d = `${t}-${l.value}`;
               return /* @__PURE__ */ a.jsxs("li", { className: "hidden", children: [
                 /* @__PURE__ */ a.jsx(
                   "input",
                   {
                     type: "radio",
-                    id: u,
+                    id: d,
                     name: t,
-                    value: d.value,
-                    checked: c === d.value,
-                    onChange: () => l(d.value),
+                    value: l.value,
+                    checked: c === l.value,
+                    onChange: () => u(l.value),
                     disabled: s
                   }
                 ),
-                /* @__PURE__ */ a.jsx("label", { htmlFor: u, children: d.label })
-              ] }, u);
+                /* @__PURE__ */ a.jsx("label", { htmlFor: d, children: l.label })
+              ] }, d);
             })
           }
         )
@@ -4018,22 +4018,22 @@ const zl = ({
   );
 };
 function Zl({ className: t = "", userId: e, userName: n, src: r, setUserImage: i, uploadImage: s }) {
-  const [o, c] = te(!1), [f, l] = te(!1), d = pe(null), u = async (m) => {
-    c(!0), l(!1);
+  const [o, c] = te(!1), [f, u] = te(!1), l = pe(null), d = async (m) => {
+    c(!0), u(!1);
     try {
       const p = m.target.files && m.target.files[0];
       if (!p || !e)
         throw c(!1), new Error("Image file or userID is missing");
       const g = await s({ fileObject: p, userId: e });
-      i((b) => ({
-        ...b,
+      i((y) => ({
+        ...y,
         image: {
           thumbnail: g.thumbnailURL,
           full: g.originalURL
         }
       }));
     } catch {
-      l(!0);
+      u(!0);
     } finally {
       c(!1);
     }
@@ -4048,8 +4048,8 @@ function Zl({ className: t = "", userId: e, userName: n, src: r, setUserImage: i
         id: "file",
         type: "file",
         accept: "image/*",
-        ref: d,
-        onChange: u,
+        ref: l,
+        onChange: d,
         hidden: !0,
         "data-testid": "file-input"
       }
@@ -4057,7 +4057,7 @@ function Zl({ className: t = "", userId: e, userName: n, src: r, setUserImage: i
     /* @__PURE__ */ a.jsx(
       ie,
       {
-        onClick: () => d.current && d.current.click(),
+        onClick: () => l.current && l.current.click(),
         variant: "secondary",
         "data-gtm-event-context": "ImageField",
         "data-gtm-event-type": `${r ? "change-photo" : "add-photo"}-click`,
@@ -4126,29 +4126,29 @@ const Us = ({
   onClose: o,
   reportError: c,
   sendInvites: f,
-  initialFormStatus: l = "NOT_SUBMITTED"
+  initialFormStatus: u = "NOT_SUBMITTED"
   /* NOT_SUBMITTED */
 }) => {
-  const [d, u] = te([]), [m, p] = te(!0), [g, b] = te(l), { formatMessage: _ } = K(), v = async (T) => {
+  const [l, d] = te([]), [m, p] = te(!0), [g, y] = te(u), { formatMessage: _ } = K(), v = async (T) => {
     T.preventDefault();
     try {
-      await f(d), u([]), b(
+      await f(l), d([]), y(
         "SUCCESS"
         /* SUCCESS */
       );
     } catch (w) {
-      b(
+      y(
         "ERROR"
         /* ERROR */
       ), c(w);
     }
-  }, y = (T) => {
-    T.preventDefault(), b(
+  }, b = (T) => {
+    T.preventDefault(), y(
       "NOT_SUBMITTED"
       /* NOT_SUBMITTED */
-    ), p(!0), u([]);
+    ), p(!0), d([]);
   }, j = (T) => {
-    T.preventDefault(), o(), b(
+    T.preventDefault(), o(), y(
       "CLOSED"
       /* CLOSED */
     );
@@ -4160,9 +4160,9 @@ const Us = ({
     ] }) }),
     /* @__PURE__ */ a.jsx(Oe, {}),
     /* @__PURE__ */ a.jsx("div", { className: "footer", children: g === "SUCCESS" ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-      /* @__PURE__ */ a.jsx(ie, { variant: "secondary", onClick: y, children: _({ id: "inviteForm_ctaSendMoreInvites" }) }),
+      /* @__PURE__ */ a.jsx(ie, { variant: "secondary", onClick: b, children: _({ id: "inviteForm_ctaSendMoreInvites" }) }),
       /* @__PURE__ */ a.jsx(ie, { onClick: j, children: _({ id: "inviteForm_ctaDone" }) })
-    ] }) : /* @__PURE__ */ a.jsx(ie, { onClick: y, children: _({ id: "inviteForm_ctaTryAgain" }) }) })
+    ] }) : /* @__PURE__ */ a.jsx(ie, { onClick: b, children: _({ id: "inviteForm_ctaTryAgain" }) }) })
   ] }) : /* @__PURE__ */ a.jsx("div", { className: "invite-form-wrapper", children: /* @__PURE__ */ a.jsxs(
     "form",
     {
@@ -4179,9 +4179,9 @@ const Us = ({
               id: "email-input",
               inputClassName: "email-input input",
               placeholder: _({ id: "inviteForm_email_placeholder" }),
-              emails: d,
+              emails: l,
               onChange: (T) => {
-                u(T), p(!T.length);
+                d(T), p(!T.length);
               },
               autoFocus: !1,
               getLabel: (T, w, D) => /* @__PURE__ */ a.jsxs("div", { className: "email text-medium", children: [
@@ -4193,7 +4193,7 @@ const Us = ({
                     size: "small",
                     icon: { icon: "close" },
                     onClick: () => {
-                      D(w), p(!d.length);
+                      D(w), p(!l.length);
                     },
                     className: "remove-email-button",
                     screenreaderText: _({ id: "overlay_close" })
@@ -4217,17 +4217,17 @@ const zs = ({
   gtmContext: i = "search-bar",
   gtmEvent: s = "form-submission"
 }) => {
-  const { searchIsOpen: o = !0, isDesktopVersion: c = !1 } = n || {}, f = K(), l = pe(null);
+  const { searchIsOpen: o = !0, isDesktopVersion: c = !1 } = n || {}, f = K(), u = pe(null);
   vt(() => {
-    !n || c || !o || l.current && l.current.focus();
+    !n || c || !o || u.current && u.current.focus();
   }, [o]);
-  const d = (u) => {
-    u.preventDefault(), u.stopPropagation(), !(!l.current || !l.current.value || l.current.value.length < 1) && (window.location.href = `/search?search=${encodeURIComponent(l.current.value)}`);
+  const l = (d) => {
+    d.preventDefault(), d.stopPropagation(), !(!u.current || !u.current.value || u.current.value.length < 1) && (window.location.href = `/search?search=${encodeURIComponent(u.current.value)}`);
   };
   return /* @__PURE__ */ a.jsx(
     "form",
     {
-      onSubmit: d,
+      onSubmit: l,
       className: S("search-form gtm-trackable", e),
       "data-gtm-event-context": i,
       "data-gtm-event-type": s,
@@ -4249,14 +4249,14 @@ const zs = ({
             /* @__PURE__ */ a.jsx(
               "input",
               {
-                ref: l,
+                ref: u,
                 type: "search",
                 id: t,
                 name: t,
                 defaultValue: r,
                 placeholder: f.formatMessage({ id: "search_placeholder" }),
-                onKeyDown: (u) => {
-                  u.key === "Enter" && d(u);
+                onKeyDown: (d) => {
+                  d.key === "Enter" && l(d);
                 }
               }
             ),
@@ -4264,13 +4264,13 @@ const zs = ({
               "button",
               {
                 className: "clear",
-                onClick: (u) => {
-                  u.preventDefault(), u.stopPropagation(), l.current && l.current.value && (l.current.value = "");
+                onClick: (d) => {
+                  d.preventDefault(), d.stopPropagation(), u.current && u.current.value && (u.current.value = "");
                 },
                 children: /* @__PURE__ */ a.jsx(be, { children: f.formatMessage({ id: "search_clear" }) })
               }
             ),
-            /* @__PURE__ */ a.jsx("button", { className: "search", onClick: d, children: /* @__PURE__ */ a.jsx(be, { children: f.formatMessage({ id: "search_cta" }) }) })
+            /* @__PURE__ */ a.jsx("button", { className: "search", onClick: l, children: /* @__PURE__ */ a.jsx(be, { children: f.formatMessage({ id: "search_cta" }) }) })
           ] })
         }
       )
@@ -4307,15 +4307,15 @@ const zs = ({
       { type: "validFields.email", value: !1 }
     ]);
   }
-  const { valid: c = !1, autoApproved: f = !1, exists: l } = o;
-  let d = "";
-  return c ? d = f ? "gov" : "nonGov" : l.registration ? l.engagement && !l.user ? d = l.auth ? "verify" : "pending" : d = "exists" : l.auth && (d = "exists"), n([
+  const { valid: c = !1, autoApproved: f = !1, exists: u } = o;
+  let l = "";
+  return c ? l = f ? "gov" : "nonGov" : u.registration ? u.engagement && !u.user ? l = u.auth ? "verify" : "pending" : l = "exists" : u.auth && (l = "exists"), n([
     { type: "shouldManuallyApprove", value: !f },
     {
       type: "emailDetails",
       value: {
         email: i,
-        boxType: d,
+        boxType: l,
         isEnd2End: /testing\+[0-9]+@apolitical.co$/.test(i)
       }
     },
@@ -4363,16 +4363,16 @@ const zs = ({
   intl: c
   // We need to pass `intl` in as it's being used in a hook
 }) => {
-  const { emailDetails: f } = i, l = (u, m) => {
-    u.current && i.validFields[m] !== u.current.validity.valid && s([{ type: `validFields.${m}`, value: u.current.validity.valid }]);
-  }, d = [
+  const { emailDetails: f } = i, u = (d, m) => {
+    d.current && i.validFields[m] !== d.current.validity.valid && s([{ type: `validFields.${m}`, value: d.current.validity.valid }]);
+  }, l = [
     {
       id: "full_name",
       type: "text",
       inputRef: r.name,
       placeholder: c.formatMessage({ id: "signup_full_name_placeholder" }),
       functions: {
-        onChange: () => l(r.name, "name"),
+        onChange: () => u(r.name, "name"),
         onFocus: () => s([{ type: "loadRecaptcha", value: !0 }])
       },
       autoComplete: "name",
@@ -4390,7 +4390,7 @@ const zs = ({
         onBlur: () => {
           $r({ ref: r.email, validateEmail: e, dispatch: s });
         },
-        onChange: (u, m) => {
+        onChange: (d, m) => {
           m && m({
             type: "updateValue",
             payload: { key: "terms", value: !1 }
@@ -4411,14 +4411,14 @@ const zs = ({
       }
     }
   ];
-  return i.shouldManuallyApprove && (d.push(
+  return i.shouldManuallyApprove && (l.push(
     {
       id: "job_title",
       type: "text",
       inputRef: r.jobTitle,
       placeholder: c.formatMessage({ id: "signup_job_title_placeholder" }),
       functions: {
-        onChange: () => l(r.jobTitle, "jobTitle")
+        onChange: () => u(r.jobTitle, "jobTitle")
       },
       validation: [{ condition: "required" }],
       "data-testid": "signup-job-input"
@@ -4432,37 +4432,37 @@ const zs = ({
       }),
       functions: {
         onChange: () => {
-          l(r.organisation, "organisation");
+          u(r.organisation, "organisation");
         }
       },
       validation: [{ condition: "required" }],
       "data-testid": "signup-org-input"
     }
-  ), t.url && d.push({
+  ), t.url && l.push({
     id: "url",
     type: "text",
     label: c.formatMessage(
       { id: "signup_url" },
       {
-        small: (u) => /* @__PURE__ */ a.jsx("small", { children: u })
+        small: (d) => /* @__PURE__ */ a.jsx("small", { children: d })
       }
     ),
     placeholder: c.formatMessage({ id: "signup_url_placeholder" }),
     validation: [{ condition: "valid-url" }],
     "data-testid": "signup-url-input"
-  })), t.expectation && d.push({
+  })), t.expectation && l.push({
     id: "expectation",
     className: "expectation",
     type: "text",
     label: c.formatMessage(
       { id: "signup_expectation" },
       {
-        small: (u) => /* @__PURE__ */ a.jsx("small", { className: "notes text-small", children: u })
+        small: (d) => /* @__PURE__ */ a.jsx("small", { className: "notes text-small", children: d })
       }
     ),
     placeholder: c.formatMessage({ id: "signup_expectation_placeholder" }),
     "data-testid": "signup-events-question"
-  }), d.push({
+  }), l.push({
     id: "terms",
     className: "text-small",
     type: "checkbox",
@@ -4470,32 +4470,32 @@ const zs = ({
     label: c.formatMessage(
       { id: "signup_terms" },
       {
-        terms: (u) => /* @__PURE__ */ a.jsx(
+        terms: (d) => /* @__PURE__ */ a.jsx(
           "a",
           {
             href: "https://about.apolitical.co/terms-and-conditions",
             "data-gtm-event-context": "SignupForm",
             "data-gtm-event-type": "terms-of-service-click",
             className: "gtm-trackable",
-            children: u
+            children: d
           }
         ),
-        privacy: (u) => /* @__PURE__ */ a.jsx(
+        privacy: (d) => /* @__PURE__ */ a.jsx(
           "a",
           {
             href: "https://about.apolitical.co/privacy-policy",
             "data-gtm-event-context": "SignupForm",
             "data-gtm-event-type": "privacy-policy-click",
             className: "gtm-trackable",
-            children: u
+            children: d
           }
         )
       }
     ),
     shownValue: "accepted",
     functions: {
-      onChange: (u) => {
-        if (!u)
+      onChange: (d) => {
+        if (!d)
           return;
         const m = [];
         ["name", "email"].forEach((p) => {
@@ -4508,7 +4508,7 @@ const zs = ({
     },
     validation: [{ condition: "required" }],
     "data-testid": "signup-terms-checkbox"
-  }), d;
+  }), l;
 };
 const Vs = ({ className: t = "" }) => /* @__PURE__ */ a.jsxs(
   "div",
@@ -4563,12 +4563,12 @@ const Ys = {
   ...s
 }) => {
   const o = K(), [c, f] = Zn(ua, Ys), {
-    validFields: l,
-    emailDetails: d,
-    shouldManuallyApprove: u,
+    validFields: u,
+    emailDetails: l,
+    shouldManuallyApprove: d,
     showSuccessMessage: m,
     showError: p
-  } = c, [g, b] = aa([
+  } = c, [g, y] = aa([
     "signup-this-session",
     "functional-cookie-consent"
   ]), _ = {
@@ -4581,8 +4581,8 @@ const Ys = {
     hiddenValidation: Y.createRef()
   };
   ae(() => {
-    u === !0 && _.jobTitle.current && _.jobTitle.current.focus();
-  }, [u]), ae(() => {
+    d === !0 && _.jobTitle.current && _.jobTitle.current.focus();
+  }, [d]), ae(() => {
     (s.showSuccessMessage || g["signup-this-session"]) && f([{ type: "showSuccessMessage", value: !0 }]);
   }, [g]), ae(() => {
     if (m && g["functional-cookie-consent"]) {
@@ -4590,7 +4590,7 @@ const Ys = {
         path: "/",
         maxAge: 3600
       };
-      s.showSuccessMessage || b("signup-this-session", "true", j);
+      s.showSuccessMessage || y("signup-this-session", "true", j);
     }
   }, [m]);
   const v = bt(() => Hs({
@@ -4601,7 +4601,7 @@ const Ys = {
     dispatch: f,
     dataToSubmit: i,
     intl: o
-  }), [i, e, o, _, n, c]), y = u ? !Object.values(l).every((j) => j === !0) : !l.name || !l.email || ["exists", "pending", "verify"].includes(d.boxType);
+  }), [i, e, o, _, n, c]), b = d ? !Object.values(u).every((j) => j === !0) : !u.name || !u.email || ["exists", "pending", "verify"].includes(l.boxType);
   return n.successMessage && m ? /* @__PURE__ */ a.jsx(Vs, { className: t }) : /* @__PURE__ */ a.jsxs(
     "fieldset",
     {
@@ -4628,7 +4628,7 @@ const Ys = {
               variant: "primary",
               size: "medium",
               text: r || o.formatMessage({ id: "signup_button_join" }),
-              disabled: y ? { isClickable: !0 } : !1,
+              disabled: b ? { isClickable: !0 } : !1,
               styling: { fullWidth: !0 },
               "data-testid": "signup-button"
             },
@@ -4692,7 +4692,7 @@ function Ks() {
   if (Nr)
     return ue;
   Nr = 1;
-  var t = typeof Symbol == "function" && Symbol.for, e = t ? Symbol.for("react.element") : 60103, n = t ? Symbol.for("react.portal") : 60106, r = t ? Symbol.for("react.fragment") : 60107, i = t ? Symbol.for("react.strict_mode") : 60108, s = t ? Symbol.for("react.profiler") : 60114, o = t ? Symbol.for("react.provider") : 60109, c = t ? Symbol.for("react.context") : 60110, f = t ? Symbol.for("react.async_mode") : 60111, l = t ? Symbol.for("react.concurrent_mode") : 60111, d = t ? Symbol.for("react.forward_ref") : 60112, u = t ? Symbol.for("react.suspense") : 60113, m = t ? Symbol.for("react.suspense_list") : 60120, p = t ? Symbol.for("react.memo") : 60115, g = t ? Symbol.for("react.lazy") : 60116, b = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, v = t ? Symbol.for("react.responder") : 60118, y = t ? Symbol.for("react.scope") : 60119;
+  var t = typeof Symbol == "function" && Symbol.for, e = t ? Symbol.for("react.element") : 60103, n = t ? Symbol.for("react.portal") : 60106, r = t ? Symbol.for("react.fragment") : 60107, i = t ? Symbol.for("react.strict_mode") : 60108, s = t ? Symbol.for("react.profiler") : 60114, o = t ? Symbol.for("react.provider") : 60109, c = t ? Symbol.for("react.context") : 60110, f = t ? Symbol.for("react.async_mode") : 60111, u = t ? Symbol.for("react.concurrent_mode") : 60111, l = t ? Symbol.for("react.forward_ref") : 60112, d = t ? Symbol.for("react.suspense") : 60113, m = t ? Symbol.for("react.suspense_list") : 60120, p = t ? Symbol.for("react.memo") : 60115, g = t ? Symbol.for("react.lazy") : 60116, y = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, v = t ? Symbol.for("react.responder") : 60118, b = t ? Symbol.for("react.scope") : 60119;
   function j(w) {
     if (typeof w == "object" && w !== null) {
       var D = w.$$typeof;
@@ -4700,16 +4700,16 @@ function Ks() {
         case e:
           switch (w = w.type, w) {
             case f:
-            case l:
+            case u:
             case r:
             case s:
             case i:
-            case u:
+            case d:
               return w;
             default:
               switch (w = w && w.$$typeof, w) {
                 case c:
-                case d:
+                case l:
                 case g:
                 case p:
                 case o:
@@ -4724,9 +4724,9 @@ function Ks() {
     }
   }
   function T(w) {
-    return j(w) === l;
+    return j(w) === u;
   }
-  return ue.AsyncMode = f, ue.ConcurrentMode = l, ue.ContextConsumer = c, ue.ContextProvider = o, ue.Element = e, ue.ForwardRef = d, ue.Fragment = r, ue.Lazy = g, ue.Memo = p, ue.Portal = n, ue.Profiler = s, ue.StrictMode = i, ue.Suspense = u, ue.isAsyncMode = function(w) {
+  return ue.AsyncMode = f, ue.ConcurrentMode = u, ue.ContextConsumer = c, ue.ContextProvider = o, ue.Element = e, ue.ForwardRef = l, ue.Fragment = r, ue.Lazy = g, ue.Memo = p, ue.Portal = n, ue.Profiler = s, ue.StrictMode = i, ue.Suspense = d, ue.isAsyncMode = function(w) {
     return T(w) || j(w) === f;
   }, ue.isConcurrentMode = T, ue.isContextConsumer = function(w) {
     return j(w) === c;
@@ -4735,7 +4735,7 @@ function Ks() {
   }, ue.isElement = function(w) {
     return typeof w == "object" && w !== null && w.$$typeof === e;
   }, ue.isForwardRef = function(w) {
-    return j(w) === d;
+    return j(w) === l;
   }, ue.isFragment = function(w) {
     return j(w) === r;
   }, ue.isLazy = function(w) {
@@ -4749,9 +4749,9 @@ function Ks() {
   }, ue.isStrictMode = function(w) {
     return j(w) === i;
   }, ue.isSuspense = function(w) {
-    return j(w) === u;
+    return j(w) === d;
   }, ue.isValidElementType = function(w) {
-    return typeof w == "string" || typeof w == "function" || w === r || w === l || w === s || w === i || w === u || w === m || typeof w == "object" && w !== null && (w.$$typeof === g || w.$$typeof === p || w.$$typeof === o || w.$$typeof === c || w.$$typeof === d || w.$$typeof === _ || w.$$typeof === v || w.$$typeof === y || w.$$typeof === b);
+    return typeof w == "string" || typeof w == "function" || w === r || w === u || w === s || w === i || w === d || w === m || typeof w == "object" && w !== null && (w.$$typeof === g || w.$$typeof === p || w.$$typeof === o || w.$$typeof === c || w.$$typeof === l || w.$$typeof === _ || w.$$typeof === v || w.$$typeof === b || w.$$typeof === y);
   }, ue.typeOf = j, ue;
 }
 var de = {};
@@ -4766,10 +4766,10 @@ var de = {};
 var Pr;
 function Gs() {
   return Pr || (Pr = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = typeof Symbol == "function" && Symbol.for, e = t ? Symbol.for("react.element") : 60103, n = t ? Symbol.for("react.portal") : 60106, r = t ? Symbol.for("react.fragment") : 60107, i = t ? Symbol.for("react.strict_mode") : 60108, s = t ? Symbol.for("react.profiler") : 60114, o = t ? Symbol.for("react.provider") : 60109, c = t ? Symbol.for("react.context") : 60110, f = t ? Symbol.for("react.async_mode") : 60111, l = t ? Symbol.for("react.concurrent_mode") : 60111, d = t ? Symbol.for("react.forward_ref") : 60112, u = t ? Symbol.for("react.suspense") : 60113, m = t ? Symbol.for("react.suspense_list") : 60120, p = t ? Symbol.for("react.memo") : 60115, g = t ? Symbol.for("react.lazy") : 60116, b = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, v = t ? Symbol.for("react.responder") : 60118, y = t ? Symbol.for("react.scope") : 60119;
+    var t = typeof Symbol == "function" && Symbol.for, e = t ? Symbol.for("react.element") : 60103, n = t ? Symbol.for("react.portal") : 60106, r = t ? Symbol.for("react.fragment") : 60107, i = t ? Symbol.for("react.strict_mode") : 60108, s = t ? Symbol.for("react.profiler") : 60114, o = t ? Symbol.for("react.provider") : 60109, c = t ? Symbol.for("react.context") : 60110, f = t ? Symbol.for("react.async_mode") : 60111, u = t ? Symbol.for("react.concurrent_mode") : 60111, l = t ? Symbol.for("react.forward_ref") : 60112, d = t ? Symbol.for("react.suspense") : 60113, m = t ? Symbol.for("react.suspense_list") : 60120, p = t ? Symbol.for("react.memo") : 60115, g = t ? Symbol.for("react.lazy") : 60116, y = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, v = t ? Symbol.for("react.responder") : 60118, b = t ? Symbol.for("react.scope") : 60119;
     function j(A) {
       return typeof A == "string" || typeof A == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      A === r || A === l || A === s || A === i || A === u || A === m || typeof A == "object" && A !== null && (A.$$typeof === g || A.$$typeof === p || A.$$typeof === o || A.$$typeof === c || A.$$typeof === d || A.$$typeof === _ || A.$$typeof === v || A.$$typeof === y || A.$$typeof === b);
+      A === r || A === u || A === s || A === i || A === d || A === m || typeof A == "object" && A !== null && (A.$$typeof === g || A.$$typeof === p || A.$$typeof === o || A.$$typeof === c || A.$$typeof === l || A.$$typeof === _ || A.$$typeof === v || A.$$typeof === b || A.$$typeof === y);
     }
     function T(A) {
       if (typeof A == "object" && A !== null) {
@@ -4779,17 +4779,17 @@ function Gs() {
             var $e = A.type;
             switch ($e) {
               case f:
-              case l:
+              case u:
               case r:
               case s:
               case i:
-              case u:
+              case d:
                 return $e;
               default:
                 var Ee = $e && $e.$$typeof;
                 switch (Ee) {
                   case c:
-                  case d:
+                  case l:
                   case g:
                   case p:
                   case o:
@@ -4803,12 +4803,12 @@ function Gs() {
         }
       }
     }
-    var w = f, D = l, R = c, W = o, M = e, O = d, C = r, E = g, x = p, $ = n, L = s, U = i, I = u, Z = !1;
+    var w = f, D = u, R = c, W = o, M = e, O = l, C = r, E = g, x = p, $ = n, L = s, U = i, I = d, Z = !1;
     function J(A) {
       return Z || (Z = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), k(A) || T(A) === f;
     }
     function k(A) {
-      return T(A) === l;
+      return T(A) === u;
     }
     function N(A) {
       return T(A) === c;
@@ -4820,7 +4820,7 @@ function Gs() {
       return typeof A == "object" && A !== null && A.$$typeof === e;
     }
     function H(A) {
-      return T(A) === d;
+      return T(A) === l;
     }
     function ee(A) {
       return T(A) === r;
@@ -4841,7 +4841,7 @@ function Gs() {
       return T(A) === i;
     }
     function oe(A) {
-      return T(A) === u;
+      return T(A) === d;
     }
     de.AsyncMode = w, de.ConcurrentMode = D, de.ContextConsumer = R, de.ContextProvider = W, de.Element = M, de.ForwardRef = O, de.Fragment = C, de.Lazy = E, de.Memo = x, de.Portal = $, de.Profiler = L, de.StrictMode = U, de.Suspense = I, de.isAsyncMode = J, de.isConcurrentMode = k, de.isContextConsumer = N, de.isContextProvider = z, de.isElement = q, de.isForwardRef = H, de.isFragment = ee, de.isLazy = G, de.isMemo = V, de.isPortal = X, de.isProfiler = re, de.isStrictMode = F, de.isSuspense = oe, de.isValidElementType = j, de.typeOf = T;
   }()), de;
@@ -4875,28 +4875,28 @@ function Qs() {
         return !1;
       for (var o = {}, c = 0; c < 10; c++)
         o["_" + String.fromCharCode(c)] = c;
-      var f = Object.getOwnPropertyNames(o).map(function(d) {
-        return o[d];
+      var f = Object.getOwnPropertyNames(o).map(function(l) {
+        return o[l];
       });
       if (f.join("") !== "0123456789")
         return !1;
-      var l = {};
-      return "abcdefghijklmnopqrst".split("").forEach(function(d) {
-        l[d] = d;
-      }), Object.keys(Object.assign({}, l)).join("") === "abcdefghijklmnopqrst";
+      var u = {};
+      return "abcdefghijklmnopqrst".split("").forEach(function(l) {
+        u[l] = l;
+      }), Object.keys(Object.assign({}, u)).join("") === "abcdefghijklmnopqrst";
     } catch {
       return !1;
     }
   }
   return pn = i() ? Object.assign : function(s, o) {
-    for (var c, f = r(s), l, d = 1; d < arguments.length; d++) {
-      c = Object(arguments[d]);
-      for (var u in c)
-        e.call(c, u) && (f[u] = c[u]);
+    for (var c, f = r(s), u, l = 1; l < arguments.length; l++) {
+      c = Object(arguments[l]);
+      for (var d in c)
+        e.call(c, d) && (f[d] = c[d]);
       if (t) {
-        l = t(c);
-        for (var m = 0; m < l.length; m++)
-          n.call(c, l[m]) && (f[l[m]] = c[l[m]]);
+        u = t(c);
+        for (var m = 0; m < u.length; m++)
+          n.call(c, u[m]) && (f[u[m]] = c[u[m]]);
       }
     }
     return f;
@@ -4932,29 +4932,29 @@ function Js() {
       }
     };
   }
-  function i(s, o, c, f, l) {
+  function i(s, o, c, f, u) {
     if (process.env.NODE_ENV !== "production") {
-      for (var d in s)
-        if (r(s, d)) {
-          var u;
+      for (var l in s)
+        if (r(s, l)) {
+          var d;
           try {
-            if (typeof s[d] != "function") {
+            if (typeof s[l] != "function") {
               var m = Error(
-                (f || "React class") + ": " + c + " type `" + d + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[d] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+                (f || "React class") + ": " + c + " type `" + l + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[l] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
               throw m.name = "Invariant Violation", m;
             }
-            u = s[d](o, d, f, c, null, e);
+            d = s[l](o, l, f, c, null, e);
           } catch (g) {
-            u = g;
+            d = g;
           }
-          if (u && !(u instanceof Error) && t(
-            (f || "React class") + ": type specification of " + c + " `" + d + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof u + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
-          ), u instanceof Error && !(u.message in n)) {
-            n[u.message] = !0;
-            var p = l ? l() : "";
+          if (d && !(d instanceof Error) && t(
+            (f || "React class") + ": type specification of " + c + " `" + l + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof d + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+          ), d instanceof Error && !(d.message in n)) {
+            n[d.message] = !0;
+            var p = u ? u() : "";
             t(
-              "Failed " + c + " type: " + u.message + (p ?? "")
+              "Failed " + c + " type: " + d.message + (p ?? "")
             );
           }
         }
@@ -4983,9 +4983,9 @@ function Xs() {
     return null;
   }
   return bn = function(c, f) {
-    var l = typeof Symbol == "function" && Symbol.iterator, d = "@@iterator";
-    function u(k) {
-      var N = k && (l && k[l] || k[d]);
+    var u = typeof Symbol == "function" && Symbol.iterator, l = "@@iterator";
+    function d(k) {
+      var N = k && (u && k[u] || k[l]);
       if (typeof N == "function")
         return N;
     }
@@ -4998,7 +4998,7 @@ function Xs() {
       object: v("object"),
       string: v("string"),
       symbol: v("symbol"),
-      any: y(),
+      any: b(),
       arrayOf: j,
       element: T(),
       elementType: w(),
@@ -5013,10 +5013,10 @@ function Xs() {
     function g(k, N) {
       return k === N ? k !== 0 || 1 / k === 1 / N : k !== k && N !== N;
     }
-    function b(k, N) {
+    function y(k, N) {
       this.message = k, this.data = N && typeof N == "object" ? N : {}, this.stack = "";
     }
-    b.prototype = Error.prototype;
+    y.prototype = Error.prototype;
     function _(k) {
       if (process.env.NODE_ENV !== "production")
         var N = {}, z = 0;
@@ -5035,7 +5035,7 @@ function Xs() {
             ), N[ve] = !0, z++);
           }
         }
-        return G[V] == null ? ee ? G[V] === null ? new b("The " + re + " `" + F + "` is marked as required " + ("in `" + X + "`, but its value is `null`.")) : new b("The " + re + " `" + F + "` is marked as required in " + ("`" + X + "`, but its value is `undefined`.")) : null : k(G, V, X, re, F);
+        return G[V] == null ? ee ? G[V] === null ? new y("The " + re + " `" + F + "` is marked as required " + ("in `" + X + "`, but its value is `null`.")) : new y("The " + re + " `" + F + "` is marked as required in " + ("`" + X + "`, but its value is `undefined`.")) : null : k(G, V, X, re, F);
       }
       var H = q.bind(null, !1);
       return H.isRequired = q.bind(null, !0), H;
@@ -5045,7 +5045,7 @@ function Xs() {
         var X = z[q], re = U(X);
         if (re !== k) {
           var F = I(X);
-          return new b(
+          return new y(
             "Invalid " + ee + " `" + G + "` of type " + ("`" + F + "` supplied to `" + H + "`, expected ") + ("`" + k + "`."),
             { expectedType: k }
           );
@@ -5054,17 +5054,17 @@ function Xs() {
       }
       return _(N);
     }
-    function y() {
+    function b() {
       return _(o);
     }
     function j(k) {
       function N(z, q, H, ee, G) {
         if (typeof k != "function")
-          return new b("Property `" + G + "` of component `" + H + "` has invalid PropType notation inside arrayOf.");
+          return new y("Property `" + G + "` of component `" + H + "` has invalid PropType notation inside arrayOf.");
         var V = z[q];
         if (!Array.isArray(V)) {
           var X = U(V);
-          return new b("Invalid " + ee + " `" + G + "` of type " + ("`" + X + "` supplied to `" + H + "`, expected an array."));
+          return new y("Invalid " + ee + " `" + G + "` of type " + ("`" + X + "` supplied to `" + H + "`, expected an array."));
         }
         for (var re = 0; re < V.length; re++) {
           var F = k(V, re, H, ee, G + "[" + re + "]", n);
@@ -5080,7 +5080,7 @@ function Xs() {
         var G = N[z];
         if (!c(G)) {
           var V = U(G);
-          return new b("Invalid " + H + " `" + ee + "` of type " + ("`" + V + "` supplied to `" + q + "`, expected a single ReactElement."));
+          return new y("Invalid " + H + " `" + ee + "` of type " + ("`" + V + "` supplied to `" + q + "`, expected a single ReactElement."));
         }
         return null;
       }
@@ -5091,7 +5091,7 @@ function Xs() {
         var G = N[z];
         if (!t.isValidElementType(G)) {
           var V = U(G);
-          return new b("Invalid " + H + " `" + ee + "` of type " + ("`" + V + "` supplied to `" + q + "`, expected a single ReactElement type."));
+          return new y("Invalid " + H + " `" + ee + "` of type " + ("`" + V + "` supplied to `" + q + "`, expected a single ReactElement type."));
         }
         return null;
       }
@@ -5101,7 +5101,7 @@ function Xs() {
       function N(z, q, H, ee, G) {
         if (!(z[q] instanceof k)) {
           var V = k.name || m, X = J(z[q]);
-          return new b("Invalid " + ee + " `" + G + "` of type " + ("`" + X + "` supplied to `" + H + "`, expected ") + ("instance of `" + V + "`."));
+          return new y("Invalid " + ee + " `" + G + "` of type " + ("`" + X + "` supplied to `" + H + "`, expected ") + ("instance of `" + V + "`."));
         }
         return null;
       }
@@ -5120,17 +5120,17 @@ function Xs() {
           var ve = I(A);
           return ve === "symbol" ? String(A) : A;
         });
-        return new b("Invalid " + ee + " `" + G + "` of value `" + String(V) + "` " + ("supplied to `" + H + "`, expected one of " + re + "."));
+        return new y("Invalid " + ee + " `" + G + "` of value `" + String(V) + "` " + ("supplied to `" + H + "`, expected one of " + re + "."));
       }
       return _(N);
     }
     function W(k) {
       function N(z, q, H, ee, G) {
         if (typeof k != "function")
-          return new b("Property `" + G + "` of component `" + H + "` has invalid PropType notation inside objectOf.");
+          return new y("Property `" + G + "` of component `" + H + "` has invalid PropType notation inside objectOf.");
         var V = z[q], X = U(V);
         if (X !== "object")
-          return new b("Invalid " + ee + " `" + G + "` of type " + ("`" + X + "` supplied to `" + H + "`, expected an object."));
+          return new y("Invalid " + ee + " `" + G + "` of type " + ("`" + X + "` supplied to `" + H + "`, expected an object."));
         for (var re in V)
           if (r(V, re)) {
             var F = k(V, re, H, ee, G + "." + re, n);
@@ -5159,18 +5159,18 @@ function Xs() {
           A.data && r(A.data, "expectedType") && re.push(A.data.expectedType);
         }
         var ve = re.length > 0 ? ", expected one of type [" + re.join(", ") + "]" : "";
-        return new b("Invalid " + V + " `" + X + "` supplied to " + ("`" + G + "`" + ve + "."));
+        return new y("Invalid " + V + " `" + X + "` supplied to " + ("`" + G + "`" + ve + "."));
       }
       return _(q);
     }
     function O() {
       function k(N, z, q, H, ee) {
-        return $(N[z]) ? null : new b("Invalid " + H + " `" + ee + "` supplied to " + ("`" + q + "`, expected a ReactNode."));
+        return $(N[z]) ? null : new y("Invalid " + H + " `" + ee + "` supplied to " + ("`" + q + "`, expected a ReactNode."));
       }
       return _(k);
     }
     function C(k, N, z, q, H) {
-      return new b(
+      return new y(
         (k || "React class") + ": " + N + " type `" + z + "." + q + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + H + "`."
       );
     }
@@ -5178,7 +5178,7 @@ function Xs() {
       function N(z, q, H, ee, G) {
         var V = z[q], X = U(V);
         if (X !== "object")
-          return new b("Invalid " + ee + " `" + G + "` of type `" + X + "` " + ("supplied to `" + H + "`, expected `object`."));
+          return new y("Invalid " + ee + " `" + G + "` of type `" + X + "` " + ("supplied to `" + H + "`, expected `object`."));
         for (var re in k) {
           var F = k[re];
           if (typeof F != "function")
@@ -5195,14 +5195,14 @@ function Xs() {
       function N(z, q, H, ee, G) {
         var V = z[q], X = U(V);
         if (X !== "object")
-          return new b("Invalid " + ee + " `" + G + "` of type `" + X + "` " + ("supplied to `" + H + "`, expected `object`."));
+          return new y("Invalid " + ee + " `" + G + "` of type `" + X + "` " + ("supplied to `" + H + "`, expected `object`."));
         var re = e({}, z[q], k);
         for (var F in re) {
           var oe = k[F];
           if (r(k, F) && typeof oe != "function")
             return C(H, ee, G, F, I(oe));
           if (!oe)
-            return new b(
+            return new y(
               "Invalid " + ee + " `" + G + "` key `" + F + "` supplied to `" + H + "`.\nBad object: " + JSON.stringify(z[q], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(k), null, "  ")
             );
@@ -5227,7 +5227,7 @@ Valid keys: ` + JSON.stringify(Object.keys(k), null, "  ")
             return k.every($);
           if (k === null || c(k))
             return !0;
-          var N = u(k);
+          var N = d(k);
           if (N) {
             var z = N.call(k), q;
             if (N !== k.entries) {
@@ -5297,8 +5297,8 @@ function eo() {
   function n() {
   }
   return n.resetWarningCache = e, yn = function() {
-    function r(o, c, f, l, d, u) {
-      if (u !== t) {
+    function r(o, c, f, u, l, d) {
+      if (d !== t) {
         var m = new Error(
           "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
         );
@@ -5369,18 +5369,18 @@ var Ca = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
     var o = s.shift();
     if (!Zt(o, !1))
       if (o.tagName === "SLOT") {
-        var c = o.assignedElements(), f = c.length ? c : o.children, l = t(f, !0, r);
-        r.flatten ? i.push.apply(i, l) : i.push({
+        var c = o.assignedElements(), f = c.length ? c : o.children, u = t(f, !0, r);
+        r.flatten ? i.push.apply(i, u) : i.push({
           scopeParent: o,
-          candidates: l
+          candidates: u
         });
       } else {
-        var d = Ze.call(o, Ut);
-        d && r.filter(o) && (n || !e.includes(o)) && i.push(o);
-        var u = o.shadowRoot || // check for an undisclosed shadow
-        typeof r.getShadowRoot == "function" && r.getShadowRoot(o), m = !Zt(u, !1) && (!r.shadowRootFilter || r.shadowRootFilter(o));
-        if (u && m) {
-          var p = t(u === !0 ? o.children : u.children, !0, r);
+        var l = Ze.call(o, Ut);
+        l && r.filter(o) && (n || !e.includes(o)) && i.push(o);
+        var d = o.shadowRoot || // check for an undisclosed shadow
+        typeof r.getShadowRoot == "function" && r.getShadowRoot(o), m = !Zt(d, !1) && (!r.shadowRootFilter || r.shadowRootFilter(o));
+        if (d && m) {
+          var p = t(d === !0 ? o.children : d.children, !0, r);
           r.flatten ? i.push.apply(i, p) : i.push({
             scopeParent: o,
             candidates: p
@@ -5439,8 +5439,8 @@ var Ca = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   if (r && r !== e) {
     var o, c, f;
     for (s = !!((o = i) !== null && o !== void 0 && (c = o.ownerDocument) !== null && c !== void 0 && c.contains(i) || e != null && (f = e.ownerDocument) !== null && f !== void 0 && f.contains(e)); !s && i; ) {
-      var l, d, u;
-      r = zt(i), i = (l = r) === null || l === void 0 ? void 0 : l.host, s = !!((d = i) !== null && d !== void 0 && (u = d.ownerDocument) !== null && u !== void 0 && u.contains(i));
+      var u, l, d;
+      r = zt(i), i = (u = r) === null || u === void 0 ? void 0 : u.host, s = !!((l = i) !== null && l !== void 0 && (d = l.ownerDocument) !== null && d !== void 0 && d.contains(i));
     }
   }
   return s;
@@ -5457,10 +5457,10 @@ var Ca = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   if (!r || r === "full" || r === "legacy-full") {
     if (typeof i == "function") {
       for (var c = e; e; ) {
-        var f = e.parentElement, l = zt(e);
+        var f = e.parentElement, u = zt(e);
         if (f && !f.shadowRoot && i(f) === !0)
           return Lr(e);
-        e.assignedSlot ? e = e.assignedSlot : !f && l !== e.ownerDocument ? e = l.host : e = f;
+        e.assignedSlot ? e = e.assignedSlot : !f && u !== e.ownerDocument ? e = u.host : e = f;
       }
       e = c;
     }
@@ -5499,13 +5499,13 @@ var Ca = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
 }, bo = function t(e) {
   var n = [], r = [];
   return e.forEach(function(i, s) {
-    var o = !!i.scopeParent, c = o ? i.scopeParent : i, f = io(c, o), l = o ? t(i.candidates) : c;
-    f === 0 ? o ? n.push.apply(n, l) : n.push(c) : r.push({
+    var o = !!i.scopeParent, c = o ? i.scopeParent : i, f = io(c, o), u = o ? t(i.candidates) : c;
+    f === 0 ? o ? n.push.apply(n, u) : n.push(c) : r.push({
       documentOrder: s,
       tabIndex: f,
       item: i,
       isScope: o,
-      content: l
+      content: u
     });
   }), r.sort(so).reduce(function(i, s) {
     return s.isScope ? i.push.apply(i, s.content) : i.push(s.content), i;
@@ -5674,7 +5674,7 @@ var Ur = {
     recentNavEvent: void 0
   }, c, f = function(E, x, $) {
     return E && E[x] !== void 0 ? E[x] : s[$ || x];
-  }, l = function(E, x) {
+  }, u = function(E, x) {
     var $ = typeof (x == null ? void 0 : x.composedPath) == "function" ? x.composedPath() : void 0;
     return o.containerGroups.findIndex(function(L) {
       var U = L.container, I = L.tabbableNodes;
@@ -5686,7 +5686,7 @@ var Ur = {
         return Z === E;
       });
     });
-  }, d = function(E) {
+  }, l = function(E) {
     var x = s[E];
     if (typeof x == "function") {
       for (var $ = arguments.length, L = new Array($ > 1 ? $ - 1 : 0), U = 1; U < $; U++)
@@ -5702,16 +5702,16 @@ var Ur = {
     if (typeof x == "string" && (I = r.querySelector(x), !I))
       throw new Error("`".concat(E, "` as selector refers to no known node"));
     return I;
-  }, u = function() {
-    var E = d("initialFocus");
+  }, d = function() {
+    var E = l("initialFocus");
     if (E === !1)
       return !1;
     if (E === void 0 || !Dt(E, s.tabbableOptions))
-      if (l(r.activeElement) >= 0)
+      if (u(r.activeElement) >= 0)
         E = r.activeElement;
       else {
         var x = o.tabbableGroups[0], $ = x && x.firstTabbableNode;
-        E = $ || d("fallbackFocus");
+        E = $ || l("fallbackFocus");
       }
     if (!E)
       throw new Error("Your focus-trap needs to have at least one focusable element");
@@ -5765,7 +5765,7 @@ var Ur = {
       };
     }), o.tabbableGroups = o.containerGroups.filter(function(E) {
       return E.tabbableNodes.length > 0;
-    }), o.tabbableGroups.length <= 0 && !d("fallbackFocus"))
+    }), o.tabbableGroups.length <= 0 && !l("fallbackFocus"))
       throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");
     if (o.containerGroups.find(function(E) {
       return E.posTabIndexesFound;
@@ -5778,22 +5778,22 @@ var Ur = {
   }, g = function C(E) {
     if (E !== !1 && E !== p(document)) {
       if (!E || !E.focus) {
-        C(u());
+        C(d());
         return;
       }
       E.focus({
         preventScroll: !!s.preventScroll
       }), o.mostRecentlyFocusedNode = E, ko(E) && E.select();
     }
-  }, b = function(E) {
-    var x = d("setReturnFocus", E);
+  }, y = function(E) {
+    var x = l("setReturnFocus", E);
     return x || (x === !1 ? !1 : E);
   }, _ = function(E) {
     var x = E.target, $ = E.event, L = E.isBackward, U = L === void 0 ? !1 : L;
     x = x || Ct($), m();
     var I = null;
     if (o.tabbableGroups.length > 0) {
-      var Z = l(x, $), J = Z >= 0 ? o.containerGroups[Z] : void 0;
+      var Z = u(x, $), J = Z >= 0 ? o.containerGroups[Z] : void 0;
       if (Z < 0)
         U ? I = o.tabbableGroups[o.tabbableGroups.length - 1].lastTabbableNode : I = o.tabbableGroups[0].firstTabbableNode;
       else if (U) {
@@ -5818,11 +5818,11 @@ var Ur = {
           pt($) || (I = J.nextTabbableNode(x));
       }
     } else
-      I = d("fallbackFocus");
+      I = l("fallbackFocus");
     return I;
   }, v = function(E) {
     var x = Ct(E);
-    if (!(l(x, E) >= 0)) {
+    if (!(u(x, E) >= 0)) {
       if (ot(s.clickOutsideDeactivates, E)) {
         c.deactivate({
           // NOTE: by setting `returnFocus: false`, deactivate() will do nothing,
@@ -5837,8 +5837,8 @@ var Ur = {
       }
       ot(s.allowOutsideClick, E) || E.preventDefault();
     }
-  }, y = function(E) {
-    var x = Ct(E), $ = l(x, E) >= 0;
+  }, b = function(E) {
+    var x = Ct(E), $ = u(x, E) >= 0;
     if ($ || x instanceof Document)
       $ && (o.mostRecentlyFocusedNode = x);
     else {
@@ -5846,7 +5846,7 @@ var Ur = {
       var L, U = !0;
       if (o.mostRecentlyFocusedNode)
         if (Ie(o.mostRecentlyFocusedNode) > 0) {
-          var I = l(o.mostRecentlyFocusedNode), Z = o.containerGroups[I].tabbableNodes;
+          var I = u(o.mostRecentlyFocusedNode), Z = o.containerGroups[I].tabbableNodes;
           if (Z.length > 0) {
             var J = Z.findIndex(function(k) {
               return k === o.mostRecentlyFocusedNode;
@@ -5866,7 +5866,7 @@ var Ur = {
         //  outside the trap causing the focus escape we're trying to fix)
         target: o.mostRecentlyFocusedNode,
         isBackward: s.isKeyBackward(o.recentNavEvent)
-      })), g(L || o.mostRecentlyFocusedNode || u());
+      })), g(L || o.mostRecentlyFocusedNode || d());
     }
     o.recentNavEvent = void 0;
   }, j = function(E) {
@@ -5885,12 +5885,12 @@ var Ur = {
     (s.isKeyForward(E) || s.isKeyBackward(E)) && j(E, s.isKeyBackward(E));
   }, w = function(E) {
     var x = Ct(E);
-    l(x, E) >= 0 || ot(s.clickOutsideDeactivates, E) || ot(s.allowOutsideClick, E) || (E.preventDefault(), E.stopImmediatePropagation());
+    u(x, E) >= 0 || ot(s.clickOutsideDeactivates, E) || ot(s.allowOutsideClick, E) || (E.preventDefault(), E.stopImmediatePropagation());
   }, D = function() {
     if (o.active)
       return Ur.activateTrap(i, c), o.delayInitialFocusTimer = s.delayInitialFocus ? zr(function() {
-        g(u());
-      }) : g(u()), r.addEventListener("focusin", y, !0), r.addEventListener("mousedown", v, {
+        g(d());
+      }) : g(d()), r.addEventListener("focusin", b, !0), r.addEventListener("mousedown", v, {
         capture: !0,
         passive: !1
       }), r.addEventListener("touchstart", v, {
@@ -5905,7 +5905,7 @@ var Ur = {
       }), c;
   }, R = function() {
     if (o.active)
-      return r.removeEventListener("focusin", y, !0), r.removeEventListener("mousedown", v, !0), r.removeEventListener("touchstart", v, !0), r.removeEventListener("click", w, !0), r.removeEventListener("keydown", T, !0), c;
+      return r.removeEventListener("focusin", b, !0), r.removeEventListener("mousedown", v, !0), r.removeEventListener("touchstart", v, !0), r.removeEventListener("click", w, !0), r.removeEventListener("keydown", T, !0), c;
   }, W = function(E) {
     var x = E.some(function($) {
       var L = Array.from($.removedNodes);
@@ -5913,7 +5913,7 @@ var Ur = {
         return U === o.mostRecentlyFocusedNode;
       });
     });
-    x && g(u());
+    x && g(d());
   }, M = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(W) : void 0, O = function() {
     M && (M.disconnect(), o.active && !o.paused && o.containers.map(function(E) {
       M.observe(E, {
@@ -5952,10 +5952,10 @@ var Ur = {
       $ == null || $();
       var Z = function() {
         zr(function() {
-          I && g(b(o.nodeFocusedBeforeActivation)), L == null || L();
+          I && g(y(o.nodeFocusedBeforeActivation)), L == null || L();
         });
       };
-      return I && U ? (U(b(o.nodeFocusedBeforeActivation)).then(Z, Z), this) : (Z(), this);
+      return I && U ? (U(y(o.nodeFocusedBeforeActivation)).then(Z, Z), this) : (Z(), this);
     },
     pause: function(E) {
       if (o.paused || !o.active)
@@ -6078,21 +6078,21 @@ var $t = Y, Q = ro, qo = Po, Uo = qo.createFocusTrap, zo = Mo, Zo = zo.isFocusab
   function n(r) {
     var i;
     Ro(this, n), i = e.call(this, r), Lo(dt(i), "getNodeForOption", function(c) {
-      var f, l = (f = this.internalOptions[c]) !== null && f !== void 0 ? f : this.originalOptions[c];
-      if (typeof l == "function") {
-        for (var d = arguments.length, u = new Array(d > 1 ? d - 1 : 0), m = 1; m < d; m++)
-          u[m - 1] = arguments[m];
-        l = l.apply(void 0, u);
-      }
-      if (l === !0 && (l = void 0), !l) {
-        if (l === void 0 || l === !1)
-          return l;
+      var f, u = (f = this.internalOptions[c]) !== null && f !== void 0 ? f : this.originalOptions[c];
+      if (typeof u == "function") {
+        for (var l = arguments.length, d = new Array(l > 1 ? l - 1 : 0), m = 1; m < l; m++)
+          d[m - 1] = arguments[m];
+        u = u.apply(void 0, d);
+      }
+      if (u === !0 && (u = void 0), !u) {
+        if (u === void 0 || u === !1)
+          return u;
         throw new Error("`".concat(c, "` was specified but was not a node, or did not return a node"));
       }
-      var p = l;
-      if (typeof l == "string") {
+      var p = u;
+      if (typeof u == "string") {
         var g;
-        if (p = (g = this.getDocument()) === null || g === void 0 ? void 0 : g.querySelector(l), !p)
+        if (p = (g = this.getDocument()) === null || g === void 0 ? void 0 : g.querySelector(u), !p)
           throw new Error("`".concat(c, "` as selector refers to no known node"));
       }
       return p;
@@ -6200,9 +6200,9 @@ var $t = Y, Q = ro, qo = Po, Uo = qo.createFocusTrap, zo = Mo, Zo = zo.isFocusab
         i.outsideClick.allowDeactivation && // is the outside node NOT focusable (implying that it did NOT receive focus
         //  as a result of the click-through) -- in which case do NOT restore focus
         //  to `returnFocusNode` because focus should remain on the outside node
-        !Zo(i.outsideClick.target, i.internalOptions.tabbableOptions))), l = i.internalOptions.preventScroll, d = l === void 0 ? !1 : l;
+        !Zo(i.outsideClick.target, i.internalOptions.tabbableOptions))), u = i.internalOptions.preventScroll, l = u === void 0 ? !1 : u;
         f && c.focus({
-          preventScroll: d
+          preventScroll: l
         }), i.originalOptions.onPostDeactivate && i.originalOptions.onPostDeactivate.call(null), i.outsideClick = null;
       };
       this.originalOptions.checkCanReturnFocus ? this.originalOptions.checkCanReturnFocus.call(null, this.getReturnFocusNode()).then(s, s) : s();
@@ -6248,9 +6248,9 @@ var $t = Y, Q = ro, qo = Po, Uo = qo.createFocusTrap, zo = Mo, Zo = zo.isFocusab
       if (s) {
         if (s.type && s.type === $t.Fragment)
           throw new Error("A focus-trap cannot use a Fragment as its child container. Try replacing it with a <div> element.");
-        var o = function(l) {
-          var d = i.props.containerElements;
-          s && (typeof s.ref == "function" ? s.ref(l) : s.ref && (s.ref.current = l)), i.focusTrapElements = d || [l];
+        var o = function(u) {
+          var l = i.props.containerElements;
+          s && (typeof s.ref == "function" ? s.ref(u) : s.ref && (s.ref.current = u)), i.focusTrapElements = l || [u];
         }, c = $t.cloneElement(s, {
           ref: o
         });
@@ -6332,18 +6332,18 @@ const en = ({
   forceShow: { error: o = !1 } = {},
   title: c,
   children: f,
-  buttons: l,
-  className: d = "",
-  gtmContext: u = "Modal"
+  buttons: u,
+  className: l = "",
+  gtmContext: d = "Modal"
 }) => {
-  const m = K(), [p, g] = te(e), b = (y) => {
-    y.key === "Escape" && _(!1);
+  const m = K(), [p, g] = te(e), y = (b) => {
+    b.key === "Escape" && _(!1);
   };
-  ae(() => (window.addEventListener("keyup", b), () => {
-    window.removeEventListener("keyup", b);
+  ae(() => (window.addEventListener("keyup", y), () => {
+    window.removeEventListener("keyup", y);
   }));
-  const _ = (y) => {
-    g(y), y ? (i(), document.body.classList.add("has-overlay")) : (s(), document.body.classList.remove("has-overlay"));
+  const _ = (b) => {
+    g(b), b ? (i(), document.body.classList.add("has-overlay")) : (s(), document.body.classList.remove("has-overlay"));
   };
   ae(() => {
     _(e);
@@ -6353,7 +6353,7 @@ const en = ({
     Da,
     {
       id: t,
-      className: S("overlay-modal", d, {
+      className: S("overlay-modal", l, {
         "has-max-width": r
       }),
       hidden: !p,
@@ -6370,16 +6370,16 @@ const en = ({
               onClick: () => _(!1),
               className: "gtm-trackable",
               "data-gtm-event-type": "close-modal-click",
-              "data-gtm-event-context": u,
+              "data-gtm-event-context": d,
               screenreaderText: m.formatMessage({ id: "overlay_close" })
             }
           )
         ] }),
         n && /* @__PURE__ */ a.jsx(Oe, {}),
         f,
-        l && /* @__PURE__ */ a.jsxs("div", { className: "bottom", children: [
+        u && /* @__PURE__ */ a.jsxs("div", { className: "bottom", children: [
           /* @__PURE__ */ a.jsx(Oe, {}),
-          /* @__PURE__ */ a.jsx(_t, { buttons: l })
+          /* @__PURE__ */ a.jsx(_t, { buttons: u })
         ] }),
         o && /* @__PURE__ */ a.jsx(qt, { className: "error", children: o })
       ] }) })
@@ -6401,10 +6401,10 @@ const Hl = ({
   onClose: c,
   reportError: f = () => {
   },
-  sendInvites: l
+  sendInvites: u
 }) => {
-  const d = K();
-  return r || (r = d.formatMessage({ id: "invite-modal_formTitle" })), i || (i = d.formatMessage({ id: "invite-modal_formLabel" })), s || (s = d.formatMessage({ id: "invite-modal_cta" })), /* @__PURE__ */ a.jsx(
+  const l = K();
+  return r || (r = l.formatMessage({ id: "invite-modal_formTitle" })), i || (i = l.formatMessage({ id: "invite-modal_formLabel" })), s || (s = l.formatMessage({ id: "invite-modal_cta" })), /* @__PURE__ */ a.jsx(
     en,
     {
       title: n,
@@ -6420,7 +6420,7 @@ const Hl = ({
           label: i,
           ctaMessage: s,
           onClose: c,
-          sendInvites: l,
+          sendInvites: u,
           reportError: f
         }
       )
@@ -6474,11 +6474,11 @@ const Vl = ({ members: t }) => {
     isOngoingEvent: o,
     pill: c,
     readingTime: f,
-    publishedDate: l,
-    startDate: d
+    publishedDate: u,
+    startDate: l
   } = e;
   if (t === "question") {
-    const u = i && Dn(i);
+    const d = i && Dn(i);
     return /* @__PURE__ */ a.jsxs("p", { className: "details answers", "data-testid": "question-answers", children: [
       n.formatMessage({ id: "card_answers" }, { number: r }),
       i && /* @__PURE__ */ a.jsxs("span", { "data-testid": "question-created-at", children: [
@@ -6488,17 +6488,17 @@ const Vl = ({ members: t }) => {
         n.formatMessage(
           { id: "card_time_ago" },
           {
-            time: u ? n.formatMessage(
-              { id: `dates_${u.path}` },
-              { number: u.number }
+            time: d ? n.formatMessage(
+              { id: `dates_${d.path}` },
+              { number: d.number }
             ) : 0
           }
         )
       ] })
     ] });
   }
-  if (d && !s || o)
-    return /* @__PURE__ */ a.jsx("p", { className: "details", children: o ? n.formatMessage({ id: "card_bootcamp" }) : ma(d) });
+  if (l && !s || o)
+    return /* @__PURE__ */ a.jsx("p", { className: "details", children: o ? n.formatMessage({ id: "card_bootcamp" }) : ma(l) });
   if (c)
     return /* @__PURE__ */ a.jsx(
       Bt,
@@ -6509,16 +6509,16 @@ const Vl = ({ members: t }) => {
         children: c
       }
     );
-  if (f || l) {
-    const u = l && Dn(l);
+  if (f || u) {
+    const d = u && Dn(u);
     return /* @__PURE__ */ a.jsxs("ul", { className: "details", children: [
       f && /* @__PURE__ */ a.jsx("li", { "data-testid": "reading-time", children: n.formatMessage({ id: "card_time_read" }, { time: f }) }),
-      l && /* @__PURE__ */ a.jsx("li", { "data-testid": "published-date", children: n.formatMessage(
+      u && /* @__PURE__ */ a.jsx("li", { "data-testid": "published-date", children: n.formatMessage(
         { id: "card_time_ago" },
         {
-          time: u ? n.formatMessage(
-            { id: `dates_${u.path}` },
-            { number: u.number }
+          time: d ? n.formatMessage(
+            { id: `dates_${d.path}` },
+            { number: d.number }
           ) : 0
         }
       ) })
@@ -6583,7 +6583,7 @@ const Vl = ({ members: t }) => {
     gtmEvent: "learning-hub"
   }
 }, Ko = ({ data: t, cta: e, link: n, gtmContext: r }) => {
-  var b;
+  var y;
   const i = K(), [s, o] = te({
     loading: !1,
     registered: t.registered || !1
@@ -6591,9 +6591,9 @@ const Vl = ({ members: t }) => {
   ae(() => {
     t.registered && o((_) => ({ ..._, registered: !0 }));
   }, [t.registered]);
-  const { customLinkText: c, startDate: f, dateHasPassed: l, pill: d, slug: u } = t, m = t.contentType;
+  const { customLinkText: c, startDate: f, dateHasPassed: u, pill: l, slug: d } = t, m = t.contentType;
   let p = "";
-  if ((b = Vt[m]) != null && b.gtmEvent && (p = Vt[m].gtmEvent), f && l)
+  if ((y = Vt[m]) != null && y.gtmEvent && (p = Vt[m].gtmEvent), f && u)
     return n ? /* @__PURE__ */ a.jsx(
       "a",
       {
@@ -6618,9 +6618,9 @@ const Vl = ({ members: t }) => {
       }
     ) : void 0;
   const g = ["microcourse", "event"];
-  if (e && e.onClick && g.includes(m) && d !== "premium") {
-    const _ = s.loading || s.registered, v = async (y) => {
-      if (y.preventDefault(), y.stopPropagation(), !(_ || !e || !e.onClick)) {
+  if (e && e.onClick && g.includes(m) && l !== "premium") {
+    const _ = s.loading || s.registered, v = async (b) => {
+      if (b.preventDefault(), b.stopPropagation(), !(_ || !e || !e.onClick)) {
         o((j) => ({ ...j, loading: !0 }));
         try {
           const j = await e.onClick(t);
@@ -6638,7 +6638,7 @@ const Vl = ({ members: t }) => {
         size: "small",
         styling: { fullWidth: !0 },
         disabled: _,
-        "data-gtm-event-context": `${r}Page-${m}: ${u}`,
+        "data-gtm-event-context": `${r}Page-${m}: ${d}`,
         "data-gtm-event-type": `${r}-${m}-register-click`,
         "data-testid": "in-card-button",
         children: c || i.formatMessage({
@@ -6662,17 +6662,17 @@ const Go = {
   gtmContext: i = "Carousel",
   className: s = ""
 }) => {
-  const o = K(), c = Ce(De), f = c && typeof c.id == "string", [l, d] = te({
+  const o = K(), c = Ce(De), f = c && typeof c.id == "string", [u, l] = te({
     data: null,
     isLoading: !0
-  }), { data: u, isLoading: m } = l, p = na(() => {
+  }), { data: d, isLoading: m } = u, p = na(() => {
     n(e, f).then((D) => {
-      d(() => ({ data: D, isLoading: !1 }));
-    }).catch(() => d((D) => ({ ...D, isLoading: !1 })));
+      l(() => ({ data: D, isLoading: !1 }));
+    }).catch(() => l((D) => ({ ...D, isLoading: !1 })));
   }, [t]);
   if (ae(() => {
     p();
-  }, []), m || !u)
+  }, []), m || !d)
     return /* @__PURE__ */ a.jsx(
       Te,
       {
@@ -6681,32 +6681,32 @@ const Go = {
         "data-testid": "card-placeholder"
       }
     );
-  const { contentType: g } = u;
+  const { contentType: g } = d;
   if (!g || !Vt[g])
     return /* @__PURE__ */ a.jsx(Te, { element: "li", className: "card-wrapper" });
   const {
-    basePath: b = "",
+    basePath: y = "",
     className: _,
     length: v,
-    gtmEvent: y
+    gtmEvent: b
   } = Vt[g];
-  let j = u.slug ? `${b}${u.slug}` : !1;
-  u.slug && (u.slug.slice(0, 4) === "http" || u.slug.slice(0, 2) === "//" || u.slug.slice(0, 6) === "mailto" || u.slug.slice(0, 3) === "tel") && (j = u.slug);
+  let j = d.slug ? `${y}${d.slug}` : !1;
+  d.slug && (d.slug.slice(0, 4) === "http" || d.slug.slice(0, 2) === "//" || d.slug.slice(0, 6) === "mailto" || d.slug.slice(0, 3) === "tel") && (j = d.slug);
   const T = { ...Go, ...v };
   let w = { className: "card" };
   return j && (w = {
     href: j,
     className: "card gtm-trackable",
     "data-gtm-event-context": `${i}-CarouselCard`,
-    "data-gtm-event-type": `${y}-click`,
+    "data-gtm-event-type": `${b}-click`,
     "data-testid": "link"
-  }, u.openInNewTab && (w.target = "_blank")), /* @__PURE__ */ a.jsx(
+  }, d.openInNewTab && (w.target = "_blank")), /* @__PURE__ */ a.jsx(
     "li",
     {
       className: S("card-wrapper text-medium", _, s, {
         "has-link": j,
         "no-link": !j,
-        "has-image": u.banner
+        "has-image": d.banner
       }),
       "data-testid": `${g}-card`,
       children: Y.createElement(
@@ -6718,34 +6718,34 @@ const Go = {
             {
               className: "card-label",
               contentType: g,
-              customIcon: u.customIcon,
-              customLabel: u.customLabel
+              customIcon: d.customIcon,
+              customLabel: d.customLabel
             }
           ),
-          u.startDate && !u.isOngoingEvent && /* @__PURE__ */ a.jsx(
+          d.startDate && !d.isOngoingEvent && /* @__PURE__ */ a.jsx(
             Bt,
             {
               size: "small",
-              variant: u.dateHasPassed ? "default" : "information",
+              variant: d.dateHasPassed ? "default" : "information",
               "data-testid": "date",
-              children: u.dateHasPassed ? o.formatMessage({ id: "card_ended" }) : zi(u.startDate)
+              children: d.dateHasPassed ? o.formatMessage({ id: "card_ended" }) : zi(d.startDate)
             }
           ),
-          u.banner ? /* @__PURE__ */ a.jsxs("p", { className: "img", children: [
-            u.registered && /* @__PURE__ */ a.jsx(Bt, { size: "small", variant: "registered", children: o.formatMessage({ id: "card_registered" }) }),
-            /* @__PURE__ */ a.jsx(xt, { image: u.banner })
+          d.banner ? /* @__PURE__ */ a.jsxs("p", { className: "img", children: [
+            d.registered && /* @__PURE__ */ a.jsx(Bt, { size: "small", variant: "registered", children: o.formatMessage({ id: "card_registered" }) }),
+            /* @__PURE__ */ a.jsx(xt, { image: d.banner })
           ] }) : _ === "people" ? /* @__PURE__ */ a.jsx(
             He,
             {
-              name: u.title || "",
-              src: u.profile,
+              name: d.title || "",
+              src: d.profile,
               "data-testid": "people-profile-picture"
             }
           ) : null,
-          u.contributors && /* @__PURE__ */ a.jsx(
+          d.contributors && /* @__PURE__ */ a.jsx(
             xa,
             {
-              contributors: { data: u.contributors },
+              contributors: { data: d.contributors },
               styling: {
                 size: "small",
                 showGap: _ !== "question",
@@ -6754,17 +6754,17 @@ const Go = {
               "data-testid": "contributors"
             }
           ),
-          u.partner && /* @__PURE__ */ a.jsx("p", { className: "partners", "data-testid": "partners", children: Je(u.partner.title, T.partner) }),
+          d.partner && /* @__PURE__ */ a.jsx("p", { className: "partners", "data-testid": "partners", children: Je(d.partner.title, T.partner) }),
           /* Text */
           ["title", "text", "secondaryText"].map((D) => {
-            const R = u[D];
+            const R = d[D];
             if (!R)
               return null;
             const W = Li(D);
             return /* @__PURE__ */ a.jsx("p", { className: W, "data-testid": W, children: Je(R, T[D]) }, D);
           }),
-          /* @__PURE__ */ a.jsx(Yo, { type: _ || "", data: u }),
-          /* @__PURE__ */ a.jsx(Ko, { data: u, cta: r, link: j || "", gtmContext: i })
+          /* @__PURE__ */ a.jsx(Yo, { type: _ || "", data: d }),
+          /* @__PURE__ */ a.jsx(Ko, { data: d, cta: r, link: j || "", gtmContext: i })
         ] })
       )
     }
@@ -6823,16 +6823,16 @@ const ec = ({
   className: s,
   gtmContext: o
 }) => {
-  const c = K(), [f, l] = te({
+  const c = K(), [f, u] = te({
     cardsPerPage: 4,
     isLoading: !0
-  }), { cardsPerPage: d, isLoading: u } = f, [m, p] = te({
+  }), { cardsPerPage: l, isLoading: d } = f, [m, p] = te({
     currentPage: 0,
     loadedPages: [0]
-  }), { currentPage: g, loadedPages: b } = m, _ = e.length, v = Math.ceil(_ / d), y = pe(null), j = yt(!0, !0, y == null ? void 0 : y.current);
+  }), { currentPage: g, loadedPages: y } = m, _ = e.length, v = Math.ceil(_ / l), b = pe(null), j = yt(!0, !0, b == null ? void 0 : b.current);
   ae(() => {
     let M = 1;
-    j && (j >= _n.fourCards ? M = 4 : j >= _n.threeCards ? M = 3 : j >= _n.twoCards && (M = 2), M > _ && (M = _)), l((O) => ({
+    j && (j >= _n.fourCards ? M = 4 : j >= _n.threeCards ? M = 3 : j >= _n.twoCards && (M = 2), M > _ && (M = _)), u((O) => ({
       ...O,
       cardsPerPage: M,
       isLoading: !1
@@ -6855,7 +6855,7 @@ const ec = ({
     p((C) => ({
       ...C,
       currentPage: O,
-      loadedPages: [.../* @__PURE__ */ new Set([...b, O])]
+      loadedPages: [.../* @__PURE__ */ new Set([...y, O])]
     }));
   }, w = (M) => {
     Nt = M.touches[0].clientX;
@@ -6867,10 +6867,10 @@ const ec = ({
   }, R = {
     "--width": `${j || 0}px`,
     "--total-cards": _,
-    "--cards-per-page": d,
+    "--cards-per-page": l,
     "--page": g
   };
-  if (u)
+  if (d)
     return /* @__PURE__ */ a.jsx(ba, { layout: `carousel${i ? "-with-title" : ""}` });
   const W = (M, O) => {
     var E;
@@ -6880,7 +6880,7 @@ const ec = ({
   return /* @__PURE__ */ a.jsxs(
     "section",
     {
-      ref: y,
+      ref: b,
       className: S("carousel-wrapper", s),
       "data-testid": "carousel",
       children: [
@@ -6895,7 +6895,7 @@ const ec = ({
             "data-testid": "carousel-list",
             children: e.map((M, O) => {
               let C = W(M, O);
-              return C && Jo(O, d, g, b) ? /* @__PURE__ */ a.jsx(
+              return C && Jo(O, l, g, y) ? /* @__PURE__ */ a.jsx(
                 Ia,
                 {
                   id: C,
@@ -6971,8 +6971,8 @@ const ec = ({
   className: r = "",
   ...i
 }) => !t || !t.length ? null : t.map(
-  ({ title: s, viewAllUrl: o, cards: c, cardsTypes: f }, l) => {
-    const d = s ? window.btoa(s) : `carousel-${l}`, u = l === t.length - 1;
+  ({ title: s, viewAllUrl: o, cards: c, cardsTypes: f }, u) => {
+    const l = s ? window.btoa(s) : `carousel-${u}`, d = u === t.length - 1;
     return e ? /* @__PURE__ */ a.jsxs(gt, { children: [
       /* @__PURE__ */ a.jsx(
         ba,
@@ -6981,8 +6981,8 @@ const ec = ({
           "data-testid": "carousel-placeholder"
         }
       ),
-      u ? null : /* @__PURE__ */ a.jsx(Oe, {})
-    ] }, `placeholder-${d}`) : /* @__PURE__ */ a.jsxs(gt, { children: [
+      d ? null : /* @__PURE__ */ a.jsx(Oe, {})
+    ] }, `placeholder-${l}`) : /* @__PURE__ */ a.jsxs(gt, { children: [
       /* @__PURE__ */ a.jsx(
         ec,
         {
@@ -6992,8 +6992,8 @@ const ec = ({
           ...i
         }
       ),
-      u ? null : /* @__PURE__ */ a.jsx(Oe, {})
-    ] }, `carousel-${d}`);
+      d ? null : /* @__PURE__ */ a.jsx(Oe, {})
+    ] }, `carousel-${l}`);
   }
 );
 const xn = "joinCommunityButton", La = ({
@@ -7003,28 +7003,28 @@ const xn = "joinCommunityButton", La = ({
   }, leave: () => {
   } }
 }) => {
-  const i = K(), s = Ce(De), o = s && typeof s.id == "string", [c, f] = te(t), [l, d] = te(t ? "joined" : "notJoined");
+  const i = K(), s = Ce(De), o = s && typeof s.id == "string", [c, f] = te(t), [u, l] = te(t ? "joined" : "notJoined");
   ae(() => {
-    l === "joining" ? d("joined") : l === "leaving" && d("notJoined");
+    u === "joining" ? l("joined") : u === "leaving" && l("notJoined");
   }, [c]);
-  const u = {}, m = {};
-  return c && l !== "leaving" && (u["data-hover-text"] = i.formatMessage({ id: `${xn}_leave` }), u["aria-label"] = i.formatMessage({ id: `${xn}_member_aria` }), m["aria-hidden"] = "true"), /* @__PURE__ */ a.jsx(
+  const d = {}, m = {};
+  return c && u !== "leaving" && (d["data-hover-text"] = i.formatMessage({ id: `${xn}_leave` }), d["aria-label"] = i.formatMessage({ id: `${xn}_member_aria` }), m["aria-hidden"] = "true"), /* @__PURE__ */ a.jsx(
     ie,
     {
       variant: c ? "secondary" : "primary",
       size: "medium",
       styling: { fullWidth: !0 },
-      icon: c && l !== "leaving" ? { icon: "tick", position: "left" } : !1,
+      icon: c && u !== "leaving" ? { icon: "tick", position: "left" } : !1,
       onClick: async (p) => {
-        o && (p.currentTarget.blur(), c ? (d("leaving"), typeof r == "function" && await r()) : (d("joining"), typeof n == "function" && await n()), f(!c));
+        o && (p.currentTarget.blur(), c ? (l("leaving"), typeof r == "function" && await r()) : (l("joining"), typeof n == "function" && await n()), f(!c));
       },
-      className: S("join-community-button", l, {
-        active: l === "joining"
+      className: S("join-community-button", u, {
+        active: u === "joining"
       }),
       disabled: !o,
-      ...u,
+      ...d,
       children: /* @__PURE__ */ a.jsx("span", { className: "text", ...m, children: i.formatMessage({
-        id: `${xn}${["joining", "leaving"].includes(l) ? `_${l}` : c ? "_member" : e ? "_short" : ""}`
+        id: `${xn}${["joining", "leaving"].includes(u) ? `_${u}` : c ? "_member" : e ? "_short" : ""}`
       }) })
     }
   );
@@ -7036,28 +7036,28 @@ const wn = "communityDetails_", Kl = ({
   members: { number: r = 0, data: i = [] } = { number: 0, data: [] },
   functions: { invite: s, ...o }
 }) => {
-  const c = K(), f = 5, l = r || i.length, d = i.length ? i : Array(f).fill({}), u = `/communities/${n}/members` === window.location.pathname;
+  const c = K(), f = 5, u = r || i.length, l = i.length ? i : Array(f).fill({}), d = `/communities/${n}/members` === window.location.pathname;
   return /* @__PURE__ */ a.jsxs("div", { className: S("community-details", t), children: [
     /* @__PURE__ */ a.jsx(Oe, {}),
     /* @__PURE__ */ a.jsxs("div", { className: "member-details", children: [
       /* @__PURE__ */ a.jsxs("div", { className: "top", children: [
         /* @__PURE__ */ a.jsxs("h4", { children: [
           c.formatMessage({ id: `${wn}members` }),
-          /* @__PURE__ */ a.jsx("span", { className: "count", children: l })
+          /* @__PURE__ */ a.jsx("span", { className: "count", children: u })
         ] }),
-        !u && /* @__PURE__ */ a.jsx("p", { className: "text-small", children: /* @__PURE__ */ a.jsx("a", { href: `/communities/${n}/members`, children: c.formatMessage({ id: `${wn}viewAll` }) }) })
+        !d && /* @__PURE__ */ a.jsx("p", { className: "text-small", children: /* @__PURE__ */ a.jsx("a", { href: `/communities/${n}/members`, children: c.formatMessage({ id: `${wn}viewAll` }) }) })
       ] }),
       /* @__PURE__ */ a.jsx(
         xa,
         {
           contributors: {
             total: r,
-            data: d
+            data: l
           },
           styling: {
             size: "medium",
             showGap: !0,
-            showPlaceholders: l === 0
+            showPlaceholders: u === 0
           },
           cutoff: f
         }
@@ -7114,27 +7114,27 @@ const Ql = ({
       text: typeof e != "boolean" && e.text || s.formatMessage({ id: "filters_all" })
     },
     ...t
-  ] : t, [c, f] = te(e ? ["all"] : []), l = (d, u) => {
+  ] : t, [c, f] = te(e ? ["all"] : []), u = (l, d) => {
     let m = [];
-    c.includes(d) ? m = c.filter((p) => p !== d) : d === "all" ? m = ["all"] : n ? m = [...c.filter((p) => p !== "all"), d] : m = [d], f((p) => (r && typeof r == "function" && r({ current: m, previous: p }), m)), u && typeof u == "function" && u();
+    c.includes(l) ? m = c.filter((p) => p !== l) : l === "all" ? m = ["all"] : n ? m = [...c.filter((p) => p !== "all"), l] : m = [l], f((p) => (r && typeof r == "function" && r({ current: m, previous: p }), m)), d && typeof d == "function" && d();
   };
-  return /* @__PURE__ */ a.jsx("ul", { className: S("filters", i), children: o.map(({ id: d, text: u, disabled: m = !1, callback: p = () => {
+  return /* @__PURE__ */ a.jsx("ul", { className: S("filters", i), children: o.map(({ id: l, text: d, disabled: m = !1, callback: p = () => {
   } }) => {
     let g = {};
     return m && (g = {
       disabled: !0,
-      "aria-label": s.formatMessage({ id: "filters_disabled" }, { name: u })
+      "aria-label": s.formatMessage({ id: "filters_disabled" }, { name: d })
     }), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
       "button",
       {
-        className: S(d, { selected: c.includes(d) }),
-        onClick: (b) => {
-          b.preventDefault(), b.stopPropagation(), l(d, p);
+        className: S(l, { selected: c.includes(l) }),
+        onClick: (y) => {
+          y.preventDefault(), y.stopPropagation(), u(l, p);
         },
         ...g,
-        children: u
+        children: d
       }
-    ) }, d);
+    ) }, l);
   }) });
 }, tc = (t, e) => {
   const n = String(t);
@@ -7162,33 +7162,33 @@ const jn = {
   label: c,
   className: f = ""
 }) => {
-  const l = K(), [d, u] = te(t);
+  const u = K(), [l, d] = te(t);
   if (ae(() => {
-    t !== d && u(t);
+    t !== l && d(t);
   }, [t]), !r || !Object.values(r).some(
-    (b) => b && b.post_name
+    (y) => y && y.post_name
   ))
     return null;
-  const p = Object.keys(r), g = d !== t;
+  const p = Object.keys(r), g = l !== t;
   return /* @__PURE__ */ a.jsxs("div", { className: S("language-switcher text-small", o, f), children: [
     /* @__PURE__ */ a.jsxs("nav", { children: [
-      o !== "short" && /* @__PURE__ */ a.jsx("p", { children: c || l.formatMessage({ id: `${Pt}label` }) }),
-      /* @__PURE__ */ a.jsx("ul", { children: p.map((b) => {
-        if (!jn[b])
+      o !== "short" && /* @__PURE__ */ a.jsx("p", { children: c || u.formatMessage({ id: `${Pt}label` }) }),
+      /* @__PURE__ */ a.jsx("ul", { children: p.map((y) => {
+        if (!jn[y])
           return null;
-        let _ = { className: b };
-        return d === b ? _["aria-label"] = l.formatMessage(
+        let _ = { className: y };
+        return l === y ? _["aria-label"] = u.formatMessage(
           { id: `${Pt}selected` },
-          { language: jn[b] }
+          { language: jn[y] }
         ) : _ = {
           ..._,
-          href: tc(b, s),
+          href: tc(y, s),
           onClick: (v) => {
-            v.preventDefault(), v.stopPropagation(), u(b), i(b);
+            v.preventDefault(), v.stopPropagation(), d(y), i(y);
           }
-        }, /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(tt, { ..._, fallbackElement: "span", children: jn[b] }) }, b);
+        }, /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(tt, { ..._, fallbackElement: "span", children: jn[y] }) }, y);
       }) }),
-      o !== "short" && !g && /* @__PURE__ */ a.jsx("p", { children: l.formatMessage({
+      o !== "short" && !g && /* @__PURE__ */ a.jsx("p", { children: u.formatMessage({
         id: `${Pt}translation_${e ? "original" : n ? "human" : "machine"}`
       }) })
     ] }),
@@ -7196,13 +7196,13 @@ const jn = {
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
       // `values` are throwing a type error: https://github.com/formatjs/formatjs/issues/3633
-      children: l.formatMessage(
+      children: u.formatMessage(
         { id: `${Pt}disclaimer` },
         {
           email: ut.support,
-          link: (b) => {
-            const _ = `mailto:${b}`;
-            return /* @__PURE__ */ a.jsx("a", { href: _, children: b });
+          link: (y) => {
+            const _ = `mailto:${y}`;
+            return /* @__PURE__ */ a.jsx("a", { href: _, children: y });
           }
         }
       )
@@ -7224,17 +7224,17 @@ const kn = _i({ locale: "en", messages: Vn }), tn = ({
     error: kn.formatMessage({ id: "loadMore_error" })
   },
   className: f = "",
-  gtmContext: l = "LoadMore"
+  gtmContext: u = "LoadMore"
 }) => {
-  const [d, u] = te(""), m = async (p) => {
+  const [l, d] = te(""), m = async (p) => {
     if (!n)
       try {
         await e(p);
       } catch (g) {
-        g instanceof Error ? u(g.message) : u("Unknown error");
+        g instanceof Error ? d(g.message) : d("Unknown error");
       }
   };
-  return !d && !t && !c.endOfFeed ? null : /* @__PURE__ */ a.jsx("footer", { className: S("load-more", f), children: !d && t ? /* @__PURE__ */ a.jsx(
+  return !l && !t && !c.endOfFeed ? null : /* @__PURE__ */ a.jsx("footer", { className: S("load-more", f), children: !l && t ? /* @__PURE__ */ a.jsx(
     ie,
     {
       variant: r,
@@ -7242,14 +7242,14 @@ const kn = _i({ locale: "en", messages: Vn }), tn = ({
       styling: s,
       icon: o,
       onClick: m,
-      "data-gtm-event-context": l,
+      "data-gtm-event-context": u,
       "data-gtm-event-type": "load-more-click",
       disabled: n,
       className: "gtm-trackable",
       "data-testid": "load-more-button",
       children: c.button
     }
-  ) : c.endOfFeed && (!d || d != null && d.includes("Cannot read items")) ? /* @__PURE__ */ a.jsx("p", { children: c.endOfFeed }) : d && /* @__PURE__ */ a.jsx("p", { className: "error", children: c.error }) });
+  ) : c.endOfFeed && (!l || l != null && l.includes("Cannot read items")) ? /* @__PURE__ */ a.jsx("p", { children: c.endOfFeed }) : l && /* @__PURE__ */ a.jsx("p", { className: "error", children: c.error }) });
 };
 const Ba = ({
   variant: t = "default",
@@ -7274,8 +7274,8 @@ const nc = ({
 }) => {
   const i = K(), s = pe(
     null
-  ), [o, c] = te(!1), f = (l) => {
-    s.current && l.target instanceof HTMLElement && !s.current.contains(l.target) && c(!1);
+  ), [o, c] = te(!1), f = (u) => {
+    s.current && u.target instanceof HTMLElement && !s.current.contains(u.target) && c(!1);
   };
   return ae(() => (document.addEventListener("click", f, !0), () => {
     document.removeEventListener("click", f, !0);
@@ -7296,11 +7296,11 @@ const nc = ({
           screenreaderText: i.formatMessage({ id: "moreMenu" })
         }
       ),
-      /* @__PURE__ */ a.jsx("ul", { id: e, hidden: !o, children: n.map(({ href: l, onClick: d, text: u, icon: m, ...p }, g) => {
-        const b = {
+      /* @__PURE__ */ a.jsx("ul", { id: e, hidden: !o, children: n.map(({ href: u, onClick: l, text: d, icon: m, ...p }, g) => {
+        const y = {
           ...p,
           onClick: (_) => {
-            c(!1), typeof d == "function" && d(_);
+            c(!1), typeof l == "function" && l(_);
           },
           onFocus: () => {
             Mt && (clearTimeout(Mt), Mt = !1);
@@ -7311,16 +7311,16 @@ const nc = ({
             }, 100);
           }
         };
-        return l && (b.href = l), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
+        return u && (y.href = u), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
           ie,
           {
             variant: "tertiary",
             size: "medium",
             icon: m ? { icon: m, position: "left" } : !1,
-            ...b,
-            children: u
+            ...y,
+            children: d
           }
-        ) }, `${window.btoa(u)}_${g}`);
+        ) }, `${window.btoa(d)}_${g}`);
       }) })
     ] })
   });
@@ -7437,91 +7437,91 @@ const oc = "shareLinks_", Xl = ({
   const c = K(), f = sc({ title: t, link: e, referrer: n });
   return /* @__PURE__ */ a.jsxs("aside", { className: S("share-links", i, s, o), children: [
     /* @__PURE__ */ a.jsx("p", { className: "text-small", children: c.formatMessage({ id: "shareLinks_label" }) }),
-    /* @__PURE__ */ a.jsx("ul", { children: f.map(({ key: l, icon: d, url: u, shouldRender: m = !0, onClick: p }) => {
+    /* @__PURE__ */ a.jsx("ul", { children: f.map(({ key: u, icon: l, url: d, shouldRender: m = !0, onClick: p }) => {
       if (typeof m == "function" && !m())
         return null;
       const g = {};
-      return p && (g.onClick = (b) => p(b, u)), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
+      return p && (g.onClick = (y) => p(y, d)), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
         ie,
         {
           size: i,
           variant: "tertiary",
-          icon: { icon: d || l },
-          href: u,
+          icon: { icon: l || u },
+          href: d,
           target: "_blank",
           rel: "noopener noreferrer",
           className: "gtm-trackable",
           "data-gtm-event-context": `${r}-SocialButtons`,
-          "data-gtm-event-type": `${l}-click`,
+          "data-gtm-event-type": `${u}-click`,
           "data-testid": "link",
-          screenreaderText: c.formatMessage({ id: `${oc}link_${l}` }),
+          screenreaderText: c.formatMessage({ id: `${oc}link_${u}` }),
           ...g
         }
-      ) }, l);
+      ) }, u);
     }) })
   ] });
 };
-const eu = ({ tabs: t, className: e = "" }) => {
-  var f;
-  const n = (l, d, u) => (l || (l = `panel-${window.btoa(d)}-${u}`), l);
-  let r = t.findIndex((l) => l.current === !0);
-  if (r < 0 && (r = 0), window.location.hash) {
+const eu = ({ tabs: t, className: e = "", preventLocationChange: n }) => {
+  var u;
+  const r = (l, d, m) => (l || (l = `panel-${window.btoa(d)}-${m}`), l);
+  let i = t.findIndex((l) => l.current === !0);
+  if (i < 0 && (i = 0), window.location.hash) {
     const l = window.location.hash.replace("#", "");
-    if (t.find((u) => u.id === l)) {
-      for (let u = 0; u < t.length; u++)
-        if (n(t[u].id, t[u].text, u) === l) {
-          r = u;
+    if (t.find((m) => m.id === l)) {
+      for (let m = 0; m < t.length; m++)
+        if (r(t[m].id, t[m].text, m) === l) {
+          i = m;
           break;
         }
     }
   }
-  const [i, s] = te(
-    (f = t[r]) != null && f.id ? t[r].id : n(t[r].id, t[r].text, r)
+  const [s, o] = te(
+    (u = t[i]) != null && u.id ? t[i].id : r(t[i].id, t[i].text, i)
   );
   ae(() => {
-    if (t[r].hasCarousel) {
+    if (t[i].hasCarousel) {
       const l = new CustomEvent("hiddenSectionVisible", {
-        detail: { id: i }
+        detail: { id: s }
       });
       window.dispatchEvent(l);
     }
-  }, [i]);
-  const o = [], c = [];
-  return t.forEach(({ id: l, text: d, content: u, href: m, hasCarousel: p }, g) => {
-    l = n(l, d, g);
-    const b = i === l, _ = {};
-    m || (_["aria-controls"] = l, _.onClick = (v) => {
-      v.preventDefault(), v.stopPropagation(), s(l), window.location.hash = `#${l}`;
-    }, c.push(
+  }, [s]);
+  const c = [], f = [];
+  return t.forEach(({ id: l, text: d, content: m, href: p, hasCarousel: g }, y) => {
+    l = r(l, d, y);
+    const _ = s === l, v = {};
+    p || (v["aria-controls"] = l, v.onClick = (b) => {
+      b.preventDefault(), b.stopPropagation(), o(l), !n && (window.location.hash = `#${l}`);
+    }, f.push(
       /* @__PURE__ */ a.jsx(
         "section",
         {
           id: l,
-          hidden: !b,
+          hidden: !_,
           role: "tabpanel",
           "aria-labelledby": `tab-${l}`,
-          "aria-live": b ? "assertive" : "off",
-          children: typeof u == "string" ? /* @__PURE__ */ a.jsx("p", { children: u }) : u
+          "aria-live": _ ? "assertive" : "off",
+          children: typeof m == "string" ? /* @__PURE__ */ a.jsx("p", { children: m }) : m
         },
         `section-${l}`
       )
-    )), o.push(
+    )), c.push(
       /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
         "a",
         {
-          href: m || `#${l}`,
+          href: p || `#${l}`,
           id: `tab-${l}`,
-          className: S({ selected: b }),
+          className: S({ selected: _ }),
           role: "tab",
-          "aria-selected": b,
-          ..._,
+          "aria-selected": _,
+          ...v,
           children: d
         }
       ) }, `tab-${l}`)
     );
   }), /* @__PURE__ */ a.jsxs("div", { className: S("tabs-wrapper", e), children: [
-    /* @__PURE__ */ a.jsx("ul", { className: "tabs", role: "tablist", children: o }),
-    /* @__PURE__ */ a.jsx("div", { className: "tab-content", children: c })
+    /* @__PURE__ */ a.jsx("ul", { className: "tabs", role: "tablist", children: c }),
+    /* @__PURE__ */ a.jsx("div", { className: "tab-content", children: f })
   ] });
 };
 const cc = {
@@ -7588,26 +7588,26 @@ const Sn = "cookieBanner_", Cn = [
   const t = K(), [e, n, r] = aa(Cn), [i, s] = te(
     !e["apol-cookie-banner"]
   ), o = () => {
-    Cn.forEach((d) => {
-      n(d, !0, {
+    Cn.forEach((l) => {
+      n(l, !0, {
         path: "/",
         expires: $n,
-        domain: d === "apolitical-performance-cookie-consent" ? ".apolitical.co" : void 0
+        domain: l === "apolitical-performance-cookie-consent" ? ".apolitical.co" : void 0
       });
     }), s(!1), window.location.reload();
   }, c = () => {
     n("apol-cookie-banner", !0, {
       path: "/",
       expires: $n
-    }), Cn.forEach((d) => {
-      if (d === "apol-cookie-banner") {
-        n(d, !0, {
+    }), Cn.forEach((l) => {
+      if (l === "apol-cookie-banner") {
+        n(l, !0, {
           path: "/",
           expires: $n
         });
         return;
       }
-      r(d);
+      r(l);
     }), s(!1);
   };
   if (!i)
@@ -7616,21 +7616,21 @@ const Sn = "cookieBanner_", Cn = [
     { id: "settings", href: "/pages/cookie-policy", gtmType: "policy-page" },
     { id: "reject", onClick: c, gtmType: "reject-all" },
     { id: "accept", onClick: o, gtmType: "accepted-all" }
-  ], l = [];
-  return f.forEach((d) => {
-    l.push({
-      variant: d.href ? "tertiary" : "primary",
-      href: d.href,
-      onClick: d.onClick,
+  ], u = [];
+  return f.forEach((l) => {
+    u.push({
+      variant: l.href ? "tertiary" : "primary",
+      href: l.href,
+      onClick: l.onClick,
       className: "gtm-trackable",
       "data-gtm-event-context": "cookie-banner",
-      "data-gtm-event-type": `cookie-${d.gtmType}-click`,
-      children: t.formatMessage({ id: `${Sn}buttons_${d.id}` })
+      "data-gtm-event-type": `cookie-${l.gtmType}-click`,
+      children: t.formatMessage({ id: `${Sn}buttons_${l.id}` })
     });
   }), /* @__PURE__ */ a.jsxs("aside", { id: "cookie-banner", className: "text-medium", children: [
     /* @__PURE__ */ a.jsx("h6", { children: t.formatMessage({ id: `${Sn}title` }) }),
     /* @__PURE__ */ a.jsx("p", { children: t.formatMessage({ id: `${Sn}text` }) }),
-    /* @__PURE__ */ a.jsx(_t, { buttons: l })
+    /* @__PURE__ */ a.jsx(_t, { buttons: u })
   ] });
 }, Me = {
   platform: {
@@ -8001,52 +8001,52 @@ const Qe = "footer_", Yt = "SiteFooter", Hr = ({ group: t }) => {
   const o = K(), c = ia(Kt, t);
   if (!c || c.onlyShow && (c.onlyShow === "logged-in" && !e || c.onlyShow === "logged-out" && e))
     return null;
-  const f = "doTrack" in c, l = s === null ? f ? c.doTrack : !0 : s, d = t.includes("buttons.");
-  let u = `header_${t.replaceAll(".", "_")}`;
-  c.hasVariantText && (u += `_logged${e ? "In" : "Out"}`);
+  const f = "doTrack" in c, u = s === null ? f ? c.doTrack : !0 : s, l = t.includes("buttons.");
+  let d = `header_${t.replaceAll(".", "_")}`;
+  c.hasVariantText && (d += `_logged${e ? "In" : "Out"}`);
   let m = !1;
   if (c.href) {
-    let y = c.gtmType || `${t}-click`;
-    if (y.includes(".")) {
-      const j = y.split("."), T = j[j.length - 2];
-      y = `${T === "topics" ? `${T}-` : ""}${j[j.length - 1]}`;
+    let b = c.gtmType || `${t}-click`;
+    if (b.includes(".")) {
+      const j = b.split("."), T = j[j.length - 2];
+      b = `${T === "topics" ? `${T}-` : ""}${j[j.length - 1]}`;
     }
     m = {
       href: c.href,
       role: "menuitem"
-    }, l && (m = {
+    }, u && (m = {
       ...m,
       className: "gtm-trackable",
-      "data-gtm-event-type": y,
+      "data-gtm-event-type": b,
       "data-gtm-event-context": "HeaderButtons"
-    }), d && (m = {
+    }), l && (m = {
       ...m,
       variant: "secondary",
       size: { mobile: "small", 881: "large" },
       ...c.props || {}
     });
   }
-  const p = c.order && c.order[0] && c[c.order[0]], g = p && c[c.order[0]].order, b = m && window.location.pathname === c.href;
+  const p = c.order && c.order[0] && c[c.order[0]], g = p && c[c.order[0]].order, y = m && window.location.pathname === c.href;
   let _ = {}, v = {};
   if (p) {
-    const y = c.menuId || t, j = {
-      onClick: (T) => fe.events.onClick(T, { id: y, callback: i, isOpen: r[y] }),
-      onFocus: () => fe.events.onFocus({ id: y }),
-      onBlur: () => fe.events.onBlur({ id: y, callback: i }),
-      onMouseLeave: () => fe.events.onBlur({ id: y, callback: i }),
-      onMouseEnter: () => fe.events.onMouseEnter({ id: y, callback: i })
+    const b = c.menuId || t, j = {
+      onClick: (T) => fe.events.onClick(T, { id: b, callback: i, isOpen: r[b] }),
+      onFocus: () => fe.events.onFocus({ id: b }),
+      onBlur: () => fe.events.onBlur({ id: b, callback: i }),
+      onMouseLeave: () => fe.events.onBlur({ id: b, callback: i }),
+      onMouseEnter: () => fe.events.onMouseEnter({ id: b, callback: i })
     };
     n && (g && (_ = {
       ...j,
       onKeyPress: (T) => {
-        T.key === "Enter" && fe.events.onClick(T, { id: y, callback: i, isOpen: r[y] });
+        T.key === "Enter" && fe.events.onClick(T, { id: b, callback: i, isOpen: r[b] });
       },
       tabIndex: "0",
       // Add a `tabIndex` so keyboard users can focus on the `li`
       "aria-haspopup": !0,
-      "aria-expanded": r[y],
-      "aria-controls": y
-    }), v = { hidden: y in r ? !r[y] : !0 }), g || (v = {
+      "aria-expanded": r[b],
+      "aria-controls": b
+    }), v = { hidden: b in r ? !r[b] : !0 }), g || (v = {
       ...v,
       ...j
     });
@@ -8058,52 +8058,52 @@ const Qe = "footer_", Yt = "SiteFooter", Hr = ({ group: t }) => {
         [c.className]: c.className,
         "has-submenu": p,
         parent: g,
-        active: b
+        active: y
       }),
       role: "none",
       ..._,
       children: [
         m ? Y.createElement(
-          d ? ie : "a",
+          l ? ie : "a",
           m,
-          o.formatMessage({ id: u })
-        ) : o.formatMessage({ id: u }),
-        c.order && /* @__PURE__ */ a.jsx("ul", { ...v, children: c.order.map((y) => {
-          if (!c[y])
+          o.formatMessage({ id: d })
+        ) : o.formatMessage({ id: d }),
+        c.order && /* @__PURE__ */ a.jsx("ul", { ...v, children: c.order.map((b) => {
+          if (!c[b])
             return null;
           const j = {
             isLoggedIn: e,
             isDesktopVersion: n,
             menus: r,
             callback: i,
-            doTrack: f ? l : null
+            doTrack: f ? u : null
           };
-          return c[y].order ? /* @__PURE__ */ a.jsxs(
+          return c[b].order ? /* @__PURE__ */ a.jsxs(
             "li",
             {
               className: S({
-                [c[y].className]: c[y].className
+                [c[b].className]: c[b].className
               }),
               children: [
-                o.formatMessage({ id: `${u}_${y}` }),
-                /* @__PURE__ */ a.jsx("ul", { children: c[y].order.map((T) => /* @__PURE__ */ a.jsx(
+                o.formatMessage({ id: `${d}_${b}` }),
+                /* @__PURE__ */ a.jsx("ul", { children: c[b].order.map((T) => /* @__PURE__ */ a.jsx(
                   Gt,
                   {
-                    id: `${t}.${y}.${T}`,
+                    id: `${t}.${b}.${T}`,
                     ...j
                   },
                   T
                 )) })
               ]
             },
-            y
+            b
           ) : /* @__PURE__ */ a.jsx(
             Gt,
             {
-              id: `${t}.${y}`,
+              id: `${t}.${b}`,
               ...j
             },
-            y
+            b
           );
         }) })
       ]
@@ -8122,38 +8122,38 @@ const dc = { height: 67, height_desktop: 83 }, Ua = ({ showNavigation: t = !0 })
       navigation: { desktop: !1, default: !1 },
       account: { desktop: !1, default: !1 }
     }
-  }), { headerIsVisible: f, menus: l, focusElements: d } = o;
+  }), { headerIsVisible: f, menus: u, focusElements: l } = o;
   Di({
     scrollPosition: dc[`height${s.navigation ? "_desktop" : ""}`],
     callbacks: {
       scrollUp: () => {
-        !s && l.navigation || fe.shouldChangeHeaderIsVisible(!0, l, c);
+        !s && u.navigation || fe.shouldChangeHeaderIsVisible(!0, u, c);
       },
       scrollDown: () => {
-        !s && l.navigation || fe.shouldChangeHeaderIsVisible(!1, l, c);
+        !s && u.navigation || fe.shouldChangeHeaderIsVisible(!1, u, c);
       }
     }
   });
-  const u = (p, g) => {
-    fe.handleMenus({ id: p, value: g, menus: l, dispatch: c });
+  const d = (p, g) => {
+    fe.handleMenus({ id: p, value: g, menus: u, dispatch: c });
   }, m = pe(null);
   return vt(() => {
-    l.navigation && fe.autoFocus({
+    u.navigation && fe.autoFocus({
       menu: "navigation",
       navigationRef: m,
       isDesktopVersion: s.navigation,
-      focusElements: d,
+      focusElements: l,
       dispatch: c
     });
-  }, [l.navigation]), vt(() => {
-    l.account && fe.autoFocus({
+  }, [u.navigation]), vt(() => {
+    u.account && fe.autoFocus({
       menu: "account",
       navigationRef: m,
       isDesktopVersion: s.navigation,
-      focusElements: d,
+      focusElements: l,
       dispatch: c
     });
-  }, [l.account]), n && n.isLoading ? null : /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+  }, [u.account]), n && n.isLoading ? null : /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsxs(
       "nav",
       {
@@ -8179,15 +8179,15 @@ const dc = { height: 67, height_desktop: 83 }, Ua = ({ showNavigation: t = !0 })
               {
                 className: "menu-button gtm-trackable",
                 onClick: (p) => {
-                  p.preventDefault(), p.stopPropagation(), u("navigation", !l.navigation);
+                  p.preventDefault(), p.stopPropagation(), d("navigation", !u.navigation);
                 },
                 "data-gtm-event-type": "open-tab-menu-click",
                 "data-gtm-event-context": "HeaderLeft-Chevron",
                 "aria-haspopup": "true",
-                "aria-expanded": l.navigation,
+                "aria-expanded": u.navigation,
                 "aria-controls": "navigation",
                 children: /* @__PURE__ */ a.jsx(be, { children: e.formatMessage({
-                  id: `header_menu_${l.navigation ? "hide" : "show"}`
+                  id: `header_menu_${u.navigation ? "hide" : "show"}`
                 }) })
               }
             ),
@@ -8196,17 +8196,17 @@ const dc = { height: 67, height_desktop: 83 }, Ua = ({ showNavigation: t = !0 })
               {
                 ref: m,
                 id: "navigation",
-                hidden: s.navigation || l.account ? !1 : !l.navigation,
+                hidden: s.navigation || u.account ? !1 : !u.navigation,
                 role: "menu",
-                "data-showing": !s.navigation && l.account ? "account" : "default",
+                "data-showing": !s.navigation && u.account ? "account" : "default",
                 children: Kt.order.map((p) => /* @__PURE__ */ a.jsx(
                   Gt,
                   {
                     id: p,
                     isLoggedIn: i,
                     isDesktopVersion: s.navigation,
-                    menus: { navigation: l.navigation, account: l.account },
-                    callback: u
+                    menus: { navigation: u.navigation, account: u.account },
+                    callback: d
                   },
                   p
                 ))
@@ -8217,16 +8217,16 @@ const dc = { height: 67, height_desktop: 83 }, Ua = ({ showNavigation: t = !0 })
               {
                 className: "search toggle-search-button",
                 onClick: (p) => {
-                  p.preventDefault(), p.stopPropagation(), u("search", !l.search);
+                  p.preventDefault(), p.stopPropagation(), d("search", !u.search);
                 },
                 "aria-haspopup": "true",
-                "aria-expanded": l.search,
+                "aria-expanded": u.search,
                 "aria-controls": "search-form",
                 children: /* @__PURE__ */ a.jsx(
                   be,
                   {
                     children: e.formatMessage({
-                      id: `header_search_${l.search ? "hide" : "show"}`
+                      id: `header_search_${u.search ? "hide" : "show"}`
                     })
                   }
                 )
@@ -8237,7 +8237,7 @@ const dc = { height: 67, height_desktop: 83 }, Ua = ({ showNavigation: t = !0 })
               {
                 id: "global-search",
                 handleToggle: {
-                  searchIsOpen: l.search,
+                  searchIsOpen: u.search,
                   isDesktopVersion: s.search
                 },
                 gtmContext: "search-bar-header",
@@ -8250,17 +8250,17 @@ const dc = { height: 67, height_desktop: 83 }, Ua = ({ showNavigation: t = !0 })
                 className: "account-button",
                 onClick: (p) => fe.events.onClick(p, {
                   id: "account",
-                  callback: u,
-                  isOpen: l.account
+                  callback: d,
+                  isOpen: u.account
                 }),
-                onMouseEnter: () => fe.events.onMouseEnter({ id: "account", callback: u }),
-                onMouseLeave: () => fe.events.onBlur({ id: "account", callback: u }),
+                onMouseEnter: () => fe.events.onMouseEnter({ id: "account", callback: d }),
+                onMouseLeave: () => fe.events.onBlur({ id: "account", callback: d }),
                 "aria-haspopup": "true",
-                "aria-expanded": l.account,
+                "aria-expanded": u.account,
                 "aria-controls": "navigation",
                 children: [
                   /* @__PURE__ */ a.jsx(be, { children: e.formatMessage({
-                    id: `header_account_${l.account ? "hide" : "show"}`
+                    id: `header_account_${u.account ? "hide" : "show"}`
                   }) }),
                   /* @__PURE__ */ a.jsx(
                     He,
@@ -8281,7 +8281,7 @@ const dc = { height: 67, height_desktop: 83 }, Ua = ({ showNavigation: t = !0 })
       "div",
       {
         className: S("overlay", {
-          open: l.navigation || l.account || !s.search && l.search
+          open: u.navigation || u.account || !s.search && u.search
         })
       }
     )
@@ -8309,31 +8309,31 @@ const fc = () => {
   className: o = "",
   locale: c = "en"
 }) => {
-  const { navigation: f = !0, footer: l = !0 } = i, { background: d = "default", variant: u = "default", circle: m = "default" } = s, p = Oi();
+  const { navigation: f = !0, footer: u = !0 } = i, { background: l = "default", variant: d = "default", circle: m = "default" } = s, p = Oi();
   ae(() => {
     window.scrollTo(0, 0);
   }, [p]);
-  const g = At(t, { locale: c }), b = At(e, {
+  const g = At(t, { locale: c }), y = At(e, {
     locale: c
   }), _ = At(n, {
     locale: c
   }), v = {};
-  return d !== "default" && (v[d] = !0), u !== "default" && (v[u] = !0), m !== "default" && (v[m] = !0), /* @__PURE__ */ a.jsx(Si, { onError: r, fallback: /* @__PURE__ */ a.jsx(fc, {}), children: /* @__PURE__ */ a.jsx(vi, { fallback: null, children: /* @__PURE__ */ a.jsxs(
+  return l !== "default" && (v[l] = !0), d !== "default" && (v[d] = !0), m !== "default" && (v[m] = !0), /* @__PURE__ */ a.jsx(Si, { onError: r, fallback: /* @__PURE__ */ a.jsx(fc, {}), children: /* @__PURE__ */ a.jsx(vi, { fallback: null, children: /* @__PURE__ */ a.jsxs(
     "div",
     {
       id: "wrapper",
-      className: S(o, v, { "has-footer": l }),
+      className: S(o, v, { "has-footer": u }),
       children: [
         /* @__PURE__ */ a.jsx(Ua, { showNavigation: f }),
         /* @__PURE__ */ a.jsxs("section", { id: "content-wrapper", children: [
-          b && /* @__PURE__ */ a.jsx("div", { className: "additional-content prepended", children: b }),
-          Y.createElement(d === "bold" ? Da : "div", {
+          y && /* @__PURE__ */ a.jsx("div", { className: "additional-content prepended", children: y }),
+          Y.createElement(l === "bold" ? Da : "div", {
             id: "content",
             children: g
           })
         ] }),
         _ && /* @__PURE__ */ a.jsx("div", { className: "additional-content appended", children: _ }),
-        l && /* @__PURE__ */ a.jsx(qa, {}),
+        u && /* @__PURE__ */ a.jsx(qa, {}),
         /* @__PURE__ */ a.jsx(uc, {})
       ]
     }
@@ -8382,29 +8382,29 @@ const ru = ({
   if (!t || t.length < 1)
     return null;
   const f = [];
-  return t.forEach((l) => {
-    if (!l)
+  return t.forEach((u) => {
+    if (!u)
       return;
-    const d = pc.getTagDetails(l);
-    d && f.push(d);
+    const l = pc.getTagDetails(u);
+    l && f.push(l);
   }), f.length < 1 ? null : /* @__PURE__ */ a.jsx(
     "ul",
     {
       className: S("tags text-small", e, i, {
         "one-line": n
       }),
-      children: f.map((l) => {
-        const d = c.formatMessage({ id: l.text });
-        return /* @__PURE__ */ a.jsx("li", { children: l.href && r ? /* @__PURE__ */ a.jsx(
+      children: f.map((u) => {
+        const l = c.formatMessage({ id: u.text });
+        return /* @__PURE__ */ a.jsx("li", { children: u.href && r ? /* @__PURE__ */ a.jsx(
           "a",
           {
-            href: l.href,
+            href: u.href,
             className: "gtm-trackable",
             "data-gtm-event-type": s,
             "data-gtm-event-context": o,
-            children: d
+            children: l
           }
-        ) : d }, l.id);
+        ) : l }, u.id);
       })
     }
   );
@@ -8424,10 +8424,10 @@ const au = ({
       c.formatMessage({ id: "membersList" }),
       /* @__PURE__ */ a.jsx("span", { className: "count", children: e })
     ] }),
-    /* @__PURE__ */ a.jsx("ul", { children: t.map((f, l) => /* @__PURE__ */ a.jsxs("li", { children: [
+    /* @__PURE__ */ a.jsx("ul", { children: t.map((f, u) => /* @__PURE__ */ a.jsxs("li", { children: [
       /* @__PURE__ */ a.jsx(Jn, { member: f, gtmContext: i, gtmType: s }),
       f.isAdmin && /* @__PURE__ */ a.jsx(Bt, { children: c.formatMessage({ id: "membersList_admin" }) })
-    ] }, l)) }),
+    ] }, u)) }),
     n && /* @__PURE__ */ a.jsx(
       tn,
       {
@@ -8451,23 +8451,23 @@ const iu = ({
   className: c = ""
 }) => {
   const f = K();
-  let l = i ? n : r;
-  l > 99 ? l = 100 : l < 1 && (l = 0);
-  const { highlightPercentage: d = !1 } = o;
+  let u = i ? n : r;
+  u > 99 ? u = 100 : u < 1 && (u = 0);
+  const { highlightPercentage: l = !1 } = o;
   return Y.createElement(t, {
     className: S("course-progression", c, {
-      "highlight-percentage": d,
+      "highlight-percentage": l,
       "has-circle-graph": s === "circle"
     }),
     children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
       /* @__PURE__ */ a.jsx("span", { className: "percentage", children: f.formatMessage(
         { id: "courseProgression_done" },
         {
-          percent: (u) => /* @__PURE__ */ a.jsx("strong", { children: u }),
-          number: l
+          percent: (d) => /* @__PURE__ */ a.jsx("strong", { children: d }),
+          number: u
         }
       ) }),
-      l < 100 && i && /* @__PURE__ */ a.jsx(
+      u < 100 && i && /* @__PURE__ */ a.jsx(
         Gn,
         {
           time: e,
@@ -8477,7 +8477,7 @@ const iu = ({
       /* @__PURE__ */ a.jsx(
         ga,
         {
-          progress: l,
+          progress: u,
           styling: {
             layout: s || "bar",
             size: s && s === "circle" ? "small" : "default"
@@ -8526,31 +8526,31 @@ const su = ({
     sectionTime: o,
     slug: c,
     timeLeft: f,
-    title: l
+    title: u
   },
-  quizScores: d
+  quizScores: l
 }) => {
-  const u = K(), m = "courseStructure_", p = l.toLowerCase().includes("course conclusion");
+  const d = K(), m = "courseStructure_", p = u.toLowerCase().includes("course conclusion");
   return /* @__PURE__ */ a.jsxs(
     Kn,
     {
       className: "course-structure",
       label: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
         /* @__PURE__ */ a.jsxs("small", { children: [
-          u.formatMessage(
+          d.formatMessage(
             { id: `${m}section${p ? "_end" : ""}` },
             { number: s }
           ),
           " ",
-          !r && o >= 0 && /* @__PURE__ */ a.jsx("span", { className: "time", children: i && f === 0 ? u.formatMessage({ id: `${m}time_completed` }) : /* @__PURE__ */ a.jsx(
+          !r && o >= 0 && /* @__PURE__ */ a.jsx("span", { className: "time", children: i && f === 0 ? d.formatMessage({ id: `${m}time_completed` }) : /* @__PURE__ */ a.jsx(
             Gn,
             {
               time: o,
-              appendedText: i ? u.formatMessage({ id: `${m}time_left` }) : ""
+              appendedText: i ? d.formatMessage({ id: `${m}time_left` }) : ""
             }
           ) })
         ] }),
-        /* @__PURE__ */ a.jsx("h3", { children: l })
+        /* @__PURE__ */ a.jsx("h3", { children: u })
       ] }),
       shouldAnimate: !0,
       children: [
@@ -8558,10 +8558,10 @@ const su = ({
         /* @__PURE__ */ a.jsx("ol", { children: t && t.length > 0 && t.map(
           ({
             completed: g,
-            completionTime: b,
+            completionTime: y,
             contentType: _,
             icon: v,
-            image: y,
+            image: b,
             isIntroduction: j,
             optional: T,
             slug: w,
@@ -8570,7 +8570,7 @@ const su = ({
             type: W
           }) => {
             const M = i && e || j, O = {};
-            return y && (O.style = { "--image": `url(${y})` }), /* @__PURE__ */ a.jsx(
+            return b && (O.style = { "--image": `url(${b})` }), /* @__PURE__ */ a.jsx(
               "li",
               {
                 className: S({
@@ -8603,11 +8603,11 @@ const su = ({
                       /* @__PURE__ */ a.jsx(
                         gc,
                         {
-                          completionTime: b,
+                          completionTime: y,
                           icon: v,
                           optional: T,
                           type: W,
-                          children: d && d[w] && /* @__PURE__ */ a.jsx("span", { className: "quiz-score", children: `${d[w]}%` })
+                          children: l && l[w] && /* @__PURE__ */ a.jsx("span", { className: "quiz-score", children: `${l[w]}%` })
                         }
                       )
                     ] })
@@ -8679,13 +8679,13 @@ const we = "discussion_form_", nr = ({
       create: { projectNames: ["questions-answers"] }
     }
   },
-  gtmContext: l = "DiscussionForm"
+  gtmContext: u = "DiscussionForm"
 }) => {
   var O, C, E;
-  const d = K(), u = Ce(De), [m, p] = te(
+  const l = K(), d = Ce(De), [m, p] = te(
     n.isEditing && n.isEditing.text || ""
-  ), [g, b] = te(c.error || !1), [_, v] = te(!1), y = pe(null);
-  if (r || (r = y), n.isLoading)
+  ), [g, y] = te(c.error || !1), [_, v] = te(!1), b = pe(null);
+  if (r || (r = b), n.isLoading)
     return /* @__PURE__ */ a.jsx(
       Te,
       {
@@ -8697,17 +8697,17 @@ const we = "discussion_form_", nr = ({
     const $ = x.target.value;
     p($);
     let L;
-    !u || !u.id ? L = Se(
-      d.formatMessage,
+    !d || !d.id ? L = Se(
+      l.formatMessage,
       `${we}error_loggedOut`,
       t.type,
       "action"
     ) : e ? $.length >= s && (L = `${we}error_tooLong`) : L = Se(
-      d.formatMessage,
+      l.formatMessage,
       `${we}error_noPermission`,
       t.type,
       "action"
-    ), L ? b(L) : g && b(!1);
+    ), L ? y(L) : g && y(!1);
   };
   let T = `${t.type}-form`;
   if (t.type === "response" || t.type === "reply") {
@@ -8716,7 +8716,7 @@ const we = "discussion_form_", nr = ({
   }
   const w = async (x) => {
     var L;
-    if (x.preventDefault(), x.stopPropagation(), !u || !u.id || !e || R)
+    if (x.preventDefault(), x.stopPropagation(), !d || !d.id || !e || R)
       return;
     Rt && clearTimeout(Rt), v("submitting");
     const $ = window.location.pathname;
@@ -8729,20 +8729,20 @@ const we = "discussion_form_", nr = ({
         case "question":
           U = await f.create({
             title: m,
-            authorId: u && u.id,
+            authorId: d && d.id,
             ...(L = f.props) == null ? void 0 : L.create
           });
           break;
         case "response":
           U = await f.create(
             { question: t.slugs.question },
-            { body: m, authorId: u && u.id, contentPath: $ }
+            { body: m, authorId: d && d.id, contentPath: $ }
           );
           break;
         case "reply":
           U = await f.create(
             { question: t.slugs.question, answer: t.slugs.answer },
-            { body: m, authorId: u && u.id, contentPath: $ }
+            { body: m, authorId: d && d.id, contentPath: $ }
           );
           break;
         default:
@@ -8757,20 +8757,20 @@ const we = "discussion_form_", nr = ({
       const I = U;
       let Z = `${we}error`;
       I != null && I.message.includes("entry already exists") && (Z = Se(
-        d.formatMessage,
+        l.formatMessage,
         `${we}error_alreadyExists`,
         t.type,
         "action"
       )), I != null && I.message.includes("429") ? Z = Se(
-        d.formatMessage,
+        l.formatMessage,
         `${we}error_tooMany`,
         t.type,
         "action"
-      ) : I != null && I.message.includes("400") && (Z = `${we}error`), b(Z), D();
+      ) : I != null && I.message.includes("400") && (Z = `${we}error`), y(Z), D();
     }
   }, D = () => {
     Rt = setTimeout(() => {
-      b(!1), v(!1);
+      y(!1), v(!1);
     }, 5e3);
   }, R = !m || !Ji(m), W = _ === "submitting", M = [];
   return (n.isEditing && !W || c.cancel) && M.push({
@@ -8778,28 +8778,28 @@ const we = "discussion_form_", nr = ({
     size: { mobile: "small", 600: "medium" },
     onClick: f.handleCancel,
     className: "gtm-trackable",
-    "data-gtm-event-context": l,
+    "data-gtm-event-context": u,
     "data-gtm-event-type": `cancel-${t.type}-click`,
-    disabled: !c.cancel && (!u || !u.id || !m),
-    children: d.formatMessage({ id: `${we}cancel` })
+    disabled: !c.cancel && (!d || !d.id || !m),
+    children: l.formatMessage({ id: `${we}cancel` })
   }), M.push({
     variant: "primary",
     size: { mobile: "small", 600: "medium" },
     onClick: (x) => {
       if (n.isEditing) {
         v("submitting"), f.handleSaveEdit && f.handleSaveEdit(
-          y.current && "value" in y.current ? y.current.value : ""
+          b.current && "value" in b.current ? b.current.value : ""
         );
         return;
       }
       w(x);
     },
     className: "gtm-trackable",
-    "data-gtm-event-context": l,
+    "data-gtm-event-context": u,
     "data-gtm-event-type": `${n.isEditing ? "save" : "submit"}-${t.type}-click`,
     "data-testid": "save-button",
-    disabled: !u || !u.id || !e || R || W || n.isEditing && m === n.isEditing.text,
-    children: d.formatMessage({
+    disabled: !d || !d.id || !e || R || W || n.isEditing && m === n.isEditing.text,
+    children: l.formatMessage({
       id: `${we}${W ? n.isEditing ? "saving" : "posting" : n.isEditing ? "save" : "post"}`
     })
   }), /* @__PURE__ */ a.jsxs(
@@ -8811,16 +8811,16 @@ const we = "discussion_form_", nr = ({
       }),
       "data-testid": `discussion-${t.type}-form`,
       children: [
-        (n == null ? void 0 : n.showTitle) && !n.isEditing && ["question"].includes(t.type) && /* @__PURE__ */ a.jsx("h2", { children: Se(d.formatMessage, `${we}title`, t.type, "action") }),
+        (n == null ? void 0 : n.showTitle) && !n.isEditing && ["question"].includes(t.type) && /* @__PURE__ */ a.jsx("h2", { children: Se(l.formatMessage, `${we}title`, t.type, "action") }),
         /* @__PURE__ */ a.jsx(
           Jn,
           {
-            member: u || "community",
-            gtmContext: l,
+            member: d || "community",
+            gtmContext: u,
             gtmType: "profile-click"
           }
         ),
-        /* @__PURE__ */ a.jsx(be, { element: "label", showOnFocus: !1, htmlFor: `${T}-input`, children: Se(d.formatMessage, `${we}label`, t.type, "action") }),
+        /* @__PURE__ */ a.jsx(be, { element: "label", showOnFocus: !1, htmlFor: `${T}-input`, children: Se(l.formatMessage, `${we}label`, t.type, "action") }),
         /* @__PURE__ */ a.jsx(
           Ci,
           {
@@ -8828,7 +8828,7 @@ const we = "discussion_form_", nr = ({
             id: `${T}-input`,
             name: t.type,
             placeholder: i || Se(
-              d.formatMessage,
+              l.formatMessage,
               `${we}placeholder`,
               t.type,
               "action"
@@ -8842,14 +8842,14 @@ const we = "discussion_form_", nr = ({
             autoFocus: !!n.isEditing
           }
         ),
-        /* @__PURE__ */ a.jsx("small", { children: Se(d.formatMessage, `${we}explainer`, t.type, "action", {
+        /* @__PURE__ */ a.jsx("small", { children: Se(l.formatMessage, `${we}explainer`, t.type, "action", {
           a: (x) => /* @__PURE__ */ a.jsx(
             "a",
             {
               href: "https://about.apolitical.co/q-and-a-community-guidelines",
               target: "_blank",
               className: "gtm-trackable",
-              "data-gtm-event-context": l,
+              "data-gtm-event-context": u,
               "data-gtm-event-type": "community-guidelines-link",
               rel: "noreferrer",
               children: x
@@ -8857,11 +8857,11 @@ const we = "discussion_form_", nr = ({
           )
         }) }),
         /* @__PURE__ */ a.jsx(_t, { buttons: M }),
-        _ === "submitted" && n.showSuccessMessage && /* @__PURE__ */ a.jsx(qt, { className: "success", "data-testid": "success", children: Se(d.formatMessage, `${we}success`, t.type, "action") }),
-        g && /* @__PURE__ */ a.jsx(qt, { id: "error-message", className: "error", "data-testid": "error", children: c.error ? c.error : typeof g == "string" ? g.includes(" ") ? g : d.formatMessage(
+        _ === "submitted" && n.showSuccessMessage && /* @__PURE__ */ a.jsx(qt, { className: "success", "data-testid": "success", children: Se(l.formatMessage, `${we}success`, t.type, "action") }),
+        g && /* @__PURE__ */ a.jsx(qt, { id: "error-message", className: "error", "data-testid": "error", children: c.error ? c.error : typeof g == "string" ? g.includes(" ") ? g : l.formatMessage(
           { id: g },
           {
-            action: d.formatMessage({
+            action: l.formatMessage({
               id: `discussion_action_${t.type}`
             }),
             maxLength: s
@@ -8885,7 +8885,7 @@ const we = "discussion_form_", nr = ({
         }
       }
     );
-  const { content: o, functions: c, meta: f, ...l } = t;
+  const { content: o, functions: c, meta: f, ...u } = t;
   return /* @__PURE__ */ a.jsx(
     nr,
     {
@@ -8893,7 +8893,7 @@ const we = "discussion_form_", nr = ({
       functions: { ...c, create: (c == null ? void 0 : c.create) || (() => {
       }) },
       meta: { ...f, isEditing: (f == null ? void 0 : f.isEditing) || !1, showSuccessMessage: !1 },
-      ...l
+      ...u
     }
   );
 }, vc = {
@@ -8927,11 +8927,11 @@ const Pn = () => {
   }, deleteLike: f = () => {
   } } = {}
 }) => {
-  const l = K();
+  const u = K();
   ae(() => {
     p(i);
   }, [i]);
-  const [d, u] = te(e), [m, p] = te(i), [g, b] = te(!1), [_, v] = te(!1), y = bt(
+  const [l, d] = te(e), [m, p] = te(i), [g, y] = te(!1), [_, v] = te(!1), b = bt(
     () => _c(n, Mn),
     [n]
   ), j = (w) => {
@@ -8943,17 +8943,17 @@ const Pn = () => {
   }, T = async () => {
     if (Pn(), g || !o)
       return !1;
-    let w = m ? d - 1 : d + 1;
-    w < 0 && (w = 0), b(!0), u(w), p(!m);
+    let w = m ? l - 1 : l + 1;
+    w < 0 && (w = 0), y(!0), d(w), p(!m);
     try {
       if (s && s.slugs) {
         const D = yc(s.slugs);
         m ? await f(D) : await c(D, { contentPath: window.location.pathname });
       }
     } catch {
-      u(e), p(i);
+      d(e), p(i);
     } finally {
-      b(!1);
+      y(!1);
     }
   };
   return Y.createElement(t, {
@@ -8983,12 +8983,12 @@ const Pn = () => {
           size: "medium",
           icon: { icon: m ? "heart" : "heart_empty", animate: "bounce" },
           className: S({ "do-animation": m && !i }),
-          screenreaderText: o ? l.formatMessage(
+          screenreaderText: o ? u.formatMessage(
             {
               id: `discussion_likes_${m ? "unlike" : "like"}`
             },
             {
-              action: l.formatMessage({
+              action: u.formatMessage({
                 id: `discussion_action_${s.type}`
               })
             }
@@ -9004,16 +9004,16 @@ const Pn = () => {
       /* @__PURE__ */ a.jsx(
         "span",
         {
-          className: S("number-of-likes", { "no-likes": d === 0 }),
+          className: S("number-of-likes", { "no-likes": l === 0 }),
           "data-testid": "number-of-likes",
-          children: l.formatMessage(
+          children: u.formatMessage(
             { id: `discussion_likes${r ? "_short" : ""}` },
-            { number: d }
+            { number: l }
           )
         }
       ),
       n && /* @__PURE__ */ a.jsx(hs, { isOpen: _, isLoading: n.length === 0, children: n.length && /* @__PURE__ */ a.jsxs("ul", { children: [
-        y.map((w) => typeof w == "string" || !w.name ? null : /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
+        b.map((w) => typeof w == "string" || !w.name ? null : /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
           tt,
           {
             href: w.id ? `/profiles/${w.id}` : void 0,
@@ -9023,7 +9023,7 @@ const Pn = () => {
             children: w.name
           }
         ) }, w.id || window.btoa(w.name))),
-        e > Mn && /* @__PURE__ */ a.jsx("li", { children: l.formatMessage(
+        e > Mn && /* @__PURE__ */ a.jsx("li", { children: u.formatMessage(
           { id: "discussion_likes_more" },
           { number: e - Mn }
         ) })
@@ -9053,19 +9053,19 @@ const Pe = "discussion_", wc = 280, rn = ({
       updateContent: () => {
       }
     },
-    likes: { createLike: l, deleteLike: d } = { createLike: () => {
+    likes: { createLike: u, deleteLike: l } = { createLike: () => {
     }, deleteLike: () => {
     } },
-    comments: { openComments: u } = { openComments: () => {
+    comments: { openComments: d } = { openComments: () => {
     } }
   },
   links: m = {},
   className: p,
   gtmContext: g = "DiscussionAnswer",
-  children: b,
+  children: y,
   isTruncated: _ = !1
 }) => {
-  const v = K(), y = Ce(De), j = Ce(rr), { author: T, canLike: w, createdAt: D, id: R, likes: W = 0, userLiked: M, comments: O = 0 } = e, C = y && y.id && typeof T != "string" && T.id && T.id === y.id || !1, E = typeof w == "boolean" ? w : n ? !C : !1, x = C && (!e.createdAt || Zi(e.createdAt, 10, "seconds")), $ = pe(null), [L, U] = te({
+  const v = K(), b = Ce(De), j = Ce(rr), { author: T, canLike: w, createdAt: D, id: R, likes: W = 0, userLiked: M, comments: O = 0 } = e, C = b && b.id && typeof T != "string" && T.id && T.id === b.id || !1, E = typeof w == "boolean" ? w : n ? !C : !1, x = C && (!e.createdAt || Zi(e.createdAt, 10, "seconds")), $ = pe(null), [L, U] = te({
     body: e && e.body || "",
     isEditing: !1,
     didEdit: e && e.isEdited || !1
@@ -9260,17 +9260,17 @@ const Pe = "discussion_", wc = 280, rn = ({
                       canLike: E,
                       peopleWhoLiked: e.peopleWhoLiked,
                       functions: {
-                        createLike: l,
-                        deleteLike: d
+                        createLike: u,
+                        deleteLike: l
                       }
                     }
                   ),
-                  !s.comments && (["question", "post"].includes(e.type) || m.comments || typeof u == "function") && /* @__PURE__ */ a.jsxs(
+                  !s.comments && (["question", "post"].includes(e.type) || m.comments || typeof d == "function") && /* @__PURE__ */ a.jsxs(
                     "li",
                     {
                       className: "action-button",
                       onClick: (F) => {
-                        F.preventDefault(), F.stopPropagation(), m.comments && (window.location.href = m.comments), typeof u == "function" && u();
+                        F.preventDefault(), F.stopPropagation(), m.comments && (window.location.href = m.comments), typeof d == "function" && d();
                       },
                       children: [
                         /* @__PURE__ */ a.jsx(
@@ -9281,7 +9281,7 @@ const Pe = "discussion_", wc = 280, rn = ({
                             styling: { muted: !0 },
                             icon: { icon: "speech-bubble_square_thick" },
                             href: m.comments ? m.comments : !1,
-                            onClick: m.comments || typeof u != "function" ? !1 : u,
+                            onClick: m.comments || typeof d != "function" ? !1 : d,
                             className: "gtm-trackable",
                             "data-gtm-event-context": g,
                             "data-gtm-event-type": `answer-${e.type}-click`,
@@ -9322,7 +9322,7 @@ const Pe = "discussion_", wc = 280, rn = ({
           ]
         }
       ),
-      b,
+      y,
       /* @__PURE__ */ a.jsx(
         en,
         {
@@ -9759,14 +9759,14 @@ function Oc({
   const { mutate: o } = je({
     mutationFn: t,
     onMutate: (c) => e((f) => {
-      const l = Kr({ activity: $c(c), user: s });
-      return Xr(l, f);
+      const u = Kr({ activity: $c(c), user: s });
+      return Xr(u, f);
     }),
     onError: n,
-    onSuccess: (c, f, l) => {
-      const d = Kr({ activity: c, user: s });
-      r.setQueryData(i, Xr(d, l, !0)), setTimeout(() => {
-        Va(d.id);
+    onSuccess: (c, f, u) => {
+      const l = Kr({ activity: c, user: s });
+      r.setQueryData(i, Xr(l, u, !0)), setTimeout(() => {
+        Va(l.id);
       }, 0);
     }
   });
@@ -9800,22 +9800,22 @@ function Dc({
   },
   queryKey: o
 }) {
-  const c = Wn(), f = Qn(), l = { queryClient: c, queryKey: o }, d = {
+  const c = Wn(), f = Qn(), u = { queryClient: c, queryKey: o }, l = {
     mutationHandlers: {
-      error: ar(l),
-      mutate: ir(l)
+      error: ar(u),
+      mutate: ir(u)
     },
     user: f,
-    ...l
-  }, u = Oc({ ...d, mutationFn: t }), m = Ac({ ...d, mutationFn: e }), p = Ic({ ...d, mutationFn: n }), g = Bc({ ...d, mutationFn: i }), b = qc({ ...d, mutationFn: s }), { activities: _, ...v } = Lc({ queryKey: o, queryFn: r });
+    ...u
+  }, d = Oc({ ...l, mutationFn: t }), m = Ac({ ...l, mutationFn: e }), p = Ic({ ...l, mutationFn: n }), g = Bc({ ...l, mutationFn: i }), y = qc({ ...l, mutationFn: s }), { activities: _, ...v } = Lc({ queryKey: o, queryFn: r });
   return {
     activities: _,
     mutations: {
-      create: u,
+      create: d,
       edit: m,
       remove: g,
       like: p,
-      unlike: b
+      unlike: y
     },
     user: f,
     ...v
@@ -9838,8 +9838,8 @@ function Ic({
     }),
     onError: n,
     onSuccess: (o, { activityId: c }, f) => {
-      const l = Jt(c, f);
-      l && Qt({ activity: l, reaction: o }), r.setQueryData(i, f);
+      const u = Jt(c, f);
+      u && Qt({ activity: u, reaction: o }), r.setQueryData(i, f);
     }
   });
   return s;
@@ -9937,10 +9937,10 @@ const cu = ({
   const o = K(), {
     activities: c,
     error: f,
-    fetchNextPage: l,
-    hasNextPage: d,
-    isLoading: u,
-    mutations: { create: m, edit: p, remove: g, like: b, unlike: _ },
+    fetchNextPage: u,
+    hasNextPage: l,
+    isLoading: d,
+    mutations: { create: m, edit: p, remove: g, like: y, unlike: _ },
     user: v
   } = Dc({
     queryKey: [t, e, "activities"],
@@ -9948,7 +9948,7 @@ const cu = ({
   });
   if (Ya(), f)
     return /* @__PURE__ */ a.jsx(nt, { variant: "error", text: f.message });
-  const y = (c == null ? void 0 : c.length) || 0;
+  const b = (c == null ? void 0 : c.length) || 0;
   return /* @__PURE__ */ a.jsxs("section", { children: [
     /* @__PURE__ */ a.jsx(
       za,
@@ -10022,7 +10022,7 @@ const cu = ({
                 updateContent: (q, { body: H }) => p({ activityId: w, content: H })
               },
               likes: {
-                createLike: () => b({ activityId: w }),
+                createLike: () => y({ activityId: w }),
                 deleteLike: () => _({ activityId: w, reactionId: C })
               },
               comments: {
@@ -10032,14 +10032,14 @@ const cu = ({
             isTruncated: !0
           }
         ),
-        y > T + 1 && /* @__PURE__ */ a.jsx(Oe, {})
+        b > T + 1 && /* @__PURE__ */ a.jsx(Oe, {})
       ] }, w);
     }),
-    !u && /* @__PURE__ */ a.jsx(
+    !d && /* @__PURE__ */ a.jsx(
       tn,
       {
-        hasNextPage: d,
-        loadNextPage: () => l(),
+        hasNextPage: l,
+        loadNextPage: () => u(),
         icon: { icon: "arrow-down", position: "right" },
         messages: {
           button: o.formatMessage({ id: "loadMore_button" }),
@@ -10610,20 +10610,20 @@ function Zc({
   const { mutate: o } = je({
     mutationFn: t,
     onMutate: (c) => e((f) => {
-      const l = Gr({ reply: Nc(c), user: s });
-      return ea(l, f, {
+      const u = Gr({ reply: Nc(c), user: s });
+      return ea(u, f, {
         replace: !1,
         append: (c == null ? void 0 : c.replyId) !== void 0
       });
     }),
     onError: n,
-    onSuccess: (c, f, l) => {
-      const d = Gr({ reply: c, user: s });
+    onSuccess: (c, f, u) => {
+      const l = Gr({ reply: c, user: s });
       r.setQueryData(
         i,
-        ea(d, l, { replace: !0, append: (f == null ? void 0 : f.replyId) !== void 0 })
+        ea(l, u, { replace: !0, append: (f == null ? void 0 : f.replyId) !== void 0 })
       ), setTimeout(() => {
-        Va(d.id);
+        Va(l.id);
       }, 0);
     }
   });
@@ -10657,22 +10657,22 @@ function Ga({
   },
   queryKey: o
 }) {
-  const c = Wn(), f = Qn(), l = { queryClient: c, queryKey: o }, d = {
+  const c = Wn(), f = Qn(), u = { queryClient: c, queryKey: o }, l = {
     mutationHandlers: {
-      error: ar(l),
-      mutate: ir(l)
+      error: ar(u),
+      mutate: ir(u)
     },
     user: f,
-    ...l
-  }, u = Zc({ ...d, mutationFn: t }), m = Wc({ ...d, mutationFn: e }), p = Hc({ ...d, mutationFn: n }), g = Yc({ ...d, mutationFn: i }), b = Kc({ ...d, mutationFn: s }), { replies: _, ...v } = Vc({ queryKey: o, queryFn: r });
+    ...u
+  }, d = Zc({ ...l, mutationFn: t }), m = Wc({ ...l, mutationFn: e }), p = Hc({ ...l, mutationFn: n }), g = Yc({ ...l, mutationFn: i }), y = Kc({ ...l, mutationFn: s }), { replies: _, ...v } = Vc({ queryKey: o, queryFn: r });
   return {
     replies: _,
     mutations: {
-      create: u,
+      create: d,
       edit: m,
       remove: g,
       like: p,
-      unlike: b
+      unlike: y
     },
     user: f,
     ...v
@@ -10695,8 +10695,8 @@ function Hc({
     }),
     onError: n,
     onSuccess: (o, { replyId: c }, f) => {
-      const l = Xt(c, f);
-      l && Qr({ reply: l, reaction: o }), r.setQueryData(i, f);
+      const u = Xt(c, f);
+      u && Qr({ reply: u, reaction: o }), r.setQueryData(i, f);
     }
   });
   return s;
@@ -10712,7 +10712,7 @@ function Vc({ queryFn: t, queryKey: e }) {
     queryKey: e,
     queryFn: t,
     initialPageParam: { next: "" },
-    getNextPageParam: (l) => (l == null ? void 0 : l.next) || null
+    getNextPageParam: (u) => (u == null ? void 0 : u.next) || null
   }), c = el(n), f = `${c.length || 0}${s ? "+" : ""}`;
   return {
     replies: c,
@@ -10808,9 +10808,9 @@ const tl = ({
     replies: o,
     fetchNextPage: c,
     hasNextPage: f,
-    isLoading: l,
-    mutations: { create: d, edit: u, like: m, remove: p, unlike: g },
-    user: b
+    isLoading: u,
+    mutations: { create: l, edit: d, like: m, remove: p, unlike: g },
+    user: y
   } = Ga({
     queryKey: [t, e, n, r, "replies"],
     queryFns: {
@@ -10822,7 +10822,7 @@ const tl = ({
   return /* @__PURE__ */ a.jsx(
     kc,
     {
-      loadMore: { isLoading: l, hasNextPage: f, loadNextPage: () => c() },
+      loadMore: { isLoading: u, hasNextPage: f, loadNextPage: () => c() },
       form: {
         content: {
           type: "reply",
@@ -10834,7 +10834,7 @@ const tl = ({
         },
         functions: {
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          create: (_, { body: v }) => d({ activityId: n, replyId: r, content: v })
+          create: (_, { body: v }) => l({ activityId: n, replyId: r, content: v })
         },
         meta: { isEditing: !1, showSuccessMessage: !1 }
       },
@@ -10842,19 +10842,19 @@ const tl = ({
         var L, U, I, Z, J, k, N, z, q, H, ee, G;
         const {
           id: v,
-          own_children: y,
+          own_children: b,
           latest_children: j,
           children_counts: T
-        } = _, D = (((L = y == null ? void 0 : y.like) == null ? void 0 : L.length) || 0) > 0 ? (U = y == null ? void 0 : y.like) == null ? void 0 : U.find((V) => {
+        } = _, D = (((L = b == null ? void 0 : b.like) == null ? void 0 : L.length) || 0) > 0 ? (U = b == null ? void 0 : b.like) == null ? void 0 : U.find((V) => {
           var X;
-          return ((X = V == null ? void 0 : V.user) == null ? void 0 : X.id) === (b == null ? void 0 : b.id);
+          return ((X = V == null ? void 0 : V.user) == null ? void 0 : X.id) === (y == null ? void 0 : y.id);
         }) : !1, R = D ? D == null ? void 0 : D.id : "", W = !!D, O = (((I = j == null ? void 0 : j.like) == null ? void 0 : I.length) || 0) > 0 ? (Z = j == null ? void 0 : j.like) == null ? void 0 : Z.map((V) => {
           var X, re, F;
           return {
             id: (X = V == null ? void 0 : V.user) == null ? void 0 : X.id,
             name: (F = (re = V == null ? void 0 : V.user) == null ? void 0 : re.data) == null ? void 0 : F.name
           };
-        }) : !1, C = _ == null ? void 0 : _.user, E = (C == null ? void 0 : C.id) === (b == null ? void 0 : b.id), x = nn(i, E), $ = typeof _.data.content == "string" ? (J = _ == null ? void 0 : _.data) == null ? void 0 : J.content : (
+        }) : !1, C = _ == null ? void 0 : _.user, E = (C == null ? void 0 : C.id) === (y == null ? void 0 : y.id), x = nn(i, E), $ = typeof _.data.content == "string" ? (J = _ == null ? void 0 : _.data) == null ? void 0 : J.content : (
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
           ((N = (k = _ == null ? void 0 : _.data) == null ? void 0 : k.content) == null ? void 0 : N.text) || ""
         );
@@ -10894,7 +10894,7 @@ const tl = ({
                 createContent: () => null,
                 deleteContent: () => p({ replyId: v }),
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                updateContent: (V, { body: X }) => u({ replyId: v, content: X })
+                updateContent: (V, { body: X }) => d({ replyId: v, content: X })
               },
               likes: {
                 createLike: () => m({ replyId: v }),
@@ -10917,18 +10917,18 @@ const tl = ({
 }) => {
   const c = K(), {
     replies: f,
-    repliesCount: l,
-    fetchNextPage: d,
-    hasNextPage: u,
+    repliesCount: u,
+    fetchNextPage: l,
+    hasNextPage: d,
     isLoading: m,
-    mutations: { create: p, edit: g, like: b, remove: _, unlike: v },
-    user: y
+    mutations: { create: p, edit: g, like: y, remove: _, unlike: v },
+    user: b
   } = Ga({
     queryKey: [t, e, n, "replies"],
     queryFns: i
   });
   return Ii(), Ya(), /* @__PURE__ */ a.jsxs("section", { children: [
-    /* @__PURE__ */ a.jsx(jc, { type: "comment", responses: l }),
+    /* @__PURE__ */ a.jsx(jc, { type: "comment", responses: u }),
     /* @__PURE__ */ a.jsx(
       za,
       {
@@ -10954,14 +10954,14 @@ const tl = ({
       var Z, J, k, N, z, q, H, ee, G, V, X, re;
       const { id: T, own_children: w, latest_children: D, children_counts: R } = j, M = (((Z = w == null ? void 0 : w.like) == null ? void 0 : Z.length) || 0) > 0 ? (J = w == null ? void 0 : w.like) == null ? void 0 : J.find((F) => {
         var oe;
-        return ((oe = F == null ? void 0 : F.user) == null ? void 0 : oe.id) === (y == null ? void 0 : y.id);
+        return ((oe = F == null ? void 0 : F.user) == null ? void 0 : oe.id) === (b == null ? void 0 : b.id);
       }) : !1, O = M ? M == null ? void 0 : M.id : "", C = !!M, x = (((k = D == null ? void 0 : D.like) == null ? void 0 : k.length) || 0) > 0 ? (N = D == null ? void 0 : D.like) == null ? void 0 : N.map((F) => {
         var oe, A, ve;
         return {
           id: (oe = F == null ? void 0 : F.user) == null ? void 0 : oe.id,
           name: (ve = (A = F == null ? void 0 : F.user) == null ? void 0 : A.data) == null ? void 0 : ve.name
         };
-      }) : !1, $ = j == null ? void 0 : j.user, L = ($ == null ? void 0 : $.id) === (y == null ? void 0 : y.id), U = nn(r, L), I = typeof j.data.content == "string" ? (z = j == null ? void 0 : j.data) == null ? void 0 : z.content : (
+      }) : !1, $ = j == null ? void 0 : j.user, L = ($ == null ? void 0 : $.id) === (b == null ? void 0 : b.id), U = nn(r, L), I = typeof j.data.content == "string" ? (z = j == null ? void 0 : j.data) == null ? void 0 : z.content : (
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         ((H = (q = j == null ? void 0 : j.data) == null ? void 0 : q.content) == null ? void 0 : H.text) || ""
       );
@@ -11002,7 +11002,7 @@ const tl = ({
               updateContent: (F, { body: oe }) => g({ replyId: T, content: oe })
             },
             likes: {
-              createLike: () => b({ replyId: T }),
+              createLike: () => y({ replyId: T }),
               deleteLike: () => v({ replyId: T, reactionId: O })
             },
             comments: {}
@@ -11027,8 +11027,8 @@ const tl = ({
     !m && /* @__PURE__ */ a.jsx(
       tn,
       {
-        hasNextPage: u,
-        loadNextPage: () => d(),
+        hasNextPage: d,
+        loadNextPage: () => l(),
         icon: { icon: "arrow-down", position: "right" },
         messages: {
           button: c.formatMessage({ id: "loadMore_button" }),
@@ -11085,13 +11085,13 @@ function il({
     },
     user: o,
     ...c
-  }, l = rl({ ...f, mutationFn: e }), d = sl({ ...f, mutationFn: n }), u = ol({ ...f, mutationFn: r }), { activity: m, ...p } = al({ queryKey: i, queryFn: t });
+  }, u = rl({ ...f, mutationFn: e }), l = sl({ ...f, mutationFn: n }), d = ol({ ...f, mutationFn: r }), { activity: m, ...p } = al({ queryKey: i, queryFn: t });
   return {
     activity: m,
     mutations: {
-      edit: l,
-      like: d,
-      unlike: u
+      edit: u,
+      like: l,
+      unlike: d
     },
     user: o,
     ...p
@@ -11144,32 +11144,32 @@ const uu = ({
   }
 }) => {
   var M, O, C, E, x, $, L, U, I, Z;
-  const l = K(), d = Ce(De), {
-    activity: u,
+  const u = K(), l = Ce(De), {
+    activity: d,
     error: m,
     isLoading: p,
-    mutations: { edit: g, like: b, unlike: _ }
+    mutations: { edit: g, like: y, unlike: _ }
   } = il({
     queryFns: s,
     queryKey: [t, e, n]
   });
   if (p)
     return /* @__PURE__ */ a.jsx(Te, { style: { height: "400px" } });
-  if (m || !u)
+  if (m || !d)
     return /* @__PURE__ */ a.jsx(
       nt,
       {
         variant: "error",
-        text: l.formatMessage({ id: "activitySection_notFoundError" })
+        text: u.formatMessage({ id: "activitySection_notFoundError" })
       }
     );
-  const { own_reactions: v, latest_reactions: y } = u, j = (((M = y == null ? void 0 : y.like) == null ? void 0 : M.length) || 0) > 0, T = (((O = v == null ? void 0 : v.like) == null ? void 0 : O.length) || 0) > 0, w = T ? v == null ? void 0 : v.like[0].id : "", D = j ? (C = y == null ? void 0 : y.like) == null ? void 0 : C.map((J) => {
+  const { own_reactions: v, latest_reactions: b } = d, j = (((M = b == null ? void 0 : b.like) == null ? void 0 : M.length) || 0) > 0, T = (((O = v == null ? void 0 : v.like) == null ? void 0 : O.length) || 0) > 0, w = T ? v == null ? void 0 : v.like[0].id : "", D = j ? (C = b == null ? void 0 : b.like) == null ? void 0 : C.map((J) => {
     var k, N, z;
     return {
       id: (k = J == null ? void 0 : J.user) == null ? void 0 : k.id,
       name: (z = (N = J == null ? void 0 : J.user) == null ? void 0 : N.data) == null ? void 0 : z.name
     };
-  }) : !1, R = u == null ? void 0 : u.actor, W = (R == null ? void 0 : R.id) === (d == null ? void 0 : d.id);
+  }) : !1, R = d == null ? void 0 : d.actor, W = (R == null ? void 0 : R.id) === (l == null ? void 0 : l.id);
   return /* @__PURE__ */ a.jsxs("section", { className: "activity-section", children: [
     /* @__PURE__ */ a.jsx(
       rn,
@@ -11178,12 +11178,12 @@ const uu = ({
         content: {
           id: n,
           type: "post",
-          body: u == null ? void 0 : u.content,
+          body: d == null ? void 0 : d.content,
           canLike: nn(r, W),
-          createdAt: (u == null ? void 0 : u.time) || "",
+          createdAt: (d == null ? void 0 : d.time) || "",
           slugs: {
             question: `${t}/${e}`,
-            answer: u == null ? void 0 : u.id
+            answer: d == null ? void 0 : d.id
           },
           slug: n,
           author: {
@@ -11197,8 +11197,8 @@ const uu = ({
             }
           },
           userLiked: T,
-          likes: ((I = u == null ? void 0 : u.reaction_counts) == null ? void 0 : I.like) || 0,
-          comments: ((Z = u == null ? void 0 : u.reaction_counts) == null ? void 0 : Z.reply) || 0,
+          likes: ((I = d == null ? void 0 : d.reaction_counts) == null ? void 0 : I.like) || 0,
+          comments: ((Z = d == null ? void 0 : d.reaction_counts) == null ? void 0 : Z.reply) || 0,
           peopleWhoLiked: D
         },
         originalAuthorId: R == null ? void 0 : R.id,
@@ -11211,7 +11211,7 @@ const uu = ({
             updateContent: (J, { body: k }) => g({ content: k })
           },
           likes: {
-            createLike: () => b({ activityId: n }),
+            createLike: () => y({ activityId: n }),
             deleteLike: () => _({ activityId: n, reactionId: w })
           },
           comments: {