{"_id":"11labs-community-gen-ui-forms","_rev":"1-bf1a174ff57adf24a8c9fdc06f576608","name":"11labs-community-gen-ui-forms","dist-tags":{"latest":"0.0.2"},"versions":{"0.0.1":{"name":"11labs-community-gen-ui-forms","version":"0.0.1","keywords":["elevenlabs","form","widget","conversational-ai"],"_id":"11labs-community-gen-ui-forms@0.0.1","maintainers":[{"name":"bohdan.petryshyn","email":"bohdan.y.petryshyn@gmail.com"}],"dist":{"shasum":"d687846b685e5b923cd6113d297feac230bbc125","tarball":"https://registry.npmjs.org/11labs-community-gen-ui-forms/-/11labs-community-gen-ui-forms-0.0.1.tgz","fileCount":6,"integrity":"sha512-JAV41PgHAka6O5/Z60imcAND3a141MVbVJntmJa91VuGHN+xGtZ1W3LdDz/gJRRH/u0UlMwljs1wyG94akNxIA==","signatures":[{"sig":"MEQCIFTEx1oDzuXOYZj3ipOHgPhJxyjbFO0WzHlToImHYDcBAiB3asEFE1SZwjY29B1IOJ6mDZFGcFzMt9/+WimvFlBD4w==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":45935},"main":"dist/index.js","gitHead":"a2656e69fcbf4c4b33cdb74ab3119396251659bc","scripts":{"dev":"concurrently --kill-others \"rollup -c -w\" \"http-server -p 3000\"","build":"rollup -c"},"_npmUser":{"name":"bohdan.petryshyn","email":"bohdan.y.petryshyn@gmail.com"},"_npmVersion":"10.9.2","description":"Generative UI Forms for ElevenLabs Conversational AI (not affiliated with ElevenLabs)","directories":{},"_nodeVersion":"22.13.1","_hasShrinkwrap":false,"devDependencies":{"rollup":"^2.79.1","http-server":"^14.1.1","concurrently":"^9.1.2","rollup-plugin-terser":"^7.0.2","rollup-plugin-postcss":"^4.0.0","@rollup/plugin-node-resolve":"^15.0.0"},"_npmOperationalInternal":{"tmp":"tmp/11labs-community-gen-ui-forms_0.0.1_1740290242761_0.10322076423903903","host":"s3://npm-registry-packages-npm-production"}},"0.0.2":{"name":"11labs-community-gen-ui-forms","version":"0.0.2","description":"Generative UI Forms for ElevenLabs Conversational AI (not affiliated with ElevenLabs)","main":"dist/index.js","scripts":{"build":"rollup -c","dev":"concurrently --kill-others \"rollup -c -w\" \"http-server -p 3000\""},"keywords":["elevenlabs","form","widget","conversational-ai"],"devDependencies":{"@rollup/plugin-node-resolve":"^15.0.0","concurrently":"^9.1.2","http-server":"^14.1.1","rollup":"^2.79.1","rollup-plugin-postcss":"^4.0.0","rollup-plugin-terser":"^7.0.2"},"_id":"11labs-community-gen-ui-forms@0.0.2","gitHead":"1d8c1334153fc99c4e3233f39dddbae3a26fef4c","_nodeVersion":"22.13.1","_npmVersion":"10.9.2","dist":{"integrity":"sha512-7POaAUndoDeGedhL/dXEPfvIQtPdFIT5STXvg/bpINJ2m/SA7K7eAPKF2xJdGFh4LgGB+Uin/R1qbrsqoRzE0w==","shasum":"2dff4696ef8b39070f521d7fd60135291b9d1232","tarball":"https://registry.npmjs.org/11labs-community-gen-ui-forms/-/11labs-community-gen-ui-forms-0.0.2.tgz","fileCount":6,"unpackedSize":46489,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCLXwevegr4zDx5CFO4SwNuSx/PGqGITHubZldmNo1b9QIgHx5akpCtOS5b9OwV3MMFOD4ZSvYA0JR8SrJ4q1eLCgs="}]},"_npmUser":{"name":"bohdan.petryshyn","email":"bohdan.y.petryshyn@gmail.com"},"directories":{},"maintainers":[{"name":"bohdan.petryshyn","email":"bohdan.y.petryshyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/11labs-community-gen-ui-forms_0.0.2_1740334569464_0.5964375801520261"},"_hasShrinkwrap":false}},"time":{"created":"2025-02-23T05:57:22.760Z","modified":"2025-02-23T18:16:09.840Z","0.0.1":"2025-02-23T05:57:22.956Z","0.0.2":"2025-02-23T18:16:09.665Z"},"keywords":["elevenlabs","form","widget","conversational-ai"],"description":"Generative UI Forms for ElevenLabs Conversational AI (not affiliated with ElevenLabs)","maintainers":[{"name":"bohdan.petryshyn","email":"bohdan.y.petryshyn@gmail.com"}],"readme":"# Generative UI Forms for ElevenLabs Conversational AI\n\n> **Note**: This is a community-created solution and is not affiliated with ElevenLabs. Use at your own discretion.\n\nThis package extends the ElevenLabs Conversational AI [Widget](https://elevenlabs.io/docs/conversational-ai/customization/widget) with dynamic form generation capabilities. It enables your AI agent to create, validate, and manage forms in real-time during conversations, providing a seamless way to collect structured data from users.\n\n\n\n## Features\n\n- 🎯 Dynamic form generation during conversations\n- ✨ Beautiful, modern UI that matches ElevenLabs design\n- ✅ Real-time validation with user-friendly messages\n- 🎨 Pre-styled components that work out of the box\n- 📱 Fully responsive design\n- 🔒 Type-safe form schema\n\n## Supported Field Types\n\n- `text`: Single-line text input\n- `email`: Email address input with validation\n- `number`: Numeric input with optional min/max\n- `date`: Date picker\n- `datetime-local`: Date and time picker\n- `time`: Time picker\n- `tel`: Phone number input\n- `select`: Dropdown with options\n- `textarea`: Multi-line text input\n\n## Usage\n\n### Add the ElevenLabs Conversational AI widget to your page:\n\n```html\n\n\n```\n\n### Add the Gen UI Forms script to your page:\n\n```html\n\n```\n\n### Configure your agent to use the Gen UI Forms\n\nTo work forms require adding instructions to the system prompt and creating additional tools.\n\n1. Add system prompt from [`config/prompt.md`](./config/prompt.md) to the end of your agent system prompt.\n2. Add tools by calling API or manually on [ElevenLabs' Dashboard](https://elevenlabs.io/app/conversational-ai/agents):\n- [`create_or_update_form`](./tools/create_or_update_form.json).\n- [`get_form_state`](./tools/get_form_state.json).\n- [`close_form`](./tools/close_form.json).\n\nThat's it! Your agent can now use forms to collect relevant information during conversations.\n\n## Contributing\n\nWe welcome contributions! Please feel free to submit a Pull Request.\n\n## License\n\nUsage is provided under the MIT License. \n","readmeFilename":"README.md"}