@contentgrowth/llm-service 0.9.97 → 0.9.98

package/dist/ui/react/components/index.cjs

@@ -300,6 +300,10 @@ var useSpeechRecognition = (onResult, onEnd, language = "en-US") => {
     recognition.onend = () => {
       console.log("[useSpeechRecognition] Native onend event fired. Timestamp:", Date.now());
       isStartingRef.current = false;
+      if (recognitionRef.current === recognition) {
+        console.log("[useSpeechRecognition] Nullifying recognitionRef (onend)");
+        recognitionRef.current = null;
+      }
       if (isSimulatingRef.current) {
         console.log("[useSpeechRecognition] onend ignored - simulating");
         return;
@@ -345,6 +349,10 @@ var useSpeechRecognition = (onResult, onEnd, language = "en-US") => {
       } else if (event.error === "network") {
         console.error("[useSpeechRecognition] - network: Network error during recognition");
       }
+      if (recognitionRef.current === recognition) {
+        console.log("[useSpeechRecognition] Nullifying recognitionRef (onerror)");
+        recognitionRef.current = null;
+      }
       isStartingRef.current = false;
       if (event.error === "not-allowed" && process.env.NODE_ENV === "development") {
         console.warn("Speech recognition blocked. Simulating input for development...");
@@ -405,6 +413,8 @@ var useSpeechRecognition = (onResult, onEnd, language = "en-US") => {
       if (recognitionRef.current) {
         console.log("[useSpeechRecognition] Stopping existing instance before creating new one");
         try {
+          recognitionRef.current.onend = null;
+          recognitionRef.current.onerror = null;
           recognitionRef.current.stop();
         } catch (e) {
         }
@@ -1106,10 +1116,6 @@ var TapToTalk = ({
     return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || "ontouchstart" in window || navigator.maxTouchPoints > 0;
   }, []);
   const toggleVoice = async (e) => {
-    if (e) {
-      e.preventDefault();
-      e.stopPropagation();
-    }
     const now = Date.now();
     if (now - tapCountRef.current.lastTap < 500) {
       tapCountRef.current.count++;
@@ -1223,6 +1229,7 @@ var TapToTalk = ({
     /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
       "button",
       {
+        type: "button",
         onClick: toggleVoice,
         disabled: disabled || isTranscribing && !isListening,
         className: `flex items-center justify-center gap-3 px-6 py-3 rounded-xl transition-all duration-300 w-full font-medium shadow-md active:scale-[0.98]
@@ -1231,9 +1238,9 @@ var TapToTalk = ({
                 ${className}`,
         title: label,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex items-center justify-center shrink-0", children: Icon }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "truncate", children: label }),
-          errorMsg && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-[10px] bg-white/20 px-1.5 py-0.5 rounded text-red-100 animate-in fade-in slide-in-from-right-1", children: errorMsg })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex items-center justify-center shrink-0 pointer-events-none", children: Icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "truncate pointer-events-none", children: label }),
+          errorMsg && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-[10px] bg-white/20 px-1.5 py-0.5 rounded text-red-100 animate-in fade-in slide-in-from-right-1 pointer-events-none", children: errorMsg })
         ]
       }
     )