@iclips/ui 3.0.0 → 4.0.0

package/dist/components/ui/data/comment-system.js

@@ -1,492 +0,0 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import * as v from "react";
-import { format as K } from "date-fns";
-import { ptBR as D } from "date-fns/locale";
-import { cn as c } from "../utils.js";
-import { Avatar as I, AvatarImage as z, AvatarFallback as T } from "../primitives/avatar.js";
-import { Button as o } from "../primitives/button.js";
-import { Badge as M } from "../primitives/badge.js";
-import { Tooltip as x, TooltipTrigger as N, TooltipContent as w } from "../overlays/tooltip.js";
-import { Separator as E } from "../primitives/separator.js";
-import { MoreHorizontal as F, Smile as U, Trash2 as W, AlertCircle as B, Paperclip as y, Plus as $, X, Type as G, Send as J, Bold as Q, Italic as V, Underline as Y, List as Z, ListOrdered as ee, Link as te } from "lucide-react";
-import { ReactRenderer as re, useEditor as ie, EditorContent as ae } from "@tiptap/react";
-import se from "@tiptap/starter-kit";
-import ne from "@tiptap/extension-underline";
-import oe from "@tiptap/extension-link";
-import le from "@tiptap/extension-image";
-import ce from "@tiptap/extension-mention";
-import de from "tippy.js";
-import { MentionList as me } from "./mention-list.js";
-import C from "emoji-picker-react";
-import { Popover as k, PopoverTrigger as R, PopoverContent as L } from "../overlays/popover.js";
-const ue = ({ role: t }) => {
-  const d = {
-    internal: { label: "Equipe iClips", className: "bg-primary/10 text-primary border-primary/20" },
-    client: { label: "Cliente", className: "bg-info/10 text-info-emphasis border-info/20" },
-    freelancer: { label: "Freelancer", className: "bg-warning/10 text-warning-emphasis border-warning/20" }
-  }, { label: m, className: a } = d[t];
-  return /* @__PURE__ */ e(M, { variant: "outline", className: c("text-[10px] h-5 px-1.5 font-medium border-0", a), children: m });
-}, he = ({ editor: t, visible: d }) => !t || !d ? null : /* @__PURE__ */ i("div", { className: "flex items-center gap-1 border-b p-1 bg-muted/20 animate-in slide-in-from-bottom-2 duration-200", children: [
-  /* @__PURE__ */ e(
-    o,
-    {
-      variant: "ghost",
-      size: "icon",
-      className: c("h-7 w-7", t.isActive("bold") && "bg-muted text-primary"),
-      onClick: () => t.chain().focus().toggleBold().run(),
-      title: "Negrito (Ctrl+B)",
-      "aria-label": "Negrito",
-      children: /* @__PURE__ */ e(Q, { className: "h-3.5 w-3.5" })
-    }
-  ),
-  /* @__PURE__ */ e(
-    o,
-    {
-      variant: "ghost",
-      size: "icon",
-      className: c("h-7 w-7", t.isActive("italic") && "bg-muted text-primary"),
-      onClick: () => t.chain().focus().toggleItalic().run(),
-      title: "Itálico (Ctrl+I)",
-      "aria-label": "Itálico",
-      children: /* @__PURE__ */ e(V, { className: "h-3.5 w-3.5" })
-    }
-  ),
-  /* @__PURE__ */ e(
-    o,
-    {
-      variant: "ghost",
-      size: "icon",
-      className: c("h-7 w-7", t.isActive("underline") && "bg-muted text-primary"),
-      onClick: () => t.chain().focus().toggleUnderline().run(),
-      title: "Sublinhado (Ctrl+U)",
-      "aria-label": "Sublinhado",
-      children: /* @__PURE__ */ e(Y, { className: "h-3.5 w-3.5" })
-    }
-  ),
-  /* @__PURE__ */ e(E, { orientation: "vertical", className: "h-4 mx-1" }),
-  /* @__PURE__ */ e(
-    o,
-    {
-      variant: "ghost",
-      size: "icon",
-      className: c("h-7 w-7", t.isActive("bulletList") && "bg-muted text-primary"),
-      onClick: () => t.chain().focus().toggleBulletList().run(),
-      "aria-label": "Lista com marcadores",
-      children: /* @__PURE__ */ e(Z, { className: "h-3.5 w-3.5" })
-    }
-  ),
-  /* @__PURE__ */ e(
-    o,
-    {
-      variant: "ghost",
-      size: "icon",
-      className: c("h-7 w-7", t.isActive("orderedList") && "bg-muted text-primary"),
-      onClick: () => t.chain().focus().toggleOrderedList().run(),
-      "aria-label": "Lista numerada",
-      children: /* @__PURE__ */ e(ee, { className: "h-3.5 w-3.5" })
-    }
-  ),
-  /* @__PURE__ */ e(E, { orientation: "vertical", className: "h-4 mx-1" }),
-  /* @__PURE__ */ e(
-    o,
-    {
-      variant: "ghost",
-      size: "icon",
-      className: c("h-7 w-7", t.isActive("link") && "bg-muted text-primary"),
-      "aria-label": "Inserir link",
-      onClick: () => {
-        const m = t.getAttributes("link").href, a = window.prompt("URL", m);
-        if (a !== null) {
-          if (a === "") {
-            t.chain().focus().extendMarkRange("link").unsetLink().run();
-            return;
-          }
-          t.chain().focus().extendMarkRange("link").setLink({ href: a }).run();
-        }
-      },
-      children: /* @__PURE__ */ e(te, { className: "h-3.5 w-3.5" })
-    }
-  )
-] }), ge = ({
-  currentUser: t,
-  onSubmit: d,
-  users: m = []
-}) => {
-  const [a, p] = v.useState(!1), [f, s] = v.useState(!1), [h, u] = v.useState([]), [P, j] = v.useState(!0), A = v.useRef(null), q = v.useMemo(() => [
-    se.configure({
-      // @ts-ignore
-      link: !1,
-      // @ts-ignore
-      underline: !1
-    }),
-    ne,
-    oe.configure({
-      openOnClick: !1
-    }),
-    le,
-    ce.configure({
-      HTMLAttributes: {
-        class: "bg-secondary text-secondary-foreground rounded-sm px-1 py-0.5 font-medium decoration-clone"
-      },
-      suggestion: {
-        items: ({ query: r }) => m.filter((n) => n.name.toLowerCase().startsWith(r.toLowerCase())).slice(0, 5),
-        render: () => {
-          let r = null, n = null;
-          return {
-            onStart: (l) => {
-              r = new re(me, {
-                props: l,
-                editor: l.editor
-              }), l.clientRect && (n = de("body", {
-                // tiptap tipa como `() => DOMRect | null`; tippy exige não-nulo.
-                getReferenceClientRect: l.clientRect,
-                appendTo: () => document.body,
-                content: r.element,
-                showOnCreate: !0,
-                interactive: !0,
-                trigger: "manual",
-                placement: "bottom-start"
-              }));
-            },
-            onUpdate(l) {
-              r == null || r.updateProps(l), l.clientRect && (n == null || n[0].setProps({
-                getReferenceClientRect: l.clientRect
-              }));
-            },
-            onKeyDown(l) {
-              var b, S;
-              return l.event.key === "Escape" ? (n == null || n[0].hide(), !0) : !!((S = (b = r == null ? void 0 : r.ref) == null ? void 0 : b.onKeyDown) != null && S.call(b, l));
-            },
-            onExit() {
-              n == null || n[0].destroy(), r == null || r.destroy();
-            }
-          };
-        }
-      }
-    })
-  ], [m]), g = ie({
-    extensions: q,
-    content: "",
-    onUpdate: ({ editor: r }) => {
-      j(r.isEmpty);
-    },
-    editorProps: {
-      attributes: {
-        class: "prose prose-sm dark:prose-invert max-w-none focus:outline-none min-h-[80px] px-3 py-2 text-sm"
-      }
-    }
-  }), O = (r) => {
-    if (r.target.files && r.target.files[0]) {
-      const n = r.target.files[0], l = URL.createObjectURL(n), b = {
-        id: Math.random().toString(36).substr(2, 9),
-        name: n.name,
-        url: l,
-        type: n.type.startsWith("image/") ? "image" : "file"
-      };
-      u([...h, b]), r.target.value = "";
-    }
-  }, H = (r) => {
-    u(h.filter((n) => n.id !== r));
-  }, _ = () => {
-    !g || g.isEmpty && h.length === 0 || (d({
-      content: g.getHTML(),
-      isRevisionRequest: a,
-      attachments: h
-    }), g.commands.clearContent(), u([]), p(!1), j(!0));
-  };
-  return /* @__PURE__ */ i("div", { className: "flex gap-3 items-start", children: [
-    /* @__PURE__ */ i(I, { className: "h-8 w-8 mt-1 border", children: [
-      /* @__PURE__ */ e(z, { src: t.avatar }),
-      /* @__PURE__ */ e(T, { children: t.name.substring(0, 2).toUpperCase() })
-    ] }),
-    /* @__PURE__ */ i("div", { className: c(
-      "flex-1 rounded-xl border bg-background shadow-sm overflow-hidden transition-colors",
-      a && "border-destructive/40 ring-1 ring-destructive/20"
-    ), children: [
-      /* @__PURE__ */ e(he, { editor: g, visible: f }),
-      /* @__PURE__ */ e(ae, { editor: g }),
-      h.length > 0 && /* @__PURE__ */ e("div", { className: "px-3 pb-2 flex flex-wrap gap-2", children: h.map((r) => /* @__PURE__ */ i("div", { className: "relative group", children: [
-        r.type === "image" ? /* @__PURE__ */ e("div", { className: "h-16 w-16 rounded-md border overflow-hidden relative", children: /* @__PURE__ */ e("img", { src: r.url, alt: r.name, className: "h-full w-full object-cover" }) }) : /* @__PURE__ */ e("div", { className: "h-16 w-16 rounded-md border bg-muted flex items-center justify-center", children: /* @__PURE__ */ e(y, { className: "h-6 w-6 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(
-          "button",
-          {
-            onClick: () => H(r.id),
-            className: "absolute -top-1.5 -right-1.5 border bg-background text-destructive-emphasis hover:bg-destructive/10 rounded-full p-0.5 opacity-100 md:opacity-0 md:group-hover:opacity-100 md:group-focus-within:opacity-100 transition-opacity shadow-sm",
-            children: /* @__PURE__ */ e(X, { className: "h-3 w-3" })
-          }
-        )
-      ] }, r.id)) }),
-      /* @__PURE__ */ i("div", { className: "flex items-center justify-between p-2 bg-muted/10 border-t", children: [
-        /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ i(x, { children: [
-            /* @__PURE__ */ e(N, { asChild: !0, children: /* @__PURE__ */ e(
-              o,
-              {
-                variant: "ghost",
-                size: "icon",
-                className: c(
-                  "h-8 w-8 transition-colors",
-                  f ? "bg-muted text-foreground" : "text-muted-foreground hover:text-foreground"
-                ),
-                onClick: () => s(!f),
-                "aria-label": "Opções de formatação",
-                children: /* @__PURE__ */ e(G, { className: "h-4 w-4" })
-              }
-            ) }),
-            /* @__PURE__ */ e(w, { children: "Opções de formatação" })
-          ] }),
-          /* @__PURE__ */ e("div", { className: "w-px h-4 bg-border mx-1" }),
-          /* @__PURE__ */ i(k, { children: [
-            /* @__PURE__ */ e(R, { asChild: !0, children: /* @__PURE__ */ e(
-              o,
-              {
-                variant: "ghost",
-                size: "icon",
-                className: "h-8 w-8 text-muted-foreground hover:text-foreground",
-                "aria-label": "Inserir emoji",
-                children: /* @__PURE__ */ e(U, { className: "h-4 w-4" })
-              }
-            ) }),
-            /* @__PURE__ */ e(L, { className: "w-auto p-0 border-none", align: "start", side: "top", children: /* @__PURE__ */ e(
-              C,
-              {
-                onEmojiClick: (r) => g == null ? void 0 : g.chain().focus().insertContent(r.emoji).run(),
-                width: 300,
-                height: 350
-              }
-            ) })
-          ] }),
-          /* @__PURE__ */ e(
-            "input",
-            {
-              type: "file",
-              className: "hidden",
-              ref: A,
-              onChange: O,
-              accept: "image/*,.pdf,.doc,.docx"
-            }
-          ),
-          /* @__PURE__ */ i(x, { children: [
-            /* @__PURE__ */ e(N, { asChild: !0, children: /* @__PURE__ */ e(
-              o,
-              {
-                variant: "ghost",
-                size: "icon",
-                className: "h-8 w-8 text-muted-foreground hover:text-foreground",
-                onClick: () => {
-                  var r;
-                  return (r = A.current) == null ? void 0 : r.click();
-                },
-                "aria-label": "Anexar arquivo",
-                children: /* @__PURE__ */ e(y, { className: "h-4 w-4" })
-              }
-            ) }),
-            /* @__PURE__ */ e(w, { children: "Anexar arquivo" })
-          ] }),
-          /* @__PURE__ */ i(x, { children: [
-            /* @__PURE__ */ e(N, { asChild: !0, children: /* @__PURE__ */ i(
-              o,
-              {
-                variant: "ghost",
-                size: "sm",
-                className: c(
-                  "h-8 gap-2 px-2 transition-colors",
-                  a ? "bg-destructive/10 text-destructive-emphasis hover:bg-destructive/20" : "text-muted-foreground hover:text-foreground"
-                ),
-                onClick: () => p(!a),
-                children: [
-                  /* @__PURE__ */ e(B, { className: "h-4 w-4" }),
-                  /* @__PURE__ */ e("span", { className: "text-xs font-medium", children: "Solicitar Refação" })
-                ]
-              }
-            ) }),
-            /* @__PURE__ */ e(w, { children: "Marca este comentário como um pedido de alteração" })
-          ] })
-        ] }),
-        /* @__PURE__ */ i(
-          o,
-          {
-            size: "sm",
-            onClick: _,
-            disabled: P && h.length === 0,
-            children: [
-              "Enviar ",
-              /* @__PURE__ */ e(J, { className: "h-3.5 w-3.5 ml-2" })
-            ]
-          }
-        )
-      ] })
-    ] })
-  ] });
-}, fe = ({
-  comment: t,
-  currentUserId: d,
-  onDelete: m,
-  onReact: a
-}) => {
-  var f;
-  const p = t.isRevisionRequest;
-  return /* @__PURE__ */ i("div", { className: c(
-    "group flex gap-3 p-4 rounded-lg transition-colors",
-    p ? "bg-destructive/5 border border-destructive/20" : "hover:bg-muted/20"
-  ), children: [
-    /* @__PURE__ */ i(I, { className: "h-8 w-8 mt-0.5 border", children: [
-      /* @__PURE__ */ e(z, { src: t.user.avatar }),
-      /* @__PURE__ */ e(T, { children: t.user.name.substring(0, 2).toUpperCase() })
-    ] }),
-    /* @__PURE__ */ i("div", { className: "flex-1 min-w-0", children: [
-      /* @__PURE__ */ i("div", { className: "flex items-center justify-between mb-1.5", children: [
-        /* @__PURE__ */ i("div", { className: "flex items-center gap-2 flex-wrap", children: [
-          /* @__PURE__ */ e("span", { className: "font-semibold text-sm text-foreground", children: t.user.name }),
-          /* @__PURE__ */ e(ue, { role: t.user.role }),
-          /* @__PURE__ */ e("span", { className: "text-xs text-foreground/65", children: K(t.createdAt, "dd MMM 'às' HH:mm", { locale: D }) })
-        ] }),
-        /* @__PURE__ */ i("div", { className: "flex items-center gap-2 opacity-100 md:opacity-0 md:group-hover:opacity-100 md:group-focus-within:opacity-100 transition-opacity has-[[data-state=open]]:opacity-100", children: [
-          /* @__PURE__ */ i(k, { children: [
-            /* @__PURE__ */ e(R, { asChild: !0, children: /* @__PURE__ */ e(
-              o,
-              {
-                variant: "ghost",
-                size: "icon",
-                className: "h-6 w-6 relative before:absolute before:-inset-1 before:content-[''] text-muted-foreground hover:text-foreground",
-                "aria-label": "Reagir com emoji",
-                children: /* @__PURE__ */ e(U, { className: "h-3.5 w-3.5", "aria-hidden": "true" })
-              }
-            ) }),
-            /* @__PURE__ */ e(L, { className: "w-auto p-0 border-none", align: "end", children: /* @__PURE__ */ e(
-              C,
-              {
-                onEmojiClick: (s) => a == null ? void 0 : a(t.id, s.emoji),
-                width: 300,
-                height: 350
-              }
-            ) })
-          ] }),
-          m && /* @__PURE__ */ e(
-            o,
-            {
-              variant: "ghost",
-              size: "icon",
-              className: "h-6 w-6 relative before:absolute before:-inset-1 before:content-[''] text-muted-foreground hover:text-destructive-emphasis",
-              onClick: () => m(t.id),
-              "aria-label": "Excluir comentário",
-              children: /* @__PURE__ */ e(W, { className: "h-3.5 w-3.5", "aria-hidden": "true" })
-            }
-          )
-        ] })
-      ] }),
-      p && /* @__PURE__ */ i("div", { className: "inline-flex items-center gap-1.5 px-2 py-1 rounded-md bg-destructive/10 text-destructive-emphasis text-xs font-medium mb-2", children: [
-        /* @__PURE__ */ e(B, { className: "h-3.5 w-3.5" }),
-        "Solicitação de Refação"
-      ] }),
-      /* @__PURE__ */ e(
-        "div",
-        {
-          className: "prose prose-sm dark:prose-invert max-w-none text-sm text-foreground/90 leading-relaxed break-words [&_p]:mb-2 [&_p:last-child]:mb-0",
-          dangerouslySetInnerHTML: { __html: t.content }
-        }
-      ),
-      t.attachments && t.attachments.length > 0 && /* @__PURE__ */ e("div", { className: "mt-3 flex flex-wrap gap-2", children: t.attachments.map((s) => /* @__PURE__ */ e(
-        "div",
-        {
-          className: "group/att relative rounded-lg border overflow-hidden bg-background hover:shadow-sm transition-all cursor-pointer",
-          onClick: () => window.open(s.url, "_blank"),
-          children: s.type === "image" ? /* @__PURE__ */ i("div", { className: "h-32 aspect-[4/3]", children: [
-            /* @__PURE__ */ e("img", { src: s.url, alt: s.name, className: "h-full w-full object-cover" }),
-            /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-foreground/0 group-hover/att:bg-foreground/10 transition-colors" })
-          ] }) : /* @__PURE__ */ i("div", { className: "h-12 px-3 flex items-center gap-2 bg-muted/30", children: [
-            /* @__PURE__ */ e(y, { className: "h-4 w-4 text-muted-foreground" }),
-            /* @__PURE__ */ e("span", { className: "text-xs font-medium truncate max-w-[150px]", children: s.name })
-          ] })
-        },
-        s.id
-      )) }),
-      /* @__PURE__ */ i("div", { className: "mt-3 flex flex-wrap gap-2 items-center", children: [
-        (f = t.reactions) == null ? void 0 : f.map((s) => /* @__PURE__ */ i(
-          "button",
-          {
-            onClick: () => a == null ? void 0 : a(t.id, s.emoji),
-            className: c(
-              "inline-flex items-center gap-1.5 px-2 py-0.5 rounded-full text-xs font-medium border transition-colors",
-              s.users.includes(d) ? "bg-secondary border-secondary text-secondary-foreground" : "bg-muted/30 border-transparent hover:bg-muted/50 text-muted-foreground"
-            ),
-            children: [
-              /* @__PURE__ */ e("span", { children: s.emoji }),
-              /* @__PURE__ */ e("span", { children: s.users.length })
-            ]
-          },
-          s.emoji
-        )),
-        a && /* @__PURE__ */ i(k, { children: [
-          /* @__PURE__ */ e(R, { asChild: !0, children: /* @__PURE__ */ e(
-            o,
-            {
-              variant: "ghost",
-              size: "icon",
-              className: "h-6 w-6 rounded-full text-muted-foreground hover:text-foreground hover:bg-muted/50",
-              "aria-label": "Adicionar reação",
-              children: /* @__PURE__ */ e($, { className: "h-3.5 w-3.5" })
-            }
-          ) }),
-          /* @__PURE__ */ e(L, { className: "w-auto p-0 border-none", align: "start", children: /* @__PURE__ */ e(
-            C,
-            {
-              onEmojiClick: (s) => a(t.id, s.emoji),
-              width: 300,
-              height: 350
-            }
-          ) })
-        ] })
-      ] })
-    ] })
-  ] });
-}, Be = ({
-  comments: t,
-  currentUser: d,
-  users: m = [],
-  onAddComment: a,
-  onDeleteComment: p,
-  onReact: f,
-  className: s
-}) => {
-  const h = (u) => {
-    a({
-      content: u.content,
-      user: d,
-      isRevisionRequest: u.isRevisionRequest,
-      attachments: u.attachments
-    });
-  };
-  return /* @__PURE__ */ i("div", { className: c("flex flex-col h-full", s), children: [
-    /* @__PURE__ */ i("div", { className: "px-4 py-3 border-b flex items-center justify-between bg-card", children: [
-      /* @__PURE__ */ e("h3", { className: "font-semibold text-base", children: "Comentários da Atividade" }),
-      /* @__PURE__ */ e(M, { variant: "secondary", className: "bg-muted text-muted-foreground hover:bg-muted", children: t.length })
-    ] }),
-    /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto p-4 space-y-2 bg-muted/5", children: t.length === 0 ? /* @__PURE__ */ i("div", { className: "h-full flex flex-col items-center justify-center text-muted-foreground min-h-[200px]", children: [
-      /* @__PURE__ */ e("div", { className: "bg-muted rounded-full p-3 mb-3", children: /* @__PURE__ */ e(F, { className: "h-6 w-6", "aria-hidden": "true" }) }),
-      /* @__PURE__ */ e("p", { className: "text-sm font-medium text-foreground/70", children: "Nenhum comentário ainda" }),
-      /* @__PURE__ */ e("p", { className: "text-xs", children: "Inicie a conversa sobre esta tarefa" })
-    ] }) : t.map((u) => /* @__PURE__ */ e(
-      fe,
-      {
-        comment: u,
-        currentUserId: d.id,
-        onDelete: p,
-        onReact: f
-      },
-      u.id
-    )) }),
-    /* @__PURE__ */ e("div", { className: "p-4 border-t bg-card", children: /* @__PURE__ */ e(
-      ge,
-      {
-        currentUser: d,
-        onSubmit: h,
-        users: m
-      }
-    ) })
-  ] });
-};
-export {
-  Be as CommentSystem
-};
-//# sourceMappingURL=comment-system.js.map

