feat (ai/ui): make event in useAssistant submitMessage optional (#2089)

Co-authored-by: AntzyMo <mozbano@163.com>

Author: lgrammel

.changeset/chilled-rivers-beg.md

@@ -0,0 +1,6 @@
+---
+'@ai-sdk/svelte': patch
+'ai': patch
+---
+
+feat (ai/ui): make event in useAssistant submitMessage optional

.changeset/thirty-poets-fly.md

@@ -0,0 +1,5 @@
+---
+'@ai-sdk/vue': patch
+---
+
+fix (@ai-sdk/vue): make event in handleSubmit optional

content/docs/07-reference/ai-sdk-ui/20-use-assistant.mdx

@@ -118,7 +118,7 @@ This works in conjunction with [`AssistantResponse`](./assistant-response) in th
     },
     {
       name: 'submitMessage',
-      type: '(event?: React.FormEvent<HTMLFormElement>) => void',
+      type: '(event?: { preventDefault?: () => void }) => void',
       description:
         'Form submission handler that automatically resets the input field and appends a user message.',
     },

packages/core/svelte/use-assistant.ts

@@ -53,7 +53,7 @@ Abort the current request immediately, keep the generated tokens if any.
    * Form submission handler that automatically resets the input field and appends a user message.
    */
   submitMessage: (
-    e: any,
+    event?: { preventDefault?: () => void },
     requestOptions?: { data?: Record<string, string> },
   ) => Promise<void>;
 
@@ -230,10 +230,10 @@ export function useAssistant({
 
   // Function to handle form submission
   async function submitMessage(
-    e: any,
+    event?: { preventDefault?: () => void },
     requestOptions?: { data?: Record<string, string> },
   ) {
-    e.preventDefault();
+    event?.preventDefault?.();
     const inputValue = get(input);
     if (!inputValue) return;
 

packages/svelte/src/use-assistant.ts

@@ -53,7 +53,7 @@ Abort the current request immediately, keep the generated tokens if any.
    * Form submission handler that automatically resets the input field and appends a user message.
    */
   submitMessage: (
-    e: any,
+    event?: { preventDefault?: () => void },
     requestOptions?: { data?: Record<string, string> },
   ) => Promise<void>;
 
@@ -227,10 +227,10 @@ export function useAssistant({
 
   // Function to handle form submission
   async function submitMessage(
-    e: any,
+    event?: { preventDefault?: () => void },
     requestOptions?: { data?: Record<string, string> },
   ) {
-    e.preventDefault();
+    event?.preventDefault?.();
     const inputValue = get(input);
     if (!inputValue) return;
 

packages/vue/src/use-chat.ts

@@ -51,7 +51,10 @@ export type UseChatHelpers = {
   /** The current value of the input */
   input: Ref<string>;
   /** Form submission handler to automatically reset input and append a user message  */
-  handleSubmit: (e: any, chatRequestOptions?: ChatRequestOptions) => void;
+  handleSubmit: (
+    event?: { preventDefault?: () => void },
+    chatRequestOptions?: ChatRequestOptions,
+  ) => void;
   /** Whether the API request is in progress */
   isLoading: Ref<boolean | undefined>;