function MainComponent() { const [result, setResult] = React.useState(''); const [isLoading, setIsLoading] = React.useState(false); const [error, setError] = React.useState(''); const handleSubmit = async (event)=>{ event.preventDefault(); const url = event.target.elements.url.value; setResult(''); setIsLoading(true); setError(''); try { const scrapingResponse = await fetch('/integrations/web-scraping/post', { method: 'POST', body: JSON.stringify({ url: url }), headers: { 'Content-Type': 'application/json' } }); const htmlContent = await scrapingResponse.text(); const parsedHtml = new DOMParser().parseFromString(htmlContent, 'text/html'); const criteria = { inclusion: parsedHtml.querySelector('inclusion-selector').textContent, exclusion: parsedHtml.querySelector('exclusion-selector').textContent }; const extractedCriteria = `Inclusion Criteria: ${criteria.inclusion} Exclusion Criteria: ${criteria.exclusion}`; const chatGptResponse = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', body: JSON.stringify({ messages: [ { "role": "user", "content": extractedCriteria } ], system_prompt: 'Explain this content' }), headers: { 'Content-Type': 'application/json' } }); const chatGptResult = await chatGptResponse.json(); if (chatGptResult.status) { setResult(chatGptResult.result); } else { setError('Failed to parse criteria. Please try again.'); } } catch (error) { setError('An error occurred while processing your request.'); } finally{ setIsLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-gray-100 p-4", __source: { fileName: "", lineNumber: 60, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6 max-w-md w-full bg-white rounded-lg border border-gray-200 shadow-md", __source: { fileName: "", lineNumber: 61, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold font-roboto text-gray-900", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, "Healthcare Information Parser"), /*#__PURE__*/ React.createElement("form", { className: "mt-4", onSubmit: handleSubmit, autoComplete: "off", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "url", className: "block mb-2 text-sm font-medium font-roboto text-gray-900", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, "Clinicaltrials.gov URL:"), /*#__PURE__*/ React.createElement("input", { type: "url", id: "url", name: "url", required: true, className: "bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5", placeholder: "Enter URL", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: isLoading, className: "mt-4 px-6 py-2.5 bg-blue-600 text-white font-medium text-xs leading-tight uppercase rounded shadow-md hover:bg-blue-700 hover:shadow-lg focus:bg-blue-700 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-blue-800 active:shadow-lg transition duration-150 ease-in-out disabled:opacity-50", __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }, isLoading ? 'Parsing...' : 'Parse Criteria'))), /*#__PURE__*/ React.createElement("div", { id: "criteria-result", className: "mt-6", __source: { fileName: "", lineNumber: 75, columnNumber: 7 }, __self: this }, isLoading ? /*#__PURE__*/ React.createElement("div", { className: "text-blue-600 font-roboto", __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }, "Loading...") : error ? /*#__PURE__*/ React.createElement("div", { className: "text-red-500 font-roboto", __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }, error) : /*#__PURE__*/ React.createElement("div", { className: "text-gray-800 font-roboto whitespace-pre-wrap", __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }, result)), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 84, columnNumber: 7 }, __self: this }, ``)); }