function MainComponent() { const [searchQuery, setSearchQuery] = React.useState(''); const [searchResults, setSearchResults] = React.useState([]); const [chatMessages, setChatMessages] = React.useState([]); const [loading, setLoading] = React.useState(false); const [error, setError] = React.useState(''); const handleSearchInputChange = (event)=>{ setSearchQuery(event.target.value); }; const handleSearch = async ()=>{ if (!searchQuery.trim()) return; setLoading(true); setError(''); try { const response = await fetch(`/integrations/google-search/search?q=${encodeURIComponent(searchQuery)}`); const data = await response.json(); setSearchResults(data.items || []); } catch (err) { setError('Failed to fetch search results'); } finally{ setLoading(false); } }; const handleChatSubmit = async (event)=>{ event.preventDefault(); setError(''); const messageContent = event.target.elements.message.value.trim(); if (!messageContent) return; setLoading(true); try { const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: 'user', content: messageContent } ], system_prompt: 'Please assist with the following question' }) }); const data = await response.json(); if (data.status) { setChatMessages((currentMessages)=>[ ...currentMessages, { role: 'user', content: messageContent }, { role: 'assistant', content: data.result } ]); } else { setError('The ChatGPT service is currently unavailable.'); } event.target.reset(); } catch (err) { setError('Failed to send message'); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen p-4 bg-[#f0f0f0]", __source: { fileName: "", lineNumber: 59, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-xl", __source: { fileName: "", lineNumber: 60, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "searchQuery", value: searchQuery, placeholder: "Enter search query", onChange: handleSearchInputChange, className: "w-full px-4 py-2 mt-2 mb-4 border border-gray-300 rounded focus:outline-none focus:ring", __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleSearch, className: "w-full px-4 py-2 mb-4 text-white bg-blue-600 rounded focus:outline-none hover:bg-blue-700 font-roboto", __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }, "🕵️‍♂️ Search"), loading && /*#__PURE__*/ React.createElement("p", { className: "text-center", __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }, "⏳ Loading..."), error && /*#__PURE__*/ React.createElement("p", { className: "text-red-600", __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }, error), searchResults.length > 0 && /*#__PURE__*/ React.createElement("ul", { className: "space-y-2 mb-4", __source: { fileName: "", lineNumber: 82, columnNumber: 11 }, __self: this }, searchResults.map((item, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "p-4 bg-white border border-gray-300 rounded shadow", __source: { fileName: "", lineNumber: 84, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: item.link, className: "text-blue-600 hover:underline", target: "_blank", rel: "noopener noreferrer", __source: { fileName: "", lineNumber: 85, columnNumber: 17 }, __self: this }, item.title), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 88, columnNumber: 17 }, __self: this }, item.snippet)))), /*#__PURE__*/ React.createElement("form", { onSubmit: handleChatSubmit, className: "p-4 bg-white rounded shadow", __source: { fileName: "", lineNumber: 93, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "message", rows: "3", placeholder: "Type your message", className: "w-full px-3 py-2 mb-4 text-gray-700 border rounded-lg focus:outline-none focus:ring", __source: { fileName: "", lineNumber: 94, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full px-4 py-2 text-white bg-green-600 rounded focus:outline-none hover:bg-green-700 font-roboto", __source: { fileName: "", lineNumber: 100, columnNumber: 11 }, __self: this }, "📤 Send Message")), /*#__PURE__*/ React.createElement("div", { className: "max-h-[300px] overflow-y-auto", __source: { fileName: "", lineNumber: 104, columnNumber: 9 }, __self: this }, chatMessages.map((msg, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: `p-2 my-1 rounded ${msg.role === 'user' ? 'bg-blue-200' : 'bg-green-200'}`, __source: { fileName: "", lineNumber: 106, columnNumber: 13 }, __self: this }, msg.content))))); }