@apolitical/component-library 1.10.0-beta.1 → 1.10.0-beta.3

package/index.mjs

@@ -1,84 +1,4432 @@
-import { O as r, a7 as t, a9 as i, _ as n, G as d, aD as l, ae as u, af as c, T as S, aN as g, ap as m, K as B, aW as p, a1 as P, ar as x, a0 as L, a2 as h, a3 as v, a4 as C, a6 as M, ag as T, aK as D, Q as F, aa as H, aO as R, aE as E, U as b, as as A, aL as k, W as y, at as U, aP as f, H as w, aQ as W, aR as G, X as I, L as O, aF as _, ah as J, aG as K, av as N, aw as V, ax as Q, aI as X, aM as Y, aS as Z, J as j, aX as q, N as z, aA as $, aH as aa, R as sa, aB as ea, aq as oa, ab as ra, aU as ta, aZ as ia, ay as na, ac as da, a8 as la, a5 as ua, ai as ca, ad as Sa, aT as ga, aV as ma, aJ as Ba, aj as pa, Y as Pa, Z as xa, V as La, aC as ha, aY as va, au as Ca, az as Ma, ak as Ta, al as Da, am as Fa, an as Ha, ao as Ra } from "./index-aeeb4f98.mjs";
-import "react";
-import "react/jsx-runtime";
+import C, { memo as je, useState as F, useEffect as V, useRef as Z, useMemo as Ye, Children as yt, createContext as Tt, useContext as ge, Fragment as Jt, useCallback as be, useReducer as tr, Suspense as nr } from "react";
+import rr from "lodash.clonedeep";
+import sr from "lodash.set";
+import { useIntl as A, IntlProvider as or, createIntl as ar, FormattedMessage as fe } from "react-intl";
+import Mt from "truncate";
+import Ge from "markdown-to-jsx";
+import { QueryClient as ir, QueryClientProvider as lr, useQueryClient as Ct, useQuery as an, useMutation as pe } from "@tanstack/react-query";
+import { ReactQueryDevtools as cr } from "@tanstack/react-query-devtools";
+import We from "posthog-js";
+import { useCookies as ur, CookiesProvider as dr } from "react-cookie";
+import ln from "lodash.get";
+import { ErrorBoundary as mr } from "react-error-boundary";
+import fr from "react-textarea-autosize";
+import pr from "lodash.isequal";
+function hr(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var cn = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (function() {
+    var t = {}.hasOwnProperty;
+    function n() {
+      for (var s = [], o = 0; o < arguments.length; o++) {
+        var l = arguments[o];
+        if (l) {
+          var m = typeof l;
+          if (m === "string" || m === "number")
+            s.push(l);
+          else if (Array.isArray(l)) {
+            if (l.length) {
+              var a = n.apply(null, l);
+              a && s.push(a);
+            }
+          } else if (m === "object") {
+            if (l.toString !== Object.prototype.toString && !l.toString.toString().includes("[native code]")) {
+              s.push(l.toString());
+              continue;
+            }
+            for (var i in l)
+              t.call(l, i) && l[i] && s.push(i);
+          }
+        }
+      }
+      return s.join(" ");
+    }
+    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+  })();
+})(cn);
+var gr = cn.exports;
+const k = /* @__PURE__ */ hr(gr), _r = ({ element: e = "span", showOnFocus: t = !0, children: n, ...s }) => C.createElement(e, { ...s, className: k("hidden", { "show-on-focus": t }), children: n }), ee = je(_r), xr = ({ element: e = "span", children: t = null, ...n }) => C.createElement(e, { ...n, "aria-hidden": !0 }, t), un = je(xr);
+var wt = { exports: {} }, Se = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var qt;
+function br() {
+  if (qt)
+    return Se;
+  qt = 1;
+  var e = C, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function m(a, i, u) {
+    var d, f = {}, p = null, g = null;
+    u !== void 0 && (p = "" + u), i.key !== void 0 && (p = "" + i.key), i.ref !== void 0 && (g = i.ref);
+    for (d in i)
+      s.call(i, d) && !l.hasOwnProperty(d) && (f[d] = i[d]);
+    if (a && a.defaultProps)
+      for (d in i = a.defaultProps, i)
+        f[d] === void 0 && (f[d] = i[d]);
+    return { $$typeof: t, type: a, key: p, ref: g, props: f, _owner: o.current };
+  }
+  return Se.Fragment = n, Se.jsx = m, Se.jsxs = m, Se;
+}
+var $e = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Xt;
+function vr() {
+  return Xt || (Xt = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = C, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), m = Symbol.for("react.provider"), a = Symbol.for("react.context"), i = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), g = Symbol.for("react.offscreen"), h = Symbol.iterator, v = "@@iterator";
+    function j(c) {
+      if (c === null || typeof c != "object")
+        return null;
+      var x = h && c[h] || c[v];
+      return typeof x == "function" ? x : null;
+    }
+    var E = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function _(c) {
+      {
+        for (var x = arguments.length, w = new Array(x > 1 ? x - 1 : 0), S = 1; S < x; S++)
+          w[S - 1] = arguments[S];
+        $("error", c, w);
+      }
+    }
+    function $(c, x, w) {
+      {
+        var S = E.ReactDebugCurrentFrame, R = S.getStackAddendum();
+        R !== "" && (x += "%s", w = w.concat([R]));
+        var H = w.map(function(P) {
+          return String(P);
+        });
+        H.unshift("Warning: " + x), Function.prototype.apply.call(console[c], console, H);
+      }
+    }
+    var B = !1, y = !1, U = !1, W = !1, b = !1, M;
+    M = Symbol.for("react.module.reference");
+    function Q(c) {
+      return !!(typeof c == "string" || typeof c == "function" || c === s || c === l || b || c === o || c === u || c === d || W || c === g || B || y || U || typeof c == "object" && c !== null && (c.$$typeof === p || c.$$typeof === f || c.$$typeof === m || c.$$typeof === a || c.$$typeof === i || // 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.
+      c.$$typeof === M || c.getModuleId !== void 0));
+    }
+    function O(c, x, w) {
+      var S = c.displayName;
+      if (S)
+        return S;
+      var R = x.displayName || x.name || "";
+      return R !== "" ? w + "(" + R + ")" : w;
+    }
+    function z(c) {
+      return c.displayName || "Context";
+    }
+    function N(c) {
+      if (c == null)
+        return null;
+      if (typeof c.tag == "number" && _("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof c == "function")
+        return c.displayName || c.name || null;
+      if (typeof c == "string")
+        return c;
+      switch (c) {
+        case s:
+          return "Fragment";
+        case n:
+          return "Portal";
+        case l:
+          return "Profiler";
+        case o:
+          return "StrictMode";
+        case u:
+          return "Suspense";
+        case d:
+          return "SuspenseList";
+      }
+      if (typeof c == "object")
+        switch (c.$$typeof) {
+          case a:
+            var x = c;
+            return z(x) + ".Consumer";
+          case m:
+            var w = c;
+            return z(w._context) + ".Provider";
+          case i:
+            return O(c, c.render, "ForwardRef");
+          case f:
+            var S = c.displayName || null;
+            return S !== null ? S : N(c.type) || "Memo";
+          case p: {
+            var R = c, H = R._payload, P = R._init;
+            try {
+              return N(P(H));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var D = Object.assign, Y = 0, X, re, K, se, ie, L, oe;
+    function xe() {
+    }
+    xe.__reactDisabledLog = !0;
+    function Pe() {
+      {
+        if (Y === 0) {
+          X = console.log, re = console.info, K = console.warn, se = console.error, ie = console.group, L = console.groupCollapsed, oe = console.groupEnd;
+          var c = {
+            configurable: !0,
+            enumerable: !0,
+            value: xe,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: c,
+            log: c,
+            warn: c,
+            error: c,
+            group: c,
+            groupCollapsed: c,
+            groupEnd: c
+          });
+        }
+        Y++;
+      }
+    }
+    function Pn() {
+      {
+        if (Y--, Y === 0) {
+          var c = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: D({}, c, {
+              value: X
+            }),
+            info: D({}, c, {
+              value: re
+            }),
+            warn: D({}, c, {
+              value: K
+            }),
+            error: D({}, c, {
+              value: se
+            }),
+            group: D({}, c, {
+              value: ie
+            }),
+            groupCollapsed: D({}, c, {
+              value: L
+            }),
+            groupEnd: D({}, c, {
+              value: oe
+            })
+          });
+        }
+        Y < 0 && _("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var Ke = E.ReactCurrentDispatcher, et;
+    function Ae(c, x, w) {
+      {
+        if (et === void 0)
+          try {
+            throw Error();
+          } catch (R) {
+            var S = R.stack.trim().match(/\n( *(at )?)/);
+            et = S && S[1] || "";
+          }
+        return `
+` + et + c;
+      }
+    }
+    var tt = !1, Ne;
+    {
+      var An = typeof WeakMap == "function" ? WeakMap : Map;
+      Ne = new An();
+    }
+    function Rt(c, x) {
+      if (!c || tt)
+        return "";
+      {
+        var w = Ne.get(c);
+        if (w !== void 0)
+          return w;
+      }
+      var S;
+      tt = !0;
+      var R = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var H;
+      H = Ke.current, Ke.current = null, Pe();
+      try {
+        if (x) {
+          var P = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(P.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(P, []);
+            } catch (ce) {
+              S = ce;
+            }
+            Reflect.construct(c, [], P);
+          } else {
+            try {
+              P.call();
+            } catch (ce) {
+              S = ce;
+            }
+            c.call(P.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (ce) {
+            S = ce;
+          }
+          c();
+        }
+      } catch (ce) {
+        if (ce && S && typeof ce.stack == "string") {
+          for (var T = ce.stack.split(`
+`), te = S.stack.split(`
+`), G = T.length - 1, J = te.length - 1; G >= 1 && J >= 0 && T[G] !== te[J]; )
+            J--;
+          for (; G >= 1 && J >= 0; G--, J--)
+            if (T[G] !== te[J]) {
+              if (G !== 1 || J !== 1)
+                do
+                  if (G--, J--, J < 0 || T[G] !== te[J]) {
+                    var ae = `
+` + T[G].replace(" at new ", " at ");
+                    return c.displayName && ae.includes("<anonymous>") && (ae = ae.replace("<anonymous>", c.displayName)), typeof c == "function" && Ne.set(c, ae), ae;
+                  }
+                while (G >= 1 && J >= 0);
+              break;
+            }
+        }
+      } finally {
+        tt = !1, Ke.current = H, Pn(), Error.prepareStackTrace = R;
+      }
+      var ye = c ? c.displayName || c.name : "", Gt = ye ? Ae(ye) : "";
+      return typeof c == "function" && Ne.set(c, Gt), Gt;
+    }
+    function Nn(c, x, w) {
+      return Rt(c, !1);
+    }
+    function Dn(c) {
+      var x = c.prototype;
+      return !!(x && x.isReactComponent);
+    }
+    function De(c, x, w) {
+      if (c == null)
+        return "";
+      if (typeof c == "function")
+        return Rt(c, Dn(c));
+      if (typeof c == "string")
+        return Ae(c);
+      switch (c) {
+        case u:
+          return Ae("Suspense");
+        case d:
+          return Ae("SuspenseList");
+      }
+      if (typeof c == "object")
+        switch (c.$$typeof) {
+          case i:
+            return Nn(c.render);
+          case f:
+            return De(c.type, x, w);
+          case p: {
+            var S = c, R = S._payload, H = S._init;
+            try {
+              return De(H(R), x, w);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var Re = Object.prototype.hasOwnProperty, Ft = {}, Ot = E.ReactDebugCurrentFrame;
+    function Fe(c) {
+      if (c) {
+        var x = c._owner, w = De(c.type, c._source, x ? x.type : null);
+        Ot.setExtraStackFrame(w);
+      } else
+        Ot.setExtraStackFrame(null);
+    }
+    function Rn(c, x, w, S, R) {
+      {
+        var H = Function.call.bind(Re);
+        for (var P in c)
+          if (H(c, P)) {
+            var T = void 0;
+            try {
+              if (typeof c[P] != "function") {
+                var te = Error((S || "React class") + ": " + w + " type `" + P + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof c[P] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw te.name = "Invariant Violation", te;
+              }
+              T = c[P](x, P, S, w, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (G) {
+              T = G;
+            }
+            T && !(T instanceof Error) && (Fe(R), _("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", S || "React class", w, P, typeof T), Fe(null)), T instanceof Error && !(T.message in Ft) && (Ft[T.message] = !0, Fe(R), _("Failed %s type: %s", w, T.message), Fe(null));
+          }
+      }
+    }
+    var Fn = Array.isArray;
+    function nt(c) {
+      return Fn(c);
+    }
+    function On(c) {
+      {
+        var x = typeof Symbol == "function" && Symbol.toStringTag, w = x && c[Symbol.toStringTag] || c.constructor.name || "Object";
+        return w;
+      }
+    }
+    function Bn(c) {
+      try {
+        return Bt(c), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function Bt(c) {
+      return "" + c;
+    }
+    function Lt(c) {
+      if (Bn(c))
+        return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", On(c)), Bt(c);
+    }
+    var Ee = E.ReactCurrentOwner, Ln = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, It, Ht, rt;
+    rt = {};
+    function In(c) {
+      if (Re.call(c, "ref")) {
+        var x = Object.getOwnPropertyDescriptor(c, "ref").get;
+        if (x && x.isReactWarning)
+          return !1;
+      }
+      return c.ref !== void 0;
+    }
+    function Hn(c) {
+      if (Re.call(c, "key")) {
+        var x = Object.getOwnPropertyDescriptor(c, "key").get;
+        if (x && x.isReactWarning)
+          return !1;
+      }
+      return c.key !== void 0;
+    }
+    function Un(c, x) {
+      if (typeof c.ref == "string" && Ee.current && x && Ee.current.stateNode !== x) {
+        var w = N(Ee.current.type);
+        rt[w] || (_('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', N(Ee.current.type), c.ref), rt[w] = !0);
+      }
+    }
+    function Wn(c, x) {
+      {
+        var w = function() {
+          It || (It = !0, _("%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)", x));
+        };
+        w.isReactWarning = !0, Object.defineProperty(c, "key", {
+          get: w,
+          configurable: !0
+        });
+      }
+    }
+    function Qn(c, x) {
+      {
+        var w = function() {
+          Ht || (Ht = !0, _("%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)", x));
+        };
+        w.isReactWarning = !0, Object.defineProperty(c, "ref", {
+          get: w,
+          configurable: !0
+        });
+      }
+    }
+    var zn = function(c, x, w, S, R, H, P) {
+      var T = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: t,
+        // Built-in properties that belong on the element
+        type: c,
+        key: x,
+        ref: w,
+        props: P,
+        // Record the component responsible for creating this element.
+        _owner: H
+      };
+      return T._store = {}, Object.defineProperty(T._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(T, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: S
+      }), Object.defineProperty(T, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: R
+      }), Object.freeze && (Object.freeze(T.props), Object.freeze(T)), T;
+    };
+    function Vn(c, x, w, S, R) {
+      {
+        var H, P = {}, T = null, te = null;
+        w !== void 0 && (Lt(w), T = "" + w), Hn(x) && (Lt(x.key), T = "" + x.key), In(x) && (te = x.ref, Un(x, R));
+        for (H in x)
+          Re.call(x, H) && !Ln.hasOwnProperty(H) && (P[H] = x[H]);
+        if (c && c.defaultProps) {
+          var G = c.defaultProps;
+          for (H in G)
+            P[H] === void 0 && (P[H] = G[H]);
+        }
+        if (T || te) {
+          var J = typeof c == "function" ? c.displayName || c.name || "Unknown" : c;
+          T && Wn(P, J), te && Qn(P, J);
+        }
+        return zn(c, T, te, R, S, Ee.current, P);
+      }
+    }
+    var st = E.ReactCurrentOwner, Ut = E.ReactDebugCurrentFrame;
+    function ve(c) {
+      if (c) {
+        var x = c._owner, w = De(c.type, c._source, x ? x.type : null);
+        Ut.setExtraStackFrame(w);
+      } else
+        Ut.setExtraStackFrame(null);
+    }
+    var ot;
+    ot = !1;
+    function at(c) {
+      return typeof c == "object" && c !== null && c.$$typeof === t;
+    }
+    function Wt() {
+      {
+        if (st.current) {
+          var c = N(st.current.type);
+          if (c)
+            return `
+
+Check the render method of \`` + c + "`.";
+        }
+        return "";
+      }
+    }
+    function Yn(c) {
+      {
+        if (c !== void 0) {
+          var x = c.fileName.replace(/^.*[\\\/]/, ""), w = c.lineNumber;
+          return `
+
+Check your code at ` + x + ":" + w + ".";
+        }
+        return "";
+      }
+    }
+    var Qt = {};
+    function Gn(c) {
+      {
+        var x = Wt();
+        if (!x) {
+          var w = typeof c == "string" ? c : c.displayName || c.name;
+          w && (x = `
+
+Check the top-level render call using <` + w + ">.");
+        }
+        return x;
+      }
+    }
+    function zt(c, x) {
+      {
+        if (!c._store || c._store.validated || c.key != null)
+          return;
+        c._store.validated = !0;
+        var w = Gn(x);
+        if (Qt[w])
+          return;
+        Qt[w] = !0;
+        var S = "";
+        c && c._owner && c._owner !== st.current && (S = " It was passed a child from " + N(c._owner.type) + "."), ve(c), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', w, S), ve(null);
+      }
+    }
+    function Vt(c, x) {
+      {
+        if (typeof c != "object")
+          return;
+        if (nt(c))
+          for (var w = 0; w < c.length; w++) {
+            var S = c[w];
+            at(S) && zt(S, x);
+          }
+        else if (at(c))
+          c._store && (c._store.validated = !0);
+        else if (c) {
+          var R = j(c);
+          if (typeof R == "function" && R !== c.entries)
+            for (var H = R.call(c), P; !(P = H.next()).done; )
+              at(P.value) && zt(P.value, x);
+        }
+      }
+    }
+    function Jn(c) {
+      {
+        var x = c.type;
+        if (x == null || typeof x == "string")
+          return;
+        var w;
+        if (typeof x == "function")
+          w = x.propTypes;
+        else if (typeof x == "object" && (x.$$typeof === i || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        x.$$typeof === f))
+          w = x.propTypes;
+        else
+          return;
+        if (w) {
+          var S = N(x);
+          Rn(w, c.props, "prop", S, c);
+        } else if (x.PropTypes !== void 0 && !ot) {
+          ot = !0;
+          var R = N(x);
+          _("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", R || "Unknown");
+        }
+        typeof x.getDefaultProps == "function" && !x.getDefaultProps.isReactClassApproved && _("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function qn(c) {
+      {
+        for (var x = Object.keys(c.props), w = 0; w < x.length; w++) {
+          var S = x[w];
+          if (S !== "children" && S !== "key") {
+            ve(c), _("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", S), ve(null);
+            break;
+          }
+        }
+        c.ref !== null && (ve(c), _("Invalid attribute `ref` supplied to `React.Fragment`."), ve(null));
+      }
+    }
+    function Yt(c, x, w, S, R, H) {
+      {
+        var P = Q(c);
+        if (!P) {
+          var T = "";
+          (c === void 0 || typeof c == "object" && c !== null && Object.keys(c).length === 0) && (T += " 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 te = Yn(R);
+          te ? T += te : T += Wt();
+          var G;
+          c === null ? G = "null" : nt(c) ? G = "array" : c !== void 0 && c.$$typeof === t ? (G = "<" + (N(c.type) || "Unknown") + " />", T = " Did you accidentally export a JSX literal instead of a component?") : G = typeof c, _("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", G, T);
+        }
+        var J = Vn(c, x, w, R, H);
+        if (J == null)
+          return J;
+        if (P) {
+          var ae = x.children;
+          if (ae !== void 0)
+            if (S)
+              if (nt(ae)) {
+                for (var ye = 0; ye < ae.length; ye++)
+                  Vt(ae[ye], c);
+                Object.freeze && Object.freeze(ae);
+              } else
+                _("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
+              Vt(ae, c);
+        }
+        return c === s ? qn(J) : Jn(J), J;
+      }
+    }
+    function Xn(c, x, w) {
+      return Yt(c, x, w, !0);
+    }
+    function Zn(c, x, w) {
+      return Yt(c, x, w, !1);
+    }
+    var Kn = Zn, er = Xn;
+    $e.Fragment = s, $e.jsx = Kn, $e.jsxs = er;
+  }()), $e;
+}
+process.env.NODE_ENV === "production" ? wt.exports = br() : wt.exports = vr();
+var r = wt.exports;
+const yr = () => {
+  const [e, t] = F(window.location.pathname), n = () => {
+    const s = window.location.pathname;
+    t(s);
+  };
+  return V(() => (window.addEventListener("popstate", n), () => {
+    window.removeEventListener("popstate", n);
+  }), []), e;
+}, ke = (e, t) => {
+  const n = Z(!1);
+  V(() => {
+    n.current ? e() : n.current = !0;
+  }, t);
+};
+function wr(e, t, n) {
+  var s = this, o = Z(null), l = Z(0), m = Z(null), a = Z([]), i = Z(), u = Z(), d = Z(e), f = Z(!0);
+  V(function() {
+    d.current = e;
+  }, [e]);
+  var p = !t && t !== 0 && typeof window < "u";
+  if (typeof e != "function")
+    throw new TypeError("Expected a function");
+  t = +t || 0;
+  var g = !!(n = n || {}).leading, h = !("trailing" in n) || !!n.trailing, v = "maxWait" in n, j = v ? Math.max(+n.maxWait || 0, t) : null;
+  V(function() {
+    return f.current = !0, function() {
+      f.current = !1;
+    };
+  }, []);
+  var E = Ye(function() {
+    var _ = function(b) {
+      var M = a.current, Q = i.current;
+      return a.current = i.current = null, l.current = b, u.current = d.current.apply(Q, M);
+    }, $ = function(b, M) {
+      p && cancelAnimationFrame(m.current), m.current = p ? requestAnimationFrame(b) : setTimeout(b, M);
+    }, B = function(b) {
+      if (!f.current)
+        return !1;
+      var M = b - o.current;
+      return !o.current || M >= t || M < 0 || v && b - l.current >= j;
+    }, y = function(b) {
+      return m.current = null, h && a.current ? _(b) : (a.current = i.current = null, u.current);
+    }, U = function b() {
+      var M = Date.now();
+      if (B(M))
+        return y(M);
+      if (f.current) {
+        var Q = t - (M - o.current), O = v ? Math.min(Q, j - (M - l.current)) : Q;
+        $(b, O);
+      }
+    }, W = function() {
+      var b = Date.now(), M = B(b);
+      if (a.current = [].slice.call(arguments), i.current = s, o.current = b, M) {
+        if (!m.current && f.current)
+          return l.current = o.current, $(U, t), g ? _(o.current) : u.current;
+        if (v)
+          return $(U, t), _(o.current);
+      }
+      return m.current || $(U, t), u.current;
+    };
+    return W.cancel = function() {
+      m.current && (p ? cancelAnimationFrame(m.current) : clearTimeout(m.current)), l.current = 0, a.current = o.current = i.current = m.current = null;
+    }, W.isPending = function() {
+      return !!m.current;
+    }, W.flush = function() {
+      return m.current ? y(Date.now()) : u.current;
+    }, W;
+  }, [g, v, t, j, h, p]);
+  return E;
+}
+function dn(e, t, n) {
+  var s = n === void 0 ? {} : n, o = s.leading, l = s.trailing;
+  return wr(e, t, { maxWait: t, leading: o === void 0 || o, trailing: l === void 0 || l });
+}
+let it;
+const Je = (e = !0, t = !1) => {
+  if (!e)
+    return;
+  const [n, s] = C.useState(0) || [!1, () => {
+  }];
+  V(() => (l(), window.addEventListener("resize", m), () => {
+    clearTimeout(it), m.flush(), window.removeEventListener("resize", m);
+  }), []);
+  const o = () => window.innerWidth, l = () => {
+    s(o());
+  }, m = dn(
+    () => {
+      o() !== n && (t && (clearTimeout(it), document.body.classList.add("is-resizing"), it = setTimeout(() => {
+        document.body.classList.remove("is-resizing");
+      }, 550)), l());
+    },
+    500,
+    { leading: !0 }
+  );
+  return n;
+}, kr = ({
+  scrollPosition: e = 0,
+  // The position on the page to scroll past
+  offset: t = { down: 0, up: 10 },
+  // An optional buffer
+  callbacks: { scrollDown: n = () => {
+  }, scrollUp: s = () => {
+  } }
+}) => {
+  if (!window)
+    return;
+  const [o, l] = C.useState({ current: 0, past: 0 }) || [!1, () => {
+  }], [m, a] = C.useState({ scrollDown: !1, scrollUp: !1 }) || [!1, () => {
+  }];
+  V(() => (i(), window.addEventListener("scroll", u), () => {
+    u.flush(), window.removeEventListener("scroll", u);
+  }), []);
+  const i = () => {
+    const d = window.scrollY, f = o.current, p = d - f, g = p > 0 ? "down" : "up";
+    if (l({ current: d, past: f }), g === "down") {
+      d >= e + t.down && !m.scrollDown && (!m.scrollUp || p > t.up) && (n(), a({ scrollUp: !1, scrollDown: !0 }));
+      return;
+    }
+    Math.abs(p) >= t.up && !m.scrollUp && (s(), a({ scrollUp: !0, scrollDown: !1 }));
+  }, u = dn(() => {
+    i();
+  }, 250);
+  return o;
+}, Xs = (e = [], t = !0) => {
+  e = Array.isArray(e) ? e : [e];
+  const n = Z(!1);
+  ke(() => {
+    if (window && window.location && window.location.hash) {
+      if (n.current)
+        return;
+      const s = document.getElementById(window.location.hash.replace("#", ""));
+      s && (s.scrollIntoView(t ? { behavior: "smooth" } : null), n.current = !0);
+    }
+  }, e);
+}, jr = (e, t) => {
+  Array.isArray(t) || (t = [t]);
+  const n = rr(e);
+  return t.forEach(({ type: s, value: o }) => {
+    sr(n, s, o);
+  }), n;
+}, mn = (e) => {
+  const t = [];
+  return e.forEach((n) => {
+    const s = parseInt(n);
+    isNaN(s) || t.push(s);
+  }), t.sort((n, s) => n - s);
+}, fn = (e, t, n) => {
+  let s = n.mobile;
+  for (const o in t) {
+    const l = parseInt(String(t[o]));
+    if (e >= l)
+      s = n[l];
+    else if (e < l)
+      break;
+  }
+  return s;
+}, Er = (e, t = "en") => new Date(e).toLocaleString(t, {
+  weekday: "long",
+  day: "numeric",
+  month: "short",
+  year: "numeric"
+}), Sr = (e) => {
+  let l;
+  try {
+    l = (/* @__PURE__ */ new Date()).getTime() - new Date(e).getTime();
+  } catch {
+    return "";
+  }
+  const m = l / 36e5, a = Math.floor(l / 864e5);
+  if (a < 1)
+    return m < 1 ? { path: "now" } : { path: "hours", number: Math.floor(m) };
+  if (a < 7)
+    return { path: "days", number: a };
+  const i = Math.floor(a / 7);
+  return i <= 52 ? { path: "weeks", number: i } : { path: "years", number: Math.floor(a / 365) };
+}, $r = (e) => new Promise((t) => setTimeout(t, e)), Pt = {
+  apolitical: "Apolitical",
+  breadcrumbs_label: "Go back to:",
+  breadcrumbs_currentPage: "Current page:",
+  card_bootcamp: "Email boot camp",
+  card_ended: "Ended",
+  card_registered: "Registered",
+  card_answers: "{number, plural, =0 {0 answers} one {# answer} other {# answers}}",
+  card_time_ago: "{time} ago",
+  card_time_read: "{time} min read",
+  card_watch: "Watch recording",
+  card_cta_people: "View profile",
+  collapsibleSection_summary: "Find out more",
+  communityDetails_members: "Members",
+  communityDetails_viewAll: "View all",
+  communityDetails_invite: "Invite colleagues",
+  community_joinToPost: "Join community to create a post.",
+  contactFooter_title: "Contact us",
+  contactFooter_text: "We're always open to new ideas, so please reach out to see how we can collaborate.",
+  contactFooter_phone: "+44 203 608 2241",
+  contactFooter_email: "hello@apolitical.co",
+  contactForm_name: "Name",
+  contactForm_email: "Email address",
+  contactForm_organisation: "Government department or organisation",
+  contactForm_interests: "I'm interested in",
+  contactForm_interests_publishingCourse: "Publishing or creating a course",
+  contactForm_interests_buyingCourse: "Buying courses for my team",
+  contactForm_interests_learningExperience: "Customised learning experiences",
+  contactForm_interests_somethingElse: "Something else",
+  contactForm_message: "Message",
+  cookieBanner_title: "Cookies and your privacy",
+  cookieBanner_text: "We take your trust and privacy very seriously. Apolitical uses safe cookies (small files on your device) to run the site. You can reject non-essential cookies, but some site features may not work without them.",
+  cookieBanner_buttons_settings: "Change my settings",
+  cookieBanner_buttons_reject: "Reject all",
+  cookieBanner_buttons_accept: "Accept all",
+  dates_now: "now",
+  dates_hours: "{number}h",
+  dates_days: "{number}d",
+  dates_weeks: "{number}w",
+  dates_years: "{number}y",
+  discussion_action_answer: "answer",
+  discussion_action_comment: "comment",
+  discussion_action_post: "post",
+  discussion_action_response: "response",
+  discussion_action_reply: "reply",
+  discussion_action_question: "question",
+  discussion_edited: "Edited",
+  discussion_delete_title: "Delete {action}",
+  discussion_delete_text: "<p>Are you sure you want to delete your {action}?</p><p>This can't be undone.</p>",
+  discussion_delete_cancel: "Cancel",
+  discussion_delete_delete: "Delete",
+  discussion_delete_error: "We are unable to delete your {action} at the moment. Please try again later or contact us if problem persists.",
+  discussion_reply: "Reply",
+  discussion_report_subject: "Report a post on Apolitical",
+  discussion_report_body: `I'd like to report the {contentType} <{contentSlug}> at {contentUrl}.
+
+Please explain why you're reporting this post. Reasons could include: inappropriate language, harassment, spam, hate speech, false information, among others. Include as much detail as you feel comfortable.
+
+Thank you for helping to protect the Apolitical community from abusive content.`,
+  discussion_form_title: "Write your {action}",
+  discussion_form_placeholder: "Type your {action} here...",
+  discussion_form_label: "Your {action}",
+  discussion_form_explainer: "Try to make your {action} specific and practical. Be respectful and kind. See our <a>community guidelines</a>",
+  discussion_form_success: "Your {action} has been submitted.",
+  discussion_form_post: "Post",
+  discussion_form_posting: "Posting...",
+  discussion_form_save: "Save",
+  discussion_form_saving: "Saving...",
+  discussion_form_cancel: "Cancel",
+  discussion_form_submitting: "Submitting...",
+  discussion_form_placeholder_post: "Write something...",
+  discussion_form_error: "We are unable to process your {action} right now. Please try again later or contact us if the problem persists",
+  discussion_form_error_tooLong: "Please keep your content to {maxLength, plural, one {1 character} other {# characters}}.",
+  discussion_form_error_tooMany: "You have posted too many times in a row. Please wait and try again.",
+  discussion_form_error_loggedOut: "Please log in to submit your {action}.",
+  discussion_form_error_noPermission: "You do not have permission to {action}.",
+  discussion_form_error_alreadyExists: "This {action} already exists.",
+  discussion_form_title_question: "Start a conversation",
+  discussion_form_placeholder_question: "Ask your question here",
+  discussion_form_explainer_question: "Unsure what you can post? See our <a>community guidelines</a>.",
+  discussion_likes: "{number, plural, =0 {0 likes} one {# like} other {# likes}}",
+  discussion_likes_short: "{number}",
+  discussion_likes_more: "and {number} more...",
+  discussion_likes_like: "Like this {action}",
+  discussion_likes_unlike: "Unlike {action}",
+  discussion_moreMenu_edit: "Edit",
+  discussion_moreMenu_delete: "Delete",
+  discussion_moreMenu_report: "Report",
+  discussion_comments_screenReader: "See {count, plural, =0 {0 comments} one {# comment} other {# comments}}",
+  discussion_comments: "{count, plural, =0 {0 comments} one {# comment} other {# comments}}",
+  discussion_responses_answer: "Answers",
+  discussion_responses_comment: "Comments",
+  discussion_responses_title: "{action} ({count})",
+  discussion_responses_empty: "Be the first to respond",
+  discussion_responses_empty_answer: "Be the first to answer this question",
+  discussion_thread_show: "Show {count, plural, =0 {replies} one {# reply} other {# replies}}",
+  discussion_thread_hide: "Hide replies",
+  emailHelperTextBox_fallback_title: "Who can join",
+  emailHelperTextBox_fallback_text: "Apolitical is a private community for public servants and policymakers.",
+  emailHelperTextBox_default_title: "Who can join",
+  emailHelperTextBox_default_text: "Apolitical is a private community for public servants and policymakers. <link>Learn more</link>.",
+  emailHelperTextBox_autoApproved_title: "Email check",
+  emailHelperTextBox_autoApproved_text: "Great! Looks like you are using a **government email domain we recognise.** You will be **auto-approved** once you sign up.",
+  emailHelperTextBox_unrecognisedEmail_title: "Not a recognised government email",
+  emailHelperTextBox_unrecognisedEmail_text: "To confirm you work in government or policy, please add more details below. <link>Learn more</link>.",
+  emailHelperTextBox_pendingApproval_title: "Email is pending approval",
+  emailHelperTextBox_pendingApproval_text: "Looks like this email has been used to sign up to Apolitical before, but <strong>we have not yet approved it.</strong> If you cannot wait to join, contact <mail>concierge@apolitical.co</mail>.",
+  emailHelperTextBox_emailUnverified_title: "Hello again!",
+  emailHelperTextBox_emailUnverified_text: "It looks like you're already an Apolitical member. To access your account, please verify your email address. <link>Click here to get a verification code sent to your email</link>.",
+  emailHelperTextBox_emailAlreadyExists_title: "Email is already registered",
+  emailHelperTextBox_emailAlreadyExists_text: "Looks like this email has been used to sign up to Apolitical before, try <link>logging in</link> instead. If you're still having issues, contact <mail>concierge@apolitical.co</mail>.",
+  emailHelperTextBox_error_verificationFailedToSend_title: "Verification code failed to send",
+  emailHelperTextBox_error_verificationFailedToSend_text: "Error details: <em>{error}</em>{br}<link>Click here to try again</link>.{br}If you continue to have problems, contact us at <mail>concierge@apolitical.co</mail>",
+  emailHelperTextBox_error_noFunction: "Cannot resend verification code.",
+  filters_all: "Show all",
+  filters_disabled: "{name} - no results",
+  footer_platform: "Platform",
+  footer_platform_events: "Events",
+  footer_platform_courses: "Courses",
+  footer_platform_qanda: "Q&A",
+  footer_platform_articles: "Articles",
+  footer_community: "Community",
+  footer_community_support: "Support FAQ",
+  footer_community_post: "Post on Apolitical",
+  footer_community_join: "Who can join",
+  footer_community_guidelines: "Guidelines & values",
+  footer_company: "Company",
+  footer_company_story: "Our story",
+  footer_company_team: "Meet our team",
+  footer_company_careers: "Careers",
+  footer_company_partner: "Partner with us",
+  footer_company_contact: "Get in touch",
+  footer_legal: "Legal",
+  footer_legal_privacy: "Privacy policy",
+  footer_legal_terms: "Terms & conditions",
+  footer_legal_cookie: "Cookie policy",
+  footer_legal_accessibility: "Accessibility statement",
+  footer_legal_dataProtection: "Data protection officer",
+  footer_legal_euDataProtection: "EU data protection officer",
+  footer_contact: "Contact",
+  footer_contact_correspondence: "Correspondence address",
+  footer_contact_correspondence_address: "251 Southwark Bridge Road{br}London, SE1 6FL{br}United Kingdom",
+  footer_contact_registered: "Registered address",
+  footer_contact_registered_address: "20–22 Wenlock Road{br}London, N1 7GU{br}United Kingdom",
+  footer_contact_berlin: "Berlin address",
+  footer_contact_berlin_address: "Torstraße 220{br}10115 Berlin{br}Germany",
+  footer_contact_support: "For platform support",
+  footer_contact_business: "For business inquiries",
+  footer_social_linkedin: "LinkedIn",
+  footer_social_twitter: "Twitter",
+  footer_social_facebook: "Facebook",
+  footer_copyright: "Copyright © {currentYear} Apolitical Group Limited",
+  form_fieldWrapper_required: "required",
+  form_fieldWrapper_characterLimit: "Character limit:",
+  form_error_generalError: "Sorry, something has gone. Please refresh the page and try again.",
+  form_error_required: "Please fill in this required field",
+  form_error_numbers: "Numbers are not allowed in this text field",
+  form_error_email: "Please enter a valid email address",
+  form_error_url: "Please enter a valid URL",
+  form_submit: "Submit",
+  form_submitting: "Submitting form...",
+  form_submitted: "Submitted",
+  header_skip: "Skip to main content",
+  header_search_show: "Show search bar",
+  header_search_hide: "Close search bar",
+  header_menu_show: "Show navigation",
+  header_menu_hide: "Close navigation",
+  header_home_loggedOut: "Home",
+  header_home_loggedIn: "My Home",
+  header_topics: "Topics",
+  header_topics_explore: "Explore",
+  header_topics_explore_events: "Events",
+  header_topics_explore_courses: "Courses",
+  "header_topics_explore_q-and-a": "Q&A",
+  header_topics_explore_articles: "Articles",
+  header_topics_topics: "Topics",
+  header_topics_topics_climate: "Climate",
+  "header_topics_topics_cities-and-local-government": "Cities and local government",
+  "header_topics_topics_digital-and-data": "Digital and data",
+  header_topics_topics_education: "Education",
+  "header_topics_topics_equity-justice-and-inclusion": "Equity, justice and inclusion",
+  "header_topics_topics_health-and-social-care": "Health and social care",
+  header_topics_topics_innovation: "Innovation",
+  "header_topics_topics_leadership-and-skills": "Leadership and skills",
+  "header_topics_topics_life-in-government": "Life in government",
+  header_topics_topics_policymaking: "Policymaking",
+  "header_topics_topics_transport-and-infrastructure": "Transport and infrastructure",
+  "header_topics_topics_work-and-the-economy": "Work and the economy",
+  header_partners: "For partners",
+  header_account: "My account",
+  header_account_show: "Show account menu",
+  header_account_hide: "Close account menu",
+  header_account_profile: "My profile",
+  header_account_settings: "Settings & privacy",
+  "header_account_log-out": "Log out",
+  header_buttons_login: "Log in",
+  header_buttons_signup: "Sign up",
+  hideShowTextBox_hide: "View less",
+  hideShowTextBox_show: "View more",
+  joinCommunityButton: "Join community",
+  joinCommunityButton_short: "Join",
+  joinCommunityButton_joining: "Joining...",
+  joinCommunityButton_member: "Member",
+  joinCommunityButton_member_aria: "Leave community",
+  joinCommunityButton_leave: "Leave",
+  joinCommunityButton_leaving: "Leaving...",
+  languageSwitcher_label: "I would like to read this article in...",
+  languageSwitcher_translation_original: "original language",
+  languageSwitcher_translation_human: "translated by person",
+  languageSwitcher_translation_machine: "translated by machine",
+  languageSwitcher_selected: "{language} - currently selected",
+  languageSwitcher_disclaimer: "This content is machine translated and will occasionally get gendered language or other direct translations wrong. We’re trying to resolve this but in the meantime, if you notice something very wrong, let us know at <link>{email}</link>",
+  loadMore_button: "Load more",
+  loadMore_endOfFeed: "You're all caught up",
+  loadMore_error: "We're having trouble loading more content. Please refresh the page or try again later.",
+  loadingBlock_loading: "Loading...",
+  loadingBlock_almostDone: "Almost done...",
+  loadingBlock_complete: "Complete!",
+  markdown_collapsibleSection_summary: "Resources",
+  markdown_skip_video: "Skip past video",
+  markdown_skip_padlet: "Skip past interactive board",
+  markdown_skip_poll: "Skip past poll",
+  markdown_skip: "Skip to next section",
+  markdown_iframe_title: "Course information",
+  markdown_iframe_video: "Video",
+  markdown_iframe_padlet: "Interactive board",
+  markdown_iframe_poll: "Poll",
+  member_apolitical: "Apolitical",
+  member_community: "Community post",
+  membersList: "Members",
+  membersList_admin: "Admin",
+  moreMenu: "See more options",
+  overlay_close: "Close",
+  pageLayout_error: "An error occurred while rendering this page. Please refresh the page or try again later.",
+  passwordRules_intro: "We advise you not to use your name or email in your password.",
+  passwordRules_rule_label: "Password",
+  passwordRules_rule_8Characters: "must be longer than 8 characters",
+  passwordRules_rule_numberSymbol: "must include a number and a symbol",
+  passwordRules_rule_lowercaseUppercase: "must include both lower and upper case characters",
+  passwordRules_notMet: "Your password does not meet this requirement",
+  progressBar: "{number}% loaded",
+  ratings_text: "Rate answer",
+  ratings_stars: "{number} out of {total}",
+  ratings_low: "this is incorrect or confusing",
+  ratings_high: "this is a fantastic answer",
+  ratings_success: "Thank you!",
+  search_label: "Search for:",
+  search_placeholder: "Ask Apolitical",
+  search_clear: "Clear search",
+  search_cta: "Search",
+  signup_title: "Sign up",
+  signup_full_name: "Full name",
+  signup_full_name_placeholder: "Lionel Messi",
+  signup_email_address: "Work email",
+  signup_email_address_placeholder: "lionel.messi@argentina.gov",
+  signup_job_title: "Job title",
+  signup_job_title_placeholder: "e.g. Senior Policy Advisor",
+  signup_organization: "Organisation",
+  signup_organization_placeholder: "e.g. Department of Justice",
+  signup_url: "Link to official government bio / LinkedIn <small>(optional)</small>",
+  signup_url_placeholder: "https://organisation.com/bio",
+  signup_expectation: "What do you want to know<small>Optional, but we will use your response to build the session!</small>",
+  signup_expectation_placeholder: "What do you want to know?",
+  signup_terms: "I accept Apolitical's <terms>Terms of Service</terms>, <privacy>Privacy Policy</privacy> and that I'll get essential emails for my use of Apolitical",
+  signup_error: "We're really sorry, but we've had a problem trying to sign you up. This could be an issue with our system, so we suggest you try again later.",
+  signup_button_join: "Join for free",
+  signup_button_login: "Log in",
+  signup_submitting: "Submitting form...",
+  signup_success_title: "Thank you for applying to join Apolitical!",
+  signup_success_text: "<p>Once we've vetted your application, you'll get a secure login link to help you get started.</p><p>Please note that trust is everything to our community, so you can't login until your identity has been verified.</p>",
+  sharedLinks_copy_text: "Copy link",
+  tags_community: "From the community",
+  tooltip_loading: "Loading..."
+}, Tr = {
+  languageSwitcher_label: "Me gustaría leer este artículo en...",
+  languageSwitcher_translation_original: "idioma original",
+  languageSwitcher_translation_human: "traducido por un humano",
+  languageSwitcher_translation_machine: "traducido por máquina",
+  languageSwitcher_disclaimer: "Este contenido fue traducido automáticamente y ocasionalmente tendrá errores de género u otras traducciones directas. Estamos intentando resolver este problema, pero mientras tanto, si notas algún error grave, escríbenos a <link>{email}</link>"
+}, Mr = {
+  collapsibleSection_summary: "En savoir plus",
+  languageSwitcher_label: "Je voudrais lire cet article dans...",
+  languageSwitcher_translation_original: "langue originale",
+  languageSwitcher_translation_human: "traduit par un humain",
+  languageSwitcher_translation_machine: "traduit par machine",
+  languageSwitcher_disclaimer: "Ce contenu est traduit automatiquement et contiendra d’évantuelles erreurs de genre ou d’autres traductions directes. Nous essayons de résoudre ce problème, mais en attendant, si vous remarquez une erreur importante, faites-le nous savoir à <link>{email}</link>"
+}, Cr = {
+  languageSwitcher_label: "Eu gostaria de ler este artigo em...",
+  languageSwitcher_translation_original: "linguagem original",
+  languageSwitcher_translation_human: "traduzido por um humano",
+  languageSwitcher_translation_machine: "traduzido por máquina",
+  languageSwitcher_disclaimer: "Este conteúdo foi traduzido automaticamente e, ocasionalmente, poderão ocorrer erros de linguagem de gênero ou outras traduções diretas. Estamos tentando resolver isso, porém se perceber algo errado por favor nos avise em <link>{email}</link>"
+}, Pr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  en: Pt,
+  es: Tr,
+  fr: Mr,
+  pt: Cr
+}, Symbol.toStringTag, { value: "Module" })), le = (e, t, n, s, o = {}) => {
+  let l = "";
+  return `${t}_${n}` in Pt ? l = e({ id: `${t}_${n}` }, o) : l = e({ id: t }, { [s]: n, ...o }), l;
+}, Ar = (e, t, n) => {
+  if (!e || e === 0)
+    return "0";
+  t || (t = 0), n || (n = ["k", "m", "b", "t"]);
+  let s = e.toString();
+  t = Math.pow(10, t);
+  for (let o = n.length - 1; o >= 0; o--) {
+    const l = Math.pow(10, (o + 1) * 3);
+    if (l <= e) {
+      e = Math.round(e * t / l) / t, e === 1e3 && o < n.length - 1 && (e = 1, o++), s = `${e}${n[o]}`;
+      break;
+    }
+  }
+  return s;
+}, pn = (e, t) => C.Children.map(e, (n) => C.cloneElement(n, {
+  ...t
+})), Nr = (e) => e.replace(/\s+/g, "").length > 0, q = ({
+  variant: e = "primary",
+  size: t = "medium",
+  styling: n = { muted: !1, fullWidth: !1 },
+  icon: s = !1,
+  href: o = !1,
+  element: l = "button",
+  onClick: m = !1,
+  className: a = "",
+  disabled: i = !1,
+  screenreaderText: u = !1,
+  children: d = !1,
+  ...f
+}) => {
+  const g = Je(typeof t == "object");
+  if (typeof t == "object" && typeof g == "number") {
+    const j = Object.assign({}, t), E = mn(Object.keys(j));
+    t = fn(g, E, j);
+  }
+  const h = [];
+  typeof t == "string" && h.push(t), s && (h.push("icon"), typeof s == "object" ? (h.push(s.icon), s.position ? h.push(s.position) : h.push("left"), s.hover && h.push(`hover_${s.hover}`), s.animate && (h.push("animate"), typeof s.animate == "string" && h.push(s.animate))) : (h.push(s), !s.includes("right") && !s.includes("left") && h.push("left"))), n.muted && h.push("muted"), n.fullWidth && h.push("full-width");
+  const v = {
+    ...f,
+    className: k(e, a, h, {
+      "no-text": !d,
+      disabled: i,
+      button: o
+    }),
+    onClick: (j) => {
+      (!o || o[0] === "#") && m && (j.preventDefault(), j.stopPropagation()), m && m(j);
+    },
+    disabled: typeof i == "object" && "isClickable" in i ? !i.isClickable : i
+  };
+  return o && (l = "a", v.href = o), C.createElement(
+    l,
+    v,
+    d || (u ? /* @__PURE__ */ r.jsx(ee, { showOnFocus: !1, children: u }) : null)
+  );
+}, qe = ({ buttons: e, className: t = "", ...n }) => {
+  const s = e.length > 1 ? "ul" : "p", o = e.map((l, m) => s === "p" ? /* @__PURE__ */ r.jsx(q, { ...l }, m) : /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(q, { ...l }) }, m));
+  return C.createElement(s, { className: k("button-wrapper", t), ...n, children: o });
+};
+const kt = ({ maxWidth: e = !1 }) => {
+  const t = e ? { "--max-width": `${e / 16}rem` } : {};
+  return /* @__PURE__ */ r.jsx("hr", { className: k({ "has-max-width": e }), style: t });
+}, Xe = ({
+  href: e,
+  children: t,
+  fallbackElement: n,
+  className: s = "",
+  onClick: o,
+  gtmContext: l,
+  gtmType: m,
+  ...a
+}) => {
+  if (e) {
+    const i = { ...a };
+    return o && (i.onClick = o), l && (i["data-gtm-event-context"] = l), m && (i["data-gtm-event-type"] = m), /* @__PURE__ */ r.jsx(
+      "a",
+      {
+        href: e,
+        className: k("gtm-trackable", s),
+        ...i,
+        children: t
+      }
+    );
+  }
+  return n ? C.createElement(n, { children: t, className: s, ...a }) : t;
+}, Zt = {
+  card: {
+    range: [
+      {
+        height: 320,
+        width: 320
+      },
+      {
+        height: 425,
+        width: 687
+      },
+      {
+        height: 510,
+        width: 768
+      }
+    ],
+    sizes: "(min-width: 1024px) 720px, 30vw"
+  },
+  responsiveCard: {
+    range: [
+      {
+        height: 125,
+        width: 200
+      },
+      {
+        height: 188,
+        width: 300
+      },
+      {
+        height: 313,
+        width: 500
+      }
+    ],
+    sizes: "(min-width: 1024px) 720px, 30vw"
+  },
+  banner: {
+    range: [
+      {
+        height: 124,
+        width: 425
+      },
+      {
+        height: 320,
+        width: 768
+      },
+      {
+        height: 510,
+        width: 1368
+      }
+    ],
+    sizes: "(min-width: 1024px) 975px, 50vw"
+  },
+  feed: {
+    range: [
+      {
+        height: 270,
+        width: 124
+      },
+      {
+        height: 320,
+        width: 425
+      },
+      {
+        height: 425,
+        width: 687
+      }
+    ],
+    sizes: "(min-width: 1024px) 510px, 20vw"
+  },
+  fallback: {
+    range: [
+      {
+        height: 124,
+        width: 375
+      },
+      {
+        height: 320,
+        width: 687
+      },
+      {
+        height: 510,
+        width: 990
+      }
+    ],
+    sizes: "(min-width: 1024px) 885px, 35vw"
+  },
+  thumbnail: {
+    range: [
+      {
+        height: 124,
+        width: 124
+      },
+      {
+        height: 320,
+        width: 320
+      },
+      {
+        height: 510,
+        width: 510
+      }
+    ],
+    sizes: "(min-width: 1024px) 453px, 20vw"
+  }
+}, Dr = ({
+  aspect: e,
+  range: t,
+  sizes: n
+}) => {
+  const { range: s, sizes: o } = e ? Zt[e] : Zt.fallback;
+  return { range: t && t.length > 0 ? t : s, sizes: n || o };
+}, Rr = ({ format: e, height: t, query: n, width: s }) => {
+  let o = `w=${s}&h=${t}`;
+  return o = e ? `${o}&fm=${e}` : o, o = n ? `${o}&${n}` : o, o;
+}, lt = ({ format: e, range: t, url: n, query: s }) => t.map(({ height: o, width: l }) => `${n}?${Rr({
+  format: e,
+  height: o,
+  query: s,
+  width: l
+})} ${l}w`).join(", ");
+const Fr = ({ image: e, className: t, testId: n }) => {
+  const {
+    description: s,
+    height: o,
+    type: l,
+    query: m,
+    url: a,
+    width: i,
+    loading: u,
+    decoding: d,
+    fetchPriority: f
+  } = e, { range: p, sizes: g } = Dr(e), h = lt({ format: "avif", query: m, range: p, url: a }), v = lt({ format: "webp", query: m, range: p, url: a }), j = lt({ format: "", query: m, range: p, url: a });
+  return /* @__PURE__ */ r.jsxs("picture", { className: t, children: [
+    l !== "image/gif" && /* @__PURE__ */ r.jsx(
+      "source",
+      {
+        type: "image/avif",
+        srcSet: h,
+        sizes: g,
+        "data-testid": "source"
+      }
+    ),
+    /* @__PURE__ */ r.jsx(
+      "source",
+      {
+        type: "image/webp",
+        srcSet: v,
+        sizes: g,
+        "data-testid": "source"
+      }
+    ),
+    /* @__PURE__ */ r.jsx(
+      "img",
+      {
+        srcSet: j,
+        sizes: g,
+        src: a,
+        alt: s,
+        loading: u || "lazy",
+        decoding: d || "async",
+        fetchpriority: f || "auto",
+        width: i,
+        height: o,
+        "data-testid": n || "image"
+      }
+    )
+  ] });
+};
+let Te = !1;
+const Or = ({ isOpen: e = !1, isLoading: t = !1, children: n }) => {
+  const s = A(), o = Z(null), [l, m] = F("hidden");
+  V(() => {
+    const i = o.current;
+    if (i)
+      return i.addEventListener("transitionend", a), () => {
+        i.removeEventListener("transitionend", a);
+      };
+  }, []);
+  const a = ({ propertyName: i }) => {
+    i === "opacity" && (Te !== !1 && clearTimeout(Te), m((u) => u === "opening" ? "open" : u === "closing" ? "closed" : u === "closed" ? "hidden" : u));
+  };
+  return ke(() => {
+    Te !== !1 && clearTimeout(Te);
+    let i = "open";
+    e ? m("opening") : (m("closing"), i = "hidden"), Te = setTimeout(() => {
+      m(i);
+    }, 300);
+  }, [e]), /* @__PURE__ */ r.jsx("aside", { ref: o, className: k("tooltip text-medium", l, { loading: t }), hidden: l === "hidden", children: t ? /* @__PURE__ */ r.jsx("p", { children: s.formatMessage({ id: "tooltip_loading" }) }) : typeof n == "string" ? /* @__PURE__ */ r.jsx("p", { children: n }) : n });
+};
+const hn = ({ children: e, className: t = "", ...n }) => /* @__PURE__ */ r.jsx("section", { className: k("full-width-section", t), ...n, children: e });
+const Zs = ({ text: e, buttons: t, className: n = "" }) => {
+  const s = [];
+  return t.forEach((o) => {
+    s.push({
+      href: o.link,
+      variant: "secondary",
+      size: { mobile: "medium", 1024: "large" },
+      className: "gtm-trackable",
+      "data-gtm-event-type": "download-click",
+      "data-gtm-event-context": o.eventContext || "Download",
+      target: "_blank",
+      children: o.text
+    });
+  }), /* @__PURE__ */ r.jsx(hn, { className: k("download-section", n), children: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    C.createElement(typeof e == "string" ? "h2" : e.element, { className: "text" }, typeof e == "string" ? e : e.text),
+    /* @__PURE__ */ r.jsx(qe, { buttons: s })
+  ] }) });
+};
+const Ks = ({ title: e = !1, logos: t = [], className: n = "" }) => {
+  const s = t.length;
+  if (s === 0)
+    return null;
+  const o = {
+    element: typeof e == "object" ? e.element : "h2",
+    text: typeof e == "string" ? e : typeof e == "object" ? e.text : ""
+  };
+  return /* @__PURE__ */ r.jsxs("div", { className: k("logos", n), children: [
+    e && C.createElement(o.element, { className: "title" }, o.text),
+    /* @__PURE__ */ r.jsx(
+      "ul",
+      {
+        className: k({ "two-col": s === 2 || s === 4, "three-col": s === 5 || s <= 10 && s % 3 === 0 }),
+        children: t.map(
+          ({ logo: l, nameOfBusiness: m, link: a = !1, description: i = !1 }, u) => {
+            if (!l || !l.url)
+              return null;
+            const d = /* @__PURE__ */ r.jsx(
+              "img",
+              {
+                src: l.url,
+                width: l.width || "auto",
+                height: l.height || "auto",
+                alt: m
+              }
+            );
+            return /* @__PURE__ */ r.jsxs("li", { children: [
+              /* @__PURE__ */ r.jsx("p", { className: "img-wrapper", children: a ? /* @__PURE__ */ r.jsx(
+                "a",
+                {
+                  href: a,
+                  target: "_blank",
+                  rel: "nofollow noreferrer noopener",
+                  children: d
+                }
+              ) : d }),
+              i && /* @__PURE__ */ r.jsx("small", { children: i })
+            ] }, window.btoa(`${l.url}_${u}`));
+          }
+        )
+      }
+    )
+  ] });
+};
+const Br = [
+  "small",
+  "span",
+  "strong",
+  "em",
+  "p",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "blockquote",
+  "q"
+], Lr = ({ content: e, image: t, variant: n = "default", spacing: s = "normal", cta: o, children: l }) => {
+  const m = ["eyebrow", "title", "text"], a = { eyebrow: "small", title: "h1", text: "p" }, i = {};
+  return m.forEach((u) => {
+    if (!e[u]) {
+      i[u] = !1;
+      return;
+    }
+    if (typeof e[u] == "object") {
+      i[u] = e[u];
+      const { text: d, element: f } = e[u];
+      if (f && Br.includes(f.toLowerCase()))
+        return;
+      i[u] = {
+        text: d,
+        element: a[u]
+      };
+      return;
+    }
+    i[u] = { text: e[u], element: a[u] };
+  }), o && o.link && o.link[0] === "#" && (o.props || (o.props = {}), o.props.onClick = (u) => {
+    u.preventDefault(), u.stopPropagation();
+    const d = document.getElementById(o.link.substring(1));
+    d && d.scrollIntoView({ behavior: "smooth" });
+  }), /* @__PURE__ */ r.jsx(hn, { className: k("banner-section", n, s, { "has-image": t, "has-extra-spacing": s === "normal" && i.eyebrow && i.title }), children: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsxs("div", { className: "content-wrapper", children: [
+      m.map((u) => {
+        if (i[u] && typeof i[u] == "object") {
+          const { text: d, element: f = "" } = i[u];
+          return C.createElement(
+            f.toLowerCase(),
+            { key: u, className: u },
+            d
+          );
+        }
+        return null;
+      }),
+      l,
+      o && o.text && o.link && /* @__PURE__ */ r.jsx(
+        q,
+        {
+          variant: t || n === "light" ? "primary" : "secondary",
+          size: { mobile: "medium", 768: "large" },
+          href: o.link,
+          ...o.props,
+          children: o.text
+        }
+      )
+    ] }),
+    t && /* @__PURE__ */ r.jsx(Fr, { image: { ...t, aspect: "banner" } })
+  ] }) });
+}, eo = je(Lr);
+const to = ({
+  variant: e = "primary",
+  button: t = null,
+  title: n,
+  text: s,
+  gtmContext: o
+}) => !n && !s ? null : /* @__PURE__ */ r.jsxs("aside", { className: k("marketing-block", e), children: [
+  n && /* @__PURE__ */ r.jsx("p", { className: "title", children: n }),
+  s && /* @__PURE__ */ r.jsx("p", { children: s }),
+  t && /* @__PURE__ */ r.jsx(q, { variant: "secondary", size: "medium", href: t.link, className: "gtm-trackable", "data-gtm-event-context": o, "data-gtm-event-type": "learn-more-click", children: t.text })
+] }), jt = "https://storage.googleapis.com/apolitical-assets/", Me = {
+  general: "hello@apolitical.co",
+  support: "concierge@apolitical.co",
+  "data-protection": {
+    default: "dpo@apolitical.co",
+    eu: "dpo.agl@apolitical.foundation"
+  }
+}, no = "200,000+";
+const gn = ({ label: e = !1, className: t = "", children: n }) => {
+  const s = A();
+  return /* @__PURE__ */ r.jsxs("details", { className: k("collapsible-section", t), children: [
+    /* @__PURE__ */ r.jsx("summary", { children: e || s.formatMessage({ id: "collapsibleSection_summary" }) }),
+    /* @__PURE__ */ r.jsx("div", { className: "content", children: n })
+  ] });
+};
+const he = ({ variant: e = "primary", className: t = "", children: n, ...s }) => /* @__PURE__ */ r.jsx("div", { className: k("highlighted-text-box", e, t), ...s, children: n });
+const Ze = ({ variant: e = "empty", text: t = !1, button: n = !1, className: s = "" }) => {
+  let o = n && !!Object.keys(n).length;
+  const l = typeof n == "object" && "breakpoints" in n, m = Je(l);
+  if (l && typeof n == "object" && typeof m == "number") {
+    const f = Object.assign({}, n.breakpoints), p = mn(Object.keys(f));
+    o = fn(m, p, f);
+  }
+  const { breakpoints: a, text: i = "", component: u, ...d } = n;
+  return /* @__PURE__ */ r.jsx(he, { variant: "subtle", className: k("empty-state-box", e, s), children: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    t && /* @__PURE__ */ r.jsx(Ge, { options: { forceBlock: !0 }, children: t }),
+    o && typeof n == "object" && (u || /* @__PURE__ */ r.jsx(
+      q,
+      {
+        ...d,
+        variant: n.variant ? n.variant : "secondary",
+        children: i
+      }
+    ))
+  ] }) });
+};
+const Et = ({ children: e, ...t }) => /* @__PURE__ */ r.jsx("p", { ...t, children: e }), _n = { q: Et, blockquote: Et };
+for (let e = 1; e <= 6; e++)
+  _n[`h${e}`] = { component: Et, props: { className: "title" } };
+const Ir = ({ type: e = "default", className: t = "", heading: n = !1, children: s }) => /* @__PURE__ */ r.jsxs("div", { className: k("helper-text-box text-small", e, t), children: [
+  n && /* @__PURE__ */ r.jsx("p", { className: "title", children: n }),
+  typeof s == "string" ? /* @__PURE__ */ r.jsx(
+    Ge,
+    {
+      options: {
+        wrapper: C.Fragment,
+        forceBlock: !0,
+        overrides: _n
+      },
+      children: s
+    }
+  ) : /* @__PURE__ */ r.jsx("p", { children: s })
+] });
+const ro = ({ className: e = "", show: t = !1, hide: n = !1, text: s, children: o }) => {
+  const l = A(), m = Z(null), [a, i] = F(""), [u, d] = F("closed");
+  V(() => {
+    const g = m.current;
+    if (g)
+      return g.addEventListener("transitionend", f), () => {
+        g.removeEventListener("transitionend", f);
+      };
+  }, []), V(() => {
+    if (!s || typeof s != "string")
+      return;
+    const g = s.split(`
+`);
+    i(g.length < 3 ? `${s.substring(0, 400)}...` : g.slice(0, 3).join(`
+`));
+  }, [s]), V(() => {
+    u === "ready-to-close" && d("closing");
+  }, [u]);
+  const f = ({ propertyName: g }) => {
+    g === "max-height" && d((h) => h === "opening" ? "open" : h === "closing" ? "closed" : h);
+  };
+  if (!s)
+    return null;
+  const p = ["opening", "open"].includes(u);
+  return /* @__PURE__ */ r.jsxs(he, { variant: "subtle", className: k("hide-show-text-box", e), children: [
+    /* @__PURE__ */ r.jsxs("div", { ref: m, className: k("content", u), children: [
+      /* @__PURE__ */ r.jsx(Ge, { options: { forceBlock: !0 }, children: u === "closed" ? a : s }),
+      u !== "closed" && o
+    ] }),
+    /* @__PURE__ */ r.jsx("p", { className: "cta", children: /* @__PURE__ */ r.jsx(
+      q,
+      {
+        variant: "tertiary",
+        icon: { icon: "navigation_arrow", position: "left", animate: !0 },
+        styling: { muted: !0 },
+        className: k({ "rotate-180": p }),
+        onClick: () => {
+          d(p ? "ready-to-close" : "opening");
+        },
+        children: p ? n || l.formatMessage({ id: "hideShowTextBox_hide" }) : t || l.formatMessage({ id: "hideShowTextBox_show" })
+      }
+    ) })
+  ] });
+}, Hr = () => C.Fragment, Ur = ({ children: e }) => /* @__PURE__ */ r.jsx(he, { variant: "secondary", children: e }), Wr = ["span", "strong", "h1", "h2", "h3", "h4", "h5", "h6", "p"], Qr = ({ children: e }) => {
+  const t = A();
+  if (!e)
+    return null;
+  let n = t.formatMessage({ id: "markdown_collapsibleSection_summary" });
+  const s = [];
+  for (const l of yt.toArray(e))
+    if (!(!l || typeof l == "string" || typeof l == "number"))
+      if (C.isValidElement(l) && l.type === "summary") {
+        if (l.props && l.props.children) {
+          for (const m of yt.toArray(l.props.children))
+            if (!(!m || typeof m == "string" || typeof m == "number") && C.isValidElement(m)) {
+              const a = m.type;
+              if (Wr.includes(a)) {
+                for (n = m.props.children; typeof n != "string" && (Array.isArray(n) && n[0].props && n[0].props.children && n[0].props.children[0]); )
+                  n = n[0].props.children[0];
+                break;
+              }
+            }
+        }
+      } else
+        s.push(l);
+  const o = n ? n.toString() : "";
+  return /* @__PURE__ */ r.jsx(
+    gn,
+    {
+      label: o,
+      className: ["Sources", "Resources"].includes(o) ? "discrete-links" : "",
+      children: s.map((l) => l)
+    }
+  );
+}, zr = ({ children: e, ...t }) => {
+  if (t.class)
+    switch (t.class) {
+      case "casestudy":
+        return /* @__PURE__ */ r.jsx(he, { variant: "secondary", children: e });
+      case "general-textbox":
+      case "highlight-box":
+        return /* @__PURE__ */ r.jsx(he, { variant: "primary", children: e });
+      case "pink-textbox":
+        return /* @__PURE__ */ r.jsx(he, { variant: "tertiary", children: e });
+      default:
+        return /* @__PURE__ */ r.jsx("div", { ...t, children: e });
+    }
+  return /* @__PURE__ */ r.jsx("div", { ...t, children: e });
+}, Vr = (e) => {
+  const t = A(), n = Date.now().toString();
+  let s = "default";
+  const o = e.src;
+  return o.includes("youtube") || o.includes("vimeo") ? s = "video" : o.includes("riddle") || o.includes("sli.do") ? s = "poll" : o.includes("padlet") && (s = "padlet"), /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsx(ee, { children: /* @__PURE__ */ r.jsx("a", { href: `#content-after-iframe-${n}`, children: t.formatMessage({ id: `markdown_skip${s === "default" ? "" : `_${s}`}` }) }) }),
+    /* @__PURE__ */ r.jsx("iframe", { ...e, title: t.formatMessage({ id: `markdown_iframe${s === "default" ? "" : `_${s}`}` }) }),
+    /* @__PURE__ */ r.jsx("span", { id: `content-after-iframe-${n}`, tabIndex: -1 })
+  ] });
+}, Kt = (e) => {
+  let t = "";
+  return e && typeof e != "string" && typeof e != "number" && typeof e != "boolean" && "type" in e && (t = e.type), t;
+}, Yr = ({ children: e, ...t }) => {
+  let n = { ...t };
+  t.href && (t.href.includes("http:") || t.href.includes("https:")) && !t.target && (n.target = "_blank");
+  let s = e, o = !1;
+  for (const l of yt.toArray(e))
+    if (!(!l || typeof l == "string" || typeof l == "number") && C.isValidElement(l)) {
+      const m = l.type;
+      if (["button", "center", "span", "strong"].includes(m) && l.props && l.props.children && l.props.children[0])
+        for ((m === "button" || Kt(l.props.children[0]) === "button") && (o = !0), s = l.props.children[0]; s && typeof s != "string" && !(typeof s == "boolean" || typeof s == "number" || !C.isValidElement(s)); )
+          if (s.props && s.props.children && s.props.children[0])
+            s = s.props.children[0], s && Kt(s) === "button" && (o = !0);
+          else
+            break;
+    }
+  return o ? (n = { ...n, className: "button primary medium" }, /* @__PURE__ */ r.jsx("p", { className: "center", children: /* @__PURE__ */ r.jsx(q, { variant: "primary", size: "medium", ...n, children: s }) })) : /* @__PURE__ */ r.jsx("a", { ...n, children: s });
+}, Gr = ({ children: e }) => /* @__PURE__ */ r.jsx("span", { children: e });
+const en = ({ className: e = "", options: t = {}, children: n }) => {
+  n = n.replace(/^<br\/?>/, "");
+  const s = {
+    wrapper: C.Fragment,
+    forceBlock: !0,
+    overrides: {
+      a: Yr,
+      // Override psuedo-code
+      // We give the content team psuedo-code short cuts to use in Contentful
+      CollapsibleSection: gn,
+      TextBox: he,
+      CaseStudy: Ur,
+      // Override embedded HTML
+      // Our content team previously used real HTML, which we need to tear out and replace with React components
+      style: Hr,
+      details: Qr,
+      div: zr,
+      iframe: Vr
+    }
+  };
+  return /* @__PURE__ */ r.jsx("div", { className: k("markdown-text", e), children: /* @__PURE__ */ r.jsx(Ge, { options: { ...s, ...t }, children: n }) });
+};
+const Jr = ({ size: e = "medium", variant: t = "default", className: n = "", children: s }) => /* @__PURE__ */ r.jsx("span", { className: k("pill", e, t, n), children: s });
+const St = ({ element: e = "p", children: t = null, className: n = "", ...s }) => C.createElement(e, { ...s, className: k("status-banner text-small", n), "aria-live": "assertive" }, t);
+const qr = ({ progress: e = 0, text: t = !1, className: n = "" }) => {
+  const s = A(), o = e > 75 ? 100 : e > 50 ? 75 : e > 25 ? 50 : e > 5 ? 25 : 0, l = { "--progress": `${e}%` };
+  return /* @__PURE__ */ r.jsx("span", { className: k(`progress-bar section-${o}`, n), style: l, children: /* @__PURE__ */ r.jsx(ee, { children: t ? `${e} ${t}` : s.formatMessage({ id: "progressBar" }, { number: e }) }) });
+}, Xr = je(qr);
+const ct = "loadingBlock_", Zr = ({ progress: e = 0, steps: t = !1, className: n = "" }) => {
+  const s = A();
+  t || (t = {
+    0: { text: s.formatMessage({ id: `${ct}loading` }) },
+    75: { text: s.formatMessage({ id: `${ct}almostDone` }) },
+    100: { text: s.formatMessage({ id: `${ct}complete` }) }
+  });
+  let o = null;
+  const l = Object.keys(t);
+  for (let a = 0; a < l.length && !(e < parseInt(l[a])); a++)
+    o = l[a];
+  const m = o && t[o].icon ? { "--icon": `url(${jt}icons/${t[o].icon}.svg)` } : {};
+  return /* @__PURE__ */ r.jsxs(
+    he,
+    {
+      className: k("loading-block", n, { "has-icon": o && t[o].icon }),
+      variant: "subtle",
+      style: m,
+      children: [
+        o && /* @__PURE__ */ r.jsx("span", { className: "step", children: t[o].text }),
+        /* @__PURE__ */ r.jsx(Xr, { progress: e })
+      ]
+    }
+  );
+}, so = je(Zr);
+const me = ({ element: e = "div", className: t = "", ...n }) => /* @__PURE__ */ r.jsx(un, { element: e, className: k("loading-placeholder", t), ...n });
+const $t = {
+  header: ["logo", "link", "link", "search"],
+  sidebar: ["text", "text", "text", "text", "text"],
+  "cards-section": ["subtitle", "cards"],
+  cards: ["card", "card", "card", "card"],
+  "overview-page": ["header", "sidebar", "title", "text", "cards-section", "cards-section", "footer"]
+}, xn = (e, t) => e in $t ? /* @__PURE__ */ r.jsx("div", { className: e, children: $t[e].map((n, s) => xn(n, s)) }, t) : /* @__PURE__ */ r.jsx(me, { className: e }, t), Kr = ({ layout: e = "overview-page" }) => /* @__PURE__ */ r.jsx("div", { className: k("loading-state", e), children: $t[e].map((t, n) => xn(t, n)) }), bn = (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) : "";
+}, Oe = ["#5AB6A3", "#A2D7AF", "#806056", "#3962B3"], es = (e) => {
+  const t = Math.ceil(26 / Oe.length), n = bn(e).toLowerCase();
+  if (n === "")
+    return Oe[0];
+  const s = n.charCodeAt(0) - 96;
+  for (let o = 0; o < Oe.length; o++)
+    if (s <= t * (o + 1))
+      return Oe[o];
+};
+const tn = 256, At = ({ className: e = "", src: t = "", name: n, alt: s, width: o = tn, height: l = tn, ...m }) => {
+  const [a, i] = F(!1), u = Z(null);
+  V(() => {
+    const f = u.current;
+    if (!f)
+      return;
+    const p = f.getContext("2d");
+    if (!p)
+      return;
+    const g = o, h = l;
+    typeof window < "u" && window.devicePixelRatio && (f.width = g * window.devicePixelRatio, f.height = h * window.devicePixelRatio, p.scale(window.devicePixelRatio, window.devicePixelRatio)), p.fillStyle = es(n), p.fillRect(0, 0, g, h), p.font = `${g / 3}px Arial`, p.textAlign = "center", p.fillStyle = "white", p.fillText(bn(n), g / 2, h / 1.6);
+  }, [n]);
+  let d = !1;
+  return t && t !== "" && !a && (t.includes("http") || t.includes("//")) && (d = !0), /* @__PURE__ */ r.jsx("figure", { className: k("profile-picture", e, { error: a }), ...m, children: d ? /* @__PURE__ */ r.jsx(
+    "img",
+    {
+      src: t,
+      alt: s || n,
+      onError: () => {
+        i(!0);
+      },
+      width: o,
+      height: l
+    }
+  ) : /* @__PURE__ */ r.jsx("canvas", { ref: u }) });
+}, vn = (e) => e === "apolitical" ? {
+  image: `${jt}logos/member_apolitical.svg`
+} : e === "community" || typeof e == "object" && !e.name ? {
+  image: `${jt}logos/member_community.svg`
+} : {
+  name: e.name,
+  role: e.jobTitle || "",
+  organisation: e.organization || "",
+  country: e.location && e.location.country || "",
+  url: `/profiles/${e.id}`,
+  image: e.image && e.image.thumbnail
+}, ts = ({
+  role: e = "",
+  organisation: t = "",
+  country: n = "",
+  maximumCharacters: s = 80
+}) => {
+  const o = e !== "", l = t !== "", m = n !== "";
+  if (!o && !l && !m)
+    return "";
+  const a = `${e}${o && l ? ` — ${t}` : t}`;
+  let i = `${a}${(o || l) && m ? `, ${n}` : n}`;
+  return i.length > s && (i = a), i.length > s && (i = Mt(i, s)), i;
+};
+const Nt = ({
+  element: e = "div",
+  member: t = "community",
+  additionalContent: n = !1,
+  gtmContext: s = "member",
+  gtmType: o = "member-click",
+  className: l = ""
+}) => {
+  const m = A(), a = vn(t);
+  a.name || (a.name = m.formatMessage({ id: `member_${typeof t == "string" ? t : "community"}` }));
+  const { name: i, url: u, image: d } = a, f = ts(a), p = n && n.createdAt ? Sr(n.createdAt) : !1, g = n && n.createdAt ? Er(n.createdAt) : "";
+  return C.createElement(e, {
+    className: k("member text-medium", l),
+    children: /* @__PURE__ */ r.jsxs(
+      Xe,
+      {
+        href: u,
+        gtmType: o,
+        gtmContext: s,
+        onClick: (h) => {
+          h == null || h.stopPropagation();
+        },
+        children: [
+          /* @__PURE__ */ r.jsx(At, { name: i, src: d }),
+          /* @__PURE__ */ r.jsxs("p", { className: "details", children: [
+            /* @__PURE__ */ r.jsx("strong", { children: i }),
+            n && /* @__PURE__ */ r.jsxs("span", { className: "additional-content", children: [
+              n.createdAt && p && /* @__PURE__ */ r.jsx("span", { className: "date", title: g, "aria-label": g, children: m.formatMessage({ id: `dates_${p.path}` }, { number: p.number }) }),
+              n.didEdit && /* @__PURE__ */ r.jsx("em", { children: m.formatMessage({ id: "discussion_edited" }) })
+            ] }),
+            f && /* @__PURE__ */ r.jsx("small", { children: f })
+          ] })
+        ]
+      }
+    )
+  });
+};
+const nn = {
+  small: 24,
+  medium: 48
+}, ns = ({ element: e = "div", contributors: { total: t, data: n } = { total: void 0, data: [] }, styling: { showText: s, size: o, showGap: l, showPlaceholders: m } = { showText: !0, size: "medium", showGap: !0, showPlaceholders: !1 }, cutoff: a = 2, className: i = "" }) => {
+  const u = A();
+  return !n || n.length === 0 ? null : C.createElement(
+    e,
+    { className: k("contributors", i, o, { "has-gap": l }), children: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+      /* @__PURE__ */ r.jsx("ul", { children: n.map((d, f) => {
+        let p, g = "";
+        if (f < a) {
+          const { name: h = "", image: v = "" } = vn(d);
+          if (m)
+            return /* @__PURE__ */ r.jsx(me, { element: "li", className: "contributor" }, f);
+          p = /* @__PURE__ */ r.jsx(At, { name: h, src: v, width: nn[o || "medium"], height: nn[o || "medium"] });
+        } else if (f === a) {
+          const h = (t || n.length) - a;
+          p = /* @__PURE__ */ r.jsxs("small", { className: k({ "large-number": h > 99 }), children: [
+            "+",
+            Ar(h, 0)
+          ] }), g = "number-left";
+        }
+        return p ? /* @__PURE__ */ r.jsx("li", { className: k("contributor", g), children: p }, f) : null;
+      }) }),
+      s && /* @__PURE__ */ r.jsx("span", { className: "label", children: typeof s == "string" ? s : n.length === 1 ? typeof n[0] == "string" ? u.formatMessage({ id: `member_${n[0]}` }) : Mt(n[0].name || "", 20) : null })
+    ] }) }
+  );
+}, rs = ({ children: e, showDevTools: t = !0 }) => {
+  const n = new ir({
+    // default options we would like on all queries can be overridden individually
+    defaultOptions: {
+      queries: {
+        // data should not refetch if the window is refocussed
+        refetchOnWindowFocus: !1,
+        // data should go stale after 1 minute
+        staleTime: 6e4
+      }
+    }
+  });
+  return /* @__PURE__ */ r.jsxs(lr, { client: n, children: [
+    e,
+    t && /* @__PURE__ */ r.jsx(cr, { initialIsOpen: !1 })
+  ] });
+};
+var ss = Tt({ client: We });
+function os(e) {
+  var t = e.children, n = e.client, s = e.apiKey, o = e.options, l = Ye(function() {
+    return n && s && console.warn("[PostHog.js] You have provided both a client and an apiKey to PostHogProvider. The apiKey will be ignored in favour of the client."), n && o && console.warn("[PostHog.js] You have provided both a client and options to PostHogProvider. The options will be ignored in favour of the client."), n || (s && (We.__loaded && console.warn("[PostHog.js] was already loaded elsewhere. This may cause issues."), We.init(s, o)), We);
+  }, [n, s]);
+  return C.createElement(ss.Provider, { value: { client: l } }, t);
+}
+const as = ({ children: e, user: t }) => /* @__PURE__ */ r.jsx(
+  os,
+  {
+    apiKey: process.env.REACT_APP_PUBLIC_POSTHOG_KEY,
+    options: {
+      api_host: process.env.REACT_APP_PUBLIC_POSTHOG_HOST,
+      autocapture: !1,
+      secure_cookie: !0,
+      bootstrap: {
+        distinctID: (t == null ? void 0 : t.id) || "00000000-0000-0000-0000-000000000000",
+        isIdentifiedID: !!(t != null && t.id)
+      }
+    },
+    children: e
+  }
+), is = ({ children: e, locale: t, messages: n }) => {
+  const s = t || "en", o = {
+    ...Pr[s],
+    ...n || {}
+  };
+  return /* @__PURE__ */ r.jsx(or, { locale: s, messages: o, children: e });
+}, _e = Tt(null), ls = ({ children: e, user: t }) => /* @__PURE__ */ r.jsx(_e.Provider, { value: t, children: e }), oo = ({ children: e, intl: t, user: n }) => /* @__PURE__ */ r.jsx(is, { locale: t == null ? void 0 : t.locale, messages: t == null ? void 0 : t.messages, children: /* @__PURE__ */ r.jsx(ls, { user: n, children: /* @__PURE__ */ r.jsx(rs, { children: /* @__PURE__ */ r.jsx(as, { user: n, children: e }) }) }) });
+const ut = "joinCommunityButton", yn = ({ isMember: e = !1, isShort: t = !1, functions: { join: n, leave: s } = { join: () => {
+}, leave: () => {
+} } }) => {
+  const o = A(), l = ge(_e), m = l && typeof l.id == "string", [a, i] = F(e), [u, d] = F(e ? "joined" : "notJoined");
+  V(() => {
+    u === "joining" ? d("joined") : u === "leaving" && d("notJoined");
+  }, [a]);
+  const f = {}, p = {};
+  return a && u !== "leaving" && (f["data-hover-text"] = o.formatMessage({ id: `${ut}_leave` }), f["aria-label"] = o.formatMessage({ id: `${ut}_member_aria` }), p["aria-hidden"] = "true"), /* @__PURE__ */ r.jsx(
+    q,
+    {
+      variant: a ? "secondary" : "primary",
+      size: "medium",
+      styling: { fullWidth: !0 },
+      icon: a && u !== "leaving" ? { icon: "tick", position: "left" } : !1,
+      onClick: async (g) => {
+        m && (g.currentTarget.blur(), a ? (d("leaving"), typeof s == "function" && await s()) : (d("joining"), typeof n == "function" && await n()), i(!a));
+      },
+      className: k("join-community-button", u, { active: u === "joining" }),
+      disabled: !m,
+      ...f,
+      children: /* @__PURE__ */ r.jsx("span", { className: "text", ...p, children: o.formatMessage({ id: `${ut}${["joining", "leaving"].includes(u) ? `_${u}` : a ? "_member" : t ? "_short" : ""}` }) })
+    }
+  );
+};
+const dt = "communityDetails_", ao = ({ isMember: e = !1, slug: t, members: { number: n, data: s } = { number: void 0, data: [] }, className: o = "", ...l }) => {
+  const m = A(), a = n || (s == null ? void 0 : s.length) || 0;
+  return /* @__PURE__ */ r.jsxs("div", { className: k("community-details", o), children: [
+    /* @__PURE__ */ r.jsx(kt, {}),
+    /* @__PURE__ */ r.jsxs("div", { className: "member-details", children: [
+      /* @__PURE__ */ r.jsxs("div", { className: "top", children: [
+        /* @__PURE__ */ r.jsxs("h3", { children: [
+          m.formatMessage({ id: `${dt}members` }),
+          /* @__PURE__ */ r.jsx("span", { className: "count", children: a })
+        ] }),
+        /* @__PURE__ */ r.jsx("p", { className: "text-small", children: /* @__PURE__ */ r.jsx("a", { href: `/communities/${t}/members`, children: m.formatMessage({ id: `${dt}viewAll` }) }) })
+      ] }),
+      /* @__PURE__ */ r.jsx(ns, { contributors: { total: n, data: s != null && s.length ? s : [{}, {}, {}, {}, {}] }, styling: { size: "medium", showGap: !0, showPlaceholders: a === 0 }, cutoff: 5 })
+    ] }),
+    /* @__PURE__ */ r.jsx(yn, { isMember: e, ...l }),
+    e && /* @__PURE__ */ r.jsx(q, { variant: "primary", icon: { icon: "plus" }, styling: { fullWidth: !0 }, children: m.formatMessage({ id: `${dt}invite` }) })
+  ] });
+};
+const io = ({
+  breadcrumbs: e,
+  cutoff: t = 20,
+  className: n = ""
+}) => {
+  const s = A();
+  return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsx(ee, { element: "p", children: s.formatMessage({ id: "breadcrumbs_label" }) }),
+    /* @__PURE__ */ r.jsx("ul", { className: k("breadcrumbs text-small", n), children: e.map(({ text: o, href: l, current: m = !1 }, a) => /* @__PURE__ */ r.jsxs("li", { children: [
+      m && /* @__PURE__ */ r.jsx(ee, { element: "span", children: s.formatMessage({ id: "breadcrumbs_currentPage" }) }),
+      /* @__PURE__ */ r.jsx(Xe, { href: m ? void 0 : l, children: Mt(o, t) })
+    ] }, `${window.btoa(o)}_${a}`)) })
+  ] });
+};
+const lo = ({
+  options: e,
+  allOption: t = !1,
+  allowMultiple: n = !0,
+  onChange: s = () => {
+  },
+  className: o = ""
+}) => {
+  const l = A(), m = t ? [{ id: "all", text: typeof t != "boolean" && t.text || l.formatMessage({ id: "filters_all" }) }, ...e] : e, [a, i] = F(t ? ["all"] : []), u = (d, f) => {
+    let p = [];
+    a.includes(d) ? p = a.filter((g) => g !== d) : d === "all" ? p = ["all"] : n ? p = [...a.filter((g) => g !== "all"), d] : p = [d], i((g) => (s && typeof s == "function" && s({ current: p, previous: g }), p)), f && typeof f == "function" && f();
+  };
+  return /* @__PURE__ */ r.jsx("ul", { className: k("filters", o), children: m.map(({ id: d, text: f, disabled: p = !1, callback: g = () => {
+  } }) => {
+    let h = {};
+    return p && (h = { disabled: !0, "aria-label": l.formatMessage({ id: "filters_disabled" }, { name: f }) }), /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
+      "button",
+      {
+        className: k(d, { selected: a.includes(d) }),
+        onClick: (v) => {
+          v.preventDefault(), v.stopPropagation(), u(d, g);
+        },
+        ...h,
+        children: f
+      }
+    ) }, d);
+  }) });
+}, cs = (e, t) => {
+  const n = String(e);
+  if (!t || !t.length)
+    return `/${n}`;
+  let s = "";
+  return t.forEach(({ url: o, position: l }) => {
+    l === "before-lang" ? s += `/${o}` : (s.includes(`/${n}/`) || (s += `/${n}`), s += `/${o}`);
+  }), s.includes(`/${n}/`) || (s += `/${n}`), s;
+};
+const mt = { en: "English", es: "Español", fr: "Français", pt: "Português" }, Be = "languageSwitcher_", co = ({
+  currentLanguage: e,
+  isOriginalLanguage: t = !1,
+  isHumanTranslation: n = !1,
+  translations: s,
+  onChange: o = () => {
+  },
+  urlParts: l,
+  variant: m = "default",
+  label: a,
+  className: i = ""
+}) => {
+  const u = A(), [d, f] = F(e);
+  if (V(() => {
+    e !== d && f(e);
+  }, [e]), !s || !Object.values(s).some((v) => v && v.post_name))
+    return null;
+  const g = Object.keys(s), h = d !== e;
+  return /* @__PURE__ */ r.jsxs("div", { className: k("language-switcher text-small", m, i), children: [
+    /* @__PURE__ */ r.jsxs("nav", { children: [
+      m !== "short" && /* @__PURE__ */ r.jsx("p", { children: a || u.formatMessage({ id: `${Be}label` }) }),
+      /* @__PURE__ */ r.jsx("ul", { children: g.map((v) => {
+        if (!mt[v])
+          return null;
+        let j = { className: v };
+        return d === v ? j["aria-label"] = u.formatMessage({ id: `${Be}selected` }, { language: mt[v] }) : j = {
+          ...j,
+          href: cs(v, l),
+          onClick: (E) => {
+            E.preventDefault(), E.stopPropagation(), f(v), o(v);
+          }
+        }, /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(Xe, { ...j, fallbackElement: "span", children: mt[v] }) }, v);
+      }) }),
+      m !== "short" && !h && /* @__PURE__ */ r.jsx("p", { children: u.formatMessage({ id: `${Be}translation_${t ? "original" : n ? "human" : "machine"}` }) })
+    ] }),
+    m !== "short" && !h && !t && !n && /* @__PURE__ */ r.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
+      children: u.formatMessage({ id: `${Be}disclaimer` }, {
+        email: Me.support,
+        link: (v) => {
+          const j = `mailto:${v}`;
+          return /* @__PURE__ */ r.jsx("a", { href: j, children: v });
+        }
+      })
+    })
+  ] });
+};
+const ft = ar({ locale: "en", messages: Pt }), us = ({
+  page: e = 1,
+  length: t = 0,
+  limit: n = 10,
+  loadNextPage: s = () => {
+  },
+  icon: o = !1,
+  messages: l = {
+    button: ft.formatMessage({ id: "loadMore_button" }),
+    endOfFeed: ft.formatMessage({ id: "loadMore_endOfFeed" }),
+    error: ft.formatMessage({ id: "loadMore_error" })
+  },
+  className: m = "",
+  gtmContext: a = "LoadMore"
+}) => {
+  const [i, u] = F(!1), [d, f] = F(!1);
+  if (t <= 0 || t < n * e)
+    return null;
+  const p = async (g) => {
+    try {
+      await s(g);
+    } catch (h) {
+      h instanceof Error && h.message && h.message.includes("Cannot read items") ? f(!0) : u(!0);
+    }
+  };
+  return /* @__PURE__ */ r.jsxs("footer", { className: k("load-more", m), children: [
+    i && /* @__PURE__ */ r.jsx("p", { className: "error", children: l.error }),
+    d ? /* @__PURE__ */ r.jsx("p", { children: l.endOfFeed }) : /* @__PURE__ */ r.jsx(
+      q,
+      {
+        variant: "secondary",
+        icon: o,
+        onClick: p,
+        "data-gtm-event-context": a,
+        "data-gtm-event-type": "load-more-click",
+        className: "gtm-trackable",
+        "data-testid": "load-more-button",
+        children: l.button
+      }
+    )
+  ] });
+};
+let Le = !1;
+const ds = ({ element: e = "div", id: t = "more-menu", options: n, className: s = "" }) => {
+  const o = A(), l = Z(null), [m, a] = F(!1), i = (u) => {
+    l.current && u.target instanceof HTMLElement && !l.current.contains(u.target) && a(!1);
+  };
+  return V(() => (document.addEventListener("click", i, !0), () => {
+    document.removeEventListener("click", i, !0);
+  })), C.createElement(e, {
+    ref: l,
+    className: k("more-menu text-medium", s),
+    children: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+      /* @__PURE__ */ r.jsx(
+        q,
+        {
+          variant: "tertiary",
+          size: "medium",
+          icon: { icon: "ellipsis" },
+          onClick: () => a(!m),
+          "aria-haspopup": "true",
+          "aria-expanded": m,
+          "aria-controls": t,
+          screenreaderText: o.formatMessage({ id: "moreMenu" })
+        }
+      ),
+      /* @__PURE__ */ r.jsx("ul", { id: t, hidden: !m, children: n.map(({ href: u, onClick: d, text: f, icon: p, ...g }, h) => {
+        const v = {
+          ...g,
+          onClick: (j) => {
+            a(!1), typeof d == "function" && d(j);
+          },
+          onFocus: () => {
+            Le && (clearTimeout(Le), Le = !1);
+          },
+          onBlur: () => {
+            Le = setTimeout(() => {
+              a(!1);
+            }, 100);
+          }
+        };
+        return u && (v.href = u), /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
+          q,
+          {
+            variant: "tertiary",
+            size: "medium",
+            icon: p ? { icon: p, position: "left" } : !1,
+            ...v,
+            children: f
+          }
+        ) }, `${window.btoa(f)}_${h}`);
+      }) })
+    ] })
+  });
+};
+const wn = ({ variant: e = "default", version: t = "default", className: n = "", ...s }) => /* @__PURE__ */ r.jsx("p", { className: "logo-wrapper", children: /* @__PURE__ */ r.jsx("a", { href: "/home/", className: k("logo", e, t, n), ...s, children: /* @__PURE__ */ r.jsx(ee, { children: /* @__PURE__ */ r.jsx(fe, { id: "apolitical" }) }) }) });
+const ms = {
+  "2-1": 901
+}, uo = ({ layout: e = "2-1", hideOnMobile: t = !1, className: n = "", children: s }) => {
+  const o = Je(!0);
+  let l = s;
+  return C.Children.count(s) === 1 && (l = C.Children.toArray(s)[0], l.props && (l = l.props.children)), /* @__PURE__ */ r.jsx("section", { className: k("columns", `layout-${e}`, n), children: C.Children.map(l, (m, a) => t !== !1 && a === t && o && o < ms[e] ? null : m) });
+};
+const pt = "cookieBanner_", ht = ["apol-cookie-banner", "apolitical-performance-cookie-consent", "functional-cookie-consent"], gt = new Date(Date.now() + 12 * 30 * 24 * 60 * 60 * 1e3), fs = () => {
+  const e = A(), [t, n, s] = ur(ht), [o, l] = F(!t["apol-cookie-banner"]), m = () => {
+    ht.forEach((d) => {
+      n(d, !0, {
+        path: "/",
+        expires: gt,
+        domain: d === "apolitical-performance-cookie-consent" ? ".apolitical.co" : void 0
+      });
+    }), l(!1), window.location.reload();
+  }, a = () => {
+    n("apol-cookie-banner", !0, {
+      path: "/",
+      expires: gt
+    }), ht.forEach((d) => {
+      if (d === "apol-cookie-banner") {
+        n(d, !0, {
+          path: "/",
+          expires: gt
+        });
+        return;
+      }
+      s(d);
+    }), l(!1);
+  };
+  if (!o)
+    return null;
+  const i = [
+    { id: "settings", href: "/pages/cookie-policy", gtmType: "policy-page" },
+    { id: "reject", onClick: a, gtmType: "reject-all" },
+    { id: "accept", onClick: m, gtmType: "accepted-all" }
+  ], u = [];
+  return i.forEach((d) => {
+    u.push({
+      variant: d.href ? "tertiary" : "primary",
+      href: d.href,
+      onClick: d.onClick,
+      className: "gtm-trackable",
+      "data-gtm-event-context": "cookie-banner",
+      "data-gtm-event-type": `cookie-${d.gtmType}-click`,
+      children: e.formatMessage({ id: `${pt}buttons_${d.id}` })
+    });
+  }), /* @__PURE__ */ r.jsxs("aside", { id: "cookie-banner", className: "text-medium", children: [
+    /* @__PURE__ */ r.jsx("h6", { children: e.formatMessage({ id: `${pt}title` }) }),
+    /* @__PURE__ */ r.jsx("p", { children: e.formatMessage({ id: `${pt}text` }) }),
+    /* @__PURE__ */ r.jsx(qe, { buttons: u })
+  ] });
+}, de = {
+  platform: {
+    order: ["events", "courses", "qanda", "articles"],
+    // An array guarantees the right order
+    events: { href: "/events/", gtmType: "events-click" },
+    courses: { href: "/microcourses/", gtmType: "microcourses-click" },
+    qanda: { href: "/questions-answers/", gtmType: "q-and-a-click" },
+    articles: { href: "/solution-articles/", gtmType: "articles-click" }
+  },
+  community: {
+    order: ["support", "post", "join", "guidelines"],
+    support: {
+      name: "Support FAQ",
+      href: "/pages/support-faq",
+      gtmType: "support-faq-click"
+    },
+    post: { href: "/pages/post-an-article", gtmType: "post-an-article-click" },
+    join: {
+      href: "/pages/who-can-join-the-community",
+      gtmType: "who-can-join-click"
+    },
+    guidelines: {
+      href: "/pages/values-and-guidelines",
+      gtmType: "guidelines-and-values-click"
+    }
+  },
+  company: {
+    order: ["story", "team", "careers", "partner", "contact"],
+    story: {
+      href: "/pages/our-story",
+      gtmType: "our-story-click"
+    },
+    team: {
+      href: "/pages/meet-our-team",
+      gtmType: "team-click"
+    },
+    careers: {
+      href: "/pages/careers",
+      gtmType: "careers-click"
+    },
+    partner: { href: "/partnerships/", gtmType: "partner-with-us-click" },
+    contact: {
+      href: "/pages/get-in-touch",
+      gtmType: "contact-click"
+    },
+    child: "legal"
+  },
+  legal: {
+    order: ["privacy", "terms", "cookie", "accessibility"],
+    privacy: {
+      href: "https://about.apolitical.co/privacy-policy",
+      gtmType: "privacy-policy-link"
+    },
+    terms: {
+      href: "https://about.apolitical.co/terms-and-conditions",
+      gtmType: "terms-conditions-link"
+    },
+    cookie: { href: "/pages/cookie-policy", gtmType: "cookie-policy-link" },
+    accessibility: {
+      href: "/pages/accessibility-statement",
+      gtmType: "accessibility-link"
+    },
+    text: {
+      order: ["dataProtection", "euDataProtection"],
+      dataProtection: {
+        email: Me["data-protection"].default,
+        gtmType: "email-dpo-link"
+      },
+      euDataProtection: {
+        email: Me["data-protection"].eu,
+        gtmType: "email-eu-dpo-link"
+      }
+    }
+  },
+  contact: {
+    text: {
+      order: ["correspondence", "registered", "berlin", "support", "business"],
+      correspondence: { address: !0 },
+      registered: { address: !0 },
+      berlin: { address: !0 },
+      support: {
+        email: Me.support,
+        gtmType: "concierge-email-click"
+      },
+      business: { email: Me.general, gtmType: "hello-email-click" }
+    }
+  },
+  social: {
+    order: ["linkedin", "twitter", "facebook"],
+    linkedin: { href: "https://www.linkedin.com/company/apolitical" },
+    twitter: { href: "https://twitter.com/apoliticalco" },
+    facebook: { href: "https://www.facebook.com/apoliticalco" }
+  }
+};
+const we = "footer_", Qe = "SiteFooter", rn = ({ group: e }) => {
+  const t = de[e].order || [];
+  let n = !1;
+  return "text" in de[e] && (n = de[e].text), /* @__PURE__ */ r.jsxs(Jt, { children: [
+    /* @__PURE__ */ r.jsx("p", { className: "pre-title", children: /* @__PURE__ */ r.jsx(fe, { id: `${we}${e}` }) }),
+    Array.isArray(t) && t.length > 0 && /* @__PURE__ */ r.jsx("ul", { className: "text-medium", children: t.map((s) => {
+      if (["order", "child", "text"].includes(s))
+        return null;
+      const { href: o, gtmType: l } = de[e][s], m = {};
+      return ["legal"].includes(e) && (m.target = "_blank", m.rel = "noopener"), /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
+        "a",
+        {
+          href: o,
+          className: "gtm-trackable",
+          "data-gtm-event-context": Qe,
+          "data-gtm-event-type": l,
+          ...m,
+          children: /* @__PURE__ */ r.jsx(fe, { id: `${we}${e}_${s}` })
+        }
+      ) }, `${e}_${s}`);
+    }) }),
+    typeof n != "boolean" && "order" in n && Array.isArray(n.order) && /* @__PURE__ */ r.jsx("dl", { className: "text-medium", children: n.order.map((s) => /* @__PURE__ */ r.jsxs(Jt, { children: [
+      /* @__PURE__ */ r.jsx("dt", { children: /* @__PURE__ */ r.jsx(fe, { id: `${we}${e}_${s}` }) }),
+      /* @__PURE__ */ r.jsxs("dd", { children: [
+        typeof n != "boolean" && n[s].address && /* @__PURE__ */ r.jsx("address", { children: /* @__PURE__ */ r.jsx(fe, { id: `${we}${e}_${s}_address`, values: { br: /* @__PURE__ */ r.jsx("br", {}) } }) }),
+        typeof n != "boolean" && n[s].email && /* @__PURE__ */ r.jsx(
+          "a",
+          {
+            href: `mailto:${n[s].email}`,
+            className: "gtm-trackable",
+            "data-gtm-event-context": Qe,
+            "data-gtm-event-type": n[s].gtmType,
+            children: n[s].email
+          }
+        )
+      ] })
+    ] }, `dl-${e}-${s}`)) })
+  ] }, e);
+}, kn = () => /* @__PURE__ */ r.jsx("div", { id: "footer", children: /* @__PURE__ */ r.jsxs("div", { className: "wrapper", children: [
+  /* @__PURE__ */ r.jsx(un, { element: "hr" }),
+  /* @__PURE__ */ r.jsx(
+    wn,
+    {
+      variant: "inverted",
+      version: "full",
+      className: "gtm-trackable",
+      "data-gtm-event-context": Qe,
+      "data-gtm-event-type": "logo-homepage-link"
+    }
+  ),
+  /* @__PURE__ */ r.jsx("footer", { children: ["platform", "community", "company", "contact"].map((e) => /* @__PURE__ */ r.jsxs("div", { className: "group", children: [
+    /* @__PURE__ */ r.jsx(rn, { group: e }),
+    Object.keys(de[e]).includes("child") && /* @__PURE__ */ r.jsx(rn, { group: de[e].child })
+  ] }, e)) }),
+  /* @__PURE__ */ r.jsx("hr", {}),
+  /* @__PURE__ */ r.jsxs("div", { className: "sub-footer", children: [
+    /* @__PURE__ */ r.jsx("ul", { children: Array.isArray(de.social.order) && de.social.order.map((e) => {
+      const t = de.social[e];
+      return /* @__PURE__ */ r.jsx("li", { className: e, children: /* @__PURE__ */ r.jsx(
+        "a",
+        {
+          href: t.href,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "gtm-trackable",
+          "data-gtm-event-context": Qe,
+          "data-gtm-event-type": "social-click",
+          children: /* @__PURE__ */ r.jsx("span", { className: "hidden", children: /* @__PURE__ */ r.jsx(fe, { id: `${we}social_${e}` }) })
+        }
+      ) }, e);
+    }) }),
+    /* @__PURE__ */ r.jsx("small", { children: /* @__PURE__ */ r.jsx(fe, { id: `${we}copyright`, values: { currentYear: (/* @__PURE__ */ new Date()).getFullYear() } }) })
+  ] })
+] }) });
+const Ie = "emailHelperTextBox_", mo = ({ type: e, email: t, redirectPath: n, resendVerificationCode: s }) => {
+  const o = A(), [l, m] = F({ path: `${Ie}default`, type: "default", link: {}, mail: {}, error: "" }), [a, i] = F(!1), u = be(
+    (g) => {
+      g.preventDefault(), g.stopPropagation();
+      const h = (v) => {
+        m({
+          path: `${Ie}error_verificationFailedToSend`,
+          type: "error",
+          link: {
+            "data-gtm-event-context": "VerifyEmailBox",
+            "data-gtm-event-type": "SendEmailClick",
+            className: "gtm-trackable",
+            onClick: (j) => u(j),
+            href: "#",
+            "data-testid": "send-verify-email-click"
+          },
+          mail: {
+            href: "mailto:concierge@apolitical.co",
+            className: "gtm-trackable",
+            "data-gtm-event-context": "ErrorVerifyingBox",
+            "data-gtm-event-type": "email-concierge-click"
+          },
+          error: v
+        });
+      };
+      if (typeof s != "function") {
+        h(o.formatMessage({ id: `${Ie}error_noFunction` }));
+        return;
+      }
+      i(!0), s(t).then(() => {
+        localStorage.setItem("email", t), window.location.href = n || "/signup/verify-email";
+      }).catch((v) => {
+        h(v.message);
+      }).finally(() => {
+        i(!1);
+      });
+    },
+    /* eslint-disable react-hooks/exhaustive-deps */
+    [t, n, s]
+  );
+  V(
+    () => {
+      let g = Ie, h = "default", v = {}, j = {};
+      switch (e) {
+        case "gov":
+          g += "autoApproved", h = "success";
+          break;
+        case "nonGov":
+          g += "unrecognisedEmail", h = "error", v = {
+            href: "https://about.apolitical.co/who-can-join-the-community",
+            "data-gtm-event-context": "NonGovEmailHelperTextBox",
+            "data-gtm-event-type": "LearnMoreClick"
+          };
+          break;
+        case "pending":
+          g += "pendingApproval", h = "error", j = {
+            href: "mailto:concierge@apolitical.co",
+            className: "gtm-trackable",
+            "data-gtm-event-context": "EmailExistsBox",
+            "data-gtm-event-type": "email-concierge-click"
+          };
+          break;
+        case "verify":
+          g += "emailUnverified", h = "error", v = {
+            href: "#",
+            "data-gtm-event-context": "VerifyEmailBox",
+            "data-gtm-event-type": "SendEmailClick",
+            className: "gtm-trackable",
+            onClick: (E) => u(E),
+            "data-testid": "send-verify-email-click"
+          };
+          break;
+        case "exists":
+          g += "emailAlreadyExists", h = "error", v = {
+            href: "/user-onboarding/login",
+            "data-gtm-event-context": "EmailExistsBox",
+            "data-gtm-event-type": "login-click"
+          }, j = {
+            href: "mailto:concierge@apolitical.co",
+            className: "gtm-trackable",
+            "data-gtm-event-context": "EmailExistsBox",
+            "data-gtm-event-type": "email-concierge-click"
+          };
+          break;
+        default:
+          g += "default", v = {
+            href: "https://about.apolitical.co/who-can-join-the-community",
+            "data-gtm-event-context": "DefaultEmailHelperTextBox",
+            "data-gtm-event-type": "LearnMoreClick"
+          };
+          break;
+      }
+      m({ ...l, path: g, type: h, link: v, mail: j });
+    },
+    /* eslint-disable react-hooks/exhaustive-deps */
+    [e]
+  );
+  const d = {};
+  return ["link", "mail"].forEach((g) => {
+    d[g] = Object.keys(l[g]).length ? (h) => /* @__PURE__ */ r.jsx("a", { ...l[g], children: h }) : (h) => h;
+  }), /* @__PURE__ */ r.jsx(Ir, { type: l.type, heading: a ? !1 : o.formatMessage({ id: `${l.path}_title` }), children: a ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsx(me, { element: "span" }),
+    /* @__PURE__ */ r.jsx(me, { element: "span" })
+  ] }) : (
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    // `values` are throwing a type error: https://github.com/formatjs/formatjs/issues/3633
+    o.formatMessage(
+      { id: `${l.path}_text` },
+      {
+        ...d,
+        strong: (g) => /* @__PURE__ */ r.jsx("strong", { children: g }),
+        em: (g) => /* @__PURE__ */ r.jsx("em", { children: g }),
+        br: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+          /* @__PURE__ */ r.jsx("br", {}),
+          /* @__PURE__ */ r.jsx("br", {})
+        ] }),
+        error: l.error
+      }
+    )
+  ) });
+};
+const He = "passwordRules_", jn = "isMoreThanEightCharacters", En = "includesNumberAndSymbol", Sn = "includesLowerAndUppercase", ps = {
+  [jn]: "8Characters",
+  [En]: "numberSymbol",
+  [Sn]: "lowercaseUppercase"
+}, hs = ({ matchingRules: e = { isMoreThanEightCharacters: !1, includesNumberAndSymbol: !1, includesLowerAndUppercase: !1 }, className: t = "" }) => {
+  const n = A();
+  return /* @__PURE__ */ r.jsxs("aside", { className: k("password-rules", t), children: [
+    /* @__PURE__ */ r.jsx("small", { children: n.formatMessage({ id: `${He}intro` }) }),
+    /* @__PURE__ */ r.jsx("ul", { children: [jn, En, Sn].map((s) => /* @__PURE__ */ r.jsxs("li", { className: k({ matches: e[s] }), children: [
+      /* @__PURE__ */ r.jsxs(ee, { children: [
+        n.formatMessage({ id: `${He}rule_label` }),
+        " "
+      ] }),
+      /* @__PURE__ */ r.jsx("span", { children: n.formatMessage({ id: `${He}rule_${ps[s]}` }) }),
+      !e[s] && /* @__PURE__ */ r.jsxs(ee, { element: "strong", children: [
+        " ",
+        " ",
+        n.formatMessage({ id: `${He}notMet` })
+      ] })
+    ] }, `rule-${s}`)) })
+  ] });
+}, fo = je(hs);
+const po = ({
+  text: e = {},
+  topRating: t = 5,
+  functions: { createRating: n = () => null, updateRating: s = () => {
+  }, reportError: o = () => {
+  } },
+  className: l = "",
+  hasLoaded: m = !1
+}) => {
+  const a = A(), [i, u] = F({ setUp: !1, id: null, rating: null, disabled: !0 }), d = async () => {
+    try {
+      const E = await n();
+      u((_) => ({ ..._, setUp: !0, id: E && E.id, disabled: !1 }));
+    } catch (E) {
+      u((_) => ({ ..._, setUp: !0, disabled: !0 })), o(E);
+    }
+  };
+  if (V(() => {
+    m && !i.setUp && d();
+  }, [m]), !m)
+    return /* @__PURE__ */ r.jsx(me, { className: "rating-placeholder" });
+  const { id: f, rating: p, disabled: g } = i, h = "ratings_", v = {
+    text: a.formatMessage({ id: `${h}text` }),
+    low: a.formatMessage({ id: `${h}low` }),
+    high: a.formatMessage({ id: `${h}high` }),
+    success: a.formatMessage({ id: `${h}success` }),
+    ...e
+  }, j = async (E) => {
+    if (!(!f || g))
+      try {
+        u((_) => ({ ..._, rating: E, disabled: !0 })), await s({ id: f, value: E });
+      } catch (_) {
+        u(($) => ({ ...$, rating: null })), o(_);
+      } finally {
+        u((_) => ({ ..._, disabled: !1 }));
+      }
+  };
+  return /* @__PURE__ */ r.jsxs("div", { className: k("rating", l), children: [
+    /* @__PURE__ */ r.jsx("span", { className: "label", children: v[p ? "success" : "text"] }),
+    /* @__PURE__ */ r.jsx("ol", { children: Array.from(new Array(t).keys()).map((E) => {
+      const _ = E + 1;
+      return /* @__PURE__ */ r.jsx("li", { className: k({ selected: p && _ <= p }), children: /* @__PURE__ */ r.jsx(
+        q,
+        {
+          variant: "tertiary",
+          size: "small",
+          icon: { icon: `star${!p || _ > p ? "_empty" : ""}`, position: "left", hover: "star" },
+          screenreaderText: `${a.formatMessage(
+            { id: `${h}stars` },
+            { number: _, total: t }
+          )}${_ === 1 || _ === t ? ` - ${v[_ === 1 ? "low" : "high"]}` : ""}`,
+          onClick: ($) => {
+            $.preventDefault(), $.stopPropagation(), j(_);
+          },
+          disabled: g
+        }
+      ) }, `rating-${_}`);
+    }) })
+  ] });
+};
+const gs = ({
+  id: e = "search",
+  className: t = "",
+  handleToggle: n = !1,
+  defaultValue: s = "",
+  gtmContext: o = "search-bar",
+  gtmEvent: l = "form-submission"
+}) => {
+  const { searchIsOpen: m = !0, isDesktopVersion: a = !1 } = n || {}, i = A(), u = Z(null);
+  ke(() => {
+    !n || a || !m || u.current && u.current.focus();
+  }, [m]);
+  const d = (f) => {
+    f.preventDefault(), f.stopPropagation(), !(!u.current || !u.current.value || u.current.value.length < 1) && (window.location.href = `/search?search=${encodeURIComponent(u.current.value)}`);
+  };
+  return /* @__PURE__ */ r.jsx(
+    "form",
+    {
+      onSubmit: d,
+      className: k("search-form gtm-trackable", t),
+      "data-gtm-event-context": o,
+      "data-gtm-event-type": l,
+      children: /* @__PURE__ */ r.jsx("fieldset", { id: `${e}-form`, hidden: n ? !m : !1, role: "search", children: /* @__PURE__ */ r.jsxs("p", { children: [
+        /* @__PURE__ */ r.jsx(ee, { element: "label", htmlFor: e, children: i.formatMessage({ id: "search_label" }) }),
+        /* @__PURE__ */ r.jsx(
+          "input",
+          {
+            ref: u,
+            type: "search",
+            id: e,
+            name: e,
+            defaultValue: s,
+            placeholder: i.formatMessage({ id: "search_placeholder" }),
+            onKeyDown: (f) => {
+              f.key === "Enter" && d(f);
+            }
+          }
+        ),
+        /* @__PURE__ */ r.jsx(
+          "button",
+          {
+            className: "clear",
+            onClick: (f) => {
+              f.preventDefault(), f.stopPropagation(), u.current && u.current.value && (u.current.value = "");
+            },
+            children: /* @__PURE__ */ r.jsx(ee, { children: i.formatMessage({ id: "search_clear" }) })
+          }
+        ),
+        /* @__PURE__ */ r.jsx("button", { className: "search", onClick: d, children: /* @__PURE__ */ r.jsx(ee, { children: i.formatMessage({ id: "search_cta" }) }) })
+      ] }) })
+    }
+  );
+}, I = {
+  timeouts: {},
+  handlerCalled: {},
+  getIsDesktopVersion: (e, t) => {
+    const n = {
+      navigation: { loggedIn: 769, loggedOut: 881 },
+      search: { loggedIn: 961, loggedOut: 1121 }
+    }, s = (l) => {
+      const m = `logged${e ? "In" : "Out"}`;
+      return t >= n[l][m];
+    };
+    let o = {};
+    return ["navigation", "search"].forEach((l) => {
+      o[l] = s(l);
+    }), o;
+  },
+  shouldChangeHeaderIsVisible: (e, t, n) => {
+    Object.values(t).filter((o) => o === !0).length || n([{ type: "headerIsVisible", value: e }]);
+  },
+  handleMenus: ({ id: e, value: t, menus: n, dispatch: s }) => {
+    if (n[e] === t || e === "account" && t === !1 && n.navigation === !0)
+      return;
+    const o = Date.now();
+    if (!t && I.handlerCalled[e] && o - I.handlerCalled[e] < 500)
+      return;
+    I.handlerCalled[e] = o;
+    let l = [{ type: `menus.${e}`, value: t }];
+    t === !0 && Object.keys(n).forEach((m) => {
+      m === e || n[m] === !1 || l.push({ type: `menus.${m}`, value: !1 });
+    }), s(l);
+  },
+  // Find the first child inside a ref that matches the `key` (and optional `value`) we're looking for,
+  // so we can automatically focus on the first link inside a menu for accessibility.
+  // E.g. a `key` of `href` will match the first child with an `href`. Passing a `value` will match
+  // the first child with an `href` that includes `value`.
+  // Using `ref` lets us call `focus()`
+  findFirstChild: (e, t, n = !1) => {
+    if (!e || !e[0])
+      return !1;
+    for (let s = 0; s <= e.length; s++) {
+      if (!e[s])
+        continue;
+      if (e[s][t] && (!n || e[s][t].includes(n)))
+        return e[s];
+      if (!t.includes("."))
+        continue;
+      const o = ln(e[s], t);
+      if (!(typeof o > "u") && (!n || o[t] && o[t].includes(n) || o.value && o.value.includes(n) || o.toString().includes(n)))
+        return e[s];
+    }
+    return e[0].children ? I.findFirstChild(e[0].children, t, n) : !1;
+  },
+  autoFocus: ({ menu: e, navigationRef: t, isDesktopVersion: n, focusElements: s, dispatch: o }) => {
+    if (!t.current || !t.current.children)
+      return;
+    const l = n ? "desktop" : "default";
+    if (s[e][l]) {
+      s[e][l].focus();
+      return;
+    }
+    let m, a;
+    switch (e) {
+      case "navigation":
+        if (n) {
+          const i = I.findFirstChild(
+            t.current.children,
+            "attributes.aria-controls",
+            "navigation"
+          );
+          m = I.findFirstChild(i.children, "href");
+        } else
+          m = I.findFirstChild(t.current.children, "href");
+        m || (m = t.current);
+        break;
+      case "account":
+        if (a = I.findFirstChild(t.current.children, "className", "account"), !a || !a.children)
+          return;
+        m = I.findFirstChild(a.children, "href");
+        break;
+      default:
+        return;
+    }
+    m && (o([{ type: `focusElements.${e}.${l}`, value: m }]), m.focus());
+  },
+  events: {
+    onClick: (e, { id: t, callback: n, isOpen: s }) => {
+      e.target && e.target.attributes && e.target.attributes.href || (e.preventDefault(), e.stopPropagation(), clearTimeout(I.timeouts[t]), n(t, !s));
+    },
+    onFocus: ({ id: e }) => {
+      clearTimeout(I.timeouts[e]);
+    },
+    onMouseEnter: ({ id: e, callback: t }) => {
+      clearTimeout(I.timeouts[e]), t(e, !0);
+    },
+    onBlur: ({ id: e, callback: t }) => {
+      I.timeouts[e] = setTimeout(() => {
+        t(e, !1);
+      }, 250);
+    }
+  }
+}, ze = {
+  order: ["home", "topics", "partners", "account"],
+  home: {
+    href: "/home/",
+    hasVariantText: !0,
+    gtmType: "homepage-click"
+  },
+  topics: {
+    order: ["explore", "topics"],
+    menuId: "navigation",
+    explore: {
+      order: ["events", "courses", "q-and-a", "articles"],
+      events: { href: "/events/", className: "icon events" },
+      courses: {
+        href: "/microcourses/",
+        gtmType: "microcourses-click",
+        className: "icon courses"
+      },
+      "q-and-a": { href: "/questions-answers/", className: "icon q-and-a" },
+      articles: {
+        href: "/solution-articles/",
+        gtmType: "articles-click",
+        className: "icon articles"
+      }
+    },
+    topics: {
+      order: [
+        "climate",
+        "cities-and-local-government",
+        "digital-and-data",
+        "education",
+        "equity-justice-and-inclusion",
+        "health-and-social-care",
+        "innovation",
+        "leadership-and-skills",
+        "life-in-government",
+        "policymaking",
+        "transport-and-infrastructure",
+        "work-and-the-economy"
+      ],
+      className: "columns",
+      climate: { href: "/topics/climate/" },
+      "cities-and-local-government": { href: "/topics/cities-and-local-government/" },
+      "digital-and-data": { href: "/topics/digital-and-data/" },
+      education: { href: "/topics/education/" },
+      "equity-justice-and-inclusion": { href: "/topics/equity-justice-and-inclusion/" },
+      "health-and-social-care": { href: "/topics/health-and-social-care/" },
+      innovation: { href: "/topics/innovation/" },
+      "leadership-and-skills": { href: "/topics/leadership-and-skills/" },
+      "life-in-government": { href: "/topics/life-in-government/" },
+      policymaking: { href: "/topics/policymaking/" },
+      "transport-and-infrastructure": { href: "/topics/transport-and-infrastructure/" },
+      "work-and-the-economy": { href: "/topics/work-and-the-economy/" }
+    }
+  },
+  partners: {
+    href: "/partnerships/",
+    onlyShow: "logged-out"
+  },
+  account: {
+    order: ["profile", "settings", "log-out"],
+    className: "account",
+    onlyShow: "logged-in",
+    doTrack: !1,
+    profile: { href: "/profiles/me" },
+    settings: { href: "/profiles/me/manage-account" },
+    "log-out": { href: "/user-onboarding/logout", className: "divider" }
+  },
+  buttons: {
+    order: ["login", "signup"],
+    login: { href: "/user-onboarding/login" },
+    signup: {
+      href: "/signup/?ref=header-banner",
+      props: { variant: "primary" }
+    }
+  }
+}, Ve = ({
+  id: e,
+  isLoggedIn: t = !1,
+  isDesktopVersion: n = !1,
+  menus: s = {},
+  callback: o = () => {
+  },
+  doTrack: l = null
+}) => {
+  const m = A(), a = ln(ze, e);
+  if (!a || a.onlyShow && (a.onlyShow === "logged-in" && !t || a.onlyShow === "logged-out" && t))
+    return null;
+  const i = "doTrack" in a, u = l === null ? i ? a.doTrack : !0 : l, d = e.includes("buttons.");
+  let f = `header_${e.replaceAll(".", "_")}`;
+  a.hasVariantText && (f += `_logged${t ? "In" : "Out"}`);
+  let p = !1;
+  if (a.href) {
+    let _ = a.gtmType || `${e}-click`;
+    if (_.includes(".")) {
+      const $ = _.split("."), B = $[$.length - 2];
+      _ = `${B === "topics" ? `${B}-` : ""}${$[$.length - 1]}`;
+    }
+    p = {
+      href: a.href,
+      role: "menuitem"
+    }, u && (p = {
+      ...p,
+      className: "gtm-trackable",
+      "data-gtm-event-type": _,
+      "data-gtm-event-context": "HeaderButtons"
+    }), d && (p = {
+      ...p,
+      variant: "secondary",
+      size: { mobile: "small", 881: "large" },
+      ...a.props || {}
+    });
+  }
+  const g = a.order && a.order[0] && a[a.order[0]], h = g && a[a.order[0]].order, v = p && window.location.pathname === a.href;
+  let j = {}, E = {};
+  if (g) {
+    const _ = a.menuId || e, $ = {
+      onClick: (B) => I.events.onClick(B, { id: _, callback: o, isOpen: s[_] }),
+      onFocus: () => I.events.onFocus({ id: _ }),
+      onBlur: () => I.events.onBlur({ id: _, callback: o }),
+      onMouseLeave: () => I.events.onBlur({ id: _, callback: o }),
+      onMouseEnter: () => I.events.onMouseEnter({ id: _, callback: o })
+    };
+    n && (h && (j = {
+      ...$,
+      onKeyPress: (B) => {
+        B.key === "Enter" && I.events.onClick(B, { id: _, callback: o, isOpen: s[_] });
+      },
+      tabIndex: "0",
+      // Add a `tabIndex` so keyboard users can focus on the `li`
+      "aria-haspopup": !0,
+      "aria-expanded": s[_],
+      "aria-controls": _
+    }), E = { hidden: _ in s ? !s[_] : !0 }), h || (E = {
+      ...E,
+      ...$
+    });
+  }
+  return /* @__PURE__ */ r.jsxs("li", { className: k({ [a.className]: a.className, "has-submenu": g, parent: h, active: v }), role: "none", ...j, children: [
+    p ? C.createElement(d ? q : "a", p, m.formatMessage({ id: f })) : m.formatMessage({ id: f }),
+    a.order && /* @__PURE__ */ r.jsx("ul", { ...E, children: a.order.map((_) => {
+      if (!a[_])
+        return null;
+      const $ = {
+        isLoggedIn: t,
+        isDesktopVersion: n,
+        menus: s,
+        callback: o,
+        doTrack: i ? u : null
+      };
+      return a[_].order ? /* @__PURE__ */ r.jsxs("li", { className: k({ [a[_].className]: a[_].className }), children: [
+        m.formatMessage({ id: `${f}_${_}` }),
+        /* @__PURE__ */ r.jsx("ul", { children: a[_].order.map((B) => /* @__PURE__ */ r.jsx(Ve, { id: `${e}.${_}.${B}`, ...$ }, B)) })
+      ] }, _) : /* @__PURE__ */ r.jsx(Ve, { id: `${e}.${_}`, ...$ }, _);
+    }) })
+  ] }, e);
+};
+const _s = { height: 67, height_desktop: 83 }, $n = () => {
+  const e = A(), t = ge(_e), n = Je(!0, !0), s = t && typeof t.id == "string", o = Ye(
+    () => I.getIsDesktopVersion(s, n),
+    [s, n]
+  ), [l, m] = tr(jr, {
+    headerIsVisible: !0,
+    menus: { navigation: !1, search: !1, account: !1 },
+    focusElements: {
+      navigation: { desktop: !1, default: !1 },
+      account: { desktop: !1, default: !1 }
+    }
+  }), { headerIsVisible: a, menus: i, focusElements: u } = l;
+  kr({
+    scrollPosition: _s[`height${o.navigation ? "_desktop" : ""}`],
+    callbacks: {
+      scrollUp: () => {
+        !o && i.navigation || I.shouldChangeHeaderIsVisible(!0, i, m);
+      },
+      scrollDown: () => {
+        !o && i.navigation || I.shouldChangeHeaderIsVisible(!1, i, m);
+      }
+    }
+  });
+  const d = (p, g) => {
+    I.handleMenus({ id: p, value: g, menus: i, dispatch: m });
+  }, f = Z(null);
+  return ke(() => {
+    i.navigation && I.autoFocus({
+      menu: "navigation",
+      navigationRef: f,
+      isDesktopVersion: o.navigation,
+      focusElements: u,
+      dispatch: m
+    });
+  }, [i.navigation]), ke(() => {
+    i.account && I.autoFocus({
+      menu: "account",
+      navigationRef: f,
+      isDesktopVersion: o.navigation,
+      focusElements: u,
+      dispatch: m
+    });
+  }, [i.account]), t && t.isLoading ? null : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsxs("nav", { id: "header", className: k({ "logged-in": s, "logged-out": !s, visible: a }), children: [
+      /* @__PURE__ */ r.jsx(ee, { element: "a", href: "#content-of-page", children: e.formatMessage({ id: "header_skip" }) }),
+      /* @__PURE__ */ r.jsx(wn, {}),
+      !o.navigation && /* @__PURE__ */ r.jsx(
+        "button",
+        {
+          className: "menu-button gtm-trackable",
+          onClick: (p) => {
+            p.preventDefault(), p.stopPropagation(), d("navigation", !i.navigation);
+          },
+          "data-gtm-event-type": "open-tab-menu-click",
+          "data-gtm-event-context": "HeaderLeft-Chevron",
+          "aria-haspopup": "true",
+          "aria-expanded": i.navigation,
+          "aria-controls": "navigation",
+          children: /* @__PURE__ */ r.jsx(ee, { children: e.formatMessage({ id: `header_menu_${i.navigation ? "hide" : "show"}` }) })
+        }
+      ),
+      /* @__PURE__ */ r.jsx(
+        "ul",
+        {
+          ref: f,
+          id: "navigation",
+          hidden: o.navigation || i.account ? !1 : !i.navigation,
+          role: "menu",
+          "data-showing": !o.navigation && i.account ? "account" : "default",
+          children: ze.order.map((p) => /* @__PURE__ */ r.jsx(
+            Ve,
+            {
+              id: p,
+              isLoggedIn: s,
+              isDesktopVersion: o.navigation,
+              menus: { navigation: i.navigation, account: i.account },
+              callback: d
+            },
+            p
+          ))
+        }
+      ),
+      !o.search && /* @__PURE__ */ r.jsx(
+        "button",
+        {
+          className: "search toggle-search-button",
+          onClick: (p) => {
+            p.preventDefault(), p.stopPropagation(), d("search", !i.search);
+          },
+          "aria-haspopup": "true",
+          "aria-expanded": i.search,
+          "aria-controls": "search-form",
+          children: /* @__PURE__ */ r.jsx(ee, { children: e.formatMessage({ id: `header_search_${i.search ? "hide" : "show"}` }) })
+        }
+      ),
+      /* @__PURE__ */ r.jsx(
+        gs,
+        {
+          id: "global-search",
+          handleToggle: { searchIsOpen: i.search, isDesktopVersion: o.search },
+          gtmContext: "search-bar-header",
+          gtmEvent: "form-submission"
+        }
+      ),
+      s ? /* @__PURE__ */ r.jsxs(
+        "button",
+        {
+          className: "account-button",
+          onClick: (p) => I.events.onClick(p, { id: "account", callback: d, isOpen: i.account }),
+          onMouseEnter: () => I.events.onMouseEnter({ id: "account", callback: d }),
+          onMouseLeave: () => I.events.onBlur({ id: "account", callback: d }),
+          "aria-haspopup": "true",
+          "aria-expanded": i.account,
+          "aria-controls": "navigation",
+          children: [
+            /* @__PURE__ */ r.jsx(ee, { children: e.formatMessage({ id: `header_account_${i.account ? "hide" : "show"}` }) }),
+            /* @__PURE__ */ r.jsx(At, { name: t && t.name || "", src: t && t.image && t.image.thumbnail || "" })
+          ]
+        }
+      ) : /* @__PURE__ */ r.jsx("ul", { className: "sign-in-buttons", children: ze.buttons.order.map((p) => /* @__PURE__ */ r.jsx(Ve, { id: `buttons.${p}` }, p)) })
+    ] }),
+    /* @__PURE__ */ r.jsx("hr", { id: "content-of-page" }),
+    /* @__PURE__ */ r.jsx(
+      "div",
+      {
+        className: k("overlay", { open: i.navigation || i.account || !o.search && i.search })
+      }
+    )
+  ] });
+};
+const xs = () => {
+  const e = A();
+  return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsx($n, {}),
+    /* @__PURE__ */ r.jsx("div", { className: "content", children: /* @__PURE__ */ r.jsx(Ze, { variant: "error", text: e.formatMessage({ id: "pageLayout_error" }) }) }),
+    /* @__PURE__ */ r.jsx(kn, {})
+  ] });
+}, ho = ({ children: e, reportError: t, showFooter: n = !0, background: s = "default", className: o = "", locale: l = "en" }) => {
+  const m = yr();
+  V(() => {
+    window.scrollTo(0, 0);
+  }, [m]);
+  const a = pn(e, { locale: l });
+  return /* @__PURE__ */ r.jsx(mr, { onError: t, fallback: /* @__PURE__ */ r.jsx(xs, {}), children: /* @__PURE__ */ r.jsx(nr, { fallback: /* @__PURE__ */ r.jsx(Kr, { layout: "overview-page" }), children: /* @__PURE__ */ r.jsx("div", { id: "wrapper", className: k(o, { [s]: s !== "default" }), children: /* @__PURE__ */ r.jsxs(dr, { children: [
+    /* @__PURE__ */ r.jsx($n, {}),
+    /* @__PURE__ */ r.jsx("div", { className: "content", children: a }),
+    n && /* @__PURE__ */ r.jsx(kn, {}),
+    /* @__PURE__ */ r.jsx(fs, {})
+  ] }) }) }) });
+}, sn = {
+  default: "tags_",
+  headerTopics: "header_topics_topics_"
+}, _t = {
+  topic: {
+    Climate: "climate",
+    CitiesAndLocalGovernment: "cities-and-local-government",
+    DigitalAndData: "digital-and-data",
+    Education: "education",
+    EquityJusticeAndInclusion: "equity-justice-and-inclusion",
+    HealthAndSocialCare: "health-and-social-care",
+    Innovation: "innovation",
+    LeadershipAndSkills: "leadership-and-skills",
+    LifeInGovernment: "life-in-government",
+    Policymaking: "policymaking",
+    TransportAndInfrastructure: "transport-and-infrastructure",
+    WorkAndTheEconomy: "work-and-the-economy"
+  },
+  "from the community": "community"
+}, bs = {
+  getTagDetails: (e) => {
+    if (e.includes("topic_")) {
+      if (e = _t.topic[e.replace("topic_", "")], e) {
+        const t = ze.topics.topics[e].href;
+        return t ? { id: e, href: t, text: `${sn.headerTopics}${e}` } : null;
+      }
+      return null;
+    }
+    return _t[e] ? (e = _t[e], { id: e, text: `${sn.default}${e}` }) : null;
+  }
+};
+const go = ({
+  tags: e = [],
+  color: t = "default",
+  forceOneLine: n = !1,
+  canHaveLinks: s = !0,
+  className: o = "",
+  gtmType: l = "tag-click",
+  gtmContext: m = "tags"
+}) => {
+  const a = A();
+  if (!e || e.length < 1)
+    return null;
+  const i = [];
+  return e.forEach((u) => {
+    if (!u)
+      return;
+    const d = bs.getTagDetails(u);
+    d && i.push(d);
+  }), i.length < 1 ? null : /* @__PURE__ */ r.jsx("ul", { className: k("tags text-small", t, o, { "one-line": n }), children: i.map((u) => {
+    const d = a.formatMessage({ id: u.text });
+    return /* @__PURE__ */ r.jsx("li", { children: u.href && s ? /* @__PURE__ */ r.jsx(
+      "a",
+      {
+        href: u.href,
+        className: "gtm-trackable",
+        "data-gtm-event-type": l,
+        "data-gtm-event-context": m,
+        children: d
+      }
+    ) : d }, u.id);
+  }) });
+};
+const _o = ({
+  members: { total: e, data: t = [] },
+  pagination: n,
+  gtmContext: s = "member",
+  gtmType: o = "member-click",
+  className: l = ""
+}) => {
+  const m = A();
+  return t.length === 0 ? null : (e || (e = t.length), /* @__PURE__ */ r.jsxs("div", { className: k("members-list", l), children: [
+    /* @__PURE__ */ r.jsxs("h1", { children: [
+      m.formatMessage({ id: "membersList" }),
+      /* @__PURE__ */ r.jsx("span", { className: "count", children: e })
+    ] }),
+    /* @__PURE__ */ r.jsx("ul", { children: t.map((a, i) => /* @__PURE__ */ r.jsxs("li", { children: [
+      /* @__PURE__ */ r.jsx(Nt, { member: a, gtmContext: s, gtmType: o }),
+      a.isAdmin && /* @__PURE__ */ r.jsx(Jr, { children: m.formatMessage({ id: "membersList_admin" }) })
+    ] }, i)) }),
+    n && /* @__PURE__ */ r.jsx(
+      us,
+      {
+        ...n,
+        icon: { icon: "arrow-down", position: "right" },
+        gtmContext: s
+      }
+    )
+  ] }));
+};
+let Ue = null;
+const ne = "discussion_form_", Tn = ({
+  content: e = { type: "response", slugs: {} },
+  userHasPermissions: t = !0,
+  meta: n = {
+    isLoading: !1,
+    isInWrapper: !1,
+    isEditing: !1,
+    showTitle: !1
+  },
+  inputRef: s,
+  maxLength: o = 5e4,
+  minRows: l = 4,
+  forceShow: m = {
+    cancel: !1,
+    error: !1
+  },
+  functions: a = {
+    create: () => {
+    },
+    handleSaveEdit: () => {
+    },
+    handleCancel: () => {
+    },
+    callback: () => {
+    },
+    props: {
+      create: { projectNames: ["questions-answers"] }
+    }
+  },
+  gtmContext: i = "DiscussionForm"
+}) => {
+  var M, Q;
+  const u = A(), d = ge(_e), [f, p] = F(n.isEditing && n.isEditing.text || ""), [g, h] = F(m.error || !1), [v, j] = F(!1), E = Z(null);
+  if (s || (s = E), n.isLoading)
+    return /* @__PURE__ */ r.jsx(me, { className: "discussion-card discussion-form", "data-testid": "loading-placeholder" });
+  const _ = (O) => {
+    const z = O.target.value;
+    p(z);
+    let N;
+    !d || !d.id ? N = le(u.formatMessage, `${ne}error_loggedOut`, e.type, "action") : t ? z.length >= o && (N = `${ne}error_tooLong`) : N = le(u.formatMessage, `${ne}error_noPermission`, e.type, "action"), N ? h(N) : g && h(!1);
+  };
+  let $ = `${e.type}-form`;
+  if (e.type === "response" || e.type === "reply") {
+    const O = e.type === "response" ? ((M = e.slugs) == null ? void 0 : M.question) || "" : ((Q = e.slugs) == null ? void 0 : Q.answer) || "";
+    O && ($ = `${$}-${O.slice(-15)}`);
+  }
+  const B = async (O) => {
+    var N;
+    if (O.preventDefault(), O.stopPropagation(), !d || !d.id || !t || U)
+      return;
+    Ue && clearTimeout(Ue), j("submitting");
+    const z = window.location.pathname;
+    try {
+      let D;
+      switch (e.type) {
+        case "post":
+          D = await a.create({ content: f });
+          break;
+        case "question":
+          D = await a.create({ title: f, authorId: d && d.id, ...(N = a.props) == null ? void 0 : N.create });
+          break;
+        case "response":
+          D = await a.create(
+            { question: e.slugs.question },
+            { body: f, authorId: d && d.id, contentPath: z }
+          );
+          break;
+        case "reply":
+          D = await a.create(
+            { question: e.slugs.question, answer: e.slugs.answer },
+            { body: f, authorId: d && d.id, contentPath: z }
+          );
+          break;
+        default:
+          break;
+      }
+      await $r(1e3), a.callback && await a.callback(D), Ue = setTimeout(() => {
+        p(""), j("submitted"), y();
+      }, 500);
+    } catch (D) {
+      const Y = D;
+      let X = `${ne}error`;
+      Y.message.includes("entry already exists") && (X = le(u.formatMessage, `${ne}error_alreadyExists`, e.type, "action")), Y.message.includes("429") ? X = le(u.formatMessage, `${ne}error_tooMany`, e.type, "action") : Y.message.includes("400") && (X = `${ne}error`), h(X), y();
+    }
+  }, y = () => {
+    Ue = setTimeout(() => {
+      h(!1), j(!1);
+    }, 5e3);
+  }, U = !f || !Nr(f), W = v === "submitting", b = [];
+  return (n.isEditing && !W || m.cancel) && b.push({
+    variant: "secondary",
+    size: { mobile: "small", 600: "medium" },
+    onClick: a.handleCancel,
+    className: "gtm-trackable",
+    "data-gtm-event-context": i,
+    "data-gtm-event-type": `cancel-${e.type}-click`,
+    disabled: !m.cancel && (!d || !d.id || !f),
+    children: u.formatMessage({ id: `${ne}cancel` })
+  }), b.push({
+    variant: "primary",
+    size: { mobile: "small", 600: "medium" },
+    onClick: (O) => {
+      if (n.isEditing) {
+        j("submitting"), a.handleSaveEdit && a.handleSaveEdit(E.current && "value" in E.current ? E.current.value : "");
+        return;
+      }
+      B(O);
+    },
+    className: "gtm-trackable",
+    "data-gtm-event-context": i,
+    "data-gtm-event-type": `${n.isEditing ? "save" : "submit"}-${e.type}-click`,
+    "data-testid": "save-button",
+    disabled: !d || !d.id || !t || U || W || n.isEditing && f === n.isEditing.text,
+    children: u.formatMessage({ id: `${ne}${W ? n.isEditing ? "saving" : "posting" : n.isEditing ? "save" : "post"}` })
+  }), /* @__PURE__ */ r.jsxs(
+    "form",
+    {
+      id: $,
+      className: k("discussion-card discussion-form", { "no-styling": n.isInWrapper && n.isEditing }),
+      "data-testid": `discussion-${e.type}-form`,
+      children: [
+        (n == null ? void 0 : n.showTitle) && !n.isEditing && ["question"].includes(e.type) && /* @__PURE__ */ r.jsx("h2", { children: le(u.formatMessage, `${ne}title`, e.type, "action") }),
+        /* @__PURE__ */ r.jsx(Nt, { member: d || "community", gtmContext: i, gtmType: "profile-click" }),
+        /* @__PURE__ */ r.jsx(ee, { element: "label", showOnFocus: !1, htmlFor: `${$}-input`, children: le(u.formatMessage, `${ne}label`, e.type, "action") }),
+        /* @__PURE__ */ r.jsx(
+          fr,
+          {
+            ref: s,
+            id: `${$}-input`,
+            name: e.type,
+            placeholder: le(u.formatMessage, `${ne}placeholder`, e.type, "action"),
+            onChange: _,
+            value: f,
+            maxLength: o,
+            "aria-invalid": !!g,
+            "aria-errormessage": "error-message",
+            minRows: l,
+            autoFocus: !!n.isEditing
+          }
+        ),
+        /* @__PURE__ */ r.jsx("small", { children: le(u.formatMessage, `${ne}explainer`, e.type, "action", {
+          a: (O) => /* @__PURE__ */ r.jsx(
+            "a",
+            {
+              href: "https://about.apolitical.co/q-and-a-community-guidelines",
+              target: "_blank",
+              className: "gtm-trackable",
+              "data-gtm-event-context": i,
+              "data-gtm-event-type": "community-guidelines-link",
+              children: O
+            }
+          )
+        }) }),
+        /* @__PURE__ */ r.jsx(qe, { buttons: b }),
+        v === "submitted" && /* @__PURE__ */ r.jsx(St, { className: "success", "data-testid": "success", children: le(u.formatMessage, `${ne}success`, e.type, "action") }),
+        g && /* @__PURE__ */ r.jsx(St, { id: "error-message", className: "error", "data-testid": "error", children: m.error ? m.error : typeof g == "string" ? g.includes(" ") ? g : u.formatMessage({ id: g }, { action: u.formatMessage({ id: `discussion_action_${e.type}` }), maxLength: o }) : g })
+      ]
+    }
+  );
+}, Mn = ({
+  contentType: e,
+  createPost: t,
+  membershipRequiredToPost: { isMember: n, required: s, join: o, leave: l, notMemberStateText: m }
+}) => s && !n ? /* @__PURE__ */ r.jsx(
+  Ze,
+  {
+    text: m,
+    button: {
+      component: /* @__PURE__ */ r.jsx(yn, { functions: { join: o, leave: l } })
+    }
+  }
+) : /* @__PURE__ */ r.jsx(
+  Tn,
+  {
+    content: { type: e, slugs: {} },
+    functions: {
+      create: t
+    }
+  }
+), vs = {
+  showThread: !1,
+  showForm: !1
+}, Cn = Tt(vs), xo = ({ children: e }) => {
+  const [t, n] = F({
+    showThread: !1,
+    showForm: !1
+  });
+  return /* @__PURE__ */ r.jsx(Cn.Provider, { value: { ...t, updateConversation: n }, children: e });
+}, ys = ({
+  question: e,
+  answer: t,
+  reply: n
+}) => ({
+  ...e && { questionSlug: e },
+  ...t && { answerSlug: t },
+  ...n && { replySlug: n }
+}), ws = (e, t = 10) => !e || e.length === 0 ? [] : e.slice(0, t);
+let Ce = !1;
+const xt = () => {
+  Ce !== !1 && (clearTimeout(Ce), Ce = !1);
+}, bt = 10, ks = ({
+  element: e = "div",
+  likes: t = 0,
+  peopleWhoLiked: n = !1,
+  isShort: s = !0,
+  userLiked: o = !1,
+  content: l = { type: "reply", slugs: {} },
+  canLike: m = !0,
+  functions: { createLike: a = () => {
+  }, deleteLike: i = () => {
+  } } = {}
+}) => {
+  const u = A();
+  V(() => {
+    g(o);
+  }, [o]);
+  const [d, f] = F(t), [p, g] = F(o), [h, v] = F(!1), [j, E] = F(!1), _ = Ye(() => ws(n, bt), [n]), $ = (y) => {
+    if (y.preventDefault(), y.stopPropagation(), E(!1), Ce)
+      return xt(), !1;
+    if (xt(), h || !m)
+      return !1;
+    Ce = setTimeout(B, 350);
+  }, B = async () => {
+    if (xt(), h || !m)
+      return !1;
+    let y = p ? d - 1 : d + 1;
+    y < 0 && (y = 0), v(!0), f(y), g(!p);
+    try {
+      if (l && l.slugs) {
+        const U = ys(l.slugs);
+        p ? await i(U) : await a(U, { contentPath: window.location.pathname });
+      }
+    } catch {
+      f(t), g(o);
+    } finally {
+      v(!1);
+    }
+  };
+  return C.createElement(
+    e,
+    {
+      className: k("likes-wrapper text-medium action-button", { "show-spinner": h, "is-liked": p, disabled: !m }),
+      onClick: $,
+      onMouseEnter: () => {
+        E(!0);
+      },
+      onMouseLeave: () => {
+        E(!1);
+      },
+      onFocus: () => {
+        E(!0);
+      },
+      onBlur: () => {
+        E(!1);
+      },
+      children: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+        /* @__PURE__ */ r.jsx(
+          q,
+          {
+            variant: "tertiary",
+            size: "medium",
+            icon: { icon: p ? "heart" : "heart_empty", animate: "bounce" },
+            className: k({ "do-animation": p && !o }),
+            screenreaderText: m ? u.formatMessage({
+              id: `discussion_likes_${p ? "unlike" : "like"}`
+            }, { action: u.formatMessage({ id: `discussion_action_${l.type}` }) }) : !1,
+            onClick: $,
+            disabled: !m,
+            "aria-hidden": !m,
+            "data-testid": "like-button",
+            "data-gtm-event-context": "Likes",
+            "data-gtm-event-type": `like-${l.type}-click`
+          }
+        ),
+        /* @__PURE__ */ r.jsx("span", { className: k("number-of-likes", { "no-likes": d === 0 }), "data-testid": "number-of-likes", children: u.formatMessage({ id: `discussion_likes${s ? "_short" : ""}` }, { number: d }) }),
+        n && /* @__PURE__ */ r.jsx(Or, { isOpen: j, isLoading: n.length === 0, children: n.length && /* @__PURE__ */ r.jsxs("ul", { children: [
+          _.map((y) => typeof y == "string" || !y.name ? null : /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(Xe, { href: y.id ? `/profiles/${y.id}` : void 0, gtmContext: "Likes", gtmType: "liked-name-click", children: y.name }) }, y.id || window.btoa(y.name))),
+          n.length > bt && /* @__PURE__ */ r.jsx("li", { children: u.formatMessage({ id: "discussion_likes_more" }, { number: n.length - bt }) })
+        ] }) })
+      ] })
+    }
+  );
+};
+const js = ({ element: e = "section", children: t, className: n, ...s }) => C.createElement(
+  e,
+  {
+    className: k("modal", n),
+    children: typeof t == "string" ? /* @__PURE__ */ r.jsx("p", { children: t }) : t,
+    ...s
+  }
+);
+const Es = ({
+  id: e = "content-overlay",
+  isOpen: t = !1,
+  maxWidth: n,
+  functions: { onOpen: s = () => {
+  }, onClose: o = () => {
+  } } = {},
+  forceShow: { error: l = !1 } = {},
+  title: m,
+  children: a,
+  buttons: i,
+  className: u = "",
+  gtmContext: d = "Modal"
+}) => {
+  const f = A(), [p, g] = F(t), h = (j) => {
+    g(j), j ? (s(), document.body.classList.add("has-overlay")) : (o(), document.body.classList.remove("has-overlay"));
+  };
+  V(() => {
+    h(t);
+  }, [t]);
+  const v = n ? { "--max-width": `${n / 16}rem` } : {};
+  return /* @__PURE__ */ r.jsx("div", { className: k("overlay", { open: p }), children: /* @__PURE__ */ r.jsx(
+    js,
+    {
+      id: e,
+      className: k("overlay-modal", u, { "has-max-width": n }),
+      hidden: !p,
+      style: v,
+      children: t && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+        /* @__PURE__ */ r.jsxs("div", { className: "top", children: [
+          /* @__PURE__ */ r.jsx("h2", { children: m }),
+          /* @__PURE__ */ r.jsx(
+            q,
+            {
+              variant: "tertiary",
+              size: "medium",
+              icon: { icon: "close" },
+              onClick: () => h(!1),
+              className: "gtm-trackable",
+              "data-gtm-event-type": "close-modal-click",
+              "data-gtm-event-context": d,
+              screenreaderText: f.formatMessage({ id: "overlay_button" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ r.jsx(kt, {}),
+        a,
+        i && /* @__PURE__ */ r.jsxs("div", { className: "bottom", children: [
+          /* @__PURE__ */ r.jsx(kt, {}),
+          /* @__PURE__ */ r.jsx(qe, { buttons: i })
+        ] }),
+        l && /* @__PURE__ */ r.jsx(St, { className: "error", children: l })
+      ] })
+    }
+  ) });
+}, Ss = (e, t) => ({
+  "aria-haspopup": !0,
+  "aria-expanded": t,
+  "aria-controls": e
+}), on = (e) => {
+  const t = {};
+  return Object.keys(e).forEach((n) => {
+    t[`${n}Slug`] = e[n];
+  }), t;
+};
+const ue = "discussion_", Dt = ({
+  element: e = "div",
+  content: t,
+  userHasPermissions: n = !0,
+  isLoading: s = !1,
+  originalAuthorId: o,
+  functions: {
+    content: { createContent: l, deleteContent: m, updateContent: a } = { createContent: () => {
+    }, deleteContent: () => {
+    }, updateContent: () => {
+    } },
+    likes: { createLike: i, deleteLike: u } = { createLike: () => {
+    }, deleteLike: () => {
+    } },
+    comments: { openComments: d } = { openComments: () => {
+    } }
+  },
+  links: f = {},
+  className: p,
+  gtmContext: g = "DiscussionAnswer",
+  children: h
+}) => {
+  const v = A(), j = ge(_e), E = ge(Cn), [_, $] = F({
+    body: t && t.body || "",
+    isEditing: !1,
+    didEdit: t && t.isEdited || !1
+  }), [B, y] = F(!1), [U, W] = F("");
+  if (V(() => {
+    $({
+      ..._,
+      body: t && t.body || "",
+      didEdit: t && t.isEdited || !1
+    });
+  }, [t.isEdited]), s || !t || t.type === "answer" && (!t.slugs || !t.slugs.question))
+    return /* @__PURE__ */ r.jsx(me, { className: "discussion-card discussion-post" });
+  const { author: b, canLike: M, createdAt: Q, id: O, likes: z = 0, userLiked: N, comments: D = 0 } = t, Y = j && j.id && typeof b != "string" && b.id && b.id === j.id || !1, X = typeof M == "boolean" ? M : n ? !Y : !1, re = async (L) => {
+    L || (L = ""), W("");
+    try {
+      if (!pr(L, _.body)) {
+        const oe = t.type === "question" ? { title: L } : { body: L };
+        await a(on(t.slugs), oe);
+      }
+      $({ body: L, isEditing: !1, didEdit: !0 });
+    } catch {
+      W(`${ue}form_error`);
+    }
+  }, K = () => {
+    E && E.updateConversation && E.updateConversation({ showThread: !0, showForm: !0 }), setTimeout(() => {
+      const oe = `reply-form-${(t.type === "answer" ? t.slug : t.slugs.answer || "").toLowerCase().slice(-15)}`, xe = document.getElementById(oe), Pe = document.getElementById(`${oe}-input`);
+      Pe && Pe.focus(), xe && xe.scrollIntoView({ behavior: "smooth" });
+    }, 0);
+  }, se = () => {
+    try {
+      m(on(t.slugs));
+    } catch {
+      W("delete-error");
+    }
+  }, ie = [{
+    text: v.formatMessage({ id: `${ue}moreMenu_report` }),
+    href: `mailto:community@apolitical.co?subject=${encodeURI(v.formatMessage({ id: `${ue}report_subject` }))}&body=${encodeURI(
+      v.formatMessage(
+        { id: `${ue}report_body` },
+        {
+          contentType: t.type || "",
+          contentSlug: t.slug || "",
+          contentUrl: `${window.origin}${typeof process < "u" && process.env.PUBLIC_URL || ""}/${t.slugs.question || ""}`
+        }
+      )
+    )}`,
+    icon: "flag"
+  }];
+  return n && Y && ie.push(
+    {
+      text: v.formatMessage({ id: `${ue}moreMenu_edit` }),
+      onClick: () => $({ ..._, isEditing: !0 }),
+      icon: "pencil-paper",
+      className: "gtm-trackable",
+      "data-gtm-event-context": g,
+      "data-gtm-event-type": `edit-${t.type}-click`
+    },
+    {
+      text: v.formatMessage({ id: `${ue}moreMenu_delete` }),
+      onClick: (L) => {
+        L.preventDefault(), L.stopPropagation(), y(!0);
+      },
+      icon: "trash",
+      className: "gtm-trackable",
+      "data-gtm-event-context": g,
+      "data-gtm-event-type": `delete-${t.type}-click`,
+      ...Ss(`delete-${t.slug}-modal`, B)
+    }
+  ), C.createElement(e, {
+    className: k("discussion-post", p),
+    "data-testid": `discussion-${t.type}-thread`,
+    children: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+      /* @__PURE__ */ r.jsxs(
+        "div",
+        {
+          id: O || t.slug,
+          className: k("discussion-card", t.type, { editing: _.isEditing, "has-link": f.post && !_.isEditing }),
+          onClick: (L) => {
+            !f.post || _.isEditing || (L.preventDefault(), L.stopPropagation(), window.location.href = f.post);
+          },
+          children: [
+            !_.isEditing && /* @__PURE__ */ r.jsx(
+              Nt,
+              {
+                member: b,
+                additionalContent: { createdAt: Q, didEdit: _.didEdit },
+                className: typeof b != "string" && b.id === o ? "highlighted" : "",
+                gtmContext: g,
+                gtmType: "profile-click"
+              }
+            ),
+            _.isEditing ? /* @__PURE__ */ r.jsx(
+              Tn,
+              {
+                content: { type: t.type, slugs: t.slugs },
+                userHasPermissions: n,
+                meta: { isLoading: s, isInWrapper: !0, isEditing: { text: _.body } },
+                maxLength: t.type === "question" ? 250 : 5e4,
+                forceShow: { error: U !== "" && U !== "delete-error" ? v.formatMessage({ id: U }, {
+                  action: v.formatMessage({
+                    id: `discussion_action_${t.type}`
+                  })
+                }) : !1 },
+                functions: {
+                  create: l,
+                  handleSaveEdit: re,
+                  handleCancel: () => {
+                    W(""), $({ ..._, isEditing: !1 });
+                  }
+                },
+                gtmContext: `${g}Form`
+              }
+            ) : f.post ? /* @__PURE__ */ r.jsx("a", { href: f.post, className: "gtm-trackable", "data-gtm-event-context": g, "data-gtm-event-type": "title-click", children: /* @__PURE__ */ r.jsx(en, { options: { overrides: { a: Gr } }, children: _.body }) }) : /* @__PURE__ */ r.jsx(en, { options: { wrapper: t.type === "question" ? "h1" : C.Fragment, forceWrapper: t.type === "question", forceInline: t.type === "question", forceBlock: t.type !== "question" }, children: _.body }),
+            !_.isEditing && /* @__PURE__ */ r.jsxs("ul", { className: k("actions text-medium", t.type), "data-testid": `${t.type}-actions`, children: [
+              /* @__PURE__ */ r.jsx(
+                ks,
+                {
+                  element: "li",
+                  likes: z,
+                  isShort: !1,
+                  userLiked: N,
+                  content: { type: t.type, slugs: t.slugs },
+                  canLike: X,
+                  functions: {
+                    createLike: i,
+                    deleteLike: u
+                  }
+                }
+              ),
+              (["question", "post"].includes(t.type) || f.comments || typeof d == "function") && /* @__PURE__ */ r.jsxs("li", { className: "action-button", onClick: (L) => {
+                L.preventDefault(), L.stopPropagation(), f.comments && (window.location.href = f.comments), typeof d == "function" && d();
+              }, children: [
+                /* @__PURE__ */ r.jsx(
+                  q,
+                  {
+                    variant: "tertiary",
+                    size: "medium",
+                    styling: { muted: !0 },
+                    icon: { icon: "speech-bubble_square_thick" },
+                    href: f.comments ? f.comments : !1,
+                    onClick: f.comments || typeof d != "function" ? !1 : d,
+                    className: "gtm-trackable",
+                    "data-gtm-event-context": g,
+                    "data-gtm-event-type": `answer-${t.type}-click`,
+                    screenreaderText: v.formatMessage({ id: `${ue}comments_screenReader` }, { count: D })
+                  }
+                ),
+                /* @__PURE__ */ r.jsx("span", { children: v.formatMessage({ id: `${ue}comments` }, { count: D }) })
+              ] }),
+              (t.type === "answer" || t.type === "reply") && /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
+                q,
+                {
+                  variant: "tertiary",
+                  size: "medium",
+                  styling: { muted: !0 },
+                  onClick: K,
+                  children: v.formatMessage({ id: `${ue}reply` })
+                }
+              ) }),
+              /* @__PURE__ */ r.jsx(ds, { element: "li", id: `more-${t.slug}`, options: ie })
+            ] })
+          ]
+        }
+      ),
+      h,
+      /* @__PURE__ */ r.jsx(
+        Es,
+        {
+          id: `delete-${t.slug}-modal`,
+          isOpen: B,
+          functions: { onOpen: () => {
+          }, onClose: () => y(!1) },
+          forceShow: { error: U === "delete-error" ? v.formatMessage({ id: "discussion_delete_error" }, {
+            action: v.formatMessage({
+              id: `discussion_action_${t.type}`
+            })
+          }) : !1 },
+          title: v.formatMessage(
+            { id: "discussion_delete_title" },
+            { action: v.formatMessage({ id: `discussion_action_${t.type}` }) }
+          ),
+          buttons: [
+            { variant: "secondary", onClick: () => y(!1), children: v.formatMessage({ id: "discussion_delete_cancel" }) },
+            { variant: "primary", className: "destructive", onClick: se, children: v.formatMessage({ id: "discussion_delete_delete" }) }
+          ],
+          gtmContext: `${t.type.charAt(0).toUpperCase()}${t.type.slice(1)}:${t.slug}`,
+          children: /* @__PURE__ */ r.jsx(
+            fe,
+            {
+              id: "discussion_delete_text",
+              values: {
+                p: (L) => /* @__PURE__ */ r.jsx("p", { children: L }),
+                action: v.formatMessage({
+                  id: `discussion_action_${t.type}`
+                })
+              }
+            }
+          )
+        }
+      )
+    ] })
+  });
+};
+const vt = "discussion_responses_", bo = ({ type: e = "answer", responses: t = 0 }) => {
+  const n = A();
+  return /* @__PURE__ */ r.jsxs("div", { className: "responses-heading", children: [
+    /* @__PURE__ */ r.jsx("h3", { children: n.formatMessage({ id: `${vt}title` }, { action: n.formatMessage({ id: `${vt}${e}` }), count: t }) }),
+    t === 0 && /* @__PURE__ */ r.jsx("p", { children: le(n.formatMessage, `${vt}empty`, e, e) })
+  ] });
+};
+const vo = ({ isOpen: e = !1, count: t = 0, children: n }) => {
+  const s = A(), o = Z(null), [l, m] = F(e), [a, i] = F("closed");
+  V(() => {
+    const p = o.current;
+    if (p)
+      return p.addEventListener("transitionend", u), () => {
+        p.removeEventListener("transitionend", u);
+      };
+  }, []), ke(() => {
+    a === "closed" && !l || i(["opening", "open"].includes(a) ? "ready-to-close" : "opening");
+  }, [l]), V(() => {
+    a === "ready-to-close" && i("closing");
+  }, [a]);
+  const u = ({ propertyName: p }) => {
+    p === "max-height" && i((g) => g === "opening" ? "open" : g === "closing" ? "closed" : g);
+  }, d = ["opening", "open"].includes(a), f = pn(n, { element: "li" });
+  return /* @__PURE__ */ r.jsxs("div", { className: "thread-wrapper", children: [
+    /* @__PURE__ */ r.jsx(
+      q,
+      {
+        variant: "secondary",
+        size: "small",
+        styling: { muted: !0 },
+        icon: { icon: `arrow_corner-down_${d ? "left" : "right"}` },
+        onClick: () => {
+          m(!l);
+        },
+        children: s.formatMessage({ id: `discussion_thread_${d ? "hide" : "show"}` }, { count: t })
+      }
+    ),
+    /* @__PURE__ */ r.jsx("ul", { ref: o, className: k("thread", a), hidden: !l, children: f })
+  ] });
+}, $s = ({
+  user: e,
+  content: t,
+  verb: n = "post"
+}) => ({
+  actor: {
+    id: e.id,
+    data: {
+      name: e.name,
+      organization: e == null ? void 0 : e.organization,
+      jobTitle: e == null ? void 0 : e.jobTitle
+    }
+  },
+  content: t,
+  latest_reactions: {
+    like: []
+  },
+  reaction_counts: {
+    like: 0
+  },
+  verb: n
+}), Ts = ({
+  queryClient: e,
+  queryKey: t,
+  user: n,
+  mutationFn: s
+}) => ({ mutationFn: s, onMutate: async ({ content: a }) => {
+  if (!n)
+    return;
+  const i = $s({ user: n, content: a, verb: "post" });
+  await e.cancelQueries({ queryKey: t });
+  const u = e.getQueryData(t);
+  return e.setQueryData(t, (d) => [...d, i]), { previousActivities: u };
+}, onError: (a, i, u) => {
+  e.setQueryData(t, u.previousActivities);
+}, onSettled: () => {
+  e.invalidateQueries({ queryKey: t });
+} }), Ms = ({
+  queryClient: e,
+  queryKey: t,
+  mutationFn: n
+}) => ({ mutationFn: n, onMutate: async ({ activityId: a }) => {
+  await e.cancelQueries({ queryKey: t });
+  const i = e.getQueryData(t), u = i == null ? void 0 : i.map((d) => {
+    var f;
+    return (d == null ? void 0 : d.id) === a && ((f = d.reaction_counts) != null && f.like ? d.reaction_counts.like += 1 : d.reaction_counts.like = 1), d;
+  });
+  return e.setQueryData(t, () => u && [...u]), { previousActivities: u };
+}, onError: (a, i, u) => {
+  e.setQueryData(t, u.previousActivities);
+}, onSuccess: (a) => {
+  const i = e.getQueryData(t), u = i == null ? void 0 : i.map((d) => ((d == null ? void 0 : d.id) === (a == null ? void 0 : a.activity_id) && (d.latest_reactions.like ? d.latest_reactions.like.push(a) : d.latest_reactions.like = [a]), d));
+  return e.setQueryData(t, () => u && [...u]), { previousActivities: i };
+}, onSettled: (a, i, u) => {
+  e.invalidateQueries({
+    queryKey: [...t, u.activityId]
+  });
+} }), Cs = ({
+  queryClient: e,
+  queryKey: t,
+  user: n,
+  mutationFn: s
+}) => ({ mutationFn: s, onMutate: async ({ activityId: i }) => {
+  await e.cancelQueries({ queryKey: t });
+  const u = e.getQueryData(t), d = u == null ? void 0 : u.map((f) => {
+    var p;
+    return (f == null ? void 0 : f.id) === i && (p = f.reaction_counts) != null && p.like && (f.reaction_counts.like -= 1), f;
+  });
+  return e.setQueryData(t, () => d && [...d]), { previousActivities: d };
+}, onError: (i, u, d) => {
+  e.setQueryData(t, d.previousActivities);
+}, onSuccess: (i, { activityId: u }) => {
+  const d = e.getQueryData(t), f = d == null ? void 0 : d.map((p) => {
+    var g, h, v, j;
+    if (p.id === u) {
+      const E = (v = (h = (g = p.latest_reactions) == null ? void 0 : g.like) == null ? void 0 : h.find(
+        (_) => _.user_id === (n == null ? void 0 : n.id)
+      )) == null ? void 0 : v.id;
+      return p.latest_reactions.like = (j = p.latest_reactions.like) == null ? void 0 : j.filter(
+        (_) => _.id !== E
+      ), p;
+    } else
+      return p;
+  });
+  return e.setQueryData(t, () => f && [...f]), { previousActivities: d };
+}, onSettled: (i, u, d) => {
+  e.invalidateQueries({
+    queryKey: [...t, d.activityId]
+  });
+} }), yo = ({
+  basePath: e,
+  parentId: t,
+  isMember: n,
+  functions: { list: s, create: o, like: l, unlike: m, join: a, leave: i }
+}) => {
+  const u = A(), d = Ct(), f = ge(_e), {
+    data: p,
+    error: g,
+    isLoading: h,
+    isFetching: v
+  } = an({
+    queryKey: [e, t],
+    queryFn: s
+  }), j = Ts({
+    queryClient: d,
+    queryKey: [e, t],
+    user: f,
+    mutationFn: o
+  }), { mutate: E } = pe(j), _ = Ms({
+    queryClient: d,
+    queryKey: [e, t],
+    mutationFn: l
+  }), {
+    mutate: $
+  } = pe(_), B = Cs({
+    queryClient: d,
+    queryKey: [e, t],
+    user: f,
+    mutationFn: async ({ activityId: b }) => {
+      var O, z, N;
+      const M = p && (p == null ? void 0 : p.find(
+        (D) => D.id === b
+      )), Q = (N = (z = (O = M == null ? void 0 : M.latest_reactions) == null ? void 0 : O.like) == null ? void 0 : z.find(
+        (D) => D.user_id === (f == null ? void 0 : f.id)
+      )) == null ? void 0 : N.id;
+      await m({ reactionId: Q || "", activityId: b });
+    }
+  }), {
+    mutate: y
+  } = pe(B), U = be(
+    ({ activityId: b }) => $({ activityId: b }),
+    [$]
+  ), W = be(
+    ({ activityId: b }) => y({ activityId: b }),
+    [y]
+  );
+  return g ? /* @__PURE__ */ r.jsx(Ze, { variant: "error", text: g.message }) : h ? /* @__PURE__ */ r.jsx(me, { style: { height: "400px" } }) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsx(
+      Mn,
+      {
+        contentType: "post",
+        createPost: E,
+        membershipRequiredToPost: {
+          isMember: n,
+          required: !0,
+          join: a,
+          leave: i,
+          notMemberStateText: u.formatMessage({ id: "community_joinToPost" })
+        }
+      }
+    ),
+    !v && Array.isArray(p) && (p == null ? void 0 : p.map((b) => {
+      var M, Q, O, z, N, D, Y, X, re, K, se;
+      return /* @__PURE__ */ r.jsx(
+        Dt,
+        {
+          content: {
+            type: "post",
+            body: b == null ? void 0 : b.content,
+            createdAt: (b == null ? void 0 : b.time) || "",
+            slugs: { question: t },
+            slug: b == null ? void 0 : b.id,
+            author: {
+              id: (M = b == null ? void 0 : b.actor) == null ? void 0 : M.id,
+              name: (O = (Q = b == null ? void 0 : b.actor) == null ? void 0 : Q.data) == null ? void 0 : O.name,
+              organization: (N = (z = b == null ? void 0 : b.actor) == null ? void 0 : z.data) == null ? void 0 : N.organization,
+              jobTitle: (Y = (D = b == null ? void 0 : b.actor) == null ? void 0 : D.data) == null ? void 0 : Y.jobTitle,
+              image: {
+                thumbnail: ((re = (X = b == null ? void 0 : b.actor) == null ? void 0 : X.data) == null ? void 0 : re.thumbnail) || void 0
+              }
+            },
+            userLiked: ((K = b == null ? void 0 : b.own_reactions) == null ? void 0 : K.like) && ((se = b == null ? void 0 : b.own_reactions) == null ? void 0 : se.like.length) > 0,
+            likes: (b == null ? void 0 : b.reaction_counts.like) || 0,
+            comments: (b == null ? void 0 : b.reaction_counts.reply) || 0
+          },
+          links: {
+            post: `${e}/${t}/${b == null ? void 0 : b.id}`,
+            comments: `${e}/${t}/${b == null ? void 0 : b.id}`
+          },
+          functions: {
+            content: {
+              createContent: () => null,
+              deleteContent: () => null,
+              updateContent: () => null
+            },
+            likes: {
+              createLike: () => {
+                U({ activityId: b == null ? void 0 : b.id });
+              },
+              deleteLike: () => {
+                W({ activityId: b == null ? void 0 : b.id });
+              }
+            },
+            comments: {
+              openComments: () => null
+            }
+          }
+        },
+        b == null ? void 0 : b.id
+      );
+    }))
+  ] });
+}, Ps = ({
+  queryClient: e,
+  queryKey: t,
+  mutationFn: n
+}) => ({ mutationFn: n, onMutate: async () => {
+  await e.cancelQueries({ queryKey: t });
+}, onError: (a, i, u) => {
+  e.setQueryData(t, u.previousActivity);
+}, onSuccess: (a) => {
+  var u;
+  const i = e.getQueryData(t);
+  if (i)
+    return (u = i == null ? void 0 : i.latest_reactions) != null && u.reply ? (i.latest_reactions.reply.unshift(a), i && (i.reaction_counts = {
+      reply: i.latest_reactions.reply.length
+    })) : (i.latest_reactions = { reply: [a] }, i.reaction_counts = { reply: 1 }), e.setQueryData(t, () => ({
+      ...i
+    })), { previousActivity: i };
+}, onSettled: () => {
+  e.invalidateQueries({ queryKey: t });
+} }), As = ({
+  queryClient: e,
+  queryKey: t,
+  mutationFn: n
+}) => ({ mutationFn: n, onMutate: async ({ replyId: m }) => {
+  var u, d;
+  await e.cancelQueries({ queryKey: t });
+  const a = e.getQueryData(t), i = (d = (u = a == null ? void 0 : a.latest_reactions) == null ? void 0 : u.reply) == null ? void 0 : d.map((f) => {
+    var p;
+    return f.id === m && ((p = f.children_counts) != null && p.like ? f.children_counts.like += 1 : f.children_counts = { like: 1 }), f;
+  });
+  return e.setQueryData(t, () => ({
+    ...a,
+    latest_reactions: { reply: i }
+  })), { previousActivity: a };
+}, onError: (m, a, i) => {
+  e.setQueryData(t, i.previousActivity);
+}, onSuccess: (m) => {
+  var u;
+  const a = e.getQueryData(t), i = (u = a == null ? void 0 : a.latest_reactions.reply) == null ? void 0 : u.map((d) => (d.id === m.id && (d.latest_children.like ? d.latest_children.like.push(m) : d.latest_children.like = [m]), d));
+  return e.setQueryData(t, () => ({
+    ...a,
+    latest_reactions: { reply: i }
+  })), { previousActivity: a };
+} }), Ns = ({
+  queryClient: e,
+  queryKey: t,
+  user: n,
+  mutationFn: s
+}) => ({ mutationFn: s, onMutate: async ({ replyId: a }) => {
+  var d;
+  await e.cancelQueries({ queryKey: t });
+  const i = e.getQueryData(t);
+  if (!i)
+    return;
+  const u = (d = i.latest_reactions.reply) == null ? void 0 : d.map((f) => (f.id === a && f.children_counts.like && (f.children_counts.like -= 1), f));
+  return e.setQueryData(t, () => ({
+    ...i,
+    latest_reactions: { reply: u }
+  })), { previousActivity: i };
+}, onError: (a, i, u) => {
+  e.setQueryData(t, u.previousActivity);
+}, onSuccess: (a, { replyId: i }) => {
+  var f;
+  const u = e.getQueryData(t);
+  if (!u)
+    return;
+  const d = (f = u.latest_reactions.reply) == null ? void 0 : f.map((p) => {
+    var g;
+    return p.id === i ? (g = p.latest_children.reply) == null ? void 0 : g.filter(
+      (v) => v.user_id !== (n == null ? void 0 : n.id)
+    ) : p;
+  });
+  return e.setQueryData(t, () => ({
+    ...u,
+    latest_reactions: { reply: d }
+  })), { previousActivity: u };
+} }), Ds = ({
+  basePath: e,
+  parentId: t,
+  activityId: n,
+  repliesList: s,
+  isMember: o,
+  functions: { createReply: l, like: m, unlike: a, join: i, leave: u }
+}) => {
+  const d = A(), f = Ct(), p = ge(_e), g = Ps({
+    queryClient: f,
+    queryKey: [e, t, n],
+    mutationFn: l
+  }), { mutate: h } = pe(g), v = As({
+    queryClient: f,
+    queryKey: [e, t, n],
+    mutationFn: m
+  }), {
+    mutate: j
+  } = pe(v), E = Ns({
+    queryClient: f,
+    queryKey: [e, t, n],
+    user: p,
+    mutationFn: a
+  }), {
+    mutate: _
+  } = pe(E), $ = be(
+    ({ replyId: y }) => j({ replyId: y }),
+    [j]
+  ), B = be(
+    ({ replyId: y }) => _({ replyId: y }),
+    [_]
+  );
+  return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsx(
+      Mn,
+      {
+        contentType: "post",
+        createPost: h,
+        membershipRequiredToPost: {
+          isMember: o,
+          required: !0,
+          join: i,
+          leave: u,
+          notMemberStateText: d.formatMessage({ id: "community_joinToPost" })
+        }
+      }
+    ),
+    (s == null ? void 0 : s.length) === 0 || (s == null ? void 0 : s.map((y) => {
+      var W, b, M, Q, O, z, N, D, Y, X, re, K, se, ie, L, oe;
+      const U = ((W = y == null ? void 0 : y.latest_children) == null ? void 0 : W.like) && ((b = y == null ? void 0 : y.latest_children) == null ? void 0 : b.like.filter(
+        (xe) => xe.user_id === (p == null ? void 0 : p.id)
+      ));
+      return /* @__PURE__ */ r.jsx(
+        Dt,
+        {
+          content: {
+            type: "post",
+            body: typeof y.data.content == "string" ? (M = y == null ? void 0 : y.data) == null ? void 0 : M.content : ((O = (Q = y == null ? void 0 : y.data) == null ? void 0 : Q.content) == null ? void 0 : O.text) || "",
+            createdAt: y == null ? void 0 : y.created_at,
+            slugs: {
+              question: `${e}/${t}/${n}`,
+              reply: y == null ? void 0 : y.id
+            },
+            slug: `${e}/${t}/${n}#${y == null ? void 0 : y.id}`,
+            author: {
+              id: (z = y == null ? void 0 : y.user) == null ? void 0 : z.id,
+              name: (D = (N = y == null ? void 0 : y.user) == null ? void 0 : N.data) == null ? void 0 : D.name,
+              organization: (X = (Y = y == null ? void 0 : y.user) == null ? void 0 : Y.data) == null ? void 0 : X.organization,
+              jobTitle: (K = (re = y == null ? void 0 : y.user) == null ? void 0 : re.data) == null ? void 0 : K.jobTitle,
+              image: {
+                thumbnail: ((ie = (se = y == null ? void 0 : y.user) == null ? void 0 : se.data) == null ? void 0 : ie.thumbnail) || void 0
+              }
+            },
+            userLiked: !!(U != null && U.length),
+            likes: ((L = y == null ? void 0 : y.children_counts) == null ? void 0 : L.like) || 0,
+            comments: ((oe = y == null ? void 0 : y.children_counts) == null ? void 0 : oe.reply) || 0
+          },
+          functions: {
+            content: {
+              createContent: () => console.log("create"),
+              deleteContent: () => console.log("delete"),
+              updateContent: () => console.log("update")
+            },
+            likes: {
+              createLike: () => $({ replyId: y == null ? void 0 : y.id }),
+              deleteLike: () => B({ replyId: y == null ? void 0 : y.id })
+            },
+            comments: {
+              openComments: () => {
+              }
+            }
+          }
+        },
+        y == null ? void 0 : y.id
+      );
+    }))
+  ] });
+}, Rs = ({
+  queryClient: e,
+  queryKey: t,
+  mutationFn: n
+}) => ({ mutationFn: n, onMutate: async () => {
+  var i;
+  await e.cancelQueries({ queryKey: t });
+  const a = e.getQueryData(t);
+  return (i = a == null ? void 0 : a.reaction_counts) != null && i.like ? a.reaction_counts.like += 1 : a && (a.reaction_counts = { like: 1 }), e.setQueryData(t, () => ({
+    ...a
+  })), { previousActivity: a };
+}, onError: (a, i, u) => {
+  e.setQueryData(t, u.previousActivity);
+}, onSuccess: (a) => {
+  const i = e.getQueryData(t);
+  return i != null && i.latest_reactions.like ? i.latest_reactions.like.push(a) : i && (i.latest_reactions = { like: [a] }), e.setQueryData(t, () => ({
+    ...i
+  })), { previousActivity: i };
+}, onSettled: () => {
+  e.invalidateQueries({ queryKey: t });
+} }), Fs = ({
+  queryClient: e,
+  queryKey: t,
+  user: n,
+  activity: s,
+  mutationFn: o
+}) => ({ mutationFn: o, onMutate: async () => {
+  var d;
+  await e.cancelQueries({ queryKey: t });
+  const u = e.getQueryData(t);
+  return (d = u == null ? void 0 : u.reaction_counts) != null && d.like && u.reaction_counts.like > 0 && (u.reaction_counts.like -= 1), e.setQueryData(t, () => ({
+    ...u
+  })), { previousActivity: u };
+}, onError: (u, d, f) => {
+  e.setQueryData(t, f.previousActivity);
+}, onSuccess: () => {
+  var f, p, g;
+  if (!s)
+    return;
+  const u = (g = (p = (f = s.latest_reactions) == null ? void 0 : f.like) == null ? void 0 : p.find(
+    (h) => h.user_id === (n == null ? void 0 : n.id)
+  )) == null ? void 0 : g.id, d = e.getQueryData(t);
+  if (d != null && d.latest_reactions.like)
+    return d.latest_reactions.like = d.latest_reactions.like.filter(
+      (h) => h.id !== u
+    ), e.setQueryData(t, () => ({
+      ...d
+    })), { previousActivity: d };
+}, onSettled: () => {
+  e.invalidateQueries({ queryKey: t });
+} }), wo = ({
+  basePath: e,
+  parentId: t,
+  activityId: n,
+  isMember: s,
+  functions: {
+    get: o,
+    likeActivity: l,
+    unlikeActivity: m,
+    createReply: a,
+    likeReply: i,
+    unlikeReply: u,
+    join: d,
+    leave: f
+  }
+}) => {
+  var b, M, Q, O, z, N, D, Y, X, re;
+  const p = ge(_e), g = Ct(), {
+    data: h,
+    error: v,
+    isLoading: j,
+    isFetching: E
+  } = an({
+    queryKey: [e, t, n],
+    queryFn: o
+  }), _ = Rs({
+    queryClient: g,
+    queryKey: [e, t, n],
+    mutationFn: l
+  }), {
+    mutate: $
+  } = pe(_), B = Fs({
+    queryClient: g,
+    queryKey: [e, t, n],
+    user: p,
+    mutationFn: async () => {
+      var se, ie, L;
+      const K = (L = (ie = (se = h == null ? void 0 : h.latest_reactions) == null ? void 0 : se.like) == null ? void 0 : ie.find(
+        (oe) => oe.user_id === (p == null ? void 0 : p.id)
+      )) == null ? void 0 : L.id;
+      await m({ activityId: n, reactionId: K });
+    },
+    activity: h
+  }), {
+    mutate: y
+  } = pe(B), U = be(
+    ({ activityId: K }) => $({ activityId: K }),
+    [$]
+  ), W = be(
+    async ({ activityId: K }) => y({ activityId: K }),
+    [y]
+  );
+  return v ? /* @__PURE__ */ r.jsx(Ze, { variant: "error", text: v.message }) : j || E ? /* @__PURE__ */ r.jsx(me, { style: { height: "400px" } }) : /* @__PURE__ */ r.jsx(
+    Dt,
+    {
+      content: {
+        type: "post",
+        body: h == null ? void 0 : h.content,
+        createdAt: (h == null ? void 0 : h.time) || "",
+        slugs: { question: `${t}/${n}` },
+        slug: n,
+        author: {
+          id: (b = h == null ? void 0 : h.actor) == null ? void 0 : b.id,
+          name: (M = h == null ? void 0 : h.actor) == null ? void 0 : M.data.name,
+          organization: (Q = h == null ? void 0 : h.actor) == null ? void 0 : Q.data.organization,
+          jobTitle: (O = h == null ? void 0 : h.actor) == null ? void 0 : O.data.jobTitle,
+          image: {
+            thumbnail: ((z = h == null ? void 0 : h.actor) == null ? void 0 : z.data.thumbnail) || void 0
+          }
+        },
+        userLiked: ((N = h == null ? void 0 : h.own_reactions) == null ? void 0 : N.like) && ((D = h == null ? void 0 : h.own_reactions) == null ? void 0 : D.like.length) > 0,
+        likes: h && (h == null ? void 0 : h.reaction_counts.like),
+        comments: h && (h == null ? void 0 : h.reaction_counts.reply)
+      },
+      originalAuthorId: (Y = h == null ? void 0 : h.actor) == null ? void 0 : Y.id,
+      functions: {
+        content: {
+          createContent: () => console.log("create"),
+          deleteContent: () => console.log("delete"),
+          updateContent: () => console.log("update")
+        },
+        likes: {
+          createLike: () => U({ activityId: n }),
+          deleteLike: () => W({ activityId: n })
+        },
+        comments: {
+          openComments: () => {
+          }
+        }
+      },
+      children: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+        /* @__PURE__ */ r.jsxs("h3", { children: [
+          "Comments (",
+          ((X = h == null ? void 0 : h.reaction_counts) == null ? void 0 : X.reply) || 0,
+          ")"
+        ] }),
+        /* @__PURE__ */ r.jsx(
+          Ds,
+          {
+            basePath: e,
+            parentId: t,
+            activityId: n,
+            repliesList: (re = h == null ? void 0 : h.latest_reactions) == null ? void 0 : re.reply,
+            isMember: s,
+            functions: {
+              createReply: a,
+              like: i,
+              unlike: u,
+              join: d,
+              leave: f
+            }
+          }
+        )
+      ] })
+    },
+    n
+  );
+}, ko = ({ id: e, data: { jobTitle: t, name: n, organization: s, thumbnail: o } }) => ({
+  id: e,
+  name: n,
+  jobTitle: t,
+  organization: s,
+  image: { thumbnail: o }
+});
 export {
-  r as ASSETS_BUCKET,
-  t as ActivitiesFeed,
-  i as ActivitySection,
-  n as AddPost,
-  d as BannerSection,
-  l as Breadcrumbs,
-  u as Button,
-  c as ButtonWrapper,
-  S as CacheProvider,
-  g as CollapsibleSection,
-  m as Columns,
-  B as CommunityDetails,
-  p as Contributors,
-  P as ConversationContext,
-  x as CookieBanner,
-  L as DiscussionConversation,
-  h as DiscussionForm,
-  v as DiscussionLikes,
-  C as DiscussionPost,
-  M as DiscussionThread,
-  T as Divider,
-  D as DownloadSection,
-  F as EMAILS,
-  H as EmailHelperTextBox,
-  R as EmptyStateBox,
-  E as Filters,
-  b as FlagsProvider,
-  A as Footer,
-  k as FullWidthSection,
-  y as GlobalProviders,
-  U as Header,
-  f as HelperTextBox,
-  w as HiddenFromScreenReaders,
-  W as HideShowTextBox,
-  G as HighlightedTextBox,
-  I as IntlProvider,
-  O as JoinButton,
-  _ as LanguageSwitcher,
-  J as Link,
-  K as LoadMore,
-  N as LoadingBlock,
-  V as LoadingPlaceholder,
-  Q as LoadingState,
-  X as Logo,
-  Y as LogoSection,
-  Z as MarkdownText,
-  j as MarketingBox,
-  q as Member,
-  z as MembersList,
-  $ as Modal,
-  aa as MoreMenu,
-  sa as NUMBER_OF_USERS,
-  ea as Overlay,
-  oa as PageLayout,
-  ra as PasswordRules,
-  ta as Pill,
-  ia as ProfilePicture,
-  na as ProgressBar,
-  da as Rating,
-  la as RepliesFeed,
-  ua as ResponsesHeading,
-  ca as ResponsiveImage,
-  Sa as SearchForm,
-  ga as Span,
-  ma as StatusBanner,
-  Ba as Tags,
-  pa as Tooltip,
-  Pa as UserContext,
-  xa as UserProvider,
-  La as VisuallyHidden,
-  ha as addAriaProps,
-  va as getMember,
-  Ca as headerData,
-  Ma as mapGetStreamData,
-  Ta as useCurrentPath,
-  Da as useEffectAfterMount,
-  Fa as useScreenWidth,
-  Ha as useScrollListener,
-  Ra as useScrollToHash
+  jt as ASSETS_BUCKET,
+  yo as ActivitiesFeed,
+  wo as ActivitySection,
+  Mn as AddPost,
+  eo as BannerSection,
+  io as Breadcrumbs,
+  q as Button,
+  qe as ButtonWrapper,
+  rs as CacheProvider,
+  gn as CollapsibleSection,
+  uo as Columns,
+  ao as CommunityDetails,
+  ns as Contributors,
+  Cn as ConversationContext,
+  fs as CookieBanner,
+  xo as DiscussionConversation,
+  Tn as DiscussionForm,
+  ks as DiscussionLikes,
+  Dt as DiscussionPost,
+  vo as DiscussionThread,
+  kt as Divider,
+  Zs as DownloadSection,
+  Me as EMAILS,
+  mo as EmailHelperTextBox,
+  Ze as EmptyStateBox,
+  lo as Filters,
+  as as FlagsProvider,
+  kn as Footer,
+  hn as FullWidthSection,
+  oo as GlobalProviders,
+  $n as Header,
+  Ir as HelperTextBox,
+  un as HiddenFromScreenReaders,
+  ro as HideShowTextBox,
+  he as HighlightedTextBox,
+  is as IntlProvider,
+  yn as JoinButton,
+  co as LanguageSwitcher,
+  Xe as Link,
+  us as LoadMore,
+  so as LoadingBlock,
+  me as LoadingPlaceholder,
+  Kr as LoadingState,
+  wn as Logo,
+  Ks as LogoSection,
+  en as MarkdownText,
+  to as MarketingBox,
+  Nt as Member,
+  _o as MembersList,
+  js as Modal,
+  ds as MoreMenu,
+  no as NUMBER_OF_USERS,
+  Es as Overlay,
+  ho as PageLayout,
+  fo as PasswordRules,
+  Jr as Pill,
+  At as ProfilePicture,
+  Xr as ProgressBar,
+  po as Rating,
+  Ds as RepliesFeed,
+  bo as ResponsesHeading,
+  Fr as ResponsiveImage,
+  gs as SearchForm,
+  Gr as Span,
+  St as StatusBanner,
+  go as Tags,
+  Or as Tooltip,
+  _e as UserContext,
+  ls as UserProvider,
+  ee as VisuallyHidden,
+  Ss as addAriaProps,
+  vn as getMember,
+  ze as headerData,
+  ko as mapGetStreamData,
+  yr as useCurrentPath,
+  ke as useEffectAfterMount,
+  Je as useScreenWidth,
+  kr as useScrollListener,
+  Xs as useScrollToHash
 };