@apolitical/component-library 2.2.2 → 2.2.3-ac.1

package/index.mjs

@@ -104,15 +104,15 @@ function Si() {
     return rt;
   hr = 1;
   var t = K, 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 u, d = {}, m = null, p = null;
-    l !== void 0 && (m = "" + l), f.key !== void 0 && (m = "" + f.key), f.ref !== void 0 && (p = f.ref);
-    for (u in f)
-      r.call(f, u) && !s.hasOwnProperty(u) && (d[u] = f[u]);
+  function o(c, f, d) {
+    var l, u = {}, m = null, p = null;
+    d !== void 0 && (m = "" + d), 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) && (u[l] = f[l]);
     if (c && c.defaultProps)
-      for (u in f = c.defaultProps, f)
-        d[u] === void 0 && (d[u] = f[u]);
-    return { $$typeof: e, type: c, key: m, ref: p, props: d, _owner: i.current };
+      for (l in f = c.defaultProps, f)
+        u[l] === void 0 && (u[l] = f[l]);
+    return { $$typeof: e, type: c, key: m, ref: p, props: u, _owner: i.current };
   }
   return rt.Fragment = n, rt.jsx = o, rt.jsxs = o, rt;
 }
@@ -129,15 +129,15 @@ var at = {};
 var gr;
 function Ci() {
   return gr || (gr = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = K, 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"), u = Symbol.for("react.suspense_list"), d = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), v = Symbol.iterator, b = "@@iterator";
+    var t = K, 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"), d = Symbol.for("react.suspense"), l = Symbol.for("react.suspense_list"), u = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), v = Symbol.iterator, y = "@@iterator";
     function _(h) {
       if (h === null || typeof h != "object")
         return null;
-      var P = v && h[v] || h[b];
+      var P = v && h[v] || h[y];
       return typeof P == "function" ? P : null;
     }
     var g = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function y(h) {
+    function b(h) {
       {
         for (var P = arguments.length, L = new Array(P > 1 ? P - 1 : 0), ne = 1; ne < P; ne++)
           L[ne - 1] = arguments[ne];
@@ -157,7 +157,7 @@ function Ci() {
     var j = !1, w = !1, z = !1, F = !1, q = !1, M;
     M = Symbol.for("react.module.reference");
     function O(h) {
-      return !!(typeof h == "string" || typeof h == "function" || h === r || h === s || q || h === i || h === l || h === u || F || h === p || j || w || z || 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
+      return !!(typeof h == "string" || typeof h == "function" || h === r || h === s || q || h === i || h === d || h === l || F || h === p || j || w || z || 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
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -176,7 +176,7 @@ function Ci() {
     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;
@@ -189,9 +189,9 @@ function Ci() {
           return "Profiler";
         case i:
           return "StrictMode";
-        case l:
+        case d:
           return "Suspense";
-        case u:
+        case l:
           return "SuspenseList";
       }
       if (typeof h == "object")
@@ -204,7 +204,7 @@ function Ci() {
             return T(L._context) + ".Provider";
           case f:
             return C(h, h.render, "ForwardRef");
-          case d:
+          case u:
             var ne = h.displayName || null;
             return ne !== null ? ne : x(h.type) || "Memo";
           case m: {
@@ -277,7 +277,7 @@ function Ci() {
             })
           });
         }
-        I < 0 && y("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        I < 0 && b("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var Y = g.ReactCurrentDispatcher, V;
@@ -385,16 +385,16 @@ function Ci() {
       if (typeof h == "string")
         return X(h);
       switch (h) {
-        case l:
+        case d:
           return X("Suspense");
-        case u:
+        case l:
           return X("SuspenseList");
       }
       if (typeof h == "object")
         switch (h.$$typeof) {
           case f:
             return ve(h.render);
-          case d:
+          case u:
             return Ee(h.type, P, L);
           case m: {
             var ne = h, le = ne._payload, me = ne._init;
@@ -429,7 +429,7 @@ function Ci() {
             } 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", L, ce, typeof se), wt(null)), se instanceof Error && !(se.message in nr) && (nr[se.message] = !0, wt(le), y("Failed %s type: %s", L, 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", L, ce, typeof se), wt(null)), se instanceof Error && !(se.message in nr) && (nr[se.message] = !0, wt(le), b("Failed %s type: %s", L, se.message), wt(null));
           }
       }
     }
@@ -455,7 +455,7 @@ function Ci() {
     }
     function ir(h) {
       if (Ya(h))
-        return y("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Va(h)), ar(h);
+        return b("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Va(h)), ar(h);
     }
     var nt = g.ReactCurrentOwner, Ka = {
       key: !0,
@@ -483,13 +483,13 @@ function Ci() {
     function Ja(h, P) {
       if (typeof h.ref == "string" && nt.current && P && nt.current.stateNode !== P) {
         var L = x(nt.current.type);
-        an[L] || (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(nt.current.type), h.ref), an[L] = !0);
+        an[L] || (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(nt.current.type), h.ref), an[L] = !0);
       }
     }
     function Xa(h, P) {
       {
         var L = function() {
-          sr || (sr = !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));
+          sr || (sr = !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));
         };
         L.isReactWarning = !0, Object.defineProperty(h, "key", {
           get: L,
@@ -500,7 +500,7 @@ function Ci() {
     function ei(h, P) {
       {
         var L = function() {
-          or || (or = !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));
+          or || (or = !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));
         };
         L.isReactWarning = !0, Object.defineProperty(h, "ref", {
           get: L,
@@ -614,7 +614,7 @@ Check the top-level render call using <` + L + ">.");
           return;
         dr[L] = !0;
         var ne = "";
-        h && h._owner && h._owner !== sn.current && (ne = " It was passed a child from " + x(h._owner.type) + "."), Ze(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.', L, ne), Ze(null);
+        h && h._owner && h._owner !== sn.current && (ne = " It was passed a child from " + x(h._owner.type) + "."), Ze(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.', L, ne), Ze(null);
       }
     }
     function fr(h, P) {
@@ -646,7 +646,7 @@ Check the top-level render call using <` + L + ">.");
           L = 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 === d))
+        P.$$typeof === u))
           L = P.propTypes;
         else
           return;
@@ -656,9 +656,9 @@ Check the top-level render call using <` + L + ">.");
         } else if (P.PropTypes !== void 0 && !on) {
           on = !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 si(h) {
@@ -666,11 +666,11 @@ Check the top-level render call using <` + L + ">.");
         for (var P = Object.keys(h.props), L = 0; L < P.length; L++) {
           var ne = P[L];
           if (ne !== "children" && ne !== "key") {
-            Ze(h), y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", ne), Ze(null);
+            Ze(h), b("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", ne), Ze(null);
             break;
           }
         }
-        h.ref !== null && (Ze(h), y("Invalid attribute `ref` supplied to `React.Fragment`."), Ze(null));
+        h.ref !== null && (Ze(h), b("Invalid attribute `ref` supplied to `React.Fragment`."), Ze(null));
       }
     }
     function mr(h, P, L, ne, le, me) {
@@ -682,7 +682,7 @@ Check the top-level render call using <` + L + ">.");
           var xe = ri(le);
           xe ? se += xe : se += lr();
           var he;
-          h === null ? he = "null" : rn(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" : rn(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 = ni(h, P, L, le, me);
         if (ge == null)
@@ -696,7 +696,7 @@ Check the top-level render call using <` + L + ">.");
                   fr(je[We], h);
                 Object.freeze && Object.freeze(je);
               } 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
               fr(je, h);
         }
@@ -730,49 +730,49 @@ const $i = () => {
   }, e);
 };
 function Ni(t, e, n) {
-  var r = this, i = pe(null), s = pe(0), o = pe(null), c = pe([]), f = pe(), l = pe(), u = pe(t), d = pe(!0);
-  u.current = t;
+  var r = this, i = pe(null), s = pe(0), o = pe(null), c = pe([]), f = pe(), d = pe(), l = pe(t), u = 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 v = !!(n = n || {}).leading, b = !("trailing" in n) || !!n.trailing, _ = "maxWait" in n, g = "debounceOnServer" in n && !!n.debounceOnServer, y = _ ? Math.max(+n.maxWait || 0, e) : null;
+  var v = !!(n = n || {}).leading, y = !("trailing" in n) || !!n.trailing, _ = "maxWait" in n, g = "debounceOnServer" in n && !!n.debounceOnServer, b = _ ? Math.max(+n.maxWait || 0, e) : null;
   ae(function() {
-    return d.current = !0, function() {
-      d.current = !1;
+    return u.current = !0, function() {
+      u.current = !1;
     };
   }, []);
   var E = vt(function() {
     var j = function(O) {
       var C = c.current, T = f.current;
-      return c.current = f.current = null, s.current = O, l.current = u.current.apply(T, C);
+      return c.current = f.current = null, s.current = O, d.current = l.current.apply(T, C);
     }, w = function(O, C) {
       p && cancelAnimationFrame(o.current), o.current = p ? requestAnimationFrame(O) : setTimeout(O, C);
     }, z = function(O) {
-      if (!d.current)
+      if (!u.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;
     }, F = function(O) {
-      return o.current = null, b && c.current ? j(O) : (c.current = f.current = null, l.current);
+      return o.current = null, y && c.current ? j(O) : (c.current = f.current = null, d.current);
     }, q = function O() {
       var C = Date.now();
       if (z(C))
         return F(C);
-      if (d.current) {
-        var T = e - (C - i.current), x = _ ? Math.min(T, y - (C - s.current)) : T;
+      if (u.current) {
+        var T = e - (C - i.current), x = _ ? Math.min(T, b - (C - s.current)) : T;
         w(O, x);
       }
     }, M = function() {
       if (m || g) {
         var O = Date.now(), C = z(O);
         if (c.current = [].slice.call(arguments), f.current = r, i.current = O, C) {
-          if (!o.current && d.current)
-            return s.current = i.current, w(q, e), v ? j(i.current) : l.current;
+          if (!o.current && u.current)
+            return s.current = i.current, w(q, e), v ? j(i.current) : d.current;
           if (_)
             return w(q, e), j(i.current);
         }
-        return o.current || w(q, e), l.current;
+        return o.current || w(q, e), d.current;
       }
     };
     return M.cancel = function() {
@@ -780,9 +780,9 @@ function Ni(t, e, n) {
     }, M.isPending = function() {
       return !!o.current;
     }, M.flush = function() {
-      return o.current ? F(Date.now()) : l.current;
+      return o.current ? F(Date.now()) : d.current;
     }, M;
-  }, [v, _, e, y, b, p, m, g]);
+  }, [v, _, e, b, y, p, m, g]);
   return E;
 }
 function na(t, e, n) {
@@ -795,18 +795,18 @@ const bt = (t = !0, e = !1, n = "window") => {
     return;
   const [r, i] = K.useState(0) || [!1, () => {
   }];
-  ae(() => (c(), window.addEventListener("resize", l), window.addEventListener("hiddenSectionVisible", f), () => {
-    clearTimeout(ln), l.flush(), window.removeEventListener("resize", l), window.removeEventListener("hiddenSectionVisible", f);
+  ae(() => (c(), window.addEventListener("resize", d), window.addEventListener("hiddenSectionVisible", f), () => {
+    clearTimeout(ln), d.flush(), window.removeEventListener("resize", d), window.removeEventListener("hiddenSectionVisible", f);
   }), n === "window" ? [] : [n]);
   const o = () => {
     if (n)
       return n === "window" ? window.innerWidth : n.offsetWidth;
   }, c = () => {
     i(o());
-  }, f = ({ detail: u }) => {
-    const { id: d } = u;
-    n === "window" || !n.closest(`#${d}`) || o() === r || c();
-  }, l = na(
+  }, f = ({ detail: l }) => {
+    const { id: u } = l;
+    n === "window" || !n.closest(`#${u}`) || o() === r || c();
+  }, d = na(
     () => {
       o() !== r && (e && (clearTimeout(ln), document.body.classList.add("is-resizing"), ln = setTimeout(() => {
         document.body.classList.remove("is-resizing");
@@ -836,17 +836,17 @@ const bt = (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", d), () => {
+    d.flush(), window.removeEventListener("scroll", d);
   }), []);
   const f = () => {
-    const u = window.scrollY, d = i.current, m = u - d, p = m > 0 ? "down" : "up";
-    if (s({ current: u, past: d }), p === "down") {
-      u >= t + e.down && !o.scrollDown && (!o.scrollUp || m > e.up) && (n(), c({ scrollUp: !1, scrollDown: !0 }));
+    const l = window.scrollY, u = i.current, m = l - u, p = m > 0 ? "down" : "up";
+    if (s({ current: l, past: u }), 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 = na(() => {
+  }, d = na(() => {
     f();
   }, 250);
   return i;
@@ -1368,9 +1368,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: u = !1,
-  ...d
+  screenreaderText: d = !1,
+  children: l = !1,
+  ...u
 }) => {
   const p = bt(typeof e == "object");
   if (typeof e == "object" && typeof p == "number") {
@@ -1379,10 +1379,10 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   }
   const v = [];
   typeof e == "string" && v.push(e), r && (v.push("icon"), typeof r == "object" ? (v.push(r.icon), r.position ? v.push(r.position) : v.push("left"), r.hover && v.push(`hover_${r.hover}`), r.animate && (v.push("animate"), typeof r.animate == "string" && v.push(r.animate))) : (v.push(r), !r.includes("right") && !r.includes("left") && v.push("left"))), n.muted && v.push("muted"), n.fullWidth && v.push("full-width");
-  const b = {
-    ...d,
+  const y = {
+    ...u,
     className: S(t, c, v, {
-      "no-text": !u,
+      "no-text": !l,
       disabled: f,
       button: i
     }),
@@ -1391,10 +1391,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), K.createElement(
+  return i && (s = "a", y.href = i), K.createElement(
     s,
-    b,
-    u || (l ? /* @__PURE__ */ a.jsx(be, { showOnFocus: !1, children: l }) : null)
+    y,
+    l || (d ? /* @__PURE__ */ a.jsx(be, { showOnFocus: !1, children: d }) : null)
   );
 }, yt = ({ 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));
@@ -1534,10 +1534,10 @@ const _t = ({ image: t, className: e, testId: n }) => {
     query: o,
     url: c,
     width: f,
-    loading: l,
-    decoding: u,
-    fetchPriority: d
-  } = t, { range: m, sizes: p } = Wi(t), v = 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: d,
+    decoding: l,
+    fetchPriority: u
+  } = t, { range: m, sizes: p } = Wi(t), v = 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",
@@ -1548,7 +1548,7 @@ const _t = ({ 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",
       {
@@ -1556,9 +1556,9 @@ const _t = ({ image: t, className: e, testId: n }) => {
         sizes: p,
         src: c,
         alt: r,
-        loading: l || "lazy",
-        decoding: u || "async",
-        fetchpriority: d || "auto",
+        loading: d || "lazy",
+        decoding: l || "async",
+        fetchpriority: u || "auto",
         width: f,
         height: i,
         "data-testid": n || "image"
@@ -1622,7 +1622,7 @@ const Vi = ({ isOpen: t = !1, isLoading: e = !1, children: n }) => {
       };
   }, []);
   const c = ({ propertyName: f }) => {
-    f === "opacity" && (it !== !1 && clearTimeout(it), o((l) => l === "opening" ? "open" : l === "closing" ? "closed" : l === "closed" ? "hidden" : l));
+    f === "opacity" && (it !== !1 && clearTimeout(it), o((d) => d === "opening" ? "open" : d === "closing" ? "closed" : d === "closed" ? "hidden" : d));
   };
   return gt(() => {
     it !== !1 && clearTimeout(it);
@@ -1716,7 +1716,7 @@ const Yi = ({ icon: t, description: e, ctaMessage: n, href: r, showEditButton: i
   placeholder: o,
   showDivider: c = !0
 }) => {
-  const [f, l] = K.useState(!1), u = typeof r == "string" || !!n, d = () => l(!1);
+  const [f, d] = K.useState(!1), l = typeof r == "string" || !!n, u = () => d(!1);
   return /* @__PURE__ */ a.jsxs("section", { className: S("edit-section", e), children: [
     n && /* @__PURE__ */ a.jsx(
       Xt,
@@ -1725,7 +1725,7 @@ const Yi = ({ icon: t, description: e, ctaMessage: n, href: r, showEditButton: i
         isOpen: f,
         showDivider: !1,
         showIcon: !1,
-        functions: { onClose: d },
+        functions: { onClose: u },
         className: S("edit-section-modal"),
         children: /* @__PURE__ */ a.jsx(Qn, { ...n, fields: n.fields, meta: {
           ...n == null ? void 0 : n.meta,
@@ -1736,17 +1736,17 @@ const Yi = ({ icon: t, description: e, ctaMessage: n, href: r, showEditButton: i
           ...n == null ? void 0 : n.functions,
           onSuccess: async (m) => {
             var p, v;
-            (p = n == null ? void 0 : n.functions) != null && p.onSuccess && await ((v = n == null ? void 0 : n.functions) == null ? void 0 : v.onSuccess(m)), l(!1);
+            (p = n == null ? void 0 : n.functions) != null && p.onSuccess && await ((v = n == null ? void 0 : n.functions) == null ? void 0 : v.onSuccess(m)), d(!1);
           },
-          onCancel: d
+          onCancel: u
         } })
       }
     ),
     /* @__PURE__ */ a.jsxs("div", { className: "edit-section-header", children: [
       /* @__PURE__ */ a.jsx("h2", { className: "edit-section-header-title", children: i }),
-      u && /* @__PURE__ */ a.jsx(ie, { href: r, variant: "tertiary", size: "small", icon: "pencil", onClick: () => ca({ href: r, setShowModal: l }), children: "Edit" })
+      l && /* @__PURE__ */ a.jsx(ie, { href: r, variant: "tertiary", size: "small", icon: "pencil", onClick: () => ca({ href: r, setShowModal: d }), children: "Edit" })
     ] }),
-    t || /* @__PURE__ */ a.jsx(Yi, { ...o, href: r, setShowModal: l, showEditButton: u }),
+    t || /* @__PURE__ */ a.jsx(Yi, { ...o, href: r, setShowModal: d, showEditButton: l }),
     c && /* @__PURE__ */ a.jsx(Re, {})
   ] });
 };
@@ -1771,10 +1771,10 @@ const yl = ({
           "two-col": r === 2 || r === 4,
           "three-col": r === 5 || r <= 10 && r % 3 === 0
         }),
-        children: e.map(({ logo: s, nameOfBusiness: o, link: c = !1, description: f = !1 }, l) => {
+        children: e.map(({ logo: s, nameOfBusiness: o, link: c = !1, description: f = !1 }, d) => {
           if (!s || !s.url)
             return null;
-          const u = /* @__PURE__ */ a.jsx(
+          const l = /* @__PURE__ */ a.jsx(
             "img",
             {
               src: s.url,
@@ -1784,9 +1784,9 @@ const yl = ({
             }
           );
           return /* @__PURE__ */ a.jsxs("li", { children: [
-            /* @__PURE__ */ a.jsx("p", { className: "img-wrapper", children: c ? /* @__PURE__ */ a.jsx("a", { href: c, target: "_blank", rel: "nofollow noreferrer noopener", children: u }) : u }),
+            /* @__PURE__ */ a.jsx("p", { className: "img-wrapper", children: c ? /* @__PURE__ */ a.jsx("a", { href: c, target: "_blank", rel: "nofollow noreferrer noopener", children: l }) : l }),
             f && /* @__PURE__ */ a.jsx("small", { children: f })
-          ] }, window.btoa(`${s.url}_${l}`));
+          ] }, window.btoa(`${s.url}_${d}`));
         })
       }
     )
@@ -1820,31 +1820,31 @@ const Ki = [
   cta: o,
   children: c
 }) => {
-  const f = ["eyebrow", "title", "text"], l = { eyebrow: "small", title: "h1", text: "p" }, u = {};
-  return f.forEach((d) => {
-    if (!e[d]) {
-      u[d] = !1;
+  const f = ["eyebrow", "title", "text"], d = { eyebrow: "small", title: "h1", text: "p" }, l = {};
+  return f.forEach((u) => {
+    if (!e[u]) {
+      l[u] = !1;
       return;
     }
-    if (!s[d]) {
-      if (typeof e[d] == "object") {
-        u[d] = e[d];
-        const { text: m, element: p } = e[d];
+    if (!s[u]) {
+      if (typeof e[u] == "object") {
+        l[u] = e[u];
+        const { text: m, element: p } = e[u];
         if (p && Ki.includes(p.toLowerCase()))
           return;
-        u[d] = {
+        l[u] = {
           text: m,
-          element: l[d]
+          element: d[u]
         };
         return;
       }
-      u[d] = {
-        text: e[d],
-        element: l[d]
+      l[u] = {
+        text: e[u],
+        element: d[u]
       };
     }
-  }), o && o.link && o.link[0] === "#" && (o.props || (o.props = {}), o.props.onClick = (d) => {
-    d.preventDefault(), d.stopPropagation();
+  }), o && o.link && o.link[0] === "#" && (o.props || (o.props = {}), o.props.onClick = (u) => {
+    u.preventDefault(), u.stopPropagation();
     const m = document.getElementById(o.link.substring(1));
     m && m.scrollIntoView({ behavior: "smooth" });
   }), /* @__PURE__ */ a.jsx(
@@ -1852,14 +1852,14 @@ const Ki = [
     {
       className: S("banner-section", r, i, t, {
         "has-image": n,
-        "has-extra-spacing": i === "normal" && u.eyebrow && u.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((d) => {
-            if (u[d] && typeof u[d] == "object") {
-              const { text: m, element: p = "" } = u[d];
-              return d === "text" ? /* @__PURE__ */ a.jsx(It, { overrideType: "text-only", className: "text", children: m }, d) : K.createElement(p, { key: d, className: d }, m);
+          f.map((u) => {
+            if (l[u] && typeof l[u] == "object") {
+              const { text: m, element: p = "" } = l[u];
+              return u === "text" ? /* @__PURE__ */ a.jsx(It, { overrideType: "text-only", className: "text", children: m }, u) : K.createElement(p, { key: u, className: u }, m);
             }
             return null;
           }),
@@ -2034,14 +2034,14 @@ const tt = ({
   let i = n && !!Object.keys(n).length;
   const s = typeof n == "object" && "breakpoints" in n, o = bt(s);
   if (s && typeof n == "object" && typeof o == "number") {
-    const d = Object.assign({}, n.breakpoints), m = aa(Object.keys(d));
-    i = ia(o, m, d);
+    const u = Object.assign({}, n.breakpoints), m = aa(Object.keys(u));
+    i = ia(o, m, u);
   }
   const {
     breakpoints: c,
     text: f = "",
-    component: l,
-    ...u
+    component: d,
+    ...l
   } = n;
   return /* @__PURE__ */ a.jsx(
     Ae,
@@ -2050,10 +2050,10 @@ const tt = ({
       className: S("empty-state-box", t, r),
       children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
         e && typeof e == "string" ? /* @__PURE__ */ a.jsx(Xe, { options: { forceBlock: !0 }, children: e }) : e,
-        i && typeof n == "object" && (l || /* @__PURE__ */ a.jsx(
+        i && typeof n == "object" && (d || /* @__PURE__ */ a.jsx(
           ie,
           {
-            ...u,
+            ...l,
             variant: n.variant ? n.variant : "secondary",
             children: f
           }
@@ -2091,12 +2091,12 @@ const jl = ({
   text: r,
   children: i
 }) => {
-  const s = G(), o = pe(null), [c, f] = te(""), [l, u] = te("closed");
+  const s = G(), o = pe(null), [c, f] = te(""), [d, l] = te("closed");
   ae(() => {
     const p = o.current;
     if (p)
-      return p.addEventListener("transitionend", d), () => {
-        p.removeEventListener("transitionend", d);
+      return p.addEventListener("transitionend", u), () => {
+        p.removeEventListener("transitionend", u);
       };
   }, []), ae(() => {
     if (!r || typeof r != "string")
@@ -2108,23 +2108,23 @@ const jl = ({
 `)
     );
   }, [r]), ae(() => {
-    l === "ready-to-close" && u("closing");
-  }, [l]);
-  const d = ({ propertyName: p }) => {
-    p === "max-height" && u((v) => v === "opening" ? "open" : v === "closing" ? "closed" : v);
+    d === "ready-to-close" && l("closing");
+  }, [d]);
+  const u = ({ propertyName: p }) => {
+    p === "max-height" && l((v) => v === "opening" ? "open" : v === "closing" ? "closed" : v);
   };
   if (!r)
     return null;
-  const m = ["opening", "open"].includes(l);
+  const m = ["opening", "open"].includes(d);
   return /* @__PURE__ */ a.jsxs(
     Ae,
     {
       variant: "subtle",
       className: S("hide-show-text-box", t),
       children: [
-        /* @__PURE__ */ a.jsxs("div", { ref: o, className: S("content", l), children: [
-          /* @__PURE__ */ a.jsx(Xe, { options: { forceBlock: !0 }, children: l === "closed" ? c : r }),
-          l !== "closed" && i
+        /* @__PURE__ */ a.jsxs("div", { ref: o, className: S("content", d), children: [
+          /* @__PURE__ */ a.jsx(Xe, { options: { forceBlock: !0 }, children: d === "closed" ? c : r }),
+          d !== "closed" && i
         ] }),
         /* @__PURE__ */ a.jsx("p", { className: "cta", children: /* @__PURE__ */ a.jsx(
           ie,
@@ -2134,7 +2134,7 @@ const jl = ({
             styling: { muted: !0 },
             className: S({ "rotate-180": m }),
             onClick: () => {
-              u(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" })
           }
@@ -2429,24 +2429,24 @@ const yr = 256, ze = ({
   height: s = yr,
   ...o
 }) => {
-  const [c, f] = te(!1), l = pe(null);
+  const [c, f] = te(!1), d = pe(null);
   ae(() => {
-    const d = l.current;
-    if (!d)
+    const u = d.current;
+    if (!u)
       return;
-    const m = d.getContext("2d");
+    const m = u.getContext("2d");
     if (!m)
       return;
     const p = i, v = s;
-    typeof window < "u" && window.devicePixelRatio && (d.width = p * window.devicePixelRatio, d.height = v * window.devicePixelRatio, m.scale(window.devicePixelRatio, window.devicePixelRatio)), m.fillStyle = bs(n), m.fillRect(0, 0, p, v), m.font = `${p / 3}px Arial`, m.textAlign = "center", m.fillStyle = "white", m.fillText(ma(n), p / 2, v / 1.6);
+    typeof window < "u" && window.devicePixelRatio && (u.width = p * window.devicePixelRatio, u.height = v * window.devicePixelRatio, m.scale(window.devicePixelRatio, window.devicePixelRatio)), m.fillStyle = bs(n), m.fillRect(0, 0, p, v), m.font = `${p / 3}px Arial`, m.textAlign = "center", m.fillStyle = "white", m.fillText(ma(n), p / 2, v / 1.6);
   }, [n]);
-  let u = !1;
-  return e && e !== "" && !c && (e.includes("http") || e.includes("//")) && (u = !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: u ? /* @__PURE__ */ a.jsx(
+      children: l ? /* @__PURE__ */ a.jsx(
         "img",
         {
           src: e,
@@ -2457,7 +2457,7 @@ const yr = 256, ze = ({
           width: i,
           height: s
         }
-      ) : /* @__PURE__ */ a.jsx("canvas", { ref: l })
+      ) : /* @__PURE__ */ a.jsx("canvas", { ref: d })
     }
   );
 }, pa = (t) => t === "apolitical" ? {
@@ -2496,20 +2496,20 @@ const Yn = ({
   c.name || (c.name = o.formatMessage({
     id: `member_${typeof e == "string" ? e : "community"}`
   }));
-  const { name: f, url: l, image: u } = c, d = ys(c), m = n && n.createdAt ? Dn(n.createdAt) : !1, p = n && n.createdAt ? sa(n.createdAt) : "";
+  const { name: f, url: d, image: l } = c, u = ys(c), m = n && n.createdAt ? Dn(n.createdAt) : !1, p = n && n.createdAt ? sa(n.createdAt) : "";
   return K.createElement(t, {
     className: S("member text-medium", s),
     children: /* @__PURE__ */ a.jsxs(
       xt,
       {
-        href: l,
+        href: d,
         gtmType: i,
         gtmContext: r,
         onClick: (v) => {
           v == null || v.stopPropagation();
         },
         children: [
-          /* @__PURE__ */ a.jsx(ze, { name: f, src: u }),
+          /* @__PURE__ */ a.jsx(ze, { 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: [
@@ -2519,7 +2519,7 @@ const Yn = ({
               ) }),
               n.didEdit && /* @__PURE__ */ a.jsx("em", { children: o.formatMessage({ id: "discussion_edited" }) })
             ] }),
-            d && /* @__PURE__ */ a.jsx("small", { children: d })
+            u && /* @__PURE__ */ a.jsx("small", { children: u })
           ] })
         ]
       }
@@ -2540,44 +2540,44 @@ const _r = {
   },
   cutoff: c = 2,
   className: f = "",
-  ...l
+  ...d
 }) => {
-  const u = G();
+  const l = G();
   return !n || n.length === 0 ? null : K.createElement(t, {
-    ...l,
+    ...d,
     className: S("contributors", f, i, { "has-gap": s }),
     children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-      /* @__PURE__ */ a.jsx("ul", { children: n.map((d, m) => {
+      /* @__PURE__ */ a.jsx("ul", { children: n.map((u, m) => {
         let p, v = "";
         if (m < c) {
-          const { name: b = "", image: _ = "" } = pa(d);
+          const { name: y = "", image: _ = "" } = pa(u);
           if (o)
             return /* @__PURE__ */ a.jsx(Te, { element: "li", className: "contributor" }, m);
           p = /* @__PURE__ */ a.jsx(
             ze,
             {
-              name: b,
+              name: y,
               src: _,
               width: _r[i || "medium"],
               height: _r[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: [
                 "+",
-                Ui(b, 0)
+                Ui(y, 0)
               ]
             }
           ), v = "number-left";
         }
         return p ? /* @__PURE__ */ a.jsx("li", { className: S("contributor", v), children: p }, m) : null;
       }) }),
-      r && /* @__PURE__ */ a.jsx("span", { className: "label", children: typeof r == "string" ? r : n.length === 1 ? typeof n[0] == "string" ? u.formatMessage({ id: `member_${n[0]}` }) : Ke(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]}` }) : Ke(n[0].name || "", 20) : null })
     ] })
   });
 };
@@ -2595,7 +2595,7 @@ function _s() {
   if (xr)
     return de;
   xr = 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, u = 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, v = t ? Symbol.for("react.lazy") : 60116, b = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, g = 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, d = t ? Symbol.for("react.concurrent_mode") : 60111, l = 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, v = t ? Symbol.for("react.lazy") : 60116, y = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, g = t ? Symbol.for("react.responder") : 60118, b = t ? Symbol.for("react.scope") : 60119;
   function E(w) {
     if (typeof w == "object" && w !== null) {
       var z = w.$$typeof;
@@ -2603,16 +2603,16 @@ function _s() {
         case e:
           switch (w = w.type, w) {
             case f:
-            case l:
+            case d:
             case r:
             case s:
             case i:
-            case d:
+            case u:
               return w;
             default:
               switch (w = w && w.$$typeof, w) {
                 case c:
-                case u:
+                case l:
                 case v:
                 case p:
                 case o:
@@ -2627,9 +2627,9 @@ function _s() {
     }
   }
   function j(w) {
-    return E(w) === l;
+    return E(w) === d;
   }
-  return de.AsyncMode = f, de.ConcurrentMode = l, de.ContextConsumer = c, de.ContextProvider = o, de.Element = e, de.ForwardRef = u, de.Fragment = r, de.Lazy = v, de.Memo = p, de.Portal = n, de.Profiler = s, de.StrictMode = i, de.Suspense = d, de.isAsyncMode = function(w) {
+  return de.AsyncMode = f, de.ConcurrentMode = d, de.ContextConsumer = c, de.ContextProvider = o, de.Element = e, de.ForwardRef = l, de.Fragment = r, de.Lazy = v, de.Memo = p, de.Portal = n, de.Profiler = s, de.StrictMode = i, de.Suspense = u, de.isAsyncMode = function(w) {
     return j(w) || E(w) === f;
   }, de.isConcurrentMode = j, de.isContextConsumer = function(w) {
     return E(w) === c;
@@ -2638,7 +2638,7 @@ function _s() {
   }, de.isElement = function(w) {
     return typeof w == "object" && w !== null && w.$$typeof === e;
   }, de.isForwardRef = function(w) {
-    return E(w) === u;
+    return E(w) === l;
   }, de.isFragment = function(w) {
     return E(w) === r;
   }, de.isLazy = function(w) {
@@ -2652,9 +2652,9 @@ function _s() {
   }, de.isStrictMode = function(w) {
     return E(w) === i;
   }, de.isSuspense = function(w) {
-    return E(w) === d;
+    return E(w) === u;
   }, de.isValidElementType = function(w) {
-    return typeof w == "string" || typeof w == "function" || w === r || w === l || w === s || w === i || w === d || w === m || typeof w == "object" && w !== null && (w.$$typeof === v || w.$$typeof === p || w.$$typeof === o || w.$$typeof === c || w.$$typeof === u || w.$$typeof === _ || w.$$typeof === g || w.$$typeof === y || w.$$typeof === b);
+    return typeof w == "string" || typeof w == "function" || w === r || w === d || w === s || w === i || w === u || w === m || typeof w == "object" && w !== null && (w.$$typeof === v || w.$$typeof === p || w.$$typeof === o || w.$$typeof === c || w.$$typeof === l || w.$$typeof === _ || w.$$typeof === g || w.$$typeof === b || w.$$typeof === y);
   }, de.typeOf = E, de;
 }
 var ue = {};
@@ -2669,10 +2669,10 @@ var ue = {};
 var wr;
 function xs() {
   return wr || (wr = 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, u = 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, v = t ? Symbol.for("react.lazy") : 60116, b = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, g = 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, d = t ? Symbol.for("react.concurrent_mode") : 60111, l = 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, v = t ? Symbol.for("react.lazy") : 60116, y = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, g = t ? Symbol.for("react.responder") : 60118, b = t ? Symbol.for("react.scope") : 60119;
     function E(D) {
       return typeof D == "string" || typeof D == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      D === r || D === l || D === s || D === i || D === d || D === m || typeof D == "object" && D !== null && (D.$$typeof === v || D.$$typeof === p || D.$$typeof === o || D.$$typeof === c || D.$$typeof === u || D.$$typeof === _ || D.$$typeof === g || D.$$typeof === y || D.$$typeof === b);
+      D === r || D === d || D === s || D === i || D === u || D === m || typeof D == "object" && D !== null && (D.$$typeof === v || D.$$typeof === p || D.$$typeof === o || D.$$typeof === c || D.$$typeof === l || D.$$typeof === _ || D.$$typeof === g || D.$$typeof === b || D.$$typeof === y);
     }
     function j(D) {
       if (typeof D == "object" && D !== null) {
@@ -2682,17 +2682,17 @@ function xs() {
             var $e = D.type;
             switch ($e) {
               case f:
-              case l:
+              case d:
               case r:
               case s:
               case i:
-              case d:
+              case u:
                 return $e;
               default:
                 var Ee = $e && $e.$$typeof;
                 switch (Ee) {
                   case c:
-                  case u:
+                  case l:
                   case v:
                   case p:
                   case o:
@@ -2706,12 +2706,12 @@ function xs() {
         }
       }
     }
-    var w = f, z = l, F = c, q = o, M = e, O = u, C = r, T = v, x = p, $ = n, I = s, U = i, A = d, W = !1;
+    var w = f, z = d, F = c, q = o, M = e, O = l, C = r, T = v, x = p, $ = n, I = s, U = i, A = u, W = !1;
     function J(D) {
       return W || (W = !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(D) || j(D) === f;
     }
     function k(D) {
-      return j(D) === l;
+      return j(D) === d;
     }
     function N(D) {
       return j(D) === c;
@@ -2723,7 +2723,7 @@ function xs() {
       return typeof D == "object" && D !== null && D.$$typeof === e;
     }
     function H(D) {
-      return j(D) === u;
+      return j(D) === l;
     }
     function ee(D) {
       return j(D) === r;
@@ -2744,7 +2744,7 @@ function xs() {
       return j(D) === i;
     }
     function oe(D) {
-      return j(D) === d;
+      return j(D) === u;
     }
     ue.AsyncMode = w, ue.ConcurrentMode = z, ue.ContextConsumer = F, ue.ContextProvider = q, ue.Element = M, ue.ForwardRef = O, ue.Fragment = C, ue.Lazy = T, ue.Memo = x, ue.Portal = $, ue.Profiler = I, ue.StrictMode = U, ue.Suspense = A, ue.isAsyncMode = J, ue.isConcurrentMode = k, ue.isContextConsumer = N, ue.isContextProvider = Z, ue.isElement = B, ue.isForwardRef = H, ue.isFragment = ee, ue.isLazy = Y, ue.isMemo = V, ue.isPortal = X, ue.isProfiler = re, ue.isStrictMode = R, ue.isSuspense = oe, ue.isValidElementType = E, ue.typeOf = j;
   }()), ue;
@@ -2778,28 +2778,28 @@ function ws() {
         return !1;
       for (var o = {}, c = 0; c < 10; c++)
         o["_" + String.fromCharCode(c)] = c;
-      var f = Object.getOwnPropertyNames(o).map(function(u) {
-        return o[u];
+      var f = Object.getOwnPropertyNames(o).map(function(l) {
+        return o[l];
       });
       if (f.join("") !== "0123456789")
         return !1;
-      var l = {};
-      return "abcdefghijklmnopqrst".split("").forEach(function(u) {
-        l[u] = u;
-      }), Object.keys(Object.assign({}, l)).join("") === "abcdefghijklmnopqrst";
+      var d = {};
+      return "abcdefghijklmnopqrst".split("").forEach(function(l) {
+        d[l] = l;
+      }), Object.keys(Object.assign({}, d)).join("") === "abcdefghijklmnopqrst";
     } catch {
       return !1;
     }
   }
   return fn = i() ? Object.assign : function(s, o) {
-    for (var c, f = r(s), l, u = 1; u < arguments.length; u++) {
-      c = Object(arguments[u]);
-      for (var d in c)
-        e.call(c, d) && (f[d] = c[d]);
+    for (var c, f = r(s), d, l = 1; l < arguments.length; l++) {
+      c = Object(arguments[l]);
+      for (var u in c)
+        e.call(c, u) && (f[u] = c[u]);
       if (t) {
-        l = t(c);
-        for (var m = 0; m < l.length; m++)
-          n.call(c, l[m]) && (f[l[m]] = c[l[m]]);
+        d = t(c);
+        for (var m = 0; m < d.length; m++)
+          n.call(c, d[m]) && (f[d[m]] = c[d[m]]);
       }
     }
     return f;
@@ -2835,29 +2835,29 @@ function ks() {
       }
     };
   }
-  function i(s, o, c, f, l) {
+  function i(s, o, c, f, d) {
     if (process.env.NODE_ENV !== "production") {
-      for (var u in s)
-        if (r(s, u)) {
-          var d;
+      for (var l in s)
+        if (r(s, l)) {
+          var u;
           try {
-            if (typeof s[u] != "function") {
+            if (typeof s[l] != "function") {
               var m = Error(
-                (f || "React class") + ": " + c + " type `" + u + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[u] + "`.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;
             }
-            d = s[u](o, u, f, c, null, e);
+            u = s[l](o, l, f, c, null, e);
           } catch (v) {
-            d = v;
+            u = v;
           }
-          if (d && !(d instanceof Error) && t(
-            (f || "React class") + ": type specification of " + c + " `" + u + "` 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 = l ? l() : "";
+          if (u && !(u 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 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 = d ? d() : "";
             t(
-              "Failed " + c + " type: " + d.message + (p ?? "")
+              "Failed " + c + " type: " + u.message + (p ?? "")
             );
           }
         }
@@ -2886,9 +2886,9 @@ function js() {
     return null;
   }
   return gn = function(c, f) {
-    var l = typeof Symbol == "function" && Symbol.iterator, u = "@@iterator";
-    function d(k) {
-      var N = k && (l && k[l] || k[u]);
+    var d = typeof Symbol == "function" && Symbol.iterator, l = "@@iterator";
+    function u(k) {
+      var N = k && (d && k[d] || k[l]);
       if (typeof N == "function")
         return N;
     }
@@ -2901,7 +2901,7 @@ function js() {
       object: g("object"),
       string: g("string"),
       symbol: g("symbol"),
-      any: y(),
+      any: b(),
       arrayOf: E,
       element: j(),
       elementType: w(),
@@ -2916,10 +2916,10 @@ function js() {
     function v(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;
@@ -2938,7 +2938,7 @@ function js() {
             ), N[ve] = !0, Z++);
           }
         }
-        return Y[V] == null ? ee ? Y[V] === null ? new b("The " + re + " `" + R + "` is marked as required " + ("in `" + X + "`, but its value is `null`.")) : new b("The " + re + " `" + R + "` is marked as required in " + ("`" + X + "`, but its value is `undefined`.")) : null : k(Y, V, X, re, R);
+        return Y[V] == null ? ee ? Y[V] === null ? new y("The " + re + " `" + R + "` is marked as required " + ("in `" + X + "`, but its value is `null`.")) : new y("The " + re + " `" + R + "` is marked as required in " + ("`" + X + "`, but its value is `undefined`.")) : null : k(Y, V, X, re, R);
       }
       var H = B.bind(null, !1);
       return H.isRequired = B.bind(null, !0), H;
@@ -2948,7 +2948,7 @@ function js() {
         var X = Z[B], re = U(X);
         if (re !== k) {
           var R = A(X);
-          return new b(
+          return new y(
             "Invalid " + ee + " `" + Y + "` of type " + ("`" + R + "` supplied to `" + H + "`, expected ") + ("`" + k + "`."),
             { expectedType: k }
           );
@@ -2957,17 +2957,17 @@ function js() {
       }
       return _(N);
     }
-    function y() {
+    function b() {
       return _(o);
     }
     function E(k) {
       function N(Z, B, H, ee, Y) {
         if (typeof k != "function")
-          return new b("Property `" + Y + "` of component `" + H + "` has invalid PropType notation inside arrayOf.");
+          return new y("Property `" + Y + "` of component `" + H + "` has invalid PropType notation inside arrayOf.");
         var V = Z[B];
         if (!Array.isArray(V)) {
           var X = U(V);
-          return new b("Invalid " + ee + " `" + Y + "` of type " + ("`" + X + "` supplied to `" + H + "`, expected an array."));
+          return new y("Invalid " + ee + " `" + Y + "` of type " + ("`" + X + "` supplied to `" + H + "`, expected an array."));
         }
         for (var re = 0; re < V.length; re++) {
           var R = k(V, re, H, ee, Y + "[" + re + "]", n);
@@ -2983,7 +2983,7 @@ function js() {
         var Y = N[Z];
         if (!c(Y)) {
           var V = U(Y);
-          return new b("Invalid " + H + " `" + ee + "` of type " + ("`" + V + "` supplied to `" + B + "`, expected a single ReactElement."));
+          return new y("Invalid " + H + " `" + ee + "` of type " + ("`" + V + "` supplied to `" + B + "`, expected a single ReactElement."));
         }
         return null;
       }
@@ -2994,7 +2994,7 @@ function js() {
         var Y = N[Z];
         if (!t.isValidElementType(Y)) {
           var V = U(Y);
-          return new b("Invalid " + H + " `" + ee + "` of type " + ("`" + V + "` supplied to `" + B + "`, expected a single ReactElement type."));
+          return new y("Invalid " + H + " `" + ee + "` of type " + ("`" + V + "` supplied to `" + B + "`, expected a single ReactElement type."));
         }
         return null;
       }
@@ -3004,7 +3004,7 @@ function js() {
       function N(Z, B, H, ee, Y) {
         if (!(Z[B] instanceof k)) {
           var V = k.name || m, X = J(Z[B]);
-          return new b("Invalid " + ee + " `" + Y + "` of type " + ("`" + X + "` supplied to `" + H + "`, expected ") + ("instance of `" + V + "`."));
+          return new y("Invalid " + ee + " `" + Y + "` of type " + ("`" + X + "` supplied to `" + H + "`, expected ") + ("instance of `" + V + "`."));
         }
         return null;
       }
@@ -3023,17 +3023,17 @@ function js() {
           var ve = A(D);
           return ve === "symbol" ? String(D) : D;
         });
-        return new b("Invalid " + ee + " `" + Y + "` of value `" + String(V) + "` " + ("supplied to `" + H + "`, expected one of " + re + "."));
+        return new y("Invalid " + ee + " `" + Y + "` of value `" + String(V) + "` " + ("supplied to `" + H + "`, expected one of " + re + "."));
       }
       return _(N);
     }
     function q(k) {
       function N(Z, B, H, ee, Y) {
         if (typeof k != "function")
-          return new b("Property `" + Y + "` of component `" + H + "` has invalid PropType notation inside objectOf.");
+          return new y("Property `" + Y + "` of component `" + H + "` has invalid PropType notation inside objectOf.");
         var V = Z[B], X = U(V);
         if (X !== "object")
-          return new b("Invalid " + ee + " `" + Y + "` of type " + ("`" + X + "` supplied to `" + H + "`, expected an object."));
+          return new y("Invalid " + ee + " `" + Y + "` of type " + ("`" + X + "` supplied to `" + H + "`, expected an object."));
         for (var re in V)
           if (r(V, re)) {
             var R = k(V, re, H, ee, Y + "." + re, n);
@@ -3062,18 +3062,18 @@ function js() {
           D.data && r(D.data, "expectedType") && re.push(D.data.expectedType);
         }
         var ve = re.length > 0 ? ", expected one of type [" + re.join(", ") + "]" : "";
-        return new b("Invalid " + V + " `" + X + "` supplied to " + ("`" + Y + "`" + ve + "."));
+        return new y("Invalid " + V + " `" + X + "` supplied to " + ("`" + Y + "`" + ve + "."));
       }
       return _(B);
     }
     function O() {
       function k(N, Z, B, H, ee) {
-        return $(N[Z]) ? null : new b("Invalid " + H + " `" + ee + "` supplied to " + ("`" + B + "`, expected a ReactNode."));
+        return $(N[Z]) ? null : new y("Invalid " + H + " `" + ee + "` supplied to " + ("`" + B + "`, expected a ReactNode."));
       }
       return _(k);
     }
     function C(k, N, Z, B, H) {
-      return new b(
+      return new y(
         (k || "React class") + ": " + N + " type `" + Z + "." + B + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + H + "`."
       );
     }
@@ -3081,7 +3081,7 @@ function js() {
       function N(Z, B, H, ee, Y) {
         var V = Z[B], X = U(V);
         if (X !== "object")
-          return new b("Invalid " + ee + " `" + Y + "` of type `" + X + "` " + ("supplied to `" + H + "`, expected `object`."));
+          return new y("Invalid " + ee + " `" + Y + "` of type `" + X + "` " + ("supplied to `" + H + "`, expected `object`."));
         for (var re in k) {
           var R = k[re];
           if (typeof R != "function")
@@ -3098,14 +3098,14 @@ function js() {
       function N(Z, B, H, ee, Y) {
         var V = Z[B], X = U(V);
         if (X !== "object")
-          return new b("Invalid " + ee + " `" + Y + "` of type `" + X + "` " + ("supplied to `" + H + "`, expected `object`."));
+          return new y("Invalid " + ee + " `" + Y + "` of type `" + X + "` " + ("supplied to `" + H + "`, expected `object`."));
         var re = e({}, Z[B], k);
         for (var R in re) {
           var oe = k[R];
           if (r(k, R) && typeof oe != "function")
             return C(H, ee, Y, R, A(oe));
           if (!oe)
-            return new b(
+            return new y(
               "Invalid " + ee + " `" + Y + "` key `" + R + "` supplied to `" + H + "`.\nBad object: " + JSON.stringify(Z[B], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(k), null, "  ")
             );
@@ -3130,7 +3130,7 @@ Valid keys: ` + JSON.stringify(Object.keys(k), null, "  ")
             return k.every($);
           if (k === null || c(k))
             return !0;
-          var N = d(k);
+          var N = u(k);
           if (N) {
             var Z = N.call(k), B;
             if (N !== k.entries) {
@@ -3200,8 +3200,8 @@ function Ts() {
   function n() {
   }
   return n.resetWarningCache = e, vn = function() {
-    function r(o, c, f, l, u, d) {
-      if (d !== t) {
+    function r(o, c, f, d, l, u) {
+      if (u !== 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"
         );
@@ -3272,18 +3272,18 @@ var ba = ["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, d = t(f, !0, r);
+        r.flatten ? i.push.apply(i, d) : i.push({
           scopeParent: o,
-          candidates: l
+          candidates: d
         });
       } else {
-        var u = Ue.call(o, qt);
-        u && 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);
+        var l = Ue.call(o, qt);
+        l && 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);
           r.flatten ? i.push.apply(i, p) : i.push({
             scopeParent: o,
             candidates: p
@@ -3342,8 +3342,8 @@ var ba = ["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, u, d;
-      r = Ut(i), i = (l = r) === null || l === void 0 ? void 0 : l.host, s = !!((u = i) !== null && u !== void 0 && (d = u.ownerDocument) !== null && d !== void 0 && d.contains(i));
+      var d, l, u;
+      r = Ut(i), i = (d = r) === null || d === void 0 ? void 0 : d.host, s = !!((l = i) !== null && l !== void 0 && (u = l.ownerDocument) !== null && u !== void 0 && u.contains(i));
     }
   }
   return s;
@@ -3360,10 +3360,10 @@ var ba = ["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 = Ut(e);
+        var f = e.parentElement, d = Ut(e);
         if (f && !f.shadowRoot && i(f) === !0)
           return Nr(e);
-        e.assignedSlot ? e = e.assignedSlot : !f && l !== e.ownerDocument ? e = l.host : e = f;
+        e.assignedSlot ? e = e.assignedSlot : !f && d !== e.ownerDocument ? e = d.host : e = f;
       }
       e = c;
     }
@@ -3402,13 +3402,13 @@ var ba = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
 }, Us = function t(e) {
   var n = [], r = [];
   return e.forEach(function(i, s) {
-    var o = !!i.scopeParent, c = o ? i.scopeParent : i, f = Ns(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 = Ns(c, o), d = o ? t(i.candidates) : c;
+    f === 0 ? o ? n.push.apply(n, d) : n.push(c) : r.push({
       documentOrder: s,
       tabIndex: f,
       item: i,
       isScope: o,
-      content: l
+      content: d
     });
   }), r.sort(Ps).reduce(function(i, s) {
     return s.isScope ? i.push.apply(i, s.content) : i.push(s.content), i;
@@ -3577,7 +3577,7 @@ var Rr = {
     recentNavEvent: void 0
   }, c, f = function(T, x, $) {
     return T && T[x] !== void 0 ? T[x] : s[$ || x];
-  }, l = function(T, x) {
+  }, d = function(T, x) {
     var $ = typeof (x == null ? void 0 : x.composedPath) == "function" ? x.composedPath() : void 0;
     return o.containerGroups.findIndex(function(I) {
       var U = I.container, A = I.tabbableNodes;
@@ -3589,7 +3589,7 @@ var Rr = {
         return W === T;
       });
     });
-  }, u = function(T) {
+  }, l = function(T) {
     var x = s[T];
     if (typeof x == "function") {
       for (var $ = arguments.length, I = new Array($ > 1 ? $ - 1 : 0), U = 1; U < $; U++)
@@ -3605,16 +3605,16 @@ var Rr = {
     if (typeof x == "string" && (A = r.querySelector(x), !A))
       throw new Error("`".concat(T, "` as selector refers to no known node"));
     return A;
-  }, d = function() {
-    var T = u("initialFocus");
+  }, u = function() {
+    var T = l("initialFocus");
     if (T === !1)
       return !1;
     if (T === void 0 || !Dt(T, s.tabbableOptions))
-      if (l(r.activeElement) >= 0)
+      if (d(r.activeElement) >= 0)
         T = r.activeElement;
       else {
         var x = o.tabbableGroups[0], $ = x && x.firstTabbableNode;
-        T = $ || u("fallbackFocus");
+        T = $ || l("fallbackFocus");
       }
     if (!T)
       throw new Error("Your focus-trap needs to have at least one focusable element");
@@ -3668,7 +3668,7 @@ var Rr = {
       };
     }), o.tabbableGroups = o.containerGroups.filter(function(T) {
       return T.tabbableNodes.length > 0;
-    }), o.tabbableGroups.length <= 0 && !u("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(T) {
       return T.posTabIndexesFound;
@@ -3681,22 +3681,22 @@ var Rr = {
   }, v = function C(T) {
     if (T !== !1 && T !== p(document)) {
       if (!T || !T.focus) {
-        C(d());
+        C(u());
         return;
       }
       T.focus({
         preventScroll: !!s.preventScroll
       }), o.mostRecentlyFocusedNode = T, Ys(T) && T.select();
     }
-  }, b = function(T) {
-    var x = u("setReturnFocus", T);
+  }, y = function(T) {
+    var x = l("setReturnFocus", T);
     return x || (x === !1 ? !1 : T);
   }, _ = function(T) {
     var x = T.target, $ = T.event, I = T.isBackward, U = I === void 0 ? !1 : I;
     x = x || Tt($), m();
     var A = null;
     if (o.tabbableGroups.length > 0) {
-      var W = l(x, $), J = W >= 0 ? o.containerGroups[W] : void 0;
+      var W = d(x, $), J = W >= 0 ? o.containerGroups[W] : void 0;
       if (W < 0)
         U ? A = o.tabbableGroups[o.tabbableGroups.length - 1].lastTabbableNode : A = o.tabbableGroups[0].firstTabbableNode;
       else if (U) {
@@ -3721,11 +3721,11 @@ var Rr = {
           ft($) || (A = J.nextTabbableNode(x));
       }
     } else
-      A = u("fallbackFocus");
+      A = l("fallbackFocus");
     return A;
   }, g = function(T) {
     var x = Tt(T);
-    if (!(l(x, T) >= 0)) {
+    if (!(d(x, T) >= 0)) {
       if (st(s.clickOutsideDeactivates, T)) {
         c.deactivate({
           // NOTE: by setting `returnFocus: false`, deactivate() will do nothing,
@@ -3740,8 +3740,8 @@ var Rr = {
       }
       st(s.allowOutsideClick, T) || T.preventDefault();
     }
-  }, y = function(T) {
-    var x = Tt(T), $ = l(x, T) >= 0;
+  }, b = function(T) {
+    var x = Tt(T), $ = d(x, T) >= 0;
     if ($ || x instanceof Document)
       $ && (o.mostRecentlyFocusedNode = x);
     else {
@@ -3749,7 +3749,7 @@ var Rr = {
       var I, U = !0;
       if (o.mostRecentlyFocusedNode)
         if (De(o.mostRecentlyFocusedNode) > 0) {
-          var A = l(o.mostRecentlyFocusedNode), W = o.containerGroups[A].tabbableNodes;
+          var A = d(o.mostRecentlyFocusedNode), W = o.containerGroups[A].tabbableNodes;
           if (W.length > 0) {
             var J = W.findIndex(function(k) {
               return k === o.mostRecentlyFocusedNode;
@@ -3769,7 +3769,7 @@ var Rr = {
         //  outside the trap causing the focus escape we're trying to fix)
         target: o.mostRecentlyFocusedNode,
         isBackward: s.isKeyBackward(o.recentNavEvent)
-      })), v(I || o.mostRecentlyFocusedNode || d());
+      })), v(I || o.mostRecentlyFocusedNode || u());
     }
     o.recentNavEvent = void 0;
   }, E = function(T) {
@@ -3788,12 +3788,12 @@ var Rr = {
     (s.isKeyForward(T) || s.isKeyBackward(T)) && E(T, s.isKeyBackward(T));
   }, w = function(T) {
     var x = Tt(T);
-    l(x, T) >= 0 || st(s.clickOutsideDeactivates, T) || st(s.allowOutsideClick, T) || (T.preventDefault(), T.stopImmediatePropagation());
+    d(x, T) >= 0 || st(s.clickOutsideDeactivates, T) || st(s.allowOutsideClick, T) || (T.preventDefault(), T.stopImmediatePropagation());
   }, z = function() {
     if (o.active)
       return Rr.activateTrap(i, c), o.delayInitialFocusTimer = s.delayInitialFocus ? Fr(function() {
-        v(d());
-      }) : v(d()), r.addEventListener("focusin", y, !0), r.addEventListener("mousedown", g, {
+        v(u());
+      }) : v(u()), r.addEventListener("focusin", b, !0), r.addEventListener("mousedown", g, {
         capture: !0,
         passive: !1
       }), r.addEventListener("touchstart", g, {
@@ -3808,7 +3808,7 @@ var Rr = {
       }), c;
   }, F = function() {
     if (o.active)
-      return r.removeEventListener("focusin", y, !0), r.removeEventListener("mousedown", g, !0), r.removeEventListener("touchstart", g, !0), r.removeEventListener("click", w, !0), r.removeEventListener("keydown", j, !0), c;
+      return r.removeEventListener("focusin", b, !0), r.removeEventListener("mousedown", g, !0), r.removeEventListener("touchstart", g, !0), r.removeEventListener("click", w, !0), r.removeEventListener("keydown", j, !0), c;
   }, q = function(T) {
     var x = T.some(function($) {
       var I = Array.from($.removedNodes);
@@ -3816,7 +3816,7 @@ var Rr = {
         return U === o.mostRecentlyFocusedNode;
       });
     });
-    x && v(d());
+    x && v(u());
   }, M = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(q) : void 0, O = function() {
     M && (M.disconnect(), o.active && !o.paused && o.containers.map(function(T) {
       M.observe(T, {
@@ -3855,10 +3855,10 @@ var Rr = {
       $ == null || $();
       var W = function() {
         Fr(function() {
-          A && v(b(o.nodeFocusedBeforeActivation)), I == null || I();
+          A && v(y(o.nodeFocusedBeforeActivation)), I == null || I();
         });
       };
-      return A && U ? (U(b(o.nodeFocusedBeforeActivation)).then(W, W), this) : (W(), this);
+      return A && U ? (U(y(o.nodeFocusedBeforeActivation)).then(W, W), this) : (W(), this);
     },
     pause: function(T) {
       if (o.paused || !o.active)
@@ -3981,21 +3981,21 @@ var Et = K, Q = Cs, fo = to, mo = fo.createFocusTrap, po = no, ho = po.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 u = arguments.length, d = new Array(u > 1 ? u - 1 : 0), m = 1; m < u; m++)
-          d[m - 1] = arguments[m];
-        l = l.apply(void 0, d);
-      }
-      if (l === !0 && (l = void 0), !l) {
-        if (l === void 0 || l === !1)
-          return l;
+      var f, d = (f = this.internalOptions[c]) !== null && f !== void 0 ? f : this.originalOptions[c];
+      if (typeof d == "function") {
+        for (var l = arguments.length, u = new Array(l > 1 ? l - 1 : 0), m = 1; m < l; m++)
+          u[m - 1] = arguments[m];
+        d = d.apply(void 0, u);
+      }
+      if (d === !0 && (d = void 0), !d) {
+        if (d === void 0 || d === !1)
+          return d;
         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 = d;
+      if (typeof d == "string") {
         var v;
-        if (p = (v = this.getDocument()) === null || v === void 0 ? void 0 : v.querySelector(l), !p)
+        if (p = (v = this.getDocument()) === null || v === void 0 ? void 0 : v.querySelector(d), !p)
           throw new Error("`".concat(c, "` as selector refers to no known node"));
       }
       return p;
@@ -4103,9 +4103,9 @@ var Et = K, Q = Cs, fo = to, mo = fo.createFocusTrap, po = no, ho = po.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
-        !ho(i.outsideClick.target, i.internalOptions.tabbableOptions))), l = i.internalOptions.preventScroll, u = l === void 0 ? !1 : l;
+        !ho(i.outsideClick.target, i.internalOptions.tabbableOptions))), d = i.internalOptions.preventScroll, l = d === void 0 ? !1 : d;
         f && c.focus({
-          preventScroll: u
+          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();
@@ -4151,9 +4151,9 @@ var Et = K, Q = Cs, fo = to, mo = fo.createFocusTrap, po = no, ho = po.isFocusab
       if (s) {
         if (s.type && s.type === Et.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 u = i.props.containerElements;
-          s && (typeof s.ref == "function" ? s.ref(l) : s.ref && (s.ref.current = l)), i.focusTrapElements = u || [l];
+        var o = function(d) {
+          var l = i.props.containerElements;
+          s && (typeof s.ref == "function" ? s.ref(d) : s.ref && (s.ref.current = d)), i.focusTrapElements = l || [d];
         }, c = Et.cloneElement(s, {
           ref: o
         });
@@ -4235,18 +4235,18 @@ const Xt = ({
   forceShow: { error: o = !1 } = {},
   title: c,
   children: f,
-  buttons: l,
-  className: u = "",
-  gtmContext: d = "Modal"
+  buttons: d,
+  className: l = "",
+  gtmContext: u = "Modal"
 }) => {
-  const m = G(), [p, v] = te(e), b = (y) => {
-    y.key === "Escape" && _(!1);
+  const m = G(), [p, v] = 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) => {
-    v(y), y ? (i(), document.body.classList.add("has-overlay")) : (s(), document.body.classList.remove("has-overlay"));
+  const _ = (b) => {
+    v(b), b ? (i(), document.body.classList.add("has-overlay")) : (s(), document.body.classList.remove("has-overlay"));
   };
   ae(() => {
     _(e);
@@ -4256,7 +4256,7 @@ const Xt = ({
     Sa,
     {
       id: t,
-      className: S("overlay-modal", u, {
+      className: S("overlay-modal", l, {
         "has-max-width": r
       }),
       hidden: !p,
@@ -4273,16 +4273,16 @@ const Xt = ({
               onClick: () => _(!1),
               className: "gtm-trackable",
               "data-gtm-event-type": "close-modal-click",
-              "data-gtm-event-context": d,
+              "data-gtm-event-context": u,
               screenreaderText: m.formatMessage({ id: "overlay_close" })
             }
           )
         ] }),
         n && /* @__PURE__ */ a.jsx(Re, {}),
         f,
-        l && /* @__PURE__ */ a.jsxs("div", { className: "bottom", children: [
+        d && /* @__PURE__ */ a.jsxs("div", { className: "bottom", children: [
           /* @__PURE__ */ a.jsx(Re, {}),
-          /* @__PURE__ */ a.jsx(yt, { buttons: l })
+          /* @__PURE__ */ a.jsx(yt, { buttons: d })
         ] }),
         o && /* @__PURE__ */ a.jsx(Bt, { className: "error", children: o })
       ] }) })
@@ -4305,10 +4305,10 @@ const St = "emailHelperTextBox_", yo = ({
     link: {},
     mail: {},
     error: ""
-  }), [c, f] = te(!1), l = Kr(
+  }), [c, f] = te(!1), d = Kr(
     (p) => {
       p.preventDefault(), p.stopPropagation();
-      const v = (b) => {
+      const v = (y) => {
         o({
           path: `${St}error_verificationFailedToSend`,
           type: "error",
@@ -4316,7 +4316,7 @@ const St = "emailHelperTextBox_", yo = ({
             "data-gtm-event-context": "VerifyEmailBox",
             "data-gtm-event-type": "SendEmailClick",
             className: "gtm-trackable",
-            onClick: (_) => l(_),
+            onClick: (_) => d(_),
             href: "#",
             "data-testid": "send-verify-email-click"
           },
@@ -4326,7 +4326,7 @@ const St = "emailHelperTextBox_", yo = ({
             "data-gtm-event-context": "ErrorVerifyingBox",
             "data-gtm-event-type": "email-concierge-click"
           },
-          error: b
+          error: y
         });
       };
       if (typeof r != "function") {
@@ -4335,8 +4335,8 @@ const St = "emailHelperTextBox_", yo = ({
       }
       f(!0), r(e).then(() => {
         localStorage.setItem("email", e), window.location.href = n || "/signup/verify-email";
-      }).catch((b) => {
-        v(b.message);
+      }).catch((y) => {
+        v(y.message);
       }).finally(() => {
         f(!1);
       });
@@ -4346,13 +4346,13 @@ const St = "emailHelperTextBox_", yo = ({
   );
   ae(
     () => {
-      let p = St, v = "default", b = {}, _ = {};
+      let p = St, v = "default", y = {}, _ = {};
       switch (t) {
         case "gov":
           p += "autoApproved", v = "success";
           break;
         case "nonGov":
-          p += "unrecognisedEmail", v = "error", b = {
+          p += "unrecognisedEmail", v = "error", y = {
             href: "https://about.apolitical.co/who-can-join-the-community",
             "data-gtm-event-context": "NonGovEmailHelperTextBox",
             "data-gtm-event-type": "LearnMoreClick"
@@ -4367,17 +4367,17 @@ const St = "emailHelperTextBox_", yo = ({
           };
           break;
         case "verify":
-          p += "emailUnverified", v = "error", b = {
+          p += "emailUnverified", v = "error", y = {
             href: "#",
             "data-gtm-event-context": "VerifyEmailBox",
             "data-gtm-event-type": "SendEmailClick",
             className: "gtm-trackable",
-            onClick: (g) => l(g),
+            onClick: (g) => d(g),
             "data-testid": "send-verify-email-click"
           };
           break;
         case "exists":
-          p += "emailAlreadyExists", v = "error", b = {
+          p += "emailAlreadyExists", v = "error", y = {
             href: "/user-onboarding/login",
             "data-gtm-event-context": "EmailExistsBox",
             "data-gtm-event-type": "login-click"
@@ -4389,21 +4389,21 @@ const St = "emailHelperTextBox_", yo = ({
           };
           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: v, link: b, mail: _ });
+      o({ ...s, path: p, type: v, link: y, mail: _ });
     },
     /* eslint-disable react-hooks/exhaustive-deps */
     [t]
   );
-  const u = {};
+  const l = {};
   return ["link", "mail"].forEach((p) => {
-    u[p] = Object.keys(s[p]).length ? (v) => /* @__PURE__ */ a.jsx("a", { ...s[p], children: v }) : (v) => v;
+    l[p] = Object.keys(s[p]).length ? (v) => /* @__PURE__ */ a.jsx("a", { ...s[p], children: v }) : (v) => v;
   }), /* @__PURE__ */ a.jsx(
     as,
     {
@@ -4419,7 +4419,7 @@ const St = "emailHelperTextBox_", yo = ({
         i.formatMessage(
           { id: `${s.path}_text` },
           {
-            ...u,
+            ...l,
             strong: (p) => /* @__PURE__ */ a.jsx("strong", { children: p }),
             em: (p) => /* @__PURE__ */ a.jsx("em", { children: p }),
             br: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
@@ -4443,17 +4443,17 @@ const St = "emailHelperTextBox_", yo = ({
   placeholder: o,
   type: c = "text",
   value: f,
-  ...l
+  ...d
 }) => {
-  const u = pe(), d = r || u;
+  const l = pe(), u = r || l;
   return K.createElement(e, {
-    ref: d,
-    ...l,
+    ref: u,
+    ...d,
     type: c,
     id: n,
     name: s,
     className: S(t, e, {
-      "has-scrollbar": c === "textarea" && d.current && d.current.clientHeight < d.current.scrollHeight
+      "has-scrollbar": c === "textarea" && u.current && u.current.clientHeight < u.current.scrollHeight
     }),
     value: f,
     placeholder: o,
@@ -4484,36 +4484,36 @@ const He = {
     input: t,
     displayInput: t,
     debouncedInput: t
-  }), [{ predictions: l, activePredictionIndex: u, isPredictionSelected: d }, m] = te({
+  }), [{ predictions: d, activePredictionIndex: l, isPredictionSelected: u }, m] = te({
     predictions: [],
     activePredictionIndex: -1,
     isPredictionSelected: !!t
   }), { formatMessage: p } = G();
   e || (e = p({ id: "inputAutocomplete_placeholder" })), ae(() => {
     const g = setTimeout(() => {
-      d || f((y) => ({ ...y, debouncedInput: s }));
+      u || f((b) => ({ ...b, debouncedInput: s }));
     }, _o);
     return () => {
       clearTimeout(g);
     };
-  }, [s, d]), ae(() => {
-    c && !d ? (async () => {
+  }, [s, u]), ae(() => {
+    c && !u ? (async () => {
       try {
-        const y = await i(c) || [];
-        m((E) => ({ ...E, predictions: y }));
-      } catch (y) {
-        console.error("Error fetching predictions:", y), m((E) => ({ ...E, predictions: [] }));
+        const b = await i(c) || [];
+        m((E) => ({ ...E, predictions: b }));
+      } catch (b) {
+        console.error("Error fetching predictions:", b), m((E) => ({ ...E, predictions: [] }));
       }
     })() : m((g) => ({ ...g, predictions: [] }));
-  }, [c, d]), ae(() => {
-    u >= 0 && l[u] && f((g) => ({ ...g, displayInput: l[u].description }));
-  }, [u, l]);
+  }, [c, u]), ae(() => {
+    l >= 0 && d[l] && f((g) => ({ ...g, displayInput: d[l].description }));
+  }, [l, d]);
   const v = (g) => {
-    [He.DOWN, He.UP, He.ENTER].includes(g.key) && (g.preventDefault(), g.key === He.DOWN && u < l.length - 1 ? m((y) => ({ ...y, activePredictionIndex: u + 1 })) : g.key === He.UP && u > 0 ? m((y) => ({ ...y, activePredictionIndex: u - 1 })) : g.key === He.ENTER && u > -1 && (r(l[u].description), f((y) => ({ ...y, input: l[u].description })), m((y) => ({ ...y, predictions: [], isPredictionSelected: !0 }))));
-  }, b = (g) => {
-    r(g.target.value), f((y) => ({ ...y, input: g.target.value, displayInput: g.target.value })), m((y) => ({ ...y, activePredictionIndex: -1, isPredictionSelected: !1 }));
+    [He.DOWN, He.UP, He.ENTER].includes(g.key) && (g.preventDefault(), g.key === He.DOWN && l < d.length - 1 ? m((b) => ({ ...b, activePredictionIndex: l + 1 })) : g.key === He.UP && l > 0 ? m((b) => ({ ...b, activePredictionIndex: l - 1 })) : g.key === He.ENTER && l > -1 && (r(d[l].description), f((b) => ({ ...b, input: d[l].description })), m((b) => ({ ...b, predictions: [], isPredictionSelected: !0 }))));
+  }, y = (g) => {
+    r(g.target.value), f((b) => ({ ...b, input: g.target.value, displayInput: g.target.value })), m((b) => ({ ...b, activePredictionIndex: -1, isPredictionSelected: !1 }));
   }, _ = (g) => {
-    r(g.description), f((y) => ({ ...y, input: g.description, displayInput: g.description })), m((y) => ({ ...y, isPredictionSelected: !0, predictions: [] }));
+    r(g.description), f((b) => ({ ...b, input: g.description, displayInput: g.description })), m((b) => ({ ...b, isPredictionSelected: !0, predictions: [] }));
   };
   return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsx(
@@ -4521,20 +4521,20 @@ const He = {
       {
         type: "text",
         value: o,
-        onChange: b,
+        onChange: y,
         onKeyDown: v,
         placeholder: e
       }
     ),
-    /* @__PURE__ */ a.jsx("ul", { className: "predictions-list", children: l.map((g, y) => /* @__PURE__ */ a.jsx(
+    /* @__PURE__ */ a.jsx("ul", { className: "predictions-list", children: d.map((g, b) => /* @__PURE__ */ a.jsx(
       "li",
       {
         onClick: () => _(g),
-        onMouseEnter: () => m((E) => ({ ...E, activePredictionIndex: y })),
-        className: S("predictions-list-item", { active: y === u }),
+        onMouseEnter: () => m((E) => ({ ...E, activePredictionIndex: b })),
+        className: S("predictions-list-item", { active: b === l }),
         children: g.description
       },
-      y
+      b
     )) })
   ] });
 };
@@ -4549,12 +4549,12 @@ const Ca = ({
   intlPath: o = !1,
   label: c,
   shownValue: f = !0,
-  type: l = "checkbox",
-  value: u,
-  ...d
+  type: d = "checkbox",
+  value: l,
+  ...u
 }) => {
-  const m = G(), { onChange: p, ...v } = r, b = () => {
-    e || p(u ? null : f);
+  const m = G(), { onChange: p, ...v } = r, y = () => {
+    e || p(l ? null : f);
   }, _ = /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsx(
       "input",
@@ -4562,11 +4562,11 @@ const Ca = ({
         ref: s,
         id: i,
         name: i,
-        type: l,
+        type: d,
         value: f,
-        checked: u,
+        checked: l,
         onKeyDown: (g) => {
-          (g.key === "Enter" || g.code === "Space") && (g.preventDefault(), g.stopPropagation(), b());
+          (g.key === "Enter" || g.code === "Space") && (g.preventDefault(), g.stopPropagation(), y());
         },
         readOnly: !0,
         disabled: e
@@ -4581,11 +4581,11 @@ const Ca = ({
     n,
     {
       onClick: (g) => {
-        const y = g.target;
-        y.nodeName.toLowerCase() === "a" || y.parentNode && y.parentNode.nodeName.toLowerCase() === "a" || (g.preventDefault(), g.stopPropagation(), b());
+        const b = g.target;
+        b.nodeName.toLowerCase() === "a" || b.parentNode && b.parentNode.nodeName.toLowerCase() === "a" || (g.preventDefault(), g.stopPropagation(), y());
       },
       className: S("checkbox-wrapper", t),
-      ...d,
+      ...u,
       ...v
     },
     _
@@ -4613,42 +4613,42 @@ const ko = ({
   placeholder: o,
   multiSelect: c,
   multiSelectOptions: f,
-  id: l
+  id: d
 }) => {
-  const u = G(), [d, m] = te(!1), p = r || n, v = Array.isArray(p) ? [...p] : p ? [p] : [], [b, _] = te(v);
+  const l = G(), [u, m] = te(!1), p = r || n, v = Array.isArray(p) ? [...p] : p ? [p] : [], [y, _] = te(v);
   let g;
-  Array.isArray(b) && b.length === 1 && typeof b[0] == "string" ? g = e && b ? e.find((F) => F.id === b[0]) : e ? e[0] : { id: "", label: "" } : Array.isArray(b) && b.length === 1 && typeof b[0] != "string" ? g = b[0] : g = { id: "", label: "" }, ae(() => {
+  Array.isArray(y) && y.length === 1 && typeof y[0] == "string" ? g = e && y ? e.find((F) => F.id === y[0]) : e ? e[0] : { id: "", label: "" } : Array.isArray(y) && y.length === 1 && typeof y[0] != "string" ? g = y[0] : g = { id: "", label: "" }, ae(() => {
     _(v);
   }, [r, n]);
-  const { onChange: y, onMultiSelectSubmit: E, ...j } = i, w = (F) => {
+  const { onChange: b, onMultiSelectSubmit: E, ...j } = i, w = (F) => {
     if (c) {
       let q = [];
-      b != null && b.includes(F.id) ? q = b.filter((M) => M !== F.id) : q = [...b, F.id], _([...q]), y && y([...q]);
+      y != null && y.includes(F.id) ? q = y.filter((M) => M !== F.id) : q = [...y, F.id], _([...q]), b && b([...q]);
     } else
-      _([F]), y && y(F.id), m(!1);
+      _([F]), b && b(F.id), m(!1);
   }, z = (F) => {
     if (F === "all") {
       const q = (e == null ? void 0 : e.map((M) => M.id)) || [];
-      _(q), y && y(q);
+      _(q), b && b(q);
     } else
-      _([]), y && y([]);
+      _([]), b && b([]);
   };
   return /* @__PURE__ */ a.jsxs("div", { className: S("dropdown-wrapper", t), children: [
     /* @__PURE__ */ a.jsxs(
       "button",
       {
         className: "input",
-        "aria-expanded": d,
+        "aria-expanded": u,
         "aria-haspopup": "listbox",
         "aria-controls": "dropdown-list",
         onClick: (F) => {
-          F.preventDefault(), F.stopPropagation(), m(!d);
+          F.preventDefault(), F.stopPropagation(), m(!u);
         },
         "data-testid": "dropdown-selector",
         ...j,
         children: [
-          c ? `${o} · ${b.length}` : g.label,
-          /* @__PURE__ */ a.jsx(wo, { direction: d ? "up" : "down" })
+          c ? `${o} · ${y.length}` : g.label,
+          /* @__PURE__ */ a.jsx(wo, { direction: u ? "up" : "down" })
         ]
       }
     ),
@@ -4661,7 +4661,7 @@ const ko = ({
           const q = e && e.find((M) => M.id === F.target.value);
           w(q);
         },
-        hidden: !d,
+        hidden: !u,
         ...j,
         children: e == null ? void 0 : e.map((F) => /* @__PURE__ */ a.jsx("option", { value: F.id, children: F.label }, F.id))
       }
@@ -4671,11 +4671,11 @@ const ko = ({
       {
         className: "menu-options input dropdown-menu",
         role: "menu",
-        hidden: !d,
+        hidden: !u,
         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,
@@ -4684,7 +4684,7 @@ const ko = ({
                     size: "small",
                     onClick: () => z("all"),
                     className: "gtm-trackable",
-                    children: u.formatMessage({ id: "dropdown_menu_multiselect_all" })
+                    children: l.formatMessage({ id: "dropdown_menu_multiselect_all" })
                   }
                 ) }),
                 /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
@@ -4694,13 +4694,13 @@ const ko = ({
                     size: "small",
                     onClick: () => z("none"),
                     className: "gtm-trackable",
-                    children: u.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((F) => {
-              const q = F.id === g.id || (b == null ? void 0 : b.includes(F)) || (b == null ? void 0 : b.includes(F.id));
+              const q = F.id === g.id || (y == null ? void 0 : y.includes(F)) || (y == null ? void 0 : y.includes(F.id));
               return /* @__PURE__ */ a.jsx("li", { "data-testid": "dropdown-options", children: /* @__PURE__ */ a.jsxs(
                 "button",
                 {
@@ -4729,16 +4729,16 @@ const ko = ({
             {
               variant: "secondary",
               onClick: () => {
-                E && E(b), document.dispatchEvent(
+                E && E(y), document.dispatchEvent(
                   new CustomEvent("dropdownMultiSelectSubmit", {
                     detail: {
-                      id: l || "dropdown-multi-select",
-                      value: b
+                      id: d || "dropdown-multi-select",
+                      value: y
                     }
                   })
                 ), m(!1);
               },
-              children: u.formatMessage({ id: "form_submit" })
+              children: l.formatMessage({ id: "form_submit" })
             }
           ) })
         ]
@@ -4757,26 +4757,26 @@ const jo = ({
   name: o,
   options: c,
   required: f,
-  type: l = "checkboxes",
-  value: u,
-  ...d
+  type: d = "checkboxes",
+  value: l,
+  ...u
 }) => {
-  const m = G(), p = s ? u : [], v = u;
+  const m = G(), p = s ? l : [], v = l;
   return /* @__PURE__ */ a.jsx(
     "ul",
     {
-      ...d,
+      ...u,
       className: S("options-wrapper", t),
       "data-testid": `ul-${r}`,
       children: c == null ? void 0 : c.map(
         ({
-          id: b,
+          id: y,
           label: _ = !1,
-          value: g = b,
-          disabled: y = !1
+          value: g = y,
+          disabled: b = !1
         }) => {
-          const E = `${r}_${b}`, j = () => {
-            if (y)
+          const E = `${r}_${y}`, j = () => {
+            if (b)
               return;
             let w;
             if (s) {
@@ -4791,7 +4791,7 @@ const jo = ({
             {
               element: "li",
               id: E,
-              type: l === "checkboxes" ? "checkbox" : "radio",
+              type: d === "checkboxes" ? "checkbox" : "radio",
               shownValue: g,
               value: s ? p == null ? void 0 : p.includes(g) : v === g,
               functions: {
@@ -4800,9 +4800,9 @@ const jo = ({
               },
               intlPath: n,
               label: _ || m.formatMessage({
-                id: n ? `${n}_${b}` : b
+                id: n ? `${n}_${y}` : y
               }),
-              disabled: y
+              disabled: b
             },
             E
           );
@@ -4817,9 +4817,9 @@ const To = ({
   gtm: { context: n } = { context: void 0 },
   ...r
 }) => {
-  const i = G(), s = pe(), o = t || s, [c, f] = te(!1), [l, u] = te(e), d = () => {
+  const i = G(), s = pe(), o = t || s, [c, f] = te(!1), [d, l] = te(e), u = () => {
     var m;
-    f(!c), u(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(
@@ -4831,7 +4831,7 @@ const To = ({
         }),
         "data-gtm-event-context": n,
         "data-gtm-event-type": `${c ? "hide" : "show"}-password-click`,
-        onClick: d,
+        onClick: u,
         "aria-label": i.formatMessage({
           id: `showpassword_aria_${c ? "hide" : "show"}`
         }),
@@ -4840,7 +4840,7 @@ const To = ({
         })
       }
     ),
-    /* @__PURE__ */ a.jsx(mt, { inputRef: o, type: l, ...r })
+    /* @__PURE__ */ a.jsx(mt, { inputRef: o, type: d, ...r })
   ] });
 };
 const Ve = {
@@ -4863,13 +4863,13 @@ const Ve = {
   showRequiredLabels: o = !0,
   type: c,
   validation: f,
-  value: l,
-  ...u
+  value: d,
+  ...l
 }) => {
-  const d = G(), m = f && f.some(({ condition: j }) => j === "required"), p = (l == null ? void 0 : l.toString().length) || 0, v = c && Ve[c] && Ve[c].component ? Ve[c].component : mt, b = {};
-  c && ["checkboxes"].includes(c) ? b.element = "span" : b.htmlFor = t;
+  const u = G(), m = f && f.some(({ condition: j }) => j === "required"), p = (d == null ? void 0 : d.toString().length) || 0, v = c && Ve[c] && Ve[c].component ? Ve[c].component : mt, y = {};
+  c && ["checkboxes"].includes(c) ? y.element = "span" : y.htmlFor = t;
   let _ = {
-    ...u,
+    ...l,
     id: t,
     name: t,
     className: r ? "error" : "",
@@ -4877,12 +4877,12 @@ const Ve = {
     required: m,
     "aria-required": m,
     functions: ut(i),
-    value: l
+    value: d
   };
   s > 0 && (_["data-character-limit"] = s, _.functions && (_.functions.onChange = (j) => {
     ((j == null ? void 0 : j.toString().length) || 0) > s && (j = j == null ? void 0 : j.toString().slice(0, s)), i.onChange(j);
   })), c && Ve[c] && Ve[c].props && (_ = { ..._, ...Ve[c].props }), c && ["checkboxes"].includes(c) && (_.intlPath = `${e}_${t}`), r && (_["aria-invalid"] = !0, _["aria-describedby"] = `error-${t}`);
-  const g = u.label || d.formatMessage({ id: e ? `${e}_${t}` : t }), y = ({ ...j }) => r ? K.createElement(
+  const g = l.label || u.formatMessage({ id: e ? `${e}_${t}` : t }), b = ({ ...j }) => r ? K.createElement(
     j.as || "dd",
     {
       id: `error-${t}`,
@@ -4903,7 +4903,7 @@ const Ve = {
           className: S("field-wrapper", n)
         }
       ),
-      /* @__PURE__ */ a.jsx(y, { as: "p" })
+      /* @__PURE__ */ a.jsx(b, { as: "p" })
     ] });
   const E = (j) => K.createElement(j.element || "label", {
     ...j,
@@ -4911,13 +4911,13 @@ const Ve = {
     "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(E, { ...b, children: [
+    /* @__PURE__ */ a.jsx("dt", { children: /* @__PURE__ */ a.jsxs(E, { ...y, children: [
       g,
       m && o && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
         " ",
         /* @__PURE__ */ a.jsxs("small", { children: [
           "(",
-          d.formatMessage({ id: "form_fieldWrapper_required" }),
+          u.formatMessage({ id: "form_fieldWrapper_required" }),
           ")"
         ] })
       ] })
@@ -4932,7 +4932,7 @@ const Ve = {
             "approaching-limit": p >= 0.9 * s && p < 0.99 * s
           }),
           children: [
-            /* @__PURE__ */ a.jsx("span", { className: "hidden", children: d.formatMessage({ id: "form_fieldWrapper_characterLimit" }) }),
+            /* @__PURE__ */ a.jsx("span", { className: "hidden", children: u.formatMessage({ id: "form_fieldWrapper_characterLimit" }) }),
             p,
             " / ",
             s
@@ -4940,7 +4940,7 @@ const Ve = {
         }
       ) : null
     ] }),
-    /* @__PURE__ */ a.jsx(y, {})
+    /* @__PURE__ */ a.jsx(b, {})
   ] });
 }, So = (t, e) => {
   const { type: n, payload: r } = e, i = t.errors ? ut(t.errors) : {}, s = t.values ? ut(t.values) : {};
@@ -4976,34 +4976,34 @@ const Ve = {
         },
         onSuccess: f = () => {
         },
-        onFailure: l = () => {
+        onFailure: d = () => {
         },
-        intl: u
-      } = r, d = ut(Object.keys(i));
+        intl: l
+      } = r, u = ut(Object.keys(i));
       for (const m of o)
         if (m.validation)
           for (let p = 0; p < m.validation.length; p++) {
-            const { condition: v = "required", error: b = !1 } = m.validation[p];
+            const { condition: v = "required", error: y = !1 } = m.validation[p];
             let _ = !1;
             if (typeof v == "function") {
               const g = v(s);
-              g && (_ = b || g);
+              g && (_ = y || g);
             } else {
               const g = s[m.id];
               switch (v) {
                 case "required":
-                  (!g || typeof g == "string" && g.trim().length === 0) && (_ = b || (u == null ? void 0 : u.formatMessage({ id: "form_error_required" })));
+                  (!g || typeof g == "string" && g.trim().length === 0) && (_ = y || (l == null ? void 0 : l.formatMessage({ id: "form_error_required" })));
                   break;
                 case "no-numbers": {
-                  g && !/^([^0-9]*)$/.test(g) && (_ = b || (u == null ? void 0 : u.formatMessage({ id: "form_error_numbers" })));
+                  g && !/^([^0-9]*)$/.test(g) && (_ = y || (l == null ? void 0 : l.formatMessage({ id: "form_error_numbers" })));
                   break;
                 }
                 case "valid-email": {
-                  g && !/^(([^<>()[\]\\.,;:\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(g) && (_ = b || (u == null ? void 0 : u.formatMessage({ id: "form_error_email" })));
+                  g && !/^(([^<>()[\]\\.,;:\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(g) && (_ = y || (l == null ? void 0 : l.formatMessage({ id: "form_error_email" })));
                   break;
                 }
                 case "valid-url": {
-                  g && !/^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\(\)\*\+,;=.]+$/.test(g) && (_ = b || (u == null ? void 0 : u.formatMessage({ id: "form_error_url" })));
+                  g && !/^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\(\)\*\+,;=.]+$/.test(g) && (_ = y || (l == null ? void 0 : l.formatMessage({ id: "form_error_url" })));
                   break;
                 }
                 default:
@@ -5014,11 +5014,11 @@ const Ve = {
               c({
                 type: "addError",
                 payload: { key: m.id, value: _ }
-              }), d.push(m.id);
+              }), u.push(m.id);
               break;
             }
           }
-      return d.length === 0 ? f(s) : l(s, d), {
+      return u.length === 0 ? f(s) : d(s, u), {
         ...t,
         isSubmitting: !1
       };
@@ -5059,15 +5059,15 @@ const Qn = ({
   meta: {
     shouldShowCancelButton: c = !1,
     shouldReset: f = !0,
-    showRequiredLabels: l = !0,
-    showSuccessMessage: u = !1
+    showRequiredLabels: d = !0,
+    showSuccessMessage: l = !1
   } = {
     shouldShowCancelButton: !1,
     shouldReset: !0,
     showRequiredLabels: !0,
     showSuccessMessage: !1
   },
-  gtm: d = { context: "Form", event: "form-submit-click" },
+  gtm: u = { context: "Form", event: "form-submit-click" },
   functions: {
     onSuccess: m = async () => {
     },
@@ -5075,7 +5075,7 @@ const Qn = ({
     },
     onCatch: v = () => {
     },
-    onFailure: b = () => {
+    onFailure: y = () => {
     }
   } = {
     onSuccess: async () => {
@@ -5089,7 +5089,7 @@ const Qn = ({
   },
   ..._
 }) => {
-  const { customOnSubmit: g, hideButton: y, ...E } = s, j = 40, w = G(), z = {};
+  const { customOnSubmit: g, hideButton: b, ...E } = s, j = 40, w = G(), z = {};
   t.length && t.forEach((A) => {
     const W = A.id || A.name;
     W && (z[W] = A.value || "");
@@ -5172,7 +5172,7 @@ const Qn = ({
               }
             },
             onFailure: (N, Z) => {
-              b(N, Z), q({
+              y(N, Z), q({
                 type: "updateValue",
                 payload: { key: "isSubmitting", value: !1 }
               });
@@ -5182,8 +5182,8 @@ const Qn = ({
         });
       },
       disabled: O || C || s.disabled,
-      "data-gtm-event-context": d.context,
-      "data-gtm-event-type": d.event,
+      "data-gtm-event-context": u.context,
+      "data-gtm-event-type": u.event,
       children: O || C ? w.formatMessage({
         id: `form_${O ? "submitting" : "submitted"}`
       }) : s.text
@@ -5192,8 +5192,8 @@ const Qn = ({
   return c && U.unshift({
     ...o,
     className: "gtm-trackable",
-    "data-gtm-event-context": d.context,
-    "data-gtm-event-type": d.event,
+    "data-gtm-event-context": u.context,
+    "data-gtm-event-type": u.event,
     disabled: O || C,
     onClick: p,
     children: o.text || w.formatMessage({ id: "form_cancel" })
@@ -5228,7 +5228,7 @@ const Qn = ({
               {
                 intlPath: i,
                 ...A,
-                showRequiredLabels: l,
+                showRequiredLabels: d,
                 value: Z,
                 error: M == null ? void 0 : M[J],
                 functions: {
@@ -5241,7 +5241,7 @@ const Qn = ({
               J
             );
           }),
-          y ? null : (O || C) && g ? g : /* @__PURE__ */ a.jsx(
+          b ? null : (O || C) && g ? g : /* @__PURE__ */ a.jsx(
             yt,
             {
               className: S("cta", {
@@ -5254,7 +5254,7 @@ const Qn = ({
         ]
       }
     ),
-    u && C && /* @__PURE__ */ a.jsx(Bt, { className: "success", children: typeof u == "string" ? u : w.formatMessage({ id: "form_success" }) })
+    l && C && /* @__PURE__ */ a.jsx(Bt, { className: "success", children: typeof l == "string" ? l : w.formatMessage({ id: "form_success" }) })
   ] });
 };
 const Ct = "passwordRules_", $a = "isMoreThanEightCharacters", Na = "includesNumberAndSymbol", Pa = "includesLowerAndUppercase", Co = {
@@ -5307,74 +5307,74 @@ const Cl = ({
   className: s = "",
   hasLoaded: o = !1
 }) => {
-  const c = G(), [f, l] = te({
+  const c = G(), [f, d] = te({
     setUp: !1,
     id: null,
     rating: null,
     disabled: !0
-  }), u = async () => {
+  }), l = async () => {
     try {
       const g = await n();
-      l((y) => ({
-        ...y,
+      d((b) => ({
+        ...b,
         setUp: !0,
         id: g && g.id,
         disabled: !1
       }));
     } catch (g) {
-      l((y) => ({ ...y, setUp: !0, disabled: !0 })), i(g);
+      d((b) => ({ ...b, setUp: !0, disabled: !0 })), i(g);
     }
   };
   if (ae(() => {
-    o && !f.setUp && u();
+    o && !f.setUp && l();
   }, [o]), !o)
     return /* @__PURE__ */ a.jsx(Te, { className: "rating-placeholder" });
-  const { id: d, rating: m, disabled: p } = f, v = "ratings_", b = {
+  const { id: u, rating: m, disabled: p } = f, v = "ratings_", y = {
     text: c.formatMessage({ id: `${v}text` }),
     low: c.formatMessage({ id: `${v}low` }),
     high: c.formatMessage({ id: `${v}high` }),
     success: c.formatMessage({ id: `${v}success` }),
     ...t
   }, _ = async (g) => {
-    if (!(!d || p))
+    if (!(!u || p))
       try {
-        l((y) => ({ ...y, rating: g, disabled: !0 })), await r({ id: d, value: g });
-      } catch (y) {
-        l((E) => ({ ...E, rating: null })), i(y);
+        d((b) => ({ ...b, rating: g, disabled: !0 })), await r({ id: u, value: g });
+      } catch (b) {
+        d((E) => ({ ...E, rating: null })), i(b);
       } finally {
-        l((y) => ({ ...y, disabled: !1 }));
+        d((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((g) => {
-      const y = g + 1;
+      const b = g + 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: `${v}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: (E) => {
-                E.preventDefault(), E.stopPropagation(), _(y);
+                E.preventDefault(), E.stopPropagation(), _(b);
               },
               disabled: p
             }
           )
         },
-        `rating-${y}`
+        `rating-${b}`
       );
     }) })
   ] });
@@ -5395,15 +5395,15 @@ const $l = ({
   ae(() => {
     r && f(r);
   }, [r]);
-  const l = (u) => {
-    s || (f(u), i(u));
+  const d = (l) => {
+    s || (f(l), i(l));
   };
   return /* @__PURE__ */ a.jsxs(
     "div",
     {
       className: S("toggle", o),
-      onClick: (u) => {
-        u.preventDefault(), u.stopPropagation(), l(c === n[0].value ? n[1].value : n[0].value);
+      onClick: (l) => {
+        l.preventDefault(), l.stopPropagation(), d(c === n[0].value ? n[1].value : n[0].value);
       },
       children: [
         /* @__PURE__ */ a.jsx("p", { children: e }),
@@ -5414,23 +5414,23 @@ const $l = ({
               disabled: s,
               on: c === n[1].value
             }),
-            children: n.map((u) => {
-              const d = `${t}-${u.value}`;
+            children: n.map((l) => {
+              const u = `${t}-${l.value}`;
               return /* @__PURE__ */ a.jsxs("li", { className: "hidden", children: [
                 /* @__PURE__ */ a.jsx(
                   "input",
                   {
                     type: "radio",
-                    id: d,
+                    id: u,
                     name: t,
-                    value: u.value,
-                    checked: c === u.value,
-                    onChange: () => l(u.value),
+                    value: l.value,
+                    checked: c === l.value,
+                    onChange: () => d(l.value),
                     disabled: s
                   }
                 ),
-                /* @__PURE__ */ a.jsx("label", { htmlFor: d, children: u.label })
-              ] }, d);
+                /* @__PURE__ */ a.jsx("label", { htmlFor: u, children: l.label })
+              ] }, u);
             })
           }
         )
@@ -5439,22 +5439,22 @@ const $l = ({
   );
 };
 function Nl({ className: t = "", userId: e, userName: n, src: r, setUserImage: i, uploadImage: s }) {
-  const [o, c] = te(!1), [f, l] = te(!1), u = pe(null), d = async (m) => {
-    c(!0), l(!1);
+  const [o, c] = te(!1), [f, d] = te(!1), l = pe(null), u = async (m) => {
+    c(!0), d(!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 v = await s({ fileObject: p, userId: e });
-      i((b) => ({
-        ...b,
+      i((y) => ({
+        ...y,
         image: {
           thumbnail: v.thumbnailURL,
           full: v.originalURL
         }
       }));
     } catch {
-      l(!0);
+      d(!0);
     } finally {
       c(!1);
     }
@@ -5469,8 +5469,8 @@ function Nl({ className: t = "", userId: e, userName: n, src: r, setUserImage: i
         id: "file",
         type: "file",
         accept: "image/*",
-        ref: u,
-        onChange: d,
+        ref: l,
+        onChange: u,
         hidden: !0,
         "data-testid": "file-input"
       }
@@ -5478,7 +5478,7 @@ function Nl({ className: t = "", userId: e, userName: n, src: r, setUserImage: i
     /* @__PURE__ */ a.jsx(
       ie,
       {
-        onClick: () => u.current && u.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`,
@@ -5547,29 +5547,29 @@ const Po = ({
   onClose: o,
   reportError: c,
   sendInvites: f,
-  initialFormStatus: l = "NOT_SUBMITTED"
+  initialFormStatus: d = "NOT_SUBMITTED"
   /* NOT_SUBMITTED */
 }) => {
-  const [u, d] = te([]), [m, p] = te(!0), [v, b] = te(l), { formatMessage: _ } = G(), g = async (j) => {
+  const [l, u] = te([]), [m, p] = te(!0), [v, y] = te(d), { formatMessage: _ } = G(), g = async (j) => {
     j.preventDefault();
     try {
-      await f(u), d([]), b(
+      await f(l), u([]), y(
         "SUCCESS"
         /* SUCCESS */
       );
     } catch (w) {
-      b(
+      y(
         "ERROR"
         /* ERROR */
       ), c(w);
     }
-  }, y = (j) => {
-    j.preventDefault(), b(
+  }, b = (j) => {
+    j.preventDefault(), y(
       "NOT_SUBMITTED"
       /* NOT_SUBMITTED */
-    ), p(!0), d([]);
+    ), p(!0), u([]);
   }, E = (j) => {
-    j.preventDefault(), o(), b(
+    j.preventDefault(), o(), y(
       "CLOSED"
       /* CLOSED */
     );
@@ -5581,9 +5581,9 @@ const Po = ({
     ] }) }),
     /* @__PURE__ */ a.jsx(Re, {}),
     /* @__PURE__ */ a.jsx("div", { className: "footer", children: v === "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: E, 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",
     {
@@ -5600,9 +5600,9 @@ const Po = ({
               id: "email-input",
               inputClassName: "email-input input",
               placeholder: _({ id: "inviteForm_email_placeholder" }),
-              emails: u,
+              emails: l,
               onChange: (j) => {
-                d(j), p(!j.length);
+                u(j), p(!j.length);
               },
               autoFocus: !1,
               getLabel: (j, w, z) => /* @__PURE__ */ a.jsxs("div", { className: "email text-medium", children: [
@@ -5614,7 +5614,7 @@ const Po = ({
                     size: "small",
                     icon: { icon: "close" },
                     onClick: () => {
-                      z(w), p(!u.length);
+                      z(w), p(!l.length);
                     },
                     className: "remove-email-button",
                     screenreaderText: _({ id: "overlay_close" })
@@ -5638,17 +5638,17 @@ const Mo = ({
   gtmContext: i = "search-bar",
   gtmEvent: s = "form-submission"
 }) => {
-  const { searchIsOpen: o = !0, isDesktopVersion: c = !1 } = n || {}, f = G(), l = pe(null);
+  const { searchIsOpen: o = !0, isDesktopVersion: c = !1 } = n || {}, f = G(), d = pe(null);
   gt(() => {
-    !n || c || !o || l.current && l.current.focus();
+    !n || c || !o || d.current && d.current.focus();
   }, [o]);
-  const u = (d) => {
-    d.preventDefault(), d.stopPropagation(), !(!l.current || !l.current.value || l.current.value.length < 1) && (window.location.href = `/search?search=${encodeURIComponent(l.current.value)}`);
+  const l = (u) => {
+    u.preventDefault(), u.stopPropagation(), !(!d.current || !d.current.value || d.current.value.length < 1) && (window.location.href = `/search?search=${encodeURIComponent(d.current.value)}`);
   };
   return /* @__PURE__ */ a.jsx(
     "form",
     {
-      onSubmit: u,
+      onSubmit: l,
       className: S("search-form gtm-trackable", e),
       "data-gtm-event-context": i,
       "data-gtm-event-type": s,
@@ -5670,14 +5670,14 @@ const Mo = ({
             /* @__PURE__ */ a.jsx(
               "input",
               {
-                ref: l,
+                ref: d,
                 type: "search",
                 id: t,
                 name: t,
                 defaultValue: r,
                 placeholder: f.formatMessage({ id: "search_placeholder" }),
-                onKeyDown: (d) => {
-                  d.key === "Enter" && u(d);
+                onKeyDown: (u) => {
+                  u.key === "Enter" && l(u);
                 }
               }
             ),
@@ -5685,13 +5685,13 @@ const Mo = ({
               "button",
               {
                 className: "clear",
-                onClick: (d) => {
-                  d.preventDefault(), d.stopPropagation(), l.current && l.current.value && (l.current.value = "");
+                onClick: (u) => {
+                  u.preventDefault(), u.stopPropagation(), d.current && d.current.value && (d.current.value = "");
                 },
                 children: /* @__PURE__ */ a.jsx(be, { children: f.formatMessage({ id: "search_clear" }) })
               }
             ),
-            /* @__PURE__ */ a.jsx("button", { className: "search", onClick: u, 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" }) }) })
           ] })
         }
       )
@@ -5728,15 +5728,15 @@ const Mo = ({
       { type: "validFields.email", value: !1 }
     ]);
   }
-  const { valid: c = !1, autoApproved: f = !1, exists: l } = o;
-  let u = "";
-  return c ? u = f ? "gov" : "nonGov" : l.registration ? l.engagement && !l.user ? u = l.auth ? "verify" : "pending" : u = "exists" : l.auth && (u = "exists"), n([
+  const { valid: c = !1, autoApproved: f = !1, exists: d } = o;
+  let l = "";
+  return c ? l = f ? "gov" : "nonGov" : d.registration ? d.engagement && !d.user ? l = d.auth ? "verify" : "pending" : l = "exists" : d.auth && (l = "exists"), n([
     { type: "shouldManuallyApprove", value: !f },
     {
       type: "emailDetails",
       value: {
         email: i,
-        boxType: u,
+        boxType: l,
         isEnd2End: /testing\+[0-9]+@apolitical.co$/.test(i)
       }
     },
@@ -5784,16 +5784,16 @@ const Mo = ({
   intl: c
   // We need to pass `intl` in as it's being used in a hook
 }) => {
-  const { emailDetails: f } = i, l = (d, m) => {
-    d.current && i.validFields[m] !== d.current.validity.valid && s([{ type: `validFields.${m}`, value: d.current.validity.valid }]);
-  }, u = [
+  const { emailDetails: f } = i, d = (u, m) => {
+    u.current && i.validFields[m] !== u.current.validity.valid && s([{ type: `validFields.${m}`, value: u.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: () => d(r.name, "name"),
         onFocus: () => s([{ type: "loadRecaptcha", value: !0 }])
       },
       autoComplete: "name",
@@ -5811,7 +5811,7 @@ const Mo = ({
         onBlur: () => {
           Ar({ ref: r.email, validateEmail: e, dispatch: s });
         },
-        onChange: (d, m) => {
+        onChange: (u, m) => {
           m && m({
             type: "updateValue",
             payload: { key: "terms", value: !1 }
@@ -5832,14 +5832,14 @@ const Mo = ({
       }
     }
   ];
-  return i.shouldManuallyApprove && (u.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: () => d(r.jobTitle, "jobTitle")
       },
       validation: [{ condition: "required" }],
       "data-testid": "signup-job-input"
@@ -5853,37 +5853,37 @@ const Mo = ({
       }),
       functions: {
         onChange: () => {
-          l(r.organisation, "organisation");
+          d(r.organisation, "organisation");
         }
       },
       validation: [{ condition: "required" }],
       "data-testid": "signup-org-input"
     }
-  ), t.url && u.push({
+  ), t.url && l.push({
     id: "url",
     type: "text",
     label: c.formatMessage(
       { id: "signup_url" },
       {
-        small: (d) => /* @__PURE__ */ a.jsx("small", { children: d })
+        small: (u) => /* @__PURE__ */ a.jsx("small", { children: u })
       }
     ),
     placeholder: c.formatMessage({ id: "signup_url_placeholder" }),
     validation: [{ condition: "valid-url" }],
     "data-testid": "signup-url-input"
-  })), t.expectation && u.push({
+  })), t.expectation && l.push({
     id: "expectation",
     className: "expectation",
     type: "text",
     label: c.formatMessage(
       { id: "signup_expectation" },
       {
-        small: (d) => /* @__PURE__ */ a.jsx("small", { className: "notes text-small", children: d })
+        small: (u) => /* @__PURE__ */ a.jsx("small", { className: "notes text-small", children: u })
       }
     ),
     placeholder: c.formatMessage({ id: "signup_expectation_placeholder" }),
     "data-testid": "signup-events-question"
-  }), u.push({
+  }), l.push({
     id: "terms",
     className: "text-small",
     type: "checkbox",
@@ -5891,32 +5891,32 @@ const Mo = ({
     label: c.formatMessage(
       { id: "signup_terms" },
       {
-        terms: (d) => /* @__PURE__ */ a.jsx(
+        terms: (u) => /* @__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: d
+            children: u
           }
         ),
-        privacy: (d) => /* @__PURE__ */ a.jsx(
+        privacy: (u) => /* @__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: d
+            children: u
           }
         )
       }
     ),
     shownValue: "accepted",
     functions: {
-      onChange: (d) => {
-        if (!d)
+      onChange: (u) => {
+        if (!u)
           return;
         const m = [];
         ["name", "email"].forEach((p) => {
@@ -5929,7 +5929,7 @@ const Mo = ({
     },
     validation: [{ condition: "required" }],
     "data-testid": "signup-terms-checkbox"
-  }), u;
+  }), l;
 };
 const Do = ({ className: t = "" }) => /* @__PURE__ */ a.jsxs(
   "div",
@@ -5984,12 +5984,12 @@ const Ao = {
   ...s
 }) => {
   const o = G(), [c, f] = zn(ra, Ao), {
-    validFields: l,
-    emailDetails: u,
-    shouldManuallyApprove: d,
+    validFields: d,
+    emailDetails: l,
+    shouldManuallyApprove: u,
     showSuccessMessage: m,
     showError: p
-  } = c, [v, b] = Qr([
+  } = c, [v, y] = Qr([
     "signup-this-session",
     "functional-cookie-consent"
   ]), _ = {
@@ -6002,8 +6002,8 @@ const Ao = {
     hiddenValidation: K.createRef()
   };
   ae(() => {
-    d === !0 && _.jobTitle.current && _.jobTitle.current.focus();
-  }, [d]), ae(() => {
+    u === !0 && _.jobTitle.current && _.jobTitle.current.focus();
+  }, [u]), ae(() => {
     (s.showSuccessMessage || v["signup-this-session"]) && f([{ type: "showSuccessMessage", value: !0 }]);
   }, [v]), ae(() => {
     if (m && v["functional-cookie-consent"]) {
@@ -6011,7 +6011,7 @@ const Ao = {
         path: "/",
         maxAge: 3600
       };
-      s.showSuccessMessage || b("signup-this-session", "true", E);
+      s.showSuccessMessage || y("signup-this-session", "true", E);
     }
   }, [m]);
   const g = vt(() => Oo({
@@ -6022,7 +6022,7 @@ const Ao = {
     dispatch: f,
     dataToSubmit: i,
     intl: o
-  }), [i, e, o, _, n, c]), y = d ? !Object.values(l).every((E) => E === !0) : !l.name || !l.email || ["exists", "pending", "verify"].includes(u.boxType);
+  }), [i, e, o, _, n, c]), b = u ? !Object.values(d).every((E) => E === !0) : !d.name || !d.email || ["exists", "pending", "verify"].includes(l.boxType);
   return n.successMessage && m ? /* @__PURE__ */ a.jsx(Do, { className: t }) : /* @__PURE__ */ a.jsxs(
     "fieldset",
     {
@@ -6049,7 +6049,7 @@ const Ao = {
               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"
             },
@@ -6110,7 +6110,7 @@ const Ml = ({
   onClose: c,
   reportError: f = () => {
   },
-  sendInvites: l
+  sendInvites: d
 }) => /* @__PURE__ */ a.jsx(
   Xt,
   {
@@ -6127,7 +6127,7 @@ const Ml = ({
         label: i,
         ctaMessage: s,
         onClose: c,
-        sendInvites: l,
+        sendInvites: d,
         reportError: f
       }
     )
@@ -6180,11 +6180,11 @@ const Rl = ({ members: t }) => {
     isOngoingEvent: o,
     pill: c,
     readingTime: f,
-    publishedDate: l,
-    startDate: u
+    publishedDate: d,
+    startDate: l
   } = e;
   if (t === "question") {
-    const d = i && Dn(i);
+    const u = 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: [
@@ -6194,17 +6194,17 @@ const Rl = ({ members: t }) => {
         n.formatMessage(
           { id: "card_time_ago" },
           {
-            time: d ? n.formatMessage(
-              { id: `dates_${d.path}` },
-              { number: d.number }
+            time: u ? n.formatMessage(
+              { id: `dates_${u.path}` },
+              { number: u.number }
             ) : 0
           }
         )
       ] })
     ] });
   }
-  if (u && !s || o)
-    return /* @__PURE__ */ a.jsx("p", { className: "details", children: o ? n.formatMessage({ id: "card_bootcamp" }) : sa(u) });
+  if (l && !s || o)
+    return /* @__PURE__ */ a.jsx("p", { className: "details", children: o ? n.formatMessage({ id: "card_bootcamp" }) : sa(l) });
   if (c)
     return /* @__PURE__ */ a.jsx(
       Lt,
@@ -6215,16 +6215,16 @@ const Rl = ({ members: t }) => {
         children: c
       }
     );
-  if (f || l) {
-    const d = l && Dn(l);
+  if (f || d) {
+    const u = d && Dn(d);
     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(
+      d && /* @__PURE__ */ a.jsx("li", { "data-testid": "published-date", children: n.formatMessage(
         { id: "card_time_ago" },
         {
-          time: d ? n.formatMessage(
-            { id: `dates_${d.path}` },
-            { number: d.number }
+          time: u ? n.formatMessage(
+            { id: `dates_${u.path}` },
+            { number: u.number }
           ) : 0
         }
       ) })
@@ -6295,11 +6295,11 @@ const Rl = ({ members: t }) => {
     registered: t.registered || !1
   });
   ae(() => {
-    t.registered && o((b) => ({ ...b, registered: !0 }));
+    t.registered && o((y) => ({ ...y, registered: !0 }));
   }, [t.registered]);
-  const { startDate: c, dateHasPassed: f, pill: l, slug: u } = t, d = t.contentType;
+  const { startDate: c, dateHasPassed: f, pill: d, slug: l } = t, u = t.contentType;
   let m = "";
-  if ((v = Ht[d]) != null && v.gtmEvent && (m = Ht[d].gtmEvent), c && f)
+  if ((v = Ht[u]) != null && v.gtmEvent && (m = Ht[u].gtmEvent), c && f)
     return /* @__PURE__ */ a.jsx(
       "a",
       {
@@ -6310,7 +6310,7 @@ const Rl = ({ members: t }) => {
         children: i.formatMessage({ id: "card_watch" })
       }
     );
-  if (d === "people")
+  if (u === "people")
     return /* @__PURE__ */ a.jsx(
       ie,
       {
@@ -6324,13 +6324,13 @@ const Rl = ({ members: t }) => {
       }
     );
   const p = ["microcourse", "event"];
-  if (e && e.onClick && p.includes(d) && l !== "premium") {
-    const b = s.loading || s.registered, _ = async (g) => {
-      if (g.preventDefault(), g.stopPropagation(), !(b || !e || !e.onClick)) {
-        o((y) => ({ ...y, loading: !0 }));
+  if (e && e.onClick && p.includes(u) && d !== "premium") {
+    const y = s.loading || s.registered, _ = async (g) => {
+      if (g.preventDefault(), g.stopPropagation(), !(y || !e || !e.onClick)) {
+        o((b) => ({ ...b, loading: !0 }));
         try {
-          const y = await e.onClick(t);
-          o(y === "success" ? () => ({ registered: !0, loading: !1 }) : (E) => ({ ...E, loading: !1 }));
+          const b = await e.onClick(t);
+          o(b === "success" ? () => ({ registered: !0, loading: !1 }) : (E) => ({ ...E, loading: !1 }));
         } catch {
           o((E) => ({ ...E, loading: !1 }));
         }
@@ -6343,12 +6343,12 @@ const Rl = ({ members: t }) => {
         className: "gtm-trackable",
         size: "small",
         styling: { fullWidth: !0 },
-        disabled: b,
-        "data-gtm-event-context": `${r}Page-${d}: ${u}`,
-        "data-gtm-event-type": `${r}-${d}-register-click`,
+        disabled: y,
+        "data-gtm-event-context": `${r}Page-${u}: ${l}`,
+        "data-gtm-event-type": `${r}-${u}-register-click`,
         "data-testid": "in-card-button",
         children: i.formatMessage({
-          id: `card_cta_${d}${b ? `_${s.loading ? "loading" : "done"}` : ""}`
+          id: `card_cta_${u}${y ? `_${s.loading ? "loading" : "done"}` : ""}`
         })
       }
     );
@@ -6377,17 +6377,17 @@ const qo = {
   gtmContext: i = "Carousel",
   className: s = ""
 }) => {
-  const o = G(), c = Ce(Oe), f = c && typeof c.id == "string", [l, u] = te({
+  const o = G(), c = Ce(Oe), f = c && typeof c.id == "string", [d, l] = te({
     data: null,
     isLoading: !0
-  }), { data: d, isLoading: m } = l, p = Kr(() => {
+  }), { data: u, isLoading: m } = d, p = Kr(() => {
     n(e, f).then((q) => {
-      u(() => ({ data: q, isLoading: !1 }));
-    }).catch(() => u((q) => ({ ...q, isLoading: !1 })));
+      l(() => ({ data: q, isLoading: !1 }));
+    }).catch(() => l((q) => ({ ...q, isLoading: !1 })));
   }, [t]);
   if (ae(() => {
     p();
-  }, []), m || !d)
+  }, []), m || !u)
     return /* @__PURE__ */ a.jsx(
       Te,
       {
@@ -6396,32 +6396,32 @@ const qo = {
         "data-testid": "card-placeholder"
       }
     );
-  const { contentType: v } = d;
+  const { contentType: v } = u;
   if (!v || !Ht[v])
     return /* @__PURE__ */ a.jsx(Te, { element: "li", className: "card-wrapper" });
   const {
-    basePath: b = "",
+    basePath: y = "",
     className: _,
     length: g,
-    gtmEvent: y
-  } = Ht[v], E = oa(`card_label_${v}`) ? o.formatMessage({ id: `card_label_${v}` }) : !1, j = d.slug ? `${b}${d.slug}` : !1, w = { ...qo, ...g };
+    gtmEvent: b
+  } = Ht[v], E = oa(`card_label_${v}`) ? o.formatMessage({ id: `card_label_${v}` }) : !1, j = u.slug ? `${y}${u.slug}` : !1, w = { ...qo, ...g };
   let z = { className: "card" };
   j && (z = {
     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"
-  }, d.openInNewTab && (z.target = "_blank"));
-  const F = d.customIcon ? { "--custom-icon": Bo(d.customIcon) } : {};
+  }, u.openInNewTab && (z.target = "_blank"));
+  const F = u.customIcon ? { "--custom-icon": Bo(u.customIcon) } : {};
   return /* @__PURE__ */ a.jsx(
     "li",
     {
       className: S("card-wrapper text-medium", _, s, {
         "has-link": j,
         "no-link": !j,
-        "has-custom-icon": d.customIcon,
-        "has-image": d.banner
+        "has-custom-icon": u.customIcon,
+        "has-image": u.banner
       }),
       style: F,
       "data-testid": `${v}-card`,
@@ -6429,31 +6429,31 @@ const qo = {
         j ? "a" : "div",
         z,
         /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-          (d.customLabel || E) && /* @__PURE__ */ a.jsx("small", { className: S("card-label text-small", _), children: d.customLabel || E }),
-          d.startDate && !d.isOngoingEvent && /* @__PURE__ */ a.jsx(
+          (u.customLabel || E) && /* @__PURE__ */ a.jsx("small", { className: S("card-label text-small", _), children: u.customLabel || E }),
+          u.startDate && !u.isOngoingEvent && /* @__PURE__ */ a.jsx(
             Lt,
             {
               size: "small",
-              variant: d.dateHasPassed ? "default" : "information",
+              variant: u.dateHasPassed ? "default" : "information",
               "data-testid": "date",
-              children: d.dateHasPassed ? o.formatMessage({ id: "card_ended" }) : Oi(d.startDate)
+              children: u.dateHasPassed ? o.formatMessage({ id: "card_ended" }) : Oi(u.startDate)
             }
           ),
-          d.banner ? /* @__PURE__ */ a.jsxs("p", { className: "img", children: [
-            d.registered && /* @__PURE__ */ a.jsx(Lt, { size: "small", variant: "registered", children: o.formatMessage({ id: "card_registered" }) }),
-            /* @__PURE__ */ a.jsx(_t, { image: d.banner })
+          u.banner ? /* @__PURE__ */ a.jsxs("p", { className: "img", children: [
+            u.registered && /* @__PURE__ */ a.jsx(Lt, { size: "small", variant: "registered", children: o.formatMessage({ id: "card_registered" }) }),
+            /* @__PURE__ */ a.jsx(_t, { image: u.banner })
           ] }) : _ === "people" ? /* @__PURE__ */ a.jsx(
             ze,
             {
-              name: d.title || "",
-              src: d.profile,
+              name: u.title || "",
+              src: u.profile,
               "data-testid": "people-profile-picture"
             }
           ) : null,
-          d.contributors && /* @__PURE__ */ a.jsx(
+          u.contributors && /* @__PURE__ */ a.jsx(
             ha,
             {
-              contributors: { data: d.contributors },
+              contributors: { data: u.contributors },
               styling: {
                 size: "small",
                 showGap: _ !== "question",
@@ -6462,17 +6462,17 @@ const qo = {
               "data-testid": "contributors"
             }
           ),
-          d.partner && /* @__PURE__ */ a.jsx("p", { className: "partners", "data-testid": "partners", children: Ke(d.partner.title, w.partner) }),
+          u.partner && /* @__PURE__ */ a.jsx("p", { className: "partners", "data-testid": "partners", children: Ke(u.partner.title, w.partner) }),
           /* Text */
           ["title", "text", "secondaryText"].map((q) => {
-            const M = d[q];
+            const M = u[q];
             if (!M)
               return null;
             const O = Ri(q);
             return /* @__PURE__ */ a.jsx("p", { className: O, "data-testid": O, children: Ke(M, w[q]) }, q);
           }),
-          /* @__PURE__ */ a.jsx(Io, { type: _ || "", data: d }),
-          /* @__PURE__ */ a.jsx(Lo, { data: d, cta: r, link: j || "", gtmContext: i })
+          /* @__PURE__ */ a.jsx(Io, { type: _ || "", data: u }),
+          /* @__PURE__ */ a.jsx(Lo, { data: u, cta: r, link: j || "", gtmContext: i })
         ] })
       )
     }
@@ -6531,16 +6531,16 @@ const Wo = ({
   className: s,
   gtmContext: o
 }) => {
-  const c = G(), [f, l] = te({
+  const c = G(), [f, d] = te({
     cardsPerPage: 4,
     isLoading: !0
-  }), { cardsPerPage: u, isLoading: d } = f, [m, p] = te({
+  }), { cardsPerPage: l, isLoading: u } = f, [m, p] = te({
     currentPage: 0,
     loadedPages: [0]
-  }), { currentPage: v, loadedPages: b } = m, _ = e.length, g = Math.ceil(_ / u), y = pe(null), E = bt(!0, !0, y == null ? void 0 : y.current);
+  }), { currentPage: v, loadedPages: y } = m, _ = e.length, g = Math.ceil(_ / l), b = pe(null), E = bt(!0, !0, b == null ? void 0 : b.current);
   ae(() => {
     let M = 1;
-    E && (E >= yn.fourCards ? M = 4 : E >= yn.threeCards ? M = 3 : E >= yn.twoCards && (M = 2), M > _ && (M = _)), l((O) => ({
+    E && (E >= yn.fourCards ? M = 4 : E >= yn.threeCards ? M = 3 : E >= yn.twoCards && (M = 2), M > _ && (M = _)), d((O) => ({
       ...O,
       cardsPerPage: M,
       isLoading: !1
@@ -6563,7 +6563,7 @@ const Wo = ({
     p((C) => ({
       ...C,
       currentPage: O,
-      loadedPages: [.../* @__PURE__ */ new Set([...b, O])]
+      loadedPages: [.../* @__PURE__ */ new Set([...y, O])]
     }));
   }, w = (M) => {
     $t = M.touches[0].clientX;
@@ -6575,10 +6575,10 @@ const Wo = ({
   }, F = {
     "--width": `${E || 0}px`,
     "--total-cards": _,
-    "--cards-per-page": u,
+    "--cards-per-page": l,
     "--page": v
   };
-  if (d)
+  if (u)
     return /* @__PURE__ */ a.jsx(fa, { layout: `carousel${i ? "-with-title" : ""}` });
   const q = (M, O) => {
     var T;
@@ -6588,7 +6588,7 @@ const Wo = ({
   return /* @__PURE__ */ a.jsxs(
     "section",
     {
-      ref: y,
+      ref: b,
       className: S("carousel-wrapper", s),
       "data-testid": "carousel",
       children: [
@@ -6603,7 +6603,7 @@ const Wo = ({
             "data-testid": "carousel-list",
             children: e.map((M, O) => {
               let C = q(M, O);
-              return C && zo(O, u, v, b) ? /* @__PURE__ */ a.jsx(
+              return C && zo(O, l, v, y) ? /* @__PURE__ */ a.jsx(
                 Ma,
                 {
                   id: C,
@@ -6679,8 +6679,8 @@ const Wo = ({
   className: r = "",
   ...i
 }) => !t || !t.length ? null : t.map(
-  ({ title: s, viewAllUrl: o, cards: c, cardsTypes: f }, l) => {
-    const u = s ? window.btoa(s) : `carousel-${l}`, d = l === t.length - 1;
+  ({ title: s, viewAllUrl: o, cards: c, cardsTypes: f }, d) => {
+    const l = s ? window.btoa(s) : `carousel-${d}`, u = d === t.length - 1;
     return e ? /* @__PURE__ */ a.jsxs(ht, { children: [
       /* @__PURE__ */ a.jsx(
         fa,
@@ -6689,8 +6689,8 @@ const Wo = ({
           "data-testid": "carousel-placeholder"
         }
       ),
-      d ? null : /* @__PURE__ */ a.jsx(Re, {})
-    ] }, `placeholder-${u}`) : /* @__PURE__ */ a.jsxs(ht, { children: [
+      u ? null : /* @__PURE__ */ a.jsx(Re, {})
+    ] }, `placeholder-${l}`) : /* @__PURE__ */ a.jsxs(ht, { children: [
       /* @__PURE__ */ a.jsx(
         Wo,
         {
@@ -6700,8 +6700,8 @@ const Wo = ({
           ...i
         }
       ),
-      d ? null : /* @__PURE__ */ a.jsx(Re, {})
-    ] }, `carousel-${u}`);
+      u ? null : /* @__PURE__ */ a.jsx(Re, {})
+    ] }, `carousel-${l}`);
   }
 );
 const _n = "joinCommunityButton", Ra = ({
@@ -6711,28 +6711,28 @@ const _n = "joinCommunityButton", Ra = ({
   }, leave: () => {
   } }
 }) => {
-  const i = G(), s = Ce(Oe), o = s && typeof s.id == "string", [c, f] = te(t), [l, u] = te(t ? "joined" : "notJoined");
+  const i = G(), s = Ce(Oe), o = s && typeof s.id == "string", [c, f] = te(t), [d, l] = te(t ? "joined" : "notJoined");
   ae(() => {
-    l === "joining" ? u("joined") : l === "leaving" && u("notJoined");
+    d === "joining" ? l("joined") : d === "leaving" && l("notJoined");
   }, [c]);
-  const d = {}, m = {};
-  return c && l !== "leaving" && (d["data-hover-text"] = i.formatMessage({ id: `${_n}_leave` }), d["aria-label"] = i.formatMessage({ id: `${_n}_member_aria` }), m["aria-hidden"] = "true"), /* @__PURE__ */ a.jsx(
+  const u = {}, m = {};
+  return c && d !== "leaving" && (u["data-hover-text"] = i.formatMessage({ id: `${_n}_leave` }), u["aria-label"] = i.formatMessage({ id: `${_n}_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 && d !== "leaving" ? { icon: "tick", position: "left" } : !1,
       onClick: async (p) => {
-        o && (p.currentTarget.blur(), c ? (u("leaving"), typeof r == "function" && await r()) : (u("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", d, {
+        active: d === "joining"
       }),
       disabled: !o,
-      ...d,
+      ...u,
       children: /* @__PURE__ */ a.jsx("span", { className: "text", ...m, children: i.formatMessage({
-        id: `${_n}${["joining", "leaving"].includes(l) ? `_${l}` : c ? "_member" : e ? "_short" : ""}`
+        id: `${_n}${["joining", "leaving"].includes(d) ? `_${d}` : c ? "_member" : e ? "_short" : ""}`
       }) })
     }
   );
@@ -6744,28 +6744,28 @@ const xn = "communityDetails_", Ol = ({
   members: { number: r = 0, data: i = [] } = { number: 0, data: [] },
   functions: { invite: s, ...o }
 }) => {
-  const c = G(), f = 5, l = r || i.length, u = i.length ? i : Array(f).fill({}), d = `/communities/${n}/members` === window.location.pathname;
+  const c = G(), f = 5, d = r || i.length, l = i.length ? i : Array(f).fill({}), u = `/communities/${n}/members` === window.location.pathname;
   return /* @__PURE__ */ a.jsxs("div", { className: S("community-details", t), children: [
     /* @__PURE__ */ a.jsx(Re, {}),
     /* @__PURE__ */ a.jsxs("div", { className: "member-details", children: [
       /* @__PURE__ */ a.jsxs("div", { className: "top", children: [
         /* @__PURE__ */ a.jsxs("h4", { children: [
           c.formatMessage({ id: `${xn}members` }),
-          /* @__PURE__ */ a.jsx("span", { className: "count", children: l })
+          /* @__PURE__ */ a.jsx("span", { className: "count", children: d })
         ] }),
-        !d && /* @__PURE__ */ a.jsx("p", { className: "text-small", children: /* @__PURE__ */ a.jsx("a", { href: `/communities/${n}/members`, children: c.formatMessage({ id: `${xn}viewAll` }) }) })
+        !u && /* @__PURE__ */ a.jsx("p", { className: "text-small", children: /* @__PURE__ */ a.jsx("a", { href: `/communities/${n}/members`, children: c.formatMessage({ id: `${xn}viewAll` }) }) })
       ] }),
       /* @__PURE__ */ a.jsx(
         ha,
         {
           contributors: {
             total: r,
-            data: u
+            data: l
           },
           styling: {
             size: "medium",
             showGap: !0,
-            showPlaceholders: l === 0
+            showPlaceholders: d === 0
           },
           cutoff: f
         }
@@ -6822,27 +6822,27 @@ const Al = ({
       text: typeof e != "boolean" && e.text || s.formatMessage({ id: "filters_all" })
     },
     ...t
-  ] : t, [c, f] = te(e ? ["all"] : []), l = (u, d) => {
+  ] : t, [c, f] = te(e ? ["all"] : []), d = (l, u) => {
     let m = [];
-    c.includes(u) ? m = c.filter((p) => p !== u) : u === "all" ? m = ["all"] : n ? m = [...c.filter((p) => p !== "all"), u] : m = [u], f((p) => (r && typeof r == "function" && r({ current: m, previous: p }), m)), d && typeof d == "function" && d();
+    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)), u && typeof u == "function" && u();
   };
-  return /* @__PURE__ */ a.jsx("ul", { className: S("filters", i), children: o.map(({ id: u, text: d, disabled: m = !1, callback: p = () => {
+  return /* @__PURE__ */ a.jsx("ul", { className: S("filters", i), children: o.map(({ id: l, text: u, disabled: m = !1, callback: p = () => {
   } }) => {
     let v = {};
     return m && (v = {
       disabled: !0,
-      "aria-label": s.formatMessage({ id: "filters_disabled" }, { name: d })
+      "aria-label": s.formatMessage({ id: "filters_disabled" }, { name: u })
     }), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
       "button",
       {
-        className: S(u, { selected: c.includes(u) }),
-        onClick: (b) => {
-          b.preventDefault(), b.stopPropagation(), l(u, p);
+        className: S(l, { selected: c.includes(l) }),
+        onClick: (y) => {
+          y.preventDefault(), y.stopPropagation(), d(l, p);
         },
         ...v,
-        children: d
+        children: u
       }
-    ) }, u);
+    ) }, l);
   }) });
 }, Ho = (t, e) => {
   const n = String(t);
@@ -6870,33 +6870,33 @@ const wn = {
   label: c,
   className: f = ""
 }) => {
-  const l = G(), [u, d] = te(t);
+  const d = G(), [l, u] = te(t);
   if (ae(() => {
-    t !== u && d(t);
+    t !== l && u(t);
   }, [t]), !r || !Object.values(r).some(
-    (b) => b && b.post_name
+    (y) => y && y.post_name
   ))
     return null;
-  const p = Object.keys(r), v = u !== t;
+  const p = Object.keys(r), v = 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: `${Nt}label` }) }),
-      /* @__PURE__ */ a.jsx("ul", { children: p.map((b) => {
-        if (!wn[b])
+      o !== "short" && /* @__PURE__ */ a.jsx("p", { children: c || d.formatMessage({ id: `${Nt}label` }) }),
+      /* @__PURE__ */ a.jsx("ul", { children: p.map((y) => {
+        if (!wn[y])
           return null;
-        let _ = { className: b };
-        return u === b ? _["aria-label"] = l.formatMessage(
+        let _ = { className: y };
+        return l === y ? _["aria-label"] = d.formatMessage(
           { id: `${Nt}selected` },
-          { language: wn[b] }
+          { language: wn[y] }
         ) : _ = {
           ..._,
-          href: Ho(b, s),
+          href: Ho(y, s),
           onClick: (g) => {
-            g.preventDefault(), g.stopPropagation(), d(b), i(b);
+            g.preventDefault(), g.stopPropagation(), u(y), i(y);
           }
-        }, /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(xt, { ..._, fallbackElement: "span", children: wn[b] }) }, b);
+        }, /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(xt, { ..._, fallbackElement: "span", children: wn[y] }) }, y);
       }) }),
-      o !== "short" && !v && /* @__PURE__ */ a.jsx("p", { children: l.formatMessage({
+      o !== "short" && !v && /* @__PURE__ */ a.jsx("p", { children: d.formatMessage({
         id: `${Nt}translation_${e ? "original" : n ? "human" : "machine"}`
       }) })
     ] }),
@@ -6904,13 +6904,13 @@ const wn = {
       // 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: d.formatMessage(
         { id: `${Nt}disclaimer` },
         {
           email: lt.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 });
           }
         }
       )
@@ -6933,28 +6933,28 @@ const kn = pi({ locale: "en", messages: Hn }), en = ({
   className: c = "",
   gtmContext: f = "LoadMore"
 }) => {
-  const [l, u] = te(""), d = async (m) => {
+  const [d, l] = te(""), u = async (m) => {
     try {
       await e(m);
     } catch (p) {
-      p instanceof Error ? u(p.message) : u("Unknown error");
+      p instanceof Error ? l(p.message) : l("Unknown error");
     }
   };
-  return !l && !t && !o.endOfFeed ? null : /* @__PURE__ */ a.jsx("footer", { className: S("load-more", c), children: !l && t ? /* @__PURE__ */ a.jsx(
+  return !d && !t && !o.endOfFeed ? null : /* @__PURE__ */ a.jsx("footer", { className: S("load-more", c), children: !d && t ? /* @__PURE__ */ a.jsx(
     ie,
     {
       variant: n,
       size: r,
       styling: i,
       icon: s,
-      onClick: d,
+      onClick: u,
       "data-gtm-event-context": f,
       "data-gtm-event-type": "load-more-click",
       className: "gtm-trackable",
       "data-testid": "load-more-button",
       children: o.button
     }
-  ) : o.endOfFeed && (!l || l != null && l.includes("Cannot read items")) ? /* @__PURE__ */ a.jsx("p", { children: o.endOfFeed }) : l && /* @__PURE__ */ a.jsx("p", { className: "error", children: o.error }) });
+  ) : o.endOfFeed && (!d || d != null && d.includes("Cannot read items")) ? /* @__PURE__ */ a.jsx("p", { children: o.endOfFeed }) : d && /* @__PURE__ */ a.jsx("p", { className: "error", children: o.error }) });
 };
 const Fa = ({
   variant: t = "default",
@@ -6979,8 +6979,8 @@ const Vo = ({
 }) => {
   const i = G(), 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 = (d) => {
+    s.current && d.target instanceof HTMLElement && !s.current.contains(d.target) && c(!1);
   };
   return ae(() => (document.addEventListener("click", f, !0), () => {
     document.removeEventListener("click", f, !0);
@@ -7001,11 +7001,11 @@ const Vo = ({
           screenreaderText: i.formatMessage({ id: "moreMenu" })
         }
       ),
-      /* @__PURE__ */ a.jsx("ul", { id: e, hidden: !o, children: n.map(({ href: l, onClick: u, text: d, icon: m, ...p }, v) => {
-        const b = {
+      /* @__PURE__ */ a.jsx("ul", { id: e, hidden: !o, children: n.map(({ href: d, onClick: l, text: u, icon: m, ...p }, v) => {
+        const y = {
           ...p,
           onClick: (_) => {
-            c(!1), typeof u == "function" && u(_);
+            c(!1), typeof l == "function" && l(_);
           },
           onFocus: () => {
             Pt && (clearTimeout(Pt), Pt = !1);
@@ -7016,16 +7016,16 @@ const Vo = ({
             }, 100);
           }
         };
-        return l && (b.href = l), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
+        return d && (y.href = d), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
           ie,
           {
             variant: "tertiary",
             size: "medium",
             icon: m ? { icon: m, position: "left" } : !1,
-            ...b,
-            children: d
+            ...y,
+            children: u
           }
-        ) }, `${window.btoa(d)}_${v}`);
+        ) }, `${window.btoa(u)}_${v}`);
       }) })
     ] })
   });
@@ -7142,91 +7142,91 @@ const Jo = "shareLinks_", Ll = ({
   const c = G(), f = Qo({ 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: u, url: d, shouldRender: m = !0, onClick: p }) => {
+    /* @__PURE__ */ a.jsx("ul", { children: f.map(({ key: d, icon: l, url: u, shouldRender: m = !0, onClick: p }) => {
       if (typeof m == "function" && !m())
         return null;
       const v = {};
-      return p && (v.onClick = (b) => p(b, d)), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
+      return p && (v.onClick = (y) => p(y, u)), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
         ie,
         {
           size: i,
           variant: "tertiary",
-          icon: { icon: u || l },
-          href: d,
+          icon: { icon: l || d },
+          href: u,
           target: "_blank",
           rel: "noopener noreferrer",
           className: "gtm-trackable",
           "data-gtm-event-context": `${r}-SocialButtons`,
-          "data-gtm-event-type": `${l}-click`,
+          "data-gtm-event-type": `${d}-click`,
           "data-testid": "link",
-          screenreaderText: c.formatMessage({ id: `${Jo}link_${l}` }),
+          screenreaderText: c.formatMessage({ id: `${Jo}link_${d}` }),
           ...v
         }
-      ) }, l);
+      ) }, d);
     }) })
   ] });
 };
-const Bl = ({ tabs: t, className: e = "" }) => {
-  var f;
-  const n = (l, u, d) => (l || (l = `panel-${window.btoa(u)}-${d}`), l);
-  let r = t.findIndex((l) => l.current === !0);
-  if (r < 0 && (r = 0), window.location.hash) {
+const Bl = ({ tabs: t, className: e = "", preventLocationChange: n }) => {
+  var d;
+  const r = (l, u, m) => (l || (l = `panel-${window.btoa(u)}-${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((d) => d.id === l)) {
-      for (let d = 0; d < t.length; d++)
-        if (n(t[d].id, t[d].text, d) === l) {
-          r = d;
+    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(
+    (d = t[i]) != null && d.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: u, content: d, href: m, hasCarousel: p }, v) => {
-    l = n(l, u, v);
-    const b = i === l, _ = {};
-    m || (_["aria-controls"] = l, _.onClick = (g) => {
-      g.preventDefault(), g.stopPropagation(), s(l), window.location.hash = `#${l}`;
-    }, c.push(
+  }, [s]);
+  const c = [], f = [];
+  return t.forEach(({ id: l, text: u, content: m, href: p, hasCarousel: v }, y) => {
+    l = r(l, u, y);
+    const _ = s === l, g = {};
+    p || (g["aria-controls"] = l, g.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 d == "string" ? /* @__PURE__ */ a.jsx("p", { children: d }) : d
+          "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": _,
+          ...g,
           children: u
         }
       ) }, `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 Xo = {
@@ -7293,26 +7293,26 @@ const En = "cookieBanner_", Sn = [
   const t = G(), [e, n, r] = Qr(Sn), [i, s] = te(
     !e["apol-cookie-banner"]
   ), o = () => {
-    Sn.forEach((u) => {
-      n(u, !0, {
+    Sn.forEach((l) => {
+      n(l, !0, {
         path: "/",
         expires: Cn,
-        domain: u === "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: Cn
-    }), Sn.forEach((u) => {
-      if (u === "apol-cookie-banner") {
-        n(u, !0, {
+    }), Sn.forEach((l) => {
+      if (l === "apol-cookie-banner") {
+        n(l, !0, {
           path: "/",
           expires: Cn
         });
         return;
       }
-      r(u);
+      r(l);
     }), s(!1);
   };
   if (!i)
@@ -7321,21 +7321,21 @@ const En = "cookieBanner_", Sn = [
     { 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((u) => {
-    l.push({
-      variant: u.href ? "tertiary" : "primary",
-      href: u.href,
-      onClick: u.onClick,
+  ], d = [];
+  return f.forEach((l) => {
+    d.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-${u.gtmType}-click`,
-      children: t.formatMessage({ id: `${En}buttons_${u.id}` })
+      "data-gtm-event-type": `cookie-${l.gtmType}-click`,
+      children: t.formatMessage({ id: `${En}buttons_${l.id}` })
     });
   }), /* @__PURE__ */ a.jsxs("aside", { id: "cookie-banner", className: "text-medium", children: [
     /* @__PURE__ */ a.jsx("h6", { children: t.formatMessage({ id: `${En}title` }) }),
     /* @__PURE__ */ a.jsx("p", { children: t.formatMessage({ id: `${En}text` }) }),
-    /* @__PURE__ */ a.jsx(yt, { buttons: l })
+    /* @__PURE__ */ a.jsx(yt, { buttons: d })
   ] });
 }, Me = {
   platform: {
@@ -7706,52 +7706,52 @@ const Ye = "footer_", Vt = "SiteFooter", Lr = ({ group: t }) => {
   const o = G(), c = Jr(Yt, 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, u = t.includes("buttons.");
-  let d = `header_${t.replaceAll(".", "_")}`;
-  c.hasVariantText && (d += `_logged${e ? "In" : "Out"}`);
+  const f = "doTrack" in c, d = s === null ? f ? c.doTrack : !0 : s, l = t.includes("buttons.");
+  let u = `header_${t.replaceAll(".", "_")}`;
+  c.hasVariantText && (u += `_logged${e ? "In" : "Out"}`);
   let m = !1;
   if (c.href) {
-    let y = c.gtmType || `${t}-click`;
-    if (y.includes(".")) {
-      const E = y.split("."), j = E[E.length - 2];
-      y = `${j === "topics" ? `${j}-` : ""}${E[E.length - 1]}`;
+    let b = c.gtmType || `${t}-click`;
+    if (b.includes(".")) {
+      const E = b.split("."), j = E[E.length - 2];
+      b = `${j === "topics" ? `${j}-` : ""}${E[E.length - 1]}`;
     }
     m = {
       href: c.href,
       role: "menuitem"
-    }, l && (m = {
+    }, d && (m = {
       ...m,
       className: "gtm-trackable",
-      "data-gtm-event-type": y,
+      "data-gtm-event-type": b,
       "data-gtm-event-context": "HeaderButtons"
-    }), u && (m = {
+    }), l && (m = {
       ...m,
       variant: "secondary",
       size: { mobile: "small", 881: "large" },
       ...c.props || {}
     });
   }
-  const p = c.order && c.order[0] && c[c.order[0]], v = p && c[c.order[0]].order, b = m && window.location.pathname === c.href;
+  const p = c.order && c.order[0] && c[c.order[0]], v = p && c[c.order[0]].order, y = m && window.location.pathname === c.href;
   let _ = {}, g = {};
   if (p) {
-    const y = c.menuId || t, E = {
-      onClick: (j) => fe.events.onClick(j, { 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, E = {
+      onClick: (j) => fe.events.onClick(j, { 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 && (v && (_ = {
       ...E,
       onKeyPress: (j) => {
-        j.key === "Enter" && fe.events.onClick(j, { id: y, callback: i, isOpen: r[y] });
+        j.key === "Enter" && fe.events.onClick(j, { 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
-    }), g = { hidden: y in r ? !r[y] : !0 }), v || (g = {
+      "aria-expanded": r[b],
+      "aria-controls": b
+    }), g = { hidden: b in r ? !r[b] : !0 }), v || (g = {
       ...g,
       ...E
     });
@@ -7763,52 +7763,52 @@ const Ye = "footer_", Vt = "SiteFooter", Lr = ({ group: t }) => {
         [c.className]: c.className,
         "has-submenu": p,
         parent: v,
-        active: b
+        active: y
       }),
       role: "none",
       ..._,
       children: [
         m ? K.createElement(
-          u ? ie : "a",
+          l ? ie : "a",
           m,
-          o.formatMessage({ id: d })
-        ) : o.formatMessage({ id: d }),
-        c.order && /* @__PURE__ */ a.jsx("ul", { ...g, children: c.order.map((y) => {
-          if (!c[y])
+          o.formatMessage({ id: u })
+        ) : o.formatMessage({ id: u }),
+        c.order && /* @__PURE__ */ a.jsx("ul", { ...g, children: c.order.map((b) => {
+          if (!c[b])
             return null;
           const E = {
             isLoggedIn: e,
             isDesktopVersion: n,
             menus: r,
             callback: i,
-            doTrack: f ? l : null
+            doTrack: f ? d : 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: `${d}_${y}` }),
-                /* @__PURE__ */ a.jsx("ul", { children: c[y].order.map((j) => /* @__PURE__ */ a.jsx(
+                o.formatMessage({ id: `${u}_${b}` }),
+                /* @__PURE__ */ a.jsx("ul", { children: c[b].order.map((j) => /* @__PURE__ */ a.jsx(
                   Kt,
                   {
-                    id: `${t}.${y}.${j}`,
+                    id: `${t}.${b}.${j}`,
                     ...E
                   },
                   j
                 )) })
               ]
             },
-            y
+            b
           ) : /* @__PURE__ */ a.jsx(
             Kt,
             {
-              id: `${t}.${y}`,
+              id: `${t}.${b}`,
               ...E
             },
-            y
+            b
           );
         }) })
       ]
@@ -7827,38 +7827,38 @@ const nc = { height: 67, height_desktop: 83 }, Da = ({ showNavigation: t = !0 })
       navigation: { desktop: !1, default: !1 },
       account: { desktop: !1, default: !1 }
     }
-  }), { headerIsVisible: f, menus: l, focusElements: u } = o;
+  }), { headerIsVisible: f, menus: d, focusElements: l } = o;
   Pi({
     scrollPosition: nc[`height${s.navigation ? "_desktop" : ""}`],
     callbacks: {
       scrollUp: () => {
-        !s && l.navigation || fe.shouldChangeHeaderIsVisible(!0, l, c);
+        !s && d.navigation || fe.shouldChangeHeaderIsVisible(!0, d, c);
       },
       scrollDown: () => {
-        !s && l.navigation || fe.shouldChangeHeaderIsVisible(!1, l, c);
+        !s && d.navigation || fe.shouldChangeHeaderIsVisible(!1, d, c);
       }
     }
   });
-  const d = (p, v) => {
-    fe.handleMenus({ id: p, value: v, menus: l, dispatch: c });
+  const u = (p, v) => {
+    fe.handleMenus({ id: p, value: v, menus: d, dispatch: c });
   }, m = pe(null);
   return gt(() => {
-    l.navigation && fe.autoFocus({
+    d.navigation && fe.autoFocus({
       menu: "navigation",
       navigationRef: m,
       isDesktopVersion: s.navigation,
-      focusElements: u,
+      focusElements: l,
       dispatch: c
     });
-  }, [l.navigation]), gt(() => {
-    l.account && fe.autoFocus({
+  }, [d.navigation]), gt(() => {
+    d.account && fe.autoFocus({
       menu: "account",
       navigationRef: m,
       isDesktopVersion: s.navigation,
-      focusElements: u,
+      focusElements: l,
       dispatch: c
     });
-  }, [l.account]), n && n.isLoading ? null : /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+  }, [d.account]), n && n.isLoading ? null : /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsxs(
       "nav",
       {
@@ -7884,15 +7884,15 @@ const nc = { height: 67, height_desktop: 83 }, Da = ({ showNavigation: t = !0 })
               {
                 className: "menu-button gtm-trackable",
                 onClick: (p) => {
-                  p.preventDefault(), p.stopPropagation(), d("navigation", !l.navigation);
+                  p.preventDefault(), p.stopPropagation(), u("navigation", !d.navigation);
                 },
                 "data-gtm-event-type": "open-tab-menu-click",
                 "data-gtm-event-context": "HeaderLeft-Chevron",
                 "aria-haspopup": "true",
-                "aria-expanded": l.navigation,
+                "aria-expanded": d.navigation,
                 "aria-controls": "navigation",
                 children: /* @__PURE__ */ a.jsx(be, { children: e.formatMessage({
-                  id: `header_menu_${l.navigation ? "hide" : "show"}`
+                  id: `header_menu_${d.navigation ? "hide" : "show"}`
                 }) })
               }
             ),
@@ -7901,17 +7901,17 @@ const nc = { height: 67, height_desktop: 83 }, Da = ({ showNavigation: t = !0 })
               {
                 ref: m,
                 id: "navigation",
-                hidden: s.navigation || l.account ? !1 : !l.navigation,
+                hidden: s.navigation || d.account ? !1 : !d.navigation,
                 role: "menu",
-                "data-showing": !s.navigation && l.account ? "account" : "default",
+                "data-showing": !s.navigation && d.account ? "account" : "default",
                 children: Yt.order.map((p) => /* @__PURE__ */ a.jsx(
                   Kt,
                   {
                     id: p,
                     isLoggedIn: i,
                     isDesktopVersion: s.navigation,
-                    menus: { navigation: l.navigation, account: l.account },
-                    callback: d
+                    menus: { navigation: d.navigation, account: d.account },
+                    callback: u
                   },
                   p
                 ))
@@ -7922,16 +7922,16 @@ const nc = { height: 67, height_desktop: 83 }, Da = ({ showNavigation: t = !0 })
               {
                 className: "search toggle-search-button",
                 onClick: (p) => {
-                  p.preventDefault(), p.stopPropagation(), d("search", !l.search);
+                  p.preventDefault(), p.stopPropagation(), u("search", !d.search);
                 },
                 "aria-haspopup": "true",
-                "aria-expanded": l.search,
+                "aria-expanded": d.search,
                 "aria-controls": "search-form",
                 children: /* @__PURE__ */ a.jsx(
                   be,
                   {
                     children: e.formatMessage({
-                      id: `header_search_${l.search ? "hide" : "show"}`
+                      id: `header_search_${d.search ? "hide" : "show"}`
                     })
                   }
                 )
@@ -7942,7 +7942,7 @@ const nc = { height: 67, height_desktop: 83 }, Da = ({ showNavigation: t = !0 })
               {
                 id: "global-search",
                 handleToggle: {
-                  searchIsOpen: l.search,
+                  searchIsOpen: d.search,
                   isDesktopVersion: s.search
                 },
                 gtmContext: "search-bar-header",
@@ -7955,17 +7955,17 @@ const nc = { height: 67, height_desktop: 83 }, Da = ({ showNavigation: t = !0 })
                 className: "account-button",
                 onClick: (p) => fe.events.onClick(p, {
                   id: "account",
-                  callback: d,
-                  isOpen: l.account
+                  callback: u,
+                  isOpen: d.account
                 }),
-                onMouseEnter: () => fe.events.onMouseEnter({ id: "account", callback: d }),
-                onMouseLeave: () => fe.events.onBlur({ id: "account", callback: d }),
+                onMouseEnter: () => fe.events.onMouseEnter({ id: "account", callback: u }),
+                onMouseLeave: () => fe.events.onBlur({ id: "account", callback: u }),
                 "aria-haspopup": "true",
-                "aria-expanded": l.account,
+                "aria-expanded": d.account,
                 "aria-controls": "navigation",
                 children: [
                   /* @__PURE__ */ a.jsx(be, { children: e.formatMessage({
-                    id: `header_account_${l.account ? "hide" : "show"}`
+                    id: `header_account_${d.account ? "hide" : "show"}`
                   }) }),
                   /* @__PURE__ */ a.jsx(
                     ze,
@@ -7986,7 +7986,7 @@ const nc = { height: 67, height_desktop: 83 }, Da = ({ showNavigation: t = !0 })
       "div",
       {
         className: S("overlay", {
-          open: l.navigation || l.account || !s.search && l.search
+          open: d.navigation || d.account || !s.search && d.search
         })
       }
     )
@@ -8014,31 +8014,31 @@ const rc = () => {
   className: o = "",
   locale: c = "en"
 }) => {
-  const { navigation: f = !0, footer: l = !0 } = i, { background: u = "default", variant: d = "default", circle: m = "default" } = s, p = $i();
+  const { navigation: f = !0, footer: d = !0 } = i, { background: l = "default", variant: u = "default", circle: m = "default" } = s, p = $i();
   ae(() => {
     window.scrollTo(0, 0);
   }, [p]);
-  const v = Ot(t, { locale: c }), b = Ot(e, {
+  const v = Ot(t, { locale: c }), y = Ot(e, {
     locale: c
   }), _ = Ot(n, {
     locale: c
   }), g = {};
-  return u !== "default" && (g[u] = !0), d !== "default" && (g[d] = !0), m !== "default" && (g[m] = !0), /* @__PURE__ */ a.jsx(xi, { onError: r, fallback: /* @__PURE__ */ a.jsx(rc, {}), children: /* @__PURE__ */ a.jsx(ui, { fallback: null, children: /* @__PURE__ */ a.jsxs(
+  return l !== "default" && (g[l] = !0), u !== "default" && (g[u] = !0), m !== "default" && (g[m] = !0), /* @__PURE__ */ a.jsx(xi, { onError: r, fallback: /* @__PURE__ */ a.jsx(rc, {}), children: /* @__PURE__ */ a.jsx(ui, { fallback: null, children: /* @__PURE__ */ a.jsxs(
     "div",
     {
       id: "wrapper",
-      className: S(o, g, { "has-footer": l }),
+      className: S(o, g, { "has-footer": d }),
       children: [
         /* @__PURE__ */ a.jsx(Da, { showNavigation: f }),
         /* @__PURE__ */ a.jsxs("section", { id: "content-wrapper", children: [
-          b && /* @__PURE__ */ a.jsx("div", { className: "additional-content prepended", children: b }),
-          K.createElement(u === "bold" ? Sa : "div", {
+          y && /* @__PURE__ */ a.jsx("div", { className: "additional-content prepended", children: y }),
+          K.createElement(l === "bold" ? Sa : "div", {
             id: "content",
             children: v
           })
         ] }),
         _ && /* @__PURE__ */ a.jsx("div", { className: "additional-content appended", children: _ }),
-        l && /* @__PURE__ */ a.jsx(Oa, {}),
+        d && /* @__PURE__ */ a.jsx(Oa, {}),
         /* @__PURE__ */ a.jsx(tc, {})
       ]
     }
@@ -8087,29 +8087,29 @@ const zl = ({
   if (!t || t.length < 1)
     return null;
   const f = [];
-  return t.forEach((l) => {
-    if (!l)
+  return t.forEach((d) => {
+    if (!d)
       return;
-    const u = ic.getTagDetails(l);
-    u && f.push(u);
+    const l = ic.getTagDetails(d);
+    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 u = c.formatMessage({ id: l.text });
-        return /* @__PURE__ */ a.jsx("li", { children: l.href && r ? /* @__PURE__ */ a.jsx(
+      children: f.map((d) => {
+        const l = c.formatMessage({ id: d.text });
+        return /* @__PURE__ */ a.jsx("li", { children: d.href && r ? /* @__PURE__ */ a.jsx(
           "a",
           {
-            href: l.href,
+            href: d.href,
             className: "gtm-trackable",
             "data-gtm-event-type": s,
             "data-gtm-event-context": o,
-            children: u
+            children: l
           }
-        ) : u }, l.id);
+        ) : l }, d.id);
       })
     }
   );
@@ -8129,10 +8129,10 @@ const Zl = ({
       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, d) => /* @__PURE__ */ a.jsxs("li", { children: [
       /* @__PURE__ */ a.jsx(Yn, { member: f, gtmContext: i, gtmType: s }),
       f.isAdmin && /* @__PURE__ */ a.jsx(Lt, { children: c.formatMessage({ id: "membersList_admin" }) })
-    ] }, l)) }),
+    ] }, d)) }),
     n && /* @__PURE__ */ a.jsx(
       en,
       {
@@ -8176,13 +8176,13 @@ const we = "discussion_form_", Jn = ({
       create: { projectNames: ["questions-answers"] }
     }
   },
-  gtmContext: l = "DiscussionForm"
+  gtmContext: d = "DiscussionForm"
 }) => {
   var O, C, T;
-  const u = G(), d = Ce(Oe), [m, p] = te(
+  const l = G(), u = Ce(Oe), [m, p] = te(
     n.isEditing && n.isEditing.text || ""
-  ), [v, b] = te(c.error || !1), [_, g] = te(!1), y = pe(null);
-  if (r || (r = y), n.isLoading)
+  ), [v, y] = te(c.error || !1), [_, g] = te(!1), b = pe(null);
+  if (r || (r = b), n.isLoading)
     return /* @__PURE__ */ a.jsx(
       Te,
       {
@@ -8194,17 +8194,17 @@ const we = "discussion_form_", Jn = ({
     const $ = x.target.value;
     p($);
     let I;
-    !d || !d.id ? I = Se(
-      u.formatMessage,
+    !u || !u.id ? I = Se(
+      l.formatMessage,
       `${we}error_loggedOut`,
       t.type,
       "action"
     ) : e ? $.length >= s && (I = `${we}error_tooLong`) : I = Se(
-      u.formatMessage,
+      l.formatMessage,
       `${we}error_noPermission`,
       t.type,
       "action"
-    ), I ? b(I) : v && b(!1);
+    ), I ? y(I) : v && y(!1);
   };
   let j = `${t.type}-form`;
   if (t.type === "response" || t.type === "reply") {
@@ -8213,7 +8213,7 @@ const we = "discussion_form_", Jn = ({
   }
   const w = async (x) => {
     var I;
-    if (x.preventDefault(), x.stopPropagation(), !d || !d.id || !e || F)
+    if (x.preventDefault(), x.stopPropagation(), !u || !u.id || !e || F)
       return;
     Mt && clearTimeout(Mt), g("submitting");
     const $ = window.location.pathname;
@@ -8226,20 +8226,20 @@ const we = "discussion_form_", Jn = ({
         case "question":
           U = await f.create({
             title: m,
-            authorId: d && d.id,
+            authorId: u && u.id,
             ...(I = f.props) == null ? void 0 : I.create
           });
           break;
         case "response":
           U = await f.create(
             { question: t.slugs.question },
-            { body: m, authorId: d && d.id, contentPath: $ }
+            { body: m, authorId: u && u.id, contentPath: $ }
           );
           break;
         case "reply":
           U = await f.create(
             { question: t.slugs.question, answer: t.slugs.answer },
-            { body: m, authorId: d && d.id, contentPath: $ }
+            { body: m, authorId: u && u.id, contentPath: $ }
           );
           break;
         default:
@@ -8254,20 +8254,20 @@ const we = "discussion_form_", Jn = ({
       const A = U;
       let W = `${we}error`;
       A != null && A.message.includes("entry already exists") && (W = Se(
-        u.formatMessage,
+        l.formatMessage,
         `${we}error_alreadyExists`,
         t.type,
         "action"
       )), A != null && A.message.includes("429") ? W = Se(
-        u.formatMessage,
+        l.formatMessage,
         `${we}error_tooMany`,
         t.type,
         "action"
-      ) : A != null && A.message.includes("400") && (W = `${we}error`), b(W), z();
+      ) : A != null && A.message.includes("400") && (W = `${we}error`), y(W), z();
     }
   }, z = () => {
     Mt = setTimeout(() => {
-      b(!1), g(!1);
+      y(!1), g(!1);
     }, 5e3);
   }, F = !m || !Zi(m), q = _ === "submitting", M = [];
   return (n.isEditing && !q || c.cancel) && M.push({
@@ -8275,28 +8275,28 @@ const we = "discussion_form_", Jn = ({
     size: { mobile: "small", 600: "medium" },
     onClick: f.handleCancel,
     className: "gtm-trackable",
-    "data-gtm-event-context": l,
+    "data-gtm-event-context": d,
     "data-gtm-event-type": `cancel-${t.type}-click`,
-    disabled: !c.cancel && (!d || !d.id || !m),
-    children: u.formatMessage({ id: `${we}cancel` })
+    disabled: !c.cancel && (!u || !u.id || !m),
+    children: l.formatMessage({ id: `${we}cancel` })
   }), M.push({
     variant: "primary",
     size: { mobile: "small", 600: "medium" },
     onClick: (x) => {
       if (n.isEditing) {
         g("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": d,
     "data-gtm-event-type": `${n.isEditing ? "save" : "submit"}-${t.type}-click`,
     "data-testid": "save-button",
-    disabled: !d || !d.id || !e || F || q || n.isEditing && m === n.isEditing.text,
-    children: u.formatMessage({
+    disabled: !u || !u.id || !e || F || q || n.isEditing && m === n.isEditing.text,
+    children: l.formatMessage({
       id: `${we}${q ? n.isEditing ? "saving" : "posting" : n.isEditing ? "save" : "post"}`
     })
   }), /* @__PURE__ */ a.jsxs(
@@ -8308,16 +8308,16 @@ const we = "discussion_form_", Jn = ({
       }),
       "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(u.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(
           Yn,
           {
-            member: d || "community",
-            gtmContext: l,
+            member: u || "community",
+            gtmContext: d,
             gtmType: "profile-click"
           }
         ),
-        /* @__PURE__ */ a.jsx(be, { element: "label", showOnFocus: !1, htmlFor: `${j}-input`, children: Se(u.formatMessage, `${we}label`, t.type, "action") }),
+        /* @__PURE__ */ a.jsx(be, { element: "label", showOnFocus: !1, htmlFor: `${j}-input`, children: Se(l.formatMessage, `${we}label`, t.type, "action") }),
         /* @__PURE__ */ a.jsx(
           wi,
           {
@@ -8325,7 +8325,7 @@ const we = "discussion_form_", Jn = ({
             id: `${j}-input`,
             name: t.type,
             placeholder: i || Se(
-              u.formatMessage,
+              l.formatMessage,
               `${we}placeholder`,
               t.type,
               "action"
@@ -8339,14 +8339,14 @@ const we = "discussion_form_", Jn = ({
             autoFocus: !!n.isEditing
           }
         ),
-        /* @__PURE__ */ a.jsx("small", { children: Se(u.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": d,
               "data-gtm-event-type": "community-guidelines-link",
               rel: "noreferrer",
               children: x
@@ -8354,11 +8354,11 @@ const we = "discussion_form_", Jn = ({
           )
         }) }),
         /* @__PURE__ */ a.jsx(yt, { buttons: M }),
-        _ === "submitted" && n.showSuccessMessage && /* @__PURE__ */ a.jsx(Bt, { className: "success", "data-testid": "success", children: Se(u.formatMessage, `${we}success`, t.type, "action") }),
-        v && /* @__PURE__ */ a.jsx(Bt, { id: "error-message", className: "error", "data-testid": "error", children: c.error ? c.error : typeof v == "string" ? v.includes(" ") ? v : u.formatMessage(
+        _ === "submitted" && n.showSuccessMessage && /* @__PURE__ */ a.jsx(Bt, { className: "success", "data-testid": "success", children: Se(l.formatMessage, `${we}success`, t.type, "action") }),
+        v && /* @__PURE__ */ a.jsx(Bt, { id: "error-message", className: "error", "data-testid": "error", children: c.error ? c.error : typeof v == "string" ? v.includes(" ") ? v : l.formatMessage(
           { id: v },
           {
-            action: u.formatMessage({
+            action: l.formatMessage({
               id: `discussion_action_${t.type}`
             }),
             maxLength: s
@@ -8382,7 +8382,7 @@ const we = "discussion_form_", Jn = ({
         }
       }
     );
-  const { content: o, functions: c, meta: f, ...l } = t;
+  const { content: o, functions: c, meta: f, ...d } = t;
   return /* @__PURE__ */ a.jsx(
     Jn,
     {
@@ -8390,7 +8390,7 @@ const we = "discussion_form_", Jn = ({
       functions: { ...c, create: (c == null ? void 0 : c.create) || (() => {
       }) },
       meta: { ...f, isEditing: (f == null ? void 0 : f.isEditing) || !1, showSuccessMessage: !1 },
-      ...l
+      ...d
     }
   );
 }, sc = {
@@ -8424,11 +8424,11 @@ const Nn = () => {
   }, deleteLike: f = () => {
   } } = {}
 }) => {
-  const l = G();
+  const d = G();
   ae(() => {
     p(i);
   }, [i]);
-  const [u, d] = te(e), [m, p] = te(i), [v, b] = te(!1), [_, g] = te(!1), y = vt(
+  const [l, u] = te(e), [m, p] = te(i), [v, y] = te(!1), [_, g] = te(!1), b = vt(
     () => lc(n, Pn),
     [n]
   ), E = (w) => {
@@ -8440,17 +8440,17 @@ const Nn = () => {
   }, j = async () => {
     if (Nn(), v || !o)
       return !1;
-    let w = m ? u - 1 : u + 1;
-    w < 0 && (w = 0), b(!0), d(w), p(!m);
+    let w = m ? l - 1 : l + 1;
+    w < 0 && (w = 0), y(!0), u(w), p(!m);
     try {
       if (s && s.slugs) {
         const z = cc(s.slugs);
         m ? await f(z) : await c(z, { contentPath: window.location.pathname });
       }
     } catch {
-      d(e), p(i);
+      u(e), p(i);
     } finally {
-      b(!1);
+      y(!1);
     }
   };
   return K.createElement(t, {
@@ -8480,12 +8480,12 @@ const Nn = () => {
           size: "medium",
           icon: { icon: m ? "heart" : "heart_empty", animate: "bounce" },
           className: S({ "do-animation": m && !i }),
-          screenreaderText: o ? l.formatMessage(
+          screenreaderText: o ? d.formatMessage(
             {
               id: `discussion_likes_${m ? "unlike" : "like"}`
             },
             {
-              action: l.formatMessage({
+              action: d.formatMessage({
                 id: `discussion_action_${s.type}`
               })
             }
@@ -8501,16 +8501,16 @@ const Nn = () => {
       /* @__PURE__ */ a.jsx(
         "span",
         {
-          className: S("number-of-likes", { "no-likes": u === 0 }),
+          className: S("number-of-likes", { "no-likes": l === 0 }),
           "data-testid": "number-of-likes",
-          children: l.formatMessage(
+          children: d.formatMessage(
             { id: `discussion_likes${r ? "_short" : ""}` },
-            { number: u }
+            { number: l }
           )
         }
       ),
       n && /* @__PURE__ */ a.jsx(Vi, { 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(
           xt,
           {
             href: w.id ? `/profiles/${w.id}` : void 0,
@@ -8520,7 +8520,7 @@ const Nn = () => {
             children: w.name
           }
         ) }, w.id || window.btoa(w.name))),
-        e > Pn && /* @__PURE__ */ a.jsx("li", { children: l.formatMessage(
+        e > Pn && /* @__PURE__ */ a.jsx("li", { children: d.formatMessage(
           { id: "discussion_likes_more" },
           { number: e - Pn }
         ) })
@@ -8549,19 +8549,19 @@ const Pe = "discussion_", uc = 280, nn = ({
       updateContent: () => {
       }
     },
-    likes: { createLike: l, deleteLike: u } = { createLike: () => {
+    likes: { createLike: d, deleteLike: l } = { createLike: () => {
     }, deleteLike: () => {
     } },
-    comments: { openComments: d } = { openComments: () => {
+    comments: { openComments: u } = { openComments: () => {
     } }
   },
   links: m = {},
   className: p,
   gtmContext: v = "DiscussionAnswer",
-  children: b,
+  children: y,
   isTruncated: _ = !1
 }) => {
-  const g = G(), y = Ce(Oe), E = Ce(Xn), { author: j, canLike: w, createdAt: z, id: F, likes: q = 0, userLiked: M, comments: O = 0 } = e, C = y && y.id && typeof j != "string" && j.id && j.id === y.id || !1, T = typeof w == "boolean" ? w : n ? !C : !1, x = C && (!e.createdAt || Di(e.createdAt, 10, "seconds")), $ = pe(null), [I, U] = te({
+  const g = G(), b = Ce(Oe), E = Ce(Xn), { author: j, canLike: w, createdAt: z, id: F, likes: q = 0, userLiked: M, comments: O = 0 } = e, C = b && b.id && typeof j != "string" && j.id && j.id === b.id || !1, T = typeof w == "boolean" ? w : n ? !C : !1, x = C && (!e.createdAt || Di(e.createdAt, 10, "seconds")), $ = pe(null), [I, U] = te({
     body: e && e.body || "",
     isEditing: !1,
     didEdit: e && e.isEdited || !1
@@ -8756,17 +8756,17 @@ const Pe = "discussion_", uc = 280, nn = ({
                       canLike: T,
                       peopleWhoLiked: e.peopleWhoLiked,
                       functions: {
-                        createLike: l,
-                        deleteLike: u
+                        createLike: d,
+                        deleteLike: l
                       }
                     }
                   ),
-                  !s.comments && (["question", "post"].includes(e.type) || m.comments || typeof d == "function") && /* @__PURE__ */ a.jsxs(
+                  !s.comments && (["question", "post"].includes(e.type) || m.comments || typeof u == "function") && /* @__PURE__ */ a.jsxs(
                     "li",
                     {
                       className: "action-button",
                       onClick: (R) => {
-                        R.preventDefault(), R.stopPropagation(), m.comments && (window.location.href = m.comments), typeof d == "function" && d();
+                        R.preventDefault(), R.stopPropagation(), m.comments && (window.location.href = m.comments), typeof u == "function" && u();
                       },
                       children: [
                         /* @__PURE__ */ a.jsx(
@@ -8777,7 +8777,7 @@ const Pe = "discussion_", uc = 280, nn = ({
                             styling: { muted: !0 },
                             icon: { icon: "speech-bubble_square_thick" },
                             href: m.comments ? m.comments : !1,
-                            onClick: m.comments || typeof d != "function" ? !1 : d,
+                            onClick: m.comments || typeof u != "function" ? !1 : u,
                             className: "gtm-trackable",
                             "data-gtm-event-context": v,
                             "data-gtm-event-type": `answer-${e.type}-click`,
@@ -8818,7 +8818,7 @@ const Pe = "discussion_", uc = 280, nn = ({
           ]
         }
       ),
-      b,
+      y,
       /* @__PURE__ */ a.jsx(
         Xt,
         {
@@ -9255,14 +9255,14 @@ function jc({
   const { mutate: o } = ke({
     mutationFn: t,
     onMutate: (c) => e((f) => {
-      const l = Ur({ activity: bc(c), user: s });
-      return Hr(l, f);
+      const d = Ur({ activity: bc(c), user: s });
+      return Hr(d, f);
     }),
     onError: n,
-    onSuccess: (c, f, l) => {
-      const u = Ur({ activity: c, user: s });
-      r.setQueryData(i, Hr(u, l, !0)), setTimeout(() => {
-        qa(u.id);
+    onSuccess: (c, f, d) => {
+      const l = Ur({ activity: c, user: s });
+      r.setQueryData(i, Hr(l, d, !0)), setTimeout(() => {
+        qa(l.id);
       }, 0);
     }
   });
@@ -9296,22 +9296,22 @@ function Ec({
   },
   queryKey: o
 }) {
-  const c = Zn(), f = Vn(), l = { queryClient: c, queryKey: o }, u = {
+  const c = Zn(), f = Vn(), d = { queryClient: c, queryKey: o }, l = {
     mutationHandlers: {
-      error: er(l),
-      mutate: tr(l)
+      error: er(d),
+      mutate: tr(d)
     },
     user: f,
-    ...l
-  }, d = jc({ ...u, mutationFn: t }), m = Tc({ ...u, mutationFn: e }), p = Sc({ ...u, mutationFn: n }), v = $c({ ...u, mutationFn: i }), b = Nc({ ...u, mutationFn: s }), { activities: _, ...g } = Cc({ queryKey: o, queryFn: r });
+    ...d
+  }, u = jc({ ...l, mutationFn: t }), m = Tc({ ...l, mutationFn: e }), p = Sc({ ...l, mutationFn: n }), v = $c({ ...l, mutationFn: i }), y = Nc({ ...l, mutationFn: s }), { activities: _, ...g } = Cc({ queryKey: o, queryFn: r });
   return {
     activities: _,
     mutations: {
-      create: d,
+      create: u,
       edit: m,
       remove: v,
       like: p,
-      unlike: b
+      unlike: y
     },
     user: f,
     ...g
@@ -9334,8 +9334,8 @@ function Sc({
     }),
     onError: n,
     onSuccess: (o, { activityId: c }, f) => {
-      const l = Qt(c, f);
-      l && Gt({ activity: l, reaction: o }), r.setQueryData(i, f);
+      const d = Qt(c, f);
+      d && Gt({ activity: d, reaction: o }), r.setQueryData(i, f);
     }
   });
   return s;
@@ -9433,10 +9433,10 @@ const Wl = ({
   const o = G(), {
     activities: c,
     error: f,
-    fetchNextPage: l,
-    hasNextPage: u,
-    isLoading: d,
-    mutations: { create: m, edit: p, remove: v, like: b, unlike: _ },
+    fetchNextPage: d,
+    hasNextPage: l,
+    isLoading: u,
+    mutations: { create: m, edit: p, remove: v, like: y, unlike: _ },
     user: g
   } = Ec({
     queryKey: [t, e, "activities"],
@@ -9444,7 +9444,7 @@ const Wl = ({
   });
   if (Ua(), f)
     return /* @__PURE__ */ a.jsx(tt, { 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(
       Aa,
@@ -9518,7 +9518,7 @@ const Wl = ({
                 updateContent: (B, { body: H }) => p({ activityId: w, content: H })
               },
               likes: {
-                createLike: () => b({ activityId: w }),
+                createLike: () => y({ activityId: w }),
                 deleteLike: () => _({ activityId: w, reactionId: C })
               },
               comments: {
@@ -9528,14 +9528,14 @@ const Wl = ({
             isTruncated: !0
           }
         ),
-        y > j + 1 && /* @__PURE__ */ a.jsx(Re, {})
+        b > j + 1 && /* @__PURE__ */ a.jsx(Re, {})
       ] }, w);
     }),
-    !d && /* @__PURE__ */ a.jsx(
+    !u && /* @__PURE__ */ a.jsx(
       en,
       {
-        hasNextPage: u,
-        loadNextPage: () => l(),
+        hasNextPage: l,
+        loadNextPage: () => d(),
         icon: { icon: "arrow-down", position: "right" },
         messages: {
           button: o.formatMessage({ id: "loadMore_button" }),
@@ -10106,20 +10106,20 @@ function Rc({
   const { mutate: o } = ke({
     mutationFn: t,
     onMutate: (c) => e((f) => {
-      const l = zr({ reply: yc(c), user: s });
-      return Vr(l, f, {
+      const d = zr({ reply: yc(c), user: s });
+      return Vr(d, f, {
         replace: !1,
         append: (c == null ? void 0 : c.replyId) !== void 0
       });
     }),
     onError: n,
-    onSuccess: (c, f, l) => {
-      const u = zr({ reply: c, user: s });
+    onSuccess: (c, f, d) => {
+      const l = zr({ reply: c, user: s });
       r.setQueryData(
         i,
-        Vr(u, l, { replace: !0, append: (f == null ? void 0 : f.replyId) !== void 0 })
+        Vr(l, d, { replace: !0, append: (f == null ? void 0 : f.replyId) !== void 0 })
       ), setTimeout(() => {
-        qa(u.id);
+        qa(l.id);
       }, 0);
     }
   });
@@ -10153,22 +10153,22 @@ function Za({
   },
   queryKey: o
 }) {
-  const c = Zn(), f = Vn(), l = { queryClient: c, queryKey: o }, u = {
+  const c = Zn(), f = Vn(), d = { queryClient: c, queryKey: o }, l = {
     mutationHandlers: {
-      error: er(l),
-      mutate: tr(l)
+      error: er(d),
+      mutate: tr(d)
     },
     user: f,
-    ...l
-  }, d = Rc({ ...u, mutationFn: t }), m = Fc({ ...u, mutationFn: e }), p = Oc({ ...u, mutationFn: n }), v = Ac({ ...u, mutationFn: i }), b = Ic({ ...u, mutationFn: s }), { replies: _, ...g } = Dc({ queryKey: o, queryFn: r });
+    ...d
+  }, u = Rc({ ...l, mutationFn: t }), m = Fc({ ...l, mutationFn: e }), p = Oc({ ...l, mutationFn: n }), v = Ac({ ...l, mutationFn: i }), y = Ic({ ...l, mutationFn: s }), { replies: _, ...g } = Dc({ queryKey: o, queryFn: r });
   return {
     replies: _,
     mutations: {
-      create: d,
+      create: u,
       edit: m,
       remove: v,
       like: p,
-      unlike: b
+      unlike: y
     },
     user: f,
     ...g
@@ -10191,8 +10191,8 @@ function Oc({
     }),
     onError: n,
     onSuccess: (o, { replyId: c }, f) => {
-      const l = Jt(c, f);
-      l && Zr({ reply: l, reaction: o }), r.setQueryData(i, f);
+      const d = Jt(c, f);
+      d && Zr({ reply: d, reaction: o }), r.setQueryData(i, f);
     }
   });
   return s;
@@ -10208,7 +10208,7 @@ function Dc({ queryFn: t, queryKey: e }) {
     queryKey: e,
     queryFn: t,
     initialPageParam: { next: "" },
-    getNextPageParam: (l) => (l == null ? void 0 : l.next) || null
+    getNextPageParam: (d) => (d == null ? void 0 : d.next) || null
   }), c = zc(n), f = `${c.length || 0}${s ? "+" : ""}`;
   return {
     replies: c,
@@ -10304,9 +10304,9 @@ const Zc = ({
     replies: o,
     fetchNextPage: c,
     hasNextPage: f,
-    isLoading: l,
-    mutations: { create: u, edit: d, like: m, remove: p, unlike: v },
-    user: b
+    isLoading: d,
+    mutations: { create: l, edit: u, like: m, remove: p, unlike: v },
+    user: y
   } = Za({
     queryKey: [t, e, n, r, "replies"],
     queryFns: {
@@ -10318,7 +10318,7 @@ const Zc = ({
   return /* @__PURE__ */ a.jsx(
     mc,
     {
-      loadMore: { isLoading: l, hasNextPage: f, loadNextPage: () => c() },
+      loadMore: { isLoading: d, hasNextPage: f, loadNextPage: () => c() },
       form: {
         content: {
           type: "reply",
@@ -10330,7 +10330,7 @@ const Zc = ({
         },
         functions: {
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          create: (_, { body: g }) => u({ activityId: n, replyId: r, content: g })
+          create: (_, { body: g }) => l({ activityId: n, replyId: r, content: g })
         },
         meta: { isEditing: !1, showSuccessMessage: !1 }
       },
@@ -10338,19 +10338,19 @@ const Zc = ({
         var I, U, A, W, J, k, N, Z, B, H, ee, Y;
         const {
           id: g,
-          own_children: y,
+          own_children: b,
           latest_children: E,
           children_counts: j
-        } = _, z = (((I = y == null ? void 0 : y.like) == null ? void 0 : I.length) || 0) > 0 ? (U = y == null ? void 0 : y.like) == null ? void 0 : U.find((V) => {
+        } = _, z = (((I = b == null ? void 0 : b.like) == null ? void 0 : I.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, F = z ? z == null ? void 0 : z.id : "", q = !!z, O = (((A = E == null ? void 0 : E.like) == null ? void 0 : A.length) || 0) > 0 ? (W = E == null ? void 0 : E.like) == null ? void 0 : W.map((V) => {
           var X, re, R;
           return {
             id: (X = V == null ? void 0 : V.user) == null ? void 0 : X.id,
             name: (R = (re = V == null ? void 0 : V.user) == null ? void 0 : re.data) == null ? void 0 : R.name
           };
-        }) : !1, C = _ == null ? void 0 : _.user, T = (C == null ? void 0 : C.id) === (b == null ? void 0 : b.id), x = tn(i, T), $ = typeof _.data.content == "string" ? (J = _ == null ? void 0 : _.data) == null ? void 0 : J.content : (
+        }) : !1, C = _ == null ? void 0 : _.user, T = (C == null ? void 0 : C.id) === (y == null ? void 0 : y.id), x = tn(i, T), $ = 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) || ""
         );
@@ -10390,7 +10390,7 @@ const Zc = ({
                 createContent: () => null,
                 deleteContent: () => p({ replyId: g }),
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                updateContent: (V, { body: X }) => d({ replyId: g, content: X })
+                updateContent: (V, { body: X }) => u({ replyId: g, content: X })
               },
               likes: {
                 createLike: () => m({ replyId: g }),
@@ -10413,18 +10413,18 @@ const Zc = ({
 }) => {
   const c = G(), {
     replies: f,
-    repliesCount: l,
-    fetchNextPage: u,
-    hasNextPage: d,
+    repliesCount: d,
+    fetchNextPage: l,
+    hasNextPage: u,
     isLoading: m,
-    mutations: { create: p, edit: v, like: b, remove: _, unlike: g },
-    user: y
+    mutations: { create: p, edit: v, like: y, remove: _, unlike: g },
+    user: b
   } = Za({
     queryKey: [t, e, n, "replies"],
     queryFns: i
   });
   return Mi(), Ua(), /* @__PURE__ */ a.jsxs("section", { children: [
-    /* @__PURE__ */ a.jsx(fc, { type: "comment", responses: l }),
+    /* @__PURE__ */ a.jsx(fc, { type: "comment", responses: d }),
     /* @__PURE__ */ a.jsx(
       Aa,
       {
@@ -10450,14 +10450,14 @@ const Zc = ({
       var W, J, k, N, Z, B, H, ee, Y, V, X, re;
       const { id: j, own_children: w, latest_children: z, children_counts: F } = E, M = (((W = w == null ? void 0 : w.like) == null ? void 0 : W.length) || 0) > 0 ? (J = w == null ? void 0 : w.like) == null ? void 0 : J.find((R) => {
         var oe;
-        return ((oe = R == null ? void 0 : R.user) == null ? void 0 : oe.id) === (y == null ? void 0 : y.id);
+        return ((oe = R == null ? void 0 : R.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 = z == null ? void 0 : z.like) == null ? void 0 : k.length) || 0) > 0 ? (N = z == null ? void 0 : z.like) == null ? void 0 : N.map((R) => {
         var oe, D, ve;
         return {
           id: (oe = R == null ? void 0 : R.user) == null ? void 0 : oe.id,
           name: (ve = (D = R == null ? void 0 : R.user) == null ? void 0 : D.data) == null ? void 0 : ve.name
         };
-      }) : !1, $ = E == null ? void 0 : E.user, I = ($ == null ? void 0 : $.id) === (y == null ? void 0 : y.id), U = tn(r, I), A = typeof E.data.content == "string" ? (Z = E == null ? void 0 : E.data) == null ? void 0 : Z.content : (
+      }) : !1, $ = E == null ? void 0 : E.user, I = ($ == null ? void 0 : $.id) === (b == null ? void 0 : b.id), U = tn(r, I), A = typeof E.data.content == "string" ? (Z = E == null ? void 0 : E.data) == null ? void 0 : Z.content : (
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         ((H = (B = E == null ? void 0 : E.data) == null ? void 0 : B.content) == null ? void 0 : H.text) || ""
       );
@@ -10498,7 +10498,7 @@ const Zc = ({
               updateContent: (R, { body: oe }) => v({ replyId: j, content: oe })
             },
             likes: {
-              createLike: () => b({ replyId: j }),
+              createLike: () => y({ replyId: j }),
               deleteLike: () => g({ replyId: j, reactionId: O })
             },
             comments: {}
@@ -10523,8 +10523,8 @@ const Zc = ({
     !m && /* @__PURE__ */ a.jsx(
       en,
       {
-        hasNextPage: d,
-        loadNextPage: () => u(),
+        hasNextPage: u,
+        loadNextPage: () => l(),
         icon: { icon: "arrow-down", position: "right" },
         messages: {
           button: c.formatMessage({ id: "loadMore_button" }),
@@ -10581,13 +10581,13 @@ function Yc({
     },
     user: o,
     ...c
-  }, l = Hc({ ...f, mutationFn: e }), u = Kc({ ...f, mutationFn: n }), d = Gc({ ...f, mutationFn: r }), { activity: m, ...p } = Vc({ queryKey: i, queryFn: t });
+  }, d = Hc({ ...f, mutationFn: e }), l = Kc({ ...f, mutationFn: n }), u = Gc({ ...f, mutationFn: r }), { activity: m, ...p } = Vc({ queryKey: i, queryFn: t });
   return {
     activity: m,
     mutations: {
-      edit: l,
-      like: u,
-      unlike: d
+      edit: d,
+      like: l,
+      unlike: u
     },
     user: o,
     ...p
@@ -10640,32 +10640,32 @@ const Vl = ({
   }
 }) => {
   var M, O, C, T, x, $, I, U, A, W;
-  const l = G(), u = Ce(Oe), {
-    activity: d,
+  const d = G(), l = Ce(Oe), {
+    activity: u,
     error: m,
     isLoading: p,
-    mutations: { edit: v, like: b, unlike: _ }
+    mutations: { edit: v, like: y, unlike: _ }
   } = Yc({
     queryFns: s,
     queryKey: [t, e, n]
   });
   if (p)
     return /* @__PURE__ */ a.jsx(Te, { style: { height: "400px" } });
-  if (m || !d)
+  if (m || !u)
     return /* @__PURE__ */ a.jsx(
       tt,
       {
         variant: "error",
-        text: l.formatMessage({ id: "activitySection_notFoundError" })
+        text: d.formatMessage({ id: "activitySection_notFoundError" })
       }
     );
-  const { own_reactions: g, latest_reactions: y } = d, E = (((M = y == null ? void 0 : y.like) == null ? void 0 : M.length) || 0) > 0, j = (((O = g == null ? void 0 : g.like) == null ? void 0 : O.length) || 0) > 0, w = j ? g == null ? void 0 : g.like[0].id : "", z = E ? (C = y == null ? void 0 : y.like) == null ? void 0 : C.map((J) => {
+  const { own_reactions: g, latest_reactions: b } = u, E = (((M = b == null ? void 0 : b.like) == null ? void 0 : M.length) || 0) > 0, j = (((O = g == null ? void 0 : g.like) == null ? void 0 : O.length) || 0) > 0, w = j ? g == null ? void 0 : g.like[0].id : "", z = E ? (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, F = d == null ? void 0 : d.actor, q = (F == null ? void 0 : F.id) === (u == null ? void 0 : u.id);
+  }) : !1, F = u == null ? void 0 : u.actor, q = (F == null ? void 0 : F.id) === (l == null ? void 0 : l.id);
   return /* @__PURE__ */ a.jsxs("section", { className: "activity-section", children: [
     /* @__PURE__ */ a.jsx(
       nn,
@@ -10674,12 +10674,12 @@ const Vl = ({
         content: {
           id: n,
           type: "post",
-          body: d == null ? void 0 : d.content,
+          body: u == null ? void 0 : u.content,
           canLike: tn(r, q),
-          createdAt: (d == null ? void 0 : d.time) || "",
+          createdAt: (u == null ? void 0 : u.time) || "",
           slugs: {
             question: `${t}/${e}`,
-            answer: d == null ? void 0 : d.id
+            answer: u == null ? void 0 : u.id
           },
           slug: n,
           author: {
@@ -10693,8 +10693,8 @@ const Vl = ({
             }
           },
           userLiked: j,
-          likes: ((A = d == null ? void 0 : d.reaction_counts) == null ? void 0 : A.like) || 0,
-          comments: ((W = d == null ? void 0 : d.reaction_counts) == null ? void 0 : W.reply) || 0,
+          likes: ((A = u == null ? void 0 : u.reaction_counts) == null ? void 0 : A.like) || 0,
+          comments: ((W = u == null ? void 0 : u.reaction_counts) == null ? void 0 : W.reply) || 0,
           peopleWhoLiked: z
         },
         originalAuthorId: F == null ? void 0 : F.id,
@@ -10707,7 +10707,7 @@ const Vl = ({
             updateContent: (J, { body: k }) => v({ content: k })
           },
           likes: {
-            createLike: () => b({ activityId: n }),
+            createLike: () => y({ activityId: n }),
             deleteLike: () => _({ activityId: n, reactionId: w })
           },
           comments: {