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

package/index.mjs

@@ -130,11 +130,11 @@ var ot = {};
 var kr;
 function qs() {
   return kr || (kr = 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"), u = Symbol.for("react.forward_ref"), l = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), f = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), h = Symbol.iterator, g = "@@iterator";
-    function b(v) {
+    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"), u = Symbol.for("react.forward_ref"), l = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), f = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), b = Symbol.iterator, h = "@@iterator";
+    function g(v) {
       if (v === null || typeof v != "object")
         return null;
-      var M = h && v[h] || v[g];
+      var M = b && v[b] || v[h];
       return typeof M == "function" ? M : null;
     }
     var y = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
@@ -630,7 +630,7 @@ Check the top-level render call using <` + L + ">.");
         else if (hn(v))
           v._store && (v._store.validated = !0);
         else if (v) {
-          var le = b(v);
+          var le = g(v);
           if (typeof le == "function" && le !== v.entries)
             for (var me = le.call(v), ce; !(ce = me.next()).done; )
               hn(ce.value) && yr(ce.value, M);
@@ -737,7 +737,7 @@ function Us(t, e, n) {
   if (typeof t != "function")
     throw new TypeError("Expected a function");
   e = +e || 0;
-  var h = !!(n = n || {}).leading, g = !("trailing" in n) || !!n.trailing, b = "maxWait" in n, y = "debounceOnServer" in n && !!n.debounceOnServer, _ = b ? Math.max(+n.maxWait || 0, e) : null;
+  var b = !!(n = n || {}).leading, h = !("trailing" in n) || !!n.trailing, g = "maxWait" in n, y = "debounceOnServer" in n && !!n.debounceOnServer, _ = g ? Math.max(+n.maxWait || 0, e) : null;
   re(function() {
     return m.current = !0, function() {
       m.current = !1;
@@ -753,15 +753,15 @@ function Us(t, e, n) {
       if (!m.current)
         return !1;
       var C = $ - s.current;
-      return !s.current || C >= e || C < 0 || b && $ - i.current >= _;
+      return !s.current || C >= e || C < 0 || g && $ - i.current >= _;
     }, R = function($) {
-      return o.current = null, g && c.current ? w($) : (c.current = u.current = null, l.current);
+      return o.current = null, h && c.current ? w($) : (c.current = u.current = null, l.current);
     }, X = function $() {
       var C = Date.now();
       if (F(C))
         return R(C);
       if (m.current) {
-        var j = e - (C - s.current), k = b ? Math.min(j, _ - (C - i.current)) : j;
+        var j = e - (C - s.current), k = g ? Math.min(j, _ - (C - i.current)) : j;
         x($, k);
       }
     }, B = function() {
@@ -769,8 +769,8 @@ function Us(t, e, n) {
         var $ = Date.now(), C = F($);
         if (c.current = [].slice.call(arguments), u.current = r, s.current = $, C) {
           if (!o.current && m.current)
-            return i.current = s.current, x(X, e), h ? w(s.current) : l.current;
-          if (b)
+            return i.current = s.current, x(X, e), b ? w(s.current) : l.current;
+          if (g)
             return x(X, e), w(s.current);
         }
         return o.current || x(X, e), l.current;
@@ -783,7 +783,7 @@ function Us(t, e, n) {
     }, B.flush = function() {
       return o.current ? R(Date.now()) : l.current;
     }, B;
-  }, [h, b, e, _, g, p, f, y]);
+  }, [b, g, e, _, h, p, f, y]);
   return S;
 }
 function pa(t, e, n) {
@@ -1455,26 +1455,26 @@ Thank you for helping to protect the Apolitical community from abusive content.`
 }) => {
   const p = kt(typeof e == "object");
   if (typeof e == "object" && typeof p == "number") {
-    const b = Object.assign({}, e), y = ga(Object.keys(b));
-    e = va(p, y, b);
+    const g = Object.assign({}, e), y = ga(Object.keys(g));
+    e = va(p, y, g);
   }
-  const h = [];
-  typeof e == "string" && h.push(e), r && (h.push("icon"), typeof r == "object" ? (h.push(r.icon), r.position ? h.push(r.position) : h.push("left"), r.hover && h.push(`hover_${r.hover}`), r.animate && (h.push("animate"), typeof r.animate == "string" && h.push(r.animate))) : (h.push(r), !r.includes("right") && !r.includes("left") && h.push("left"))), n.muted && h.push("muted"), n.fullWidth && h.push("full-width");
-  const g = {
+  const b = [];
+  typeof e == "string" && b.push(e), r && (b.push("icon"), typeof r == "object" ? (b.push(r.icon), r.position ? b.push(r.position) : b.push("left"), r.hover && b.push(`hover_${r.hover}`), r.animate && (b.push("animate"), typeof r.animate == "string" && b.push(r.animate))) : (b.push(r), !r.includes("right") && !r.includes("left") && b.push("left"))), n.muted && b.push("muted"), n.fullWidth && b.push("full-width");
+  const h = {
     ...m,
-    className: E(t, c, h, {
+    className: E(t, c, b, {
       "no-text": !d,
       disabled: u,
       button: s
     }),
-    onClick: (b) => {
-      (!s || s[0] === "#") && o && (b.preventDefault(), b.stopPropagation()), o && o(b);
+    onClick: (g) => {
+      (!s || s[0] === "#") && o && (g.preventDefault(), g.stopPropagation()), o && o(g);
     },
     disabled: typeof u == "object" && "isClickable" in u ? !u.isClickable : u
   };
-  return s && (i = "a", g.href = s), Y.createElement(
+  return s && (i = "a", h.href = s), Y.createElement(
     i,
-    g,
+    h,
     d || (l ? /* @__PURE__ */ a.jsx(be, { showOnFocus: !1, children: l }) : null)
   );
 }, Tt = ({ buttons: t, className: e = "", ...n }) => {
@@ -1618,7 +1618,7 @@ const Et = ({ image: t, className: e, testId: n }) => {
     loading: l,
     decoding: d,
     fetchPriority: m
-  } = t, { range: f, sizes: p } = ii(t), h = vn({ format: "avif", query: o, range: f, url: c }), g = vn({ format: "webp", query: o, range: f, url: c }), b = vn({ format: "", query: o, range: f, url: c });
+  } = t, { range: f, sizes: p } = ii(t), b = vn({ format: "avif", query: o, range: f, url: c }), h = vn({ format: "webp", query: o, range: f, url: c }), g = vn({ format: "", query: o, range: f, url: c });
   return i && i.includes("svg") ? /* @__PURE__ */ a.jsx("picture", { className: e, children: /* @__PURE__ */ a.jsx(
     "img",
     {
@@ -1636,16 +1636,16 @@ const Et = ({ image: t, className: e, testId: n }) => {
       "source",
       {
         type: "image/avif",
-        srcSet: h,
+        srcSet: b,
         sizes: p,
         "data-testid": "source"
       }
     ),
-    /* @__PURE__ */ a.jsx("source", { type: "image/webp", srcSet: g, sizes: p, "data-testid": "source" }),
+    /* @__PURE__ */ a.jsx("source", { type: "image/webp", srcSet: h, sizes: p, "data-testid": "source" }),
     /* @__PURE__ */ a.jsx(
       "img",
       {
-        srcSet: b,
+        srcSet: g,
         sizes: p,
         src: c,
         alt: r,
@@ -1945,29 +1945,29 @@ const fi = ({
   t || (t = Date.now().toString());
   const [l, d] = Q(""), [m, f] = Q("closed");
   re(() => {
-    const g = u.current;
-    if (g)
-      return g.addEventListener("transitionend", p), () => {
-        g.removeEventListener("transitionend", p);
+    const h = u.current;
+    if (h)
+      return h.addEventListener("transitionend", p), () => {
+        h.removeEventListener("transitionend", p);
       };
   }, []), re(() => {
     if (!s || typeof s != "string")
       return;
-    const g = s.split(`
+    const h = s.split(`
 `);
     d(
-      g.length < 3 ? `${s.substring(0, 400)}...` : g.slice(0, 3).join(`
+      h.length < 3 ? `${s.substring(0, 400)}...` : h.slice(0, 3).join(`
 `)
     );
   }, [s]), re(() => {
     m === "ready-to-close" && f("closing");
   }, [m]);
-  const p = ({ propertyName: g }) => {
-    g === "max-height" && f((b) => b === "opening" ? "open" : b === "closing" ? "closed" : b);
+  const p = ({ propertyName: h }) => {
+    h === "max-height" && f((g) => g === "opening" ? "open" : g === "closing" ? "closed" : g);
   };
   if (!s)
     return null;
-  const h = ["opening", "open"].includes(m);
+  const b = ["opening", "open"].includes(m);
   return /* @__PURE__ */ a.jsxs(
     Fe,
     {
@@ -1984,13 +1984,13 @@ const fi = ({
             variant: "tertiary",
             icon: { icon: "navigation_arrow", position: "left", animate: !0 },
             styling: { muted: !0 },
-            className: E({ "rotate-180": h }),
+            className: E({ "rotate-180": b }),
             onClick: () => {
-              f(h ? "ready-to-close" : "opening");
+              f(b ? "ready-to-close" : "opening");
             },
-            "aria-expanded": h,
+            "aria-expanded": b,
             "aria-controls": t,
-            children: h ? r || c.formatMessage({ id: "hideShowTextBox_hide" }) : n || c.formatMessage({ id: "hideShowTextBox_show" })
+            children: b ? r || c.formatMessage({ id: "hideShowTextBox_hide" }) : n || c.formatMessage({ id: "hideShowTextBox_show" })
           }
         ) })
       ]
@@ -2382,8 +2382,8 @@ const Rr = 256, Ve = ({
     const f = m.getContext("2d");
     if (!f)
       return;
-    const p = s, h = i;
-    typeof window < "u" && window.devicePixelRatio && (m.width = p * window.devicePixelRatio, m.height = h * window.devicePixelRatio, f.scale(window.devicePixelRatio, window.devicePixelRatio)), f.fillStyle = ki(n), f.fillRect(0, 0, p, h), f.font = `${p / 3}px Arial`, f.textAlign = "center", f.fillStyle = "white", f.fillText(ja(n), p / 2, h / 1.6);
+    const p = s, b = i;
+    typeof window < "u" && window.devicePixelRatio && (m.width = p * window.devicePixelRatio, m.height = b * window.devicePixelRatio, f.scale(window.devicePixelRatio, window.devicePixelRatio)), f.fillStyle = ki(n), f.fillRect(0, 0, p, b), f.font = `${p / 3}px Arial`, f.textAlign = "center", f.fillStyle = "white", f.fillText(ja(n), p / 2, b / 1.6);
   }, [n]);
   let d = !1;
   return e && e !== "" && !c && (e.includes("http") || e.includes("//")) && (d = !0), /* @__PURE__ */ a.jsx(
@@ -2445,7 +2445,7 @@ const an = ({
   const { name: d, image: m } = l;
   let { url: f } = l;
   e.link !== void 0 && (e.link === !1 ? f = void 0 : f = e.link);
-  const p = Ti(l), h = n && n.createdAt ? zn(n.createdAt) : !1, g = n && n.createdAt ? ba(n.createdAt) : "";
+  const p = Ti(l), b = n && n.createdAt ? zn(n.createdAt) : !1, h = n && n.createdAt ? ba(n.createdAt) : "";
   return Y.createElement(t, {
     className: E("member text-medium", u, o),
     children: /* @__PURE__ */ a.jsxs(
@@ -2454,17 +2454,17 @@ const an = ({
         href: f,
         gtmType: i,
         gtmContext: s,
-        onClick: (b) => {
-          b == null || b.stopPropagation();
+        onClick: (g) => {
+          g == null || g.stopPropagation();
         },
         children: [
           /* @__PURE__ */ a.jsx(Ve, { name: d, src: m }),
           /* @__PURE__ */ a.jsxs("p", { className: "details", children: [
             /* @__PURE__ */ a.jsx("strong", { children: d }),
             n && /* @__PURE__ */ a.jsxs("span", { className: "additional-content", children: [
-              n.createdAt && h && /* @__PURE__ */ a.jsx("span", { className: "date", title: g, "aria-label": g, children: c.formatMessage(
-                { id: `dates_${h.path}` },
-                { number: h.number }
+              n.createdAt && b && /* @__PURE__ */ a.jsx("span", { className: "date", title: h, "aria-label": h, children: c.formatMessage(
+                { id: `dates_${b.path}` },
+                { number: b.number }
               ) }),
               n.didEdit && /* @__PURE__ */ a.jsx("em", { children: c.formatMessage({ id: "discussion_edited" }) })
             ] }),
@@ -2498,34 +2498,34 @@ const Fr = {
     className: E("contributors", l, s, { "has-gap": i }),
     children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
       /* @__PURE__ */ a.jsx("ul", { children: n.map((f, p) => {
-        let h, g = "";
+        let b, h = "";
         if (p < c) {
-          const { name: b = "", image: y = "" } = ka(f);
+          const { name: g = "", image: y = "" } = ka(f);
           if (o)
             return /* @__PURE__ */ a.jsx(Se, { element: "li", className: "contributor" }, p);
-          h = /* @__PURE__ */ a.jsx(
+          b = /* @__PURE__ */ a.jsx(
             Ve,
             {
-              name: b,
+              name: g,
               src: y,
               width: Fr[s || "medium"],
               height: Fr[s || "medium"]
             }
           );
         } else if (p === c) {
-          const b = (e || n.length) - c;
-          h = /* @__PURE__ */ a.jsxs(
+          const g = (e || n.length) - c;
+          b = /* @__PURE__ */ a.jsxs(
             "small",
             {
-              className: E({ "large-number": b > 99 }),
+              className: E({ "large-number": g > 99 }),
               children: [
                 "+",
-                ri(b, 0)
+                ri(g, 0)
               ]
             }
-          ), g = "number-left";
+          ), h = "number-left";
         }
-        return h ? /* @__PURE__ */ a.jsx("li", { className: E("contributor", g), children: h }, p) : null;
+        return b ? /* @__PURE__ */ a.jsx("li", { className: E("contributor", h), children: b }, p) : null;
       }) }),
       r && /* @__PURE__ */ a.jsx("span", { className: "label", children: typeof r == "string" ? r : n.length === 1 ? typeof n[0] == "string" ? m.formatMessage({ id: `member_${n[0]}` }) : et(n[0].name || "", 20) : u || null })
     ] })
@@ -2546,7 +2546,7 @@ const $t = "emailHelperTextBox_", Ei = ({
   }), [c, u] = Q(!1), l = Ut(
     (p) => {
       p.preventDefault(), p.stopPropagation();
-      const h = (g) => {
+      const b = (h) => {
         o({
           path: `${$t}error_verificationFailedToSend`,
           type: "error",
@@ -2554,7 +2554,7 @@ const $t = "emailHelperTextBox_", Ei = ({
             "data-gtm-event-context": "VerifyEmailBox",
             "data-gtm-event-type": "SendEmailClick",
             className: "gtm-trackable",
-            onClick: (b) => l(b),
+            onClick: (g) => l(g),
             href: "#",
             "data-testid": "send-verify-email-click"
           },
@@ -2564,17 +2564,17 @@ const $t = "emailHelperTextBox_", Ei = ({
             "data-gtm-event-context": "ErrorVerifyingBox",
             "data-gtm-event-type": "email-concierge-click"
           },
-          error: g
+          error: h
         });
       };
       if (typeof r != "function") {
-        h(s.formatMessage({ id: `${$t}error_noFunction` }));
+        b(s.formatMessage({ id: `${$t}error_noFunction` }));
         return;
       }
       u(!0), r(e).then(() => {
         localStorage.setItem("email", e), window.location.href = n || "/signup/verify-email";
-      }).catch((g) => {
-        h(g.message);
+      }).catch((h) => {
+        b(h.message);
       }).finally(() => {
         u(!1);
       });
@@ -2584,20 +2584,20 @@ const $t = "emailHelperTextBox_", Ei = ({
   );
   re(
     () => {
-      let p = $t, h = "default", g = {}, b = {};
+      let p = $t, b = "default", h = {}, g = {};
       switch (t) {
         case "gov":
-          p += "autoApproved", h = "success";
+          p += "autoApproved", b = "success";
           break;
         case "nonGov":
-          p += "unrecognisedEmail", h = "error", g = {
+          p += "unrecognisedEmail", b = "error", h = {
             href: "https://about.apolitical.co/who-can-join-the-community",
             "data-gtm-event-context": "NonGovEmailHelperTextBox",
             "data-gtm-event-type": "LearnMoreClick"
           };
           break;
         case "pending":
-          p += "pendingApproval", h = "error", b = {
+          p += "pendingApproval", b = "error", g = {
             href: "mailto:concierge@apolitical.co",
             className: "gtm-trackable",
             "data-gtm-event-context": "EmailExistsBox",
@@ -2605,7 +2605,7 @@ const $t = "emailHelperTextBox_", Ei = ({
           };
           break;
         case "verify":
-          p += "emailUnverified", h = "error", g = {
+          p += "emailUnverified", b = "error", h = {
             href: "#",
             "data-gtm-event-context": "VerifyEmailBox",
             "data-gtm-event-type": "SendEmailClick",
@@ -2615,11 +2615,11 @@ const $t = "emailHelperTextBox_", Ei = ({
           };
           break;
         case "exists":
-          p += "emailAlreadyExists", h = "error", g = {
+          p += "emailAlreadyExists", b = "error", h = {
             href: "/user-onboarding/login",
             "data-gtm-event-context": "EmailExistsBox",
             "data-gtm-event-type": "login-click"
-          }, b = {
+          }, g = {
             href: "mailto:concierge@apolitical.co",
             className: "gtm-trackable",
             "data-gtm-event-context": "EmailExistsBox",
@@ -2627,21 +2627,21 @@ const $t = "emailHelperTextBox_", Ei = ({
           };
           break;
         default:
-          p += "default", g = {
+          p += "default", h = {
             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: h, link: g, mail: b });
+      o({ ...i, path: p, type: b, link: h, mail: g });
     },
     /* eslint-disable react-hooks/exhaustive-deps */
     [t]
   );
   const d = {};
   return ["link", "mail"].forEach((p) => {
-    d[p] = Object.keys(i[p]).length ? (h) => /* @__PURE__ */ a.jsx("a", { ...i[p], children: h }) : (h) => h;
+    d[p] = Object.keys(i[p]).length ? (b) => /* @__PURE__ */ a.jsx("a", { ...i[p], children: b }) : (b) => b;
   }), /* @__PURE__ */ a.jsx(
     di,
     {
@@ -2726,49 +2726,49 @@ const Qe = {
     displayInput: n,
     debouncedInput: n
   }), [
-    { predictions: f, activePredictionIndex: p, isPredictionSelected: h },
-    g
+    { predictions: f, activePredictionIndex: p, isPredictionSelected: b },
+    h
   ] = Q({
     predictions: [],
     activePredictionIndex: -1,
     isPredictionSelected: !!n
-  }), { formatMessage: b } = H();
-  r || (r = b({ id: "inputAutocomplete_placeholder" })), re(() => {
+  }), { formatMessage: g } = H();
+  r || (r = g({ id: "inputAutocomplete_placeholder" })), re(() => {
     const w = setTimeout(() => {
-      h || m((x) => ({ ...x, debouncedInput: u }));
+      b || m((x) => ({ ...x, debouncedInput: u }));
     }, Si);
     return () => {
       clearTimeout(w);
     };
-  }, [u, h]), re(() => {
-    d && !h ? (async () => {
+  }, [u, b]), re(() => {
+    d && !b ? (async () => {
       try {
         const x = await c(d) || [];
-        g((F) => ({
+        h((F) => ({
           ...F,
           predictions: x
         }));
       } catch (x) {
-        console.error("Error fetching predictions:", x), g((F) => ({ ...F, predictions: [] }));
+        console.error("Error fetching predictions:", x), h((F) => ({ ...F, predictions: [] }));
       }
-    })() : g((w) => ({ ...w, predictions: [] }));
-  }, [d, h]), re(() => {
+    })() : h((w) => ({ ...w, predictions: [] }));
+  }, [d, b]), re(() => {
     p >= 0 && f[p] && m((w) => ({
       ...w,
       displayInput: f[p].description
     }));
   }, [p, f]);
   const y = (w) => {
-    [Qe.DOWN, Qe.UP, Qe.ENTER].includes(w.key) && (w.preventDefault(), w.key === Qe.DOWN && p < f.length - 1 ? g((x) => ({
+    [Qe.DOWN, Qe.UP, Qe.ENTER].includes(w.key) && (w.preventDefault(), w.key === Qe.DOWN && p < f.length - 1 ? h((x) => ({
       ...x,
       activePredictionIndex: p + 1
-    })) : w.key === Qe.UP && p > 0 ? g((x) => ({
+    })) : w.key === Qe.UP && p > 0 ? h((x) => ({
       ...x,
       activePredictionIndex: p - 1
     })) : w.key === Qe.ENTER && p > -1 && (o(f[p].description), m((x) => ({
       ...x,
       input: f[p].description
-    })), g((x) => ({
+    })), h((x) => ({
       ...x,
       predictions: [],
       isPredictionSelected: !0
@@ -2778,7 +2778,7 @@ const Qe = {
       ...x,
       input: w.target.value,
       displayInput: w.target.value
-    })), g((x) => ({
+    })), h((x) => ({
       ...x,
       activePredictionIndex: -1,
       isPredictionSelected: !1
@@ -2788,7 +2788,7 @@ const Qe = {
       ...x,
       input: w.description,
       displayInput: w.description
-    })), g((x) => ({
+    })), h((x) => ({
       ...x,
       isPredictionSelected: !0,
       predictions: []
@@ -2812,7 +2812,7 @@ const Qe = {
       "li",
       {
         onClick: () => S(w),
-        onMouseEnter: () => g((F) => ({
+        onMouseEnter: () => h((F) => ({
           ...F,
           activePredictionIndex: x
         })),
@@ -2840,9 +2840,9 @@ const Ea = ({
   value: d,
   ...m
 }) => {
-  const f = H(), { onChange: p, ...h } = r, g = () => {
+  const f = H(), { onChange: p, ...b } = r, h = () => {
     e || p(d ? null : u);
-  }, b = /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+  }, g = /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsx(
       "input",
       {
@@ -2853,7 +2853,7 @@ const Ea = ({
         value: u,
         checked: d,
         onKeyDown: (y) => {
-          (y.key === "Enter" || y.code === "Space") && (y.preventDefault(), y.stopPropagation(), g());
+          (y.key === "Enter" || y.code === "Space") && (y.preventDefault(), y.stopPropagation(), h());
         },
         readOnly: !0,
         disabled: e
@@ -2869,13 +2869,13 @@ const Ea = ({
     {
       onClick: (y) => {
         const _ = y.target;
-        _.nodeName.toLowerCase() === "a" || _.parentNode && _.parentNode.nodeName.toLowerCase() === "a" || (y.preventDefault(), y.stopPropagation(), g());
+        _.nodeName.toLowerCase() === "a" || _.parentNode && _.parentNode.nodeName.toLowerCase() === "a" || (y.preventDefault(), y.stopPropagation(), h());
       },
       className: E("checkbox-wrapper", t),
       ...m,
-      ...h
+      ...b
     },
-    b
+    g
   );
 };
 const Ni = Oe(function({
@@ -2902,23 +2902,23 @@ const $i = ({
   multiSelectOptions: u,
   id: l
 }) => {
-  const d = H(), [m, f] = Q(!1), p = r || n, h = Array.isArray(p) ? [...p] : p ? [p] : [], [g, b] = Q(h);
+  const d = H(), [m, f] = Q(!1), p = r || n, b = Array.isArray(p) ? [...p] : p ? [p] : [], [h, g] = Q(b);
   let y;
-  Array.isArray(g) && g.length === 1 && typeof g[0] == "string" ? y = e && g ? e.find((R) => R.id === g[0]) : e ? e[0] : { id: "", label: "" } : Array.isArray(g) && g.length === 1 && typeof g[0] != "string" ? y = g[0] : y = { id: "", label: "" }, re(() => {
-    b(h);
+  Array.isArray(h) && h.length === 1 && typeof h[0] == "string" ? y = e && h ? e.find((R) => R.id === h[0]) : e ? e[0] : { id: "", label: "" } : Array.isArray(h) && h.length === 1 && typeof h[0] != "string" ? y = h[0] : y = { id: "", label: "" }, re(() => {
+    g(b);
   }, [r, n]);
   const { onChange: _, onMultiSelectSubmit: S, ...w } = s, x = (R) => {
     if (c) {
       let X = [];
-      g != null && g.includes(R.id) ? X = g.filter((B) => B !== R.id) : X = [...g, R.id], b([...X]), _ && _([...X]);
+      h != null && h.includes(R.id) ? X = h.filter((B) => B !== R.id) : X = [...h, R.id], g([...X]), _ && _([...X]);
     } else
-      b([R]), _ && _(R.id), f(!1);
+      g([R]), _ && _(R.id), f(!1);
   }, F = (R) => {
     if (R === "all") {
       const X = (e == null ? void 0 : e.map((B) => B.id)) || [];
-      b(X), _ && _(X);
+      g(X), _ && _(X);
     } else
-      b([]), _ && _([]);
+      g([]), _ && _([]);
   };
   return /* @__PURE__ */ a.jsxs("div", { className: E("dropdown-wrapper", t), children: [
     /* @__PURE__ */ a.jsxs(
@@ -2934,7 +2934,7 @@ const $i = ({
         "data-testid": "dropdown-selector",
         ...w,
         children: [
-          c ? `${o} · ${g.length}` : y.label,
+          c ? `${o} · ${h.length}` : y.label,
           /* @__PURE__ */ a.jsx(Ni, { direction: m ? "up" : "down" })
         ]
       }
@@ -2962,7 +2962,7 @@ const $i = ({
         children: [
           /* @__PURE__ */ a.jsxs("div", { className: "dropdown-menu-list", children: [
             (u == null ? void 0 : u.topbar) && /* @__PURE__ */ a.jsxs("div", { className: "action-bar", children: [
-              /* @__PURE__ */ a.jsx("p", { children: `${g == null ? void 0 : g.length} selected` }),
+              /* @__PURE__ */ a.jsx("p", { children: `${h == null ? void 0 : h.length} selected` }),
               /* @__PURE__ */ a.jsxs("ul", { children: [
                 /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
                   ie,
@@ -2987,7 +2987,7 @@ const $i = ({
               ] })
             ] }),
             /* @__PURE__ */ a.jsx("ul", { children: e == null ? void 0 : e.map((R) => {
-              const X = R.id === y.id || (g == null ? void 0 : g.includes(R)) || (g == null ? void 0 : g.includes(R.id));
+              const X = R.id === y.id || (h == null ? void 0 : h.includes(R)) || (h == null ? void 0 : h.includes(R.id));
               return /* @__PURE__ */ a.jsx("li", { "data-testid": "dropdown-options", children: /* @__PURE__ */ a.jsxs(
                 "button",
                 {
@@ -3016,11 +3016,11 @@ const $i = ({
             {
               variant: "secondary",
               onClick: () => {
-                S && S(g), document.dispatchEvent(
+                S && S(h), document.dispatchEvent(
                   new CustomEvent("dropdownMultiSelectSubmit", {
                     detail: {
                       id: l || "dropdown-multi-select",
-                      value: g
+                      value: h
                     }
                   })
                 ), f(!1);
@@ -3048,7 +3048,7 @@ const Pi = ({
   value: d,
   ...m
 }) => {
-  const f = H(), p = i ? d : [], h = d;
+  const f = H(), p = i ? d : [], b = d;
   return /* @__PURE__ */ a.jsx(
     "ul",
     {
@@ -3057,12 +3057,12 @@ const Pi = ({
       "data-testid": `ul-${r}`,
       children: c == null ? void 0 : c.map(
         ({
-          id: g,
-          label: b = !1,
-          value: y = g,
+          id: h,
+          label: g = !1,
+          value: y = h,
           disabled: _ = !1
         }) => {
-          const S = `${r}_${g}`, w = () => {
+          const S = `${r}_${h}`, w = () => {
             if (_)
               return;
             let x;
@@ -3070,7 +3070,7 @@ const Pi = ({
               const F = p == null ? void 0 : p.indexOf(y);
               Array.isArray(p) && F >= 0 ? (x = p, x.splice(F, 1)) : (!p || p.length === 0 ? x = [] : x = p, x.push(y));
             } else
-              x = h === y ? void 0 : y;
+              x = b === y ? void 0 : y;
             e.onChange(x);
           };
           return /* @__PURE__ */ a.jsx(
@@ -3080,14 +3080,14 @@ const Pi = ({
               id: S,
               type: l === "checkboxes" ? "checkbox" : "radio",
               shownValue: y,
-              value: i ? p == null ? void 0 : p.includes(y) : h === y,
+              value: i ? p == null ? void 0 : p.includes(y) : b === y,
               functions: {
                 ...e,
                 onChange: w
               },
               intlPath: n,
-              label: b || f.formatMessage({
-                id: n ? `${n}_${g}` : g
+              label: g || f.formatMessage({
+                id: n ? `${n}_${h}` : h
               }),
               disabled: _
             },
@@ -3153,9 +3153,9 @@ const Je = {
   value: l,
   ...d
 }) => {
-  const m = H(), f = u && u.some(({ condition: w }) => w === "required"), p = (l == null ? void 0 : l.toString().length) || 0, h = c && Je[c] && Je[c].component ? Je[c].component : gt, g = {};
-  c && ["checkboxes"].includes(c) ? g.element = "span" : g.htmlFor = t;
-  let b = {
+  const m = H(), f = u && u.some(({ condition: w }) => w === "required"), p = (l == null ? void 0 : l.toString().length) || 0, b = c && Je[c] && Je[c].component ? Je[c].component : gt, h = {};
+  c && ["checkboxes"].includes(c) ? h.element = "span" : h.htmlFor = t;
+  let g = {
     ...d,
     id: t,
     name: t,
@@ -3166,9 +3166,9 @@ const Je = {
     functions: pt(s),
     value: l
   };
-  i > 0 && (b["data-character-limit"] = i, b.functions && (b.functions.onChange = (w) => {
+  i > 0 && (g["data-character-limit"] = i, g.functions && (g.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 && (b = { ...b, ...Je[c].props }), c && ["checkboxes"].includes(c) && (b.intlPath = `${e}_${t}`), r && (b["aria-invalid"] = !0, b["aria-describedby"] = `error-${t}`);
+  })), c && Je[c] && Je[c].props && (g = { ...g, ...Je[c].props }), c && ["checkboxes"].includes(c) && (g.intlPath = `${e}_${t}`), r && (g["aria-invalid"] = !0, g["aria-describedby"] = `error-${t}`);
   const y = d.label || m.formatMessage({ id: e ? `${e}_${t}` : t }), _ = ({ ...w }) => r ? Y.createElement(
     w.as || "dd",
     {
@@ -3183,9 +3183,9 @@ const Je = {
   if (c && ["checkbox"].includes(c))
     return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
       /* @__PURE__ */ a.jsx(
-        h,
+        b,
         {
-          ...b,
+          ...g,
           label: y,
           className: E("field-wrapper", n)
         }
@@ -3198,7 +3198,7 @@ const Je = {
     "data-testid": `label-${t}`
   });
   return /* @__PURE__ */ a.jsxs("dl", { className: E("field-wrapper text-medium", n), children: [
-    /* @__PURE__ */ a.jsx("dt", { children: /* @__PURE__ */ a.jsxs(S, { ...g, children: [
+    /* @__PURE__ */ a.jsx("dt", { children: /* @__PURE__ */ a.jsxs(S, { ...h, children: [
       y,
       f && o && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
         " ",
@@ -3210,7 +3210,7 @@ const Je = {
       ] })
     ] }) }),
     /* @__PURE__ */ a.jsxs("dd", { children: [
-      /* @__PURE__ */ a.jsx(h, { ...b }),
+      /* @__PURE__ */ a.jsx(b, { ...g }),
       i > 0 ? /* @__PURE__ */ a.jsxs(
         "small",
         {
@@ -3270,37 +3270,37 @@ const Je = {
       for (const f of o)
         if (f.validation)
           for (let p = 0; p < f.validation.length; p++) {
-            const { condition: h = "required", error: g = !1 } = f.validation[p];
-            let b = !1;
-            if (typeof h == "function") {
-              const y = h(i);
-              y && (b = g || y);
+            const { condition: b = "required", error: h = !1 } = f.validation[p];
+            let g = !1;
+            if (typeof b == "function") {
+              const y = b(i);
+              y && (g = h || y);
             } else {
               const y = i[f.id];
-              switch (h) {
+              switch (b) {
                 case "required":
-                  (!y || typeof y == "string" && y.trim().length === 0) && (b = g || (d == null ? void 0 : d.formatMessage({ id: "form_error_required" })));
+                  (!y || typeof y == "string" && y.trim().length === 0) && (g = h || (d == null ? void 0 : d.formatMessage({ id: "form_error_required" })));
                   break;
                 case "no-numbers": {
-                  y && !/^([^0-9]*)$/.test(y) && (b = g || (d == null ? void 0 : d.formatMessage({ id: "form_error_numbers" })));
+                  y && !/^([^0-9]*)$/.test(y) && (g = h || (d == null ? void 0 : d.formatMessage({ id: "form_error_numbers" })));
                   break;
                 }
                 case "valid-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) && (b = g || (d == null ? void 0 : d.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) && (g = h || (d == null ? void 0 : d.formatMessage({ id: "form_error_email" })));
                   break;
                 }
                 case "valid-url": {
-                  y && !/^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\(\)\*\+,;=.]+$/.test(y) && (b = g || (d == null ? void 0 : d.formatMessage({ id: "form_error_url" })));
+                  y && !/^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\(\)\*\+,;=.]+$/.test(y) && (g = h || (d == null ? void 0 : d.formatMessage({ id: "form_error_url" })));
                   break;
                 }
                 default:
                   console.warn("WARNING! No field validation condition has been set");
               }
             }
-            if (b) {
+            if (g) {
               c({
                 type: "addError",
-                payload: { key: f.id, value: b }
+                payload: { key: f.id, value: g }
               }), m.push(f.id);
               break;
             }
@@ -3366,7 +3366,7 @@ const sn = ({
   },
   ...p
 }) => {
-  const { customOnSubmit: h, hideButton: g, ...b } = i, y = 40, {
+  const { customOnSubmit: b, hideButton: h, ...g } = i, y = 40, {
     shouldShowCancelButton: _ = !1,
     shouldReset: S = !0,
     showRequiredLabels: w = !0,
@@ -3414,7 +3414,7 @@ const sn = ({
   i.text || (i.text = F.formatMessage({ id: "form_submit" }));
   const Z = [
     {
-      ...b,
+      ...g,
       icon: j ? { icon: "tick", position: "left" } : !1,
       className: "gtm-trackable",
       onClick: (z) => {
@@ -3495,7 +3495,7 @@ const sn = ({
               text: F.formatMessage({ id: "form_error_generalError" })
             }
           ) : null,
-          (!S || !C && !j || h) && t.map((z, K) => {
+          (!S || !C && !j || b) && t.map((z, K) => {
             const {
               id: T = z.name || K,
               component: P,
@@ -3523,7 +3523,7 @@ const sn = ({
               T
             );
           }),
-          g ? null : (C || j) && h ? h : /* @__PURE__ */ a.jsx(
+          h ? null : (C || j) && b ? b : /* @__PURE__ */ a.jsx(
             Tt,
             {
               className: E("cta", {
@@ -3611,13 +3611,13 @@ const Wl = ({
     o && !u.setUp && d();
   }, [o]), !o)
     return /* @__PURE__ */ a.jsx(Se, { className: "rating-placeholder" });
-  const { id: m, rating: f, disabled: p } = u, h = "ratings_", g = {
-    text: c.formatMessage({ id: `${h}text` }),
-    low: c.formatMessage({ id: `${h}low` }),
-    high: c.formatMessage({ id: `${h}high` }),
-    success: c.formatMessage({ id: `${h}success` }),
+  const { id: m, rating: f, disabled: p } = u, b = "ratings_", h = {
+    text: c.formatMessage({ id: `${b}text` }),
+    low: c.formatMessage({ id: `${b}low` }),
+    high: c.formatMessage({ id: `${b}high` }),
+    success: c.formatMessage({ id: `${b}success` }),
     ...t
-  }, b = async (y) => {
+  }, g = async (y) => {
     if (!(!m || p))
       try {
         l((_) => ({ ..._, rating: y, disabled: !0 })), await r({ id: m, value: y });
@@ -3628,7 +3628,7 @@ const Wl = ({
       }
   };
   return /* @__PURE__ */ a.jsxs("div", { className: E("rating", i), children: [
-    /* @__PURE__ */ a.jsx("span", { className: "label", children: g[f ? "success" : "text"] }),
+    /* @__PURE__ */ a.jsx("span", { className: "label", children: h[f ? "success" : "text"] }),
     /* @__PURE__ */ a.jsx("ol", { children: Array.from(new Array(e).keys()).map((y) => {
       const _ = y + 1;
       return /* @__PURE__ */ a.jsx(
@@ -3646,11 +3646,11 @@ const Wl = ({
                 hover: "star"
               },
               screenreaderText: `${c.formatMessage(
-                { id: `${h}stars` },
+                { id: `${b}stars` },
                 { number: _, total: e }
-              )}${_ === 1 || _ === e ? ` - ${g[_ === 1 ? "low" : "high"]}` : ""}`,
+              )}${_ === 1 || _ === e ? ` - ${h[_ === 1 ? "low" : "high"]}` : ""}`,
               onClick: (S) => {
-                S.preventDefault(), S.stopPropagation(), b(_);
+                S.preventDefault(), S.stopPropagation(), g(_);
               },
               disabled: p
             }
@@ -3727,12 +3727,12 @@ function zl({ className: t = "", userId: e, userName: n, src: r, setUserImage: s
       const p = f.target.files && f.target.files[0];
       if (!p || !e)
         throw c(!1), new Error("Image file or userID is missing");
-      const h = await i({ fileObject: p, userId: e });
-      s((g) => ({
-        ...g,
+      const b = await i({ fileObject: p, userId: e });
+      s((h) => ({
+        ...h,
         image: {
-          thumbnail: h.thumbnailURL,
-          full: h.originalURL
+          thumbnail: b.thumbnailURL,
+          full: b.originalURL
         }
       }));
     } catch {
@@ -3832,40 +3832,40 @@ const Li = ({
   initialFormStatus: l = "NOT_SUBMITTED"
   /* NOT_SUBMITTED */
 }) => {
-  const [d, m] = Q([]), [f, p] = Q(!0), [h, g] = Q(l), { formatMessage: b } = H(), y = async (w) => {
+  const [d, m] = Q([]), [f, p] = Q(!0), [b, h] = Q(l), { formatMessage: g } = H(), y = async (w) => {
     w.preventDefault();
     try {
-      await u(d), m([]), g(
+      await u(d), m([]), h(
         "SUCCESS"
         /* SUCCESS */
       );
     } catch (x) {
-      g(
+      h(
         "ERROR"
         /* ERROR */
       ), c(x);
     }
   }, _ = (w) => {
-    w.preventDefault(), g(
+    w.preventDefault(), h(
       "NOT_SUBMITTED"
       /* NOT_SUBMITTED */
     ), p(!0), m([]);
   }, S = (w) => {
-    w.preventDefault(), o(), g(
+    w.preventDefault(), o(), h(
       "CLOSED"
       /* CLOSED */
     );
   };
-  return h === "CLOSED" ? null : h === "ERROR" || h === "SUCCESS" ? /* @__PURE__ */ a.jsxs("div", { className: "invite-form-wrapper", children: [
-    /* @__PURE__ */ a.jsx("div", { className: "content centred", children: h === "SUCCESS" ? /* @__PURE__ */ a.jsx("h2", { className: "success-title", children: b({ id: "inviteForm_success" }) }) : /* @__PURE__ */ a.jsxs("h2", { className: "error-title", children: [
+  return b === "CLOSED" ? null : b === "ERROR" || b === "SUCCESS" ? /* @__PURE__ */ a.jsxs("div", { className: "invite-form-wrapper", children: [
+    /* @__PURE__ */ a.jsx("div", { className: "content centred", children: b === "SUCCESS" ? /* @__PURE__ */ a.jsx("h2", { className: "success-title", children: g({ id: "inviteForm_success" }) }) : /* @__PURE__ */ a.jsxs("h2", { className: "error-title", children: [
       " ",
-      b({ id: "inviteForm_error" })
+      g({ id: "inviteForm_error" })
     ] }) }),
     /* @__PURE__ */ a.jsx(ze, {}),
-    /* @__PURE__ */ a.jsx("div", { className: "footer", children: h === "SUCCESS" ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-      /* @__PURE__ */ a.jsx(ie, { variant: "secondary", onClick: _, children: b({ id: "inviteForm_ctaSendMoreInvites" }) }),
-      /* @__PURE__ */ a.jsx(ie, { onClick: S, children: b({ id: "inviteForm_ctaDone" }) })
-    ] }) : /* @__PURE__ */ a.jsx(ie, { onClick: _, children: b({ id: "inviteForm_ctaTryAgain" }) }) })
+    /* @__PURE__ */ a.jsx("div", { className: "footer", children: b === "SUCCESS" ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+      /* @__PURE__ */ a.jsx(ie, { variant: "secondary", onClick: _, children: g({ id: "inviteForm_ctaSendMoreInvites" }) }),
+      /* @__PURE__ */ a.jsx(ie, { onClick: S, children: g({ id: "inviteForm_ctaDone" }) })
+    ] }) : /* @__PURE__ */ a.jsx(ie, { onClick: _, children: g({ id: "inviteForm_ctaTryAgain" }) }) })
   ] }) : /* @__PURE__ */ a.jsx("div", { className: "invite-form-wrapper", children: /* @__PURE__ */ a.jsxs(
     "form",
     {
@@ -3881,7 +3881,7 @@ const Li = ({
             {
               id: "email-input",
               inputClassName: "email-input input",
-              placeholder: b({ id: "inviteForm_email_placeholder" }),
+              placeholder: g({ id: "inviteForm_email_placeholder" }),
               emails: d,
               onChange: (w) => {
                 m(w), p(!w.length);
@@ -3899,7 +3899,7 @@ const Li = ({
                       F(x), p(!d.length);
                     },
                     className: "remove-email-button",
-                    screenreaderText: b({ id: "overlay_close" })
+                    screenreaderText: g({ id: "overlay_close" })
                   }
                 )
               ] }, x)
@@ -3966,8 +3966,8 @@ const Li = ({
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       onCatch: (p) => s(p == null ? void 0 : p.statusCode),
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      onFailure: (p, h) => {
-        (h.includes(Te.NEW_PASSWORD) || h.includes(Te.CONFIRMED_PASSWORD)) && o(!0);
+      onFailure: (p, b) => {
+        (b.includes(Te.NEW_PASSWORD) || b.includes(Te.CONFIRMED_PASSWORD)) && o(!0);
       }
     },
     meta: {
@@ -4130,8 +4130,8 @@ const Bi = ({
   intl: l
   // We need to pass `intl` in as it's being used in a hook
 }) => {
-  const { emailDetails: d } = o, m = (p, h) => {
-    p.current && o.validFields[h] !== p.current.validity.valid && c([{ type: `validFields.${h}`, value: p.current.validity.valid }]);
+  const { emailDetails: d } = o, m = (p, b) => {
+    p.current && o.validFields[b] !== p.current.validity.valid && c([{ type: `validFields.${b}`, value: p.current.validity.valid }]);
   }, f = [
     {
       id: "full_name",
@@ -4157,8 +4157,8 @@ const Bi = ({
         onBlur: () => {
           Or({ ref: i.email, validateEmail: r, dispatch: c });
         },
-        onChange: (p, h) => {
-          c([{ type: "shouldDisableButton", value: !0 }]), h && h({
+        onChange: (p, b) => {
+          c([{ type: "shouldDisableButton", value: !0 }]), b && b({
             type: "updateValue",
             payload: { key: "terms", value: !1 }
           });
@@ -4264,13 +4264,13 @@ const Bi = ({
       onChange: (p) => {
         if (!p)
           return;
-        const h = [];
-        ["name", "email"].forEach((g) => {
-          o.validFields[g] !== i[g].current.validity.valid && (h.push({
-            type: `validFields.${g}`,
-            value: i[g].current.validity.valid
-          }), g === "email" && Or({ ref: i.email, validateEmail: r, dispatch: c }));
-        }), h.length && c(h);
+        const b = [];
+        ["name", "email"].forEach((h) => {
+          o.validFields[h] !== i[h].current.validity.valid && (b.push({
+            type: `validFields.${h}`,
+            value: i[h].current.validity.valid
+          }), h === "email" && Or({ ref: i.email, validateEmail: r, dispatch: c }));
+        }), b.length && c(b);
       }
     },
     validation: [{ condition: "required" }],
@@ -4332,20 +4332,20 @@ const Zi = {
     url: m = !0,
     logInButton: f = !0,
     successMessage: p = !0
-  } = s, h = {
+  } = s, b = {
     title: l,
     expectation: d,
     url: m,
     logInButton: f,
     successMessage: p
-  }, [g, b] = Qn(ha, Zi), {
+  }, [h, g] = Qn(ha, Zi), {
     validFields: y,
     emailDetails: _,
     shouldManuallyApprove: S,
     shouldDisableButton: w,
     showSuccessMessage: x,
     showError: F
-  } = g, [R, X] = la([
+  } = h, [R, X] = la([
     "signup-this-session",
     "functional-cookie-consent"
   ]), B = {
@@ -4360,7 +4360,7 @@ const Zi = {
   re(() => {
     S === !0 && B.jobTitle.current && B.jobTitle.current.focus();
   }, [S]), re(() => {
-    R["signup-this-session"] && b([{ type: "showSuccessMessage", value: !0 }]);
+    R["signup-this-session"] && g([{ type: "showSuccessMessage", value: !0 }]);
   }, [R]), re(() => {
     x && R["functional-cookie-consent"] && X("signup-this-session", "true", {
       path: "/",
@@ -4370,21 +4370,21 @@ const Zi = {
   const $ = wt(() => Ui({
     placeholders: n,
     labels: e,
-    shouldShow: h,
+    shouldShow: b,
     functions: r,
     refs: B,
-    state: g,
-    dispatch: b,
+    state: h,
+    dispatch: g,
     dataToSubmit: o,
     intl: u
-  }), [o, r, u, B, h, g]), C = w ? !0 : S ? !Object.values(y).every((j) => j === !0) : !y.name || !y.email || ["exists", "pending", "verify"].includes(_.boxType);
-  return h.successMessage && x ? /* @__PURE__ */ a.jsx(zi, { className: t }) : /* @__PURE__ */ a.jsxs(
+  }), [o, r, u, B, b, h]), C = w ? !0 : S ? !Object.values(y).every((j) => j === !0) : !y.name || !y.email || ["exists", "pending", "verify"].includes(_.boxType);
+  return b.successMessage && x ? /* @__PURE__ */ a.jsx(zi, { className: t }) : /* @__PURE__ */ a.jsxs(
     "fieldset",
     {
       className: E("signup-form-fieldset", t),
       "data-testid": "signup-form",
       children: [
-        h.title && /* @__PURE__ */ a.jsx("p", { className: "signup-title", children: /* @__PURE__ */ a.jsx(ye, { id: "signup_title" }) }),
+        b.title && /* @__PURE__ */ a.jsx("p", { className: "signup-title", children: /* @__PURE__ */ a.jsx(ye, { id: "signup_title" }) }),
         F && /* @__PURE__ */ a.jsx(
           He,
           {
@@ -4421,7 +4421,7 @@ const Zi = {
             meta: {
               shouldReset: !1,
               showRequiredLabels: !1,
-              shouldShowCancelButton: h.logInButton
+              shouldShowCancelButton: b.logInButton
             },
             gtm: {
               context: "SignupForm",
@@ -4434,12 +4434,12 @@ const Zi = {
                   dataToSubmit: o,
                   createAccount: r.createAccount,
                   onSuccess: r.onSuccess,
-                  dispatch: b,
-                  state: g
+                  dispatch: g,
+                  state: h
                 });
               },
               onCatch: (j) => {
-                r.handleError(j), b([
+                r.handleError(j), g([
                   { type: "showSuccessMessage", value: !1 },
                   { type: "showError", value: !0 }
                 ]);
@@ -4466,7 +4466,7 @@ function Hi() {
   if (Ar)
     return ue;
   Ar = 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, u = t ? Symbol.for("react.async_mode") : 60111, l = t ? Symbol.for("react.concurrent_mode") : 60111, d = t ? Symbol.for("react.forward_ref") : 60112, m = t ? Symbol.for("react.suspense") : 60113, f = t ? Symbol.for("react.suspense_list") : 60120, p = t ? Symbol.for("react.memo") : 60115, h = t ? Symbol.for("react.lazy") : 60116, g = t ? Symbol.for("react.block") : 60121, b = t ? Symbol.for("react.fundamental") : 60117, y = t ? Symbol.for("react.responder") : 60118, _ = t ? Symbol.for("react.scope") : 60119;
+  var t = typeof Symbol == "function" && Symbol.for, e = t ? Symbol.for("react.element") : 60103, n = t ? Symbol.for("react.portal") : 60106, r = t ? Symbol.for("react.fragment") : 60107, 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, u = t ? Symbol.for("react.async_mode") : 60111, l = t ? Symbol.for("react.concurrent_mode") : 60111, d = t ? Symbol.for("react.forward_ref") : 60112, m = t ? Symbol.for("react.suspense") : 60113, f = t ? Symbol.for("react.suspense_list") : 60120, p = t ? Symbol.for("react.memo") : 60115, b = t ? Symbol.for("react.lazy") : 60116, h = t ? Symbol.for("react.block") : 60121, g = t ? Symbol.for("react.fundamental") : 60117, y = t ? Symbol.for("react.responder") : 60118, _ = t ? Symbol.for("react.scope") : 60119;
   function S(x) {
     if (typeof x == "object" && x !== null) {
       var F = x.$$typeof;
@@ -4484,7 +4484,7 @@ function Hi() {
               switch (x = x && x.$$typeof, x) {
                 case c:
                 case d:
-                case h:
+                case b:
                 case p:
                 case o:
                   return x;
@@ -4500,7 +4500,7 @@ function Hi() {
   function w(x) {
     return S(x) === l;
   }
-  return ue.AsyncMode = u, ue.ConcurrentMode = l, ue.ContextConsumer = c, ue.ContextProvider = o, ue.Element = e, ue.ForwardRef = d, ue.Fragment = r, ue.Lazy = h, ue.Memo = p, ue.Portal = n, ue.Profiler = i, ue.StrictMode = s, ue.Suspense = m, ue.isAsyncMode = function(x) {
+  return ue.AsyncMode = u, ue.ConcurrentMode = l, ue.ContextConsumer = c, ue.ContextProvider = o, ue.Element = e, ue.ForwardRef = d, ue.Fragment = r, ue.Lazy = b, ue.Memo = p, ue.Portal = n, ue.Profiler = i, ue.StrictMode = s, ue.Suspense = m, ue.isAsyncMode = function(x) {
     return w(x) || S(x) === u;
   }, ue.isConcurrentMode = w, ue.isContextConsumer = function(x) {
     return S(x) === c;
@@ -4513,7 +4513,7 @@ function Hi() {
   }, ue.isFragment = function(x) {
     return S(x) === r;
   }, ue.isLazy = function(x) {
-    return S(x) === h;
+    return S(x) === b;
   }, ue.isMemo = function(x) {
     return S(x) === p;
   }, ue.isPortal = function(x) {
@@ -4525,7 +4525,7 @@ function Hi() {
   }, ue.isSuspense = function(x) {
     return S(x) === m;
   }, ue.isValidElementType = function(x) {
-    return typeof x == "string" || typeof x == "function" || x === r || x === l || x === i || x === s || x === m || x === f || typeof x == "object" && x !== null && (x.$$typeof === h || x.$$typeof === p || x.$$typeof === o || x.$$typeof === c || x.$$typeof === d || x.$$typeof === b || x.$$typeof === y || x.$$typeof === _ || x.$$typeof === g);
+    return typeof x == "string" || typeof x == "function" || x === r || x === l || x === i || x === s || x === m || x === f || typeof x == "object" && x !== null && (x.$$typeof === b || x.$$typeof === p || x.$$typeof === o || x.$$typeof === c || x.$$typeof === d || x.$$typeof === g || x.$$typeof === y || x.$$typeof === _ || x.$$typeof === h);
   }, ue.typeOf = S, ue;
 }
 var de = {};
@@ -4540,10 +4540,10 @@ var de = {};
 var Dr;
 function Vi() {
   return Dr || (Dr = 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, u = t ? Symbol.for("react.async_mode") : 60111, l = t ? Symbol.for("react.concurrent_mode") : 60111, d = t ? Symbol.for("react.forward_ref") : 60112, m = t ? Symbol.for("react.suspense") : 60113, f = t ? Symbol.for("react.suspense_list") : 60120, p = t ? Symbol.for("react.memo") : 60115, h = t ? Symbol.for("react.lazy") : 60116, g = t ? Symbol.for("react.block") : 60121, b = t ? Symbol.for("react.fundamental") : 60117, y = t ? Symbol.for("react.responder") : 60118, _ = t ? Symbol.for("react.scope") : 60119;
+    var t = typeof Symbol == "function" && Symbol.for, e = t ? Symbol.for("react.element") : 60103, n = t ? Symbol.for("react.portal") : 60106, r = t ? Symbol.for("react.fragment") : 60107, 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, u = t ? Symbol.for("react.async_mode") : 60111, l = t ? Symbol.for("react.concurrent_mode") : 60111, d = t ? Symbol.for("react.forward_ref") : 60112, m = t ? Symbol.for("react.suspense") : 60113, f = t ? Symbol.for("react.suspense_list") : 60120, p = t ? Symbol.for("react.memo") : 60115, b = t ? Symbol.for("react.lazy") : 60116, h = t ? Symbol.for("react.block") : 60121, g = t ? Symbol.for("react.fundamental") : 60117, y = t ? Symbol.for("react.responder") : 60118, _ = t ? Symbol.for("react.scope") : 60119;
     function S(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 === m || D === f || typeof D == "object" && D !== null && (D.$$typeof === h || D.$$typeof === p || D.$$typeof === o || D.$$typeof === c || D.$$typeof === d || D.$$typeof === b || D.$$typeof === y || D.$$typeof === _ || D.$$typeof === g);
+      D === r || D === l || D === i || D === s || D === m || D === f || typeof D == "object" && D !== null && (D.$$typeof === b || D.$$typeof === p || D.$$typeof === o || D.$$typeof === c || D.$$typeof === d || D.$$typeof === g || D.$$typeof === y || D.$$typeof === _ || D.$$typeof === h);
     }
     function w(D) {
       if (typeof D == "object" && D !== null) {
@@ -4564,7 +4564,7 @@ function Vi() {
                 switch (Ce) {
                   case c:
                   case d:
-                  case h:
+                  case b:
                   case p:
                   case o:
                     return Ce;
@@ -4577,7 +4577,7 @@ function Vi() {
         }
       }
     }
-    var x = u, F = l, R = c, X = o, B = e, $ = d, C = r, j = h, k = p, N = n, A = i, W = s, Z = m, z = !1;
+    var x = u, F = l, R = c, X = o, B = e, $ = d, C = r, j = b, k = p, N = n, A = i, W = s, Z = m, 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) === u;
     }
@@ -4600,7 +4600,7 @@ function Vi() {
       return w(D) === r;
     }
     function G(D) {
-      return w(D) === h;
+      return w(D) === b;
     }
     function V(D) {
       return w(D) === p;
@@ -4719,8 +4719,8 @@ function Ki() {
               throw f.name = "Invariant Violation", f;
             }
             m = i[d](o, d, u, c, null, e);
-          } catch (h) {
-            m = h;
+          } catch (b) {
+            m = b;
           }
           if (m && !(m instanceof Error) && t(
             (u || "React class") + ": type specification of " + c + " `" + d + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof m + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
@@ -4784,14 +4784,14 @@ function Gi() {
       shape: j,
       exact: k
     };
-    function h(T, P) {
+    function b(T, P) {
       return T === P ? T !== 0 || 1 / T === 1 / P : T !== T && P !== P;
     }
-    function g(T, P) {
+    function h(T, P) {
       this.message = T, this.data = P && typeof P == "object" ? P : {}, this.stack = "";
     }
-    g.prototype = Error.prototype;
-    function b(T) {
+    h.prototype = Error.prototype;
+    function g(T) {
       if (process.env.NODE_ENV !== "production")
         var P = {}, I = 0;
       function q(te, G, V, ee, ae, O, oe) {
@@ -4809,7 +4809,7 @@ function Gi() {
             ), P[ve] = !0, I++);
           }
         }
-        return G[V] == null ? te ? G[V] === null ? new g("The " + ae + " `" + O + "` is marked as required " + ("in `" + ee + "`, but its value is `null`.")) : new g("The " + ae + " `" + O + "` is marked as required in " + ("`" + ee + "`, but its value is `undefined`.")) : null : T(G, V, ee, ae, O);
+        return G[V] == null ? te ? G[V] === null ? new h("The " + ae + " `" + O + "` is marked as required " + ("in `" + ee + "`, but its value is `null`.")) : new h("The " + ae + " `" + O + "` is marked as required in " + ("`" + ee + "`, but its value is `undefined`.")) : null : T(G, V, ee, ae, O);
       }
       var U = q.bind(null, !1);
       return U.isRequired = q.bind(null, !0), U;
@@ -4819,26 +4819,26 @@ function Gi() {
         var ee = I[q], ae = W(ee);
         if (ae !== T) {
           var O = Z(ee);
-          return new g(
+          return new h(
             "Invalid " + te + " `" + G + "` of type " + ("`" + O + "` supplied to `" + U + "`, expected ") + ("`" + T + "`."),
             { expectedType: T }
           );
         }
         return null;
       }
-      return b(P);
+      return g(P);
     }
     function _() {
-      return b(o);
+      return g(o);
     }
     function S(T) {
       function P(I, q, U, te, G) {
         if (typeof T != "function")
-          return new g("Property `" + G + "` of component `" + U + "` has invalid PropType notation inside arrayOf.");
+          return new h("Property `" + G + "` of component `" + U + "` has invalid PropType notation inside arrayOf.");
         var V = I[q];
         if (!Array.isArray(V)) {
           var ee = W(V);
-          return new g("Invalid " + te + " `" + G + "` of type " + ("`" + ee + "` supplied to `" + U + "`, expected an array."));
+          return new h("Invalid " + te + " `" + G + "` of type " + ("`" + ee + "` supplied to `" + U + "`, expected an array."));
         }
         for (var ae = 0; ae < V.length; ae++) {
           var O = T(V, ae, U, te, G + "[" + ae + "]", n);
@@ -4847,39 +4847,39 @@ function Gi() {
         }
         return null;
       }
-      return b(P);
+      return g(P);
     }
     function w() {
       function T(P, I, q, U, te) {
         var G = P[I];
         if (!c(G)) {
           var V = W(G);
-          return new g("Invalid " + U + " `" + te + "` of type " + ("`" + V + "` supplied to `" + q + "`, expected a single ReactElement."));
+          return new h("Invalid " + U + " `" + te + "` of type " + ("`" + V + "` supplied to `" + q + "`, expected a single ReactElement."));
         }
         return null;
       }
-      return b(T);
+      return g(T);
     }
     function x() {
       function T(P, I, q, U, te) {
         var G = P[I];
         if (!t.isValidElementType(G)) {
           var V = W(G);
-          return new g("Invalid " + U + " `" + te + "` of type " + ("`" + V + "` supplied to `" + q + "`, expected a single ReactElement type."));
+          return new h("Invalid " + U + " `" + te + "` of type " + ("`" + V + "` supplied to `" + q + "`, expected a single ReactElement type."));
         }
         return null;
       }
-      return b(T);
+      return g(T);
     }
     function F(T) {
       function P(I, q, U, te, G) {
         if (!(I[q] instanceof T)) {
           var V = T.name || f, ee = K(I[q]);
-          return new g("Invalid " + te + " `" + G + "` of type " + ("`" + ee + "` supplied to `" + U + "`, expected ") + ("instance of `" + V + "`."));
+          return new h("Invalid " + te + " `" + G + "` of type " + ("`" + ee + "` supplied to `" + U + "`, expected ") + ("instance of `" + V + "`."));
         }
         return null;
       }
-      return b(P);
+      return g(P);
     }
     function R(T) {
       if (!Array.isArray(T))
@@ -4888,23 +4888,23 @@ function Gi() {
         ) : i("Invalid argument supplied to oneOf, expected an array.")), o;
       function P(I, q, U, te, G) {
         for (var V = I[q], ee = 0; ee < T.length; ee++)
-          if (h(V, T[ee]))
+          if (b(V, T[ee]))
             return null;
         var ae = JSON.stringify(T, function(oe, D) {
           var ve = Z(D);
           return ve === "symbol" ? String(D) : D;
         });
-        return new g("Invalid " + te + " `" + G + "` of value `" + String(V) + "` " + ("supplied to `" + U + "`, expected one of " + ae + "."));
+        return new h("Invalid " + te + " `" + G + "` of value `" + String(V) + "` " + ("supplied to `" + U + "`, expected one of " + ae + "."));
       }
-      return b(P);
+      return g(P);
     }
     function X(T) {
       function P(I, q, U, te, G) {
         if (typeof T != "function")
-          return new g("Property `" + G + "` of component `" + U + "` has invalid PropType notation inside objectOf.");
+          return new h("Property `" + G + "` of component `" + U + "` has invalid PropType notation inside objectOf.");
         var V = I[q], ee = W(V);
         if (ee !== "object")
-          return new g("Invalid " + te + " `" + G + "` of type " + ("`" + ee + "` supplied to `" + U + "`, expected an object."));
+          return new h("Invalid " + te + " `" + G + "` of type " + ("`" + ee + "` supplied to `" + U + "`, expected an object."));
         for (var ae in V)
           if (r(V, ae)) {
             var O = T(V, ae, U, te, G + "." + ae, n);
@@ -4913,7 +4913,7 @@ function Gi() {
           }
         return null;
       }
-      return b(P);
+      return g(P);
     }
     function B(T) {
       if (!Array.isArray(T))
@@ -4933,18 +4933,18 @@ function Gi() {
           D.data && r(D.data, "expectedType") && ae.push(D.data.expectedType);
         }
         var ve = ae.length > 0 ? ", expected one of type [" + ae.join(", ") + "]" : "";
-        return new g("Invalid " + V + " `" + ee + "` supplied to " + ("`" + G + "`" + ve + "."));
+        return new h("Invalid " + V + " `" + ee + "` supplied to " + ("`" + G + "`" + ve + "."));
       }
-      return b(q);
+      return g(q);
     }
     function $() {
       function T(P, I, q, U, te) {
-        return N(P[I]) ? null : new g("Invalid " + U + " `" + te + "` supplied to " + ("`" + q + "`, expected a ReactNode."));
+        return N(P[I]) ? null : new h("Invalid " + U + " `" + te + "` supplied to " + ("`" + q + "`, expected a ReactNode."));
       }
-      return b(T);
+      return g(T);
     }
     function C(T, P, I, q, U) {
-      return new g(
+      return new h(
         (T || "React class") + ": " + P + " type `" + I + "." + q + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + U + "`."
       );
     }
@@ -4952,7 +4952,7 @@ function Gi() {
       function P(I, q, U, te, G) {
         var V = I[q], ee = W(V);
         if (ee !== "object")
-          return new g("Invalid " + te + " `" + G + "` of type `" + ee + "` " + ("supplied to `" + U + "`, expected `object`."));
+          return new h("Invalid " + te + " `" + G + "` of type `" + ee + "` " + ("supplied to `" + U + "`, expected `object`."));
         for (var ae in T) {
           var O = T[ae];
           if (typeof O != "function")
@@ -4963,20 +4963,20 @@ function Gi() {
         }
         return null;
       }
-      return b(P);
+      return g(P);
     }
     function k(T) {
       function P(I, q, U, te, G) {
         var V = I[q], ee = W(V);
         if (ee !== "object")
-          return new g("Invalid " + te + " `" + G + "` of type `" + ee + "` " + ("supplied to `" + U + "`, expected `object`."));
+          return new h("Invalid " + te + " `" + G + "` of type `" + ee + "` " + ("supplied to `" + U + "`, expected `object`."));
         var ae = e({}, I[q], T);
         for (var O in ae) {
           var oe = T[O];
           if (r(T, O) && typeof oe != "function")
             return C(U, te, G, O, Z(oe));
           if (!oe)
-            return new g(
+            return new h(
               "Invalid " + te + " `" + G + "` key `" + O + "` supplied to `" + U + "`.\nBad object: " + JSON.stringify(I[q], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(T), null, "  ")
             );
@@ -4986,7 +4986,7 @@ Valid keys: ` + JSON.stringify(Object.keys(T), null, "  ")
         }
         return null;
       }
-      return b(P);
+      return g(P);
     }
     function N(T) {
       switch (typeof T) {
@@ -5549,7 +5549,7 @@ var Yr = {
     var k = j.activeElement;
     if (k)
       return k.shadowRoot && k.shadowRoot.activeElement !== null ? C(k.shadowRoot) : k;
-  }, h = function C(j) {
+  }, b = function C(j) {
     if (j !== !1 && j !== p(document)) {
       if (!j || !j.focus) {
         C(m());
@@ -5559,10 +5559,10 @@ var Yr = {
         preventScroll: !!i.preventScroll
       }), o.mostRecentlyFocusedNode = j, xo(j) && j.select();
     }
-  }, g = function(j) {
+  }, h = function(j) {
     var k = d("setReturnFocus", j);
     return k || (k === !1 ? !1 : j);
-  }, b = function(j) {
+  }, g = function(j) {
     var k = j.target, N = j.event, A = j.isBackward, W = A === void 0 ? !1 : A;
     k = k || Rt(N), f();
     var Z = null;
@@ -5635,22 +5635,22 @@ var Yr = {
           }) || (W = !1);
       else
         W = !1;
-      W && (A = b({
+      W && (A = g({
         // 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)
-      })), h(A || o.mostRecentlyFocusedNode || m());
+      })), b(A || o.mostRecentlyFocusedNode || m());
     }
     o.recentNavEvent = void 0;
   }, S = function(j) {
     var k = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
     o.recentNavEvent = j;
-    var N = b({
+    var N = g({
       event: j,
       isBackward: k
     });
-    N && (vt(j) && j.preventDefault(), h(N));
+    N && (vt(j) && j.preventDefault(), b(N));
   }, w = function(j) {
     if (wo(j) && ct(i.escapeDeactivates, j) !== !1) {
       j.preventDefault(), c.deactivate();
@@ -5663,8 +5663,8 @@ var Yr = {
   }, F = function() {
     if (o.active)
       return Yr.activateTrap(s, c), o.delayInitialFocusTimer = i.delayInitialFocus ? Kr(function() {
-        h(m());
-      }) : h(m()), r.addEventListener("focusin", _, !0), r.addEventListener("mousedown", y, {
+        b(m());
+      }) : b(m()), r.addEventListener("focusin", _, !0), r.addEventListener("mousedown", y, {
         capture: !0,
         passive: !1
       }), r.addEventListener("touchstart", y, {
@@ -5687,7 +5687,7 @@ var Yr = {
         return W === o.mostRecentlyFocusedNode;
       });
     });
-    k && h(m());
+    k && b(m());
   }, B = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(X) : void 0, $ = function() {
     B && (B.disconnect(), o.active && !o.paused && o.containers.map(function(j) {
       B.observe(j, {
@@ -5726,10 +5726,10 @@ var Yr = {
       N == null || N();
       var z = function() {
         Kr(function() {
-          Z && h(g(o.nodeFocusedBeforeActivation)), A == null || A();
+          Z && b(h(o.nodeFocusedBeforeActivation)), A == null || A();
         });
       };
-      return Z && W ? (W(g(o.nodeFocusedBeforeActivation)).then(z, z), this) : (z(), this);
+      return Z && W ? (W(h(o.nodeFocusedBeforeActivation)).then(z, z), this) : (z(), this);
     },
     pause: function(j) {
       if (o.paused || !o.active)
@@ -5865,8 +5865,8 @@ var Ft = Y, J = eo, Io = Co, Lo = Io.createFocusTrap, Bo = No, qo = Bo.isFocusab
       }
       var p = l;
       if (typeof l == "string") {
-        var h;
-        if (p = (h = this.getDocument()) === null || h === void 0 ? void 0 : h.querySelector(l), !p)
+        var b;
+        if (p = (b = this.getDocument()) === null || b === void 0 ? void 0 : b.querySelector(l), !p)
           throw new Error("`".concat(c, "` as selector refers to no known node"));
       }
       return p;
@@ -6200,27 +6200,27 @@ const on = ({
   className: d = "",
   gtmContext: m = "Modal"
 }) => {
-  const f = H(), { registerOverlay: p, unregisterOverlay: h } = Go(), [g, b] = Q(e), y = (w) => {
+  const f = H(), { registerOverlay: p, unregisterOverlay: b } = Go(), [h, g] = Q(e), y = (w) => {
     w.key === "Escape" && _(!1);
   };
   re(() => (window.addEventListener("keyup", y), () => {
     window.removeEventListener("keyup", y);
   }));
   const _ = (w) => {
-    b(w), w ? (s(), p(t)) : (i(), h(t));
+    g(w), w ? (s(), p(t)) : (i(), b(t));
   };
   re(() => (_(e), () => {
-    g && h(t);
+    h && b(t);
   }), [e]);
   const S = r ? { "--max-width": `${r / 16}rem` } : {};
-  return /* @__PURE__ */ a.jsx("div", { className: E("overlay", { open: g }), role: "dialog", children: /* @__PURE__ */ a.jsx(
+  return /* @__PURE__ */ a.jsx("div", { className: E("overlay", { open: h }), role: "dialog", children: /* @__PURE__ */ a.jsx(
     Ua,
     {
       id: t,
       className: E("overlay-modal", d, {
         "has-max-width": r
       }),
-      hidden: !g,
+      hidden: !h,
       style: S,
       children: e && /* @__PURE__ */ a.jsx(Uo, { children: /* @__PURE__ */ a.jsxs("div", { className: "overlay-content", children: [
         /* @__PURE__ */ a.jsxs("div", { className: "top", children: [
@@ -6403,17 +6403,17 @@ const sr = ({
   if (!t || typeof t != "number")
     return null;
   const c = (d) => {
-    const m = d / 60, f = Math.floor(m), p = (m - f) * 60, h = Math.round(p), g = `${i.formatMessage(
+    const m = d / 60, f = Math.floor(m), p = (m - f) * 60, b = Math.round(p), h = `${i.formatMessage(
       { id: `${o}hours` },
       { time: f }
-    )}${f > 0 && h > 0 ? ", " : ""}${i.formatMessage(
+    )}${f > 0 && b > 0 ? ", " : ""}${i.formatMessage(
       { id: `${o}minutes` },
-      { time: h }
+      { time: b }
     )}`;
     return { text: `${f > 0 ? `${i.formatMessage(
       { id: `${o}hours_short` },
       { time: f }
-    )} ` : ""}${h > 0 ? i.formatMessage({ id: `${o}minutes_short` }, { time: h }) : ""}`, ariaText: g };
+    )} ` : ""}${b > 0 ? i.formatMessage({ id: `${o}minutes_short` }, { time: b }) : ""}`, ariaText: h };
   };
   let { text: u, ariaText: l } = c(t);
   if (e) {
@@ -6552,8 +6552,8 @@ const tc = ({ icon: t, description: e, ctaMessage: n, href: r, showEditButton: s
         }, functions: {
           ...n == null ? void 0 : n.functions,
           onSuccess: async (f) => {
-            var p, h;
-            (p = n == null ? void 0 : n.functions) != null && p.onSuccess && await ((h = n == null ? void 0 : n.functions) == null ? void 0 : h.onSuccess(f)), l(!1);
+            var p, b;
+            (p = n == null ? void 0 : n.functions) != null && p.onSuccess && await ((b = n == null ? void 0 : n.functions) == null ? void 0 : b.onSuccess(f)), l(!1);
           },
           onCancel: m
         } })
@@ -6603,10 +6603,10 @@ const tu = ({
               "two-col": i === 2 || i === 4,
               "three-col": i === 5 || i <= 10 && i % 3 === 0
             }),
-            children: n.map(({ logo: d, nameOfBusiness: m, link: f = !1, description: p = !1 }, h) => {
+            children: n.map(({ logo: d, nameOfBusiness: m, link: f = !1, description: p = !1 }, b) => {
               if (!d || !d.url)
                 return null;
-              const g = /* @__PURE__ */ a.jsx(
+              const h = /* @__PURE__ */ a.jsx(
                 "img",
                 {
                   src: d.url,
@@ -6616,9 +6616,9 @@ const tu = ({
                 }
               );
               return /* @__PURE__ */ a.jsxs("li", { children: [
-                /* @__PURE__ */ a.jsx("p", { className: "img-wrapper", children: f ? /* @__PURE__ */ a.jsx("a", { href: f, target: "_blank", rel: "nofollow noreferrer noopener", children: g }) : g }),
+                /* @__PURE__ */ a.jsx("p", { className: "img-wrapper", children: f ? /* @__PURE__ */ a.jsx("a", { href: f, target: "_blank", rel: "nofollow noreferrer noopener", children: h }) : h }),
                 p && /* @__PURE__ */ a.jsx("small", { children: p })
-              ] }, window.btoa(`${d.url}_${h}`));
+              ] }, window.btoa(`${d.url}_${b}`));
             })
           }
         )
@@ -6655,39 +6655,39 @@ const nc = [
   cta: c,
   children: u
 }) => {
-  var h, g;
+  var b, h;
   const l = {
     imageFullWidth: !0,
     ...i
   };
   r || (r = l.imageFullWidth ? "default" : "light");
   const d = ["eyebrow", "title", "text"], m = { eyebrow: "small", title: "h1", text: "p" }, f = {};
-  d.forEach((b) => {
-    if (!e[b]) {
-      f[b] = !1;
+  d.forEach((g) => {
+    if (!e[g]) {
+      f[g] = !1;
       return;
     }
-    if (!o[b]) {
-      if (typeof e[b] == "object") {
-        f[b] = e[b];
-        const { text: y, element: _ } = e[b];
+    if (!o[g]) {
+      if (typeof e[g] == "object") {
+        f[g] = e[g];
+        const { text: y, element: _ } = e[g];
         if (_ && nc.includes(_.toLowerCase()))
           return;
-        f[b] = {
+        f[g] = {
           text: y,
-          element: m[b]
+          element: m[g]
         };
         return;
       }
-      f[b] = {
-        text: e[b],
-        element: m[b]
+      f[g] = {
+        text: e[g],
+        element: m[g]
       };
     }
   });
   const p = c && c.text && c.link;
-  return p && c.link[0] === "#" && (c.props || (c.props = {}), c.props.onClick = (b) => {
-    b.preventDefault(), b.stopPropagation();
+  return p && c.link[0] === "#" && (c.props || (c.props = {}), c.props.onClick = (g) => {
+    g.preventDefault(), g.stopPropagation();
     const y = document.getElementById(c.link.substring(1));
     y && y.scrollIntoView({ behavior: "smooth" });
   }), /* @__PURE__ */ a.jsx(
@@ -6702,10 +6702,10 @@ const nc = [
       }),
       children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
         /* @__PURE__ */ a.jsxs("div", { className: "content-wrapper", children: [
-          d.map((b) => {
-            if (f[b] && typeof f[b] == "object") {
-              const { text: y, element: _ = "" } = f[b];
-              return b === "text" ? /* @__PURE__ */ a.jsx(xt, { overrideType: "text-only", className: "text", children: y }, b) : Y.createElement(_, { key: b, className: b }, y);
+          d.map((g) => {
+            if (f[g] && typeof f[g] == "object") {
+              const { text: y, element: _ = "" } = f[g];
+              return g === "text" ? /* @__PURE__ */ a.jsx(xt, { overrideType: "text-only", className: "text", children: y }, g) : Y.createElement(_, { key: g, className: g }, y);
             }
             return null;
           }),
@@ -6719,7 +6719,7 @@ const nc = [
               ...c.props,
               className: E({
                 new: r === "subtle",
-                [(h = c.props) == null ? void 0 : h.className]: (g = c.props) == null ? void 0 : g.className
+                [(b = c.props) == null ? void 0 : b.className]: (h = c.props) == null ? void 0 : h.className
               }),
               children: c.text
             }
@@ -6935,7 +6935,7 @@ const su = ({
     gtmEvent: "learning-hub"
   }
 }, ic = ({ data: t, cta: e, link: n, gtmContext: r }) => {
-  var g, b;
+  var h, g;
   const s = H(), [i, o] = Q({
     loading: !1,
     registered: t.registered || !1
@@ -6945,7 +6945,7 @@ const su = ({
   }, [t.registered]);
   const { customLinkText: c, startDate: u, dateHasPassed: l, pill: d, slug: m } = t, f = t.contentType;
   let p = "";
-  if ((g = Qt[f]) != null && g.gtmEvent && (p = Qt[f].gtmEvent), u && l)
+  if ((h = Qt[f]) != null && h.gtmEvent && (p = Qt[f].gtmEvent), u && l)
     return n ? /* @__PURE__ */ a.jsx(
       "a",
       {
@@ -6969,9 +6969,9 @@ const su = ({
         children: c || s.formatMessage({ id: "card_cta_people" })
       }
     ) : null;
-  const h = ["communityPage", "microcourse", "event"];
-  if (e && e.onClick && h.includes(f) && d !== "premium") {
-    const y = i.loading || i.registered || ((b = t == null ? void 0 : t.members) == null ? void 0 : b.isMember), _ = async (S) => {
+  const b = ["communityPage", "microcourse", "event"];
+  if (e && e.onClick && b.includes(f) && d !== "premium") {
+    const y = i.loading || i.registered || ((g = t == null ? void 0 : t.members) == null ? void 0 : g.isMember), _ = async (S) => {
       if (S.preventDefault(), S.stopPropagation(), !(y || !e || !e.onClick)) {
         o((w) => ({ ...w, loading: !0 }));
         try {
@@ -7027,13 +7027,13 @@ const oc = {
   const c = H(), u = Ee(Ae), l = u && typeof u.id == "string", [d, m] = Q({
     data: null,
     isLoading: !0
-  }), { data: f, isLoading: p } = d, h = Ut(() => {
+  }), { data: f, isLoading: p } = d, b = Ut(() => {
     n(e, l).then(($) => {
       m(() => ({ data: $, isLoading: !1 }));
     }).catch(() => m(($) => ({ ...$, isLoading: !1 })));
   }, [t]);
   if (re(() => {
-    h();
+    b();
   }, []), p || !f)
     return /* @__PURE__ */ a.jsx(
       Se,
@@ -7047,16 +7047,16 @@ const oc = {
     text: c.formatMessage({ id: `card_cta_${e.contentType}` }),
     onClick: o
   });
-  const { contentType: g } = f;
-  if (!g || !Qt[g])
+  const { contentType: h } = f;
+  if (!h || !Qt[h])
     return /* @__PURE__ */ a.jsx(Se, { element: "li", className: "card-wrapper" });
   const {
-    basePath: b = "",
+    basePath: g = "",
     className: y,
     length: _,
     gtmEvent: S
-  } = Qt[g];
-  let w = f.slug ? `${b}${f.slug}` : !1;
+  } = Qt[h];
+  let w = f.slug ? `${g}${f.slug}` : !1;
   f.slug && (f.slug.slice(0, 4) === "http" || f.slug.slice(0, 2) === "//" || f.slug.slice(0, 6) === "mailto" || f.slug.slice(0, 3) === "tel") && (w = f.slug);
   const x = { ...oc, ..._ };
   let F = { className: "card" };
@@ -7074,7 +7074,7 @@ const oc = {
         "no-link": !w,
         "has-image": f.banner
       }),
-      "data-testid": `${g}-card`,
+      "data-testid": `${h}-card`,
       children: Y.createElement(
         w ? "a" : "div",
         F,
@@ -7083,7 +7083,7 @@ const oc = {
             ui,
             {
               className: "card-label",
-              contentType: g,
+              contentType: h,
               customIcon: f.customIcon,
               customLabel: f.customLabel
             }
@@ -7117,7 +7117,7 @@ const oc = {
                 showGap: y !== "question",
                 showText: !0
               },
-              multipleText: ["event", "solutionArticle"].includes(g) ? c.formatMessage({ id: `card_contributors_${g}` }) : void 0,
+              multipleText: ["event", "solutionArticle"].includes(h) ? c.formatMessage({ id: `card_contributors_${h}` }) : void 0,
               "data-testid": "contributors"
             }
           ),
@@ -7215,10 +7215,10 @@ const dc = ({
   const u = H(), [l, d] = Q({
     cardsPerPage: 4,
     isLoading: !0
-  }), { cardsPerPage: m, isLoading: f } = l, [p, h] = Q({
+  }), { cardsPerPage: m, isLoading: f } = l, [p, b] = Q({
     currentPage: 0,
     loadedPages: [0]
-  }), { currentPage: g, loadedPages: b } = p, y = e.length, _ = Math.ceil(y / m), S = pe(null), w = kt(!0, !0, S == null ? void 0 : S.current);
+  }), { currentPage: h, loadedPages: g } = p, y = e.length, _ = Math.ceil(y / m), S = pe(null), w = kt(!0, !0, S == null ? void 0 : S.current);
   re(() => {
     let $ = 1;
     w && (w >= Cn.fourCards ? $ = 4 : w >= Cn.threeCards ? $ = 3 : w >= Cn.twoCards && ($ = 2), $ > y && ($ = y)), d((C) => ({
@@ -7228,23 +7228,23 @@ const dc = ({
     }));
   }, [w, y]);
   const x = ($ = "next") => {
-    let C = g;
+    let C = h;
     if (typeof $ == "string")
       if ($ === "next")
-        if (g < _ - 1)
-          C = g + 1;
+        if (h < _ - 1)
+          C = h + 1;
         else
           return;
-      else if (g > 0)
-        C = g - 1;
+      else if (h > 0)
+        C = h - 1;
       else
         return;
     else
       C = $;
-    h((j) => ({
+    b((j) => ({
       ...j,
       currentPage: C,
-      loadedPages: [.../* @__PURE__ */ new Set([...b, C])]
+      loadedPages: [.../* @__PURE__ */ new Set([...g, C])]
     }));
   }, F = ($) => {
     Ot = $.touches[0].clientX;
@@ -7257,7 +7257,7 @@ const dc = ({
     "--width": `${w || 0}px`,
     "--total-cards": y,
     "--cards-per-page": m,
-    "--page": g
+    "--page": h
   };
   if (f)
     return /* @__PURE__ */ a.jsx(wa, { layout: `carousel${s ? "-with-title" : ""}` });
@@ -7284,7 +7284,7 @@ const dc = ({
             "data-testid": "carousel-list",
             children: e.map(($, C) => {
               let j = B($, C);
-              return j && lc(C, m, g, b) ? /* @__PURE__ */ a.jsx(
+              return j && lc(C, m, h, g) ? /* @__PURE__ */ a.jsx(
                 Za,
                 {
                   id: j,
@@ -7319,14 +7319,14 @@ const dc = ({
               screenreaderText: u.formatMessage({
                 id: "carousel_pagination_previous"
               }),
-              disabled: g <= 0
+              disabled: h <= 0
             }
           ) }),
           [...Array(_)].map(($, C) => /* @__PURE__ */ a.jsx("li", { "data-testid": "carousel-controls-button", children: /* @__PURE__ */ a.jsx(
             "button",
             {
               className: E("page-indicator", {
-                selected: C === g
+                selected: C === h
               }),
               onClick: (j) => {
                 j.preventDefault(), j.stopPropagation(), x(C);
@@ -7347,7 +7347,7 @@ const dc = ({
                 $.preventDefault(), $.stopPropagation(), x("next");
               },
               screenreaderText: u.formatMessage({ id: "carousel_pagination_next" }),
-              disabled: g >= _ - 1
+              disabled: h >= _ - 1
             }
           ) })
         ] })
@@ -7512,18 +7512,18 @@ const lu = ({
   };
   return /* @__PURE__ */ a.jsx("ul", { className: E("filters", s), children: o.map(({ id: d, text: m, disabled: f = !1, callback: p = () => {
   } }) => {
-    let h = {};
-    return f && (h = {
+    let b = {};
+    return f && (b = {
       disabled: !0,
       "aria-label": i.formatMessage({ id: "filters_disabled" }, { name: m })
     }), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
       "button",
       {
         className: E(d, { selected: c.includes(d) }),
-        onClick: (g) => {
-          g.preventDefault(), g.stopPropagation(), l(d, p);
+        onClick: (h) => {
+          h.preventDefault(), h.stopPropagation(), l(d, p);
         },
-        ...h,
+        ...b,
         children: m
       }
     ) }, d);
@@ -7556,44 +7556,44 @@ const At = "languageSwitcher_", uu = ({
   if (re(() => {
     t !== m && f(t);
   }, [t]), !r || !Object.values(r).some(
-    (b) => b && b.post_name
+    (g) => g && g.post_name
   ))
     return null;
-  const h = Object.keys(r), g = m !== t;
+  const b = Object.keys(r), h = m !== t;
   return /* @__PURE__ */ a.jsxs("div", { className: E("language-switcher text-small", o, u), children: [
     /* @__PURE__ */ a.jsxs("nav", { children: [
       o !== "short" && /* @__PURE__ */ a.jsx("p", { children: c || l.formatMessage({ id: `${At}label` }) }),
-      /* @__PURE__ */ a.jsx("ul", { children: h.map((b) => {
+      /* @__PURE__ */ a.jsx("ul", { children: b.map((g) => {
         var S;
-        if (!Sn[b])
+        if (!Sn[g])
           return null;
-        const y = (S = r[b]) == null ? void 0 : S.post_name;
-        let _ = { className: b };
-        if (m === b)
+        const y = (S = r[g]) == null ? void 0 : S.post_name;
+        let _ = { className: g };
+        if (m === g)
           _["aria-label"] = l.formatMessage(
             { id: `${At}selected` },
-            { language: Sn[b] }
+            { language: Sn[g] }
           );
         else {
-          const w = fc(b, y, i);
+          const w = fc(g, y, i);
           _ = {
             ..._,
             href: typeof w == "string" ? w : w.url,
             onClick: (x) => {
-              f(b), d(b), typeof s < "u" && (x.preventDefault(), x.stopPropagation(), s(
-                b,
+              f(g), d(g), typeof s < "u" && (x.preventDefault(), x.stopPropagation(), s(
+                g,
                 typeof w == "string" ? w : w.urlForRouter
               ));
             }
           };
         }
-        return /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(at, { ..._, fallbackElement: "span", children: Sn[b] }) }, b);
+        return /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(at, { ..._, fallbackElement: "span", children: Sn[g] }) }, g);
       }) }),
-      o !== "short" && !g && /* @__PURE__ */ a.jsx("p", { children: l.formatMessage({
+      o !== "short" && !h && /* @__PURE__ */ a.jsx("p", { children: l.formatMessage({
         id: `${At}translation_${e ? "original" : n ? "human" : "machine"}`
       }) })
     ] }),
-    o !== "short" && !g && !e && !n && /* @__PURE__ */ a.jsx("small", {
+    o !== "short" && !h && !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
@@ -7601,9 +7601,9 @@ const At = "languageSwitcher_", uu = ({
         { id: `${At}disclaimer` },
         {
           email: ft.support,
-          link: (b) => {
-            const y = `mailto:${b}`;
-            return /* @__PURE__ */ a.jsx("a", { href: y, children: b });
+          link: (g) => {
+            const y = `mailto:${g}`;
+            return /* @__PURE__ */ a.jsx("a", { href: y, children: g });
           }
         }
       )
@@ -7631,8 +7631,8 @@ const Pn = Ss({ locale: "en", messages: rt }), cn = ({
     if (!n)
       try {
         await e(p);
-      } catch (h) {
-        h instanceof Error ? m(h.message) : m("Unknown error");
+      } catch (b) {
+        b instanceof Error ? m(b.message) : m("Unknown error");
       }
   };
   return !d && !t && !c.endOfFeed ? null : /* @__PURE__ */ a.jsx("footer", { className: E("load-more", u), children: !d && t ? /* @__PURE__ */ a.jsx(
@@ -7698,11 +7698,11 @@ const mc = ({
           className: "more-menu-button"
         }
       ),
-      /* @__PURE__ */ a.jsx("ul", { id: e, hidden: !o, children: n.map(({ href: l, onClick: d, text: m, icon: f, ...p }, h) => {
-        const g = {
+      /* @__PURE__ */ a.jsx("ul", { id: e, hidden: !o, children: n.map(({ href: l, onClick: d, text: m, icon: f, ...p }, b) => {
+        const h = {
           ...p,
-          onClick: (b) => {
-            c(!1), typeof d == "function" && d(b);
+          onClick: (g) => {
+            c(!1), typeof d == "function" && d(g);
           },
           onFocus: () => {
             Dt && (clearTimeout(Dt), Dt = !1);
@@ -7713,16 +7713,16 @@ const mc = ({
             }, 100);
           }
         };
-        return l && (g.href = l), /* @__PURE__ */ a.jsx("li", { className: "more-menu-list-item", children: /* @__PURE__ */ a.jsx(
+        return l && (h.href = l), /* @__PURE__ */ a.jsx("li", { className: "more-menu-list-item", children: /* @__PURE__ */ a.jsx(
           ie,
           {
             variant: "tertiary",
             size: "medium",
             icon: f ? { icon: f, position: "left" } : !1,
-            ...g,
+            ...h,
             children: m
           }
-        ) }, `${window.btoa(m)}_${h}`);
+        ) }, `${window.btoa(m)}_${b}`);
       }) })
     ] })
   });
@@ -7843,8 +7843,8 @@ const bc = "shareLinks_", du = ({
     /* @__PURE__ */ a.jsx("ul", { children: u.map(({ key: l, icon: d, url: m, shouldRender: f = !0, onClick: p }) => {
       if (typeof f == "function" && !f())
         return null;
-      const h = {};
-      return p && (h.onClick = (g) => p(g, m)), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
+      const b = {};
+      return p && (b.onClick = (h) => p(h, m)), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
         ie,
         {
           size: s,
@@ -7858,7 +7858,7 @@ const bc = "shareLinks_", du = ({
           "data-gtm-event-type": `${l}-click`,
           "data-testid": "link",
           screenreaderText: c.formatMessage({ id: `${bc}link_${l}` }),
-          ...h
+          ...b
         }
       ) }, l);
     }) })
@@ -7890,9 +7890,9 @@ const fu = ({ tabs: t, className: e = "", preventLocationChange: n }) => {
     }
   }, [i]);
   const c = [], u = [];
-  return t.forEach(({ id: d, text: m, content: f, href: p, hasCarousel: h }, g) => {
-    d = r(d, m, g);
-    const b = i === d, y = {};
+  return t.forEach(({ id: d, text: m, content: f, href: p, hasCarousel: b }, h) => {
+    d = r(d, m, h);
+    const g = i === d, y = {};
     p || (y["aria-controls"] = d, y.onClick = (_) => {
       _.preventDefault(), _.stopPropagation(), o(d), !n && (window.location.hash = `#${d}`);
     }, u.push(
@@ -7900,10 +7900,10 @@ const fu = ({ tabs: t, className: e = "", preventLocationChange: n }) => {
         "section",
         {
           id: d,
-          hidden: !b,
+          hidden: !g,
           role: "tabpanel",
           "aria-labelledby": `tab-${d}`,
-          "aria-live": b ? "assertive" : "off",
+          "aria-live": g ? "assertive" : "off",
           children: typeof f == "string" ? /* @__PURE__ */ a.jsx("p", { children: f }) : f
         },
         `section-${d}`
@@ -7914,9 +7914,9 @@ const fu = ({ tabs: t, className: e = "", preventLocationChange: n }) => {
         {
           href: p || `#${d}`,
           id: `tab-${d}`,
-          className: E({ selected: b }),
+          className: E({ selected: g }),
           role: "tab",
-          "aria-selected": b,
+          "aria-selected": g,
           ...y,
           children: m
         }
@@ -8254,9 +8254,28 @@ const Xe = "footer_", Jt = "SiteFooter", Jr = ({ group: t }) => {
       return;
     fe.handlerCalled[t] = i;
     let o = [{ type: `menus.${t}`, value: e }];
-    e === !0 && Object.keys(n).forEach((c) => {
-      c === t || n[c] === !1 || o.push({ type: `menus.${c}`, value: !1 });
-    }), r(o);
+    if (e === !0)
+      Object.keys(n).forEach((c) => {
+        c === t || n[c] === !1 || o.push({ type: `menus.${c}`, value: !1 });
+      });
+    else {
+      let c = null;
+      switch (t) {
+        case "navigation":
+          c = document.querySelector("#header .menu-button"), c || (c = document.querySelector("#navigation > li.parent"));
+          break;
+        case "search":
+          c = document.querySelector("#header .toggle-search-button");
+          break;
+        case "account":
+          c = document.querySelector("#header .account-button");
+          break;
+        default:
+          return;
+      }
+      c && c.focus();
+    }
+    r(o);
   },
   // Find the first child inside a ref that matches the `key` (and optional `value`) we're looking for,
   // so we can automatically focus on the first link inside a menu for accessibility.
@@ -8280,26 +8299,26 @@ const Xe = "footer_", Jt = "SiteFooter", Jr = ({ group: t }) => {
     return t[0].children ? fe.findFirstChild(t[0].children, e, n) : !1;
   },
   autoFocus: ({ menu: t, navigationRef: e, isDesktopVersion: n, focusElements: r, dispatch: s }) => {
+    var u;
     if (!e.current || !e.current.children)
       return;
     const i = n ? "desktop" : "default";
     if (r[t][i]) {
-      r[t][i].focus();
+      (u = document.querySelector(`#header ul a[href="${r[t][i]}"]:last-child`)) == null || u.focus();
       return;
     }
     let o, c;
     switch (t) {
       case "navigation":
         if (n) {
-          const u = fe.findFirstChild(
+          const l = fe.findFirstChild(
             e.current.children,
             "attributes.aria-controls",
             "navigation"
           );
-          o = fe.findFirstChild(u.children, "href");
+          o = fe.findFirstChild(l.children, "href");
         } else
           o = fe.findFirstChild(e.current.children, "href");
-        o || (o = e.current);
         break;
       case "account":
         if (c = fe.findFirstChild(
@@ -8313,7 +8332,9 @@ const Xe = "footer_", Jt = "SiteFooter", Jr = ({ group: t }) => {
       default:
         return;
     }
-    o && (s([{ type: `focusElements.${t}.${i}`, value: o }]), o.focus());
+    o && (s([
+      { type: `focusElements.${t}.${i}`, value: o.attributes.href.value }
+    ]), o.focus());
   },
   events: {
     onClick: (t, { id: e, callback: n, isOpen: r }) => {
@@ -8434,8 +8455,7 @@ const Xe = "footer_", Jt = "SiteFooter", Jr = ({ group: t }) => {
       _ = `${w === "topics" ? `${w}-` : ""}${S[S.length - 1]}`;
     }
     f = {
-      href: c.href,
-      role: "menuitem"
+      href: c.href
     }, l && (f = {
       ...f,
       className: "gtm-trackable",
@@ -8448,9 +8468,9 @@ const Xe = "footer_", Jt = "SiteFooter", Jr = ({ group: t }) => {
       ...c.props || {}
     });
   }
-  const p = c.order && c.order[0] && c[c.order[0]], h = p && c[c.order[0]].order, g = f && window.location.pathname === c.href;
-  let b = {}, y = {};
-  if (g && (b = { ...b, "aria-current": "page" }), p) {
+  const p = c.order && c.order[0] && c[c.order[0]], b = p && c[c.order[0]].order, h = f && window.location.pathname === c.href;
+  let g = {}, y = {};
+  if (h && (g = { ...g, "aria-current": "page" }), p) {
     const _ = c.menuId || t, S = {
       onClick: (w) => fe.events.onClick(w, { id: _, callback: s, isOpen: r[_] }),
       onFocus: () => fe.events.onFocus({ id: _ }),
@@ -8458,7 +8478,7 @@ const Xe = "footer_", Jt = "SiteFooter", Jr = ({ group: t }) => {
       onMouseLeave: () => fe.events.onBlur({ id: _, callback: s }),
       onMouseEnter: () => fe.events.onMouseEnter({ id: _, callback: s })
     };
-    n && (h && (b = {
+    n && (b && (g = {
       ...S,
       onKeyPress: (w) => {
         w.key === "Enter" && fe.events.onClick(w, { id: _, callback: s, isOpen: r[_] });
@@ -8468,7 +8488,7 @@ const Xe = "footer_", Jt = "SiteFooter", Jr = ({ group: t }) => {
       "aria-haspopup": !0,
       "aria-expanded": r[_],
       "aria-controls": _
-    }), y = { hidden: _ in r ? !r[_] : !0 }), h || (y = {
+    }), y = { hidden: _ in r ? !r[_] : !0 }), b || (y = {
       ...y,
       ...S
     });
@@ -8479,10 +8499,10 @@ const Xe = "footer_", Jt = "SiteFooter", Jr = ({ group: t }) => {
       className: E({
         [c.className]: c.className,
         "has-submenu": p,
-        parent: h,
-        active: g
+        parent: b,
+        active: h
       }),
-      ...b,
+      ...g,
       children: [
         f ? Y.createElement(
           d ? ie : "a",
@@ -8543,35 +8563,39 @@ const wc = { height: 67, height_desktop: 83 }, Ka = ({ showNavigation: t = !0 })
       navigation: { desktop: !1, default: !1 },
       account: { desktop: !1, default: !1 }
     }
-  }), { headerIsVisible: u, menus: l, focusElements: d } = o;
-  zs({
+  }), { headerIsVisible: u, menus: l, focusElements: d } = o, m = pe(o);
+  re(() => {
+    m.current = o;
+  }, [o]), zs({
     scrollPosition: wc[`height${i.navigation ? "_desktop" : ""}`],
     callbacks: {
       scrollUp: () => {
-        !i && l.navigation || fe.shouldChangeHeaderIsVisible(!0, l, c);
+        const h = m.current.menus;
+        !i && h.navigation || fe.shouldChangeHeaderIsVisible(!0, h, c);
       },
       scrollDown: () => {
-        !i && l.navigation || fe.shouldChangeHeaderIsVisible(!1, l, c);
+        const h = m.current.menus;
+        !i && h.navigation || fe.shouldChangeHeaderIsVisible(!1, h, c);
       }
     }
   });
-  const m = (h, g, b = !1) => {
-    fe.handleMenus({ id: h, value: g, menus: l, dispatch: c, forceHandle: b });
-  }, f = pe(null), p = (h) => {
+  const f = (h, g, y = !1) => {
+    fe.handleMenus({ id: h, value: g, menus: m.current.menus, dispatch: c, forceHandle: y });
+  }, p = pe(null), b = (h) => {
     h.key === "Escape" && ["navigation", "search", "account"].forEach((g) => {
-      m(g, !1, !0);
+      m.current.menus[g] && f(g, !1, !0);
     });
   };
   return re(() => {
     var h;
-    return (h = document.getElementById("header")) == null || h.addEventListener("keydown", p), () => {
+    return (h = document.getElementById("header")) == null || h.addEventListener("keydown", b), () => {
       var g;
-      (g = document.getElementById("header")) == null || g.removeEventListener("keydown", p);
+      (g = document.getElementById("header")) == null || g.removeEventListener("keydown", b);
     };
   }, []), _t(() => {
     l.navigation && fe.autoFocus({
       menu: "navigation",
-      navigationRef: f,
+      navigationRef: p,
       isDesktopVersion: i.navigation,
       focusElements: d,
       dispatch: c
@@ -8579,7 +8603,7 @@ const wc = { height: 67, height_desktop: 83 }, Ka = ({ showNavigation: t = !0 })
   }, [l.navigation]), _t(() => {
     l.account && fe.autoFocus({
       menu: "account",
-      navigationRef: f,
+      navigationRef: p,
       isDesktopVersion: i.navigation,
       focusElements: d,
       dispatch: c
@@ -8610,7 +8634,7 @@ const wc = { height: 67, height_desktop: 83 }, Ka = ({ showNavigation: t = !0 })
               {
                 className: "menu-button gtm-trackable",
                 onClick: (h) => {
-                  h.preventDefault(), h.stopPropagation(), m("navigation", !l.navigation);
+                  h.preventDefault(), h.stopPropagation(), f("navigation", !l.navigation);
                 },
                 "data-gtm-event-type": "open-tab-menu-click",
                 "data-gtm-event-context": "HeaderLeft-Chevron",
@@ -8625,7 +8649,7 @@ const wc = { height: 67, height_desktop: 83 }, Ka = ({ showNavigation: t = !0 })
             /* @__PURE__ */ a.jsx(
               "ul",
               {
-                ref: f,
+                ref: p,
                 id: "navigation",
                 hidden: i.navigation || l.account ? !1 : !l.navigation,
                 "data-showing": !i.navigation && l.account ? "account" : "default",
@@ -8636,7 +8660,7 @@ const wc = { height: 67, height_desktop: 83 }, Ka = ({ showNavigation: t = !0 })
                     isLoggedIn: s,
                     isDesktopVersion: i.navigation,
                     menus: { navigation: l.navigation, account: l.account },
-                    callback: m
+                    callback: f
                   },
                   h
                 ))
@@ -8647,7 +8671,7 @@ const wc = { height: 67, height_desktop: 83 }, Ka = ({ showNavigation: t = !0 })
               {
                 className: "search toggle-search-button",
                 onClick: (h) => {
-                  h.preventDefault(), h.stopPropagation(), m("search", !l.search);
+                  h.preventDefault(), h.stopPropagation(), f("search", !l.search);
                 },
                 "aria-haspopup": "true",
                 "aria-expanded": l.search,
@@ -8680,11 +8704,11 @@ const wc = { height: 67, height_desktop: 83 }, Ka = ({ showNavigation: t = !0 })
                 className: "account-button",
                 onClick: (h) => fe.events.onClick(h, {
                   id: "account",
-                  callback: m,
+                  callback: f,
                   isOpen: l.account
                 }),
-                onMouseEnter: () => fe.events.onMouseEnter({ id: "account", callback: m }),
-                onMouseLeave: () => fe.events.onBlur({ id: "account", callback: m }),
+                onMouseEnter: () => fe.events.onMouseEnter({ id: "account", callback: f }),
+                onMouseLeave: () => fe.events.onBlur({ id: "account", callback: f }),
                 "aria-haspopup": "true",
                 "aria-expanded": l.account,
                 "aria-controls": "navigation",
@@ -8744,11 +8768,11 @@ const jc = () => {
     variant: m = "default",
     circle: f = "default",
     modal: p = "default"
-  } = i, h = Ws();
+  } = i, b = Ws();
   re(() => {
     window.scrollTo(0, 0);
-  }, [h]);
-  const g = qt(t, { locale: c }), b = qt(e, {
+  }, [b]);
+  const h = qt(t, { locale: c }), g = qt(e, {
     locale: c
   }), y = qt(n, {
     locale: c
@@ -8761,18 +8785,18 @@ const jc = () => {
       children: [
         /* @__PURE__ */ a.jsx(Ka, { showNavigation: u }),
         /* @__PURE__ */ a.jsxs("main", { id: "content-wrapper", children: [
-          b && /* @__PURE__ */ a.jsx(
+          g && /* @__PURE__ */ a.jsx(
             "div",
             {
               className: E("additional-content prepended", {
                 "large-modal": p === "large"
               }),
-              children: b
+              children: g
             }
           ),
           Y.createElement(d === "bold" ? Ua : "div", {
             id: "content",
-            children: g,
+            children: h,
             className: E({ "large-modal": p === "large" })
           })
         ] }),
@@ -9001,9 +9025,9 @@ const bu = ({
         /* @__PURE__ */ a.jsx("p", { children: n }),
         /* @__PURE__ */ a.jsx("ol", { children: t && t.length > 0 && t.map(
           ({
-            completed: h,
-            completionTime: g,
-            contentType: b,
+            completed: b,
+            completionTime: h,
+            contentType: g,
             icon: y,
             image: _,
             isIntroduction: S,
@@ -9018,10 +9042,10 @@ const bu = ({
               "li",
               {
                 className: E({
-                  article: b === Ct.ARTICLE,
-                  discussion: b === Ct.DISCUSSION,
-                  quiz: b === Ct.QUIZ,
-                  completed: h && b === Ct.ARTICLE,
+                  article: g === Ct.ARTICLE,
+                  discussion: g === Ct.DISCUSSION,
+                  quiz: g === Ct.QUIZ,
+                  completed: b && g === Ct.ARTICLE,
                   locked: !B
                 }),
                 ...$,
@@ -9047,7 +9071,7 @@ const bu = ({
                       /* @__PURE__ */ a.jsx(
                         Sc,
                         {
-                          completionTime: g,
+                          completionTime: h,
                           icon: y,
                           optional: w,
                           type: X,
@@ -9128,7 +9152,7 @@ const we = "discussion_form_", ir = ({
   var $, C, j;
   const d = H(), m = Ee(Ae), [f, p] = Q(
     n.isEditing && n.isEditing.text || ""
-  ), [h, g] = Q(c.error || !1), [b, y] = Q(!1), _ = pe(null);
+  ), [b, h] = Q(c.error || !1), [g, y] = Q(!1), _ = pe(null);
   if (r || (r = _), n.isLoading)
     return /* @__PURE__ */ a.jsx(
       Se,
@@ -9151,7 +9175,7 @@ const we = "discussion_form_", ir = ({
       `${we}error_noPermission`,
       t.type,
       "action"
-    ), A ? g(A) : h && g(!1);
+    ), A ? h(A) : b && h(!1);
   };
   let w = `${t.type}-form`;
   if (t.type === "response" || t.type === "reply") {
@@ -9210,13 +9234,13 @@ const we = "discussion_form_", ir = ({
         `${we}error_tooMany`,
         t.type,
         "action"
-      ) : Z != null && Z.message.includes("400") && (z = `${we}error`), g(z), F();
+      ) : Z != null && Z.message.includes("400") && (z = `${we}error`), h(z), F();
     }
   }, F = () => {
     It = setTimeout(() => {
-      g(!1), y(!1);
+      h(!1), y(!1);
     }, 5e3);
-  }, R = !f || !si(f), X = b === "submitting", B = [];
+  }, R = !f || !si(f), X = g === "submitting", B = [];
   return (n.isEditing && !X || c.cancel) && B.push({
     variant: "secondary",
     size: { mobile: "small", 600: "medium" },
@@ -9278,9 +9302,9 @@ const we = "discussion_form_", ir = ({
               "action"
             ),
             onChange: S,
-            value: b === "submitting" && !h ? "" : f,
+            value: g === "submitting" && !b ? "" : f,
             maxLength: i,
-            "aria-invalid": !!h,
+            "aria-invalid": !!b,
             "aria-errormessage": "error-message",
             minRows: o,
             autoFocus: !!n.isEditing
@@ -9301,16 +9325,16 @@ const we = "discussion_form_", ir = ({
           )
         }) }),
         /* @__PURE__ */ a.jsx(Tt, { buttons: B }),
-        b === "submitted" && n.showSuccessMessage && /* @__PURE__ */ a.jsx(Zt, { className: "success", "data-testid": "success", children: Ne(d.formatMessage, `${we}success`, t.type, "action") }),
-        h && /* @__PURE__ */ a.jsx(Zt, { id: "error-message", className: "error", "data-testid": "error", children: c.error ? c.error : typeof h == "string" ? h.includes(" ") ? h : d.formatMessage(
-          { id: h },
+        g === "submitted" && n.showSuccessMessage && /* @__PURE__ */ a.jsx(Zt, { className: "success", "data-testid": "success", children: Ne(d.formatMessage, `${we}success`, t.type, "action") }),
+        b && /* @__PURE__ */ a.jsx(Zt, { id: "error-message", className: "error", "data-testid": "error", children: c.error ? c.error : typeof b == "string" ? b.includes(" ") ? b : d.formatMessage(
+          { id: b },
           {
             action: d.formatMessage({
               id: `discussion_action_${t.type}`
             }),
             maxLength: i
           }
-        ) : h })
+        ) : b })
       ]
     }
   );
@@ -9379,20 +9403,20 @@ const In = () => {
   re(() => {
     p(s);
   }, [s]);
-  const [d, m] = Q(e), [f, p] = Q(s), [h, g] = Q(!1), [b, y] = Q(!1), _ = wt(
+  const [d, m] = Q(e), [f, p] = Q(s), [b, h] = Q(!1), [g, y] = Q(!1), _ = wt(
     () => Pc(n, Ln),
     [n]
   ), S = (x) => {
     if (x.preventDefault(), x.stopPropagation(), y(!1), bt)
       return In(), !1;
-    if (In(), h || !o)
+    if (In(), b || !o)
       return !1;
     bt = setTimeout(w, 350);
   }, w = async () => {
-    if (In(), h || !o)
+    if (In(), b || !o)
       return !1;
     let x = f ? d - 1 : d + 1;
-    x < 0 && (x = 0), g(!0), m(x), p(!f);
+    x < 0 && (x = 0), h(!0), m(x), p(!f);
     try {
       if (i && i.slugs) {
         const F = $c(i.slugs);
@@ -9404,7 +9428,7 @@ const In = () => {
     } catch {
       m(e), p(s);
     } finally {
-      g(!1);
+      h(!1);
     }
   };
   return /* @__PURE__ */ a.jsxs(
@@ -9428,7 +9452,7 @@ const In = () => {
           Gn,
           {
             className: E("discussion-button text-medium action-button", {
-              "show-spinner": h,
+              "show-spinner": b,
               "is-liked": f,
               disabled: !o
             }),
@@ -9458,7 +9482,7 @@ const In = () => {
             ) })
           }
         ),
-        n && /* @__PURE__ */ a.jsx(ec, { isOpen: b, isLoading: n.length === 0, children: n.length && /* @__PURE__ */ a.jsxs("ul", { children: [
+        n && /* @__PURE__ */ a.jsx(ec, { isOpen: g, isLoading: n.length === 0, children: n.length && /* @__PURE__ */ a.jsxs("ul", { children: [
           _.map((x) => typeof x == "string" || !x.name ? null : /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
             at,
             {
@@ -9509,9 +9533,9 @@ const Me = "discussion_", Rc = 280, un = ({
   },
   links: f = {},
   className: p,
-  gtmContext: h = "DiscussionAnswer",
-  children: g,
-  isTruncated: b = !1
+  gtmContext: b = "DiscussionAnswer",
+  children: h,
+  isTruncated: g = !1
 }) => {
   const y = H(), _ = Ee(Ae), S = Ee(or), { author: w, canLike: x, createdAt: F, id: R, likes: X = 0, userLiked: B, comments: $ = 0 } = e, C = _ && _.id && typeof w != "string" && w.id && w.id === _.id || !1, j = typeof x == "boolean" ? x : n ? !C : !1, k = C && (!e.createdAt || Qs(e.createdAt, 10, "seconds")), N = pe(null), [A, W] = Q({
     body: e && e.body || "",
@@ -9546,7 +9570,7 @@ const Me = "discussion_", Rc = 280, un = ({
   };
   if (r || !e || e.type === "answer" && (!e.slugs || !e.slugs.question))
     return /* @__PURE__ */ a.jsx(Se, { className: "discussion-card discussion-post" });
-  const te = b ? et(A.body, Rc) : A.body, G = async (O) => {
+  const te = g ? et(A.body, Rc) : A.body, G = async (O) => {
     O || (O = ""), I("");
     try {
       if (!As(O, A.body)) {
@@ -9597,7 +9621,7 @@ const Me = "discussion_", Rc = 280, un = ({
       onClick: () => W({ ...A, isEditing: !0 }),
       icon: "pencil-paper",
       className: "gtm-trackable",
-      "data-gtm-event-context": h,
+      "data-gtm-event-context": b,
       "data-gtm-event-type": `edit-${e.type}-click`
     },
     {
@@ -9607,7 +9631,7 @@ const Me = "discussion_", Rc = 280, un = ({
       },
       icon: "trash",
       className: "gtm-trackable",
-      "data-gtm-event-context": h,
+      "data-gtm-event-context": b,
       "data-gtm-event-type": `delete-${e.type}-click`,
       ...Jo(`delete-${e.slug}-modal`, Z)
     }
@@ -9618,7 +9642,7 @@ const Me = "discussion_", Rc = 280, un = ({
     }),
     ref: N,
     "data-testid": `discussion-${e.type}-thread`,
-    "data-gtm-event-context": `${h}-post-click`,
+    "data-gtm-event-context": `${b}-post-click`,
     onClick: (O) => {
       !f.post || A.isEditing || (O.preventDefault(), O.stopPropagation(), window.location.href = f.post);
     },
@@ -9638,7 +9662,7 @@ const Me = "discussion_", Rc = 280, un = ({
                 member: w,
                 additionalContent: { createdAt: F, didEdit: A.didEdit },
                 className: typeof w != "string" && w.id === s ? "highlighted" : "",
-                gtmContext: h,
+                gtmContext: b,
                 gtmType: "profile-click"
               }
             ),
@@ -9670,7 +9694,7 @@ const Me = "discussion_", Rc = 280, un = ({
                     I(""), W({ ...A, isEditing: !1 });
                   }
                 },
-                gtmContext: `${h}Form`
+                gtmContext: `${b}Form`
               }
             ) : f.post ? /* @__PURE__ */ a.jsxs("a", { href: f.post, children: [
               (e == null ? void 0 : e.title) && /* @__PURE__ */ a.jsx("p", { className: "content-title", children: e.title }),
@@ -9722,7 +9746,7 @@ const Me = "discussion_", Rc = 280, un = ({
                         O.preventDefault(), O.stopPropagation(), f.comments && (window.location.href = f.comments), typeof m == "function" && m();
                       },
                       icon: { icon: "speech-bubble_square_thick" },
-                      "data-gtm-event-context": h,
+                      "data-gtm-event-context": b,
                       "data-gtm-event-type": `answer-${e.type}-click`,
                       screenreaderText: y.formatMessage(
                         { id: `${Me}comments_screenReader` },
@@ -9749,7 +9773,7 @@ const Me = "discussion_", Rc = 280, un = ({
           ]
         }
       ),
-      g,
+      h,
       /* @__PURE__ */ a.jsx(
         on,
         {
@@ -10242,15 +10266,15 @@ function Yc({
     },
     user: u,
     ...l
-  }, m = Hc({ ...d, mutationFn: t }), f = Vc({ ...d, mutationFn: e }), p = Kc({ ...d, mutationFn: n }), h = Qc({ ...d, mutationFn: s }), g = Jc({ ...d, mutationFn: i }), { activities: b, ...y } = Gc({ queryKey: o, queryFn: r });
+  }, m = Hc({ ...d, mutationFn: t }), f = Vc({ ...d, mutationFn: e }), p = Kc({ ...d, mutationFn: n }), b = Qc({ ...d, mutationFn: s }), h = Jc({ ...d, mutationFn: i }), { activities: g, ...y } = Gc({ queryKey: o, queryFn: r });
   return {
-    activities: b,
+    activities: g,
     mutations: {
       create: m,
       edit: f,
-      remove: h,
+      remove: b,
       like: p,
-      unlike: g
+      unlike: h
     },
     user: u,
     ...y
@@ -10375,7 +10399,7 @@ const _u = ({
     fetchNextPage: l,
     hasNextPage: d,
     isLoading: m,
-    mutations: { create: f, edit: p, remove: h, like: g, unlike: b },
+    mutations: { create: f, edit: p, remove: b, like: h, unlike: g },
     user: y
   } = Yc({
     queryKey: [t, e, "activities"],
@@ -10450,13 +10474,13 @@ const _u = ({
           functions: {
             content: {
               createContent: () => null,
-              deleteContent: () => h({ activityId: w }),
+              deleteContent: () => b({ activityId: w }),
               // eslint-disable-next-line @typescript-eslint/no-explicit-any
               updateContent: (I, { body: q }) => p({ activityId: w, content: q })
             },
             likes: {
-              createLike: () => g({ activityId: w }),
-              deleteLike: () => b({ activityId: w, reactionId: $ })
+              createLike: () => h({ activityId: w }),
+              deleteLike: () => g({ activityId: w, reactionId: $ })
             },
             comments: {
               openComments: () => null
@@ -11095,15 +11119,15 @@ function rs({
     },
     user: u,
     ...l
-  }, m = tl({ ...d, mutationFn: t }), f = nl({ ...d, mutationFn: e }), p = rl({ ...d, mutationFn: n }), h = sl({ ...d, mutationFn: s }), g = il({ ...d, mutationFn: i }), { replies: b, ...y } = al({ queryKey: o, queryFn: r });
+  }, m = tl({ ...d, mutationFn: t }), f = nl({ ...d, mutationFn: e }), p = rl({ ...d, mutationFn: n }), b = sl({ ...d, mutationFn: s }), h = il({ ...d, mutationFn: i }), { replies: g, ...y } = al({ queryKey: o, queryFn: r });
   return {
-    replies: b,
+    replies: g,
     mutations: {
       create: m,
       edit: f,
-      remove: h,
+      remove: b,
       like: p,
-      unlike: g
+      unlike: h
     },
     user: u,
     ...y
@@ -11240,14 +11264,14 @@ const fl = ({
     fetchNextPage: c,
     hasNextPage: u,
     isLoading: l,
-    mutations: { create: d, edit: m, like: f, remove: p, unlike: h },
-    user: g
+    mutations: { create: d, edit: m, like: f, remove: p, unlike: b },
+    user: h
   } = rs({
     queryKey: [t, e, n, r, "replies"],
     queryFns: {
       ...i,
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      list: (b) => i.list({ ...b, reactionId: r })
+      list: (g) => i.list({ ...g, reactionId: r })
     }
   });
   return /* @__PURE__ */ a.jsx(
@@ -11265,29 +11289,29 @@ const fl = ({
         },
         functions: {
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          create: (b, { body: y }) => d({ activityId: n, replyId: r, content: y })
+          create: (g, { body: y }) => d({ activityId: n, replyId: r, content: y })
         },
         meta: { isEditing: !1, showSuccessMessage: !1 }
       },
-      children: o && o.length > 0 ? o == null ? void 0 : o.map((b) => {
+      children: o && o.length > 0 ? o == null ? void 0 : o.map((g) => {
         var A, W, Z, z, K, T, P, I, q, U, te, G;
         const {
           id: y,
           own_children: _,
           latest_children: S,
           children_counts: w
-        } = b, F = (((A = _ == null ? void 0 : _.like) == null ? void 0 : A.length) || 0) > 0 ? (W = _ == null ? void 0 : _.like) == null ? void 0 : W.find((V) => {
+        } = g, F = (((A = _ == null ? void 0 : _.like) == null ? void 0 : A.length) || 0) > 0 ? (W = _ == null ? void 0 : _.like) == null ? void 0 : W.find((V) => {
           var ee;
-          return ((ee = V == null ? void 0 : V.user) == null ? void 0 : ee.id) === (g == null ? void 0 : g.id);
+          return ((ee = V == null ? void 0 : V.user) == null ? void 0 : ee.id) === (h == null ? void 0 : h.id);
         }) : !1, R = F ? F == null ? void 0 : F.id : "", X = !!F, $ = (((Z = S == null ? void 0 : S.like) == null ? void 0 : Z.length) || 0) > 0 ? (z = S == null ? void 0 : S.like) == null ? void 0 : z.map((V) => {
           var ee, ae, O;
           return {
             id: (ee = V == null ? void 0 : V.user) == null ? void 0 : ee.id,
             name: (O = (ae = V == null ? void 0 : V.user) == null ? void 0 : ae.data) == null ? void 0 : O.name
           };
-        }) : !1, C = b == null ? void 0 : b.user, j = (C == null ? void 0 : C.id) === (g == null ? void 0 : g.id), k = ln(s, j), N = typeof b.data.content == "string" ? (K = b == null ? void 0 : b.data) == null ? void 0 : K.content : (
+        }) : !1, C = g == null ? void 0 : g.user, j = (C == null ? void 0 : C.id) === (h == null ? void 0 : h.id), k = ln(s, j), N = typeof g.data.content == "string" ? (K = g == null ? void 0 : g.data) == null ? void 0 : K.content : (
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          ((P = (T = b == null ? void 0 : b.data) == null ? void 0 : T.content) == null ? void 0 : P.text) || ""
+          ((P = (T = g == null ? void 0 : g.data) == null ? void 0 : T.content) == null ? void 0 : P.text) || ""
         );
         return /* @__PURE__ */ a.jsx(
           un,
@@ -11297,13 +11321,13 @@ const fl = ({
               type: "reply",
               body: N,
               canLike: k,
-              createdAt: b == null ? void 0 : b.created_at,
+              createdAt: g == null ? void 0 : g.created_at,
               slugs: {
                 question: `${t}/${e}`,
                 answer: n,
                 // Stop-gap solution to avoid having to change the DiscussionPost component
                 // The `reply` is currently used to define the form ID which handles the focus
-                reply: b == null ? void 0 : b.parent
+                reply: g == null ? void 0 : g.parent
               },
               slug: "",
               author: {
@@ -11329,7 +11353,7 @@ const fl = ({
               },
               likes: {
                 createLike: () => f({ replyId: y }),
-                deleteLike: () => h({ replyId: y, reactionId: R })
+                deleteLike: () => b({ replyId: y, reactionId: R })
               },
               comments: {}
             }
@@ -11353,7 +11377,7 @@ const ml = ({
     fetchNextPage: d,
     hasNextPage: m,
     isLoading: f,
-    mutations: { create: p, edit: h, like: g, remove: b, unlike: y },
+    mutations: { create: p, edit: b, like: h, remove: g, unlike: y },
     user: _
   } = rs({
     queryKey: [t, e, n, "replies"],
@@ -11429,12 +11453,12 @@ const ml = ({
           functions: {
             content: {
               createContent: () => null,
-              deleteContent: () => b({ replyId: w }),
+              deleteContent: () => g({ replyId: w }),
               // eslint-disable-next-line @typescript-eslint/no-explicit-any
-              updateContent: (O, { body: oe }) => h({ replyId: w, content: oe })
+              updateContent: (O, { body: oe }) => b({ replyId: w, content: oe })
             },
             likes: {
-              createLike: () => g({ replyId: w }),
+              createLike: () => h({ replyId: w }),
               deleteLike: () => y({ replyId: w, reactionId: $ })
             },
             comments: {}
@@ -11580,7 +11604,7 @@ const wu = ({
     activity: m,
     error: f,
     isLoading: p,
-    mutations: { edit: h, like: g, unlike: b }
+    mutations: { edit: b, like: h, unlike: g }
   } = gl({
     queryFns: i,
     queryKey: [t, e, n]
@@ -11640,11 +11664,11 @@ const wu = ({
             createContent: () => null,
             deleteContent: s,
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            updateContent: (K, { body: T }) => h({ content: T })
+            updateContent: (K, { body: T }) => b({ content: T })
           },
           likes: {
-            createLike: () => g({ activityId: n }),
-            deleteLike: () => b({ activityId: n, reactionId: x })
+            createLike: () => h({ activityId: n }),
+            deleteLike: () => g({ activityId: n, reactionId: x })
           },
           comments: {
             openComments: () => {