@assistant-ui/react-hook-form 0.11.5 → 0.11.7
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/formTools.d.ts +4 -0
- package/dist/formTools.d.ts.map +1 -1
- package/dist/formTools.js +4 -0
- package/dist/formTools.js.map +1 -1
- package/dist/useAssistantForm.d.ts +3 -0
- package/dist/useAssistantForm.d.ts.map +1 -1
- package/dist/useAssistantForm.js +28 -2
- package/dist/useAssistantForm.js.map +1 -1
- package/package.json +6 -6
- package/src/formTools.tsx +5 -0
- package/src/useAssistantForm.tsx +41 -2
package/dist/formTools.d.ts
CHANGED
package/dist/formTools.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"formTools.d.ts","sourceRoot":"","sources":["../src/formTools.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,eAAO,MAAM,SAAS
|
|
1
|
+
{"version":3,"file":"formTools.d.ts","sourceRoot":"","sources":["../src/formTools.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;CAkBrB,CAAC"}
|
package/dist/formTools.js
CHANGED
|
@@ -11,6 +11,10 @@ var formTools = {
|
|
|
11
11
|
submit_form: {
|
|
12
12
|
description: "Submits the form. Confirm with user before submitting.",
|
|
13
13
|
parameters: z.object({})
|
|
14
|
+
},
|
|
15
|
+
reset_form: {
|
|
16
|
+
description: "Resets all form fields to their initial values. Confirm with user before resetting.",
|
|
17
|
+
parameters: z.object({})
|
|
14
18
|
}
|
|
15
19
|
};
|
|
16
20
|
export {
|
package/dist/formTools.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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,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;","names":[]}
|
|
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 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":";AAAA,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;AAAA,EACA,YAAY;AAAA,IACV,aACE;AAAA,IACF,YAAY,EAAE,OAAO,CAAC,CAAC;AAAA,EACzB;AACF;","names":[]}
|
|
@@ -11,6 +11,9 @@ export type UseAssistantFormProps<TFieldValues extends FieldValues, TContext, TT
|
|
|
11
11
|
submit_form?: {
|
|
12
12
|
render?: ToolCallMessagePartComponent<z.infer<(typeof formTools.submit_form)["parameters"]>, unknown> | undefined;
|
|
13
13
|
} | undefined;
|
|
14
|
+
reset_form?: {
|
|
15
|
+
render?: ToolCallMessagePartComponent<z.infer<(typeof formTools.reset_form)["parameters"]>, unknown> | undefined;
|
|
16
|
+
} | undefined;
|
|
14
17
|
} | undefined;
|
|
15
18
|
} | undefined;
|
|
16
19
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useAssistantForm.d.ts","sourceRoot":"","sources":["../src/useAssistantForm.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,4BAA4B,EAGlC,MAAM,qBAAqB,CAAC;AAE7B,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,MAAM,aAAa,CAAC;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;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,
|
|
1
|
+
{"version":3,"file":"useAssistantForm.d.ts","sourceRoot":"","sources":["../src/useAssistantForm.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,4BAA4B,EAGlC,MAAM,qBAAqB,CAAC;AAE7B,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,MAAM,aAAa,CAAC;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"}
|
package/dist/useAssistantForm.js
CHANGED
|
@@ -13,7 +13,13 @@ import {
|
|
|
13
13
|
import { formTools } from "./formTools.js";
|
|
14
14
|
var useAssistantForm = (props) => {
|
|
15
15
|
const form = useForm(props);
|
|
16
|
-
const {
|
|
16
|
+
const {
|
|
17
|
+
control,
|
|
18
|
+
getValues,
|
|
19
|
+
setValue,
|
|
20
|
+
reset,
|
|
21
|
+
formState: { isSubmitting }
|
|
22
|
+
} = form;
|
|
17
23
|
const api = useAssistantApi();
|
|
18
24
|
useEffect(() => {
|
|
19
25
|
const value = {
|
|
@@ -34,6 +40,12 @@ ${JSON.stringify(getValues())}`,
|
|
|
34
40
|
submit_form: tool({
|
|
35
41
|
...formTools.submit_form,
|
|
36
42
|
execute: async () => {
|
|
43
|
+
if (isSubmitting) {
|
|
44
|
+
return {
|
|
45
|
+
success: false,
|
|
46
|
+
message: "The form is already submitting."
|
|
47
|
+
};
|
|
48
|
+
}
|
|
37
49
|
const { _names, _fields } = control;
|
|
38
50
|
for (const name of _names.mount) {
|
|
39
51
|
const field = _fields[name];
|
|
@@ -53,13 +65,20 @@ ${JSON.stringify(getValues())}`,
|
|
|
53
65
|
message: "Unable retrieve the form element. This is a coding error."
|
|
54
66
|
};
|
|
55
67
|
}
|
|
68
|
+
}),
|
|
69
|
+
reset_form: tool({
|
|
70
|
+
...formTools.reset_form,
|
|
71
|
+
execute: async () => {
|
|
72
|
+
reset();
|
|
73
|
+
return { success: true };
|
|
74
|
+
}
|
|
56
75
|
})
|
|
57
76
|
}
|
|
58
77
|
};
|
|
59
78
|
return api.modelContext().register({
|
|
60
79
|
getModelContext: () => value
|
|
61
80
|
});
|
|
62
|
-
}, [control, setValue, getValues, api]);
|
|
81
|
+
}, [control, setValue, getValues, api, reset, isSubmitting]);
|
|
63
82
|
const renderFormFieldTool = props?.assistant?.tools?.set_form_field?.render;
|
|
64
83
|
useAssistantToolUI(
|
|
65
84
|
renderFormFieldTool ? {
|
|
@@ -74,6 +93,13 @@ ${JSON.stringify(getValues())}`,
|
|
|
74
93
|
render: renderSubmitFormTool
|
|
75
94
|
} : null
|
|
76
95
|
);
|
|
96
|
+
const renderResetFormTool = props?.assistant?.tools?.reset_form?.render;
|
|
97
|
+
useAssistantToolUI(
|
|
98
|
+
renderResetFormTool ? {
|
|
99
|
+
toolName: "reset_form",
|
|
100
|
+
render: renderResetFormTool
|
|
101
|
+
} : null
|
|
102
|
+
);
|
|
77
103
|
return form;
|
|
78
104
|
};
|
|
79
105
|
export {
|
|
@@ -1 +1 @@
|
|
|
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 {
|
|
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 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 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 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 api.modelContext().register({\n getModelContext: () => value,\n });\n }, [control, setValue, getValues, api, 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":";;;AAEA;AAAA,EAEE;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB;AAC1B;AAAA,EAME;AAAA,OACK;AAEP,SAAS,iBAAiB;AAiDnB,IAAM,mBAAmB,CAK9B,UAC8D;AAC9D,QAAM,OAAO,QAAoD,KAAK;AACtE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,EAAE,aAAa;AAAA,EAC5B,IAAI;AAEJ,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,gBAAI,cAAc;AAChB,qBAAO;AAAA,gBACL,SAAS;AAAA,gBACT,SAAS;AAAA,cACX;AAAA,YACF;AACA,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,QACD,YAAY,KAAK;AAAA,UACf,GAAG,UAAU;AAAA,UACb,SAAS,YAAY;AACnB,kBAAM;AACN,mBAAO,EAAE,SAAS,KAAK;AAAA,UACzB;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AACA,WAAO,IAAI,aAAa,EAAE,SAAS;AAAA,MACjC,iBAAiB,MAAM;AAAA,IACzB,CAAC;AAAA,EACH,GAAG,CAAC,SAAS,UAAU,WAAW,KAAK,OAAO,YAAY,CAAC;AAE3D,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,QAAM,sBAAsB,OAAO,WAAW,OAAO,YAAY;AACjE;AAAA,IACE,sBACI;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.11.
|
|
3
|
+
"version": "0.11.7",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"exports": {
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
"zod": "^4.1.12"
|
|
22
22
|
},
|
|
23
23
|
"peerDependencies": {
|
|
24
|
-
"@assistant-ui/react": "^0.11.
|
|
24
|
+
"@assistant-ui/react": "^0.11.41",
|
|
25
25
|
"@types/react": "*",
|
|
26
26
|
"react": "^18 || ^19 || ^19.0.0-rc",
|
|
27
27
|
"react-hook-form": "^7"
|
|
@@ -32,12 +32,12 @@
|
|
|
32
32
|
}
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
|
-
"@types/node": "^24.10.
|
|
36
|
-
"@types/react": "^19.2.
|
|
35
|
+
"@types/node": "^24.10.1",
|
|
36
|
+
"@types/react": "^19.2.5",
|
|
37
37
|
"react": "19.2.0",
|
|
38
|
-
"react-hook-form": "^7.66.
|
|
38
|
+
"react-hook-form": "^7.66.1",
|
|
39
39
|
"tsx": "^4.20.6",
|
|
40
|
-
"@assistant-ui/react": "0.11.
|
|
40
|
+
"@assistant-ui/react": "0.11.41",
|
|
41
41
|
"@assistant-ui/x-buildutils": "0.0.1"
|
|
42
42
|
},
|
|
43
43
|
"publishConfig": {
|
package/src/formTools.tsx
CHANGED
|
@@ -13,4 +13,9 @@ export const formTools = {
|
|
|
13
13
|
description: "Submits the form. Confirm with user before submitting.",
|
|
14
14
|
parameters: z.object({}),
|
|
15
15
|
},
|
|
16
|
+
reset_form: {
|
|
17
|
+
description:
|
|
18
|
+
"Resets all form fields to their initial values. Confirm with user before resetting.",
|
|
19
|
+
parameters: z.object({}),
|
|
20
|
+
},
|
|
16
21
|
};
|
package/src/useAssistantForm.tsx
CHANGED
|
@@ -50,6 +50,16 @@ export type UseAssistantFormProps<
|
|
|
50
50
|
| undefined;
|
|
51
51
|
}
|
|
52
52
|
| undefined;
|
|
53
|
+
reset_form?:
|
|
54
|
+
| {
|
|
55
|
+
render?:
|
|
56
|
+
| ToolCallMessagePartComponent<
|
|
57
|
+
z.infer<(typeof formTools.reset_form)["parameters"]>,
|
|
58
|
+
unknown
|
|
59
|
+
>
|
|
60
|
+
| undefined;
|
|
61
|
+
}
|
|
62
|
+
| undefined;
|
|
53
63
|
}
|
|
54
64
|
| undefined;
|
|
55
65
|
}
|
|
@@ -64,7 +74,13 @@ export const useAssistantForm = <
|
|
|
64
74
|
props?: UseAssistantFormProps<TFieldValues, TContext, TTransformedValues>,
|
|
65
75
|
): UseFormReturn<TFieldValues, TContext, TTransformedValues> => {
|
|
66
76
|
const form = useForm<TFieldValues, TContext, TTransformedValues>(props);
|
|
67
|
-
const {
|
|
77
|
+
const {
|
|
78
|
+
control,
|
|
79
|
+
getValues,
|
|
80
|
+
setValue,
|
|
81
|
+
reset,
|
|
82
|
+
formState: { isSubmitting },
|
|
83
|
+
} = form;
|
|
68
84
|
|
|
69
85
|
const api = useAssistantApi();
|
|
70
86
|
useEffect(() => {
|
|
@@ -87,6 +103,12 @@ export const useAssistantForm = <
|
|
|
87
103
|
submit_form: tool({
|
|
88
104
|
...formTools.submit_form,
|
|
89
105
|
execute: async () => {
|
|
106
|
+
if (isSubmitting) {
|
|
107
|
+
return {
|
|
108
|
+
success: false,
|
|
109
|
+
message: "The form is already submitting.",
|
|
110
|
+
};
|
|
111
|
+
}
|
|
90
112
|
const { _names, _fields } = control;
|
|
91
113
|
for (const name of _names.mount) {
|
|
92
114
|
const field = _fields[name];
|
|
@@ -113,12 +135,19 @@ export const useAssistantForm = <
|
|
|
113
135
|
};
|
|
114
136
|
},
|
|
115
137
|
}),
|
|
138
|
+
reset_form: tool({
|
|
139
|
+
...formTools.reset_form,
|
|
140
|
+
execute: async () => {
|
|
141
|
+
reset();
|
|
142
|
+
return { success: true };
|
|
143
|
+
},
|
|
144
|
+
}),
|
|
116
145
|
},
|
|
117
146
|
};
|
|
118
147
|
return api.modelContext().register({
|
|
119
148
|
getModelContext: () => value,
|
|
120
149
|
});
|
|
121
|
-
}, [control, setValue, getValues, api]);
|
|
150
|
+
}, [control, setValue, getValues, api, reset, isSubmitting]);
|
|
122
151
|
|
|
123
152
|
const renderFormFieldTool = props?.assistant?.tools?.set_form_field?.render;
|
|
124
153
|
useAssistantToolUI(
|
|
@@ -140,5 +169,15 @@ export const useAssistantForm = <
|
|
|
140
169
|
: null,
|
|
141
170
|
);
|
|
142
171
|
|
|
172
|
+
const renderResetFormTool = props?.assistant?.tools?.reset_form?.render;
|
|
173
|
+
useAssistantToolUI(
|
|
174
|
+
renderResetFormTool
|
|
175
|
+
? {
|
|
176
|
+
toolName: "reset_form",
|
|
177
|
+
render: renderResetFormTool,
|
|
178
|
+
}
|
|
179
|
+
: null,
|
|
180
|
+
);
|
|
181
|
+
|
|
143
182
|
return form;
|
|
144
183
|
};
|