@afncdelacru/brady-chat 0.5.0 → 0.5.2

package/dist/index.d.mts

@@ -33,14 +33,13 @@ interface BradyChatContextType {
     resetMode: () => void;
     calculatorOpen: boolean;
     setCalculatorOpen: (open: boolean) => void;
-    inputDisabled: boolean;
-    setInputDisabled: React.Dispatch<React.SetStateAction<boolean>>;
-    showModePrompts: boolean;
-    setShowModePrompts: React.Dispatch<React.SetStateAction<boolean>>;
     isHidden: boolean;
     setIsHidden: React.Dispatch<React.SetStateAction<boolean>>;
     hideBradyForModal: () => void;
     restoreBradyAfterModal: () => void;
+    setUserText: (text: string) => void;
+    userTextToSend?: string;
+    setUserTextToSend?: (text: string | undefined) => void;
 }
 declare function BradyChatProvider({ children }: {
     children: ReactNode;
@@ -59,8 +58,12 @@ 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;
 }
-declare function EnhancedBradyChat({ modeVariant, avatarSrc }: EnhancedBradyChatProps): react_jsx_runtime.JSX.Element;
+declare function EnhancedBradyChat({ modeVariant, avatarSrc, setUserText }: EnhancedBradyChatProps): react_jsx_runtime.JSX.Element;
 
 declare const DEFAULT_BRADY_API_KEY: string;
 declare const API_URL: string;
@@ -83,4 +86,4 @@ interface BradyChatResponse {
 declare function sendBradyPrompt(messages: BradyMessage[], apiKey?: string): Promise<BradyChatResponse>;
 declare function checkBradyHealth(): Promise<boolean>;
 
-export { API_URL, BradyChatProvider, type BradyChatRequest, type BradyChatResponse, type BradyMessage, type ChatMessage, type ChatWorkflowType, DEFAULT_BRADY_API_KEY, EnhancedBradyChat, type EnhancedBradyChatProps, type ModeStep, type ModeType, checkBradyHealth, sendBradyPrompt, useBradyChat };
+export { API_URL, type BradyChatContextType, BradyChatProvider, type BradyChatRequest, type BradyChatResponse, type BradyMessage, type ChatMessage, type ChatWorkflowType, DEFAULT_BRADY_API_KEY, EnhancedBradyChat, type EnhancedBradyChatProps, type ModeStep, type ModeType, checkBradyHealth, sendBradyPrompt, useBradyChat };

package/dist/index.d.ts

@@ -33,14 +33,13 @@ interface BradyChatContextType {
     resetMode: () => void;
     calculatorOpen: boolean;
     setCalculatorOpen: (open: boolean) => void;
-    inputDisabled: boolean;
-    setInputDisabled: React.Dispatch<React.SetStateAction<boolean>>;
-    showModePrompts: boolean;
-    setShowModePrompts: React.Dispatch<React.SetStateAction<boolean>>;
     isHidden: boolean;
     setIsHidden: React.Dispatch<React.SetStateAction<boolean>>;
     hideBradyForModal: () => void;
     restoreBradyAfterModal: () => void;
+    setUserText: (text: string) => void;
+    userTextToSend?: string;
+    setUserTextToSend?: (text: string | undefined) => void;
 }
 declare function BradyChatProvider({ children }: {
     children: ReactNode;
@@ -59,8 +58,12 @@ 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;
 }
-declare function EnhancedBradyChat({ modeVariant, avatarSrc }: EnhancedBradyChatProps): react_jsx_runtime.JSX.Element;
+declare function EnhancedBradyChat({ modeVariant, avatarSrc, setUserText }: EnhancedBradyChatProps): react_jsx_runtime.JSX.Element;
 
 declare const DEFAULT_BRADY_API_KEY: string;
 declare const API_URL: string;
@@ -83,4 +86,4 @@ interface BradyChatResponse {
 declare function sendBradyPrompt(messages: BradyMessage[], apiKey?: string): Promise<BradyChatResponse>;
 declare function checkBradyHealth(): Promise<boolean>;
 
-export { API_URL, BradyChatProvider, type BradyChatRequest, type BradyChatResponse, type BradyMessage, type ChatMessage, type ChatWorkflowType, DEFAULT_BRADY_API_KEY, EnhancedBradyChat, type EnhancedBradyChatProps, type ModeStep, type ModeType, checkBradyHealth, sendBradyPrompt, useBradyChat };
+export { API_URL, type BradyChatContextType, BradyChatProvider, type BradyChatRequest, type BradyChatResponse, type BradyMessage, type ChatMessage, type ChatWorkflowType, DEFAULT_BRADY_API_KEY, EnhancedBradyChat, type EnhancedBradyChatProps, type ModeStep, type ModeType, checkBradyHealth, sendBradyPrompt, useBradyChat };

package/dist/index.js

@@ -40,14 +40,16 @@ var initialMessages = [
   }
 ];
 function BradyChatProvider({ children }) {
+  const [userTextToSend, setUserTextToSend] = (0, import_react.useState)(void 0);
+  const setUserText = (text) => {
+    setUserTextToSend(text);
+  };
   const [workflowType, setWorkflowType] = (0, import_react.useState)("free");
   const [messages, setMessages] = (0, import_react.useState)(initialMessages);
   const [activeMode, setActiveMode] = (0, import_react.useState)("none");
   const [modeStep, setModeStep] = (0, import_react.useState)("initial");
   const [modeData, setModeData] = (0, import_react.useState)({});
   const [calculatorOpen, setCalculatorOpen] = (0, import_react.useState)(false);
-  const [inputDisabled, setInputDisabled] = (0, import_react.useState)(false);
-  const [showModePrompts, setShowModePrompts] = (0, import_react.useState)(false);
   const [isHidden, setIsHidden] = (0, import_react.useState)(true);
   const [wasBradyVisibleBeforeModal, setWasBradyVisibleBeforeModal] = (0, import_react.useState)(false);
   const hideBradyForModal = () => {
@@ -126,9 +128,6 @@ function BradyChatProvider({ children }) {
     setModeData({});
     setCalculatorOpen(false);
     setWorkflowType("free");
-    setMessages(initialMessages);
-    setInputDisabled(false);
-    setShowModePrompts(false);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     BradyChatContext.Provider,
@@ -149,14 +148,14 @@ function BradyChatProvider({ children }) {
         resetMode,
         calculatorOpen,
         setCalculatorOpen,
-        inputDisabled,
-        setInputDisabled,
-        showModePrompts,
-        setShowModePrompts,
         isHidden,
         setIsHidden,
         hideBradyForModal,
-        restoreBradyAfterModal
+        restoreBradyAfterModal,
+        setUserText,
+        // Expose userTextToSend and setUserTextToSend for EnhancedBradyChat
+        userTextToSend,
+        setUserTextToSend
       },
       children
     }
@@ -928,7 +927,7 @@ function ImageWithFallback(props) {
 
 // src/lib/EnhancedBradyChat.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
-function EnhancedBradyChat({ modeVariant = "loan-officer", avatarSrc }) {
+function EnhancedBradyChat({ modeVariant = "loan-officer", avatarSrc, setUserText }) {
   const [bradyHealthy, setBradyHealthy] = (0, import_react11.useState)(true);
   const {
     workflowType,
@@ -944,15 +943,37 @@ function EnhancedBradyChat({ modeVariant = "loan-officer", avatarSrc }) {
     setCalculatorOpen,
     activateMode,
     resetMode,
-    inputDisabled,
-    setInputDisabled,
-    showModePrompts,
-    setShowModePrompts,
     isHidden,
-    setIsHidden
+    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] = (0, import_react11.useState)("");
+  const [setUserTextSent, setSetUserTextSent] = (0, import_react11.useState)(void 0);
+  (0, import_react11.useEffect)(() => {
+    if (userTextToSend && userTextToSend !== setUserTextSent) {
+      setInputValue(userTextToSend);
+      setSetUserTextSent(userTextToSend);
+    }
+  }, [userTextToSend, setUserTextSent]);
+  (0, import_react11.useEffect)(() => {
+    if (setUserText && setUserText !== setUserTextSent) {
+      setInputValue(setUserText);
+      setSetUserTextSent(setUserText);
+    }
+  }, [setUserText, setUserTextSent]);
+  (0, import_react11.useEffect)(() => {
+    if ((setUserText && setUserTextSent === setUserText && inputValue === setUserText || userTextToSend && setUserTextSent === userTextToSend && inputValue === userTextToSend) && inputValue.trim()) {
+      handleSend();
+    }
+  }, [inputValue, setUserText, setUserTextSent, userTextToSend]);
   const [showForm, setShowForm] = (0, import_react11.useState)(false);
+  const [inputDisabled, setInputDisabled] = (0, import_react11.useState)(false);
+  const [showModePrompts, setShowModePrompts] = (0, import_react11.useState)(false);
   const messagesEndRef = (0, import_react11.useRef)(null);
   const [suggestionLinks, setSuggestionLinks] = (0, import_react11.useState)(null);
   const isBranchManager = modeVariant === "branch-manager";
@@ -1157,6 +1178,9 @@ I'll focus on ways to increase ${isBranchManager ? "profit" : "income"} using ${
       const userText = inputValue;
       addMessage({ type: "user", text: userText });
       setInputValue("");
+      if (userTextToSend && setUserTextSent === userTextToSend && setUserTextToSend) {
+        setUserTextToSend(void 0);
+      }
       try {
         const apiResponse = await sendBradyPrompt([{ role: "user", content: userText }]);
         let mappedType = "brady";