@apolitical/component-library 1.17.0 → 1.17.1-beta.0

package/index.mjs

@@ -1,4 +1,4 @@
-import P, { memo as We, useState as A, useEffect as Y, useRef as ae, useMemo as bt, Children as Vt, createContext as Kt, useContext as we, Fragment as Yt, useCallback as Ae, useReducer as vs, Suspense as ws } from "react";
+import P, { memo as We, useState as A, useEffect as Y, useRef as ae, useMemo as bt, Children as Yt, createContext as en, useContext as we, Fragment as Gt, useCallback as Ae, useReducer as vs, Suspense as ws } from "react";
 import ks from "lodash.clonedeep";
 import js from "lodash.set";
 import { useIntl as C, IntlProvider as ys, createIntl as Es, FormattedMessage as De } from "react-intl";
@@ -54,7 +54,7 @@ var Dn = { exports: {} };
 })(Dn);
 var Is = Dn.exports;
 const E = /* @__PURE__ */ Ls(Is), Os = ({ element: e = "span", showOnFocus: t = !0, children: n, ...r }) => P.createElement(e, { ...r, className: E("hidden", { "show-on-focus": t }), children: n }), me = We(Os), Bs = ({ element: e = "span", children: t = null, ...n }) => P.createElement(e, { ...n, "aria-hidden": !0 }, t), Rn = We(Bs);
