@apolitical/component-library 3.5.18 → 3.5.19

package/index.mjs

@@ -9789,24 +9789,32 @@ const Mc = ({
   const i = H(), o = Ee(ir), c = Bt(s, {
     element: "li"
   });
-  return /* @__PURE__ */ a.jsxs("div", { className: "thread-wrapper", children: [
-    !Object.is(c, null) && /* @__PURE__ */ a.jsx("ul", { className: "thread", children: c }),
-    !t && /* @__PURE__ */ a.jsx(
-      on,
-      {
-        hasNextPage: e,
-        loadNextPage: n,
-        size: "small",
-        styling: { muted: !0 },
-        icon: { icon: "arrow_corner-down_right", position: "left" },
-        messages: {
-          button: i.formatMessage({ id: "discussion_thread_loadMore" }),
-          error: i.formatMessage({ id: "loadMore_error" })
-        }
-      }
-    ),
-    r && o.showForm && /* @__PURE__ */ a.jsx(sr, { ...r })
-  ] });
+  return /* @__PURE__ */ a.jsxs(
+    "div",
+    {
+      className: E("thread-wrapper", {
+        "empty-thread": !c
+      }),
+      children: [
+        !Object.is(c, null) && /* @__PURE__ */ a.jsx("ul", { className: "thread", children: c }),
+        !t && /* @__PURE__ */ a.jsx(
+          on,
+          {
+            hasNextPage: e,
+            loadNextPage: n,
+            size: "small",
+            styling: { muted: !0 },
+            icon: { icon: "arrow_corner-down_right", position: "left" },
+            messages: {
+              button: i.formatMessage({ id: "discussion_thread_loadMore" }),
+              error: i.formatMessage({ id: "loadMore_error" })
+            }
+          }
+        ),
+        r && o.showForm && /* @__PURE__ */ a.jsx(sr, { ...r })
+      ]
+    }
+  );
 }, Rc = "post", Fc = "reply", Ga = "00000000-0000-0000-0000-000000000000";
 function or({ queryClient: t, queryKey: e }) {
   function n(r, s, i) {
@@ -11206,96 +11214,95 @@ const ll = ({
       list: (v) => i.list({ ...v, reactionId: r })
     }
   });
-  if (o.length !== 0)
-    return /* @__PURE__ */ a.jsx(
-      Mc,
-      {
-        loadMore: { isLoading: l, hasNextPage: d, loadNextPage: () => c() },
-        form: {
-          content: {
-            type: "reply",
-            slugs: {
-              question: `${t}/${e}`,
-              answer: n,
-              reply: r
-            }
-          },
-          functions: {
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            create: (v, { body: y }) => u({ activityId: n, replyId: r, content: y })
-          },
-          meta: { isEditing: !1, showSuccessMessage: !1 }
+  return /* @__PURE__ */ a.jsx(
+    Mc,
+    {
+      loadMore: { isLoading: l, hasNextPage: d, loadNextPage: () => c() },
+      form: {
+        content: {
+          type: "reply",
+          slugs: {
+            question: `${t}/${e}`,
+            answer: n,
+            reply: r
+          }
         },
-        children: o && o.length > 0 ? o == null ? void 0 : o.map((v) => {
-          var A, W, Z, z, K, T, P, I, q, U, te, G;
-          const {
-            id: y,
-            own_children: _,
-            latest_children: S,
-            children_counts: j
-          } = v, F = (((A = _ == null ? void 0 : _.like) == null ? void 0 : A.length) || 0) > 0 ? (W = _ == null ? void 0 : _.like) == null ? void 0 : W.find((V) => {
-            var ee;
-            return ((ee = V == null ? void 0 : V.user) == null ? void 0 : ee.id) === (b == null ? void 0 : b.id);
-          }) : !1, R = F ? F == null ? void 0 : F.id : "", X = !!F, $ = (((Z = S == null ? void 0 : S.like) == null ? void 0 : Z.length) || 0) > 0 ? (z = S == null ? void 0 : S.like) == null ? void 0 : z.map((V) => {
-            var ee, re, O;
-            return {
-              id: (ee = V == null ? void 0 : V.user) == null ? void 0 : ee.id,
-              name: (O = (re = V == null ? void 0 : V.user) == null ? void 0 : re.data) == null ? void 0 : O.name
-            };
-          }) : !1, C = v == null ? void 0 : v.user, w = (C == null ? void 0 : C.id) === (b == null ? void 0 : b.id), k = cn(s, w), N = typeof v.data.content == "string" ? (K = v == null ? void 0 : v.data) == null ? void 0 : K.content : (
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            ((P = (T = v == null ? void 0 : v.data) == null ? void 0 : T.content) == null ? void 0 : P.text) || ""
-          );
-          return /* @__PURE__ */ a.jsx(
-            ln,
-            {
-              content: {
-                id: y,
-                type: "reply",
-                body: N,
-                canLike: k,
-                createdAt: v == null ? void 0 : v.created_at,
-                slugs: {
-                  question: `${t}/${e}`,
-                  answer: n,
-                  // Stop-gap solution to avoid having to change the DiscussionPost component
-                  // The `reply` is currently used to define the form ID which handles the focus
-                  reply: v == null ? void 0 : v.parent
-                },
-                slug: "",
-                author: {
-                  id: C == null ? void 0 : C.id,
-                  name: (I = C.data) == null ? void 0 : I.name,
-                  organization: (q = C.data) == null ? void 0 : q.organization,
-                  jobTitle: (U = C.data) == null ? void 0 : U.jobTitle,
-                  location: (te = C.data) == null ? void 0 : te.location,
-                  image: {
-                    thumbnail: ((G = C.data) == null ? void 0 : G.thumbnail) || void 0
-                  }
-                },
-                userLiked: X,
-                likes: (j == null ? void 0 : j.like) || 0,
-                peopleWhoLiked: $
+        functions: {
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          create: (v, { body: y }) => u({ activityId: n, replyId: r, content: y })
+        },
+        meta: { isEditing: !1, showSuccessMessage: !1 }
+      },
+      children: o && o.length > 0 ? o == null ? void 0 : o.map((v) => {
+        var A, W, Z, z, K, T, P, I, q, U, te, G;
+        const {
+          id: y,
+          own_children: _,
+          latest_children: S,
+          children_counts: j
+        } = v, F = (((A = _ == null ? void 0 : _.like) == null ? void 0 : A.length) || 0) > 0 ? (W = _ == null ? void 0 : _.like) == null ? void 0 : W.find((V) => {
+          var ee;
+          return ((ee = V == null ? void 0 : V.user) == null ? void 0 : ee.id) === (b == null ? void 0 : b.id);
+        }) : !1, R = F ? F == null ? void 0 : F.id : "", X = !!F, $ = (((Z = S == null ? void 0 : S.like) == null ? void 0 : Z.length) || 0) > 0 ? (z = S == null ? void 0 : S.like) == null ? void 0 : z.map((V) => {
+          var ee, re, O;
+          return {
+            id: (ee = V == null ? void 0 : V.user) == null ? void 0 : ee.id,
+            name: (O = (re = V == null ? void 0 : V.user) == null ? void 0 : re.data) == null ? void 0 : O.name
+          };
+        }) : !1, C = v == null ? void 0 : v.user, w = (C == null ? void 0 : C.id) === (b == null ? void 0 : b.id), k = cn(s, w), N = typeof v.data.content == "string" ? (K = v == null ? void 0 : v.data) == null ? void 0 : K.content : (
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          ((P = (T = v == null ? void 0 : v.data) == null ? void 0 : T.content) == null ? void 0 : P.text) || ""
+        );
+        return /* @__PURE__ */ a.jsx(
+          ln,
+          {
+            content: {
+              id: y,
+              type: "reply",
+              body: N,
+              canLike: k,
+              createdAt: v == null ? void 0 : v.created_at,
+              slugs: {
+                question: `${t}/${e}`,
+                answer: n,
+                // Stop-gap solution to avoid having to change the DiscussionPost component
+                // The `reply` is currently used to define the form ID which handles the focus
+                reply: v == null ? void 0 : v.parent
               },
-              functions: {
-                content: {
-                  createContent: () => null,
-                  deleteContent: () => p({ replyId: y }),
-                  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                  updateContent: (V, { body: ee }) => m({ replyId: y, content: ee })
-                },
-                likes: {
-                  createLike: () => f({ replyId: y }),
-                  deleteLike: () => h({ replyId: y, reactionId: R })
-                },
-                comments: {}
-              }
+              slug: "",
+              author: {
+                id: C == null ? void 0 : C.id,
+                name: (I = C.data) == null ? void 0 : I.name,
+                organization: (q = C.data) == null ? void 0 : q.organization,
+                jobTitle: (U = C.data) == null ? void 0 : U.jobTitle,
+                location: (te = C.data) == null ? void 0 : te.location,
+                image: {
+                  thumbnail: ((G = C.data) == null ? void 0 : G.thumbnail) || void 0
+                }
+              },
+              userLiked: X,
+              likes: (j == null ? void 0 : j.like) || 0,
+              peopleWhoLiked: $
             },
-            y
-          );
-        }) : null
-      }
-    );
+            functions: {
+              content: {
+                createContent: () => null,
+                deleteContent: () => p({ replyId: y }),
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                updateContent: (V, { body: ee }) => m({ replyId: y, content: ee })
+              },
+              likes: {
+                createLike: () => f({ replyId: y }),
+                deleteLike: () => h({ replyId: y, reactionId: R })
+              },
+              comments: {}
+            }
+          },
+          y
+        );
+      }) : null
+    }
+  );
 };
 const ul = ({
   basePath: t,

package/package.json

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