function MainComponent() { const [isLoading, setIsLoading] = React.useState(false); const [response, setResponse] = React.useState([]); const [searchResults, setSearchResults] = React.useState([]); const handleChatAndSearch = async (e)=>{ e.preventDefault(); const formData = new FormData(e.target); const userMessage = formData.get("message"); setIsLoading(true); setResponse([]); setSearchResults([]); try { const [chatRes, searchRes] = await Promise.all([ fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: "user", content: userMessage } ], system_prompt: userMessage }) }), fetch(`/integrations/google-search/search?q=${encodeURIComponent(userMessage)}`, { method: 'GET' }) ]); const chatData = await chatRes.json(); const searchData = await searchRes.json(); if (chatData.status) { setResponse([ chatData.result ]); } if (searchData.status === "success") { setSearchResults(searchData.items); } } catch (error) { setResponse([ "Error connecting to the service." ]); } finally{ setIsLoading(false); } }; const loadingIndicator = isLoading ? /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 47, columnNumber: 40 }, __self: this }, "Loading...") : null; const chatResponse = !isLoading && response.length > 0 ? /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 50, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 51, columnNumber: 7 }, __self: this }, "ChatGPT Response:"), response.map((text, index)=>/*#__PURE__*/ React.createElement("p", { key: index, __source: { fileName: "", lineNumber: 52, columnNumber: 39 }, __self: this }, text))) : null; const searchResponse = !isLoading && searchResults.length > 0 ? /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 57, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 58, columnNumber: 7 }, __self: this }, "Google Search Results:"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this }, searchResults.map((result, index)=>/*#__PURE__*/ React.createElement("li", { key: index, __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: result.link, target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 hover:text-blue-800 transition-colors", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }, result.title))))) : null; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto", __source: { fileName: "", lineNumber: 72, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleChatAndSearch, className: "space-y-4 flex flex-col", __source: { fileName: "", lineNumber: 73, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "message", __source: { fileName: "", lineNumber: 74, columnNumber: 9 }, __self: this }, "Your Message:"), /*#__PURE__*/ React.createElement("textarea", { name: "message", id: "message", rows: "4", className: "border p-2", required: true, __source: { fileName: "", lineNumber: 75, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#007bff] text-white p-2 rounded hover:bg-[#0056b3] transition-colors", disabled: isLoading, __source: { fileName: "", lineNumber: 82, columnNumber: 9 }, __self: this }, "Send")), /*#__PURE__*/ React.createElement("div", { className: "mt-4 space-y-4", __source: { fileName: "", lineNumber: 86, columnNumber: 7 }, __self: this }, loadingIndicator, chatResponse, searchResponse)); }