-var Gt = { exports: {} }, Ye = {};
+var Jt = { exports: {} }, Ye = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -428,8 +428,8 @@ function Qs() {
       ref: !0,
       __self: !0,
       __source: !0
-    }, on, cn, Tt;
-    Tt = {};
+    }, on, cn, Mt;
+    Mt = {};
     function as(f) {
       if (ve.call(f, "ref")) {
         var j = Object.getOwnPropertyDescriptor(f, "ref").get;
@@ -449,7 +449,7 @@ function Qs() {
     function is(f, j) {
       if (typeof f.ref == "string" && Ve.current && j && Ve.current.stateNode !== j) {
         var S = k(Ve.current.type);
-        Tt[S] || (x('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', k(Ve.current.type), f.ref), Tt[S] = !0);
+        Mt[S] || (x('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', k(Ve.current.type), f.ref), Mt[S] = !0);
       }
     }
     function cs(f, j) {
@@ -521,7 +521,7 @@ function Qs() {
         return ds(f, R, pe, H, T, Ve.current, O);
       }
     }
-    var Mt = y.ReactCurrentOwner, ln = y.ReactDebugCurrentFrame;
+    var Nt = y.ReactCurrentOwner, ln = y.ReactDebugCurrentFrame;
     function Ie(f) {
       if (f) {
         var j = f._owner, S = ie(f.type, f._source, j ? j.type : null);
@@ -529,15 +529,15 @@ function Qs() {
       } else
         ln.setExtraStackFrame(null);
     }
-    var Nt;
-    Nt = !1;
-    function Ct(f) {
+    var Ct;
+    Ct = !1;
+    function Pt(f) {
       return typeof f == "object" && f !== null && f.$$typeof === t;
     }
     function dn() {
       {
-        if (Mt.current) {
-          var f = k(Mt.current.type);
+        if (Nt.current) {
+          var f = k(Nt.current.type);
           if (f)
             return `
 
@@ -580,7 +580,7 @@ Check the top-level render call using <` + S + ">.");
           return;
         un[S] = !0;
         var T = "";
-        f && f._owner && f._owner !== Mt.current && (T = " It was passed a child from " + k(f._owner.type) + "."), Ie(f), x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', S, T), Ie(null);
+        f && f._owner && f._owner !== Nt.current && (T = " It was passed a child from " + k(f._owner.type) + "."), Ie(f), x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', S, T), Ie(null);
       }
     }
     function fn(f, j) {
@@ -590,15 +590,15 @@ Check the top-level render call using <` + S + ">.");
         if (Ee(f))
           for (var S = 0; S < f.length; S++) {
             var T = f[S];
-            Ct(T) && mn(T, j);
+            Pt(T) && mn(T, j);
           }
-        else if (Ct(f))
+        else if (Pt(f))
           f._store && (f._store.validated = !0);
         else if (f) {
           var H = w(f);
           if (typeof H == "function" && H !== f.entries)
             for (var W = H.call(f), O; !(O = W.next()).done; )
-              Ct(O.value) && mn(O.value, j);
+              Pt(O.value) && mn(O.value, j);
         }
       }
     }
@@ -619,8 +619,8 @@ Check the top-level render call using <` + S + ">.");
         if (S) {
           var T = k(j);
           et(S, f.props, "prop", T, f);
-        } else if (j.PropTypes !== void 0 && !Nt) {
-          Nt = !0;
+        } else if (j.PropTypes !== void 0 && !Ct) {
+          Ct = !0;
           var H = k(j);
           x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", H || "Unknown");
         }
@@ -679,8 +679,8 @@ Check the top-level render call using <` + S + ">.");
     Ge.Fragment = r, Ge.jsx = xs, Ge.jsxs = bs;
   }()), Ge;
 }
-process.env.NODE_ENV === "production" ? Gt.exports = Hs() : Gt.exports = Qs();
-var s = Gt.exports;
+process.env.NODE_ENV === "production" ? Jt.exports = Hs() : Jt.exports = Qs();
+var s = Jt.exports;
 const Us = () => {
   const [e, t] = A(window.location.pathname), n = () => {
     const r = window.location.pathname;
@@ -755,14 +755,14 @@ function An(e, t, n) {
   var r = n === void 0 ? {} : n, o = r.leading, i = r.trailing;
   return Ws(e, t, { maxWait: t, leading: o === void 0 || o, trailing: i === void 0 || i });
 }
-let Pt;
+let Dt;
 const kt = (e = !0, t = !1, n = "window") => {
   if (!e)
     return;
   const [r, o] = P.useState(0) || [!1, () => {
   }];
   Y(() => (a(), window.addEventListener("resize", u), () => {
-    clearTimeout(Pt), u.flush(), window.removeEventListener("resize", u);
+    clearTimeout(Dt), u.flush(), window.removeEventListener("resize", u);
   }), n === "window" ? [] : [n]);
   const l = () => {
     if (n)
@@ -771,7 +771,7 @@ const kt = (e = !0, t = !1, n = "window") => {
     o(l());
   }, u = An(
     () => {
-      l() !== r && (t && (clearTimeout(Pt), document.body.classList.add("is-resizing"), Pt = setTimeout(() => {
+      l() !== r && (t && (clearTimeout(Dt), document.body.classList.add("is-resizing"), Dt = setTimeout(() => {
         document.body.classList.remove("is-resizing");
       }, 550)), a());
     },
@@ -839,7 +839,7 @@ const kt = (e = !0, t = !1, n = "window") => {
   day: "numeric",
   month: "short",
   year: "numeric"
-}), Jt = (e) => {
+}), qt = (e) => {
   let i;
   const l = xn(), a = xn(new Date(e));
   try {
@@ -857,7 +857,7 @@ const kt = (e = !0, t = !1, n = "window") => {
 }, xn = (e) => {
   const n = (e || /* @__PURE__ */ new Date()).toUTCString();
   return new Date(n);
-}, en = {
+}, tn = {
   apolitical: "Apolitical",
   breadcrumbs_label: "Go back to:",
   breadcrumbs_currentPage: "Current page:",
@@ -1195,11 +1195,11 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   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>"
 }, Zs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  en,
+  en: tn,
   es: Js,
   fr: qs,
   pt: Xs
-}, Symbol.toStringTag, { value: "Module" })), On = (e) => e in en, $e = (e, t, n, r, o = {}) => {
+}, Symbol.toStringTag, { value: "Module" })), On = (e) => e in tn, $e = (e, t, n, r, o = {}) => {
   let i = "";
   return On(`${t}_${n}`) ? i = e({ id: `${t}_${n}` }, o) : i = e({ id: t }, { [r]: n, ...o }), i;
 }, Ks = (e, t, n) => {
@@ -1410,7 +1410,7 @@ const Ue = ({ className: e = "", maxWidth: t = !1 }) => {
 }, ar = ({ format: e, height: t, query: n, width: r }) => {
   let o = `w=${r}&h=${t}`;
   return o = e ? `${o}&fm=${e}` : o, o = n ? `${o}&${n}` : o, o;
-}, Dt = ({ format: e, range: t, url: n, query: r }) => t.map(({ height: o, width: i }) => `${n}?${ar({
+}, Rt = ({ format: e, range: t, url: n, query: r }) => t.map(({ height: o, width: i }) => `${n}?${ar({
   format: e,
   height: o,
   query: r,
@@ -1427,7 +1427,7 @@ const Bn = ({ image: e, className: t, testId: n }) => {
     loading: c,
     decoding: m,
     fetchPriority: d
-  } = e, { range: p, sizes: h } = rr(e), g = Dt({ format: "avif", query: l, range: p, url: a }), v = Dt({ format: "webp", query: l, range: p, url: a }), w = Dt({ format: "", query: l, range: p, url: a });
+  } = e, { range: p, sizes: h } = rr(e), g = Rt({ format: "avif", query: l, range: p, url: a }), v = Rt({ format: "webp", query: l, range: p, url: a }), w = Rt({ format: "", query: l, range: p, url: a });
   return /* @__PURE__ */ s.jsxs("picture", { className: t, children: [
     i !== "image/gif" && /* @__PURE__ */ s.jsx(
       "source",
@@ -1485,7 +1485,7 @@ const or = ({ isOpen: e = !1, isLoading: t = !1, children: n }) => {
     }, 300);
   }, [e]), /* @__PURE__ */ s.jsx("aside", { ref: o, className: E("tooltip text-medium", i, { loading: t }), hidden: i === "hidden", children: t ? /* @__PURE__ */ s.jsx("p", { children: r.formatMessage({ id: "tooltip_loading" }) }) : typeof n == "string" ? /* @__PURE__ */ s.jsx("p", { children: n }) : n });
 };
-const tn = ({ children: e, className: t = "", ...n }) => /* @__PURE__ */ s.jsx("section", { className: E("full-width-section", t), ...n, children: e });
+const Et = ({ children: e, className: t = "", ...n }) => /* @__PURE__ */ s.jsx("section", { className: E("full-width-section", t), ...n, children: e });
 const eo = ({ text: e, buttons: t, className: n = "" }) => {
   const r = [];
   return t.forEach((o) => {
@@ -1499,7 +1499,7 @@ const eo = ({ text: e, buttons: t, className: n = "" }) => {
       target: "_blank",
       children: o.text
     });
-  }), /* @__PURE__ */ s.jsx(tn, { className: E("download-section", n), children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+  }), /* @__PURE__ */ s.jsx(Et, { className: E("download-section", n), children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     P.createElement(typeof e == "string" ? "h2" : e.element, { className: "text" }, typeof e == "string" ? e : e.text),
     /* @__PURE__ */ s.jsx(jt, { buttons: r })
   ] }) });
@@ -1605,7 +1605,7 @@ const ir = [
     const p = document.getElementById(l.link.substring(1));
     p && p.scrollIntoView({ behavior: "smooth" });
   }), /* @__PURE__ */ s.jsx(
-    tn,
+    Et,
     {
       className: E("banner-section", r, o, e, {
         "has-image": n,
@@ -1667,7 +1667,7 @@ const Hn = ({ label: e = !1, className: t = "", children: n }) => {
   ] });
 };
 const Re = ({ variant: e = "primary", className: t = "", children: n, ...r }) => /* @__PURE__ */ s.jsx("div", { className: E("highlighted-text-box", e, t), ...r, children: n });
-const Et = ({
+const St = ({
   variant: e = "empty",
   text: t = !1,
   button: n = !1,
@@ -1704,9 +1704,9 @@ const Et = ({
     }
   );
 };
-const qt = ({ children: e, ...t }) => /* @__PURE__ */ s.jsx("p", { ...t, children: e }), Qn = { q: qt, blockquote: qt };
+const Xt = ({ children: e, ...t }) => /* @__PURE__ */ s.jsx("p", { ...t, children: e }), Qn = { q: Xt, blockquote: Xt };
 for (let e = 1; e <= 6; e++)
-  Qn[`h${e}`] = { component: qt, props: { className: "title" } };
+  Qn[`h${e}`] = { component: Xt, props: { className: "title" } };
 const lr = ({ type: e = "default", className: t = "", heading: n = !1, children: r }) => /* @__PURE__ */ s.jsxs("div", { className: E("helper-text-box text-small", e, t), children: [
   n && /* @__PURE__ */ s.jsx("p", { className: "title", children: n }),
   typeof r == "string" ? /* @__PURE__ */ s.jsx(
@@ -1770,11 +1770,11 @@ const ao = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
     return null;
   let n = t.formatMessage({ id: "markdown_collapsibleSection_summary" });
   const r = [];
-  for (const i of Vt.toArray(e))
+  for (const i of Yt.toArray(e))
     if (!(!i || typeof i == "string" || typeof i == "number"))
       if (P.isValidElement(i) && i.type === "summary") {
         if (i.props && i.props.children) {
-          for (const l of Vt.toArray(i.props.children))
+          for (const l of Yt.toArray(i.props.children))
             if (!(!l || typeof l == "string" || typeof l == "number") && P.isValidElement(l)) {
               const a = l.type;
               if (mr.includes(a)) {
@@ -1825,7 +1825,7 @@ const ao = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
   let n = { ...t };
   t.href && (t.href.includes("http:") || t.href.includes("https:")) && !t.target && (n.target = "_blank");
   let r = e, o = !1;
-  for (const i of Vt.toArray(e))
+  for (const i of Yt.toArray(e))
     if (!(!i || typeof i == "string" || typeof i == "number") && P.isValidElement(i)) {
       const l = i.type;
       if (["button", "center", "span", "strong"].includes(l) && i.props && i.props.children && i.props.children[0])
@@ -1886,17 +1886,17 @@ const ft = ({
   children: r,
   ...o
 }) => /* @__PURE__ */ s.jsx("span", { className: E("pill", e, t, n), ...o, children: r });
-const Xt = ({ element: e = "p", children: t = null, className: n = "", ...r }) => P.createElement(e, { ...r, className: E("status-banner text-small", n), "aria-live": "assertive" }, t);
+const Zt = ({ element: e = "p", children: t = null, className: n = "", ...r }) => P.createElement(e, { ...r, className: E("status-banner text-small", n), "aria-live": "assertive" }, t);
 const br = ({ progress: e = 0, text: t = !1, className: n = "" }) => {
   const r = C(), o = e > 75 ? 100 : e > 50 ? 75 : e > 25 ? 50 : e > 5 ? 25 : 0, i = { "--progress": `${e}%` };
   return /* @__PURE__ */ s.jsx("span", { className: E(`progress-bar section-${o}`, n), style: i, children: /* @__PURE__ */ s.jsx(me, { children: t ? `${e} ${t}` : r.formatMessage({ id: "progressBar" }, { number: e }) }) });
 }, vr = We(br);
-const Rt = "loadingBlock_", wr = ({ progress: e = 0, steps: t = !1, className: n = "" }) => {
+const At = "loadingBlock_", wr = ({ progress: e = 0, steps: t = !1, className: n = "" }) => {
   const r = C();
   t || (t = {
-    0: { text: r.formatMessage({ id: `${Rt}loading` }) },
-    75: { text: r.formatMessage({ id: `${Rt}almostDone` }) },
-    100: { text: r.formatMessage({ id: `${Rt}complete` }) }
+    0: { text: r.formatMessage({ id: `${At}loading` }) },
+    75: { text: r.formatMessage({ id: `${At}almostDone` }) },
+    100: { text: r.formatMessage({ id: `${At}complete` }) }
   });
   let o = null;
   const i = Object.keys(t);
@@ -1917,7 +1917,7 @@ const Rt = "loadingBlock_", wr = ({ progress: e = 0, steps: t = !1, className: n
   );
 }, oo = We(wr);
 const Te = ({ element: e = "div", className: t = "", ...n }) => /* @__PURE__ */ s.jsx(Rn, { element: e, className: E("loading-placeholder", t), ...n });
-const Zt = {
+const Kt = {
   header: ["logo", "link", "link", "search"],
   sidebar: ["text", "text", "text", "text", "text"],
   "cards-section": ["subtitle", "cards"],
@@ -1934,7 +1934,7 @@ const Zt = {
     "cards-section",
     "footer"
   ]
-}, Un = (e, t) => e in Zt ? /* @__PURE__ */ s.jsx("div", { className: e, children: Zt[e].map((n, r) => Un(n, r)) }, t) : /* @__PURE__ */ s.jsx(Te, { className: e }, t), io = ({ layout: e = "overview-page", ...t }) => /* @__PURE__ */ s.jsx("div", { className: E("loading-state", e), ...t, children: Zt[e].map((n, r) => Un(n, r)) }), Wn = (e) => {
+}, Un = (e, t) => e in Kt ? /* @__PURE__ */ s.jsx("div", { className: e, children: Kt[e].map((n, r) => Un(n, r)) }, t) : /* @__PURE__ */ s.jsx(Te, { className: e }, t), io = ({ layout: e = "overview-page", ...t }) => /* @__PURE__ */ s.jsx("div", { className: E("loading-state", e), ...t, children: Kt[e].map((n, r) => Un(n, r)) }), Wn = (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) : "";
 }, st = ["#5AB6A3", "#A2D7AF", "#806056", "#3962B3"], kr = (e) => {
@@ -2020,7 +2020,7 @@ const nn = ({
 }) => {
   const l = C(), a = zn(t);
   a.name || (a.name = l.formatMessage({ id: `member_${typeof t == "string" ? t : "community"}` }));
-  const { name: u, url: c, image: m } = a, d = jr(a), p = n && n.createdAt ? Jt(n.createdAt) : !1, h = n && n.createdAt ? In(n.createdAt) : "";
+  const { name: u, url: c, image: m } = a, d = jr(a), p = n && n.createdAt ? qt(n.createdAt) : !1, h = n && n.createdAt ? In(n.createdAt) : "";
   return P.createElement(e, {
     className: E("member text-medium", i),
     children: /* @__PURE__ */ s.jsxs(
@@ -2118,7 +2118,7 @@ const jn = {
     e && /* @__PURE__ */ s.jsx(Ns, { initialIsOpen: !1 })
   ] });
 };
-var Er = Kt({ client: dt });
+var Er = en({ client: dt });
 function Sr(e) {
   var t = e.children, n = e.client, r = e.apiKey, o = e.options, i = bt(function() {
     return n && r && 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 || (r && (dt.__loaded && console.warn("[PostHog.js] was already loaded elsewhere. This may cause issues."), dt.init(r, o)), dt);
@@ -2148,7 +2148,7 @@ const $r = ({ children: e, user: t }) => t.isLoading ? null : process.env.REACT_
     ...n || {}
   };
   return /* @__PURE__ */ s.jsx(ys, { locale: r, messages: o, children: e });
-}, Se = Kt({ isLoading: !0 });
+}, Se = en({ isLoading: !0 });
 function Mr() {
   return we(Se);
 }
@@ -2160,7 +2160,7 @@ const Nr = ({ children: e, user: t }) => /* @__PURE__ */ s.jsx(Se.Provider, { va
     }).catch(() => o({ isLoading: !1 }));
   }, []), /* @__PURE__ */ s.jsx(Tr, { locale: n == null ? void 0 : n.locale, messages: n == null ? void 0 : n.messages, children: /* @__PURE__ */ s.jsx(Cs, { children: /* @__PURE__ */ s.jsx(Nr, { user: r, children: /* @__PURE__ */ s.jsx(yr, { children: /* @__PURE__ */ s.jsx($r, { user: r, children: t }) }) }) }) });
 };
-const At = "joinCommunityButton", Yn = ({ isMember: e = !1, isShort: t = !1, functions: { join: n, leave: r } = { join: () => {
+const Ft = "joinCommunityButton", Yn = ({ isMember: e = !1, isShort: t = !1, functions: { join: n, leave: r } = { join: () => {
 }, leave: () => {
 } } }) => {
   const o = C(), i = we(Se), l = i && typeof i.id == "string", [a, u] = A(e), [c, m] = A(e ? "joined" : "notJoined");
@@ -2168,7 +2168,7 @@ const At = "joinCommunityButton", Yn = ({ isMember: e = !1, isShort: t = !1, fun
     c === "joining" ? m("joined") : c === "leaving" && m("notJoined");
   }, [a]);
   const d = {}, p = {};
-  return a && c !== "leaving" && (d["data-hover-text"] = o.formatMessage({ id: `${At}_leave` }), d["aria-label"] = o.formatMessage({ id: `${At}_member_aria` }), p["aria-hidden"] = "true"), /* @__PURE__ */ s.jsx(
+  return a && c !== "leaving" && (d["data-hover-text"] = o.formatMessage({ id: `${Ft}_leave` }), d["aria-label"] = o.formatMessage({ id: `${Ft}_member_aria` }), p["aria-hidden"] = "true"), /* @__PURE__ */ s.jsx(
     U,
     {
       variant: a ? "secondary" : "primary",
@@ -2181,11 +2181,11 @@ const At = "joinCommunityButton", Yn = ({ isMember: e = !1, isShort: t = !1, fun
       className: E("join-community-button", c, { active: c === "joining" }),
       disabled: !l,
       ...d,
-      children: /* @__PURE__ */ s.jsx("span", { className: "text", ...p, children: o.formatMessage({ id: `${At}${["joining", "leaving"].includes(c) ? `_${c}` : a ? "_member" : t ? "_short" : ""}` }) })
+      children: /* @__PURE__ */ s.jsx("span", { className: "text", ...p, children: o.formatMessage({ id: `${Ft}${["joining", "leaving"].includes(c) ? `_${c}` : a ? "_member" : t ? "_short" : ""}` }) })
     }
   );
 };
-const Ft = "communityDetails_", lo = ({
+const Lt = "communityDetails_", lo = ({
   className: e = "",
   isMember: t = !1,
   slug: n,
@@ -2198,10 +2198,10 @@ const Ft = "communityDetails_", lo = ({
     /* @__PURE__ */ s.jsxs("div", { className: "member-details", children: [
       /* @__PURE__ */ s.jsxs("div", { className: "top", children: [
         /* @__PURE__ */ s.jsxs("h3", { children: [
-          a.formatMessage({ id: `${Ft}members` }),
+          a.formatMessage({ id: `${Lt}members` }),
           /* @__PURE__ */ s.jsx("span", { className: "count", children: c })
         ] }),
-        !d && /* @__PURE__ */ s.jsx("p", { className: "text-small", children: /* @__PURE__ */ s.jsx("a", { href: `/communities/${n}/members`, children: a.formatMessage({ id: `${Ft}viewAll` }) }) })
+        !d && /* @__PURE__ */ s.jsx("p", { className: "text-small", children: /* @__PURE__ */ s.jsx("a", { href: `/communities/${n}/members`, children: a.formatMessage({ id: `${Lt}viewAll` }) }) })
       ] }),
       /* @__PURE__ */ s.jsx(
         Vn,
@@ -2227,7 +2227,7 @@ const Ft = "communityDetails_", lo = ({
         onClick: i,
         icon: { icon: "plus" },
         styling: { fullWidth: !0 },
-        children: a.formatMessage({ id: `${Ft}invite` })
+        children: a.formatMessage({ id: `${Lt}invite` })
       }
     )
   ] });
@@ -2282,7 +2282,7 @@ const mo = ({
     i === "before-lang" ? r += `/${o}` : (r.includes(`/${n}/`) || (r += `/${n}`), r += `/${o}`);
   }), r.includes(`/${n}/`) || (r += `/${n}`), r;
 };
-const Lt = { en: "English", es: "Español", fr: "Français", pt: "Português" }, rt = "languageSwitcher_", fo = ({
+const It = { en: "English", es: "Español", fr: "Français", pt: "Português" }, rt = "languageSwitcher_", fo = ({
   currentLanguage: e,
   isOriginalLanguage: t = !1,
   isHumanTranslation: n = !1,
@@ -2304,16 +2304,16 @@ const Lt = { en: "English", es: "Español", fr: "Français", pt: "Português" },
     /* @__PURE__ */ s.jsxs("nav", { children: [
       l !== "short" && /* @__PURE__ */ s.jsx("p", { children: a || c.formatMessage({ id: `${rt}label` }) }),
       /* @__PURE__ */ s.jsx("ul", { children: h.map((v) => {
-        if (!Lt[v])
+        if (!It[v])
           return null;
         let w = { className: v };
-        return m === v ? w["aria-label"] = c.formatMessage({ id: `${rt}selected` }, { language: Lt[v] }) : w = {
+        return m === v ? w["aria-label"] = c.formatMessage({ id: `${rt}selected` }, { language: It[v] }) : w = {
           ...w,
           href: Cr(v, i),
           onClick: (y) => {
             y.preventDefault(), y.stopPropagation(), d(v), o(v);
           }
-        }, /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(yt, { ...w, fallbackElement: "span", children: Lt[v] }) }, v);
+        }, /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(yt, { ...w, fallbackElement: "span", children: It[v] }) }, v);
       }) }),
       l !== "short" && !g && /* @__PURE__ */ s.jsx("p", { children: c.formatMessage({ id: `${rt}translation_${t ? "original" : n ? "human" : "machine"}` }) })
     ] }),
@@ -2331,15 +2331,15 @@ const Lt = { en: "English", es: "Español", fr: "Français", pt: "Português" },
     })
   ] });
 };
-const It = Es({ locale: "en", messages: en }), Gn = ({
+const Ot = Es({ locale: "en", messages: tn }), Gn = ({
   hasNextPage: e = !0,
   loadNextPage: t = () => {
   },
   icon: n = !1,
   messages: r = {
-    button: It.formatMessage({ id: "loadMore_button" }),
-    endOfFeed: It.formatMessage({ id: "loadMore_endOfFeed" }),
-    error: It.formatMessage({ id: "loadMore_error" })
+    button: Ot.formatMessage({ id: "loadMore_button" }),
+    endOfFeed: Ot.formatMessage({ id: "loadMore_endOfFeed" }),
+    error: Ot.formatMessage({ id: "loadMore_error" })
   },
   className: o = "",
   gtmContext: i = "LoadMore"
@@ -2625,28 +2625,28 @@ const Ir = {
   const o = kt(!0);
   let i = r;
   return P.Children.count(r) === 1 && (i = P.Children.toArray(r)[0], i.props && (i = i.props.children)), /* @__PURE__ */ s.jsx("section", { className: E("columns", `layout-${e}`, n), children: P.Children.map(i, (l, a) => t !== !1 && a === t && o && o < Ir[e] ? null : l) });
-}, go = ({ activeLink: e, ...t }) => /* @__PURE__ */ s.jsx(Or, { layout: "1-3", children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+}, go = ({ activeLink: e, ...t }) => /* @__PURE__ */ s.jsx(Et, { children: /* @__PURE__ */ s.jsx(Or, { layout: "1-3", children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
   /* @__PURE__ */ s.jsx(Ar, { activeLink: e }),
   /* @__PURE__ */ s.jsx(xr, { ...t })
-] }) });
-const Ot = "cookieBanner_", Bt = ["apol-cookie-banner", "apolitical-performance-cookie-consent", "functional-cookie-consent"], Ht = new Date(Date.now() + 12 * 30 * 24 * 60 * 60 * 1e3), Br = () => {
-  const e = C(), [t, n, r] = Ps(Bt), [o, i] = A(!t["apol-cookie-banner"]), l = () => {
-    Bt.forEach((m) => {
+] }) }) });
+const Bt = "cookieBanner_", Ht = ["apol-cookie-banner", "apolitical-performance-cookie-consent", "functional-cookie-consent"], Qt = new Date(Date.now() + 12 * 30 * 24 * 60 * 60 * 1e3), Br = () => {
+  const e = C(), [t, n, r] = Ps(Ht), [o, i] = A(!t["apol-cookie-banner"]), l = () => {
+    Ht.forEach((m) => {
       n(m, !0, {
         path: "/",
-        expires: Ht,
+        expires: Qt,
         domain: m === "apolitical-performance-cookie-consent" ? ".apolitical.co" : void 0
       });
     }), i(!1), window.location.reload();
   }, a = () => {
     n("apol-cookie-banner", !0, {
       path: "/",
-      expires: Ht
-    }), Bt.forEach((m) => {
+      expires: Qt
+    }), Ht.forEach((m) => {
       if (m === "apol-cookie-banner") {
         n(m, !0, {
           path: "/",
-          expires: Ht
+          expires: Qt
         });
         return;
       }
@@ -2668,11 +2668,11 @@ const Ot = "cookieBanner_", Bt = ["apol-cookie-banner", "apolitical-performance-
       className: "gtm-trackable",
       "data-gtm-event-context": "cookie-banner",
       "data-gtm-event-type": `cookie-${m.gtmType}-click`,
-      children: e.formatMessage({ id: `${Ot}buttons_${m.id}` })
+      children: e.formatMessage({ id: `${Bt}buttons_${m.id}` })
     });
   }), /* @__PURE__ */ s.jsxs("aside", { id: "cookie-banner", className: "text-medium", children: [
-    /* @__PURE__ */ s.jsx("h6", { children: e.formatMessage({ id: `${Ot}title` }) }),
-    /* @__PURE__ */ s.jsx("p", { children: e.formatMessage({ id: `${Ot}text` }) }),
+    /* @__PURE__ */ s.jsx("h6", { children: e.formatMessage({ id: `${Bt}title` }) }),
+    /* @__PURE__ */ s.jsx("p", { children: e.formatMessage({ id: `${Bt}text` }) }),
     /* @__PURE__ */ s.jsx(jt, { buttons: c })
   ] });
 }, Ce = {
@@ -2772,7 +2772,7 @@ const Ot = "cookieBanner_", Bt = ["apol-cookie-banner", "apolitical-performance-
 const Be = "footer_", ht = "SiteFooter", yn = ({ group: e }) => {
   const t = Ce[e].order || [];
   let n = !1;
-  return "text" in Ce[e] && (n = Ce[e].text), /* @__PURE__ */ s.jsxs(Yt, { children: [
+  return "text" in Ce[e] && (n = Ce[e].text), /* @__PURE__ */ s.jsxs(Gt, { children: [
     /* @__PURE__ */ s.jsx("p", { className: "pre-title", children: /* @__PURE__ */ s.jsx(De, { id: `${Be}${e}` }) }),
     Array.isArray(t) && t.length > 0 && /* @__PURE__ */ s.jsx("ul", { className: "text-medium", children: t.map((r) => {
       if (["order", "child", "text"].includes(r))
@@ -2790,7 +2790,7 @@ const Be = "footer_", ht = "SiteFooter", yn = ({ group: e }) => {
         }
       ) }, `${e}_${r}`);
     }) }),
-    typeof n != "boolean" && "order" in n && Array.isArray(n.order) && /* @__PURE__ */ s.jsx("dl", { className: "text-medium", children: n.order.map((r) => /* @__PURE__ */ s.jsxs(Yt, { children: [
+    typeof n != "boolean" && "order" in n && Array.isArray(n.order) && /* @__PURE__ */ s.jsx("dl", { className: "text-medium", children: n.order.map((r) => /* @__PURE__ */ s.jsxs(Gt, { children: [
       /* @__PURE__ */ s.jsx("dt", { children: /* @__PURE__ */ s.jsx(De, { id: `${Be}${e}_${r}` }) }),
       /* @__PURE__ */ s.jsxs("dd", { children: [
         typeof n != "boolean" && n[r].address && /* @__PURE__ */ s.jsx("address", { children: /* @__PURE__ */ s.jsx(De, { id: `${Be}${e}_${r}_address`, values: { br: /* @__PURE__ */ s.jsx("br", {}) } }) }),
@@ -3685,7 +3685,7 @@ const ns = ({
           /* @__PURE__ */ s.jsx(Ue, {}),
           /* @__PURE__ */ s.jsx(jt, { buttons: c })
         ] }),
-        l && /* @__PURE__ */ s.jsx(Xt, { className: "error", children: l })
+        l && /* @__PURE__ */ s.jsx(Zt, { className: "error", children: l })
       ] })
     }
   ) });
@@ -3733,7 +3733,7 @@ const Yr = () => {
   return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     /* @__PURE__ */ s.jsx(es, {}),
     /* @__PURE__ */ s.jsx("div", { id: "content", children: /* @__PURE__ */ s.jsx(
-      Et,
+      St,
       {
         variant: "error",
         text: e.formatMessage({ id: "pageLayout_error" })
@@ -3782,7 +3782,7 @@ const Yr = () => {
 }, En = {
   default: "tags_",
   headerTopics: "header_topics_topics_"
-}, Qt = {
+}, Ut = {
   topic: {
     Climate: "climate",
     CitiesAndLocalGovernment: "cities-and-local-government",
@@ -3801,13 +3801,13 @@ const Yr = () => {
 }, Jr = {
   getTagDetails: (e) => {
     if (e.includes("topic_")) {
-      if (e = Qt.topic[e.replace("topic_", "")], e) {
+      if (e = Ut.topic[e.replace("topic_", "")], e) {
         const t = pt.topics.topics[e].href;
         return t ? { id: e, href: t, text: `${En.headerTopics}${e}` } : null;
       }
       return null;
     }
-    return Qt[e] ? (e = Qt[e], { id: e, text: `${En.default}${e}` }) : null;
+    return Ut[e] ? (e = Ut[e], { id: e, text: `${En.default}${e}` }) : null;
   }
 };
 const wo = ({
@@ -4078,8 +4078,8 @@ const ge = "discussion_form_", ss = ({
           )
         }) }),
         /* @__PURE__ */ s.jsx(jt, { buttons: B }),
-        v === "submitted" && /* @__PURE__ */ s.jsx(Xt, { className: "success", "data-testid": "success", children: $e(c.formatMessage, `${ge}success`, e.type, "action") }),
-        h && /* @__PURE__ */ s.jsx(Xt, { id: "error-message", className: "error", "data-testid": "error", children: l.error ? l.error : typeof h == "string" ? h.includes(" ") ? h : c.formatMessage(
+        v === "submitted" && /* @__PURE__ */ s.jsx(Zt, { className: "success", "data-testid": "success", children: $e(c.formatMessage, `${ge}success`, e.type, "action") }),
+        h && /* @__PURE__ */ s.jsx(Zt, { id: "error-message", className: "error", "data-testid": "error", children: l.error ? l.error : typeof h == "string" ? h.includes(" ") ? h : c.formatMessage(
           { id: h },
           {
             action: c.formatMessage({
@@ -4096,7 +4096,7 @@ const ge = "discussion_form_", ss = ({
   createPost: t,
   membershipRequiredToPost: { isMember: n, required: r, join: o, leave: i, notMemberStateText: l }
 }) => r && !n ? /* @__PURE__ */ s.jsx(
-  Et,
+  St,
   {
     text: l,
     button: {
@@ -4115,12 +4115,12 @@ const ge = "discussion_form_", ss = ({
 ), qr = {
   showThread: !1,
   showForm: !1
-}, St = Kt(qr), Xr = ({ children: e }) => {
+}, $t = en(qr), Xr = ({ children: e }) => {
   const [t, n] = A({
     showThread: !1,
     showForm: !1
   });
-  return /* @__PURE__ */ s.jsx(St.Provider, { value: { ...t, updateConversation: n }, children: e });
+  return /* @__PURE__ */ s.jsx($t.Provider, { value: { ...t, updateConversation: n }, children: e });
 }, Zr = ({
   question: e,
   answer: t,
@@ -4131,9 +4131,9 @@ const ge = "discussion_form_", ss = ({
   ...n && { replySlug: n }
 }), Kr = (e, t = 10) => !e || e.length === 0 ? [] : e.slice(0, t);
 let Ze = !1;
-const Ut = () => {
+const Wt = () => {
   Ze !== !1 && (clearTimeout(Ze), Ze = !1);
-}, Wt = 5, ea = ({
+}, zt = 5, ea = ({
   element: e = "div",
   likes: t = 0,
   peopleWhoLiked: n = !1,
@@ -4149,14 +4149,14 @@ const Ut = () => {
   Y(() => {
     h(o);
   }, [o]);
-  const [m, d] = A(t), [p, h] = A(o), [g, v] = A(!1), [w, y] = A(!1), x = bt(() => Kr(n, Wt), [n]), _ = (N) => {
+  const [m, d] = A(t), [p, h] = A(o), [g, v] = A(!1), [w, y] = A(!1), x = bt(() => Kr(n, zt), [n]), _ = (N) => {
     if (N.preventDefault(), N.stopPropagation(), y(!1), Ze)
-      return Ut(), !1;
-    if (Ut(), g || !l)
+      return Wt(), !1;
+    if (Wt(), g || !l)
       return !1;
     Ze = setTimeout($, 350);
   }, $ = async () => {
-    if (Ut(), g || !l)
+    if (Wt(), g || !l)
       return !1;
     let N = p ? m - 1 : m + 1;
     N < 0 && (N = 0), v(!0), d(N), h(!p);
@@ -4219,7 +4219,7 @@ const Ut = () => {
               children: N.name
             }
           ) }, N.id || window.btoa(N.name))),
-          n.length > Wt && /* @__PURE__ */ s.jsx("li", { children: c.formatMessage({ id: "discussion_likes_more" }, { number: n.length - Wt }) })
+          n.length > zt && /* @__PURE__ */ s.jsx("li", { children: c.formatMessage({ id: "discussion_likes_more" }, { number: n.length - zt }) })
         ] }) })
       ] })
     }
@@ -4228,7 +4228,7 @@ const Ut = () => {
   const t = {};
   return Object.keys(e).forEach((n) => n.includes("Id") ? t[n] = e[n] : t[`${n}Slug`] = e[n]), t;
 }, rn = (e, t) => e && !t;
-const Ne = "discussion_", ta = 280, $t = ({
+const Ne = "discussion_", ta = 280, Tt = ({
   element: e = "div",
   content: t,
   userHasPermissions: n = !0,
@@ -4255,7 +4255,7 @@ const Ne = "discussion_", ta = 280, $t = ({
   children: g,
   isTruncated: v = !1
 }) => {
-  const w = C(), y = we(Se), x = we(St), [_, $] = A({
+  const w = C(), y = we(Se), x = we($t), [_, $] = A({
     body: t && t.body || "",
     isEditing: !1,
     didEdit: t && t.isEdited || !1
@@ -4538,15 +4538,15 @@ const Ne = "discussion_", ta = 280, $t = ({
     ] })
   });
 };
-const zt = "discussion_responses_", jo = ({ type: e = "answer", responses: t = 0 }) => {
+const Vt = "discussion_responses_", jo = ({ type: e = "answer", responses: t = 0 }) => {
   const n = C();
   return /* @__PURE__ */ s.jsxs("div", { className: "responses-heading", children: [
-    /* @__PURE__ */ s.jsx("h3", { children: n.formatMessage({ id: `${zt}title` }, { action: n.formatMessage({ id: `${zt}${e}` }), count: t }) }),
-    t === 0 && /* @__PURE__ */ s.jsx("p", { children: $e(n.formatMessage, `${zt}empty`, e, e) })
+    /* @__PURE__ */ s.jsx("h3", { children: n.formatMessage({ id: `${Vt}title` }, { action: n.formatMessage({ id: `${Vt}${e}` }), count: t }) }),
+    t === 0 && /* @__PURE__ */ s.jsx("p", { children: $e(n.formatMessage, `${Vt}empty`, e, e) })
   ] });
 };
 const na = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
-  const r = C(), o = ae(null), i = we(St), [l, a] = A(
+  const r = C(), o = ae(null), i = we($t), [l, a] = A(
     "closed"
     /* Closed */
   );
@@ -4878,7 +4878,7 @@ const yo = ({
     },
     user: y
   } = ma({ queryKey: [e, t], queryFns: i });
-  return u ? /* @__PURE__ */ s.jsx(Et, { variant: "error", text: u.message }) : /* @__PURE__ */ s.jsxs("section", { children: [
+  return u ? /* @__PURE__ */ s.jsx(St, { variant: "error", text: u.message }) : /* @__PURE__ */ s.jsxs("section", { children: [
     /* @__PURE__ */ s.jsx(
       sn,
       {
@@ -4902,9 +4902,9 @@ const yo = ({
           name: (I = (oe = V == null ? void 0 : V.user) == null ? void 0 : oe.data) == null ? void 0 : I.name
         };
       }) : !1, M = x == null ? void 0 : x.actor, F = (M == null ? void 0 : M.id) === (y == null ? void 0 : y.id);
-      return /* @__PURE__ */ s.jsxs(Yt, { children: [
+      return /* @__PURE__ */ s.jsxs(Gt, { children: [
         /* @__PURE__ */ s.jsx(
-          $t,
+          Tt,
           {
             content: {
               type: "post",
@@ -5249,7 +5249,7 @@ const yo = ({
   replies: i,
   functions: { create: l, edit: a, remove: u, join: c, leave: m, like: d, unlike: p }
 }) => {
-  const h = C(), g = wt(), v = we(Se), w = we(St), y = ka({
+  const h = C(), g = wt(), v = we(Se), w = we($t), y = ka({
     queryClient: g,
     queryKey: [e, t, r],
     mutationFn: async (k) => l({ replyId: n, content: k.body })
@@ -5308,7 +5308,7 @@ const yo = ({
         (i == null ? void 0 : i.length) === 0 || (i == null ? void 0 : i.map((k) => {
           var L, J, q, ce, le, de, V, se, oe, I, ue, _e, fe, ke, xe, je, be;
           return /* @__PURE__ */ s.jsx(
-            $t,
+            Tt,
             {
               content: {
                 type: "reply",
@@ -5434,7 +5434,7 @@ const yo = ({
       var L, J, q, ce, le, de, V, se, oe, I, ue, _e, fe, ke, xe, je, be, Z, re, he;
       const z = ((L = b == null ? void 0 : b.user) == null ? void 0 : L.id) === (g == null ? void 0 : g.id), k = rn(o, z);
       return /* @__PURE__ */ s.jsx(Xr, { children: /* @__PURE__ */ s.jsx(
-        $t,
+        Tt,
         {
           content: {
             type: "reply",
@@ -5665,7 +5665,7 @@ const Eo = ({
     return /* @__PURE__ */ s.jsx(Te, { style: { height: "400px" } });
   if (!_)
     return /* @__PURE__ */ s.jsx(
-      Et,
+      St,
       {
         variant: "error",
         text: w.formatMessage({ id: "activitySection_notFoundError" })
@@ -5673,7 +5673,7 @@ const Eo = ({
     );
   const q = ((le = _ == null ? void 0 : _.actor) == null ? void 0 : le.id) === (y == null ? void 0 : y.id), ce = rn(r, q);
   return /* @__PURE__ */ s.jsx(
-    $t,
+    Tt,
     {
       className: "activity-section",
       content: {
@@ -5770,7 +5770,7 @@ const Eo = ({
     startDate: m
   } = t;
   if (e === "question") {
-    const d = o && Jt(o);
+    const d = o && qt(o);
     return /* @__PURE__ */ s.jsxs("p", { className: "details answers", "data-testid": "question-answers", children: [
       n.formatMessage({ id: "card_answers" }, { number: r }),
       o && /* @__PURE__ */ s.jsxs("span", { "data-testid": "question-created-at", children: [
@@ -5802,7 +5802,7 @@ const Eo = ({
       }
     );
   if (u || c) {
-    const d = c && Jt(c);
+    const d = c && qt(c);
     return /* @__PURE__ */ s.jsxs("ul", { className: "details", children: [
       u && /* @__PURE__ */ s.jsx("li", { "data-testid": "reading-time", children: n.formatMessage({ id: "card_time_read" }, { time: u }) }),
       c && /* @__PURE__ */ s.jsx("li", { "data-testid": "published-date", children: n.formatMessage(
@@ -6129,7 +6129,7 @@ const lt = "notFoundError_", $o = () => {
     {
       styling: { background: "bold", circle: "small", variant: "alt-2" },
       additionalContent: {
-        appended: /* @__PURE__ */ s.jsxs(tn, { children: [
+        appended: /* @__PURE__ */ s.jsxs(Et, { children: [
           /* @__PURE__ */ s.jsx(
             Ia,
             {
@@ -6167,22 +6167,22 @@ export {
   Or as Columns,
   lo as CommunityDetails,
   Vn as Contributors,
-  St as ConversationContext,
+  $t as ConversationContext,
   Br as CookieBanner,
   Xr as DiscussionConversation,
   ss as DiscussionForm,
   ea as DiscussionLikes,
-  $t as DiscussionPost,
+  Tt as DiscussionPost,
   na as DiscussionThread,
   Ue as Divider,
   eo as DownloadSection,
   Xe as EMAILS,
   _o as EmailHelperTextBox,
-  Et as EmptyStateBox,
+  St as EmptyStateBox,
   mo as Filters,
   $r as FlagsProvider,
   qn as Footer,
-  tn as FullWidthSection,
+  Et as FullWidthSection,
   co as GlobalProviders,
   es as Header,
   lr as HelperTextBox,
@@ -6224,7 +6224,7 @@ export {
   Ur as SearchForm,
   ho as ShareLinks,
   _r as Span,
-  Xt as StatusBanner,
+  Zt as StatusBanner,
   po as Tabs,
   wo as Tags,
   or as Tooltip,