@assistant-ui/react-hook-form 0.9.2 → 0.10.0

package/dist/formTools.js

@@ -0,0 +1,18 @@
+import { z } from "zod";
+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({})
+  }
+};
+export {
+  formTools
+};
+//# sourceMappingURL=formTools.js.map

package/dist/formTools.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/formTools.tsx"],"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};\n"],"mappings":"AAAA,SAAS,SAAS;AAEX,MAAM,YAAY;AAAA,EACvB,gBAAgB;AAAA,IACd,aACE;AAAA,IACF,YAAY,EAAE,OAAO;AAAA,MACnB,MAAM,EAAE,OAAO;AAAA,MACf,OAAO,EAAE,OAAO;AAAA,IAClB,CAAC;AAAA,EACH;AAAA,EACA,aAAa;AAAA,IACX,aAAa;AAAA,IACb,YAAY,EAAE,OAAO,CAAC,CAAC;AAAA,EACzB;AACF;","names":[]}

package/dist/index.js

@@ -1,116 +1,9 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  formTools: () => formTools,
-  useAssistantForm: () => useAssistantForm
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/useAssistantForm.tsx
-var import_react = require("@assistant-ui/react");
-var import_react2 = require("react");
-var import_react_hook_form = require("react-hook-form");
-
-// src/formTools.tsx
-var import_zod = require("zod");
-var formTools = {
-  set_form_field: {
-    description: "Sets a form field. Call this function as soon as the user provides the data for each field.",
-    parameters: import_zod.z.object({
-      name: import_zod.z.string(),
-      value: import_zod.z.string()
-    })
-  },
-  submit_form: {
-    description: "Submits the form. Confirm with user before submitting.",
-    parameters: import_zod.z.object({})
-  }
-};
-
-// src/useAssistantForm.tsx
-var useAssistantForm = (props) => {
-  const form = (0, import_react_hook_form.useForm)(props);
-  const { control, getValues, setValue } = form;
-  const assistantRuntime = (0, import_react.useAssistantRuntime)();
-  (0, import_react2.useEffect)(() => {
-    const value = {
-      system: `Form State:
-${JSON.stringify(getValues())}`,
-      tools: {
-        set_form_field: {
-          ...formTools.set_form_field,
-          execute: async (args) => {
-            setValue(args.name, args.value);
-            return { success: true };
-          }
-        },
-        submit_form: {
-          ...formTools.submit_form,
-          execute: async () => {
-            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 form2 = fieldReference.closest("form");
-                  if (form2) {
-                    form2.requestSubmit();
-                    return { success: true };
-                  }
-                }
-              }
-            }
-            return {
-              success: false,
-              message: "Unable retrieve the form element. This is a coding error."
-            };
-          }
-        }
-      }
-    };
-    return assistantRuntime.registerModelContextProvider({
-      getModelContext: () => value
-    });
-  }, [control, setValue, getValues, assistantRuntime]);
-  const renderFormFieldTool = props?.assistant?.tools?.set_form_field?.render;
-  (0, import_react.useAssistantToolUI)(
-    renderFormFieldTool ? {
-      toolName: "set_form_field",
-      render: renderFormFieldTool
-    } : null
-  );
-  const renderSubmitFormTool = props?.assistant?.tools?.submit_form?.render;
-  (0, import_react.useAssistantToolUI)(
-    renderSubmitFormTool ? {
-      toolName: "submit_form",
-      render: renderSubmitFormTool
-    } : null
-  );
-  return form;
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+import {
+  useAssistantForm
+} from "./useAssistantForm";
+import { formTools } from "./formTools";
+export {
   formTools,
   useAssistantForm
-});
+};
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/useAssistantForm.tsx","../src/formTools.tsx"],"sourcesContent":["export {\n  useAssistantForm,\n  type UseAssistantFormProps,\n} from \"./useAssistantForm\";\nexport { formTools } from \"./formTools\";\n","\"use client\";\n\nimport {\n  type ModelContext,\n  type ToolCallContentPartComponent,\n  useAssistantRuntime,\n  useAssistantToolUI,\n} from \"@assistant-ui/react\";\nimport { useEffect } from \"react\";\nimport {\n  type FieldValues,\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                      | ToolCallContentPartComponent<\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                      | ToolCallContentPartComponent<\n                          z.infer<(typeof formTools.submit_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 { control, getValues, setValue } = form;\n\n  const assistantRuntime = useAssistantRuntime();\n  useEffect(() => {\n    const value: ModelContext = {\n      system: `Form State:\\n${JSON.stringify(getValues())}`,\n\n      tools: {\n        set_form_field: {\n          ...formTools.set_form_field,\n          execute: async (args) => {\n            setValue(args.name, args.value);\n\n            return { success: true };\n          },\n        },\n        submit_form: {\n          ...formTools.submit_form,\n          execute: async () => {\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      },\n    };\n    return assistantRuntime.registerModelContextProvider({\n      getModelContext: () => value,\n    });\n  }, [control, setValue, getValues, assistantRuntime]);\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  return form;\n};\n","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};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEA,mBAKO;AACP,IAAAA,gBAA0B;AAC1B,6BAKO;;;ACdP,iBAAkB;AAEX,IAAM,YAAY;AAAA,EACvB,gBAAgB;AAAA,IACd,aACE;AAAA,IACF,YAAY,aAAE,OAAO;AAAA,MACnB,MAAM,aAAE,OAAO;AAAA,MACf,OAAO,aAAE,OAAO;AAAA,IAClB,CAAC;AAAA,EACH;AAAA,EACA,aAAa;AAAA,IACX,aAAa;AAAA,IACb,YAAY,aAAE,OAAO,CAAC,CAAC;AAAA,EACzB;AACF;;;ADwCO,IAAM,mBAAmB,CAK9B,UAC8D;AAC9D,QAAM,WAAO,gCAAoD,KAAK;AACtE,QAAM,EAAE,SAAS,WAAW,SAAS,IAAI;AAEzC,QAAM,uBAAmB,kCAAoB;AAC7C,+BAAU,MAAM;AACd,UAAM,QAAsB;AAAA,MAC1B,QAAQ;AAAA,EAAgB,KAAK,UAAU,UAAU,CAAC,CAAC;AAAA,MAEnD,OAAO;AAAA,QACL,gBAAgB;AAAA,UACd,GAAG,UAAU;AAAA,UACb,SAAS,OAAO,SAAS;AACvB,qBAAS,KAAK,MAAM,KAAK,KAAK;AAE9B,mBAAO,EAAE,SAAS,KAAK;AAAA,UACzB;AAAA,QACF;AAAA,QACA,aAAa;AAAA,UACX,GAAG,UAAU;AAAA,UACb,SAAS,YAAY;AACnB,kBAAM,EAAE,QAAQ,QAAQ,IAAI;AAC5B,uBAAW,QAAQ,OAAO,OAAO;AAC/B,oBAAM,QAAQ,QAAQ,IAAI;AAC1B,kBAAI,OAAO,MAAM,UAAU,MAAM,IAAI;AACnC,sBAAM,iBAAiB,MAAM,QAAQ,MAAM,GAAG,IAAI,IAC9C,MAAM,GAAG,KAAK,CAAC,IACf,MAAM,GAAG;AAEb,oBAAI,0BAA0B,aAAa;AACzC,wBAAMC,QAAO,eAAe,QAAQ,MAAM;AAC1C,sBAAIA,OAAM;AACR,oBAAAA,MAAK,cAAc;AAEnB,2BAAO,EAAE,SAAS,KAAK;AAAA,kBACzB;AAAA,gBACF;AAAA,cACF;AAAA,YACF;AAEA,mBAAO;AAAA,cACL,SAAS;AAAA,cACT,SACE;AAAA,YACJ;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AACA,WAAO,iBAAiB,6BAA6B;AAAA,MACnD,iBAAiB,MAAM;AAAA,IACzB,CAAC;AAAA,EACH,GAAG,CAAC,SAAS,UAAU,WAAW,gBAAgB,CAAC;AAEnD,QAAM,sBAAsB,OAAO,WAAW,OAAO,gBAAgB;AACrE;AAAA,IACE,sBACI;AAAA,MACE,UAAU;AAAA,MACV,QAAQ;AAAA,IACV,IACA;AAAA,EACN;AAEA,QAAM,uBAAuB,OAAO,WAAW,OAAO,aAAa;AACnE;AAAA,IACE,uBACI;AAAA,MACE,UAAU;AAAA,MACV,QAAQ;AAAA,IACV,IACA;AAAA,EACN;AAEA,SAAO;AACT;","names":["import_react","form"]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  useAssistantForm,\n  type UseAssistantFormProps,\n} from \"./useAssistantForm\";\nexport { formTools } from \"./formTools\";\n"],"mappings":"AAAA;AAAA,EACE;AAAA,OAEK;AACP,SAAS,iBAAiB;","names":[]}

