@layers-app/shared 0.4.6 → 0.4.8

package/dist/components/Chat/ChatMessage/ChatMessage.module.css.js

@@ -1,21 +1,25 @@
-const t = "_wrapper_1hoj2_1", a = "_avatar_1hoj2_77", e = "_spacer_1hoj2_93", o = "_content_1hoj2_107", s = "_attachmentsWrap_1hoj2_153", n = "_mediaOnlyMeta_1hoj2_243", _ = "_messageRow_1hoj2_285", c = "_hoverActions_1hoj2_295", r = {
-  wrapper: t,
-  avatar: a,
-  spacer: e,
-  content: o,
+const a = "_wrapper_rpwzs_1", t = "_avatar_rpwzs_77", r = "_spacer_rpwzs_93", e = "_content_rpwzs_107", s = "_attachmentsWrap_rpwzs_153", _ = "_mediaOnlyMeta_rpwzs_243", n = "_threadSummary_rpwzs_285", o = "_threadSummaryLabel_rpwzs_317", c = "_messageRow_rpwzs_337", p = "_hoverActions_rpwzs_347", m = {
+  wrapper: a,
+  avatar: t,
+  spacer: r,
+  content: e,
   attachmentsWrap: s,
-  mediaOnlyMeta: n,
-  messageRow: _,
-  hoverActions: c
+  mediaOnlyMeta: _,
+  threadSummary: n,
+  threadSummaryLabel: o,
+  messageRow: c,
+  hoverActions: p
 };
 export {
   s as attachmentsWrap,
-  a as avatar,
-  o as content,
-  r as default,
-  c as hoverActions,
-  n as mediaOnlyMeta,
-  _ as messageRow,
-  e as spacer,
-  t as wrapper
+  t as avatar,
+  e as content,
+  m as default,
+  p as hoverActions,
+  _ as mediaOnlyMeta,
+  c as messageRow,
+  r as spacer,
+  n as threadSummary,
+  o as threadSummaryLabel,
+  a as wrapper
 };

package/dist/components/Chat/ChatMessage/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { CommentComposerTypes } from '../../CommentComposer/types';
+import { type MessageAuthorBadge } from '../MessageAuthor';
 import { type Reaction } from '../MessageReactions';
 import { type MessageDeliveryStatus } from '../MessageStatus';
 export interface ChatMessageProps {
@@ -7,6 +8,7 @@ export interface ChatMessageProps {
     outgoing?: boolean;
     senderName?: string;
     senderColor?: 1 | 2 | 3 | 4 | 5 | 6 | 7;
+    senderBadge?: MessageAuthorBadge;
     avatarName?: string;
     avatarSrc?: string;
     showAvatar?: boolean;
@@ -22,12 +24,26 @@ export interface ChatMessageProps {
     };
     forwardFrom?: string;
     edited?: boolean;
+    /** In-bubble thread summary: stacked participant avatars + "N replies". */
+    threadSummary?: {
+        count: number;
+        label: string;
+        participants: {
+            id?: string;
+            name?: string;
+            avatar?: string | null;
+        }[];
+        onClick: () => void;
+    };
     attachments?: CommentComposerTypes.AnyCommentFile[];
+    /** Forwarded to {@link AttachmentsPreview}; `voice` renders audio as a waveform note. */
+    audioVariant?: 'voice';
     reactions?: Reaction[];
     onReactionToggle?: (emoji: string) => void;
     groupPosition?: 'single' | 'first' | 'middle' | 'last';
     onReaction?: (emoji: string) => void;
     onReply?: () => void;
+    onThread?: () => void;
     onEdit?: () => void;
     onDelete?: () => void;
     onCopy?: () => void;

package/dist/components/Chat/ChatMessage/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/ChatMessage/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAOnE,OAAO,EAGL,KAAK,QAAQ,EACd,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,KAAK,qBAAqB,EAAiB,MAAM,kBAAkB,CAAC;AAO7E,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE;QACR,UAAU,EAAE,MAAM,CAAC;QACnB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;QACtB,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;KACtB,CAAC;IACF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,oBAAoB,CAAC,cAAc,EAAE,CAAC;IACpD,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,aAAa,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IACvD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,WAAW,oFAmOvB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/ChatMessage/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Chat/ChatMessage/index.js

@@ -1,138 +1,172 @@
-import { jsx as e, jsxs as d, Fragment as Z } from "react/jsx-runtime";
-import _, { useMemo as $ } from "react";
-import { AttachmentsPreview as P } from "../../AttachmentsPreview/AttachmentsPreview.js";
-import { UserAvatar as T } from "../../UserAvatar/index.js";
-import { ChatBubble as ee } from "../ChatBubble/index.js";
-import { MessageActions as ae } from "../MessageActions/index.js";
-import { MessageAuthor as te } from "../MessageAuthor/index.js";
-import { MessageForward as se } from "../MessageForward/index.js";
-import { MessageMeta as ie } from "../MessageMeta/index.js";
-import { MessageReactions as re, MAX_MESSAGE_REACTIONS as oe } from "../MessageReactions/index.js";
-import { MessageReply as le } from "../MessageReply/index.js";
-import { MessageStatus as j } from "../MessageStatus/index.js";
-import { getAvatarColor as me } from "../colors.js";
+import { jsxs as l, Fragment as se, jsx as e } from "react/jsx-runtime";
+import L, { useMemo as $ } from "react";
+import { Avatar as ie } from "@mantine/core";
+import { AttachmentsPreview as re } from "../../AttachmentsPreview/AttachmentsPreview.js";
+import { UserAvatar as j } from "../../UserAvatar/index.js";
+import { ChatBubble as oe } from "../ChatBubble/index.js";
+import { MessageActions as le } from "../MessageActions/index.js";
+import { MessageAuthor as ce } from "../MessageAuthor/index.js";
+import { MessageForward as ne } from "../MessageForward/index.js";
+import { MessageMeta as de } from "../MessageMeta/index.js";
+import { MessageReactions as me, MAX_MESSAGE_REACTIONS as he } from "../MessageReactions/index.js";
+import { MessageReply as pe } from "../MessageReply/index.js";
+import { MessageStatus as z } from "../MessageStatus/index.js";
+import { getAvatarColor as ve } from "../colors.js";
 import t from "./ChatMessage.module.css.js";
-const ce = { cursor: "pointer" }, de = _.memo(
-  _.forwardRef(function({
-    children: p,
-    outgoing: a,
-    senderName: o,
-    senderColor: n,
-    avatarName: g,
-    avatarSrc: B,
+const fe = { cursor: "pointer" }, ge = L.memo(
+  L.forwardRef(function({
+    children: g,
+    outgoing: s,
+    senderName: c,
+    senderColor: h,
+    senderBadge: B,
+    avatarName: u,
+    avatarSrc: G,
     showAvatar: K,
-    timestamp: M,
-    status: l,
-    onRetry: h,
-    retryLabel: A,
+    timestamp: A,
+    status: n,
+    onRetry: p,
+    retryLabel: M,
     replyTo: i,
-    forwardFrom: u,
-    edited: L,
-    attachments: r,
-    reactions: m,
-    onReactionToggle: O,
+    forwardFrom: b,
+    edited: O,
+    threadSummary: r,
+    attachments: o,
+    audioVariant: D,
+    reactions: d,
+    onReactionToggle: U,
     groupPosition: C = "single",
-    onReaction: w,
-    onReply: b,
+    onReaction: N,
+    onReply: w,
+    onThread: W,
     onEdit: v,
     onDelete: f,
     onCopy: x,
-    onForward: N,
-    onPin: S,
-    onContextMenu: z,
-    onAvatarClick: k,
-    fullWidth: D,
-    noBubble: G,
-    mediaOnly: U,
-    hasMedia: y,
-    id: W,
-    className: E,
-    style: X
-  }, Y) {
-    const q = !a && !!o, F = !a && K, H = !!(w || b || v || f || x || N || S), J = $(() => {
-      const s = me(n);
+    onForward: k,
+    onPin: y,
+    onContextMenu: X,
+    onAvatarClick: E,
+    fullWidth: Y,
+    noBubble: q,
+    mediaOnly: F,
+    hasMedia: I,
+    id: H,
+    className: R,
+    style: J
+  }, Q) {
+    const V = !s && !!c, Z = !s && K, P = !!(N || w || v || f || x || k || y), T = $(() => {
+      const a = ve(h);
       return {
-        root: { "--avatar-bg": s },
-        placeholder: { backgroundColor: s }
+        root: { "--avatar-bg": a },
+        placeholder: { backgroundColor: a }
       };
-    }, [n]), I = m && m.length > 0, Q = (m?.length ?? 0) < oe, V = $(
-      () => r?.filter((s) => s.isImage).length ?? 0,
-      [r]
-    ), c = M ? /* @__PURE__ */ e(
-      ie,
+    }, [h]), S = d && d.length > 0, ee = (d?.length ?? 0) < he, ae = $(
+      () => o?.filter((a) => a.isImage).length ?? 0,
+      [o]
+    ), m = A ? /* @__PURE__ */ e(
+      de,
       {
-        time: M,
-        edited: L,
-        outgoing: a,
-        inReactions: I,
-        children: a && l && (l === "error" && h ? /* @__PURE__ */ e(
+        time: A,
+        edited: O,
+        outgoing: s,
+        inReactions: S,
+        children: s && n && (n === "error" && p ? /* @__PURE__ */ e(
           "span",
           {
             role: "button",
             tabIndex: 0,
-            onClick: h,
-            onKeyDown: (s) => {
-              (s.key === "Enter" || s.key === " ") && (s.preventDefault(), h());
+            onClick: p,
+            onKeyDown: (a) => {
+              (a.key === "Enter" || a.key === " ") && (a.preventDefault(), p());
             },
-            title: A,
-            "aria-label": A,
+            title: M,
+            "aria-label": M,
             "data-testid": "message-retry",
             style: { cursor: "pointer", display: "inline-flex" },
-            children: /* @__PURE__ */ e(j, { status: l })
+            children: /* @__PURE__ */ e(z, { status: n })
           }
-        ) : /* @__PURE__ */ e(j, { status: l }))
+        ) : /* @__PURE__ */ e(z, { status: n }))
       }
-    ) : null, R = /* @__PURE__ */ d(Z, { children: [
-      q && /* @__PURE__ */ e(te, { name: o, color: n }),
+    ) : null, _ = /* @__PURE__ */ l(se, { children: [
+      V && /* @__PURE__ */ e(
+        ce,
+        {
+          name: c,
+          color: h,
+          badge: B
+        }
+      ),
       i && /* @__PURE__ */ e(
-        le,
+        pe,
         {
           title: i.senderName,
           subtitle: i.text,
           color: i.color,
-          outgoing: a,
+          outgoing: s,
           onClick: i.onClick
         }
       ),
-      u && /* @__PURE__ */ e(se, { from: u, outgoing: a }),
-      U ? /* @__PURE__ */ d(
+      b && /* @__PURE__ */ e(ne, { from: b, outgoing: s }),
+      F ? /* @__PURE__ */ l(
         "div",
         {
           className: t.content,
           style: { position: "relative" },
           "data-testid": "chat-message-content",
-          "data-has-media": y || void 0,
+          "data-has-media": I || void 0,
           "data-media-only": !0,
           children: [
-            p,
-            c && /* @__PURE__ */ e("div", { className: t.mediaOnlyMeta, children: c })
+            g,
+            m && /* @__PURE__ */ e("div", { className: t.mediaOnlyMeta, children: m })
           ]
         }
-      ) : /* @__PURE__ */ d(
+      ) : /* @__PURE__ */ l(
         "div",
         {
           className: t.content,
           "data-testid": "chat-message-content",
-          "data-has-media": y || void 0,
-          "data-single-image": V === 1 || void 0,
+          "data-has-media": I || void 0,
+          "data-single-image": ae === 1 || void 0,
           children: [
-            r && r.length > 0 && /* @__PURE__ */ e("div", { className: t.attachmentsWrap, children: /* @__PURE__ */ e(
-              P,
+            o && o.length > 0 && /* @__PURE__ */ e("div", { className: t.attachmentsWrap, children: /* @__PURE__ */ e(
+              re,
               {
-                files: r,
+                files: o,
                 mode: "view",
+                audioVariant: D,
                 parentIsExisting: !0
               }
             ) }),
-            p,
-            I ? /* @__PURE__ */ e(
-              re,
+            g,
+            S ? /* @__PURE__ */ e(
+              me,
+              {
+                reactions: d,
+                onToggle: U,
+                meta: m
+              }
+            ) : m,
+            r && r.count > 0 && /* @__PURE__ */ l(
+              "button",
               {
-                reactions: m,
-                onToggle: O,
-                meta: c
+                type: "button",
+                className: t.threadSummary,
+                onClick: r.onClick,
+                "data-cy": "thread-open",
+                children: [
+                  /* @__PURE__ */ e(ie.Group, { spacing: 6, children: r.participants.slice(0, 3).map((a, te) => /* @__PURE__ */ e(
+                    j,
+                    {
+                      user: { id: a.id, name: a.name, avatar: a.avatar },
+                      size: 18,
+                      radius: "xl"
+                    },
+                    a.id ?? a.name ?? te
+                  )) }),
+                  /* @__PURE__ */ e("span", { className: t.threadSummaryLabel, children: r.label })
+                ]
               }
-            ) : c
+            )
           ]
         }
       )
@@ -140,55 +174,56 @@ const ce = { cursor: "pointer" }, de = _.memo(
     return /* @__PURE__ */ e(
       "div",
       {
-        ref: Y,
-        className: `${t.messageRow}${E ? ` ${E}` : ""}`,
-        "data-outgoing": a || void 0,
-        "data-message-id": W,
-        onContextMenu: z,
-        style: X,
-        children: /* @__PURE__ */ d(
+        ref: Q,
+        className: `${t.messageRow}${R ? ` ${R}` : ""}`,
+        "data-outgoing": s || void 0,
+        "data-message-id": H,
+        onContextMenu: X,
+        style: J,
+        children: /* @__PURE__ */ l(
           "div",
           {
             className: t.wrapper,
-            "data-outgoing": a || void 0,
+            "data-outgoing": s || void 0,
             "data-group-position": C,
             children: [
-              F ? /* @__PURE__ */ e("div", { className: t.avatar, children: /* @__PURE__ */ e(
-                T,
+              Z ? /* @__PURE__ */ e("div", { className: t.avatar, children: /* @__PURE__ */ e(
+                j,
                 {
                   user: {
-                    id: g || o || "",
-                    name: g || o,
-                    avatar: B
+                    id: u || c || "",
+                    name: u || c,
+                    avatar: G
                   },
                   size: 33,
                   radius: "xl",
-                  onClick: k,
-                  style: k ? ce : void 0,
-                  styles: J
+                  onClick: E,
+                  style: E ? fe : void 0,
+                  styles: T
                 }
-              ) }) : !a && /* @__PURE__ */ e("div", { className: t.spacer }),
-              G ? R : /* @__PURE__ */ e(
-                ee,
+              ) }) : !s && /* @__PURE__ */ e("div", { className: t.spacer }),
+              q ? _ : /* @__PURE__ */ e(
+                oe,
                 {
-                  outgoing: a,
-                  fullWidth: D,
+                  outgoing: s,
+                  fullWidth: Y,
                   groupPosition: C,
-                  children: R
+                  children: _
                 }
               ),
-              H && /* @__PURE__ */ e(
-                ae,
+              P && /* @__PURE__ */ e(
+                le,
                 {
                   className: t.hoverActions,
-                  onReaction: w,
-                  canAddReaction: Q,
-                  onReply: b,
+                  onReaction: N,
+                  canAddReaction: ee,
+                  onReply: w,
+                  onThread: W,
                   onEdit: v,
                   onDelete: f,
                   onCopy: x,
-                  onForward: N,
-                  onPin: S,
+                  onForward: k,
+                  onPin: y,
                   showEdit: !!v,
                   showDelete: !!f
                 }
@@ -200,7 +235,7 @@ const ce = { cursor: "pointer" }, de = _.memo(
     );
   })
 );
-de.displayName = "ChatMessage";
+ge.displayName = "ChatMessage";
 export {
-  de as ChatMessage
+  ge as ChatMessage
 };

package/dist/components/Chat/MessageActions/index.d.ts

@@ -9,6 +9,8 @@ export interface MessageActionsProps {
      */
     canAddReaction?: boolean;
     onReply?: () => void;
+    /** Open this message as a thread (separate from inline reply). */
+    onThread?: () => void;
     onEdit?: () => void;
     onDelete?: () => void;
     onCopy?: () => void;

package/dist/components/Chat/MessageActions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/MessageActions/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAiBxC,MAAM,WAAW,mBAAmB;IAClC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC;;;;;OAKG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,cAAc,iDA+FzB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/MessageActions/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAwBxC,MAAM,WAAW,mBAAmB;IAClC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC;;;;;OAKG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,cAAc,iDA6MzB,CAAC"}