@apolitical/component-library 6.6.17 → 6.6.18

package/index.mjs

@@ -1,5 +1,5 @@
 import re, { memo as rn, useRef as Se, useEffect as fe, useState as ce, useMemo as Xt, forwardRef as oo, Children as Bs, createContext as Tt, useContext as $e, useCallback as Ie, lazy as yr, useReducer as xr, Suspense as ed, Fragment as Kr, useLayoutEffect as zm, Component as qm } from "react";
-import { useIntl as de, FormattedMessage as mt, IntlProvider as Um, createIntl as Wm } from "react-intl";
+import { useIntl as de, FormattedMessage as ht, IntlProvider as Um, createIntl as Wm } from "react-intl";
 import $t from "lodash.clonedeep";
 import Vm from "lodash.set";
 import td from "react-dom";
@@ -510,7 +510,7 @@ function rh() {
         });
       }
     }
-    var pt = function(M, ue, he, Ae, qe, Ge, Re) {
+    var gt = function(M, ue, he, Ae, qe, Ge, Re) {
       var Me = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
@@ -554,7 +554,7 @@ function rh() {
           var ot = typeof M == "function" ? M.displayName || M.name || "Unknown" : M;
           Me && st(Re, ot), bt && jt(Re, ot);
         }
-        return pt(M, Me, bt, qe, Ae, ye.current, Re);
+        return gt(M, Me, bt, qe, Ae, ye.current, Re);
       }
     }
     var _r = g.ReactCurrentOwner, di = g.ReactDebugCurrentFrame;
@@ -2056,7 +2056,7 @@ const $k = ({
   steps: t = 1
 }) => /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
   /* @__PURE__ */ c.jsx(ze, { children: /* @__PURE__ */ c.jsx(
-    mt,
+    ht,
     {
       id: "progressTracker",
       values: { current: e, total: t }
@@ -2401,7 +2401,7 @@ const qk = ({
       ] }, `dl-${u}`) : /* @__PURE__ */ c.jsx("li", { style: m, children: typeof l.text == "string" ? /* @__PURE__ */ c.jsx(en, { options: d, children: l.text }) : l.text }, u);
     })
   });
