@fileverse-dev/ddoc 3.2.9-sg-1 → 3.2.9-sg-2

package/dist/index.es.js

@@ -53301,7 +53301,7 @@ const Vp = (e) => {
       "data-testid": a ? `comment-card-${a}` : "comment-card",
       onClick: k,
       className: Ke(
-        "flex flex-col gap-[4px] group comment-card",
+        "flex flex-col gap-[4px] group/card comment-card",
         o && "opacity-70",
         d ? "p-3 pb-0" : "px-3"
       ),
@@ -53319,7 +53319,7 @@ const Vp = (e) => {
                   "div",
                   {
                     className: Ke(
-                      !M && "opacity-0 group-hover:opacity-100",
+                      !M && "opacity-0 group-hover/card:opacity-100",
                       "flex  gap-[4px]"
                     ),
                     children: [
@@ -189032,40 +189032,41 @@ const aXe = ({
   thread: e,
   comment: t,
   isHidden: n,
-  registerCardNode: r
+  registerCardNode: r,
+  isCollaborationEnabled: o
 }) => {
-  const o = Ne((b) => b.focusFloatingCard), i = Ne((b) => b.focusCommentInEditor), s = Ne((b) => b.isDDocOwner), a = Ne((b) => b.username), l = Ne((b) => b.acceptSuggestion), u = Ne((b) => b.deleteComment), c = Ae(
-    (b) => {
-      r(e.floatingCardId, b);
+  const i = Ne((y) => y.focusFloatingCard), s = Ne((y) => y.focusCommentInEditor), a = Ne((y) => y.isDDocOwner), l = Ne((y) => y.username), u = Ne((y) => y.acceptSuggestion), c = Ne((y) => y.deleteComment), d = Ae(
+    (y) => {
+      r(e.floatingCardId, y);
     },
     [r, e.floatingCardId]
   );
   if (!t) return null;
-  const d = () => {
-    o(e.floatingCardId), !e.isFocused && e.commentId && i(e.commentId);
-  }, p = !!(a && t.username && t.username === a), h = s, f = !s && p, g = () => {
-    e.commentId && l(e.commentId);
-  }, m = () => {
+  const p = () => {
+    i(e.floatingCardId), !e.isFocused && e.commentId && s(e.commentId);
+  }, h = !!(l && t.username && t.username === l), f = a, g = !a && h, m = () => {
     e.commentId && u(e.commentId);
+  }, b = () => {
+    e.commentId && c(e.commentId);
   };
   return /* @__PURE__ */ x.jsx(
     lm,
     {
-      ref: c,
+      ref: d,
       floatingCardId: e.floatingCardId,
       isHidden: n,
       isFocused: e.isFocused,
-      onFocus: d,
+      onFocus: p,
       children: /* @__PURE__ */ x.jsxs("div", { className: "flex group flex-col gap-2 p-3 pb-0", children: [
         /* @__PURE__ */ x.jsx(
           dXe,
           {
             username: t.username,
             createdAt: t.createdAt,
-            canAcceptReject: h,
-            canWithdraw: f,
-            onAccept: g,
-            onReject: m
+            canAcceptReject: f,
+            canWithdraw: g,
+            onAccept: m,
+            onReject: b
           }
         ),
         /* @__PURE__ */ x.jsx("div", { className: "ml-[32px]", children: /* @__PURE__ */ x.jsx(pXe, { comment: t }) }),
@@ -189074,10 +189075,17 @@ const aXe = ({
           {
             thread: e,
             comment: t,
-            onFocusRequest: d
+            onFocusRequest: p
           }
         ),
-        /* @__PURE__ */ x.jsx(fXe, { thread: e, comment: t })
+        /* @__PURE__ */ x.jsx(
+          fXe,
+          {
+            thread: e,
+            comment: t,
+            isCollaborationEnabled: o
+          }
+        )
       ] })
     }
   );
@@ -189102,7 +189110,7 @@ const aXe = ({
       }
     ),
     /* @__PURE__ */ x.jsxs("span", { className: "text-body-sm-bold inline-flex items-center gap-1 whitespace-nowrap", children: [
-      /* @__PURE__ */ x.jsx("p", { className: "truncate max-w-[230px]", children: cf(s.name) }),
+      /* @__PURE__ */ x.jsx("p", { className: "truncate max-w-[86px]", children: cf(s.name) }),
       s.isEns && /* @__PURE__ */ x.jsx("img", { src: df, alt: "verified", className: "w-3.5 h-3.5" })
     ] }),
     /* @__PURE__ */ x.jsx("span", { className: "text-helper-text-sm color-text-secondary whitespace-nowrap", children: t && m3(t) }),
@@ -189234,58 +189242,68 @@ const aXe = ({
   ) });
 }, fXe = ({
   thread: e,
-  comment: t
+  comment: t,
+  isCollaborationEnabled: n
 }) => {
-  const n = Ne((m) => m.username), r = Ne((m) => m.isConnected), o = Ne((m) => m.handleAddReply), i = Ne((m) => m.setCommentDrawerOpen), [s, a] = Me(""), [l, u] = Me(!1), c = je(null), d = !t.resolved && !t.deleted, p = !!s.trim(), h = r && (e.isFocused || p), f = Ys(n);
+  const r = Ne((b) => b.username), o = Ne((b) => b.isConnected), i = Ne((b) => b.handleAddReply), s = Ne((b) => b.setCommentDrawerOpen), [a, l] = Me(""), [u, c] = Me(!1), d = je(null), p = !t.resolved && !t.deleted, h = !!a.trim(), f = n ? e.isFocused : o && (e.isFocused || h), g = Ys(r);
   _e(() => {
-    c.current && Qr(c.current);
-  }, [s]);
-  const g = () => {
-    if (!(!e.commentId || !s.trim())) {
-      if (!r) {
-        i == null || i(!0);
+    d.current && Qr(d.current);
+  }, [a]);
+  const m = () => {
+    if (!n && !(!e.commentId || !a.trim())) {
+      if (!o) {
+        s == null || s(!0);
         return;
       }
-      o(e.commentId, s), a(""), u(!1);
+      i(e.commentId, a), l(""), c(!1);
     }
   };
-  return d ? e.isFocused && !r ? /* @__PURE__ */ x.jsx(am, {}) : h ? /* @__PURE__ */ x.jsxs("div", { className: "group", children: [
-    /* @__PURE__ */ x.jsxs("div", { className: "border flex px-[12px] py-[8px] gap-[8px] rounded-[4px] color-bg-default", children: [
-      /* @__PURE__ */ x.jsx(
-        qs,
-        {
-          src: f.isEns ? Pi : `https://api.dicebear.com/9.x/identicon/svg?seed=${encodeURIComponent(
-            f.name || ""
-          )}`,
-          className: "w-[16px] h-[16px]"
-        }
-      ),
-      /* @__PURE__ */ x.jsx(
-        Gu,
-        {
-          ref: c,
-          value: s,
-          onChange: (m) => {
-            a(m.target.value), Qr(m.currentTarget);
-          },
-          onFocus: () => u(!0),
-          onBlur: () => u(!1),
-          onInput: (m) => Qr(m.currentTarget),
-          onKeyDown: (m) => {
-            m.key === "Enter" && (!m.shiftKey || m.metaKey) && (m.preventDefault(), g());
-          },
-          className: "color-bg-default w-full text-body-sm color-text-default !p-0 !border-none h-[20px] max-h-[296px] overflow-y-auto no-scrollbar whitespace-pre-wrap",
-          placeholder: d ? "Add a reply" : "Thread resolved",
-          disabled: !d
-        }
-      )
-    ] }),
+  return p ? e.isFocused && !o && !n ? /* @__PURE__ */ x.jsx(am, {}) : f ? /* @__PURE__ */ x.jsxs("div", { className: "group", children: [
+    /* @__PURE__ */ x.jsxs(
+      "div",
+      {
+        className: Ke(
+          "border flex px-[12px] py-[8px] gap-[8px] rounded-[4px]",
+          n ? "color-bg-disabled" : "color-bg-default"
+        ),
+        children: [
+          /* @__PURE__ */ x.jsx(
+            qs,
+            {
+              src: g.isEns ? Pi : `https://api.dicebear.com/9.x/identicon/svg?seed=${encodeURIComponent(
+                g.name || ""
+              )}`,
+              className: "w-[16px] h-[16px]"
+            }
+          ),
+          /* @__PURE__ */ x.jsx(
+            Gu,
+            {
+              ref: d,
+              value: a,
+              onChange: (b) => {
+                l(b.target.value), Qr(b.currentTarget);
+              },
+              onFocus: () => c(!0),
+              onBlur: () => c(!1),
+              onInput: (b) => Qr(b.currentTarget),
+              onKeyDown: (b) => {
+                b.key === "Enter" && (!b.shiftKey || b.metaKey) && (b.preventDefault(), m());
+              },
+              className: "color-bg-default w-full text-body-sm color-text-default !p-0 !border-none h-[20px] max-h-[296px] overflow-y-auto no-scrollbar whitespace-pre-wrap",
+              placeholder: n ? "Cannot send reply in collaboration mode" : p ? "Add a reply" : "Thread resolved",
+              disabled: !p || n
+            }
+          )
+        ]
+      }
+    ),
     /* @__PURE__ */ x.jsxs(
       "div",
       {
         className: Ke(
           "items-center justify-end gap-2 pt-2",
-          p || l ? "flex" : "hidden"
+          h || u ? "flex" : "hidden"
         ),
         children: [
           /* @__PURE__ */ x.jsx(
@@ -189293,8 +189311,8 @@ const aXe = ({
             {
               variant: "ghost",
               className: "w-20 min-w-20",
-              onClick: (m) => {
-                m.stopPropagation(), a(""), u(!1);
+              onClick: (b) => {
+                b.stopPropagation(), l(""), c(!1);
               },
               children: /* @__PURE__ */ x.jsx("p", { className: "text-body-sm-bold", children: "Cancel" })
             }
@@ -189303,8 +189321,8 @@ const aXe = ({
             Ot,
             {
               className: "w-20 min-w-20",
-              disabled: !s.trim(),
-              onClick: g,
+              disabled: !a.trim() || n,
+              onClick: m,
               children: "Send"
             }
           )
@@ -189559,7 +189577,8 @@ const aXe = ({
             comment: p,
             tabName: r,
             isHidden: o,
-            registerCardNode: u
+            registerCardNode: u,
+            isCollaborationEnabled: i
           },
           d.floatingCardId
         ) : /* @__PURE__ */ x.jsx(

package/dist/package/components/inline-comment/floating-comment/suggestion-thread-floating-card.d.ts

@@ -12,4 +12,4 @@ import { ThreadFloatingCardProps } from './types';
  * uses — so once a draft is submitted, nothing else in the pipeline needs
  * to change to show the suggestion here.
  */
-export declare const SuggestionThreadFloatingCard: ({ thread, comment, isHidden, registerCardNode, }: ThreadFloatingCardProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const SuggestionThreadFloatingCard: ({ thread, comment, isHidden, registerCardNode, isCollaborationEnabled, }: ThreadFloatingCardProps) => import("react/jsx-runtime").JSX.Element | null;