@apolitical/component-library 1.17.3 → 1.17.4

package/index.mjs

@@ -5,7 +5,7 @@ import { useIntl as P, IntlProvider as Ts, createIntl as Ms, FormattedMessage as
 import Qe from "truncate";
 import { QueryClient as Cs, QueryClientProvider as Ns, useMutation as se, useQueryClient as jt, useInfiniteQuery as Ps, useQuery as Ds } from "@tanstack/react-query";
 import { ReactQueryDevtools as Rs } from "@tanstack/react-query-devtools";
-import ft from "posthog-js";
+import ht from "posthog-js";
 import { CookiesProvider as As, useCookies as Fs } from "react-cookie";
 import yt from "markdown-to-jsx";
 import { ReactMultiEmail as Ls } from "react-multi-email";
@@ -380,7 +380,7 @@ function Vs() {
       } else
         ze.setExtraStackFrame(null);
     }
-    function nt(f, j, S, C, H) {
+    function st(f, j, S, C, H) {
       {
         var W = Function.call.bind(ve);
         for (var B in f)
@@ -409,19 +409,19 @@ function Vs() {
         return S;
       }
     }
-    function st(f) {
+    function rt(f) {
       try {
-        return rt(f), !1;
+        return at(f), !1;
       } catch {
         return !0;
       }
     }
-    function rt(f) {
+    function at(f) {
       return "" + f;
     }
     function cn(f) {
-      if (st(f))
-        return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ie(f)), rt(f);
+      if (rt(f))
+        return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ie(f)), at(f);
     }
     var Ve = y.ReactCurrentOwner, cs = {
       key: !0,
@@ -618,7 +618,7 @@ Check the top-level render call using <` + S + ">.");
           return;
         if (S) {
           var C = k(j);
-          nt(S, f.props, "prop", C, f);
+          st(S, f.props, "prop", C, f);
         } else if (j.PropTypes !== void 0 && !Dt) {
           Dt = !0;
           var H = k(j);
@@ -756,7 +756,7 @@ function Ln(e, t, n) {
   return Gs(e, t, { maxWait: t, leading: o === void 0 || o, trailing: i === void 0 || i });
 }
 let At;
-const et = (e = !0, t = !1, n = "window") => {
+const tt = (e = !0, t = !1, n = "window") => {
   if (!e)
     return;
   const [r, o] = D.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: o }) => {
     Ss(n, r, o);
   }), n;
-}, ir = (e) => new Promise((t) => setTimeout(t, e)), ht = (e, t) => D.Children.map(e, (n) => D.cloneElement(n, {
+}, ir = (e) => new Promise((t) => setTimeout(t, e)), pt = (e, t) => D.Children.map(e, (n) => D.cloneElement(n, {
   ...t
 })), Q = ({
   variant: e = "primary",
@@ -1243,7 +1243,7 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   children: m = !1,
   ...d
 }) => {
-  const h = et(typeof t == "object");
+  const h = tt(typeof t == "object");
   if (typeof t == "object" && typeof h == "number") {
     const v = Object.assign({}, t), y = In(Object.keys(v));
     t = On(h, y, v);
@@ -1668,10 +1668,10 @@ const lo = ({
     e && /* @__PURE__ */ s.jsx(Rs, { initialIsOpen: !1 })
   ] });
 };
-var hr = nn({ client: ft });
+var hr = nn({ client: ht });
 function pr(e) {
   var t = e.children, n = e.client, r = e.apiKey, o = e.options, i = kt(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 && (ft.__loaded && console.warn("[PostHog.js] was already loaded elsewhere. This may cause issues."), ft.init(r, o)), ft);
+    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 && (ht.__loaded && console.warn("[PostHog.js] was already loaded elsewhere. This may cause issues."), ht.init(r, o)), ht);
   }, [n, r]);
   return D.createElement(hr.Provider, { value: { client: i } }, t);
 }
@@ -1711,7 +1711,7 @@ const br = ({ children: e, user: t }) => /* @__PURE__ */ s.jsx(Se.Provider, { va
       o({ ...i, isLoading: !1 }), rr(5e3);
     }).catch(() => o({ isLoading: !1 }));
   }, []), /* @__PURE__ */ s.jsx(_r, { locale: n == null ? void 0 : n.locale, messages: n == null ? void 0 : n.messages, children: /* @__PURE__ */ s.jsx(As, { children: /* @__PURE__ */ s.jsx(br, { user: r, children: /* @__PURE__ */ s.jsx(fr, { children: /* @__PURE__ */ s.jsx(gr, { user: r, children: t }) }) }) }) });
-}, pt = "https://storage.googleapis.com/apolitical-assets/", Ze = {
+}, et = "https://storage.googleapis.com/apolitical-assets/", Ze = {
   general: "hello@apolitical.co",
   support: "concierge@apolitical.co",
   "data-protection": {
@@ -1726,7 +1726,26 @@ const Un = ({ label: e = !1, className: t = "", children: n }) => {
     /* @__PURE__ */ s.jsx("div", { className: "content", 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 Re = ({
+  variant: e = "primary",
+  icon: t,
+  className: n = "",
+  children: r,
+  ...o
+}) => {
+  const i = t ? { "--icon": `url(${et}icons/${t}.svg)` } : {};
+  return /* @__PURE__ */ s.jsx(
+    "div",
+    {
+      className: E("highlighted-text-box", e, n, {
+        "has-icon": t
+      }),
+      style: i,
+      ...o,
+      children: r
+    }
+  );
+};
 const Tt = ({
   variant: e = "empty",
   text: t = !1,
@@ -1734,7 +1753,7 @@ const Tt = ({
   className: r = ""
 }) => {
   let o = n && !!Object.keys(n).length;
-  const i = typeof n == "object" && "breakpoints" in n, l = et(i);
+  const i = typeof n == "object" && "breakpoints" in n, l = tt(i);
   if (i && typeof n == "object" && typeof l == "number") {
     const d = Object.assign({}, n.breakpoints), p = In(Object.keys(d));
     o = On(l, p, d);
@@ -1962,7 +1981,7 @@ const Lt = "loadingBlock_", Pr = ({ progress: e = 0, steps: t = !1, className: n
   const i = Object.keys(t);
   for (let a = 0; a < i.length && !(e < parseInt(i[a])); a++)
     o = i[a];
-  const l = o && t[o].icon ? { "--icon": `url(${pt}icons/${t[o].icon}.svg)` } : {};
+  const l = o && t[o].icon ? { "--icon": `url(${et}icons/${t[o].icon}.svg)` } : {};
   return /* @__PURE__ */ s.jsxs(
     Re,
     {
@@ -1997,16 +2016,16 @@ const tn = {
 }, zn = (e, t) => e in tn ? /* @__PURE__ */ s.jsx("div", { className: e, children: tn[e].map((n, r) => zn(n, r)) }, t) : /* @__PURE__ */ s.jsx($e, { className: e }, t), Vn = ({ layout: e = "overview-page", ...t }) => /* @__PURE__ */ s.jsx("div", { className: E("loading-state", e), ...t, children: tn[e].map((n, r) => zn(n, r)) }), Yn = (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) : "";
-}, at = ["#5AB6A3", "#A2D7AF", "#806056", "#3962B3"], Dr = (e) => {
-  const t = Math.ceil(26 / at.length), n = Yn(e).toLowerCase();
+}, ot = ["#5AB6A3", "#A2D7AF", "#806056", "#3962B3"], Dr = (e) => {
+  const t = Math.ceil(26 / ot.length), n = Yn(e).toLowerCase();
   if (n === "")
-    return at[0];
+    return ot[0];
   const r = n.charCodeAt(0) - 96;
-  for (let o = 0; o < at.length; o++)
+  for (let o = 0; o < ot.length; o++)
     if (r <= t * (o + 1))
-      return at[o];
+      return ot[o];
 };
-const yn = 256, tt = ({
+const yn = 256, nt = ({
   className: e = "",
   src: t = "",
   name: n,
@@ -2047,9 +2066,9 @@ const yn = 256, tt = ({
     }
   );
 }, Gn = (e) => e === "apolitical" ? {
-  image: `${pt}logos/member_apolitical.svg`
+  image: `${et}logos/member_apolitical.svg`
 } : e === "community" || typeof e == "object" && !e.name ? {
-  image: `${pt}logos/member_community.svg`
+  image: `${et}logos/member_community.svg`
 } : {
   name: e.name,
   role: e.jobTitle || "",
@@ -2093,7 +2112,7 @@ const rn = ({
           g == null || g.stopPropagation();
         },
         children: [
-          /* @__PURE__ */ s.jsx(tt, { name: u, src: m }),
+          /* @__PURE__ */ s.jsx(nt, { name: u, src: m }),
           /* @__PURE__ */ s.jsxs("p", { className: "details", children: [
             /* @__PURE__ */ s.jsx("strong", { children: u }),
             n && /* @__PURE__ */ s.jsxs("span", { className: "additional-content", children: [
@@ -2135,7 +2154,7 @@ const En = {
           if (l)
             return /* @__PURE__ */ s.jsx($e, { element: "li", className: "contributor" }, p);
           h = /* @__PURE__ */ s.jsx(
-            tt,
+            nt,
             {
               name: w,
               src: v,
@@ -2351,7 +2370,7 @@ const En = {
   star: "star_empty_thin"
 }, Lr = (e) => {
   let t = e;
-  return Object.keys($n).includes(e) && (t = $n[e]), `url(${pt}icons/${t}.svg)`;
+  return Object.keys($n).includes(e) && (t = $n[e]), `url(${et}icons/${t}.svg)`;
 };
 const Ir = {
   title: 66,
@@ -2432,7 +2451,7 @@ const Ir = {
             d.registered && /* @__PURE__ */ s.jsx(gt, { size: "small", variant: "registered", children: l.formatMessage({ id: "card_registered" }) }),
             /* @__PURE__ */ s.jsx(Qn, { image: d.banner })
           ] }) : v === "people" ? /* @__PURE__ */ s.jsx(
-            tt,
+            nt,
             {
               name: d.title || "",
               src: d.profile,
@@ -2510,7 +2529,7 @@ const It = {
   threeCards: 769,
   twoCards: 480
 };
-let ot = null;
+let it = null;
 const Qr = ({
   id: e,
   cards: t,
@@ -2527,7 +2546,7 @@ const Qr = ({
   }), { cardsPerPage: m, isLoading: d } = u, [p, h] = A({
     currentPage: 0,
     loadedPages: [0]
-  }), { currentPage: g, loadedPages: w } = p, v = t.length, y = Math.ceil(v / m), x = ne(null), _ = et(!0, !0, x == null ? void 0 : x.current);
+  }), { currentPage: g, loadedPages: w } = p, v = t.length, y = Math.ceil(v / m), x = ne(null), _ = tt(!0, !0, x == null ? void 0 : x.current);
   Y(() => {
     let $ = 1;
     _ && (_ >= It.fourCards ? $ = 4 : _ >= It.threeCards ? $ = 3 : _ >= It.twoCards && ($ = 2), $ > v && ($ = v)), c((M) => ({
@@ -2556,12 +2575,12 @@ const Qr = ({
       loadedPages: [.../* @__PURE__ */ new Set([...w, M])]
     }));
   }, N = ($) => {
-    ot = $.touches[0].clientX;
+    it = $.touches[0].clientX;
   }, R = ($) => {
-    if (ot === null)
+    if (it === null)
       return;
-    const M = $.touches[0].clientX, b = ot - M;
-    b > 5 ? T("next") : b < -5 && T("previous"), ot = null;
+    const M = $.touches[0].clientX, b = it - M;
+    b > 5 ? T("next") : b < -5 && T("previous"), it = null;
   }, V = {
     "--width": `${((F = x == null ? void 0 : x.current) == null ? void 0 : F.offsetWidth) || 0}px`,
     "--total-cards": v,
@@ -2809,7 +2828,7 @@ const xo = ({
     i === "before-lang" ? r += `/${o}` : (r.includes(`/${n}/`) || (r += `/${n}`), r += `/${o}`);
   }), r.includes(`/${n}/`) || (r += `/${n}`), r;
 };
-const Ht = { en: "English", es: "Español", fr: "Français", pt: "Português" }, it = "languageSwitcher_", bo = ({
+const Ht = { en: "English", es: "Español", fr: "Français", pt: "Português" }, ct = "languageSwitcher_", bo = ({
   currentLanguage: e,
   isOriginalLanguage: t = !1,
   isHumanTranslation: n = !1,
@@ -2829,12 +2848,12 @@ const Ht = { en: "English", es: "Español", fr: "Français", pt: "Português" },
   const h = Object.keys(r), g = m !== e;
   return /* @__PURE__ */ s.jsxs("div", { className: E("language-switcher text-small", l, u), children: [
     /* @__PURE__ */ s.jsxs("nav", { children: [
-      l !== "short" && /* @__PURE__ */ s.jsx("p", { children: a || c.formatMessage({ id: `${it}label` }) }),
+      l !== "short" && /* @__PURE__ */ s.jsx("p", { children: a || c.formatMessage({ id: `${ct}label` }) }),
       /* @__PURE__ */ s.jsx("ul", { children: h.map((w) => {
         if (!Ht[w])
           return null;
         let v = { className: w };
-        return m === w ? v["aria-label"] = c.formatMessage({ id: `${it}selected` }, { language: Ht[w] }) : v = {
+        return m === w ? v["aria-label"] = c.formatMessage({ id: `${ct}selected` }, { language: Ht[w] }) : v = {
           ...v,
           href: Ur(w, i),
           onClick: (y) => {
@@ -2842,13 +2861,13 @@ const Ht = { en: "English", es: "Español", fr: "Français", pt: "Português" },
           }
         }, /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx($t, { ...v, fallbackElement: "span", children: Ht[w] }) }, w);
       }) }),
-      l !== "short" && !g && /* @__PURE__ */ s.jsx("p", { children: c.formatMessage({ id: `${it}translation_${t ? "original" : n ? "human" : "machine"}` }) })
+      l !== "short" && !g && /* @__PURE__ */ s.jsx("p", { children: c.formatMessage({ id: `${ct}translation_${t ? "original" : n ? "human" : "machine"}` }) })
     ] }),
     l !== "short" && !g && !t && !n && /* @__PURE__ */ s.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: c.formatMessage({ id: `${it}disclaimer` }, {
+      children: c.formatMessage({ id: `${ct}disclaimer` }, {
         email: Ze.support,
         link: (w) => {
           const v = `mailto:${w}`;
@@ -2893,7 +2912,7 @@ const Qt = Ms({ locale: "en", messages: sn }), qn = ({
   ) : !l || l != null && l.includes("Cannot read items") ? /* @__PURE__ */ s.jsx("p", { children: r.endOfFeed }) : /* @__PURE__ */ s.jsx("p", { className: "error", children: r.error }) });
 };
 const Kn = ({ variant: e = "default", version: t = "default", className: n = "", ...r }) => /* @__PURE__ */ s.jsx("p", { className: "logo-wrapper", children: /* @__PURE__ */ s.jsx("a", { href: "/home/", className: E("logo", e, t, n), ...r, children: /* @__PURE__ */ s.jsx(ce, { children: /* @__PURE__ */ s.jsx(De, { id: "apolitical" }) }) }) });
-let ct = !1;
+let lt = !1;
 const Wr = ({ element: e = "div", id: t = "more-menu", options: n, className: r = "" }) => {
   const o = P(), i = ne(null), [l, a] = A(!1), u = (c) => {
     i.current && c.target instanceof HTMLElement && !i.current.contains(c.target) && a(!1);
@@ -2924,10 +2943,10 @@ const Wr = ({ element: e = "div", id: t = "more-menu", options: n, className: r
             a(!1), typeof m == "function" && m(v);
           },
           onFocus: () => {
-            ct && (clearTimeout(ct), ct = !1);
+            lt && (clearTimeout(lt), lt = !1);
           },
           onBlur: () => {
-            ct = setTimeout(() => {
+            lt = setTimeout(() => {
               a(!1);
             }, 100);
           }
@@ -2992,7 +3011,7 @@ const Vr = [
         className: "gtm-trackable",
         children: [
           /* @__PURE__ */ s.jsx(
-            tt,
+            nt,
             {
               name: (n == null ? void 0 : n.name) || "",
               src: n != null && n.image ? n.image.thumbnail : ""
@@ -3145,7 +3164,7 @@ const Xr = {
   className: n = "",
   children: r
 }) => {
-  const o = et(!0);
+  const o = tt(!0);
   let i = r;
   return D.Children.count(r) === 1 && (i = D.Children.toArray(r)[0], i.props && (i = i.props.children)), /* @__PURE__ */ s.jsx("section", { className: E("columns", `layout-${e}`, n), children: D.Children.map(i, (l, a) => t !== !1 && a === t && o && o < Xr[e] ? null : l) });
 }, ko = ({ activeLink: e, ...t }) => /* @__PURE__ */ s.jsx(St, { children: /* @__PURE__ */ s.jsx(Zr, { layout: "1-3", children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
@@ -3365,13 +3384,13 @@ const He = "footer_", xt = "SiteFooter", Sn = ({ group: e }) => {
     /* @__PURE__ */ s.jsx("small", { children: /* @__PURE__ */ s.jsx(De, { id: `${He}copyright`, values: { currentYear: (/* @__PURE__ */ new Date()).getFullYear() } }) })
   ] })
 ] }) });
-const lt = "emailHelperTextBox_", jo = ({ type: e, email: t, redirectPath: n, resendVerificationCode: r }) => {
-  const o = P(), [i, l] = A({ path: `${lt}default`, type: "default", link: {}, mail: {}, error: "" }), [a, u] = A(!1), c = Ae(
+const dt = "emailHelperTextBox_", jo = ({ type: e, email: t, redirectPath: n, resendVerificationCode: r }) => {
+  const o = P(), [i, l] = A({ path: `${dt}default`, type: "default", link: {}, mail: {}, error: "" }), [a, u] = A(!1), c = Ae(
     (h) => {
       h.preventDefault(), h.stopPropagation();
       const g = (w) => {
         l({
-          path: `${lt}error_verificationFailedToSend`,
+          path: `${dt}error_verificationFailedToSend`,
           type: "error",
           link: {
             "data-gtm-event-context": "VerifyEmailBox",
@@ -3391,7 +3410,7 @@ const lt = "emailHelperTextBox_", jo = ({ type: e, email: t, redirectPath: n, re
         });
       };
       if (typeof r != "function") {
-        g(o.formatMessage({ id: `${lt}error_noFunction` }));
+        g(o.formatMessage({ id: `${dt}error_noFunction` }));
         return;
       }
       u(!0), r(t).then(() => {
@@ -3407,7 +3426,7 @@ const lt = "emailHelperTextBox_", jo = ({ type: e, email: t, redirectPath: n, re
   );
   Y(
     () => {
-      let h = lt, g = "default", w = {}, v = {};
+      let h = dt, g = "default", w = {}, v = {};
       switch (e) {
         case "gov":
           h += "autoApproved", g = "success";
@@ -3487,24 +3506,24 @@ const lt = "emailHelperTextBox_", jo = ({ type: e, email: t, redirectPath: n, re
     )
   ) });
 };
-const dt = "passwordRules_", ts = "isMoreThanEightCharacters", ns = "includesNumberAndSymbol", ss = "includesLowerAndUppercase", Kr = {
+const ut = "passwordRules_", ts = "isMoreThanEightCharacters", ns = "includesNumberAndSymbol", ss = "includesLowerAndUppercase", Kr = {
   [ts]: "8Characters",
   [ns]: "numberSymbol",
   [ss]: "lowercaseUppercase"
 }, ea = ({ matchingRules: e = { isMoreThanEightCharacters: !1, includesNumberAndSymbol: !1, includesLowerAndUppercase: !1 }, className: t = "" }) => {
   const n = P();
   return /* @__PURE__ */ s.jsxs("aside", { className: E("password-rules", t), children: [
-    /* @__PURE__ */ s.jsx("small", { children: n.formatMessage({ id: `${dt}intro` }) }),
+    /* @__PURE__ */ s.jsx("small", { children: n.formatMessage({ id: `${ut}intro` }) }),
     /* @__PURE__ */ s.jsx("ul", { children: [ts, ns, ss].map((r) => /* @__PURE__ */ s.jsxs("li", { className: E({ matches: e[r] }), children: [
       /* @__PURE__ */ s.jsxs(ce, { children: [
-        n.formatMessage({ id: `${dt}rule_label` }),
+        n.formatMessage({ id: `${ut}rule_label` }),
         " "
       ] }),
-      /* @__PURE__ */ s.jsx("span", { children: n.formatMessage({ id: `${dt}rule_${Kr[r]}` }) }),
+      /* @__PURE__ */ s.jsx("span", { children: n.formatMessage({ id: `${ut}rule_${Kr[r]}` }) }),
       !e[r] && /* @__PURE__ */ s.jsxs(ce, { element: "strong", children: [
         " ",
         " ",
-        n.formatMessage({ id: `${dt}notMet` })
+        n.formatMessage({ id: `${ut}notMet` })
       ] })
     ] }, `rule-${r}`)) })
   ] });
@@ -3971,7 +3990,7 @@ const na = ({
   ] }, e);
 };
 const sa = { height: 67, height_desktop: 83 }, rs = ({ showNavigation: e = !0 }) => {
-  const t = P(), n = we(Se), r = et(!0, !0), o = n && typeof n.id == "string", i = kt(
+  const t = P(), n = we(Se), r = tt(!0, !0), o = n && typeof n.id == "string", i = kt(
     () => U.getIsDesktopVersion(o, r),
     [o, r]
   ), [l, a] = ys(or, {
@@ -4122,7 +4141,7 @@ const sa = { height: 67, height_desktop: 83 }, rs = ({ showNavigation: e = !0 })
                     id: `header_account_${c.account ? "hide" : "show"}`
                   }) }),
                   /* @__PURE__ */ s.jsx(
-                    tt,
+                    nt,
                     {
                       name: n && n.name || "",
                       src: n && n.image && n.image.thumbnail || ""
@@ -4275,9 +4294,9 @@ const aa = () => {
   Y(() => {
     window.scrollTo(0, 0);
   }, [h]);
-  const g = ht(e, { locale: a }), w = ht(t, {
+  const g = pt(e, { locale: a }), w = pt(t, {
     locale: a
-  }), v = ht(n, {
+  }), v = pt(n, {
     locale: a
   }), y = {};
   return m !== "default" && (y[m] = !0), d !== "default" && (y[d] = !0), p !== "default" && (y[p] = !0), /* @__PURE__ */ s.jsx(Is, { onError: r, fallback: /* @__PURE__ */ s.jsx(aa, {}), children: /* @__PURE__ */ s.jsx(Es, { fallback: null, children: /* @__PURE__ */ s.jsxs(
@@ -4393,7 +4412,7 @@ const To = ({
     )
   ] });
 };
-let ut = null;
+let mt = null;
 const ge = "discussion_form_", is = ({
   content: e = { type: "response", slugs: {} },
   userHasPermissions: t = !0,
@@ -4462,7 +4481,7 @@ const ge = "discussion_form_", is = ({
     var k;
     if (b.preventDefault(), b.stopPropagation(), !m || !m.id || !t || R)
       return;
-    ut && clearTimeout(ut), v("submitting");
+    mt && clearTimeout(mt), v("submitting");
     const z = window.location.pathname;
     try {
       let I;
@@ -4492,7 +4511,7 @@ const ge = "discussion_form_", is = ({
         default:
           break;
       }
-      await ir(1e3), a.callback && await a.callback(I), ut = setTimeout(() => {
+      await ir(1e3), a.callback && await a.callback(I), mt = setTimeout(() => {
         p(""), v("submitted"), N();
       }, 500);
     } catch (I) {
@@ -4511,7 +4530,7 @@ const ge = "discussion_form_", is = ({
       ) : J.message.includes("400") && (X = `${ge}error`), g(X), N();
     }
   }, N = () => {
-    ut = setTimeout(() => {
+    mt = setTimeout(() => {
       g(!1), v(!1);
     }, 5e3);
   }, R = !d || !ar(d), V = w === "submitting", F = [];
@@ -5098,7 +5117,7 @@ const ha = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     "opening",
     "open"
     /* Open */
-  ].includes(l), m = ht(n, {
+  ].includes(l), m = pt(n, {
     element: "li"
   });
   return /* @__PURE__ */ s.jsxs("div", { className: "thread-wrapper", children: [
@@ -6136,7 +6155,7 @@ const No = ({
     leave: w
   }
 }) => {
-  var de, ue, G, re, oe, O, me, _e, fe, ke, xe, je, be, q, ae, he, K, ie, ve, Pe, ze, Le, nt;
+  var de, ue, G, re, oe, O, me, _e, fe, ke, xe, je, be, q, ae, he, K, ie, ve, Pe, ze, Le, st;
   const v = P(), y = we(Se), x = jt(), {
     data: _,
     isLoading: T,
@@ -6166,10 +6185,10 @@ const No = ({
     queryKey: [e, t, n],
     user: y,
     mutationFn: async () => {
-      var Ee, Ie, st;
-      const ee = (st = (Ie = (Ee = _ == null ? void 0 : _.own_reactions) == null ? void 0 : Ee.like) == null ? void 0 : Ie.find(
-        (rt) => rt.user_id === (y == null ? void 0 : y.id)
-      )) == null ? void 0 : st.id;
+      var Ee, Ie, rt;
+      const ee = (rt = (Ie = (Ee = _ == null ? void 0 : _.own_reactions) == null ? void 0 : Ee.like) == null ? void 0 : Ie.find(
+        (at) => at.user_id === (y == null ? void 0 : y.id)
+      )) == null ? void 0 : rt.id;
       await u({ activityId: n, reactionId: ee });
     },
     activity: _
@@ -6256,7 +6275,7 @@ const No = ({
             basePath: e,
             parentId: t,
             activityId: n,
-            repliesList: (nt = _ == null ? void 0 : _.latest_reactions) == null ? void 0 : nt.reply,
+            repliesList: (st = _ == null ? void 0 : _.latest_reactions) == null ? void 0 : st.reply,
             isMember: r,
             functions: {
               create: c,
@@ -6323,10 +6342,10 @@ const No = ({
     contributors: ["community"]
   }
 ];
-const mt = "notFoundError_", Do = () => {
+const ft = "notFoundError_", Do = () => {
   const e = P(), t = [];
   return Dn.forEach((n, r) => {
-    n.title = e.formatMessage({ id: `${mt}post_${r + 1}` }), t.push("solutionArticle");
+    n.title = e.formatMessage({ id: `${ft}post_${r + 1}` }), t.push("solutionArticle");
   }), /* @__PURE__ */ s.jsxs(
     oa,
     {
@@ -6343,21 +6362,21 @@ const mt = "notFoundError_", Do = () => {
               })
             }
           ),
-          /* @__PURE__ */ s.jsx(Q, { href: "/solution-articles/", children: e.formatMessage({ id: `${mt}cta` }) })
+          /* @__PURE__ */ s.jsx(Q, { href: "/solution-articles/", children: e.formatMessage({ id: `${ft}cta` }) })
         ] })
       },
       reportError: () => {
       },
       className: "not-found-error",
       children: [
-        /* @__PURE__ */ s.jsx("h1", { children: e.formatMessage({ id: `${mt}title` }) }),
-        /* @__PURE__ */ s.jsx("p", { children: e.formatMessage({ id: `${mt}text` }) })
+        /* @__PURE__ */ s.jsx("h1", { children: e.formatMessage({ id: `${ft}title` }) }),
+        /* @__PURE__ */ s.jsx("p", { children: e.formatMessage({ id: `${ft}text` }) })
       ]
     }
   );
 };
 export {
-  pt as ASSETS_BUCKET,
+  et as ASSETS_BUCKET,
   Co as ActivitiesFeed,
   No as ActivitySection,
   an as AddPost,
@@ -6421,7 +6440,7 @@ export {
   oa as PageLayout,
   yo as PasswordRules,
   gt as Pill,
-  tt as ProfilePicture,
+  nt as ProfilePicture,
   Nr as ProgressBar,
   Eo as Rating,
   Ba as RepliesFeed,
@@ -6445,7 +6464,7 @@ export {
   rr as pageReady,
   Ys as useCurrentPath,
   Ue as useEffectAfterMount,
-  et as useElementWidth,
+  tt as useElementWidth,
   Js as useScrollListener,
   Xs as useScrollToHash,
   xr as useUser

package/package.json

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