function MainComponent() { const [currentPage, setCurrentPage] = React.useState("home"); const [isLoading, setIsLoading] = React.useState(false); const [botConfiguration, setBotConfiguration] = React.useState({ botName: '', botPrefix: '', botDescription: '' }); const [chatResponse, setChatResponse] = React.useState(""); const handleNavButtonClick = (page)=>{ setCurrentPage(page); }; const handleChange = (e)=>{ setBotConfiguration({ ...botConfiguration, [e.target.name]: e.target.value }); }; const handleSubmit = async (e)=>{ e.preventDefault(); setIsLoading(true); const body = { messages: [ { role: "system", content: "Create a unique Discord bot configuration" }, { role: "user", content: JSON.stringify(botConfiguration) } ], system_prompt: "Create a unique Discord bot based on the following configuration." }; try { const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(body) }); const data = await response.json(); setChatResponse(data.status ? data.result : "Failed to generate bot configuration."); } catch (error) { setChatResponse("There was an error processing your request."); } setIsLoading(false); }; const renderNavButton = (text, page)=>{ return /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleNavButtonClick(page), className: "px-4 py-2 text-sm rounded-md bg-[#5865F2] hover:bg-[#404EED] focus:outline-none", __source: { fileName: "", lineNumber: 49, columnNumber: 7 }, __self: this }, text); }; const pageContent = ()=>{ switch(currentPage){ case "home": return /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl mb-4", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }, "Discord Bot Dashboard"), /*#__PURE__*/ React.createElement("p", { className: "text-lg", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }, "Select a page to get started")); case "modules": return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl mb-4", __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, "Bot Modules")); case "createBot": return /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto", __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl mb-4", __source: { fileName: "", lineNumber: 75, columnNumber: 13 }, __self: this }, "Create Your Discord Bot"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 77, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "botName", className: "block mb-2", __source: { fileName: "", lineNumber: 78, columnNumber: 17 }, __self: this }, "Bot Name"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "botName", name: "botName", value: botConfiguration.botName, onChange: handleChange, className: "w-full px-4 py-2 bg-[#2C2F33] text-white border border-transparent rounded-md focus:outline-none focus:border-[#7289DA]", __source: { fileName: "", lineNumber: 79, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 81, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "botPrefix", className: "block mb-2", __source: { fileName: "", lineNumber: 82, columnNumber: 17 }, __self: this }, "Bot Prefix"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "botPrefix", name: "botPrefix", value: botConfiguration.botPrefix, onChange: handleChange, className: "w-full px-4 py-2 bg-[#2C2F33] text-white border border-transparent rounded-md focus:outline-none focus:border-[#7289DA]", __source: { fileName: "", lineNumber: 83, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 85, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "botDescription", className: "block mb-2", __source: { fileName: "", lineNumber: 86, columnNumber: 17 }, __self: this }, "Bot Description"), /*#__PURE__*/ React.createElement("textarea", { id: "botDescription", name: "botDescription", value: botConfiguration.botDescription, onChange: handleChange, className: "w-full px-4 py-2 bg-[#2C2F33] text-white border border-transparent rounded-md focus:outline-none focus:border-[#7289DA]", rows: "4", __source: { fileName: "", lineNumber: 87, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full px-6 py-2 bg-[#5865F2] text-white rounded-md hover:bg-[#4752c4] focus:outline-none", __source: { fileName: "", lineNumber: 89, columnNumber: 15 }, __self: this }, isLoading ? "Creating..." : "Create Bot")), chatResponse && /*#__PURE__*/ React.createElement("div", { className: "mt-4 bg-[#36393F] p-4 rounded-md", __source: { fileName: "", lineNumber: 94, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 95, columnNumber: 17 }, __self: this }, chatResponse))); case "chatGPT": return /*#__PURE__*/ React.createElement("div", { className: "max-w-lg mx-auto", __source: { fileName: "", lineNumber: 102, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl mb-4", __source: { fileName: "", lineNumber: 103, columnNumber: 13 }, __self: this }, "Design Your Bot with Chat GPT")); default: return null; } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#5865F2] text-white font-roboto", __source: { fileName: "", lineNumber: 112, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-[#23272A] p-4", __source: { fileName: "", lineNumber: 113, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex justify-center space-x-4", __source: { fileName: "", lineNumber: 114, columnNumber: 9 }, __self: this }, renderNavButton("Dashboard", "home"), renderNavButton("Modules", "modules"), renderNavButton("Bot Creator", "createBot"), renderNavButton("Chat GPT", "chatGPT"))), /*#__PURE__*/ React.createElement("main", { className: "p-6", __source: { fileName: "", lineNumber: 121, columnNumber: 7 }, __self: this }, pageContent()), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 124, columnNumber: 7 }, __self: this }, ` @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } body { animation: fadeIn 1s ease-in-out; } `)); }