function MainComponent() { const [url, setUrl] = React.useState(''); const [emails, setEmails] = React.useState([]); const [loading, setLoading] = React.useState(false); const [error, setError] = React.useState(''); const handleSubmit = async (e)=>{ e.preventDefault(); setLoading(true); setError(''); setEmails([]); try { const response = await fetch('/integrations/web-scraping/post', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ url, getText: true }) }); if (!response.ok) { throw new Error('Failed to fetch the webpage'); } const text = await response.text(); const emailRegex = /[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}/g; const foundEmails = [ ...new Set(text.match(emailRegex) || []) ]; setEmails(foundEmails); } catch (err) { setError('An error occurred while scraping the website.'); } finally{ setLoading(false); } }; const copyToClipboard = (text)=>{ navigator.clipboard.writeText(text).then(()=>{ alert('Email copied to clipboard!'); }, (err)=>{ console.error('Could not copy text: ', err); }); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-transparent flex items-center justify-center px-4", __source: { fileName: "", lineNumber: 46, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md w-full bg-[#1a1a1a] rounded-lg shadow-md p-8", __source: { fileName: "", lineNumber: 47, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-center mb-6 text-white", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, "Email Scraper"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "url", className: "block text-sm font-medium text-gray-300 mb-1", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, "Website URL"), /*#__PURE__*/ React.createElement("input", { type: "url", id: "url", name: "url", value: url, onChange: (e)=>setUrl(e.target.value), placeholder: "https://example.com", className: "w-full px-3 py-2 bg-[#2a2a2a] text-white border border-gray-600 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full bg-blue-500 text-white py-2 px-4 rounded-md hover:bg-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 disabled:opacity-50", __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, loading ? 'Extracting...' : 'Extract Emails')), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 73, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold mb-2 text-white", __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this }, "Extracted Emails:"), /*#__PURE__*/ React.createElement("div", { className: "bg-[#2a2a2a] p-3 rounded-md", __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this }, error && /*#__PURE__*/ React.createElement("p", { className: "text-red-500", __source: { fileName: "", lineNumber: 76, columnNumber: 23 }, __self: this }, error), emails.length > 0 ? /*#__PURE__*/ React.createElement("ul", { className: "list-none pl-0", __source: { fileName: "", lineNumber: 78, columnNumber: 15 }, __self: this }, emails.map((email, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "text-gray-300 flex justify-between items-center mb-2", __source: { fileName: "", lineNumber: 80, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 81, columnNumber: 21 }, __self: this }, email), /*#__PURE__*/ React.createElement("button", { onClick: ()=>copyToClipboard(email), className: "text-blue-400 hover:text-blue-300 focus:outline-none", __source: { fileName: "", lineNumber: 82, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-copy", __source: { fileName: "", lineNumber: 86, columnNumber: 23 }, __self: this }))))) : /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 italic", __source: { fileName: "", lineNumber: 92, columnNumber: 15 }, __self: this }, loading ? 'Extracting emails...' : 'No emails extracted yet. Enter a URL and click "Extract Emails" to begin.'))))); }