function MainComponent() { const [realtorEmail, setRealtorEmail] = useState(""); const [address, setAddress] = useState(""); const [isAuthorized, setIsAuthorized] = useState(false); const [loading, setLoading] = useState(false); const [message, setMessages] = useState([]); const [streamingMessage, setStreamingMessage] = useState(""); const [selectedCategory, setSelectedCategory] = useState(null); const handleStreamResponse = useHandleStreamResponse({ onChunk: (chunk)=>{ setStreamingMessage(""); setMessages([]); }, onFinish: (finalMessage)=>{ setMessages([ { role: "assistant", content: finalMessage } ]); setStreamingMessage(""); setLoading(false); } }); const handleSubmit = async (category)=>{ if (loading) return; if (category === "career") { window.location.href = "/career-questions"; return; } setLoading(true); setSelectedCategory(category); setMessages([]); let prompt; switch(category){ case "city-info": prompt = `Share key information about the city and neighborhood around ${address}.`; break; case "politics": prompt = `Describe the political landscape and local government structure around ${address}.`; break; case "fun-facts": prompt = `Share interesting and unique facts about ${address} and its surrounding area.`; break; case "property": const searchQuery = `${address} property zillow redfin realtor.com`; try { const searchResponse = await fetch(`/integrations/google-search/search?q=${encodeURIComponent(searchQuery)}`, { method: "GET" }); if (!searchResponse.ok) { throw new Error("Failed to fetch property data"); } const searchData = await searchResponse.json(); const formattedResults = `Property Information for ${address}:\n\n` + searchData.items.map((item)=>`${item.title}\n${item.snippet}\nLink: ${item.link}\n`).join("\n"); setMessages([ { role: "assistant", content: formattedResults } ]); setStreamingMessage(""); setLoading(false); return; } catch (error) { console.error("Error:", error); setMessages([ { role: "assistant", content: "Failed to load property data. Please try again." } ]); setLoading(false); return; } case "rec": prompt = `Detail recreational activities and facilities near ${address}.`; break; case "sports": prompt = `Share information about the closest professional sports teams (MLB, NBA, NFL, NHL, MLS) to ${address}. Include: - List the nearest professional teams in each major league - How far they are from this location - Their current performance/standing if in season - Any notable recent developments or achievements`; break; case "history": prompt = `Share the top 5 most significant historical news stories and developments from the past 10 years that have impacted ${address} and the surrounding area. For each story include: - The year it occurred - A brief description of the event - Its impact on the local community - Any lasting changes or developments that resulted from it Please organize chronologically and focus on major events that shaped the area's development, economy, or community.`; break; case "golf": prompt = `List all golf courses and country clubs near ${address}. Include: - Course names and types (public/private) - Notable features or amenities - Any significant tournaments or events hosted - Membership information if available`; break; default: prompt = `Please provide general information about ${address}.`; } const userMessage = { role: "user", content: prompt }; try { const response = await fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ userMessage ], stream: true }) }); if (!response.ok) { throw new Error("Failed to fetch data"); } handleStreamResponse(response); } catch (error) { console.error("Error:", error); setMessages([ { role: "assistant", content: "Failed to load data. Please try again." } ]); setLoading(false); } }; const handleAccess = async ()=>{ if (realtorEmail && address) { try { await fetch("/api/db/users-6818088", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ query: "INSERT INTO `user_requests` (email, address, request_date, realtor_email) VALUES (?, ?, ?, ?)", values: [ realtorEmail, address, new Date().toISOString(), realtorEmail ] }) }); setIsAuthorized(true); } catch (error) { console.error("Failed to store user data:", error); } } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#F2F2F2]", __source: { fileName: "", lineNumber: 175, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-7xl mx-auto px-4 py-8", __source: { fileName: "", lineNumber: 176, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between gap-2 mb-4 w-full", __source: { fileName: "", lineNumber: 177, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "bg-[#0743df] hover:bg-[#0538c7] text-white px-3 py-1 rounded-lg transition-colors flex items-center gap-1 text-[10px] flex-1 justify-center", __source: { fileName: "", lineNumber: 178, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-home text-[8px]", __source: { fileName: "", lineNumber: 182, columnNumber: 13 }, __self: this }), "HOME"), /*#__PURE__*/ React.createElement("a", { href: "/career-questions", className: "bg-[#0743df] hover:bg-[#0538c7] text-white px-3 py-1 rounded-lg transition-colors flex items-center gap-1 text-[10px] flex-1 justify-center", __source: { fileName: "", lineNumber: 184, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-briefcase text-[8px]", __source: { fileName: "", lineNumber: 188, columnNumber: 13 }, __self: this }), "CAREER"), /*#__PURE__*/ React.createElement("a", { href: "/city-comparison", className: "bg-[#0743df] hover:bg-[#0538c7] text-white px-3 py-1 rounded-lg transition-colors flex items-center gap-1 text-[10px] flex-1 justify-center", __source: { fileName: "", lineNumber: 190, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-city text-[8px]", __source: { fileName: "", lineNumber: 194, columnNumber: 13 }, __self: this }), "CITY COMPS"), /*#__PURE__*/ React.createElement("a", { href: "/loan-options-comparison", className: "bg-[#0743df] hover:bg-[#0538c7] text-white px-3 py-1 rounded-lg transition-colors flex items-center gap-1 text-[10px] flex-1 justify-center", __source: { fileName: "", lineNumber: 196, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-percentage text-[8px]", __source: { fileName: "", lineNumber: 200, columnNumber: 13 }, __self: this }), "RATE COMPS"), /*#__PURE__*/ React.createElement("a", { href: "/new-lead", className: "bg-[#0743df] hover:bg-[#0538c7] text-white px-3 py-1 rounded-lg transition-colors flex items-center gap-1 text-[10px] flex-1 justify-center", __source: { fileName: "", lineNumber: 202, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-plus text-[8px]", __source: { fileName: "", lineNumber: 206, columnNumber: 13 }, __self: this }), "NEW CONTACT")), /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/47cd2d8d-d788-4952-aef0-14014c1ff8a1/-/format/auto/", alt: "Small Talk for Sales", className: "w-full max-w-5xl mx-auto h-auto mb-8 rounded-xl", __source: { fileName: "", lineNumber: 209, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl shadow-lg p-8", __source: { fileName: "", lineNumber: 215, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto", __source: { fileName: "", lineNumber: 216, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 217, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col gap-4", __source: { fileName: "", lineNumber: 218, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 219, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#0743df]", __source: { fileName: "", lineNumber: 220, columnNumber: 19 }, __self: this }, "Enter Your Email:"), /*#__PURE__*/ React.createElement("input", { type: "email", placeholder: "your@email.com", value: realtorEmail, onChange: (e)=>setRealtorEmail(e.target.value), className: "p-3 border-2 border-[#0743df] rounded-lg bg-white text-gray-800 w-96 focus:ring-2 focus:ring-[#0743df] transition-all", name: "realtor-email", __source: { fileName: "", lineNumber: 221, columnNumber: 19 }, __self: this }))), !isAuthorized && /*#__PURE__*/ React.createElement("div", { className: "flex flex-col gap-4", __source: { fileName: "", lineNumber: 232, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 233, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#0743df]", __source: { fileName: "", lineNumber: 234, columnNumber: 21 }, __self: this }, "Enter Prospect Full Address:"), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "123 Main St, City, State ZIP", value: address, onChange: (e)=>!isAuthorized && setAddress(e.target.value), className: "p-3 border-2 border-[#0743df] rounded-lg bg-white text-gray-800 w-96 focus:ring-2 focus:ring-[#0743df] transition-all", name: "address", readOnly: isAuthorized, __source: { fileName: "", lineNumber: 237, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: handleAccess, className: "w-full py-4 bg-[#0743df] text-white rounded-lg font-semibold hover:bg-[#0538c7] transition-colors", __source: { fileName: "", lineNumber: 249, columnNumber: 19 }, __self: this }, "Access Prospect Geo Data Now!")), isAuthorized && /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4", __source: { fileName: "", lineNumber: 258, columnNumber: 17 }, __self: this }, [ { name: "City Info", icon: "fa-city", category: "city-info" }, { name: "Politics", icon: "fa-landmark", category: "politics" }, { name: "Fun Facts", icon: "fa-star", category: "fun-facts" }, { name: "Property", icon: "fa-home", category: "property" }, { name: "Career", icon: "fa-briefcase", category: "career" }, { name: "Sports", icon: "fa-football-ball", category: "sports" }, { name: "History", icon: "fa-history", category: "history" }, { name: "Golf", icon: "fa-golf-ball", category: "golf" } ].map((item)=>/*#__PURE__*/ React.createElement("div", { key: item.name, onClick: ()=>handleSubmit(item.category), className: "flex flex-col items-center justify-center p-4 rounded-lg text-white text-center cursor-pointer transition-all transform hover:scale-105 bg-[#0743df] hover:bg-[#0538c7] hover:shadow-[0_0_15px_rgba(7,67,223,0.5)]", disabled: loading, __source: { fileName: "", lineNumber: 301, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${item.icon} text-2xl mb-2`, __source: { fileName: "", lineNumber: 307, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm", __source: { fileName: "", lineNumber: 308, columnNumber: 23 }, __self: this }, item.name)))), isAuthorized && /*#__PURE__*/ React.createElement("div", { className: "mt-8 space-y-6", __source: { fileName: "", lineNumber: 314, columnNumber: 17 }, __self: this }, message.map((msg, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-white/90 p-8 rounded-xl shadow-lg", __source: { fileName: "", lineNumber: 316, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "prose max-w-none", __source: { fileName: "", lineNumber: 320, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "whitespace-pre-line text-gray-800", __source: { fileName: "", lineNumber: 321, columnNumber: 25 }, __self: this }, msg.content)))))))), /*#__PURE__*/ React.createElement("div", { className: "text-center mt-8", __source: { fileName: "", lineNumber: 333, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "mailto:info@smalltalkforsales.com", className: "text-[#0743df] hover:underline", __source: { fileName: "", lineNumber: 334, columnNumber: 11 }, __self: this }, "info@smalltalkforsales.com")), loading && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center z-50", __source: { fileName: "", lineNumber: 343, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-xl shadow-xl flex flex-col items-center gap-4 max-w-md mx-4", __source: { fileName: "", lineNumber: 344, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 border-4 border-[#002B7F] border-t-transparent rounded-full animate-spin", __source: { fileName: "", lineNumber: 345, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-lg font-semibold text-[#002B7F]", __source: { fileName: "", lineNumber: 346, columnNumber: 15 }, __self: this }, streamingMessage || "Generating..."))))); }