function MainComponent() { const [blockchainPlatform, setBlockchainPlatform] = useState(""); const [nativeCurrency, setNativeCurrency] = useState(""); const [user, setUser] = useState(""); const [users, setUsers] = useState([]); const [contractDetails, setContractDetails] = useState(""); const [appDetails, setAppDetails] = useState(""); const [content, setContent] = useState(""); const [messages, setMessages] = useState([]); const [aiPrompt, setAiPrompt] = useState(""); const [aiResponse, setAiResponse] = useState(""); const [aiLoading, setAiLoading] = useState(false); const handleRegisterUser = async ()=>{ if (user) { const response = await fetch("/api/digital-economy-platform", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ action: "register_user", blockchain_platform: blockchainPlatform, native_currency: nativeCurrency, user }) }); const result = await response.json(); setMessages((prev)=>[ ...prev, result.message ]); setUsers((prev)=>[ ...prev, user ]); setUser(""); } }; const handleAiQuery = async ()=>{ if (!aiPrompt) return; setAiLoading(true); try { const response = await fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "system", content: "You are a knowledgeable blockchain and digital economy expert. Provide concise, practical advice." }, { role: "user", content: aiPrompt } ] }) }); const data = await response.json(); setAiResponse(data.choices[0].message.content); } catch (error) { setAiResponse("Sorry, I couldn't process your request. Please try again."); } finally{ setAiLoading(false); setAiPrompt(""); } }; const handleFinishSetup = async ()=>{ const actions = [ { action: "create_smart_contract", contract_details: contractDetails }, { action: "build_defi_application", app_details: appDetails }, { action: "develop_nft_marketplace" }, { action: "create_microtransaction_system" }, { action: "engage_community", content }, { action: "implement_monetization" }, { action: "ensure_compliance" }, { action: "adopt_sustainability" }, { action: "develop_infrastructure" }, { action: "collect_feedback" }, { action: "adapt_market" }, { action: "promote_diversity" }, { action: "explore_social_impact" } ]; for (const action of actions){ const response = await fetch("/api/digital-economy-platform", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ ...action, blockchain_platform: blockchainPlatform, native_currency: nativeCurrency }) }); const result = await response.json(); setMessages((prev)=>[ ...prev, result.message ]); } }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col p-8 max-w-2xl mx-auto gap-6 font-roboto bg-[#1a1b1e] text-gray-200 min-h-screen", __source: { fileName: "", lineNumber: 99, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col gap-4", __source: { fileName: "", lineNumber: 100, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: blockchainPlatform, onChange: (e)=>setBlockchainPlatform(e.target.value), placeholder: "Enter blockchain platform", className: "p-2 border rounded bg-[#25262b] border-[#2c2e33] focus:border-[#3b82f6] outline-none", name: "blockchain", __source: { fileName: "", lineNumber: 101, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", value: nativeCurrency, onChange: (e)=>setNativeCurrency(e.target.value), placeholder: "Enter native currency", className: "p-2 border rounded bg-[#25262b] border-[#2c2e33] focus:border-[#3b82f6] outline-none", name: "currency", __source: { fileName: "", lineNumber: 109, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 118, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: user, onChange: (e)=>setUser(e.target.value), placeholder: "Enter username", className: "p-2 border rounded flex-1 bg-[#25262b] border-[#2c2e33] focus:border-[#3b82f6] outline-none", name: "user", __source: { fileName: "", lineNumber: 119, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleRegisterUser, className: "bg-[#3b82f6] text-white px-4 py-2 rounded hover:bg-[#2563eb] transition-colors", __source: { fileName: "", lineNumber: 127, columnNumber: 9 }, __self: this }, "Register User")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col gap-4", __source: { fileName: "", lineNumber: 135, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: contractDetails, onChange: (e)=>setContractDetails(e.target.value), placeholder: "Enter smart contract details", className: "p-2 border rounded bg-[#25262b] border-[#2c2e33] focus:border-[#3b82f6] outline-none", name: "contract", __source: { fileName: "", lineNumber: 136, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", value: appDetails, onChange: (e)=>setAppDetails(e.target.value), placeholder: "Enter DeFi app details", className: "p-2 border rounded bg-[#25262b] border-[#2c2e33] focus:border-[#3b82f6] outline-none", name: "app", __source: { fileName: "", lineNumber: 144, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", value: content, onChange: (e)=>setContent(e.target.value), placeholder: "Enter community content", className: "p-2 border rounded bg-[#25262b] border-[#2c2e33] focus:border-[#3b82f6] outline-none", name: "content", __source: { fileName: "", lineNumber: 152, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: handleFinishSetup, className: "bg-[#22c55e] text-white px-4 py-2 rounded hover:bg-[#16a34a] transition-colors", __source: { fileName: "", lineNumber: 162, columnNumber: 7 }, __self: this }, "Complete Platform Setup"), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 168, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2 text-[#3b82f6]", __source: { fileName: "", lineNumber: 169, columnNumber: 9 }, __self: this }, "Registered Users:"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-4 text-gray-300", __source: { fileName: "", lineNumber: 170, columnNumber: 9 }, __self: this }, users.map((u, i)=>/*#__PURE__*/ React.createElement("li", { key: i, __source: { fileName: "", lineNumber: 172, columnNumber: 13 }, __self: this }, u)))), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 177, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2 text-[#3b82f6]", __source: { fileName: "", lineNumber: 178, columnNumber: 9 }, __self: this }, "System Messages:"), /*#__PURE__*/ React.createElement("div", { className: "border rounded p-4 bg-[#25262b] border-[#2c2e33]", __source: { fileName: "", lineNumber: 179, columnNumber: 9 }, __self: this }, messages.map((message, i)=>/*#__PURE__*/ React.createElement("div", { key: i, className: "mb-2 text-gray-300", __source: { fileName: "", lineNumber: 181, columnNumber: 13 }, __self: this }, message)))), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 188, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2 text-[#3b82f6]", __source: { fileName: "", lineNumber: 189, columnNumber: 9 }, __self: this }, "AI Assistant"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col gap-4", __source: { fileName: "", lineNumber: 190, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: aiPrompt, onChange: (e)=>setAiPrompt(e.target.value), placeholder: "Ask AI about blockchain and digital economy", className: "p-2 border rounded bg-[#25262b] border-[#2c2e33] focus:border-[#3b82f6] outline-none", name: "ai-prompt", __source: { fileName: "", lineNumber: 191, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleAiQuery, disabled: aiLoading, className: "bg-[#3b82f6] text-white px-4 py-2 rounded hover:bg-[#2563eb] transition-colors disabled:opacity-50", __source: { fileName: "", lineNumber: 199, columnNumber: 11 }, __self: this }, aiLoading ? "Thinking..." : "Ask AI"), aiResponse && /*#__PURE__*/ React.createElement("div", { className: "border rounded p-4 bg-[#25262b] border-[#2c2e33] whitespace-pre-wrap", __source: { fileName: "", lineNumber: 207, columnNumber: 13 }, __self: this }, aiResponse)))); }