@afncdelacru/brady-chat 0.4.2 → 0.4.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@afncdelacru/brady-chat",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "description": "Brady AI chat sidebar component and context for AFN recruiting experiences.",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
@@ -32,6 +32,6 @@
     "afn"
   ],
   "dependencies": {
-    "@afncdelacru/brady-chat": "^0.4.2"
+    "@afncdelacru/brady-chat": "^0.4.3"
   }
 }

package/src/lib/BradyChatContext.tsx

@@ -50,6 +50,9 @@ interface BradyChatContextType {
   // Modal-aware Brady AI
   hideBradyForModal: () => void;
   restoreBradyAfterModal: () => void;
+
+  // Set user text and trigger send in EnhancedBradyChat
+  setUserText: (text: string) => void;
 }
 
 const BradyChatContext = createContext<BradyChatContextType | undefined>(undefined);
@@ -62,6 +65,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
@@ -187,8 +196,10 @@ export function BradyChatProvider({ children }: { children: ReactNode }) {
         setIsHidden,
         hideBradyForModal,
         restoreBradyAfterModal,
+        setUserText,
       }}
     >
+      {/* Pass userTextToSend as a prop to EnhancedBradyChat via context if needed */}
       {children}
     </BradyChatContext.Provider>
   );

package/src/lib/EnhancedBradyChat.tsx

@@ -34,7 +34,6 @@ export interface EnhancedBradyChatProps {
 }
 
 export function EnhancedBradyChat({ modeVariant = 'loan-officer', avatarSrc, setUserText }: EnhancedBradyChatProps) {
-   
   const [bradyHealthy, setBradyHealthy] = useState(true);
   const {
     workflowType,
@@ -52,11 +51,29 @@ export function EnhancedBradyChat({ modeVariant = 'loan-officer', avatarSrc, set
     resetMode,
     isHidden,
     setIsHidden,
+    setUserText: contextSetUserText,
   } = useBradyChat();
   const [inputValue, setInputValue] = useState('');
   const [setUserTextSent, setSetUserTextSent] = useState<string | undefined>(undefined);
 
-  // Auto-send user text if setUserText changes
+  // Listen for setUserText from context (external trigger)
+  const [contextUserText, setContextUserText] = useState<string | undefined>(undefined);
+  useEffect(() => {
+    // Patch contextSetUserText to update local state
+    if (contextSetUserText) {
+      (contextSetUserText as any)._setLocalUserText = setContextUserText;
+    }
+  }, [contextSetUserText]);
+
+  // If contextUserText changes, treat as setUserText
+  useEffect(() => {
+    if (contextUserText && contextUserText !== setUserTextSent) {
+      setInputValue(contextUserText);
+      setSetUserTextSent(contextUserText);
+    }
+  }, [contextUserText, setUserTextSent]);
+
+  // Auto-send user text if setUserText prop changes
   useEffect(() => {
     if (setUserText && setUserText !== setUserTextSent) {
       setInputValue(setUserText);
@@ -64,13 +81,17 @@ export function EnhancedBradyChat({ modeVariant = 'loan-officer', avatarSrc, set
     }
   }, [setUserText, setUserTextSent]);
 
-  // When inputValue is set by setUserText, trigger send
+  // When inputValue is set by setUserText or contextUserText, trigger send
   useEffect(() => {
-    if (setUserText && setUserTextSent === setUserText && inputValue === setUserText && inputValue.trim()) {
+    if (
+      ((setUserText && setUserTextSent === setUserText && inputValue === setUserText) ||
+        (contextUserText && setUserTextSent === contextUserText && inputValue === contextUserText)) &&
+      inputValue.trim()
+    ) {
       handleSend();
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [inputValue, setUserText, setUserTextSent]);
+  }, [inputValue, setUserText, setUserTextSent, contextUserText]);
   const [showForm, setShowForm] = useState(false);
   const [inputDisabled, setInputDisabled] = useState(false);
   const [showModePrompts, setShowModePrompts] = useState(false);