@arbidocs/react 0.3.172 → 0.3.173

package/dist/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunk5DV7FW6T_cjs = require('./chunk-5DV7FW6T.cjs');
 var chunkRWCMW36I_cjs = require('./chunk-RWCMW36I.cjs');
+var chunk5DV7FW6T_cjs = require('./chunk-5DV7FW6T.cjs');
 var React2 = require('react');
 var reactQuery = require('@tanstack/react-query');
 var jsxRuntime = require('react/jsx-runtime');
@@ -7384,12 +7384,34 @@ function VoiceNoteRecorder({
   onDiscard,
   onError,
   title = "Voice note",
-  isSaving = false
+  isSaving = false,
+  transcribe
 }) {
   const recorder = useAudioRecorder();
+  const [transcript, setTranscript] = React2.useState(null);
+  const [isTranscribing, setIsTranscribing] = React2.useState(false);
   React2.useEffect(() => {
     if (recorder.error) onError?.(recorder.error);
   }, [recorder.error]);
+  React2.useEffect(() => {
+    if (recorder.state !== "stopped" || !recorder.blob) {
+      setTranscript(null);
+      setIsTranscribing(false);
+      return;
+    }
+    if (!transcribe) return;
+    let cancelled = false;
+    setIsTranscribing(true);
+    transcribe(recorder.blob).then((text) => {
+      if (!cancelled) setTranscript(text);
+    }).catch(() => {
+    }).finally(() => {
+      if (!cancelled) setIsTranscribing(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [recorder.state, recorder.blob]);
   const handleSave = () => {
     if (!recorder.blob) return;
     void onSave(recorder.blob, recorder.mimeType);
@@ -7452,6 +7474,20 @@ function VoiceNoteRecorder({
     ] }),
     recorder.state === "stopped" && recorder.blob && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full max-w-md", children: /* @__PURE__ */ jsxRuntime.jsx(chunkRWCMW36I_cjs.AudioViewer, { blob: recorder.blob, title }) }),
+      (isTranscribing || transcript) && /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "w-full max-w-md rounded-md border border-border bg-muted/30 p-3 text-sm text-muted-foreground",
+          "data-testid": "voice-note-rough-transcript",
+          children: isTranscribing ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-3.5 w-3.5 animate-spin" }),
+            "Transcribing\u2026"
+          ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-1 text-xs font-semibold uppercase tracking-wide", children: "Rough transcript" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { children: transcript })
+          ] })
+        }
+      ),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           chunk5DV7FW6T_cjs.Button,
@@ -7523,6 +7559,14 @@ function hasVideoTrack(blob) {
   });
 }
 
+Object.defineProperty(exports, "ArbiProvider", {
+  enumerable: true,
+  get: function () { return chunkRWCMW36I_cjs.ArbiProvider; }
+});
+Object.defineProperty(exports, "useArbi", {
+  enumerable: true,
+  get: function () { return chunkRWCMW36I_cjs.useArbi; }
+});
 Object.defineProperty(exports, "AiMarkdown", {
   enumerable: true,
   get: function () { return chunk5DV7FW6T_cjs.AiMarkdown; }
@@ -7947,14 +7991,6 @@ Object.defineProperty(exports, "toggleVariants", {
   enumerable: true,
   get: function () { return chunk5DV7FW6T_cjs.toggleVariants; }
 });
-Object.defineProperty(exports, "ArbiProvider", {
-  enumerable: true,
-  get: function () { return chunkRWCMW36I_cjs.ArbiProvider; }
-});
-Object.defineProperty(exports, "useArbi", {
-  enumerable: true,
-  get: function () { return chunkRWCMW36I_cjs.useArbi; }
-});
 Object.defineProperty(exports, "Arbi", {
   enumerable: true,
   get: function () { return browser.Arbi; }