@layers-app/shared 0.4.5 → 0.4.7

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/ChatInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAgBxE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAMnE,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb;;;;;OAKG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;IAC5C,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,WAAW,CAAC,EAAE,oBAAoB,CAAC,cAAc,EAAE,CAAC;IACpD,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EAAE,eAAe,EACtB,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,aAAa,EACb,WAAgC,EAChC,OAAO,EACP,OAAO,EACP,WAAW,EACX,kBAAkB,EAClB,SAAS,EACT,QAAQ,EACR,kBAAkB,EAClB,SAAS,EACT,KAAK,GACN,EAAE,cAAc,2CAoQhB;yBApRe,SAAS"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/ChatInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAexE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAOnE,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb;;;;;OAKG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;IAC5C,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;;GAKG;AACH,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;IACpD,sEAAsE;IACtE,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,qEAAqE;IACrE,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,WAAW,CAAC,EAAE,oBAAoB,CAAC,cAAc,EAAE,CAAC;IACpD,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EAAE,eAAe,EACtB,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,aAAa,EACb,WAAW,EACX,WAAgC,EAChC,OAAO,EACP,OAAO,EACP,MAAM,EACN,WAAW,EACX,kBAAkB,EAClB,SAAS,EACT,QAAQ,EACR,kBAAkB,EAClB,SAAS,EACT,KAAK,GACN,EAAE,cAAc,2CAwUhB;yBA1Ve,SAAS"}

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

@@ -1,197 +1,257 @@
 import { jsxs as s, jsx as a } from "react/jsx-runtime";
