@afncdelacru/brady-chat 0.5.0 → 0.5.3

package/src/lib/BradyChatContext.tsx

@@ -27,7 +27,7 @@ interface ModeData {
   volumeMultiplier?: number;
 }
 
-interface BradyChatContextType {
+export interface BradyChatContextType {
   workflowType: ChatWorkflowType;
   messages: ChatMessage[];
   startWorkflow: (workflow: ChatWorkflowType) => void;
@@ -55,6 +55,12 @@ interface BradyChatContextType {
   // Modal-aware Brady AI
   hideBradyForModal: () => void;
   restoreBradyAfterModal: () => void;
+
+  // Set user text and trigger send in EnhancedBradyChat
+  setUserText: (text: string) => void;
+  // Expose userTextToSend and setUserTextToSend for EnhancedBradyChat
+  userTextToSend?: string;
+  setUserTextToSend?: (text: string | undefined) => void;
 }
 
 const BradyChatContext = createContext<BradyChatContextType | undefined>(undefined);
@@ -67,6 +73,12 @@ const initialMessages: ChatMessage[] = [
 ];
 
 export function BradyChatProvider({ children }: { children: ReactNode }) {
+    // setUserText state for EnhancedBradyChat
+    const [userTextToSend, setUserTextToSend] = useState<string | undefined>(undefined);
+    // Expose setUserText to context consumers
+    const setUserText = (text: string) => {
+      setUserTextToSend(text);
+    };
   const [workflowType, setWorkflowType] = useState<ChatWorkflowType>('free');
   const [messages, setMessages] = useState<ChatMessage[]>(initialMessages);
   // Mode system state
@@ -205,6 +217,10 @@ export function BradyChatProvider({ children }: { children: ReactNode }) {
         setIsHidden,
         hideBradyForModal,
         restoreBradyAfterModal,
+        setUserText,
+        // Expose userTextToSend and setUserTextToSend for EnhancedBradyChat
+        userTextToSend,
+        setUserTextToSend,
       }}
     >
       {children}

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,
@@ -51,8 +55,43 @@ export function EnhancedBradyChat({ modeVariant = 'loan-officer', avatarSrc }: E
     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 messagesEndRef = useRef<HTMLDivElement>(null);
   const [suggestionLinks, setSuggestionLinks] = useState<{ text: string; prompt: string }[] | null>(null);
@@ -293,9 +332,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';