function MainComponent() { const [loading, setLoading] = React.useState(false); const [result, setResult] = React.useState(''); const [error, setError] = React.useState(''); const handleChatGPTSubmit = async ()=>{ 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: "Hello, can you give me today's weather forecast?" } ], system_prompt: 'Provide a weather forecast' }) }); const data = await response.json(); setResult(data.choices[0].message.content); } catch (error) { setError('Failed to fetch ChatGPT response'); } finally{ setLoading(false); } }; const handleStableDiffusionSubmit = async ()=>{ setLoading(true); try { const response = await fetch('/integrations/stable-diffusion/?prompt=a+scenic+landscape+of+mountains+at+sunset', { method: 'GET' }); const data = await response.json(); setResult(data.data[0]); } catch (error) { setError('Failed to fetch image from Stable Diffusion'); } finally{ setLoading(false); } }; const handleWebScrapingSubmit = async ()=>{ setLoading(true); try { const response = await fetch('/integrations/web-scraping/post', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ url: 'https://example.com' }) }); const data = await response.text(); setResult(data); } catch (error) { setError('Failed to fetch Web Scraping data'); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "max-w-[900px] mx-auto my-8 p-4", __source: { fileName: "", lineNumber: 70, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-semibold text-center mb-4", __source: { fileName: "", lineNumber: 71, columnNumber: 7 }, __self: this }, "Integrations Dashboard"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap -mx-2", __source: { fileName: "", lineNumber: 72, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full sm:w-1/2 md:w-1/3 px-2 mb-4", __source: { fileName: "", lineNumber: 73, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#F0F4F8] rounded-lg p-6 h-full flex flex-col items-center justify-center", onClick: handleChatGPTSubmit, __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-comments-o text-4xl text-[#007BFF]", "aria-hidden": "true", __source: { fileName: "", lineNumber: 75, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "mt-2 font-semibold", __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }, "Chat GPT"), /*#__PURE__*/ React.createElement("p", { className: "text-[#6C757D] mt-1", __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this }, "Power your applications with AI-driven conversations."))), /*#__PURE__*/ React.createElement("div", { className: "w-full sm:w-1/2 md:w-1/3 px-2 mb-4", __source: { fileName: "", lineNumber: 80, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#F0F4F8] rounded-lg p-6 h-full flex flex-col items-center justify-center", onClick: handleStableDiffusionSubmit, __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-paint-brush text-4xl text-[#28A745]", "aria-hidden": "true", __source: { fileName: "", lineNumber: 82, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "mt-2 font-semibold", __source: { fileName: "", lineNumber: 83, columnNumber: 13 }, __self: this }, "Stable Diffusion"), /*#__PURE__*/ React.createElement("p", { className: "text-[#6C757D] mt-1", __source: { fileName: "", lineNumber: 84, columnNumber: 13 }, __self: this }, "Generate images from textual descriptions."))), /*#__PURE__*/ React.createElement("div", { className: "w-full sm:w-1/2 md:w-1/3 px-2 mb-4", __source: { fileName: "", lineNumber: 87, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#F0F4F8] rounded-lg p-6 h-full flex flex-col items-center justify-center", onClick: handleWebScrapingSubmit, __source: { fileName: "", lineNumber: 88, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-html5 text-4xl text-[#FFC107]", "aria-hidden": "true", __source: { fileName: "", lineNumber: 89, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "mt-2 font-semibold", __source: { fileName: "", lineNumber: 90, columnNumber: 13 }, __self: this }, "Web Scraping"), /*#__PURE__*/ React.createElement("p", { className: "text-[#6C757D] mt-1", __source: { fileName: "", lineNumber: 91, columnNumber: 13 }, __self: this }, "Extract data from websites for your projects.")))), loading && /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 95, columnNumber: 19 }, __self: this }, "Loading..."), !loading && result && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 96, columnNumber: 30 }, __self: this }, result), !loading && error && /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 97, columnNumber: 29 }, __self: this }, "Error: ", error)); }