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

Co-authored-by: AntzyMo <[email protected]>
vercel · Jun 25, 2024 · 82d9c8d · 82d9c8d
1 parent 3e6561b
commit 82d9c8d
Show file tree

Hide file tree

Showing 6 changed files with 22 additions and 8 deletions.
diff --git a/.changeset/chilled-rivers-beg.md b/.changeset/chilled-rivers-beg.md
@@ -0,0 +1,6 @@
+---
+'@ai-sdk/svelte': patch
+'ai': patch
+---
+
+feat (ai/ui): make event in useAssistant submitMessage optional
diff --git a/.changeset/thirty-poets-fly.md b/.changeset/thirty-poets-fly.md
@@ -0,0 +1,5 @@
+---
+'@ai-sdk/vue': patch
+---
+
+fix (@ai-sdk/vue): make event in handleSubmit optional
diff --git a/content/docs/07-reference/ai-sdk-ui/20-use-assistant.mdx b/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.',
     },

diff --git a/packages/core/svelte/use-assistant.ts b/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;
 

diff --git a/packages/svelte/src/use-assistant.ts b/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;
 

diff --git a/packages/vue/src/use-chat.ts b/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>;