@apolitical/component-library 2.1.1 → 2.1.2-ac.1

package/index.mjs

@@ -54,14 +54,14 @@ var zr = { exports: {} };
   })();
 })(zr);
 var is = zr.exports;
-const E = /* @__PURE__ */ Pn(is), os = ({
+const T = /* @__PURE__ */ Pn(is), os = ({
   element: e = "span",
   showOnFocus: t = !0,
   children: n,
   ...r
 }) => z.createElement(e, {
   ...r,
-  className: E("hidden", { "show-on-focus": t }),
+  className: T("hidden", { "show-on-focus": t }),
   children: n
 }), _e = Oe(os), cs = ({
   element: e = "span",
@@ -85,14 +85,14 @@ function ls() {
   lr = 1;
   var e = z, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, s = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
   function c(o, u, d) {
-    var f, l = {}, m = null, h = null;
-    d !== void 0 && (m = "" + d), u.key !== void 0 && (m = "" + u.key), u.ref !== void 0 && (h = u.ref);
+    var f, l = {}, m = null, p = null;
+    d !== void 0 && (m = "" + d), u.key !== void 0 && (m = "" + u.key), u.ref !== void 0 && (p = u.ref);
     for (f in u)
       r.call(u, f) && !i.hasOwnProperty(f) && (l[f] = u[f]);
     if (o && o.defaultProps)
       for (f in u = o.defaultProps, u)
         l[f] === void 0 && (l[f] = u[f]);
-    return { $$typeof: t, type: o, key: m, ref: h, props: l, _owner: s.current };
+    return { $$typeof: t, type: o, key: m, ref: p, props: l, _owner: s.current };
   }
   return Je.Fragment = n, Je.jsx = c, Je.jsxs = c, Je;
 }
@@ -109,58 +109,58 @@ var Xe = {};
 var dr;
 function ds() {
   return dr || (dr = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = z, t = 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"), c = Symbol.for("react.provider"), o = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), l = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), h = Symbol.for("react.offscreen"), _ = Symbol.iterator, g = "@@iterator";
-    function v(p) {
-      if (p === null || typeof p != "object")
+    var e = z, t = 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"), c = Symbol.for("react.provider"), o = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), l = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), g = Symbol.iterator, _ = "@@iterator";
+    function v(h) {
+      if (h === null || typeof h != "object")
         return null;
-      var S = _ && p[_] || p[g];
+      var S = g && h[g] || h[_];
       return typeof S == "function" ? S : null;
     }
     var b = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function y(p) {
+    function y(h) {
       {
         for (var S = arguments.length, R = new Array(S > 1 ? S - 1 : 0), Q = 1; Q < S; Q++)
           R[Q - 1] = arguments[Q];
-        j("error", p, R);
+        j("error", h, R);
       }
     }
-    function j(p, S, R) {
+    function j(h, S, R) {
       {
         var Q = b.ReactDebugCurrentFrame, oe = Q.getStackAddendum();
         oe !== "" && (S += "%s", R = R.concat([oe]));
         var fe = R.map(function(ae) {
           return String(ae);
         });
-        fe.unshift("Warning: " + S), Function.prototype.apply.call(console[p], console, fe);
+        fe.unshift("Warning: " + S), Function.prototype.apply.call(console[h], console, fe);
       }
     }
-    var w = !1, x = !1, O = !1, $ = !1, T = !1, P;
+    var w = !1, x = !1, O = !1, $ = !1, E = !1, P;
     P = Symbol.for("react.module.reference");
-    function A(p) {
-      return !!(typeof p == "string" || typeof p == "function" || p === r || p === i || T || p === s || p === d || p === f || $ || p === h || w || x || O || typeof p == "object" && p !== null && (p.$$typeof === m || p.$$typeof === l || p.$$typeof === c || p.$$typeof === o || p.$$typeof === u || // This needs to include all possible module reference object
+    function A(h) {
+      return !!(typeof h == "string" || typeof h == "function" || h === r || h === i || E || h === s || h === d || h === f || $ || h === p || w || x || O || typeof h == "object" && h !== null && (h.$$typeof === m || h.$$typeof === l || h.$$typeof === c || h.$$typeof === o || h.$$typeof === u || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      p.$$typeof === P || p.getModuleId !== void 0));
+      h.$$typeof === P || h.getModuleId !== void 0));
     }
-    function F(p, S, R) {
-      var Q = p.displayName;
+    function F(h, S, R) {
+      var Q = h.displayName;
       if (Q)
         return Q;
       var oe = S.displayName || S.name || "";
       return oe !== "" ? R + "(" + oe + ")" : R;
     }
-    function ue(p) {
-      return p.displayName || "Context";
+    function ue(h) {
+      return h.displayName || "Context";
     }
-    function L(p) {
-      if (p == null)
+    function L(h) {
+      if (h == null)
         return null;
-      if (typeof p.tag == "number" && y("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof p == "function")
-        return p.displayName || p.name || null;
-      if (typeof p == "string")
-        return p;
-      switch (p) {
+      if (typeof h.tag == "number" && y("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof h == "function")
+        return h.displayName || h.name || null;
+      if (typeof h == "string")
+        return h;
+      switch (h) {
         case r:
           return "Fragment";
         case n:
@@ -174,21 +174,21 @@ function ds() {
         case f:
           return "SuspenseList";
       }
-      if (typeof p == "object")
-        switch (p.$$typeof) {
+      if (typeof h == "object")
+        switch (h.$$typeof) {
           case o:
-            var S = p;
+            var S = h;
             return ue(S) + ".Consumer";
           case c:
-            var R = p;
+            var R = h;
             return ue(R._context) + ".Provider";
           case u:
-            return F(p, p.render, "ForwardRef");
+            return F(h, h.render, "ForwardRef");
           case l:
-            var Q = p.displayName || null;
-            return Q !== null ? Q : L(p.type) || "Memo";
+            var Q = h.displayName || null;
+            return Q !== null ? Q : L(h.type) || "Memo";
           case m: {
-            var oe = p, fe = oe._payload, ae = oe._init;
+            var oe = h, fe = oe._payload, ae = oe._init;
             try {
               return L(ae(fe));
             } catch {
@@ -206,20 +206,20 @@ function ds() {
       {
         if (G === 0) {
           Z = console.log, U = console.info, te = console.warn, ie = console.error, k = console.group, C = console.groupCollapsed, D = console.groupEnd;
-          var p = {
+          var h = {
             configurable: !0,
             enumerable: !0,
             value: I,
             writable: !0
           };
           Object.defineProperties(console, {
-            info: p,
-            log: p,
-            warn: p,
-            error: p,
-            group: p,
-            groupCollapsed: p,
-            groupEnd: p
+            info: h,
+            log: h,
+            warn: h,
+            error: h,
+            group: h,
+            groupCollapsed: h,
+            groupEnd: h
           });
         }
         G++;
@@ -228,31 +228,31 @@ function ds() {
     function K() {
       {
         if (G--, G === 0) {
-          var p = {
+          var h = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: V({}, p, {
+            log: V({}, h, {
               value: Z
             }),
-            info: V({}, p, {
+            info: V({}, h, {
               value: U
             }),
-            warn: V({}, p, {
+            warn: V({}, h, {
               value: te
             }),
-            error: V({}, p, {
+            error: V({}, h, {
               value: ie
             }),
-            group: V({}, p, {
+            group: V({}, h, {
               value: k
             }),
-            groupCollapsed: V({}, p, {
+            groupCollapsed: V({}, h, {
               value: C
             }),
-            groupEnd: V({}, p, {
+            groupEnd: V({}, h, {
               value: D
             })
           });
@@ -261,7 +261,7 @@ function ds() {
       }
     }
     var H = b.ReactCurrentDispatcher, q;
-    function Y(p, S, R) {
+    function Y(h, S, R) {
       {
         if (q === void 0)
           try {
@@ -271,7 +271,7 @@ function ds() {
             q = Q && Q[1] || "";
           }
         return `
-` + q + p;
+` + q + h;
       }
     }
     var J = !1, M;
@@ -279,11 +279,11 @@ function ds() {
       var re = typeof WeakMap == "function" ? WeakMap : Map;
       M = new re();
     }
-    function N(p, S) {
-      if (!p || J)
+    function N(h, S) {
+      if (!h || J)
         return "";
       {
-        var R = M.get(p);
+        var R = M.get(h);
         if (R !== void 0)
           return R;
       }
@@ -308,14 +308,14 @@ function ds() {
             } catch (Ne) {
               Q = Ne;
             }
-            Reflect.construct(p, [], ae);
+            Reflect.construct(h, [], ae);
           } else {
             try {
               ae.call();
             } catch (Ne) {
               Q = Ne;
             }
-            p.call(ae.prototype);
+            h.call(ae.prototype);
           }
         } else {
           try {
@@ -323,7 +323,7 @@ function ds() {
           } catch (Ne) {
             Q = Ne;
           }
-          p();
+          h();
         }
       } catch (Ne) {
         if (Ne && Q && typeof Ne.stack == "string") {
@@ -338,7 +338,7 @@ function ds() {
                   if (pe--, he--, he < 0 || ne[pe] !== be[he]) {
                     var ke = `
 ` + ne[pe].replace(" at new ", " at ");
-                    return p.displayName && ke.includes("<anonymous>") && (ke = ke.replace("<anonymous>", p.displayName)), typeof p == "function" && M.set(p, ke), ke;
+                    return h.displayName && ke.includes("<anonymous>") && (ke = ke.replace("<anonymous>", h.displayName)), typeof h == "function" && M.set(h, ke), ke;
                   }
                 while (pe >= 1 && he >= 0);
               break;
@@ -347,37 +347,37 @@ function ds() {
       } finally {
         J = !1, H.current = fe, K(), Error.prepareStackTrace = oe;
       }
-      var ze = p ? p.displayName || p.name : "", ir = ze ? Y(ze) : "";
-      return typeof p == "function" && M.set(p, ir), ir;
+      var ze = h ? h.displayName || h.name : "", ir = ze ? Y(ze) : "";
+      return typeof h == "function" && M.set(h, ir), ir;
     }
-    function ge(p, S, R) {
-      return N(p, !1);
+    function ge(h, S, R) {
+      return N(h, !1);
     }
-    function Me(p) {
-      var S = p.prototype;
+    function Me(h) {
+      var S = h.prototype;
       return !!(S && S.isReactComponent);
     }
-    function Se(p, S, R) {
-      if (p == null)
+    function Se(h, S, R) {
+      if (h == null)
         return "";
-      if (typeof p == "function")
-        return N(p, Me(p));
-      if (typeof p == "string")
-        return Y(p);
-      switch (p) {
+      if (typeof h == "function")
+        return N(h, Me(h));
+      if (typeof h == "string")
+        return Y(h);
+      switch (h) {
         case d:
           return Y("Suspense");
         case f:
           return Y("SuspenseList");
       }
-      if (typeof p == "object")
-        switch (p.$$typeof) {
+      if (typeof h == "object")
+        switch (h.$$typeof) {
           case u:
-            return ge(p.render);
+            return ge(h.render);
           case l:
-            return Se(p.type, S, R);
+            return Se(h.type, S, R);
           case m: {
-            var Q = p, oe = Q._payload, fe = Q._init;
+            var Q = h, oe = Q._payload, fe = Q._init;
             try {
               return Se(fe(oe), S, R);
             } catch {
@@ -387,25 +387,25 @@ function ds() {
       return "";
     }
     var Ie = Object.prototype.hasOwnProperty, Yn = {}, Gn = b.ReactDebugCurrentFrame;
-    function ft(p) {
-      if (p) {
-        var S = p._owner, R = Se(p.type, p._source, S ? S.type : null);
+    function ft(h) {
+      if (h) {
+        var S = h._owner, R = Se(h.type, h._source, S ? S.type : null);
         Gn.setExtraStackFrame(R);
       } else
         Gn.setExtraStackFrame(null);
     }
-    function Ta(p, S, R, Q, oe) {
+    function Ta(h, S, R, Q, oe) {
       {
         var fe = Function.call.bind(Ie);
-        for (var ae in p)
-          if (fe(p, ae)) {
+        for (var ae in h)
+          if (fe(h, ae)) {
             var ne = void 0;
             try {
-              if (typeof p[ae] != "function") {
-                var be = Error((Q || "React class") + ": " + R + " type `" + ae + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof p[ae] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof h[ae] != "function") {
+                var be = Error((Q || "React class") + ": " + R + " type `" + ae + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof h[ae] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw be.name = "Invariant Violation", be;
               }
-              ne = p[ae](S, ae, Q, R, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              ne = h[ae](S, ae, Q, R, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (pe) {
               ne = pe;
             }
@@ -414,28 +414,28 @@ function ds() {
       }
     }
     var Ea = Array.isArray;
-    function Bt(p) {
-      return Ea(p);
+    function Bt(h) {
+      return Ea(h);
     }
-    function Sa(p) {
+    function Sa(h) {
       {
-        var S = typeof Symbol == "function" && Symbol.toStringTag, R = S && p[Symbol.toStringTag] || p.constructor.name || "Object";
+        var S = typeof Symbol == "function" && Symbol.toStringTag, R = S && h[Symbol.toStringTag] || h.constructor.name || "Object";
         return R;
       }
     }
-    function Ca(p) {
+    function Ca(h) {
       try {
-        return Kn(p), !1;
+        return Kn(h), !1;
       } catch {
         return !0;
       }
     }
-    function Kn(p) {
-      return "" + p;
+    function Kn(h) {
+      return "" + h;
     }
-    function Qn(p) {
-      if (Ca(p))
-        return y("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Sa(p)), Kn(p);
+    function Qn(h) {
+      if (Ca(h))
+        return y("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Sa(h)), Kn(h);
     }
     var Qe = b.ReactCurrentOwner, $a = {
       key: !0,
@@ -444,56 +444,56 @@ function ds() {
       __source: !0
     }, Jn, Xn, qt;
     qt = {};
-    function Ma(p) {
-      if (Ie.call(p, "ref")) {
-        var S = Object.getOwnPropertyDescriptor(p, "ref").get;
+    function Ma(h) {
+      if (Ie.call(h, "ref")) {
+        var S = Object.getOwnPropertyDescriptor(h, "ref").get;
         if (S && S.isReactWarning)
           return !1;
       }
-      return p.ref !== void 0;
+      return h.ref !== void 0;
     }
-    function Na(p) {
-      if (Ie.call(p, "key")) {
-        var S = Object.getOwnPropertyDescriptor(p, "key").get;
+    function Na(h) {
+      if (Ie.call(h, "key")) {
+        var S = Object.getOwnPropertyDescriptor(h, "key").get;
         if (S && S.isReactWarning)
           return !1;
       }
-      return p.key !== void 0;
+      return h.key !== void 0;
     }
-    function Ra(p, S) {
-      if (typeof p.ref == "string" && Qe.current && S && Qe.current.stateNode !== S) {
+    function Ra(h, S) {
+      if (typeof h.ref == "string" && Qe.current && S && Qe.current.stateNode !== S) {
         var R = L(Qe.current.type);
-        qt[R] || (y('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', L(Qe.current.type), p.ref), qt[R] = !0);
+        qt[R] || (y('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', L(Qe.current.type), h.ref), qt[R] = !0);
       }
     }
-    function Pa(p, S) {
+    function Pa(h, S) {
       {
         var R = function() {
           Jn || (Jn = !0, y("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", S));
         };
-        R.isReactWarning = !0, Object.defineProperty(p, "key", {
+        R.isReactWarning = !0, Object.defineProperty(h, "key", {
           get: R,
           configurable: !0
         });
       }
     }
-    function Aa(p, S) {
+    function Aa(h, S) {
       {
         var R = function() {
           Xn || (Xn = !0, y("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", S));
         };
-        R.isReactWarning = !0, Object.defineProperty(p, "ref", {
+        R.isReactWarning = !0, Object.defineProperty(h, "ref", {
           get: R,
           configurable: !0
         });
       }
     }
-    var Oa = function(p, S, R, Q, oe, fe, ae) {
+    var Oa = function(h, S, R, Q, oe, fe, ae) {
       var ne = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
-        type: p,
+        type: h,
         key: S,
         ref: R,
         props: ae,
@@ -517,53 +517,53 @@ function ds() {
         value: oe
       }), Object.freeze && (Object.freeze(ne.props), Object.freeze(ne)), ne;
     };
-    function Fa(p, S, R, Q, oe) {
+    function Fa(h, S, R, Q, oe) {
       {
         var fe, ae = {}, ne = null, be = null;
         R !== void 0 && (Qn(R), ne = "" + R), Na(S) && (Qn(S.key), ne = "" + S.key), Ma(S) && (be = S.ref, Ra(S, oe));
         for (fe in S)
           Ie.call(S, fe) && !$a.hasOwnProperty(fe) && (ae[fe] = S[fe]);
-        if (p && p.defaultProps) {
-          var pe = p.defaultProps;
+        if (h && h.defaultProps) {
+          var pe = h.defaultProps;
           for (fe in pe)
             ae[fe] === void 0 && (ae[fe] = pe[fe]);
         }
         if (ne || be) {
-          var he = typeof p == "function" ? p.displayName || p.name || "Unknown" : p;
+          var he = typeof h == "function" ? h.displayName || h.name || "Unknown" : h;
           ne && Pa(ae, he), be && Aa(ae, he);
         }
-        return Oa(p, ne, be, oe, Q, Qe.current, ae);
+        return Oa(h, ne, be, oe, Q, Qe.current, ae);
       }
     }
     var zt = b.ReactCurrentOwner, er = b.ReactDebugCurrentFrame;
-    function qe(p) {
-      if (p) {
-        var S = p._owner, R = Se(p.type, p._source, S ? S.type : null);
+    function qe(h) {
+      if (h) {
+        var S = h._owner, R = Se(h.type, h._source, S ? S.type : null);
         er.setExtraStackFrame(R);
       } else
         er.setExtraStackFrame(null);
     }
     var Zt;
     Zt = !1;
-    function Ut(p) {
-      return typeof p == "object" && p !== null && p.$$typeof === t;
+    function Ut(h) {
+      return typeof h == "object" && h !== null && h.$$typeof === t;
     }
     function tr() {
       {
         if (zt.current) {
-          var p = L(zt.current.type);
-          if (p)
+          var h = L(zt.current.type);
+          if (h)
             return `
 
-Check the render method of \`` + p + "`.";
+Check the render method of \`` + h + "`.";
         }
         return "";
       }
     }
-    function La(p) {
+    function La(h) {
       {
-        if (p !== void 0) {
-          var S = p.fileName.replace(/^.*[\\\/]/, ""), R = p.lineNumber;
+        if (h !== void 0) {
+          var S = h.fileName.replace(/^.*[\\\/]/, ""), R = h.lineNumber;
           return `
 
 Check your code at ` + S + ":" + R + ".";
@@ -572,11 +572,11 @@ Check your code at ` + S + ":" + R + ".";
       }
     }
     var nr = {};
-    function Da(p) {
+    function Da(h) {
       {
         var S = tr();
         if (!S) {
-          var R = typeof p == "string" ? p : p.displayName || p.name;
+          var R = typeof h == "string" ? h : h.displayName || h.name;
           R && (S = `
 
 Check the top-level render call using <` + R + ">.");
@@ -584,41 +584,41 @@ Check the top-level render call using <` + R + ">.");
         return S;
       }
     }
-    function rr(p, S) {
+    function rr(h, S) {
       {
-        if (!p._store || p._store.validated || p.key != null)
+        if (!h._store || h._store.validated || h.key != null)
           return;
-        p._store.validated = !0;
+        h._store.validated = !0;
         var R = Da(S);
         if (nr[R])
           return;
         nr[R] = !0;
         var Q = "";
-        p && p._owner && p._owner !== zt.current && (Q = " It was passed a child from " + L(p._owner.type) + "."), qe(p), y('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', R, Q), qe(null);
+        h && h._owner && h._owner !== zt.current && (Q = " It was passed a child from " + L(h._owner.type) + "."), qe(h), y('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', R, Q), qe(null);
       }
     }
-    function ar(p, S) {
+    function ar(h, S) {
       {
-        if (typeof p != "object")
+        if (typeof h != "object")
           return;
-        if (Bt(p))
-          for (var R = 0; R < p.length; R++) {
-            var Q = p[R];
+        if (Bt(h))
+          for (var R = 0; R < h.length; R++) {
+            var Q = h[R];
             Ut(Q) && rr(Q, S);
           }
-        else if (Ut(p))
-          p._store && (p._store.validated = !0);
-        else if (p) {
-          var oe = v(p);
-          if (typeof oe == "function" && oe !== p.entries)
-            for (var fe = oe.call(p), ae; !(ae = fe.next()).done; )
+        else if (Ut(h))
+          h._store && (h._store.validated = !0);
+        else if (h) {
+          var oe = v(h);
+          if (typeof oe == "function" && oe !== h.entries)
+            for (var fe = oe.call(h), ae; !(ae = fe.next()).done; )
               Ut(ae.value) && rr(ae.value, S);
         }
       }
     }
-    function Ia(p) {
+    function Ia(h) {
       {
-        var S = p.type;
+        var S = h.type;
         if (S == null || typeof S == "string")
           return;
         var R;
@@ -632,7 +632,7 @@ Check the top-level render call using <` + R + ">.");
           return;
         if (R) {
           var Q = L(S);
-          Ta(R, p.props, "prop", Q, p);
+          Ta(R, h.props, "prop", Q, h);
         } else if (S.PropTypes !== void 0 && !Zt) {
           Zt = !0;
           var oe = L(S);
@@ -641,30 +641,30 @@ Check the top-level render call using <` + R + ">.");
         typeof S.getDefaultProps == "function" && !S.getDefaultProps.isReactClassApproved && y("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Ba(p) {
+    function Ba(h) {
       {
-        for (var S = Object.keys(p.props), R = 0; R < S.length; R++) {
+        for (var S = Object.keys(h.props), R = 0; R < S.length; R++) {
           var Q = S[R];
           if (Q !== "children" && Q !== "key") {
-            qe(p), y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", Q), qe(null);
+            qe(h), y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", Q), qe(null);
             break;
           }
         }
-        p.ref !== null && (qe(p), y("Invalid attribute `ref` supplied to `React.Fragment`."), qe(null));
+        h.ref !== null && (qe(h), y("Invalid attribute `ref` supplied to `React.Fragment`."), qe(null));
       }
     }
-    function sr(p, S, R, Q, oe, fe) {
+    function sr(h, S, R, Q, oe, fe) {
       {
-        var ae = A(p);
+        var ae = A(h);
         if (!ae) {
           var ne = "";
-          (p === void 0 || typeof p == "object" && p !== null && Object.keys(p).length === 0) && (ne += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          (h === void 0 || typeof h == "object" && h !== null && Object.keys(h).length === 0) && (ne += " 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 be = La(oe);
           be ? ne += be : ne += tr();
           var pe;
-          p === null ? pe = "null" : Bt(p) ? pe = "array" : p !== void 0 && p.$$typeof === t ? (pe = "<" + (L(p.type) || "Unknown") + " />", ne = " Did you accidentally export a JSX literal instead of a component?") : pe = typeof p, y("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", pe, ne);
+          h === null ? pe = "null" : Bt(h) ? pe = "array" : h !== void 0 && h.$$typeof === t ? (pe = "<" + (L(h.type) || "Unknown") + " />", ne = " Did you accidentally export a JSX literal instead of a component?") : pe = typeof h, y("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", pe, ne);
         }
-        var he = Fa(p, S, R, oe, fe);
+        var he = Fa(h, S, R, oe, fe);
         if (he == null)
           return he;
         if (ae) {
@@ -673,21 +673,21 @@ Check the top-level render call using <` + R + ">.");
             if (Q)
               if (Bt(ke)) {
                 for (var ze = 0; ze < ke.length; ze++)
-                  ar(ke[ze], p);
+                  ar(ke[ze], h);
                 Object.freeze && Object.freeze(ke);
               } else
                 y("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              ar(ke, p);
+              ar(ke, h);
         }
-        return p === r ? Ba(he) : Ia(he), he;
+        return h === r ? Ba(he) : Ia(he), he;
       }
     }
-    function qa(p, S, R) {
-      return sr(p, S, R, !0);
+    function qa(h, S, R) {
+      return sr(h, S, R, !0);
     }
-    function za(p, S, R) {
-      return sr(p, S, R, !1);
+    function za(h, S, R) {
+      return sr(h, S, R, !1);
     }
     var Za = za, Ua = qa;
     Xe.Fragment = r, Xe.jsx = Za, Xe.jsxs = Ua;
@@ -712,11 +712,11 @@ const us = () => {
 function fs(e, t, n) {
   var r = this, s = me(null), i = me(0), c = me(null), o = me([]), u = me(), d = me(), f = me(e), l = me(!0);
   f.current = e;
-  var m = typeof window < "u", h = !t && t !== 0 && m;
+  var m = typeof window < "u", p = !t && t !== 0 && m;
   if (typeof e != "function")
     throw new TypeError("Expected a function");
   t = +t || 0;
-  var _ = !!(n = n || {}).leading, g = !("trailing" in n) || !!n.trailing, v = "maxWait" in n, b = "debounceOnServer" in n && !!n.debounceOnServer, y = v ? Math.max(+n.maxWait || 0, t) : null;
+  var g = !!(n = n || {}).leading, _ = !("trailing" in n) || !!n.trailing, v = "maxWait" in n, b = "debounceOnServer" in n && !!n.debounceOnServer, y = v ? Math.max(+n.maxWait || 0, t) : null;
   se(function() {
     return l.current = !0, function() {
       l.current = !1;
@@ -727,15 +727,15 @@ function fs(e, t, n) {
       var F = o.current, ue = u.current;
       return o.current = u.current = null, i.current = A, d.current = f.current.apply(ue, F);
     }, x = function(A, F) {
-      h && cancelAnimationFrame(c.current), c.current = h ? requestAnimationFrame(A) : setTimeout(A, F);
+      p && cancelAnimationFrame(c.current), c.current = p ? requestAnimationFrame(A) : setTimeout(A, F);
     }, O = function(A) {
       if (!l.current)
         return !1;
       var F = A - s.current;
       return !s.current || F >= t || F < 0 || v && A - i.current >= y;
     }, $ = function(A) {
-      return c.current = null, g && o.current ? w(A) : (o.current = u.current = null, d.current);
-    }, T = function A() {
+      return c.current = null, _ && o.current ? w(A) : (o.current = u.current = null, d.current);
+    }, E = function A() {
       var F = Date.now();
       if (O(F))
         return $(F);
@@ -748,21 +748,21 @@ function fs(e, t, n) {
         var A = Date.now(), F = O(A);
         if (o.current = [].slice.call(arguments), u.current = r, s.current = A, F) {
           if (!c.current && l.current)
-            return i.current = s.current, x(T, t), _ ? w(s.current) : d.current;
+            return i.current = s.current, x(E, t), g ? w(s.current) : d.current;
           if (v)
-            return x(T, t), w(s.current);
+            return x(E, t), w(s.current);
         }
-        return c.current || x(T, t), d.current;
+        return c.current || x(E, t), d.current;
       }
     };
     return P.cancel = function() {
-      c.current && (h ? cancelAnimationFrame(c.current) : clearTimeout(c.current)), i.current = 0, o.current = s.current = u.current = c.current = null;
+      c.current && (p ? cancelAnimationFrame(c.current) : clearTimeout(c.current)), i.current = 0, o.current = s.current = u.current = c.current = null;
     }, P.isPending = function() {
       return !!c.current;
     }, P.flush = function() {
       return c.current ? $(Date.now()) : d.current;
     }, P;
-  }, [_, v, t, y, g, h, m, b]);
+  }, [g, v, t, y, _, p, m, b]);
   return j;
 }
 function Zr(e, t, n) {
@@ -817,8 +817,8 @@ const lt = (e = !0, t = !1, n = "window") => {
     d.flush(), window.removeEventListener("scroll", d);
   }), []);
   const u = () => {
-    const f = window.scrollY, l = s.current, m = f - l, h = m > 0 ? "down" : "up";
-    if (i({ current: f, past: l }), h === "down") {
+    const f = window.scrollY, l = s.current, m = f - l, p = m > 0 ? "down" : "up";
+    if (i({ current: f, past: l }), p === "down") {
       f >= e + t.down && !c.scrollDown && (!c.scrollUp || m > t.up) && (n(), o({ scrollUp: !1, scrollDown: !0 }));
       return;
     }
@@ -1344,16 +1344,16 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   children: f = !1,
   ...l
 }) => {
-  const h = lt(typeof t == "object");
-  if (typeof t == "object" && typeof h == "number") {
+  const p = lt(typeof t == "object");
+  if (typeof t == "object" && typeof p == "number") {
     const v = Object.assign({}, t), b = Hr(Object.keys(v));
-    t = Wr(h, b, v);
+    t = Wr(p, b, v);
   }
-  const _ = [];
-  typeof t == "string" && _.push(t), r && (_.push("icon"), typeof r == "object" ? (_.push(r.icon), r.position ? _.push(r.position) : _.push("left"), r.hover && _.push(`hover_${r.hover}`), r.animate && (_.push("animate"), typeof r.animate == "string" && _.push(r.animate))) : (_.push(r), !r.includes("right") && !r.includes("left") && _.push("left"))), n.muted && _.push("muted"), n.fullWidth && _.push("full-width");
-  const g = {
+  const g = [];
+  typeof t == "string" && g.push(t), r && (g.push("icon"), typeof r == "object" ? (g.push(r.icon), r.position ? g.push(r.position) : g.push("left"), r.hover && g.push(`hover_${r.hover}`), r.animate && (g.push("animate"), typeof r.animate == "string" && g.push(r.animate))) : (g.push(r), !r.includes("right") && !r.includes("left") && g.push("left"))), n.muted && g.push("muted"), n.fullWidth && g.push("full-width");
+  const _ = {
     ...l,
-    className: E(e, o, _, {
+    className: T(e, o, g, {
       "no-text": !f,
       disabled: u,
       button: s
@@ -1363,22 +1363,22 @@ Thank you for helping to protect the Apolitical community from abusive content.`
     },
     disabled: typeof u == "object" && "isClickable" in u ? !u.isClickable : u
   };
-  return s && (i = "a", g.href = s), z.createElement(
+  return s && (i = "a", _.href = s), z.createElement(
     i,
-    g,
+    _,
     f || (d ? /* @__PURE__ */ a.jsx(_e, { showOnFocus: !1, children: d }) : null)
   );
 }, At = ({ buttons: e, className: t = "", ...n }) => {
   const r = e.length > 1 ? "ul" : "p", s = e.map((i, c) => r === "p" ? /* @__PURE__ */ a.jsx(ee, { ...i }, c) : /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(ee, { ...i }) }, c));
   return z.createElement(r, {
-    className: E("button-wrapper", t),
+    className: T("button-wrapper", t),
     ...n,
     children: s
   });
 };
 const Ae = ({ className: e = "", maxWidth: t = !1 }) => {
   const n = t ? { "--max-width": `${t / 16}rem` } : {};
-  return /* @__PURE__ */ a.jsx("hr", { className: E(e, { "has-max-width": t }), style: n });
+  return /* @__PURE__ */ a.jsx("hr", { className: T(e, { "has-max-width": t }), style: n });
 }, ur = {
   card: {
     range: [
@@ -1509,23 +1509,23 @@ const Ot = ({ image: e, className: t, testId: n }) => {
     loading: d,
     decoding: f,
     fetchPriority: l
-  } = e, { range: m, sizes: h } = Ss(e), _ = Wt({ format: "avif", query: c, range: m, url: o }), g = Wt({ format: "webp", query: c, range: m, url: o }), v = Wt({ format: "", query: c, range: m, url: o });
+  } = e, { range: m, sizes: p } = Ss(e), g = Wt({ format: "avif", query: c, range: m, url: o }), _ = Wt({ format: "webp", query: c, range: m, url: o }), v = Wt({ format: "", query: c, range: m, url: o });
   return /* @__PURE__ */ a.jsxs("picture", { className: t, children: [
     i !== "image/gif" && /* @__PURE__ */ a.jsx(
       "source",
       {
         type: "image/avif",
-        srcSet: _,
-        sizes: h,
+        srcSet: g,
+        sizes: p,
         "data-testid": "source"
       }
     ),
-    /* @__PURE__ */ a.jsx("source", { type: "image/webp", srcSet: g, sizes: h, "data-testid": "source" }),
+    /* @__PURE__ */ a.jsx("source", { type: "image/webp", srcSet: _, sizes: p, "data-testid": "source" }),
     /* @__PURE__ */ a.jsx(
       "img",
       {
         srcSet: v,
-        sizes: h,
+        sizes: p,
         src: o,
         alt: r,
         loading: d || "lazy",
@@ -1557,11 +1557,47 @@ const kc = ({ image: e, className: t, testId: n }) => /* @__PURE__ */ a.jsx(
 }) => {
   if (e) {
     const u = { ...o };
-    return s && (u.onClick = s), i && (u["data-gtm-event-context"] = i), c && (u["data-gtm-event-type"] = c), /* @__PURE__ */ a.jsx("a", { href: e, className: E("gtm-trackable", r), ...u, children: t });
+    return s && (u.onClick = s), i && (u["data-gtm-event-context"] = i), c && (u["data-gtm-event-type"] = c), /* @__PURE__ */ a.jsx("a", { href: e, className: T("gtm-trackable", r), ...u, children: t });
   }
   return n ? z.createElement(n, { children: t, className: r, ...o }) : t;
 };
-const Tc = ({ elementId: e, offset: t = 20 }) => {
+const Tc = ({ currentStep: e = 1, steps: t = 1 }) => {
+  const [n, r] = X([]);
+  return se(() => {
+    const s = [];
+    for (let i = 1; i < t + 1; i++)
+      s.push(i);
+    r(s);
+  }, [t]), /* @__PURE__ */ a.jsx("div", { className: "navigation-dots-wrapper", children: /* @__PURE__ */ a.jsx("div", { className: "dots-wrapper", children: n.map((s) => /* @__PURE__ */ a.jsxs(
+    "div",
+    {
+      className: "dot-wrapper",
+      "aria-label": `Step ${e} of ${s}`,
+      children: [
+        /* @__PURE__ */ a.jsx(
+          "div",
+          {
+            className: T("dot", {
+              active: s === e,
+              completed: s < e
+            }),
+            "data-testid": "navigation-dot"
+          }
+        ),
+        /* @__PURE__ */ a.jsx(
+          "div",
+          {
+            className: T("line", {
+              active: s < e
+            })
+          }
+        )
+      ]
+    },
+    s
+  )) }) });
+};
+const Ec = ({ elementId: e, offset: t = 20 }) => {
   const n = W(), r = () => {
     const s = document.getElementById(e);
     if (!s)
@@ -1606,14 +1642,14 @@ const $s = ({ isOpen: e = !1, isLoading: t = !1, children: n }) => {
     "aside",
     {
       ref: s,
-      className: E("tooltip text-medium", i, { loading: t }),
+      className: T("tooltip text-medium", i, { loading: t }),
       hidden: i === "hidden",
       children: t ? /* @__PURE__ */ a.jsx("p", { children: r.formatMessage({ id: "tooltip_loading" }) }) : typeof n == "string" ? /* @__PURE__ */ a.jsx("p", { children: n }) : n
     }
   );
 };
-const Ge = ({ children: e, className: t = "", ...n }) => /* @__PURE__ */ a.jsx("section", { className: E("full-width-section", t), ...n, children: e });
-const Ec = ({ text: e, buttons: t, className: n = "" }) => {
+const Ge = ({ children: e, className: t = "", ...n }) => /* @__PURE__ */ a.jsx("section", { className: T("full-width-section", t), ...n, children: e });
+const Sc = ({ text: e, buttons: t, className: n = "" }) => {
   const r = [];
   return t.forEach((s) => {
     r.push({
@@ -1626,7 +1662,7 @@ const Ec = ({ text: e, buttons: t, className: n = "" }) => {
       target: "_blank",
       children: s.text
     });
-  }), /* @__PURE__ */ a.jsx(Ge, { className: E("download-section", n), children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+  }), /* @__PURE__ */ a.jsx(Ge, { className: T("download-section", n), children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     z.createElement(
       typeof e == "string" ? "h2" : e.element,
       { className: "text" },
@@ -1640,11 +1676,11 @@ function Gr({ href: e, setShowModal: t }) {
 }
 const Ms = ({ icon: e, description: t, ctaMessage: n, href: r, showEditButton: s, setShowModal: i }) => {
   const { formatMessage: c } = W();
-  return /* @__PURE__ */ a.jsxs("div", { className: E("edit-section-placeholder", { "has-icon": !!e }), style: gs(e), children: [
+  return /* @__PURE__ */ a.jsxs("div", { className: T("edit-section-placeholder", { "has-icon": !!e }), style: gs(e), children: [
     /* @__PURE__ */ a.jsx("p", { children: t || c({ id: "edit_section_placeholder_description" }) }),
     s && /* @__PURE__ */ a.jsx(ee, { href: r, variant: "secondary", size: "small", onClick: () => Gr({ href: r, setShowModal: i }), children: n || c({ id: "edit_section_placeholder_cta" }) })
   ] });
-}, Sc = ({
+}, Cc = ({
   children: e,
   className: t = "",
   formProps: n,
@@ -1655,7 +1691,7 @@ const Ms = ({ icon: e, description: t, ctaMessage: n, href: r, showEditButton: s
   showDivider: o = !0
 }) => {
   const [u, d] = z.useState(!1), f = typeof r == "string" || !!n, l = () => d(!1);
-  return /* @__PURE__ */ a.jsxs("section", { className: E("edit-section", t), children: [
+  return /* @__PURE__ */ a.jsxs("section", { className: T("edit-section", t), children: [
     n && /* @__PURE__ */ a.jsx(
       Zn,
       {
@@ -1664,7 +1700,7 @@ const Ms = ({ icon: e, description: t, ctaMessage: n, href: r, showEditButton: s
         showDivider: !1,
         showIcon: !1,
         functions: { onClose: l },
-        className: E("edit-section-modal"),
+        className: T("edit-section-modal"),
         children: /* @__PURE__ */ a.jsx(Dn, { ...n, fields: n.fields, meta: {
           ...n == null ? void 0 : n.meta,
           shouldShowCancelButton: !0
@@ -1682,7 +1718,7 @@ const Ms = ({ icon: e, description: t, ctaMessage: n, href: r, showEditButton: s
     o && /* @__PURE__ */ a.jsx(Ae, {})
   ] });
 };
-const Cc = ({
+const $c = ({
   title: e = !1,
   logos: t = [],
   className: n = ""
@@ -1694,12 +1730,12 @@ const Cc = ({
     element: typeof e == "object" ? e.element : "h2",
     text: typeof e == "string" ? e : typeof e == "object" ? e.text : ""
   };
-  return /* @__PURE__ */ a.jsxs("div", { className: E("logos", n), children: [
+  return /* @__PURE__ */ a.jsxs("div", { className: T("logos", n), children: [
     e && z.createElement(s.element, { className: "title" }, s.text),
     /* @__PURE__ */ a.jsx(
       "ul",
       {
-        className: E({
+        className: T({
           "two-col": r === 2 || r === 4,
           "three-col": r === 5 || r <= 10 && r % 3 === 0
         }),
@@ -1761,8 +1797,8 @@ const Ns = [
     if (!i[l]) {
       if (typeof t[l] == "object") {
         f[l] = t[l];
-        const { text: m, element: h } = t[l];
-        if (h && Ns.includes(h.toLowerCase()))
+        const { text: m, element: p } = t[l];
+        if (p && Ns.includes(p.toLowerCase()))
           return;
         f[l] = {
           text: m,
@@ -1782,7 +1818,7 @@ const Ns = [
   }), /* @__PURE__ */ a.jsx(
     Ge,
     {
-      className: E("banner-section", r, s, e, {
+      className: T("banner-section", r, s, e, {
         "has-image": n,
         "has-extra-spacing": s === "normal" && f.eyebrow && f.title
       }),
@@ -1790,8 +1826,8 @@ const Ns = [
         /* @__PURE__ */ a.jsxs("div", { className: "content-wrapper", children: [
           u.map((l) => {
             if (f[l] && typeof f[l] == "object") {
-              const { text: m, element: h = "" } = f[l];
-              return l === "text" ? /* @__PURE__ */ a.jsx(xn, { overrideType: "text-only", className: "text", children: m }, l) : z.createElement(h, { key: l, className: l }, m);
+              const { text: m, element: p = "" } = f[l];
+              return l === "text" ? /* @__PURE__ */ a.jsx(xn, { overrideType: "text-only", className: "text", children: m }, l) : z.createElement(p, { key: l, className: l }, m);
             }
             return null;
           }),
@@ -1811,7 +1847,7 @@ const Ns = [
       ] })
     }
   );
-}, $c = Oe(Rs);
+}, Mc = Oe(Rs);
 const Ps = ({
   alignImage: e = "left",
   className: t,
@@ -1819,11 +1855,11 @@ const Ps = ({
   image: r
 }) => {
   const s = () => typeof n == "string" ? /* @__PURE__ */ a.jsx(Ye, { children: n }) : n;
-  return /* @__PURE__ */ a.jsxs(Ge, { className: E("highlight-section", t), children: [
+  return /* @__PURE__ */ a.jsxs(Ge, { className: T("highlight-section", t), children: [
     r && /* @__PURE__ */ a.jsx(
       "div",
       {
-        className: E("highlight-container highlight-image", {
+        className: T("highlight-container highlight-image", {
           [`highlight-image-${e}`]: e === "right"
         }),
         children: /* @__PURE__ */ a.jsx(Ot, { image: r })
@@ -1832,13 +1868,13 @@ const Ps = ({
     /* @__PURE__ */ a.jsx(
       "div",
       {
-        className: E("highlight-container highlight-content-wrapper", {
+        className: T("highlight-container highlight-content-wrapper", {
           "no-image": !r
         }),
         children: /* @__PURE__ */ a.jsx(
           "div",
           {
-            className: E("highlight-content", {
+            className: T("highlight-content", {
               "highlight-content-right": e === "left"
             }),
             children: s()
@@ -1847,14 +1883,14 @@ const Ps = ({
       }
     )
   ] });
-}, Mc = Oe(Ps);
-const Nc = ({
+}, Nc = Oe(Ps);
+const Rc = ({
   variant: e = "primary",
   button: t = null,
   title: n,
   text: r,
   gtmContext: s
-}) => !n && !r ? null : /* @__PURE__ */ a.jsxs("aside", { className: E("marketing-block", e), children: [
+}) => !n && !r ? null : /* @__PURE__ */ a.jsxs("aside", { className: T("marketing-block", e), children: [
   n && /* @__PURE__ */ a.jsx("p", { className: "title", children: n }),
   r && /* @__PURE__ */ a.jsx("p", { children: r }),
   t && /* @__PURE__ */ a.jsx(
@@ -1922,7 +1958,7 @@ const Ls = ({ children: e, user: t }) => t.isLoading ? null : process.env.REACT_
 function Fn() {
   return $e(Fe);
 }
-const Is = ({ children: e, user: t }) => /* @__PURE__ */ a.jsx(Fe.Provider, { value: t, children: e }), Rc = ({ bootstrap: e, children: t, intl: n, showDevTools: r }) => {
+const Is = ({ children: e, user: t }) => /* @__PURE__ */ a.jsx(Fe.Provider, { value: t, children: e }), Pc = ({ bootstrap: e, children: t, intl: n, showDevTools: r }) => {
   const [s, i] = X({ isLoading: !0 });
   return se(() => {
     e().then((c) => {
@@ -1932,7 +1968,7 @@ const Is = ({ children: e, user: t }) => /* @__PURE__ */ a.jsx(Fe.Provider, { va
 };
 const Kr = ({ label: e = !1, className: t = "", children: n }) => {
   const r = W();
-  return /* @__PURE__ */ a.jsxs("details", { className: E("collapsible-section", t), children: [
+  return /* @__PURE__ */ a.jsxs("details", { className: T("collapsible-section", t), children: [
     /* @__PURE__ */ a.jsx("summary", { children: e || r.formatMessage({ id: "collapsibleSection_summary" }) }),
     /* @__PURE__ */ a.jsx("div", { className: "content", children: n })
   ] });
@@ -1948,7 +1984,7 @@ const Le = ({
   return /* @__PURE__ */ a.jsx(
     "div",
     {
-      className: E("highlighted-text-box", e, n, {
+      className: T("highlighted-text-box", e, n, {
         "has-icon": t
       }),
       style: i,
@@ -1979,7 +2015,7 @@ const Ke = ({
     Le,
     {
       variant: "subtle",
-      className: E("empty-state-box", e, r),
+      className: T("empty-state-box", e, r),
       children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
         t && /* @__PURE__ */ a.jsx(Ye, { options: { forceBlock: !0 }, children: t }),
         s && typeof n == "object" && (d || /* @__PURE__ */ a.jsx(
@@ -2002,7 +2038,7 @@ const Bs = ({
   className: t = "",
   heading: n = !1,
   children: r
-}) => /* @__PURE__ */ a.jsxs("div", { className: E("helper-text-box text-small", e, t), children: [
+}) => /* @__PURE__ */ a.jsxs("div", { className: T("helper-text-box text-small", e, t), children: [
   n && /* @__PURE__ */ a.jsx("p", { className: "title", children: n }),
   typeof r == "string" ? /* @__PURE__ */ a.jsx(
     Ye,
@@ -2016,7 +2052,7 @@ const Bs = ({
     }
   ) : /* @__PURE__ */ a.jsx("p", { children: r })
 ] });
-const Pc = ({
+const Ac = ({
   className: e = "",
   show: t = !1,
   hide: n = !1,
@@ -2025,25 +2061,25 @@ const Pc = ({
 }) => {
   const i = W(), c = me(null), [o, u] = X(""), [d, f] = X("closed");
   se(() => {
-    const h = c.current;
-    if (h)
-      return h.addEventListener("transitionend", l), () => {
-        h.removeEventListener("transitionend", l);
+    const p = c.current;
+    if (p)
+      return p.addEventListener("transitionend", l), () => {
+        p.removeEventListener("transitionend", l);
       };
   }, []), se(() => {
     if (!r || typeof r != "string")
       return;
-    const h = r.split(`
+    const p = r.split(`
 `);
     u(
-      h.length < 3 ? `${r.substring(0, 400)}...` : h.slice(0, 3).join(`
+      p.length < 3 ? `${r.substring(0, 400)}...` : p.slice(0, 3).join(`
 `)
     );
   }, [r]), se(() => {
     d === "ready-to-close" && f("closing");
   }, [d]);
-  const l = ({ propertyName: h }) => {
-    h === "max-height" && f((_) => _ === "opening" ? "open" : _ === "closing" ? "closed" : _);
+  const l = ({ propertyName: p }) => {
+    p === "max-height" && f((g) => g === "opening" ? "open" : g === "closing" ? "closed" : g);
   };
   if (!r)
     return null;
@@ -2052,9 +2088,9 @@ const Pc = ({
     Le,
     {
       variant: "subtle",
-      className: E("hide-show-text-box", e),
+      className: T("hide-show-text-box", e),
       children: [
-        /* @__PURE__ */ a.jsxs("div", { ref: c, className: E("content", d), children: [
+        /* @__PURE__ */ a.jsxs("div", { ref: c, className: T("content", d), children: [
           /* @__PURE__ */ a.jsx(Ye, { options: { forceBlock: !0 }, children: d === "closed" ? o : r }),
           d !== "closed" && s
         ] }),
@@ -2064,7 +2100,7 @@ const Pc = ({
             variant: "tertiary",
             icon: { icon: "navigation_arrow", position: "left", animate: !0 },
             styling: { muted: !0 },
-            className: E({ "rotate-180": m }),
+            className: T({ "rotate-180": m }),
             onClick: () => {
               f(m ? "ready-to-close" : "opening");
             },
@@ -2209,7 +2245,7 @@ const Ys = {
     forceBlock: !0,
     overrides: Ys[r]
   };
-  return /* @__PURE__ */ a.jsx("div", { className: E("markdown-text", e), children: /* @__PURE__ */ a.jsx(Ye, { options: { ...s, ...t }, children: n }) });
+  return /* @__PURE__ */ a.jsx("div", { className: T("markdown-text", e), children: /* @__PURE__ */ a.jsx(Ye, { options: { ...s, ...t }, children: n }) });
 };
 const Gs = ({
   maxWidth: e = !1,
@@ -2219,8 +2255,8 @@ const Gs = ({
   className: s = ""
 }) => {
   const i = e ? { "--max-width": `${e / 16}rem` } : {};
-  return /* @__PURE__ */ a.jsxs("section", { className: E("page-heading", s), children: [
-    /* @__PURE__ */ a.jsxs("div", { className: E("content", { "has-max-width": e }), style: i, children: [
+  return /* @__PURE__ */ a.jsxs("section", { className: T("page-heading", s), children: [
+    /* @__PURE__ */ a.jsxs("div", { className: T("content", { "has-max-width": e }), style: i, children: [
       t && t.text && z.createElement(t.element || "h1", { className: "title" }, t.text),
       n && n.text && z.createElement(
         n.element || "h2",
@@ -2237,7 +2273,7 @@ const Tt = ({
   className: n = "",
   children: r,
   ...s
-}) => /* @__PURE__ */ a.jsx("span", { className: E("pill", e, t, n), ...s, children: r });
+}) => /* @__PURE__ */ a.jsx("span", { className: T("pill", e, t, n), ...s, children: r });
 const Et = ({
   element: e = "p",
   children: t = null,
@@ -2247,7 +2283,7 @@ const Et = ({
   e,
   {
     ...r,
-    className: E("status-banner text-small", n),
+    className: T("status-banner text-small", n),
     "aria-live": "assertive"
   },
   t
@@ -2256,13 +2292,13 @@ const Ks = ({ author: e, authorCite: t, content: n }) => /* @__PURE__ */ a.jsxs(
   /* @__PURE__ */ a.jsx(Ye, { className: "testimonial", children: n }),
   e && /* @__PURE__ */ a.jsx("p", { className: "author text-small", children: e }),
   t && /* @__PURE__ */ a.jsx("p", { className: "author-cite text-small", children: /* @__PURE__ */ a.jsx("cite", { children: t }) })
-] }), Ac = Oe(Ks);
+] }), Oc = Oe(Ks);
 const Qs = ({ progress: e = 0, text: t = !1, className: n = "" }) => {
   const r = W(), s = e > 75 ? 100 : e > 50 ? 75 : e > 25 ? 50 : e > 5 ? 25 : 0, i = { "--progress": `${e}%` };
   return /* @__PURE__ */ a.jsx(
     "span",
     {
-      className: E(`progress-bar section-${s}`, n),
+      className: T(`progress-bar section-${s}`, n),
       style: i,
       children: /* @__PURE__ */ a.jsx(_e, { children: t ? `${e} ${t}` : r.formatMessage({ id: "progressBar" }, { number: e }) })
     }
@@ -2285,7 +2321,7 @@ const Vt = "loadingBlock_", Xs = ({ progress: e = 0, steps: t = !1, className: n
   return /* @__PURE__ */ a.jsxs(
     Le,
     {
-      className: E("loading-block", n, {
+      className: T("loading-block", n, {
         "has-icon": s && t[s].icon
       }),
       variant: "subtle",
@@ -2296,12 +2332,12 @@ const Vt = "loadingBlock_", Xs = ({ progress: e = 0, steps: t = !1, className: n
       ]
     }
   );
-}, Oc = Oe(Xs);
+}, Fc = Oe(Xs);
 const Ee = ({ element: e = "div", className: t = "", ...n }) => /* @__PURE__ */ a.jsx(
   An,
   {
     element: e,
-    className: E("loading-placeholder", t),
+    className: T("loading-placeholder", t),
     ...n
   }
 );
@@ -2322,7 +2358,7 @@ const wn = {
     "cards-section",
     "footer"
   ]
-}, Jr = (e, t) => e in wn ? /* @__PURE__ */ a.jsx("div", { className: e, children: wn[e].map((n, r) => Jr(n, r)) }, t) : /* @__PURE__ */ a.jsx(Ee, { className: e }, t), Xr = ({ layout: e = "overview-page", ...t }) => /* @__PURE__ */ a.jsx("div", { className: E("loading-state", e), ...t, children: wn[e].map((n, r) => Jr(n, r)) }), ea = (e) => {
+}, Jr = (e, t) => e in wn ? /* @__PURE__ */ a.jsx("div", { className: e, children: wn[e].map((n, r) => Jr(n, r)) }, t) : /* @__PURE__ */ a.jsx(Ee, { className: e }, t), Xr = ({ layout: e = "overview-page", ...t }) => /* @__PURE__ */ a.jsx("div", { className: T("loading-state", e), ...t, children: wn[e].map((n, r) => Jr(n, r)) }), ea = (e) => {
   const t = e && e.toUpperCase().split(" ");
   return Array.isArray(t) && t.length > 1 && t[0] !== "" ? t[1] === "" ? t[0][0] : t[0][0] + t[t.length - 1][0] : e ? e.substr(0, 1) : "";
 }, mt = ["#5AB6A3", "#A2D7AF", "#806056", "#3962B3"], ei = (e) => {
@@ -2351,14 +2387,14 @@ const mr = 256, ut = ({
     const m = l.getContext("2d");
     if (!m)
       return;
-    const h = s, _ = i;
-    typeof window < "u" && window.devicePixelRatio && (l.width = h * window.devicePixelRatio, l.height = _ * window.devicePixelRatio, m.scale(window.devicePixelRatio, window.devicePixelRatio)), m.fillStyle = ei(n), m.fillRect(0, 0, h, _), m.font = `${h / 3}px Arial`, m.textAlign = "center", m.fillStyle = "white", m.fillText(ea(n), h / 2, _ / 1.6);
+    const p = s, g = i;
+    typeof window < "u" && window.devicePixelRatio && (l.width = p * window.devicePixelRatio, l.height = g * window.devicePixelRatio, m.scale(window.devicePixelRatio, window.devicePixelRatio)), m.fillStyle = ei(n), m.fillRect(0, 0, p, g), m.font = `${p / 3}px Arial`, m.textAlign = "center", m.fillStyle = "white", m.fillText(ea(n), p / 2, g / 1.6);
   }, [n]);
   let f = !1;
   return t && t !== "" && !o && (t.includes("http") || t.includes("//")) && (f = !0), /* @__PURE__ */ a.jsx(
     "figure",
     {
-      className: E("profile-picture", e, { error: o }),
+      className: T("profile-picture", e, { error: o }),
       ...c,
       children: f ? /* @__PURE__ */ a.jsx(
         "img",
@@ -2410,24 +2446,24 @@ const Ln = ({
   o.name || (o.name = c.formatMessage({
     id: `member_${typeof t == "string" ? t : "community"}`
   }));
-  const { name: u, url: d, image: f } = o, l = ti(o), m = n && n.createdAt ? bn(n.createdAt) : !1, h = n && n.createdAt ? Vr(n.createdAt) : "";
+  const { name: u, url: d, image: f } = o, l = ti(o), m = n && n.createdAt ? bn(n.createdAt) : !1, p = n && n.createdAt ? Vr(n.createdAt) : "";
   return z.createElement(e, {
-    className: E("member text-medium", i),
+    className: T("member text-medium", i),
     children: /* @__PURE__ */ a.jsxs(
       dt,
       {
         href: d,
         gtmType: s,
         gtmContext: r,
-        onClick: (_) => {
-          _ == null || _.stopPropagation();
+        onClick: (g) => {
+          g == null || g.stopPropagation();
         },
         children: [
           /* @__PURE__ */ a.jsx(ut, { name: u, src: f }),
           /* @__PURE__ */ a.jsxs("p", { className: "details", children: [
             /* @__PURE__ */ a.jsx("strong", { children: u }),
             n && /* @__PURE__ */ a.jsxs("span", { className: "additional-content", children: [
-              n.createdAt && m && /* @__PURE__ */ a.jsx("span", { className: "date", title: h, "aria-label": h, children: c.formatMessage(
+              n.createdAt && m && /* @__PURE__ */ a.jsx("span", { className: "date", title: p, "aria-label": p, children: c.formatMessage(
                 { id: `dates_${m.path}` },
                 { number: m.number }
               ) }),
@@ -2459,37 +2495,37 @@ const pr = {
   const f = W();
   return !n || n.length === 0 ? null : z.createElement(e, {
     ...d,
-    className: E("contributors", u, s, { "has-gap": i }),
+    className: T("contributors", u, s, { "has-gap": i }),
     children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
       /* @__PURE__ */ a.jsx("ul", { children: n.map((l, m) => {
-        let h, _ = "";
+        let p, g = "";
         if (m < o) {
-          const { name: g = "", image: v = "" } = ta(l);
+          const { name: _ = "", image: v = "" } = ta(l);
           if (c)
             return /* @__PURE__ */ a.jsx(Ee, { element: "li", className: "contributor" }, m);
-          h = /* @__PURE__ */ a.jsx(
+          p = /* @__PURE__ */ a.jsx(
             ut,
             {
-              name: g,
+              name: _,
               src: v,
               width: pr[s || "medium"],
               height: pr[s || "medium"]
             }
           );
         } else if (m === o) {
-          const g = (t || n.length) - o;
-          h = /* @__PURE__ */ a.jsxs(
+          const _ = (t || n.length) - o;
+          p = /* @__PURE__ */ a.jsxs(
             "small",
             {
-              className: E({ "large-number": g > 99 }),
+              className: T({ "large-number": _ > 99 }),
               children: [
                 "+",
-                ks(g, 0)
+                ks(_, 0)
               ]
             }
-          ), _ = "number-left";
+          ), g = "number-left";
         }
-        return h ? /* @__PURE__ */ a.jsx("li", { className: E("contributor", _), children: h }, m) : null;
+        return p ? /* @__PURE__ */ a.jsx("li", { className: T("contributor", g), children: p }, m) : null;
       }) }),
       r && /* @__PURE__ */ a.jsx("span", { className: "label", children: typeof r == "string" ? r : n.length === 1 ? typeof n[0] == "string" ? f.formatMessage({ id: `member_${n[0]}` }) : He(n[0].name || "", 20) : null })
     ] })
@@ -2611,17 +2647,17 @@ const pr = {
     gtmEvent: "learning-hub"
   }
 }, ri = ({ data: e, cta: t, link: n, gtmContext: r }) => {
-  var _;
+  var g;
   const s = W(), [i, c] = X({
     loading: !1,
     registered: e.registered || !1
   });
   se(() => {
-    e.registered && c((g) => ({ ...g, registered: !0 }));
+    e.registered && c((_) => ({ ..._, registered: !0 }));
   }, [e.registered]);
   const { startDate: o, dateHasPassed: u, pill: d, slug: f } = e, l = e.contentType;
   let m = "";
-  if ((_ = St[l]) != null && _.gtmEvent && (m = St[l].gtmEvent), o && u)
+  if ((g = St[l]) != null && g.gtmEvent && (m = St[l].gtmEvent), o && u)
     return /* @__PURE__ */ a.jsx(
       "a",
       {
@@ -2645,10 +2681,10 @@ const pr = {
         children: s.formatMessage({ id: "card_cta_people" })
       }
     );
-  const h = ["microcourse", "event"];
-  if (t && t.onClick && h.includes(l) && d !== "premium") {
-    const g = i.loading || i.registered, v = async (b) => {
-      if (b.preventDefault(), b.stopPropagation(), !(g || !t || !t.onClick)) {
+  const p = ["microcourse", "event"];
+  if (t && t.onClick && p.includes(l) && d !== "premium") {
+    const _ = i.loading || i.registered, v = async (b) => {
+      if (b.preventDefault(), b.stopPropagation(), !(_ || !t || !t.onClick)) {
         c((y) => ({ ...y, loading: !0 }));
         try {
           const y = await t.onClick(e);
@@ -2665,12 +2701,12 @@ const pr = {
         className: "gtm-trackable",
         size: "small",
         styling: { fullWidth: !0 },
-        disabled: g,
+        disabled: _,
         "data-gtm-event-context": `${r}Page-${l}: ${f}`,
         "data-gtm-event-type": `${r}-${l}-register-click`,
         "data-testid": "in-card-button",
         children: s.formatMessage({
-          id: `card_cta_${l}${g ? `_${i.loading ? "loading" : "done"}` : ""}`
+          id: `card_cta_${l}${_ ? `_${i.loading ? "loading" : "done"}` : ""}`
         })
       }
     );
@@ -2702,13 +2738,13 @@ const si = {
   const c = W(), o = $e(Fe), u = o && typeof o.id == "string", [d, f] = X({
     data: null,
     isLoading: !0
-  }), { data: l, isLoading: m } = d, h = Dr(() => {
-    n(t, u).then((T) => {
-      f(() => ({ data: T, isLoading: !1 }));
-    }).catch(() => f((T) => ({ ...T, isLoading: !1 })));
+  }), { data: l, isLoading: m } = d, p = Dr(() => {
+    n(t, u).then((E) => {
+      f(() => ({ data: E, isLoading: !1 }));
+    }).catch(() => f((E) => ({ ...E, isLoading: !1 })));
   }, [e]);
   if (se(() => {
-    h();
+    p();
   }, []), m || !l)
     return /* @__PURE__ */ a.jsx(
       Ee,
@@ -2718,15 +2754,15 @@ const si = {
         "data-testid": "card-placeholder"
       }
     );
-  const { contentType: _ } = l;
-  if (!_ || !St[_])
+  const { contentType: g } = l;
+  if (!g || !St[g])
     return /* @__PURE__ */ a.jsx(Ee, { element: "li", className: "card-wrapper" });
   const {
-    basePath: g = "",
+    basePath: _ = "",
     className: v,
     length: b,
     gtmEvent: y
-  } = St[_], j = Yr(`card_label_${_}`) ? c.formatMessage({ id: `card_label_${_}` }) : !1, w = l.slug ? `${g}${l.slug}` : !1, x = { ...si, ...b };
+  } = St[g], j = Yr(`card_label_${g}`) ? c.formatMessage({ id: `card_label_${g}` }) : !1, w = l.slug ? `${_}${l.slug}` : !1, x = { ...si, ...b };
   let O = { className: "card" };
   w && (O = {
     href: w,
@@ -2739,19 +2775,19 @@ const si = {
   return /* @__PURE__ */ a.jsx(
     "li",
     {
-      className: E("card-wrapper text-medium", v, i, {
+      className: T("card-wrapper text-medium", v, i, {
         "has-link": w,
         "no-link": !w,
         "has-custom-icon": l.customIcon,
         "has-image": l.banner
       }),
       style: $,
-      "data-testid": `${_}-card`,
+      "data-testid": `${g}-card`,
       children: z.createElement(
         w ? "a" : "div",
         O,
         /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-          (l.customLabel || j) && /* @__PURE__ */ a.jsx("small", { className: E("card-label text-small", v), children: l.customLabel || j }),
+          (l.customLabel || j) && /* @__PURE__ */ a.jsx("small", { className: T("card-label text-small", v), children: l.customLabel || j }),
           l.startDate && !l.isOngoingEvent && /* @__PURE__ */ a.jsx(
             Tt,
             {
@@ -2786,12 +2822,12 @@ const si = {
           ),
           l.partner && /* @__PURE__ */ a.jsx("p", { className: "partners", "data-testid": "partners", children: He(l.partner.title, x.partner) }),
           /* Text */
-          ["title", "text", "secondaryText"].map((T) => {
-            const P = l[T];
+          ["title", "text", "secondaryText"].map((E) => {
+            const P = l[E];
             if (!P)
               return null;
-            const A = hs(T);
-            return /* @__PURE__ */ a.jsx("p", { className: A, "data-testid": A, children: He(P, x[T]) }, T);
+            const A = hs(E);
+            return /* @__PURE__ */ a.jsx("p", { className: A, "data-testid": A, children: He(P, x[E]) }, E);
           }),
           /* @__PURE__ */ a.jsx(ni, { type: v || "", data: l }),
           /* @__PURE__ */ a.jsx(ri, { data: l, cta: r, link: w || "", gtmContext: s })
@@ -2800,7 +2836,7 @@ const si = {
     }
   );
 };
-const ii = ({ cards: e, cardTypes: t, className: n = "", ...r }) => /* @__PURE__ */ a.jsx("ul", { className: E("card-block", n), children: e.map((s, i) => {
+const ii = ({ cards: e, cardTypes: t, className: n = "", ...r }) => /* @__PURE__ */ a.jsx("ul", { className: T("card-block", n), children: e.map((s, i) => {
   const c = s.slug ? `${s.slug}-${t[i]}` : `${t[i]}-${i}`;
   return /* @__PURE__ */ a.jsx(
     ra,
@@ -2820,7 +2856,7 @@ const ii = ({ cards: e, cardTypes: t, className: n = "", ...r }) => /* @__PURE__
     return null;
   const { text: r, element: s = "h2", variant: i = "default", size: c = "medium", link: o } = t;
   return z.createElement(s, {
-    className: E("title", i, c, {
+    className: T("title", i, c, {
       "highlighted-title": i === "highlighted"
     }),
     children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
@@ -2856,55 +2892,55 @@ const li = ({
   const o = W(), [u, d] = X({
     cardsPerPage: 4,
     isLoading: !0
-  }), { cardsPerPage: f, isLoading: l } = u, [m, h] = X({
+  }), { cardsPerPage: f, isLoading: l } = u, [m, p] = X({
     currentPage: 0,
     loadedPages: [0]
-  }), { currentPage: _, loadedPages: g } = m, v = t.length, b = Math.ceil(v / f), y = me(null), j = lt(!0, !0, y == null ? void 0 : y.current);
+  }), { currentPage: g, loadedPages: _ } = m, v = t.length, b = Math.ceil(v / f), y = me(null), j = lt(!0, !0, y == null ? void 0 : y.current);
   se(() => {
-    let T = 1;
-    j && (j >= Yt.fourCards ? T = 4 : j >= Yt.threeCards ? T = 3 : j >= Yt.twoCards && (T = 2), T > v && (T = v)), d((P) => ({
+    let E = 1;
+    j && (j >= Yt.fourCards ? E = 4 : j >= Yt.threeCards ? E = 3 : j >= Yt.twoCards && (E = 2), E > v && (E = v)), d((P) => ({
       ...P,
-      cardsPerPage: T,
+      cardsPerPage: E,
       isLoading: !1
     }));
   }, [j, v]);
-  const w = (T = "next") => {
-    let P = _;
-    if (typeof T == "string")
-      if (T === "next")
-        if (_ < b - 1)
-          P = _ + 1;
+  const w = (E = "next") => {
+    let P = g;
+    if (typeof E == "string")
+      if (E === "next")
+        if (g < b - 1)
+          P = g + 1;
         else
           return;
-      else if (_ > 0)
-        P = _ - 1;
+      else if (g > 0)
+        P = g - 1;
       else
         return;
     else
-      P = T;
-    h((A) => ({
+      P = E;
+    p((A) => ({
       ...A,
       currentPage: P,
-      loadedPages: [.../* @__PURE__ */ new Set([...g, P])]
+      loadedPages: [.../* @__PURE__ */ new Set([..._, P])]
     }));
-  }, x = (T) => {
-    pt = T.touches[0].clientX;
-  }, O = (T) => {
+  }, x = (E) => {
+    pt = E.touches[0].clientX;
+  }, O = (E) => {
     if (pt === null)
       return;
-    const P = T.touches[0].clientX, A = pt - P;
+    const P = E.touches[0].clientX, A = pt - P;
     A > 5 ? w("next") : A < -5 && w("previous"), pt = null;
   }, $ = {
     "--width": `${j || 0}px`,
     "--total-cards": v,
     "--cards-per-page": f,
-    "--page": _
+    "--page": g
   };
   return l ? /* @__PURE__ */ a.jsx(Xr, { layout: `carousel${s ? "-with-title" : ""}` }) : /* @__PURE__ */ a.jsxs(
     "section",
     {
       ref: y,
-      className: E("carousel-wrapper", i),
+      className: T("carousel-wrapper", i),
       "data-testid": "carousel",
       children: [
         /* @__PURE__ */ a.jsx(ci, { id: e, title: s }),
@@ -2916,13 +2952,13 @@ const li = ({
             onTouchMove: O,
             style: $,
             "data-testid": "carousel-list",
-            children: t.map((T, P) => {
-              let A = T && T.sys && T.sys.id ? `${e}-card-${T.sys.id}` : null;
-              return A && oi(P, f, _, g) ? /* @__PURE__ */ a.jsx(
+            children: t.map((E, P) => {
+              let A = E && E.sys && E.sys.id ? `${e}-card-${E.sys.id}` : null;
+              return A && oi(P, f, g, _) ? /* @__PURE__ */ a.jsx(
                 ra,
                 {
                   id: A,
-                  card: { ...T, contentType: n[P] },
+                  card: { ...E, contentType: n[P] },
                   buildCardData: r,
                   gtmContext: c
                 },
@@ -2946,20 +2982,20 @@ const li = ({
               variant: "secondary",
               size: "large",
               icon: { icon: "chevron_left" },
-              onClick: (T) => {
-                T.preventDefault(), T.stopPropagation(), w("previous");
+              onClick: (E) => {
+                E.preventDefault(), E.stopPropagation(), w("previous");
               },
               screenreaderText: o.formatMessage({
                 id: "carousel_pagination_previous"
               }),
-              disabled: _ <= 0
+              disabled: g <= 0
             }
           ) }),
-          [...Array(b)].map((T, P) => /* @__PURE__ */ a.jsx("li", { "data-testid": "carousel-controls-button", children: /* @__PURE__ */ a.jsx(
+          [...Array(b)].map((E, P) => /* @__PURE__ */ a.jsx("li", { "data-testid": "carousel-controls-button", children: /* @__PURE__ */ a.jsx(
             "button",
             {
-              className: E("page-indicator", {
-                selected: P === _
+              className: T("page-indicator", {
+                selected: P === g
               }),
               onClick: (A) => {
                 A.preventDefault(), A.stopPropagation(), w(P);
@@ -2976,18 +3012,18 @@ const li = ({
               variant: "secondary",
               size: "large",
               icon: { icon: "chevron_right" },
-              onClick: (T) => {
-                T.preventDefault(), T.stopPropagation(), w("next");
+              onClick: (E) => {
+                E.preventDefault(), E.stopPropagation(), w("next");
               },
               screenreaderText: o.formatMessage({ id: "carousel_pagination_next" }),
-              disabled: _ >= b - 1
+              disabled: g >= b - 1
             }
           ) })
         ] })
       ]
     }
   );
-}, Fc = ({
+}, Lc = ({
   carousels: e = [],
   isLoading: t,
   title: n,
@@ -3011,7 +3047,7 @@ const li = ({
         {
           cards: o,
           cardTypes: u,
-          title: { ...n, text: i, link: c },
+          title: n != null && n.hidden ? {} : { ...n, text: i, link: c },
           ...s
         }
       ),
@@ -3038,10 +3074,10 @@ const Gt = "joinCommunityButton", aa = ({
       size: "medium",
       styling: { fullWidth: !0 },
       icon: o && d !== "leaving" ? { icon: "tick", position: "left" } : !1,
-      onClick: async (h) => {
-        c && (h.currentTarget.blur(), o ? (f("leaving"), typeof r == "function" && await r()) : (f("joining"), typeof n == "function" && await n()), u(!o));
+      onClick: async (p) => {
+        c && (p.currentTarget.blur(), o ? (f("leaving"), typeof r == "function" && await r()) : (f("joining"), typeof n == "function" && await n()), u(!o));
       },
-      className: E("join-community-button", d, {
+      className: T("join-community-button", d, {
         active: d === "joining"
       }),
       disabled: !c,
@@ -3052,7 +3088,7 @@ const Gt = "joinCommunityButton", aa = ({
     }
   );
 };
-const Kt = "communityDetails_", Lc = ({
+const Kt = "communityDetails_", Dc = ({
   className: e = "",
   isMember: t = !1,
   slug: n,
@@ -3060,7 +3096,7 @@ const Kt = "communityDetails_", Lc = ({
   functions: { invite: i, ...c }
 }) => {
   const o = W(), u = 5, d = r || s.length, f = s.length ? s : Array(u).fill({}), l = `/communities/${n}/members` === window.location.pathname;
-  return /* @__PURE__ */ a.jsxs("div", { className: E("community-details", e), children: [
+  return /* @__PURE__ */ a.jsxs("div", { className: T("community-details", e), children: [
     /* @__PURE__ */ a.jsx(Ae, {}),
     /* @__PURE__ */ a.jsxs("div", { className: "member-details", children: [
       /* @__PURE__ */ a.jsxs("div", { className: "top", children: [
@@ -3099,7 +3135,7 @@ const Kt = "communityDetails_", Lc = ({
     )
   ] });
 };
-const Dc = ({ breadcrumbs: e, cutoff: t = 20, className: n = "" }) => {
+const Ic = ({ breadcrumbs: e, cutoff: t = 20, className: n = "" }) => {
   const r = W();
   return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsx(
@@ -3109,7 +3145,7 @@ const Dc = ({ breadcrumbs: e, cutoff: t = 20, className: n = "" }) => {
         children: r.formatMessage({ id: "breadcrumbs_label" })
       }
     ),
-    /* @__PURE__ */ a.jsx("ul", { className: E("breadcrumbs text-small", n), children: e.map(
+    /* @__PURE__ */ a.jsx("ul", { className: T("breadcrumbs text-small", n), children: e.map(
       ({ text: s, href: i, current: c = !1 }, o) => /* @__PURE__ */ a.jsxs("li", { children: [
         c && /* @__PURE__ */ a.jsx(
           _e,
@@ -3123,7 +3159,7 @@ const Dc = ({ breadcrumbs: e, cutoff: t = 20, className: n = "" }) => {
     ) })
   ] });
 };
-const Ic = ({
+const Bc = ({
   options: e,
   allOption: t = !1,
   allowMultiple: n = !0,
@@ -3139,22 +3175,22 @@ const Ic = ({
     ...e
   ] : e, [o, u] = X(t ? ["all"] : []), d = (f, l) => {
     let m = [];
-    o.includes(f) ? m = o.filter((h) => h !== f) : f === "all" ? m = ["all"] : n ? m = [...o.filter((h) => h !== "all"), f] : m = [f], u((h) => (r && typeof r == "function" && r({ current: m, previous: h }), m)), l && typeof l == "function" && l();
+    o.includes(f) ? m = o.filter((p) => p !== f) : f === "all" ? m = ["all"] : n ? m = [...o.filter((p) => p !== "all"), f] : m = [f], u((p) => (r && typeof r == "function" && r({ current: m, previous: p }), m)), l && typeof l == "function" && l();
   };
-  return /* @__PURE__ */ a.jsx("ul", { className: E("filters", s), children: c.map(({ id: f, text: l, disabled: m = !1, callback: h = () => {
+  return /* @__PURE__ */ a.jsx("ul", { className: T("filters", s), children: c.map(({ id: f, text: l, disabled: m = !1, callback: p = () => {
   } }) => {
-    let _ = {};
-    return m && (_ = {
+    let g = {};
+    return m && (g = {
       disabled: !0,
       "aria-label": i.formatMessage({ id: "filters_disabled" }, { name: l })
     }), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
       "button",
       {
-        className: E(f, { selected: o.includes(f) }),
-        onClick: (g) => {
-          g.preventDefault(), g.stopPropagation(), d(f, h);
+        className: T(f, { selected: o.includes(f) }),
+        onClick: (_) => {
+          _.preventDefault(), _.stopPropagation(), d(f, p);
         },
-        ..._,
+        ...g,
         children: l
       }
     ) }, f);
@@ -3173,7 +3209,7 @@ const Qt = {
   es: "Español",
   fr: "Français",
   pt: "Português"
-}, ht = "languageSwitcher_", Bc = ({
+}, ht = "languageSwitcher_", qc = ({
   currentLanguage: e,
   isOriginalLanguage: t = !1,
   isHumanTranslation: n = !1,
@@ -3189,33 +3225,33 @@ const Qt = {
   if (se(() => {
     e !== f && l(e);
   }, [e]), !r || !Object.values(r).some(
-    (g) => g && g.post_name
+    (_) => _ && _.post_name
   ))
     return null;
-  const h = Object.keys(r), _ = f !== e;
-  return /* @__PURE__ */ a.jsxs("div", { className: E("language-switcher text-small", c, u), children: [
+  const p = Object.keys(r), g = f !== e;
+  return /* @__PURE__ */ a.jsxs("div", { className: T("language-switcher text-small", c, u), children: [
     /* @__PURE__ */ a.jsxs("nav", { children: [
       c !== "short" && /* @__PURE__ */ a.jsx("p", { children: o || d.formatMessage({ id: `${ht}label` }) }),
-      /* @__PURE__ */ a.jsx("ul", { children: h.map((g) => {
-        if (!Qt[g])
+      /* @__PURE__ */ a.jsx("ul", { children: p.map((_) => {
+        if (!Qt[_])
           return null;
-        let v = { className: g };
-        return f === g ? v["aria-label"] = d.formatMessage(
+        let v = { className: _ };
+        return f === _ ? v["aria-label"] = d.formatMessage(
           { id: `${ht}selected` },
-          { language: Qt[g] }
+          { language: Qt[_] }
         ) : v = {
           ...v,
-          href: di(g, i),
+          href: di(_, i),
           onClick: (b) => {
-            b.preventDefault(), b.stopPropagation(), l(g), s(g);
+            b.preventDefault(), b.stopPropagation(), l(_), s(_);
           }
-        }, /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(dt, { ...v, fallbackElement: "span", children: Qt[g] }) }, g);
+        }, /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(dt, { ...v, fallbackElement: "span", children: Qt[_] }) }, _);
       }) }),
-      c !== "short" && !_ && /* @__PURE__ */ a.jsx("p", { children: d.formatMessage({
+      c !== "short" && !g && /* @__PURE__ */ a.jsx("p", { children: d.formatMessage({
         id: `${ht}translation_${t ? "original" : n ? "human" : "machine"}`
       }) })
     ] }),
-    c !== "short" && !_ && !t && !n && /* @__PURE__ */ a.jsx("small", {
+    c !== "short" && !g && !t && !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
@@ -3223,9 +3259,9 @@ const Qt = {
         { id: `${ht}disclaimer` },
         {
           email: nt.support,
-          link: (g) => {
-            const v = `mailto:${g}`;
-            return /* @__PURE__ */ a.jsx("a", { href: v, children: g });
+          link: (_) => {
+            const v = `mailto:${_}`;
+            return /* @__PURE__ */ a.jsx("a", { href: v, children: _ });
           }
         }
       )
@@ -3251,11 +3287,11 @@ const Jt = Ka({ locale: "en", messages: On }), Ft = ({
   const [d, f] = X(""), l = async (m) => {
     try {
       await t(m);
-    } catch (h) {
-      h instanceof Error ? f(h.message) : f("Unknown error");
+    } catch (p) {
+      p instanceof Error ? f(p.message) : f("Unknown error");
     }
   };
-  return !d && !e && !c.endOfFeed ? null : /* @__PURE__ */ a.jsx("footer", { className: E("load-more", o), children: !d && e ? /* @__PURE__ */ a.jsx(
+  return !d && !e && !c.endOfFeed ? null : /* @__PURE__ */ a.jsx("footer", { className: T("load-more", o), children: !d && e ? /* @__PURE__ */ a.jsx(
     ee,
     {
       variant: n,
@@ -3280,7 +3316,7 @@ const sa = ({
   "a",
   {
     href: "/home/",
-    className: E("logo", e, t, n),
+    className: T("logo", e, t, n),
     ...r,
     children: /* @__PURE__ */ a.jsx(_e, { children: /* @__PURE__ */ a.jsx(we, { id: "apolitical" }) })
   }
@@ -3301,7 +3337,7 @@ const ui = ({
     document.removeEventListener("click", u, !0);
   })), z.createElement(e, {
     ref: i,
-    className: E("more-menu text-medium", r),
+    className: T("more-menu text-medium", r),
     children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
       /* @__PURE__ */ a.jsx(
         ee,
@@ -3316,9 +3352,9 @@ const ui = ({
           screenreaderText: s.formatMessage({ id: "moreMenu" })
         }
       ),
-      /* @__PURE__ */ a.jsx("ul", { id: t, hidden: !c, children: n.map(({ href: d, onClick: f, text: l, icon: m, ...h }, _) => {
-        const g = {
-          ...h,
+      /* @__PURE__ */ a.jsx("ul", { id: t, hidden: !c, children: n.map(({ href: d, onClick: f, text: l, icon: m, ...p }, g) => {
+        const _ = {
+          ...p,
           onClick: (v) => {
             o(!1), typeof f == "function" && f(v);
           },
@@ -3331,16 +3367,16 @@ const ui = ({
             }, 100);
           }
         };
-        return d && (g.href = d), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
+        return d && (_.href = d), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
           ee,
           {
             variant: "tertiary",
             size: "medium",
             icon: m ? { icon: m, position: "left" } : !1,
-            ...g,
+            ..._,
             children: l
           }
-        ) }, `${window.btoa(l)}_${_}`);
+        ) }, `${window.btoa(l)}_${g}`);
       }) })
     ] })
   });
@@ -3368,7 +3404,7 @@ const mi = [
     mi.map(({ key: s, href: i }) => /* @__PURE__ */ a.jsx(
       "li",
       {
-        className: E(s, { active: fi(i, e) }),
+        className: T(s, { active: fi(i, e) }),
         children: /* @__PURE__ */ a.jsx(
           "a",
           {
@@ -3445,7 +3481,7 @@ ${tt(t, "mailto", n)}&src=email`
     onClick: (r, s) => (r.preventDefault(), r.stopPropagation(), navigator.clipboard.writeText(s))
   }
 ];
-const gi = "shareLinks_", qc = ({
+const gi = "shareLinks_", zc = ({
   title: e,
   link: t,
   referrer: n,
@@ -3455,13 +3491,13 @@ const gi = "shareLinks_", qc = ({
   className: c = ""
 }) => {
   const o = W(), u = hi({ title: e, link: t, referrer: n });
-  return /* @__PURE__ */ a.jsxs("aside", { className: E("share-links", s, i, c), children: [
+  return /* @__PURE__ */ a.jsxs("aside", { className: T("share-links", s, i, c), children: [
     /* @__PURE__ */ a.jsx("p", { className: "text-small", children: o.formatMessage({ id: "shareLinks_label" }) }),
-    /* @__PURE__ */ a.jsx("ul", { children: u.map(({ key: d, icon: f, url: l, shouldRender: m = !0, onClick: h }) => {
+    /* @__PURE__ */ a.jsx("ul", { children: u.map(({ key: d, icon: f, url: l, shouldRender: m = !0, onClick: p }) => {
       if (typeof m == "function" && !m())
         return null;
-      const _ = {};
-      return h && (_.onClick = (g) => h(g, l)), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
+      const g = {};
+      return p && (g.onClick = (_) => p(_, l)), /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
         ee,
         {
           size: s,
@@ -3475,13 +3511,13 @@ const gi = "shareLinks_", qc = ({
           "data-gtm-event-type": `${d}-click`,
           "data-testid": "link",
           screenreaderText: o.formatMessage({ id: `${gi}link_${d}` }),
-          ..._
+          ...g
         }
       ) }, d);
     }) })
   ] });
 };
-const zc = ({ tabs: e, className: t = "" }) => {
+const Zc = ({ tabs: e, className: t = "" }) => {
   var u;
   const n = (d, f, l) => (d || (d = `panel-${window.btoa(f)}-${l}`), d);
   let r = e.findIndex((d) => d.current === !0);
@@ -3498,20 +3534,20 @@ const zc = ({ tabs: e, className: t = "" }) => {
   const [s, i] = X(
     (u = e[r]) != null && u.id ? e[r].id : n(e[r].id, e[r].text, r)
   ), c = [], o = [];
-  return e.forEach(({ id: d, text: f, content: l, href: m }, h) => {
-    d = n(d, f, h);
-    const _ = s === d, g = {};
-    m || (g["aria-controls"] = d, g.onClick = (v) => {
+  return e.forEach(({ id: d, text: f, content: l, href: m }, p) => {
+    d = n(d, f, p);
+    const g = s === d, _ = {};
+    m || (_["aria-controls"] = d, _.onClick = (v) => {
       v.preventDefault(), v.stopPropagation(), i(d), window.location.hash = `#${d}`;
     }, o.push(
       /* @__PURE__ */ a.jsx(
         "section",
         {
           id: d,
-          hidden: !_,
+          hidden: !g,
           role: "tabpanel",
           "aria-labelledby": `tab-${d}`,
-          "aria-live": _ ? "assertive" : "off",
+          "aria-live": g ? "assertive" : "off",
           children: typeof l == "string" ? /* @__PURE__ */ a.jsx("p", { children: l }) : l
         },
         `section-${d}`
@@ -3522,15 +3558,15 @@ const zc = ({ tabs: e, className: t = "" }) => {
         {
           href: m || `#${d}`,
           id: `tab-${d}`,
-          className: E({ selected: _ }),
+          className: T({ selected: g }),
           role: "tab",
-          "aria-selected": _,
-          ...g,
+          "aria-selected": g,
+          ..._,
           children: f
         }
       ) }, `tab-${d}`)
     );
-  }), /* @__PURE__ */ a.jsxs("div", { className: E("tabs-wrapper", t), children: [
+  }), /* @__PURE__ */ a.jsxs("div", { className: T("tabs-wrapper", t), children: [
     /* @__PURE__ */ a.jsx("ul", { className: "tabs", role: "tablist", children: c }),
     /* @__PURE__ */ a.jsx("div", { className: "tab-content", children: o })
   ] });
@@ -3546,7 +3582,7 @@ const _i = {
 }) => {
   const s = lt(!0);
   let i = r;
-  return z.Children.count(r) === 1 && (i = z.Children.toArray(r)[0], i.props && (i = i.props.children)), /* @__PURE__ */ a.jsx("section", { className: E("columns", `layout-${e}`, n), children: z.Children.map(i, (c, o) => t !== !1 && o === t && s && s < _i[e] ? null : c) });
+  return z.Children.count(r) === 1 && (i = z.Children.toArray(r)[0], i.props && (i = i.props.children)), /* @__PURE__ */ a.jsx("section", { className: T("columns", `layout-${e}`, n), children: z.Children.map(i, (c, o) => t !== !1 && o === t && s && s < _i[e] ? null : c) });
 };
 const _t = "emailHelperTextBox_", bi = ({
   type: e,
@@ -3561,9 +3597,9 @@ const _t = "emailHelperTextBox_", bi = ({
     mail: {},
     error: ""
   }), [o, u] = X(!1), d = Dr(
-    (h) => {
-      h.preventDefault(), h.stopPropagation();
-      const _ = (g) => {
+    (p) => {
+      p.preventDefault(), p.stopPropagation();
+      const g = (_) => {
         c({
           path: `${_t}error_verificationFailedToSend`,
           type: "error",
@@ -3581,17 +3617,17 @@ const _t = "emailHelperTextBox_", bi = ({
             "data-gtm-event-context": "ErrorVerifyingBox",
             "data-gtm-event-type": "email-concierge-click"
           },
-          error: g
+          error: _
         });
       };
       if (typeof r != "function") {
-        _(s.formatMessage({ id: `${_t}error_noFunction` }));
+        g(s.formatMessage({ id: `${_t}error_noFunction` }));
         return;
       }
       u(!0), r(t).then(() => {
         localStorage.setItem("email", t), window.location.href = n || "/signup/verify-email";
-      }).catch((g) => {
-        _(g.message);
+      }).catch((_) => {
+        g(_.message);
       }).finally(() => {
         u(!1);
       });
@@ -3601,20 +3637,20 @@ const _t = "emailHelperTextBox_", bi = ({
   );
   se(
     () => {
-      let h = _t, _ = "default", g = {}, v = {};
+      let p = _t, g = "default", _ = {}, v = {};
       switch (e) {
         case "gov":
-          h += "autoApproved", _ = "success";
+          p += "autoApproved", g = "success";
           break;
         case "nonGov":
-          h += "unrecognisedEmail", _ = "error", g = {
+          p += "unrecognisedEmail", g = "error", _ = {
             href: "https://about.apolitical.co/who-can-join-the-community",
             "data-gtm-event-context": "NonGovEmailHelperTextBox",
             "data-gtm-event-type": "LearnMoreClick"
           };
           break;
         case "pending":
-          h += "pendingApproval", _ = "error", v = {
+          p += "pendingApproval", g = "error", v = {
             href: "mailto:concierge@apolitical.co",
             className: "gtm-trackable",
             "data-gtm-event-context": "EmailExistsBox",
@@ -3622,7 +3658,7 @@ const _t = "emailHelperTextBox_", bi = ({
           };
           break;
         case "verify":
-          h += "emailUnverified", _ = "error", g = {
+          p += "emailUnverified", g = "error", _ = {
             href: "#",
             "data-gtm-event-context": "VerifyEmailBox",
             "data-gtm-event-type": "SendEmailClick",
@@ -3632,7 +3668,7 @@ const _t = "emailHelperTextBox_", bi = ({
           };
           break;
         case "exists":
-          h += "emailAlreadyExists", _ = "error", g = {
+          p += "emailAlreadyExists", g = "error", _ = {
             href: "/user-onboarding/login",
             "data-gtm-event-context": "EmailExistsBox",
             "data-gtm-event-type": "login-click"
@@ -3644,21 +3680,21 @@ const _t = "emailHelperTextBox_", bi = ({
           };
           break;
         default:
-          h += "default", g = {
+          p += "default", _ = {
             href: "https://about.apolitical.co/who-can-join-the-community",
             "data-gtm-event-context": "DefaultEmailHelperTextBox",
             "data-gtm-event-type": "LearnMoreClick"
           };
           break;
       }
-      c({ ...i, path: h, type: _, link: g, mail: v });
+      c({ ...i, path: p, type: g, link: _, mail: v });
     },
     /* eslint-disable react-hooks/exhaustive-deps */
     [e]
   );
   const f = {};
-  return ["link", "mail"].forEach((h) => {
-    f[h] = Object.keys(i[h]).length ? (_) => /* @__PURE__ */ a.jsx("a", { ...i[h], children: _ }) : (_) => _;
+  return ["link", "mail"].forEach((p) => {
+    f[p] = Object.keys(i[p]).length ? (g) => /* @__PURE__ */ a.jsx("a", { ...i[p], children: g }) : (g) => g;
   }), /* @__PURE__ */ a.jsx(
     Bs,
     {
@@ -3675,8 +3711,8 @@ const _t = "emailHelperTextBox_", bi = ({
           { id: `${i.path}_text` },
           {
             ...f,
-            strong: (h) => /* @__PURE__ */ a.jsx("strong", { children: h }),
-            em: (h) => /* @__PURE__ */ a.jsx("em", { children: h }),
+            strong: (p) => /* @__PURE__ */ a.jsx("strong", { children: p }),
+            em: (p) => /* @__PURE__ */ a.jsx("em", { children: p }),
             br: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
               /* @__PURE__ */ a.jsx("br", {}),
               /* @__PURE__ */ a.jsx("br", {})
@@ -3707,15 +3743,15 @@ const _t = "emailHelperTextBox_", bi = ({
     type: o,
     id: n,
     name: i,
-    className: E(e, t, {
+    className: T(e, t, {
       "has-scrollbar": o === "textarea" && l.current && l.current.clientHeight < l.current.scrollHeight
     }),
     value: u,
     placeholder: c,
     ...s,
     onChange: (m) => {
-      const h = m.target;
-      s.onChange(h.value);
+      const p = m.target;
+      s.onChange(p.value);
     }
   });
 };
@@ -3734,8 +3770,8 @@ const ia = ({
   value: f,
   ...l
 }) => {
-  const m = W(), { onChange: h, ..._ } = r, g = () => {
-    t || h(f ? null : u);
+  const m = W(), { onChange: p, ...g } = r, _ = () => {
+    t || p(f ? null : u);
   }, v = /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsx(
       "input",
@@ -3747,7 +3783,7 @@ const ia = ({
         value: u,
         checked: f,
         onKeyDown: (b) => {
-          (b.key === "Enter" || b.code === "Space") && (b.preventDefault(), b.stopPropagation(), g());
+          (b.key === "Enter" || b.code === "Space") && (b.preventDefault(), b.stopPropagation(), _());
         },
         readOnly: !0,
         disabled: t
@@ -3763,11 +3799,11 @@ const ia = ({
     {
       onClick: (b) => {
         const y = b.target;
-        y.nodeName.toLowerCase() === "a" || y.parentNode && y.parentNode.nodeName.toLowerCase() === "a" || (b.preventDefault(), b.stopPropagation(), g());
+        y.nodeName.toLowerCase() === "a" || y.parentNode && y.parentNode.nodeName.toLowerCase() === "a" || (b.preventDefault(), b.stopPropagation(), _());
       },
-      className: E("checkbox-wrapper", e),
+      className: T("checkbox-wrapper", e),
       ...l,
-      ..._
+      ...g
     },
     v
   );
@@ -3778,7 +3814,7 @@ const yi = Oe(function({
   return /* @__PURE__ */ a.jsx(
     An,
     {
-      className: E("rotating-chevron", `direction-${t}`)
+      className: T("rotating-chevron", `direction-${t}`)
     }
   );
 });
@@ -3796,25 +3832,25 @@ const xi = ({
   multiSelectOptions: u,
   id: d
 }) => {
-  const f = W(), [l, m] = X(!1), h = r || n, _ = Array.isArray(h) ? [...h] : h ? [h] : [], [g, v] = X(_);
+  const f = W(), [l, m] = X(!1), p = r || n, g = Array.isArray(p) ? [...p] : p ? [p] : [], [_, v] = X(g);
   let b;
-  Array.isArray(g) && g.length === 1 && typeof g[0] == "string" ? b = t && g ? t.find(($) => $.id === g[0]) : t ? t[0] : { id: "", label: "" } : Array.isArray(g) && g.length === 1 && typeof g[0] != "string" ? b = g[0] : b = { id: "", label: "" }, se(() => {
-    v(_);
+  Array.isArray(_) && _.length === 1 && typeof _[0] == "string" ? b = t && _ ? t.find(($) => $.id === _[0]) : t ? t[0] : { id: "", label: "" } : Array.isArray(_) && _.length === 1 && typeof _[0] != "string" ? b = _[0] : b = { id: "", label: "" }, se(() => {
+    v(g);
   }, [r, n]);
   const { onChange: y, onMultiSelectSubmit: j, ...w } = s, x = ($) => {
     if (o) {
-      let T = [];
-      g != null && g.includes($.id) ? T = g.filter((P) => P !== $.id) : T = [...g, $.id], v([...T]), y && y([...T]);
+      let E = [];
+      _ != null && _.includes($.id) ? E = _.filter((P) => P !== $.id) : E = [..._, $.id], v([...E]), y && y([...E]);
     } else
       v([$]), y && y($.id), m(!1);
   }, O = ($) => {
     if ($ === "all") {
-      const T = (t == null ? void 0 : t.map((P) => P.id)) || [];
-      v(T), y && y(T);
+      const E = (t == null ? void 0 : t.map((P) => P.id)) || [];
+      v(E), y && y(E);
     } else
       v([]), y && y([]);
   };
-  return /* @__PURE__ */ a.jsxs("div", { className: E("dropdown-wrapper", e), children: [
+  return /* @__PURE__ */ a.jsxs("div", { className: T("dropdown-wrapper", e), children: [
     /* @__PURE__ */ a.jsxs(
       "button",
       {
@@ -3828,7 +3864,7 @@ const xi = ({
         "data-testid": "dropdown-selector",
         ...w,
         children: [
-          o ? `${c} · ${g.length}` : b.label,
+          o ? `${c} · ${_.length}` : b.label,
           /* @__PURE__ */ a.jsx(yi, { direction: l ? "up" : "down" })
         ]
       }
@@ -3839,8 +3875,8 @@ const xi = ({
         defaultValue: b.id,
         onChange: ($) => {
           $.preventDefault(), $.stopPropagation();
-          const T = t && t.find((P) => P.id === $.target.value);
-          x(T);
+          const E = t && t.find((P) => P.id === $.target.value);
+          x(E);
         },
         hidden: !l,
         ...w,
@@ -3856,7 +3892,7 @@ const xi = ({
         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: `${_ == null ? void 0 : _.length} selected` }),
               /* @__PURE__ */ a.jsxs("ul", { children: [
                 /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
                   ee,
@@ -3881,13 +3917,13 @@ const xi = ({
               ] })
             ] }),
             /* @__PURE__ */ a.jsx("ul", { children: t == null ? void 0 : t.map(($) => {
-              const T = $.id === b.id || (g == null ? void 0 : g.includes($)) || (g == null ? void 0 : g.includes($.id));
+              const E = $.id === b.id || (_ == null ? void 0 : _.includes($)) || (_ == null ? void 0 : _.includes($.id));
               return /* @__PURE__ */ a.jsx("li", { "data-testid": "dropdown-options", children: /* @__PURE__ */ a.jsxs(
                 "button",
                 {
-                  className: E("gtm-trackable", {
-                    selected: T,
-                    "selected-single": T && !o
+                  className: T("gtm-trackable", {
+                    selected: E,
+                    "selected-single": E && !o
                   }),
                   "data-gtm-event-type": `${$}-click`,
                   "data-gtm-event-context": i,
@@ -3895,11 +3931,11 @@ const xi = ({
                     P.preventDefault(), P.stopPropagation(), x($);
                   },
                   role: "menuitem",
-                  "aria-current": T,
-                  "data-testid": T ? "current-selection" : "",
+                  "aria-current": E,
+                  "data-testid": E ? "current-selection" : "",
                   children: [
                     o && /* @__PURE__ */ a.jsx("span", { className: "pretty-checkbox", "data-testid": "pretty-checkbox" }),
-                    /* @__PURE__ */ a.jsx("span", { className: E({ "menu-option-label": o }), children: $.label })
+                    /* @__PURE__ */ a.jsx("span", { className: T({ "menu-option-label": o }), children: $.label })
                   ]
                 }
               ) }, $.id);
@@ -3910,11 +3946,11 @@ const xi = ({
             {
               variant: "secondary",
               onClick: () => {
-                j && j(g), document.dispatchEvent(
+                j && j(_), document.dispatchEvent(
                   new CustomEvent("dropdownMultiSelectSubmit", {
                     detail: {
                       id: d || "dropdown-multi-select",
-                      value: g
+                      value: _
                     }
                   })
                 ), m(!1);
@@ -3942,29 +3978,29 @@ const wi = ({
   value: f,
   ...l
 }) => {
-  const m = W(), h = i ? f : [], _ = f;
+  const m = W(), p = i ? f : [], g = f;
   return /* @__PURE__ */ a.jsx(
     "ul",
     {
       ...l,
-      className: E("options-wrapper", e),
+      className: T("options-wrapper", e),
       "data-testid": `ul-${r}`,
       children: o == null ? void 0 : o.map(
         ({
-          id: g,
+          id: _,
           label: v = !1,
-          value: b = g,
+          value: b = _,
           disabled: y = !1
         }) => {
-          const j = `${r}_${g}`, w = () => {
+          const j = `${r}_${_}`, w = () => {
             if (y)
               return;
             let x;
             if (i) {
-              const O = h == null ? void 0 : h.indexOf(b);
-              Array.isArray(h) && O >= 0 ? (x = h, x.splice(O, 1)) : (!h || h.length === 0 ? x = [] : x = h, x.push(b));
+              const O = p == null ? void 0 : p.indexOf(b);
+              Array.isArray(p) && O >= 0 ? (x = p, x.splice(O, 1)) : (!p || p.length === 0 ? x = [] : x = p, x.push(b));
             } else
-              x = _ === b ? void 0 : b;
+              x = g === b ? void 0 : b;
             t.onChange(x);
           };
           return /* @__PURE__ */ a.jsx(
@@ -3974,14 +4010,14 @@ const wi = ({
               id: j,
               type: d === "checkboxes" ? "checkbox" : "radio",
               shownValue: b,
-              value: i ? h == null ? void 0 : h.includes(b) : _ === b,
+              value: i ? p == null ? void 0 : p.includes(b) : g === b,
               functions: {
                 ...t,
                 onChange: w
               },
               intlPath: n,
               label: v || m.formatMessage({
-                id: n ? `${n}_${g}` : g
+                id: n ? `${n}_${_}` : _
               }),
               disabled: y
             },
@@ -4007,7 +4043,7 @@ const ji = ({
       "button",
       {
         type: "button",
-        className: E("show-password gtm-trackable", {
+        className: T("show-password gtm-trackable", {
           "password-visible": o
         }),
         "data-gtm-event-context": n,
@@ -4046,8 +4082,8 @@ const Ze = {
   value: d,
   ...f
 }) => {
-  const l = W(), m = u && u.some(({ condition: w }) => w === "required"), h = (d == null ? void 0 : d.toString().length) || 0, _ = o && Ze[o] && Ze[o].component ? Ze[o].component : at, g = {};
-  o && ["checkboxes"].includes(o) ? g.element = "span" : g.htmlFor = e;
+  const l = W(), m = u && u.some(({ condition: w }) => w === "required"), p = (d == null ? void 0 : d.toString().length) || 0, g = o && Ze[o] && Ze[o].component ? Ze[o].component : at, _ = {};
+  o && ["checkboxes"].includes(o) ? _.element = "span" : _.htmlFor = e;
   let v = {
     ...f,
     id: e,
@@ -4076,11 +4112,11 @@ const Ze = {
   if (o && ["checkbox"].includes(o))
     return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
       /* @__PURE__ */ a.jsx(
-        _,
+        g,
         {
           ...v,
           label: b,
-          className: E("field-wrapper", n)
+          className: T("field-wrapper", n)
         }
       ),
       /* @__PURE__ */ a.jsx(y, { as: "p" })
@@ -4090,8 +4126,8 @@ const Ze = {
     className: "checkboxes-label text-small",
     "data-testid": `label-${e}`
   });
-  return /* @__PURE__ */ a.jsxs("dl", { className: E("field-wrapper text-medium", n), children: [
-    /* @__PURE__ */ a.jsx("dt", { children: /* @__PURE__ */ a.jsxs(j, { ...g, children: [
+  return /* @__PURE__ */ a.jsxs("dl", { className: T("field-wrapper text-medium", n), children: [
+    /* @__PURE__ */ a.jsx("dt", { children: /* @__PURE__ */ a.jsxs(j, { ..._, children: [
       b,
       m && c && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
         " ",
@@ -4103,17 +4139,17 @@ const Ze = {
       ] })
     ] }) }),
     /* @__PURE__ */ a.jsxs("dd", { children: [
-      /* @__PURE__ */ a.jsx(_, { ...v }),
+      /* @__PURE__ */ a.jsx(g, { ...v }),
       i > 0 ? /* @__PURE__ */ a.jsxs(
         "small",
         {
-          className: E("character-limit", {
-            "near-limit": h >= 0.99 * i,
-            "approaching-limit": h >= 0.9 * i && h < 0.99 * i
+          className: T("character-limit", {
+            "near-limit": p >= 0.99 * i,
+            "approaching-limit": p >= 0.9 * i && p < 0.99 * i
           }),
           children: [
             /* @__PURE__ */ a.jsx("span", { className: "hidden", children: l.formatMessage({ id: "form_fieldWrapper_characterLimit" }) }),
-            h,
+            p,
             " / ",
             i
           ]
@@ -4162,28 +4198,28 @@ const Ze = {
       } = r, l = rt(Object.keys(s));
       for (const m of c)
         if (m.validation)
-          for (let h = 0; h < m.validation.length; h++) {
-            const { condition: _ = "required", error: g = !1 } = m.validation[h];
+          for (let p = 0; p < m.validation.length; p++) {
+            const { condition: g = "required", error: _ = !1 } = m.validation[p];
             let v = !1;
-            if (typeof _ == "function") {
-              const b = _(i);
-              b && (v = g || b);
+            if (typeof g == "function") {
+              const b = g(i);
+              b && (v = _ || b);
             } else {
               const b = i[m.id];
-              switch (_) {
+              switch (g) {
                 case "required":
-                  (!b || typeof b == "string" && b.trim().length === 0) && (v = g || (f == null ? void 0 : f.formatMessage({ id: "form_error_required" })));
+                  (!b || typeof b == "string" && b.trim().length === 0) && (v = _ || (f == null ? void 0 : f.formatMessage({ id: "form_error_required" })));
                   break;
                 case "no-numbers": {
-                  b && !/^([^0-9]*)$/.test(b) && (v = g || (f == null ? void 0 : f.formatMessage({ id: "form_error_numbers" })));
+                  b && !/^([^0-9]*)$/.test(b) && (v = _ || (f == null ? void 0 : f.formatMessage({ id: "form_error_numbers" })));
                   break;
                 }
                 case "valid-email": {
-                  b && !/^(([^<>()[\]\\.,;:\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(b) && (v = g || (f == null ? void 0 : f.formatMessage({ id: "form_error_email" })));
+                  b && !/^(([^<>()[\]\\.,;:\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(b) && (v = _ || (f == null ? void 0 : f.formatMessage({ id: "form_error_email" })));
                   break;
                 }
                 case "valid-url": {
-                  b && !/^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\(\)\*\+,;=.]+$/.test(b) && (v = g || (f == null ? void 0 : f.formatMessage({ id: "form_error_url" })));
+                  b && !/^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\(\)\*\+,;=.]+$/.test(b) && (v = _ || (f == null ? void 0 : f.formatMessage({ id: "form_error_url" })));
                   break;
                 }
                 default:
@@ -4244,9 +4280,9 @@ const Dn = ({
   },
   gtm: l = { context: "Form", event: "form-submit-click" },
   functions: { onSuccess: m = async () => {
-  }, onCancel: h = () => {
-  }, onCatch: _ = () => {
-  }, onFailure: g = () => {
+  }, onCancel: p = () => {
+  }, onCatch: g = () => {
+  }, onFailure: _ = () => {
   } } = {
     onSuccess: async () => {
     },
@@ -4264,7 +4300,7 @@ const Dn = ({
     const U = Z.id || Z.name;
     U && (O[U] = Z.value || "");
   });
-  const [$, T] = Nn(Ti, {
+  const [$, E] = Nn(Ti, {
     isSubmitting: !1,
     formSubmitted: !1,
     errors: {},
@@ -4272,7 +4308,7 @@ const Dn = ({
   }), { errors: P, isSubmitting: A, formSubmitted: F, values: ue } = $;
   se(() => {
     u && F && (Xt = setTimeout(() => {
-      T({
+      E({
         type: "updateValue",
         payload: { key: "formSubmitted", value: !1 }
       });
@@ -4281,7 +4317,7 @@ const Dn = ({
     Xt && clearTimeout(Xt);
   }, []), se(() => {
     const Z = (U) => {
-      T({
+      E({
         type: "updateValue",
         payload: { key: U.detail.id, value: U.detail.value }
       });
@@ -4310,31 +4346,31 @@ const Dn = ({
       k && (U = k.getBoundingClientRect().top + window.scrollY);
     }
     const te = document.getElementById("header");
-    if (te && (U = U - te.offsetHeight - w), U < 0 && (U = 0), window.scrollTo({ top: U, behavior: "smooth" }), T({ type: "toggleSubmitting" }), i.disabled) {
-      typeof i.disabled == "object" && i.disabled.isClickable && T({
+    if (te && (U = U - te.offsetHeight - w), U < 0 && (U = 0), window.scrollTo({ top: U, behavior: "smooth" }), E({ type: "toggleSubmitting" }), i.disabled) {
+      typeof i.disabled == "object" && i.disabled.isClickable && E({
         type: "submitForm",
         payload: {
           fields: e,
-          dispatch: T,
+          dispatch: E,
           intl: x
         }
       });
       return;
     }
-    T({
+    E({
       type: "submitForm",
       payload: {
         fields: e,
-        dispatch: T,
+        dispatch: E,
         onSuccess: async (k) => {
           try {
-            await m(k), T({ type: u ? "formSubmittedAndReset" : "formSubmitted" });
+            await m(k), E({ type: u ? "formSubmittedAndReset" : "formSubmitted" });
           } catch (C) {
-            _(C), T({ type: "updateValue", payload: { key: "isSubmitting", value: !1 } });
+            g(C), E({ type: "updateValue", payload: { key: "isSubmitting", value: !1 } });
           }
         },
         onFailure: (k, C) => {
-          g(k, C), T({ type: "updateValue", payload: { key: "isSubmitting", value: !1 } });
+          _(k, C), E({ type: "updateValue", payload: { key: "isSubmitting", value: !1 } });
         },
         intl: x
       }
@@ -4346,7 +4382,7 @@ const Dn = ({
       {
         ...v,
         id: n,
-        className: E("form", t),
+        className: T("form", t),
         ref: V,
         children: [
           P != null && P.general ? /* @__PURE__ */ a.jsx(
@@ -4377,7 +4413,7 @@ const Dn = ({
                 functions: {
                   ...k,
                   onChange: (D) => {
-                    T({ type: "updateValue", payload: { key: te, value: D } }), k.onChange(D && D.toString(), T);
+                    E({ type: "updateValue", payload: { key: te, value: D } }), k.onChange(D && D.toString(), E);
                   }
                 }
               },
@@ -4393,7 +4429,7 @@ const Dn = ({
                 "data-gtm-event-context": l.context,
                 "data-gtm-event-type": l.event,
                 disabled: A || F,
-                onClick: h,
+                onClick: p,
                 children: c.text || x.formatMessage({ id: "form_cancel" })
               }
             ),
@@ -4411,7 +4447,7 @@ const Dn = ({
                     "data-gtm-event-context": l.context,
                     "data-gtm-event-type": l.event,
                     disabled: A || F,
-                    onClick: h,
+                    onClick: p,
                     children: c.text || x.formatMessage({ id: "form_cancel" })
                   }
                 ),
@@ -4452,13 +4488,13 @@ const vt = "passwordRules_", oa = "isMoreThanEightCharacters", ca = "includesNum
   className: t = ""
 }) => {
   const n = W();
-  return /* @__PURE__ */ a.jsxs("aside", { className: E("password-rules", t), children: [
+  return /* @__PURE__ */ a.jsxs("aside", { className: T("password-rules", t), children: [
     /* @__PURE__ */ a.jsx("small", { children: n.formatMessage({ id: `${vt}intro` }) }),
     /* @__PURE__ */ a.jsx("ul", { children: [oa, ca, la].map(
       (r) => /* @__PURE__ */ a.jsxs(
         "li",
         {
-          className: E({ matches: e[r] }),
+          className: T({ matches: e[r] }),
           children: [
             /* @__PURE__ */ a.jsxs(_e, { children: [
               n.formatMessage({ id: `${vt}rule_label` }),
@@ -4475,8 +4511,8 @@ const vt = "passwordRules_", oa = "isMoreThanEightCharacters", ca = "includesNum
       )
     ) })
   ] });
-}, Zc = Oe(Si);
-const Uc = ({
+}, Uc = Oe(Si);
+const Hc = ({
   text: e = {},
   topRating: t = 5,
   functions: {
@@ -4511,14 +4547,14 @@ const Uc = ({
     c && !u.setUp && f();
   }, [c]), !c)
     return /* @__PURE__ */ a.jsx(Ee, { className: "rating-placeholder" });
-  const { id: l, rating: m, disabled: h } = u, _ = "ratings_", g = {
-    text: o.formatMessage({ id: `${_}text` }),
-    low: o.formatMessage({ id: `${_}low` }),
-    high: o.formatMessage({ id: `${_}high` }),
-    success: o.formatMessage({ id: `${_}success` }),
+  const { id: l, rating: m, disabled: p } = u, g = "ratings_", _ = {
+    text: o.formatMessage({ id: `${g}text` }),
+    low: o.formatMessage({ id: `${g}low` }),
+    high: o.formatMessage({ id: `${g}high` }),
+    success: o.formatMessage({ id: `${g}success` }),
     ...e
   }, v = async (b) => {
-    if (!(!l || h))
+    if (!(!l || p))
       try {
         d((y) => ({ ...y, rating: b, disabled: !0 })), await r({ id: l, value: b });
       } catch (y) {
@@ -4527,14 +4563,14 @@ const Uc = ({
         d((y) => ({ ...y, disabled: !1 }));
       }
   };
-  return /* @__PURE__ */ a.jsxs("div", { className: E("rating", i), children: [
-    /* @__PURE__ */ a.jsx("span", { className: "label", children: g[m ? "success" : "text"] }),
+  return /* @__PURE__ */ a.jsxs("div", { className: T("rating", i), children: [
+    /* @__PURE__ */ a.jsx("span", { className: "label", children: _[m ? "success" : "text"] }),
     /* @__PURE__ */ a.jsx("ol", { children: Array.from(new Array(t).keys()).map((b) => {
       const y = b + 1;
       return /* @__PURE__ */ a.jsx(
         "li",
         {
-          className: E({ selected: m && y <= m }),
+          className: T({ selected: m && y <= m }),
           children: /* @__PURE__ */ a.jsx(
             ee,
             {
@@ -4546,13 +4582,13 @@ const Uc = ({
                 hover: "star"
               },
               screenreaderText: `${o.formatMessage(
-                { id: `${_}stars` },
+                { id: `${g}stars` },
                 { number: y, total: t }
-              )}${y === 1 || y === t ? ` - ${g[y === 1 ? "low" : "high"]}` : ""}`,
+              )}${y === 1 || y === t ? ` - ${_[y === 1 ? "low" : "high"]}` : ""}`,
               onClick: (j) => {
                 j.preventDefault(), j.stopPropagation(), v(y);
               },
-              disabled: h
+              disabled: p
             }
           )
         },
@@ -4621,37 +4657,37 @@ const $i = ({
   initialFormStatus: d = "NOT_SUBMITTED"
   /* NOT_SUBMITTED */
 }) => {
-  const [f, l] = X([]), [m, h] = X(!0), [_, g] = X(d), { formatMessage: v } = W(), b = async (w) => {
+  const [f, l] = X([]), [m, p] = X(!0), [g, _] = X(d), { formatMessage: v } = W(), b = async (w) => {
     w.preventDefault();
     try {
-      await u(f), l([]), g(
+      await u(f), l([]), _(
         "SUCCESS"
         /* SUCCESS */
       );
     } catch (x) {
-      g(
+      _(
         "ERROR"
         /* ERROR */
       ), o(x);
     }
   }, y = (w) => {
-    w.preventDefault(), g(
+    w.preventDefault(), _(
       "NOT_SUBMITTED"
       /* NOT_SUBMITTED */
-    ), h(!0), l([]);
+    ), p(!0), l([]);
   }, j = (w) => {
-    w.preventDefault(), c(), g(
+    w.preventDefault(), c(), _(
       "CLOSED"
       /* CLOSED */
     );
   };
-  return _ === "CLOSED" ? null : _ === "ERROR" || _ === "SUCCESS" ? /* @__PURE__ */ a.jsxs("div", { className: "invite-form-wrapper", children: [
-    /* @__PURE__ */ a.jsx("div", { className: "content centred", children: _ === "SUCCESS" ? /* @__PURE__ */ a.jsx("h2", { className: "success-title", children: v({ id: "inviteForm_success" }) }) : /* @__PURE__ */ a.jsxs("h2", { className: "error-title", children: [
+  return g === "CLOSED" ? null : g === "ERROR" || g === "SUCCESS" ? /* @__PURE__ */ a.jsxs("div", { className: "invite-form-wrapper", children: [
+    /* @__PURE__ */ a.jsx("div", { className: "content centred", children: g === "SUCCESS" ? /* @__PURE__ */ a.jsx("h2", { className: "success-title", children: v({ id: "inviteForm_success" }) }) : /* @__PURE__ */ a.jsxs("h2", { className: "error-title", children: [
       " ",
       v({ id: "inviteForm_error" })
     ] }) }),
     /* @__PURE__ */ a.jsx(Ae, {}),
-    /* @__PURE__ */ a.jsx("div", { className: "footer", children: _ === "SUCCESS" ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+    /* @__PURE__ */ a.jsx("div", { className: "footer", children: g === "SUCCESS" ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
       /* @__PURE__ */ a.jsx(ee, { variant: "secondary", onClick: y, children: v({ id: "inviteForm_ctaSendMoreInvites" }) }),
       /* @__PURE__ */ a.jsx(ee, { onClick: j, children: v({ id: "inviteForm_ctaDone" }) })
     ] }) : /* @__PURE__ */ a.jsx(ee, { onClick: y, children: v({ id: "inviteForm_ctaTryAgain" }) }) })
@@ -4660,7 +4696,7 @@ const $i = ({
     {
       style: { backgroundColor: i },
       onSubmit: b,
-      className: E("invite-form gtm-trackable"),
+      className: T("invite-form gtm-trackable"),
       children: [
         /* @__PURE__ */ a.jsxs("fieldset", { className: "content", children: [
           /* @__PURE__ */ a.jsx("h2", { className: "title", style: { color: r }, children: e }),
@@ -4673,7 +4709,7 @@ const $i = ({
               placeholder: v({ id: "inviteForm_email_placeholder" }),
               emails: f,
               onChange: (w) => {
-                l(w), h(!w.length);
+                l(w), p(!w.length);
               },
               autoFocus: !1,
               getLabel: (w, x, O) => /* @__PURE__ */ a.jsxs("div", { className: "email text-medium", children: [
@@ -4685,7 +4721,7 @@ const $i = ({
                     size: "small",
                     icon: { icon: "close" },
                     onClick: () => {
-                      O(x), h(!f.length);
+                      O(x), p(!f.length);
                     },
                     className: "remove-email-button",
                     screenreaderText: v({ id: "overlay_close" })
@@ -4720,7 +4756,7 @@ const Mi = ({
     "form",
     {
       onSubmit: f,
-      className: E("search-form gtm-trackable", t),
+      className: T("search-form gtm-trackable", t),
       "data-gtm-event-context": s,
       "data-gtm-event-type": i,
       children: /* @__PURE__ */ a.jsx(
@@ -4864,7 +4900,7 @@ function Ri() {
   if (_r)
     return ce;
   _r = 1;
-  var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, s = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, c = e ? Symbol.for("react.provider") : 60109, o = e ? Symbol.for("react.context") : 60110, u = e ? Symbol.for("react.async_mode") : 60111, d = e ? Symbol.for("react.concurrent_mode") : 60111, f = e ? Symbol.for("react.forward_ref") : 60112, l = e ? Symbol.for("react.suspense") : 60113, m = e ? Symbol.for("react.suspense_list") : 60120, h = e ? Symbol.for("react.memo") : 60115, _ = e ? Symbol.for("react.lazy") : 60116, g = e ? Symbol.for("react.block") : 60121, v = e ? Symbol.for("react.fundamental") : 60117, b = e ? Symbol.for("react.responder") : 60118, y = e ? Symbol.for("react.scope") : 60119;
+  var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, s = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, c = e ? Symbol.for("react.provider") : 60109, o = e ? Symbol.for("react.context") : 60110, u = e ? Symbol.for("react.async_mode") : 60111, d = e ? Symbol.for("react.concurrent_mode") : 60111, f = e ? Symbol.for("react.forward_ref") : 60112, l = e ? Symbol.for("react.suspense") : 60113, m = e ? Symbol.for("react.suspense_list") : 60120, p = e ? Symbol.for("react.memo") : 60115, g = e ? Symbol.for("react.lazy") : 60116, _ = e ? Symbol.for("react.block") : 60121, v = e ? Symbol.for("react.fundamental") : 60117, b = e ? Symbol.for("react.responder") : 60118, y = e ? Symbol.for("react.scope") : 60119;
   function j(x) {
     if (typeof x == "object" && x !== null) {
       var O = x.$$typeof;
@@ -4882,8 +4918,8 @@ function Ri() {
               switch (x = x && x.$$typeof, x) {
                 case o:
                 case f:
-                case _:
-                case h:
+                case g:
+                case p:
                 case c:
                   return x;
                 default:
@@ -4898,7 +4934,7 @@ function Ri() {
   function w(x) {
     return j(x) === d;
   }
-  return ce.AsyncMode = u, ce.ConcurrentMode = d, ce.ContextConsumer = o, ce.ContextProvider = c, ce.Element = t, ce.ForwardRef = f, ce.Fragment = r, ce.Lazy = _, ce.Memo = h, ce.Portal = n, ce.Profiler = i, ce.StrictMode = s, ce.Suspense = l, ce.isAsyncMode = function(x) {
+  return ce.AsyncMode = u, ce.ConcurrentMode = d, ce.ContextConsumer = o, ce.ContextProvider = c, ce.Element = t, ce.ForwardRef = f, ce.Fragment = r, ce.Lazy = g, ce.Memo = p, ce.Portal = n, ce.Profiler = i, ce.StrictMode = s, ce.Suspense = l, ce.isAsyncMode = function(x) {
     return w(x) || j(x) === u;
   }, ce.isConcurrentMode = w, ce.isContextConsumer = function(x) {
     return j(x) === o;
@@ -4911,9 +4947,9 @@ function Ri() {
   }, ce.isFragment = function(x) {
     return j(x) === r;
   }, ce.isLazy = function(x) {
-    return j(x) === _;
+    return j(x) === g;
   }, ce.isMemo = function(x) {
-    return j(x) === h;
+    return j(x) === p;
   }, ce.isPortal = function(x) {
     return j(x) === n;
   }, ce.isProfiler = function(x) {
@@ -4923,7 +4959,7 @@ function Ri() {
   }, ce.isSuspense = function(x) {
     return j(x) === l;
   }, ce.isValidElementType = function(x) {
-    return typeof x == "string" || typeof x == "function" || x === r || x === d || x === i || x === s || x === l || x === m || typeof x == "object" && x !== null && (x.$$typeof === _ || x.$$typeof === h || x.$$typeof === c || x.$$typeof === o || x.$$typeof === f || x.$$typeof === v || x.$$typeof === b || x.$$typeof === y || x.$$typeof === g);
+    return typeof x == "string" || typeof x == "function" || x === r || x === d || x === i || x === s || x === l || x === m || typeof x == "object" && x !== null && (x.$$typeof === g || x.$$typeof === p || x.$$typeof === c || x.$$typeof === o || x.$$typeof === f || x.$$typeof === v || x.$$typeof === b || x.$$typeof === y || x.$$typeof === _);
   }, ce.typeOf = j, ce;
 }
 var le = {};
@@ -4938,10 +4974,10 @@ var le = {};
 var vr;
 function Pi() {
   return vr || (vr = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, s = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, c = e ? Symbol.for("react.provider") : 60109, o = e ? Symbol.for("react.context") : 60110, u = e ? Symbol.for("react.async_mode") : 60111, d = e ? Symbol.for("react.concurrent_mode") : 60111, f = e ? Symbol.for("react.forward_ref") : 60112, l = e ? Symbol.for("react.suspense") : 60113, m = e ? Symbol.for("react.suspense_list") : 60120, h = e ? Symbol.for("react.memo") : 60115, _ = e ? Symbol.for("react.lazy") : 60116, g = e ? Symbol.for("react.block") : 60121, v = e ? Symbol.for("react.fundamental") : 60117, b = e ? Symbol.for("react.responder") : 60118, y = e ? Symbol.for("react.scope") : 60119;
+    var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, s = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, c = e ? Symbol.for("react.provider") : 60109, o = e ? Symbol.for("react.context") : 60110, u = e ? Symbol.for("react.async_mode") : 60111, d = e ? Symbol.for("react.concurrent_mode") : 60111, f = e ? Symbol.for("react.forward_ref") : 60112, l = e ? Symbol.for("react.suspense") : 60113, m = e ? Symbol.for("react.suspense_list") : 60120, p = e ? Symbol.for("react.memo") : 60115, g = e ? Symbol.for("react.lazy") : 60116, _ = e ? Symbol.for("react.block") : 60121, v = e ? Symbol.for("react.fundamental") : 60117, b = e ? Symbol.for("react.responder") : 60118, y = e ? Symbol.for("react.scope") : 60119;
     function j(N) {
       return typeof N == "string" || typeof N == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      N === r || N === d || N === i || N === s || N === l || N === m || typeof N == "object" && N !== null && (N.$$typeof === _ || N.$$typeof === h || N.$$typeof === c || N.$$typeof === o || N.$$typeof === f || N.$$typeof === v || N.$$typeof === b || N.$$typeof === y || N.$$typeof === g);
+      N === r || N === d || N === i || N === s || N === l || N === m || typeof N == "object" && N !== null && (N.$$typeof === g || N.$$typeof === p || N.$$typeof === c || N.$$typeof === o || N.$$typeof === f || N.$$typeof === v || N.$$typeof === b || N.$$typeof === y || N.$$typeof === _);
     }
     function w(N) {
       if (typeof N == "object" && N !== null) {
@@ -4962,8 +4998,8 @@ function Pi() {
                 switch (Se) {
                   case o:
                   case f:
-                  case _:
-                  case h:
+                  case g:
+                  case p:
                   case c:
                     return Se;
                   default:
@@ -4975,7 +5011,7 @@ function Pi() {
         }
       }
     }
-    var x = u, O = d, $ = o, T = c, P = t, A = f, F = r, ue = _, L = h, V = n, G = i, Z = s, U = l, te = !1;
+    var x = u, O = d, $ = o, E = c, P = t, A = f, F = r, ue = g, L = p, V = n, G = i, Z = s, U = l, te = !1;
     function ie(N) {
       return te || (te = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), k(N) || w(N) === u;
     }
@@ -4998,10 +5034,10 @@ function Pi() {
       return w(N) === r;
     }
     function H(N) {
-      return w(N) === _;
+      return w(N) === g;
     }
     function q(N) {
-      return w(N) === h;
+      return w(N) === p;
     }
     function Y(N) {
       return w(N) === n;
@@ -5015,7 +5051,7 @@ function Pi() {
     function re(N) {
       return w(N) === l;
     }
-    le.AsyncMode = x, le.ConcurrentMode = O, le.ContextConsumer = $, le.ContextProvider = T, le.Element = P, le.ForwardRef = A, le.Fragment = F, le.Lazy = ue, le.Memo = L, le.Portal = V, le.Profiler = G, le.StrictMode = Z, le.Suspense = U, le.isAsyncMode = ie, le.isConcurrentMode = k, le.isContextConsumer = C, le.isContextProvider = D, le.isElement = I, le.isForwardRef = B, le.isFragment = K, le.isLazy = H, le.isMemo = q, le.isPortal = Y, le.isProfiler = J, le.isStrictMode = M, le.isSuspense = re, le.isValidElementType = j, le.typeOf = w;
+    le.AsyncMode = x, le.ConcurrentMode = O, le.ContextConsumer = $, le.ContextProvider = E, le.Element = P, le.ForwardRef = A, le.Fragment = F, le.Lazy = ue, le.Memo = L, le.Portal = V, le.Profiler = G, le.StrictMode = Z, le.Suspense = U, le.isAsyncMode = ie, le.isConcurrentMode = k, le.isContextConsumer = C, le.isContextProvider = D, le.isElement = I, le.isForwardRef = B, le.isFragment = K, le.isLazy = H, le.isMemo = q, le.isPortal = Y, le.isProfiler = J, le.isStrictMode = M, le.isSuspense = re, le.isValidElementType = j, le.typeOf = w;
   }()), le;
 }
 process.env.NODE_ENV === "production" ? kn.exports = Ri() : kn.exports = Pi();
@@ -5115,16 +5151,16 @@ function Oi() {
               throw m.name = "Invariant Violation", m;
             }
             l = i[f](c, f, u, o, null, t);
-          } catch (_) {
-            l = _;
+          } catch (g) {
+            l = g;
           }
           if (l && !(l instanceof Error) && e(
             (u || "React class") + ": type specification of " + o + " `" + f + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof l + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
           ), l instanceof Error && !(l.message in n)) {
             n[l.message] = !0;
-            var h = d ? d() : "";
+            var p = d ? d() : "";
             e(
-              "Failed " + o + " type: " + l.message + (h ?? "")
+              "Failed " + o + " type: " + l.message + (p ?? "")
             );
           }
         }
@@ -5159,7 +5195,7 @@ function Fi() {
       if (typeof C == "function")
         return C;
     }
-    var m = "<<anonymous>>", h = {
+    var m = "<<anonymous>>", p = {
       array: b("array"),
       bigint: b("bigint"),
       bool: b("boolean"),
@@ -5174,19 +5210,19 @@ function Fi() {
       elementType: x(),
       instanceOf: O,
       node: A(),
-      objectOf: T,
+      objectOf: E,
       oneOf: $,
       oneOfType: P,
       shape: ue,
       exact: L
     };
-    function _(k, C) {
+    function g(k, C) {
       return k === C ? k !== 0 || 1 / k === 1 / C : k !== k && C !== C;
     }
-    function g(k, C) {
+    function _(k, C) {
       this.message = k, this.data = C && typeof C == "object" ? C : {}, this.stack = "";
     }
-    g.prototype = Error.prototype;
+    _.prototype = Error.prototype;
     function v(k) {
       if (process.env.NODE_ENV !== "production")
         var C = {}, D = 0;
@@ -5205,7 +5241,7 @@ function Fi() {
             ), C[ge] = !0, D++);
           }
         }
-        return H[q] == null ? K ? H[q] === null ? new g("The " + J + " `" + M + "` is marked as required " + ("in `" + Y + "`, but its value is `null`.")) : new g("The " + J + " `" + M + "` is marked as required in " + ("`" + Y + "`, but its value is `undefined`.")) : null : k(H, q, Y, J, M);
+        return H[q] == null ? K ? H[q] === null ? new _("The " + J + " `" + M + "` is marked as required " + ("in `" + Y + "`, but its value is `null`.")) : new _("The " + J + " `" + M + "` is marked as required in " + ("`" + Y + "`, but its value is `undefined`.")) : null : k(H, q, Y, J, M);
       }
       var B = I.bind(null, !1);
       return B.isRequired = I.bind(null, !0), B;
@@ -5215,7 +5251,7 @@ function Fi() {
         var Y = D[I], J = Z(Y);
         if (J !== k) {
           var M = U(Y);
-          return new g(
+          return new _(
             "Invalid " + K + " `" + H + "` of type " + ("`" + M + "` supplied to `" + B + "`, expected ") + ("`" + k + "`."),
             { expectedType: k }
           );
@@ -5230,11 +5266,11 @@ function Fi() {
     function j(k) {
       function C(D, I, B, K, H) {
         if (typeof k != "function")
-          return new g("Property `" + H + "` of component `" + B + "` has invalid PropType notation inside arrayOf.");
+          return new _("Property `" + H + "` of component `" + B + "` has invalid PropType notation inside arrayOf.");
         var q = D[I];
         if (!Array.isArray(q)) {
           var Y = Z(q);
-          return new g("Invalid " + K + " `" + H + "` of type " + ("`" + Y + "` supplied to `" + B + "`, expected an array."));
+          return new _("Invalid " + K + " `" + H + "` of type " + ("`" + Y + "` supplied to `" + B + "`, expected an array."));
         }
         for (var J = 0; J < q.length; J++) {
           var M = k(q, J, B, K, H + "[" + J + "]", n);
@@ -5250,7 +5286,7 @@ function Fi() {
         var H = C[D];
         if (!o(H)) {
           var q = Z(H);
-          return new g("Invalid " + B + " `" + K + "` of type " + ("`" + q + "` supplied to `" + I + "`, expected a single ReactElement."));
+          return new _("Invalid " + B + " `" + K + "` of type " + ("`" + q + "` supplied to `" + I + "`, expected a single ReactElement."));
         }
         return null;
       }
@@ -5261,7 +5297,7 @@ function Fi() {
         var H = C[D];
         if (!e.isValidElementType(H)) {
           var q = Z(H);
-          return new g("Invalid " + B + " `" + K + "` of type " + ("`" + q + "` supplied to `" + I + "`, expected a single ReactElement type."));
+          return new _("Invalid " + B + " `" + K + "` of type " + ("`" + q + "` supplied to `" + I + "`, expected a single ReactElement type."));
         }
         return null;
       }
@@ -5271,7 +5307,7 @@ function Fi() {
       function C(D, I, B, K, H) {
         if (!(D[I] instanceof k)) {
           var q = k.name || m, Y = ie(D[I]);
-          return new g("Invalid " + K + " `" + H + "` of type " + ("`" + Y + "` supplied to `" + B + "`, expected ") + ("instance of `" + q + "`."));
+          return new _("Invalid " + K + " `" + H + "` of type " + ("`" + Y + "` supplied to `" + B + "`, expected ") + ("instance of `" + q + "`."));
         }
         return null;
       }
@@ -5284,23 +5320,23 @@ function Fi() {
         ) : i("Invalid argument supplied to oneOf, expected an array.")), c;
       function C(D, I, B, K, H) {
         for (var q = D[I], Y = 0; Y < k.length; Y++)
-          if (_(q, k[Y]))
+          if (g(q, k[Y]))
             return null;
         var J = JSON.stringify(k, function(re, N) {
           var ge = U(N);
           return ge === "symbol" ? String(N) : N;
         });
-        return new g("Invalid " + K + " `" + H + "` of value `" + String(q) + "` " + ("supplied to `" + B + "`, expected one of " + J + "."));
+        return new _("Invalid " + K + " `" + H + "` of value `" + String(q) + "` " + ("supplied to `" + B + "`, expected one of " + J + "."));
       }
       return v(C);
     }
-    function T(k) {
+    function E(k) {
       function C(D, I, B, K, H) {
         if (typeof k != "function")
-          return new g("Property `" + H + "` of component `" + B + "` has invalid PropType notation inside objectOf.");
+          return new _("Property `" + H + "` of component `" + B + "` has invalid PropType notation inside objectOf.");
         var q = D[I], Y = Z(q);
         if (Y !== "object")
-          return new g("Invalid " + K + " `" + H + "` of type " + ("`" + Y + "` supplied to `" + B + "`, expected an object."));
+          return new _("Invalid " + K + " `" + H + "` of type " + ("`" + Y + "` supplied to `" + B + "`, expected an object."));
         for (var J in q)
           if (r(q, J)) {
             var M = k(q, J, B, K, H + "." + J, n);
@@ -5329,18 +5365,18 @@ function Fi() {
           N.data && r(N.data, "expectedType") && J.push(N.data.expectedType);
         }
         var ge = J.length > 0 ? ", expected one of type [" + J.join(", ") + "]" : "";
-        return new g("Invalid " + q + " `" + Y + "` supplied to " + ("`" + H + "`" + ge + "."));
+        return new _("Invalid " + q + " `" + Y + "` supplied to " + ("`" + H + "`" + ge + "."));
       }
       return v(I);
     }
     function A() {
       function k(C, D, I, B, K) {
-        return V(C[D]) ? null : new g("Invalid " + B + " `" + K + "` supplied to " + ("`" + I + "`, expected a ReactNode."));
+        return V(C[D]) ? null : new _("Invalid " + B + " `" + K + "` supplied to " + ("`" + I + "`, expected a ReactNode."));
       }
       return v(k);
     }
     function F(k, C, D, I, B) {
-      return new g(
+      return new _(
         (k || "React class") + ": " + C + " type `" + D + "." + I + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + B + "`."
       );
     }
@@ -5348,7 +5384,7 @@ function Fi() {
       function C(D, I, B, K, H) {
         var q = D[I], Y = Z(q);
         if (Y !== "object")
-          return new g("Invalid " + K + " `" + H + "` of type `" + Y + "` " + ("supplied to `" + B + "`, expected `object`."));
+          return new _("Invalid " + K + " `" + H + "` of type `" + Y + "` " + ("supplied to `" + B + "`, expected `object`."));
         for (var J in k) {
           var M = k[J];
           if (typeof M != "function")
@@ -5365,14 +5401,14 @@ function Fi() {
       function C(D, I, B, K, H) {
         var q = D[I], Y = Z(q);
         if (Y !== "object")
-          return new g("Invalid " + K + " `" + H + "` of type `" + Y + "` " + ("supplied to `" + B + "`, expected `object`."));
+          return new _("Invalid " + K + " `" + H + "` of type `" + Y + "` " + ("supplied to `" + B + "`, expected `object`."));
         var J = t({}, D[I], k);
         for (var M in J) {
           var re = k[M];
           if (r(k, M) && typeof re != "function")
             return F(B, K, H, M, U(re));
           if (!re)
-            return new g(
+            return new _(
               "Invalid " + K + " `" + H + "` key `" + M + "` supplied to `" + B + "`.\nBad object: " + JSON.stringify(D[I], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(k), null, "  ")
             );
@@ -5453,7 +5489,7 @@ Valid keys: ` + JSON.stringify(Object.keys(k), null, "  ")
     function ie(k) {
       return !k.constructor || !k.constructor.name ? m : k.constructor.name;
     }
-    return h.checkPropTypes = s, h.resetWarningCache = s.resetWarningCache, h.PropTypes = h, h;
+    return p.checkPropTypes = s, p.resetWarningCache = s.resetWarningCache, p.PropTypes = p, p;
   }, an;
 }
 var sn, kr;
@@ -5751,8 +5787,8 @@ function no(e, t) {
           l.observers[m](l);
         delete window[t.callbackName];
       }, d.componentDidMount = function() {
-        var l = this, m = this.setupScriptURL(), h = this.asyncScriptLoaderGetScriptLoaderID(), _ = t, g = _.globalName, v = _.callbackName, b = _.scriptId;
-        if (g && typeof window[g] < "u" && (Te[m] = {
+        var l = this, m = this.setupScriptURL(), p = this.asyncScriptLoaderGetScriptLoaderID(), g = t, _ = g.globalName, v = g.callbackName, b = g.scriptId;
+        if (_ && typeof window[_] < "u" && (Te[m] = {
           loaded: !0,
           observers: {}
         }), Te[m]) {
@@ -5761,13 +5797,13 @@ function no(e, t) {
             this.asyncScriptLoaderHandleLoad(y);
             return;
           }
-          y.observers[h] = function($) {
+          y.observers[p] = function($) {
             return l.asyncScriptLoaderHandleLoad($);
           };
           return;
         }
         var j = {};
-        j[h] = function($) {
+        j[p] = function($) {
           return l.asyncScriptLoaderHandleLoad($);
         }, Te[m] = {
           loaded: !1,
@@ -5778,38 +5814,38 @@ function no(e, t) {
         for (var x in t.attributes)
           w.setAttribute(x, t.attributes[x]);
         b && (w.id = b);
-        var O = function(T) {
+        var O = function(E) {
           if (Te[m]) {
             var P = Te[m], A = P.observers;
             for (var F in A)
-              T(A[F]) && delete A[F];
+              E(A[F]) && delete A[F];
           }
         };
         v && typeof window < "u" && (window[v] = function() {
           return l.asyncScriptLoaderTriggerOnScriptLoaded();
         }), w.onload = function() {
           var $ = Te[m];
-          $ && ($.loaded = !0, O(function(T) {
-            return v ? !1 : (T($), !0);
+          $ && ($.loaded = !0, O(function(E) {
+            return v ? !1 : (E($), !0);
           }));
         }, w.onerror = function() {
           var $ = Te[m];
-          $ && ($.errored = !0, O(function(T) {
-            return T($), !0;
+          $ && ($.errored = !0, O(function(E) {
+            return E($), !0;
           }));
         }, document.body.appendChild(w);
       }, d.componentWillUnmount = function() {
         var l = this.__scriptURL;
         if (t.removeOnUnmount === !0)
-          for (var m = document.getElementsByTagName("script"), h = 0; h < m.length; h += 1)
-            m[h].src.indexOf(l) > -1 && m[h].parentNode && m[h].parentNode.removeChild(m[h]);
-        var _ = Te[l];
-        _ && (delete _.observers[this.asyncScriptLoaderGetScriptLoaderID()], t.removeOnUnmount === !0 && delete Te[l]);
+          for (var m = document.getElementsByTagName("script"), p = 0; p < m.length; p += 1)
+            m[p].src.indexOf(l) > -1 && m[p].parentNode && m[p].parentNode.removeChild(m[p]);
+        var g = Te[l];
+        g && (delete g.observers[this.asyncScriptLoaderGetScriptLoaderID()], t.removeOnUnmount === !0 && delete Te[l]);
       }, d.render = function() {
         var l = t.globalName, m = this.props;
         m.asyncScriptOnLoad;
-        var h = m.forwardedRef, _ = Xi(m, ["asyncScriptOnLoad", "forwardedRef"]);
-        return l && typeof window < "u" && (_[l] = typeof window[l] < "u" ? window[l] : void 0), _.ref = h, cr(r, _);
+        var p = m.forwardedRef, g = Xi(m, ["asyncScriptOnLoad", "forwardedRef"]);
+        return l && typeof window < "u" && (g[l] = typeof window[l] < "u" ? window[l] : void 0), g.ref = p, cr(r, g);
       }, u;
     }(Wa), c = Ha(function(o, u) {
       return cr(i, Sn({}, o, {
@@ -5851,16 +5887,16 @@ const so = no(ao, {
   intl: f
   // We need to pass `intl` in as it's being used in a hook
 }) => {
-  const { emailDetails: l, loadRecaptcha: m } = o, h = (g, v) => {
-    g.current && o.validFields[v] !== g.current.validity.valid && u([{ type: `validFields.${v}`, value: g.current.validity.valid }]);
-  }, _ = [
+  const { emailDetails: l, loadRecaptcha: m } = o, p = (_, v) => {
+    _.current && o.validFields[v] !== _.current.validity.valid && u([{ type: `validFields.${v}`, value: _.current.validity.valid }]);
+  }, g = [
     {
       id: "full_name",
       type: "text",
       inputRef: c.name,
       placeholder: f.formatMessage({ id: "signup_full_name_placeholder" }),
       functions: {
-        onChange: () => h(c.name, "name"),
+        onChange: () => p(c.name, "name"),
         onFocus: () => u([{ type: "loadRecaptcha", value: !0 }])
       },
       autoComplete: "name",
@@ -5878,7 +5914,7 @@ const so = no(ao, {
         onBlur: () => {
           gr({ ref: c.email, validateEmail: t, dispatch: u });
         },
-        onChange: (g, v) => {
+        onChange: (_, v) => {
           v && v({
             type: "updateValue",
             payload: { key: "terms", value: !1 }
@@ -5899,14 +5935,14 @@ const so = no(ao, {
       }
     }
   ];
-  return o.shouldManuallyApprove && (_.push(
+  return o.shouldManuallyApprove && (g.push(
     {
       id: "job_title",
       type: "text",
       inputRef: c.jobTitle,
       placeholder: f.formatMessage({ id: "signup_job_title_placeholder" }),
       functions: {
-        onChange: () => h(c.jobTitle, "jobTitle")
+        onChange: () => p(c.jobTitle, "jobTitle")
       },
       validation: [{ condition: "required" }],
       "data-testid": "signup-job-input"
@@ -5920,37 +5956,37 @@ const so = no(ao, {
       }),
       functions: {
         onChange: () => {
-          h(c.organisation, "organisation");
+          p(c.organisation, "organisation");
         }
       },
       validation: [{ condition: "required" }],
       "data-testid": "signup-org-input"
     }
-  ), e.url && _.push({
+  ), e.url && g.push({
     id: "url",
     type: "text",
     label: f.formatMessage(
       { id: "signup_url" },
       {
-        small: (g) => /* @__PURE__ */ a.jsx("small", { children: g })
+        small: (_) => /* @__PURE__ */ a.jsx("small", { children: _ })
       }
     ),
     placeholder: f.formatMessage({ id: "signup_url_placeholder" }),
     validation: [{ condition: "valid-url" }],
     "data-testid": "signup-url-input"
-  })), e.expectation && _.push({
+  })), e.expectation && g.push({
     id: "expectation",
     className: "expectation",
     type: "text",
     label: f.formatMessage(
       { id: "signup_expectation" },
       {
-        small: (g) => /* @__PURE__ */ a.jsx("small", { className: "notes text-small", children: g })
+        small: (_) => /* @__PURE__ */ a.jsx("small", { className: "notes text-small", children: _ })
       }
     ),
     placeholder: f.formatMessage({ id: "signup_expectation_placeholder" }),
     "data-testid": "signup-events-question"
-  }), _.push({
+  }), g.push({
     id: "terms",
     className: "text-small",
     type: "checkbox",
@@ -5958,32 +5994,32 @@ const so = no(ao, {
     label: f.formatMessage(
       { id: "signup_terms" },
       {
-        terms: (g) => /* @__PURE__ */ a.jsx(
+        terms: (_) => /* @__PURE__ */ a.jsx(
           "a",
           {
             href: "https://about.apolitical.co/terms-and-conditions",
             "data-gtm-event-context": "SignupForm",
             "data-gtm-event-type": "terms-of-service-click",
             className: "gtm-trackable",
-            children: g
+            children: _
           }
         ),
-        privacy: (g) => /* @__PURE__ */ a.jsx(
+        privacy: (_) => /* @__PURE__ */ a.jsx(
           "a",
           {
             href: "https://about.apolitical.co/privacy-policy",
             "data-gtm-event-context": "SignupForm",
             "data-gtm-event-type": "privacy-policy-click",
             className: "gtm-trackable",
-            children: g
+            children: _
           }
         )
       }
     ),
     shownValue: "accepted",
     functions: {
-      onChange: (g) => {
-        if (!g)
+      onChange: (_) => {
+        if (!_)
           return;
         const v = [];
         ["name", "email"].forEach((b) => {
@@ -5996,7 +6032,7 @@ const so = no(ao, {
     },
     validation: [{ condition: "required" }],
     "data-testid": "signup-terms-checkbox"
-  }), !l.isEnd2End && m && _.push({
+  }), !l.isEnd2End && m && g.push({
     component: so,
     functions: { onChange: () => {
     } },
@@ -6016,12 +6052,12 @@ const so = no(ao, {
       size: "invisible",
       badge: "bottomright"
     }
-  }), _;
+  }), g;
 };
 const oo = ({ className: e = "" }) => /* @__PURE__ */ a.jsxs(
   "div",
   {
-    className: E("success-message", e),
+    className: T("success-message", e),
     "data-testid": "success-message",
     children: [
       /* @__PURE__ */ a.jsx("p", { className: "success-title", children: /* @__PURE__ */ a.jsx(we, { id: "signup_success_title" }) }),
@@ -6049,7 +6085,7 @@ const co = {
   loadRecaptcha: !1,
   showSuccessMessage: !1,
   showError: !1
-}, Hc = ({
+}, Wc = ({
   className: e = "",
   functions: t = {
     validateEmail: () => Promise.resolve(),
@@ -6075,8 +6111,8 @@ const co = {
     emailDetails: f,
     shouldManuallyApprove: l,
     showSuccessMessage: m,
-    showError: h
-  } = o, [_, g] = Br([
+    showError: p
+  } = o, [g, _] = Br([
     "signup-this-session",
     "functional-cookie-consent"
   ]), v = {
@@ -6092,14 +6128,14 @@ const co = {
   se(() => {
     l === !0 && v.jobTitle.current && v.jobTitle.current.focus();
   }, [l]), se(() => {
-    (i.showSuccessMessage || _["signup-this-session"]) && u([{ type: "showSuccessMessage", value: !0 }]);
-  }, [_]), se(() => {
-    if (m && _["functional-cookie-consent"]) {
+    (i.showSuccessMessage || g["signup-this-session"]) && u([{ type: "showSuccessMessage", value: !0 }]);
+  }, [g]), se(() => {
+    if (m && g["functional-cookie-consent"]) {
       const j = {
         path: "/",
         maxAge: 3600
       };
-      i.showSuccessMessage || g("signup-this-session", "true", j);
+      i.showSuccessMessage || _("signup-this-session", "true", j);
     }
   }, [m]);
   const b = ct(() => io({
@@ -6114,11 +6150,11 @@ const co = {
   return n.successMessage && m ? /* @__PURE__ */ a.jsx(oo, { className: e }) : /* @__PURE__ */ a.jsxs(
     "fieldset",
     {
-      className: E("signup-form-fieldset", e),
+      className: T("signup-form-fieldset", e),
       "data-testid": "signup-form",
       children: [
         n.title && /* @__PURE__ */ a.jsx("p", { className: "signup-title", children: /* @__PURE__ */ a.jsx(we, { id: "signup_title" }) }),
-        h && /* @__PURE__ */ a.jsx(
+        p && /* @__PURE__ */ a.jsx(
           Ke,
           {
             variant: "error",
@@ -6188,7 +6224,7 @@ const co = {
   );
 };
 let on;
-const cn = "contactFooter_", Wc = ({ onSuccess: e = async () => {
+const cn = "contactFooter_", Vc = ({ onSuccess: e = async () => {
 }, onFailure: t = () => {
 } }) => {
   const n = me(null), [r, s] = z.useState(0), [i, c] = z.useState(!1), o = () => {
@@ -6225,7 +6261,7 @@ const cn = "contactFooter_", Wc = ({ onSuccess: e = async () => {
       }
     )
   ] }) });
-}, Vc = ({ activeLink: e, ...t }) => /* @__PURE__ */ a.jsx(Ge, { children: /* @__PURE__ */ a.jsx(vi, { layout: "1-3", children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+}, Yc = ({ activeLink: e, ...t }) => /* @__PURE__ */ a.jsx(Ge, { children: /* @__PURE__ */ a.jsx(vi, { layout: "1-3", children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
   /* @__PURE__ */ a.jsx(pi, { activeLink: e }),
   /* @__PURE__ */ a.jsx(Gs, { ...t })
 ] }) }) });
@@ -6675,9 +6711,9 @@ const Ue = "footer_", Ct = "SiteFooter", Cr = ({ group: e }) => {
       ...o.props || {}
     });
   }
-  const h = o.order && o.order[0] && o[o.order[0]], _ = h && o[o.order[0]].order, g = m && window.location.pathname === o.href;
+  const p = o.order && o.order[0] && o[o.order[0]], g = p && o[o.order[0]].order, _ = m && window.location.pathname === o.href;
   let v = {}, b = {};
-  if (h) {
+  if (p) {
     const y = o.menuId || e, j = {
       onClick: (w) => de.events.onClick(w, { id: y, callback: s, isOpen: r[y] }),
       onFocus: () => de.events.onFocus({ id: y }),
@@ -6685,7 +6721,7 @@ const Ue = "footer_", Ct = "SiteFooter", Cr = ({ group: e }) => {
       onMouseLeave: () => de.events.onBlur({ id: y, callback: s }),
       onMouseEnter: () => de.events.onMouseEnter({ id: y, callback: s })
     };
-    n && (_ && (v = {
+    n && (g && (v = {
       ...j,
       onKeyPress: (w) => {
         w.key === "Enter" && de.events.onClick(w, { id: y, callback: s, isOpen: r[y] });
@@ -6695,7 +6731,7 @@ const Ue = "footer_", Ct = "SiteFooter", Cr = ({ group: e }) => {
       "aria-haspopup": !0,
       "aria-expanded": r[y],
       "aria-controls": y
-    }), b = { hidden: y in r ? !r[y] : !0 }), _ || (b = {
+    }), b = { hidden: y in r ? !r[y] : !0 }), g || (b = {
       ...b,
       ...j
     });
@@ -6703,11 +6739,11 @@ const Ue = "footer_", Ct = "SiteFooter", Cr = ({ group: e }) => {
   return /* @__PURE__ */ a.jsxs(
     "li",
     {
-      className: E({
+      className: T({
         [o.className]: o.className,
-        "has-submenu": h,
-        parent: _,
-        active: g
+        "has-submenu": p,
+        parent: g,
+        active: _
       }),
       role: "none",
       ...v,
@@ -6730,7 +6766,7 @@ const Ue = "footer_", Ct = "SiteFooter", Cr = ({ group: e }) => {
           return o[y].order ? /* @__PURE__ */ a.jsxs(
             "li",
             {
-              className: E({
+              className: T({
                 [o[y].className]: o[y].className
               }),
               children: [
@@ -6783,8 +6819,8 @@ const uo = { height: 67, height_desktop: 83 }, ha = ({ showNavigation: e = !0 })
       }
     }
   });
-  const l = (h, _) => {
-    de.handleMenus({ id: h, value: _, menus: d, dispatch: o });
+  const l = (p, g) => {
+    de.handleMenus({ id: p, value: g, menus: d, dispatch: o });
   }, m = me(null);
   return ot(() => {
     d.navigation && de.autoFocus({
@@ -6807,7 +6843,7 @@ const uo = { height: 67, height_desktop: 83 }, ha = ({ showNavigation: e = !0 })
       "nav",
       {
         id: "header",
-        className: E({
+        className: T({
           "logged-in": s,
           "logged-out": !s,
           visible: u
@@ -6827,8 +6863,8 @@ const uo = { height: 67, height_desktop: 83 }, ha = ({ showNavigation: e = !0 })
               "button",
               {
                 className: "menu-button gtm-trackable",
-                onClick: (h) => {
-                  h.preventDefault(), h.stopPropagation(), l("navigation", !d.navigation);
+                onClick: (p) => {
+                  p.preventDefault(), p.stopPropagation(), l("navigation", !d.navigation);
                 },
                 "data-gtm-event-type": "open-tab-menu-click",
                 "data-gtm-event-context": "HeaderLeft-Chevron",
@@ -6848,16 +6884,16 @@ const uo = { height: 67, height_desktop: 83 }, ha = ({ showNavigation: e = !0 })
                 hidden: i.navigation || d.account ? !1 : !d.navigation,
                 role: "menu",
                 "data-showing": !i.navigation && d.account ? "account" : "default",
-                children: $t.order.map((h) => /* @__PURE__ */ a.jsx(
+                children: $t.order.map((p) => /* @__PURE__ */ a.jsx(
                   Mt,
                   {
-                    id: h,
+                    id: p,
                     isLoggedIn: s,
                     isDesktopVersion: i.navigation,
                     menus: { navigation: d.navigation, account: d.account },
                     callback: l
                   },
-                  h
+                  p
                 ))
               }
             ),
@@ -6865,8 +6901,8 @@ const uo = { height: 67, height_desktop: 83 }, ha = ({ showNavigation: e = !0 })
               "button",
               {
                 className: "search toggle-search-button",
-                onClick: (h) => {
-                  h.preventDefault(), h.stopPropagation(), l("search", !d.search);
+                onClick: (p) => {
+                  p.preventDefault(), p.stopPropagation(), l("search", !d.search);
                 },
                 "aria-haspopup": "true",
                 "aria-expanded": d.search,
@@ -6897,7 +6933,7 @@ const uo = { height: 67, height_desktop: 83 }, ha = ({ showNavigation: e = !0 })
               "button",
               {
                 className: "account-button",
-                onClick: (h) => de.events.onClick(h, {
+                onClick: (p) => de.events.onClick(p, {
                   id: "account",
                   callback: l,
                   isOpen: d.account
@@ -6920,7 +6956,7 @@ const uo = { height: 67, height_desktop: 83 }, ha = ({ showNavigation: e = !0 })
                   )
                 ]
               }
-            ) : /* @__PURE__ */ a.jsx("ul", { className: "sign-in-buttons", children: $t.buttons.order.map((h) => /* @__PURE__ */ a.jsx(Mt, { id: `buttons.${h}` }, h)) })
+            ) : /* @__PURE__ */ a.jsx("ul", { className: "sign-in-buttons", children: $t.buttons.order.map((p) => /* @__PURE__ */ a.jsx(Mt, { id: `buttons.${p}` }, p)) })
           ] })
         ]
       }
@@ -6929,7 +6965,7 @@ const uo = { height: 67, height_desktop: 83 }, ha = ({ showNavigation: e = !0 })
     /* @__PURE__ */ a.jsx(
       "div",
       {
-        className: E("overlay", {
+        className: T("overlay", {
           open: d.navigation || d.account || !i.search && d.search
         })
       }
@@ -6937,7 +6973,7 @@ const uo = { height: 67, height_desktop: 83 }, ha = ({ showNavigation: e = !0 })
   ] });
 };
 const ga = ({ element: e = "section", children: t, className: n, ...r }) => z.createElement(e, {
-  className: E("modal", n),
+  className: T("modal", n),
   children: typeof t == "string" ? /* @__PURE__ */ a.jsx("p", { children: t }) : t,
   ...r
 });
@@ -6956,19 +6992,19 @@ const Zn = ({
   className: f = "",
   gtmContext: l = "Modal"
 }) => {
-  const m = W(), [h, _] = X(t), g = (b) => {
-    _(b), b ? (s(), document.body.classList.add("has-overlay")) : (i(), document.body.classList.remove("has-overlay"));
+  const m = W(), [p, g] = X(t), _ = (b) => {
+    g(b), b ? (s(), document.body.classList.add("has-overlay")) : (i(), document.body.classList.remove("has-overlay"));
   };
   se(() => {
-    g(t);
+    _(t);
   }, [t]);
   const v = r ? { "--max-width": `${r / 16}rem` } : {};
-  return /* @__PURE__ */ a.jsx("div", { className: E("overlay", { open: h }), children: /* @__PURE__ */ a.jsx(
+  return /* @__PURE__ */ a.jsx("div", { className: T("overlay", { open: p }), children: /* @__PURE__ */ a.jsx(
     ga,
     {
       id: e,
-      className: E("overlay-modal", f, { "has-max-width": r }),
-      hidden: !h,
+      className: T("overlay-modal", f, { "has-max-width": r }),
+      hidden: !p,
       style: v,
       children: t && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
         /* @__PURE__ */ a.jsxs("div", { className: "top", children: [
@@ -6979,7 +7015,7 @@ const Zn = ({
               variant: "tertiary",
               size: "medium",
               icon: { icon: "close" },
-              onClick: () => g(!1),
+              onClick: () => _(!1),
               className: "gtm-trackable",
               "data-gtm-event-type": "close-modal-click",
               "data-gtm-event-context": l,
@@ -7002,7 +7038,7 @@ const Zn = ({
   "aria-expanded": t,
   "aria-controls": e
 });
-const Yc = ({
+const Gc = ({
   className: e,
   showModal: t = !0,
   title: n,
@@ -7022,7 +7058,7 @@ const Yc = ({
     showDivider: !1,
     showIcon: c,
     functions: { onClose: o },
-    className: E("invite-modal", e, { success: !!n }),
+    className: T("invite-modal", e, { success: !!n }),
     children: /* @__PURE__ */ a.jsx(
       $i,
       {
@@ -7058,30 +7094,44 @@ const mo = () => {
   className: c = "",
   locale: o = "en"
 }) => {
-  const { navigation: u = !0, footer: d = !0 } = s, { background: f = "default", variant: l = "default", circle: m = "default" } = i, h = us();
+  const { navigation: u = !0, footer: d = !0 } = s, {
+    background: f = "default",
+    variant: l = "default",
+    circle: m = "default",
+    modal: p = "default"
+  } = i, g = us();
   se(() => {
     window.scrollTo(0, 0);
-  }, [h]);
-  const _ = jt(e, { locale: o }), g = jt(t, {
+  }, [g]);
+  const _ = jt(e, { locale: o }), v = jt(t, {
     locale: o
-  }), v = jt(n, {
+  }), b = jt(n, {
     locale: o
-  }), b = {};
-  return f !== "default" && (b[f] = !0), l !== "default" && (b[l] = !0), m !== "default" && (b[m] = !0), /* @__PURE__ */ a.jsx(rs, { onError: r, fallback: /* @__PURE__ */ a.jsx(mo, {}), children: /* @__PURE__ */ a.jsx(Va, { fallback: null, children: /* @__PURE__ */ a.jsxs(
+  }), y = {};
+  return f !== "default" && (y[f] = !0), l !== "default" && (y[l] = !0), m !== "default" && (y[m] = !0), /* @__PURE__ */ a.jsx(rs, { onError: r, fallback: /* @__PURE__ */ a.jsx(mo, {}), children: /* @__PURE__ */ a.jsx(Va, { fallback: null, children: /* @__PURE__ */ a.jsxs(
     "div",
     {
       id: "wrapper",
-      className: E(c, b, { "has-footer": d }),
+      className: T(c, y, { "has-footer": d }),
       children: [
         /* @__PURE__ */ a.jsx(ha, { showNavigation: u }),
         /* @__PURE__ */ a.jsxs("section", { id: "content-wrapper", children: [
-          g && /* @__PURE__ */ a.jsx("div", { className: "additional-content prepended", children: g }),
+          v && /* @__PURE__ */ a.jsx(
+            "div",
+            {
+              className: T("additional-content prepended", {
+                "large-modal": p === "large"
+              }),
+              children: v
+            }
+          ),
           z.createElement(f === "bold" ? ga : "div", {
             id: "content",
-            children: _
+            children: _,
+            className: T({ "large-modal": p === "large" })
           })
         ] }),
-        v && /* @__PURE__ */ a.jsx("div", { className: "additional-content appended", children: v }),
+        b && /* @__PURE__ */ a.jsx("div", { className: "additional-content appended", children: b }),
         d && /* @__PURE__ */ a.jsx(pa, {}),
         /* @__PURE__ */ a.jsx(lo, {})
       ]
@@ -7118,7 +7168,7 @@ const mo = () => {
     return fn[e] ? (e = fn[e], { id: e, text: `${$r.default}${e}` }) : null;
   }
 };
-const Gc = ({
+const Kc = ({
   tags: e = [],
   color: t = "default",
   forceOneLine: n = !1,
@@ -7139,7 +7189,7 @@ const Gc = ({
   }), u.length < 1 ? null : /* @__PURE__ */ a.jsx(
     "ul",
     {
-      className: E("tags text-small", t, s, {
+      className: T("tags text-small", t, s, {
         "one-line": n
       }),
       children: u.map((d) => {
@@ -7158,7 +7208,7 @@ const Gc = ({
     }
   );
 };
-const Kc = ({
+const Qc = ({
   members: { data: e = [], total: t = e.length },
   hasNextPage: n = !1,
   loadNextPage: r = () => {
@@ -7168,7 +7218,7 @@ const Kc = ({
   className: c = ""
 }) => {
   const o = W();
-  return e.length === 0 ? null : /* @__PURE__ */ a.jsxs("div", { className: E("members-list", c), children: [
+  return e.length === 0 ? null : /* @__PURE__ */ a.jsxs("div", { className: T("members-list", c), children: [
     /* @__PURE__ */ a.jsxs("h1", { children: [
       o.formatMessage({ id: "membersList" }),
       /* @__PURE__ */ a.jsx("span", { className: "count", children: t })
@@ -7223,9 +7273,9 @@ const ye = "discussion_form_", Un = ({
   gtmContext: d = "DiscussionForm"
 }) => {
   var A, F, ue;
-  const f = W(), l = $e(Fe), [m, h] = X(
+  const f = W(), l = $e(Fe), [m, p] = X(
     n.isEditing && n.isEditing.text || ""
-  ), [_, g] = X(o.error || !1), [v, b] = X(!1), y = me(null);
+  ), [g, _] = X(o.error || !1), [v, b] = X(!1), y = me(null);
   if (r || (r = y), n.isLoading)
     return /* @__PURE__ */ a.jsx(
       Ee,
@@ -7236,7 +7286,7 @@ const ye = "discussion_form_", Un = ({
     );
   const j = (L) => {
     const V = L.target.value;
-    h(V);
+    p(V);
     let G;
     !l || !l.id ? G = Ce(
       f.formatMessage,
@@ -7248,7 +7298,7 @@ const ye = "discussion_form_", Un = ({
       `${ye}error_noPermission`,
       e.type,
       "action"
-    ), G ? g(G) : _ && g(!1);
+    ), G ? _(G) : g && _(!1);
   };
   let w = `${e.type}-form`;
   if (e.type === "response" || e.type === "reply") {
@@ -7290,7 +7340,7 @@ const ye = "discussion_form_", Un = ({
           break;
       }
       await bs(1e3), u.callback && await u.callback(Z), yt = setTimeout(() => {
-        h(""), b("submitted");
+        p(""), b("submitted");
         const U = new Event("discussionFormSubmitted");
         document.dispatchEvent(U), O();
       }, 500);
@@ -7307,14 +7357,14 @@ const ye = "discussion_form_", Un = ({
         `${ye}error_tooMany`,
         e.type,
         "action"
-      ) : U != null && U.message.includes("400") && (te = `${ye}error`), g(te), O();
+      ) : U != null && U.message.includes("400") && (te = `${ye}error`), _(te), O();
     }
   }, O = () => {
     yt = setTimeout(() => {
-      g(!1), b(!1);
+      _(!1), b(!1);
     }, 5e3);
-  }, $ = !m || !Es(m), T = v === "submitting", P = [];
-  return (n.isEditing && !T || o.cancel) && P.push({
+  }, $ = !m || !Es(m), E = v === "submitting", P = [];
+  return (n.isEditing && !E || o.cancel) && P.push({
     variant: "secondary",
     size: { mobile: "small", 600: "medium" },
     onClick: u.handleCancel,
@@ -7339,15 +7389,15 @@ const ye = "discussion_form_", Un = ({
     "data-gtm-event-context": d,
     "data-gtm-event-type": `${n.isEditing ? "save" : "submit"}-${e.type}-click`,
     "data-testid": "save-button",
-    disabled: !l || !l.id || !t || $ || T || n.isEditing && m === n.isEditing.text,
+    disabled: !l || !l.id || !t || $ || E || n.isEditing && m === n.isEditing.text,
     children: f.formatMessage({
-      id: `${ye}${T ? n.isEditing ? "saving" : "posting" : n.isEditing ? "save" : "post"}`
+      id: `${ye}${E ? n.isEditing ? "saving" : "posting" : n.isEditing ? "save" : "post"}`
     })
   }), /* @__PURE__ */ a.jsxs(
     "form",
     {
       id: w,
-      className: E("discussion-card discussion-form", {
+      className: T("discussion-card discussion-form", {
         "no-styling": n.isInWrapper && n.isEditing
       }),
       "data-testid": `discussion-${e.type}-form`,
@@ -7375,9 +7425,9 @@ const ye = "discussion_form_", Un = ({
               "action"
             ),
             onChange: j,
-            value: v === "submitting" && !_ ? "" : m,
+            value: v === "submitting" && !g ? "" : m,
             maxLength: i,
-            "aria-invalid": !!_,
+            "aria-invalid": !!g,
             "aria-errormessage": "error-message",
             minRows: c,
             autoFocus: !!n.isEditing
@@ -7399,15 +7449,15 @@ const ye = "discussion_form_", Un = ({
         }) }),
         /* @__PURE__ */ a.jsx(At, { buttons: P }),
         v === "submitted" && n.showSuccessMessage && /* @__PURE__ */ a.jsx(Et, { className: "success", "data-testid": "success", children: Ce(f.formatMessage, `${ye}success`, e.type, "action") }),
-        _ && /* @__PURE__ */ a.jsx(Et, { id: "error-message", className: "error", "data-testid": "error", children: o.error ? o.error : typeof _ == "string" ? _.includes(" ") ? _ : f.formatMessage(
-          { id: _ },
+        g && /* @__PURE__ */ a.jsx(Et, { id: "error-message", className: "error", "data-testid": "error", children: o.error ? o.error : typeof g == "string" ? g.includes(" ") ? g : f.formatMessage(
+          { id: g },
           {
             action: f.formatMessage({
               id: `discussion_action_${e.type}`
             }),
             maxLength: i
           }
-        ) : _ })
+        ) : g })
       ]
     }
   );
@@ -7470,36 +7520,36 @@ const mn = () => {
 }) => {
   const d = W();
   se(() => {
-    h(s);
+    p(s);
   }, [s]);
-  const [f, l] = X(t), [m, h] = X(s), [_, g] = X(!1), [v, b] = X(!1), y = ct(
+  const [f, l] = X(t), [m, p] = X(s), [g, _] = X(!1), [v, b] = X(!1), y = ct(
     () => bo(n, pn),
     [n]
   ), j = (x) => {
     if (x.preventDefault(), x.stopPropagation(), b(!1), st)
       return mn(), !1;
-    if (mn(), _ || !c)
+    if (mn(), g || !c)
       return !1;
     st = setTimeout(w, 350);
   }, w = async () => {
-    if (mn(), _ || !c)
+    if (mn(), g || !c)
       return !1;
     let x = m ? f - 1 : f + 1;
-    x < 0 && (x = 0), g(!0), l(x), h(!m);
+    x < 0 && (x = 0), _(!0), l(x), p(!m);
     try {
       if (i && i.slugs) {
         const O = vo(i.slugs);
         m ? await u(O) : await o(O, { contentPath: window.location.pathname });
       }
     } catch {
-      l(t), h(s);
+      l(t), p(s);
     } finally {
-      g(!1);
+      _(!1);
     }
   };
   return z.createElement(e, {
-    className: E("likes-wrapper text-medium action-button", {
-      "show-spinner": _,
+    className: T("likes-wrapper text-medium action-button", {
+      "show-spinner": g,
       "is-liked": m,
       disabled: !c
     }),
@@ -7523,7 +7573,7 @@ const mn = () => {
           variant: "tertiary",
           size: "medium",
           icon: { icon: m ? "heart" : "heart_empty", animate: "bounce" },
-          className: E({ "do-animation": m && !s }),
+          className: T({ "do-animation": m && !s }),
           screenreaderText: c ? d.formatMessage(
             {
               id: `discussion_likes_${m ? "unlike" : "like"}`
@@ -7545,7 +7595,7 @@ const mn = () => {
       /* @__PURE__ */ a.jsx(
         "span",
         {
-          className: E("number-of-likes", { "no-likes": f === 0 }),
+          className: T("number-of-likes", { "no-likes": f === 0 }),
           "data-testid": "number-of-likes",
           children: d.formatMessage(
             { id: `discussion_likes${r ? "_short" : ""}` },
@@ -7600,12 +7650,12 @@ const Re = "discussion_", xo = 280, It = ({
     } }
   },
   links: m = {},
-  className: h,
-  gtmContext: _ = "DiscussionAnswer",
-  children: g,
+  className: p,
+  gtmContext: g = "DiscussionAnswer",
+  children: _,
   isTruncated: v = !1
 }) => {
-  const b = W(), y = $e(Fe), j = $e(Hn), { author: w, canLike: x, createdAt: O, id: $, likes: T = 0, userLiked: P, comments: A = 0 } = t, F = y && y.id && typeof w != "string" && w.id && w.id === y.id || !1, ue = typeof x == "boolean" ? x : n ? !F : !1, L = F && (!t.createdAt || vs(t.createdAt, 10, "seconds")), V = me(null), [G, Z] = X({
+  const b = W(), y = $e(Fe), j = $e(Hn), { author: w, canLike: x, createdAt: O, id: $, likes: E = 0, userLiked: P, comments: A = 0 } = t, F = y && y.id && typeof w != "string" && w.id && w.id === y.id || !1, ue = typeof x == "boolean" ? x : n ? !F : !1, L = F && (!t.createdAt || vs(t.createdAt, 10, "seconds")), V = me(null), [G, Z] = X({
     body: t && t.body || "",
     isEditing: !1,
     didEdit: t && t.isEdited || !1
@@ -7689,7 +7739,7 @@ const Re = "discussion_", xo = 280, It = ({
       onClick: () => Z({ ...G, isEditing: !0 }),
       icon: "pencil-paper",
       className: "gtm-trackable",
-      "data-gtm-event-context": _,
+      "data-gtm-event-context": g,
       "data-gtm-event-type": `edit-${t.type}-click`
     },
     {
@@ -7699,13 +7749,13 @@ const Re = "discussion_", xo = 280, It = ({
       },
       icon: "trash",
       className: "gtm-trackable",
-      "data-gtm-event-context": _,
+      "data-gtm-event-context": g,
       "data-gtm-event-type": `delete-${t.type}-click`,
       ...fo(`delete-${t.slug}-modal`, U)
     }
   ), z.createElement(e, {
-    className: E("discussion-post", h, {
-      [ie]: !h || !h.includes("highlighted-text-box")
+    className: T("discussion-post", p, {
+      [ie]: !p || !p.includes("highlighted-text-box")
     }),
     ref: V,
     "data-testid": `discussion-${t.type}-thread`,
@@ -7714,7 +7764,7 @@ const Re = "discussion_", xo = 280, It = ({
         "div",
         {
           id: $ || t.slug,
-          className: E("discussion-card", t.type, {
+          className: T("discussion-card", t.type, {
             editing: G.isEditing,
             "has-link": m.post && !G.isEditing
           }),
@@ -7728,7 +7778,7 @@ const Re = "discussion_", xo = 280, It = ({
                 member: w,
                 additionalContent: { createdAt: O, didEdit: G.didEdit },
                 className: typeof w != "string" && w.id === s ? "highlighted" : "",
-                gtmContext: _,
+                gtmContext: g,
                 gtmType: "profile-click"
               }
             ),
@@ -7760,14 +7810,14 @@ const Re = "discussion_", xo = 280, It = ({
                     D(""), Z({ ...G, isEditing: !1 });
                   }
                 },
-                gtmContext: `${_}Form`
+                gtmContext: `${g}Form`
               }
             ) : m.post ? /* @__PURE__ */ a.jsx(
               "a",
               {
                 href: m.post,
                 className: "gtm-trackable",
-                "data-gtm-event-context": _,
+                "data-gtm-event-context": g,
                 "data-gtm-event-type": "title-click",
                 children: /* @__PURE__ */ a.jsx(xn, { options: { overrides: { a: Vs } }, children: K })
               }
@@ -7786,14 +7836,14 @@ const Re = "discussion_", xo = 280, It = ({
             !G.isEditing && /* @__PURE__ */ a.jsxs(
               "ul",
               {
-                className: E("actions text-medium", t.type),
+                className: T("actions text-medium", t.type),
                 "data-testid": `${t.type}-actions`,
                 children: [
                   /* @__PURE__ */ a.jsx(
                     yo,
                     {
                       element: "li",
-                      likes: T,
+                      likes: E,
                       isShort: !1,
                       userLiked: P,
                       content: { type: t.type, slugs: t.slugs },
@@ -7823,7 +7873,7 @@ const Re = "discussion_", xo = 280, It = ({
                             href: m.comments ? m.comments : !1,
                             onClick: m.comments || typeof l != "function" ? !1 : l,
                             className: "gtm-trackable",
-                            "data-gtm-event-context": _,
+                            "data-gtm-event-context": g,
                             "data-gtm-event-type": `answer-${t.type}-click`,
                             screenreaderText: b.formatMessage(
                               { id: `${Re}comments_screenReader` },
@@ -7862,7 +7912,7 @@ const Re = "discussion_", xo = 280, It = ({
           ]
         }
       ),
-      g,
+      _,
       /* @__PURE__ */ a.jsx(
         Zn,
         {
@@ -8347,15 +8397,15 @@ function Fo({
     },
     user: u,
     ...d
-  }, l = Ao({ ...f, mutationFn: e }), m = Oo({ ...f, mutationFn: t }), h = Lo({ ...f, mutationFn: n }), _ = Io({ ...f, mutationFn: s }), g = Bo({ ...f, mutationFn: i }), { activities: v, ...b } = Do({ queryKey: c, queryFn: r });
+  }, l = Ao({ ...f, mutationFn: e }), m = Oo({ ...f, mutationFn: t }), p = Lo({ ...f, mutationFn: n }), g = Io({ ...f, mutationFn: s }), _ = Bo({ ...f, mutationFn: i }), { activities: v, ...b } = Do({ queryKey: c, queryFn: r });
   return {
     activities: v,
     mutations: {
       create: l,
       edit: m,
-      remove: _,
-      like: h,
-      unlike: g
+      remove: g,
+      like: p,
+      unlike: _
     },
     user: u,
     ...b
@@ -8468,7 +8518,7 @@ function zo(e) {
   var t;
   return ((t = e == null ? void 0 : e.pages) == null ? void 0 : t.reduce((n, { results: r }) => [...n, ...r], [])) || [];
 }
-const Qc = ({
+const Jc = ({
   basePath: e,
   parentId: t,
   isMember: n,
@@ -8480,7 +8530,7 @@ const Qc = ({
     fetchNextPage: d,
     hasNextPage: f,
     isLoading: l,
-    mutations: { create: m, edit: h, remove: _, like: g, unlike: v },
+    mutations: { create: m, edit: p, remove: g, like: _, unlike: v },
     user: b
   } = Fo({
     queryKey: [e, t, "activities"],
@@ -8513,7 +8563,7 @@ const Qc = ({
         id: x,
         own_reactions: O,
         latest_reactions: $,
-        reaction_counts: T
+        reaction_counts: E
       } = j, P = (((G = $ == null ? void 0 : $.like) == null ? void 0 : G.length) || 0) > 0, A = (((Z = O == null ? void 0 : O.like) == null ? void 0 : Z.length) || 0) > 0, F = A ? O == null ? void 0 : O.like[0].id : "", ue = P ? (U = $ == null ? void 0 : $.like) == null ? void 0 : U.map((I) => {
         var B, K, H;
         return {
@@ -8546,8 +8596,8 @@ const Qc = ({
                 }
               },
               userLiked: A,
-              likes: (T == null ? void 0 : T.like) || 0,
-              comments: (T == null ? void 0 : T.reply) || 0,
+              likes: (E == null ? void 0 : E.like) || 0,
+              comments: (E == null ? void 0 : E.reply) || 0,
               peopleWhoLiked: ue
             },
             links: {
@@ -8557,12 +8607,12 @@ const Qc = ({
             functions: {
               content: {
                 createContent: () => null,
-                deleteContent: () => _({ activityId: x }),
+                deleteContent: () => g({ activityId: x }),
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                updateContent: (I, { body: B }) => h({ activityId: x, content: B })
+                updateContent: (I, { body: B }) => p({ activityId: x, content: B })
               },
               likes: {
-                createLike: () => g({ activityId: x }),
+                createLike: () => _({ activityId: x }),
                 deleteLike: () => v({ activityId: x, reactionId: F })
               },
               comments: {
@@ -8588,7 +8638,7 @@ const Qc = ({
       }
     )
   ] });
-}, Jc = {
+}, Xc = {
   next: "id_lt=67ef0342-6f6e-4807-beea-5a9184ec140c&limit=5",
   results: [
     {
@@ -9204,15 +9254,15 @@ function ka({
     },
     user: u,
     ...d
-  }, l = Zo({ ...f, mutationFn: e }), m = Uo({ ...f, mutationFn: t }), h = Ho({ ...f, mutationFn: n }), _ = Vo({ ...f, mutationFn: s }), g = Yo({ ...f, mutationFn: i }), { replies: v, ...b } = Wo({ queryKey: c, queryFn: r });
+  }, l = Zo({ ...f, mutationFn: e }), m = Uo({ ...f, mutationFn: t }), p = Ho({ ...f, mutationFn: n }), g = Vo({ ...f, mutationFn: s }), _ = Yo({ ...f, mutationFn: i }), { replies: v, ...b } = Wo({ queryKey: c, queryFn: r });
   return {
     replies: v,
     mutations: {
       create: l,
       edit: m,
-      remove: _,
-      like: h,
-      unlike: g
+      remove: g,
+      like: p,
+      unlike: _
     },
     user: u,
     ...b
@@ -9349,8 +9399,8 @@ const ec = ({
     fetchNextPage: o,
     hasNextPage: u,
     isLoading: d,
-    mutations: { create: f, edit: l, like: m, remove: h, unlike: _ },
-    user: g
+    mutations: { create: f, edit: l, like: m, remove: p, unlike: g },
+    user: _
   } = ka({
     queryKey: [e, t, n, r, "replies"],
     queryFns: {
@@ -9387,14 +9437,14 @@ const ec = ({
           children_counts: w
         } = v, O = (((G = y == null ? void 0 : y.like) == null ? void 0 : G.length) || 0) > 0 ? (Z = y == null ? void 0 : y.like) == null ? void 0 : Z.find((q) => {
           var Y;
-          return ((Y = q == null ? void 0 : q.user) == null ? void 0 : Y.id) === (g == null ? void 0 : g.id);
-        }) : !1, $ = O ? O == null ? void 0 : O.id : "", T = !!O, A = (((U = j == null ? void 0 : j.like) == null ? void 0 : U.length) || 0) > 0 ? (te = j == null ? void 0 : j.like) == null ? void 0 : te.map((q) => {
+          return ((Y = q == null ? void 0 : q.user) == null ? void 0 : Y.id) === (_ == null ? void 0 : _.id);
+        }) : !1, $ = O ? O == null ? void 0 : O.id : "", E = !!O, A = (((U = j == null ? void 0 : j.like) == null ? void 0 : U.length) || 0) > 0 ? (te = j == null ? void 0 : j.like) == null ? void 0 : te.map((q) => {
           var Y, J, M;
           return {
             id: (Y = q == null ? void 0 : q.user) == null ? void 0 : Y.id,
             name: (M = (J = q == null ? void 0 : q.user) == null ? void 0 : J.data) == null ? void 0 : M.name
           };
-        }) : !1, F = v == null ? void 0 : v.user, ue = (F == null ? void 0 : F.id) === (g == null ? void 0 : g.id), L = Dt(s, ue), V = typeof v.data.content == "string" ? (ie = v == null ? void 0 : v.data) == null ? void 0 : ie.content : (
+        }) : !1, F = v == null ? void 0 : v.user, ue = (F == null ? void 0 : F.id) === (_ == null ? void 0 : _.id), L = Dt(s, ue), V = typeof v.data.content == "string" ? (ie = v == null ? void 0 : v.data) == null ? void 0 : ie.content : (
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
           ((C = (k = v == null ? void 0 : v.data) == null ? void 0 : k.content) == null ? void 0 : C.text) || ""
         );
@@ -9425,20 +9475,20 @@ const ec = ({
                   thumbnail: ((H = F.data) == null ? void 0 : H.thumbnail) || void 0
                 }
               },
-              userLiked: T,
+              userLiked: E,
               likes: (w == null ? void 0 : w.like) || 0,
               peopleWhoLiked: A
             },
             functions: {
               content: {
                 createContent: () => null,
-                deleteContent: () => h({ replyId: b }),
+                deleteContent: () => p({ replyId: b }),
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 updateContent: (q, { body: Y }) => l({ replyId: b, content: Y })
               },
               likes: {
                 createLike: () => m({ replyId: b }),
-                deleteLike: () => _({ replyId: b, reactionId: $ })
+                deleteLike: () => g({ replyId: b, reactionId: $ })
               },
               comments: {}
             }
@@ -9461,7 +9511,7 @@ const ec = ({
     fetchNextPage: f,
     hasNextPage: l,
     isLoading: m,
-    mutations: { create: h, edit: _, like: g, remove: v, unlike: b },
+    mutations: { create: p, edit: g, like: _, remove: v, unlike: b },
     user: y
   } = ka({
     queryKey: [e, t, n, "replies"],
@@ -9476,7 +9526,7 @@ const ec = ({
           content: { type: "reply", slugs: {} },
           functions: {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            create: (j, { body: w }) => h({ activityId: n, content: w })
+            create: (j, { body: w }) => p({ activityId: n, content: w })
           },
           meta: { isEditing: !1, showSuccessMessage: !1 },
           placeholder: o.formatMessage({ id: "discussion_responses_placeholder" })
@@ -9539,10 +9589,10 @@ const ec = ({
               createContent: () => null,
               deleteContent: () => v({ replyId: w }),
               // eslint-disable-next-line @typescript-eslint/no-explicit-any
-              updateContent: (M, { body: re }) => _({ replyId: w, content: re })
+              updateContent: (M, { body: re }) => g({ replyId: w, content: re })
             },
             likes: {
-              createLike: () => g({ replyId: w }),
+              createLike: () => _({ replyId: w }),
               deleteLike: () => b({ replyId: w, reactionId: A })
             },
             comments: {}
@@ -9625,7 +9675,7 @@ function ac({
     },
     user: c,
     ...o
-  }, d = nc({ ...u, mutationFn: t }), f = sc({ ...u, mutationFn: n }), l = ic({ ...u, mutationFn: r }), { activity: m, ...h } = rc({ queryKey: s, queryFn: e });
+  }, d = nc({ ...u, mutationFn: t }), f = sc({ ...u, mutationFn: n }), l = ic({ ...u, mutationFn: r }), { activity: m, ...p } = rc({ queryKey: s, queryFn: e });
   return {
     activity: m,
     mutations: {
@@ -9634,7 +9684,7 @@ function ac({
       unlike: l
     },
     user: c,
-    ...h
+    ...p
   };
 }
 function sc({
@@ -9671,7 +9721,7 @@ function ic({
   });
   return s;
 }
-const Xc = ({
+const el = ({
   basePath: e,
   parentId: t,
   activityId: n,
@@ -9687,13 +9737,13 @@ const Xc = ({
   const d = W(), f = $e(Fe), {
     activity: l,
     error: m,
-    isLoading: h,
-    mutations: { edit: _, like: g, unlike: v }
+    isLoading: p,
+    mutations: { edit: g, like: _, unlike: v }
   } = ac({
     queryFns: i,
     queryKey: [e, t, n]
   });
-  if (h)
+  if (p)
     return /* @__PURE__ */ a.jsx(Ee, { style: { height: "400px" } });
   if (m || !l)
     return /* @__PURE__ */ a.jsx(
@@ -9709,7 +9759,7 @@ const Xc = ({
       id: (k = ie == null ? void 0 : ie.user) == null ? void 0 : k.id,
       name: (D = (C = ie == null ? void 0 : ie.user) == null ? void 0 : C.data) == null ? void 0 : D.name
     };
-  }) : !1, $ = l == null ? void 0 : l.actor, T = ($ == null ? void 0 : $.id) === (f == null ? void 0 : f.id);
+  }) : !1, $ = l == null ? void 0 : l.actor, E = ($ == null ? void 0 : $.id) === (f == null ? void 0 : f.id);
   return /* @__PURE__ */ a.jsxs("section", { className: "activity-section", children: [
     /* @__PURE__ */ a.jsx(
       It,
@@ -9719,7 +9769,7 @@ const Xc = ({
           id: n,
           type: "post",
           body: l == null ? void 0 : l.content,
-          canLike: Dt(r, T),
+          canLike: Dt(r, E),
           createdAt: (l == null ? void 0 : l.time) || "",
           slugs: {
             question: `${e}/${t}`,
@@ -9748,10 +9798,10 @@ const Xc = ({
             createContent: () => null,
             deleteContent: s,
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            updateContent: (ie, { body: k }) => _({ content: k })
+            updateContent: (ie, { body: k }) => g({ content: k })
           },
           likes: {
-            createLike: () => g({ activityId: n }),
+            createLike: () => _({ activityId: n }),
             deleteLike: () => v({ activityId: n, reactionId: x })
           },
           comments: {
@@ -9777,7 +9827,7 @@ const Xc = ({
       }
     )
   ] });
-}, el = ({
+}, tl = ({
   id: e,
   data: { jobTitle: t, name: n, organization: r, thumbnail: s }
 }) => ({
@@ -9830,7 +9880,7 @@ const Xc = ({
     contributors: ["community"]
   }
 ];
-const xt = "notFoundError_", tl = () => {
+const xt = "notFoundError_", nl = () => {
   const e = W(), t = [];
   return Lr.forEach((n, r) => {
     n.title = e.formatMessage({ id: `${xt}post_${r + 1}` }), t.push("solutionArticle");
@@ -9865,21 +9915,21 @@ const xt = "notFoundError_", tl = () => {
 };
 export {
   We as ASSETS_BUCKET,
-  Qc as ActivitiesFeed,
-  Xc as ActivitySection,
+  Jc as ActivitiesFeed,
+  el as ActivitySection,
   _a as AddPost,
-  $c as BannerSection,
-  Dc as Breadcrumbs,
+  Mc as BannerSection,
+  Ic as Breadcrumbs,
   ee as Button,
   At as ButtonWrapper,
   As as CacheProvider,
   ra as Card,
   ii as CardBlock,
-  Fc as Carousel,
+  Lc as Carousel,
   Kr as CollapsibleSection,
   vi as Columns,
-  Lc as CommunityDetails,
-  Wc as ContactFooter,
+  Dc as CommunityDetails,
+  Vc as ContactFooter,
   Ci as ContactForm,
   na as Contributors,
   Hn as ConversationContext,
@@ -9890,77 +9940,78 @@ export {
   It as DiscussionPost,
   jo as DiscussionThread,
   Ae as Divider,
-  Ec as DownloadSection,
+  Sc as DownloadSection,
   nt as EMAILS,
-  Sc as EditSection,
+  Cc as EditSection,
   bi as EmailHelperTextBox,
   Ke as EmptyStateBox,
-  Ic as Filters,
+  Bc as Filters,
   Ls as FlagsProvider,
   pa as Footer,
   Dn as Form,
   Ge as FullWidthSection,
-  Rc as GlobalProviders,
+  Pc as GlobalProviders,
   ha as Header,
   Bs as HelperTextBox,
   An as HiddenFromScreenReaders,
-  Pc as HideShowTextBox,
-  Mc as HighlightSection,
+  Ac as HideShowTextBox,
+  Nc as HighlightSection,
   Le as HighlightedTextBox,
   kc as ImageContainer,
   Ds as IntlProvider,
   $i as InviteForm,
-  Yc as InviteModal,
+  Gc as InviteModal,
   aa as JoinButton,
-  Bc as LanguageSwitcher,
+  qc as LanguageSwitcher,
   dt as Link,
   Ft as LoadMore,
-  Oc as LoadingBlock,
+  Fc as LoadingBlock,
   Ee as LoadingPlaceholder,
   Xr as LoadingState,
   sa as Logo,
-  Cc as LogoSection,
+  $c as LogoSection,
   xn as MarkdownText,
-  Nc as MarketingBox,
+  Rc as MarketingBox,
   Ln as Member,
-  Kc as MembersList,
+  Qc as MembersList,
   ga as Modal,
   ui as MoreMenu,
   wc as NUMBER_OF_USERS,
+  Tc as NavigationDots,
   pi as NavigationMenu,
-  tl as NotFoundError,
+  nl as NotFoundError,
   Zn as Overlay,
   Gs as PageHeading,
   po as PageLayout,
-  Zc as PasswordRules,
+  Uc as PasswordRules,
   Tt as Pill,
   ut as ProfilePicture,
   Js as ProgressBar,
-  Uc as Rating,
+  Hc as Rating,
   tc as RepliesFeed,
   wo as ResponsesHeading,
   Ot as ResponsiveImage,
-  Tc as ReturnToNavButton,
+  Ec as ReturnToNavButton,
   Mi as SearchForm,
-  qc as ShareLinks,
-  Hc as SignupForm,
+  zc as ShareLinks,
+  Wc as SignupForm,
   Vs as Span,
   Et as StatusBanner,
-  zc as Tabs,
-  Gc as Tags,
-  Ac as TestimonialBlock,
+  Zc as Tabs,
+  Kc as Tags,
+  Oc as TestimonialBlock,
   $s as Tooltip,
-  Vc as TopLevelPage,
+  Yc as TopLevelPage,
   Fe as UserContext,
   Is as UserProvider,
   _e as VisuallyHidden,
   fo as addAriaProps,
   ta as getMember,
   $t as headerData,
-  el as mapGetStreamData,
+  tl as mapGetStreamData,
   Ts as pageReady,
   jc as passwordValidator,
-  Jc as repliesFeedMock,
+  Xc as repliesFeedMock,
   us as useCurrentPath,
   ot as useEffectAfterMount,
   lt as useElementWidth,