@assistant-ui/react-hook-form 0.12.14 → 0.12.15

package/README.md

@@ -1,5 +1,39 @@
 # `@assistant-ui/react-hook-form`
 
-React Hook Form integration for `@assistant-ui/react`.
+[React Hook Form](https://react-hook-form.com) integration for `@assistant-ui/react`. Replace `useForm` with `useAssistantForm` to give the assistant the ability to read and fill your form fields through tool calls.
 
-Simply replace `useForm` with `useAssistantForm` to give the chatbot the ability to interact with your form.
+## Installation
+
+```bash
+npm install @assistant-ui/react @assistant-ui/react-hook-form react-hook-form
+```
+
+## Usage
+
+```tsx
+"use client";
+
+import { useAssistantForm } from "@assistant-ui/react-hook-form";
+
+export function SignupForm() {
+  const form = useAssistantForm({
+    defaultValues: { firstName: "", lastName: "", email: "" },
+    assistant: {
+      tools: {
+        set_form_field: { render: () => <FieldUpdated /> },
+        submit_form: { render: () => <FormSubmitted /> },
+      },
+    },
+  });
+
+  return <form onSubmit={form.handleSubmit(onSubmit)}>{/* fields */}</form>;
+}
+```
+
+The assistant gets two built-in tools: `set_form_field` to write values into fields and `submit_form` to call your submit handler.
+
+## See also
+
+- `@assistant-ui/react-lexical` if you also want a rich-text composer with `@`-mention support inside the same chat.
+
+Full API reference at [assistant-ui.com/docs/api-reference/integrations/react-hook-form](https://www.assistant-ui.com/docs/api-reference/integrations/react-hook-form). See [`examples/with-react-hook-form`](https://github.com/assistant-ui/assistant-ui/tree/main/examples/with-react-hook-form) for a complete app.

package/dist/formTools.d.ts

@@ -1,19 +1,23 @@
 import { z } from "zod";
-export declare const formTools: {
-    set_form_field: {
-        description: string;
-        parameters: z.ZodObject<{
-            name: z.ZodString;
-            value: z.ZodString;
-        }, z.core.$strip>;
-    };
-    submit_form: {
-        description: string;
-        parameters: z.ZodObject<{}, z.core.$strip>;
-    };
-    reset_form: {
-        description: string;
-        parameters: z.ZodObject<{}, z.core.$strip>;
-    };
+
+//#region src/formTools.d.ts
+declare const formTools: {
+  set_form_field: {
+    description: string;
+    parameters: z.ZodObject<{
+      name: z.ZodString;
+      value: z.ZodString;
+    }, z.core.$strip>;
+  };
+  submit_form: {
+    description: string;
+    parameters: z.ZodObject<{}, z.core.$strip>;
+  };
+  reset_form: {
+    description: string;
+    parameters: z.ZodObject<{}, z.core.$strip>;
+  };
 };
+//#endregion
+export { formTools };
 //# sourceMappingURL=formTools.d.ts.map

package/dist/formTools.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formTools.d.ts","sourceRoot":"","sources":["../src/formTools.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;CAkBrB,CAAC"}
+{"version":3,"file":"formTools.d.ts","names":[],"sources":["../src/formTools.ts"],"mappings":";;;cAEa,SAAA"}

package/dist/formTools.js

@@ -1,19 +1,23 @@
 import { z } from "zod";
-export const formTools = {
-    set_form_field: {
-        description: "Sets a form field. Call this function as soon as the user provides the data for each field.",
-        parameters: z.object({
-            name: z.string(),
-            value: z.string(),
-        }),
-    },
-    submit_form: {
-        description: "Submits the form. Confirm with user before submitting.",
-        parameters: z.object({}),
-    },
-    reset_form: {
-        description: "Resets all form fields to their initial values. Confirm with user before resetting.",
-        parameters: z.object({}),
-    },
+//#region src/formTools.ts
+const formTools = {
+	set_form_field: {
+		description: "Sets a form field. Call this function as soon as the user provides the data for each field.",
+		parameters: z.object({
+			name: z.string(),
+			value: z.string()
+		})
+	},
+	submit_form: {
+		description: "Submits the form. Confirm with user before submitting.",
+		parameters: z.object({})
+	},
+	reset_form: {
+		description: "Resets all form fields to their initial values. Confirm with user before resetting.",
+		parameters: z.object({})
+	}
 };
+//#endregion
+export { formTools };
+
 //# sourceMappingURL=formTools.js.map

package/dist/formTools.js.map

@@ -1 +1 @@
-{"version":3,"file":"formTools.js","sourceRoot":"","sources":["../src/formTools.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,cAAc,EAAE;QACd,WAAW,EACT,6FAA6F;QAC/F,UAAU,EAAE,CAAC,CAAC,MAAM,CAAC;YACnB,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE;YAChB,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE;SAClB,CAAC;KACH;IACD,WAAW,EAAE;QACX,WAAW,EAAE,wDAAwD;QACrE,UAAU,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC;KACzB;IACD,UAAU,EAAE;QACV,WAAW,EACT,qFAAqF;QACvF,UAAU,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC;KACzB;CACF,CAAC"}
+{"version":3,"file":"formTools.js","names":[],"sources":["../src/formTools.ts"],"sourcesContent":["import { z } from \"zod\";\n\nexport const formTools = {\n  set_form_field: {\n    description:\n      \"Sets a form field. Call this function as soon as the user provides the data for each field.\",\n    parameters: z.object({\n      name: z.string(),\n      value: z.string(),\n    }),\n  },\n  submit_form: {\n    description: \"Submits the form. Confirm with user before submitting.\",\n    parameters: z.object({}),\n  },\n  reset_form: {\n    description:\n      \"Resets all form fields to their initial values. Confirm with user before resetting.\",\n    parameters: z.object({}),\n  },\n};\n"],"mappings":";;AAEA,MAAa,YAAY;CACvB,gBAAgB;EACd,aACE;EACF,YAAY,EAAE,OAAO;GACnB,MAAM,EAAE,OAAO;GACf,OAAO,EAAE,OAAO;EAClB,CAAC;CACH;CACA,aAAa;EACX,aAAa;EACb,YAAY,EAAE,OAAO,CAAC,CAAC;CACzB;CACA,YAAY;EACV,aACE;EACF,YAAY,EAAE,OAAO,CAAC,CAAC;CACzB;AACF"}

package/dist/index.d.ts

@@ -1,3 +1,3 @@
-export { useAssistantForm, type UseAssistantFormProps, } from "./useAssistantForm.js";
-export { formTools } from "./formTools.js";
-//# sourceMappingURL=index.d.ts.map
+import { formTools } from "./formTools.js";
+import { UseAssistantFormProps, useAssistantForm } from "./useAssistantForm.js";
+export { type UseAssistantFormProps, formTools, useAssistantForm };

package/dist/index.js

@@ -1,3 +1,3 @@
-export { useAssistantForm, } from "./useAssistantForm.js";
-export { formTools } from "./formTools.js";
-//# sourceMappingURL=index.js.map
+import { formTools } from "./formTools.js";
+import { useAssistantForm } from "./useAssistantForm.js";
+export { formTools, useAssistantForm };

package/dist/useAssistantForm.d.ts

@@ -1,21 +1,25 @@
-import { type ToolCallMessagePartComponent } from "@assistant-ui/core/react";
-import { type FieldValues, type UseFormProps, type UseFormReturn } from "react-hook-form";
-import type { z } from "zod";
 import { formTools } from "./formTools.js";
-export type UseAssistantFormProps<TFieldValues extends FieldValues, TContext, TTransformedValues> = UseFormProps<TFieldValues, TContext, TTransformedValues> & {
-    assistant?: {
-        tools?: {
-            set_form_field?: {
-                render?: ToolCallMessagePartComponent<z.infer<(typeof formTools.set_form_field)["parameters"]>, unknown> | undefined;
-            } | undefined;
-            submit_form?: {
-                render?: ToolCallMessagePartComponent<z.infer<(typeof formTools.submit_form)["parameters"]>, unknown> | undefined;
-            } | undefined;
-            reset_form?: {
-                render?: ToolCallMessagePartComponent<z.infer<(typeof formTools.reset_form)["parameters"]>, unknown> | undefined;
-            } | undefined;
-        } | undefined;
+import { z } from "zod";
+import { ToolCallMessagePartComponent } from "@assistant-ui/core/react";
+import { FieldValues, UseFormProps, UseFormReturn } from "react-hook-form";
+
+//#region src/useAssistantForm.d.ts
+type UseAssistantFormProps<TFieldValues extends FieldValues, TContext, TTransformedValues> = UseFormProps<TFieldValues, TContext, TTransformedValues> & {
+  assistant?: {
+    tools?: {
+      set_form_field?: {
+        render?: ToolCallMessagePartComponent<z.infer<(typeof formTools.set_form_field)["parameters"]>, unknown> | undefined;
+      } | undefined;
+      submit_form?: {
+        render?: ToolCallMessagePartComponent<z.infer<(typeof formTools.submit_form)["parameters"]>, unknown> | undefined;
+      } | undefined;
+      reset_form?: {
+        render?: ToolCallMessagePartComponent<z.infer<(typeof formTools.reset_form)["parameters"]>, unknown> | undefined;
+      } | undefined;
     } | undefined;
+  } | undefined;
 };
-export declare const useAssistantForm: <TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues>(props?: UseAssistantFormProps<TFieldValues, TContext, TTransformedValues>) => UseFormReturn<TFieldValues, TContext, TTransformedValues>;
+declare const useAssistantForm: <TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues>(props?: UseAssistantFormProps<TFieldValues, TContext, TTransformedValues>) => UseFormReturn<TFieldValues, TContext, TTransformedValues>;
+//#endregion
+export { UseAssistantFormProps, useAssistantForm };
 //# sourceMappingURL=useAssistantForm.d.ts.map

package/dist/useAssistantForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAssistantForm.d.ts","sourceRoot":"","sources":["../src/useAssistantForm.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,KAAK,4BAA4B,EAElC,MAAM,0BAA0B,CAAC;AAGlC,OAAO,EACL,KAAK,WAAW,EAGhB,KAAK,YAAY,EACjB,KAAK,aAAa,EAEnB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAC7B,OAAO,EAAE,SAAS,EAAE,uBAAoB;AAExC,MAAM,MAAM,qBAAqB,CAC/B,YAAY,SAAS,WAAW,EAChC,QAAQ,EACR,kBAAkB,IAChB,YAAY,CAAC,YAAY,EAAE,QAAQ,EAAE,kBAAkB,CAAC,GAAG;IAC7D,SAAS,CAAC,EACN;QACE,KAAK,CAAC,EACF;YACE,cAAc,CAAC,EACX;gBACE,MAAM,CAAC,EACH,4BAA4B,CAC1B,CAAC,CAAC,KAAK,CACL,CAAC,OAAO,SAAS,CAAC,cAAc,CAAC,CAAC,YAAY,CAAC,CAChD,EACD,OAAO,CACR,GACD,SAAS,CAAC;aACf,GACD,SAAS,CAAC;YACd,WAAW,CAAC,EACR;gBACE,MAAM,CAAC,EACH,4BAA4B,CAC1B,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,SAAS,CAAC,WAAW,CAAC,CAAC,YAAY,CAAC,CAAC,EACrD,OAAO,CACR,GACD,SAAS,CAAC;aACf,GACD,SAAS,CAAC;YACd,UAAU,CAAC,EACP;gBACE,MAAM,CAAC,EACH,4BAA4B,CAC1B,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,SAAS,CAAC,UAAU,CAAC,CAAC,YAAY,CAAC,CAAC,EACpD,OAAO,CACR,GACD,SAAS,CAAC;aACf,GACD,SAAS,CAAC;SACf,GACD,SAAS,CAAC;KACf,GACD,SAAS,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC3B,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,QAAQ,GAAG,GAAG,EACd,kBAAkB,GAAG,YAAY,EAEjC,QAAQ,qBAAqB,CAAC,YAAY,EAAE,QAAQ,EAAE,kBAAkB,CAAC,KACxE,aAAa,CAAC,YAAY,EAAE,QAAQ,EAAE,kBAAkB,CA4G1D,CAAC"}
+{"version":3,"file":"useAssistantForm.d.ts","names":[],"sources":["../src/useAssistantForm.ts"],"mappings":";;;;;;KAqBY,qBAAA,sBACW,WAAA,kCAGnB,YAAA,CAAa,YAAA,EAAc,QAAA,EAAU,kBAAA;EACvC,SAAA;IAEM,KAAA;MAEM,cAAA;QAEM,MAAA,GACI,4BAAA,CACE,CAAA,CAAE,KAAA,SACQ,SAAA,CAAU,cAAA;MAAA;MAOhC,WAAA;QAEM,MAAA,GACI,4BAAA,CACE,CAAA,CAAE,KAAA,SAAc,SAAA,CAAU,WAAA;MAAA;MAMtC,UAAA;QAEM,MAAA,GACI,4BAAA,CACE,CAAA,CAAE,KAAA,SAAc,SAAA,CAAU,UAAA;MAAA;IAAA;EAAA;AAAA;AAAA,cAYvC,gBAAA,wBACU,WAAA,GAAc,WAAA,uCAEd,YAAA,EAErB,KAAA,GAAQ,qBAAA,CAAsB,YAAA,EAAc,QAAA,EAAU,kBAAA,MACrD,aAAA,CAAc,YAAA,EAAc,QAAA,EAAU,kBAAA"}

package/dist/useAssistantForm.js

@@ -1,91 +1,90 @@
 "use client";
+import { formTools } from "./formTools.js";
 import { tool } from "@assistant-ui/core";
-import { useAssistantToolUI, } from "@assistant-ui/core/react";
+import { useAssistantToolUI } from "@assistant-ui/core/react";
 import { useAui } from "@assistant-ui/store";
 import { useEffect } from "react";
-import { useForm, } from "react-hook-form";
-import { formTools } from "./formTools.js";
-export const useAssistantForm = (props) => {
-    const form = useForm(props);
-    const { control, getValues, setValue, reset, formState: { isSubmitting }, } = form;
-    const aui = useAui();
-    useEffect(() => {
-        const value = {
-            system: `Form State:\n${JSON.stringify(getValues())}`,
-            tools: {
-                set_form_field: tool({
-                    ...formTools.set_form_field,
-                    parameters: formTools.set_form_field.parameters,
-                    execute: async (args) => {
-                        setValue(args.name, args.value);
-                        return { success: true };
-                    },
-                }),
-                submit_form: tool({
-                    ...formTools.submit_form,
-                    execute: async () => {
-                        if (isSubmitting) {
-                            return {
-                                success: false,
-                                message: "The form is already submitting.",
-                            };
-                        }
-                        const { _names, _fields } = control;
-                        for (const name of _names.mount) {
-                            const field = _fields[name];
-                            if (field?._f && "refs" in field._f) {
-                                const fieldReference = Array.isArray(field._f.refs)
-                                    ? field._f.refs[0]
-                                    : field._f.ref;
-                                if (fieldReference instanceof HTMLElement) {
-                                    const form = fieldReference.closest("form");
-                                    if (form) {
-                                        form.requestSubmit();
-                                        return { success: true };
-                                    }
-                                }
-                            }
-                        }
-                        return {
-                            success: false,
-                            message: "Unable retrieve the form element. This is a coding error.",
-                        };
-                    },
-                }),
-                reset_form: tool({
-                    ...formTools.reset_form,
-                    execute: async () => {
-                        reset();
-                        return { success: true };
-                    },
-                }),
-            },
-        };
-        return aui.modelContext().register({
-            getModelContext: () => value,
-        });
-    }, [control, setValue, getValues, aui, reset, isSubmitting]);
-    const renderFormFieldTool = props?.assistant?.tools?.set_form_field?.render;
-    useAssistantToolUI(renderFormFieldTool
-        ? {
-            toolName: "set_form_field",
-            render: renderFormFieldTool,
-        }
-        : null);
-    const renderSubmitFormTool = props?.assistant?.tools?.submit_form?.render;
-    useAssistantToolUI(renderSubmitFormTool
-        ? {
-            toolName: "submit_form",
-            render: renderSubmitFormTool,
-        }
-        : null);
-    const renderResetFormTool = props?.assistant?.tools?.reset_form?.render;
-    useAssistantToolUI(renderResetFormTool
-        ? {
-            toolName: "reset_form",
-            render: renderResetFormTool,
-        }
-        : null);
-    return form;
+import { useForm } from "react-hook-form";
+//#region src/useAssistantForm.ts
+const useAssistantForm = (props) => {
+	const form = useForm(props);
+	const { control, getValues, setValue, reset, formState: { isSubmitting } } = form;
+	const aui = useAui();
+	useEffect(() => {
+		const value = {
+			system: `Form State:\n${JSON.stringify(getValues())}`,
+			tools: {
+				set_form_field: tool({
+					...formTools.set_form_field,
+					parameters: formTools.set_form_field.parameters,
+					execute: async (args) => {
+						setValue(args.name, args.value);
+						return { success: true };
+					}
+				}),
+				submit_form: tool({
+					...formTools.submit_form,
+					execute: async () => {
+						if (isSubmitting) return {
+							success: false,
+							message: "The form is already submitting."
+						};
+						const { _names, _fields } = control;
+						for (const name of _names.mount) {
+							const field = _fields[name];
+							if (field?._f && "refs" in field._f) {
+								const fieldReference = Array.isArray(field._f.refs) ? field._f.refs[0] : field._f.ref;
+								if (fieldReference instanceof HTMLElement) {
+									const form = fieldReference.closest("form");
+									if (form) {
+										form.requestSubmit();
+										return { success: true };
+									}
+								}
+							}
+						}
+						return {
+							success: false,
+							message: "Unable retrieve the form element. This is a coding error."
+						};
+					}
+				}),
+				reset_form: tool({
+					...formTools.reset_form,
+					execute: async () => {
+						reset();
+						return { success: true };
+					}
+				})
+			}
+		};
+		return aui.modelContext().register({ getModelContext: () => value });
+	}, [
+		control,
+		setValue,
+		getValues,
+		aui,
+		reset,
+		isSubmitting
+	]);
+	const renderFormFieldTool = props?.assistant?.tools?.set_form_field?.render;
+	useAssistantToolUI(renderFormFieldTool ? {
+		toolName: "set_form_field",
+		render: renderFormFieldTool
+	} : null);
+	const renderSubmitFormTool = props?.assistant?.tools?.submit_form?.render;
+	useAssistantToolUI(renderSubmitFormTool ? {
+		toolName: "submit_form",
+		render: renderSubmitFormTool
+	} : null);
+	const renderResetFormTool = props?.assistant?.tools?.reset_form?.render;
+	useAssistantToolUI(renderResetFormTool ? {
+		toolName: "reset_form",
+		render: renderResetFormTool
+	} : null);
+	return form;
 };
+//#endregion
+export { useAssistantForm };
+
 //# sourceMappingURL=useAssistantForm.js.map

package/dist/useAssistantForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAssistantForm.js","sourceRoot":"","sources":["../src/useAssistantForm.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useAssistantForm.js","names":[],"sources":["../src/useAssistantForm.ts"],"sourcesContent":["\"use client\";\n\nimport { type ModelContext, tool } from \"@assistant-ui/core\";\nimport type {} from \"@assistant-ui/core/store\";\nimport {\n  type ToolCallMessagePartComponent,\n  useAssistantToolUI,\n} from \"@assistant-ui/core/react\";\nimport { useAui } from \"@assistant-ui/store\";\nimport { useEffect } from \"react\";\nimport {\n  type FieldValues,\n  type Path,\n  type PathValue,\n  type UseFormProps,\n  type UseFormReturn,\n  useForm,\n} from \"react-hook-form\";\nimport type { z } from \"zod\";\nimport { formTools } from \"./formTools\";\n\nexport type UseAssistantFormProps<\n  TFieldValues extends FieldValues,\n  TContext,\n  TTransformedValues,\n> = UseFormProps<TFieldValues, TContext, TTransformedValues> & {\n  assistant?:\n    | {\n        tools?:\n          | {\n              set_form_field?:\n                | {\n                    render?:\n                      | ToolCallMessagePartComponent<\n                          z.infer<\n                            (typeof formTools.set_form_field)[\"parameters\"]\n                          >,\n                          unknown\n                        >\n                      | undefined;\n                  }\n                | undefined;\n              submit_form?:\n                | {\n                    render?:\n                      | ToolCallMessagePartComponent<\n                          z.infer<(typeof formTools.submit_form)[\"parameters\"]>,\n                          unknown\n                        >\n                      | undefined;\n                  }\n                | undefined;\n              reset_form?:\n                | {\n                    render?:\n                      | ToolCallMessagePartComponent<\n                          z.infer<(typeof formTools.reset_form)[\"parameters\"]>,\n                          unknown\n                        >\n                      | undefined;\n                  }\n                | undefined;\n            }\n          | undefined;\n      }\n    | undefined;\n};\n\nexport const useAssistantForm = <\n  TFieldValues extends FieldValues = FieldValues,\n  TContext = any,\n  TTransformedValues = TFieldValues,\n>(\n  props?: UseAssistantFormProps<TFieldValues, TContext, TTransformedValues>,\n): UseFormReturn<TFieldValues, TContext, TTransformedValues> => {\n  const form = useForm<TFieldValues, TContext, TTransformedValues>(props);\n  const {\n    control,\n    getValues,\n    setValue,\n    reset,\n    formState: { isSubmitting },\n  } = form;\n\n  const aui = useAui();\n  useEffect(() => {\n    const value: ModelContext = {\n      system: `Form State:\\n${JSON.stringify(getValues())}`,\n\n      tools: {\n        set_form_field: tool({\n          ...formTools.set_form_field,\n          parameters: formTools.set_form_field.parameters,\n          execute: async (args) => {\n            setValue(\n              args.name as Path<TFieldValues>,\n              args.value as PathValue<TFieldValues, Path<TFieldValues>>,\n            );\n\n            return { success: true };\n          },\n        }),\n        submit_form: tool({\n          ...formTools.submit_form,\n          execute: async () => {\n            if (isSubmitting) {\n              return {\n                success: false,\n                message: \"The form is already submitting.\",\n              };\n            }\n            const { _names, _fields } = control;\n            for (const name of _names.mount) {\n              const field = _fields[name];\n              if (field?._f && \"refs\" in field._f) {\n                const fieldReference = Array.isArray(field._f.refs)\n                  ? field._f.refs[0]\n                  : field._f.ref;\n\n                if (fieldReference instanceof HTMLElement) {\n                  const form = fieldReference.closest(\"form\");\n                  if (form) {\n                    form.requestSubmit();\n\n                    return { success: true };\n                  }\n                }\n              }\n            }\n\n            return {\n              success: false,\n              message:\n                \"Unable retrieve the form element. This is a coding error.\",\n            };\n          },\n        }),\n        reset_form: tool({\n          ...formTools.reset_form,\n          execute: async () => {\n            reset();\n            return { success: true };\n          },\n        }),\n      },\n    };\n    return aui.modelContext().register({\n      getModelContext: () => value,\n    });\n  }, [control, setValue, getValues, aui, reset, isSubmitting]);\n\n  const renderFormFieldTool = props?.assistant?.tools?.set_form_field?.render;\n  useAssistantToolUI(\n    renderFormFieldTool\n      ? {\n          toolName: \"set_form_field\",\n          render: renderFormFieldTool,\n        }\n      : null,\n  );\n\n  const renderSubmitFormTool = props?.assistant?.tools?.submit_form?.render;\n  useAssistantToolUI(\n    renderSubmitFormTool\n      ? {\n          toolName: \"submit_form\",\n          render: renderSubmitFormTool,\n        }\n      : null,\n  );\n\n  const renderResetFormTool = props?.assistant?.tools?.reset_form?.render;\n  useAssistantToolUI(\n    renderResetFormTool\n      ? {\n          toolName: \"reset_form\",\n          render: renderResetFormTool,\n        }\n      : null,\n  );\n\n  return form;\n};\n"],"mappings":";;;;;;;;AAoEA,MAAa,oBAKX,UAC8D;CAC9D,MAAM,OAAO,QAAoD,KAAK;CACtE,MAAM,EACJ,SACA,WACA,UACA,OACA,WAAW,EAAE,mBACX;CAEJ,MAAM,MAAM,OAAO;CACnB,gBAAgB;EACd,MAAM,QAAsB;GAC1B,QAAQ,gBAAgB,KAAK,UAAU,UAAU,CAAC;GAElD,OAAO;IACL,gBAAgB,KAAK;KACnB,GAAG,UAAU;KACb,YAAY,UAAU,eAAe;KACrC,SAAS,OAAO,SAAS;MACvB,SACE,KAAK,MACL,KAAK,KACP;MAEA,OAAO,EAAE,SAAS,KAAK;KACzB;IACF,CAAC;IACD,aAAa,KAAK;KAChB,GAAG,UAAU;KACb,SAAS,YAAY;MACnB,IAAI,cACF,OAAO;OACL,SAAS;OACT,SAAS;MACX;MAEF,MAAM,EAAE,QAAQ,YAAY;MAC5B,KAAK,MAAM,QAAQ,OAAO,OAAO;OAC/B,MAAM,QAAQ,QAAQ;OACtB,IAAI,OAAO,MAAM,UAAU,MAAM,IAAI;QACnC,MAAM,iBAAiB,MAAM,QAAQ,MAAM,GAAG,IAAI,IAC9C,MAAM,GAAG,KAAK,KACd,MAAM,GAAG;QAEb,IAAI,0BAA0B,aAAa;SACzC,MAAM,OAAO,eAAe,QAAQ,MAAM;SAC1C,IAAI,MAAM;UACR,KAAK,cAAc;UAEnB,OAAO,EAAE,SAAS,KAAK;SACzB;QACF;OACF;MACF;MAEA,OAAO;OACL,SAAS;OACT,SACE;MACJ;KACF;IACF,CAAC;IACD,YAAY,KAAK;KACf,GAAG,UAAU;KACb,SAAS,YAAY;MACnB,MAAM;MACN,OAAO,EAAE,SAAS,KAAK;KACzB;IACF,CAAC;GACH;EACF;EACA,OAAO,IAAI,aAAa,EAAE,SAAS,EACjC,uBAAuB,MACzB,CAAC;CACH,GAAG;EAAC;EAAS;EAAU;EAAW;EAAK;EAAO;CAAY,CAAC;CAE3D,MAAM,sBAAsB,OAAO,WAAW,OAAO,gBAAgB;CACrE,mBACE,sBACI;EACE,UAAU;EACV,QAAQ;CACV,IACA,IACN;CAEA,MAAM,uBAAuB,OAAO,WAAW,OAAO,aAAa;CACnE,mBACE,uBACI;EACE,UAAU;EACV,QAAQ;CACV,IACA,IACN;CAEA,MAAM,sBAAsB,OAAO,WAAW,OAAO,YAAY;CACjE,mBACE,sBACI;EACE,UAAU;EACV,QAAQ;CACV,IACA,IACN;CAEA,OAAO;AACT"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@assistant-ui/react-hook-form",
-  "version": "0.12.14",
+  "version": "0.12.15",
   "description": "React Hook Form integration for assistant-ui",
   "keywords": [
     "react-hook-form",
@@ -29,8 +29,8 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@assistant-ui/core": "^0.2.0",
-    "@assistant-ui/store": "^0.2.10",
+    "@assistant-ui/core": "^0.2.5",
+    "@assistant-ui/store": "^0.2.12",
     "zod": "^4.4.3"
   },
   "peerDependencies": {
@@ -44,10 +44,10 @@
     }
   },
   "devDependencies": {
-    "@types/react": "^19.2.14",
-    "react": "^19.2.5",
-    "react-hook-form": "^7.75.0",
-    "@assistant-ui/x-buildutils": "0.0.7"
+    "@types/react": "^19.2.15",
+    "react": "^19.2.6",
+    "react-hook-form": "^7.76.0",
+    "@assistant-ui/x-buildutils": "0.0.9"
   },
   "publishConfig": {
     "access": "public",

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,8BAA2B;AAC5B,OAAO,EAAE,SAAS,EAAE,uBAAoB"}

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,GAEjB,8BAA2B;AAC5B,OAAO,EAAE,SAAS,EAAE,uBAAoB"}