@assistant-ui/react-hook-form 0.10.7 → 0.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/useAssistantForm.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
// src/useAssistantForm.tsx
|
|
4
4
|
import {
|
|
5
5
|
tool,
|
|
6
|
-
|
|
6
|
+
useAssistantApi,
|
|
7
7
|
useAssistantToolUI
|
|
8
8
|
} from "@assistant-ui/react";
|
|
9
9
|
import { useEffect } from "react";
|
|
@@ -14,7 +14,7 @@ import { formTools } from "./formTools.js";
|
|
|
14
14
|
var useAssistantForm = (props) => {
|
|
15
15
|
const form = useForm(props);
|
|
16
16
|
const { control, getValues, setValue } = form;
|
|
17
|
-
const
|
|
17
|
+
const api = useAssistantApi();
|
|
18
18
|
useEffect(() => {
|
|
19
19
|
const value = {
|
|
20
20
|
system: `Form State:
|
|
@@ -56,10 +56,10 @@ ${JSON.stringify(getValues())}`,
|
|
|
56
56
|
})
|
|
57
57
|
}
|
|
58
58
|
};
|
|
59
|
-
return
|
|
59
|
+
return api.registerModelContextProvider({
|
|
60
60
|
getModelContext: () => value
|
|
61
61
|
});
|
|
62
|
-
}, [control, setValue, getValues,
|
|
62
|
+
}, [control, setValue, getValues, api]);
|
|
63
63
|
const renderFormFieldTool = props?.assistant?.tools?.set_form_field?.render;
|
|
64
64
|
useAssistantToolUI(
|
|
65
65
|
renderFormFieldTool ? {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/useAssistantForm.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n type ModelContext,\n tool,\n type ToolCallMessagePartComponent,\n
|
|
1
|
+
{"version":3,"sources":["../src/useAssistantForm.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n type ModelContext,\n tool,\n type ToolCallMessagePartComponent,\n useAssistantApi,\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 | 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 }\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 api = useAssistantApi();\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 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 api.registerModelContextProvider({\n getModelContext: () => value,\n });\n }, [control, setValue, getValues, api]);\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,IAAM,mBAAmB,CAK9B,UAC8D;AAC9D,QAAM,OAAO,QAAoD,KAAK;AACtE,QAAM,EAAE,SAAS,WAAW,SAAS,IAAI;AAEzC,QAAM,MAAM,gBAAgB;AAC5B,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,YAAY,UAAU,eAAe;AAAA,UACrC,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,IAAI,6BAA6B;AAAA,MACtC,iBAAiB,MAAM;AAAA,IACzB,CAAC;AAAA,EACH,GAAG,CAAC,SAAS,UAAU,WAAW,GAAG,CAAC;AAEtC,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
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@assistant-ui/react-hook-form",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.11.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"exports": {
|
|
@@ -18,10 +18,10 @@
|
|
|
18
18
|
],
|
|
19
19
|
"sideEffects": false,
|
|
20
20
|
"dependencies": {
|
|
21
|
-
"zod": "^4.0.
|
|
21
|
+
"zod": "^4.0.17"
|
|
22
22
|
},
|
|
23
23
|
"peerDependencies": {
|
|
24
|
-
"@assistant-ui/react": "^0.
|
|
24
|
+
"@assistant-ui/react": "^0.11.0",
|
|
25
25
|
"@types/react": "*",
|
|
26
26
|
"react": "^18 || ^19 || ^19.0.0-rc",
|
|
27
27
|
"react-hook-form": "^7"
|
|
@@ -32,14 +32,14 @@
|
|
|
32
32
|
}
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
|
-
"@types/node": "^24.
|
|
36
|
-
"@types/react": "^19.1.
|
|
35
|
+
"@types/node": "^24.3.0",
|
|
36
|
+
"@types/react": "^19.1.10",
|
|
37
37
|
"eslint": "^9",
|
|
38
|
-
"eslint-config-next": "15.4.
|
|
38
|
+
"eslint-config-next": "15.4.6",
|
|
39
39
|
"react": "19.1.1",
|
|
40
|
-
"react-hook-form": "^7.
|
|
41
|
-
"tsx": "^4.20.
|
|
42
|
-
"@assistant-ui/react": "0.
|
|
40
|
+
"react-hook-form": "^7.62.0",
|
|
41
|
+
"tsx": "^4.20.4",
|
|
42
|
+
"@assistant-ui/react": "0.11.0",
|
|
43
43
|
"@assistant-ui/x-buildutils": "0.0.1"
|
|
44
44
|
},
|
|
45
45
|
"publishConfig": {
|
package/src/useAssistantForm.tsx
CHANGED
|
@@ -4,7 +4,7 @@ import {
|
|
|
4
4
|
type ModelContext,
|
|
5
5
|
tool,
|
|
6
6
|
type ToolCallMessagePartComponent,
|
|
7
|
-
|
|
7
|
+
useAssistantApi,
|
|
8
8
|
useAssistantToolUI,
|
|
9
9
|
} from "@assistant-ui/react";
|
|
10
10
|
import { useEffect } from "react";
|
|
@@ -66,7 +66,7 @@ export const useAssistantForm = <
|
|
|
66
66
|
const form = useForm<TFieldValues, TContext, TTransformedValues>(props);
|
|
67
67
|
const { control, getValues, setValue } = form;
|
|
68
68
|
|
|
69
|
-
const
|
|
69
|
+
const api = useAssistantApi();
|
|
70
70
|
useEffect(() => {
|
|
71
71
|
const value: ModelContext = {
|
|
72
72
|
system: `Form State:\n${JSON.stringify(getValues())}`,
|
|
@@ -115,10 +115,10 @@ export const useAssistantForm = <
|
|
|
115
115
|
}),
|
|
116
116
|
},
|
|
117
117
|
};
|
|
118
|
-
return
|
|
118
|
+
return api.registerModelContextProvider({
|
|
119
119
|
getModelContext: () => value,
|
|
120
120
|
});
|
|
121
|
-
}, [control, setValue, getValues,
|
|
121
|
+
}, [control, setValue, getValues, api]);
|
|
122
122
|
|
|
123
123
|
const renderFormFieldTool = props?.assistant?.tools?.set_form_field?.render;
|
|
124
124
|
useAssistantToolUI(
|