@apolitical/component-library 1.18.0 → 1.18.1

package/index.mjs

@@ -5,7 +5,7 @@ import { useIntl as A, IntlProvider as Ha, createIntl as Ua, FormattedMessage as
 import Ne from "truncate";
 import { QueryClient as za, QueryClientProvider as Wa, useMutation as fe, useQueryClient as Kt, useInfiniteQuery as Rn, useQuery as Va } from "@tanstack/react-query";
 import { ReactQueryDevtools as Ya } from "@tanstack/react-query-devtools";
-import nt from "posthog-js";
+import at from "posthog-js";
 import { CookiesProvider as Ga, useCookies as Ka } from "react-cookie";
 import pt from "markdown-to-jsx";
 import { ReactMultiEmail as Qa } from "react-multi-email";
@@ -343,7 +343,7 @@ function ir() {
       var x = u.prototype;
       return !!(x && x.isReactComponent);
     }
-    function ze(u, x, T) {
+    function We(u, x, T) {
       if (u == null)
         return "";
       if (typeof u == "function")
@@ -361,28 +361,28 @@ function ir() {
           case m:
             return _a(u.render);
           case d:
-            return ze(u.type, x, T);
+            return We(u.type, x, T);
           case p: {
             var P = u, O = P._payload, V = P._init;
             try {
-              return ze(V(O), x, T);
+              return We(V(O), x, T);
             } catch {
             }
           }
         }
       return "";
     }
-    var We = Object.prototype.hasOwnProperty, rn = {}, sn = y.ReactDebugCurrentFrame;
-    function Ve(u) {
+    var Ve = Object.prototype.hasOwnProperty, rn = {}, sn = y.ReactDebugCurrentFrame;
+    function Ye(u) {
       if (u) {
-        var x = u._owner, T = ze(u.type, u._source, x ? x.type : null);
+        var x = u._owner, T = We(u.type, u._source, x ? x.type : null);
         sn.setExtraStackFrame(T);
       } else
         sn.setExtraStackFrame(null);
     }
     function ya(u, x, T, P, O) {
       {
-        var V = Function.call.bind(We);
+        var V = Function.call.bind(Ve);
         for (var I in u)
           if (V(u, I)) {
             var R = void 0;
@@ -395,7 +395,7 @@ function ir() {
             } catch (X) {
               R = X;
             }
-            R && !(R instanceof Error) && (Ve(O), _("%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).", P || "React class", T, I, typeof R), Ve(null)), R instanceof Error && !(R.message in rn) && (rn[R.message] = !0, Ve(O), _("Failed %s type: %s", T, R.message), Ve(null));
+            R && !(R instanceof Error) && (Ye(O), _("%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).", P || "React class", T, I, typeof R), Ye(null)), R instanceof Error && !(R.message in rn) && (rn[R.message] = !0, Ye(O), _("Failed %s type: %s", T, R.message), Ye(null));
           }
       }
     }
@@ -431,7 +431,7 @@ function ir() {
     }, ln, dn, wt;
     wt = {};
     function wa(u) {
-      if (We.call(u, "ref")) {
+      if (Ve.call(u, "ref")) {
         var x = Object.getOwnPropertyDescriptor(u, "ref").get;
         if (x && x.isReactWarning)
           return !1;
@@ -439,7 +439,7 @@ function ir() {
       return u.ref !== void 0;
     }
     function Ta(u) {
-      if (We.call(u, "key")) {
+      if (Ve.call(u, "key")) {
         var x = Object.getOwnPropertyDescriptor(u, "key").get;
         if (x && x.isReactWarning)
           return !1;
@@ -508,7 +508,7 @@ function ir() {
         var V, I = {}, R = null, oe = null;
         T !== void 0 && (cn(T), R = "" + T), Ta(x) && (cn(x.key), R = "" + x.key), wa(x) && (oe = x.ref, $a(x, O));
         for (V in x)
-          We.call(x, V) && !ja.hasOwnProperty(V) && (I[V] = x[V]);
+          Ve.call(x, V) && !ja.hasOwnProperty(V) && (I[V] = x[V]);
         if (u && u.defaultProps) {
           var X = u.defaultProps;
           for (V in X)
@@ -524,7 +524,7 @@ function ir() {
     var Tt = y.ReactCurrentOwner, un = y.ReactDebugCurrentFrame;
     function Ce(u) {
       if (u) {
-        var x = u._owner, T = ze(u.type, u._source, x ? x.type : null);
+        var x = u._owner, T = We(u.type, u._source, x ? x.type : null);
         un.setExtraStackFrame(T);
       } else
         un.setExtraStackFrame(null);
@@ -756,7 +756,7 @@ function Zn(e, t, n) {
   return cr(e, t, { maxWait: t, leading: s === void 0 || s, trailing: i === void 0 || i });
 }
 let Ct;
-const He = (e = !0, t = !1, n = "window") => {
+const Ue = (e = !0, t = !1, n = "window") => {
   if (!e)
     return;
   const [r, s] = F.useState(0) || [!1, () => {
@@ -1227,7 +1227,7 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   return t.forEach(({ type: r, value: s }) => {
     qa(n, r, s);
   }), n;
-}, xr = (e) => new Promise((t) => setTimeout(t, e)), at = (e, t) => F.Children.map(e, (n) => F.cloneElement(n, {
+}, xr = (e) => new Promise((t) => setTimeout(t, e)), rt = (e, t) => F.Children.map(e, (n) => F.cloneElement(n, {
   ...t
 })), B = ({
   variant: e = "primary",
@@ -1243,7 +1243,7 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   children: f = !1,
   ...d
 }) => {
-  const h = He(typeof t == "object");
+  const h = Ue(typeof t == "object");
   if (typeof t == "object" && typeof h == "number") {
     const k = Object.assign({}, t), y = qn(Object.keys(k));
     t = Hn(h, y, k);
@@ -1668,10 +1668,10 @@ const Si = ({
     e && /* @__PURE__ */ a.jsx(Ya, { initialIsOpen: !1 })
   ] });
 };
-var Cr = Gt({ client: nt });
+var Cr = Gt({ client: at });
 function Sr(e) {
   var t = e.children, n = e.client, r = e.apiKey, s = e.options, i = ft(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 && s && 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 && (nt.__loaded && console.warn("[PostHog.js] was already loaded elsewhere. This may cause issues."), nt.init(r, s)), nt);
+    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 && s && 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 && (at.__loaded && console.warn("[PostHog.js] was already loaded elsewhere. This may cause issues."), at.init(r, s)), at);
   }, [n, r]);
   return F.createElement(Cr.Provider, { value: { client: i } }, t);
 }
@@ -1711,7 +1711,7 @@ const Pr = ({ children: e, user: t }) => /* @__PURE__ */ a.jsx(ke.Provider, { va
       s({ ...i, isLoading: !1 }), br(5e3);
     }).catch(() => s({ isLoading: !1 }));
   }, []), /* @__PURE__ */ a.jsx(Nr, { locale: n == null ? void 0 : n.locale, messages: n == null ? void 0 : n.messages, children: /* @__PURE__ */ a.jsx(Ga, { children: /* @__PURE__ */ a.jsx(Pr, { user: r, children: /* @__PURE__ */ a.jsx(Er, { children: /* @__PURE__ */ a.jsx(Mr, { user: r, children: t }) }) }) }) });
-}, rt = "https://storage.googleapis.com/apolitical-assets/", Be = {
+}, He = "https://storage.googleapis.com/apolitical-assets/", Be = {
   general: "hello@apolitical.co",
   support: "concierge@apolitical.co",
   "data-protection": {
@@ -1726,7 +1726,26 @@ const Vn = ({ label: e = !1, className: t = "", children: n }) => {
     /* @__PURE__ */ a.jsx("div", { className: "content", children: n })
   ] });
 };
-const we = ({ variant: e = "primary", className: t = "", children: n, ...r }) => /* @__PURE__ */ a.jsx("div", { className: w("highlighted-text-box", e, t), ...r, children: n });
+const we = ({
+  variant: e = "primary",
+  icon: t,
+  className: n = "",
+  children: r,
+  ...s
+}) => {
+  const i = t ? { "--icon": `url(${He}icons/${t}.svg)` } : {};
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      className: w("highlighted-text-box", e, n, {
+        "has-icon": t
+      }),
+      style: i,
+      ...s,
+      children: r
+    }
+  );
+};
 const bt = ({
   variant: e = "empty",
   text: t = !1,
@@ -1734,7 +1753,7 @@ const bt = ({
   className: r = ""
 }) => {
   let s = n && !!Object.keys(n).length;
-  const i = typeof n == "object" && "breakpoints" in n, o = He(i);
+  const i = typeof n == "object" && "breakpoints" in n, o = Ue(i);
   if (i && typeof n == "object" && typeof o == "number") {
     const d = Object.assign({}, n.breakpoints), p = qn(Object.keys(d));
     s = Hn(o, p, d);
@@ -1962,7 +1981,7 @@ const Mt = "loadingBlock_", zr = ({ progress: e = 0, steps: t = !1, className: n
   const i = Object.keys(t);
   for (let c = 0; c < i.length && !(e < parseInt(i[c])); c++)
     s = i[c];
-  const o = s && t[s].icon ? { "--icon": `url(${rt}icons/${t[s].icon}.svg)` } : {};
+  const o = s && t[s].icon ? { "--icon": `url(${He}icons/${t[s].icon}.svg)` } : {};
   return /* @__PURE__ */ a.jsxs(
     we,
     {
@@ -1997,16 +2016,16 @@ const Yt = {
 }, Gn = (e, t) => e in Yt ? /* @__PURE__ */ a.jsx("div", { className: e, children: Yt[e].map((n, r) => Gn(n, r)) }, t) : /* @__PURE__ */ a.jsx(_e, { className: e }, t), Kn = ({ layout: e = "overview-page", ...t }) => /* @__PURE__ */ a.jsx("div", { className: w("loading-state", e), ...t, children: Yt[e].map((n, r) => Gn(n, r)) }), Qn = (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) : "";
-}, Ye = ["#5AB6A3", "#A2D7AF", "#806056", "#3962B3"], Wr = (e) => {
-  const t = Math.ceil(26 / Ye.length), n = Qn(e).toLowerCase();
+}, Ge = ["#5AB6A3", "#A2D7AF", "#806056", "#3962B3"], Wr = (e) => {
+  const t = Math.ceil(26 / Ge.length), n = Qn(e).toLowerCase();
   if (n === "")
-    return Ye[0];
+    return Ge[0];
   const r = n.charCodeAt(0) - 96;
-  for (let s = 0; s < Ye.length; s++)
+  for (let s = 0; s < Ge.length; s++)
     if (r <= t * (s + 1))
-      return Ye[s];
+      return Ge[s];
 };
-const wn = 256, Ue = ({
+const wn = 256, ze = ({
   className: e = "",
   src: t = "",
   name: n,
@@ -2047,9 +2066,9 @@ const wn = 256, Ue = ({
     }
   );
 }, Jn = (e) => e === "apolitical" ? {
-  image: `${rt}logos/member_apolitical.svg`
+  image: `${He}logos/member_apolitical.svg`
 } : e === "community" || typeof e == "object" && !e.name ? {
-  image: `${rt}logos/member_community.svg`
+  image: `${He}logos/member_community.svg`
 } : {
   name: e.name,
   role: e.jobTitle || "",
@@ -2093,7 +2112,7 @@ const Xt = ({
           g == null || g.stopPropagation();
         },
         children: [
-          /* @__PURE__ */ a.jsx(Ue, { name: m, src: f }),
+          /* @__PURE__ */ a.jsx(ze, { name: m, src: f }),
           /* @__PURE__ */ a.jsxs("p", { className: "details", children: [
             /* @__PURE__ */ a.jsx("strong", { children: m }),
             n && /* @__PURE__ */ a.jsxs("span", { className: "additional-content", children: [
@@ -2135,7 +2154,7 @@ const Tn = {
           if (o)
             return /* @__PURE__ */ a.jsx(_e, { element: "li", className: "contributor" }, p);
           h = /* @__PURE__ */ a.jsx(
-            Ue,
+            ze,
             {
               name: b,
               src: k,
@@ -2351,7 +2370,7 @@ const Tn = {
   star: "star_empty_thin"
 }, Kr = (e) => {
   let t = e;
-  return Object.keys($n).includes(e) && (t = $n[e]), `url(${rt}icons/${t}.svg)`;
+  return Object.keys($n).includes(e) && (t = $n[e]), `url(${He}icons/${t}.svg)`;
 };
 const Qr = {
   title: 66,
@@ -2432,7 +2451,7 @@ const Qr = {
             d.registered && /* @__PURE__ */ a.jsx(st, { size: "small", variant: "registered", children: o.formatMessage({ id: "card_registered" }) }),
             /* @__PURE__ */ a.jsx(Wn, { image: d.banner })
           ] }) : k === "people" ? /* @__PURE__ */ a.jsx(
-            Ue,
+            ze,
             {
               name: d.title || "",
               src: d.profile,
@@ -2510,7 +2529,7 @@ const Nt = {
   threeCards: 769,
   twoCards: 480
 };
-let Ge = null;
+let Ke = null;
 const ts = ({
   id: e,
   cards: t,
@@ -2527,7 +2546,7 @@ const ts = ({
   }), { cardsPerPage: f, isLoading: d } = m, [p, h] = D({
     currentPage: 0,
     loadedPages: [0]
-  }), { currentPage: g, loadedPages: b } = p, k = t.length, y = Math.ceil(k / f), _ = ne(null), v = He(!0, !0, _ == null ? void 0 : _.current);
+  }), { currentPage: g, loadedPages: b } = p, k = t.length, y = Math.ceil(k / f), _ = ne(null), v = Ue(!0, !0, _ == null ? void 0 : _.current);
   G(() => {
     let S = 1;
     v && (v >= Nt.fourCards ? S = 4 : v >= Nt.threeCards ? S = 3 : v >= Nt.twoCards && (S = 2), S > k && (S = k)), l((M) => ({
@@ -2556,12 +2575,12 @@ const ts = ({
       loadedPages: [.../* @__PURE__ */ new Set([...b, M])]
     }));
   }, $ = (S) => {
-    Ge = S.touches[0].clientX;
+    Ke = S.touches[0].clientX;
   }, C = (S) => {
-    if (Ge === null)
+    if (Ke === null)
       return;
-    const M = S.touches[0].clientX, E = Ge - M;
-    E > 5 ? j("next") : E < -5 && j("previous"), Ge = null;
+    const M = S.touches[0].clientX, E = Ke - M;
+    E > 5 ? j("next") : E < -5 && j("previous"), Ke = null;
   }, Z = {
     "--width": `${((L = _ == null ? void 0 : _.current) == null ? void 0 : L.offsetWidth) || 0}px`,
     "--total-cards": k,
@@ -2809,7 +2828,7 @@ const Ri = ({
     i === "before-lang" ? r += `/${s}` : (r.includes(`/${n}/`) || (r += `/${n}`), r += `/${s}`);
   }), r.includes(`/${n}/`) || (r += `/${n}`), r;
 };
-const Ft = { en: "English", es: "Español", fr: "Français", pt: "Português" }, Ke = "languageSwitcher_", Ii = ({
+const Ft = { en: "English", es: "Español", fr: "Français", pt: "Português" }, Qe = "languageSwitcher_", Ii = ({
   currentLanguage: e,
   isOriginalLanguage: t = !1,
   isHumanTranslation: n = !1,
@@ -2829,12 +2848,12 @@ const Ft = { en: "English", es: "Español", fr: "Français", pt: "Português" },
   const h = Object.keys(r), g = f !== e;
   return /* @__PURE__ */ a.jsxs("div", { className: w("language-switcher text-small", o, m), children: [
     /* @__PURE__ */ a.jsxs("nav", { children: [
-      o !== "short" && /* @__PURE__ */ a.jsx("p", { children: c || l.formatMessage({ id: `${Ke}label` }) }),
+      o !== "short" && /* @__PURE__ */ a.jsx("p", { children: c || l.formatMessage({ id: `${Qe}label` }) }),
       /* @__PURE__ */ a.jsx("ul", { children: h.map((b) => {
         if (!Ft[b])
           return null;
         let k = { className: b };
-        return f === b ? k["aria-label"] = l.formatMessage({ id: `${Ke}selected` }, { language: Ft[b] }) : k = {
+        return f === b ? k["aria-label"] = l.formatMessage({ id: `${Qe}selected` }, { language: Ft[b] }) : k = {
           ...k,
           href: ns(b, i),
           onClick: (y) => {
@@ -2842,13 +2861,13 @@ const Ft = { en: "English", es: "Español", fr: "Français", pt: "Português" },
           }
         }, /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(gt, { ...k, fallbackElement: "span", children: Ft[b] }) }, b);
       }) }),
-      o !== "short" && !g && /* @__PURE__ */ a.jsx("p", { children: l.formatMessage({ id: `${Ke}translation_${t ? "original" : n ? "human" : "machine"}` }) })
+      o !== "short" && !g && /* @__PURE__ */ a.jsx("p", { children: l.formatMessage({ id: `${Qe}translation_${t ? "original" : n ? "human" : "machine"}` }) })
     ] }),
     o !== "short" && !g && !t && !n && /* @__PURE__ */ a.jsx("small", {
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
       // `values` are throwing a type error: https://github.com/formatjs/formatjs/issues/3633
-      children: l.formatMessage({ id: `${Ke}disclaimer` }, {
+      children: l.formatMessage({ id: `${Qe}disclaimer` }, {
         email: Be.support,
         link: (b) => {
           const k = `mailto:${b}`;
@@ -2893,7 +2912,7 @@ const Dt = Ua({ locale: "en", messages: Qt }), yt = ({
   ) : r.endOfFeed && (!o || o != null && o.includes("Cannot read items")) ? /* @__PURE__ */ a.jsx("p", { children: r.endOfFeed }) : o && /* @__PURE__ */ a.jsx("p", { className: "error", children: r.error }) });
 };
 const na = ({ variant: e = "default", version: t = "default", className: n = "", ...r }) => /* @__PURE__ */ a.jsx("p", { className: "logo-wrapper", children: /* @__PURE__ */ a.jsx("a", { href: "/home/", className: w("logo", e, t, n), ...r, children: /* @__PURE__ */ a.jsx(ae, { children: /* @__PURE__ */ a.jsx(je, { id: "apolitical" }) }) }) });
-let Qe = !1;
+let Je = !1;
 const as = ({ element: e = "div", id: t = "more-menu", options: n, className: r = "" }) => {
   const s = A(), i = ne(null), [o, c] = D(!1), m = (l) => {
     i.current && l.target instanceof HTMLElement && !i.current.contains(l.target) && c(!1);
@@ -2924,10 +2943,10 @@ const as = ({ element: e = "div", id: t = "more-menu", options: n, className: r
             c(!1), typeof f == "function" && f(k);
           },
           onFocus: () => {
-            Qe && (clearTimeout(Qe), Qe = !1);
+            Je && (clearTimeout(Je), Je = !1);
           },
           onBlur: () => {
-            Qe = setTimeout(() => {
+            Je = setTimeout(() => {
               c(!1);
             }, 100);
           }
@@ -2992,7 +3011,7 @@ const ss = [
         className: "gtm-trackable",
         children: [
           /* @__PURE__ */ a.jsx(
-            Ue,
+            ze,
             {
               name: (n == null ? void 0 : n.name) || "",
               src: n != null && n.image ? n.image.thumbnail : ""
@@ -3145,7 +3164,7 @@ const ls = {
   className: n = "",
   children: r
 }) => {
-  const s = He(!0);
+  const s = Ue(!0);
   let i = r;
   return F.Children.count(r) === 1 && (i = F.Children.toArray(r)[0], i.props && (i = i.props.children)), /* @__PURE__ */ a.jsx("section", { className: w("columns", `layout-${e}`, n), children: F.Children.map(i, (o, c) => t !== !1 && c === t && s && s < ls[e] ? null : o) });
 }, Zi = ({ activeLink: e, ...t }) => /* @__PURE__ */ a.jsx(_t, { children: /* @__PURE__ */ a.jsx(ds, { layout: "1-3", children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
@@ -3365,13 +3384,13 @@ const Me = "footer_", ot = "SiteFooter", En = ({ group: e }) => {
     /* @__PURE__ */ a.jsx("small", { children: /* @__PURE__ */ a.jsx(je, { id: `${Me}copyright`, values: { currentYear: (/* @__PURE__ */ new Date()).getFullYear() } }) })
   ] })
 ] }) });
-const Je = "emailHelperTextBox_", qi = ({ type: e, email: t, redirectPath: n, resendVerificationCode: r }) => {
-  const s = A(), [i, o] = D({ path: `${Je}default`, type: "default", link: {}, mail: {}, error: "" }), [c, m] = D(!1), l = Ln(
+const Xe = "emailHelperTextBox_", qi = ({ type: e, email: t, redirectPath: n, resendVerificationCode: r }) => {
+  const s = A(), [i, o] = D({ path: `${Xe}default`, type: "default", link: {}, mail: {}, error: "" }), [c, m] = D(!1), l = Ln(
     (h) => {
       h.preventDefault(), h.stopPropagation();
       const g = (b) => {
         o({
-          path: `${Je}error_verificationFailedToSend`,
+          path: `${Xe}error_verificationFailedToSend`,
           type: "error",
           link: {
             "data-gtm-event-context": "VerifyEmailBox",
@@ -3391,7 +3410,7 @@ const Je = "emailHelperTextBox_", qi = ({ type: e, email: t, redirectPath: n, re
         });
       };
       if (typeof r != "function") {
-        g(s.formatMessage({ id: `${Je}error_noFunction` }));
+        g(s.formatMessage({ id: `${Xe}error_noFunction` }));
         return;
       }
       m(!0), r(t).then(() => {
@@ -3407,7 +3426,7 @@ const Je = "emailHelperTextBox_", qi = ({ type: e, email: t, redirectPath: n, re
   );
   G(
     () => {
-      let h = Je, g = "default", b = {}, k = {};
+      let h = Xe, g = "default", b = {}, k = {};
       switch (e) {
         case "gov":
           h += "autoApproved", g = "success";
@@ -3487,24 +3506,24 @@ const Je = "emailHelperTextBox_", qi = ({ type: e, email: t, redirectPath: n, re
     )
   ) });
 };
-const Xe = "passwordRules_", ra = "isMoreThanEightCharacters", sa = "includesNumberAndSymbol", ia = "includesLowerAndUppercase", ms = {
+const et = "passwordRules_", ra = "isMoreThanEightCharacters", sa = "includesNumberAndSymbol", ia = "includesLowerAndUppercase", ms = {
   [ra]: "8Characters",
   [sa]: "numberSymbol",
   [ia]: "lowercaseUppercase"
 }, fs = ({ matchingRules: e = { isMoreThanEightCharacters: !1, includesNumberAndSymbol: !1, includesLowerAndUppercase: !1 }, className: t = "" }) => {
   const n = A();
   return /* @__PURE__ */ a.jsxs("aside", { className: w("password-rules", t), children: [
-    /* @__PURE__ */ a.jsx("small", { children: n.formatMessage({ id: `${Xe}intro` }) }),
+    /* @__PURE__ */ a.jsx("small", { children: n.formatMessage({ id: `${et}intro` }) }),
     /* @__PURE__ */ a.jsx("ul", { children: [ra, sa, ia].map((r) => /* @__PURE__ */ a.jsxs("li", { className: w({ matches: e[r] }), children: [
       /* @__PURE__ */ a.jsxs(ae, { children: [
-        n.formatMessage({ id: `${Xe}rule_label` }),
+        n.formatMessage({ id: `${et}rule_label` }),
         " "
       ] }),
-      /* @__PURE__ */ a.jsx("span", { children: n.formatMessage({ id: `${Xe}rule_${ms[r]}` }) }),
+      /* @__PURE__ */ a.jsx("span", { children: n.formatMessage({ id: `${et}rule_${ms[r]}` }) }),
       !e[r] && /* @__PURE__ */ a.jsxs(ae, { element: "strong", children: [
         " ",
         " ",
-        n.formatMessage({ id: `${Xe}notMet` })
+        n.formatMessage({ id: `${et}notMet` })
       ] })
     ] }, `rule-${r}`)) })
   ] });
@@ -3971,7 +3990,7 @@ const hs = ({
   ] }, e);
 };
 const gs = { height: 67, height_desktop: 83 }, oa = ({ showNavigation: e = !0 }) => {
-  const t = A(), n = ge(ke), r = He(!0, !0), s = n && typeof n.id == "string", i = ft(
+  const t = A(), n = ge(ke), r = Ue(!0, !0), s = n && typeof n.id == "string", i = ft(
     () => U.getIsDesktopVersion(s, r),
     [s, r]
   ), [o, c] = Oa(vr, {
@@ -4122,7 +4141,7 @@ const gs = { height: 67, height_desktop: 83 }, oa = ({ showNavigation: e = !0 })
                     id: `header_account_${l.account ? "hide" : "show"}`
                   }) }),
                   /* @__PURE__ */ a.jsx(
-                    Ue,
+                    ze,
                     {
                       name: n && n.name || "",
                       src: n && n.image && n.image.thumbnail || ""
@@ -4275,9 +4294,9 @@ const bs = () => {
   G(() => {
     window.scrollTo(0, 0);
   }, [h]);
-  const g = at(e, { locale: c }), b = at(t, {
+  const g = rt(e, { locale: c }), b = rt(t, {
     locale: c
-  }), k = at(n, {
+  }), k = rt(n, {
     locale: c
   }), y = {};
   return f !== "default" && (y[f] = !0), d !== "default" && (y[d] = !0), p !== "default" && (y[p] = !0), /* @__PURE__ */ a.jsx(Ja, { onError: r, fallback: /* @__PURE__ */ a.jsx(bs, {}), children: /* @__PURE__ */ a.jsx(Ba, { fallback: null, children: /* @__PURE__ */ a.jsxs(
@@ -4393,7 +4412,7 @@ const Vi = ({
     )
   ] });
 };
-let et = null;
+let tt = null;
 const le = "discussion_form_", en = ({
   content: e = { type: "response", slugs: {} },
   userHasPermissions: t = !0,
@@ -4462,7 +4481,7 @@ const le = "discussion_form_", en = ({
     var H;
     if (N.preventDefault(), N.stopPropagation(), !f || !f.id || !t || C)
       return;
-    et && clearTimeout(et), k("submitting");
+    tt && clearTimeout(tt), k("submitting");
     const q = window.location.pathname;
     try {
       let Y;
@@ -4492,7 +4511,7 @@ const le = "discussion_form_", en = ({
         default:
           break;
       }
-      await xr(1e3), c.callback && await c.callback(Y), et = setTimeout(() => {
+      await xr(1e3), c.callback && await c.callback(Y), tt = setTimeout(() => {
         p(""), k("submitted"), $();
       }, 500);
     } catch (Y) {
@@ -4511,7 +4530,7 @@ const le = "discussion_form_", en = ({
       ) : Q.message.includes("400") && (z = `${le}error`), g(z), $();
     }
   }, $ = () => {
-    et = setTimeout(() => {
+    tt = setTimeout(() => {
       g(!1), k(!1);
     }, 5e3);
   }, C = !d || !yr(d), Z = b === "submitting", L = [];
@@ -5102,7 +5121,7 @@ const Es = ({ count: e = "", showRepliesButton: t = !0, children: n }) => {
     "opening",
     "open"
     /* Open */
-  ].includes(o), f = at(n, {
+  ].includes(o), f = rt(n, {
     element: "li"
   });
   return /* @__PURE__ */ a.jsxs("div", { className: "thread-wrapper", children: [
@@ -6961,10 +6980,10 @@ const Qi = ({
     contributors: ["community"]
   }
 ];
-const tt = "notFoundError_", Xi = () => {
+const nt = "notFoundError_", Xi = () => {
   const e = A(), t = [];
   return Dn.forEach((n, r) => {
-    n.title = e.formatMessage({ id: `${tt}post_${r + 1}` }), t.push("solutionArticle");
+    n.title = e.formatMessage({ id: `${nt}post_${r + 1}` }), t.push("solutionArticle");
   }), /* @__PURE__ */ a.jsxs(
     ys,
     {
@@ -6981,21 +7000,21 @@ const tt = "notFoundError_", Xi = () => {
               })
             }
           ),
-          /* @__PURE__ */ a.jsx(B, { href: "/solution-articles/", children: e.formatMessage({ id: `${tt}cta` }) })
+          /* @__PURE__ */ a.jsx(B, { href: "/solution-articles/", children: e.formatMessage({ id: `${nt}cta` }) })
         ] })
       },
       reportError: () => {
       },
       className: "not-found-error",
       children: [
-        /* @__PURE__ */ a.jsx("h1", { children: e.formatMessage({ id: `${tt}title` }) }),
-        /* @__PURE__ */ a.jsx("p", { children: e.formatMessage({ id: `${tt}text` }) })
+        /* @__PURE__ */ a.jsx("h1", { children: e.formatMessage({ id: `${nt}title` }) }),
+        /* @__PURE__ */ a.jsx("p", { children: e.formatMessage({ id: `${nt}text` }) })
       ]
     }
   );
 };
 export {
-  rt as ASSETS_BUCKET,
+  He as ASSETS_BUCKET,
   Gi as ActivitiesFeed,
   Qi as ActivitySection,
   da as AddPost,
@@ -7059,7 +7078,7 @@ export {
   ys as PageLayout,
   Hi as PasswordRules,
   st as Pill,
-  Ue as ProfilePicture,
+  ze as ProfilePicture,
   Ur as ProgressBar,
   Ui as Rating,
   si as RepliesFeed,
@@ -7084,7 +7103,7 @@ export {
   Ki as repliesFeedMock,
   or as useCurrentPath,
   Pe as useEffectAfterMount,
-  He as useElementWidth,
+  Ue as useElementWidth,
   lr as useScrollListener,
   dr as useScrollToHash,
   Jt as useUser

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apolitical/component-library",
-  "version": "1.18.0",
+  "version": "1.18.1",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {