function MainComponent() { const [placeSearch, setPlaceSearch] = useState(""); const [placeResults, setPlaceResults] = useState([]); const [selectedPlace, setSelectedPlace] = useState(""); const [businesses, setBusinesses] = useState([]); const [businessLoading, setBusinessLoading] = useState(false); const [businessError, setBusinessError] = useState(null); const [webUrl, setWebUrl] = useState(""); const [scrapedContent, setScrapedContent] = useState(""); const [scrapeLoading, setScrapeLoading] = useState(false); const [scrapeError, setScrapeError] = useState(null); const [email, setEmail] = useState(""); const [emailResult, setEmailResult] = useState(null); const [emailLoading, setEmailLoading] = useState(false); const [emailError, setEmailError] = useState(null); const searchPlaces = async (input)=>{ if (!input) return; try { const response = await fetch(`/integrations/google-place-autocomplete/autocomplete/json?input=${encodeURIComponent(input)}&radius=500`); if (!response.ok) throw new Error("Failed to fetch places"); const data = await response.json(); setPlaceResults(data.predictions); } catch (error) { console.error(error); } }; const searchBusinesses = async ()=>{ if (!selectedPlace) return; setBusinessLoading(true); setBusinessError(null); try { const response = await fetch(`/integrations/local-business-data/search?query=${encodeURIComponent(selectedPlace)}&limit=10`); if (!response.ok) throw new Error("Failed to fetch businesses"); const data = await response.json(); setBusinesses(data.data || []); } catch (error) { console.error(error); setBusinessError("Failed to load businesses"); } finally{ setBusinessLoading(false); } }; const scrapeWebsite = async ()=>{ if (!webUrl) return; setScrapeLoading(true); setScrapeError(null); try { const response = await fetch("/integrations/web-scraping/post", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ url: webUrl, getText: true }) }); if (!response.ok) throw new Error("Failed to scrape website"); const text = await response.text(); setScrapedContent(text); } catch (error) { console.error(error); setScrapeError("Failed to scrape website"); } finally{ setScrapeLoading(false); } }; const validateEmail = async ()=>{ if (!email) return; setEmailLoading(true); setEmailError(null); try { const response = await fetch(`/integrations/email-check-2/v1/email/verify?email=${encodeURIComponent(email)}`); if (!response.ok) throw new Error("Failed to validate email"); const data = await response.json(); setEmailResult(data); } catch (error) { console.error(error); setEmailError("Failed to validate email"); } finally{ setEmailLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#0A0A0A] text-gray-200 font-inter", __source: { fileName: "", lineNumber: 88, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("main", { className: "max-w-[1920px] mx-auto pt-24 pb-32 px-4 md:px-6 ml-16 lg:ml-16", __source: { fileName: "", lineNumber: 89, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 90, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#2a2a2a] rounded-2xl p-6 shadow-lg border border-[#3a3a3a]", __source: { fileName: "", lineNumber: 91, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4 font-semibold text-gray-100", __source: { fileName: "", lineNumber: 92, columnNumber: 13 }, __self: this }, "Location Search & Business Finder"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 95, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 96, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: placeSearch, onChange: (e)=>{ setPlaceSearch(e.target.value); searchPlaces(e.target.value); }, className: "w-full bg-[#1a1a1a] rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-[#4a4a4a] text-gray-100 border border-[#3a3a3a]", placeholder: "Search for a location...", __source: { fileName: "", lineNumber: 97, columnNumber: 17 }, __self: this }), placeResults.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mt-2 bg-[#1a1a1a] rounded-lg border border-[#3a3a3a]", __source: { fileName: "", lineNumber: 108, columnNumber: 19 }, __self: this }, placeResults.map((place)=>/*#__PURE__*/ React.createElement("div", { key: place.place_id, className: "p-2 hover:bg-[#3a3a3a] cursor-pointer transition-colors", onClick: ()=>{ setSelectedPlace(place.description); setPlaceResults([]); setPlaceSearch(place.description); }, __source: { fileName: "", lineNumber: 110, columnNumber: 23 }, __self: this }, place.description)))), /*#__PURE__*/ React.createElement("button", { onClick: searchBusinesses, className: "w-full bg-[#3a3a3a] px-4 py-2 rounded-lg hover:bg-[#4a4a4a] transition-colors text-gray-100", __source: { fileName: "", lineNumber: 125, columnNumber: 15 }, __self: this }, "Find Businesses"), businessLoading && /*#__PURE__*/ React.createElement("div", { className: "text-center text-gray-400", __source: { fileName: "", lineNumber: 132, columnNumber: 17 }, __self: this }, "Loading businesses..."), businessError && /*#__PURE__*/ React.createElement("div", { className: "text-red-400", __source: { fileName: "", lineNumber: 137, columnNumber: 17 }, __self: this }, businessError), /*#__PURE__*/ React.createElement("div", { className: "space-y-2 max-h-[400px] overflow-y-auto", __source: { fileName: "", lineNumber: 139, columnNumber: 15 }, __self: this }, businesses.map((business)=>/*#__PURE__*/ React.createElement("div", { key: business.business_id, className: "bg-[#1a1a1a] p-4 rounded-lg border border-[#3a3a3a]", __source: { fileName: "", lineNumber: 141, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold text-gray-100", __source: { fileName: "", lineNumber: 145, columnNumber: 21 }, __self: this }, business.name), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 146, columnNumber: 21 }, __self: this }, business.full_address), business.rating && /*#__PURE__*/ React.createElement("p", { className: "text-amber-400", __source: { fileName: "", lineNumber: 150, columnNumber: 23 }, __self: this }, "Rating: ", business.rating, " ⭐")))))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#2a2a2a] rounded-2xl p-6 shadow-lg border border-[#3a3a3a]", __source: { fileName: "", lineNumber: 160, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4 font-semibold text-gray-100", __source: { fileName: "", lineNumber: 161, columnNumber: 13 }, __self: this }, "Website Content Scraper"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 164, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "url", value: webUrl, onChange: (e)=>setWebUrl(e.target.value), className: "w-full bg-[#1a1a1a] rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-[#4a4a4a] text-gray-100 border border-[#3a3a3a]", placeholder: "Enter website URL...", __source: { fileName: "", lineNumber: 165, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: scrapeWebsite, className: "w-full bg-[#3a3a3a] px-4 py-2 rounded-lg hover:bg-[#4a4a4a] transition-colors text-gray-100", __source: { fileName: "", lineNumber: 172, columnNumber: 15 }, __self: this }, "Scrape Website"), scrapeLoading && /*#__PURE__*/ React.createElement("div", { className: "text-center text-gray-400", __source: { fileName: "", lineNumber: 179, columnNumber: 17 }, __self: this }, "Scraping website..."), scrapeError && /*#__PURE__*/ React.createElement("div", { className: "text-red-400", __source: { fileName: "", lineNumber: 183, columnNumber: 31 }, __self: this }, scrapeError), scrapedContent && /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1a1a] p-4 rounded-lg max-h-[400px] overflow-y-auto border border-[#3a3a3a] text-gray-300", __source: { fileName: "", lineNumber: 185, columnNumber: 17 }, __self: this }, scrapedContent))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#2a2a2a] rounded-2xl p-6 shadow-lg border border-[#3a3a3a]", __source: { fileName: "", lineNumber: 192, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4 font-semibold text-gray-100", __source: { fileName: "", lineNumber: 193, columnNumber: 13 }, __self: this }, "Email Validator"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 196, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", value: email, onChange: (e)=>setEmail(e.target.value), className: "w-full bg-[#1a1a1a] rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-[#4a4a4a] text-gray-100 border border-[#3a3a3a]", placeholder: "Enter email to validate...", __source: { fileName: "", lineNumber: 197, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: validateEmail, className: "w-full bg-[#3a3a3a] px-4 py-2 rounded-lg hover:bg-[#4a4a4a] transition-colors text-gray-100", __source: { fileName: "", lineNumber: 204, columnNumber: 15 }, __self: this }, "Validate Email"), emailLoading && /*#__PURE__*/ React.createElement("div", { className: "text-center text-gray-400", __source: { fileName: "", lineNumber: 211, columnNumber: 17 }, __self: this }, "Validating email..."), emailError && /*#__PURE__*/ React.createElement("div", { className: "text-red-400", __source: { fileName: "", lineNumber: 215, columnNumber: 30 }, __self: this }, emailError), emailResult && /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1a1a] p-4 rounded-lg border border-[#3a3a3a]", __source: { fileName: "", lineNumber: 217, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-2", __source: { fileName: "", lineNumber: 218, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold text-gray-100", __source: { fileName: "", lineNumber: 219, columnNumber: 21 }, __self: this }, "Status:"), " ", /*#__PURE__*/ React.createElement("span", { className: emailResult.status === "deliverable" ? "text-green-400" : "text-red-400", __source: { fileName: "", lineNumber: 220, columnNumber: 21 }, __self: this }, emailResult.status)), /*#__PURE__*/ React.createElement("div", { className: "mb-2", __source: { fileName: "", lineNumber: 230, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold text-gray-100", __source: { fileName: "", lineNumber: 231, columnNumber: 21 }, __self: this }, "Domain:"), " ", /*#__PURE__*/ React.createElement("span", { className: "text-gray-300", __source: { fileName: "", lineNumber: 232, columnNumber: 21 }, __self: this }, emailResult.domain.name)), emailResult.domain.disposable === "yes" && /*#__PURE__*/ React.createElement("div", { className: "text-amber-400", __source: { fileName: "", lineNumber: 237, columnNumber: 21 }, __self: this }, "Warning: Disposable email domain"))))))); }