@contentgrowth/llm-service 0.8.6 → 0.8.8

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

@@ -441,20 +441,29 @@ var ChatInputArea = (0, import_react5.forwardRef)(({
   const message = isControlled ? value : internalMessage;
   const messageRef = (0, import_react5.useRef)(message);
   messageRef.current = message;
+  const onChangeRef = (0, import_react5.useRef)(onChange);
+  (0, import_react5.useEffect)(() => {
+    onChangeRef.current = onChange;
+  }, [onChange]);
   const { voice: globalVoice } = useChatConfig();
   const isVoiceEnabled = (_a = globalVoice == null ? void 0 : globalVoice.enabled) != null ? _a : !!propVoiceConfig;
   const voiceConfig = isVoiceEnabled ? propVoiceConfig || (globalVoice == null ? void 0 : globalVoice.config) : void 0;
-  const triggerChange = (newValue) => {
-    if (isControlled && onChange && textareaRef.current) {
+  const voiceConfigRef = (0, import_react5.useRef)(voiceConfig);
+  (0, import_react5.useEffect)(() => {
+    voiceConfigRef.current = voiceConfig;
+  }, [voiceConfig]);
+  const triggerChange = (0, import_react5.useCallback)((newValue) => {
+    console.log("[ChatInputArea] triggerChange called:", { newValue, isControlled, hasOnChange: !!onChangeRef.current, hasTextarea: !!textareaRef.current });
+    if (isControlled && onChangeRef.current) {
       const syntheticEvent = {
         target: { value: newValue },
         currentTarget: { value: newValue }
       };
-      onChange(syntheticEvent);
+      onChangeRef.current(syntheticEvent);
     } else {
       setInternalMessage(newValue);
     }
-  };
+  }, [isControlled]);
   const isInputDisabled = (currentTask == null ? void 0 : currentTask.complete) || (lastInteractiveMessage == null ? void 0 : lastInteractiveMessage.interactive) && (((_b = lastInteractiveMessage == null ? void 0 : lastInteractiveMessage.interactiveData) == null ? void 0 : _b.function) === "form" && !(lastInteractiveMessage == null ? void 0 : lastInteractiveMessage.isResponseSubmitted) || ((_c = lastInteractiveMessage == null ? void 0 : lastInteractiveMessage.interactiveData) == null ? void 0 : _c.function) === "confirm" && !(lastInteractiveMessage == null ? void 0 : lastInteractiveMessage.isResponseSubmitted));
   useProactiveResize(textareaRef, measurementRef, message, isInputDisabled || !!voiceTrigger || inputMode === "voice");
   const handleVoiceKeyDown = (e) => {
@@ -484,20 +493,20 @@ var ChatInputArea = (0, import_react5.forwardRef)(({
     triggerChange(messageRef.current + (messageRef.current ? " " : "") + text);
   }, []);
   const handleVoiceEnd = (0, import_react5.useCallback)(() => {
-    var _a2;
+    var _a2, _b2;
     console.log("[ChatInputArea] nativeSpeech onEnd triggered");
     setVoiceTrigger(null);
-    (_a2 = voiceConfig == null ? void 0 : voiceConfig.onVoiceEnd) == null ? void 0 : _a2.call(voiceConfig);
-  }, [voiceConfig]);
+    (_b2 = (_a2 = voiceConfigRef.current) == null ? void 0 : _a2.onVoiceEnd) == null ? void 0 : _b2.call(_a2);
+  }, []);
   const nativeSpeech = useSpeechRecognition(handleVoiceResult, handleVoiceEnd, voiceConfig == null ? void 0 : voiceConfig.language);
   const customRecorder = useAudioRecorder(async (blob) => {
-    var _a2;
+    var _a2, _b2, _c2;
     console.log("[ChatInputArea] customRecorder onStop triggered");
     setVoiceTrigger(null);
-    (_a2 = voiceConfig == null ? void 0 : voiceConfig.onVoiceEnd) == null ? void 0 : _a2.call(voiceConfig);
-    if (voiceConfig == null ? void 0 : voiceConfig.onAudioCapture) {
+    (_b2 = (_a2 = voiceConfigRef.current) == null ? void 0 : _a2.onVoiceEnd) == null ? void 0 : _b2.call(_a2);
+    if ((_c2 = voiceConfigRef.current) == null ? void 0 : _c2.onAudioCapture) {
       try {
-        const text = await voiceConfig.onAudioCapture(blob);
+        const text = await voiceConfigRef.current.onAudioCapture(blob);
         if (text) triggerChange(messageRef.current + (messageRef.current ? " " : "") + text);
       } catch (e) {
         console.error("[ChatInputArea] Audio capture failed", e);