@assistant-ui/react-hook-form 0.12.17 → 0.12.18
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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,
|
|
1
|
+
{"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,CAAC,CAAC,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
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@assistant-ui/react-hook-form",
|
|
3
|
-
"version": "0.12.
|
|
3
|
+
"version": "0.12.18",
|
|
4
4
|
"description": "React Hook Form integration for assistant-ui",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react-hook-form",
|
|
@@ -29,8 +29,8 @@
|
|
|
29
29
|
],
|
|
30
30
|
"sideEffects": false,
|
|
31
31
|
"dependencies": {
|
|
32
|
-
"@assistant-ui/core": "^0.2.
|
|
33
|
-
"@assistant-ui/store": "^0.2.
|
|
32
|
+
"@assistant-ui/core": "^0.2.11",
|
|
33
|
+
"@assistant-ui/store": "^0.2.14",
|
|
34
34
|
"zod": "^4.4.3"
|
|
35
35
|
},
|
|
36
36
|
"peerDependencies": {
|
|
@@ -44,10 +44,10 @@
|
|
|
44
44
|
}
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
|
-
"@types/react": "^19.2.
|
|
48
|
-
"react": "^19.2.
|
|
47
|
+
"@types/react": "^19.2.17",
|
|
48
|
+
"react": "^19.2.7",
|
|
49
49
|
"react-hook-form": "^7.77.0",
|
|
50
|
-
"@assistant-ui/x-buildutils": "0.0.
|
|
50
|
+
"@assistant-ui/x-buildutils": "0.0.12"
|
|
51
51
|
},
|
|
52
52
|
"publishConfig": {
|
|
53
53
|
"access": "public",
|