@afncdelacru/brady-chat 0.5.0 → 0.5.2

package/src/lib/EnhancedBradyChat.tsx

@@ -26,10 +26,14 @@ export interface EnhancedBradyChatProps {
    * Typically you pass something like `/bradyIcon.png` from your app's public assets.
    */
   avatarSrc: string;
+
+  /**
+   * If set, will immediately set the input value and send it as a user message.
+   */
+  setUserText?: string;
 }
 
-export function EnhancedBradyChat({ modeVariant = 'loan-officer', avatarSrc }: EnhancedBradyChatProps) {
-   
+export function EnhancedBradyChat({ modeVariant = 'loan-officer', avatarSrc, setUserText }: EnhancedBradyChatProps) {
   const [bradyHealthy, setBradyHealthy] = useState(true);
   const {
     workflowType,
@@ -45,15 +49,48 @@ export function EnhancedBradyChat({ modeVariant = 'loan-officer', avatarSrc }: E
     setCalculatorOpen,
     activateMode,
     resetMode,
-    inputDisabled,
-    setInputDisabled,
-    showModePrompts,
-    setShowModePrompts,
     isHidden,
     setIsHidden,
+    // Add userTextToSend and setUserTextToSend from context
+    setUserText: contextSetUserText,
+    // @ts-ignore: context type not updated yet
+    userTextToSend,
+    // @ts-ignore: context type not updated yet
+    setUserTextToSend,
   } = useBradyChat();
   const [inputValue, setInputValue] = useState('');
+  const [setUserTextSent, setSetUserTextSent] = useState<string | undefined>(undefined);
+
+  // If userTextToSend from context changes, treat as setUserText
+  useEffect(() => {
+    if (userTextToSend && userTextToSend !== setUserTextSent) {
+      setInputValue(userTextToSend);
+      setSetUserTextSent(userTextToSend);
+    }
+  }, [userTextToSend, setUserTextSent]);
+
+  // Auto-send user text if setUserText prop changes
+  useEffect(() => {
+    if (setUserText && setUserText !== setUserTextSent) {
+      setInputValue(setUserText);
+      setSetUserTextSent(setUserText);
+    }
+  }, [setUserText, setUserTextSent]);
+
+  // When inputValue is set by setUserText or contextUserText, trigger send
+  useEffect(() => {
+    if (
+      ((setUserText && setUserTextSent === setUserText && inputValue === setUserText) ||
+        (userTextToSend && setUserTextSent === userTextToSend && inputValue === userTextToSend)) &&
+      inputValue.trim()
+    ) {
+      handleSend();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [inputValue, setUserText, setUserTextSent, userTextToSend]);
   const [showForm, setShowForm] = useState(false);
+  const [inputDisabled, setInputDisabled] = useState(false);
+  const [showModePrompts, setShowModePrompts] = useState(false);
   const messagesEndRef = useRef<HTMLDivElement>(null);
   const [suggestionLinks, setSuggestionLinks] = useState<{ text: string; prompt: string }[] | null>(null);
 
@@ -293,9 +330,12 @@ export function EnhancedBradyChat({ modeVariant = 'loan-officer', avatarSrc }: E
   const handleSend = async () => {
     if (inputValue.trim() && !inputDisabled) {
       const userText = inputValue;
-       addMessage({ type: 'user', text: userText });
-       setInputValue('');
-   
+      addMessage({ type: 'user', text: userText });
+      setInputValue('');
+      // If userTextToSend was used, clear it after send to avoid repeated triggers
+      if (userTextToSend && setUserTextSent === userTextToSend && setUserTextToSend) {
+        setUserTextToSend(undefined);
+      }
       try {
         const apiResponse = await sendBradyPrompt([{ role: 'user', content: userText }]);
         let mappedType: 'user' | 'brady' | 'form' = 'brady';