function MainComponent() { const [selectedTab, setSelectedTab] = React.useState('register'); const [participants, setParticipants] = React.useState([]); const [form, setForm] = React.useState({ name: '', email: '', date1: '', date2: '', date3: '', date4: '', zoomLink: '', loading: false }); const handleChange = (e)=>{ setForm((prev)=>({ ...prev, [e.target.name]: e.target.value })); }; const handleSubmit = async ()=>{ const newParticipant = { name: form.name, email: form.email, dates: [ form.date1, form.date2, form.date3, form.date4 ], zoomLink: form.zoomLink }; setParticipants((prev)=>[ ...prev, newParticipant ]); const messages = [ { role: "system", content: "Request to send email with session dates, zoom link, and PDF attachments." }, { role: "user", content: `Name: ${form.name}, Email: ${form.email}, Dates: ${form.date1}, ${form.date2}, ${form.date3}, ${form.date4}, Zoom Link: ${form.zoomLink}` } ]; setForm((prev)=>({ ...prev, loading: true })); await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages }) }); setForm((prev)=>({ ...prev, loading: false })); }; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto bg-gray-100 p-10 min-h-screen", __source: { fileName: "", lineNumber: 44, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md max-w-2xl p-6 mx-auto rounded-lg", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "flex justify-between mb-6", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedTab('register'), className: `px-4 py-2 rounded ${selectedTab === 'register' ? 'bg-blue-500 text-white' : 'bg-gray-200'}`, __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, "Register"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedTab('participants'), className: `px-4 py-2 rounded ${selectedTab === 'participants' ? 'bg-blue-500 text-white' : 'bg-gray-200'}`, __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, "Participants")), selectedTab === 'register' ? /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "name", placeholder: "Name", className: "w-full px-3 py-2 border rounded", value: form.name, onChange: handleChange, __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "email", type: "email", placeholder: "Email Address", className: "w-full px-3 py-2 border rounded", value: form.email, onChange: handleChange, __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "date1", type: "datetime-local", className: "w-full px-3 py-2 border rounded", value: form.date1, onChange: handleChange, __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "date2", type: "datetime-local", className: "w-full px-3 py-2 border rounded", value: form.date2, onChange: handleChange, __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "date3", type: "datetime-local", className: "w-full px-3 py-2 border rounded", value: form.date3, onChange: handleChange, __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "date4", type: "datetime-local", className: "w-full px-3 py-2 border rounded", value: form.date4, onChange: handleChange, __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "zoomLink", placeholder: "ZOOM Link", className: "w-full px-3 py-2 border rounded", value: form.zoomLink, onChange: handleChange, __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-blue-500 text-white px-4 py-2 rounded", onClick: handleSubmit, disabled: form.loading, __source: { fileName: "", lineNumber: 70, columnNumber: 13 }, __self: this }, form.loading ? "Loading..." : "Register"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setForm({ ...form, name: '', email: '', date1: '', date2: '', date3: '', date4: '', zoomLink: '' }), className: "w-full bg-gray-500 text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, "Add Another Participant")) : /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }, participants.map((participant, index)=>{ const displayDates = participant.dates.map((date, i)=>/*#__PURE__*/ React.createElement("span", { key: i, __source: { fileName: "", lineNumber: 78, columnNumber: 71 }, __self: this }, date)); return /*#__PURE__*/ React.createElement("div", { key: index, className: "space-y-4", __source: { fileName: "", lineNumber: 80, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between bg-gray-200 p-4 rounded", __source: { fileName: "", lineNumber: 81, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 82, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 83, columnNumber: 23 }, __self: this }, participant.name), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 84, columnNumber: 23 }, __self: this }, participant.email), displayDates), /*#__PURE__*/ React.createElement("a", { href: participant.zoomLink, className: "text-blue-500", __source: { fileName: "", lineNumber: 87, columnNumber: 21 }, __self: this }, "ZOOM Link"), /*#__PURE__*/ React.createElement("button", { className: "bg-yellow-500 text-white px-4 py-2 rounded", onClick: ()=>alert('Toggle functionality not implemented'), __source: { fileName: "", lineNumber: 88, columnNumber: 21 }, __self: this }, "Toggle"))); })))); }