-}, gt = () => re.Fragment, Mh = ({ children: e }) => /* @__PURE__ */ c.jsx(zt, { variant: "secondary", children: e }), Rh = ({ children: e }) => typeof e == "object" && Object.keys(e || {}).length === 1 ? /* @__PURE__ */ c.jsx("p", { className: "center", children: e }) : /* @__PURE__ */ c.jsx("div", { className: "center", children: e }), Ih = ["span", "strong", "h1", "h2", "h3", "h4", "h5", "h6", "p"], $h = ({ children: e }) => {
+}, ft = () => re.Fragment, Mh = ({ children: e }) => /* @__PURE__ */ c.jsx(zt, { variant: "secondary", children: e }), Rh = ({ children: e }) => typeof e == "object" && Object.keys(e || {}).length === 1 ? /* @__PURE__ */ c.jsx("p", { className: "center", children: e }) : /* @__PURE__ */ c.jsx("div", { className: "center", children: e }), Ih = ["span", "strong", "h1", "h2", "h3", "h4", "h5", "h6", "p"], $h = ({ children: e }) => {
   const t = de();
   if (!e)
     return null;
@@ -2523,28 +2523,29 @@ const Uh = {
     CaseStudy: Mh,
     // Override embedded HTML
     // Our content team previously used real HTML, which we need to tear out and replace with React components
-    style: gt,
+    style: ft,
     details: $h,
     div: Lh,
     iframe: zh,
-    center: Rh
+    center: Rh,
+    script: ft
   },
   "text-only": {
-    h1: gt,
-    h2: gt,
-    h3: gt,
-    h4: gt,
-    h5: gt,
-    h6: gt,
-    style: gt,
-    details: gt,
-    div: gt,
-    TextBox: gt,
-    CollapsibleSection: gt,
-    CaseStudy: gt,
-    blockquote: gt,
-    iframe: gt,
-    button: gt
+    h1: ft,
+    h2: ft,
+    h3: ft,
+    h4: ft,
+    h5: ft,
+    h6: ft,
+    style: ft,
+    details: ft,
+    div: ft,
+    TextBox: ft,
+    CollapsibleSection: ft,
+    CaseStudy: ft,
+    blockquote: ft,
+    iframe: ft,
+    button: ft
   }
 }, fr = ({
   element: e = "div",
@@ -2712,11 +2713,11 @@ const Jh = ({ children: e, locale: t, messages: n }) => {
   es: "Español",
   fr: "Français",
   pt: "Português"
-}, ht = Tt({ isLoading: !0 });
+}, pt = Tt({ isLoading: !0 });
 function po() {
-  return $e(ht);
+  return $e(pt);
 }
-const Xh = ({ children: e, user: t, updateDetails: n }) => /* @__PURE__ */ c.jsx(ht.Provider, { value: { ...t, updateDetails: n }, children: e }), vd = Tt({
+const Xh = ({ children: e, user: t, updateDetails: n }) => /* @__PURE__ */ c.jsx(pt.Provider, { value: { ...t, updateDetails: n }, children: e }), vd = Tt({
   registerOverlay: () => {
   },
   unregisterOverlay: () => {
@@ -3008,7 +3009,7 @@ const En = ({
     variant: f = "inline",
     isCondensed: b = !0,
     additionalContentNewLine: g = !1
-  } = i, y = $e(ht), w = h && y && typeof y.id == "string", [A, C] = ce(!1), E = vo(t);
+  } = i, y = $e(pt), w = h && y && typeof y.id == "string", [A, C] = ce(!1), E = vo(t);
   E.name || (E.name = m.formatMessage({
     id: `member_${typeof t == "string" ? t : "community"}`
   }));
@@ -4965,7 +4966,7 @@ const Tr = "joinCommunityButton", Pd = ({
   }, leave: () => {
   } }
 }) => {
-  const s = de(), o = $e(ht), l = o && typeof o.id == "string", u = r || !l, [d, m] = ce(e), [h, p] = ce(e ? "joined" : "notJoined");
+  const s = de(), o = $e(pt), l = o && typeof o.id == "string", u = r || !l, [d, m] = ce(e), [h, p] = ce(e ? "joined" : "notJoined");
   fe(() => {
     h === "joining" ? p("joined") : h === "leaving" && p("notJoined");
   }, [d]);
@@ -5016,7 +5017,7 @@ const Ia = "communityDetails_", Wk = ({
   members: { number: i = 0, data: a = [] } = { number: 0, data: [] },
   functions: { invite: s, ...o }
 }) => {
-  const l = de(), { id: u } = $e(ht), d = u, m = 5, h = i || a.length, p = a.length ? a : Array(m).fill({}), v = `/communities/${r}/members` === window.location.pathname, f = t || n, b = !n && !t;
+  const l = de(), { id: u } = $e(pt), d = u, m = 5, h = i || a.length, p = a.length ? a : Array(m).fill({}), v = `/communities/${r}/members` === window.location.pathname, f = t || n, b = !n && !t;
   return /* @__PURE__ */ c.jsxs("div", { className: V("community-details", e), children: [
     f ? /* @__PURE__ */ c.jsxs("div", { className: "member-details", children: [
       /* @__PURE__ */ c.jsxs("div", { className: "top", children: [
@@ -7653,7 +7654,7 @@ const iv = ({
           totalReplies: f.length
         }
       )
-    ] }) : /* @__PURE__ */ c.jsx(zt, { children: /* @__PURE__ */ c.jsx(mt, { id: "replies_feed_missing_polls_vote_message" }) }),
+    ] }) : /* @__PURE__ */ c.jsx(zt, { children: /* @__PURE__ */ c.jsx(ht, { id: "replies_feed_missing_polls_vote_message" }) }),
     /* @__PURE__ */ c.jsx(Sm, { form: d })
   ] });
 };
@@ -8246,7 +8247,7 @@ const Kd = ({
     href: "/home/",
     className: V("logo", e, t, n),
     ...r,
-    children: /* @__PURE__ */ c.jsx(ze, { children: /* @__PURE__ */ c.jsx(mt, { id: "apolitical" }) })
+    children: /* @__PURE__ */ c.jsx(ze, { children: /* @__PURE__ */ c.jsx(ht, { id: "apolitical" }) })
   }
 ) });
 let xi = !1;
@@ -8333,7 +8334,7 @@ const vv = yr(() => Promise.resolve().then(() => fp)), bv = [
     href: "/communities/"
   }
 ], yv = ({ activeLink: e, profile: t }) => {
-  const n = de(), r = $e(ht), i = r && typeof r.id == "string";
+  const n = de(), r = $e(pt), i = r && typeof r.id == "string";
   return /* @__PURE__ */ c.jsxs("ul", { id: "navigation-menu", className: "text-medium", children: [
     bv.map(({ key: a, href: s }) => {
       const o = gv(s, e), l = {};
@@ -10136,7 +10137,7 @@ const Rv = ({
       const i = r;
       return i != null && i.name && i.name === Vi ? /* @__PURE__ */ c.jsxs("span", { ...e, className: "mention deleted-user", children: [
         "@",
-        /* @__PURE__ */ c.jsx(mt, { id: "member_deleted" }),
+        /* @__PURE__ */ c.jsx(ht, { id: "member_deleted" }),
         t
       ] }) : /* @__PURE__ */ c.jsxs("a", { ...e, className: "mention", children: [
         "@",
@@ -10376,7 +10377,7 @@ function Gb(e, t) {
 function rl(e) {
   return Object.prototype.toString.call(e) === "[object Object]";
 }
-function ft(e) {
+function mt(e) {
   var t, n;
   return rl(e) === !1 ? !1 : (t = e.constructor, t === void 0 ? !0 : (n = t.prototype, !(rl(n) === !1 || n.hasOwnProperty("isPrototypeOf") === !1)));
 }
@@ -11269,8 +11270,8 @@ var m0 = (e, t, n) => {
           text: jt
         });
       } else {
-        var pt = ge.children.slice(0, xe), _a = ge.children.slice(xe);
-        ge.children = pt, at = Or(Or({}, ke), {}, {
+        var gt = ge.children.slice(0, xe), _a = ge.children.slice(xe);
+        ge.children = gt, at = Or(Or({}, ke), {}, {
           children: _a
         });
       }
@@ -11344,7 +11345,7 @@ var m0 = (e, t, n) => {
 }, pf = (e, t) => {
   for (var n in e) {
     var r = e[n], i = t[n];
-    if (ft(r) && ft(i)) {
+    if (mt(r) && mt(i)) {
       if (!pf(r, i))
         return !1;
     } else if (Array.isArray(r) && Array.isArray(i)) {
@@ -11457,7 +11458,7 @@ var Y = {
     return !Y.isBackward(e);
   },
   isRange(e) {
-    return ft(e) && Pe.isPoint(e.anchor) && Pe.isPoint(e.focus);
+    return mt(e) && Pe.isPoint(e.anchor) && Pe.isPoint(e.focus);
   },
   *points(e) {
     yield [e.anchor, "anchor"], yield [e.focus, "focus"];
@@ -11489,9 +11490,9 @@ var Y = {
       r.anchor = l, r.focus = u;
     });
   }
-}, gl = (e) => ft(e) && le.isNodeList(e.children) && !x.isEditor(e), pe = {
+}, gl = (e) => mt(e) && le.isNodeList(e.children) && !x.isEditor(e), pe = {
   isAncestor(e) {
-    return ft(e) && le.isNodeList(e.children);
+    return mt(e) && le.isNodeList(e.children);
   },
   isElement: gl,
   isElementList(e) {
@@ -11748,7 +11749,7 @@ var Dn = {
     return Dn.isOperation(e) && e.type.endsWith("_node");
   },
   isOperation(e) {
-    if (!ft(e))
+    if (!mt(e))
       return !1;
     switch (e.type) {
       case "insert_node":
@@ -11756,7 +11757,7 @@ var Dn = {
       case "insert_text":
         return typeof e.offset == "number" && typeof e.text == "string" && R.isPath(e.path);
       case "merge_node":
-        return typeof e.position == "number" && R.isPath(e.path) && ft(e.properties);
+        return typeof e.position == "number" && R.isPath(e.path) && mt(e.properties);
       case "move_node":
         return R.isPath(e.path) && R.isPath(e.newPath);
       case "remove_node":
@@ -11764,11 +11765,11 @@ var Dn = {
       case "remove_text":
         return typeof e.offset == "number" && typeof e.text == "string" && R.isPath(e.path);
       case "set_node":
-        return R.isPath(e.path) && ft(e.properties) && ft(e.newProperties);
+        return R.isPath(e.path) && mt(e.properties) && mt(e.newProperties);
       case "set_selection":
-        return e.properties === null && Y.isRange(e.newProperties) || e.newProperties === null && Y.isRange(e.properties) || ft(e.properties) && ft(e.newProperties);
+        return e.properties === null && Y.isRange(e.newProperties) || e.newProperties === null && Y.isRange(e.properties) || mt(e.properties) && mt(e.newProperties);
       case "split_node":
-        return R.isPath(e.path) && typeof e.position == "number" && ft(e.properties);
+        return R.isPath(e.path) && typeof e.position == "number" && mt(e.properties);
       default:
         return !1;
     }
@@ -11860,9 +11861,9 @@ var Dn = {
   var t = yl.get(e);
   if (t !== void 0)
     return t;
-  if (!ft(e))
+  if (!mt(e))
     return !1;
-  var n = typeof e.addMark == "function" && typeof e.apply == "function" && typeof e.deleteFragment == "function" && typeof e.insertBreak == "function" && typeof e.insertSoftBreak == "function" && typeof e.insertFragment == "function" && typeof e.insertNode == "function" && typeof e.insertText == "function" && typeof e.isElementReadOnly == "function" && typeof e.isInline == "function" && typeof e.isSelectable == "function" && typeof e.isVoid == "function" && typeof e.normalizeNode == "function" && typeof e.onChange == "function" && typeof e.removeMark == "function" && typeof e.getDirtyPaths == "function" && (e.marks === null || ft(e.marks)) && (e.selection === null || Y.isRange(e.selection)) && le.isNodeList(e.children) && Dn.isOperationList(e.operations);
+  var n = typeof e.addMark == "function" && typeof e.apply == "function" && typeof e.deleteFragment == "function" && typeof e.insertBreak == "function" && typeof e.insertSoftBreak == "function" && typeof e.insertFragment == "function" && typeof e.insertNode == "function" && typeof e.insertText == "function" && typeof e.isElementReadOnly == "function" && typeof e.isInline == "function" && typeof e.isSelectable == "function" && typeof e.isVoid == "function" && typeof e.normalizeNode == "function" && typeof e.onChange == "function" && typeof e.removeMark == "function" && typeof e.getDirtyPaths == "function" && (e.marks === null || mt(e.marks)) && (e.selection === null || Y.isRange(e.selection)) && le.isNodeList(e.children) && Dn.isOperationList(e.operations);
   return yl.set(e, n), n;
 }, x = {
   above(e, t) {
@@ -12090,7 +12091,7 @@ var Pe = {
     return e.offset === t.offset && R.equals(e.path, t.path);
   },
   isPoint(e) {
-    return ft(e) && typeof e.offset == "number" && R.isPath(e.path);
+    return mt(e) && typeof e.offset == "number" && R.isPath(e.path);
   },
   transform(e, t) {
     var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
@@ -12182,7 +12183,7 @@ var be = {
     return pf(r ? i(e) : e, r ? i(t) : t);
   },
   isText(e) {
-    return ft(e) && typeof e.text == "string";
+    return mt(e) && typeof e.text == "string";
   },
   isTextList(e) {
     return Array.isArray(e) && e.every((t) => be.isText(t));
@@ -21691,12 +21692,12 @@ function GC(e) {
         if (ge) {
           let jt = oe;
           for (Be = void 0; jt--; ) {
-            const pt = K[jt];
-            if (pt[1].type === "lineEnding" || pt[1].type === "lineEndingBlank") {
-              if (pt[0] === "exit")
+            const gt = K[jt];
+            if (gt[1].type === "lineEnding" || gt[1].type === "lineEndingBlank") {
+              if (gt[0] === "exit")
                 continue;
-              Be && (K[Be][1].type = "lineEndingBlank", ke = !0), pt[1].type = "lineEnding", Be = jt;
-            } else if (!(pt[1].type === "linePrefix" || pt[1].type === "blockQuotePrefix" || pt[1].type === "blockQuotePrefixWhitespace" || pt[1].type === "blockQuoteMarker" || pt[1].type === "listItemIndent"))
+              Be && (K[Be][1].type = "lineEndingBlank", ke = !0), gt[1].type = "lineEnding", Be = jt;
+            } else if (!(gt[1].type === "linePrefix" || gt[1].type === "blockQuotePrefix" || gt[1].type === "blockQuotePrefixWhitespace" || gt[1].type === "blockQuoteMarker" || gt[1].type === "listItemIndent"))
               break;
           }
           dt && (!Be || dt < Be) && (ge._spread = !0), ge.end = Object.assign(
@@ -23689,7 +23690,7 @@ var UE = {
    * Check if a value is a `History` object.
    */
   isHistory(e) {
-    return ft(e) && Array.isArray(e.redos) && Array.isArray(e.undos) && (e.redos.length === 0 || Dn.isOperationList(e.redos[0].operations)) && (e.undos.length === 0 || Dn.isOperationList(e.undos[0].operations));
+    return mt(e) && Array.isArray(e.redos) && Array.isArray(e.undos) && (e.redos.length === 0 || Dn.isOperationList(e.redos[0].operations)) && (e.undos.length === 0 || Dn.isOperationList(e.undos[0].operations));
   }
 }, ps = /* @__PURE__ */ new WeakMap(), gs = /* @__PURE__ */ new WeakMap(), or = {
   /**
@@ -24611,7 +24612,7 @@ const o_ = ({
   ...a
 }) => {
   var P;
-  const s = de(), o = "profileForm_", l = $e(ht), [u, d] = ce(l.image), [m, h] = ce(!1), {
+  const s = de(), o = "profileForm_", l = $e(pt), [u, d] = ce(l.image), [m, h] = ce(!1), {
     uploadImage: p = () => {
     },
     onSuccess: v = async (O) => {
@@ -24777,7 +24778,7 @@ const ut = "publishArticleForm_", Hc = {}, Kc = 10, tA = ({
   meta: r,
   gtm: i
 }) => {
-  const a = de(), s = $e(ht), { create: o, onSuccess: l = () => {
+  const a = de(), s = $e(pt), { create: o, onSuccess: l = () => {
   }, onFailure: u = () => {
   } } = n || {}, { isInOverlay: d = !1 } = r || {}, [m, h] = ce(!1), [p, v] = ce(t.body || ""), [f, b] = ce(!1), [g, y] = ce("");
   fe(() => {
@@ -25245,9 +25246,9 @@ const m_ = ({ className: e = "" }) => /* @__PURE__ */ c.jsxs(
     className: V("success-message", e),
     "data-testid": "success-message",
     children: [
-      /* @__PURE__ */ c.jsx("p", { className: "success-title", children: /* @__PURE__ */ c.jsx(mt, { id: "signup_success_title" }) }),
+      /* @__PURE__ */ c.jsx("p", { className: "success-title", children: /* @__PURE__ */ c.jsx(ht, { id: "signup_success_title" }) }),
       /* @__PURE__ */ c.jsx(
-        mt,
+        ht,
         {
           id: "signup_success_text",
           values: {
@@ -25345,7 +25346,7 @@ const h_ = {
       className: V("signup-form-fieldset", e),
       "data-testid": "signup-form",
       children: [
-        v.title && /* @__PURE__ */ c.jsx("p", { className: "signup-title", children: /* @__PURE__ */ c.jsx(mt, { id: "signup_title" }) }),
+        v.title && /* @__PURE__ */ c.jsx("p", { className: "signup-title", children: /* @__PURE__ */ c.jsx(ht, { id: "signup_title" }) }),
         E && /* @__PURE__ */ c.jsx(
           Vn,
           {
@@ -25648,7 +25649,7 @@ const xs = "contactFooter_", sA = ({ onSuccess: e = async () => {
   return fe(() => (o(), window.addEventListener("resize", l), () => {
     clearTimeout(ys), window.removeEventListener("resize", l);
   }), []), /* @__PURE__ */ c.jsx(Kn, { id: "contactForm", className: "contact-footer", children: /* @__PURE__ */ c.jsxs("div", { className: "inner-wrapper", children: [
-    /* @__PURE__ */ c.jsx("h2", { children: /* @__PURE__ */ c.jsx(mt, { id: `${xs}title` }) }),
+    /* @__PURE__ */ c.jsx("h2", { children: /* @__PURE__ */ c.jsx(ht, { id: `${xs}title` }) }),
     /* @__PURE__ */ c.jsxs(
       "div",
       {
@@ -25658,8 +25659,8 @@ const xs = "contactFooter_", sA = ({ onSuccess: e = async () => {
         style: a ? {} : { minHeight: r },
         children: [
           /* @__PURE__ */ c.jsxs("aside", { children: [
-            /* @__PURE__ */ c.jsx("p", { children: /* @__PURE__ */ c.jsx(mt, { id: `${xs}text` }) }),
-            /* @__PURE__ */ c.jsx(Wn, { className: "mailto-link", href: "mailto:hello@apolitical.co", children: /* @__PURE__ */ c.jsx(mt, { id: `${xs}email` }) })
+            /* @__PURE__ */ c.jsx("p", { children: /* @__PURE__ */ c.jsx(ht, { id: `${xs}text` }) }),
+            /* @__PURE__ */ c.jsx(Wn, { className: "mailto-link", href: "mailto:hello@apolitical.co", children: /* @__PURE__ */ c.jsx(ht, { id: `${xs}email` }) })
           ] }),
           /* @__PURE__ */ c.jsx(
             i_,
@@ -25838,7 +25839,7 @@ const ur = "footer_", ca = "SiteFooter", Yc = ({ group: e }) => {
   const t = on[e].order || [];
   let n = !1;
   return "text" in on[e] && (n = on[e].text), /* @__PURE__ */ c.jsxs(Kr, { children: [
-    /* @__PURE__ */ c.jsx("p", { className: "pre-title", children: /* @__PURE__ */ c.jsx(mt, { id: `${ur}${e}` }) }),
+    /* @__PURE__ */ c.jsx("p", { className: "pre-title", children: /* @__PURE__ */ c.jsx(ht, { id: `${ur}${e}` }) }),
     Array.isArray(t) && t.length > 0 && /* @__PURE__ */ c.jsx("ul", { className: "text-medium", children: t.map((r) => {
       if (["order", "child", "text"].includes(r))
         return null;
@@ -25851,15 +25852,15 @@ const ur = "footer_", ca = "SiteFooter", Yc = ({ group: e }) => {
           "data-gtm-event-context": ca,
           "data-gtm-event-type": a,
           ...s,
-          children: /* @__PURE__ */ c.jsx(mt, { id: `${ur}${e}_${r}` })
+          children: /* @__PURE__ */ c.jsx(ht, { id: `${ur}${e}_${r}` })
         }
       ) }, `${e}_${r}`);
     }) }),
     typeof n != "boolean" && "order" in n && Array.isArray(n.order) && /* @__PURE__ */ c.jsx("dl", { className: "text-medium", children: n.order.map((r) => /* @__PURE__ */ c.jsxs(Kr, { children: [
-      /* @__PURE__ */ c.jsx("dt", { children: /* @__PURE__ */ c.jsx(mt, { id: `${ur}${e}_${r}` }) }),
+      /* @__PURE__ */ c.jsx("dt", { children: /* @__PURE__ */ c.jsx(ht, { id: `${ur}${e}_${r}` }) }),
       /* @__PURE__ */ c.jsxs("dd", { children: [
         typeof n != "boolean" && n[r].address && /* @__PURE__ */ c.jsx("address", { children: /* @__PURE__ */ c.jsx(
-          mt,
+          ht,
           {
             id: `${ur}${e}_${r}_address`,
             values: { br: /* @__PURE__ */ c.jsx("br", {}) }
@@ -25907,12 +25908,12 @@ const ur = "footer_", ca = "SiteFooter", Yc = ({ group: e }) => {
           className: "gtm-trackable",
           "data-gtm-event-context": ca,
           "data-gtm-event-type": "social-click",
-          children: /* @__PURE__ */ c.jsx("span", { className: "hidden", children: /* @__PURE__ */ c.jsx(mt, { id: `${ur}social_${e}` }) })
+          children: /* @__PURE__ */ c.jsx("span", { className: "hidden", children: /* @__PURE__ */ c.jsx(ht, { id: `${ur}social_${e}` }) })
         }
       ) }, e);
     }) }),
     /* @__PURE__ */ c.jsx("small", { children: /* @__PURE__ */ c.jsx(
-      mt,
+      ht,
       {
         id: `${ur}copyright`,
         values: { currentYear: (/* @__PURE__ */ new Date()).getFullYear() }
@@ -26262,7 +26263,7 @@ const ur = "footer_", ca = "SiteFooter", Yc = ({ group: e }) => {
 const v_ = { height: 67, height_desktop: 83 };
 var Ot = /* @__PURE__ */ ((e) => (e.NAVIGATION = "navigation", e.SEARCH = "search", e.ACCOUNT = "account-navigation", e.SITE = "site-navigation", e))(Ot || {});
 const Bm = ({ showNavigation: e = !0 }) => {
-  const t = de(), n = $e(ht), r = Un(!0, !0), i = n && typeof n.id == "string", a = Xt(
+  const t = de(), n = $e(pt), r = Un(!0, !0), i = n && typeof n.id == "string", a = Xt(
     () => Ze.getIsDesktopVersion(i, r),
     [i, r]
   ), [s, o] = xr(ha, {
@@ -26705,7 +26706,7 @@ const w_ = 25, D_ = ({
   showPlaceholders: d = !1,
   className: m = ""
 }) => {
-  const h = de(), p = "membersList", v = $e(ht), [f, b] = ce(!1);
+  const h = de(), p = "membersList", v = $e(pt), [f, b] = ce(!1);
   return e.length === 0 && !d ? null : /* @__PURE__ */ c.jsxs("div", { className: V("members-list", m), children: [
     u ? /* @__PURE__ */ c.jsxs("h1", { children: [
       h.formatMessage({ id: p }),
@@ -26864,7 +26865,7 @@ const tt = "discussion_form_", Ca = ({
   gtmContext: m = "DiscussionForm"
 }) => {
   var K, ae, ye;
-  const h = de(), p = $e(ht), [v, f] = ce(
+  const h = de(), p = $e(pt), [v, f] = ce(
     n.type
   ), [b, g] = ce(""), {
     isLoading: y = !1,
@@ -27441,7 +27442,7 @@ const P_ = ({
   );
 };
 const N_ = ({ title: e, options: t, settings: n, functions: r }) => {
-  const i = "poll_", a = de(), s = $e(ht), {
+  const i = "poll_", a = de(), s = $e(pt), {
     showRemoveVote: o = !1,
     allowMultipleVotes: l = !1,
     resultsVisibility: u = so.AfterVoting
@@ -27588,7 +27589,7 @@ const Ea = ({
   locale: y = "en"
 }) => {
   var K, ae, ye, oe, xe, ke;
-  const w = de(), A = $e(eu), C = $e(ht), {
+  const w = de(), A = $e(eu), C = $e(pt), {
     createContent: E = async () => {
     },
     deleteContent: B = async () => {
@@ -27701,8 +27702,8 @@ const Ea = ({
       Be && Be.id && (v && (ge.prepopulateForm = `@{{${Be.id}}}`), ge.mentionData = { id: Be.id, name: Be.name }), A.updateConversation(ge);
     }
     setTimeout(() => {
-      var st, jt, pt;
-      const Be = `reply-form-${(t.type === Oe.Answer ? t.slug : ((st = t.slugs) == null ? void 0 : st.reply) || ((jt = t.slugs) == null ? void 0 : jt.answer) || ((pt = t.slugs) == null ? void 0 : pt.question) || "").toLowerCase().slice(-15)}`, dt = document.getElementById(Be), at = document.getElementById(`${Be}-input`);
+      var st, jt, gt;
+      const Be = `reply-form-${(t.type === Oe.Answer ? t.slug : ((st = t.slugs) == null ? void 0 : st.reply) || ((jt = t.slugs) == null ? void 0 : jt.answer) || ((gt = t.slugs) == null ? void 0 : gt.question) || "").toLowerCase().slice(-15)}`, dt = document.getElementById(Be), at = document.getElementById(`${Be}-input`);
       at && at.focus(), dt && dt.scrollIntoView({ behavior: "smooth" });
     }, 0);
   }, Le = async () => {
@@ -27933,7 +27934,7 @@ const Ea = ({
           ],
           gtmContext: `${(t.type || "").charAt(0).toUpperCase()}${(t.type || "").slice(1)}:${t.slug}`,
           children: /* @__PURE__ */ c.jsx(
-            mt,
+            ht,
             {
               id: "discussion_delete_text",
               values: {
@@ -27952,7 +27953,7 @@ const Ea = ({
 const $_ = yr(
   () => Promise.resolve().then(() => nk)
 ), L_ = 65, z_ = ({ forceShow: e, form: t, className: n }) => {
-  const r = de(), i = "discussionFormCard_", a = "DiscardDraftModal", o = $e(ht) || "community", l = vo(o);
+  const r = de(), i = "discussionFormCard_", a = "DiscardDraftModal", o = $e(pt) || "community", l = vo(o);
   l.name || (l.name = r.formatMessage({
     id: `member_${typeof o == "string" ? o : "community"}`
   }));
@@ -28160,7 +28161,7 @@ const $_ = yr(
   };
   return e ? /* @__PURE__ */ c.jsx(z_, { form: v }) : /* @__PURE__ */ c.jsx(q_, { ...v });
 }, Sm = ({ form: e }) => {
-  const t = $e(ht), n = de(), [r, i] = ce(!1), a = () => {
+  const t = $e(pt), n = de(), [r, i] = ce(!1), a = () => {
     _h(t) || i(!0);
   };
   fe(() => (document.addEventListener(ct.DISCUSSION_POST_ADDED, a), () => {
@@ -29329,7 +29330,7 @@ const bA = ({
   return null;
 };
 function fk({ buildMemberData: e, communitySlug: t }) {
-  const n = de(), r = $e(ht), [i, a] = ce({
+  const n = de(), r = $e(pt), [i, a] = ce({
     count: "...",
     isMember: !1,
     memberType: ""
@@ -29371,7 +29372,7 @@ const jm = ({
   meta: l
 }) => {
   var k, T;
-  const u = de(), d = $e(ht), m = !!(d != null && d.id), { isTabbable: h = !0, setFocus: p = !1 } = l || {}, v = re.useRef(null), [f, b] = ce({
+  const u = de(), d = $e(pt), m = !!(d != null && d.id), { isTabbable: h = !0, setFocus: p = !1 } = l || {}, v = re.useRef(null), [f, b] = ce({
     data: null,
     isLoading: !0
   });
@@ -30266,7 +30267,7 @@ export {
   wr as Tooltip,
   oA as TopLevelPage,
   Hi as UUID_V4_REGEX,
-  ht as UserContext,
+  pt as UserContext,
   Xh as UserProvider,
   ze as VisuallyHidden,
   cg as addAriaProps,

package/modals/components/overlay/index.d.ts

@@ -1,2 +1,2 @@
-export { default as Overlay } from './overlay';
+export { default as Overlay, type IOverlayProps } from './overlay';
 export { addAriaProps } from './overlay.helpers';

package/modals/components/overlay/overlay.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ButtonPropsType } from '../../../general';
-interface Props {
+export interface IOverlayProps {
     /** ID of the overlay */
     id?: string;
     /** If the overlay is showing or not */
@@ -36,5 +36,5 @@ interface Props {
     /** Language to use */
     locale?: string;
 }
-declare const Overlay: ({ id, isOpen, showDivider, maxWidth, functions: { onOpen, onClose }, forceShow: { error }, title, children, buttons, className, gtmContext, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Overlay: ({ id, isOpen, showDivider, maxWidth, functions: { onOpen, onClose }, forceShow: { error }, title, children, buttons, className, gtmContext, }: IOverlayProps) => import("react/jsx-runtime").JSX.Element;
 export default Overlay;

package/package.json

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