@nivaro/react 0.3.36 → 0.3.38

package/dist/components/slots/CommentsSlot.js

@@ -1,10 +1,10 @@
-import { jsxs as n, jsx as e, Fragment as P } from "react/jsx-runtime";
-import { useState as o, useRef as D, useEffect as b, useCallback as V } from "react";
-import { get as $, post as F, del as I, patch as A } from "../../lib/commands.js";
+import { jsxs as n, jsx as e, Fragment as O } from "react/jsx-runtime";
+import { useState as o, useRef as D, useEffect as k, useCallback as P } from "react";
+import { get as $, post as V, del as A, patch as F } from "../../lib/commands.js";
 import { useOptionalNivaroClient as G } from "../../shared/context.js";
 function J(r) {
-  var d, l, a, i;
-  return r && ([(d = r.first_name) == null ? void 0 : d[0], (l = r.last_name) == null ? void 0 : l[0]].filter(Boolean).join("").toUpperCase() || ((i = (a = r.email) == null ? void 0 : a[0]) == null ? void 0 : i.toUpperCase())) || "?";
+  var d, l, i, a;
+  return r && ([(d = r.first_name) == null ? void 0 : d[0], (l = r.last_name) == null ? void 0 : l[0]].filter(Boolean).join("").toUpperCase() || ((a = (i = r.email) == null ? void 0 : i[0]) == null ? void 0 : a.toUpperCase())) || "?";
 }
 function K(r) {
   return r ? [r.first_name, r.last_name].filter(Boolean).join(" ") || r.email : "Unknown";
@@ -13,26 +13,26 @@ function Q(r) {
   const d = Date.now() - new Date(r).getTime(), l = Math.floor(d / 6e4);
   if (l < 1) return "just now";
   if (l < 60) return `${l}m ago`;
-  const a = Math.floor(l / 60);
-  return a < 24 ? `${a}h ago` : `${Math.floor(a / 24)}d ago`;
+  const i = Math.floor(l / 60);
+  return i < 24 ? `${i}h ago` : `${Math.floor(i / 24)}d ago`;
 }
 function et({
   collection: r,
   itemId: d,
   labelOverride: l,
-  defaultExpanded: a
+  defaultExpanded: i
 }) {
-  const i = G(), [f, w] = o(!1), [u, C] = o([]), [q, x] = o(!1), [h, L] = o(""), [g, _] = o(!1), [U, k] = o(null), [p, v] = o(""), [M, j] = o(null), [S, E] = o(null), [W, H] = o(!1), s = D(!0), B = D(!1);
-  b(() => (s.current = !0, () => {
+  const a = G(), [f, w] = o(!1), [u, C] = o([]), [q, x] = o(!1), [h, _] = o(""), [g, L] = o(!1), [U, b] = o(null), [p, v] = o(""), [M, j] = o(null), [S, E] = o(null), [W, H] = o(!1), s = D(!0), B = D(!1);
+  k(() => (s.current = !0, () => {
     s.current = !1;
-  }), []), b(() => {
-    !B.current && a !== void 0 && (B.current = !0, w(a));
-  }, [a]);
-  const m = V(async () => {
-    if (!(!i || !d)) {
+  }), []), k(() => {
+    !B.current && i !== void 0 && (B.current = !0, w(i));
+  }, [i]);
+  const m = P(async () => {
+    if (!(!a || !d)) {
       x(!0);
       try {
-        const t = await i.request(
+        const t = await a.request(
           $("/comments", { collection: r, item: String(d) })
         );
         s.current && C(t.data ?? []);
@@ -42,39 +42,39 @@ function et({
         s.current && x(!1);
       }
     }
-  }, [i, r, d]);
-  b(() => {
+  }, [a, r, d]);
+  k(() => {
     m();
   }, [m]);
   async function T(t) {
-    if (t.preventDefault(), !(!i || !h.trim() || g)) {
-      _(!0);
+    if (t.preventDefault(), !(!a || !h.trim() || g)) {
+      L(!0);
       try {
-        await i.request(
-          F("/comments", { collection: r, item: String(d), text: h.trim() })
-        ), L(""), await m();
+        await a.request(
+          V("/comments", { collection: r, item: String(d), text: h.trim() })
+        ), _(""), await m();
       } catch {
       } finally {
-        s.current && _(!1);
+        s.current && L(!1);
       }
     }
   }
   async function N(t) {
-    if (!(!i || !p.trim()))
+    if (!(!a || !p.trim()))
       try {
-        await i.request(A(`/comments/${t}`, { text: p.trim() })), k(null), v(""), await m();
+        await a.request(F(`/comments/${t}`, { text: p.trim() })), b(null), v(""), await m();
       } catch {
       }
   }
   async function R(t) {
-    if (i) {
+    if (a) {
       if (M === t) {
         j(null);
         return;
       }
       j(t), E(null), H(!1);
       try {
-        const y = await i.request($(`/comments/${t}/history`));
+        const y = await a.request($(`/comments/${t}/history`));
         s.current && E(y.data ?? []);
       } catch {
         s.current && H(!0);
@@ -82,9 +82,9 @@ function et({
     }
   }
   async function z(t) {
-    if (i)
+    if (a)
       try {
-        await i.request(I(`/comments/${t}`)), await m();
+        await a.request(A(`/comments/${t}`)), await m();
       } catch {
       }
   }
@@ -136,7 +136,7 @@ function et({
           "textarea",
           {
             value: h,
-            onChange: (t) => L(t.target.value),
+            onChange: (t) => _(t.target.value),
             placeholder: "Write a comment…",
             rows: 3,
             "data-nf-comment-textarea": !0
@@ -161,14 +161,22 @@ function et({
             "Comment deleted by ",
             t.deleted_by_name ?? "unknown"
           ] }) }) }) }, t.id);
-        const O = !!t.edited;
+        const I = !!t.edited;
         return /* @__PURE__ */ n("div", { "data-nf-comment": !0, children: [
           /* @__PURE__ */ e("div", { "data-nf-avatar": !0, children: J(t.user) }),
           /* @__PURE__ */ n("div", { "data-nf-comment-body": !0, children: [
             /* @__PURE__ */ n("div", { "data-nf-comment-header": !0, children: [
               /* @__PURE__ */ e("span", { "data-nf-comment-author": !0, children: K(t.user) }),
+              t.via_agent && /* @__PURE__ */ e(
+                "span",
+                {
+                  "data-nf-comment-agent": !0,
+                  title: "Made by an AI assistant acting as this person",
+                  children: t.via_agent
+                }
+              ),
               /* @__PURE__ */ e("span", { "data-nf-comment-time": !0, children: Q(t.created_at) }),
-              O && /* @__PURE__ */ e(
+              I && /* @__PURE__ */ e(
                 "button",
                 {
                   type: "button",
@@ -178,7 +186,7 @@ function et({
                   children: "(edited)"
                 }
               ),
-              /* @__PURE__ */ e("div", { "data-nf-comment-actions": !0, children: !y && /* @__PURE__ */ n(P, { children: [
+              /* @__PURE__ */ e("div", { "data-nf-comment-actions": !0, children: !y && /* @__PURE__ */ n(O, { children: [
                 /* @__PURE__ */ e(
                   "button",
                   {
@@ -186,7 +194,7 @@ function et({
                     "data-nf-icon-btn": !0,
                     title: "Edit",
                     onClick: () => {
-                      k(t.id), v(t.text);
+                      b(t.id), v(t.text);
                     },
                     children: /* @__PURE__ */ n(
                       "svg",
@@ -266,7 +274,7 @@ function et({
                     type: "button",
                     "data-nf-btn-ghost": !0,
                     onClick: () => {
-                      k(null), v("");
+                      b(null), v("");
                     },
                     children: "✕ Cancel"
                   }