@layers-app/shared 0.4.7 → 0.4.9

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

@@ -1,15 +1,15 @@
-const o = "_root_602sh_1", s = "_sidebar_602sh_12", t = "_chat_602sh_23", _ = "_info_602sh_34", r = "_drawerBody_602sh_44", a = {
+const o = "_root_uj82d_1", d = "_sidebar_uj82d_23", t = "_chat_uj82d_45", _ = "_info_uj82d_67", r = "_drawerBody_uj82d_87", s = {
   root: o,
-  sidebar: s,
+  sidebar: d,
   chat: t,
   info: _,
   drawerBody: r
 };
 export {
   t as chat,
-  a as default,
+  s as default,
   r as drawerBody,
   _ as info,
   o as root,
-  s as sidebar
+  d as sidebar
 };

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

@@ -1,21 +1,25 @@
-const t = "_wrapper_9zdgd_1", a = "_avatar_9zdgd_39", e = "_spacer_9zdgd_47", s = "_content_9zdgd_54", n = "_attachmentsWrap_9zdgd_77", _ = "_mediaOnlyMeta_9zdgd_122", o = "_messageRow_9zdgd_143", c = "_hoverActions_9zdgd_148", d = {
-  wrapper: t,
-  avatar: a,
-  spacer: e,
-  content: s,
-  attachmentsWrap: n,
+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: _,
-  messageRow: o,
-  hoverActions: c
+  threadSummary: n,
+  threadSummaryLabel: o,
+  messageRow: c,
+  hoverActions: p
 };
 export {
-  n as attachmentsWrap,
-  a as avatar,
-  s as content,
-  d as default,
-  c as hoverActions,
+  s as attachmentsWrap,
+  t as avatar,
+  e as content,
+  m as default,
+  p as hoverActions,
   _ as mediaOnlyMeta,
-  o as messageRow,
-  e as spacer,
-  t as wrapper
+  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/ChatPill/ChatPill.module.css.js

@@ -1,4 +1,4 @@
-const l = "_root_fdpv0_1", o = "_line_fdpv0_9", t = "_label_fdpv0_16", e = {
+const l = "_root_1rg6u_1", o = "_line_1rg6u_17", t = "_label_1rg6u_31", e = {
   root: l,
   line: o,
   label: t

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

@@ -1,17 +1,17 @@
-const t = "_root_oz3bs_1", o = "_dialogContent_oz3bs_30", n = "_dialogContentDraft_oz3bs_40", e = "_dialogContentSender_oz3bs_45", _ = "_titleRow_oz3bs_50", s = "_textContent_oz3bs_60", a = {
+const t = "_root_1wv58_1", o = "_dialogContent_1wv58_59", n = "_dialogContentDraft_1wv58_79", e = "_dialogContentSender_1wv58_89", _ = "_titleRow_1wv58_99", a = "_textContent_1wv58_119", l = {
   root: t,
   dialogContent: o,
   dialogContentDraft: n,
   dialogContentSender: e,
   titleRow: _,
-  textContent: s
+  textContent: a
 };
 export {
-  a as default,
+  l as default,
   o as dialogContent,
   n as dialogContentDraft,
   e as dialogContentSender,
   t as root,
-  s as textContent,
+  a as textContent,
   _ as titleRow
 };

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

@@ -1,4 +1,4 @@
-const o = "_root_4wt9h_1", t = {
+const o = "_root_uv81p_1", t = {
   root: o
 };
 export {

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

@@ -1,13 +1,13 @@
-const o = "_root_14jri_1", t = "_downloadButton_14jri_20", e = "_fileName_14jri_30", i = "_fileSize_14jri_38", _ = {
+const o = "_root_pcicv_1", t = "_downloadButton_pcicv_39", e = "_fileName_pcicv_59", c = "_fileSize_pcicv_75", i = {
   root: o,
   downloadButton: t,
   fileName: e,
-  fileSize: i
+  fileSize: c
 };
 export {
-  _ as default,
+  i as default,
   t as downloadButton,
   e as fileName,
-  i as fileSize,
+  c as fileSize,
   o as root
 };

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

@@ -1,4 +1,4 @@
-const o = "_root_1p4b6_1", t = {
+const o = "_root_1hjx7_1", t = {
   root: o
 };
 export {

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;AAkBxC,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,iDAgGzB,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"}