function MainComponent() { const [activeTab, setActiveTab] = React.useState("builder"); const [contracts, setContracts] = React.useState([]); const [wallets, setWallets] = React.useState([]); const [loading, setLoading] = React.useState(false); const [error, setError] = React.useState(null); // AI Contract Builder State const [contractPrompt, setContractPrompt] = React.useState(""); const [contractType, setContractType] = React.useState("defi"); const [contractName, setContractName] = React.useState(""); const [ticker, setTicker] = React.useState(""); const [generatedContract, setGeneratedContract] = React.useState(""); const [aiResponse, setAiResponse] = React.useState(""); const [streamingMessage, setStreamingMessage] = React.useState(""); const handleFinish = React.useCallback((message)=>{ setAiResponse(message); setStreamingMessage(""); // For now, just set the entire message as the contract code if it contains "contract" if (message.toLowerCase().includes("contract")) { setGeneratedContract(message); } }, []); const handleStreamResponse = useHandleStreamResponse({ onChunk: setStreamingMessage, onFinish: handleFinish }); // Load contracts and wallets on component mount React.useEffect(()=>{ loadContracts(); loadWallets(); handleUrlAlias(); }, []); const handleUrlAlias = ()=>{ const params = new URLSearchParams(window.location.search); const alias = params.get("u"); if (alias) { setActiveTab("viewer"); } }; const loadContracts = async ()=>{ try { const response = await fetch("/api/list-contracts", { method: "POST" }); if (!response.ok) throw new Error("Failed to load contracts"); const data = await response.json(); setContracts(data || []); } catch (error) { console.error("Error loading contracts:", error); } }; const loadWallets = async ()=>{ try { const response = await fetch("/api/list-wallets", { method: "POST" }); if (!response.ok) throw new Error("Failed to load wallets"); const data = await response.json(); setWallets(data || []); } catch (error) { console.error("Error loading wallets:", error); } }; const generateSmartContract = async ()=>{ if (!contractPrompt || !contractName || !ticker) { setError("Please fill in all required fields"); return; } setLoading(true); setError(null); setStreamingMessage(""); setAiResponse(""); const promptText = "Create a " + contractType + " smart contract with the following requirements:\n- Contract Name: " + contractName + "\n- Ticker: " + ticker + "\n- Type: " + contractType + "\n- Requirements: " + contractPrompt + "\n\nPlease generate a complete Solidity smart contract that includes:\n1. Proper contract structure\n2. Token functionality (if applicable)\n3. Security features\n4. Gas optimization\n5. Event logging\n6. Error handling\n\nFormat the response with the contract code in a solidity code block."; try { const response = await fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "user", content: promptText } ], stream: true }) }); handleStreamResponse(response); } catch (error) { console.error("Error generating contract:", error); setError("Failed to generate contract"); } finally{ setLoading(false); } }; const deployContract = async ()=>{ if (!generatedContract || !contractName || !ticker) { setError("Please generate a contract first"); return; } setLoading(true); try { const response = await fetch("/api/deploy-contract", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ contractName, ticker, contractType, contractCode: generatedContract }) }); if (!response.ok) throw new Error("Failed to deploy contract"); const result = await response.json(); setContracts([ ...contracts, result ]); // Reset form setContractPrompt(""); setContractName(""); setTicker(""); setGeneratedContract(""); setAiResponse(""); alert("Contract deployed successfully! Wallet Address: " + result.walletAddress); } catch (error) { console.error("Error deploying contract:", error); setError("Failed to deploy contract"); } finally{ setLoading(false); } }; const generateWallet = async (contractId)=>{ setLoading(true); try { const response = await fetch("/api/generate-wallet", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ contractId }) }); if (!response.ok) throw new Error("Failed to generate wallet"); const wallet = await response.json(); setWallets([ ...wallets, wallet ]); alert("Wallet generated! Address: " + wallet.walletAddress); } catch (error) { console.error("Error generating wallet:", error); setError("Failed to generate wallet"); } finally{ setLoading(false); } }; const copyToClipboard = (text)=>{ navigator.clipboard.writeText(text); alert("Copied to clipboard!"); }; const getContractUrl = (walletAddress)=>{ return window.location.origin + "/?u=" + walletAddress; }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-purple-900 via-blue-900 to-indigo-900 text-white", __source: { fileName: "", lineNumber: 186, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-8 max-w-[1200px]", __source: { fileName: "", lineNumber: 187, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 188, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-5xl font-bold bg-gradient-to-r from-yellow-400 to-orange-500 bg-clip-text text-transparent mb-4", __source: { fileName: "", lineNumber: 189, columnNumber: 11 }, __self: this }, "🚀 AI Crypto Smart Contract Builder"), /*#__PURE__*/ React.createElement("p", { className: "text-lg md:text-xl text-gray-300", __source: { fileName: "", lineNumber: 192, columnNumber: 11 }, __self: this }, "Create, Deploy & Manage Smart Contracts with AI Power")), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-500 text-white p-4 rounded-lg mb-6 mx-auto max-w-2xl", __source: { fileName: "", lineNumber: 198, columnNumber: 11 }, __self: this }, error, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setError(null), className: "float-right text-xl font-bold", __source: { fileName: "", lineNumber: 200, columnNumber: 13 }, __self: this }, "×")), /*#__PURE__*/ React.createElement("nav", { className: "flex flex-wrap justify-center gap-2 md:gap-4 mb-8", __source: { fileName: "", lineNumber: 209, columnNumber: 9 }, __self: this }, [ { id: "builder", label: "🤖 AI Builder" }, { id: "contracts", label: "📋 Contracts" }, { id: "wallets", label: "💰 Wallets" }, { id: "transfer", label: "💸 Transfer" }, { id: "balance", label: "📊 Balance" }, { id: "viewer", label: "🔍 Viewer" } ].map((tab)=>/*#__PURE__*/ React.createElement("button", { key: tab.id, onClick: ()=>setActiveTab(tab.id), className: "px-4 md:px-6 py-2 md:py-3 rounded-lg font-semibold transition-all text-sm md:text-base " + (activeTab === tab.id ? "bg-gradient-to-r from-yellow-400 to-orange-500 text-black" : "bg-gray-800 hover:bg-gray-700"), __source: { fileName: "", lineNumber: 218, columnNumber: 13 }, __self: this }, tab.label))), /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 233, columnNumber: 9 }, __self: this }, activeTab === "builder" && /*#__PURE__*/ React.createElement("div", { className: "bg-gray-800 rounded-xl p-4 md:p-6 shadow-2xl", __source: { fileName: "", lineNumber: 235, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl md:text-3xl font-bold mb-6 text-center", __source: { fileName: "", lineNumber: 236, columnNumber: 15 }, __self: this }, "🤖 AI Smart Contract Builder"), /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 gap-4 md:gap-6 mb-6", __source: { fileName: "", lineNumber: 240, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 241, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-2", __source: { fileName: "", lineNumber: 242, columnNumber: 19 }, __self: this }, "Contract Name"), /*#__PURE__*/ React.createElement("input", { type: "text", value: contractName, onChange: (e)=>setContractName(e.target.value), className: "w-full p-3 bg-gray-700 rounded-lg border border-gray-600 focus:border-yellow-400 focus:outline-none text-sm md:text-base", placeholder: "My Awesome Token", __source: { fileName: "", lineNumber: 245, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 254, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-2", __source: { fileName: "", lineNumber: 255, columnNumber: 19 }, __self: this }, "Ticker Symbol"), /*#__PURE__*/ React.createElement("input", { type: "text", value: ticker, onChange: (e)=>setTicker(e.target.value.toUpperCase()), className: "w-full p-3 bg-gray-700 rounded-lg border border-gray-600 focus:border-yellow-400 focus:outline-none text-sm md:text-base", placeholder: "MAT", __source: { fileName: "", lineNumber: 258, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 268, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-2", __source: { fileName: "", lineNumber: 269, columnNumber: 17 }, __self: this }, "Contract Type"), /*#__PURE__*/ React.createElement("select", { value: contractType, onChange: (e)=>setContractType(e.target.value), className: "w-full p-3 bg-gray-700 rounded-lg border border-gray-600 focus:border-yellow-400 focus:outline-none text-sm md:text-base", __source: { fileName: "", lineNumber: 272, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "defi", __source: { fileName: "", lineNumber: 277, columnNumber: 19 }, __self: this }, "🏦 DeFi Protocol"), /*#__PURE__*/ React.createElement("option", { value: "dapp", __source: { fileName: "", lineNumber: 278, columnNumber: 19 }, __self: this }, "📱 DApp Token"), /*#__PURE__*/ React.createElement("option", { value: "dao", __source: { fileName: "", lineNumber: 279, columnNumber: 19 }, __self: this }, "🏛️ DAO Governance"), /*#__PURE__*/ React.createElement("option", { value: "game", __source: { fileName: "", lineNumber: 280, columnNumber: 19 }, __self: this }, "🎮 Web3 Game"), /*#__PURE__*/ React.createElement("option", { value: "meme", __source: { fileName: "", lineNumber: 281, columnNumber: 19 }, __self: this }, "🐕 Meme Token"), /*#__PURE__*/ React.createElement("option", { value: "nft", __source: { fileName: "", lineNumber: 282, columnNumber: 19 }, __self: this }, "🎨 NFT Collection"))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 286, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-2", __source: { fileName: "", lineNumber: 287, columnNumber: 17 }, __self: this }, "Describe Your Contract"), /*#__PURE__*/ React.createElement("textarea", { value: contractPrompt, onChange: (e)=>setContractPrompt(e.target.value), className: "w-full p-3 bg-gray-700 rounded-lg border border-gray-600 focus:border-yellow-400 focus:outline-none h-24 md:h-32 text-sm md:text-base", placeholder: "Describe what you want your smart contract to do...", __source: { fileName: "", lineNumber: 290, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: generateSmartContract, disabled: loading, className: "w-full bg-gradient-to-r from-yellow-400 to-orange-500 text-black font-bold py-3 md:py-4 px-6 rounded-lg hover:from-yellow-500 hover:to-orange-600 transition-all disabled:opacity-50 text-sm md:text-base", __source: { fileName: "", lineNumber: 298, columnNumber: 15 }, __self: this }, loading ? "🤖 AI is thinking..." : "🚀 Generate Smart Contract"), (streamingMessage || aiResponse) && /*#__PURE__*/ React.createElement("div", { className: "mt-6 bg-gray-900 rounded-lg p-4", __source: { fileName: "", lineNumber: 309, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-2", __source: { fileName: "", lineNumber: 310, columnNumber: 19 }, __self: this }, "🤖 AI Response:"), /*#__PURE__*/ React.createElement("pre", { className: "whitespace-pre-wrap text-xs md:text-sm text-green-400 overflow-x-auto", __source: { fileName: "", lineNumber: 313, columnNumber: 19 }, __self: this }, streamingMessage || aiResponse)), generatedContract && /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 320, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-900 rounded-lg p-4 mb-4", __source: { fileName: "", lineNumber: 321, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-2", __source: { fileName: "", lineNumber: 322, columnNumber: 21 }, __self: this }, "📝 Generated Contract:"), /*#__PURE__*/ React.createElement("textarea", { value: generatedContract, onChange: (e)=>setGeneratedContract(e.target.value), className: "w-full h-48 md:h-64 p-3 bg-black text-green-400 rounded-lg font-mono text-xs md:text-sm", __source: { fileName: "", lineNumber: 325, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: deployContract, disabled: loading, className: "w-full bg-gradient-to-r from-green-400 to-blue-500 text-black font-bold py-3 px-6 rounded-lg hover:from-green-500 hover:to-blue-600 transition-all text-sm md:text-base", __source: { fileName: "", lineNumber: 332, columnNumber: 19 }, __self: this }, "🚀 Deploy Contract"))), activeTab === "contracts" && /*#__PURE__*/ React.createElement("div", { className: "bg-gray-800 rounded-xl p-4 md:p-6 shadow-2xl", __source: { fileName: "", lineNumber: 345, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl md:text-3xl font-bold mb-6 text-center", __source: { fileName: "", lineNumber: 346, columnNumber: 15 }, __self: this }, "📋 My Smart Contracts"), /*#__PURE__*/ React.createElement("div", { className: "grid gap-4 md:gap-6", __source: { fileName: "", lineNumber: 350, columnNumber: 15 }, __self: this }, contracts.map((contract)=>/*#__PURE__*/ React.createElement("div", { key: contract.id, className: "bg-gray-700 rounded-lg p-4 md:p-6 border border-gray-600", __source: { fileName: "", lineNumber: 352, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row md:justify-between md:items-start mb-4", __source: { fileName: "", lineNumber: 356, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4 md:mb-0", __source: { fileName: "", lineNumber: 357, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg md:text-xl font-bold text-yellow-400", __source: { fileName: "", lineNumber: 358, columnNumber: 25 }, __self: this }, contract.contract_name), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300 text-sm", __source: { fileName: "", lineNumber: 361, columnNumber: 25 }, __self: this }, "Ticker: ", contract.ticker), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300 text-sm", __source: { fileName: "", lineNumber: 364, columnNumber: 25 }, __self: this }, "Type: ", contract.contract_type), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300 text-sm", __source: { fileName: "", lineNumber: 367, columnNumber: 25 }, __self: this }, "Supply: ", contract.total_supply)), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-800 px-3 py-1 rounded-full text-xs", __source: { fileName: "", lineNumber: 371, columnNumber: 23 }, __self: this }, contract.contract_type && contract.contract_type.toUpperCase())), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 377, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-400 mb-1", __source: { fileName: "", lineNumber: 378, columnNumber: 23 }, __self: this }, "Wallet Address:"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 381, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("code", { className: "bg-black px-2 py-1 rounded text-green-400 text-xs break-all flex-1", __source: { fileName: "", lineNumber: 382, columnNumber: 25 }, __self: this }, contract.wallet_address), /*#__PURE__*/ React.createElement("button", { onClick: ()=>copyToClipboard(contract.wallet_address), className: "bg-blue-500 px-2 py-1 rounded text-xs hover:bg-blue-600 whitespace-nowrap", __source: { fileName: "", lineNumber: 385, columnNumber: 25 }, __self: this }, "📋"))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 396, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-400 mb-1", __source: { fileName: "", lineNumber: 397, columnNumber: 23 }, __self: this }, "Contract URL:"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 400, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("code", { className: "bg-black px-2 py-1 rounded text-blue-400 text-xs break-all flex-1", __source: { fileName: "", lineNumber: 401, columnNumber: 25 }, __self: this }, getContractUrl(contract.wallet_address)), /*#__PURE__*/ React.createElement("button", { onClick: ()=>copyToClipboard(getContractUrl(contract.wallet_address)), className: "bg-green-500 px-2 py-1 rounded text-xs hover:bg-green-600 whitespace-nowrap", __source: { fileName: "", lineNumber: 404, columnNumber: 25 }, __self: this }, "🔗"))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2", __source: { fileName: "", lineNumber: 417, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>generateWallet(contract.id), className: "bg-yellow-500 text-black px-3 md:px-4 py-2 rounded font-semibold hover:bg-yellow-600 text-xs md:text-sm", __source: { fileName: "", lineNumber: 418, columnNumber: 23 }, __self: this }, "💰 Generate Wallet"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>window.open(getContractUrl(contract.wallet_address), "_blank"), className: "bg-blue-500 px-3 md:px-4 py-2 rounded font-semibold hover:bg-blue-600 text-xs md:text-sm", __source: { fileName: "", lineNumber: 424, columnNumber: 23 }, __self: this }, "🔍 View Contract")))), contracts.length === 0 && /*#__PURE__*/ React.createElement("div", { className: "text-center py-12", __source: { fileName: "", lineNumber: 440, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 text-lg", __source: { fileName: "", lineNumber: 441, columnNumber: 21 }, __self: this }, "No contracts deployed yet."), /*#__PURE__*/ React.createElement("p", { className: "text-gray-500", __source: { fileName: "", lineNumber: 444, columnNumber: 21 }, __self: this }, "Go to AI Builder to create your first contract!")))), activeTab === "wallets" && /*#__PURE__*/ React.createElement("div", { className: "bg-gray-800 rounded-xl p-4 md:p-6 shadow-2xl", __source: { fileName: "", lineNumber: 454, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl md:text-3xl font-bold mb-6 text-center", __source: { fileName: "", lineNumber: 455, columnNumber: 15 }, __self: this }, "💰 My Wallets"), /*#__PURE__*/ React.createElement("div", { className: "grid gap-4 md:gap-6", __source: { fileName: "", lineNumber: 459, columnNumber: 15 }, __self: this }, wallets.map((wallet)=>/*#__PURE__*/ React.createElement("div", { key: wallet.id, className: "bg-gray-700 rounded-lg p-4 md:p-6 border border-gray-600", __source: { fileName: "", lineNumber: 461, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 465, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 466, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold text-yellow-400 mb-2", __source: { fileName: "", lineNumber: 467, columnNumber: 25 }, __self: this }, "Wallet Details"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 470, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 471, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-400", __source: { fileName: "", lineNumber: 472, columnNumber: 29 }, __self: this }, "Address:"), /*#__PURE__*/ React.createElement("code", { className: "bg-black px-2 py-1 rounded text-green-400 text-xs break-all block", __source: { fileName: "", lineNumber: 473, columnNumber: 29 }, __self: this }, wallet.wallet_address)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 477, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-400", __source: { fileName: "", lineNumber: 478, columnNumber: 29 }, __self: this }, "Balance:"), /*#__PURE__*/ React.createElement("p", { className: "text-white font-semibold", __source: { fileName: "", lineNumber: 479, columnNumber: 29 }, __self: this }, wallet.balance, " Coins")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 486, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold text-yellow-400 mb-2", __source: { fileName: "", lineNumber: 487, columnNumber: 25 }, __self: this }, "Private Key"), /*#__PURE__*/ React.createElement("code", { className: "bg-red-900 px-2 py-1 rounded text-red-400 text-xs break-all block", __source: { fileName: "", lineNumber: 490, columnNumber: 25 }, __self: this }, wallet.private_key), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-red-400 mt-1", __source: { fileName: "", lineNumber: 493, columnNumber: 25 }, __self: this }, "⚠️ Keep this secret!"))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2 mt-4", __source: { fileName: "", lineNumber: 499, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>copyToClipboard(wallet.wallet_address), className: "bg-blue-500 px-3 md:px-4 py-2 rounded font-semibold hover:bg-blue-600 text-xs md:text-sm", __source: { fileName: "", lineNumber: 500, columnNumber: 23 }, __self: this }, "📋 Copy Address")))), wallets.length === 0 && /*#__PURE__*/ React.createElement("div", { className: "text-center py-12", __source: { fileName: "", lineNumber: 511, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 text-lg", __source: { fileName: "", lineNumber: 512, columnNumber: 21 }, __self: this }, "No wallets generated yet."), /*#__PURE__*/ React.createElement("p", { className: "text-gray-500", __source: { fileName: "", lineNumber: 515, columnNumber: 21 }, __self: this }, "Deploy a contract first, then generate wallets!")))), activeTab === "transfer" && /*#__PURE__*/ React.createElement("div", { className: "bg-gray-800 rounded-xl p-4 md:p-6 shadow-2xl", __source: { fileName: "", lineNumber: 525, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl md:text-3xl font-bold mb-6 text-center", __source: { fileName: "", lineNumber: 526, columnNumber: 15 }, __self: this }, "💸 GChained Crain Transfer"), /*#__PURE__*/ React.createElement("div", { className: "text-center py-12", __source: { fileName: "", lineNumber: 529, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 text-lg", __source: { fileName: "", lineNumber: 530, columnNumber: 17 }, __self: this }, "Transfer system coming soon!"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-500", __source: { fileName: "", lineNumber: 533, columnNumber: 17 }, __self: this }, "Supports MetaMask, Trust Wallet, and external wallets"))), activeTab === "balance" && /*#__PURE__*/ React.createElement("div", { className: "bg-gray-800 rounded-xl p-4 md:p-6 shadow-2xl", __source: { fileName: "", lineNumber: 541, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl md:text-3xl font-bold mb-6 text-center", __source: { fileName: "", lineNumber: 542, columnNumber: 15 }, __self: this }, "📊 Balance Checker"), /*#__PURE__*/ React.createElement("div", { className: "text-center py-12", __source: { fileName: "", lineNumber: 545, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 text-lg", __source: { fileName: "", lineNumber: 546, columnNumber: 17 }, __self: this }, "Balance checking functionality"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-500", __source: { fileName: "", lineNumber: 549, columnNumber: 17 }, __self: this }, "Integrates with SheetDB API"))), activeTab === "viewer" && /*#__PURE__*/ React.createElement("div", { className: "bg-gray-800 rounded-xl p-4 md:p-6 shadow-2xl", __source: { fileName: "", lineNumber: 555, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl md:text-3xl font-bold mb-6 text-center", __source: { fileName: "", lineNumber: 556, columnNumber: 15 }, __self: this }, "🔍 Contract Viewer"), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 559, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-900 rounded-lg p-4 md:p-6 mb-6", __source: { fileName: "", lineNumber: 560, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg md:text-xl font-bold text-yellow-400 mb-4", __source: { fileName: "", lineNumber: 561, columnNumber: 19 }, __self: this }, "URL Alias System"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300 mb-4", __source: { fileName: "", lineNumber: 564, columnNumber: 19 }, __self: this }, "Contracts can be accessed via URL using their wallet address as alias:"), /*#__PURE__*/ React.createElement("code", { className: "bg-black px-3 py-2 rounded text-green-400 text-xs md:text-sm break-all block", __source: { fileName: "", lineNumber: 568, columnNumber: 19 }, __self: this }, window.location.origin, "/?u=WALLET_ADDRESS")), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-700 rounded-lg p-4", __source: { fileName: "", lineNumber: 573, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-semibold text-yellow-400 mb-2", __source: { fileName: "", lineNumber: 574, columnNumber: 19 }, __self: this }, "How it works:"), /*#__PURE__*/ React.createElement("ul", { className: "text-gray-300 text-sm space-y-2 text-left max-w-md mx-auto", __source: { fileName: "", lineNumber: 577, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 578, columnNumber: 21 }, __self: this }, "• Deploy a smart contract"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 579, columnNumber: 21 }, __self: this }, "• Get the wallet address"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 580, columnNumber: 21 }, __self: this }, "• Share the URL with the wallet address as the 'u' parameter"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 584, columnNumber: 21 }, __self: this }, "• Anyone can access the contract directly via the URL")))))))); }