@apolitical/component-library 4.0.3 → 4.0.5-SW.0

package/index.mjs

@@ -1,18 +1,18 @@
-import V, { memo as Oe, useState as K, useEffect as ae, useRef as pe, useMemo as wt, Children as Un, useCallback as Wt, useReducer as Qn, createContext as jt, useContext as Se, Fragment as yt, Suspense as ks } from "react";
+import V, { memo as Oe, useState as K, useEffect as ae, useRef as pe, useMemo as wt, Children as Un, useCallback as Wt, useReducer as Qn, createContext as jt, useContext as Se, Fragment as yt, Suspense as Ts } from "react";
 import pt from "lodash.clonedeep";
-import Ts from "lodash.set";
-import { FormattedMessage as ye, useIntl as Z, IntlProvider as Es, createIntl as Ss } from "react-intl";
+import Es from "lodash.set";
+import { FormattedMessage as ye, useIntl as Z, IntlProvider as Ss, createIntl as Cs } from "react-intl";
 import Ie from "markdown-to-jsx";
 import et from "truncate";
-import { QueryClient as Cs, QueryClientProvider as Ns, useMutation as je, useQueryClient as Jn, useInfiniteQuery as ca, useQuery as $s } from "@tanstack/react-query";
-import { ReactQueryDevtools as Ps } from "@tanstack/react-query-devtools";
+import { QueryClient as Ns, QueryClientProvider as $s, useMutation as je, useQueryClient as Jn, useInfiniteQuery as ca, useQuery as Ps } from "@tanstack/react-query";
+import { ReactQueryDevtools as Ms } from "@tanstack/react-query-devtools";
 import Bt from "posthog-js";
-import { useCookies as la, CookiesProvider as Ms } from "react-cookie";
-import { ReactMultiEmail as Rs } from "react-multi-email";
+import { useCookies as la, CookiesProvider as Rs } from "react-cookie";
+import { ReactMultiEmail as Fs } from "react-multi-email";
 import ua from "lodash.get";
