@apolitical/component-library 1.14.1-beta.1 → 1.14.1-beta.2

package/index.mjs

@@ -112,18 +112,18 @@ function ys() {
     }
     function T(m, v, y) {
       {
-        var $ = E.ReactDebugCurrentFrame, I = $.getStackAddendum();
-        I !== "" && (v += "%s", y = y.concat([I]));
+        var $ = E.ReactDebugCurrentFrame, H = $.getStackAddendum();
+        H !== "" && (v += "%s", y = y.concat([H]));
         var z = y.map(function(R) {
           return String(R);
         });
         z.unshift("Warning: " + v), Function.prototype.apply.call(console[m], console, z);
       }
     }
-    var M = !1, C = !1, H = !1, Y = !1, x = !1, b;
+    var M = !1, C = !1, O = !1, Y = !1, x = !1, b;
     b = Symbol.for("react.module.reference");
     function U(m) {
-      return !!(typeof m == "string" || typeof m == "function" || m === r || m === c || x || m === i || m === u || m === l || Y || m === p || M || C || H || typeof m == "object" && m !== null && (m.$$typeof === h || m.$$typeof === f || m.$$typeof === d || m.$$typeof === o || m.$$typeof === a || // This needs to include all possible module reference object
+      return !!(typeof m == "string" || typeof m == "function" || m === r || m === c || x || m === i || m === u || m === l || Y || m === p || M || C || O || typeof m == "object" && m !== null && (m.$$typeof === h || m.$$typeof === f || m.$$typeof === d || m.$$typeof === o || m.$$typeof === a || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -133,13 +133,13 @@ function ys() {
       var $ = m.displayName;
       if ($)
         return $;
-      var I = v.displayName || v.name || "";
-      return I !== "" ? y + "(" + I + ")" : y;
+      var H = v.displayName || v.name || "";
+      return H !== "" ? y + "(" + H + ")" : y;
     }
     function G(m) {
       return m.displayName || "Context";
     }
-    function O(m) {
+    function B(m) {
       if (m == null)
         return null;
       if (typeof m.tag == "number" && k("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof m == "function")
@@ -172,11 +172,11 @@ function ys() {
             return w(m, m.render, "ForwardRef");
           case f:
             var $ = m.displayName || null;
-            return $ !== null ? $ : O(m.type) || "Memo";
+            return $ !== null ? $ : B(m.type) || "Memo";
           case h: {
-            var I = m, z = I._payload, R = I._init;
+            var H = m, z = H._payload, R = H._init;
             try {
-              return O(R(z));
+              return B(R(z));
             } catch {
               return null;
             }
@@ -184,7 +184,7 @@ function ys() {
         }
       return null;
     }
-    var B = Object.assign, W = 0, V, K, oe, ae, ie, le, re;
+    var I = Object.assign, W = 0, V, K, oe, ae, ie, le, re;
     function P() {
     }
     P.__reactDisabledLog = !0;
@@ -220,25 +220,25 @@ function ys() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: B({}, m, {
+            log: I({}, m, {
               value: V
             }),
-            info: B({}, m, {
+            info: I({}, m, {
               value: K
             }),
-            warn: B({}, m, {
+            warn: I({}, m, {
               value: oe
             }),
-            error: B({}, m, {
+            error: I({}, m, {
               value: ae
             }),
-            group: B({}, m, {
+            group: I({}, m, {
               value: ie
             }),
-            groupCollapsed: B({}, m, {
+            groupCollapsed: I({}, m, {
               value: le
             }),
-            groupEnd: B({}, m, {
+            groupEnd: I({}, m, {
               value: re
             })
           });
@@ -252,8 +252,8 @@ function ys() {
         if (F === void 0)
           try {
             throw Error();
-          } catch (I) {
-            var $ = I.stack.trim().match(/\n( *(at )?)/);
+          } catch (H) {
+            var $ = H.stack.trim().match(/\n( *(at )?)/);
             F = $ && $[1] || "";
           }
         return `
@@ -275,7 +275,7 @@ function ys() {
       }
       var $;
       fe = !0;
-      var I = Error.prepareStackTrace;
+      var H = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var z;
       z = ne.current, ne.current = null, te();
@@ -331,7 +331,7 @@ function ys() {
             }
         }
       } finally {
-        fe = !1, ne.current = z, ce(), Error.prepareStackTrace = I;
+        fe = !1, ne.current = z, ce(), Error.prepareStackTrace = H;
       }
       var Ce = m ? m.displayName || m.name : "", nn = Ce ? J(Ce) : "";
       return typeof m == "function" && pe.set(m, nn), nn;
@@ -363,9 +363,9 @@ function ys() {
           case f:
             return Ue(m.type, v, y);
           case h: {
-            var $ = m, I = $._payload, z = $._init;
+            var $ = m, H = $._payload, z = $._init;
             try {
-              return Ue(z(I), v, y);
+              return Ue(z(H), v, y);
             } catch {
             }
           }
@@ -380,7 +380,7 @@ function ys() {
       } else
         zt.setExtraStackFrame(null);
     }
-    function On(m, v, y, $, I) {
+    function On(m, v, y, $, H) {
       {
         var z = Function.call.bind(We);
         for (var R in m)
@@ -395,7 +395,7 @@ function ys() {
             } catch (q) {
               A = q;
             }
-            A && !(A instanceof Error) && (ze(I), k("%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).", $ || "React class", y, R, typeof A), ze(null)), A instanceof Error && !(A.message in Wt) && (Wt[A.message] = !0, ze(I), k("Failed %s type: %s", y, A.message), ze(null));
+            A && !(A instanceof Error) && (ze(H), k("%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).", $ || "React class", y, R, typeof A), ze(null)), A instanceof Error && !(A.message in Wt) && (Wt[A.message] = !0, ze(H), k("Failed %s type: %s", y, A.message), ze(null));
           }
       }
     }
@@ -448,8 +448,8 @@ function ys() {
     }
     function zn(m, v) {
       if (typeof m.ref == "string" && Re.current && v && Re.current.stateNode !== v) {
-        var y = O(Re.current.type);
-        ft[y] || (k('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', O(Re.current.type), m.ref), ft[y] = !0);
+        var y = B(Re.current.type);
+        ft[y] || (k('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', B(Re.current.type), m.ref), ft[y] = !0);
       }
     }
     function Vn(m, v) {
@@ -474,7 +474,7 @@ function ys() {
         });
       }
     }
-    var Gn = function(m, v, y, $, I, z, R) {
+    var Gn = function(m, v, y, $, H, z, R) {
       var A = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
@@ -500,13 +500,13 @@ function ys() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: I
+        value: H
       }), Object.freeze && (Object.freeze(A.props), Object.freeze(A)), A;
     };
-    function Jn(m, v, y, $, I) {
+    function Jn(m, v, y, $, H) {
       {
         var z, R = {}, A = null, ue = null;
-        y !== void 0 && (Yt(y), A = "" + y), Wn(v) && (Yt(v.key), A = "" + v.key), Un(v) && (ue = v.ref, zn(v, I));
+        y !== void 0 && (Yt(y), A = "" + y), Wn(v) && (Yt(v.key), A = "" + v.key), Un(v) && (ue = v.ref, zn(v, H));
         for (z in v)
           We.call(v, z) && !Qn.hasOwnProperty(z) && (R[z] = v[z]);
         if (m && m.defaultProps) {
@@ -518,7 +518,7 @@ function ys() {
           var ee = typeof m == "function" ? m.displayName || m.name || "Unknown" : m;
           A && Vn(R, ee), ue && Yn(R, ee);
         }
-        return Gn(m, A, ue, I, $, Re.current, R);
+        return Gn(m, A, ue, H, $, Re.current, R);
       }
     }
     var ht = E.ReactCurrentOwner, Xt = E.ReactDebugCurrentFrame;
@@ -537,7 +537,7 @@ function ys() {
     function Zt() {
       {
         if (ht.current) {
-          var m = O(ht.current.type);
+          var m = B(ht.current.type);
           if (m)
             return `
 
@@ -580,7 +580,7 @@ Check the top-level render call using <` + y + ">.");
           return;
         Kt[y] = !0;
         var $ = "";
-        m && m._owner && m._owner !== ht.current && ($ = " It was passed a child from " + O(m._owner.type) + "."), Me(m), k('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', y, $), Me(null);
+        m && m._owner && m._owner !== ht.current && ($ = " It was passed a child from " + B(m._owner.type) + "."), Me(m), k('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', y, $), Me(null);
       }
     }
     function en(m, v) {
@@ -595,9 +595,9 @@ Check the top-level render call using <` + y + ">.");
         else if (gt(m))
           m._store && (m._store.validated = !0);
         else if (m) {
-          var I = g(m);
-          if (typeof I == "function" && I !== m.entries)
-            for (var z = I.call(m), R; !(R = z.next()).done; )
+          var H = g(m);
+          if (typeof H == "function" && H !== m.entries)
+            for (var z = H.call(m), R; !(R = z.next()).done; )
               gt(R.value) && qt(R.value, v);
         }
       }
@@ -617,12 +617,12 @@ Check the top-level render call using <` + y + ">.");
         else
           return;
         if (y) {
-          var $ = O(v);
+          var $ = B(v);
           On(y, m.props, "prop", $, m);
         } else if (v.PropTypes !== void 0 && !pt) {
           pt = !0;
-          var I = O(v);
-          k("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", I || "Unknown");
+          var H = B(v);
+          k("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", H || "Unknown");
         }
         typeof v.getDefaultProps == "function" && !v.getDefaultProps.isReactClassApproved && k("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
@@ -639,18 +639,18 @@ Check the top-level render call using <` + y + ">.");
         m.ref !== null && (Me(m), k("Invalid attribute `ref` supplied to `React.Fragment`."), Me(null));
       }
     }
-    function tn(m, v, y, $, I, z) {
+    function tn(m, v, y, $, H, z) {
       {
         var R = U(m);
         if (!R) {
           var A = "";
           (m === void 0 || typeof m == "object" && m !== null && Object.keys(m).length === 0) && (A += " 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 ue = Xn(I);
+          var ue = Xn(H);
           ue ? A += ue : A += Zt();
           var q;
-          m === null ? q = "null" : mt(m) ? q = "array" : m !== void 0 && m.$$typeof === t ? (q = "<" + (O(m.type) || "Unknown") + " />", A = " Did you accidentally export a JSX literal instead of a component?") : q = typeof m, k("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", q, A);
+          m === null ? q = "null" : mt(m) ? q = "array" : m !== void 0 && m.$$typeof === t ? (q = "<" + (B(m.type) || "Unknown") + " />", A = " Did you accidentally export a JSX literal instead of a component?") : q = typeof m, k("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", q, A);
         }
-        var ee = Jn(m, v, y, I, z);
+        var ee = Jn(m, v, y, H, z);
         if (ee == null)
           return ee;
         if (R) {
@@ -723,7 +723,7 @@ function Ss(e, t, n) {
       return !i.current || b >= t || b < 0 || j && x - c.current >= g;
     }, C = function(x) {
       return d.current = null, _ && o.current ? k(x) : (o.current = a.current = null, u.current);
-    }, H = function x() {
+    }, O = function x() {
       var b = Date.now();
       if (M(b))
         return C(b);
@@ -735,11 +735,11 @@ function Ss(e, t, n) {
       var x = Date.now(), b = M(x);
       if (o.current = [].slice.call(arguments), a.current = r, i.current = x, b) {
         if (!d.current && f.current)
-          return c.current = i.current, T(H, t), p ? k(i.current) : u.current;
+          return c.current = i.current, T(O, t), p ? k(i.current) : u.current;
         if (j)
-          return T(H, t), k(i.current);
+          return T(O, t), k(i.current);
       }
-      return d.current || T(H, t), u.current;
+      return d.current || T(O, t), u.current;
     };
     return Y.cancel = function() {
       d.current && (h ? cancelAnimationFrame(d.current) : clearTimeout(d.current)), c.current = 0, o.current = i.current = a.current = d.current = null;
@@ -2917,7 +2917,7 @@ const kr = ({
                 f(M), p(!M.length);
               },
               autoFocus: !1,
-              getLabel: (M, C, H) => /* @__PURE__ */ s.jsxs("div", { className: "email text-medium", children: [
+              getLabel: (M, C, O) => /* @__PURE__ */ s.jsxs("div", { className: "email text-medium", children: [
                 /* @__PURE__ */ s.jsx("div", { "data-tag-item": !0, children: M }),
                 /* @__PURE__ */ s.jsx(
                   X,
@@ -2926,7 +2926,7 @@ const kr = ({
                     size: "small",
                     icon: { icon: "close" },
                     onClick: () => {
-                      H(C), p(!l.length);
+                      O(C), p(!l.length);
                     },
                     className: "remove-email-button",
                     screenreaderText: g({ id: "overlay_close" })
@@ -3528,18 +3528,18 @@ const he = "discussion_form_", Fn = ({
   const k = (w) => {
     const G = w.target.value;
     h(G);
-    let O;
-    !l || !l.id ? O = xe(
+    let B;
+    !l || !l.id ? B = xe(
       u.formatMessage,
       `${he}error_loggedOut`,
       e.type,
       "action"
-    ) : t ? G.length >= i && (O = `${he}error_tooLong`) : O = xe(
+    ) : t ? G.length >= i && (B = `${he}error_tooLong`) : B = xe(
       u.formatMessage,
       `${he}error_noPermission`,
       e.type,
       "action"
-    ), O ? _(O) : p && _(!1);
+    ), B ? _(B) : p && _(!1);
   };
   let T = `${e.type}-form`;
   if (e.type === "response" || e.type === "reply") {
@@ -3547,32 +3547,32 @@ const he = "discussion_form_", Fn = ({
     w && (T = `${T}-${w.slice(-15)}`);
   }
   const M = async (w) => {
-    var O;
-    if (w.preventDefault(), w.stopPropagation(), !l || !l.id || !t || H)
+    var B;
+    if (w.preventDefault(), w.stopPropagation(), !l || !l.id || !t || O)
       return;
     Ze && clearTimeout(Ze), g("submitting");
     const G = window.location.pathname;
     try {
-      let B;
+      let I;
       switch (e.type) {
         case "post":
-          B = await o.create({ content: f });
+          I = await o.create({ content: f });
           break;
         case "question":
-          B = await o.create({
+          I = await o.create({
             title: f,
             authorId: l && l.id,
-            ...(O = o.props) == null ? void 0 : O.create
+            ...(B = o.props) == null ? void 0 : B.create
           });
           break;
         case "response":
-          B = await o.create(
+          I = await o.create(
             { question: e.slugs.question },
             { body: f, authorId: l && l.id, contentPath: G }
           );
           break;
         case "reply":
-          B = await o.create(
+          I = await o.create(
             { question: e.slugs.question, answer: e.slugs.answer },
             { body: f, authorId: l && l.id, contentPath: G }
           );
@@ -3580,11 +3580,11 @@ const he = "discussion_form_", Fn = ({
         default:
           break;
       }
-      await As(1e3), o.callback && await o.callback(B), Ze = setTimeout(() => {
+      await As(1e3), o.callback && await o.callback(I), Ze = setTimeout(() => {
         h(""), g("submitted"), C();
       }, 500);
-    } catch (B) {
-      const W = B;
+    } catch (I) {
+      const W = I;
       let V = `${he}error`;
       W.message.includes("entry already exists") && (V = xe(
         u.formatMessage,
@@ -3602,7 +3602,7 @@ const he = "discussion_form_", Fn = ({
     Ze = setTimeout(() => {
       _(!1), g(!1);
     }, 5e3);
-  }, H = !f || !Os(f), Y = j === "submitting", x = [];
+  }, O = !f || !Os(f), Y = j === "submitting", x = [];
   return (n.isEditing && !Y || d.cancel) && x.push({
     variant: "secondary",
     size: { mobile: "small", 600: "medium" },
@@ -3628,7 +3628,7 @@ const he = "discussion_form_", Fn = ({
     "data-gtm-event-context": a,
     "data-gtm-event-type": `${n.isEditing ? "save" : "submit"}-${e.type}-click`,
     "data-testid": "save-button",
-    disabled: !l || !l.id || !t || H || Y || n.isEditing && f === n.isEditing.text,
+    disabled: !l || !l.id || !t || O || Y || n.isEditing && f === n.isEditing.text,
     children: u.formatMessage({
       id: `${he}${Y ? n.isEditing ? "saving" : "posting" : n.isEditing ? "save" : "post"}`
     })
@@ -3770,8 +3770,8 @@ const $t = () => {
     C < 0 && (C = 0), j(!0), f(C), p(!h);
     try {
       if (c && c.slugs) {
-        const H = $r(c.slugs);
-        h ? await a(H) : await o(H, { contentPath: window.location.pathname });
+        const O = $r(c.slugs);
+        h ? await a(O) : await o(O, { contentPath: window.location.pathname });
       }
     } catch {
       f(t), p(i);
@@ -3817,7 +3817,16 @@ const $t = () => {
         ),
         /* @__PURE__ */ s.jsx("span", { className: S("number-of-likes", { "no-likes": l === 0 }), "data-testid": "number-of-likes", children: u.formatMessage({ id: `discussion_likes${r ? "_short" : ""}` }, { number: l }) }),
         n && /* @__PURE__ */ s.jsx(Qs, { isOpen: g, isLoading: n.length === 0, children: n.length && /* @__PURE__ */ s.jsxs("ul", { children: [
-          k.map((C) => typeof C == "string" || !C.name ? null : /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(lt, { href: C.id ? `/profiles/${C.id}` : void 0, gtmContext: "Likes", gtmType: "liked-name-click", children: C.name }) }, C.id || window.btoa(C.name))),
+          k.map((C) => typeof C == "string" || !C.name ? null : /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
+            lt,
+            {
+              href: C.id ? `/profiles/${C.id}` : void 0,
+              gtmContext: "Likes",
+              gtmType: "liked-name-click",
+              onClick: (O) => O == null ? void 0 : O.stopPropagation(),
+              children: C.name
+            }
+          ) }, C.id || window.btoa(C.name))),
           n.length > Mt && /* @__PURE__ */ s.jsx("li", { children: u.formatMessage({ id: "discussion_likes_more" }, { number: n.length - Mt }) })
         ] }) })
       ] })
@@ -3961,7 +3970,7 @@ const ve = "discussion_", Nr = 280, ut = ({
     body: t && t.body || "",
     isEditing: !1,
     didEdit: t && t.isEdited || !1
-  }), [C, H] = L(!1), [Y, x] = L("");
+  }), [C, O] = L(!1), [Y, x] = L("");
   if (Z(() => {
     M({
       ...T,
@@ -3970,7 +3979,7 @@ const ve = "discussion_", Nr = 280, ut = ({
     });
   }, [t.isEdited]), r || !t || t.type === "answer" && (!t.slugs || !t.slugs.question))
     return /* @__PURE__ */ s.jsx(ye, { className: "discussion-card discussion-post" });
-  const { author: b, canLike: U, createdAt: w, id: G, likes: O = 0, userLiked: B, comments: W = 0 } = t, V = j ? st(T.body, Nr) : T.body, K = E && E.id && typeof b != "string" && b.id && b.id === E.id || !1, oe = typeof U == "boolean" ? U : n ? !K : !1, ae = async (P) => {
+  const { author: b, canLike: U, createdAt: w, id: G, likes: B = 0, userLiked: I, comments: W = 0 } = t, V = j ? st(T.body, Nr) : T.body, K = E && E.id && typeof b != "string" && b.id && b.id === E.id || !1, oe = typeof U == "boolean" ? U : n ? !K : !1, ae = async (P) => {
     P || (P = ""), x("");
     try {
       if (!xs(P, T.body)) {
@@ -4022,7 +4031,7 @@ const ve = "discussion_", Nr = 280, ut = ({
     {
       text: g.formatMessage({ id: `${ve}moreMenu_delete` }),
       onClick: (P) => {
-        P.preventDefault(), P.stopPropagation(), H(!0);
+        P.preventDefault(), P.stopPropagation(), O(!0);
       },
       icon: "trash",
       className: "gtm-trackable",
@@ -4117,9 +4126,9 @@ const ve = "discussion_", Nr = 280, ut = ({
                     Cr,
                     {
                       element: "li",
-                      likes: O,
+                      likes: B,
                       isShort: !1,
-                      userLiked: B,
+                      userLiked: I,
                       content: { type: t.type, slugs: t.slugs },
                       canLike: oe,
                       peopleWhoLiked: t.peopleWhoLiked,
@@ -4193,7 +4202,7 @@ const ve = "discussion_", Nr = 280, ut = ({
           id: `delete-${t.slug}-modal`,
           isOpen: C,
           functions: { onOpen: () => {
-          }, onClose: () => H(!1) },
+          }, onClose: () => O(!1) },
           forceShow: {
             error: Y === "delete-error" ? g.formatMessage(
               { id: "discussion_delete_error" },
@@ -4211,7 +4220,7 @@ const ve = "discussion_", Nr = 280, ut = ({
           buttons: [
             {
               variant: "secondary",
-              onClick: () => H(!1),
+              onClick: () => O(!1),
               children: g.formatMessage({ id: "discussion_delete_cancel" })
             },
             {
@@ -4458,25 +4467,25 @@ const Pr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     queryKey: [e, t],
     mutationFn: d
   }), {
-    mutate: H
+    mutate: O
   } = me(C), Y = Br({
     queryClient: f,
     queryKey: [e, t],
     user: h,
     mutationFn: async ({ activityId: w }) => {
-      var B, W, V;
+      var I, W, V;
       const G = p && (p == null ? void 0 : p.find(
         (K) => K.id === w
-      )), O = (V = (W = (B = G == null ? void 0 : G.own_reactions) == null ? void 0 : B.like) == null ? void 0 : W.find(
+      )), B = (V = (W = (I = G == null ? void 0 : G.own_reactions) == null ? void 0 : I.like) == null ? void 0 : W.find(
         (K) => K.user_id === (h == null ? void 0 : h.id)
       )) == null ? void 0 : V.id;
-      await o({ reactionId: O || "", activityId: w });
+      await o({ reactionId: B || "", activityId: w });
     }
   }), {
     mutate: x
   } = me(Y), b = je(
-    ({ activityId: w }) => H({ activityId: w }),
-    [H]
+    ({ activityId: w }) => O({ activityId: w }),
+    [O]
   ), U = je(
     ({ activityId: w }) => x({ activityId: w }),
     [x]
@@ -4497,8 +4506,8 @@ const Pr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
       }
     ),
     !g && Array.isArray(p) && (p == null ? void 0 : p.map((w) => {
-      var B, W, V, K, oe, ae, ie, le, re, P, te, ce, ne, F;
-      const G = ((B = w == null ? void 0 : w.actor) == null ? void 0 : B.id) === (h == null ? void 0 : h.id), O = Ut(n, G);
+      var I, W, V, K, oe, ae, ie, le, re, P, te, ce, ne, F;
+      const G = ((I = w == null ? void 0 : w.actor) == null ? void 0 : I.id) === (h == null ? void 0 : h.id), B = Ut(n, G);
       return /* @__PURE__ */ s.jsxs(Dt, { children: [
         /* @__PURE__ */ s.jsx(
           ut,
@@ -4506,7 +4515,7 @@ const Pr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
             content: {
               type: "post",
               body: w == null ? void 0 : w.content,
-              canLike: O,
+              canLike: B,
               createdAt: (w == null ? void 0 : w.time) || "",
               slugs: { parentId: t, activityId: w == null ? void 0 : w.id },
               slug: w == null ? void 0 : w.id,
@@ -4778,13 +4787,13 @@ const Pr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     queryKey: [e, t, r],
     mutationFn: f
   }), {
-    mutate: H
+    mutate: O
   } = me(C), Y = je(
     ({ replyId: b, replyParentId: U }) => M({ replyId: b, replyParentId: U }),
     [M]
   ), x = je(
-    ({ replyId: b, replyParentId: U }) => H({ replyId: b, replyParentId: U }),
-    [H]
+    ({ replyId: b, replyParentId: U }) => O({ replyId: b, replyParentId: U }),
+    [O]
   );
   return /* @__PURE__ */ s.jsx(
     Pr,
@@ -4807,7 +4816,7 @@ const Pr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
           }
         ),
         (c == null ? void 0 : c.length) === 0 || (c == null ? void 0 : c.map((b) => {
-          var U, w, G, O, B, W, V, K, oe, ae, ie, le, re, P, te, ce, ne;
+          var U, w, G, B, I, W, V, K, oe, ae, ie, le, re, P, te, ce, ne;
           return /* @__PURE__ */ s.jsx(
             ut,
             {
@@ -4823,8 +4832,8 @@ const Pr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
                 },
                 slug: "",
                 author: {
-                  id: (O = b == null ? void 0 : b.user) == null ? void 0 : O.id,
-                  name: (W = (B = b == null ? void 0 : b.user) == null ? void 0 : B.data) == null ? void 0 : W.name,
+                  id: (B = b == null ? void 0 : b.user) == null ? void 0 : B.id,
+                  name: (W = (I = b == null ? void 0 : b.user) == null ? void 0 : I.data) == null ? void 0 : W.name,
                   organization: (K = (V = b == null ? void 0 : b.user) == null ? void 0 : V.data) == null ? void 0 : K.organization,
                   jobTitle: (ae = (oe = b == null ? void 0 : b.user) == null ? void 0 : oe.data) == null ? void 0 : ae.jobTitle,
                   image: {
@@ -4897,7 +4906,7 @@ const Pr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     mutationFn: a
   }), {
     mutate: C
-  } = me(M), H = je(
+  } = me(M), O = je(
     ({ replyId: x }) => T({ replyId: x }),
     [T]
   ), Y = je(
@@ -4920,14 +4929,14 @@ const Pr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
       }
     ),
     (r == null ? void 0 : r.length) === 0 || (r == null ? void 0 : r.map((x) => {
-      var w, G, O, B, W, V, K, oe, ae, ie, le, re, P, te, ce, ne, F, J, fe, pe;
+      var w, G, B, I, W, V, K, oe, ae, ie, le, re, P, te, ce, ne, F, J, fe, pe;
       const b = ((w = x == null ? void 0 : x.user) == null ? void 0 : w.id) === (p == null ? void 0 : p.id), U = Ut(i, b);
       return /* @__PURE__ */ s.jsx(Tr, { children: /* @__PURE__ */ s.jsx(
         ut,
         {
           content: {
             type: "reply",
-            body: typeof x.data.content == "string" ? (G = x == null ? void 0 : x.data) == null ? void 0 : G.content : ((B = (O = x == null ? void 0 : x.data) == null ? void 0 : O.content) == null ? void 0 : B.text) || "",
+            body: typeof x.data.content == "string" ? (G = x == null ? void 0 : x.data) == null ? void 0 : G.content : ((I = (B = x == null ? void 0 : x.data) == null ? void 0 : B.content) == null ? void 0 : I.text) || "",
             canLike: U,
             createdAt: x == null ? void 0 : x.created_at,
             slugs: {
@@ -4959,7 +4968,7 @@ const Pr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
               updateContent: (ge, $e) => E({ replyInfo: ge, content: $e })
             },
             likes: {
-              createLike: () => H({ replyId: x == null ? void 0 : x.id }),
+              createLike: () => O({ replyId: x == null ? void 0 : x.id }),
               deleteLike: () => {
                 var $e, He, Qe;
                 const ge = (($e = x == null ? void 0 : x.own_children) == null ? void 0 : $e.like) && ((Qe = (He = x == null ? void 0 : x.own_children) == null ? void 0 : He.like[0]) == null ? void 0 : Qe.id);
@@ -5088,7 +5097,7 @@ const Fo = ({
     leave: p
   }
 }) => {
-  var B, W, V, K, oe, ae, ie, le, re, P, te, ce, ne;
+  var I, W, V, K, oe, ae, ie, le, re, P, te, ce, ne;
   const _ = be(Te), j = ot(), {
     data: g,
     error: E,
@@ -5103,13 +5112,13 @@ const Fo = ({
     mutationFn: async (F) => await c(F)
   }), {
     mutate: C
-  } = me(M), H = Jr({
+  } = me(M), O = Jr({
     queryClient: j,
     queryKey: [e, t, n],
     mutationFn: d
   }), {
     mutate: Y
-  } = me(H), x = Xr({
+  } = me(O), x = Xr({
     queryClient: j,
     queryKey: [e, t, n],
     user: _,
@@ -5134,7 +5143,7 @@ const Fo = ({
     return /* @__PURE__ */ s.jsx(ct, { variant: "error", text: E.message });
   if (k || T)
     return /* @__PURE__ */ s.jsx(ye, { style: { height: "400px" } });
-  const G = ((B = g == null ? void 0 : g.actor) == null ? void 0 : B.id) === (_ == null ? void 0 : _.id), O = Ut(r, G);
+  const G = ((I = g == null ? void 0 : g.actor) == null ? void 0 : I.id) === (_ == null ? void 0 : _.id), B = Ut(r, G);
   return /* @__PURE__ */ s.jsx(
     ut,
     {
@@ -5142,7 +5151,7 @@ const Fo = ({
       content: {
         type: "post",
         body: g == null ? void 0 : g.content,
-        canLike: O,
+        canLike: B,
         createdAt: (g == null ? void 0 : g.time) || "",
         slugs: {
           question: `${t}/${n}`,

package/package.json

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