@layers-app/shared 0.4.7 → 0.4.8

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

@@ -1,257 +1,333 @@
-import { jsxs as s, jsx as a } from "react/jsx-runtime";
-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,
+import { jsxs as r, jsx as n } from "react/jsx-runtime";
+import { useState as O, useRef as N, useEffect as q, useCallback as d } from "react";
+import { Edit04Icon as fe, LinkBackwardIcon as pe, Image01Icon as ve, PlayIcon as ge, File01Icon as xe, AtIcon as Ne, Attachment02Icon as Ie, Delete02Icon as we, Mic01Icon as Ce, Sent02Icon as ze } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as u } from "@hugeicons/react";
+import { Box as J, Button as Re, CloseButton as A, Group as ke, Text as Q, ActionIcon as I, Textarea as Pe } from "@mantine/core";
+import { AttachmentsPreview as be } from "../../AttachmentsPreview/AttachmentsPreview.js";
+import { EmojiPicker as ye } from "../../EmojiPicker/EmojiPicker.js";
+import { IconEntity as Be } from "../../ProjectIcon/ProjectIcon.js";
+import { SmilePlusIcon as De } from "./smilePlusIcon.js";
+import { useVoiceRecorder as Me, isVoiceRecordingSupported as Ae } from "./useVoiceRecorder.js";
+import t from "./ChatInput.module.css.js";
+function Se({
+  value: S,
   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
+  onSend: $,
+  onAttach: g,
+  onEmojiSelect: R,
+  onMention: j,
+  onGifSelect: F,
+  onVoiceRecorded: k,
+  placeholder: W = "Add a message...",
+  replyTo: a,
+  editing: m,
+  notice: c,
+  attachments: l,
+  onRemoveAttachment: Y,
+  maxLength: Z,
+  disabled: s,
+  disableAttachments: w,
+  className: _,
+  style: ee
 }) {
-  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);
+  const P = S !== void 0, [ne, te] = O(""), p = P ? S : ne, C = N(null), b = N(null), K = N(l?.length ?? 0);
+  q(() => {
+    const e = l?.length ?? 0;
+    e > K.current && b.current?.focus(), K.current = e;
+  }, [l?.length]);
+  const T = !!a, H = !!m;
+  q(() => {
+    (T || H) && b.current?.focus();
+  }, [T, H]);
+  const x = d(
+    (e) => {
+      P || te(e), E?.(e);
     },
-    [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, E]
+  ), y = d(() => {
+    const e = p.trim();
+    (e || l && l.length > 0) && ($?.(e), x(""));
+  }, [p, l, $, x]), ie = d(
+    (e) => {
+      e.key === "Enter" && !e.shiftKey && (e.preventDefault(), y());
     },
-    [I]
-  ), q = d(
-    (n) => {
-      const t = me.parse(n)?.emoji ?? n;
-      N ? N(t) : f(o + t);
+    [y]
+  ), ae = d(
+    (e) => {
+      const i = Be.parse(e)?.emoji ?? e;
+      R ? R(i) : x(p + i);
     },
-    [N, f, o]
-  ), J = d(
-    (n) => {
-      const t = n.target.files;
-      t && t.length > 0 && u?.(Array.from(t)), p.current && (p.current.value = "");
+    [R, x, p]
+  ), re = d(
+    (e) => {
+      const i = e.target.files;
+      i && i.length > 0 && g?.(Array.from(i)), C.current && (C.current.value = "");
     },
-    [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);
+    [g]
+  ), se = d(
+    (e) => {
+      if (s || w || !g) return;
+      const i = e.clipboardData?.items;
+      if (!i) return;
+      const h = [];
+      for (let f = 0; f < i.length; f++) {
+        const G = i[f];
+        if (G.kind === "file") {
+          const L = G.getAsFile();
+          L && h.push(L);
         }
       }
-      w.length > 0 && (n.preventDefault(), u(w));
+      h.length > 0 && (e.preventDefault(), g(h));
     },
-    [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(
-    le,
+    [s, w, g]
+  ), oe = p.trim().length > 0, B = l && l.length > 0, U = B && l.some((e) => "isTemp" in e && e.isTemp), V = oe || B && !U, ce = !!(m || a), o = Me(), le = !!k && Ae() && !V && !m && !s, [v, z] = O(!1), D = N(!1), X = N(0), M = d(
+    async (e) => {
+      if (e || v) {
+        o.cancel(), z(!1);
+        return;
+      }
+      const i = await o.stop();
+      if (z(!1), i && i.blob.size > 0 && i.durationMs >= 500) {
+        const h = i.mime.includes("mp4") ? "m4a" : i.mime.includes("ogg") ? "ogg" : "webm", f = new File([i.blob], `voice-message.${h}`, {
+          type: i.mime
+        });
+        k?.(f, i.durationMs);
+      }
+    },
+    [v, o, k]
+  ), de = d(
+    async (e) => {
+      if (s) return;
+      e.preventDefault(), e.currentTarget.setPointerCapture?.(e.pointerId), X.current = e.clientX, D.current = !0, z(!1), await o.start() && !D.current && o.cancel();
+    },
+    [s, o]
+  ), me = d(
+    (e) => {
+      if (!o.isRecording) return;
+      const i = e.clientX - X.current;
+      z(i < -90);
+    },
+    [o.isRecording]
+  ), ue = d(
+    (e) => {
+      e.currentTarget.releasePointerCapture?.(e.pointerId), D.current = !1, M(!1);
+    },
+    [M]
+  ), he = (e) => {
+    const i = Math.floor(e / 1e3), h = Math.floor(i / 60), f = i % 60;
+    return `${h}:${f.toString().padStart(2, "0")}`;
+  };
+  return /* @__PURE__ */ r(
+    J,
     {
-      className: `${e.root} ${L || ""}`,
-      style: M,
+      className: `${t.root} ${_ || ""}`,
+      style: ee,
       "data-testid": "chat-input",
       px: "md",
       pb: "md",
       children: [
-        !v && /* @__PURE__ */ a(
+        !w && /* @__PURE__ */ n(
           "input",
           {
-            ref: p,
+            ref: C,
             type: "file",
             multiple: !0,
             accept: "*/*",
-            className: e.hiddenFileInput,
-            onChange: J,
+            className: t.hiddenFileInput,
+            onChange: re,
             tabIndex: -1
           }
         ),
-        /* @__PURE__ */ s("div", { className: e.inputRow, children: [
-          /* @__PURE__ */ s(
+        /* @__PURE__ */ r("div", { className: t.inputRow, children: [
+          /* @__PURE__ */ r(
             "div",
             {
-              className: `${e.inputBox} ${Y ? e.withHeader : ""}`,
-              "data-disabled": c || void 0,
+              className: `${t.inputBox} ${ce ? t.withHeader : ""}`,
+              "data-disabled": s || void 0,
               children: [
-                l ? /* @__PURE__ */ s(
+                c ? /* @__PURE__ */ r(
                   "div",
                   {
-                    className: e.notice,
-                    "data-variant": l.variant ?? "warning",
+                    className: t.notice,
+                    "data-variant": c.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,
+                      c.icon ? /* @__PURE__ */ n("span", { className: t.noticeIcon, children: c.icon }) : null,
+                      /* @__PURE__ */ r("div", { className: t.noticeMain, children: [
+                        /* @__PURE__ */ n("span", { className: t.noticeText, children: c.text }),
+                        c.action ? /* @__PURE__ */ n(
+                          Re,
                           {
                             size: "compact-xs",
                             variant: "white",
                             radius: "xl",
-                            className: e.noticeAction,
-                            onClick: l.action.onClick,
-                            children: l.action.label
+                            className: t.noticeAction,
+                            onClick: c.action.onClick,
+                            children: c.action.label
                           }
                         ) : null
                       ] }),
-                      l.onDismiss ? /* @__PURE__ */ a(
-                        B,
+                      c.onDismiss ? /* @__PURE__ */ n(
+                        A,
                         {
                           size: "sm",
-                          className: e.noticeDismiss,
-                          onClick: l.onDismiss,
+                          className: t.noticeDismiss,
+                          onClick: c.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 })
+                m ? /* @__PURE__ */ r("div", { className: t.header, children: [
+                  /* @__PURE__ */ n("div", { className: t.headerIcon, children: /* @__PURE__ */ n(u, { icon: fe, size: 20 }) }),
+                  /* @__PURE__ */ r("div", { className: t.headerBar, "data-variant": "edit", children: [
+                    /* @__PURE__ */ n("div", { className: t.headerTitle, "data-variant": "edit", children: "Edit" }),
+                    /* @__PURE__ */ n("div", { className: t.headerText, children: m.text })
                   ] }),
-                  /* @__PURE__ */ a(
-                    B,
+                  /* @__PURE__ */ n(
+                    A,
                     {
                       size: "sm",
-                      onClick: h.onCancel,
+                      onClick: m.onCancel,
                       "aria-label": "Close"
                     }
                   )
-                ] }) : 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 })
+                ] }) : a ? /* @__PURE__ */ r("div", { className: t.header, children: [
+                  /* @__PURE__ */ n("div", { className: t.headerIcon, children: /* @__PURE__ */ n(u, { icon: pe, size: 20 }) }),
+                  /* @__PURE__ */ r("div", { className: t.headerBar, "data-variant": "reply", children: [
+                    /* @__PURE__ */ n("div", { className: t.headerTitle, "data-variant": "reply", children: a.senderName }),
+                    /* @__PURE__ */ n("div", { className: t.headerText, children: (() => {
+                      if (a.text && a.text.trim().length > 0) return a.text;
+                      if (a.attachmentName) {
+                        const i = a.attachmentKind === "image" ? ve : a.attachmentKind === "video" ? ge : xe;
+                        return /* @__PURE__ */ r("span", { className: t.headerAttachment, children: [
+                          /* @__PURE__ */ n(u, { icon: i, size: 14 }),
+                          /* @__PURE__ */ n("span", { children: a.attachmentName })
                         ] });
                       }
                       return "";
                     })() })
                   ] }),
-                  /* @__PURE__ */ a(
-                    B,
+                  /* @__PURE__ */ n(
+                    A,
                     {
                       size: "sm",
-                      onClick: i.onCancel,
+                      onClick: a.onCancel,
                       "aria-label": "Close"
                     }
                   )
                 ] }) : null,
-                C && /* @__PURE__ */ a("div", { className: e.attachments, children: /* @__PURE__ */ a(
-                  oe,
+                B && /* @__PURE__ */ n("div", { className: t.attachments, children: /* @__PURE__ */ n(
+                  be,
                   {
-                    files: r,
+                    files: l,
                     mode: "draft",
-                    onRemove: V
+                    onRemove: Y
                   }
                 ) }),
-                /* @__PURE__ */ s("div", { className: e.inputArea, children: [
-                  /* @__PURE__ */ a(
-                    de,
+                o.isRecording ? /* @__PURE__ */ n("div", { className: t.inputArea, children: /* @__PURE__ */ r(ke, { gap: "sm", wrap: "nowrap", w: "100%", px: 6, py: 4, children: [
+                  /* @__PURE__ */ n(
+                    J,
+                    {
+                      w: 10,
+                      h: 10,
+                      style: {
+                        borderRadius: "50%",
+                        background: "var(--mantine-color-red-6)"
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ n(Q, { fw: 600, c: "red", children: he(o.durationMs) }),
+                  /* @__PURE__ */ n(
+                    Q,
+                    {
+                      size: "sm",
+                      c: v ? "red" : "dimmed",
+                      ml: "auto",
+                      style: { userSelect: "none" },
+                      children: v ? "Отпустите для отмены" : "‹ Отведите для отмены"
+                    }
+                  )
+                ] }) }) : /* @__PURE__ */ r("div", { className: t.inputArea, children: [
+                  /* @__PURE__ */ n(
+                    ye,
                     {
-                      onChange: q,
+                      onChange: ae,
                       showIcons: !1,
-                      showGifs: !!b,
-                      onSelectGif: b,
+                      showGifs: !!F && !m,
+                      onSelectGif: F,
                       showRemoveButton: !1,
                       showRandomButton: !1,
                       position: "top-start",
                       closeOnSelect: !1,
                       withinPortal: !0,
-                      children: /* @__PURE__ */ a(
-                        R,
+                      children: /* @__PURE__ */ n(
+                        I,
                         {
                           variant: "subtle",
                           radius: "xl",
                           size: 34,
                           color: "gray",
-                          className: e.iconButton,
+                          className: t.iconButton,
                           "aria-label": "Emoji",
-                          disabled: c,
-                          children: /* @__PURE__ */ a(m, { icon: ue, size: 24 })
+                          disabled: s,
+                          children: /* @__PURE__ */ n(u, { icon: De, size: 24 })
                         }
                       )
                     }
                   ),
-                  /* @__PURE__ */ a(
-                    ce,
+                  /* @__PURE__ */ n(
+                    Pe,
                     {
-                      ref: g,
+                      ref: b,
                       classNames: {
-                        root: e.textarea,
-                        input: e.textareaInput
+                        root: t.textarea,
+                        input: t.textareaInput
                       },
                       w: "100%",
                       flex: 1,
-                      value: o,
-                      onChange: (n) => f(n.currentTarget.value),
-                      onPaste: Q,
-                      onKeyDown: U,
-                      placeholder: H,
+                      value: p,
+                      onChange: (e) => x(e.currentTarget.value),
+                      onPaste: se,
+                      onKeyDown: ie,
+                      placeholder: W,
                       autosize: !0,
                       minRows: 1,
                       maxRows: 6,
-                      disabled: c,
+                      disabled: s,
                       variant: "unstyled",
-                      maxLength: G
+                      maxLength: Z
                     }
                   ),
-                  !v && /* @__PURE__ */ a(
-                    R,
+                  j && /* @__PURE__ */ n(
+                    I,
                     {
                       variant: "subtle",
                       radius: "xl",
                       size: 34,
                       color: "gray",
-                      className: e.iconButton,
+                      className: t.iconButton,
+                      "aria-label": "Mention",
+                      onClick: j,
+                      disabled: s,
+                      children: /* @__PURE__ */ n(u, { icon: Ne, size: 24 })
+                    }
+                  ),
+                  !w && !m && /* @__PURE__ */ n(
+                    I,
+                    {
+                      variant: "subtle",
+                      radius: "xl",
+                      size: 34,
+                      color: "gray",
+                      className: t.iconButton,
                       "aria-label": "Attach file",
-                      onClick: () => p.current?.click(),
-                      disabled: c,
-                      children: /* @__PURE__ */ a(
-                        m,
+                      onClick: () => C.current?.click(),
+                      disabled: s,
+                      children: /* @__PURE__ */ n(
+                        u,
                         {
-                          icon: te,
+                          icon: Ie,
                           size: 24,
                           style: { transform: "rotate(30deg)" }
                         }
@@ -262,19 +338,43 @@ function he({
               ]
             }
           ),
-          /* @__PURE__ */ a(
-            R,
+          le ? /* @__PURE__ */ n(
+            I,
+            {
+              className: t.sendButton,
+              variant: "filled",
+              color: v || o.isRecording ? "red" : "indigo",
+              radius: 12,
+              size: 50,
+              onPointerDown: de,
+              onPointerMove: me,
+              onPointerUp: ue,
+              onPointerCancel: () => {
+                M(!0);
+              },
+              "aria-label": "Record voice message",
+              style: { touchAction: "none" },
+              children: /* @__PURE__ */ n(
+                u,
+                {
+                  icon: v ? we : Ce,
+                  size: 24
+                }
+              )
+            }
+          ) : /* @__PURE__ */ n(
+            I,
             {
-              className: e.sendButton,
+              className: t.sendButton,
               variant: "filled",
               color: "indigo",
               radius: 12,
               size: 50,
-              onClick: I,
-              disabled: c || !X,
-              loading: K,
+              onClick: y,
+              disabled: s || !V,
+              loading: U,
               "aria-label": "Send message",
-              children: /* @__PURE__ */ a(m, { icon: se, size: 24 })
+              children: /* @__PURE__ */ n(u, { icon: ze, size: 24 })
             }
           )
         ] })
@@ -282,7 +382,7 @@ function he({
     }
   );
 }
-he.displayName = "ChatInput";
+Se.displayName = "ChatInput";
 export {
-  he as ChatInput
+  Se as ChatInput
 };

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

@@ -0,0 +1,16 @@
+export declare function isVoiceRecordingSupported(): boolean;
+export interface VoiceRecording {
+    blob: Blob;
+    durationMs: number;
+    mime: string;
+}
+export interface UseVoiceRecorder {
+    isRecording: boolean;
+    durationMs: number;
+    error: string | null;
+    start: () => Promise<boolean>;
+    stop: () => Promise<VoiceRecording | null>;
+    cancel: () => void;
+}
+export declare function useVoiceRecorder(): UseVoiceRecorder;
+//# sourceMappingURL=useVoiceRecorder.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useVoiceRecorder.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/ChatInput/useVoiceRecorder.ts"],"names":[],"mappings":"AAiBA,wBAAgB,yBAAyB,IAAI,OAAO,CAMnD;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,IAAI,CAAC;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IAC9B,IAAI,EAAE,MAAM,OAAO,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC3C,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,wBAAgB,gBAAgB,IAAI,gBAAgB,CA2HnD"}

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

@@ -0,0 +1,83 @@
+import { useState as v, useRef as t, useCallback as m, useEffect as A } from "react";
+const C = [
+  "audio/webm;codecs=opus",
+  "audio/webm",
+  "audio/ogg;codecs=opus",
+  "audio/mp4"
+];
+function P() {
+  if (!(typeof MediaRecorder > "u")) {
+    for (const s of C)
+      if (MediaRecorder.isTypeSupported(s)) return s;
+  }
+}
+function V() {
+  return typeof window < "u" && typeof MediaRecorder < "u" && !!navigator.mediaDevices?.getUserMedia;
+}
+function _() {
+  const [s, n] = v(!1), [D, a] = v(0), [E, y] = v(null), o = t(null), R = t(null), i = t([]), w = t(0), M = t(0), l = t(null), d = t(!1), f = t(null), r = m(() => {
+    l.current !== null && (window.clearInterval(l.current), l.current = null), R.current?.getTracks().forEach((e) => e.stop()), R.current = null, o.current = null, i.current = [];
+  }, []);
+  A(() => () => r(), [r]);
+  const k = m(async () => {
+    if (o.current) return !1;
+    y(null);
+    try {
+      const e = await navigator.mediaDevices.getUserMedia({ audio: !0 }), c = P(), u = new MediaRecorder(
+        e,
+        c ? { mimeType: c } : void 0
+      );
+      return i.current = [], d.current = !1, u.ondataavailable = (p) => {
+        p.data.size > 0 && i.current.push(p.data);
+      }, u.onstop = () => {
+        const p = d.current, b = i.current.slice(), h = u.mimeType || c || "audio/webm", S = M.current - w.current, g = f.current;
+        if (f.current = null, r(), n(!1), a(0), !!g) {
+          if (p || b.length === 0) {
+            g(null);
+            return;
+          }
+          g({
+            blob: new Blob(b, { type: h }),
+            durationMs: S,
+            mime: h
+          });
+        }
+      }, u.start(), o.current = u, R.current = e, w.current = Date.now(), a(0), n(!0), l.current = window.setInterval(() => {
+        a(Date.now() - w.current);
+      }, 100), !0;
+    } catch (e) {
+      return y(e instanceof Error ? e.message : "mic_unavailable"), r(), n(!1), !1;
+    }
+  }, [r]), I = m(
+    () => new Promise((e) => {
+      const c = o.current;
+      if (!c) {
+        e(null);
+        return;
+      }
+      d.current = !1, M.current = Date.now(), f.current = e;
+      try {
+        c.stop();
+      } catch {
+        f.current = null, r(), n(!1), e(null);
+      }
+    }),
+    [r]
+  ), T = m(() => {
+    const e = o.current;
+    if (d.current = !0, M.current = Date.now(), e)
+      try {
+        e.stop();
+      } catch {
+        r(), n(!1);
+      }
+    else
+      r(), n(!1);
+    a(0);
+  }, [r]);
+  return { isRecording: s, durationMs: D, error: E, start: k, stop: I, cancel: T };
+}
+export {
+  V as isVoiceRecordingSupported,
+  _ as useVoiceRecorder
+};