-import { ErrorBoundary as Fs } from "react-error-boundary";
-import Os from "react-textarea-autosize";
-import As from "lodash.isequal";
+import { ErrorBoundary as Os } from "react-error-boundary";
+import As from "react-textarea-autosize";
+import Ds from "lodash.isequal";
 function da(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
@@ -73,8 +73,8 @@ var ma = { exports: {} };
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(ma);
-var Ds = ma.exports;
-const E = /* @__PURE__ */ da(Ds), Is = ({
+var Is = ma.exports;
+const E = /* @__PURE__ */ da(Is), Ls = ({
   element: t = "span",
   showOnFocus: e = !0,
   children: n,
@@ -84,11 +84,11 @@ const E = /* @__PURE__ */ da(Ds), Is = ({
   ...s,
   className: E("hidden", r, { "show-on-focus": e }),
   children: n
-}), be = Oe(Is), Ls = ({
+}), be = Oe(Ls), Bs = ({
   element: t = "span",
   children: e = null,
   ...n
-}) => V.createElement(t, { ...n, "aria-hidden": !0 }, e), Xn = Oe(Ls);
+}) => V.createElement(t, { ...n, "aria-hidden": !0 }, e), Xn = Oe(Bs);
 var Wn = { exports: {} }, it = {};
 /**
  * @license React
@@ -100,7 +100,7 @@ var Wn = { exports: {} }, it = {};
  * LICENSE file in the root directory of this source tree.
  */
 var jr;
-function Bs() {
+function qs() {
   if (jr)
     return it;
   jr = 1;
@@ -128,7 +128,7 @@ var ot = {};
  * LICENSE file in the root directory of this source tree.
  */
 var kr;
-function qs() {
+function Us() {
   return kr || (kr = 1, process.env.NODE_ENV !== "production" && function() {
     var t = V, 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"), v = Symbol.iterator, h = "@@iterator";
     function b(g) {
@@ -415,7 +415,7 @@ function qs() {
       } else
         dr.setExtraStackFrame(null);
     }
-    function as(g, M, L, ne, le) {
+    function ss(g, M, L, ne, le) {
       {
         var me = Function.call.bind(qe);
         for (var ce in g)
@@ -434,17 +434,17 @@ function qs() {
           }
       }
     }
-    var ss = Array.isArray;
+    var is = Array.isArray;
     function dn(g) {
-      return ss(g);
+      return is(g);
     }
-    function is(g) {
+    function os(g) {
       {
         var M = typeof Symbol == "function" && Symbol.toStringTag, L = M && g[Symbol.toStringTag] || g.constructor.name || "Object";
         return L;
       }
     }
-    function os(g) {
+    function cs(g) {
       try {
         return fr(g), !1;
       } catch {
@@ -455,17 +455,17 @@ function qs() {
       return "" + g;
     }
     function mr(g) {
-      if (os(g))
-        return w("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", is(g)), fr(g);
+      if (cs(g))
+        return w("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", os(g)), fr(g);
     }
-    var st = _.ReactCurrentOwner, cs = {
+    var st = _.ReactCurrentOwner, ls = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, pr, hr, fn;
     fn = {};
-    function ls(g) {
+    function us(g) {
       if (qe.call(g, "ref")) {
         var M = Object.getOwnPropertyDescriptor(g, "ref").get;
         if (M && M.isReactWarning)
@@ -473,7 +473,7 @@ function qs() {
       }
       return g.ref !== void 0;
     }
-    function us(g) {
+    function ds(g) {
       if (qe.call(g, "key")) {
         var M = Object.getOwnPropertyDescriptor(g, "key").get;
         if (M && M.isReactWarning)
@@ -481,13 +481,13 @@ function qs() {
       }
       return g.key !== void 0;
     }
-    function ds(g, M) {
+    function fs(g, M) {
       if (typeof g.ref == "string" && st.current && M && st.current.stateNode !== M) {
         var L = k(st.current.type);
         fn[L] || (w('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', k(st.current.type), g.ref), fn[L] = !0);
       }
     }
-    function fs(g, M) {
+    function ms(g, M) {
       {
         var L = function() {
           pr || (pr = !0, w("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", M));
@@ -498,7 +498,7 @@ function qs() {
         });
       }
     }
-    function ms(g, M) {
+    function ps(g, M) {
       {
         var L = function() {
           hr || (hr = !0, w("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", M));
@@ -509,7 +509,7 @@ function qs() {
         });
       }
     }
-    var ps = function(g, M, L, ne, le, me, ce) {
+    var hs = function(g, M, L, ne, le, me, ce) {
       var ie = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: e,
@@ -538,12 +538,12 @@ function qs() {
         value: le
       }), Object.freeze && (Object.freeze(ie.props), Object.freeze(ie)), ie;
     };
-    function hs(g, M, L, ne, le) {
+    function gs(g, M, L, ne, le) {
       {
         var me, ce = {}, ie = null, xe = null;
-        L !== void 0 && (mr(L), ie = "" + L), us(M) && (mr(M.key), ie = "" + M.key), ls(M) && (xe = M.ref, ds(M, le));
+        L !== void 0 && (mr(L), ie = "" + L), ds(M) && (mr(M.key), ie = "" + M.key), us(M) && (xe = M.ref, fs(M, le));
         for (me in M)
-          qe.call(M, me) && !cs.hasOwnProperty(me) && (ce[me] = M[me]);
+          qe.call(M, me) && !ls.hasOwnProperty(me) && (ce[me] = M[me]);
         if (g && g.defaultProps) {
           var ge = g.defaultProps;
           for (me in ge)
@@ -551,9 +551,9 @@ function qs() {
         }
         if (ie || xe) {
           var ve = typeof g == "function" ? g.displayName || g.name || "Unknown" : g;
-          ie && fs(ce, ve), xe && ms(ce, ve);
+          ie && ms(ce, ve), xe && ps(ce, ve);
         }
-        return ps(g, ie, xe, le, ne, st.current, ce);
+        return hs(g, ie, xe, le, ne, st.current, ce);
       }
     }
     var mn = _.ReactCurrentOwner, gr = _.ReactDebugCurrentFrame;
@@ -581,7 +581,7 @@ Check the render method of \`` + g + "`.";
         return "";
       }
     }
-    function gs(g) {
+    function vs(g) {
       {
         if (g !== void 0) {
           var M = g.fileName.replace(/^.*[\\\/]/, ""), L = g.lineNumber;
@@ -593,7 +593,7 @@ Check your code at ` + M + ":" + L + ".";
       }
     }
     var br = {};
-    function vs(g) {
+    function bs(g) {
       {
         var M = vr();
         if (!M) {
@@ -610,7 +610,7 @@ Check the top-level render call using <` + L + ">.");
         if (!g._store || g._store.validated || g.key != null)
           return;
         g._store.validated = !0;
-        var L = vs(M);
+        var L = bs(M);
         if (br[L])
           return;
         br[L] = !0;
@@ -637,7 +637,7 @@ Check the top-level render call using <` + L + ">.");
         }
       }
     }
-    function bs(g) {
+    function ys(g) {
       {
         var M = g.type;
         if (M == null || typeof M == "string")
@@ -653,7 +653,7 @@ Check the top-level render call using <` + L + ">.");
           return;
         if (L) {
           var ne = k(M);
-          as(L, g.props, "prop", ne, g);
+          ss(L, g.props, "prop", ne, g);
         } else if (M.PropTypes !== void 0 && !pn) {
           pn = !0;
           var le = k(M);
@@ -662,7 +662,7 @@ Check the top-level render call using <` + L + ">.");
         typeof M.getDefaultProps == "function" && !M.getDefaultProps.isReactClassApproved && w("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function ys(g) {
+    function _s(g) {
       {
         for (var M = Object.keys(g.props), L = 0; L < M.length; L++) {
           var ne = M[L];
@@ -680,12 +680,12 @@ Check the top-level render call using <` + L + ">.");
         if (!ce) {
           var ie = "";
           (g === void 0 || typeof g == "object" && g !== null && Object.keys(g).length === 0) && (ie += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var xe = gs(le);
+          var xe = vs(le);
           xe ? ie += xe : ie += vr();
           var ge;
           g === null ? ge = "null" : dn(g) ? ge = "array" : g !== void 0 && g.$$typeof === e ? (ge = "<" + (k(g.type) || "Unknown") + " />", ie = " Did you accidentally export a JSX literal instead of a component?") : ge = typeof g, w("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ge, ie);
         }
-        var ve = hs(g, M, L, le, me);
+        var ve = gs(g, M, L, le, me);
         if (ve == null)
           return ve;
         if (ce) {
@@ -701,22 +701,22 @@ Check the top-level render call using <` + L + ">.");
             else
               _r(Te, g);
         }
-        return g === r ? ys(ve) : bs(ve), ve;
+        return g === r ? _s(ve) : ys(ve), ve;
       }
     }
-    function _s(g, M, L) {
+    function xs(g, M, L) {
       return xr(g, M, L, !0);
     }
-    function xs(g, M, L) {
+    function ws(g, M, L) {
       return xr(g, M, L, !1);
     }
-    var ws = xs, js = _s;
-    ot.Fragment = r, ot.jsx = ws, ot.jsxs = js;
+    var js = ws, ks = xs;
+    ot.Fragment = r, ot.jsx = js, ot.jsxs = ks;
   }()), ot;
 }
-process.env.NODE_ENV === "production" ? Wn.exports = Bs() : Wn.exports = qs();
+process.env.NODE_ENV === "production" ? Wn.exports = qs() : Wn.exports = Us();
 var a = Wn.exports;
-const Us = () => {
+const Ws = () => {
   const [t, e] = K(window.location.pathname), n = () => {
     const r = window.location.pathname;
     e(r);
@@ -730,7 +730,7 @@ const Us = () => {
     n.current ? t() : n.current = !0;
   }, e);
 };
-function Ws(t, e, n) {
+function zs(t, e, n) {
   var r = this, s = pe(null), i = pe(0), o = pe(null), c = pe([]), u = pe(), l = pe(), d = pe(t), m = pe(!0);
   d.current = t;
   var f = typeof window < "u", p = !e && e !== 0 && f;
@@ -788,7 +788,7 @@ function Ws(t, e, n) {
 }
 function pa(t, e, n) {
   var r = n === void 0 ? {} : n, s = r.leading, i = r.trailing;
-  return Ws(t, e, { maxWait: e, leading: s === void 0 || s, trailing: i === void 0 || i });
+  return zs(t, e, { maxWait: e, leading: s === void 0 || s, trailing: i === void 0 || i });
 }
 let gn;
 const kt = (t = !0, e = !1, n = "window") => {
@@ -817,7 +817,7 @@ const kt = (t = !0, e = !1, n = "window") => {
     { leading: !0 }
   );
   return r;
-}, zs = ({
+}, Zs = ({
   scrollPosition: t = 0,
   // The position on the page to scroll past
   offset: e = { down: 0, up: 10 },
@@ -851,7 +851,7 @@ const kt = (t = !0, e = !1, n = "window") => {
     u();
   }, 250);
   return s;
-}, Zs = (t = [], e = !0) => {
+}, ha = (t = [], e = !0) => {
   t = Array.isArray(t) ? t : [t];
   const n = pe(!1);
   _t(() => {
@@ -862,19 +862,19 @@ const kt = (t = !0, e = !1, n = "window") => {
       r && (r.scrollIntoView(e ? { behavior: "smooth" } : null), n.current = !0);
     }
   }, t);
-}, ha = (t, e) => {
+}, ga = (t, e) => {
   Array.isArray(e) || (e = [e]);
   const n = pt(t);
   return e.forEach(({ type: r, value: s }) => {
-    Ts(n, r, s);
+    Es(n, r, s);
   }), n;
-}, ga = (t) => {
+}, va = (t) => {
   const e = [];
   return t.forEach((n) => {
     const r = parseInt(n);
     isNaN(r) || e.push(r);
   }), e.sort((n, r) => n - r);
-}, va = (t, e, n) => {
+}, ba = (t, e, n) => {
   let r = n.mobile;
   for (const s in e) {
     const i = parseInt(String(e[s]));
@@ -912,7 +912,7 @@ const We = {
     weeks: 52,
     days: 365
   }
-}, Qs = (t, e = "en") => new Date(t).toLocaleString(e, { day: "numeric", month: "short" }), ba = (t, e = "en") => new Date(t).toLocaleString(e, {
+}, Qs = (t, e = "en") => new Date(t).toLocaleString(e, { day: "numeric", month: "short" }), ya = (t, e = "en") => new Date(t).toLocaleString(e, {
   weekday: "long",
   day: "numeric",
   month: "short",
@@ -1455,8 +1455,8 @@ 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), _ = ga(Object.keys(b));
-    e = va(p, _, b);
+    const b = Object.assign({}, e), _ = va(Object.keys(b));
+    e = ba(p, _, b);
   }
   const v = [];
   typeof e == "string" && v.push(e), r && (v.push("icon"), typeof r == "object" ? (v.push(r.icon), r.position ? v.push(r.position) : v.push("left"), r.hover && v.push(`hover_${r.hover}`), r.animate && (v.push("animate"), typeof r.animate == "string" && v.push(r.animate))) : (v.push(r), !r.includes("right") && !r.includes("left") && v.push("left"))), n.muted && v.push("muted"), n.fullWidth && v.push("full-width");
@@ -1882,8 +1882,8 @@ const He = ({
   let s = n && !!Object.keys(n).length;
   const i = typeof n == "object" && "breakpoints" in n, o = kt(i);
   if (i && typeof n == "object" && typeof o == "number") {
-    const m = Object.assign({}, n.breakpoints), f = ga(Object.keys(m));
-    s = va(o, f, m);
+    const m = Object.assign({}, n.breakpoints), f = va(Object.keys(m));
+    s = ba(o, f, m);
   }
   const {
     breakpoints: c,
@@ -1910,9 +1910,9 @@ const He = ({
     }
   );
 };
-const Zn = ({ children: t, ...e }) => /* @__PURE__ */ a.jsx("p", { ...e, children: t }), ya = { q: Zn, blockquote: Zn };
+const Zn = ({ children: t, ...e }) => /* @__PURE__ */ a.jsx("p", { ...e, children: t }), _a = { q: Zn, blockquote: Zn };
 for (let t = 1; t <= 6; t++)
-  ya[`h${t}`] = { component: Zn, props: { className: "title" } };
+  _a[`h${t}`] = { component: Zn, props: { className: "title" } };
 const fi = ({
   type: t = "default",
   className: e = "",
@@ -1926,7 +1926,7 @@ const fi = ({
       options: {
         wrapper: V.Fragment,
         forceBlock: !0,
-        overrides: ya
+        overrides: _a
       },
       children: r
     }
@@ -2266,7 +2266,7 @@ const ji = ({
       })
     }
   );
-}, _a = Oe(ji);
+}, xa = Oe(ji);
 const bn = "loadingBlock_", ki = ({ progress: t = 0, steps: e = !1, className: n = "" }) => {
   const r = Z();
   e || (e = {
@@ -2291,7 +2291,7 @@ const bn = "loadingBlock_", ki = ({ progress: t = 0, steps: e = !1, className: n
       style: o,
       children: [
         s && /* @__PURE__ */ a.jsx("span", { className: "step", children: e[s].text }),
-        /* @__PURE__ */ a.jsx(_a, { progress: t })
+        /* @__PURE__ */ a.jsx(xa, { progress: t })
       ]
     }
   );
@@ -2353,11 +2353,11 @@ const Hn = {
   "course-navigation": ["button", "button"],
   "course-lesson-page": ["breadcrumb", "course-navigation", "text-page"],
   "course-lesson-quiz": ["text-page", "quiz-box"]
-}, xa = (t, e) => t in Hn ? /* @__PURE__ */ a.jsx("div", { className: t, children: Hn[t].map((n, r) => xa(n, r)) }, e) : /* @__PURE__ */ a.jsx(Ce, { className: t }, e), wa = ({ layout: t = "overview-page", ...e }) => /* @__PURE__ */ a.jsx("div", { className: E("loading-state", t), ...e, children: Hn[t].map((n, r) => xa(n, r)) }), ja = (t) => {
+}, wa = (t, e) => t in Hn ? /* @__PURE__ */ a.jsx("div", { className: t, children: Hn[t].map((n, r) => wa(n, r)) }, e) : /* @__PURE__ */ a.jsx(Ce, { className: t }, e), ja = ({ layout: t = "overview-page", ...e }) => /* @__PURE__ */ a.jsx("div", { className: E("loading-state", t), ...e, children: Hn[t].map((n, r) => wa(n, r)) }), ka = (t) => {
   const e = t && t.toUpperCase().trim().split(" ");
   return Array.isArray(e) && e.length > 1 && e[0] !== "" ? e[1] === "" ? e[0][0] : e[0][0] + e[e.length - 1][0] : t ? t.substr(0, 1) : "";
 }, Nt = ["#5AB6A3", "#A2D7AF", "#806056", "#3962B3"], Ti = (t) => {
-  const e = Math.ceil(26 / Nt.length), n = ja(t).toLowerCase();
+  const e = Math.ceil(26 / Nt.length), n = ka(t).toLowerCase();
   if (n === "")
     return Nt[0];
   const r = n.charCodeAt(0) - 96;
@@ -2383,7 +2383,7 @@ const Rr = 256, Ve = ({
     if (!f)
       return;
     const p = s, v = i;
-    typeof window < "u" && window.devicePixelRatio && (m.width = p * window.devicePixelRatio, m.height = v * window.devicePixelRatio, f.scale(window.devicePixelRatio, window.devicePixelRatio)), f.fillStyle = Ti(n), f.fillRect(0, 0, p, v), f.font = `${p / 3}px Arial`, f.textAlign = "center", f.fillStyle = "white", f.fillText(ja(n), p / 2, v / 1.6);
+    typeof window < "u" && window.devicePixelRatio && (m.width = p * window.devicePixelRatio, m.height = v * window.devicePixelRatio, f.scale(window.devicePixelRatio, window.devicePixelRatio)), f.fillStyle = Ti(n), f.fillRect(0, 0, p, v), f.font = `${p / 3}px Arial`, f.textAlign = "center", f.fillStyle = "white", f.fillText(ka(n), p / 2, v / 1.6);
   }, [n]);
   let d = !1;
   return e && e !== "" && !c && (e.includes("http") || e.includes("//")) && (d = !0), /* @__PURE__ */ a.jsx(
@@ -2405,7 +2405,7 @@ const Rr = 256, Ve = ({
       ) : /* @__PURE__ */ a.jsx("canvas", { ref: l })
     }
   );
-}, ka = (t) => t === "apolitical" ? {
+}, Ta = (t) => t === "apolitical" ? {
   image: `${Le}logos/member_apolitical.svg`
 } : t === "community" || typeof t == "object" && !t.name ? {
   image: `${Le}logos/member_community.svg`
@@ -2438,14 +2438,14 @@ const an = ({
   gtmType: i = "member-click",
   className: o = ""
 }) => {
-  const c = Z(), { size: u = "medium" } = r, l = ka(e);
+  const c = Z(), { size: u = "medium" } = r, l = Ta(e);
   l.name || (l.name = c.formatMessage({
     id: `member_${typeof e == "string" ? e : "community"}`
   }));
   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 = Ei(l), v = n && n.createdAt ? zn(n.createdAt) : !1, h = n && n.createdAt ? ba(n.createdAt) : "";
+  const p = Ei(l), v = n && n.createdAt ? zn(n.createdAt) : !1, h = n && n.createdAt ? ya(n.createdAt) : "";
   return V.createElement(t, {
     className: E("member text-medium", u, o),
     children: /* @__PURE__ */ a.jsxs(
@@ -2478,7 +2478,7 @@ const an = ({
 const Fr = {
   small: 24,
   medium: 48
-}, Ta = ({
+}, Ea = ({
   element: t = "div",
   contributors: { total: e, data: n } = { total: void 0, data: [] },
   styling: { showText: r, size: s, showGap: i, showPlaceholders: o } = {
@@ -2500,7 +2500,7 @@ const Fr = {
       /* @__PURE__ */ a.jsx("ul", { children: n.map((f, p) => {
         let v, h = "";
         if (p < c) {
-          const { name: b = "", image: _ = "" } = ka(f);
+          const { name: b = "", image: _ = "" } = Ta(f);
           if (o)
             return /* @__PURE__ */ a.jsx(Ce, { element: "li", className: "contributor" }, p);
           v = /* @__PURE__ */ a.jsx(
@@ -2825,7 +2825,7 @@ const Qe = {
     )) })
   ] });
 };
-const Ea = ({
+const Sa = ({
   className: t = "",
   disabled: e,
   element: n = "p",
@@ -3074,7 +3074,7 @@ const Mi = ({
             e.onChange(x);
           };
           return /* @__PURE__ */ a.jsx(
-            Ea,
+            Sa,
             {
               element: "li",
               id: S,
@@ -3134,7 +3134,7 @@ const Je = {
   text: { component: gt },
   email: { component: gt },
   textarea: { component: gt, props: { element: "textarea", rows: 4, cols: 10 } },
-  checkbox: { component: Ea },
+  checkbox: { component: Sa },
   checkboxes: { component: Mi, props: { multiSelect: !0 } },
   select: { component: Pi },
   password: { component: Ri },
@@ -3539,10 +3539,10 @@ const sn = ({
     x && j && /* @__PURE__ */ a.jsx(Zt, { className: "success", children: typeof x == "string" ? x : A.formatMessage({ id: "form_success" }) })
   ] });
 };
-const Pt = "passwordRules_", Sa = "isMoreThanEightCharacters", Ca = "includesNumberAndSymbol", Na = "includesLowerAndUppercase", Ai = {
-  [Sa]: "8Characters",
-  [Ca]: "numberSymbol",
-  [Na]: "lowercaseUppercase"
+const Pt = "passwordRules_", Ca = "isMoreThanEightCharacters", Na = "includesNumberAndSymbol", $a = "includesLowerAndUppercase", Ai = {
+  [Ca]: "8Characters",
+  [Na]: "numberSymbol",
+  [$a]: "lowercaseUppercase"
 }, Di = ({
   matchingRules: t = {
     isMoreThanEightCharacters: !1,
@@ -3554,7 +3554,7 @@ const Pt = "passwordRules_", Sa = "isMoreThanEightCharacters", Ca = "includesNum
   const n = Z();
   return /* @__PURE__ */ a.jsxs("aside", { className: E("password-rules", e), children: [
     /* @__PURE__ */ a.jsx("small", { children: n.formatMessage({ id: `${Pt}intro` }) }),
-    /* @__PURE__ */ a.jsx("ul", { children: [Sa, Ca, Na].map(
+    /* @__PURE__ */ a.jsx("ul", { children: [Ca, Na, $a].map(
       (r) => /* @__PURE__ */ a.jsxs(
         "li",
         {
@@ -3877,7 +3877,7 @@ const Bi = ({
           /* @__PURE__ */ a.jsx("h2", { className: "title", style: { color: r }, children: t }),
           /* @__PURE__ */ a.jsx("label", { htmlFor: "email-input", className: "label", style: { color: s }, children: e }),
           /* @__PURE__ */ a.jsx(
-            Rs,
+            Fs,
             {
               id: "email-input",
               inputClassName: "email-input input",
@@ -4338,7 +4338,7 @@ const Hi = {
     url: m,
     logInButton: f,
     successMessage: p
-  }, [h, b] = Qn(ha, Hi), {
+  }, [h, b] = Qn(ga, Hi), {
     validFields: _,
     emailDetails: w,
     shouldManuallyApprove: S,
@@ -4621,7 +4621,7 @@ function Yi() {
   }()), de;
 }
 var Ir;
-function $a() {
+function Pa() {
   return Ir || (Ir = 1, process.env.NODE_ENV === "production" ? Mt.exports = Vi() : Mt.exports = Yi()), Mt.exports;
 }
 /*
@@ -4685,7 +4685,7 @@ function nr() {
   return wn = t, wn;
 }
 var jn, qr;
-function Pa() {
+function Ma() {
   return qr || (qr = 1, jn = Function.call.bind(Object.prototype.hasOwnProperty)), jn;
 }
 var kn, Ur;
@@ -4696,7 +4696,7 @@ function Gi() {
   var t = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var e = nr(), n = {}, r = Pa();
+    var e = nr(), n = {}, r = Ma();
     t = function(i) {
       var o = "Warning: " + i;
       typeof console < "u" && console.error(o);
@@ -4743,7 +4743,7 @@ function Qi() {
   if (Wr)
     return Tn;
   Wr = 1;
-  var t = $a(), e = Ki(), n = nr(), r = Pa(), s = Gi(), i = function() {
+  var t = Pa(), e = Ki(), n = nr(), r = Ma(), s = Gi(), i = function() {
   };
   process.env.NODE_ENV !== "production" && (i = function(c) {
     var u = "Warning: " + c;
@@ -5110,7 +5110,7 @@ function Ji() {
   }, En;
 }
 if (process.env.NODE_ENV !== "production") {
-  var Xi = $a(), eo = !0;
+  var Xi = Pa(), eo = !0;
   Vn.exports = Qi()(Xi.isElement, eo);
 } else
   Vn.exports = Ji()();
@@ -5119,8 +5119,8 @@ var to = Vn.exports;
 * tabbable 6.2.0
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
 */
-var Ma = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])", "a[href]:not([inert])", "button:not([inert])", "[tabindex]:not(slot):not([inert])", "audio[controls]:not([inert])", "video[controls]:not([inert])", '[contenteditable]:not([contenteditable="false"]):not([inert])', "details>summary:first-of-type:not([inert])", "details:not([inert])"], Ht = /* @__PURE__ */ Ma.join(","), Ra = typeof Element > "u", Ze = Ra ? function() {
-} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, Vt = !Ra && Element.prototype.getRootNode ? function(t) {
+var Ra = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])", "a[href]:not([inert])", "button:not([inert])", "[tabindex]:not(slot):not([inert])", "audio[controls]:not([inert])", "video[controls]:not([inert])", '[contenteditable]:not([contenteditable="false"]):not([inert])', "details>summary:first-of-type:not([inert])", "details:not([inert])"], Ht = /* @__PURE__ */ Ra.join(","), Fa = typeof Element > "u", Ze = Fa ? function() {
+} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, Vt = !Fa && Element.prototype.getRootNode ? function(t) {
   var e;
   return t == null || (e = t.getRootNode) === null || e === void 0 ? void 0 : e.call(t);
 } : function(t) {
@@ -5133,12 +5133,12 @@ var Ma = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
 }, no = function(e) {
   var n, r = e == null || (n = e.getAttribute) === null || n === void 0 ? void 0 : n.call(e, "contenteditable");
   return r === "" || r === "true";
-}, Fa = function(e, n, r) {
+}, Oa = function(e, n, r) {
   if (Yt(e))
     return [];
   var s = Array.prototype.slice.apply(e.querySelectorAll(Ht));
   return n && Ze.call(e, Ht) && s.unshift(e), s = s.filter(r), s;
-}, Oa = function t(e, n, r) {
+}, Aa = function t(e, n, r) {
   for (var s = [], i = Array.from(e); i.length; ) {
     var o = i.shift();
     if (!Yt(o, !1))
@@ -5164,21 +5164,21 @@ var Ma = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
       }
   }
   return s;
-}, Aa = function(e) {
+}, Da = function(e) {
   return !isNaN(parseInt(e.getAttribute("tabindex"), 10));
 }, De = function(e) {
   if (!e)
     throw new Error("No node provided");
-  return e.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName) || no(e)) && !Aa(e) ? 0 : e.tabIndex;
+  return e.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName) || no(e)) && !Da(e) ? 0 : e.tabIndex;
 }, ro = function(e, n) {
   var r = De(e);
-  return r < 0 && n && !Aa(e) ? 0 : r;
+  return r < 0 && n && !Da(e) ? 0 : r;
 }, ao = function(e, n) {
   return e.tabIndex === n.tabIndex ? e.documentOrder - n.documentOrder : e.tabIndex - n.tabIndex;
-}, Da = function(e) {
+}, Ia = function(e) {
   return e.tagName === "INPUT";
 }, so = function(e) {
-  return Da(e) && e.type === "hidden";
+  return Ia(e) && e.type === "hidden";
 }, io = function(e) {
   var n = e.tagName === "DETAILS" && Array.prototype.slice.apply(e.children).some(function(r) {
     return r.tagName === "SUMMARY";
@@ -5205,7 +5205,7 @@ var Ma = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   var i = oo(s, e.form);
   return !i || i === e;
 }, lo = function(e) {
-  return Da(e) && e.type === "radio";
+  return Ia(e) && e.type === "radio";
 }, uo = function(e) {
   return lo(e) && !co(e);
 }, fo = function(e) {
@@ -5284,39 +5284,39 @@ var Ma = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   }), r.sort(ao).reduce(function(s, i) {
     return i.isScope ? s.push.apply(s, i.content) : s.push(i.content), s;
   }, []).concat(n);
-}, Ia = function(e, n) {
+}, La = function(e, n) {
   n = n || {};
   var r;
-  return n.getShadowRoot ? r = Oa([e], n.includeContainer, {
+  return n.getShadowRoot ? r = Aa([e], n.includeContainer, {
     filter: Yn.bind(null, n),
     flatten: !1,
     getShadowRoot: n.getShadowRoot,
     shadowRootFilter: ho
-  }) : r = Fa(e, n.includeContainer, Yn.bind(null, n)), go(r);
-}, La = function(e, n) {
+  }) : r = Oa(e, n.includeContainer, Yn.bind(null, n)), go(r);
+}, Ba = function(e, n) {
   n = n || {};
   var r;
-  return n.getShadowRoot ? r = Oa([e], n.includeContainer, {
+  return n.getShadowRoot ? r = Aa([e], n.includeContainer, {
     filter: Kt.bind(null, n),
     flatten: !0,
     getShadowRoot: n.getShadowRoot
-  }) : r = Fa(e, n.includeContainer, Kt.bind(null, n)), r;
+  }) : r = Oa(e, n.includeContainer, Kt.bind(null, n)), r;
 }, Ue = function(e, n) {
   if (n = n || {}, !e)
     throw new Error("No node provided");
   return Ze.call(e, Ht) === !1 ? !1 : Yn(n, e);
-}, vo = /* @__PURE__ */ Ma.concat("iframe").join(","), Ut = function(e, n) {
+}, vo = /* @__PURE__ */ Ra.concat("iframe").join(","), Ut = function(e, n) {
   if (n = n || {}, !e)
     throw new Error("No node provided");
   return Ze.call(e, vo) === !1 ? !1 : Kt(n, e);
 };
 const bo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  focusable: La,
+  focusable: Ba,
   getTabIndex: De,
   isFocusable: Ut,
   isTabbable: Ue,
-  tabbable: Ia
+  tabbable: La
 }, Symbol.toStringTag, { value: "Module" }));
 /*!
 * focus-trap 7.5.4
@@ -5492,7 +5492,7 @@ var Yr = {
     return j;
   }, f = function() {
     if (o.containerGroups = o.containers.map(function(j) {
-      var k = Ia(j, i.tabbableOptions), N = La(j, i.tabbableOptions), F = k.length > 0 ? k[0] : void 0, U = k.length > 0 ? k[k.length - 1] : void 0, H = N.find(function(T) {
+      var k = La(j, i.tabbableOptions), N = Ba(j, i.tabbableOptions), F = k.length > 0 ? k[0] : void 0, U = k.length > 0 ? k[k.length - 1] : void 0, H = N.find(function(T) {
         return Ue(T);
       }), z = N.slice().reverse().find(function(T) {
         return Ue(T);
@@ -5770,7 +5770,7 @@ function Po(t, e) {
 function Qr(t, e) {
   for (var n = 0; n < e.length; n++) {
     var r = e[n];
-    r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), Object.defineProperty(t, Ba(r.key), r);
+    r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), Object.defineProperty(t, qa(r.key), r);
   }
 }
 function Mo(t, e, n) {
@@ -5828,9 +5828,9 @@ function Gt(t) {
   }, Gt(t);
 }
 function Do(t, e, n) {
-  return e = Ba(e), e in t ? Object.defineProperty(t, e, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = n, t;
+  return e = qa(e), e in t ? Object.defineProperty(t, e, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = n, t;
 }
-function Ba(t) {
+function qa(t) {
   var e = Io(t, "string");
   return tt(e) === "symbol" ? e : String(e);
 }
@@ -6090,7 +6090,7 @@ rr.defaultProps = {
 };
 var Wo = rr;
 const zo = /* @__PURE__ */ da(Wo), Zo = ({ showDevTools: t = !0, children: e }) => {
-  const n = new Cs({
+  const n = new Ns({
     // default options we would like on all queries can be overridden individually
     defaultOptions: {
       queries: {
@@ -6101,9 +6101,9 @@ const zo = /* @__PURE__ */ da(Wo), Zo = ({ showDevTools: t = !0, children: e })
       }
     }
   });
-  return /* @__PURE__ */ a.jsxs(Ns, { client: n, children: [
+  return /* @__PURE__ */ a.jsxs($s, { client: n, children: [
     e,
-    t && /* @__PURE__ */ a.jsx(Ps, { initialIsOpen: !1 })
+    t && /* @__PURE__ */ a.jsx(Ms, { initialIsOpen: !1 })
   ] });
 };
 var Ho = jt({ client: Bt });
@@ -6137,8 +6137,8 @@ const Yo = ({ children: t, user: e }) => e.isLoading ? null : process.env.REACT_
     ...ri[r],
     ...n || {}
   };
-  return /* @__PURE__ */ a.jsx(Es, { locale: r, messages: s, children: t });
-}, qa = jt({}), Sn = {
+  return /* @__PURE__ */ a.jsx(Ss, { locale: r, messages: s, children: t });
+}, Ua = jt({}), Sn = {
   en: "English",
   es: "Español",
   fr: "Français",
@@ -6147,12 +6147,12 @@ const Yo = ({ children: t, user: e }) => e.isLoading ? null : process.env.REACT_
 function ar() {
   return Se(Ae);
 }
-const Go = ({ children: t, user: e }) => /* @__PURE__ */ a.jsx(Ae.Provider, { value: e, children: t }), Ua = jt({
+const Go = ({ children: t, user: e }) => /* @__PURE__ */ a.jsx(Ae.Provider, { value: e, children: t }), Wa = jt({
   registerOverlay: () => {
   },
   unregisterOverlay: () => {
   }
-}), Qo = () => Se(Ua), Jo = ({ children: t }) => {
+}), Qo = () => Se(Wa), Jo = ({ children: t }) => {
   const [e, n] = K([]);
   ae(() => {
     e.length > 0 ? document.body.classList.add("has-overlay") : document.body.classList.remove("has-overlay");
@@ -6162,7 +6162,7 @@ const Go = ({ children: t, user: e }) => /* @__PURE__ */ a.jsx(Ae.Provider, { va
   }, []), s = Wt((i) => {
     n((o) => o.filter((c) => c !== i));
   }, []);
-  return /* @__PURE__ */ a.jsx(Ua.Provider, { value: { registerOverlay: r, unregisterOverlay: s }, children: t });
+  return /* @__PURE__ */ a.jsx(Wa.Provider, { value: { registerOverlay: r, unregisterOverlay: s }, children: t });
 }, Yl = ({ bootstrap: t, children: e, intl: n, showDevTools: r }) => {
   const [s, i] = K({ isLoading: !0 }), o = (n == null ? void 0 : n.locale) || localStorage.getItem("language") || "en", [c, u] = K(o), l = (d) => {
     localStorage.setItem("language", d), u(d);
@@ -6173,16 +6173,16 @@ const Go = ({ children: t, user: e }) => /* @__PURE__ */ a.jsx(Ae.Provider, { va
     }).catch((d) => {
       d.message === Ks && window.location.pathname !== "/user-onboarding/logout" && (window.location.href = "/user-onboarding/logout"), i({ isLoading: !1 });
     });
-  }, []), /* @__PURE__ */ a.jsx(qa.Provider, { value: { language: c, updateLanguage: l }, children: /* @__PURE__ */ a.jsx(
+  }, []), /* @__PURE__ */ a.jsx(Ua.Provider, { value: { language: c, updateLanguage: l }, children: /* @__PURE__ */ a.jsx(
     Ko,
     {
       locale: c,
       messages: n == null ? void 0 : n.messages,
-      children: /* @__PURE__ */ a.jsx(Ms, { children: /* @__PURE__ */ a.jsx(Go, { user: s, children: /* @__PURE__ */ a.jsx(Jo, { children: /* @__PURE__ */ a.jsx(Zo, { showDevTools: r, children: /* @__PURE__ */ a.jsx(Yo, { user: s, children: e }) }) }) }) })
+      children: /* @__PURE__ */ a.jsx(Rs, { children: /* @__PURE__ */ a.jsx(Go, { user: s, children: /* @__PURE__ */ a.jsx(Jo, { children: /* @__PURE__ */ a.jsx(Zo, { showDevTools: r, children: /* @__PURE__ */ a.jsx(Yo, { user: s, children: e }) }) }) }) })
     }
   ) });
 };
-const Wa = ({ element: t = "section", children: e, className: n, ...r }) => V.createElement(t, {
+const za = ({ element: t = "section", children: e, className: n, ...r }) => V.createElement(t, {
   className: E("modal", n),
   children: typeof e == "string" ? /* @__PURE__ */ a.jsx("p", { children: e }) : e,
   ...r
@@ -6216,7 +6216,7 @@ const on = ({
   }), [e]);
   const S = r ? { "--max-width": `${r / 16}rem` } : {};
   return /* @__PURE__ */ a.jsx("div", { className: E("overlay", { open: h }), role: "dialog", children: /* @__PURE__ */ a.jsx(
-    Wa,
+    za,
     {
       id: t,
       className: E("overlay-modal", d, {
@@ -6516,14 +6516,14 @@ const eu = ({ text: t, buttons: e, className: n = "" }) => {
     /* @__PURE__ */ a.jsx(Tt, { buttons: r })
   ] }) });
 };
-function za({ href: t, setShowModal: e }) {
+function Za({ href: t, setShowModal: e }) {
   typeof t != "string" && e(!0);
 }
 const nc = ({ icon: t, description: e, ctaMessage: n, href: r, showEditButton: s, setShowModal: i }) => {
   const { formatMessage: o } = Z();
   return /* @__PURE__ */ a.jsxs("div", { className: E("edit-section-placeholder", { "has-icon": !!t }), style: Gs(t), children: [
     /* @__PURE__ */ a.jsx("p", { children: e || o({ id: "edit_section_placeholder_description" }) }),
-    s && /* @__PURE__ */ a.jsx(oe, { href: r, variant: "secondary", size: "small", onClick: () => za({ href: r, setShowModal: i }), children: n || o({ id: "edit_section_placeholder_cta" }) })
+    s && /* @__PURE__ */ a.jsx(oe, { href: r, variant: "secondary", size: "small", onClick: () => Za({ href: r, setShowModal: i }), children: n || o({ id: "edit_section_placeholder_cta" }) })
   ] });
 }, tu = ({
   children: t,
@@ -6563,7 +6563,7 @@ const nc = ({ icon: t, description: e, ctaMessage: n, href: r, showEditButton: s
     ),
     /* @__PURE__ */ a.jsxs("div", { className: "edit-section-header", children: [
       /* @__PURE__ */ a.jsx("h2", { className: "edit-section-header-title", children: s }),
-      d && /* @__PURE__ */ a.jsx(oe, { href: r, variant: "tertiary", size: "small", icon: "pencil", onClick: () => za({ href: r, setShowModal: l }), children: "Edit" })
+      d && /* @__PURE__ */ a.jsx(oe, { href: r, variant: "tertiary", size: "small", icon: "pencil", onClick: () => Za({ href: r, setShowModal: l }), children: "Edit" })
     ] }),
     t || /* @__PURE__ */ a.jsx(nc, { ...o, href: r, setShowModal: l, showEditButton: d }),
     c && /* @__PURE__ */ a.jsx(ze, {})
@@ -6847,7 +6847,7 @@ const iu = ({
     ] });
   }
   if (d && !i || o)
-    return /* @__PURE__ */ a.jsx("p", { className: "details", children: o ? n.formatMessage({ id: "card_bootcamp" }) : ba(d) });
+    return /* @__PURE__ */ a.jsx("p", { className: "details", children: o ? n.formatMessage({ id: "card_bootcamp" }) : ya(d) });
   if (c)
     return /* @__PURE__ */ a.jsx(
       ht,
@@ -7016,7 +7016,7 @@ const cc = {
   text: 3e3,
   secondaryText: 1e3,
   partner: 25
-}, Za = ({
+}, Ha = ({
   id: t = "",
   card: e,
   buildCardData: n,
@@ -7111,7 +7111,7 @@ const cc = {
             }
           ) : null,
           f.contributors && /* @__PURE__ */ a.jsx(
-            Ta,
+            Ea,
             {
               contributors: { data: f.contributors },
               styling: {
@@ -7163,7 +7163,7 @@ const cc = {
 const lc = ({ cards: t, cardTypes: e, className: n = "", ...r }) => /* @__PURE__ */ a.jsx("ul", { className: E("card-block", n), children: t.map((s, i) => {
   const o = s.slug ? `${s.slug}-${e[i]}` : `${e[i]}-${i}`;
   return /* @__PURE__ */ a.jsx(
-    Za,
+    Ha,
     {
       id: o,
       card: { ...s, contentType: e[i] },
@@ -7262,7 +7262,7 @@ const fc = ({
     "--page": h
   };
   if (f)
-    return /* @__PURE__ */ a.jsx(wa, { layout: `carousel${s ? "-with-title" : ""}` });
+    return /* @__PURE__ */ a.jsx(ja, { layout: `carousel${s ? "-with-title" : ""}` });
   const B = (C, $) => {
     var k;
     let j = null;
@@ -7287,7 +7287,7 @@ const fc = ({
             children: e.map((C, $) => {
               let j = B(C, $);
               return j && uc($, m, h, b) ? /* @__PURE__ */ a.jsx(
-                Za,
+                Ha,
                 {
                   id: j,
                   card: { ...C, contentType: n[$] },
@@ -7367,7 +7367,7 @@ const fc = ({
     const d = i ? window.btoa(i) : `carousel-${l}`, m = l === t.length - 1;
     return e ? /* @__PURE__ */ a.jsxs(yt, { children: [
       /* @__PURE__ */ a.jsx(
-        wa,
+        ja,
         {
           layout: `carousel${i ? "-with-title" : ""}`,
           "data-testid": "carousel-placeholder"
@@ -7388,7 +7388,7 @@ const fc = ({
     ] }, `carousel-${d}`);
   }
 );
-const Nn = "joinCommunityButton", Ha = ({
+const Nn = "joinCommunityButton", Va = ({
   isMember: t = !1,
   isShort: e = !1,
   functions: { join: n, leave: r } = { join: () => {
@@ -7439,7 +7439,7 @@ const $n = "communityDetails_", cu = ({
         !m && /* @__PURE__ */ a.jsx("p", { className: "text-small", children: /* @__PURE__ */ a.jsx("a", { href: `/communities/${n}/members`, children: c.formatMessage({ id: `${$n}viewAll` }) }) })
       ] }),
       /* @__PURE__ */ a.jsx(
-        Ta,
+        Ea,
         {
           contributors: {
             total: r,
@@ -7454,7 +7454,7 @@ const $n = "communityDetails_", cu = ({
         }
       )
     ] }),
-    /* @__PURE__ */ a.jsx(Ha, { isMember: e, functions: { ...o } }),
+    /* @__PURE__ */ a.jsx(Va, { isMember: e, functions: { ...o } }),
     e && /* @__PURE__ */ a.jsx(
       oe,
       {
@@ -7554,7 +7554,7 @@ const At = "languageSwitcher_", du = ({
   className: u = ""
 }) => {
   const l = Z(), { updateLanguage: d = () => {
-  } } = Se(qa), [m, f] = K(t);
+  } } = Se(Ua), [m, f] = K(t);
   if (ae(() => {
     t !== m && f(t);
   }, [t]), !r || !Object.values(r).some(
@@ -7612,7 +7612,7 @@ const At = "languageSwitcher_", du = ({
     })
   ] });
 };
-const Pn = Ss({ locale: "en", messages: rt }), cn = ({
+const Pn = Cs({ locale: "en", messages: rt }), cn = ({
   hasNextPage: t = !0,
   loadNextPage: e = () => {
   },
@@ -7654,7 +7654,7 @@ const Pn = Ss({ locale: "en", messages: rt }), cn = ({
     }
   ) : c.endOfFeed && (!d || d != null && d.includes("Cannot read items")) ? /* @__PURE__ */ a.jsx("p", { children: c.endOfFeed }) : d && /* @__PURE__ */ a.jsx("p", { className: "error", children: c.error }) });
 };
-const Va = ({
+const Ya = ({
   variant: t = "default",
   version: e = "default",
   className: n = "",
@@ -8188,10 +8188,10 @@ const Xe = "footer_", Jt = "SiteFooter", Jr = ({ group: t }) => {
       ] })
     ] }, `dl-${t}-${r}`)) })
   ] }, t);
-}, Ya = () => /* @__PURE__ */ a.jsx("div", { id: "footer", children: /* @__PURE__ */ a.jsxs("div", { className: "wrapper", children: [
+}, Ka = () => /* @__PURE__ */ a.jsx("div", { id: "footer", children: /* @__PURE__ */ a.jsxs("div", { className: "wrapper", children: [
   /* @__PURE__ */ a.jsx(Xn, { element: "hr" }),
   /* @__PURE__ */ a.jsx(
-    Va,
+    Ya,
     {
       variant: "inverted",
       version: "full",
@@ -8554,11 +8554,11 @@ const Xe = "footer_", Jt = "SiteFooter", Jr = ({ group: t }) => {
     t
   );
 };
-const jc = { height: 67, height_desktop: 83 }, Ka = ({ showNavigation: t = !0 }) => {
+const jc = { height: 67, height_desktop: 83 }, Ga = ({ showNavigation: t = !0 }) => {
   const e = Z(), n = Se(Ae), r = kt(!0, !0), s = n && typeof n.id == "string", i = wt(
     () => fe.getIsDesktopVersion(s, r),
     [s, r]
-  ), [o, c] = Qn(ha, {
+  ), [o, c] = Qn(ga, {
     headerIsVisible: !0,
     menus: { navigation: !1, search: !1, account: !1 },
     focusElements: {
@@ -8568,7 +8568,7 @@ const jc = { height: 67, height_desktop: 83 }, Ka = ({ showNavigation: t = !0 })
   }), { headerIsVisible: u, menus: l, focusElements: d } = o, m = pe(o);
   ae(() => {
     m.current = o;
-  }, [o]), zs({
+  }, [o]), Zs({
     scrollPosition: jc[`height${i.navigation ? "_desktop" : ""}`],
     callbacks: {
       scrollUp: () => {
@@ -8629,7 +8629,7 @@ const jc = { height: 67, height_desktop: 83 }, Ka = ({ showNavigation: t = !0 })
               children: e.formatMessage({ id: "header_skip" })
             }
           ),
-          /* @__PURE__ */ a.jsx(Va, { variant: "monochrome" }),
+          /* @__PURE__ */ a.jsx(Ya, { variant: "monochrome" }),
           t && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
             !i.navigation && /* @__PURE__ */ a.jsx(
               "button",
@@ -8746,7 +8746,7 @@ const jc = { height: 67, height_desktop: 83 }, Ka = ({ showNavigation: t = !0 })
 const kc = () => {
   const t = Z();
   return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    /* @__PURE__ */ a.jsx(Ka, {}),
+    /* @__PURE__ */ a.jsx(Ga, {}),
     /* @__PURE__ */ a.jsx("div", { id: "content", children: /* @__PURE__ */ a.jsx(
       He,
       {
@@ -8754,7 +8754,7 @@ const kc = () => {
         text: t.formatMessage({ id: "pageLayout_error" })
       }
     ) }),
-    /* @__PURE__ */ a.jsx(Ya, {})
+    /* @__PURE__ */ a.jsx(Ka, {})
   ] });
 }, Tc = ({
   children: t,
@@ -8770,7 +8770,7 @@ const kc = () => {
     variant: m = "default",
     circle: f = "default",
     modal: p = "default"
-  } = i, v = Us();
+  } = i, v = Ws();
   ae(() => {
     window.scrollTo(0, 0);
   }, [v]);
@@ -8779,13 +8779,13 @@ const kc = () => {
   }), _ = qt(n, {
     locale: c
   }), w = {};
-  return d !== "default" && (w[d] = !0), m !== "default" && (w[m] = !0), f !== "default" && (w[f] = !0), /* @__PURE__ */ a.jsx(Fs, { onError: r, fallback: /* @__PURE__ */ a.jsx(kc, {}), children: /* @__PURE__ */ a.jsx(ks, { fallback: null, children: /* @__PURE__ */ a.jsxs(
+  return d !== "default" && (w[d] = !0), m !== "default" && (w[m] = !0), f !== "default" && (w[f] = !0), /* @__PURE__ */ a.jsx(Os, { onError: r, fallback: /* @__PURE__ */ a.jsx(kc, {}), children: /* @__PURE__ */ a.jsx(Ts, { fallback: null, children: /* @__PURE__ */ a.jsxs(
     "div",
     {
       id: "wrapper",
       className: E(o, w, { "has-footer": l }),
       children: [
-        /* @__PURE__ */ a.jsx(Ka, { showNavigation: u }),
+        /* @__PURE__ */ a.jsx(Ga, { showNavigation: u }),
         /* @__PURE__ */ a.jsxs("main", { id: "content-wrapper", children: [
           b && /* @__PURE__ */ a.jsx(
             "div",
@@ -8796,14 +8796,14 @@ const kc = () => {
               children: b
             }
           ),
-          V.createElement(d === "bold" ? Wa : "div", {
+          V.createElement(d === "bold" ? za : "div", {
             id: "content",
             children: h,
             className: E({ "large-modal": p === "large" })
           })
         ] }),
         _ && /* @__PURE__ */ a.jsx("div", { className: "additional-content appended", children: _ }),
-        l && /* @__PURE__ */ a.jsx(Ya, {}),
+        l && /* @__PURE__ */ a.jsx(Ka, {}),
         /* @__PURE__ */ a.jsx(wc, {})
       ]
     }
@@ -8945,7 +8945,7 @@ const bu = ({
         }
       ),
       /* @__PURE__ */ a.jsx(
-        _a,
+        xa,
         {
           progress: l,
           styling: {
@@ -9292,7 +9292,7 @@ const we = "discussion_form_", ir = ({
         ),
         /* @__PURE__ */ a.jsx(be, { element: "label", showOnFocus: !1, htmlFor: `${y}-input`, children: $e(d.formatMessage, `${we}label`, t.type, "action") }),
         /* @__PURE__ */ a.jsx(
-          Os,
+          As,
           {
             ref: r,
             id: `${y}-input`,
@@ -9340,7 +9340,7 @@ const we = "discussion_form_", ir = ({
       ]
     }
   );
-}, Ga = ({
+}, Qa = ({
   form: t,
   membershipRequiredToPost: { isMember: e, required: n, join: r, leave: s, notMemberStateText: i }
 }) => {
@@ -9351,7 +9351,7 @@ const we = "discussion_form_", ir = ({
         text: i,
         button: {
           breakpoints: { mobile: !0, 901: !1 },
-          component: /* @__PURE__ */ a.jsx(Ha, { isShort: !0, functions: { join: r, leave: s } })
+          component: /* @__PURE__ */ a.jsx(Va, { isShort: !0, functions: { join: r, leave: s } })
         }
       }
     );
@@ -9575,7 +9575,7 @@ const Me = "discussion_", Fc = 280, un = ({
   const ee = b ? et(F.body, Fc) : F.body, G = async (D) => {
     D || (D = ""), I("");
     try {
-      if (!As(D, F.body)) {
+      if (!Ds(D, F.body)) {
         const te = e.type === "question" ? { title: D } : { body: D };
         await u(ea(e.slugs), te);
       }
@@ -9885,7 +9885,7 @@ const Ac = ({
       ]
     }
   );
-}, Dc = "post", Ic = "reply", Qa = "00000000-0000-0000-0000-000000000000";
+}, Dc = "post", Ic = "reply", Ja = "00000000-0000-0000-0000-000000000000";
 function cr({ queryClient: t, queryKey: e }) {
   function n(r, s, i) {
     t.setQueryData(e, i);
@@ -9932,7 +9932,7 @@ function Bc() {
     }
   };
 }
-function Ja(t) {
+function Xa(t) {
   const { id: e = "", name: n = "", organization: r = "", jobTitle: s = "", image: i = {} } = t, { thumbnail: o = "" } = i;
   return {
     id: e,
@@ -9947,7 +9947,7 @@ function Ja(t) {
 function qc({ content: t }) {
   return {
     content: t,
-    id: Qa,
+    id: Ja,
     time: (/* @__PURE__ */ new Date()).toISOString(),
     verb: Dc
   };
@@ -9955,7 +9955,7 @@ function qc({ content: t }) {
 function ta({ activity: t, user: e }) {
   return {
     ...t,
-    actor: Ja(e),
+    actor: Xa(e),
     ...Lc()
   };
 }
@@ -9972,7 +9972,7 @@ function tn({ activity: t, reaction: e }) {
     like: (n = t.reaction_counts) != null && n.like ? t.reaction_counts.like + 1 : 1
   };
 }
-function Xa({ activity: t, user: e }) {
+function es({ activity: t, user: e }) {
   var n, r, s;
   t.reaction_counts = {
     ...t.reaction_counts || {},
@@ -9991,13 +9991,13 @@ function Uc({ activityId: t, replyId: e, content: n }) {
     data: {
       content: n
     },
-    id: Qa,
+    id: Ja,
     kind: Ic,
     parent: e || ""
   };
 }
 function na({ reply: t, user: e }) {
-  const n = Ja(e);
+  const n = Xa(e);
   return {
     ...t,
     user_id: n.id,
@@ -10031,14 +10031,14 @@ function Wc({ reply: t, user: e }) {
     like: (((s = t.own_children) == null ? void 0 : s.like) || []).filter(({ user_id: i }) => i !== e.id)
   });
 }
-const es = (t) => {
+const ts = (t) => {
   const e = new CustomEvent("discussionPostAdded", {
     detail: t
   });
   document.dispatchEvent(e);
 };
 let aa, qn = 0;
-const ts = () => {
+const ns = () => {
   ae(() => (document.addEventListener("discussionPostAdded", t), () => {
     document.removeEventListener(
       "discussionPostAdded",
@@ -10077,7 +10077,7 @@ const ts = () => {
     thumbnail: "https://some-user-thumbnail.com/avatar2.png"
   },
   isLoading: !1
-}), ns = Object.freeze({
+}), rs = Object.freeze({
   actor: `SU:${nt.id}`,
   content: "some content 1",
   duration: "5.53ms",
@@ -10120,7 +10120,7 @@ const ts = () => {
 });
 Object.freeze({
   id: "some-reaction-id-1",
-  activity_id: ns.id,
+  activity_id: rs.id,
   kind: "like",
   created_at: "2023-11-24T17:58:36.162000",
   data: {},
@@ -10150,7 +10150,7 @@ Object.freeze({
     updated_at: "2023-08-31T07:11:38.677184Z"
   },
   kind: "reply",
-  activity_id: ns.id,
+  activity_id: rs.id,
   data: {
     content: "Some content 1..."
   },
@@ -10235,7 +10235,7 @@ function Vc({
     onSuccess: (c, u, l) => {
       const d = ta({ activity: c, user: i });
       r.setQueryData(s, sa(d, l, !0)), setTimeout(() => {
-        es(d.id);
+        ts(d.id);
       }, 0);
     }
   });
@@ -10360,7 +10360,7 @@ function Xc({
     mutationFn: t,
     onMutate: ({ activityId: i }) => e((o) => {
       const c = nn(i, o);
-      return c && Xa({ activity: c, user: r }), o;
+      return c && es({ activity: c, user: r }), o;
     }),
     onError: n
   });
@@ -10415,9 +10415,9 @@ const xu = ({
     queryKey: [t, e, "activities"],
     queryFns: r
   });
-  return ts(), u ? /* @__PURE__ */ a.jsx(He, { variant: "error", text: u.message }) : /* @__PURE__ */ a.jsxs("section", { children: [
+  return ns(), u ? /* @__PURE__ */ a.jsx(He, { variant: "error", text: u.message }) : /* @__PURE__ */ a.jsxs("section", { children: [
     /* @__PURE__ */ a.jsx(
-      Ga,
+      Qa,
       {
         form: {
           content: { type: "post", slugs: {} },
@@ -11088,7 +11088,7 @@ function nl({
         s,
         ia(d, l, { replace: !0, append: (u == null ? void 0 : u.replyId) !== void 0 })
       ), setTimeout(() => {
-        es(d.id);
+        ts(d.id);
       }, 0);
     }
   });
@@ -11111,7 +11111,7 @@ function rl({
   });
   return r;
 }
-function rs({
+function as({
   queryFns: {
     create: t,
     edit: e,
@@ -11276,14 +11276,16 @@ const ml = ({
     isLoading: m,
     mutations: { create: f, edit: p, like: v, remove: h, unlike: b },
     user: _
-  } = rs({
+  } = as({
     queryKey: [t, e, n, r, "replies"],
     queryFns: {
       ...i,
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       list: (y) => i.list({ ...y, reactionId: r })
     }
-  }), [w, S] = K(!0);
+  });
+  ha([m]);
+  const [w, S] = K(!0);
   return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     (u == null ? void 0 : u.length) >= c && /* @__PURE__ */ a.jsx(
       oe,
@@ -11410,14 +11412,14 @@ const pl = ({
     isLoading: f,
     mutations: { create: p, edit: v, like: h, remove: b, unlike: _ },
     user: w
-  } = rs({
+  } = as({
     queryKey: [t, e, n, "replies"],
     queryFns: s
   });
-  return Zs(), ts(), /* @__PURE__ */ a.jsxs("section", { className: "replies-feed", children: [
+  return ha([f]), ns(), /* @__PURE__ */ a.jsxs("section", { className: "replies-feed", children: [
     /* @__PURE__ */ a.jsx(Oc, { type: "comment", responses: l }),
     /* @__PURE__ */ a.jsx(
-      Ga,
+      Qa,
       {
         form: {
           content: { type: "reply", slugs: {} },
@@ -11545,7 +11547,7 @@ function gl({ queryFn: t, queryKey: e }) {
     error: r,
     isLoading: s,
     isFetching: i
-  } = $s({
+  } = Ps({
     queryFn: t,
     queryKey: e
   });
@@ -11613,7 +11615,7 @@ function yl({
 }) {
   const { mutate: s } = je({
     mutationFn: t,
-    onMutate: (i) => e((o) => (o && Xa({ activity: o, user: r }), o)),
+    onMutate: (i) => e((o) => (o && es({ activity: o, user: r }), o)),
     onError: n
   });
   return s;
@@ -11814,7 +11816,7 @@ export {
   Le as ASSETS_BUCKET,
   xu as ActivitiesFeed,
   ju as ActivitySection,
-  Ga as AddPost,
+  Qa as AddPost,
   Xl as Banner,
   ru as BannerSection,
   lu as Breadcrumbs,
@@ -11823,7 +11825,7 @@ export {
   Tt as ButtonWrapper,
   Ct as COURSE_CONTENT_TYPES,
   Zo as CacheProvider,
-  Za as Card,
+  Ha as Card,
   lc as CardBlock,
   ou as Carousel,
   tr as CollapsibleSection,
@@ -11832,7 +11834,7 @@ export {
   pu as ContactFooter,
   Li as ContactForm,
   di as ContentTypeLabel,
-  Ta as Contributors,
+  Ea as Contributors,
   or as ConversationContext,
   wc as CookieBanner,
   bu as CourseProgression,
@@ -11852,11 +11854,11 @@ export {
   He as EmptyStateBox,
   uu as Filters,
   Yo as FlagsProvider,
-  Ya as Footer,
+  Ka as Footer,
   sn as Form,
   Ye as FullWidthSection,
   Yl as GlobalProviders,
-  Ka as Header,
+  Ga as Header,
   fi as HelperTextBox,
   Xn as HiddenFromScreenReaders,
   mi as HideShowTextBox,
@@ -11868,8 +11870,8 @@ export {
   Ko as IntlProvider,
   Bi as InviteForm,
   Kl as InviteModal,
-  Ha as JoinButton,
-  qa as LanguageContext,
+  Va as JoinButton,
+  Ua as LanguageContext,
   du as LanguageSwitcher,
   Sc as LessonName,
   Cc as LessonType,
@@ -11877,22 +11879,22 @@ export {
   cn as LoadMore,
   Ul as LoadingBlock,
   Ce as LoadingPlaceholder,
-  wa as LoadingState,
-  Va as Logo,
+  ja as LoadingState,
+  Ya as Logo,
   nu as LogoSection,
   _u as MarkCompleteButton,
   xt as MarkdownText,
   iu as MarketingBlock,
   an as Member,
   vu as MembersList,
-  Wa as Modal,
+  za as Modal,
   pc as MoreMenu,
   Al as NUMBER_OF_COUNTRIES,
   Ol as NUMBER_OF_USERS,
   vc as NavigationMenu,
   Tu as NotFoundError,
   on as Overlay,
-  Ua as OverlayContext,
+  Wa as OverlayContext,
   Jo as OverlayProvider,
   wi as PageHeading,
   Tc as PageLayout,
@@ -11901,7 +11903,7 @@ export {
   ht as Pill,
   Zl as ProfileImageChange,
   Ve as ProfilePicture,
-  _a as ProgressBar,
+  xa as ProgressBar,
   Il as ProgressTracker,
   Wl as Rating,
   pl as RepliesFeed,
@@ -11925,13 +11927,13 @@ export {
   Go as UserProvider,
   be as VisuallyHidden,
   Xo as addAriaProps,
-  ha as basicReducer,
+  ga as basicReducer,
   Hs as camelCaseToDashCase,
   er as checkIntlPathExists,
   _n as generateConditions,
   Gs as generateCssIcon,
-  ba as getLongDate,
-  ka as getMember,
+  ya as getLongDate,
+  Ta as getMember,
   Qs as getShortDate,
   Xt as headerData,
   ku as mapGetStreamData,
@@ -11941,11 +11943,11 @@ export {
   Sn as supportedLanguages,
   Vs as toCamelCase,
   Ys as toSentenceCase,
-  Us as useCurrentPath,
+  Ws as useCurrentPath,
   _t as useEffectAfterMount,
   kt as useElementWidth,
   Qo as useOverlay,
-  zs as useScrollListener,
-  Zs as useScrollToHash,
+  Zs as useScrollListener,
+  ha as useScrollToHash,
   ar as useUser
 };