function MainComponent() { const [chatGptResponse, setChatGptResponse] = React.useState(null); const [googleSearchResults, setGoogleSearchResults] = React.useState([]); const [isLoading, setIsLoading] = React.useState(true); React.useEffect(()=>{ const fetchChatGptResponse = async ()=>{ const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { "role": "user", "content": "слаффка дети" } ], system_prompt: 'Explain this content' }) }); const data = await response.json(); setChatGptResponse(data.choices[0].message.content); }; const fetchGoogleSearchResults = async ()=>{ const response = await fetch('/integrations/google-search/search?q=слаффка+дети', { method: 'GET' }); const data = await response.json(); setGoogleSearchResults(data.items); }; const fetchData = async ()=>{ await fetchChatGptResponse(); await fetchGoogleSearchResults(); setIsLoading(false); }; fetchData(); }, []); return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f0f0f0]", __source: { fileName: "", lineNumber: 42, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8 text-center", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-semibold text-[#333]", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, "Integration Demo"), /*#__PURE__*/ React.createElement("p", { className: "text-md text-[#666]", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, "ChatGPT & Google Search")), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-4xl p-8 bg-white shadow-md rounded-lg", __source: { fileName: "", lineNumber: 47, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-medium text-[#555]", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, "ChatGPT Response"), /*#__PURE__*/ React.createElement("div", { className: "mt-2 p-4 bg-[#fafafa] rounded-lg", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, isLoading ? "Loading responses..." : chatGptResponse)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-medium text-[#555]", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, "Google Search Results"), /*#__PURE__*/ React.createElement("div", { className: "mt-2 p-4 bg-[#fafafa] rounded-lg", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, isLoading ? "Loading responses..." : googleSearchResults.map((item, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "mb-2", __source: { fileName: "", lineNumber: 58, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: item.link, className: "text-blue-600 hover:underline", __source: { fileName: "", lineNumber: 59, columnNumber: 17 }, __self: this }, item.title), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#666]", __source: { fileName: "", lineNumber: 60, columnNumber: 17 }, __self: this }, item.snippet))))))); }