function MainComponent() { const [companies, setCompanies] = React.useState([]); const [results, setResults] = React.useState([]); const [isSearching, setIsSearching] = React.useState(false); const [timeRemaining, setTimeRemaining] = React.useState(0); const [copied, setCopied] = React.useState(false); const handleInputChange = (e)=>{ setCompanies(e.target.value.split('\n').filter((company)=>company.trim() !== '')); }; const handleFileUpload = async (e)=>{ const file = e.target.files[0]; if (file) { const formData = new FormData(); formData.append('inputFile', file); formData.append('outputType', 'txt'); try { const response = await fetch('/integrations/file-converter/convert', { method: 'POST', body: formData }); const text = await response.text(); setCompanies(text.split('\n').filter((company)=>company.trim() !== '')); } catch (error) { console.error('Error converting file:', error); } } }; const searchCompanies = async ()=>{ setIsSearching(true); setTimeRemaining(companies.length * 2); const timer = setInterval(()=>{ setTimeRemaining((prev)=>Math.max(0, prev - 1)); }, 1000); const searchResults = []; for (const company of companies){ const response = await fetch(`/integrations/google-search/search?q=${encodeURIComponent(company + ' official website')}`); const data = await response.json(); if (data.items && data.items.length > 0) { searchResults.push(`${company}: ${data.items[0].link}`); } else { searchResults.push(`${company}: No results found`); } } clearInterval(timer); setIsSearching(false); setTimeRemaining(0); setResults(searchResults); }; const copyToClipboard = ()=>{ navigator.clipboard.writeText(results.join('\n')).then(()=>{ setCopied(true); setTimeout(()=>{ setCopied(false); setResults([]); setCompanies([]); }, 2000); }); }; return /*#__PURE__*/ React.createElement("div", { className: "container mx-auto p-4 font-sans", __source: { fileName: "", lineNumber: 68, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 69, columnNumber: 7 }, __self: this }, "Find me those company links!"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 70, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { className: "w-full h-32 p-2 border rounded", placeholder: "Enter company names (one per line)", onChange: handleInputChange, value: companies.join('\n'), name: "companiesList", __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 79, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "file", accept: ".txt,.csv,.doc,.docx,.pdf", onChange: handleFileUpload, className: "mb-2", name: "companyFile", __source: { fileName: "", lineNumber: 80, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: searchCompanies, disabled: isSearching || companies.length === 0, className: "bg-blue-500 text-white px-4 py-2 rounded disabled:bg-gray-400", __source: { fileName: "", lineNumber: 87, columnNumber: 9 }, __self: this }, "Search Companies")), isSearching && /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 96, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 97, columnNumber: 11 }, __self: this }, "Searching... Time remaining: ", timeRemaining, " seconds")), results.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 101, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 102, columnNumber: 11 }, __self: this }, "Search Results:"), /*#__PURE__*/ React.createElement("pre", { className: "bg-gray-100 p-4 rounded whitespace-pre-wrap", __source: { fileName: "", lineNumber: 103, columnNumber: 11 }, __self: this }, results.join('\n')), /*#__PURE__*/ React.createElement("button", { onClick: copyToClipboard, className: "bg-green-500 text-white px-4 py-2 rounded mt-2", __source: { fileName: "", lineNumber: 104, columnNumber: 11 }, __self: this }, "Copy to Clipboard"), copied && /*#__PURE__*/ React.createElement("span", { className: "ml-2 text-green-600", __source: { fileName: "", lineNumber: 110, columnNumber: 22 }, __self: this }, "Copied"))); }