@afncdelacru/brady-chat 0.4.1 → 0.4.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@afncdelacru/brady-chat",
-  "version": "0.4.1",
+  "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.1"
+    "@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

@@ -28,13 +28,12 @@ export interface EnhancedBradyChatProps {
   avatarSrc: string;
 
   /**
-   * If set, will set the input value and send it automatically as a user message.
+   * If set, will immediately set the input value and send it as a user message.
    */
-  autoUserText?: string;
+  setUserText?: string;
 }
 
-export function EnhancedBradyChat({ modeVariant = 'loan-officer', avatarSrc, autoUserText }: EnhancedBradyChatProps) {
-   
+export function EnhancedBradyChat({ modeVariant = 'loan-officer', avatarSrc, setUserText }: EnhancedBradyChatProps) {
   const [bradyHealthy, setBradyHealthy] = useState(true);
   const {
     workflowType,
@@ -52,24 +51,47 @@ export function EnhancedBradyChat({ modeVariant = 'loan-officer', avatarSrc, aut
     resetMode,
     isHidden,
     setIsHidden,
+    setUserText: contextSetUserText,
   } = useBradyChat();
   const [inputValue, setInputValue] = useState('');
-  const [autoUserTextSent, setAutoUserTextSent] = useState(false);
-    // Auto-send user text if provided
-    useEffect(() => {
-      if (autoUserText && !autoUserTextSent) {
-        setInputValue(autoUserText);
-        setAutoUserTextSent(true);
-      }
-    }, [autoUserText, autoUserTextSent]);
+  const [setUserTextSent, setSetUserTextSent] = useState<string | undefined>(undefined);
 
-    // When inputValue is set by autoUserText, trigger send
-    useEffect(() => {
-      if (autoUserTextSent && inputValue === autoUserText && inputValue.trim()) {
-        handleSend();
-      }
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [inputValue, autoUserTextSent]);
+  // 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);
+      setSetUserTextSent(setUserText);
+    }
+  }, [setUserText, setUserTextSent]);
+
+  // When inputValue is set by setUserText or contextUserText, trigger send
+  useEffect(() => {
+    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, contextUserText]);
   const [showForm, setShowForm] = useState(false);
   const [inputDisabled, setInputDisabled] = useState(false);
   const [showModePrompts, setShowModePrompts] = useState(false);