@informedai/react 0.4.12 → 0.4.14

package/dist/index.d.mts

@@ -109,6 +109,12 @@ interface InformedAssistantConfig {
     onSessionChange?: (session: Session) => void;
     /** Callback when an error occurs */
     onError?: (error: Error) => void;
+    /**
+     * Callback to get current field values from your form.
+     * Called before each message is sent so the AI knows about unsaved changes.
+     * Return the current values of all fields as they appear in your UI.
+     */
+    getCurrentFieldValues?: () => Record<string, unknown>;
     /** Custom theme overrides */
     theme?: Partial<WidgetTheme>;
     /** Position of the widget (for floating mode) */
@@ -267,14 +273,24 @@ declare class InformedAIClient {
     getSession(id: string): Promise<GetSessionResponse>;
     /**
      * Send a message to the session with SSE streaming.
+     *
+     * @param sessionId - The session ID
+     * @param message - The user's message
+     * @param onEvent - SSE event handler
+     * @param currentFieldValues - Current values from the UI form (for unsaved changes context)
      */
-    sendMessage(sessionId: string, message: string, onEvent: (event: SSEEvent) => void): Promise<void>;
+    sendMessage(sessionId: string, message: string, onEvent: (event: SSEEvent) => void, currentFieldValues?: Record<string, unknown>): Promise<void>;
     /**
      * Send a quick action to the session.
      * For actions that trigger AI (task_action:*), returns SSE stream.
      * For other actions (select_task:*, resume_task:*), returns session directly.
+     *
+     * @param sessionId - The session ID
+     * @param action - The quick action string
+     * @param onEvent - Optional SSE event handler
+     * @param currentFieldValues - Current values from the UI form (for task_action context)
      */
-    sendQuickAction(sessionId: string, action: string, onEvent?: (event: SSEEvent) => void): Promise<Session>;
+    sendQuickAction(sessionId: string, action: string, onEvent?: (event: SSEEvent) => void, currentFieldValues?: Record<string, unknown>): Promise<Session>;
     /**
      * Apply the pending value for the active task.
      */

package/dist/index.d.ts

@@ -109,6 +109,12 @@ interface InformedAssistantConfig {
     onSessionChange?: (session: Session) => void;
     /** Callback when an error occurs */
     onError?: (error: Error) => void;
+    /**
+     * Callback to get current field values from your form.
+     * Called before each message is sent so the AI knows about unsaved changes.
+     * Return the current values of all fields as they appear in your UI.
+     */
+    getCurrentFieldValues?: () => Record<string, unknown>;
     /** Custom theme overrides */
     theme?: Partial<WidgetTheme>;
     /** Position of the widget (for floating mode) */
@@ -267,14 +273,24 @@ declare class InformedAIClient {
     getSession(id: string): Promise<GetSessionResponse>;
     /**
      * Send a message to the session with SSE streaming.
+     *
+     * @param sessionId - The session ID
+     * @param message - The user's message
+     * @param onEvent - SSE event handler
+     * @param currentFieldValues - Current values from the UI form (for unsaved changes context)
      */
-    sendMessage(sessionId: string, message: string, onEvent: (event: SSEEvent) => void): Promise<void>;
+    sendMessage(sessionId: string, message: string, onEvent: (event: SSEEvent) => void, currentFieldValues?: Record<string, unknown>): Promise<void>;
     /**
      * Send a quick action to the session.
      * For actions that trigger AI (task_action:*), returns SSE stream.
      * For other actions (select_task:*, resume_task:*), returns session directly.
+     *
+     * @param sessionId - The session ID
+     * @param action - The quick action string
+     * @param onEvent - Optional SSE event handler
+     * @param currentFieldValues - Current values from the UI form (for task_action context)
      */
-    sendQuickAction(sessionId: string, action: string, onEvent?: (event: SSEEvent) => void): Promise<Session>;
+    sendQuickAction(sessionId: string, action: string, onEvent?: (event: SSEEvent) => void, currentFieldValues?: Record<string, unknown>): Promise<Session>;
     /**
      * Apply the pending value for the active task.
      */

package/dist/index.js

@@ -91,12 +91,17 @@ var InformedAIClient = class {
   }
   /**
    * Send a message to the session with SSE streaming.
+   *
+   * @param sessionId - The session ID
+   * @param message - The user's message
+   * @param onEvent - SSE event handler
+   * @param currentFieldValues - Current values from the UI form (for unsaved changes context)
    */
-  async sendMessage(sessionId, message, onEvent) {
+  async sendMessage(sessionId, message, onEvent, currentFieldValues) {
     const response = await fetch(`${this.apiUrl}/widget/sessions/${sessionId}/message`, {
       method: "POST",
       headers: this.getHeaders(),
-      body: JSON.stringify({ message })
+      body: JSON.stringify({ message, currentFieldValues })
     });
     if (!response.ok) {
       const error = await response.json().catch(() => ({ error: "Request failed" }));
@@ -108,12 +113,17 @@ var InformedAIClient = class {
    * Send a quick action to the session.
    * For actions that trigger AI (task_action:*), returns SSE stream.
    * For other actions (select_task:*, resume_task:*), returns session directly.
+   *
+   * @param sessionId - The session ID
+   * @param action - The quick action string
+   * @param onEvent - Optional SSE event handler
+   * @param currentFieldValues - Current values from the UI form (for task_action context)
    */
-  async sendQuickAction(sessionId, action, onEvent) {
+  async sendQuickAction(sessionId, action, onEvent, currentFieldValues) {
     const response = await fetch(`${this.apiUrl}/widget/sessions/${sessionId}/quick-action`, {
       method: "POST",
       headers: this.getHeaders(),
-      body: JSON.stringify({ action })
+      body: JSON.stringify({ action, currentFieldValues })
     });
     if (!response.ok) {
       const error = await response.json().catch(() => ({ error: "Request failed" }));
@@ -575,7 +585,8 @@ function InformedAIProvider({ config, children }) {
       setIsStreaming(true);
       setStreamingContent("");
       setError(null);
-      await clientRef.current.sendMessage(session.id, message, handleSSEEvent);
+      const currentFieldValues = config.getCurrentFieldValues?.();
+      await clientRef.current.sendMessage(session.id, message, handleSSEEvent, currentFieldValues);
     } catch (err) {
       if (isSessionNotFoundError(err)) {
         await handleSessionDeleted();
@@ -594,10 +605,12 @@ function InformedAIProvider({ config, children }) {
       setIsStreaming(true);
       setStreamingContent("");
       setError(null);
+      const currentFieldValues = action.startsWith("task_action:") ? config.getCurrentFieldValues?.() : void 0;
       const newSession = await clientRef.current.sendQuickAction(
         session.id,
         action,
-        handleSSEEvent
+        handleSSEEvent,
+        currentFieldValues
       );
       setSession(newSession);
       config.onSessionChange?.(newSession);
@@ -742,14 +755,15 @@ function AssistantWidget({ className, theme, position = "inline", defaultCollaps
     streamingContent,
     sendMessage,
     sendQuickAction,
-    applyPendingValue,
-    skipTask
+    applyPendingValue
   } = useInformedAI();
   const [isCollapsed, setIsCollapsed] = (0, import_react2.useState)(defaultCollapsed);
   const [inputValue, setInputValue] = (0, import_react2.useState)("");
+  const [showPendingActions, setShowPendingActions] = (0, import_react2.useState)(true);
   const messagesEndRef = (0, import_react2.useRef)(null);
   const inputRef = (0, import_react2.useRef)(null);
   const wasStreamingRef = (0, import_react2.useRef)(false);
+  const lastPendingValueRef = (0, import_react2.useRef)(void 0);
   (0, import_react2.useEffect)(() => {
     messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
   }, [session?.widgetMessages, streamingContent]);
@@ -759,6 +773,15 @@ function AssistantWidget({ className, theme, position = "inline", defaultCollaps
     }
     wasStreamingRef.current = isStreaming;
   }, [isStreaming]);
+  const activeTask = session?.activeTask;
+  const pendingValue = activeTask ? session?.taskStates[activeTask]?.pendingValue : void 0;
+  const hasPendingValue = pendingValue !== void 0 && pendingValue !== null;
+  (0, import_react2.useEffect)(() => {
+    if (hasPendingValue && pendingValue !== lastPendingValueRef.current) {
+      setShowPendingActions(true);
+    }
+    lastPendingValueRef.current = pendingValue;
+  }, [hasPendingValue, pendingValue]);
   const handleSubmit = async (e) => {
     e.preventDefault();
     if (!inputValue.trim() || isStreaming) return;
@@ -769,9 +792,6 @@ function AssistantWidget({ className, theme, position = "inline", defaultCollaps
   const handleQuickAction = async (action) => {
     await sendQuickAction(action.action, action.payload);
   };
-  const activeTask = session?.activeTask;
-  const pendingValue = activeTask ? session?.taskStates[activeTask]?.pendingValue : void 0;
-  const hasPendingValue = pendingValue !== void 0 && pendingValue !== null;
   const cssVars = {
     "--ia-primary": theme.primaryColor,
     "--ia-bg": theme.backgroundColor,
@@ -968,7 +988,7 @@ function AssistantWidget({ className, theme, position = "inline", defaultCollaps
             ]
           }
         ),
-        hasPendingValue && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+        hasPendingValue && showPendingActions ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
           "div",
           {
             style: {
@@ -1002,7 +1022,7 @@ function AssistantWidget({ className, theme, position = "inline", defaultCollaps
               /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                 "button",
                 {
-                  onClick: skipTask,
+                  onClick: () => setShowPendingActions(false),
                   disabled: isStreaming,
                   style: {
                     padding: "10px 16px",
@@ -1015,13 +1035,12 @@ function AssistantWidget({ className, theme, position = "inline", defaultCollaps
                     fontSize: "14px",
                     opacity: isStreaming ? 0.5 : 1
                   },
-                  children: "Skip"
+                  children: "Not yet"
                 }
               )
             ]
           }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
           "form",
           {
             onSubmit: handleSubmit,

package/dist/index.mjs

@@ -61,12 +61,17 @@ var InformedAIClient = class {
   }
   /**
    * Send a message to the session with SSE streaming.
+   *
+   * @param sessionId - The session ID
+   * @param message - The user's message
+   * @param onEvent - SSE event handler
+   * @param currentFieldValues - Current values from the UI form (for unsaved changes context)
    */
-  async sendMessage(sessionId, message, onEvent) {
+  async sendMessage(sessionId, message, onEvent, currentFieldValues) {
     const response = await fetch(`${this.apiUrl}/widget/sessions/${sessionId}/message`, {
       method: "POST",
       headers: this.getHeaders(),
-      body: JSON.stringify({ message })
+      body: JSON.stringify({ message, currentFieldValues })
     });
     if (!response.ok) {
       const error = await response.json().catch(() => ({ error: "Request failed" }));
@@ -78,12 +83,17 @@ var InformedAIClient = class {
    * Send a quick action to the session.
    * For actions that trigger AI (task_action:*), returns SSE stream.
    * For other actions (select_task:*, resume_task:*), returns session directly.
+   *
+   * @param sessionId - The session ID
+   * @param action - The quick action string
+   * @param onEvent - Optional SSE event handler
+   * @param currentFieldValues - Current values from the UI form (for task_action context)
    */
-  async sendQuickAction(sessionId, action, onEvent) {
+  async sendQuickAction(sessionId, action, onEvent, currentFieldValues) {
     const response = await fetch(`${this.apiUrl}/widget/sessions/${sessionId}/quick-action`, {
       method: "POST",
       headers: this.getHeaders(),
-      body: JSON.stringify({ action })
+      body: JSON.stringify({ action, currentFieldValues })
     });
     if (!response.ok) {
       const error = await response.json().catch(() => ({ error: "Request failed" }));
@@ -545,7 +555,8 @@ function InformedAIProvider({ config, children }) {
       setIsStreaming(true);
       setStreamingContent("");
       setError(null);
-      await clientRef.current.sendMessage(session.id, message, handleSSEEvent);
+      const currentFieldValues = config.getCurrentFieldValues?.();
+      await clientRef.current.sendMessage(session.id, message, handleSSEEvent, currentFieldValues);
     } catch (err) {
       if (isSessionNotFoundError(err)) {
         await handleSessionDeleted();
@@ -564,10 +575,12 @@ function InformedAIProvider({ config, children }) {
       setIsStreaming(true);
       setStreamingContent("");
       setError(null);
+      const currentFieldValues = action.startsWith("task_action:") ? config.getCurrentFieldValues?.() : void 0;
       const newSession = await clientRef.current.sendQuickAction(
         session.id,
         action,
-        handleSSEEvent
+        handleSSEEvent,
+        currentFieldValues
       );
       setSession(newSession);
       config.onSessionChange?.(newSession);
@@ -712,14 +725,15 @@ function AssistantWidget({ className, theme, position = "inline", defaultCollaps
     streamingContent,
     sendMessage,
     sendQuickAction,
-    applyPendingValue,
-    skipTask
+    applyPendingValue
   } = useInformedAI();
   const [isCollapsed, setIsCollapsed] = useState2(defaultCollapsed);
   const [inputValue, setInputValue] = useState2("");
+  const [showPendingActions, setShowPendingActions] = useState2(true);
   const messagesEndRef = useRef2(null);
   const inputRef = useRef2(null);
   const wasStreamingRef = useRef2(false);
+  const lastPendingValueRef = useRef2(void 0);
   useEffect2(() => {
     messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
   }, [session?.widgetMessages, streamingContent]);
@@ -729,6 +743,15 @@ function AssistantWidget({ className, theme, position = "inline", defaultCollaps
     }
     wasStreamingRef.current = isStreaming;
   }, [isStreaming]);
+  const activeTask = session?.activeTask;
+  const pendingValue = activeTask ? session?.taskStates[activeTask]?.pendingValue : void 0;
+  const hasPendingValue = pendingValue !== void 0 && pendingValue !== null;
+  useEffect2(() => {
+    if (hasPendingValue && pendingValue !== lastPendingValueRef.current) {
+      setShowPendingActions(true);
+    }
+    lastPendingValueRef.current = pendingValue;
+  }, [hasPendingValue, pendingValue]);
   const handleSubmit = async (e) => {
     e.preventDefault();
     if (!inputValue.trim() || isStreaming) return;
@@ -739,9 +762,6 @@ function AssistantWidget({ className, theme, position = "inline", defaultCollaps
   const handleQuickAction = async (action) => {
     await sendQuickAction(action.action, action.payload);
   };
-  const activeTask = session?.activeTask;
-  const pendingValue = activeTask ? session?.taskStates[activeTask]?.pendingValue : void 0;
-  const hasPendingValue = pendingValue !== void 0 && pendingValue !== null;
   const cssVars = {
     "--ia-primary": theme.primaryColor,
     "--ia-bg": theme.backgroundColor,
@@ -938,7 +958,7 @@ function AssistantWidget({ className, theme, position = "inline", defaultCollaps
             ]
           }
         ),
-        hasPendingValue && /* @__PURE__ */ jsxs(
+        hasPendingValue && showPendingActions ? /* @__PURE__ */ jsxs(
           "div",
           {
             style: {
@@ -972,7 +992,7 @@ function AssistantWidget({ className, theme, position = "inline", defaultCollaps
               /* @__PURE__ */ jsx2(
                 "button",
                 {
-                  onClick: skipTask,
+                  onClick: () => setShowPendingActions(false),
                   disabled: isStreaming,
                   style: {
                     padding: "10px 16px",
@@ -985,13 +1005,12 @@ function AssistantWidget({ className, theme, position = "inline", defaultCollaps
                     fontSize: "14px",
                     opacity: isStreaming ? 0.5 : 1
                   },
-                  children: "Skip"
+                  children: "Not yet"
                 }
               )
             ]
           }
-        ),
-        /* @__PURE__ */ jsxs(
+        ) : /* @__PURE__ */ jsxs(
           "form",
           {
             onSubmit: handleSubmit,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@informedai/react",
-  "version": "0.4.12",
+  "version": "0.4.14",
   "description": "React SDK for InformedAI Assistant - AI-powered content creation widget",
   "main": "dist/index.js",
   "module": "dist/index.mjs",