@apolitical/component-library 3.5.8 → 3.5.10-ac.13

package/index.mjs

@@ -130,15 +130,15 @@ var ot = {};
 var wr;
 function Is() {
   return wr || (wr = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = Y, e = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), o = Symbol.for("react.provider"), c = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), l = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), g = Symbol.iterator, y = "@@iterator";
+    var t = Y, e = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), o = Symbol.for("react.provider"), c = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), l = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), g = Symbol.iterator, v = "@@iterator";
     function _(h) {
       if (h === null || typeof h != "object")
         return null;
-      var M = g && h[g] || h[y];
+      var M = g && h[g] || h[v];
       return typeof M == "function" ? M : null;
     }
-    var v = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function b(h) {
+    var y = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function x(h) {
       {
         for (var M = arguments.length, I = new Array(M > 1 ? M - 1 : 0), ne = 1; ne < M; ne++)
           I[ne - 1] = arguments[ne];
@@ -147,7 +147,7 @@ function Is() {
     }
     function E(h, M, I) {
       {
-        var ne = v.ReactDebugCurrentFrame, le = ne.getStackAddendum();
+        var ne = y.ReactDebugCurrentFrame, le = ne.getStackAddendum();
         le !== "" && (M += "%s", I = I.concat([le]));
         var me = I.map(function(ce) {
           return String(ce);
@@ -155,10 +155,10 @@ function Is() {
         me.unshift("Warning: " + M), Function.prototype.apply.call(console[h], console, me);
       }
     }
-    var k = !1, w = !1, D = !1, R = !1, Q = !1, B;
+    var w = !1, b = !1, F = !1, R = !1, Q = !1, B;
     B = Symbol.for("react.module.reference");
     function $(h) {
-      return !!(typeof h == "string" || typeof h == "function" || h === r || h === i || Q || h === s || h === l || h === u || R || h === p || k || w || D || typeof h == "object" && h !== null && (h.$$typeof === m || h.$$typeof === f || h.$$typeof === o || h.$$typeof === c || h.$$typeof === d || // This needs to include all possible module reference object
+      return !!(typeof h == "string" || typeof h == "function" || h === r || h === i || Q || h === s || h === l || h === u || R || h === p || w || b || F || typeof h == "object" && h !== null && (h.$$typeof === m || h.$$typeof === f || h.$$typeof === o || h.$$typeof === c || h.$$typeof === d || // 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.
@@ -171,13 +171,13 @@ function Is() {
       var le = M.displayName || M.name || "";
       return le !== "" ? I + "(" + le + ")" : I;
     }
-    function j(h) {
+    function k(h) {
       return h.displayName || "Context";
     }
-    function x(h) {
+    function j(h) {
       if (h == null)
         return null;
-      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")
+      if (typeof h.tag == "number" && x("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;
@@ -199,19 +199,19 @@ function Is() {
         switch (h.$$typeof) {
           case c:
             var M = h;
-            return j(M) + ".Consumer";
+            return k(M) + ".Consumer";
           case o:
             var I = h;
-            return j(I._context) + ".Provider";
+            return k(I._context) + ".Provider";
           case d:
             return C(h, h.render, "ForwardRef");
           case f:
             var ne = h.displayName || null;
-            return ne !== null ? ne : x(h.type) || "Memo";
+            return ne !== null ? ne : j(h.type) || "Memo";
           case m: {
             var le = h, me = le._payload, ce = le._init;
             try {
-              return x(ce(me));
+              return j(ce(me));
             } catch {
               return null;
             }
@@ -219,13 +219,13 @@ function Is() {
         }
       return null;
     }
-    var N = Object.assign, O = 0, W, Z, z, K, T, P, q;
+    var N = Object.assign, A = 0, W, Z, z, K, T, P, q;
     function L() {
     }
     L.__reactDisabledLog = !0;
     function U() {
       {
-        if (O === 0) {
+        if (A === 0) {
           W = console.log, Z = console.info, z = console.warn, K = console.error, T = console.group, P = console.groupCollapsed, q = console.groupEnd;
           var h = {
             configurable: !0,
@@ -243,12 +243,12 @@ function Is() {
             groupEnd: h
           });
         }
-        O++;
+        A++;
       }
     }
     function te() {
       {
-        if (O--, O === 0) {
+        if (A--, A === 0) {
           var h = {
             configurable: !0,
             enumerable: !0,
@@ -278,10 +278,10 @@ function Is() {
             })
           });
         }
-        O < 0 && b("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        A < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var G = v.ReactCurrentDispatcher, V;
+    var G = y.ReactCurrentDispatcher, V;
     function ee(h, M, I) {
       {
         if (V === void 0)
@@ -295,16 +295,16 @@ function Is() {
 ` + V + h;
       }
     }
-    var re = !1, F;
+    var re = !1, O;
     {
       var oe = typeof WeakMap == "function" ? WeakMap : Map;
-      F = new oe();
+      O = new oe();
     }
-    function A(h, M) {
+    function D(h, M) {
       if (!h || re)
         return "";
       {
-        var I = F.get(h);
+        var I = O.get(h);
         if (I !== void 0)
           return I;
       }
@@ -359,7 +359,7 @@ function Is() {
                   if (he--, ge--, ge < 0 || ie[he] !== xe[ge]) {
                     var ke = `
 ` + ie[he].replace(" at new ", " at ");
-                    return h.displayName && ke.includes("<anonymous>") && (ke = ke.replace("<anonymous>", h.displayName)), typeof h == "function" && F.set(h, ke), ke;
+                    return h.displayName && ke.includes("<anonymous>") && (ke = ke.replace("<anonymous>", h.displayName)), typeof h == "function" && O.set(h, ke), ke;
                   }
                 while (he >= 1 && ge >= 0);
               break;
@@ -369,10 +369,10 @@ function Is() {
         re = !1, G.current = me, te(), Error.prepareStackTrace = le;
       }
       var Ge = h ? h.displayName || h.name : "", _r = Ge ? ee(Ge) : "";
-      return typeof h == "function" && F.set(h, _r), _r;
+      return typeof h == "function" && O.set(h, _r), _r;
     }
     function ve(h, M, I) {
-      return A(h, !1);
+      return D(h, !1);
     }
     function Ne(h) {
       var M = h.prototype;
@@ -382,7 +382,7 @@ function Is() {
       if (h == null)
         return "";
       if (typeof h == "function")
-        return A(h, Ne(h));
+        return D(h, Ne(h));
       if (typeof h == "string")
         return ee(h);
       switch (h) {
@@ -407,7 +407,7 @@ function Is() {
         }
       return "";
     }
-    var Ue = Object.prototype.hasOwnProperty, cr = {}, lr = v.ReactDebugCurrentFrame;
+    var Ue = Object.prototype.hasOwnProperty, cr = {}, lr = y.ReactDebugCurrentFrame;
     function Et(h) {
       if (h) {
         var M = h._owner, I = Ce(h.type, h._source, M ? M.type : null);
@@ -430,7 +430,7 @@ function Is() {
             } catch (he) {
               ie = he;
             }
-            ie && !(ie instanceof Error) && (Et(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", I, ce, typeof ie), Et(null)), ie instanceof Error && !(ie.message in cr) && (cr[ie.message] = !0, Et(le), b("Failed %s type: %s", I, ie.message), Et(null));
+            ie && !(ie instanceof Error) && (Et(le), x("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", ne || "React class", I, ce, typeof ie), Et(null)), ie instanceof Error && !(ie.message in cr) && (cr[ie.message] = !0, Et(le), x("Failed %s type: %s", I, ie.message), Et(null));
           }
       }
     }
@@ -456,9 +456,9 @@ function Is() {
     }
     function dr(h) {
       if (as(h))
-        return b("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", rs(h)), ur(h);
+        return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", rs(h)), ur(h);
     }
-    var st = v.ReactCurrentOwner, ss = {
+    var st = y.ReactCurrentOwner, ss = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -483,14 +483,14 @@ function Is() {
     }
     function cs(h, M) {
       if (typeof h.ref == "string" && st.current && M && st.current.stateNode !== M) {
-        var I = x(st.current.type);
-        un[I] || (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(st.current.type), h.ref), un[I] = !0);
+        var I = j(st.current.type);
+        un[I] || (x('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', j(st.current.type), h.ref), un[I] = !0);
       }
     }
     function ls(h, M) {
       {
         var I = function() {
-          fr || (fr = !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)", M));
+          fr || (fr = !0, x("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", M));
         };
         I.isReactWarning = !0, Object.defineProperty(h, "key", {
           get: I,
@@ -501,7 +501,7 @@ function Is() {
     function us(h, M) {
       {
         var I = function() {
-          mr || (mr = !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)", M));
+          mr || (mr = !0, x("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", M));
         };
         I.isReactWarning = !0, Object.defineProperty(h, "ref", {
           get: I,
@@ -556,7 +556,7 @@ function Is() {
         return ds(h, ie, xe, le, ne, st.current, ce);
       }
     }
-    var dn = v.ReactCurrentOwner, pr = v.ReactDebugCurrentFrame;
+    var dn = y.ReactCurrentOwner, pr = y.ReactDebugCurrentFrame;
     function Ke(h) {
       if (h) {
         var M = h._owner, I = Ce(h.type, h._source, M ? M.type : null);
@@ -572,7 +572,7 @@ function Is() {
     function hr() {
       {
         if (dn.current) {
-          var h = x(dn.current.type);
+          var h = j(dn.current.type);
           if (h)
             return `
 
@@ -615,7 +615,7 @@ Check the top-level render call using <` + I + ">.");
           return;
         gr[I] = !0;
         var ne = "";
-        h && h._owner && h._owner !== dn.current && (ne = " It was passed a child from " + x(h._owner.type) + "."), Ke(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.', I, ne), Ke(null);
+        h && h._owner && h._owner !== dn.current && (ne = " It was passed a child from " + j(h._owner.type) + "."), Ke(h), x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', I, ne), Ke(null);
       }
     }
     function br(h, M) {
@@ -652,14 +652,14 @@ Check the top-level render call using <` + I + ">.");
         else
           return;
         if (I) {
-          var ne = x(M);
+          var ne = j(M);
           ts(I, h.props, "prop", ne, h);
         } else if (M.PropTypes !== void 0 && !fn) {
           fn = !0;
-          var le = x(M);
-          b("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", le || "Unknown");
+          var le = j(M);
+          x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", le || "Unknown");
         }
-        typeof M.getDefaultProps == "function" && !M.getDefaultProps.isReactClassApproved && b("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof M.getDefaultProps == "function" && !M.getDefaultProps.isReactClassApproved && x("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function gs(h) {
@@ -667,11 +667,11 @@ Check the top-level render call using <` + I + ">.");
         for (var M = Object.keys(h.props), I = 0; I < M.length; I++) {
           var ne = M[I];
           if (ne !== "children" && ne !== "key") {
-            Ke(h), b("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", ne), Ke(null);
+            Ke(h), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", ne), Ke(null);
             break;
           }
         }
-        h.ref !== null && (Ke(h), b("Invalid attribute `ref` supplied to `React.Fragment`."), Ke(null));
+        h.ref !== null && (Ke(h), x("Invalid attribute `ref` supplied to `React.Fragment`."), Ke(null));
       }
     }
     function yr(h, M, I, ne, le, me) {
@@ -683,7 +683,7 @@ Check the top-level render call using <` + I + ">.");
           var xe = ms(le);
           xe ? ie += xe : ie += hr();
           var he;
-          h === null ? he = "null" : ln(h) ? he = "array" : h !== void 0 && h.$$typeof === e ? (he = "<" + (x(h.type) || "Unknown") + " />", ie = " 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, ie);
+          h === null ? he = "null" : ln(h) ? he = "array" : h !== void 0 && h.$$typeof === e ? (he = "<" + (j(h.type) || "Unknown") + " />", ie = " Did you accidentally export a JSX literal instead of a component?") : he = typeof h, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", he, ie);
         }
         var ge = fs(h, M, I, le, me);
         if (ge == null)
@@ -697,7 +697,7 @@ Check the top-level render call using <` + I + ">.");
                   br(ke[Ge], h);
                 Object.freeze && Object.freeze(ke);
               } else
-                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.");
+                x("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
               br(ke, h);
         }
@@ -737,43 +737,43 @@ function Bs(t, e, n) {
   if (typeof t != "function")
     throw new TypeError("Expected a function");
   e = +e || 0;
-  var g = !!(n = n || {}).leading, y = !("trailing" in n) || !!n.trailing, _ = "maxWait" in n, v = "debounceOnServer" in n && !!n.debounceOnServer, b = _ ? Math.max(+n.maxWait || 0, e) : null;
+  var g = !!(n = n || {}).leading, v = !("trailing" in n) || !!n.trailing, _ = "maxWait" in n, y = "debounceOnServer" in n && !!n.debounceOnServer, x = _ ? Math.max(+n.maxWait || 0, e) : null;
   ae(function() {
     return f.current = !0, function() {
       f.current = !1;
     };
   }, []);
   var E = wt(function() {
-    var k = function($) {
-      var C = c.current, j = d.current;
-      return c.current = d.current = null, i.current = $, l.current = u.current.apply(j, C);
-    }, w = function($, C) {
+    var w = function($) {
+      var C = c.current, k = d.current;
+      return c.current = d.current = null, i.current = $, l.current = u.current.apply(k, C);
+    }, b = function($, C) {
       p && cancelAnimationFrame(o.current), o.current = p ? requestAnimationFrame($) : setTimeout($, C);
-    }, D = function($) {
+    }, F = function($) {
       if (!f.current)
         return !1;
       var C = $ - s.current;
-      return !s.current || C >= e || C < 0 || _ && $ - i.current >= b;
+      return !s.current || C >= e || C < 0 || _ && $ - i.current >= x;
     }, R = function($) {
-      return o.current = null, y && c.current ? k($) : (c.current = d.current = null, l.current);
+      return o.current = null, v && c.current ? w($) : (c.current = d.current = null, l.current);
     }, Q = function $() {
       var C = Date.now();
-      if (D(C))
+      if (F(C))
         return R(C);
       if (f.current) {
-        var j = e - (C - s.current), x = _ ? Math.min(j, b - (C - i.current)) : j;
-        w($, x);
+        var k = e - (C - s.current), j = _ ? Math.min(k, x - (C - i.current)) : k;
+        b($, j);
       }
     }, B = function() {
-      if (m || v) {
-        var $ = Date.now(), C = D($);
+      if (m || y) {
+        var $ = Date.now(), C = F($);
         if (c.current = [].slice.call(arguments), d.current = r, s.current = $, C) {
           if (!o.current && f.current)
-            return i.current = s.current, w(Q, e), g ? k(s.current) : l.current;
+            return i.current = s.current, b(Q, e), g ? w(s.current) : l.current;
           if (_)
-            return w(Q, e), k(s.current);
+            return b(Q, e), w(s.current);
         }
-        return o.current || w(Q, e), l.current;
+        return o.current || b(Q, e), l.current;
       }
     };
     return B.cancel = function() {
@@ -783,7 +783,7 @@ function Bs(t, e, n) {
     }, B.flush = function() {
       return o.current ? R(Date.now()) : l.current;
     }, B;
-  }, [g, _, e, b, y, p, m, v]);
+  }, [g, _, e, x, v, p, m, y]);
   return E;
 }
 function fa(t, e, n) {
@@ -983,10 +983,13 @@ const ze = {
   card_member_type_member: "Member",
   card_member_count: "{count} members",
   card_cta_people: "View profile",
+  card_cta_communityPage: "Join now",
   card_cta_event: "Register now",
   card_cta_microcourse: "Enrol now",
+  card_cta_communityPage_loading: "Joining...",
   card_cta_event_loading: "Registering...",
   card_cta_microcourse_loading: "Enrolling...",
+  card_cta_communityPage_done: "Joined",
   card_cta_event_done: "Registered",
   card_cta_microcourse_done: "Enrolled",
   carousel_pagination_previous: "Previous",
@@ -1451,12 +1454,12 @@ Thank you for helping to protect the Apolitical community from abusive content.`
 }) => {
   const p = jt(typeof e == "object");
   if (typeof e == "object" && typeof p == "number") {
-    const _ = Object.assign({}, e), v = pa(Object.keys(_));
-    e = ha(p, v, _);
+    const _ = Object.assign({}, e), y = pa(Object.keys(_));
+    e = ha(p, y, _);
   }
   const g = [];
   typeof e == "string" && g.push(e), r && (g.push("icon"), typeof r == "object" ? (g.push(r.icon), r.position ? g.push(r.position) : g.push("left"), r.hover && g.push(`hover_${r.hover}`), r.animate && (g.push("animate"), typeof r.animate == "string" && g.push(r.animate))) : (g.push(r), !r.includes("right") && !r.includes("left") && g.push("left"))), n.muted && g.push("muted"), n.fullWidth && g.push("full-width");
-  const y = {
+  const v = {
     ...f,
     className: S(t, c, g, {
       "no-text": !u,
@@ -1468,9 +1471,9 @@ Thank you for helping to protect the Apolitical community from abusive content.`
     },
     disabled: typeof d == "object" && "isClickable" in d ? !d.isClickable : d
   };
-  return s && (i = "a", y.href = s), Y.createElement(
+  return s && (i = "a", v.href = s), Y.createElement(
     i,
-    y,
+    v,
     u || (l ? /* @__PURE__ */ a.jsx(be, { showOnFocus: !1, children: l }) : null)
   );
 }, kt = ({ buttons: t, className: e = "", ...n }) => {
@@ -1614,7 +1617,7 @@ const Tt = ({ image: t, className: e, testId: n }) => {
     loading: l,
     decoding: u,
     fetchPriority: f
-  } = t, { range: m, sizes: p } = ri(t), g = hn({ format: "avif", query: o, range: m, url: c }), y = hn({ format: "webp", query: o, range: m, url: c }), _ = hn({ format: "", query: o, range: m, url: c });
+  } = t, { range: m, sizes: p } = ri(t), g = hn({ format: "avif", query: o, range: m, url: c }), v = hn({ format: "webp", query: o, range: m, url: c }), _ = hn({ format: "", query: o, range: m, url: c });
   return /* @__PURE__ */ a.jsxs("picture", { className: e, children: [
     i !== "image/gif" && /* @__PURE__ */ a.jsx(
       "source",
@@ -1625,7 +1628,7 @@ const Tt = ({ image: t, className: e, testId: n }) => {
         "data-testid": "source"
       }
     ),
-    /* @__PURE__ */ a.jsx("source", { type: "image/webp", srcSet: y, sizes: p, "data-testid": "source" }),
+    /* @__PURE__ */ a.jsx("source", { type: "image/webp", srcSet: v, sizes: p, "data-testid": "source" }),
     /* @__PURE__ */ a.jsx(
       "img",
       {
@@ -2251,7 +2254,7 @@ const Xn = ({
   if (!t || typeof t != "number")
     return null;
   const c = (u) => {
-    const f = u / 60, m = Math.floor(f), p = (f - m) * 60, g = Math.round(p), y = `${i.formatMessage(
+    const f = u / 60, m = Math.floor(f), p = (f - m) * 60, g = Math.round(p), v = `${i.formatMessage(
       { id: `${o}hours` },
       { time: m }
     )}${m > 0 && g > 0 ? ", " : ""}${i.formatMessage(
@@ -2261,7 +2264,7 @@ const Xn = ({
     return { text: `${m > 0 ? `${i.formatMessage(
       { id: `${o}hours_short` },
       { time: m }
-    )} ` : ""}${g > 0 ? i.formatMessage({ id: `${o}minutes_short` }, { time: g }) : ""}`, ariaText: y };
+    )} ` : ""}${g > 0 ? i.formatMessage({ id: `${o}minutes_short` }, { time: g }) : ""}`, ariaText: v };
   };
   let { text: d, ariaText: l } = c(t);
   if (e) {
@@ -2964,16 +2967,16 @@ const Pr = {
     className: S("contributors", l, s, { "has-gap": i }),
     children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
       /* @__PURE__ */ a.jsx("ul", { children: n.map((m, p) => {
-        let g, y = "";
+        let g, v = "";
         if (p < c) {
-          const { name: _ = "", image: v = "" } = ka(m);
+          const { name: _ = "", image: y = "" } = ka(m);
           if (o)
             return /* @__PURE__ */ a.jsx(Se, { element: "li", className: "contributor" }, p);
           g = /* @__PURE__ */ a.jsx(
             Ye,
             {
               name: _,
-              src: v,
+              src: y,
               width: Pr[s || "medium"],
               height: Pr[s || "medium"]
             }
@@ -2989,9 +2992,9 @@ const Pr = {
                 ei(_, 0)
               ]
             }
-          ), y = "number-left";
+          ), v = "number-left";
         }
-        return g ? /* @__PURE__ */ a.jsx("li", { className: S("contributor", y), children: g }, p) : null;
+        return g ? /* @__PURE__ */ a.jsx("li", { className: S("contributor", v), children: g }, p) : null;
       }) }),
       r && /* @__PURE__ */ a.jsx("span", { className: "label", children: typeof r == "string" ? r : n.length === 1 ? typeof n[0] == "string" ? f.formatMessage({ id: `member_${n[0]}` }) : et(n[0].name || "", 20) : d || null })
     ] })
@@ -3012,7 +3015,7 @@ const $t = "emailHelperTextBox_", Oi = ({
   }), [c, d] = X(!1), l = sa(
     (p) => {
       p.preventDefault(), p.stopPropagation();
-      const g = (y) => {
+      const g = (v) => {
         o({
           path: `${$t}error_verificationFailedToSend`,
           type: "error",
@@ -3030,7 +3033,7 @@ const $t = "emailHelperTextBox_", Oi = ({
             "data-gtm-event-context": "ErrorVerifyingBox",
             "data-gtm-event-type": "email-concierge-click"
           },
-          error: y
+          error: v
         });
       };
       if (typeof r != "function") {
@@ -3039,8 +3042,8 @@ const $t = "emailHelperTextBox_", Oi = ({
       }
       d(!0), r(e).then(() => {
         localStorage.setItem("email", e), window.location.href = n || "/signup/verify-email";
-      }).catch((y) => {
-        g(y.message);
+      }).catch((v) => {
+        g(v.message);
       }).finally(() => {
         d(!1);
       });
@@ -3050,13 +3053,13 @@ const $t = "emailHelperTextBox_", Oi = ({
   );
   ae(
     () => {
-      let p = $t, g = "default", y = {}, _ = {};
+      let p = $t, g = "default", v = {}, _ = {};
       switch (t) {
         case "gov":
           p += "autoApproved", g = "success";
           break;
         case "nonGov":
-          p += "unrecognisedEmail", g = "error", y = {
+          p += "unrecognisedEmail", g = "error", v = {
             href: "https://about.apolitical.co/who-can-join-the-community",
             "data-gtm-event-context": "NonGovEmailHelperTextBox",
             "data-gtm-event-type": "LearnMoreClick"
@@ -3071,17 +3074,17 @@ const $t = "emailHelperTextBox_", Oi = ({
           };
           break;
         case "verify":
-          p += "emailUnverified", g = "error", y = {
+          p += "emailUnverified", g = "error", v = {
             href: "#",
             "data-gtm-event-context": "VerifyEmailBox",
             "data-gtm-event-type": "SendEmailClick",
             className: "gtm-trackable",
-            onClick: (v) => l(v),
+            onClick: (y) => l(y),
             "data-testid": "send-verify-email-click"
           };
           break;
         case "exists":
-          p += "emailAlreadyExists", g = "error", y = {
+          p += "emailAlreadyExists", g = "error", v = {
             href: "/user-onboarding/login",
             "data-gtm-event-context": "EmailExistsBox",
             "data-gtm-event-type": "login-click"
@@ -3093,14 +3096,14 @@ const $t = "emailHelperTextBox_", Oi = ({
           };
           break;
         default:
-          p += "default", y = {
+          p += "default", v = {
             href: "https://about.apolitical.co/who-can-join-the-community",
             "data-gtm-event-context": "DefaultEmailHelperTextBox",
             "data-gtm-event-type": "LearnMoreClick"
           };
           break;
       }
-      o({ ...i, path: p, type: g, link: y, mail: _ });
+      o({ ...i, path: p, type: g, link: v, mail: _ });
     },
     /* eslint-disable react-hooks/exhaustive-deps */
     [t]
@@ -3173,70 +3176,119 @@ const Qe = {
   DOWN: "ArrowDown",
   ENTER: "Enter"
 }, Ai = 500, Di = ({
-  value: t,
-  placeholder: e,
-  functions: n = {
+  id: t,
+  name: e = t,
+  value: n,
+  placeholder: r,
+  functions: s = {
     onChange: () => {
     },
     onKeyInput: async () => new Promise(() => {
     })
-  }
+  },
+  ...i
 }) => {
-  const { onChange: r = () => {
-  }, onKeyInput: s = async () => {
-  } } = n, [{ input: i, displayInput: o, debouncedInput: c }, d] = X({
-    input: t,
-    displayInput: t,
-    debouncedInput: t
-  }), [{ predictions: l, activePredictionIndex: u, isPredictionSelected: f }, m] = X({
+  const { onChange: o = () => {
+  }, onKeyInput: c = async () => {
+  } } = s, [{ input: d, displayInput: l, debouncedInput: u }, f] = X({
+    input: n,
+    displayInput: n,
+    debouncedInput: n
+  }), [
+    { predictions: m, activePredictionIndex: p, isPredictionSelected: g },
+    v
+  ] = X({
     predictions: [],
     activePredictionIndex: -1,
-    isPredictionSelected: !!t
-  }), { formatMessage: p } = H();
-  e || (e = p({ id: "inputAutocomplete_placeholder" })), ae(() => {
-    const v = setTimeout(() => {
-      f || d((b) => ({ ...b, debouncedInput: i }));
+    isPredictionSelected: !!n
+  }), { formatMessage: _ } = H();
+  r || (r = _({ id: "inputAutocomplete_placeholder" })), ae(() => {
+    const w = setTimeout(() => {
+      g || f((b) => ({ ...b, debouncedInput: d }));
     }, Ai);
     return () => {
-      clearTimeout(v);
+      clearTimeout(w);
     };
-  }, [i, f]), ae(() => {
-    c && !f ? (async () => {
+  }, [d, g]), ae(() => {
+    u && !g ? (async () => {
       try {
-        const b = await s(c) || [];
-        m((E) => ({ ...E, predictions: b }));
+        const b = await c(u) || [];
+        v((F) => ({
+          ...F,
+          predictions: b
+        }));
       } catch (b) {
-        console.error("Error fetching predictions:", b), m((E) => ({ ...E, predictions: [] }));
-      }
-    })() : m((v) => ({ ...v, predictions: [] }));
-  }, [c, f]), ae(() => {
-    u >= 0 && l[u] && d((v) => ({ ...v, displayInput: l[u].description }));
-  }, [u, l]);
-  const g = (v) => {
-    [Qe.DOWN, Qe.UP, Qe.ENTER].includes(v.key) && (v.preventDefault(), v.key === Qe.DOWN && u < l.length - 1 ? m((b) => ({ ...b, activePredictionIndex: u + 1 })) : v.key === Qe.UP && u > 0 ? m((b) => ({ ...b, activePredictionIndex: u - 1 })) : v.key === Qe.ENTER && u > -1 && (r(l[u].description), d((b) => ({ ...b, input: l[u].description })), m((b) => ({ ...b, predictions: [], isPredictionSelected: !0 }))));
-  }, y = (v) => {
-    r(v.target.value), d((b) => ({ ...b, input: v.target.value, displayInput: v.target.value })), m((b) => ({ ...b, activePredictionIndex: -1, isPredictionSelected: !1 }));
-  }, _ = (v) => {
-    r(v.description), d((b) => ({ ...b, input: v.description, displayInput: v.description })), m((b) => ({ ...b, isPredictionSelected: !0, predictions: [] }));
+        console.error("Error fetching predictions:", b), v((F) => ({ ...F, predictions: [] }));
+      }
+    })() : v((w) => ({ ...w, predictions: [] }));
+  }, [u, g]), ae(() => {
+    p >= 0 && m[p] && f((w) => ({
+      ...w,
+      displayInput: m[p].description
+    }));
+  }, [p, m]);
+  const y = (w) => {
+    [Qe.DOWN, Qe.UP, Qe.ENTER].includes(w.key) && (w.preventDefault(), w.key === Qe.DOWN && p < m.length - 1 ? v((b) => ({
+      ...b,
+      activePredictionIndex: p + 1
+    })) : w.key === Qe.UP && p > 0 ? v((b) => ({
+      ...b,
+      activePredictionIndex: p - 1
+    })) : w.key === Qe.ENTER && p > -1 && (o(m[p].description), f((b) => ({
+      ...b,
+      input: m[p].description
+    })), v((b) => ({
+      ...b,
+      predictions: [],
+      isPredictionSelected: !0
+    }))));
+  }, x = (w) => {
+    o(w.target.value), f((b) => ({
+      ...b,
+      input: w.target.value,
+      displayInput: w.target.value
+    })), v((b) => ({
+      ...b,
+      activePredictionIndex: -1,
+      isPredictionSelected: !1
+    }));
+  }, E = (w) => {
+    o(w.description), f((b) => ({
+      ...b,
+      input: w.description,
+      displayInput: w.description
+    })), v((b) => ({
+      ...b,
+      isPredictionSelected: !0,
+      predictions: []
+    }));
   };
   return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsx(
       "input",
       {
         type: "text",
-        value: o,
-        onChange: y,
-        onKeyDown: g,
-        placeholder: e
+        value: l,
+        onChange: x,
+        onKeyDown: y,
+        placeholder: r,
+        name: e,
+        id: t,
+        ...i
       }
     ),
-    /* @__PURE__ */ a.jsx("ul", { className: "predictions-list", children: l.map((v, b) => /* @__PURE__ */ a.jsx(
+    /* @__PURE__ */ a.jsx("ul", { className: "predictions-list", children: m.map((w, b) => /* @__PURE__ */ a.jsx(
       "li",
       {
-        onClick: () => _(v),
-        onMouseEnter: () => m((E) => ({ ...E, activePredictionIndex: b })),
-        className: S("predictions-list-item", { active: b === u }),
-        children: v.description
+        onClick: () => E(w),
+        onMouseEnter: () => v((F) => ({
+          ...F,
+          activePredictionIndex: b
+        })),
+        className: S("predictions-list-item", {
+          active: b === p
+        }),
+        children: w.description
       },
       b
     )) })
@@ -3257,7 +3309,7 @@ const Ea = ({
   value: u,
   ...f
 }) => {
-  const m = H(), { onChange: p, ...g } = r, y = () => {
+  const m = H(), { onChange: p, ...g } = r, v = () => {
     e || p(u ? null : d);
   }, _ = /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsx(
@@ -3269,8 +3321,8 @@ const Ea = ({
         type: l,
         value: d,
         checked: u,
-        onKeyDown: (v) => {
-          (v.key === "Enter" || v.code === "Space") && (v.preventDefault(), v.stopPropagation(), y());
+        onKeyDown: (y) => {
+          (y.key === "Enter" || y.code === "Space") && (y.preventDefault(), y.stopPropagation(), v());
         },
         readOnly: !0,
         disabled: e
@@ -3284,9 +3336,9 @@ const Ea = ({
   return Y.createElement(
     n,
     {
-      onClick: (v) => {
-        const b = v.target;
-        b.nodeName.toLowerCase() === "a" || b.parentNode && b.parentNode.nodeName.toLowerCase() === "a" || (v.preventDefault(), v.stopPropagation(), y());
+      onClick: (y) => {
+        const x = y.target;
+        x.nodeName.toLowerCase() === "a" || x.parentNode && x.parentNode.nodeName.toLowerCase() === "a" || (y.preventDefault(), y.stopPropagation(), v());
       },
       className: S("checkbox-wrapper", t),
       ...f,
@@ -3319,23 +3371,23 @@ const Li = ({
   multiSelectOptions: d,
   id: l
 }) => {
-  const u = H(), [f, m] = X(!1), p = r || n, g = Array.isArray(p) ? [...p] : p ? [p] : [], [y, _] = X(g);
-  let v;
-  Array.isArray(y) && y.length === 1 && typeof y[0] == "string" ? v = e && y ? e.find((R) => R.id === y[0]) : e ? e[0] : { id: "", label: "" } : Array.isArray(y) && y.length === 1 && typeof y[0] != "string" ? v = y[0] : v = { id: "", label: "" }, ae(() => {
+  const u = H(), [f, m] = X(!1), p = r || n, g = Array.isArray(p) ? [...p] : p ? [p] : [], [v, _] = X(g);
+  let y;
+  Array.isArray(v) && v.length === 1 && typeof v[0] == "string" ? y = e && v ? e.find((R) => R.id === v[0]) : e ? e[0] : { id: "", label: "" } : Array.isArray(v) && v.length === 1 && typeof v[0] != "string" ? y = v[0] : y = { id: "", label: "" }, ae(() => {
     _(g);
   }, [r, n]);
-  const { onChange: b, onMultiSelectSubmit: E, ...k } = s, w = (R) => {
+  const { onChange: x, onMultiSelectSubmit: E, ...w } = s, b = (R) => {
     if (c) {
       let Q = [];
-      y != null && y.includes(R.id) ? Q = y.filter((B) => B !== R.id) : Q = [...y, R.id], _([...Q]), b && b([...Q]);
+      v != null && v.includes(R.id) ? Q = v.filter((B) => B !== R.id) : Q = [...v, R.id], _([...Q]), x && x([...Q]);
     } else
-      _([R]), b && b(R.id), m(!1);
-  }, D = (R) => {
+      _([R]), x && x(R.id), m(!1);
+  }, F = (R) => {
     if (R === "all") {
       const Q = (e == null ? void 0 : e.map((B) => B.id)) || [];
-      _(Q), b && b(Q);
+      _(Q), x && x(Q);
     } else
-      _([]), b && b([]);
+      _([]), x && x([]);
   };
   return /* @__PURE__ */ a.jsxs("div", { className: S("dropdown-wrapper", t), children: [
     /* @__PURE__ */ a.jsxs(
@@ -3349,9 +3401,9 @@ const Li = ({
           R.preventDefault(), R.stopPropagation(), m(!f);
         },
         "data-testid": "dropdown-selector",
-        ...k,
+        ...w,
         children: [
-          c ? `${o} · ${y.length}` : v.label,
+          c ? `${o} · ${v.length}` : y.label,
           /* @__PURE__ */ a.jsx(Ii, { direction: f ? "up" : "down" })
         ]
       }
@@ -3359,14 +3411,14 @@ const Li = ({
     /* @__PURE__ */ a.jsx(
       "select",
       {
-        defaultValue: v.id,
+        defaultValue: y.id,
         onChange: (R) => {
           R.preventDefault(), R.stopPropagation();
           const Q = e && e.find((B) => B.id === R.target.value);
-          w(Q);
+          b(Q);
         },
         hidden: !f,
-        ...k,
+        ...w,
         children: e == null ? void 0 : e.map((R) => /* @__PURE__ */ a.jsx("option", { value: R.id, children: R.label }, R.id))
       }
     ),
@@ -3379,14 +3431,14 @@ const Li = ({
         children: [
           /* @__PURE__ */ a.jsxs("div", { className: "dropdown-menu-list", children: [
             (d == null ? void 0 : d.topbar) && /* @__PURE__ */ a.jsxs("div", { className: "action-bar", children: [
-              /* @__PURE__ */ a.jsx("p", { children: `${y == null ? void 0 : y.length} selected` }),
+              /* @__PURE__ */ a.jsx("p", { children: `${v == null ? void 0 : v.length} selected` }),
               /* @__PURE__ */ a.jsxs("ul", { children: [
                 /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
                   se,
                   {
                     variant: "tertiary",
                     size: "small",
-                    onClick: () => D("all"),
+                    onClick: () => F("all"),
                     className: "gtm-trackable",
                     children: u.formatMessage({ id: "dropdown_menu_multiselect_all" })
                   }
@@ -3396,7 +3448,7 @@ const Li = ({
                   {
                     variant: "tertiary",
                     size: "small",
-                    onClick: () => D("none"),
+                    onClick: () => F("none"),
                     className: "gtm-trackable",
                     children: u.formatMessage({ id: "dropdown_menu_multiselect_none" })
                   }
@@ -3404,7 +3456,7 @@ const Li = ({
               ] })
             ] }),
             /* @__PURE__ */ a.jsx("ul", { children: e == null ? void 0 : e.map((R) => {
-              const Q = R.id === v.id || (y == null ? void 0 : y.includes(R)) || (y == null ? void 0 : y.includes(R.id));
+              const Q = R.id === y.id || (v == null ? void 0 : v.includes(R)) || (v == null ? void 0 : v.includes(R.id));
               return /* @__PURE__ */ a.jsx("li", { "data-testid": "dropdown-options", children: /* @__PURE__ */ a.jsxs(
                 "button",
                 {
@@ -3415,7 +3467,7 @@ const Li = ({
                   "data-gtm-event-type": `${R}-click`,
                   "data-gtm-event-context": i,
                   onClick: (B) => {
-                    B.preventDefault(), B.stopPropagation(), w(R);
+                    B.preventDefault(), B.stopPropagation(), b(R);
                   },
                   role: "menuitem",
                   "aria-current": Q,
@@ -3433,11 +3485,11 @@ const Li = ({
             {
               variant: "secondary",
               onClick: () => {
-                E && E(y), document.dispatchEvent(
+                E && E(v), document.dispatchEvent(
                   new CustomEvent("dropdownMultiSelectSubmit", {
                     detail: {
                       id: l || "dropdown-multi-select",
-                      value: y
+                      value: v
                     }
                   })
                 ), m(!1);
@@ -3474,21 +3526,21 @@ const Bi = ({
       "data-testid": `ul-${r}`,
       children: c == null ? void 0 : c.map(
         ({
-          id: y,
+          id: v,
           label: _ = !1,
-          value: v = y,
-          disabled: b = !1
+          value: y = v,
+          disabled: x = !1
         }) => {
-          const E = `${r}_${y}`, k = () => {
-            if (b)
+          const E = `${r}_${v}`, w = () => {
+            if (x)
               return;
-            let w;
+            let b;
             if (i) {
-              const D = p == null ? void 0 : p.indexOf(v);
-              Array.isArray(p) && D >= 0 ? (w = p, w.splice(D, 1)) : (!p || p.length === 0 ? w = [] : w = p, w.push(v));
+              const F = p == null ? void 0 : p.indexOf(y);
+              Array.isArray(p) && F >= 0 ? (b = p, b.splice(F, 1)) : (!p || p.length === 0 ? b = [] : b = p, b.push(y));
             } else
-              w = g === v ? void 0 : v;
-            e.onChange(w);
+              b = g === y ? void 0 : y;
+            e.onChange(b);
           };
           return /* @__PURE__ */ a.jsx(
             Ea,
@@ -3496,17 +3548,17 @@ const Bi = ({
               element: "li",
               id: E,
               type: l === "checkboxes" ? "checkbox" : "radio",
-              shownValue: v,
-              value: i ? p == null ? void 0 : p.includes(v) : g === v,
+              shownValue: y,
+              value: i ? p == null ? void 0 : p.includes(y) : g === y,
               functions: {
                 ...e,
-                onChange: k
+                onChange: w
               },
               intlPath: n,
               label: _ || m.formatMessage({
-                id: n ? `${n}_${y}` : y
+                id: n ? `${n}_${v}` : v
               }),
-              disabled: b
+              disabled: x
             },
             E
           );
@@ -3570,8 +3622,8 @@ const Je = {
   value: l,
   ...u
 }) => {
-  const f = H(), m = d && d.some(({ condition: k }) => k === "required"), p = (l == null ? void 0 : l.toString().length) || 0, g = c && Je[c] && Je[c].component ? Je[c].component : gt, y = {};
-  c && ["checkboxes"].includes(c) ? y.element = "span" : y.htmlFor = t;
+  const f = H(), m = d && d.some(({ condition: w }) => w === "required"), p = (l == null ? void 0 : l.toString().length) || 0, g = c && Je[c] && Je[c].component ? Je[c].component : gt, v = {};
+  c && ["checkboxes"].includes(c) ? v.element = "span" : v.htmlFor = t;
   let _ = {
     ...u,
     id: t,
@@ -3583,17 +3635,17 @@ const Je = {
     functions: pt(s),
     value: l
   };
-  i > 0 && (_["data-character-limit"] = i, _.functions && (_.functions.onChange = (k) => {
-    ((k == null ? void 0 : k.toString().length) || 0) > i && (k = k == null ? void 0 : k.toString().slice(0, i)), s.onChange(k);
+  i > 0 && (_["data-character-limit"] = i, _.functions && (_.functions.onChange = (w) => {
+    ((w == null ? void 0 : w.toString().length) || 0) > i && (w = w == null ? void 0 : w.toString().slice(0, i)), s.onChange(w);
   })), c && Je[c] && Je[c].props && (_ = { ..._, ...Je[c].props }), c && ["checkboxes"].includes(c) && (_.intlPath = `${e}_${t}`), r && (_["aria-invalid"] = !0, _["aria-describedby"] = `error-${t}`);
-  const v = u.label || f.formatMessage({ id: e ? `${e}_${t}` : t }), b = ({ ...k }) => r ? Y.createElement(
-    k.as || "dd",
+  const y = u.label || f.formatMessage({ id: e ? `${e}_${t}` : t }), x = ({ ...w }) => r ? Y.createElement(
+    w.as || "dd",
     {
       id: `error-${t}`,
       className: "error text-small",
       role: "alert",
       "aria-live": "assertive",
-      ...k
+      ...w
     },
     r
   ) : null;
@@ -3603,20 +3655,20 @@ const Je = {
         g,
         {
           ..._,
-          label: v,
+          label: y,
           className: S("field-wrapper", n)
         }
       ),
-      /* @__PURE__ */ a.jsx(b, { as: "p" })
+      /* @__PURE__ */ a.jsx(x, { as: "p" })
     ] });
-  const E = (k) => Y.createElement(k.element || "label", {
-    ...k,
+  const E = (w) => Y.createElement(w.element || "label", {
+    ...w,
     className: "checkboxes-label text-small",
     "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, { ...y, children: [
-      v,
+    /* @__PURE__ */ a.jsx("dt", { children: /* @__PURE__ */ a.jsxs(E, { ...v, children: [
+      y,
       m && o && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
         " ",
         /* @__PURE__ */ a.jsxs("small", { children: [
@@ -3644,7 +3696,7 @@ const Je = {
         }
       ) : null
     ] }),
-    /* @__PURE__ */ a.jsx(b, {})
+    /* @__PURE__ */ a.jsx(x, {})
   ] });
 }, Wi = (t, e) => {
   const { type: n, payload: r } = e, s = t.errors ? pt(t.errors) : {}, i = t.values ? pt(t.values) : {};
@@ -3687,27 +3739,27 @@ const Je = {
       for (const m of o)
         if (m.validation)
           for (let p = 0; p < m.validation.length; p++) {
-            const { condition: g = "required", error: y = !1 } = m.validation[p];
+            const { condition: g = "required", error: v = !1 } = m.validation[p];
             let _ = !1;
             if (typeof g == "function") {
-              const v = g(i);
-              v && (_ = y || v);
+              const y = g(i);
+              y && (_ = v || y);
             } else {
-              const v = i[m.id];
+              const y = i[m.id];
               switch (g) {
                 case "required":
-                  (!v || typeof v == "string" && v.trim().length === 0) && (_ = y || (u == null ? void 0 : u.formatMessage({ id: "form_error_required" })));
+                  (!y || typeof y == "string" && y.trim().length === 0) && (_ = v || (u == null ? void 0 : u.formatMessage({ id: "form_error_required" })));
                   break;
                 case "no-numbers": {
-                  v && !/^([^0-9]*)$/.test(v) && (_ = y || (u == null ? void 0 : u.formatMessage({ id: "form_error_numbers" })));
+                  y && !/^([^0-9]*)$/.test(y) && (_ = v || (u == null ? void 0 : u.formatMessage({ id: "form_error_numbers" })));
                   break;
                 }
                 case "valid-email": {
-                  v && !/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(v) && (_ = y || (u == null ? void 0 : u.formatMessage({ id: "form_error_email" })));
+                  y && !/^(([^<>()[\]\\.,;:\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(y) && (_ = v || (u == null ? void 0 : u.formatMessage({ id: "form_error_email" })));
                   break;
                 }
                 case "valid-url": {
-                  v && !/^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\(\)\*\+,;=.]+$/.test(v) && (_ = y || (u == null ? void 0 : u.formatMessage({ id: "form_error_url" })));
+                  y && !/^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\(\)\*\+,;=.]+$/.test(y) && (_ = v || (u == null ? void 0 : u.formatMessage({ id: "form_error_url" })));
                   break;
                 }
                 default:
@@ -3783,12 +3835,12 @@ const rn = ({
   },
   ...p
 }) => {
-  const { customOnSubmit: g, hideButton: y, ..._ } = i, v = 40, {
-    shouldShowCancelButton: b = !1,
+  const { customOnSubmit: g, hideButton: v, ..._ } = i, y = 40, {
+    shouldShowCancelButton: x = !1,
     shouldReset: E = !0,
-    showRequiredLabels: k = !0,
-    showSuccessMessage: w = !1
-  } = c || {}, D = H(), R = {};
+    showRequiredLabels: w = !0,
+    showSuccessMessage: b = !1
+  } = c || {}, F = H(), R = {};
   t.length && t.forEach((z) => {
     const K = z.id || z.name;
     K && (R[K] = z.value || "");
@@ -3798,15 +3850,15 @@ const rn = ({
     formSubmitted: !1,
     errors: {},
     values: R
-  }), { errors: $, isSubmitting: C, formSubmitted: j, values: x } = Q;
+  }), { errors: $, isSubmitting: C, formSubmitted: k, values: j } = Q;
   ae(() => {
-    E && j && (bn = setTimeout(() => {
+    E && k && (bn = setTimeout(() => {
       B({
         type: "updateValue",
         payload: { key: "formSubmitted", value: !1 }
       });
     }, 3e3));
-  }, [j]), ae(() => () => {
+  }, [k]), ae(() => () => {
     bn && clearTimeout(bn);
   }, []), ae(() => {
     const z = (K) => {
@@ -3825,32 +3877,32 @@ const rn = ({
       );
     };
   }, []);
-  const N = pe(null), O = r || N;
+  const N = pe(null), A = r || N;
   if (!t.length)
     return null;
-  i.text || (i.text = D.formatMessage({ id: "form_submit" }));
+  i.text || (i.text = F.formatMessage({ id: "form_submit" }));
   const Z = [
     {
       ..._,
-      icon: j ? { icon: "tick", position: "left" } : !1,
+      icon: k ? { icon: "tick", position: "left" } : !1,
       className: "gtm-trackable",
       onClick: (z) => {
         var P;
         if (z.preventDefault(), z.stopPropagation(), C)
           return;
         let K = 0;
-        if ((P = O == null ? void 0 : O.current) != null && P.id) {
-          const q = document.getElementById(O.current.id);
+        if ((P = A == null ? void 0 : A.current) != null && P.id) {
+          const q = document.getElementById(A.current.id);
           q && (K = q.getBoundingClientRect().top + window.scrollY);
         }
         const T = document.getElementById("header");
-        if (T && (K = K - T.offsetHeight - v), K < 0 && (K = 0), window.scrollTo({ top: K, behavior: "smooth" }), B({ type: "toggleSubmitting" }), i.disabled) {
+        if (T && (K = K - T.offsetHeight - y), K < 0 && (K = 0), window.scrollTo({ top: K, behavior: "smooth" }), B({ type: "toggleSubmitting" }), i.disabled) {
           typeof i.disabled == "object" && i.disabled.isClickable && B({
             type: "submitForm",
             payload: {
               fields: t,
               dispatch: B,
-              intl: D
+              intl: F
             }
           });
           return;
@@ -3876,26 +3928,26 @@ const rn = ({
                 payload: { key: "isSubmitting", value: !1 }
               });
             },
-            intl: D
+            intl: F
           }
         });
       },
-      disabled: C || j || i.disabled,
+      disabled: C || k || i.disabled,
       "data-gtm-event-context": d.context,
       "data-gtm-event-type": d.event,
-      children: C || j ? D.formatMessage({
+      children: C || k ? F.formatMessage({
         id: `form_${C ? "submitting" : "submitted"}`
       }) : i.text
     }
   ];
-  return b && Z.unshift({
+  return x && Z.unshift({
     ...o,
     className: "gtm-trackable",
     "data-gtm-event-context": d.context,
     "data-gtm-event-type": d.event,
-    disabled: C || j,
+    disabled: C || k,
     onClick: u,
-    children: o.text || D.formatMessage({ id: "form_cancel" })
+    children: o.text || F.formatMessage({ id: "form_cancel" })
   }), /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsxs(
       "form",
@@ -3903,16 +3955,16 @@ const rn = ({
         ...p,
         id: n,
         className: S("form", e),
-        ref: O,
+        ref: A,
         children: [
           $ != null && $.general ? /* @__PURE__ */ a.jsx(
             He,
             {
               variant: "error",
-              text: D.formatMessage({ id: "form_error_generalError" })
+              text: F.formatMessage({ id: "form_error_generalError" })
             }
           ) : null,
-          (!E || !C && !j || g) && t.map((z, K) => {
+          (!E || !C && !k || g) && t.map((z, K) => {
             const {
               id: T = z.name || K,
               component: P,
@@ -3921,13 +3973,13 @@ const rn = ({
             } = z;
             if (P)
               return /* @__PURE__ */ a.jsx(P, { ...z.props || {} }, `component-${T}-${K}`);
-            const L = x ? x[T] : "";
+            const L = j ? j[T] : "";
             return /* @__PURE__ */ a.jsx(
               Ui,
               {
                 intlPath: s,
                 ...z,
-                showRequiredLabels: k,
+                showRequiredLabels: w,
                 value: L,
                 error: $ == null ? void 0 : $[T],
                 functions: {
@@ -3940,12 +3992,12 @@ const rn = ({
               T
             );
           }),
-          y ? null : (C || j) && g ? g : /* @__PURE__ */ a.jsx(
+          v ? null : (C || k) && g ? g : /* @__PURE__ */ a.jsx(
             kt,
             {
               className: S("cta", {
-                center: C || j,
-                submitted: j
+                center: C || k,
+                submitted: k
               }),
               buttons: Z
             }
@@ -3953,7 +4005,7 @@ const rn = ({
         ]
       }
     ),
-    w && j && /* @__PURE__ */ a.jsx(Wt, { className: "success", children: typeof w == "string" ? w : D.formatMessage({ id: "form_success" }) })
+    b && k && /* @__PURE__ */ a.jsx(Wt, { className: "success", children: typeof b == "string" ? b : F.formatMessage({ id: "form_success" }) })
   ] });
 };
 const Nt = "passwordRules_", Sa = "isMoreThanEightCharacters", Ca = "includesNumberAndSymbol", $a = "includesLowerAndUppercase", zi = {
@@ -4013,67 +4065,67 @@ const Vl = ({
     disabled: !0
   }), u = async () => {
     try {
-      const v = await n();
-      l((b) => ({
-        ...b,
+      const y = await n();
+      l((x) => ({
+        ...x,
         setUp: !0,
-        id: v && v.id,
+        id: y && y.id,
         disabled: !1
       }));
-    } catch (v) {
-      l((b) => ({ ...b, setUp: !0, disabled: !0 })), s(v);
+    } catch (y) {
+      l((x) => ({ ...x, setUp: !0, disabled: !0 })), s(y);
     }
   };
   if (ae(() => {
     o && !d.setUp && u();
   }, [o]), !o)
     return /* @__PURE__ */ a.jsx(Se, { className: "rating-placeholder" });
-  const { id: f, rating: m, disabled: p } = d, g = "ratings_", y = {
+  const { id: f, rating: m, disabled: p } = d, g = "ratings_", v = {
     text: c.formatMessage({ id: `${g}text` }),
     low: c.formatMessage({ id: `${g}low` }),
     high: c.formatMessage({ id: `${g}high` }),
     success: c.formatMessage({ id: `${g}success` }),
     ...t
-  }, _ = async (v) => {
+  }, _ = async (y) => {
     if (!(!f || p))
       try {
-        l((b) => ({ ...b, rating: v, disabled: !0 })), await r({ id: f, value: v });
-      } catch (b) {
-        l((E) => ({ ...E, rating: null })), s(b);
+        l((x) => ({ ...x, rating: y, disabled: !0 })), await r({ id: f, value: y });
+      } catch (x) {
+        l((E) => ({ ...E, rating: null })), s(x);
       } finally {
-        l((b) => ({ ...b, disabled: !1 }));
+        l((x) => ({ ...x, disabled: !1 }));
       }
   };
   return /* @__PURE__ */ a.jsxs("div", { className: S("rating", i), children: [
-    /* @__PURE__ */ a.jsx("span", { className: "label", children: y[m ? "success" : "text"] }),
-    /* @__PURE__ */ a.jsx("ol", { children: Array.from(new Array(e).keys()).map((v) => {
-      const b = v + 1;
+    /* @__PURE__ */ a.jsx("span", { className: "label", children: v[m ? "success" : "text"] }),
+    /* @__PURE__ */ a.jsx("ol", { children: Array.from(new Array(e).keys()).map((y) => {
+      const x = y + 1;
       return /* @__PURE__ */ a.jsx(
         "li",
         {
-          className: S({ selected: m && b <= m }),
+          className: S({ selected: m && x <= m }),
           children: /* @__PURE__ */ a.jsx(
             se,
             {
               variant: "tertiary",
               size: "small",
               icon: {
-                icon: `star${!m || b > m ? "_empty" : ""}`,
+                icon: `star${!m || x > m ? "_empty" : ""}`,
                 position: "left",
                 hover: "star"
               },
               screenreaderText: `${c.formatMessage(
                 { id: `${g}stars` },
-                { number: b, total: e }
-              )}${b === 1 || b === e ? ` - ${y[b === 1 ? "low" : "high"]}` : ""}`,
+                { number: x, total: e }
+              )}${x === 1 || x === e ? ` - ${v[x === 1 ? "low" : "high"]}` : ""}`,
               onClick: (E) => {
-                E.preventDefault(), E.stopPropagation(), _(b);
+                E.preventDefault(), E.stopPropagation(), _(x);
               },
               disabled: p
             }
           )
         },
-        `rating-${b}`
+        `rating-${x}`
       );
     }) })
   ] });
@@ -4145,8 +4197,8 @@ function Kl({ className: t = "", userId: e, userName: n, src: r, setUserImage: s
       if (!p || !e)
         throw c(!1), new Error("Image file or userID is missing");
       const g = await i({ fileObject: p, userId: e });
-      s((y) => ({
-        ...y,
+      s((v) => ({
+        ...v,
         image: {
           thumbnail: g.thumbnailURL,
           full: g.originalURL
@@ -4249,26 +4301,26 @@ const Yi = ({
   initialFormStatus: l = "NOT_SUBMITTED"
   /* NOT_SUBMITTED */
 }) => {
-  const [u, f] = X([]), [m, p] = X(!0), [g, y] = X(l), { formatMessage: _ } = H(), v = async (k) => {
-    k.preventDefault();
+  const [u, f] = X([]), [m, p] = X(!0), [g, v] = X(l), { formatMessage: _ } = H(), y = async (w) => {
+    w.preventDefault();
     try {
-      await d(u), f([]), y(
+      await d(u), f([]), v(
         "SUCCESS"
         /* SUCCESS */
       );
-    } catch (w) {
-      y(
+    } catch (b) {
+      v(
         "ERROR"
         /* ERROR */
-      ), c(w);
+      ), c(b);
     }
-  }, b = (k) => {
-    k.preventDefault(), y(
+  }, x = (w) => {
+    w.preventDefault(), v(
       "NOT_SUBMITTED"
       /* NOT_SUBMITTED */
     ), p(!0), f([]);
-  }, E = (k) => {
-    k.preventDefault(), o(), y(
+  }, E = (w) => {
+    w.preventDefault(), o(), v(
       "CLOSED"
       /* CLOSED */
     );
@@ -4280,14 +4332,14 @@ const Yi = ({
     ] }) }),
     /* @__PURE__ */ a.jsx(Oe, {}),
     /* @__PURE__ */ a.jsx("div", { className: "footer", children: g === "SUCCESS" ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-      /* @__PURE__ */ a.jsx(se, { variant: "secondary", onClick: b, children: _({ id: "inviteForm_ctaSendMoreInvites" }) }),
+      /* @__PURE__ */ a.jsx(se, { variant: "secondary", onClick: x, children: _({ id: "inviteForm_ctaSendMoreInvites" }) }),
       /* @__PURE__ */ a.jsx(se, { onClick: E, children: _({ id: "inviteForm_ctaDone" }) })
-    ] }) : /* @__PURE__ */ a.jsx(se, { onClick: b, children: _({ id: "inviteForm_ctaTryAgain" }) }) })
+    ] }) : /* @__PURE__ */ a.jsx(se, { onClick: x, children: _({ id: "inviteForm_ctaTryAgain" }) }) })
   ] }) : /* @__PURE__ */ a.jsx("div", { className: "invite-form-wrapper", children: /* @__PURE__ */ a.jsxs(
     "form",
     {
       style: { backgroundColor: i },
-      onSubmit: v,
+      onSubmit: y,
       className: S("invite-form gtm-trackable"),
       children: [
         /* @__PURE__ */ a.jsxs("fieldset", { className: "content", children: [
@@ -4300,12 +4352,12 @@ const Yi = ({
               inputClassName: "email-input input",
               placeholder: _({ id: "inviteForm_email_placeholder" }),
               emails: u,
-              onChange: (k) => {
-                f(k), p(!k.length);
+              onChange: (w) => {
+                f(w), p(!w.length);
               },
               autoFocus: !1,
-              getLabel: (k, w, D) => /* @__PURE__ */ a.jsxs("div", { className: "email text-medium", children: [
-                /* @__PURE__ */ a.jsx("div", { "data-tag-item": !0, children: k }),
+              getLabel: (w, b, F) => /* @__PURE__ */ a.jsxs("div", { className: "email text-medium", children: [
+                /* @__PURE__ */ a.jsx("div", { "data-tag-item": !0, children: w }),
                 /* @__PURE__ */ a.jsx(
                   se,
                   {
@@ -4313,13 +4365,13 @@ const Yi = ({
                     size: "small",
                     icon: { icon: "close" },
                     onClick: () => {
-                      D(w), p(!u.length);
+                      F(b), p(!u.length);
                     },
                     className: "remove-email-button",
                     screenreaderText: _({ id: "overlay_close" })
                   }
                 )
-              ] }, w)
+              ] }, b)
             }
           )
         ] }),
@@ -4689,11 +4741,11 @@ const Ki = ({
         if (!p)
           return;
         const g = [];
-        ["name", "email"].forEach((y) => {
-          o.validFields[y] !== i[y].current.validity.valid && (g.push({
-            type: `validFields.${y}`,
-            value: i[y].current.validity.valid
-          }), y === "email" && Mr({ ref: i.email, validateEmail: r, dispatch: c }));
+        ["name", "email"].forEach((v) => {
+          o.validFields[v] !== i[v].current.validity.valid && (g.push({
+            type: `validFields.${v}`,
+            value: i[v].current.validity.valid
+          }), v === "email" && Mr({ ref: i.email, validateEmail: r, dispatch: c }));
         }), g.length && c(g);
       }
     },
@@ -4762,14 +4814,14 @@ const eo = {
     url: f,
     logInButton: m,
     successMessage: p
-  }, [y, _] = Yn(ma, eo), {
-    validFields: v,
-    emailDetails: b,
+  }, [v, _] = Yn(ma, eo), {
+    validFields: y,
+    emailDetails: x,
     shouldManuallyApprove: E,
-    shouldDisableButton: k,
-    showSuccessMessage: w,
-    showError: D
-  } = y, [R, Q] = oa([
+    shouldDisableButton: w,
+    showSuccessMessage: b,
+    showError: F
+  } = v, [R, Q] = oa([
     "signup-this-session",
     "functional-cookie-consent"
   ]), B = {
@@ -4786,30 +4838,30 @@ const eo = {
   }, [E]), ae(() => {
     R["signup-this-session"] && _([{ type: "showSuccessMessage", value: !0 }]);
   }, [R]), ae(() => {
-    w && R["functional-cookie-consent"] && Q("signup-this-session", "true", {
+    b && R["functional-cookie-consent"] && Q("signup-this-session", "true", {
       path: "/",
       maxAge: 3600
     });
-  }, [w]);
+  }, [b]);
   const $ = wt(() => Ji({
     placeholders: n,
     labels: e,
     shouldShow: g,
     functions: r,
     refs: B,
-    state: y,
+    state: v,
     dispatch: _,
     dataToSubmit: o,
     intl: d
-  }), [o, r, d, B, g, y]), C = k ? !0 : E ? !Object.values(v).every((j) => j === !0) : !v.name || !v.email || ["exists", "pending", "verify"].includes(b.boxType);
-  return g.successMessage && w ? /* @__PURE__ */ a.jsx(Xi, { className: t }) : /* @__PURE__ */ a.jsxs(
+  }), [o, r, d, B, g, v]), C = w ? !0 : E ? !Object.values(y).every((k) => k === !0) : !y.name || !y.email || ["exists", "pending", "verify"].includes(x.boxType);
+  return g.successMessage && b ? /* @__PURE__ */ a.jsx(Xi, { className: t }) : /* @__PURE__ */ a.jsxs(
     "fieldset",
     {
       className: S("signup-form-fieldset", t),
       "data-testid": "signup-form",
       children: [
         g.title && /* @__PURE__ */ a.jsx("p", { className: "signup-title", children: /* @__PURE__ */ a.jsx(ye, { id: "signup_title" }) }),
-        D && /* @__PURE__ */ a.jsx(
+        F && /* @__PURE__ */ a.jsx(
           He,
           {
             variant: "error",
@@ -4859,11 +4911,11 @@ const eo = {
                   createAccount: r.createAccount,
                   onSuccess: r.onSuccess,
                   dispatch: _,
-                  state: y
+                  state: v
                 });
               },
-              onCatch: (j) => {
-                r.handleError(j), _([
+              onCatch: (k) => {
+                r.handleError(k), _([
                   { type: "showSuccessMessage", value: !1 },
                   { type: "showError", value: !0 }
                 ]);
@@ -4890,66 +4942,66 @@ function to() {
   if (Rr)
     return ue;
   Rr = 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, s = t ? Symbol.for("react.strict_mode") : 60108, i = t ? Symbol.for("react.profiler") : 60114, o = t ? Symbol.for("react.provider") : 60109, c = t ? Symbol.for("react.context") : 60110, d = t ? Symbol.for("react.async_mode") : 60111, l = t ? Symbol.for("react.concurrent_mode") : 60111, u = t ? Symbol.for("react.forward_ref") : 60112, f = t ? Symbol.for("react.suspense") : 60113, m = t ? Symbol.for("react.suspense_list") : 60120, p = t ? Symbol.for("react.memo") : 60115, g = t ? Symbol.for("react.lazy") : 60116, y = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, v = t ? Symbol.for("react.responder") : 60118, b = t ? Symbol.for("react.scope") : 60119;
-  function E(w) {
-    if (typeof w == "object" && w !== null) {
-      var D = w.$$typeof;
-      switch (D) {
+  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, s = t ? Symbol.for("react.strict_mode") : 60108, i = t ? Symbol.for("react.profiler") : 60114, o = t ? Symbol.for("react.provider") : 60109, c = t ? Symbol.for("react.context") : 60110, d = t ? Symbol.for("react.async_mode") : 60111, l = t ? Symbol.for("react.concurrent_mode") : 60111, u = t ? Symbol.for("react.forward_ref") : 60112, f = t ? Symbol.for("react.suspense") : 60113, m = t ? Symbol.for("react.suspense_list") : 60120, p = t ? Symbol.for("react.memo") : 60115, g = t ? Symbol.for("react.lazy") : 60116, v = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, y = t ? Symbol.for("react.responder") : 60118, x = t ? Symbol.for("react.scope") : 60119;
+  function E(b) {
+    if (typeof b == "object" && b !== null) {
+      var F = b.$$typeof;
+      switch (F) {
         case e:
-          switch (w = w.type, w) {
+          switch (b = b.type, b) {
             case d:
             case l:
             case r:
             case i:
             case s:
             case f:
-              return w;
+              return b;
             default:
-              switch (w = w && w.$$typeof, w) {
+              switch (b = b && b.$$typeof, b) {
                 case c:
                 case u:
                 case g:
                 case p:
                 case o:
-                  return w;
+                  return b;
                 default:
-                  return D;
+                  return F;
               }
           }
         case n:
-          return D;
+          return F;
       }
     }
   }
-  function k(w) {
-    return E(w) === l;
+  function w(b) {
+    return E(b) === l;
   }
-  return ue.AsyncMode = d, ue.ConcurrentMode = l, ue.ContextConsumer = c, ue.ContextProvider = o, ue.Element = e, ue.ForwardRef = u, ue.Fragment = r, ue.Lazy = g, ue.Memo = p, ue.Portal = n, ue.Profiler = i, ue.StrictMode = s, ue.Suspense = f, ue.isAsyncMode = function(w) {
-    return k(w) || E(w) === d;
-  }, ue.isConcurrentMode = k, ue.isContextConsumer = function(w) {
-    return E(w) === c;
-  }, ue.isContextProvider = function(w) {
-    return E(w) === o;
-  }, ue.isElement = function(w) {
-    return typeof w == "object" && w !== null && w.$$typeof === e;
-  }, ue.isForwardRef = function(w) {
-    return E(w) === u;
-  }, ue.isFragment = function(w) {
-    return E(w) === r;
-  }, ue.isLazy = function(w) {
-    return E(w) === g;
-  }, ue.isMemo = function(w) {
-    return E(w) === p;
-  }, ue.isPortal = function(w) {
-    return E(w) === n;
-  }, ue.isProfiler = function(w) {
-    return E(w) === i;
-  }, ue.isStrictMode = function(w) {
-    return E(w) === s;
-  }, ue.isSuspense = function(w) {
-    return E(w) === f;
-  }, ue.isValidElementType = function(w) {
-    return typeof w == "string" || typeof w == "function" || w === r || w === l || w === i || w === s || w === f || w === m || typeof w == "object" && w !== null && (w.$$typeof === g || w.$$typeof === p || w.$$typeof === o || w.$$typeof === c || w.$$typeof === u || w.$$typeof === _ || w.$$typeof === v || w.$$typeof === b || w.$$typeof === y);
+  return ue.AsyncMode = d, ue.ConcurrentMode = l, ue.ContextConsumer = c, ue.ContextProvider = o, ue.Element = e, ue.ForwardRef = u, ue.Fragment = r, ue.Lazy = g, ue.Memo = p, ue.Portal = n, ue.Profiler = i, ue.StrictMode = s, ue.Suspense = f, ue.isAsyncMode = function(b) {
+    return w(b) || E(b) === d;
+  }, ue.isConcurrentMode = w, ue.isContextConsumer = function(b) {
+    return E(b) === c;
+  }, ue.isContextProvider = function(b) {
+    return E(b) === o;
+  }, ue.isElement = function(b) {
+    return typeof b == "object" && b !== null && b.$$typeof === e;
+  }, ue.isForwardRef = function(b) {
+    return E(b) === u;
+  }, ue.isFragment = function(b) {
+    return E(b) === r;
+  }, ue.isLazy = function(b) {
+    return E(b) === g;
+  }, ue.isMemo = function(b) {
+    return E(b) === p;
+  }, ue.isPortal = function(b) {
+    return E(b) === n;
+  }, ue.isProfiler = function(b) {
+    return E(b) === i;
+  }, ue.isStrictMode = function(b) {
+    return E(b) === s;
+  }, ue.isSuspense = function(b) {
+    return E(b) === f;
+  }, ue.isValidElementType = function(b) {
+    return typeof b == "string" || typeof b == "function" || b === r || b === l || b === i || b === s || b === f || b === m || typeof b == "object" && b !== null && (b.$$typeof === g || b.$$typeof === p || b.$$typeof === o || b.$$typeof === c || b.$$typeof === u || b.$$typeof === _ || b.$$typeof === y || b.$$typeof === x || b.$$typeof === v);
   }, ue.typeOf = E, ue;
 }
 var de = {};
@@ -4964,17 +5016,17 @@ var de = {};
 var Fr;
 function no() {
   return Fr || (Fr = 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, s = t ? Symbol.for("react.strict_mode") : 60108, i = t ? Symbol.for("react.profiler") : 60114, o = t ? Symbol.for("react.provider") : 60109, c = t ? Symbol.for("react.context") : 60110, d = t ? Symbol.for("react.async_mode") : 60111, l = t ? Symbol.for("react.concurrent_mode") : 60111, u = t ? Symbol.for("react.forward_ref") : 60112, f = t ? Symbol.for("react.suspense") : 60113, m = t ? Symbol.for("react.suspense_list") : 60120, p = t ? Symbol.for("react.memo") : 60115, g = t ? Symbol.for("react.lazy") : 60116, y = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, v = t ? Symbol.for("react.responder") : 60118, b = t ? Symbol.for("react.scope") : 60119;
-    function E(A) {
-      return typeof A == "string" || typeof A == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      A === r || A === l || A === i || A === s || A === f || A === m || typeof A == "object" && A !== null && (A.$$typeof === g || A.$$typeof === p || A.$$typeof === o || A.$$typeof === c || A.$$typeof === u || A.$$typeof === _ || A.$$typeof === v || A.$$typeof === b || A.$$typeof === y);
-    }
-    function k(A) {
-      if (typeof A == "object" && A !== null) {
-        var ve = A.$$typeof;
+    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, s = t ? Symbol.for("react.strict_mode") : 60108, i = t ? Symbol.for("react.profiler") : 60114, o = t ? Symbol.for("react.provider") : 60109, c = t ? Symbol.for("react.context") : 60110, d = t ? Symbol.for("react.async_mode") : 60111, l = t ? Symbol.for("react.concurrent_mode") : 60111, u = t ? Symbol.for("react.forward_ref") : 60112, f = t ? Symbol.for("react.suspense") : 60113, m = t ? Symbol.for("react.suspense_list") : 60120, p = t ? Symbol.for("react.memo") : 60115, g = t ? Symbol.for("react.lazy") : 60116, v = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, y = t ? Symbol.for("react.responder") : 60118, x = 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 === i || D === s || D === f || D === m || typeof D == "object" && D !== null && (D.$$typeof === g || D.$$typeof === p || D.$$typeof === o || D.$$typeof === c || D.$$typeof === u || D.$$typeof === _ || D.$$typeof === y || D.$$typeof === x || D.$$typeof === v);
+    }
+    function w(D) {
+      if (typeof D == "object" && D !== null) {
+        var ve = D.$$typeof;
         switch (ve) {
           case e:
-            var Ne = A.type;
+            var Ne = D.type;
             switch (Ne) {
               case d:
               case l:
@@ -5001,47 +5053,47 @@ function no() {
         }
       }
     }
-    var w = d, D = l, R = c, Q = o, B = e, $ = u, C = r, j = g, x = p, N = n, O = i, W = s, Z = f, z = !1;
-    function K(A) {
-      return z || (z = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), T(A) || k(A) === d;
+    var b = d, F = l, R = c, Q = o, B = e, $ = u, C = r, k = g, j = p, N = n, A = i, W = s, Z = f, z = !1;
+    function K(D) {
+      return z || (z = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), T(D) || w(D) === d;
     }
-    function T(A) {
-      return k(A) === l;
+    function T(D) {
+      return w(D) === l;
     }
-    function P(A) {
-      return k(A) === c;
+    function P(D) {
+      return w(D) === c;
     }
-    function q(A) {
-      return k(A) === o;
+    function q(D) {
+      return w(D) === o;
     }
-    function L(A) {
-      return typeof A == "object" && A !== null && A.$$typeof === e;
+    function L(D) {
+      return typeof D == "object" && D !== null && D.$$typeof === e;
     }
-    function U(A) {
-      return k(A) === u;
+    function U(D) {
+      return w(D) === u;
     }
-    function te(A) {
-      return k(A) === r;
+    function te(D) {
+      return w(D) === r;
     }
-    function G(A) {
-      return k(A) === g;
+    function G(D) {
+      return w(D) === g;
     }
-    function V(A) {
-      return k(A) === p;
+    function V(D) {
+      return w(D) === p;
     }
-    function ee(A) {
-      return k(A) === n;
+    function ee(D) {
+      return w(D) === n;
     }
-    function re(A) {
-      return k(A) === i;
+    function re(D) {
+      return w(D) === i;
     }
-    function F(A) {
-      return k(A) === s;
+    function O(D) {
+      return w(D) === s;
     }
-    function oe(A) {
-      return k(A) === f;
+    function oe(D) {
+      return w(D) === f;
     }
-    de.AsyncMode = w, de.ConcurrentMode = D, de.ContextConsumer = R, de.ContextProvider = Q, de.Element = B, de.ForwardRef = $, de.Fragment = C, de.Lazy = j, de.Memo = x, de.Portal = N, de.Profiler = O, de.StrictMode = W, de.Suspense = Z, de.isAsyncMode = K, de.isConcurrentMode = T, de.isContextConsumer = P, de.isContextProvider = q, de.isElement = L, de.isForwardRef = U, de.isFragment = te, de.isLazy = G, de.isMemo = V, de.isPortal = ee, de.isProfiler = re, de.isStrictMode = F, de.isSuspense = oe, de.isValidElementType = E, de.typeOf = k;
+    de.AsyncMode = b, de.ConcurrentMode = F, de.ContextConsumer = R, de.ContextProvider = Q, de.Element = B, de.ForwardRef = $, de.Fragment = C, de.Lazy = k, de.Memo = j, de.Portal = N, de.Profiler = A, de.StrictMode = W, de.Suspense = Z, de.isAsyncMode = K, de.isConcurrentMode = T, de.isContextConsumer = P, de.isContextProvider = q, de.isElement = L, de.isForwardRef = U, de.isFragment = te, de.isLazy = G, de.isMemo = V, de.isPortal = ee, de.isProfiler = re, de.isStrictMode = O, de.isSuspense = oe, de.isValidElementType = E, de.typeOf = w;
   }()), de;
 }
 var Or;
@@ -5188,63 +5240,63 @@ function so() {
         return P;
     }
     var m = "<<anonymous>>", p = {
-      array: v("array"),
-      bigint: v("bigint"),
-      bool: v("boolean"),
-      func: v("function"),
-      number: v("number"),
-      object: v("object"),
-      string: v("string"),
-      symbol: v("symbol"),
-      any: b(),
+      array: y("array"),
+      bigint: y("bigint"),
+      bool: y("boolean"),
+      func: y("function"),
+      number: y("number"),
+      object: y("object"),
+      string: y("string"),
+      symbol: y("symbol"),
+      any: x(),
       arrayOf: E,
-      element: k(),
-      elementType: w(),
-      instanceOf: D,
+      element: w(),
+      elementType: b(),
+      instanceOf: F,
       node: $(),
       objectOf: Q,
       oneOf: R,
       oneOfType: B,
-      shape: j,
-      exact: x
+      shape: k,
+      exact: j
     };
     function g(T, P) {
       return T === P ? T !== 0 || 1 / T === 1 / P : T !== T && P !== P;
     }
-    function y(T, P) {
+    function v(T, P) {
       this.message = T, this.data = P && typeof P == "object" ? P : {}, this.stack = "";
     }
-    y.prototype = Error.prototype;
+    v.prototype = Error.prototype;
     function _(T) {
       if (process.env.NODE_ENV !== "production")
         var P = {}, q = 0;
-      function L(te, G, V, ee, re, F, oe) {
-        if (ee = ee || m, F = F || V, oe !== n) {
+      function L(te, G, V, ee, re, O, oe) {
+        if (ee = ee || m, O = O || V, oe !== n) {
           if (d) {
-            var A = new Error(
+            var D = 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"
             );
-            throw A.name = "Invariant Violation", A;
+            throw D.name = "Invariant Violation", D;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
             var ve = ee + ":" + V;
             !P[ve] && // Avoid spamming the console because they are often not actionable except for lib authors
             q < 3 && (i(
-              "You are manually calling a React.PropTypes validation function for the `" + F + "` prop on `" + ee + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
+              "You are manually calling a React.PropTypes validation function for the `" + O + "` prop on `" + ee + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
             ), P[ve] = !0, q++);
           }
         }
-        return G[V] == null ? te ? G[V] === null ? new y("The " + re + " `" + F + "` is marked as required " + ("in `" + ee + "`, but its value is `null`.")) : new y("The " + re + " `" + F + "` is marked as required in " + ("`" + ee + "`, but its value is `undefined`.")) : null : T(G, V, ee, re, F);
+        return G[V] == null ? te ? G[V] === null ? new v("The " + re + " `" + O + "` is marked as required " + ("in `" + ee + "`, but its value is `null`.")) : new v("The " + re + " `" + O + "` is marked as required in " + ("`" + ee + "`, but its value is `undefined`.")) : null : T(G, V, ee, re, O);
       }
       var U = L.bind(null, !1);
       return U.isRequired = L.bind(null, !0), U;
     }
-    function v(T) {
+    function y(T) {
       function P(q, L, U, te, G, V) {
         var ee = q[L], re = W(ee);
         if (re !== T) {
-          var F = Z(ee);
-          return new y(
-            "Invalid " + te + " `" + G + "` of type " + ("`" + F + "` supplied to `" + U + "`, expected ") + ("`" + T + "`."),
+          var O = Z(ee);
+          return new v(
+            "Invalid " + te + " `" + G + "` of type " + ("`" + O + "` supplied to `" + U + "`, expected ") + ("`" + T + "`."),
             { expectedType: T }
           );
         }
@@ -5252,54 +5304,54 @@ function so() {
       }
       return _(P);
     }
-    function b() {
+    function x() {
       return _(o);
     }
     function E(T) {
       function P(q, L, U, te, G) {
         if (typeof T != "function")
-          return new y("Property `" + G + "` of component `" + U + "` has invalid PropType notation inside arrayOf.");
+          return new v("Property `" + G + "` of component `" + U + "` has invalid PropType notation inside arrayOf.");
         var V = q[L];
         if (!Array.isArray(V)) {
           var ee = W(V);
-          return new y("Invalid " + te + " `" + G + "` of type " + ("`" + ee + "` supplied to `" + U + "`, expected an array."));
+          return new v("Invalid " + te + " `" + G + "` of type " + ("`" + ee + "` supplied to `" + U + "`, expected an array."));
         }
         for (var re = 0; re < V.length; re++) {
-          var F = T(V, re, U, te, G + "[" + re + "]", n);
-          if (F instanceof Error)
-            return F;
+          var O = T(V, re, U, te, G + "[" + re + "]", n);
+          if (O instanceof Error)
+            return O;
         }
         return null;
       }
       return _(P);
     }
-    function k() {
+    function w() {
       function T(P, q, L, U, te) {
         var G = P[q];
         if (!c(G)) {
           var V = W(G);
-          return new y("Invalid " + U + " `" + te + "` of type " + ("`" + V + "` supplied to `" + L + "`, expected a single ReactElement."));
+          return new v("Invalid " + U + " `" + te + "` of type " + ("`" + V + "` supplied to `" + L + "`, expected a single ReactElement."));
         }
         return null;
       }
       return _(T);
     }
-    function w() {
+    function b() {
       function T(P, q, L, U, te) {
         var G = P[q];
         if (!t.isValidElementType(G)) {
           var V = W(G);
-          return new y("Invalid " + U + " `" + te + "` of type " + ("`" + V + "` supplied to `" + L + "`, expected a single ReactElement type."));
+          return new v("Invalid " + U + " `" + te + "` of type " + ("`" + V + "` supplied to `" + L + "`, expected a single ReactElement type."));
         }
         return null;
       }
       return _(T);
     }
-    function D(T) {
+    function F(T) {
       function P(q, L, U, te, G) {
         if (!(q[L] instanceof T)) {
           var V = T.name || m, ee = K(q[L]);
-          return new y("Invalid " + te + " `" + G + "` of type " + ("`" + ee + "` supplied to `" + U + "`, expected ") + ("instance of `" + V + "`."));
+          return new v("Invalid " + te + " `" + G + "` of type " + ("`" + ee + "` supplied to `" + U + "`, expected ") + ("instance of `" + V + "`."));
         }
         return null;
       }
@@ -5314,26 +5366,26 @@ function so() {
         for (var V = q[L], ee = 0; ee < T.length; ee++)
           if (g(V, T[ee]))
             return null;
-        var re = JSON.stringify(T, function(oe, A) {
-          var ve = Z(A);
-          return ve === "symbol" ? String(A) : A;
+        var re = JSON.stringify(T, function(oe, D) {
+          var ve = Z(D);
+          return ve === "symbol" ? String(D) : D;
         });
-        return new y("Invalid " + te + " `" + G + "` of value `" + String(V) + "` " + ("supplied to `" + U + "`, expected one of " + re + "."));
+        return new v("Invalid " + te + " `" + G + "` of value `" + String(V) + "` " + ("supplied to `" + U + "`, expected one of " + re + "."));
       }
       return _(P);
     }
     function Q(T) {
       function P(q, L, U, te, G) {
         if (typeof T != "function")
-          return new y("Property `" + G + "` of component `" + U + "` has invalid PropType notation inside objectOf.");
+          return new v("Property `" + G + "` of component `" + U + "` has invalid PropType notation inside objectOf.");
         var V = q[L], ee = W(V);
         if (ee !== "object")
-          return new y("Invalid " + te + " `" + G + "` of type " + ("`" + ee + "` supplied to `" + U + "`, expected an object."));
+          return new v("Invalid " + te + " `" + G + "` of type " + ("`" + ee + "` supplied to `" + U + "`, expected an object."));
         for (var re in V)
           if (r(V, re)) {
-            var F = T(V, re, U, te, G + "." + re, n);
-            if (F instanceof Error)
-              return F;
+            var O = T(V, re, U, te, G + "." + re, n);
+            if (O instanceof Error)
+              return O;
           }
         return null;
       }
@@ -5350,38 +5402,38 @@ function so() {
           ), o;
       }
       function L(U, te, G, V, ee) {
-        for (var re = [], F = 0; F < T.length; F++) {
-          var oe = T[F], A = oe(U, te, G, V, ee, n);
-          if (A == null)
+        for (var re = [], O = 0; O < T.length; O++) {
+          var oe = T[O], D = oe(U, te, G, V, ee, n);
+          if (D == null)
             return null;
-          A.data && r(A.data, "expectedType") && re.push(A.data.expectedType);
+          D.data && r(D.data, "expectedType") && re.push(D.data.expectedType);
         }
         var ve = re.length > 0 ? ", expected one of type [" + re.join(", ") + "]" : "";
-        return new y("Invalid " + V + " `" + ee + "` supplied to " + ("`" + G + "`" + ve + "."));
+        return new v("Invalid " + V + " `" + ee + "` supplied to " + ("`" + G + "`" + ve + "."));
       }
       return _(L);
     }
     function $() {
       function T(P, q, L, U, te) {
-        return N(P[q]) ? null : new y("Invalid " + U + " `" + te + "` supplied to " + ("`" + L + "`, expected a ReactNode."));
+        return N(P[q]) ? null : new v("Invalid " + U + " `" + te + "` supplied to " + ("`" + L + "`, expected a ReactNode."));
       }
       return _(T);
     }
     function C(T, P, q, L, U) {
-      return new y(
+      return new v(
         (T || "React class") + ": " + P + " type `" + q + "." + L + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + U + "`."
       );
     }
-    function j(T) {
+    function k(T) {
       function P(q, L, U, te, G) {
         var V = q[L], ee = W(V);
         if (ee !== "object")
-          return new y("Invalid " + te + " `" + G + "` of type `" + ee + "` " + ("supplied to `" + U + "`, expected `object`."));
+          return new v("Invalid " + te + " `" + G + "` of type `" + ee + "` " + ("supplied to `" + U + "`, expected `object`."));
         for (var re in T) {
-          var F = T[re];
-          if (typeof F != "function")
-            return C(U, te, G, re, Z(F));
-          var oe = F(V, re, U, te, G + "." + re, n);
+          var O = T[re];
+          if (typeof O != "function")
+            return C(U, te, G, re, Z(O));
+          var oe = O(V, re, U, te, G + "." + re, n);
           if (oe)
             return oe;
         }
@@ -5389,24 +5441,24 @@ function so() {
       }
       return _(P);
     }
-    function x(T) {
+    function j(T) {
       function P(q, L, U, te, G) {
         var V = q[L], ee = W(V);
         if (ee !== "object")
-          return new y("Invalid " + te + " `" + G + "` of type `" + ee + "` " + ("supplied to `" + U + "`, expected `object`."));
+          return new v("Invalid " + te + " `" + G + "` of type `" + ee + "` " + ("supplied to `" + U + "`, expected `object`."));
         var re = e({}, q[L], T);
-        for (var F in re) {
-          var oe = T[F];
-          if (r(T, F) && typeof oe != "function")
-            return C(U, te, G, F, Z(oe));
+        for (var O in re) {
+          var oe = T[O];
+          if (r(T, O) && typeof oe != "function")
+            return C(U, te, G, O, Z(oe));
           if (!oe)
-            return new y(
-              "Invalid " + te + " `" + G + "` key `" + F + "` supplied to `" + U + "`.\nBad object: " + JSON.stringify(q[L], null, "  ") + `
+            return new v(
+              "Invalid " + te + " `" + G + "` key `" + O + "` supplied to `" + U + "`.\nBad object: " + JSON.stringify(q[L], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(T), null, "  ")
             );
-          var A = oe(V, F, U, te, G + "." + F, n);
-          if (A)
-            return A;
+          var D = oe(V, O, U, te, G + "." + O, n);
+          if (D)
+            return D;
         }
         return null;
       }
@@ -5445,12 +5497,12 @@ Valid keys: ` + JSON.stringify(Object.keys(T), null, "  ")
           return !1;
       }
     }
-    function O(T, P) {
+    function A(T, P) {
       return T === "symbol" ? !0 : P ? P["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && P instanceof Symbol : !1;
     }
     function W(T) {
       var P = typeof T;
-      return Array.isArray(T) ? "array" : T instanceof RegExp ? "object" : O(P, T) ? "symbol" : P;
+      return Array.isArray(T) ? "array" : T instanceof RegExp ? "object" : A(P, T) ? "symbol" : P;
     }
     function Z(T) {
       if (typeof T > "u" || T === null)
@@ -5870,67 +5922,67 @@ var Zr = {
     delayInitialFocusTimer: void 0,
     // the most recent KeyboardEvent for the configured nav key (typically [SHIFT+]TAB), if any
     recentNavEvent: void 0
-  }, c, d = function(j, x, N) {
-    return j && j[x] !== void 0 ? j[x] : i[N || x];
-  }, l = function(j, x) {
-    var N = typeof (x == null ? void 0 : x.composedPath) == "function" ? x.composedPath() : void 0;
-    return o.containerGroups.findIndex(function(O) {
-      var W = O.container, Z = O.tabbableNodes;
-      return W.contains(j) || // fall back to explicit tabbable search which will take into consideration any
+  }, c, d = function(k, j, N) {
+    return k && k[j] !== void 0 ? k[j] : i[N || j];
+  }, l = function(k, j) {
+    var N = typeof (j == null ? void 0 : j.composedPath) == "function" ? j.composedPath() : void 0;
+    return o.containerGroups.findIndex(function(A) {
+      var W = A.container, Z = A.tabbableNodes;
+      return W.contains(k) || // fall back to explicit tabbable search which will take into consideration any
       //  web components if the `tabbableOptions.getShadowRoot` option was used for
       //  the trap, enabling shadow DOM support in tabbable (`Node.contains()` doesn't
       //  look inside web components even if open)
       (N == null ? void 0 : N.includes(W)) || Z.find(function(z) {
-        return z === j;
+        return z === k;
       });
     });
-  }, u = function(j) {
-    var x = i[j];
-    if (typeof x == "function") {
-      for (var N = arguments.length, O = new Array(N > 1 ? N - 1 : 0), W = 1; W < N; W++)
-        O[W - 1] = arguments[W];
-      x = x.apply(void 0, O);
-    }
-    if (x === !0 && (x = void 0), !x) {
-      if (x === void 0 || x === !1)
-        return x;
-      throw new Error("`".concat(j, "` was specified but was not a node, or did not return a node"));
-    }
-    var Z = x;
-    if (typeof x == "string" && (Z = r.querySelector(x), !Z))
-      throw new Error("`".concat(j, "` as selector refers to no known node"));
+  }, u = function(k) {
+    var j = i[k];
+    if (typeof j == "function") {
+      for (var N = arguments.length, A = new Array(N > 1 ? N - 1 : 0), W = 1; W < N; W++)
+        A[W - 1] = arguments[W];
+      j = j.apply(void 0, A);
+    }
+    if (j === !0 && (j = void 0), !j) {
+      if (j === void 0 || j === !1)
+        return j;
+      throw new Error("`".concat(k, "` was specified but was not a node, or did not return a node"));
+    }
+    var Z = j;
+    if (typeof j == "string" && (Z = r.querySelector(j), !Z))
+      throw new Error("`".concat(k, "` as selector refers to no known node"));
     return Z;
   }, f = function() {
-    var j = u("initialFocus");
-    if (j === !1)
+    var k = u("initialFocus");
+    if (k === !1)
       return !1;
-    if (j === void 0 || !qt(j, i.tabbableOptions))
+    if (k === void 0 || !qt(k, i.tabbableOptions))
       if (l(r.activeElement) >= 0)
-        j = r.activeElement;
+        k = r.activeElement;
       else {
-        var x = o.tabbableGroups[0], N = x && x.firstTabbableNode;
-        j = N || u("fallbackFocus");
+        var j = o.tabbableGroups[0], N = j && j.firstTabbableNode;
+        k = N || u("fallbackFocus");
       }
-    if (!j)
+    if (!k)
       throw new Error("Your focus-trap needs to have at least one focusable element");
-    return j;
+    return k;
   }, m = function() {
-    if (o.containerGroups = o.containers.map(function(j) {
-      var x = Ia(j, i.tabbableOptions), N = La(j, i.tabbableOptions), O = x.length > 0 ? x[0] : void 0, W = x.length > 0 ? x[x.length - 1] : void 0, Z = N.find(function(T) {
+    if (o.containerGroups = o.containers.map(function(k) {
+      var j = Ia(k, i.tabbableOptions), N = La(k, i.tabbableOptions), A = j.length > 0 ? j[0] : void 0, W = j.length > 0 ? j[j.length - 1] : void 0, Z = N.find(function(T) {
         return We(T);
       }), z = N.slice().reverse().find(function(T) {
         return We(T);
-      }), K = !!x.find(function(T) {
+      }), K = !!j.find(function(T) {
         return Ie(T) > 0;
       });
       return {
-        container: j,
-        tabbableNodes: x,
+        container: k,
+        tabbableNodes: j,
         focusableNodes: N,
         /** True if at least one node with positive `tabindex` was found in this container. */
         posTabIndexesFound: K,
         /** First tabbable node in container, __tabindex__ order; `undefined` if none. */
-        firstTabbableNode: O,
+        firstTabbableNode: A,
         /** Last tabbable node in container, __tabindex__ order; `undefined` if none. */
         lastTabbableNode: W,
         // NOTE: DOM order is NOT NECESSARILY "document position" order, but figuring that out
@@ -5953,75 +6005,75 @@ var Zr = {
          * @returns {HTMLElement|undefined} The next tabbable node, if any.
          */
         nextTabbableNode: function(P) {
-          var q = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, L = x.indexOf(P);
+          var q = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, L = j.indexOf(P);
           return L < 0 ? q ? N.slice(N.indexOf(P) + 1).find(function(U) {
             return We(U);
           }) : N.slice(0, N.indexOf(P)).reverse().find(function(U) {
             return We(U);
-          }) : x[L + (q ? 1 : -1)];
+          }) : j[L + (q ? 1 : -1)];
         }
       };
-    }), o.tabbableGroups = o.containerGroups.filter(function(j) {
-      return j.tabbableNodes.length > 0;
+    }), o.tabbableGroups = o.containerGroups.filter(function(k) {
+      return k.tabbableNodes.length > 0;
     }), o.tabbableGroups.length <= 0 && !u("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(j) {
-      return j.posTabIndexesFound;
+    if (o.containerGroups.find(function(k) {
+      return k.posTabIndexesFound;
     }) && o.containerGroups.length > 1)
       throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.");
-  }, p = function C(j) {
-    var x = j.activeElement;
-    if (x)
-      return x.shadowRoot && x.shadowRoot.activeElement !== null ? C(x.shadowRoot) : x;
-  }, g = function C(j) {
-    if (j !== !1 && j !== p(document)) {
-      if (!j || !j.focus) {
+  }, p = function C(k) {
+    var j = k.activeElement;
+    if (j)
+      return j.shadowRoot && j.shadowRoot.activeElement !== null ? C(j.shadowRoot) : j;
+  }, g = function C(k) {
+    if (k !== !1 && k !== p(document)) {
+      if (!k || !k.focus) {
         C(f());
         return;
       }
-      j.focus({
+      k.focus({
         preventScroll: !!i.preventScroll
-      }), o.mostRecentlyFocusedNode = j, No(j) && j.select();
-    }
-  }, y = function(j) {
-    var x = u("setReturnFocus", j);
-    return x || (x === !1 ? !1 : j);
-  }, _ = function(j) {
-    var x = j.target, N = j.event, O = j.isBackward, W = O === void 0 ? !1 : O;
-    x = x || Mt(N), m();
+      }), o.mostRecentlyFocusedNode = k, No(k) && k.select();
+    }
+  }, v = function(k) {
+    var j = u("setReturnFocus", k);
+    return j || (j === !1 ? !1 : k);
+  }, _ = function(k) {
+    var j = k.target, N = k.event, A = k.isBackward, W = A === void 0 ? !1 : A;
+    j = j || Mt(N), m();
     var Z = null;
     if (o.tabbableGroups.length > 0) {
-      var z = l(x, N), K = z >= 0 ? o.containerGroups[z] : void 0;
+      var z = l(j, N), K = z >= 0 ? o.containerGroups[z] : void 0;
       if (z < 0)
         W ? Z = o.tabbableGroups[o.tabbableGroups.length - 1].lastTabbableNode : Z = o.tabbableGroups[0].firstTabbableNode;
       else if (W) {
         var T = Vr(o.tabbableGroups, function(G) {
           var V = G.firstTabbableNode;
-          return x === V;
+          return j === V;
         });
-        if (T < 0 && (K.container === x || qt(x, i.tabbableOptions) && !We(x, i.tabbableOptions) && !K.nextTabbableNode(x, !1)) && (T = z), T >= 0) {
+        if (T < 0 && (K.container === j || qt(j, i.tabbableOptions) && !We(j, i.tabbableOptions) && !K.nextTabbableNode(j, !1)) && (T = z), T >= 0) {
           var P = T === 0 ? o.tabbableGroups.length - 1 : T - 1, q = o.tabbableGroups[P];
-          Z = Ie(x) >= 0 ? q.lastTabbableNode : q.lastDomTabbableNode;
+          Z = Ie(j) >= 0 ? q.lastTabbableNode : q.lastDomTabbableNode;
         } else
-          vt(N) || (Z = K.nextTabbableNode(x, !1));
+          vt(N) || (Z = K.nextTabbableNode(j, !1));
       } else {
         var L = Vr(o.tabbableGroups, function(G) {
           var V = G.lastTabbableNode;
-          return x === V;
+          return j === V;
         });
-        if (L < 0 && (K.container === x || qt(x, i.tabbableOptions) && !We(x, i.tabbableOptions) && !K.nextTabbableNode(x)) && (L = z), L >= 0) {
+        if (L < 0 && (K.container === j || qt(j, i.tabbableOptions) && !We(j, i.tabbableOptions) && !K.nextTabbableNode(j)) && (L = z), L >= 0) {
           var U = L === o.tabbableGroups.length - 1 ? 0 : L + 1, te = o.tabbableGroups[U];
-          Z = Ie(x) >= 0 ? te.firstTabbableNode : te.firstDomTabbableNode;
+          Z = Ie(j) >= 0 ? te.firstTabbableNode : te.firstDomTabbableNode;
         } else
-          vt(N) || (Z = K.nextTabbableNode(x));
+          vt(N) || (Z = K.nextTabbableNode(j));
       }
     } else
       Z = u("fallbackFocus");
     return Z;
-  }, v = function(j) {
-    var x = Mt(j);
-    if (!(l(x, j) >= 0)) {
-      if (lt(i.clickOutsideDeactivates, j)) {
+  }, y = function(k) {
+    var j = Mt(k);
+    if (!(l(j, k) >= 0)) {
+      if (lt(i.clickOutsideDeactivates, k)) {
         c.deactivate({
           // NOTE: by setting `returnFocus: false`, deactivate() will do nothing,
           //  which will result in the outside click setting focus to the node
@@ -6033,15 +6085,15 @@ var Zr = {
         });
         return;
       }
-      lt(i.allowOutsideClick, j) || j.preventDefault();
+      lt(i.allowOutsideClick, k) || k.preventDefault();
     }
-  }, b = function(j) {
-    var x = Mt(j), N = l(x, j) >= 0;
-    if (N || x instanceof Document)
-      N && (o.mostRecentlyFocusedNode = x);
+  }, x = function(k) {
+    var j = Mt(k), N = l(j, k) >= 0;
+    if (N || j instanceof Document)
+      N && (o.mostRecentlyFocusedNode = j);
     else {
-      j.stopImmediatePropagation();
-      var O, W = !0;
+      k.stopImmediatePropagation();
+      var A, W = !0;
       if (o.mostRecentlyFocusedNode)
         if (Ie(o.mostRecentlyFocusedNode) > 0) {
           var Z = l(o.mostRecentlyFocusedNode), z = o.containerGroups[Z].tabbableNodes;
@@ -6049,7 +6101,7 @@ var Zr = {
             var K = z.findIndex(function(T) {
               return T === o.mostRecentlyFocusedNode;
             });
-            K >= 0 && (i.isKeyForward(o.recentNavEvent) ? K + 1 < z.length && (O = z[K + 1], W = !1) : K - 1 >= 0 && (O = z[K - 1], W = !1));
+            K >= 0 && (i.isKeyForward(o.recentNavEvent) ? K + 1 < z.length && (A = z[K + 1], W = !1) : K - 1 >= 0 && (A = z[K - 1], W = !1));
           }
         } else
           o.containerGroups.some(function(T) {
@@ -6059,62 +6111,62 @@ var Zr = {
           }) || (W = !1);
       else
         W = !1;
-      W && (O = _({
+      W && (A = _({
         // move FROM the MRU node, not event-related node (which will be the node that is
         //  outside the trap causing the focus escape we're trying to fix)
         target: o.mostRecentlyFocusedNode,
         isBackward: i.isKeyBackward(o.recentNavEvent)
-      })), g(O || o.mostRecentlyFocusedNode || f());
+      })), g(A || o.mostRecentlyFocusedNode || f());
     }
     o.recentNavEvent = void 0;
-  }, E = function(j) {
-    var x = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
-    o.recentNavEvent = j;
+  }, E = function(k) {
+    var j = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
+    o.recentNavEvent = k;
     var N = _({
-      event: j,
-      isBackward: x
+      event: k,
+      isBackward: j
     });
-    N && (vt(j) && j.preventDefault(), g(N));
-  }, k = function(j) {
-    if (Po(j) && lt(i.escapeDeactivates, j) !== !1) {
-      j.preventDefault(), c.deactivate();
+    N && (vt(k) && k.preventDefault(), g(N));
+  }, w = function(k) {
+    if (Po(k) && lt(i.escapeDeactivates, k) !== !1) {
+      k.preventDefault(), c.deactivate();
       return;
     }
-    (i.isKeyForward(j) || i.isKeyBackward(j)) && E(j, i.isKeyBackward(j));
-  }, w = function(j) {
-    var x = Mt(j);
-    l(x, j) >= 0 || lt(i.clickOutsideDeactivates, j) || lt(i.allowOutsideClick, j) || (j.preventDefault(), j.stopImmediatePropagation());
-  }, D = function() {
+    (i.isKeyForward(k) || i.isKeyBackward(k)) && E(k, i.isKeyBackward(k));
+  }, b = function(k) {
+    var j = Mt(k);
+    l(j, k) >= 0 || lt(i.clickOutsideDeactivates, k) || lt(i.allowOutsideClick, k) || (k.preventDefault(), k.stopImmediatePropagation());
+  }, F = function() {
     if (o.active)
       return Zr.activateTrap(s, c), o.delayInitialFocusTimer = i.delayInitialFocus ? Hr(function() {
         g(f());
-      }) : g(f()), r.addEventListener("focusin", b, !0), r.addEventListener("mousedown", v, {
+      }) : g(f()), r.addEventListener("focusin", x, !0), r.addEventListener("mousedown", y, {
         capture: !0,
         passive: !1
-      }), r.addEventListener("touchstart", v, {
+      }), r.addEventListener("touchstart", y, {
         capture: !0,
         passive: !1
-      }), r.addEventListener("click", w, {
+      }), r.addEventListener("click", b, {
         capture: !0,
         passive: !1
-      }), r.addEventListener("keydown", k, {
+      }), r.addEventListener("keydown", w, {
         capture: !0,
         passive: !1
       }), c;
   }, R = function() {
     if (o.active)
-      return r.removeEventListener("focusin", b, !0), r.removeEventListener("mousedown", v, !0), r.removeEventListener("touchstart", v, !0), r.removeEventListener("click", w, !0), r.removeEventListener("keydown", k, !0), c;
-  }, Q = function(j) {
-    var x = j.some(function(N) {
-      var O = Array.from(N.removedNodes);
-      return O.some(function(W) {
+      return r.removeEventListener("focusin", x, !0), r.removeEventListener("mousedown", y, !0), r.removeEventListener("touchstart", y, !0), r.removeEventListener("click", b, !0), r.removeEventListener("keydown", w, !0), c;
+  }, Q = function(k) {
+    var j = k.some(function(N) {
+      var A = Array.from(N.removedNodes);
+      return A.some(function(W) {
         return W === o.mostRecentlyFocusedNode;
       });
     });
-    x && g(f());
+    j && g(f());
   }, B = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(Q) : void 0, $ = function() {
-    B && (B.disconnect(), o.active && !o.paused && o.containers.map(function(j) {
-      B.observe(j, {
+    B && (B.disconnect(), o.active && !o.paused && o.containers.map(function(k) {
+      B.observe(k, {
         subtree: !0,
         childList: !0
       });
@@ -6127,49 +6179,49 @@ var Zr = {
     get paused() {
       return o.paused;
     },
-    activate: function(j) {
+    activate: function(k) {
       if (o.active)
         return this;
-      var x = d(j, "onActivate"), N = d(j, "onPostActivate"), O = d(j, "checkCanFocusTrap");
-      O || m(), o.active = !0, o.paused = !1, o.nodeFocusedBeforeActivation = r.activeElement, x == null || x();
+      var j = d(k, "onActivate"), N = d(k, "onPostActivate"), A = d(k, "checkCanFocusTrap");
+      A || m(), o.active = !0, o.paused = !1, o.nodeFocusedBeforeActivation = r.activeElement, j == null || j();
       var W = function() {
-        O && m(), D(), $(), N == null || N();
+        A && m(), F(), $(), N == null || N();
       };
-      return O ? (O(o.containers.concat()).then(W, W), this) : (W(), this);
+      return A ? (A(o.containers.concat()).then(W, W), this) : (W(), this);
     },
-    deactivate: function(j) {
+    deactivate: function(k) {
       if (!o.active)
         return this;
-      var x = zr({
+      var j = zr({
         onDeactivate: i.onDeactivate,
         onPostDeactivate: i.onPostDeactivate,
         checkCanReturnFocus: i.checkCanReturnFocus
-      }, j);
+      }, k);
       clearTimeout(o.delayInitialFocusTimer), o.delayInitialFocusTimer = void 0, R(), o.active = !1, o.paused = !1, $(), Zr.deactivateTrap(s, c);
-      var N = d(x, "onDeactivate"), O = d(x, "onPostDeactivate"), W = d(x, "checkCanReturnFocus"), Z = d(x, "returnFocus", "returnFocusOnDeactivate");
+      var N = d(j, "onDeactivate"), A = d(j, "onPostDeactivate"), W = d(j, "checkCanReturnFocus"), Z = d(j, "returnFocus", "returnFocusOnDeactivate");
       N == null || N();
       var z = function() {
         Hr(function() {
-          Z && g(y(o.nodeFocusedBeforeActivation)), O == null || O();
+          Z && g(v(o.nodeFocusedBeforeActivation)), A == null || A();
         });
       };
-      return Z && W ? (W(y(o.nodeFocusedBeforeActivation)).then(z, z), this) : (z(), this);
+      return Z && W ? (W(v(o.nodeFocusedBeforeActivation)).then(z, z), this) : (z(), this);
     },
-    pause: function(j) {
+    pause: function(k) {
       if (o.paused || !o.active)
         return this;
-      var x = d(j, "onPause"), N = d(j, "onPostPause");
-      return o.paused = !0, x == null || x(), R(), $(), N == null || N(), this;
+      var j = d(k, "onPause"), N = d(k, "onPostPause");
+      return o.paused = !0, j == null || j(), R(), $(), N == null || N(), this;
     },
-    unpause: function(j) {
+    unpause: function(k) {
       if (!o.paused || !o.active)
         return this;
-      var x = d(j, "onUnpause"), N = d(j, "onPostUnpause");
-      return o.paused = !1, x == null || x(), m(), D(), $(), N == null || N(), this;
+      var j = d(k, "onUnpause"), N = d(k, "onPostUnpause");
+      return o.paused = !1, j == null || j(), m(), F(), $(), N == null || N(), this;
     },
-    updateContainerElements: function(j) {
-      var x = [].concat(j).filter(Boolean);
-      return o.containers = x.map(function(N) {
+    updateContainerElements: function(k) {
+      var j = [].concat(k).filter(Boolean);
+      return o.containers = j.map(function(N) {
         return typeof N == "string" ? r.querySelector(N) : N;
       }), o.active && m(), $(), this;
     }
@@ -6534,19 +6586,19 @@ const an = ({
   className: u = "",
   gtmContext: f = "Modal"
 }) => {
-  const m = H(), [p, g] = X(e), y = (b) => {
-    b.key === "Escape" && _(!1);
+  const m = H(), [p, g] = X(e), v = (x) => {
+    x.key === "Escape" && _(!1);
   };
-  ae(() => (window.addEventListener("keyup", y), () => {
-    window.removeEventListener("keyup", y);
+  ae(() => (window.addEventListener("keyup", v), () => {
+    window.removeEventListener("keyup", v);
   }));
-  const _ = (b) => {
-    g(b), b ? (s(), document.body.classList.add("has-overlay")) : (i(), document.body.classList.remove("has-overlay"));
+  const _ = (x) => {
+    g(x), x ? (s(), document.body.classList.add("has-overlay")) : (i(), document.body.classList.remove("has-overlay"));
   };
   ae(() => {
     _(e);
   }, [e]);
-  const v = r ? { "--max-width": `${r / 16}rem` } : {};
+  const y = r ? { "--max-width": `${r / 16}rem` } : {};
   return /* @__PURE__ */ a.jsx("div", { className: S("overlay", { open: p }), role: "dialog", children: /* @__PURE__ */ a.jsx(
     qa,
     {
@@ -6555,7 +6607,7 @@ const an = ({
         "has-max-width": r
       }),
       hidden: !p,
-      style: v,
+      style: y,
       children: e && /* @__PURE__ */ a.jsx(Jo, { children: /* @__PURE__ */ a.jsxs("div", { className: "overlay-content", children: [
         /* @__PURE__ */ a.jsxs("div", { className: "top", children: [
           c && /* @__PURE__ */ a.jsx("h2", { className: "modal-title", children: c }),
@@ -6786,17 +6838,17 @@ const Xl = ({ members: t }) => {
     gtmEvent: "learning-hub"
   }
 }, tc = ({ data: t, cta: e, link: n, gtmContext: r }) => {
-  var y;
+  var v, _;
   const s = H(), [i, o] = X({
     loading: !1,
     registered: t.registered || !1
   });
   ae(() => {
-    t.registered && o((_) => ({ ..._, registered: !0 }));
+    t.registered && o((y) => ({ ...y, registered: !0 }));
   }, [t.registered]);
   const { customLinkText: c, startDate: d, dateHasPassed: l, pill: u, slug: f } = t, m = t.contentType;
   let p = "";
-  if ((y = Kt[m]) != null && y.gtmEvent && (p = Kt[m].gtmEvent), d && l)
+  if ((v = Kt[m]) != null && v.gtmEvent && (p = Kt[m].gtmEvent), d && l)
     return n ? /* @__PURE__ */ a.jsx(
       "a",
       {
@@ -6820,32 +6872,32 @@ const Xl = ({ members: t }) => {
         children: c || s.formatMessage({ id: "card_cta_people" })
       }
     ) : null;
-  const g = ["microcourse", "event"];
+  const g = ["communityPage", "microcourse", "event"];
   if (e && e.onClick && g.includes(m) && u !== "premium") {
-    const _ = i.loading || i.registered, v = async (b) => {
-      if (b.preventDefault(), b.stopPropagation(), !(_ || !e || !e.onClick)) {
-        o((E) => ({ ...E, loading: !0 }));
+    const y = i.loading || i.registered || ((_ = t == null ? void 0 : t.members) == null ? void 0 : _.isMember), x = async (E) => {
+      if (E.preventDefault(), E.stopPropagation(), !(y || !e || !e.onClick)) {
+        o((w) => ({ ...w, loading: !0 }));
         try {
-          const E = await e.onClick(t);
-          o(E === "success" ? () => ({ registered: !0, loading: !1 }) : (k) => ({ ...k, loading: !1 }));
+          const w = await e.onClick(t);
+          o(w === "success" ? () => ({ registered: !0, loading: !1 }) : (b) => ({ ...b, loading: !1 }));
         } catch {
-          o((k) => ({ ...k, loading: !1 }));
+          o((b) => ({ ...b, loading: !1 }));
         }
       }
     };
-    return /* @__PURE__ */ a.jsx("p", { className: "cta-wrapper", children: /* @__PURE__ */ a.jsx(
+    return /* @__PURE__ */ a.jsx("p", { className: `cta-wrapper ${(t == null ? void 0 : t.members) && "has-member-section"}`, children: /* @__PURE__ */ a.jsx(
       se,
       {
-        onClick: v,
+        onClick: x,
         className: "gtm-trackable",
         size: "small",
         styling: { fullWidth: !0 },
-        disabled: _,
+        disabled: y,
         "data-gtm-event-context": `${r}Page-${m}: ${f}`,
         "data-gtm-event-type": `${r}-${m}-register-click`,
         "data-testid": "in-card-button",
         children: c || s.formatMessage({
-          id: `card_cta_${m}${_ ? `_${i.loading ? "loading" : "done"}` : ""}`
+          id: `card_cta_${m}${y ? `_${i.loading ? "loading" : "done"}` : ""}`
         })
       }
     ) });
@@ -6890,43 +6942,43 @@ const nc = {
     text: c.formatMessage({ id: `card_cta_${e.contentType}` }),
     onClick: o
   });
-  const { contentType: y } = m;
-  if (!y || !Kt[y])
+  const { contentType: v } = m;
+  if (!v || !Kt[v])
     return /* @__PURE__ */ a.jsx(Se, { element: "li", className: "card-wrapper" });
   const {
     basePath: _ = "",
-    className: v,
-    length: b,
+    className: y,
+    length: x,
     gtmEvent: E
-  } = Kt[y];
-  let k = m.slug ? `${_}${m.slug}` : !1;
-  m.slug && (m.slug.slice(0, 4) === "http" || m.slug.slice(0, 2) === "//" || m.slug.slice(0, 6) === "mailto" || m.slug.slice(0, 3) === "tel") && (k = m.slug);
-  const w = { ...nc, ...b };
-  let D = { className: "card" };
-  return k && (D = {
-    href: k,
+  } = Kt[v];
+  let w = m.slug ? `${_}${m.slug}` : !1;
+  m.slug && (m.slug.slice(0, 4) === "http" || m.slug.slice(0, 2) === "//" || m.slug.slice(0, 6) === "mailto" || m.slug.slice(0, 3) === "tel") && (w = m.slug);
+  const b = { ...nc, ...x };
+  let F = { className: "card" };
+  return w && (F = {
+    href: w,
     className: "card gtm-trackable",
     "data-gtm-event-context": `${s}-CarouselCard`,
     "data-gtm-event-type": `${E}-click`,
     "data-testid": "link"
-  }, m.openInNewTab && (D.target = "_blank")), /* @__PURE__ */ a.jsx(
+  }, m.openInNewTab && (F.target = "_blank")), /* @__PURE__ */ a.jsx(
     "li",
     {
-      className: S("card-wrapper text-medium", v, i, {
-        "has-link": k,
-        "no-link": !k,
+      className: S("card-wrapper text-medium", y, i, {
+        "has-link": w,
+        "no-link": !w,
         "has-image": m.banner
       }),
-      "data-testid": `${y}-card`,
+      "data-testid": `${v}-card`,
       children: Y.createElement(
-        k ? "a" : "div",
-        D,
+        w ? "a" : "div",
+        F,
         /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
           /* @__PURE__ */ a.jsx(
             oi,
             {
               className: "card-label",
-              contentType: y,
+              contentType: v,
               customIcon: m.customIcon,
               customLabel: m.customLabel
             }
@@ -6943,7 +6995,7 @@ const nc = {
           m.banner ? /* @__PURE__ */ a.jsxs("p", { className: "img", children: [
             m.registered && /* @__PURE__ */ a.jsx(ht, { size: "small", variant: "registered", children: c.formatMessage({ id: "card_registered" }) }),
             /* @__PURE__ */ a.jsx(Tt, { image: m.banner })
-          ] }) : v === "people" ? /* @__PURE__ */ a.jsx(
+          ] }) : y === "people" ? /* @__PURE__ */ a.jsx(
             Ye,
             {
               name: m.title || "",
@@ -6957,24 +7009,24 @@ const nc = {
               contributors: { data: m.contributors },
               styling: {
                 size: "small",
-                showGap: v !== "question",
+                showGap: y !== "question",
                 showText: !0
               },
-              multipleText: ["event", "solutionArticle"].includes(y) ? c.formatMessage({ id: `card_contributors_${y}` }) : void 0,
+              multipleText: ["event", "solutionArticle"].includes(v) ? c.formatMessage({ id: `card_contributors_${v}` }) : void 0,
               "data-testid": "contributors"
             }
           ),
           m.partner && /* @__PURE__ */ a.jsx("p", { className: "partners", "data-testid": "partners", children: m.partner.length > 1 ? c.formatMessage(
             { id: "card_partner" },
             { partner: m.partner[0], number: m.partner.length - 1 }
-          ) : et(m.partner[0], w.partner) }),
+          ) : et(m.partner[0], b.partner) }),
           /* Text */
           ["title", "text", "secondaryText"].map(($) => {
             const C = m[$];
             if (!C)
               return null;
-            const j = Ws($);
-            return /* @__PURE__ */ a.jsx("p", { className: j, "data-testid": j, children: et(C, w[$]) }, $);
+            const k = Ws($);
+            return /* @__PURE__ */ a.jsx("p", { className: k, "data-testid": k, children: et(C, b[$]) }, $);
           }),
           (m == null ? void 0 : m.members) && /* @__PURE__ */ a.jsxs("span", { className: "member-information", children: [
             ((R = m == null ? void 0 : m.members) == null ? void 0 : R.isMember) && /* @__PURE__ */ a.jsx(
@@ -6994,8 +7046,8 @@ const nc = {
               { count: m == null ? void 0 : m.members.count }
             ) })
           ] }),
-          /* @__PURE__ */ a.jsx(ec, { type: v || "", data: m }),
-          /* @__PURE__ */ a.jsx(tc, { data: m, cta: r, link: k || "", gtmContext: s })
+          /* @__PURE__ */ a.jsx(ec, { type: y || "", data: m }),
+          /* @__PURE__ */ a.jsx(tc, { data: m, cta: r, link: w || "", gtmContext: s })
         ] })
       )
     }
@@ -7061,53 +7113,53 @@ const ic = ({
   }), { cardsPerPage: f, isLoading: m } = l, [p, g] = X({
     currentPage: 0,
     loadedPages: [0]
-  }), { currentPage: y, loadedPages: _ } = p, v = e.length, b = Math.ceil(v / f), E = pe(null), k = jt(!0, !0, E == null ? void 0 : E.current);
+  }), { currentPage: v, loadedPages: _ } = p, y = e.length, x = Math.ceil(y / f), E = pe(null), w = jt(!0, !0, E == null ? void 0 : E.current);
   ae(() => {
     let $ = 1;
-    k && (k >= En.fourCards ? $ = 4 : k >= En.threeCards ? $ = 3 : k >= En.twoCards && ($ = 2), $ > v && ($ = v)), u((C) => ({
+    w && (w >= En.fourCards ? $ = 4 : w >= En.threeCards ? $ = 3 : w >= En.twoCards && ($ = 2), $ > y && ($ = y)), u((C) => ({
       ...C,
       cardsPerPage: $,
       isLoading: !1
     }));
-  }, [k, v]);
-  const w = ($ = "next") => {
-    let C = y;
+  }, [w, y]);
+  const b = ($ = "next") => {
+    let C = v;
     if (typeof $ == "string")
       if ($ === "next")
-        if (y < b - 1)
-          C = y + 1;
+        if (v < x - 1)
+          C = v + 1;
         else
           return;
-      else if (y > 0)
-        C = y - 1;
+      else if (v > 0)
+        C = v - 1;
       else
         return;
     else
       C = $;
-    g((j) => ({
-      ...j,
+    g((k) => ({
+      ...k,
       currentPage: C,
       loadedPages: [.../* @__PURE__ */ new Set([..._, C])]
     }));
-  }, D = ($) => {
+  }, F = ($) => {
     Ft = $.touches[0].clientX;
   }, R = ($) => {
     if (Ft === null)
       return;
-    const C = $.touches[0].clientX, j = Ft - C;
-    j > 5 ? w("next") : j < -5 && w("previous"), Ft = null;
+    const C = $.touches[0].clientX, k = Ft - C;
+    k > 5 ? b("next") : k < -5 && b("previous"), Ft = null;
   }, Q = {
-    "--width": `${k || 0}px`,
-    "--total-cards": v,
+    "--width": `${w || 0}px`,
+    "--total-cards": y,
     "--cards-per-page": f,
-    "--page": y
+    "--page": v
   };
   if (m)
     return /* @__PURE__ */ a.jsx(wa, { layout: `carousel${s ? "-with-title" : ""}` });
   const B = ($, C) => {
-    var x;
-    let j = null;
-    return (x = $ == null ? void 0 : $.sys) != null && x.id ? j = `card-${$.sys.id}` : $ != null && $.slug ? j = `card-${$.slug}` : [n[C], $.contentType].includes("customCard") && (j = `card-${window.btoa(`${$.title} ${$.createdAt}`)}-${C}`), j;
+    var j;
+    let k = null;
+    return (j = $ == null ? void 0 : $.sys) != null && j.id ? k = `card-${$.sys.id}` : $ != null && $.slug ? k = `card-${$.slug}` : [n[C], $.contentType].includes("customCard") && (k = `card-${window.btoa(`${$.title} ${$.createdAt}`)}-${C}`), k;
   };
   return /* @__PURE__ */ a.jsxs(
     "section",
@@ -7121,35 +7173,35 @@ const ic = ({
           "ul",
           {
             className: "carousel",
-            onTouchStart: D,
+            onTouchStart: F,
             onTouchMove: R,
             style: Q,
             "data-testid": "carousel-list",
             children: e.map(($, C) => {
-              let j = B($, C);
-              return j && ac(C, f, y, _) ? /* @__PURE__ */ a.jsx(
+              let k = B($, C);
+              return k && ac(C, f, v, _) ? /* @__PURE__ */ a.jsx(
                 Ua,
                 {
-                  id: j,
+                  id: k,
                   card: { ...$, contentType: n[C] },
                   buildCardData: r,
                   gtmContext: o,
                   ...c
                 },
-                j
-              ) : (j = j || `${t}-card-${C}`, /* @__PURE__ */ a.jsx(
+                k
+              ) : (k = k || `${t}-card-${C}`, /* @__PURE__ */ a.jsx(
                 Se,
                 {
                   element: "li",
                   className: "card-wrapper",
                   "data-testid": "card-placeholder"
                 },
-                j
+                k
               ));
             })
           }
         ),
-        b <= 1 ? null : /* @__PURE__ */ a.jsxs("ul", { className: "controls", "data-testid": "carousel-controls", children: [
+        x <= 1 ? null : /* @__PURE__ */ a.jsxs("ul", { className: "controls", "data-testid": "carousel-controls", children: [
           /* @__PURE__ */ a.jsx("li", { className: "arrow previous", children: /* @__PURE__ */ a.jsx(
             se,
             {
@@ -7157,26 +7209,26 @@ const ic = ({
               size: "large",
               icon: { icon: "chevron_left" },
               onClick: ($) => {
-                $.preventDefault(), $.stopPropagation(), w("previous");
+                $.preventDefault(), $.stopPropagation(), b("previous");
               },
               screenreaderText: d.formatMessage({
                 id: "carousel_pagination_previous"
               }),
-              disabled: y <= 0
+              disabled: v <= 0
             }
           ) }),
-          [...Array(b)].map(($, C) => /* @__PURE__ */ a.jsx("li", { "data-testid": "carousel-controls-button", children: /* @__PURE__ */ a.jsx(
+          [...Array(x)].map(($, C) => /* @__PURE__ */ a.jsx("li", { "data-testid": "carousel-controls-button", children: /* @__PURE__ */ a.jsx(
             "button",
             {
               className: S("page-indicator", {
-                selected: C === y
+                selected: C === v
               }),
-              onClick: (j) => {
-                j.preventDefault(), j.stopPropagation(), w(C);
+              onClick: (k) => {
+                k.preventDefault(), k.stopPropagation(), b(C);
               },
               children: /* @__PURE__ */ a.jsx(be, { showOnFocus: !1, children: d.formatMessage(
                 { id: "carousel_pagination_page" },
-                { number: C + 1, total: b }
+                { number: C + 1, total: x }
               ) })
             }
           ) }, `page-indicator-${C}`)),
@@ -7187,10 +7239,10 @@ const ic = ({
               size: "large",
               icon: { icon: "chevron_right" },
               onClick: ($) => {
-                $.preventDefault(), $.stopPropagation(), w("next");
+                $.preventDefault(), $.stopPropagation(), b("next");
               },
               screenreaderText: d.formatMessage({ id: "carousel_pagination_next" }),
-              disabled: y >= b - 1
+              disabled: v >= x - 1
             }
           ) })
         ] })
@@ -7361,8 +7413,8 @@ const ru = ({
       "button",
       {
         className: S(u, { selected: c.includes(u) }),
-        onClick: (y) => {
-          y.preventDefault(), y.stopPropagation(), l(u, p);
+        onClick: (v) => {
+          v.preventDefault(), v.stopPropagation(), l(u, p);
         },
         ...g,
         children: f
@@ -7400,7 +7452,7 @@ const Ot = "languageSwitcher_", au = ({
     (_) => _ && _.post_name
   ))
     return null;
-  const g = Object.keys(r), y = f !== t;
+  const g = Object.keys(r), v = f !== t;
   return /* @__PURE__ */ a.jsxs("div", { className: S("language-switcher text-small", o, d), children: [
     /* @__PURE__ */ a.jsxs("nav", { children: [
       o !== "short" && /* @__PURE__ */ a.jsx("p", { children: c || l.formatMessage({ id: `${Ot}label` }) }),
@@ -7408,33 +7460,33 @@ const Ot = "languageSwitcher_", au = ({
         var E;
         if (!gn[_])
           return null;
-        const v = (E = r[_]) == null ? void 0 : E.post_name;
-        let b = { className: _ };
+        const y = (E = r[_]) == null ? void 0 : E.post_name;
+        let x = { className: _ };
         if (f === _)
-          b["aria-label"] = l.formatMessage(
+          x["aria-label"] = l.formatMessage(
             { id: `${Ot}selected` },
             { language: gn[_] }
           );
         else {
-          const k = oc(_, v, i);
-          b = {
-            ...b,
-            href: typeof k == "string" ? k : k.url,
-            onClick: (w) => {
-              m(_), u(_), typeof s < "u" && (w.preventDefault(), w.stopPropagation(), s(
+          const w = oc(_, y, i);
+          x = {
+            ...x,
+            href: typeof w == "string" ? w : w.url,
+            onClick: (b) => {
+              m(_), u(_), typeof s < "u" && (b.preventDefault(), b.stopPropagation(), s(
                 _,
-                typeof k == "string" ? k : k.urlForRouter
+                typeof w == "string" ? w : w.urlForRouter
               ));
             }
           };
         }
-        return /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(at, { ...b, fallbackElement: "span", children: gn[_] }) }, _);
+        return /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(at, { ...x, fallbackElement: "span", children: gn[_] }) }, _);
       }) }),
-      o !== "short" && !y && /* @__PURE__ */ a.jsx("p", { children: l.formatMessage({
+      o !== "short" && !v && /* @__PURE__ */ a.jsx("p", { children: l.formatMessage({
         id: `${Ot}translation_${e ? "original" : n ? "human" : "machine"}`
       }) })
     ] }),
-    o !== "short" && !y && !e && !n && /* @__PURE__ */ a.jsx("small", {
+    o !== "short" && !v && !e && !n && /* @__PURE__ */ a.jsx("small", {
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
       // `values` are throwing a type error: https://github.com/formatjs/formatjs/issues/3633
@@ -7443,8 +7495,8 @@ const Ot = "languageSwitcher_", au = ({
         {
           email: ft.support,
           link: (_) => {
-            const v = `mailto:${_}`;
-            return /* @__PURE__ */ a.jsx("a", { href: v, children: _ });
+            const y = `mailto:${_}`;
+            return /* @__PURE__ */ a.jsx("a", { href: y, children: _ });
           }
         }
       )
@@ -7539,7 +7591,7 @@ const cc = ({
         }
       ),
       /* @__PURE__ */ a.jsx("ul", { id: e, hidden: !o, children: n.map(({ href: l, onClick: u, text: f, icon: m, ...p }, g) => {
-        const y = {
+        const v = {
           ...p,
           onClick: (_) => {
             c(!1), typeof u == "function" && u(_);
@@ -7553,13 +7605,13 @@ const cc = ({
             }, 100);
           }
         };
-        return l && (y.href = l), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
+        return l && (v.href = l), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
           se,
           {
             variant: "tertiary",
             size: "medium",
             icon: m ? { icon: m, position: "left" } : !1,
-            ...y,
+            ...v,
             children: f
           }
         ) }, `${window.btoa(f)}_${g}`);
@@ -7687,7 +7739,7 @@ const mc = "shareLinks_", su = ({
       if (typeof m == "function" && !m())
         return null;
       const g = {};
-      return p && (g.onClick = (y) => p(y, f)), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
+      return p && (g.onClick = (v) => p(v, f)), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
         se,
         {
           size: s,
@@ -7733,11 +7785,11 @@ const iu = ({ tabs: t, className: e = "", preventLocationChange: n }) => {
     }
   }, [i]);
   const c = [], d = [];
-  return t.forEach(({ id: u, text: f, content: m, href: p, hasCarousel: g }, y) => {
-    u = r(u, f, y);
-    const _ = i === u, v = {};
-    p || (v["aria-controls"] = u, v.onClick = (b) => {
-      b.preventDefault(), b.stopPropagation(), o(u), !n && (window.location.hash = `#${u}`);
+  return t.forEach(({ id: u, text: f, content: m, href: p, hasCarousel: g }, v) => {
+    u = r(u, f, v);
+    const _ = i === u, y = {};
+    p || (y["aria-controls"] = u, y.onClick = (x) => {
+      x.preventDefault(), x.stopPropagation(), o(u), !n && (window.location.hash = `#${u}`);
     }, d.push(
       /* @__PURE__ */ a.jsx(
         "section",
@@ -7760,7 +7812,7 @@ const iu = ({ tabs: t, className: e = "", preventLocationChange: n }) => {
           className: S({ selected: _ }),
           role: "tab",
           "aria-selected": _,
-          ...v,
+          ...y,
           children: f
         }
       ) }, `tab-${u}`)
@@ -8258,10 +8310,10 @@ const Xe = "footer_", Gt = "SiteFooter", Kr = ({ group: t }) => {
   c.hasVariantText && (f += `_logged${e ? "In" : "Out"}`);
   let m = !1;
   if (c.href) {
-    let b = c.gtmType || `${t}-click`;
-    if (b.includes(".")) {
-      const E = b.split("."), k = E[E.length - 2];
-      b = `${k === "topics" ? `${k}-` : ""}${E[E.length - 1]}`;
+    let x = c.gtmType || `${t}-click`;
+    if (x.includes(".")) {
+      const E = x.split("."), w = E[E.length - 2];
+      x = `${w === "topics" ? `${w}-` : ""}${E[E.length - 1]}`;
     }
     m = {
       href: c.href,
@@ -8269,7 +8321,7 @@ const Xe = "footer_", Gt = "SiteFooter", Kr = ({ group: t }) => {
     }, l && (m = {
       ...m,
       className: "gtm-trackable",
-      "data-gtm-event-type": b,
+      "data-gtm-event-type": x,
       "data-gtm-event-context": "HeaderButtons"
     }), u && (m = {
       ...m,
@@ -8278,28 +8330,28 @@ const Xe = "footer_", Gt = "SiteFooter", Kr = ({ group: t }) => {
       ...c.props || {}
     });
   }
-  const p = c.order && c.order[0] && c[c.order[0]], g = p && c[c.order[0]].order, y = m && window.location.pathname === c.href;
-  let _ = {}, v = {};
+  const p = c.order && c.order[0] && c[c.order[0]], g = p && c[c.order[0]].order, v = m && window.location.pathname === c.href;
+  let _ = {}, y = {};
   if (p) {
-    const b = c.menuId || t, E = {
-      onClick: (k) => fe.events.onClick(k, { id: b, callback: s, isOpen: r[b] }),
-      onFocus: () => fe.events.onFocus({ id: b }),
-      onBlur: () => fe.events.onBlur({ id: b, callback: s }),
-      onMouseLeave: () => fe.events.onBlur({ id: b, callback: s }),
-      onMouseEnter: () => fe.events.onMouseEnter({ id: b, callback: s })
+    const x = c.menuId || t, E = {
+      onClick: (w) => fe.events.onClick(w, { id: x, callback: s, isOpen: r[x] }),
+      onFocus: () => fe.events.onFocus({ id: x }),
+      onBlur: () => fe.events.onBlur({ id: x, callback: s }),
+      onMouseLeave: () => fe.events.onBlur({ id: x, callback: s }),
+      onMouseEnter: () => fe.events.onMouseEnter({ id: x, callback: s })
     };
     n && (g && (_ = {
       ...E,
-      onKeyPress: (k) => {
-        k.key === "Enter" && fe.events.onClick(k, { id: b, callback: s, isOpen: r[b] });
+      onKeyPress: (w) => {
+        w.key === "Enter" && fe.events.onClick(w, { id: x, callback: s, isOpen: r[x] });
       },
       tabIndex: "0",
       // Add a `tabIndex` so keyboard users can focus on the `li`
       "aria-haspopup": !0,
-      "aria-expanded": r[b],
-      "aria-controls": b
-    }), v = { hidden: b in r ? !r[b] : !0 }), g || (v = {
-      ...v,
+      "aria-expanded": r[x],
+      "aria-controls": x
+    }), y = { hidden: x in r ? !r[x] : !0 }), g || (y = {
+      ...y,
       ...E
     });
   }
@@ -8310,7 +8362,7 @@ const Xe = "footer_", Gt = "SiteFooter", Kr = ({ group: t }) => {
         [c.className]: c.className,
         "has-submenu": p,
         parent: g,
-        active: y
+        active: v
       }),
       role: "none",
       ..._,
@@ -8320,8 +8372,8 @@ const Xe = "footer_", Gt = "SiteFooter", Kr = ({ group: t }) => {
           m,
           o.formatMessage({ id: f })
         ) : o.formatMessage({ id: f }),
-        c.order && /* @__PURE__ */ a.jsx("ul", { ...v, children: c.order.map((b) => {
-          if (!c[b])
+        c.order && /* @__PURE__ */ a.jsx("ul", { ...y, children: c.order.map((x) => {
+          if (!c[x])
             return null;
           const E = {
             isLoggedIn: e,
@@ -8330,32 +8382,32 @@ const Xe = "footer_", Gt = "SiteFooter", Kr = ({ group: t }) => {
             callback: s,
             doTrack: d ? l : null
           };
-          return c[b].order ? /* @__PURE__ */ a.jsxs(
+          return c[x].order ? /* @__PURE__ */ a.jsxs(
             "li",
             {
               className: S({
-                [c[b].className]: c[b].className
+                [c[x].className]: c[x].className
               }),
               children: [
-                o.formatMessage({ id: `${f}_${b}` }),
-                /* @__PURE__ */ a.jsx("ul", { children: c[b].order.map((k) => /* @__PURE__ */ a.jsx(
+                o.formatMessage({ id: `${f}_${x}` }),
+                /* @__PURE__ */ a.jsx("ul", { children: c[x].order.map((w) => /* @__PURE__ */ a.jsx(
                   Jt,
                   {
-                    id: `${t}.${b}.${k}`,
+                    id: `${t}.${x}.${w}`,
                     ...E
                   },
-                  k
+                  w
                 )) })
               ]
             },
-            b
+            x
           ) : /* @__PURE__ */ a.jsx(
             Jt,
             {
-              id: `${t}.${b}`,
+              id: `${t}.${x}`,
               ...E
             },
-            b
+            x
           );
         }) })
       ]
@@ -8570,16 +8622,16 @@ const bc = () => {
   ae(() => {
     window.scrollTo(0, 0);
   }, [g]);
-  const y = Bt(t, { locale: c }), _ = Bt(e, {
+  const v = Bt(t, { locale: c }), _ = Bt(e, {
     locale: c
-  }), v = Bt(n, {
+  }), y = Bt(n, {
     locale: c
-  }), b = {};
-  return u !== "default" && (b[u] = !0), f !== "default" && (b[f] = !0), m !== "default" && (b[m] = !0), /* @__PURE__ */ a.jsx(Ps, { onError: r, fallback: /* @__PURE__ */ a.jsx(bc, {}), children: /* @__PURE__ */ a.jsx(xs, { fallback: null, children: /* @__PURE__ */ a.jsxs(
+  }), x = {};
+  return u !== "default" && (x[u] = !0), f !== "default" && (x[f] = !0), m !== "default" && (x[m] = !0), /* @__PURE__ */ a.jsx(Ps, { onError: r, fallback: /* @__PURE__ */ a.jsx(bc, {}), children: /* @__PURE__ */ a.jsx(xs, { fallback: null, children: /* @__PURE__ */ a.jsxs(
     "div",
     {
       id: "wrapper",
-      className: S(o, b, { "has-footer": l }),
+      className: S(o, x, { "has-footer": l }),
       children: [
         /* @__PURE__ */ a.jsx(Ha, { showNavigation: d }),
         /* @__PURE__ */ a.jsxs("section", { id: "content-wrapper", children: [
@@ -8594,11 +8646,11 @@ const bc = () => {
           ),
           Y.createElement(u === "bold" ? qa : "div", {
             id: "content",
-            children: y,
+            children: v,
             className: S({ "large-modal": p === "large" })
           })
         ] }),
-        v && /* @__PURE__ */ a.jsx("div", { className: "additional-content appended", children: v }),
+        y && /* @__PURE__ */ a.jsx("div", { className: "additional-content appended", children: y }),
         l && /* @__PURE__ */ a.jsx(Za, {}),
         /* @__PURE__ */ a.jsx(gc, {})
       ]
@@ -8824,19 +8876,19 @@ const fu = ({
         /* @__PURE__ */ a.jsx("ol", { children: t && t.length > 0 && t.map(
           ({
             completed: g,
-            completionTime: y,
+            completionTime: v,
             contentType: _,
-            icon: v,
-            image: b,
+            icon: y,
+            image: x,
             isIntroduction: E,
-            optional: k,
-            slug: w,
-            subsectionId: D,
+            optional: w,
+            slug: b,
+            subsectionId: F,
             title: R,
             type: Q
           }) => {
             const B = s && e || E, $ = {};
-            return b && ($.style = { "--image": `url(${b})` }), /* @__PURE__ */ a.jsx(
+            return x && ($.style = { "--image": `url(${x})` }), /* @__PURE__ */ a.jsx(
               "li",
               {
                 className: S({
@@ -8850,7 +8902,7 @@ const fu = ({
                 children: /* @__PURE__ */ a.jsx(
                   at,
                   {
-                    href: B ? `/microcourses/en/${c}/${w}` : void 0,
+                    href: B ? `/microcourses/en/${c}/${b}` : void 0,
                     fallbackElement: "span",
                     className: "inner",
                     gtmContext: `MicrocourseOutline${zs(R)}`,
@@ -8860,7 +8912,7 @@ const fu = ({
                         xc,
                         {
                           sectionId: i,
-                          subsectionId: D,
+                          subsectionId: F,
                           title: R,
                           className: "course-title"
                         }
@@ -8869,18 +8921,18 @@ const fu = ({
                       /* @__PURE__ */ a.jsx(
                         wc,
                         {
-                          completionTime: y,
-                          icon: v,
-                          optional: k,
+                          completionTime: v,
+                          icon: y,
+                          optional: w,
                           type: Q,
-                          children: u && u[w] && /* @__PURE__ */ a.jsx("span", { className: "quiz-score", children: `${u[w]}%` })
+                          children: u && u[b] && /* @__PURE__ */ a.jsx("span", { className: "quiz-score", children: `${u[b]}%` })
                         }
                       )
                     ] })
                   }
                 )
               },
-              w
+              b
             );
           }
         ) })
@@ -8947,11 +8999,11 @@ const we = "discussion_form_", ar = ({
   },
   gtmContext: l = "DiscussionForm"
 }) => {
-  var $, C, j;
+  var $, C, k;
   const u = H(), f = Ee(De), [m, p] = X(
     n.isEditing && n.isEditing.text || ""
-  ), [g, y] = X(c.error || !1), [_, v] = X(!1), b = pe(null);
-  if (r || (r = b), n.isLoading)
+  ), [g, v] = X(c.error || !1), [_, y] = X(!1), x = pe(null);
+  if (r || (r = x), n.isLoading)
     return /* @__PURE__ */ a.jsx(
       Se,
       {
@@ -8959,32 +9011,32 @@ const we = "discussion_form_", ar = ({
         "data-testid": "loading-placeholder"
       }
     );
-  const E = (x) => {
-    const N = x.target.value;
+  const E = (j) => {
+    const N = j.target.value;
     p(N);
-    let O;
-    !f || !f.id ? O = $e(
+    let A;
+    !f || !f.id ? A = $e(
       u.formatMessage,
       `${we}error_loggedOut`,
       t.type,
       "action"
-    ) : e ? N.length >= i && (O = `${we}error_tooLong`) : O = $e(
+    ) : e ? N.length >= i && (A = `${we}error_tooLong`) : A = $e(
       u.formatMessage,
       `${we}error_noPermission`,
       t.type,
       "action"
-    ), O ? y(O) : g && y(!1);
+    ), A ? v(A) : g && v(!1);
   };
-  let k = `${t.type}-form`;
+  let w = `${t.type}-form`;
   if (t.type === "response" || t.type === "reply") {
-    const x = (($ = t.slugs) == null ? void 0 : $.reply) || ((C = t.slugs) == null ? void 0 : C.answer) || ((j = t.slugs) == null ? void 0 : j.question) || "";
-    x && (k = `${k}-${x.slice(-15)}`);
+    const j = (($ = t.slugs) == null ? void 0 : $.reply) || ((C = t.slugs) == null ? void 0 : C.answer) || ((k = t.slugs) == null ? void 0 : k.question) || "";
+    j && (w = `${w}-${j.slice(-15)}`);
   }
-  const w = async (x) => {
-    var O;
-    if (x.preventDefault(), x.stopPropagation(), !f || !f.id || !e || R)
+  const b = async (j) => {
+    var A;
+    if (j.preventDefault(), j.stopPropagation(), !f || !f.id || !e || R)
       return;
-    Dt && clearTimeout(Dt), v("submitting");
+    Dt && clearTimeout(Dt), y("submitting");
     const N = window.location.pathname;
     try {
       let W;
@@ -8996,7 +9048,7 @@ const we = "discussion_form_", ar = ({
           W = await d.create({
             title: m,
             authorId: f && f.id,
-            ...(O = d.props) == null ? void 0 : O.create
+            ...(A = d.props) == null ? void 0 : A.create
           });
           break;
         case "response":
@@ -9015,9 +9067,9 @@ const we = "discussion_form_", ar = ({
           break;
       }
       await Ks(1e3), d.callback && await d.callback(W), Dt = setTimeout(() => {
-        p(""), v("submitted");
+        p(""), y("submitted");
         const Z = new Event("discussionFormSubmitted");
-        document.dispatchEvent(Z), D();
+        document.dispatchEvent(Z), F();
       }, 500);
     } catch (W) {
       const Z = W;
@@ -9032,11 +9084,11 @@ const we = "discussion_form_", ar = ({
         `${we}error_tooMany`,
         t.type,
         "action"
-      ) : Z != null && Z.message.includes("400") && (z = `${we}error`), y(z), D();
+      ) : Z != null && Z.message.includes("400") && (z = `${we}error`), v(z), F();
     }
-  }, D = () => {
+  }, F = () => {
     Dt = setTimeout(() => {
-      y(!1), v(!1);
+      v(!1), y(!1);
     }, 5e3);
   }, R = !m || !ni(m), Q = _ === "submitting", B = [];
   return (n.isEditing && !Q || c.cancel) && B.push({
@@ -9051,14 +9103,14 @@ const we = "discussion_form_", ar = ({
   }), B.push({
     variant: "primary",
     size: { mobile: "small", 600: "medium" },
-    onClick: (x) => {
+    onClick: (j) => {
       if (n.isEditing) {
-        v("submitting"), d.handleSaveEdit && d.handleSaveEdit(
-          b.current && "value" in b.current ? b.current.value : ""
+        y("submitting"), d.handleSaveEdit && d.handleSaveEdit(
+          x.current && "value" in x.current ? x.current.value : ""
         );
         return;
       }
-      w(x);
+      b(j);
     },
     className: "gtm-trackable",
     "data-gtm-event-context": l,
@@ -9071,7 +9123,7 @@ const we = "discussion_form_", ar = ({
   }), /* @__PURE__ */ a.jsxs(
     "form",
     {
-      id: k,
+      id: w,
       className: S("discussion-card discussion-form", {
         "no-styling": n.isInWrapper && n.isEditing
       }),
@@ -9086,12 +9138,12 @@ const we = "discussion_form_", ar = ({
             gtmType: "profile-click"
           }
         ),
-        /* @__PURE__ */ a.jsx(be, { element: "label", showOnFocus: !1, htmlFor: `${k}-input`, children: $e(u.formatMessage, `${we}label`, t.type, "action") }),
+        /* @__PURE__ */ a.jsx(be, { element: "label", showOnFocus: !1, htmlFor: `${w}-input`, children: $e(u.formatMessage, `${we}label`, t.type, "action") }),
         /* @__PURE__ */ a.jsx(
           Ms,
           {
             ref: r,
-            id: `${k}-input`,
+            id: `${w}-input`,
             name: t.type,
             placeholder: s || $e(
               u.formatMessage,
@@ -9109,7 +9161,7 @@ const we = "discussion_form_", ar = ({
           }
         ),
         /* @__PURE__ */ a.jsx("small", { children: $e(u.formatMessage, `${we}explainer`, t.type, "action", {
-          a: (x) => /* @__PURE__ */ a.jsx(
+          a: (j) => /* @__PURE__ */ a.jsx(
             "a",
             {
               href: "https://about.apolitical.co/q-and-a-community-guidelines",
@@ -9118,7 +9170,7 @@ const we = "discussion_form_", ar = ({
               "data-gtm-event-context": l,
               "data-gtm-event-type": "community-guidelines-link",
               rel: "noreferrer",
-              children: x
+              children: j
             }
           )
         }) }),
@@ -9197,32 +9249,32 @@ const An = () => {
   ae(() => {
     p(s);
   }, [s]);
-  const [u, f] = X(e), [m, p] = X(s), [g, y] = X(!1), [_, v] = X(!1), b = wt(
+  const [u, f] = X(e), [m, p] = X(s), [g, v] = X(!1), [_, y] = X(!1), x = wt(
     () => Ec(n, Dn),
     [n]
-  ), E = (w) => {
-    if (w.preventDefault(), w.stopPropagation(), v(!1), bt)
+  ), E = (b) => {
+    if (b.preventDefault(), b.stopPropagation(), y(!1), bt)
       return An(), !1;
     if (An(), g || !o)
       return !1;
-    bt = setTimeout(k, 350);
-  }, k = async () => {
+    bt = setTimeout(w, 350);
+  }, w = async () => {
     if (An(), g || !o)
       return !1;
-    let w = m ? u - 1 : u + 1;
-    w < 0 && (w = 0), y(!0), f(w), p(!m);
+    let b = m ? u - 1 : u + 1;
+    b < 0 && (b = 0), v(!0), f(b), p(!m);
     try {
       if (i && i.slugs) {
-        const D = Tc(i.slugs);
-        m ? await d(D) : await c({
-          ...D,
+        const F = Tc(i.slugs);
+        m ? await d(F) : await c({
+          ...F,
           payload: { contentPath: window.location.pathname }
         });
       }
     } catch {
       f(e), p(s);
     } finally {
-      y(!1);
+      v(!1);
     }
   };
   return Y.createElement(t, {
@@ -9233,16 +9285,16 @@ const An = () => {
     }),
     onClick: E,
     onMouseEnter: () => {
-      v(!0);
+      y(!0);
     },
     onMouseLeave: () => {
-      v(!1);
+      y(!1);
     },
     onFocus: () => {
-      v(!0);
+      y(!0);
     },
     onBlur: () => {
-      v(!1);
+      y(!1);
     },
     children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
       /* @__PURE__ */ a.jsx(
@@ -9282,16 +9334,16 @@ const An = () => {
         }
       ),
       n && /* @__PURE__ */ a.jsx(_i, { isOpen: _, isLoading: n.length === 0, children: n.length && /* @__PURE__ */ a.jsxs("ul", { children: [
-        b.map((w) => typeof w == "string" || !w.name ? null : /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
+        x.map((b) => typeof b == "string" || !b.name ? null : /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
           at,
           {
-            href: w.id ? `/profiles/${w.id}` : void 0,
+            href: b.id ? `/profiles/${b.id}` : void 0,
             gtmContext: "Likes",
             gtmType: "liked-name-click",
-            onClick: (D) => D == null ? void 0 : D.stopPropagation(),
-            children: w.name
+            onClick: (F) => F == null ? void 0 : F.stopPropagation(),
+            children: b.name
           }
-        ) }, w.id || window.btoa(w.name))),
+        ) }, b.id || window.btoa(b.name))),
         e > Dn && /* @__PURE__ */ a.jsx("li", { children: l.formatMessage(
           { id: "discussion_likes_more" },
           { number: e - Dn }
@@ -9332,26 +9384,26 @@ const Me = "discussion_", Cc = 280, cn = ({
   links: m = {},
   className: p,
   gtmContext: g = "DiscussionAnswer",
-  children: y,
+  children: v,
   isTruncated: _ = !1
 }) => {
-  const v = H(), b = Ee(De), E = Ee(sr), { author: k, canLike: w, createdAt: D, id: R, likes: Q = 0, userLiked: B, comments: $ = 0 } = e, C = b && b.id && typeof k != "string" && k.id && k.id === b.id || !1, j = typeof w == "boolean" ? w : n ? !C : !1, x = C && (!e.createdAt || Ys(e.createdAt, 10, "seconds")), N = pe(null), [O, W] = X({
+  const y = H(), x = Ee(De), E = Ee(sr), { author: w, canLike: b, createdAt: F, id: R, likes: Q = 0, userLiked: B, comments: $ = 0 } = e, C = x && x.id && typeof w != "string" && w.id && w.id === x.id || !1, k = typeof b == "boolean" ? b : n ? !C : !1, j = C && (!e.createdAt || Ys(e.createdAt, 10, "seconds")), N = pe(null), [A, W] = X({
     body: e && e.body || "",
     isEditing: !1,
     didEdit: e && e.isEdited || !1
   }), [Z, z] = X(!1), [K, T] = X(
-    x ? "highlighted" : "default"
+    j ? "highlighted" : "default"
     /* Default */
   ), [P, q] = X("");
   ae(() => {
-    const F = N.current;
-    if (!(!F || K === "default"))
-      return document.addEventListener("discussionFormSubmitted", L), F.addEventListener("transitionend", U), () => {
-        document.removeEventListener("discussionFormSubmitted", L), F.removeEventListener("transitionend", U);
+    const O = N.current;
+    if (!(!O || K === "default"))
+      return document.addEventListener("discussionFormSubmitted", L), O.addEventListener("transitionend", U), () => {
+        document.removeEventListener("discussionFormSubmitted", L), O.removeEventListener("transitionend", U);
       };
   }, []), ae(() => {
     W({
-      ...O,
+      ...A,
       body: e && e.body || "",
       didEdit: e && e.isEdited || !1
     });
@@ -9363,27 +9415,27 @@ const Me = "discussion_", Cc = 280, cn = ({
         /* Fading */
       );
     }, 1e3);
-  }, U = ({ propertyName: F }) => {
-    F === "background-color" && T((oe) => (oe === "default" && (document.removeEventListener("discussionFormSubmitted", L), N.current && N.current.removeEventListener("transitionend", U)), oe === "fading" ? "default" : oe));
+  }, U = ({ propertyName: O }) => {
+    O === "background-color" && T((oe) => (oe === "default" && (document.removeEventListener("discussionFormSubmitted", L), N.current && N.current.removeEventListener("transitionend", U)), oe === "fading" ? "default" : oe));
   };
   if (r || !e || e.type === "answer" && (!e.slugs || !e.slugs.question))
     return /* @__PURE__ */ a.jsx(Se, { className: "discussion-card discussion-post" });
-  const te = _ ? et(O.body, Cc) : O.body, G = async (F) => {
-    F || (F = ""), q("");
+  const te = _ ? et(A.body, Cc) : A.body, G = async (O) => {
+    O || (O = ""), q("");
     try {
-      if (!Rs(F, O.body)) {
-        const oe = e.type === "question" ? { title: F } : { body: F };
+      if (!Rs(O, A.body)) {
+        const oe = e.type === "question" ? { title: O } : { body: O };
         await d(Qr(e.slugs), oe);
       }
-      W({ body: F, isEditing: !1, didEdit: !0 });
+      W({ body: O, isEditing: !1, didEdit: !0 });
     } catch {
       q(`${Me}form_error`);
     }
   }, V = () => {
     E && E.updateConversation && E.updateConversation({ showForm: !0 }), setTimeout(() => {
       var Ne, Ce, Ue;
-      const oe = `reply-form-${(e.type === "answer" ? e.slug : ((Ne = e.slugs) == null ? void 0 : Ne.reply) || ((Ce = e.slugs) == null ? void 0 : Ce.answer) || ((Ue = e.slugs) == null ? void 0 : Ue.question) || "").toLowerCase().slice(-15)}`, A = document.getElementById(oe), ve = document.getElementById(`${oe}-input`);
-      ve && ve.focus(), A && A.scrollIntoView({ behavior: "smooth" });
+      const oe = `reply-form-${(e.type === "answer" ? e.slug : ((Ne = e.slugs) == null ? void 0 : Ne.reply) || ((Ce = e.slugs) == null ? void 0 : Ce.answer) || ((Ue = e.slugs) == null ? void 0 : Ue.question) || "").toLowerCase().slice(-15)}`, D = document.getElementById(oe), ve = document.getElementById(`${oe}-input`);
+      ve && ve.focus(), D && D.scrollIntoView({ behavior: "smooth" });
     }, 0);
   }, ee = async () => {
     z(!1);
@@ -9394,14 +9446,14 @@ const Me = "discussion_", Cc = 280, cn = ({
     }
   }, re = [
     {
-      text: v.formatMessage({ id: `${Me}moreMenu_report` }),
-      onClick: (F) => {
-        F.stopPropagation();
+      text: y.formatMessage({ id: `${Me}moreMenu_report` }),
+      onClick: (O) => {
+        O.stopPropagation();
       },
       href: `mailto:community@apolitical.co?subject=${encodeURI(
-        v.formatMessage({ id: `${Me}report_subject` })
+        y.formatMessage({ id: `${Me}report_subject` })
       )}&body=${encodeURI(
-        v.formatMessage(
+        y.formatMessage(
           { id: `${Me}report_body` },
           {
             contentType: e.type || "",
@@ -9415,17 +9467,17 @@ const Me = "discussion_", Cc = 280, cn = ({
   ];
   return n && C && re.push(
     {
-      text: v.formatMessage({ id: `${Me}moreMenu_edit` }),
-      onClick: () => W({ ...O, isEditing: !0 }),
+      text: y.formatMessage({ id: `${Me}moreMenu_edit` }),
+      onClick: () => W({ ...A, isEditing: !0 }),
       icon: "pencil-paper",
       className: "gtm-trackable",
       "data-gtm-event-context": g,
       "data-gtm-event-type": `edit-${e.type}-click`
     },
     {
-      text: v.formatMessage({ id: `${Me}moreMenu_delete` }),
-      onClick: (F) => {
-        F.preventDefault(), F.stopPropagation(), z(!0);
+      text: y.formatMessage({ id: `${Me}moreMenu_delete` }),
+      onClick: (O) => {
+        O.preventDefault(), O.stopPropagation(), z(!0);
       },
       icon: "trash",
       className: "gtm-trackable",
@@ -9445,24 +9497,24 @@ const Me = "discussion_", Cc = 280, cn = ({
         {
           id: R || e.slug,
           className: S("discussion-card", e.type, {
-            editing: O.isEditing,
-            "has-link": m.post && !O.isEditing
+            editing: A.isEditing,
+            "has-link": m.post && !A.isEditing
           }),
-          onClick: (F) => {
-            !m.post || O.isEditing || (F.preventDefault(), F.stopPropagation(), window.location.href = m.post);
+          onClick: (O) => {
+            !m.post || A.isEditing || (O.preventDefault(), O.stopPropagation(), window.location.href = m.post);
           },
           children: [
-            !O.isEditing && /* @__PURE__ */ a.jsx(
+            !A.isEditing && /* @__PURE__ */ a.jsx(
               tr,
               {
-                member: k,
-                additionalContent: { createdAt: D, didEdit: O.didEdit },
-                className: typeof k != "string" && k.id === s ? "highlighted" : "",
+                member: w,
+                additionalContent: { createdAt: F, didEdit: A.didEdit },
+                className: typeof w != "string" && w.id === s ? "highlighted" : "",
                 gtmContext: g,
                 gtmType: "profile-click"
               }
             ),
-            O.isEditing ? /* @__PURE__ */ a.jsx(
+            A.isEditing ? /* @__PURE__ */ a.jsx(
               ar,
               {
                 content: { type: e.type, slugs: e.slugs },
@@ -9470,14 +9522,14 @@ const Me = "discussion_", Cc = 280, cn = ({
                 meta: {
                   isLoading: r,
                   isInWrapper: !0,
-                  isEditing: { text: O.body }
+                  isEditing: { text: A.body }
                 },
                 maxLength: e.type === "question" ? 250 : 5e4,
                 forceShow: {
-                  error: P !== "" && P !== "delete-error" ? v.formatMessage(
+                  error: P !== "" && P !== "delete-error" ? y.formatMessage(
                     { id: P },
                     {
-                      action: v.formatMessage({
+                      action: y.formatMessage({
                         id: `discussion_action_${e.type}`
                       })
                     }
@@ -9487,7 +9539,7 @@ const Me = "discussion_", Cc = 280, cn = ({
                   create: o,
                   handleSaveEdit: G,
                   handleCancel: () => {
-                    q(""), W({ ...O, isEditing: !1 });
+                    q(""), W({ ...A, isEditing: !1 });
                   }
                 },
                 gtmContext: `${g}Form`
@@ -9513,7 +9565,7 @@ const Me = "discussion_", Cc = 280, cn = ({
                 children: te
               }
             ),
-            !O.isEditing && !(i != null && i.actionBar) && /* @__PURE__ */ a.jsxs(
+            !A.isEditing && !(i != null && i.actionBar) && /* @__PURE__ */ a.jsxs(
               "ul",
               {
                 className: S("actions text-medium", e.type),
@@ -9527,7 +9579,7 @@ const Me = "discussion_", Cc = 280, cn = ({
                       isShort: !1,
                       userLiked: B,
                       content: { type: e.type, slugs: e.slugs },
-                      canLike: j,
+                      canLike: k,
                       peopleWhoLiked: e.peopleWhoLiked,
                       functions: {
                         createLike: l,
@@ -9539,8 +9591,8 @@ const Me = "discussion_", Cc = 280, cn = ({
                     "li",
                     {
                       className: "action-button",
-                      onClick: (F) => {
-                        F.preventDefault(), F.stopPropagation(), m.comments && (window.location.href = m.comments), typeof f == "function" && f();
+                      onClick: (O) => {
+                        O.preventDefault(), O.stopPropagation(), m.comments && (window.location.href = m.comments), typeof f == "function" && f();
                       },
                       children: [
                         /* @__PURE__ */ a.jsx(
@@ -9555,13 +9607,13 @@ const Me = "discussion_", Cc = 280, cn = ({
                             className: "gtm-trackable",
                             "data-gtm-event-context": g,
                             "data-gtm-event-type": `answer-${e.type}-click`,
-                            screenreaderText: v.formatMessage(
+                            screenreaderText: y.formatMessage(
                               { id: `${Me}comments_screenReader` },
                               { count: $ }
                             )
                           }
                         ),
-                        /* @__PURE__ */ a.jsx("span", { children: v.formatMessage(
+                        /* @__PURE__ */ a.jsx("span", { children: y.formatMessage(
                           { id: `${Me}comments` },
                           { count: $ }
                         ) })
@@ -9575,7 +9627,7 @@ const Me = "discussion_", Cc = 280, cn = ({
                       size: "medium",
                       styling: { muted: !0 },
                       onClick: V,
-                      children: v.formatMessage({ id: `${Me}reply` })
+                      children: y.formatMessage({ id: `${Me}reply` })
                     }
                   ) }),
                   /* @__PURE__ */ a.jsx(
@@ -9592,7 +9644,7 @@ const Me = "discussion_", Cc = 280, cn = ({
           ]
         }
       ),
-      y,
+      v,
       /* @__PURE__ */ a.jsx(
         an,
         {
@@ -9601,30 +9653,30 @@ const Me = "discussion_", Cc = 280, cn = ({
           functions: { onOpen: () => {
           }, onClose: () => z(!1) },
           forceShow: {
-            error: P === "delete-error" ? v.formatMessage(
+            error: P === "delete-error" ? y.formatMessage(
               { id: "discussion_delete_error" },
               {
-                action: v.formatMessage({
+                action: y.formatMessage({
                   id: `discussion_action_${e.type}`
                 })
               }
             ) : !1
           },
-          title: v.formatMessage(
+          title: y.formatMessage(
             { id: "discussion_delete_title" },
-            { action: v.formatMessage({ id: `discussion_action_${e.type}` }) }
+            { action: y.formatMessage({ id: `discussion_action_${e.type}` }) }
           ),
           buttons: [
             {
               variant: "secondary",
               onClick: () => z(!1),
-              children: v.formatMessage({ id: "discussion_delete_cancel" })
+              children: y.formatMessage({ id: "discussion_delete_cancel" })
             },
             {
               variant: "primary",
               className: "destructive",
               onClick: ee,
-              children: v.formatMessage({ id: "discussion_delete_delete" })
+              children: y.formatMessage({ id: "discussion_delete_delete" })
             }
           ],
           gtmContext: `${e.type.charAt(0).toUpperCase()}${e.type.slice(1)}:${e.slug}`,
@@ -9633,8 +9685,8 @@ const Me = "discussion_", Cc = 280, cn = ({
             {
               id: "discussion_delete_text",
               values: {
-                p: (F) => /* @__PURE__ */ a.jsx("p", { children: F }),
-                action: v.formatMessage({
+                p: (O) => /* @__PURE__ */ a.jsx("p", { children: O }),
+                action: y.formatMessage({
                   id: `discussion_action_${e.type}`
                 })
               }
@@ -10077,7 +10129,7 @@ function Wc({
     },
     user: d,
     ...l
-  }, f = qc({ ...u, mutationFn: t }), m = Uc({ ...u, mutationFn: e }), p = zc({ ...u, mutationFn: n }), g = Hc({ ...u, mutationFn: s }), y = Vc({ ...u, mutationFn: i }), { activities: _, ...v } = Zc({ queryKey: o, queryFn: r });
+  }, f = qc({ ...u, mutationFn: t }), m = Uc({ ...u, mutationFn: e }), p = zc({ ...u, mutationFn: n }), g = Hc({ ...u, mutationFn: s }), v = Vc({ ...u, mutationFn: i }), { activities: _, ...y } = Zc({ queryKey: o, queryFn: r });
   return {
     activities: _,
     mutations: {
@@ -10085,10 +10137,10 @@ function Wc({
       edit: m,
       remove: g,
       like: p,
-      unlike: y
+      unlike: v
     },
     user: d,
-    ...v
+    ...y
   };
 }
 function zc({
@@ -10210,15 +10262,15 @@ const pu = ({
     fetchNextPage: l,
     hasNextPage: u,
     isLoading: f,
-    mutations: { create: m, edit: p, remove: g, like: y, unlike: _ },
-    user: v
+    mutations: { create: m, edit: p, remove: g, like: v, unlike: _ },
+    user: y
   } = Wc({
     queryKey: [t, e, "activities"],
     queryFns: r
   });
   if (Ja(), d)
     return /* @__PURE__ */ a.jsx(He, { variant: "error", text: d.message });
-  const b = (c == null ? void 0 : c.length) || 0;
+  const x = (c == null ? void 0 : c.length) || 0;
   return /* @__PURE__ */ a.jsxs("section", { children: [
     /* @__PURE__ */ a.jsx(
       Va,
@@ -10237,20 +10289,20 @@ const pu = ({
         }
       }
     ),
-    c == null ? void 0 : c.map((E, k) => {
-      var O, W, Z, z, K, T, P, q;
+    c == null ? void 0 : c.map((E, w) => {
+      var A, W, Z, z, K, T, P, q;
       const {
-        id: w,
-        own_reactions: D,
+        id: b,
+        own_reactions: F,
         latest_reactions: R,
         reaction_counts: Q
-      } = E, B = (((O = R == null ? void 0 : R.like) == null ? void 0 : O.length) || 0) > 0, $ = (((W = D == null ? void 0 : D.like) == null ? void 0 : W.length) || 0) > 0, C = $ ? D == null ? void 0 : D.like[0].id : "", j = B ? (Z = R == null ? void 0 : R.like) == null ? void 0 : Z.map((L) => {
+      } = E, B = (((A = R == null ? void 0 : R.like) == null ? void 0 : A.length) || 0) > 0, $ = (((W = F == null ? void 0 : F.like) == null ? void 0 : W.length) || 0) > 0, C = $ ? F == null ? void 0 : F.like[0].id : "", k = B ? (Z = R == null ? void 0 : R.like) == null ? void 0 : Z.map((L) => {
         var U, te, G;
         return {
           id: (U = L == null ? void 0 : L.user) == null ? void 0 : U.id,
           name: (G = (te = L == null ? void 0 : L.user) == null ? void 0 : te.data) == null ? void 0 : G.name
         };
-      }) : !1, x = E == null ? void 0 : E.actor, N = (x == null ? void 0 : x.id) === (v == null ? void 0 : v.id);
+      }) : !1, j = E == null ? void 0 : E.actor, N = (j == null ? void 0 : j.id) === (y == null ? void 0 : y.id);
       return /* @__PURE__ */ a.jsxs(yt, { children: [
         /* @__PURE__ */ a.jsx(
           cn,
@@ -10262,38 +10314,38 @@ const pu = ({
               createdAt: (E == null ? void 0 : E.time) || "",
               slugs: {
                 question: `${t}/${e}`,
-                answer: w
+                answer: b
               },
-              slug: w,
+              slug: b,
               author: {
-                id: x == null ? void 0 : x.id,
-                name: (z = x == null ? void 0 : x.data) == null ? void 0 : z.name,
-                organization: (K = x == null ? void 0 : x.data) == null ? void 0 : K.organization,
-                jobTitle: (T = x == null ? void 0 : x.data) == null ? void 0 : T.jobTitle,
-                location: (P = x == null ? void 0 : x.data) == null ? void 0 : P.location,
+                id: j == null ? void 0 : j.id,
+                name: (z = j == null ? void 0 : j.data) == null ? void 0 : z.name,
+                organization: (K = j == null ? void 0 : j.data) == null ? void 0 : K.organization,
+                jobTitle: (T = j == null ? void 0 : j.data) == null ? void 0 : T.jobTitle,
+                location: (P = j == null ? void 0 : j.data) == null ? void 0 : P.location,
                 image: {
-                  thumbnail: ((q = x == null ? void 0 : x.data) == null ? void 0 : q.thumbnail) || void 0
+                  thumbnail: ((q = j == null ? void 0 : j.data) == null ? void 0 : q.thumbnail) || void 0
                 }
               },
               userLiked: $,
               likes: (Q == null ? void 0 : Q.like) || 0,
               comments: (Q == null ? void 0 : Q.reply) || 0,
-              peopleWhoLiked: j
+              peopleWhoLiked: k
             },
             links: {
-              post: `${t}/${e}/${w}`,
-              comments: `${t}/${e}/${w}`
+              post: `${t}/${e}/${b}`,
+              comments: `${t}/${e}/${b}`
             },
             functions: {
               content: {
                 createContent: () => null,
-                deleteContent: () => g({ activityId: w }),
+                deleteContent: () => g({ activityId: b }),
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                updateContent: (L, { body: U }) => p({ activityId: w, content: U })
+                updateContent: (L, { body: U }) => p({ activityId: b, content: U })
               },
               likes: {
-                createLike: () => y({ activityId: w }),
-                deleteLike: () => _({ activityId: w, reactionId: C })
+                createLike: () => v({ activityId: b }),
+                deleteLike: () => _({ activityId: b, reactionId: C })
               },
               comments: {
                 openComments: () => null
@@ -10302,8 +10354,8 @@ const pu = ({
             isTruncated: !0
           }
         ),
-        b > k + 1 && /* @__PURE__ */ a.jsx(Oe, {})
-      ] }, w);
+        x > w + 1 && /* @__PURE__ */ a.jsx(Oe, {})
+      ] }, b);
     }),
     !f && /* @__PURE__ */ a.jsx(
       sn,
@@ -10934,7 +10986,7 @@ function es({
     },
     user: d,
     ...l
-  }, f = Gc({ ...u, mutationFn: t }), m = Qc({ ...u, mutationFn: e }), p = Jc({ ...u, mutationFn: n }), g = el({ ...u, mutationFn: s }), y = tl({ ...u, mutationFn: i }), { replies: _, ...v } = Xc({ queryKey: o, queryFn: r });
+  }, f = Gc({ ...u, mutationFn: t }), m = Qc({ ...u, mutationFn: e }), p = Jc({ ...u, mutationFn: n }), g = el({ ...u, mutationFn: s }), v = tl({ ...u, mutationFn: i }), { replies: _, ...y } = Xc({ queryKey: o, queryFn: r });
   return {
     replies: _,
     mutations: {
@@ -10942,10 +10994,10 @@ function es({
       edit: m,
       remove: g,
       like: p,
-      unlike: y
+      unlike: v
     },
     user: d,
-    ...v
+    ...y
   };
 }
 function Jc({
@@ -11080,7 +11132,7 @@ const ol = ({
     hasNextPage: d,
     isLoading: l,
     mutations: { create: u, edit: f, like: m, remove: p, unlike: g },
-    user: y
+    user: v
   } = es({
     queryKey: [t, e, n, r, "replies"],
     queryFns: {
@@ -11104,27 +11156,27 @@ const ol = ({
         },
         functions: {
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          create: (_, { body: v }) => u({ activityId: n, replyId: r, content: v })
+          create: (_, { body: y }) => u({ activityId: n, replyId: r, content: y })
         },
         meta: { isEditing: !1, showSuccessMessage: !1 }
       },
       children: o && o.length > 0 ? o == null ? void 0 : o.map((_) => {
-        var O, W, Z, z, K, T, P, q, L, U, te, G;
+        var A, W, Z, z, K, T, P, q, L, U, te, G;
         const {
-          id: v,
-          own_children: b,
+          id: y,
+          own_children: x,
           latest_children: E,
-          children_counts: k
-        } = _, D = (((O = b == null ? void 0 : b.like) == null ? void 0 : O.length) || 0) > 0 ? (W = b == null ? void 0 : b.like) == null ? void 0 : W.find((V) => {
+          children_counts: w
+        } = _, F = (((A = x == null ? void 0 : x.like) == null ? void 0 : A.length) || 0) > 0 ? (W = x == null ? void 0 : x.like) == null ? void 0 : W.find((V) => {
           var ee;
-          return ((ee = V == null ? void 0 : V.user) == null ? void 0 : ee.id) === (y == null ? void 0 : y.id);
-        }) : !1, R = D ? D == null ? void 0 : D.id : "", Q = !!D, $ = (((Z = E == null ? void 0 : E.like) == null ? void 0 : Z.length) || 0) > 0 ? (z = E == null ? void 0 : E.like) == null ? void 0 : z.map((V) => {
-          var ee, re, F;
+          return ((ee = V == null ? void 0 : V.user) == null ? void 0 : ee.id) === (v == null ? void 0 : v.id);
+        }) : !1, R = F ? F == null ? void 0 : F.id : "", Q = !!F, $ = (((Z = E == null ? void 0 : E.like) == null ? void 0 : Z.length) || 0) > 0 ? (z = E == null ? void 0 : E.like) == null ? void 0 : z.map((V) => {
+          var ee, re, O;
           return {
             id: (ee = V == null ? void 0 : V.user) == null ? void 0 : ee.id,
-            name: (F = (re = V == null ? void 0 : V.user) == null ? void 0 : re.data) == null ? void 0 : F.name
+            name: (O = (re = V == null ? void 0 : V.user) == null ? void 0 : re.data) == null ? void 0 : O.name
           };
-        }) : !1, C = _ == null ? void 0 : _.user, j = (C == null ? void 0 : C.id) === (y == null ? void 0 : y.id), x = on(s, j), N = typeof _.data.content == "string" ? (K = _ == null ? void 0 : _.data) == null ? void 0 : K.content : (
+        }) : !1, C = _ == null ? void 0 : _.user, k = (C == null ? void 0 : C.id) === (v == null ? void 0 : v.id), j = on(s, k), N = typeof _.data.content == "string" ? (K = _ == null ? void 0 : _.data) == null ? void 0 : K.content : (
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
           ((P = (T = _ == null ? void 0 : _.data) == null ? void 0 : T.content) == null ? void 0 : P.text) || ""
         );
@@ -11132,10 +11184,10 @@ const ol = ({
           cn,
           {
             content: {
-              id: v,
+              id: y,
               type: "reply",
               body: N,
-              canLike: x,
+              canLike: j,
               createdAt: _ == null ? void 0 : _.created_at,
               slugs: {
                 question: `${t}/${e}`,
@@ -11156,24 +11208,24 @@ const ol = ({
                 }
               },
               userLiked: Q,
-              likes: (k == null ? void 0 : k.like) || 0,
+              likes: (w == null ? void 0 : w.like) || 0,
               peopleWhoLiked: $
             },
             functions: {
               content: {
                 createContent: () => null,
-                deleteContent: () => p({ replyId: v }),
+                deleteContent: () => p({ replyId: y }),
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                updateContent: (V, { body: ee }) => f({ replyId: v, content: ee })
+                updateContent: (V, { body: ee }) => f({ replyId: y, content: ee })
               },
               likes: {
-                createLike: () => m({ replyId: v }),
-                deleteLike: () => g({ replyId: v, reactionId: R })
+                createLike: () => m({ replyId: y }),
+                deleteLike: () => g({ replyId: y, reactionId: R })
               },
               comments: {}
             }
           },
-          v
+          y
         );
       }) : null
     }
@@ -11191,8 +11243,8 @@ const ol = ({
     fetchNextPage: u,
     hasNextPage: f,
     isLoading: m,
-    mutations: { create: p, edit: g, like: y, remove: _, unlike: v },
-    user: b
+    mutations: { create: p, edit: g, like: v, remove: _, unlike: y },
+    user: x
   } = es({
     queryKey: [t, e, n, "replies"],
     queryFns: s
@@ -11206,7 +11258,7 @@ const ol = ({
           content: { type: "reply", slugs: {} },
           functions: {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            create: (E, { body: k }) => p({ activityId: n, content: k })
+            create: (E, { body: w }) => p({ activityId: n, content: w })
           },
           meta: { isEditing: !1, showSuccessMessage: !1 },
           placeholder: c.formatMessage({ id: "discussion_responses_placeholder" })
@@ -11222,16 +11274,16 @@ const ol = ({
     ),
     d == null ? void 0 : d.map((E) => {
       var z, K, T, P, q, L, U, te, G, V, ee, re;
-      const { id: k, own_children: w, latest_children: D, children_counts: R } = E, B = (((z = w == null ? void 0 : w.like) == null ? void 0 : z.length) || 0) > 0 ? (K = w == null ? void 0 : w.like) == null ? void 0 : K.find((F) => {
+      const { id: w, own_children: b, latest_children: F, children_counts: R } = E, B = (((z = b == null ? void 0 : b.like) == null ? void 0 : z.length) || 0) > 0 ? (K = b == null ? void 0 : b.like) == null ? void 0 : K.find((O) => {
         var oe;
-        return ((oe = F == null ? void 0 : F.user) == null ? void 0 : oe.id) === (b == null ? void 0 : b.id);
-      }) : !1, $ = B ? B == null ? void 0 : B.id : "", C = !!B, x = (((T = D == null ? void 0 : D.like) == null ? void 0 : T.length) || 0) > 0 ? (P = D == null ? void 0 : D.like) == null ? void 0 : P.map((F) => {
-        var oe, A, ve;
+        return ((oe = O == null ? void 0 : O.user) == null ? void 0 : oe.id) === (x == null ? void 0 : x.id);
+      }) : !1, $ = B ? B == null ? void 0 : B.id : "", C = !!B, j = (((T = F == null ? void 0 : F.like) == null ? void 0 : T.length) || 0) > 0 ? (P = F == null ? void 0 : F.like) == null ? void 0 : P.map((O) => {
+        var oe, D, ve;
         return {
-          id: (oe = F == null ? void 0 : F.user) == null ? void 0 : oe.id,
-          name: (ve = (A = F == null ? void 0 : F.user) == null ? void 0 : A.data) == null ? void 0 : ve.name
+          id: (oe = O == null ? void 0 : O.user) == null ? void 0 : oe.id,
+          name: (ve = (D = O == null ? void 0 : O.user) == null ? void 0 : D.data) == null ? void 0 : ve.name
         };
-      }) : !1, N = E == null ? void 0 : E.user, O = (N == null ? void 0 : N.id) === (b == null ? void 0 : b.id), W = on(r, O), Z = typeof E.data.content == "string" ? (q = E == null ? void 0 : E.data) == null ? void 0 : q.content : (
+      }) : !1, N = E == null ? void 0 : E.user, A = (N == null ? void 0 : N.id) === (x == null ? void 0 : x.id), W = on(r, A), Z = typeof E.data.content == "string" ? (q = E == null ? void 0 : E.data) == null ? void 0 : q.content : (
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         ((U = (L = E == null ? void 0 : E.data) == null ? void 0 : L.content) == null ? void 0 : U.text) || ""
       );
@@ -11239,7 +11291,7 @@ const ol = ({
         cn,
         {
           content: {
-            id: k,
+            id: w,
             type: "reply",
             body: Z,
             canLike: W,
@@ -11247,9 +11299,9 @@ const ol = ({
             slugs: {
               question: `${t}/${e}`,
               answer: n,
-              reply: k
+              reply: w
             },
-            slug: k,
+            slug: w,
             author: {
               id: N == null ? void 0 : N.id,
               name: (te = N.data) == null ? void 0 : te.name,
@@ -11262,18 +11314,18 @@ const ol = ({
             },
             userLiked: C,
             likes: (R == null ? void 0 : R.like) || 0,
-            peopleWhoLiked: x
+            peopleWhoLiked: j
           },
           functions: {
             content: {
               createContent: () => null,
-              deleteContent: () => _({ replyId: k }),
+              deleteContent: () => _({ replyId: w }),
               // eslint-disable-next-line @typescript-eslint/no-explicit-any
-              updateContent: (F, { body: oe }) => g({ replyId: k, content: oe })
+              updateContent: (O, { body: oe }) => g({ replyId: w, content: oe })
             },
             likes: {
-              createLike: () => y({ replyId: k }),
-              deleteLike: () => v({ replyId: k, reactionId: $ })
+              createLike: () => v({ replyId: w }),
+              deleteLike: () => y({ replyId: w, reactionId: $ })
             },
             comments: {}
           },
@@ -11283,7 +11335,7 @@ const ol = ({
               basePath: t,
               parentId: e,
               activityId: n,
-              replyId: k,
+              replyId: w,
               isMember: r,
               functions: {
                 ...s
@@ -11291,8 +11343,8 @@ const ol = ({
             }
           )
         },
-        k
-      ) }, k);
+        w
+      ) }, w);
     }),
     !m && /* @__PURE__ */ a.jsx(
       sn,
@@ -11413,12 +11465,12 @@ const gu = ({
     leave: d
   }
 }) => {
-  var B, $, C, j, x, N, O, W, Z, z;
+  var B, $, C, k, j, N, A, W, Z, z;
   const l = H(), u = Ee(De), {
     activity: f,
     error: m,
     isLoading: p,
-    mutations: { edit: g, like: y, unlike: _ }
+    mutations: { edit: g, like: v, unlike: _ }
   } = dl({
     queryFns: i,
     queryKey: [t, e, n]
@@ -11433,7 +11485,7 @@ const gu = ({
         text: l.formatMessage({ id: "activitySection_notFoundError" })
       }
     );
-  const { own_reactions: v, latest_reactions: b } = f, E = (((B = b == null ? void 0 : b.like) == null ? void 0 : B.length) || 0) > 0, k = ((($ = v == null ? void 0 : v.like) == null ? void 0 : $.length) || 0) > 0, w = k ? v == null ? void 0 : v.like[0].id : "", D = E ? (C = b == null ? void 0 : b.like) == null ? void 0 : C.map((K) => {
+  const { own_reactions: y, latest_reactions: x } = f, E = (((B = x == null ? void 0 : x.like) == null ? void 0 : B.length) || 0) > 0, w = ((($ = y == null ? void 0 : y.like) == null ? void 0 : $.length) || 0) > 0, b = w ? y == null ? void 0 : y.like[0].id : "", F = E ? (C = x == null ? void 0 : x.like) == null ? void 0 : C.map((K) => {
     var T, P, q;
     return {
       id: (T = K == null ? void 0 : K.user) == null ? void 0 : T.id,
@@ -11458,18 +11510,18 @@ const gu = ({
           slug: n,
           author: {
             id: R.id,
-            name: (j = R.data) == null ? void 0 : j.name,
-            organization: (x = R.data) == null ? void 0 : x.organization,
+            name: (k = R.data) == null ? void 0 : k.name,
+            organization: (j = R.data) == null ? void 0 : j.organization,
             jobTitle: (N = R.data) == null ? void 0 : N.jobTitle,
-            location: (O = R.data) == null ? void 0 : O.location,
+            location: (A = R.data) == null ? void 0 : A.location,
             image: {
               thumbnail: ((W = R.data) == null ? void 0 : W.thumbnail) || void 0
             }
           },
-          userLiked: k,
+          userLiked: w,
           likes: ((Z = f == null ? void 0 : f.reaction_counts) == null ? void 0 : Z.like) || 0,
           comments: ((z = f == null ? void 0 : f.reaction_counts) == null ? void 0 : z.reply) || 0,
-          peopleWhoLiked: D
+          peopleWhoLiked: F
         },
         originalAuthorId: R == null ? void 0 : R.id,
         forceHide: { comments: !0 },
@@ -11481,8 +11533,8 @@ const gu = ({
             updateContent: (K, { body: T }) => g({ content: T })
           },
           likes: {
-            createLike: () => y({ activityId: n }),
-            deleteLike: () => _({ activityId: n, reactionId: w })
+            createLike: () => v({ activityId: n }),
+            deleteLike: () => _({ activityId: n, reactionId: b })
           },
           comments: {
             openComments: () => {