@assistant-ui/react-hook-form 0.9.3 → 0.10.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/formTools.js +18 -0
- package/dist/formTools.js.map +1 -0
- package/dist/index.js +6 -116
- package/dist/index.js.map +1 -1
- package/dist/{index.mjs → useAssistantForm.js} +4 -22
- package/dist/useAssistantForm.js.map +1 -0
- package/package.json +14 -16
- package/dist/index.d.mts +0 -39
- package/dist/index.d.ts +0 -39
- package/dist/index.mjs.map +0 -1
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { z } from "zod";
|
|
2
|
+
const formTools = {
|
|
3
|
+
set_form_field: {
|
|
4
|
+
description: "Sets a form field. Call this function as soon as the user provides the data for each field.",
|
|
5
|
+
parameters: z.object({
|
|
6
|
+
name: z.string(),
|
|
7
|
+
value: z.string()
|
|
8
|
+
})
|
|
9
|
+
},
|
|
10
|
+
submit_form: {
|
|
11
|
+
description: "Submits the form. Confirm with user before submitting.",
|
|
12
|
+
parameters: z.object({})
|
|
13
|
+
}
|
|
14
|
+
};
|
|
15
|
+
export {
|
|
16
|
+
formTools
|
|
17
|
+
};
|
|
18
|
+
//# sourceMappingURL=formTools.js.map
|
|
@@ -0,0 +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,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
CHANGED
|
@@ -1,119 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
|
|
20
|
-
// src/index.ts
|
|
21
|
-
var index_exports = {};
|
|
22
|
-
__export(index_exports, {
|
|
23
|
-
formTools: () => formTools,
|
|
24
|
-
useAssistantForm: () => useAssistantForm
|
|
25
|
-
});
|
|
26
|
-
module.exports = __toCommonJS(index_exports);
|
|
27
|
-
|
|
28
|
-
// src/useAssistantForm.tsx
|
|
29
|
-
var import_react = require("@assistant-ui/react");
|
|
30
|
-
var import_react2 = require("react");
|
|
31
|
-
var import_react_hook_form = require("react-hook-form");
|
|
32
|
-
|
|
33
|
-
// src/formTools.tsx
|
|
34
|
-
var import_zod = require("zod");
|
|
35
|
-
var formTools = {
|
|
36
|
-
set_form_field: {
|
|
37
|
-
description: "Sets a form field. Call this function as soon as the user provides the data for each field.",
|
|
38
|
-
parameters: import_zod.z.object({
|
|
39
|
-
name: import_zod.z.string(),
|
|
40
|
-
value: import_zod.z.string()
|
|
41
|
-
})
|
|
42
|
-
},
|
|
43
|
-
submit_form: {
|
|
44
|
-
description: "Submits the form. Confirm with user before submitting.",
|
|
45
|
-
parameters: import_zod.z.object({})
|
|
46
|
-
}
|
|
47
|
-
};
|
|
48
|
-
|
|
49
|
-
// src/useAssistantForm.tsx
|
|
50
|
-
var useAssistantForm = (props) => {
|
|
51
|
-
const form = (0, import_react_hook_form.useForm)(props);
|
|
52
|
-
const { control, getValues, setValue } = form;
|
|
53
|
-
const assistantRuntime = (0, import_react.useAssistantRuntime)();
|
|
54
|
-
(0, import_react2.useEffect)(() => {
|
|
55
|
-
const value = {
|
|
56
|
-
system: `Form State:
|
|
57
|
-
${JSON.stringify(getValues())}`,
|
|
58
|
-
tools: {
|
|
59
|
-
set_form_field: (0, import_react.tool)({
|
|
60
|
-
...formTools.set_form_field,
|
|
61
|
-
execute: async (args) => {
|
|
62
|
-
setValue(
|
|
63
|
-
args.name,
|
|
64
|
-
args.value
|
|
65
|
-
);
|
|
66
|
-
return { success: true };
|
|
67
|
-
}
|
|
68
|
-
}),
|
|
69
|
-
submit_form: (0, import_react.tool)({
|
|
70
|
-
...formTools.submit_form,
|
|
71
|
-
execute: async () => {
|
|
72
|
-
const { _names, _fields } = control;
|
|
73
|
-
for (const name of _names.mount) {
|
|
74
|
-
const field = _fields[name];
|
|
75
|
-
if (field?._f && "refs" in field._f) {
|
|
76
|
-
const fieldReference = Array.isArray(field._f.refs) ? field._f.refs[0] : field._f.ref;
|
|
77
|
-
if (fieldReference instanceof HTMLElement) {
|
|
78
|
-
const form2 = fieldReference.closest("form");
|
|
79
|
-
if (form2) {
|
|
80
|
-
form2.requestSubmit();
|
|
81
|
-
return { success: true };
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
return {
|
|
87
|
-
success: false,
|
|
88
|
-
message: "Unable retrieve the form element. This is a coding error."
|
|
89
|
-
};
|
|
90
|
-
}
|
|
91
|
-
})
|
|
92
|
-
}
|
|
93
|
-
};
|
|
94
|
-
return assistantRuntime.registerModelContextProvider({
|
|
95
|
-
getModelContext: () => value
|
|
96
|
-
});
|
|
97
|
-
}, [control, setValue, getValues, assistantRuntime]);
|
|
98
|
-
const renderFormFieldTool = props?.assistant?.tools?.set_form_field?.render;
|
|
99
|
-
(0, import_react.useAssistantToolUI)(
|
|
100
|
-
renderFormFieldTool ? {
|
|
101
|
-
toolName: "set_form_field",
|
|
102
|
-
render: renderFormFieldTool
|
|
103
|
-
} : null
|
|
104
|
-
);
|
|
105
|
-
const renderSubmitFormTool = props?.assistant?.tools?.submit_form?.render;
|
|
106
|
-
(0, import_react.useAssistantToolUI)(
|
|
107
|
-
renderSubmitFormTool ? {
|
|
108
|
-
toolName: "submit_form",
|
|
109
|
-
render: renderSubmitFormTool
|
|
110
|
-
} : null
|
|
111
|
-
);
|
|
112
|
-
return form;
|
|
113
|
-
};
|
|
114
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
115
|
-
0 && (module.exports = {
|
|
1
|
+
import {
|
|
2
|
+
useAssistantForm
|
|
3
|
+
} from "./useAssistantForm";
|
|
4
|
+
import { formTools } from "./formTools";
|
|
5
|
+
export {
|
|
116
6
|
formTools,
|
|
117
7
|
useAssistantForm
|
|
118
|
-
}
|
|
8
|
+
};
|
|
119
9
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.ts"
|
|
1
|
+
{"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":[]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
"use client";
|
|
2
2
|
import {
|
|
3
3
|
tool,
|
|
4
4
|
useAssistantRuntime,
|
|
@@ -8,25 +8,8 @@ import { useEffect } from "react";
|
|
|
8
8
|
import {
|
|
9
9
|
useForm
|
|
10
10
|
} from "react-hook-form";
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
import { z } from "zod";
|
|
14
|
-
var formTools = {
|
|
15
|
-
set_form_field: {
|
|
16
|
-
description: "Sets a form field. Call this function as soon as the user provides the data for each field.",
|
|
17
|
-
parameters: z.object({
|
|
18
|
-
name: z.string(),
|
|
19
|
-
value: z.string()
|
|
20
|
-
})
|
|
21
|
-
},
|
|
22
|
-
submit_form: {
|
|
23
|
-
description: "Submits the form. Confirm with user before submitting.",
|
|
24
|
-
parameters: z.object({})
|
|
25
|
-
}
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
// src/useAssistantForm.tsx
|
|
29
|
-
var useAssistantForm = (props) => {
|
|
11
|
+
import { formTools } from "./formTools";
|
|
12
|
+
const useAssistantForm = (props) => {
|
|
30
13
|
const form = useForm(props);
|
|
31
14
|
const { control, getValues, setValue } = form;
|
|
32
15
|
const assistantRuntime = useAssistantRuntime();
|
|
@@ -91,7 +74,6 @@ ${JSON.stringify(getValues())}`,
|
|
|
91
74
|
return form;
|
|
92
75
|
};
|
|
93
76
|
export {
|
|
94
|
-
formTools,
|
|
95
77
|
useAssistantForm
|
|
96
78
|
};
|
|
97
|
-
//# sourceMappingURL=
|
|
79
|
+
//# sourceMappingURL=useAssistantForm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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
CHANGED
|
@@ -1,22 +1,15 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@assistant-ui/react-hook-form",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.10.0",
|
|
4
4
|
"license": "MIT",
|
|
5
|
+
"type": "module",
|
|
5
6
|
"exports": {
|
|
6
7
|
".": {
|
|
7
|
-
"
|
|
8
|
-
|
|
9
|
-
"default": "./dist/index.mjs"
|
|
10
|
-
},
|
|
11
|
-
"require": {
|
|
12
|
-
"types": "./dist/index.d.ts",
|
|
13
|
-
"default": "./dist/index.js"
|
|
14
|
-
}
|
|
8
|
+
"types": "./dist/index.d.ts",
|
|
9
|
+
"default": "./dist/index.js"
|
|
15
10
|
}
|
|
16
11
|
},
|
|
17
|
-
"source": "./src/index.ts",
|
|
18
12
|
"main": "./dist/index.js",
|
|
19
|
-
"module": "./dist/index.mjs",
|
|
20
13
|
"types": "./dist/index.d.ts",
|
|
21
14
|
"files": [
|
|
22
15
|
"dist",
|
|
@@ -27,7 +20,7 @@
|
|
|
27
20
|
"zod": "^3.24.3"
|
|
28
21
|
},
|
|
29
22
|
"peerDependencies": {
|
|
30
|
-
"@assistant-ui/react": "^0.
|
|
23
|
+
"@assistant-ui/react": "^0.10.0",
|
|
31
24
|
"@types/react": "*",
|
|
32
25
|
"react": "^18 || ^19 || ^19.0.0-rc",
|
|
33
26
|
"react-hook-form": "^7"
|
|
@@ -38,9 +31,14 @@
|
|
|
38
31
|
}
|
|
39
32
|
},
|
|
40
33
|
"devDependencies": {
|
|
34
|
+
"@types/node": "^22.14.1",
|
|
35
|
+
"@types/react": "^19.1.0",
|
|
36
|
+
"eslint": "^9",
|
|
41
37
|
"eslint-config-next": "15.3.1",
|
|
42
|
-
"
|
|
43
|
-
"
|
|
38
|
+
"react": "^19.1.0",
|
|
39
|
+
"react-hook-form": "^7.51.1",
|
|
40
|
+
"tsx": "^4.19.3",
|
|
41
|
+
"@assistant-ui/tsbuildutils": "0.0.1",
|
|
44
42
|
"@assistant-ui/tsconfig": "0.0.0"
|
|
45
43
|
},
|
|
46
44
|
"publishConfig": {
|
|
@@ -50,12 +48,12 @@
|
|
|
50
48
|
"homepage": "https://www.assistant-ui.com/",
|
|
51
49
|
"repository": {
|
|
52
50
|
"type": "git",
|
|
53
|
-
"url": "
|
|
51
|
+
"url": "https://github.com/assistant-ui/assistant-ui/tree/main/packages/react-hook-form"
|
|
54
52
|
},
|
|
55
53
|
"bugs": {
|
|
56
54
|
"url": "https://github.com/assistant-ui/assistant-ui/issues"
|
|
57
55
|
},
|
|
58
56
|
"scripts": {
|
|
59
|
-
"build": "
|
|
57
|
+
"build": "tsx scripts/build.mts"
|
|
60
58
|
}
|
|
61
59
|
}
|
package/dist/index.d.mts
DELETED
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { ToolCallContentPartComponent } from '@assistant-ui/react';
|
|
2
|
-
import { FieldValues, UseFormProps, UseFormReturn } from 'react-hook-form';
|
|
3
|
-
import { z } from 'zod';
|
|
4
|
-
|
|
5
|
-
declare const formTools: {
|
|
6
|
-
set_form_field: {
|
|
7
|
-
description: string;
|
|
8
|
-
parameters: z.ZodObject<{
|
|
9
|
-
name: z.ZodString;
|
|
10
|
-
value: z.ZodString;
|
|
11
|
-
}, "strip", z.ZodTypeAny, {
|
|
12
|
-
value: string;
|
|
13
|
-
name: string;
|
|
14
|
-
}, {
|
|
15
|
-
value: string;
|
|
16
|
-
name: string;
|
|
17
|
-
}>;
|
|
18
|
-
};
|
|
19
|
-
submit_form: {
|
|
20
|
-
description: string;
|
|
21
|
-
parameters: z.ZodObject<{}, "strip", z.ZodTypeAny, {}, {}>;
|
|
22
|
-
};
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
type UseAssistantFormProps<TFieldValues extends FieldValues, TContext, TTransformedValues> = UseFormProps<TFieldValues, TContext, TTransformedValues> & {
|
|
26
|
-
assistant?: {
|
|
27
|
-
tools?: {
|
|
28
|
-
set_form_field?: {
|
|
29
|
-
render?: ToolCallContentPartComponent<z.infer<(typeof formTools.set_form_field)["parameters"]>, unknown> | undefined;
|
|
30
|
-
} | undefined;
|
|
31
|
-
submit_form?: {
|
|
32
|
-
render?: ToolCallContentPartComponent<z.infer<(typeof formTools.submit_form)["parameters"]>, unknown> | undefined;
|
|
33
|
-
} | undefined;
|
|
34
|
-
} | undefined;
|
|
35
|
-
} | undefined;
|
|
36
|
-
};
|
|
37
|
-
declare const useAssistantForm: <TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues>(props?: UseAssistantFormProps<TFieldValues, TContext, TTransformedValues>) => UseFormReturn<TFieldValues, TContext, TTransformedValues>;
|
|
38
|
-
|
|
39
|
-
export { type UseAssistantFormProps, formTools, useAssistantForm };
|
package/dist/index.d.ts
DELETED
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { ToolCallContentPartComponent } from '@assistant-ui/react';
|
|
2
|
-
import { FieldValues, UseFormProps, UseFormReturn } from 'react-hook-form';
|
|
3
|
-
import { z } from 'zod';
|
|
4
|
-
|
|
5
|
-
declare const formTools: {
|
|
6
|
-
set_form_field: {
|
|
7
|
-
description: string;
|
|
8
|
-
parameters: z.ZodObject<{
|
|
9
|
-
name: z.ZodString;
|
|
10
|
-
value: z.ZodString;
|
|
11
|
-
}, "strip", z.ZodTypeAny, {
|
|
12
|
-
value: string;
|
|
13
|
-
name: string;
|
|
14
|
-
}, {
|
|
15
|
-
value: string;
|
|
16
|
-
name: string;
|
|
17
|
-
}>;
|
|
18
|
-
};
|
|
19
|
-
submit_form: {
|
|
20
|
-
description: string;
|
|
21
|
-
parameters: z.ZodObject<{}, "strip", z.ZodTypeAny, {}, {}>;
|
|
22
|
-
};
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
type UseAssistantFormProps<TFieldValues extends FieldValues, TContext, TTransformedValues> = UseFormProps<TFieldValues, TContext, TTransformedValues> & {
|
|
26
|
-
assistant?: {
|
|
27
|
-
tools?: {
|
|
28
|
-
set_form_field?: {
|
|
29
|
-
render?: ToolCallContentPartComponent<z.infer<(typeof formTools.set_form_field)["parameters"]>, unknown> | undefined;
|
|
30
|
-
} | undefined;
|
|
31
|
-
submit_form?: {
|
|
32
|
-
render?: ToolCallContentPartComponent<z.infer<(typeof formTools.submit_form)["parameters"]>, unknown> | undefined;
|
|
33
|
-
} | undefined;
|
|
34
|
-
} | undefined;
|
|
35
|
-
} | undefined;
|
|
36
|
-
};
|
|
37
|
-
declare const useAssistantForm: <TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues>(props?: UseAssistantFormProps<TFieldValues, TContext, TTransformedValues>) => UseFormReturn<TFieldValues, TContext, TTransformedValues>;
|
|
38
|
-
|
|
39
|
-
export { type UseAssistantFormProps, formTools, useAssistantForm };
|
package/dist/index.mjs.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/useAssistantForm.tsx","../src/formTools.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","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,EAEE;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB;AAC1B;AAAA,EAME;AAAA,OACK;;;ACjBP,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;;;AD2CO,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,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"]}
|