function MainComponent() { const [formData, setFormData] = React.useState({ url: '' }); const [loading, setLoading] = React.useState(false); const [summary, setSummary] = React.useState(null); function handleChange(event) { const { name, value } = event.target; setFormData((prevFormData)=>({ ...prevFormData, [name]: value })); } function handleSubmit(event) { event.preventDefault(); setLoading(true); setSummary(null); fetch('/integrations/web-scraping/post', { method: 'POST', body: JSON.stringify({ url: formData.url, return_text: true }), headers: { 'Content-Type': 'application/json' } }).then((response)=>response.text()).then((text)=>{ return fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', body: JSON.stringify({ messages: [ { role: 'system', content: text } ], system_prompt: 'Summarize the key information about this company that is useful for a meeting.', max_tokens: 200 }), headers: { 'Content-Type': 'application/json' } }); }).then((response)=>response.json()).then((data)=>{ if (data.status) { const points = data.result.split(/[.!?]\s/).map((item)=>item.trim()).filter((item)=>item.length > 0); setSummary(()=>points.map((point, i)=>/*#__PURE__*/ React.createElement("li", { key: i, __source: { fileName: "", lineNumber: 52, columnNumber: 53 }, __self: this }, point))); } else { setSummary('Could not retrieve the summary.'); } setLoading(false); }).catch(()=>{ setSummary('Could not process the request.'); setLoading(false); }); } const loadingIndicator = loading ? /*#__PURE__*/ React.createElement("div", { style: { textAlign: 'center' }, __source: { fileName: "", lineNumber: 65, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin text-4xl text-[#38488f]", __source: { fileName: "", lineNumber: 66, columnNumber: 7 }, __self: this })) : null; const formContent = /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 71, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-semibold text-[#38488f]", __source: { fileName: "", lineNumber: 72, columnNumber: 7 }, __self: this }, "Meeting Preparation Tool"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 73, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "url", value: formData.url, onChange: handleChange, placeholder: "Enter the company website URL", className: "block w-full px-4 py-2 text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm focus:border-indigo-500 focus:ring focus:ring-indigo-200 focus:ring-opacity-50", required: true, __source: { fileName: "", lineNumber: 74, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: `w-full px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-indigo-600 shadow-sm ${loading ? 'opacity-50 cursor-not-allowed' : 'hover:bg-indigo-700'}`, disabled: loading, __source: { fileName: "", lineNumber: 84, columnNumber: 7 }, __self: this }, "Prepare Meeting")); const summaryContent = /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 97, columnNumber: 5 }, __self: this }, summary ? /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 98, columnNumber: 18 }, __self: this }, summary) : null); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 flex justify-center items-center", __source: { fileName: "", lineNumber: 103, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-5 md:w-1/2 mx-auto bg-white border border-gray-200 shadow-xl rounded-lg", __source: { fileName: "", lineNumber: 104, columnNumber: 7 }, __self: this }, formContent, loadingIndicator, summaryContent)); }