package/dist/components/ui/data/comment-system.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"comment-system.js","sources":["../../../../src/components/ui/data/comment-system.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { format } from \"date-fns\";\nimport { ptBR } from \"date-fns/locale\";\nimport { cn } from \"../utils\";\nimport { Avatar, AvatarFallback, AvatarImage } from \"../primitives/avatar\";\nimport { Button } from \"../primitives/button\";\nimport { Badge } from \"../primitives/badge\";\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"../overlays/tooltip\";\nimport { Separator } from \"../primitives/separator\";\nimport { \n  Bold, \n  Italic, \n  Underline as UnderlineIcon, \n  List, \n  ListOrdered, \n  Link as LinkIcon,\n  Send,\n  Paperclip,\n  AlertCircle,\n  MoreHorizontal,\n  Trash2,\n  Type,\n  X,\n  Smile,\n  Plus\n} from \"lucide-react\";\n\n// Tiptap Imports\nimport { useEditor, EditorContent, Editor, ReactRenderer } from '@tiptap/react';\nimport type { Instance as TippyInstance } from 'tippy.js';\nimport StarterKit from '@tiptap/starter-kit';\nimport Underline from '@tiptap/extension-underline';\nimport Link from '@tiptap/extension-link';\nimport TiptapImage from '@tiptap/extension-image';\nimport Mention from '@tiptap/extension-mention';\nimport tippy from 'tippy.js';\nimport { MentionList } from './mention-list';\nimport Picker from 'emoji-picker-react';\nimport { Popover, PopoverContent, PopoverTrigger } from \"../overlays/popover\";\n\n// ==========================================\n// TIPOS\n// ==========================================\n\nexport type UserRole = 'internal' | 'client' | 'freelancer';\n\nexport interface CommentUser {\n  id: string;\n  name: string;\n  avatar?: string;\n  role: UserRole;\n}\n\nexport interface CommentReaction {\n  emoji: string;\n  users: string[]; // Array de IDs de usuários que reagiram\n}\n\nexport interface CommentAttachment {\n  id: string;\n  url: string;\n  name: string;\n  type: 'image' | 'file';\n}\n\nexport interface Comment {\n  id: string;\n  content: string; // Conteúdo HTML\n  user: CommentUser;\n  createdAt: Date;\n  isRevisionRequest?: boolean;\n  attachments?: CommentAttachment[];\n  reactions?: CommentReaction[];\n}\n\nexport interface CommentSystemProps {\n  comments: Comment[];\n  currentUser: CommentUser;\n  users?: CommentUser[]; // Lista de usuários mencionáveis\n  onAddComment: (comment: Omit<Comment, \"id\" | \"createdAt\">) => void;\n  onDeleteComment?: (id: string) => void;\n  onReact?: (commentId: string, emoji: string) => void;\n  className?: string;\n}\n\n// ==========================================\n// COMPONENTES AUXILIARES\n// ==========================================\n\nconst RoleBadge = ({ role }: { role: UserRole }) => {\n  const config = {\n    internal: { label: \"Equipe iClips\", className: \"bg-primary/10 text-primary border-primary/20\" },\n    client: { label: \"Cliente\", className: \"bg-info/10 text-info-emphasis border-info/20\" },\n    freelancer: { label: \"Freelancer\", className: \"bg-warning/10 text-warning-emphasis border-warning/20\" },\n  };\n\n  const { label, className } = config[role];\n\n  return (\n    <Badge variant=\"outline\" className={cn(\"text-[10px] h-5 px-1.5 font-medium border-0\", className)}>\n      {label}\n    </Badge>\n  );\n};\n\n// ==========================================\n// EDITOR TOOLBAR\n// ==========================================\n\nconst EditorToolbar = ({ editor, visible }: { editor: Editor | null, visible: boolean }) => {\n  if (!editor) return null;\n\n  if (!visible) return null;\n\n  return (\n    <div className=\"flex items-center gap-1 border-b p-1 bg-muted/20 animate-in slide-in-from-bottom-2 duration-200\">\n      <Button\n        variant=\"ghost\"\n        size=\"icon\"\n        className={cn(\"h-7 w-7\", editor.isActive('bold') && \"bg-muted text-primary\")}\n        onClick={() => editor.chain().focus().toggleBold().run()}\n        title=\"Negrito (Ctrl+B)\"\n        aria-label=\"Negrito\"\n      >\n        <Bold className=\"h-3.5 w-3.5\" />\n      </Button>\n      \n      <Button\n        variant=\"ghost\"\n        size=\"icon\"\n        className={cn(\"h-7 w-7\", editor.isActive('italic') && \"bg-muted text-primary\")}\n        onClick={() => editor.chain().focus().toggleItalic().run()}\n        title=\"Itálico (Ctrl+I)\"\n        aria-label=\"Itálico\"\n      >\n        <Italic className=\"h-3.5 w-3.5\" />\n      </Button>\n\n      <Button\n        variant=\"ghost\"\n        size=\"icon\"\n        className={cn(\"h-7 w-7\", editor.isActive('underline') && \"bg-muted text-primary\")}\n        onClick={() => editor.chain().focus().toggleUnderline().run()}\n        title=\"Sublinhado (Ctrl+U)\"\n        aria-label=\"Sublinhado\"\n      >\n        <UnderlineIcon className=\"h-3.5 w-3.5\" />\n      </Button>\n\n      <Separator orientation=\"vertical\" className=\"h-4 mx-1\" />\n\n      <Button\n        variant=\"ghost\"\n        size=\"icon\"\n        className={cn(\"h-7 w-7\", editor.isActive('bulletList') && \"bg-muted text-primary\")}\n        onClick={() => editor.chain().focus().toggleBulletList().run()}\n        aria-label=\"Lista com marcadores\"\n      >\n        <List className=\"h-3.5 w-3.5\" />\n      </Button>\n\n      <Button\n        variant=\"ghost\"\n        size=\"icon\"\n        className={cn(\"h-7 w-7\", editor.isActive('orderedList') && \"bg-muted text-primary\")}\n        onClick={() => editor.chain().focus().toggleOrderedList().run()}\n        aria-label=\"Lista numerada\"\n      >\n        <ListOrdered className=\"h-3.5 w-3.5\" />\n      </Button>\n\n      <Separator orientation=\"vertical\" className=\"h-4 mx-1\" />\n\n      <Button\n        variant=\"ghost\"\n        size=\"icon\"\n        className={cn(\"h-7 w-7\", editor.isActive('link') && \"bg-muted text-primary\")}\n        aria-label=\"Inserir link\"\n        onClick={() => {\n          const previousUrl = editor.getAttributes('link').href;\n          const url = window.prompt('URL', previousUrl);\n          if (url === null) return;\n          if (url === '') {\n            editor.chain().focus().extendMarkRange('link').unsetLink().run();\n            return;\n          }\n          editor.chain().focus().extendMarkRange('link').setLink({ href: url }).run();\n        }}\n      >\n        <LinkIcon className=\"h-3.5 w-3.5\" />\n      </Button>\n    </div>\n  );\n};\n\n// ==========================================\n// COMMENT EDITOR AREA\n// ==========================================\n\nconst CommentEditor = ({ \n  currentUser, \n  onSubmit,\n  users = []\n}: { \n  currentUser: CommentUser;\n  onSubmit: (data: { content: string; isRevisionRequest: boolean; attachments: CommentAttachment[] }) => void;\n  users?: CommentUser[];\n}) => {\n  const [isRevision, setIsRevision] = React.useState(false);\n  const [showToolbar, setShowToolbar] = React.useState(false);\n  const [attachments, setAttachments] = React.useState<CommentAttachment[]>([]);\n  const [isEditorEmpty, setIsEditorEmpty] = React.useState(true);\n  const fileInputRef = React.useRef<HTMLInputElement>(null);\n\n  const extensions = React.useMemo(() => [\n    StarterKit.configure({\n      // @ts-ignore\n      link: false,\n      // @ts-ignore\n      underline: false,\n    }),\n    Underline,\n    Link.configure({\n      openOnClick: false,\n    }),\n    TiptapImage,\n    Mention.configure({\n      HTMLAttributes: {\n        class: 'bg-secondary text-secondary-foreground rounded-sm px-1 py-0.5 font-medium decoration-clone',\n      },\n      suggestion: {\n        items: ({ query }: { query: string }) => {\n          return users\n            .filter(item => item.name.toLowerCase().startsWith(query.toLowerCase()))\n            .slice(0, 5);\n        },\n        render: () => {\n          // Formato mínimo dos props do ciclo de vida do suggestion do tiptap\n          // (o tipo completo `SuggestionProps` vive em `@tiptap/suggestion`, dep\n          // transitiva sem entrada direta no package.json).\n          type MentionRenderProps = {\n            editor: Editor;\n            clientRect?: (() => DOMRect | null) | null;\n            event?: KeyboardEvent;\n          };\n          let component: ReactRenderer | null = null;\n          let popup: TippyInstance[] | null = null;\n\n          return {\n            onStart: (props: MentionRenderProps) => {\n              component = new ReactRenderer(MentionList, {\n                props,\n                editor: props.editor,\n              });\n\n              if (!props.clientRect) {\n                return;\n              }\n\n              popup = tippy('body', {\n                // tiptap tipa como `() => DOMRect | null`; tippy exige não-nulo.\n                getReferenceClientRect: props.clientRect as () => DOMRect,\n                appendTo: () => document.body,\n                content: component.element,\n                showOnCreate: true,\n                interactive: true,\n                trigger: 'manual',\n                placement: 'bottom-start',\n              });\n            },\n            onUpdate(props: MentionRenderProps) {\n              component?.updateProps(props);\n\n              if (!props.clientRect) {\n                return;\n              }\n\n              popup?.[0].setProps({\n                getReferenceClientRect: props.clientRect as () => DOMRect,\n              });\n            },\n            onKeyDown(props: { event: KeyboardEvent }) {\n              if (props.event.key === 'Escape') {\n                popup?.[0].hide();\n\n                return true;\n              }\n\n              return Boolean(\n                (component?.ref as { onKeyDown?: (p: { event: KeyboardEvent }) => boolean } | undefined)?.onKeyDown?.(props),\n              );\n            },\n            onExit() {\n              popup?.[0].destroy();\n              component?.destroy();\n            },\n          };\n        },\n      },\n    }),\n  ], [users]);\n\n  const editor = useEditor({\n    extensions,\n    content: '',\n    onUpdate: ({ editor }) => {\n      setIsEditorEmpty(editor.isEmpty);\n    },\n    editorProps: {\n      attributes: {\n        class: 'prose prose-sm dark:prose-invert max-w-none focus:outline-none min-h-[80px] px-3 py-2 text-sm',\n      },\n    },\n  });\n\n  const handleAttach = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (e.target.files && e.target.files[0]) {\n      const file = e.target.files[0];\n      const url = URL.createObjectURL(file);\n      \n      const newAttachment: CommentAttachment = {\n        id: Math.random().toString(36).substr(2, 9),\n        name: file.name,\n        url,\n        type: file.type.startsWith('image/') ? 'image' : 'file'\n      };\n      \n      setAttachments([...attachments, newAttachment]);\n      // Reset input\n      e.target.value = '';\n    }\n  };\n\n  const removeAttachment = (id: string) => {\n    setAttachments(attachments.filter(a => a.id !== id));\n  };\n\n  const handleSubmit = () => {\n    if (!editor || (editor.isEmpty && attachments.length === 0)) return;\n    \n    onSubmit({\n      content: editor.getHTML(),\n      isRevisionRequest: isRevision,\n      attachments\n    });\n\n    editor.commands.clearContent();\n    setAttachments([]);\n    setIsRevision(false);\n    // Manually reset empty state since clearContent triggers update but we want to be sure\n    setIsEditorEmpty(true);\n  };\n\n  return (\n    <div className=\"flex gap-3 items-start\">\n      <Avatar className=\"h-8 w-8 mt-1 border\">\n        <AvatarImage src={currentUser.avatar} />\n        <AvatarFallback>{currentUser.name.substring(0, 2).toUpperCase()}</AvatarFallback>\n      </Avatar>\n\n      <div className={cn(\n        \"flex-1 rounded-xl border bg-background shadow-sm overflow-hidden transition-colors\",\n        isRevision && \"border-destructive/40 ring-1 ring-destructive/20\"\n      )}>\n        <EditorToolbar editor={editor} visible={showToolbar} />\n        \n        <EditorContent editor={editor} />\n\n        {/* Attachments Preview Area */}\n        {attachments.length > 0 && (\n          <div className=\"px-3 pb-2 flex flex-wrap gap-2\">\n            {attachments.map(att => (\n              <div key={att.id} className=\"relative group\">\n                {att.type === 'image' ? (\n                  <div className=\"h-16 w-16 rounded-md border overflow-hidden relative\">\n                    <img src={att.url} alt={att.name} className=\"h-full w-full object-cover\" />\n                  </div>\n                ) : (\n                  <div className=\"h-16 w-16 rounded-md border bg-muted flex items-center justify-center\">\n                    <Paperclip className=\"h-6 w-6 text-muted-foreground\" />\n                  </div>\n                )}\n                <button \n                  onClick={() => removeAttachment(att.id)}\n                  className=\"absolute -top-1.5 -right-1.5 border bg-background text-destructive-emphasis hover:bg-destructive/10 rounded-full p-0.5 opacity-100 md:opacity-0 md:group-hover:opacity-100 md:group-focus-within:opacity-100 transition-opacity shadow-sm\"\n                >\n                  <X className=\"h-3 w-3\" />\n                </button>\n              </div>\n            ))}\n          </div>\n        )}\n\n        <div className=\"flex items-center justify-between p-2 bg-muted/10 border-t\">\n          <div className=\"flex items-center gap-2\">\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <Button \n                  variant=\"ghost\" \n                  size=\"icon\" \n                  className={cn(\n                    \"h-8 w-8 transition-colors\",\n                    showToolbar ? \"bg-muted text-foreground\" : \"text-muted-foreground hover:text-foreground\"\n                  )}\n                  onClick={() => setShowToolbar(!showToolbar)}\n                  aria-label=\"Opções de formatação\"\n                >\n                  <Type className=\"h-4 w-4\" />\n                </Button>\n              </TooltipTrigger>\n              <TooltipContent>Opções de formatação</TooltipContent>\n            </Tooltip>\n\n            <div className=\"w-px h-4 bg-border mx-1\" />\n\n            <Popover>\n              <PopoverTrigger asChild>\n                <Button\n                  variant=\"ghost\"\n                  size=\"icon\"\n                  className=\"h-8 w-8 text-muted-foreground hover:text-foreground\"\n                  aria-label=\"Inserir emoji\"\n                >\n                  <Smile className=\"h-4 w-4\" />\n                </Button>\n              </PopoverTrigger>\n              <PopoverContent className=\"w-auto p-0 border-none\" align=\"start\" side=\"top\">\n                 <Picker \n                   onEmojiClick={(emojiData) => editor?.chain().focus().insertContent(emojiData.emoji).run()}\n                   width={300}\n                   height={350}\n                 />\n              </PopoverContent>\n            </Popover>\n\n            <input \n              type=\"file\" \n              className=\"hidden\" \n              ref={fileInputRef}\n              onChange={handleAttach}\n              accept=\"image/*,.pdf,.doc,.docx\"\n            />\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <Button \n                  variant=\"ghost\" \n                  size=\"icon\" \n                  className=\"h-8 w-8 text-muted-foreground hover:text-foreground\"\n                  onClick={() => fileInputRef.current?.click()}\n                  aria-label=\"Anexar arquivo\"\n                >\n                  <Paperclip className=\"h-4 w-4\" />\n                </Button>\n              </TooltipTrigger>\n              <TooltipContent>Anexar arquivo</TooltipContent>\n            </Tooltip>\n\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <Button \n                  variant=\"ghost\" \n                  size=\"sm\" \n                  className={cn(\n                    \"h-8 gap-2 px-2 transition-colors\",\n                    isRevision\n                      ? \"bg-destructive/10 text-destructive-emphasis hover:bg-destructive/20\"\n                      : \"text-muted-foreground hover:text-foreground\"\n                  )}\n                  onClick={() => setIsRevision(!isRevision)}\n                >\n                  <AlertCircle className=\"h-4 w-4\" />\n                  <span className=\"text-xs font-medium\">Solicitar Refação</span>\n                </Button>\n              </TooltipTrigger>\n              <TooltipContent>Marca este comentário como um pedido de alteração</TooltipContent>\n            </Tooltip>\n          </div>\n\n          <Button\n            size=\"sm\"\n            onClick={handleSubmit}\n            disabled={isEditorEmpty && attachments.length === 0}\n          >\n            Enviar <Send className=\"h-3.5 w-3.5 ml-2\" />\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\n// ==========================================\n// SINGLE COMMENT ITEM\n// ==========================================\n\nconst CommentItem = ({ \n  comment, \n  currentUserId,\n  onDelete, \n  onReact \n}: { \n  comment: Comment; \n  currentUserId: string;\n  onDelete?: (id: string) => void;\n  onReact?: (commentId: string, emoji: string) => void;\n}) => {\n  const isRevision = comment.isRevisionRequest;\n\n  return (\n    <div className={cn(\n      \"group flex gap-3 p-4 rounded-lg transition-colors\",\n      isRevision ? \"bg-destructive/5 border border-destructive/20\" : \"hover:bg-muted/20\"\n    )}>\n      <Avatar className=\"h-8 w-8 mt-0.5 border\">\n        <AvatarImage src={comment.user.avatar} />\n        <AvatarFallback>{comment.user.name.substring(0, 2).toUpperCase()}</AvatarFallback>\n      </Avatar>\n\n      <div className=\"flex-1 min-w-0\">\n        {/* Header */}\n        <div className=\"flex items-center justify-between mb-1.5\">\n          <div className=\"flex items-center gap-2 flex-wrap\">\n            <span className=\"font-semibold text-sm text-foreground\">{comment.user.name}</span>\n            <RoleBadge role={comment.user.role} />\n            <span className=\"text-xs text-foreground/65\">\n              {format(comment.createdAt, \"dd MMM 'às' HH:mm\", { locale: ptBR })}\n            </span>\n          </div>\n          \n          <div className=\"flex items-center gap-2 opacity-100 md:opacity-0 md:group-hover:opacity-100 md:group-focus-within:opacity-100 transition-opacity has-[[data-state=open]]:opacity-100\">\n            <Popover>\n              <PopoverTrigger asChild>\n                <Button\n                  variant=\"ghost\"\n                  size=\"icon\"\n                  className=\"h-6 w-6 relative before:absolute before:-inset-1 before:content-[''] text-muted-foreground hover:text-foreground\"\n                  aria-label=\"Reagir com emoji\"\n                >\n                  <Smile className=\"h-3.5 w-3.5\" aria-hidden=\"true\" />\n                </Button>\n              </PopoverTrigger>\n              <PopoverContent className=\"w-auto p-0 border-none\" align=\"end\">\n                 <Picker \n                   onEmojiClick={(emojiData) => onReact?.(comment.id, emojiData.emoji)}\n                   width={300}\n                   height={350}\n                 />\n              </PopoverContent>\n            </Popover>\n\n            {onDelete && (\n              <Button \n                variant=\"ghost\" \n                size=\"icon\" \n                className=\"h-6 w-6 relative before:absolute before:-inset-1 before:content-[''] text-muted-foreground hover:text-destructive-emphasis\"\n                onClick={() => onDelete(comment.id)}\n                aria-label=\"Excluir comentário\"\n              >\n                <Trash2 className=\"h-3.5 w-3.5\" aria-hidden=\"true\" />\n              </Button>\n            )}\n          </div>\n        </div>\n\n        {/* Revision Badge */}\n        {isRevision && (\n          <div className=\"inline-flex items-center gap-1.5 px-2 py-1 rounded-md bg-destructive/10 text-destructive-emphasis text-xs font-medium mb-2\">\n            <AlertCircle className=\"h-3.5 w-3.5\" />\n            Solicitação de Refação\n          </div>\n        )}\n\n        {/* Content */}\n        <div \n          className=\"prose prose-sm dark:prose-invert max-w-none text-sm text-foreground/90 leading-relaxed break-words [&_p]:mb-2 [&_p:last-child]:mb-0\"\n          dangerouslySetInnerHTML={{ __html: comment.content }}\n        />\n\n        {/* Attachments Display */}\n        {comment.attachments && comment.attachments.length > 0 && (\n          <div className=\"mt-3 flex flex-wrap gap-2\">\n            {comment.attachments.map(att => (\n              <div \n                key={att.id} \n                className=\"group/att relative rounded-lg border overflow-hidden bg-background hover:shadow-sm transition-all cursor-pointer\"\n                onClick={() => window.open(att.url, '_blank')}\n              >\n                {att.type === 'image' ? (\n                  <div className=\"h-32 aspect-[4/3]\">\n                    <img src={att.url} alt={att.name} className=\"h-full w-full object-cover\" />\n                    <div className=\"absolute inset-0 bg-foreground/0 group-hover/att:bg-foreground/10 transition-colors\" />\n                  </div>\n                ) : (\n                  <div className=\"h-12 px-3 flex items-center gap-2 bg-muted/30\">\n                    <Paperclip className=\"h-4 w-4 text-muted-foreground\" />\n                    <span className=\"text-xs font-medium truncate max-w-[150px]\">{att.name}</span>\n                  </div>\n                )}\n              </div>\n            ))}\n          </div>\n        )}\n\n        {/* Reactions */}\n        <div className=\"mt-3 flex flex-wrap gap-2 items-center\">\n          {comment.reactions?.map((reaction) => (\n            <button\n              key={reaction.emoji}\n              onClick={() => onReact?.(comment.id, reaction.emoji)}\n              className={cn(\n                \"inline-flex items-center gap-1.5 px-2 py-0.5 rounded-full text-xs font-medium border transition-colors\",\n                reaction.users.includes(currentUserId)\n                  ? \"bg-secondary border-secondary text-secondary-foreground\"\n                  : \"bg-muted/30 border-transparent hover:bg-muted/50 text-muted-foreground\"\n              )}\n            >\n              <span>{reaction.emoji}</span>\n              <span>{reaction.users.length}</span>\n            </button>\n          ))}\n          \n          {onReact && (\n            <Popover>\n              <PopoverTrigger asChild>\n                <Button\n                  variant=\"ghost\"\n                  size=\"icon\"\n                  className=\"h-6 w-6 rounded-full text-muted-foreground hover:text-foreground hover:bg-muted/50\"\n                  aria-label=\"Adicionar reação\"\n                >\n                  <Plus className=\"h-3.5 w-3.5\" />\n                </Button>\n              </PopoverTrigger>\n              <PopoverContent className=\"w-auto p-0 border-none\" align=\"start\">\n                 <Picker \n                   onEmojiClick={(emojiData) => onReact(comment.id, emojiData.emoji)}\n                   width={300}\n                   height={350}\n                 />\n              </PopoverContent>\n            </Popover>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\n// ==========================================\n// MAIN COMPONENT\n// ==========================================\n\nexport const CommentSystem = ({ \n  comments, \n  currentUser, \n  users = [],\n  onAddComment, \n  onDeleteComment,\n  onReact,\n  className \n}: CommentSystemProps) => {\n  \n  const handleSubmit = (data: { content: string; isRevisionRequest: boolean; attachments: CommentAttachment[] }) => {\n    onAddComment({\n      content: data.content,\n      user: currentUser,\n      isRevisionRequest: data.isRevisionRequest,\n      attachments: data.attachments\n    });\n  };\n\n  return (\n    <div className={cn(\"flex flex-col h-full\", className)}>\n      {/* Header */}\n      <div className=\"px-4 py-3 border-b flex items-center justify-between bg-card\">\n        <h3 className=\"font-semibold text-base\">Comentários da Atividade</h3>\n        <Badge variant=\"secondary\" className=\"bg-muted text-muted-foreground hover:bg-muted\">\n          {comments.length}\n        </Badge>\n      </div>\n\n      {/* Scrollable List */}\n      <div className=\"flex-1 overflow-y-auto p-4 space-y-2 bg-muted/5\">\n        {comments.length === 0 ? (\n          <div className=\"h-full flex flex-col items-center justify-center text-muted-foreground min-h-[200px]\">\n            <div className=\"bg-muted rounded-full p-3 mb-3\">\n              <MoreHorizontal className=\"h-6 w-6\" aria-hidden=\"true\" />\n            </div>\n            <p className=\"text-sm font-medium text-foreground/70\">Nenhum comentário ainda</p>\n            <p className=\"text-xs\">Inicie a conversa sobre esta tarefa</p>\n          </div>\n        ) : (\n          comments.map((comment) => (\n            <CommentItem \n              key={comment.id} \n              comment={comment} \n              currentUserId={currentUser.id}\n              onDelete={onDeleteComment} \n              onReact={onReact}\n            />\n          ))\n        )}\n      </div>\n\n      {/* Input Area */}\n      <div className=\"p-4 border-t bg-card\">\n        <CommentEditor \n          currentUser={currentUser} \n          onSubmit={handleSubmit}\n          users={users}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default CommentSystem;"],"names":["RoleBadge","role","config","label","className","jsx","Badge","cn","EditorToolbar","editor","visible","jsxs","Button","Bold","Italic","UnderlineIcon","Separator","List","ListOrdered","previousUrl","url","LinkIcon","CommentEditor","currentUser","onSubmit","users","isRevision","setIsRevision","React","showToolbar","setShowToolbar","attachments","setAttachments","isEditorEmpty","setIsEditorEmpty","fileInputRef","extensions","StarterKit","Underline","Link","TiptapImage","Mention","query","item","component","popup","props","ReactRenderer","MentionList","tippy","_b","_a","useEditor","handleAttach","e","file","newAttachment","removeAttachment","id","a","handleSubmit","Avatar","AvatarImage","AvatarFallback","EditorContent","att","Paperclip","Tooltip","TooltipTrigger","Type","TooltipContent","Popover","PopoverTrigger","Smile","PopoverContent","Picker","emojiData","AlertCircle","Send","CommentItem","comment","currentUserId","onDelete","onReact","format","ptBR","Trash2","reaction","Plus","CommentSystem","comments","onAddComment","onDeleteComment","data","MoreHorizontal"],"mappings":"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"}