function MainComponent() { const [chatMessage, setChatMessage] = React.useState(''); const [journalEntry, setJournalEntry] = React.useState(''); const [stats, setStats] = React.useState({ strength: '', dexterity: '', constitution: '', intelligence: '', wisdom: '', charisma: '' }); const handleInputChange = (e)=>{ const { name, value, type } = e.target; if (type === 'text' || type === 'textarea') { if (name === 'chat') { setChatMessage(value); } else if (name === 'journal') { setJournalEntry(value); } } else if (type === 'number') { setStats((prevStats)=>({ ...prevStats, [name]: value })); } }; const handleSubmit = async (e)=>{ e.preventDefault(); const response = await fetch('/api/foundryvtt', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ chatMessage, journalEntry, stats }) }); const data = await response.json(); console.log('Received response:', data); // This will be replaced with error handling and UI updates }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen p-4 bg-gray-100", __source: { fileName: "", lineNumber: 33, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "w-full max-w-3xl p-6 space-y-6 bg-white shadow rounded-md", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-semibold text-gray-700", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, "FoundryVTT Integration"), /*#__PURE__*/ React.createElement("p", { className: "font-light text-gray-500", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, "Interact with Chat, Journals, and Stats")), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "chat", className: "block text-sm font-semibold text-gray-600", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, "Chat Message"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "chat", name: "chat", value: chatMessage, onChange: handleInputChange, className: "w-full px-3 py-2 text-sm border border-gray-300 rounded focus:outline-none focus:border-blue-500", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "journal", className: "block text-sm font-semibold text-gray-600", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, "Journal Entry"), /*#__PURE__*/ React.createElement("textarea", { id: "journal", name: "journal", value: journalEntry, onChange: handleInputChange, className: "w-full px-3 py-2 text-sm border border-gray-300 rounded focus:outline-none focus:border-blue-500", rows: "4", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-semibold text-gray-600", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }, "Stats"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-3 sm:grid-cols-3", __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }, Object.entries(stats).map(([key, value])=>/*#__PURE__*/ React.createElement("input", { key: key, type: "number", name: key, value: value, onChange: handleInputChange, placeholder: key.charAt(0).toUpperCase() + key.slice(1), className: "w-full px-3 py-2 text-sm border border-gray-300 rounded focus:outline-none focus:border-blue-500", __source: { fileName: "", lineNumber: 66, columnNumber: 17 }, __self: this })))), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full px-4 py-2 text-sm font-medium text-white bg-blue-600 rounded hover:bg-blue-700 focus:outline-none", __source: { fileName: "", lineNumber: 78, columnNumber: 11 }, __self: this }, "Submit")))); }