package/dist/{index.mjs → useAssistantForm.js}

@@ -1,5 +1,6 @@
-// src/useAssistantForm.tsx
+"use client";
 import {
+  tool,
   useAssistantRuntime,
   useAssistantToolUI
 } from "@assistant-ui/react";
@@ -7,25 +8,8 @@ import { useEffect } from "react";
 import {
   useForm
 } from "react-hook-form";
-
-// src/formTools.tsx
-import { z } from "zod";
-var 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({})
-  }
-};
-
-// src/useAssistantForm.tsx
-var useAssistantForm = (props) => {
+import { formTools } from "./formTools";
+const useAssistantForm = (props) => {
   const form = useForm(props);
   const { control, getValues, setValue } = form;
   const assistantRuntime = useAssistantRuntime();
@@ -34,14 +18,17 @@ var useAssistantForm = (props) => {
       system: `Form State:
 ${JSON.stringify(getValues())}`,
       tools: {
-        set_form_field: {
+        set_form_field: tool({
           ...formTools.set_form_field,
           execute: async (args) => {
-            setValue(args.name, args.value);
+            setValue(
+              args.name,
+              args.value
+            );
             return { success: true };
           }
-        },
-        submit_form: {
+        }),
+        submit_form: tool({
           ...formTools.submit_form,
           execute: async () => {
             const { _names, _fields } = control;
@@ -63,7 +50,7 @@ ${JSON.stringify(getValues())}`,
               message: "Unable retrieve the form element. This is a coding error."
             };
           }
-        }
+        })
       }
     };
     return assistantRuntime.registerModelContextProvider({
@@ -87,7 +74,6 @@ ${JSON.stringify(getValues())}`,
   return form;
 };
 export {
-  formTools,
   useAssistantForm
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=useAssistantForm.js.map

package/dist/useAssistantForm.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useAssistantForm.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  type ModelContext,\n  tool,\n  type ToolCallContentPartComponent,\n  useAssistantRuntime,\n  useAssistantToolUI,\n} from \"@assistant-ui/react\";\nimport { useEffect } from \"react\";\nimport {\n  type FieldValues,\n  Path,\n  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                      | ToolCallContentPartComponent<\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                      | ToolCallContentPartComponent<\n                          z.infer<(typeof formTools.submit_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 { control, getValues, setValue } = form;\n\n  const assistantRuntime = useAssistantRuntime();\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          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            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      },\n    };\n    return assistantRuntime.registerModelContextProvider({\n      getModelContext: () => value,\n    });\n  }, [control, setValue, getValues, assistantRuntime]);\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  return form;\n};\n"],"mappings":";AAEA;AAAA,EAEE;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB;AAC1B;AAAA,EAME;AAAA,OACK;AAEP,SAAS,iBAAiB;AAuCnB,MAAM,mBAAmB,CAK9B,UAC8D;AAC9D,QAAM,OAAO,QAAoD,KAAK;AACtE,QAAM,EAAE,SAAS,WAAW,SAAS,IAAI;AAEzC,QAAM,mBAAmB,oBAAoB;AAC7C,YAAU,MAAM;AACd,UAAM,QAAsB;AAAA,MAC1B,QAAQ;AAAA,EAAgB,KAAK,UAAU,UAAU,CAAC,CAAC;AAAA,MAEnD,OAAO;AAAA,QACL,gBAAgB,KAAK;AAAA,UACnB,GAAG,UAAU;AAAA,UACb,SAAS,OAAO,SAAS;AACvB;AAAA,cACE,KAAK;AAAA,cACL,KAAK;AAAA,YACP;AAEA,mBAAO,EAAE,SAAS,KAAK;AAAA,UACzB;AAAA,QACF,CAAC;AAAA,QACD,aAAa,KAAK;AAAA,UAChB,GAAG,UAAU;AAAA,UACb,SAAS,YAAY;AACnB,kBAAM,EAAE,QAAQ,QAAQ,IAAI;AAC5B,uBAAW,QAAQ,OAAO,OAAO;AAC/B,oBAAM,QAAQ,QAAQ,IAAI;AAC1B,kBAAI,OAAO,MAAM,UAAU,MAAM,IAAI;AACnC,sBAAM,iBAAiB,MAAM,QAAQ,MAAM,GAAG,IAAI,IAC9C,MAAM,GAAG,KAAK,CAAC,IACf,MAAM,GAAG;AAEb,oBAAI,0BAA0B,aAAa;AACzC,wBAAMA,QAAO,eAAe,QAAQ,MAAM;AAC1C,sBAAIA,OAAM;AACR,oBAAAA,MAAK,cAAc;AAEnB,2BAAO,EAAE,SAAS,KAAK;AAAA,kBACzB;AAAA,gBACF;AAAA,cACF;AAAA,YACF;AAEA,mBAAO;AAAA,cACL,SAAS;AAAA,cACT,SACE;AAAA,YACJ;AAAA,UACF;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AACA,WAAO,iBAAiB,6BAA6B;AAAA,MACnD,iBAAiB,MAAM;AAAA,IACzB,CAAC;AAAA,EACH,GAAG,CAAC,SAAS,UAAU,WAAW,gBAAgB,CAAC;AAEnD,QAAM,sBAAsB,OAAO,WAAW,OAAO,gBAAgB;AACrE;AAAA,IACE,sBACI;AAAA,MACE,UAAU;AAAA,MACV,QAAQ;AAAA,IACV,IACA;AAAA,EACN;AAEA,QAAM,uBAAuB,OAAO,WAAW,OAAO,aAAa;AACnE;AAAA,IACE,uBACI;AAAA,MACE,UAAU;AAAA,MACV,QAAQ;AAAA,IACV,IACA;AAAA,EACN;AAEA,SAAO;AACT;","names":["form"]}

package/package.json

@@ -1,22 +1,15 @@
 {
   "name": "@assistant-ui/react-hook-form",
-  "version": "0.9.2",
+  "version": "0.10.0",
   "license": "MIT",
+  "type": "module",
   "exports": {
     ".": {
-      "import": {
-        "types": "./dist/index.d.mts",
-        "default": "./dist/index.mjs"
-      },
-      "require": {
-        "types": "./dist/index.d.ts",
-        "default": "./dist/index.js"
-      }
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
     }
   },
-  "source": "./src/index.ts",
   "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "files": [
     "dist",
@@ -27,7 +20,7 @@
     "zod": "^3.24.3"
   },
   "peerDependencies": {
-    "@assistant-ui/react": "^0.9.3",
+    "@assistant-ui/react": "^0.10.0",
     "@types/react": "*",
     "react": "^18 || ^19 || ^19.0.0-rc",
     "react-hook-form": "^7"
@@ -38,9 +31,14 @@
     }
   },
   "devDependencies": {
+    "@types/node": "^22.14.1",
+    "@types/react": "^19.1.0",
+    "eslint": "^9",
     "eslint-config-next": "15.3.1",
-    "tsup": "8.4.0",
-    "@assistant-ui/react": "0.9.3",
+    "react": "^19.1.0",
+    "react-hook-form": "^7.51.1",
+    "tsx": "^4.19.3",
+    "@assistant-ui/tsbuildutils": "0.0.1",
     "@assistant-ui/tsconfig": "0.0.0"
   },
   "publishConfig": {
@@ -50,12 +48,12 @@
   "homepage": "https://www.assistant-ui.com/",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/assistant-ui/assistant-ui.git"
+    "url": "https://github.com/assistant-ui/assistant-ui/tree/main/packages/react-hook-form"
   },
   "bugs": {
     "url": "https://github.com/assistant-ui/assistant-ui/issues"
   },
   "scripts": {
-    "build": "tsup src/index.ts --format cjs,esm --dts --sourcemap --clean"
+    "build": "tsx scripts/build.mts"
   }
 }

package/dist/index.d.mts

@@ -1,39 +0,0 @@
-import { ToolCallContentPartComponent } from '@assistant-ui/react';
-import { FieldValues, UseFormProps, UseFormReturn } from 'react-hook-form';
-import { z } from 'zod';
-
-declare const formTools: {
-    set_form_field: {
-        description: string;
-        parameters: z.ZodObject<{
-            name: z.ZodString;
-            value: z.ZodString;
-        }, "strip", z.ZodTypeAny, {
-            value: string;
-            name: string;
-        }, {
-            value: string;
-            name: string;
-        }>;
-    };
-    submit_form: {
-        description: string;
-        parameters: z.ZodObject<{}, "strip", z.ZodTypeAny, {}, {}>;
-    };
-};
-
-type UseAssistantFormProps<TFieldValues extends FieldValues, TContext, TTransformedValues> = UseFormProps<TFieldValues, TContext, TTransformedValues> & {
-    assistant?: {
-        tools?: {
-            set_form_field?: {
-                render?: ToolCallContentPartComponent<z.infer<(typeof formTools.set_form_field)["parameters"]>, unknown> | undefined;
-            } | undefined;
-            submit_form?: {
-                render?: ToolCallContentPartComponent<z.infer<(typeof formTools.submit_form)["parameters"]>, unknown> | undefined;
-            } | undefined;
-        } | undefined;
-    } | undefined;
-};
-declare const useAssistantForm: <TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues>(props?: UseAssistantFormProps<TFieldValues, TContext, TTransformedValues>) => UseFormReturn<TFieldValues, TContext, TTransformedValues>;
-
-export { type UseAssistantFormProps, formTools, useAssistantForm };

package/dist/index.d.ts

@@ -1,39 +0,0 @@
-import { ToolCallContentPartComponent } from '@assistant-ui/react';
-import { FieldValues, UseFormProps, UseFormReturn } from 'react-hook-form';
-import { z } from 'zod';
-
-declare const formTools: {
-    set_form_field: {
-        description: string;
-        parameters: z.ZodObject<{
-            name: z.ZodString;
-            value: z.ZodString;
-        }, "strip", z.ZodTypeAny, {
-            value: string;
-            name: string;
-        }, {
-            value: string;
-            name: string;
-        }>;
-    };
-    submit_form: {
-        description: string;
-        parameters: z.ZodObject<{}, "strip", z.ZodTypeAny, {}, {}>;
-    };
-};
-
-type UseAssistantFormProps<TFieldValues extends FieldValues, TContext, TTransformedValues> = UseFormProps<TFieldValues, TContext, TTransformedValues> & {
-    assistant?: {
-        tools?: {
-            set_form_field?: {
-                render?: ToolCallContentPartComponent<z.infer<(typeof formTools.set_form_field)["parameters"]>, unknown> | undefined;
-            } | undefined;
-            submit_form?: {
-                render?: ToolCallContentPartComponent<z.infer<(typeof formTools.submit_form)["parameters"]>, unknown> | undefined;
-            } | undefined;
-        } | undefined;
-    } | undefined;
-};
-declare const useAssistantForm: <TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues>(props?: UseAssistantFormProps<TFieldValues, TContext, TTransformedValues>) => UseFormReturn<TFieldValues, TContext, TTransformedValues>;
-
-export { type UseAssistantFormProps, formTools, useAssistantForm };

package/dist/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/useAssistantForm.tsx","../src/formTools.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  type ModelContext,\n  type ToolCallContentPartComponent,\n  useAssistantRuntime,\n  useAssistantToolUI,\n} from \"@assistant-ui/react\";\nimport { useEffect } from \"react\";\nimport {\n  type FieldValues,\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                      | ToolCallContentPartComponent<\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                      | ToolCallContentPartComponent<\n                          z.infer<(typeof formTools.submit_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 { control, getValues, setValue } = form;\n\n  const assistantRuntime = useAssistantRuntime();\n  useEffect(() => {\n    const value: ModelContext = {\n      system: `Form State:\\n${JSON.stringify(getValues())}`,\n\n      tools: {\n        set_form_field: {\n          ...formTools.set_form_field,\n          execute: async (args) => {\n            setValue(args.name, args.value);\n\n            return { success: true };\n          },\n        },\n        submit_form: {\n          ...formTools.submit_form,\n          execute: async () => {\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      },\n    };\n    return assistantRuntime.registerModelContextProvider({\n      getModelContext: () => value,\n    });\n  }, [control, setValue, getValues, assistantRuntime]);\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  return form;\n};\n","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};\n"],"mappings":";AAEA;AAAA,EAGE;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB;AAC1B;AAAA,EAIE;AAAA,OACK;;;ACdP,SAAS,SAAS;AAEX,IAAM,YAAY;AAAA,EACvB,gBAAgB;AAAA,IACd,aACE;AAAA,IACF,YAAY,EAAE,OAAO;AAAA,MACnB,MAAM,EAAE,OAAO;AAAA,MACf,OAAO,EAAE,OAAO;AAAA,IAClB,CAAC;AAAA,EACH;AAAA,EACA,aAAa;AAAA,IACX,aAAa;AAAA,IACb,YAAY,EAAE,OAAO,CAAC,CAAC;AAAA,EACzB;AACF;;;ADwCO,IAAM,mBAAmB,CAK9B,UAC8D;AAC9D,QAAM,OAAO,QAAoD,KAAK;AACtE,QAAM,EAAE,SAAS,WAAW,SAAS,IAAI;AAEzC,QAAM,mBAAmB,oBAAoB;AAC7C,YAAU,MAAM;AACd,UAAM,QAAsB;AAAA,MAC1B,QAAQ;AAAA,EAAgB,KAAK,UAAU,UAAU,CAAC,CAAC;AAAA,MAEnD,OAAO;AAAA,QACL,gBAAgB;AAAA,UACd,GAAG,UAAU;AAAA,UACb,SAAS,OAAO,SAAS;AACvB,qBAAS,KAAK,MAAM,KAAK,KAAK;AAE9B,mBAAO,EAAE,SAAS,KAAK;AAAA,UACzB;AAAA,QACF;AAAA,QACA,aAAa;AAAA,UACX,GAAG,UAAU;AAAA,UACb,SAAS,YAAY;AACnB,kBAAM,EAAE,QAAQ,QAAQ,IAAI;AAC5B,uBAAW,QAAQ,OAAO,OAAO;AAC/B,oBAAM,QAAQ,QAAQ,IAAI;AAC1B,kBAAI,OAAO,MAAM,UAAU,MAAM,IAAI;AACnC,sBAAM,iBAAiB,MAAM,QAAQ,MAAM,GAAG,IAAI,IAC9C,MAAM,GAAG,KAAK,CAAC,IACf,MAAM,GAAG;AAEb,oBAAI,0BAA0B,aAAa;AACzC,wBAAMA,QAAO,eAAe,QAAQ,MAAM;AAC1C,sBAAIA,OAAM;AACR,oBAAAA,MAAK,cAAc;AAEnB,2BAAO,EAAE,SAAS,KAAK;AAAA,kBACzB;AAAA,gBACF;AAAA,cACF;AAAA,YACF;AAEA,mBAAO;AAAA,cACL,SAAS;AAAA,cACT,SACE;AAAA,YACJ;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AACA,WAAO,iBAAiB,6BAA6B;AAAA,MACnD,iBAAiB,MAAM;AAAA,IACzB,CAAC;AAAA,EACH,GAAG,CAAC,SAAS,UAAU,WAAW,gBAAgB,CAAC;AAEnD,QAAM,sBAAsB,OAAO,WAAW,OAAO,gBAAgB;AACrE;AAAA,IACE,sBACI;AAAA,MACE,UAAU;AAAA,MACV,QAAQ;AAAA,IACV,IACA;AAAA,EACN;AAEA,QAAM,uBAAuB,OAAO,WAAW,OAAO,aAAa;AACnE;AAAA,IACE,uBACI;AAAA,MACE,UAAU;AAAA,MACV,QAAQ;AAAA,IACV,IACA;AAAA,EACN;AAEA,SAAO;AACT;","names":["form"]}