@apolitical/component-library 5.5.1 → 5.5.2

package/index.mjs

@@ -1,5 +1,5 @@
 import te, { memo as Xt, useState as le, useEffect as de, useRef as ke, useMemo as Gt, forwardRef as Js, Children as Ds, createContext as At, useContext as Re, useCallback as Me, lazy as mr, useReducer as pr, useLayoutEffect as xh, Component as Dh, Fragment as zr, Suspense as Mc } from "react";
-import { useIntl as ce, FormattedMessage as mt, IntlProvider as wh, createIntl as Ch } from "react-intl";
+import { useIntl as ce, FormattedMessage as pt, IntlProvider as wh, createIntl as Ch } from "react-intl";
 import Sn from "lodash.clonedeep";
 import Eh from "lodash.set";
 import Rc from "react-dom";
@@ -350,14 +350,14 @@ function Mh() {
       } catch (en) {
         if (en && Ce && typeof en.stack == "string") {
           for (var Pe = en.stack.split(`
-`), vt = Ce.stack.split(`
-`), nt = Pe.length - 1, at = vt.length - 1; nt >= 1 && at >= 0 && Pe[nt] !== vt[at]; )
+`), bt = Ce.stack.split(`
+`), nt = Pe.length - 1, at = bt.length - 1; nt >= 1 && at >= 0 && Pe[nt] !== bt[at]; )
             at--;
           for (; nt >= 1 && at >= 0; nt--, at--)
-            if (Pe[nt] !== vt[at]) {
+            if (Pe[nt] !== bt[at]) {
               if (nt !== 1 || at !== 1)
                 do
-                  if (nt--, at--, at < 0 || Pe[nt] !== vt[at]) {
+                  if (nt--, at--, at < 0 || Pe[nt] !== bt[at]) {
                     var Ot = `
 ` + Pe[nt].replace(" at new ", " at ");
                     return M.displayName && Ot.includes("<anonymous>") && (Ot = Ot.replace("<anonymous>", M.displayName)), typeof M == "function" && ne.set(M, Ot), Ot;
@@ -424,8 +424,8 @@ function Mh() {
             var Pe = void 0;
             try {
               if (typeof M[Ne] != "function") {
-                var vt = Error((Ce || "React class") + ": " + fe + " type `" + Ne + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof M[Ne] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw vt.name = "Invariant Violation", vt;
+                var bt = Error((Ce || "React class") + ": " + fe + " type `" + Ne + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof M[Ne] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw bt.name = "Invariant Violation", bt;
               }
               Pe = M[Ne](se, Ne, Ce, fe, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (nt) {
@@ -541,8 +541,8 @@ function Mh() {
     };
     function Hn(M, se, fe, Ce, $e) {
       {
-        var Ke, Ne = {}, Pe = null, vt = null;
-        fe !== void 0 && (ie(fe), Pe = "" + fe), De(se) && (ie(se.key), Pe = "" + se.key), dt(se) && (vt = se.ref, Fe(se, $e));
+        var Ke, Ne = {}, Pe = null, bt = null;
+        fe !== void 0 && (ie(fe), Pe = "" + fe), De(se) && (ie(se.key), Pe = "" + se.key), dt(se) && (bt = se.ref, Fe(se, $e));
         for (Ke in se)
           je.call(se, Ke) && !be.hasOwnProperty(Ke) && (Ne[Ke] = se[Ke]);
         if (M && M.defaultProps) {
@@ -550,11 +550,11 @@ function Mh() {
           for (Ke in nt)
             Ne[Ke] === void 0 && (Ne[Ke] = nt[Ke]);
         }
-        if (Pe || vt) {
+        if (Pe || bt) {
           var at = typeof M == "function" ? M.displayName || M.name || "Unknown" : M;
-          Pe && Ve(Ne, at), vt && st(Ne, at);
+          Pe && Ve(Ne, at), bt && st(Ne, at);
         }
-        return ft(M, Pe, vt, $e, Ce, pe.current, Ne);
+        return ft(M, Pe, bt, $e, Ce, pe.current, Ne);
       }
     }
     var mn = b.ReactCurrentOwner, ni = b.ReactDebugCurrentFrame;
@@ -681,8 +681,8 @@ Check the top-level render call using <` + fe + ">.");
         if (!Ne) {
           var Pe = "";
           (M === void 0 || typeof M == "object" && M !== null && Object.keys(M).length === 0) && (Pe += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var vt = fh($e);
-          vt ? Pe += vt : Pe += Ho();
+          var bt = fh($e);
+          bt ? Pe += bt : Pe += Ho();
           var nt;
           M === null ? nt = "null" : Se(M) ? nt = "array" : M !== void 0 && M.$$typeof === t ? (nt = "<" + (E(M.type) || "Unknown") + " />", Pe = " Did you accidentally export a JSX literal instead of a component?") : nt = typeof M, C("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", nt, Pe);
         }
@@ -1335,7 +1335,8 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   publishArticleForm_subtitle_label: "Subtitle",
   publishArticleForm_subtitle_placeholder: "Your topic, in a nutshell",
   publishArticleForm_body_label: "Body",
-  publishArticleForm_disclaimer: "Clicking the 'publish article' button will publish your article right away. Remember to do a final, final check to make sure you're happy with it before publishing.",
+  publishArticleForm_body_placeholder: "Type or paste your article here",
+  publishArticleForm_disclaimer: "Ready to publish? Before you do, consider the following: Have you thoroughly proofread your writing? Are you confident in your arguments? Have you included hyperlinks to the necessary resources to support your article?",
   publishArticleForm_cta_submit: "Publish article",
   publishArticleForm_cta_submitting: "Publishing...",
   publishArticleForm_cta_submitted: "Published!",
@@ -1993,7 +1994,7 @@ const am = Js(
 }, Symbol.toStringTag, { value: "Module" }));
 const q_ = ({ currentStep: e = 1, steps: t = 1 }) => /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
   /* @__PURE__ */ c.jsx(qe, { children: /* @__PURE__ */ c.jsx(
-    mt,
+    pt,
     {
       id: "progressTracker",
       values: { current: e, total: t }
@@ -2636,11 +2637,11 @@ const Am = ({ children: e, locale: t, messages: n }) => {
   es: "Español",
   fr: "Français",
   pt: "Português"
-}, pt = At({ isLoading: !0 });
+}, gt = At({ isLoading: !0 });
 function ao() {
-  return Re(pt);
+  return Re(gt);
 }
-const Bm = ({ children: e, user: t, updateDetails: n }) => /* @__PURE__ */ c.jsx(pt.Provider, { value: { ...t, updateDetails: n }, children: e }), ed = At({
+const Bm = ({ children: e, user: t, updateDetails: n }) => /* @__PURE__ */ c.jsx(gt.Provider, { value: { ...t, updateDetails: n }, children: e }), ed = At({
   registerOverlay: () => {
   },
   unregisterOverlay: () => {
@@ -2930,7 +2931,7 @@ const wn = ({
     variant: f = "inline",
     isCondensed: v = !0,
     additionalContentNewLine: b = !1
-  } = i, C = Re(pt), _ = m && C && typeof C.id == "string", [B, x] = le(!1), D = oo(t);
+  } = i, C = Re(gt), _ = m && C && typeof C.id == "string", [B, x] = le(!1), D = oo(t);
   D.name || (D.name = h.formatMessage({
     id: `member_${typeof t == "string" ? t : "community"}`
   }));
@@ -4860,7 +4861,7 @@ const _r = "joinCommunityButton", vd = ({
   }, leave: () => {
   } }
 }) => {
-  const s = ce(), o = Re(pt), l = o && typeof o.id == "string", u = r || !l, [d, h] = le(e), [m, p] = le(e ? "joined" : "notJoined");
+  const s = ce(), o = Re(gt), l = o && typeof o.id == "string", u = r || !l, [d, h] = le(e), [m, p] = le(e ? "joined" : "notJoined");
   de(() => {
     m === "joining" ? p("joined") : m === "leaving" && p("notJoined");
   }, [d]);
@@ -4911,7 +4912,7 @@ const Sa = "communityDetails_", Z_ = ({
   members: { number: i = 0, data: a = [] } = { number: 0, data: [] },
   functions: { invite: s, ...o }
 }) => {
-  const l = ce(), { id: u } = Re(pt), d = u, h = 5, m = i || a.length, p = a.length ? a : Array(h).fill({}), g = `/communities/${r}/members` === window.location.pathname, f = t || n, v = !n && !t;
+  const l = ce(), { id: u } = Re(gt), d = u, h = 5, m = i || a.length, p = a.length ? a : Array(h).fill({}), g = `/communities/${r}/members` === window.location.pathname, f = t || n, v = !n && !t;
   return /* @__PURE__ */ c.jsxs("div", { className: K("community-details", e), children: [
     f ? /* @__PURE__ */ c.jsxs("div", { className: "member-details", children: [
       /* @__PURE__ */ c.jsxs("div", { className: "top", children: [
@@ -5208,7 +5209,7 @@ const yd = ({
     href: "/home/",
     className: K("logo", e, t, n),
     ...r,
-    children: /* @__PURE__ */ c.jsx(qe, { children: /* @__PURE__ */ c.jsx(mt, { id: "apolitical" }) })
+    children: /* @__PURE__ */ c.jsx(qe, { children: /* @__PURE__ */ c.jsx(pt, { id: "apolitical" }) })
   }
 ) });
 let di = !1;
@@ -5294,7 +5295,7 @@ const Wp = mr(() => Promise.resolve().then(() => zm)), Hp = [
     href: "/communities/"
   }
 ], Vp = ({ activeLink: e, profile: t }) => {
-  const n = ce(), r = Re(pt), i = r && typeof r.id == "string";
+  const n = ce(), r = Re(gt), i = r && typeof r.id == "string";
   return /* @__PURE__ */ c.jsxs("ul", { id: "navigation-menu", className: "text-medium", children: [
     Hp.map(({ key: a, href: s }) => {
       const o = Up(s, e), l = {};
@@ -6820,7 +6821,7 @@ const cg = ({
       const i = r;
       return i != null && i.name && i.name === Ri ? /* @__PURE__ */ c.jsxs("span", { ...e, className: "mention deleted-user", children: [
         "@",
-        /* @__PURE__ */ c.jsx(mt, { id: "member_deleted" }),
+        /* @__PURE__ */ c.jsx(pt, { id: "member_deleted" }),
         t
       ] }) : /* @__PURE__ */ c.jsxs("a", { ...e, className: "mention", children: [
         "@",
@@ -13916,13 +13917,13 @@ var I1 = (e) => /* @__PURE__ */ te.createElement(te.Fragment, null, hf(e)), L1 =
       minHeight: B
     } : {})), h),
     onBeforeInput: Me((A) => {
-      if (!pn && !s && !bt(A, g.onBeforeInput) && ee.hasSelectableTarget(f, A.target) && (A.preventDefault(), !ee.isComposing(f))) {
+      if (!pn && !s && !yt(A, g.onBeforeInput) && ee.hasSelectableTarget(f, A.target) && (A.preventDefault(), !ee.isComposing(f))) {
         var j = A.data;
         y.insertText(f, j);
       }
     }, [g.onBeforeInput, f, s]),
     onInput: Me((A) => {
-      if (!bt(A, g.onInput)) {
+      if (!yt(A, g.onInput)) {
         if (z.current) {
           z.current.handleInput();
           return;
@@ -13933,7 +13934,7 @@ var I1 = (e) => /* @__PURE__ */ te.createElement(te.Fragment, null, hf(e)), L1 =
       }
     }, [g.onInput]),
     onBlur: Me((A) => {
-      if (!(s || N.isUpdatingSelection || !ee.hasSelectableTarget(f, A.target) || bt(A, g.onBlur))) {
+      if (!(s || N.isUpdatingSelection || !ee.hasSelectableTarget(f, A.target) || yt(A, g.onBlur))) {
         var j = ee.findDocumentOrShadowRoot(f);
         if (N.latestElement !== j.activeElement) {
           var {
@@ -13955,7 +13956,7 @@ var I1 = (e) => /* @__PURE__ */ te.createElement(te.Fragment, null, hf(e)), L1 =
       }
     }, [s, N.isUpdatingSelection, N.latestElement, f, g.onBlur]),
     onClick: Me((A) => {
-      if (ee.hasTarget(f, A.target) && !bt(A, g.onClick) && Cn(A.target)) {
+      if (ee.hasTarget(f, A.target) && !yt(A, g.onClick) && Cn(A.target)) {
         var j = ee.toSlateNode(f, A.target), P = ee.findPath(f, j);
         if (!y.hasPath(f, P) || oe.get(f, P) !== j)
           return;
@@ -13990,7 +13991,7 @@ var I1 = (e) => /* @__PURE__ */ te.createElement(te.Fragment, null, hf(e)), L1 =
         var j;
         if (ee.isComposing(f) && Promise.resolve().then(() => {
           b(!1), Tn.set(f, !1);
-        }), (j = z.current) === null || j === void 0 || j.handleCompositionEnd(A), bt(A, g.onCompositionEnd) || Dt)
+        }), (j = z.current) === null || j === void 0 || j.handleCompositionEnd(A), yt(A, g.onCompositionEnd) || Dt)
           return;
         if (!jr && !Oy && !By && !Ny && !Py && A.data) {
           var P = Lt.get(f);
@@ -14001,12 +14002,12 @@ var I1 = (e) => /* @__PURE__ */ te.createElement(te.Fragment, null, hf(e)), L1 =
       }
     }, [g.onCompositionEnd, f]),
     onCompositionUpdate: Me((A) => {
-      ee.hasSelectableTarget(f, A.target) && !bt(A, g.onCompositionUpdate) && (ee.isComposing(f) || (b(!0), Tn.set(f, !0)));
+      ee.hasSelectableTarget(f, A.target) && !yt(A, g.onCompositionUpdate) && (ee.isComposing(f) || (b(!0), Tn.set(f, !0)));
     }, [g.onCompositionUpdate, f]),
     onCompositionStart: Me((A) => {
       if (ee.hasSelectableTarget(f, A.target)) {
         var j;
-        if ((j = z.current) === null || j === void 0 || j.handleCompositionStart(A), bt(A, g.onCompositionStart) || Dt)
+        if ((j = z.current) === null || j === void 0 || j.handleCompositionStart(A), yt(A, g.onCompositionStart) || Dt)
           return;
         b(!0);
         var {
@@ -14019,10 +14020,10 @@ var I1 = (e) => /* @__PURE__ */ te.createElement(te.Fragment, null, hf(e)), L1 =
       }
     }, [g.onCompositionStart, f]),
     onCopy: Me((A) => {
-      ee.hasSelectableTarget(f, A.target) && !bt(A, g.onCopy) && !ql(A) && (A.preventDefault(), ee.setFragmentData(f, A.clipboardData, "copy"));
+      ee.hasSelectableTarget(f, A.target) && !yt(A, g.onCopy) && !ql(A) && (A.preventDefault(), ee.setFragmentData(f, A.clipboardData, "copy"));
     }, [g.onCopy, f]),
     onCut: Me((A) => {
-      if (!s && ee.hasSelectableTarget(f, A.target) && !bt(A, g.onCut) && !ql(A)) {
+      if (!s && ee.hasSelectableTarget(f, A.target) && !yt(A, g.onCut) && !ql(A)) {
         A.preventDefault(), ee.setFragmentData(f, A.clipboardData, "cut");
         var {
           selection: j
@@ -14037,13 +14038,13 @@ var I1 = (e) => /* @__PURE__ */ te.createElement(te.Fragment, null, hf(e)), L1 =
       }
     }, [s, f, g.onCut]),
     onDragOver: Me((A) => {
-      if (ee.hasTarget(f, A.target) && !bt(A, g.onDragOver)) {
+      if (ee.hasTarget(f, A.target) && !yt(A, g.onDragOver)) {
         var j = ee.toSlateNode(f, A.target);
         he.isElement(j) && y.isVoid(f, j) && A.preventDefault();
       }
     }, [g.onDragOver, f]),
     onDragStart: Me((A) => {
-      if (!s && ee.hasTarget(f, A.target) && !bt(A, g.onDragStart)) {
+      if (!s && ee.hasTarget(f, A.target) && !yt(A, g.onDragStart)) {
         var j = ee.toSlateNode(f, A.target), P = ee.findPath(f, j), L = he.isElement(j) && y.isVoid(f, j) || y.void(f, {
           at: P,
           voids: !0
@@ -14056,7 +14057,7 @@ var I1 = (e) => /* @__PURE__ */ te.createElement(te.Fragment, null, hf(e)), L1 =
       }
     }, [s, f, g.onDragStart, N]),
     onDrop: Me((A) => {
-      if (!s && ee.hasTarget(f, A.target) && !bt(A, g.onDrop)) {
+      if (!s && ee.hasTarget(f, A.target) && !yt(A, g.onDrop)) {
         A.preventDefault();
         var j = f.selection, P = ee.findEventRange(f, A), L = A.dataTransfer;
         J.select(f, P), N.isDraggingInternally && j && !G.equals(j, P) && !y.void(f, {
@@ -14072,7 +14073,7 @@ var I1 = (e) => /* @__PURE__ */ te.createElement(te.Fragment, null, hf(e)), L1 =
       !s && N.isDraggingInternally && g.onDragEnd && ee.hasTarget(f, A.target) && g.onDragEnd(A), N.isDraggingInternally = !1;
     }, [s, N, g, f]),
     onFocus: Me((A) => {
-      if (!s && !N.isUpdatingSelection && ee.hasEditableTarget(f, A.target) && !bt(A, g.onFocus)) {
+      if (!s && !N.isUpdatingSelection && ee.hasEditableTarget(f, A.target) && !yt(A, g.onFocus)) {
         var j = ee.toDOMNode(f, f), P = ee.findDocumentOrShadowRoot(f);
         if (N.latestElement = P.activeElement, tr && A.target !== j) {
           j.focus();
@@ -14088,7 +14089,7 @@ var I1 = (e) => /* @__PURE__ */ te.createElement(te.Fragment, null, hf(e)), L1 =
         var {
           nativeEvent: P
         } = A;
-        if (ee.isComposing(f) && P.isComposing === !1 && (Tn.set(f, !1), b(!1)), bt(A, g.onKeyDown) || ee.isComposing(f))
+        if (ee.isComposing(f) && P.isComposing === !1 && (Tn.set(f, !1), b(!1)), yt(A, g.onKeyDown) || ee.isComposing(f))
           return;
         var {
           selection: L
@@ -14238,7 +14239,7 @@ var I1 = (e) => /* @__PURE__ */ te.createElement(te.Fragment, null, hf(e)), L1 =
       }
     }, [s, f, g.onKeyDown]),
     onPaste: Me((A) => {
-      !s && ee.hasEditableTarget(f, A.target) && !bt(A, g.onPaste) && (!pn || $y(A.nativeEvent) || jr) && (A.preventDefault(), ee.insertData(f, A.clipboardData));
+      !s && ee.hasEditableTarget(f, A.target) && !yt(A, g.onPaste) && (!pn || $y(A.nativeEvent) || jr) && (A.preventDefault(), ee.insertData(f, A.clipboardData));
     }, [s, f, g.onPaste])
   }), /* @__PURE__ */ te.createElement(I1, {
     decorations: S,
@@ -14265,7 +14266,7 @@ var I1 = (e) => /* @__PURE__ */ te.createElement(te.Fragment, null, hf(e)), L1 =
       scrollMode: "if-needed"
     }), delete n.getBoundingClientRect;
   }
-}, bt = (e, t) => {
+}, yt = (e, t) => {
   if (!t)
     return !1;
   var n = t(e);
@@ -19824,8 +19825,8 @@ function Vf(e, t) {
     return e.getElementsByTagName(n).length;
   });
 }
-var gt = {};
-gt.paragraph = {
+var vt = {};
+vt.paragraph = {
   filter: "p",
   replacement: function(e) {
     return `
@@ -19835,14 +19836,14 @@ gt.paragraph = {
 `;
   }
 };
-gt.lineBreak = {
+vt.lineBreak = {
   filter: "br",
   replacement: function(e, t, n) {
     return n.br + `
 `;
   }
 };
-gt.heading = {
+vt.heading = {
   filter: ["h1", "h2", "h3", "h4", "h5", "h6"],
   replacement: function(e, t, n) {
     var r = Number(t.nodeName.charAt(1));
@@ -19862,7 +19863,7 @@ gt.heading = {
 `;
   }
 };
-gt.blockquote = {
+vt.blockquote = {
   filter: "blockquote",
   replacement: function(e) {
     return e = e.replace(/^\n+|\n+$/g, ""), e = e.replace(/^/gm, "> "), `
@@ -19872,7 +19873,7 @@ gt.blockquote = {
 `;
   }
 };
-gt.list = {
+vt.list = {
   filter: ["ul", "ol"],
   replacement: function(e, t) {
     var n = t.parentNode;
@@ -19884,7 +19885,7 @@ gt.list = {
 `;
   }
 };
-gt.listItem = {
+vt.listItem = {
   filter: "li",
   replacement: function(e, t, n) {
     e = e.replace(/^\n+/, "").replace(/\n+$/, `
@@ -19899,7 +19900,7 @@ gt.listItem = {
 ` : "");
   }
 };
-gt.indentedCodeBlock = {
+vt.indentedCodeBlock = {
   filter: function(e, t) {
     return t.codeBlockStyle === "indented" && e.nodeName === "PRE" && e.firstChild && e.firstChild.nodeName === "CODE";
   },
@@ -19912,7 +19913,7 @@ gt.indentedCodeBlock = {
 `;
   }
 };
-gt.fencedCodeBlock = {
+vt.fencedCodeBlock = {
   filter: function(e, t) {
     return t.codeBlockStyle === "fenced" && e.nodeName === "PRE" && e.firstChild && e.firstChild.nodeName === "CODE";
   },
@@ -19929,7 +19930,7 @@ gt.fencedCodeBlock = {
 `;
   }
 };
-gt.horizontalRule = {
+vt.horizontalRule = {
   filter: "hr",
   replacement: function(e, t, n) {
     return `
@@ -19939,7 +19940,7 @@ gt.horizontalRule = {
 `;
   }
 };
-gt.inlineLink = {
+vt.inlineLink = {
   filter: function(e, t) {
     return t.linkStyle === "inlined" && e.nodeName === "A" && e.getAttribute("href");
   },
@@ -19948,7 +19949,7 @@ gt.inlineLink = {
     return r && (r = ' "' + r + '"'), "[" + e + "](" + n + r + ")";
   }
 };
-gt.referenceLink = {
+vt.referenceLink = {
   filter: function(e, t) {
     return t.linkStyle === "referenced" && e.nodeName === "A" && e.getAttribute("href");
   },
@@ -19980,19 +19981,19 @@ gt.referenceLink = {
 `, this.references = []), t;
   }
 };
-gt.emphasis = {
+vt.emphasis = {
   filter: ["em", "i"],
   replacement: function(e, t, n) {
     return e.trim() ? n.emDelimiter + e + n.emDelimiter : "";
   }
 };
-gt.strong = {
+vt.strong = {
   filter: ["strong", "b"],
   replacement: function(e, t, n) {
     return e.trim() ? n.strongDelimiter + e + n.strongDelimiter : "";
   }
 };
-gt.code = {
+vt.code = {
   filter: function(e) {
     var t = e.previousSibling || e.nextSibling, n = e.parentNode.nodeName === "PRE" && !t;
     return e.nodeName === "CODE" && !n;
@@ -20006,7 +20007,7 @@ gt.code = {
     return n + t + e + t + n;
   }
 };
-gt.image = {
+vt.image = {
   filter: "img",
   replacement: function(e, t) {
     var n = Xi(t.getAttribute("alt")), r = t.getAttribute("src") || "", i = Xi(t.getAttribute("title")), a = i ? ' "' + i + '"' : "";
@@ -20213,7 +20214,7 @@ function Qr(e) {
   if (!(this instanceof Qr))
     return new Qr(e);
   var t = {
-    rules: gt,
+    rules: vt,
     headingStyle: "setext",
     hr: "* * *",
     bulletListMarker: "*",
@@ -21272,7 +21273,7 @@ const OC = ({ emails: e, setEmails: t, setIsDisabled: n }) => {
 };
 const NC = ({ hooks: e, functions: t, meta: n = {}, gtm: r }) => {
   var B, x;
-  const i = ce(), a = "profileForm_", s = Re(pt), [o, l] = le(s.image), [u, d] = le(!1), {
+  const i = ce(), a = "profileForm_", s = Re(gt), [o, l] = le(s.image), [u, d] = le(!1), {
     uploadImage: h,
     onSuccess: m = async (D) => {
     },
@@ -21399,41 +21400,41 @@ const NC = ({ hooks: e, functions: t, meta: n = {}, gtm: r }) => {
   );
 };
 let os = null;
-const yt = "publishArticleForm_", _c = {}, kc = 10, nk = ({
+const mt = "publishArticleForm_", _c = {}, kc = 10, nk = ({
   id: e = "publish-article-form",
   values: t = _c,
   functions: n,
   meta: r,
   gtm: i
 }) => {
-  const a = ce(), s = Re(pt), { create: o, onSuccess: l = () => {
+  const a = ce(), s = Re(gt), { create: o, onSuccess: l = () => {
   }, onFailure: u = () => {
   } } = n || {}, { isInOverlay: d = !1 } = r || {}, [h, m] = le(t.body || ""), [p, g] = le(!1), [f, v] = le("");
   de(() => {
     Mi(t, _c) || Li(t.body) && t.body !== h && t.body !== void 0 && m(t.body);
   }, [t.body]);
   const b = () => {
-    !s || !s.id ? g(a.formatMessage({ id: `${yt}error_loggedOut` })) : p && g(!1);
+    !s || !s.id ? g(a.formatMessage({ id: `${mt}error_loggedOut` })) : p && g(!1);
   }, C = (D) => ({
     condition: (T) => {
       const I = T[D];
       return !I || typeof I != "string" ? !0 : I.length < kc;
     },
     error: a.formatMessage(
-      { id: `${yt}error_underMinLength` },
+      { id: `${mt}error_underMinLength` },
       { length: kc }
     )
   }), _ = !h || !Li(h), B = () => /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
     /* @__PURE__ */ c.jsx(un, {}),
-    /* @__PURE__ */ c.jsx("p", { className: "text-medium", children: a.formatMessage({ id: `${yt}disclaimer` }) })
+    /* @__PURE__ */ c.jsx("p", { className: "text-medium", children: a.formatMessage({ id: `${mt}disclaimer` }) })
   ] }), x = [
     {
       id: "title",
       type: "text",
       value: t.title || "",
       limit: 65,
-      label: a.formatMessage({ id: `${yt}title_label` }),
-      placeholder: a.formatMessage({ id: `${yt}title_placeholder` }),
+      label: a.formatMessage({ id: `${mt}title_label` }),
+      placeholder: a.formatMessage({ id: `${mt}title_placeholder` }),
       functions: {
         onChange: b
       },
@@ -21444,7 +21445,7 @@ const yt = "publishArticleForm_", _c = {}, kc = 10, nk = ({
           // We do a check for the rich text editor value here as well, to make sure we can't
           // submit an article without a body
           condition: () => _,
-          error: a.formatMessage({ id: `${yt}title_error` })
+          error: a.formatMessage({ id: `${mt}title_error` })
         }
       ]
     },
@@ -21453,8 +21454,8 @@ const yt = "publishArticleForm_", _c = {}, kc = 10, nk = ({
       type: "text",
       value: t.subtitle,
       limit: 115,
-      label: a.formatMessage({ id: `${yt}subtitle_label` }),
-      placeholder: a.formatMessage({ id: `${yt}subtitle_placeholder` }),
+      label: a.formatMessage({ id: `${mt}subtitle_label` }),
+      placeholder: a.formatMessage({ id: `${mt}subtitle_placeholder` }),
       functions: {
         onChange: b
       },
@@ -21465,7 +21466,7 @@ const yt = "publishArticleForm_", _c = {}, kc = 10, nk = ({
       props: {
         formID: e,
         label: {
-          visible: a.formatMessage({ id: `${yt}body_label` })
+          visible: a.formatMessage({ id: `${mt}body_label` })
         },
         showLabel: !0
       }
@@ -21475,6 +21476,7 @@ const yt = "publishArticleForm_", _c = {}, kc = 10, nk = ({
       props: {
         id: `${e}-input`,
         value: h,
+        placeholder: a.formatMessage({ id: `${mt}body_placeholder` }),
         meta: { isInOverlay: d },
         autoFocus: !1,
         functions: {
@@ -21506,7 +21508,7 @@ const yt = "publishArticleForm_", _c = {}, kc = 10, nk = ({
             const T = { ...D, body: h };
             try {
               o && await o(T), os = setTimeout(() => {
-                m(""), v(a.formatMessage({ id: `${yt}aria_success` })), l(T);
+                m(""), v(a.formatMessage({ id: `${mt}aria_success` })), l(T);
               }, 500);
             } catch {
               g(!0), v(""), u();
@@ -21515,7 +21517,7 @@ const yt = "publishArticleForm_", _c = {}, kc = 10, nk = ({
           onFailure: u
         },
         fields: x,
-        intlPath: yt,
+        intlPath: mt,
         button: {
           variant: "primary",
           size: { mobile: "small", 600: "medium" },
@@ -21523,19 +21525,19 @@ const yt = "publishArticleForm_", _c = {}, kc = 10, nk = ({
           "data-gtm-event-type": "publish-article-click",
           disabled: !s || !s.id || _,
           text: {
-            default: a.formatMessage({ id: `${yt}cta_submit` }),
+            default: a.formatMessage({ id: `${mt}cta_submit` }),
             submitting: a.formatMessage({
-              id: `${yt}cta_submitting`
+              id: `${mt}cta_submitting`
             }),
             submitted: a.formatMessage({
-              id: `${yt}cta_submitted`
+              id: `${mt}cta_submitted`
             })
           }
         },
         gtm: i
       }
     ),
-    p && /* @__PURE__ */ c.jsx(Ur, { id: "error-message", className: "error", children: typeof p == "string" && p.includes(" ") ? p : a.formatMessage({ id: `${yt}error` }) }),
+    p && /* @__PURE__ */ c.jsx(Ur, { id: "error-message", className: "error", children: typeof p == "string" && p.includes(" ") ? p : a.formatMessage({ id: `${mt}error` }) }),
     f && /* @__PURE__ */ c.jsx(qe, { "aria-live": "polite", showOnFocus: !1, children: f })
   ] });
 };
@@ -21844,9 +21846,9 @@ const LC = ({ className: e = "" }) => /* @__PURE__ */ c.jsxs(
     className: K("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(pt, { id: "signup_success_title" }) }),
       /* @__PURE__ */ c.jsx(
-        mt,
+        pt,
         {
           id: "signup_success_text",
           values: {
@@ -21944,7 +21946,7 @@ const zC = {
       className: K("signup-form-fieldset", e),
       "data-testid": "signup-form",
       children: [
-        g.title && /* @__PURE__ */ c.jsx("p", { className: "signup-title", children: /* @__PURE__ */ c.jsx(mt, { id: "signup_title" }) }),
+        g.title && /* @__PURE__ */ c.jsx("p", { className: "signup-title", children: /* @__PURE__ */ c.jsx(pt, { id: "signup_title" }) }),
         D && /* @__PURE__ */ c.jsx(
           zn,
           {
@@ -22247,7 +22249,7 @@ const ls = "contactFooter_", ok = ({ onSuccess: e = async () => {
   return de(() => (o(), window.addEventListener("resize", l), () => {
     clearTimeout(us), window.removeEventListener("resize", l);
   }), []), /* @__PURE__ */ c.jsx(Wn, { id: "contactForm", className: "contact-footer", children: /* @__PURE__ */ c.jsxs("div", { className: "inner-wrapper", children: [
-    /* @__PURE__ */ c.jsx("h2", { children: /* @__PURE__ */ c.jsx(mt, { id: `${ls}title` }) }),
+    /* @__PURE__ */ c.jsx("h2", { children: /* @__PURE__ */ c.jsx(pt, { id: `${ls}title` }) }),
     /* @__PURE__ */ c.jsxs(
       "div",
       {
@@ -22257,8 +22259,8 @@ const ls = "contactFooter_", ok = ({ onSuccess: e = async () => {
         style: a ? {} : { minHeight: r },
         children: [
           /* @__PURE__ */ c.jsxs("aside", { children: [
-            /* @__PURE__ */ c.jsx("p", { children: /* @__PURE__ */ c.jsx(mt, { id: `${ls}text` }) }),
-            /* @__PURE__ */ c.jsx(Ln, { className: "mailto-link", href: "mailto:hello@apolitical.co", children: /* @__PURE__ */ c.jsx(mt, { id: `${ls}email` }) })
+            /* @__PURE__ */ c.jsx("p", { children: /* @__PURE__ */ c.jsx(pt, { id: `${ls}text` }) }),
+            /* @__PURE__ */ c.jsx(Ln, { className: "mailto-link", href: "mailto:hello@apolitical.co", children: /* @__PURE__ */ c.jsx(pt, { id: `${ls}email` }) })
           ] }),
           /* @__PURE__ */ c.jsx(
             jC,
@@ -22437,7 +22439,7 @@ const ir = "footer_", ea = "SiteFooter", Ac = ({ group: e }) => {
   const t = nn[e].order || [];
   let n = !1;
   return "text" in nn[e] && (n = nn[e].text), /* @__PURE__ */ c.jsxs(zr, { children: [
-    /* @__PURE__ */ c.jsx("p", { className: "pre-title", children: /* @__PURE__ */ c.jsx(mt, { id: `${ir}${e}` }) }),
+    /* @__PURE__ */ c.jsx("p", { className: "pre-title", children: /* @__PURE__ */ c.jsx(pt, { id: `${ir}${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;
@@ -22450,15 +22452,15 @@ const ir = "footer_", ea = "SiteFooter", Ac = ({ group: e }) => {
           "data-gtm-event-context": ea,
           "data-gtm-event-type": a,
           ...s,
-          children: /* @__PURE__ */ c.jsx(mt, { id: `${ir}${e}_${r}` })
+          children: /* @__PURE__ */ c.jsx(pt, { id: `${ir}${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(zr, { children: [
-      /* @__PURE__ */ c.jsx("dt", { children: /* @__PURE__ */ c.jsx(mt, { id: `${ir}${e}_${r}` }) }),
+      /* @__PURE__ */ c.jsx("dt", { children: /* @__PURE__ */ c.jsx(pt, { id: `${ir}${e}_${r}` }) }),
       /* @__PURE__ */ c.jsxs("dd", { children: [
         typeof n != "boolean" && n[r].address && /* @__PURE__ */ c.jsx("address", { children: /* @__PURE__ */ c.jsx(
-          mt,
+          pt,
           {
             id: `${ir}${e}_${r}_address`,
             values: { br: /* @__PURE__ */ c.jsx("br", {}) }
@@ -22506,12 +22508,12 @@ const ir = "footer_", ea = "SiteFooter", Ac = ({ group: e }) => {
           className: "gtm-trackable",
           "data-gtm-event-context": ea,
           "data-gtm-event-type": "social-click",
-          children: /* @__PURE__ */ c.jsx("span", { className: "hidden", children: /* @__PURE__ */ c.jsx(mt, { id: `${ir}social_${e}` }) })
+          children: /* @__PURE__ */ c.jsx("span", { className: "hidden", children: /* @__PURE__ */ c.jsx(pt, { id: `${ir}social_${e}` }) })
         }
       ) }, e);
     }) }),
     /* @__PURE__ */ c.jsx("small", { children: /* @__PURE__ */ c.jsx(
-      mt,
+      pt,
       {
         id: `${ir}copyright`,
         values: { currentYear: (/* @__PURE__ */ new Date()).getFullYear() }
@@ -22856,7 +22858,7 @@ const ir = "footer_", ea = "SiteFooter", Ac = ({ group: e }) => {
 const WC = { height: 67, height_desktop: 83 };
 var Tt = /* @__PURE__ */ ((e) => (e.NAVIGATION = "navigation", e.SEARCH = "search", e.ACCOUNT = "account-navigation", e.SITE = "site-navigation", e))(Tt || {});
 const Xf = ({ showNavigation: e = !0 }) => {
-  const t = ce(), n = Re(pt), r = gr(!0, !0), i = n && typeof n.id == "string", a = Gt(
+  const t = ce(), n = Re(gt), r = gr(!0, !0), i = n && typeof n.id == "string", a = Gt(
     () => Ue.getIsDesktopVersion(i, r),
     [i, r]
   ), [s, o] = pr(ua, {
@@ -23298,7 +23300,7 @@ const ZC = 25, YC = ({
   showPlaceholders: d = !1,
   className: h = ""
 }) => {
-  const m = ce(), p = "membersList", g = Re(pt), [f, v] = le(!1);
+  const m = ce(), p = "membersList", g = Re(gt), [f, v] = le(!1);
   return e.length === 0 && !d ? null : /* @__PURE__ */ c.jsxs("div", { className: K("members-list", h), children: [
     u ? /* @__PURE__ */ c.jsxs("h1", { children: [
       m.formatMessage({ id: p }),
@@ -23478,7 +23480,7 @@ const rt = "discussion_form_", va = ({
   gtmContext: m = "DiscussionForm"
 }) => {
   var it, Se, Ye;
-  const p = ce(), g = Re(pt), [f, v] = le(""), {
+  const p = ce(), g = Re(gt), [f, v] = le(""), {
     isLoading: b = !1,
     isInWrapper: C = !1,
     isInOverlay: _ = !1,
@@ -26132,7 +26134,7 @@ const ba = ({
   parentId: B
 }) => {
   var Ye, xe, W, ie, pe, be, _e, et, tt, dt;
-  const x = ce(), D = Re(pt), T = Re($o), {
+  const x = ce(), D = Re(gt), T = Re($o), {
     createContent: I = async () => {
     },
     deleteContent: N = async () => {
@@ -26547,7 +26549,7 @@ const ba = ({
           ],
           gtmContext: `${t.type.charAt(0).toUpperCase()}${t.type.slice(1)}:${t.slug}`,
           children: /* @__PURE__ */ c.jsx(
-            mt,
+            pt,
             {
               id: "discussion_delete_text",
               values: {
@@ -26566,7 +26568,7 @@ const ba = ({
 const VE = mr(
   () => Promise.resolve().then(() => s_)
 ), KE = 65, ZE = ({ forceShow: e, form: t, className: n }) => {
-  const r = ce(), i = "discussionFormCard_", a = "DiscardDraftModal", o = Re(pt) || "community", l = oo(o);
+  const r = ce(), i = "discussionFormCard_", a = "DiscardDraftModal", o = Re(gt) || "community", l = oo(o);
   l.name || (l.name = r.formatMessage({
     id: `member_${typeof o == "string" ? o : "community"}`
   }));
@@ -26771,7 +26773,7 @@ const VE = mr(
   };
   return e ? /* @__PURE__ */ c.jsx(ZE, { form: p }) : /* @__PURE__ */ c.jsx(YE, { ...p });
 }, ch = ({ form: e }) => {
-  const t = Re(pt), n = ce(), [r, i] = le(!1), a = () => {
+  const t = Re(gt), n = ce(), [r, i] = le(!1), a = () => {
     tm(t) || i(!0);
   };
   de(() => (document.addEventListener(ut.DISCUSSION_POST_ADDED, a), () => {
@@ -27845,7 +27847,7 @@ const Dk = ({
   return null;
 };
 function p_({ buildMemberData: e, communitySlug: t }) {
-  const n = ce(), r = Re(pt), [i, a] = le({
+  const n = ce(), r = Re(gt), [i, a] = le({
     count: "...",
     isMember: !1,
     memberType: ""
@@ -27887,7 +27889,7 @@ const dh = ({
   setFocus: l = !1
 }) => {
   var $, k;
-  const u = ce(), d = Re(pt), h = !!(d != null && d.id), m = te.useRef(null), [p, g] = le({
+  const u = ce(), d = Re(gt), h = !!(d != null && d.id), m = te.useRef(null), [p, g] = le({
     data: null,
     isLoading: !0
   });
@@ -28771,7 +28773,7 @@ export {
   vr as Tooltip,
   uk as TopLevelPage,
   $i as UUID_V4_REGEX,
-  pt as UserContext,
+  gt as UserContext,
   Bm as UserProvider,
   qe as VisuallyHidden,
   Ip as addAriaProps,