-import { useState as J, useRef as N, useEffect as y, useCallback as m } from "react";
-import { Edit04Icon as M, LinkBackwardIcon as Q, Image01Icon as T, PlayIcon as W, File01Icon as X, SmileIcon as Y, Attachment02Icon as Z, Sent02Icon as _ } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as l } from "@hugeicons/react";
-import { Box as ee, CloseButton as j, ActionIcon as I, Textarea as ae } from "@mantine/core";
-import { AttachmentsPreview as te } from "../../AttachmentsPreview/AttachmentsPreview.js";
-import { EmojiPicker as ne } from "../../EmojiPicker/EmojiPicker.js";
-import { IconEntity as ie } from "../../ProjectIcon/ProjectIcon.js";
-import t from "./ChatInput.module.css.js";
-function se({
-  value: g,
-  onChange: C,
-  onSend: z,
-  onAttach: k,
-  onEmojiSelect: u,
-  placeholder: K = "Add a message...",
-  replyTo: n,
-  editing: o,
-  attachments: i,
-  onRemoveAttachment: S,
-  maxLength: $,
-  disabled: w,
-  disableAttachments: B,
-  className: D,
-  style: F
+import { useState as Z, useRef as z, useEffect as $, useCallback as d } from "react";
+import { Edit04Icon as _, LinkBackwardIcon as ee, Image01Icon as ae, PlayIcon as ne, File01Icon as ie, Attachment02Icon as te, Sent02Icon as se } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as m } from "@hugeicons/react";
+import { Box as le, Button as re, CloseButton as B, ActionIcon as R, Textarea as ce } from "@mantine/core";
+import { AttachmentsPreview as oe } from "../../AttachmentsPreview/AttachmentsPreview.js";
+import { EmojiPicker as de } from "../../EmojiPicker/EmojiPicker.js";
+import { IconEntity as me } from "../../ProjectIcon/ProjectIcon.js";
+import { SmilePlusIcon as ue } from "./smilePlusIcon.js";
+import e from "./ChatInput.module.css.js";
+function he({
+  value: D,
+  onChange: E,
+  onSend: P,
+  onAttach: u,
+  onEmojiSelect: N,
+  onGifSelect: b,
+  placeholder: H = "Add a message...",
+  replyTo: i,
+  editing: h,
+  notice: l,
+  attachments: r,
+  onRemoveAttachment: V,
+  maxLength: G,
+  disabled: c,
+  disableAttachments: v,
+  className: L,
+  style: M
 }) {
-  const f = g !== void 0, [H, P] = J(""), c = f ? g : H, h = N(null), v = N(null), b = N(i?.length ?? 0);
-  y(() => {
-    const e = i?.length ?? 0;
-    e > b.current && v.current?.focus(), b.current = e;
-  }, [i?.length]);
-  const R = !!n, A = !!o;
-  y(() => {
-    (R || A) && v.current?.focus();
-  }, [R, A]);
-  const d = m(
-    (e) => {
-      f || P(e), C?.(e);
+  const x = D !== void 0, [O, T] = Z(""), o = x ? D : O, p = z(null), g = z(null), y = z(r?.length ?? 0);
+  $(() => {
+    const n = r?.length ?? 0;
+    n > y.current && g.current?.focus(), y.current = n;
+  }, [r?.length]);
+  const j = !!i, A = !!h;
+  $(() => {
+    (j || A) && g.current?.focus();
+  }, [j, A]);
+  const f = d(
+    (n) => {
+      x || T(n), E?.(n);
     },
-    [f, C]
-  ), p = m(() => {
-    const e = c.trim();
-    (e || i && i.length > 0) && (z?.(e), d(""));
-  }, [c, i, z, d]), V = m(
-    (e) => {
-      e.key === "Enter" && !e.shiftKey && (e.preventDefault(), p());
+    [x, E]
+  ), I = d(() => {
+    const n = o.trim();
+    (n || r && r.length > 0) && (P?.(n), f(""));
+  }, [o, r, P, f]), U = d(
+    (n) => {
+      n.key === "Enter" && !n.shiftKey && (n.preventDefault(), I());
     },
-    [p]
-  ), L = m(
-    (e) => {
-      const r = ie.parse(e)?.emoji ?? e;
-      u ? u(r) : d(c + r);
+    [I]
+  ), q = d(
+    (n) => {
+      const t = me.parse(n)?.emoji ?? n;
+      N ? N(t) : f(o + t);
     },
-    [u, d, c]
-  ), O = m(
-    (e) => {
-      const r = e.target.files;
-      r && r.length > 0 && k?.(Array.from(r)), h.current && (h.current.value = "");
+    [N, f, o]
+  ), J = d(
+    (n) => {
+      const t = n.target.files;
+      t && t.length > 0 && u?.(Array.from(t)), p.current && (p.current.value = "");
     },
-    [k]
-  ), U = c.trim().length > 0, x = i && i.length > 0, E = x && i.some((e) => "isTemp" in e && e.isTemp), q = U || x && !E, G = !!(o || n);
+    [u]
+  ), Q = d(
+    (n) => {
+      if (c || v || !u) return;
+      const t = n.clipboardData?.items;
+      if (!t) return;
+      const w = [];
+      for (let k = 0; k < t.length; k++) {
+        const S = t[k];
+        if (S.kind === "file") {
+          const F = S.getAsFile();
+          F && w.push(F);
+        }
+      }
+      w.length > 0 && (n.preventDefault(), u(w));
+    },
+    [c, v, u]
+  ), W = o.trim().length > 0, C = r && r.length > 0, K = C && r.some((n) => "isTemp" in n && n.isTemp), X = W || C && !K, Y = !!(h || i);
   return /* @__PURE__ */ s(
-    ee,
+    le,
     {
-      className: `${t.root} ${D || ""}`,
-      style: F,
+      className: `${e.root} ${L || ""}`,
+      style: M,
       "data-testid": "chat-input",
       px: "md",
       pb: "md",
       children: [
-        !B && /* @__PURE__ */ a(
+        !v && /* @__PURE__ */ a(
           "input",
           {
-            ref: h,
+            ref: p,
             type: "file",
             multiple: !0,
             accept: "*/*",
-            className: t.hiddenFileInput,
-            onChange: O,
+            className: e.hiddenFileInput,
+            onChange: J,
             tabIndex: -1
           }
         ),
-        /* @__PURE__ */ s("div", { className: t.inputRow, children: [
+        /* @__PURE__ */ s("div", { className: e.inputRow, children: [
           /* @__PURE__ */ s(
             "div",
             {
-              className: `${t.inputBox} ${G ? t.withHeader : ""}`,
+              className: `${e.inputBox} ${Y ? e.withHeader : ""}`,
+              "data-disabled": c || void 0,
               children: [
-                o ? /* @__PURE__ */ s("div", { className: t.header, children: [
-                  /* @__PURE__ */ a("div", { className: t.headerIcon, children: /* @__PURE__ */ a(l, { icon: M, size: 20 }) }),
-                  /* @__PURE__ */ s("div", { className: t.headerBar, "data-variant": "edit", children: [
-                    /* @__PURE__ */ a("div", { className: t.headerTitle, "data-variant": "edit", children: "Edit" }),
-                    /* @__PURE__ */ a("div", { className: t.headerText, children: o.text })
+                l ? /* @__PURE__ */ s(
+                  "div",
+                  {
+                    className: e.notice,
+                    "data-variant": l.variant ?? "warning",
+                    children: [
+                      l.icon ? /* @__PURE__ */ a("span", { className: e.noticeIcon, children: l.icon }) : null,
+                      /* @__PURE__ */ s("div", { className: e.noticeMain, children: [
+                        /* @__PURE__ */ a("span", { className: e.noticeText, children: l.text }),
+                        l.action ? /* @__PURE__ */ a(
+                          re,
+                          {
+                            size: "compact-xs",
+                            variant: "white",
+                            radius: "xl",
+                            className: e.noticeAction,
+                            onClick: l.action.onClick,
+                            children: l.action.label
+                          }
+                        ) : null
+                      ] }),
+                      l.onDismiss ? /* @__PURE__ */ a(
+                        B,
+                        {
+                          size: "sm",
+                          className: e.noticeDismiss,
+                          onClick: l.onDismiss,
+                          "aria-label": "Dismiss"
+                        }
+                      ) : null
+                    ]
+                  }
+                ) : null,
+                h ? /* @__PURE__ */ s("div", { className: e.header, children: [
+                  /* @__PURE__ */ a("div", { className: e.headerIcon, children: /* @__PURE__ */ a(m, { icon: _, size: 20 }) }),
+                  /* @__PURE__ */ s("div", { className: e.headerBar, "data-variant": "edit", children: [
+                    /* @__PURE__ */ a("div", { className: e.headerTitle, "data-variant": "edit", children: "Edit" }),
+                    /* @__PURE__ */ a("div", { className: e.headerText, children: h.text })
                   ] }),
                   /* @__PURE__ */ a(
-                    j,
+                    B,
                     {
                       size: "sm",
-                      onClick: o.onCancel,
+                      onClick: h.onCancel,
                       "aria-label": "Close"
                     }
                   )
-                ] }) : n ? /* @__PURE__ */ s("div", { className: t.header, children: [
-                  /* @__PURE__ */ a("div", { className: t.headerIcon, children: /* @__PURE__ */ a(l, { icon: Q, size: 20 }) }),
-                  /* @__PURE__ */ s("div", { className: t.headerBar, "data-variant": "reply", children: [
-                    /* @__PURE__ */ a("div", { className: t.headerTitle, "data-variant": "reply", children: n.senderName }),
-                    /* @__PURE__ */ a("div", { className: t.headerText, children: (() => {
-                      if (n.text && n.text.trim().length > 0) return n.text;
-                      if (n.attachmentName) {
-                        const r = n.attachmentKind === "image" ? T : n.attachmentKind === "video" ? W : X;
-                        return /* @__PURE__ */ s("span", { className: t.headerAttachment, children: [
-                          /* @__PURE__ */ a(l, { icon: r, size: 14 }),
-                          /* @__PURE__ */ a("span", { children: n.attachmentName })
+                ] }) : i ? /* @__PURE__ */ s("div", { className: e.header, children: [
+                  /* @__PURE__ */ a("div", { className: e.headerIcon, children: /* @__PURE__ */ a(m, { icon: ee, size: 20 }) }),
+                  /* @__PURE__ */ s("div", { className: e.headerBar, "data-variant": "reply", children: [
+                    /* @__PURE__ */ a("div", { className: e.headerTitle, "data-variant": "reply", children: i.senderName }),
+                    /* @__PURE__ */ a("div", { className: e.headerText, children: (() => {
+                      if (i.text && i.text.trim().length > 0) return i.text;
+                      if (i.attachmentName) {
+                        const t = i.attachmentKind === "image" ? ae : i.attachmentKind === "video" ? ne : ie;
+                        return /* @__PURE__ */ s("span", { className: e.headerAttachment, children: [
+                          /* @__PURE__ */ a(m, { icon: t, size: 14 }),
+                          /* @__PURE__ */ a("span", { children: i.attachmentName })
                         ] });
                       }
                       return "";
                     })() })
                   ] }),
                   /* @__PURE__ */ a(
-                    j,
+                    B,
                     {
                       size: "sm",
-                      onClick: n.onCancel,
+                      onClick: i.onCancel,
                       "aria-label": "Close"
                     }
                   )
                 ] }) : null,
-                x && /* @__PURE__ */ a("div", { className: t.attachments, children: /* @__PURE__ */ a(
-                  te,
+                C && /* @__PURE__ */ a("div", { className: e.attachments, children: /* @__PURE__ */ a(
+                  oe,
                   {
-                    files: i,
+                    files: r,
                     mode: "draft",
-                    onRemove: S
+                    onRemove: V
                   }
                 ) }),
-                /* @__PURE__ */ s("div", { className: t.inputArea, children: [
+                /* @__PURE__ */ s("div", { className: e.inputArea, children: [
                   /* @__PURE__ */ a(
-                    ne,
+                    de,
                     {
-                      onChange: L,
+                      onChange: q,
                       showIcons: !1,
+                      showGifs: !!b,
+                      onSelectGif: b,
                       showRemoveButton: !1,
+                      showRandomButton: !1,
                       position: "top-start",
                       closeOnSelect: !1,
+                      withinPortal: !0,
                       children: /* @__PURE__ */ a(
-                        I,
+                        R,
                         {
                           variant: "subtle",
                           radius: "xl",
                           size: 34,
                           color: "gray",
-                          className: t.iconButton,
+                          className: e.iconButton,
                           "aria-label": "Emoji",
-                          children: /* @__PURE__ */ a(l, { icon: Y, size: 24 })
+                          disabled: c,
+                          children: /* @__PURE__ */ a(m, { icon: ue, size: 24 })
                         }
                       )
                     }
                   ),
                   /* @__PURE__ */ a(
-                    ae,
+                    ce,
                     {
-                      ref: v,
+                      ref: g,
                       classNames: {
-                        root: t.textarea,
-                        input: t.textareaInput
+                        root: e.textarea,
+                        input: e.textareaInput
                       },
                       w: "100%",
                       flex: 1,
-                      value: c,
-                      onChange: (e) => d(e.currentTarget.value),
-                      onKeyDown: V,
-                      placeholder: K,
+                      value: o,
+                      onChange: (n) => f(n.currentTarget.value),
+                      onPaste: Q,
+                      onKeyDown: U,
+                      placeholder: H,
                       autosize: !0,
                       minRows: 1,
                       maxRows: 6,
-                      disabled: w,
+                      disabled: c,
                       variant: "unstyled",
-                      maxLength: $
+                      maxLength: G
                     }
                   ),
-                  !B && /* @__PURE__ */ a(
-                    I,
+                  !v && /* @__PURE__ */ a(
+                    R,
                     {
                       variant: "subtle",
                       radius: "xl",
                       size: 34,
                       color: "gray",
-                      className: t.iconButton,
+                      className: e.iconButton,
                       "aria-label": "Attach file",
-                      onClick: () => h.current?.click(),
+                      onClick: () => p.current?.click(),
+                      disabled: c,
                       children: /* @__PURE__ */ a(
-                        l,
+                        m,
                         {
-                          icon: Z,
+                          icon: te,
                           size: 24,
                           style: { transform: "rotate(30deg)" }
                         }
@@ -203,18 +263,18 @@ function se({
             }
           ),
           /* @__PURE__ */ a(
-            I,
+            R,
             {
-              className: t.sendButton,
+              className: e.sendButton,
               variant: "filled",
               color: "indigo",
               radius: 12,
               size: 50,
-              onClick: p,
-              disabled: w || !q,
-              loading: E,
+              onClick: I,
+              disabled: c || !X,
+              loading: K,
               "aria-label": "Send message",
-              children: /* @__PURE__ */ a(l, { icon: _, size: 24 })
+              children: /* @__PURE__ */ a(m, { icon: se, size: 24 })
             }
           )
         ] })
@@ -222,7 +282,7 @@ function se({
     }
   );
 }
-se.displayName = "ChatInput";
+he.displayName = "ChatInput";
 export {
-  se as ChatInput
+  he as ChatInput
 };

package/dist/components/Chat/ChatInput/smilePlusIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconSvgElement } from '@hugeicons/react';
+export declare const SmilePlusIcon: IconSvgElement;
+//# sourceMappingURL=smilePlusIcon.d.ts.map

package/dist/components/Chat/ChatInput/smilePlusIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"smilePlusIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/ChatInput/smilePlusIcon.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,eAAO,MAAM,aAAa,EAAE,cA6C3B,CAAC"}

package/dist/components/Chat/ChatInput/smilePlusIcon.js

@@ -0,0 +1,49 @@
+const o = [
+  [
+    "path",
+    {
+      d: "M21.3 10.5C21.4311 11.1462 21.5 11.8151 21.5 12.5C21.5 18.0228 17.0228 22.5 11.5 22.5C5.97715 22.5 1.5 18.0228 1.5 12.5C1.5 6.97715 5.97715 2.5 11.5 2.5C12.1849 2.5 12.8538 2.56886 13.5 2.70004",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      key: "0"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M19.494 1.5V7.5M22.5 4.494L16.5 4.494",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      key: "1"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M7.5 15.5C8.41212 16.7144 9.86433 17.5 11.5 17.5C13.1357 17.5 14.5879 16.7144 15.5 15.5",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      key: "2"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M15.125 8.887V9.41649M7.875 8.887V9.41649M8.25 9.25C8.25 8.83579 8.08211 8.5 7.875 8.5C7.66789 8.5 7.5 8.83579 7.5 9.25C7.5 9.66421 7.66789 10 7.875 10C8.08211 10 8.25 9.66421 8.25 9.25ZM15.5 9.25C15.5 8.83579 15.3321 8.5 15.125 8.5C14.9179 8.5 14.75 8.83579 14.75 9.25C14.75 9.66421 14.9179 10 15.125 10C15.3321 10 15.5 9.66421 15.5 9.25Z",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      key: "3"
+    }
+  ]
+];
+export {
+  o as SmilePlusIcon
+};

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

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

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

@@ -1,4 +1,4 @@
-const t = "_wrapper_4i762_1", a = "_avatar_4i762_69", e = "_spacer_4i762_83", s = "_content_4i762_97", n = "_attachmentsWrap_4i762_143", _ = "_mediaOnlyMeta_4i762_203", o = "_messageRow_4i762_245", c = "_hoverActions_4i762_255", r = {
+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,
@@ -12,7 +12,7 @@ export {
   n as attachmentsWrap,
   a as avatar,
   s as content,
-  r as default,
+  d as default,
   c as hoverActions,
   _ as mediaOnlyMeta,
   o as messageRow,

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

@@ -12,6 +12,8 @@ export interface ChatMessageProps {
     showAvatar?: boolean;
     timestamp?: string;
     status?: MessageDeliveryStatus;
+    onRetry?: () => void;
+    retryLabel?: string;
     replyTo?: {
         senderName: string;
         text: React.ReactNode;

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,EAAoB,KAAK,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEtE,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;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,oFAsMvB,CAAC"}
+{"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"}