@apolitical/component-library 1.13.5 → 1.13.6

package/index.mjs

@@ -2029,22 +2029,51 @@ const xt = "joinCommunityButton", Tn = ({ isMember: e = !1, isShort: t = !1, fun
     }
   );
 };
-const bt = "communityDetails_", wo = ({ isMember: e = !1, slug: t, members: { number: n, data: r } = { number: void 0, data: [] }, className: i = "", ...c }) => {
-  const d = A(), o = n || (r == null ? void 0 : r.length) || 0;
-  return /* @__PURE__ */ s.jsxs("div", { className: S("community-details", i), children: [
+const bt = "communityDetails_", wo = ({
+  className: e = "",
+  isMember: t = !1,
+  slug: n,
+  members: { number: r = 0, data: i = [] } = { number: 0, data: [] },
+  functions: { invite: c, ...d }
+}) => {
+  const o = A(), a = 5, u = r || i.length, l = i.length ? i : Array(a).fill({});
+  return /* @__PURE__ */ s.jsxs("div", { className: S("community-details", e), children: [
     /* @__PURE__ */ s.jsx(De, {}),
     /* @__PURE__ */ s.jsxs("div", { className: "member-details", children: [
       /* @__PURE__ */ s.jsxs("div", { className: "top", children: [
         /* @__PURE__ */ s.jsxs("h3", { children: [
-          d.formatMessage({ id: `${bt}members` }),
-          /* @__PURE__ */ s.jsx("span", { className: "count", children: o })
+          o.formatMessage({ id: `${bt}members` }),
+          /* @__PURE__ */ s.jsx("span", { className: "count", children: u })
         ] }),
-        /* @__PURE__ */ s.jsx("p", { className: "text-small", children: /* @__PURE__ */ s.jsx("a", { href: `/communities/${t}/members`, children: d.formatMessage({ id: `${bt}viewAll` }) }) })
+        /* @__PURE__ */ s.jsx("p", { className: "text-small", children: /* @__PURE__ */ s.jsx("a", { href: `/communities/${n}/members`, children: o.formatMessage({ id: `${bt}viewAll` }) }) })
       ] }),
-      /* @__PURE__ */ s.jsx(ar, { contributors: { total: n, data: r != null && r.length ? r : [{}, {}, {}, {}, {}] }, styling: { size: "medium", showGap: !0, showPlaceholders: o === 0 }, cutoff: 5 })
+      /* @__PURE__ */ s.jsx(
+        ar,
+        {
+          contributors: {
+            total: r,
+            data: l
+          },
+          styling: {
+            size: "medium",
+            showGap: !0,
+            showPlaceholders: u === 0
+          },
+          cutoff: a
+        }
+      )
     ] }),
-    /* @__PURE__ */ s.jsx(Tn, { isMember: e, ...c }),
-    e && /* @__PURE__ */ s.jsx(J, { variant: "primary", icon: { icon: "plus" }, styling: { fullWidth: !0 }, children: d.formatMessage({ id: `${bt}invite` }) })
+    /* @__PURE__ */ s.jsx(Tn, { isMember: t, functions: { ...d } }),
+    t && /* @__PURE__ */ s.jsx(
+      J,
+      {
+        variant: "primary",
+        onClick: c,
+        icon: { icon: "plus" },
+        styling: { fullWidth: !0 },
+        children: o.formatMessage({ id: `${bt}invite` })
+      }
+    )
   ] });
 };
 const ko = ({
@@ -3203,7 +3232,7 @@ const jr = () => {
   const e = A();
   return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     /* @__PURE__ */ s.jsx(An, {}),
-    /* @__PURE__ */ s.jsx("div", { className: "content", children: /* @__PURE__ */ s.jsx(it, { variant: "error", text: e.formatMessage({ id: "pageLayout_error" }) }) }),
+    /* @__PURE__ */ s.jsx("div", { id: "content", children: /* @__PURE__ */ s.jsx(it, { variant: "error", text: e.formatMessage({ id: "pageLayout_error" }) }) }),
     /* @__PURE__ */ s.jsx(Mn, {})
   ] });
 }, Mo = ({ children: e, reportError: t, showFooter: n = !0, background: r = "default", className: i = "", locale: c = "en" }) => {
@@ -3214,7 +3243,7 @@ const jr = () => {
   const o = vn(e, { locale: c });
   return /* @__PURE__ */ s.jsx(gs, { onError: t, fallback: /* @__PURE__ */ s.jsx(jr, {}), children: /* @__PURE__ */ s.jsx(os, { fallback: /* @__PURE__ */ s.jsx(sr, { layout: "overview-page" }), children: /* @__PURE__ */ s.jsx("div", { id: "wrapper", className: S(i, { [r]: r !== "default" }), children: /* @__PURE__ */ s.jsxs(hs, { children: [
     /* @__PURE__ */ s.jsx(An, {}),
-    /* @__PURE__ */ s.jsx("div", { className: "content", children: o }),
+    /* @__PURE__ */ s.jsx("div", { id: "content", children: o }),
     n && /* @__PURE__ */ s.jsx(Mn, {}),
     /* @__PURE__ */ s.jsx(_r, {})
   ] }) }) }) });
@@ -3725,8 +3754,8 @@ const No = ({
   showModal: t = !0,
   title: n,
   formTitle: r = "Know someone who might like to join this workshop?",
-  formLabel: i = "Send an invitation to your colleagues below",
-  ctaMessage: c = "Send invites",
+  formLabel: i = "Invite your colleagues by typing or pasting their emails below.",
+  ctaMessage: c = "Send",
   showIcon: d,
   onClose: o,
   reportError: a = () => {
@@ -3739,6 +3768,7 @@ const No = ({
     isOpen: t,
     showDivider: !1,
     showIcon: d,
+    functions: { onClose: o },
     className: S("invite-modal", e, { success: !!n }),
     children: /* @__PURE__ */ s.jsx(
       wr,
@@ -4212,7 +4242,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
 }, onSuccess: (o) => {
   const a = e.getQueryData(t), u = a == null ? void 0 : a.map((l) => {
     var f, h;
-    return (l == null ? void 0 : l.id) === (o == null ? void 0 : o.activity_id) && ((f = l.own_reactions) != null && f.like ? l.own_reactions.like.push(o) : l.own_reactions.like = [o], (h = l.latest_reactions) != null && h.like ? l.latest_reactions.like.push(o) : l.latest_reactions.like = [o]), l;
+    return (l == null ? void 0 : l.id) === (o == null ? void 0 : o.activity_id) && ((f = l.own_reactions) != null && f.like ? l.own_reactions.like.push(o) : l.own_reactions.like = [o], (h = l.latest_reactions) != null && h.like ? l.latest_reactions.like.push(o) : l.own_reactions.like = [o]), l;
   });
   return e.setQueryData(t, () => u && [...u]), { previousActivities: a };
 }, onSettled: (o, a, u) => {
@@ -4845,7 +4875,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   e.setQueryData(t, u.previousActivity);
 }, onSuccess: (o) => {
   const a = e.getQueryData(t);
-  return a != null && a.own_reactions.like ? a.own_reactions.like.push(o) : a && (a.own_reactions = { like: [o] }), a != null && a.latest_reactions.like ? a.latest_reactions.like.push(o) : a && (a.latest_reactions = { like: [o] }), e.setQueryData(t, () => ({
+  return a != null && a.own_reactions.like ? a.own_reactions.like.push(o) : a && (a.own_reactions = { like: [o] }), a != null && a.latest_reactions.like ? a.latest_reactions.like.push(o) : a && (a.own_reactions = { like: [o] }), e.setQueryData(t, () => ({
     ...a
   })), { previousActivity: a };
 }, onSettled: () => {

package/package.json

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