function MainComponent() { const [activeTab, setActiveTab] = React.useState("create"); const [loading, setLoading] = React.useState(false); const [error, setError] = React.useState(null); const [success, setSuccess] = React.useState(null); // Contract creation state const [contractForm, setContractForm] = React.useState({ name: "", ticker: "", contractType: "defi", requirements: "" }); const [generatedContract, setGeneratedContract] = React.useState(null); // Wallet state const [walletForm, setWalletForm] = React.useState({ contractId: "" }); const [createdWallet, setCreatedWallet] = React.useState(null); // Mining state const [miningForm, setMiningForm] = React.useState({ walletAddress: "", contractId: "", miningAmount: "" }); const [miningResult, setMiningResult] = React.useState(null); // Transfer state const [transferForm, setTransferForm] = React.useState({ fromWalletAddress: "", toWalletAddress: "", amount: "", contractId: "" }); const [transferResult, setTransferResult] = React.useState(null); // Balance check state const [balanceForm, setBalanceForm] = React.useState({ walletAddress: "", privateKey: "", contractId: "" }); const [balanceResult, setBalanceResult] = React.useState(null); const [streamingMessage, setStreamingMessage] = React.useState(""); const [messages, setMessages] = React.useState([]); const handleFinish = React.useCallback((message)=>{ setMessages((prev)=>[ ...prev, { role: "assistant", content: message } ]); setStreamingMessage(""); }, []); const handleStreamResponse = useHandleStreamResponse({ onChunk: setStreamingMessage, onFinish: handleFinish }); const handleCreateContract = async (e)=>{ e.preventDefault(); setLoading(true); setError(null); setSuccess(null); try { const response = await fetch("/api/generate-contract", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(contractForm) }); const result = await response.json(); if (result.error) { setError(result.error); } else { setGeneratedContract(result.contract); setSuccess("Smart contract generated successfully!"); setContractForm({ name: "", ticker: "", contractType: "defi", requirements: "" }); } } catch (err) { setError("Failed to generate contract: " + err.message); } finally{ setLoading(false); } }; const handleCreateWallet = async (e)=>{ e.preventDefault(); setLoading(true); setError(null); try { const response = await fetch("/api/create-wallet", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(walletForm) }); const result = await response.json(); if (result.error) { setError(result.error); } else { setCreatedWallet(result.wallet); setSuccess("Wallet created successfully!"); setWalletForm({ contractId: "" }); } } catch (err) { setError("Failed to create wallet: " + err.message); } finally{ setLoading(false); } }; const handleMineCoins = async (e)=>{ e.preventDefault(); setLoading(true); setError(null); try { const response = await fetch("/api/mine-coins", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(miningForm) }); const result = await response.json(); if (result.error) { setError(result.error); } else { setMiningResult(result.mining); setSuccess("Mining completed successfully!"); setMiningForm({ walletAddress: "", contractId: "", miningAmount: "" }); } } catch (err) { setError("Failed to mine coins: " + err.message); } finally{ setLoading(false); } }; const handleTransferCoins = async (e)=>{ e.preventDefault(); setLoading(true); setError(null); try { const response = await fetch("/api/transfer-coins", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(transferForm) }); const result = await response.json(); if (result.error) { setError(result.error); } else { setTransferResult(result.transfer); setSuccess("Transfer completed successfully!"); setTransferForm({ fromWalletAddress: "", toWalletAddress: "", amount: "", contractId: "" }); } } catch (err) { setError("Failed to transfer coins: " + err.message); } finally{ setLoading(false); } }; const handleCheckBalance = async (e)=>{ e.preventDefault(); setLoading(true); setError(null); try { const response = await fetch("/api/get-balance", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(balanceForm) }); const result = await response.json(); if (result.error) { setError(result.error); } else { setBalanceResult(result); setSuccess("Balance retrieved successfully!"); } } catch (err) { setError("Failed to check balance: " + err.message); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-purple-900 via-blue-900 to-indigo-900", __source: { fileName: "", lineNumber: 211, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-8", __source: { fileName: "", lineNumber: 212, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 213, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-6xl font-bold text-white mb-4", __source: { fileName: "", lineNumber: 214, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-robot mr-4", __source: { fileName: "", lineNumber: 215, columnNumber: 13 }, __self: this }), "AI Crypto Smart Contract Builder"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-gray-300 max-w-3xl mx-auto", __source: { fileName: "", lineNumber: 218, columnNumber: 11 }, __self: this }, "Generate, deploy, and manage smart contracts for DeFi, DAOs, NFTs, Web3 Games, and more using AI technology")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center mb-8 bg-black/20 rounded-lg p-2", __source: { fileName: "", lineNumber: 225, columnNumber: 9 }, __self: this }, [ { id: "create", label: "Create Contract", icon: "fas fa-code" }, { id: "wallet", label: "Create Wallet", icon: "fas fa-wallet" }, { id: "mine", label: "Mine Coins", icon: "fas fa-pickaxe" }, { id: "transfer", label: "GChained Transfer", icon: "fas fa-exchange-alt" }, { id: "balance", label: "Check Balance", icon: "fas fa-balance-scale" } ].map((tab)=>/*#__PURE__*/ React.createElement("button", { key: tab.id, onClick: ()=>setActiveTab(tab.id), className: `px-4 py-2 m-1 rounded-lg font-medium transition-all ${activeTab === tab.id ? "bg-blue-600 text-white shadow-lg" : "bg-gray-700 text-gray-300 hover:bg-gray-600"}`, __source: { fileName: "", lineNumber: 241, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${tab.icon} mr-2`, __source: { fileName: "", lineNumber: 250, columnNumber: 15 }, __self: this }), tab.label))), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-500/20 border border-red-500 text-red-100 px-4 py-3 rounded-lg mb-6", __source: { fileName: "", lineNumber: 258, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-triangle mr-2", __source: { fileName: "", lineNumber: 259, columnNumber: 13 }, __self: this }), error), success && /*#__PURE__*/ React.createElement("div", { className: "bg-green-500/20 border border-green-500 text-green-100 px-4 py-3 rounded-lg mb-6", __source: { fileName: "", lineNumber: 265, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle mr-2", __source: { fileName: "", lineNumber: 266, columnNumber: 13 }, __self: this }), success), activeTab === "create" && /*#__PURE__*/ React.createElement("div", { className: "bg-black/30 rounded-lg p-6 mb-8", __source: { fileName: "", lineNumber: 273, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-white mb-6", __source: { fileName: "", lineNumber: 274, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-code mr-3", __source: { fileName: "", lineNumber: 275, columnNumber: 15 }, __self: this }), "AI Smart Contract Generator"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleCreateContract, className: "space-y-6", __source: { fileName: "", lineNumber: 279, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 280, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 281, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-300 font-medium mb-2", __source: { fileName: "", lineNumber: 282, columnNumber: 19 }, __self: this }, "Contract Name"), /*#__PURE__*/ React.createElement("input", { type: "text", value: contractForm.name, onChange: (e)=>setContractForm({ ...contractForm, name: e.target.value }), className: "w-full px-4 py-3 bg-gray-800 border border-gray-600 rounded-lg text-white focus:border-blue-500 focus:outline-none", placeholder: "e.g., MyToken", required: true, __source: { fileName: "", lineNumber: 285, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 297, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-300 font-medium mb-2", __source: { fileName: "", lineNumber: 298, columnNumber: 19 }, __self: this }, "Ticker Symbol"), /*#__PURE__*/ React.createElement("input", { type: "text", value: contractForm.ticker, onChange: (e)=>setContractForm({ ...contractForm, ticker: e.target.value.toUpperCase() }), className: "w-full px-4 py-3 bg-gray-800 border border-gray-600 rounded-lg text-white focus:border-blue-500 focus:outline-none", placeholder: "e.g., MTK", maxLength: "10", required: true, __source: { fileName: "", lineNumber: 301, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 318, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-300 font-medium mb-2", __source: { fileName: "", lineNumber: 319, columnNumber: 17 }, __self: this }, "Contract Type"), /*#__PURE__*/ React.createElement("select", { value: contractForm.contractType, onChange: (e)=>setContractForm({ ...contractForm, contractType: e.target.value }), className: "w-full px-4 py-3 bg-gray-800 border border-gray-600 rounded-lg text-white focus:border-blue-500 focus:outline-none", __source: { fileName: "", lineNumber: 322, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "defi", __source: { fileName: "", lineNumber: 332, columnNumber: 19 }, __self: this }, "DeFi Token"), /*#__PURE__*/ React.createElement("option", { value: "dapp", __source: { fileName: "", lineNumber: 333, columnNumber: 19 }, __self: this }, "DApp Token"), /*#__PURE__*/ React.createElement("option", { value: "dao", __source: { fileName: "", lineNumber: 334, columnNumber: 19 }, __self: this }, "DAO Governance Token"), /*#__PURE__*/ React.createElement("option", { value: "web3games", __source: { fileName: "", lineNumber: 335, columnNumber: 19 }, __self: this }, "Web3 Gaming Token"), /*#__PURE__*/ React.createElement("option", { value: "meme", __source: { fileName: "", lineNumber: 336, columnNumber: 19 }, __self: this }, "Meme Token"), /*#__PURE__*/ React.createElement("option", { value: "nft", __source: { fileName: "", lineNumber: 337, columnNumber: 19 }, __self: this }, "NFT Collection"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 341, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-300 font-medium mb-2", __source: { fileName: "", lineNumber: 342, columnNumber: 17 }, __self: this }, "Additional Requirements"), /*#__PURE__*/ React.createElement("textarea", { value: contractForm.requirements, onChange: (e)=>setContractForm({ ...contractForm, requirements: e.target.value }), className: "w-full px-4 py-3 bg-gray-800 border border-gray-600 rounded-lg text-white focus:border-blue-500 focus:outline-none h-32", placeholder: "Describe any specific features, tokenomics, or functionality you want...", __source: { fileName: "", lineNumber: 345, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full bg-gradient-to-r from-blue-600 to-purple-600 text-white font-bold py-4 px-6 rounded-lg hover:from-blue-700 hover:to-purple-700 transition-all disabled:opacity-50", __source: { fileName: "", lineNumber: 358, columnNumber: 15 }, __self: this }, loading ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 365, columnNumber: 21 }, __self: this }), "Generating Smart Contract...") : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-magic mr-2", __source: { fileName: "", lineNumber: 370, columnNumber: 21 }, __self: this }), "Generate Smart Contract with AI"))), generatedContract && /*#__PURE__*/ React.createElement("div", { className: "mt-8 bg-gray-900 rounded-lg p-6", __source: { fileName: "", lineNumber: 379, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold text-white mb-4", __source: { fileName: "", lineNumber: 380, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-green-500 mr-2", __source: { fileName: "", lineNumber: 381, columnNumber: 19 }, __self: this }), "Contract Generated Successfully!"), /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 gap-6 mb-6", __source: { fileName: "", lineNumber: 385, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 386, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 387, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 388, columnNumber: 23 }, __self: this }, "Name:"), /*#__PURE__*/ React.createElement("span", { className: "text-white ml-2 font-medium", __source: { fileName: "", lineNumber: 389, columnNumber: 23 }, __self: this }, generatedContract.name)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 393, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 394, columnNumber: 23 }, __self: this }, "Ticker:"), /*#__PURE__*/ React.createElement("span", { className: "text-white ml-2 font-medium", __source: { fileName: "", lineNumber: 395, columnNumber: 23 }, __self: this }, generatedContract.ticker)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 399, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 400, columnNumber: 23 }, __self: this }, "Type:"), /*#__PURE__*/ React.createElement("span", { className: "text-white ml-2 font-medium capitalize", __source: { fileName: "", lineNumber: 401, columnNumber: 23 }, __self: this }, generatedContract.contractType))), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 407, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 408, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 409, columnNumber: 23 }, __self: this }, "Wallet Address:"), /*#__PURE__*/ React.createElement("div", { className: "text-white font-mono text-sm bg-gray-800 p-2 rounded mt-1 break-all", __source: { fileName: "", lineNumber: 410, columnNumber: 23 }, __self: this }, generatedContract.walletAddress)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 414, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 415, columnNumber: 23 }, __self: this }, "Web Link:"), /*#__PURE__*/ React.createElement("a", { href: generatedContract.webLink, target: "_blank", rel: "noopener noreferrer", className: "text-blue-400 hover:text-blue-300 ml-2 underline", __source: { fileName: "", lineNumber: 416, columnNumber: 23 }, __self: this }, "View on Etherscan")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 428, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400 block mb-2", __source: { fileName: "", lineNumber: 429, columnNumber: 19 }, __self: this }, "Smart Contract Code:"), /*#__PURE__*/ React.createElement("pre", { className: "bg-gray-800 p-4 rounded-lg text-sm text-gray-300 overflow-x-auto max-h-96", __source: { fileName: "", lineNumber: 432, columnNumber: 19 }, __self: this }, generatedContract.contractCode)))), activeTab === "wallet" && /*#__PURE__*/ React.createElement("div", { className: "bg-black/30 rounded-lg p-6 mb-8", __source: { fileName: "", lineNumber: 443, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-white mb-6", __source: { fileName: "", lineNumber: 444, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-wallet mr-3", __source: { fileName: "", lineNumber: 445, columnNumber: 15 }, __self: this }), "Create New Wallet"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleCreateWallet, className: "space-y-6", __source: { fileName: "", lineNumber: 449, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 450, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-300 font-medium mb-2", __source: { fileName: "", lineNumber: 451, columnNumber: 17 }, __self: this }, "Contract ID (Optional)"), /*#__PURE__*/ React.createElement("input", { type: "number", value: walletForm.contractId, onChange: (e)=>setWalletForm({ ...walletForm, contractId: e.target.value }), className: "w-full px-4 py-3 bg-gray-800 border border-gray-600 rounded-lg text-white focus:border-blue-500 focus:outline-none", placeholder: "Leave empty for standalone wallet", __source: { fileName: "", lineNumber: 454, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full bg-gradient-to-r from-green-600 to-blue-600 text-white font-bold py-4 px-6 rounded-lg hover:from-green-700 hover:to-blue-700 transition-all disabled:opacity-50", __source: { fileName: "", lineNumber: 465, columnNumber: 15 }, __self: this }, loading ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 472, columnNumber: 21 }, __self: this }), "Creating Wallet...") : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus mr-2", __source: { fileName: "", lineNumber: 477, columnNumber: 21 }, __self: this }), "Generate New Wallet"))), createdWallet && /*#__PURE__*/ React.createElement("div", { className: "mt-8 bg-gray-900 rounded-lg p-6", __source: { fileName: "", lineNumber: 486, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold text-white mb-4", __source: { fileName: "", lineNumber: 487, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-green-500 mr-2", __source: { fileName: "", lineNumber: 488, columnNumber: 19 }, __self: this }), "Wallet Created Successfully!"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 492, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 493, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400 block mb-1", __source: { fileName: "", lineNumber: 494, columnNumber: 21 }, __self: this }, "Wallet Address:"), /*#__PURE__*/ React.createElement("div", { className: "text-white font-mono text-sm bg-gray-800 p-3 rounded break-all", __source: { fileName: "", lineNumber: 497, columnNumber: 21 }, __self: this }, createdWallet.walletAddress)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 502, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400 block mb-1", __source: { fileName: "", lineNumber: 503, columnNumber: 21 }, __self: this }, "Public Key:"), /*#__PURE__*/ React.createElement("div", { className: "text-white font-mono text-sm bg-gray-800 p-3 rounded break-all", __source: { fileName: "", lineNumber: 506, columnNumber: 21 }, __self: this }, createdWallet.publicKey)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 511, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400 block mb-1", __source: { fileName: "", lineNumber: 512, columnNumber: 21 }, __self: this }, "Private Key:"), /*#__PURE__*/ React.createElement("div", { className: "text-red-300 font-mono text-sm bg-gray-800 p-3 rounded break-all", __source: { fileName: "", lineNumber: 515, columnNumber: 21 }, __self: this }, createdWallet.privateKey), /*#__PURE__*/ React.createElement("p", { className: "text-red-400 text-sm mt-1", __source: { fileName: "", lineNumber: 518, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-triangle mr-1", __source: { fileName: "", lineNumber: 519, columnNumber: 23 }, __self: this }), "Keep your private key secure and never share it!")), /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 524, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 525, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 526, columnNumber: 23 }, __self: this }, "Balance:"), /*#__PURE__*/ React.createElement("span", { className: "text-white ml-2 font-medium", __source: { fileName: "", lineNumber: 527, columnNumber: 23 }, __self: this }, createdWallet.balance)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 531, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 532, columnNumber: 23 }, __self: this }, "Contract ID:"), /*#__PURE__*/ React.createElement("span", { className: "text-white ml-2 font-medium", __source: { fileName: "", lineNumber: 533, columnNumber: 23 }, __self: this }, createdWallet.contractId || "Standalone")))))), activeTab === "mine" && /*#__PURE__*/ React.createElement("div", { className: "bg-black/30 rounded-lg p-6 mb-8", __source: { fileName: "", lineNumber: 546, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-white mb-6", __source: { fileName: "", lineNumber: 547, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-pickaxe mr-3", __source: { fileName: "", lineNumber: 548, columnNumber: 15 }, __self: this }), "Mine Coins"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleMineCoins, className: "space-y-6", __source: { fileName: "", lineNumber: 552, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 553, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-300 font-medium mb-2", __source: { fileName: "", lineNumber: 554, columnNumber: 17 }, __self: this }, "Wallet Address"), /*#__PURE__*/ React.createElement("input", { type: "text", value: miningForm.walletAddress, onChange: (e)=>setMiningForm({ ...miningForm, walletAddress: e.target.value }), className: "w-full px-4 py-3 bg-gray-800 border border-gray-600 rounded-lg text-white focus:border-blue-500 focus:outline-none", placeholder: "0x...", required: true, __source: { fileName: "", lineNumber: 557, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 572, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 573, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-300 font-medium mb-2", __source: { fileName: "", lineNumber: 574, columnNumber: 19 }, __self: this }, "Contract ID"), /*#__PURE__*/ React.createElement("input", { type: "number", value: miningForm.contractId, onChange: (e)=>setMiningForm({ ...miningForm, contractId: e.target.value }), className: "w-full px-4 py-3 bg-gray-800 border border-gray-600 rounded-lg text-white focus:border-blue-500 focus:outline-none", placeholder: "Contract ID", required: true, __source: { fileName: "", lineNumber: 577, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 592, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-300 font-medium mb-2", __source: { fileName: "", lineNumber: 593, columnNumber: 19 }, __self: this }, "Mining Amount"), /*#__PURE__*/ React.createElement("input", { type: "number", step: "0.00000001", value: miningForm.miningAmount, onChange: (e)=>setMiningForm({ ...miningForm, miningAmount: e.target.value }), className: "w-full px-4 py-3 bg-gray-800 border border-gray-600 rounded-lg text-white focus:border-blue-500 focus:outline-none", placeholder: "Amount to mine", required: true, __source: { fileName: "", lineNumber: 596, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full bg-gradient-to-r from-yellow-600 to-orange-600 text-white font-bold py-4 px-6 rounded-lg hover:from-yellow-700 hover:to-orange-700 transition-all disabled:opacity-50", __source: { fileName: "", lineNumber: 613, columnNumber: 15 }, __self: this }, loading ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 620, columnNumber: 21 }, __self: this }), "Mining in Progress...") : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-pickaxe mr-2", __source: { fileName: "", lineNumber: 625, columnNumber: 21 }, __self: this }), "Start Mining"))), miningResult && /*#__PURE__*/ React.createElement("div", { className: "mt-8 bg-gray-900 rounded-lg p-6", __source: { fileName: "", lineNumber: 634, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold text-white mb-4", __source: { fileName: "", lineNumber: 635, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-green-500 mr-2", __source: { fileName: "", lineNumber: 636, columnNumber: 19 }, __self: this }), "Mining Completed!"), /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 640, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 641, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 642, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 643, columnNumber: 23 }, __self: this }, "Contract:"), /*#__PURE__*/ React.createElement("span", { className: "text-white ml-2 font-medium", __source: { fileName: "", lineNumber: 644, columnNumber: 23 }, __self: this }, miningResult.contractName, " (", miningResult.ticker, ")")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 648, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 649, columnNumber: 23 }, __self: this }, "Mined Amount:"), /*#__PURE__*/ React.createElement("span", { className: "text-green-400 ml-2 font-medium", __source: { fileName: "", lineNumber: 650, columnNumber: 23 }, __self: this }, "+", miningResult.minedAmount, " ", miningResult.ticker)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 654, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 655, columnNumber: 23 }, __self: this }, "Previous Balance:"), /*#__PURE__*/ React.createElement("span", { className: "text-white ml-2 font-medium", __source: { fileName: "", lineNumber: 656, columnNumber: 23 }, __self: this }, miningResult.previousBalance, " ", miningResult.ticker))), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 662, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 663, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 664, columnNumber: 23 }, __self: this }, "New Balance:"), /*#__PURE__*/ React.createElement("span", { className: "text-green-400 ml-2 font-medium", __source: { fileName: "", lineNumber: 665, columnNumber: 23 }, __self: this }, miningResult.newBalance, " ", miningResult.ticker)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 669, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 670, columnNumber: 23 }, __self: this }, "Block Hash:"), /*#__PURE__*/ React.createElement("div", { className: "text-white font-mono text-sm bg-gray-800 p-2 rounded mt-1 break-all", __source: { fileName: "", lineNumber: 671, columnNumber: 23 }, __self: this }, miningResult.blockHash)))))), activeTab === "transfer" && /*#__PURE__*/ React.createElement("div", { className: "bg-black/30 rounded-lg p-6 mb-8", __source: { fileName: "", lineNumber: 684, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-white mb-6", __source: { fileName: "", lineNumber: 685, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exchange-alt mr-3", __source: { fileName: "", lineNumber: 686, columnNumber: 15 }, __self: this }), "GChained Crain Transfer"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleTransferCoins, className: "space-y-6", __source: { fileName: "", lineNumber: 690, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 691, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-300 font-medium mb-2", __source: { fileName: "", lineNumber: 692, columnNumber: 17 }, __self: this }, "From Wallet Address"), /*#__PURE__*/ React.createElement("input", { type: "text", value: transferForm.fromWalletAddress, onChange: (e)=>setTransferForm({ ...transferForm, fromWalletAddress: e.target.value }), className: "w-full px-4 py-3 bg-gray-800 border border-gray-600 rounded-lg text-white focus:border-blue-500 focus:outline-none", placeholder: "0x...", required: true, __source: { fileName: "", lineNumber: 695, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 710, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-300 font-medium mb-2", __source: { fileName: "", lineNumber: 711, columnNumber: 17 }, __self: this }, "To Wallet Address"), /*#__PURE__*/ React.createElement("input", { type: "text", value: transferForm.toWalletAddress, onChange: (e)=>setTransferForm({ ...transferForm, toWalletAddress: e.target.value }), className: "w-full px-4 py-3 bg-gray-800 border border-gray-600 rounded-lg text-white focus:border-blue-500 focus:outline-none", placeholder: "0x... (MetaMask, TrustWallet, or any wallet address)", required: true, __source: { fileName: "", lineNumber: 714, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 729, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 730, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-300 font-medium mb-2", __source: { fileName: "", lineNumber: 731, columnNumber: 19 }, __self: this }, "Amount"), /*#__PURE__*/ React.createElement("input", { type: "number", step: "0.00000001", value: transferForm.amount, onChange: (e)=>setTransferForm({ ...transferForm, amount: e.target.value }), className: "w-full px-4 py-3 bg-gray-800 border border-gray-600 rounded-lg text-white focus:border-blue-500 focus:outline-none", placeholder: "Amount to transfer", required: true, __source: { fileName: "", lineNumber: 734, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 750, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-300 font-medium mb-2", __source: { fileName: "", lineNumber: 751, columnNumber: 19 }, __self: this }, "Contract ID"), /*#__PURE__*/ React.createElement("input", { type: "number", value: transferForm.contractId, onChange: (e)=>setTransferForm({ ...transferForm, contractId: e.target.value }), className: "w-full px-4 py-3 bg-gray-800 border border-gray-600 rounded-lg text-white focus:border-blue-500 focus:outline-none", placeholder: "Contract ID", required: true, __source: { fileName: "", lineNumber: 754, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full bg-gradient-to-r from-purple-600 to-pink-600 text-white font-bold py-4 px-6 rounded-lg hover:from-purple-700 hover:to-pink-700 transition-all disabled:opacity-50", __source: { fileName: "", lineNumber: 770, columnNumber: 15 }, __self: this }, loading ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 777, columnNumber: 21 }, __self: this }), "Processing Transfer...") : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-paper-plane mr-2", __source: { fileName: "", lineNumber: 782, columnNumber: 21 }, __self: this }), "Send GChained Transfer"))), transferResult && /*#__PURE__*/ React.createElement("div", { className: "mt-8 bg-gray-900 rounded-lg p-6", __source: { fileName: "", lineNumber: 791, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold text-white mb-4", __source: { fileName: "", lineNumber: 792, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-green-500 mr-2", __source: { fileName: "", lineNumber: 793, columnNumber: 19 }, __self: this }), "Transfer Completed!"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 797, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 798, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400 block mb-1", __source: { fileName: "", lineNumber: 799, columnNumber: 21 }, __self: this }, "Transaction Hash:"), /*#__PURE__*/ React.createElement("div", { className: "text-white font-mono text-sm bg-gray-800 p-3 rounded break-all", __source: { fileName: "", lineNumber: 802, columnNumber: 21 }, __self: this }, transferResult.transactionHash)), /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 807, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 808, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 809, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 810, columnNumber: 25 }, __self: this }, "From:"), /*#__PURE__*/ React.createElement("div", { className: "text-white font-mono text-sm bg-gray-800 p-2 rounded mt-1 break-all", __source: { fileName: "", lineNumber: 811, columnNumber: 25 }, __self: this }, transferResult.fromWalletAddress)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 815, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 816, columnNumber: 25 }, __self: this }, "Amount:"), /*#__PURE__*/ React.createElement("span", { className: "text-red-400 ml-2 font-medium", __source: { fileName: "", lineNumber: 817, columnNumber: 25 }, __self: this }, "-", transferResult.amount, " ", transferResult.ticker)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 821, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 822, columnNumber: 25 }, __self: this }, "New Balance:"), /*#__PURE__*/ React.createElement("span", { className: "text-white ml-2 font-medium", __source: { fileName: "", lineNumber: 823, columnNumber: 25 }, __self: this }, transferResult.fromBalanceAfter, " ", transferResult.ticker))), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 830, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 831, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 832, columnNumber: 25 }, __self: this }, "To:"), /*#__PURE__*/ React.createElement("div", { className: "text-white font-mono text-sm bg-gray-800 p-2 rounded mt-1 break-all", __source: { fileName: "", lineNumber: 833, columnNumber: 25 }, __self: this }, transferResult.toWalletAddress)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 837, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 838, columnNumber: 25 }, __self: this }, "Wallet Type:"), /*#__PURE__*/ React.createElement("span", { className: "text-white ml-2 font-medium capitalize", __source: { fileName: "", lineNumber: 839, columnNumber: 25 }, __self: this }, transferResult.toWalletType === "external" ? "External (MetaMask/TrustWallet)" : "Internal")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 845, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 846, columnNumber: 25 }, __self: this }, "Status:"), /*#__PURE__*/ React.createElement("span", { className: "text-green-400 ml-2 font-medium capitalize", __source: { fileName: "", lineNumber: 847, columnNumber: 25 }, __self: this }, transferResult.status))))))), activeTab === "balance" && /*#__PURE__*/ React.createElement("div", { className: "bg-black/30 rounded-lg p-6 mb-8", __source: { fileName: "", lineNumber: 861, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-white mb-6", __source: { fileName: "", lineNumber: 862, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-balance-scale mr-3", __source: { fileName: "", lineNumber: 863, columnNumber: 15 }, __self: this }), "Check Wallet Balance"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleCheckBalance, className: "space-y-6", __source: { fileName: "", lineNumber: 867, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 868, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-300 font-medium mb-2", __source: { fileName: "", lineNumber: 869, columnNumber: 17 }, __self: this }, "Wallet Address"), /*#__PURE__*/ React.createElement("input", { type: "text", value: balanceForm.walletAddress, onChange: (e)=>setBalanceForm({ ...balanceForm, walletAddress: e.target.value }), className: "w-full px-4 py-3 bg-gray-800 border border-gray-600 rounded-lg text-white focus:border-blue-500 focus:outline-none", placeholder: "0x... (leave empty if using private key)", __source: { fileName: "", lineNumber: 872, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 886, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-300 font-medium mb-2", __source: { fileName: "", lineNumber: 887, columnNumber: 17 }, __self: this }, "Private Key (Alternative)"), /*#__PURE__*/ React.createElement("input", { type: "text", value: balanceForm.privateKey, onChange: (e)=>setBalanceForm({ ...balanceForm, privateKey: e.target.value }), className: "w-full px-4 py-3 bg-gray-800 border border-gray-600 rounded-lg text-white focus:border-blue-500 focus:outline-none", placeholder: "Private key (leave empty if using wallet address)", __source: { fileName: "", lineNumber: 890, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 904, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-300 font-medium mb-2", __source: { fileName: "", lineNumber: 905, columnNumber: 17 }, __self: this }, "Contract ID (Optional)"), /*#__PURE__*/ React.createElement("input", { type: "number", value: balanceForm.contractId, onChange: (e)=>setBalanceForm({ ...balanceForm, contractId: e.target.value }), className: "w-full px-4 py-3 bg-gray-800 border border-gray-600 rounded-lg text-white focus:border-blue-500 focus:outline-none", placeholder: "Leave empty to check all contracts", __source: { fileName: "", lineNumber: 908, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full bg-gradient-to-r from-indigo-600 to-blue-600 text-white font-bold py-4 px-6 rounded-lg hover:from-indigo-700 hover:to-blue-700 transition-all disabled:opacity-50", __source: { fileName: "", lineNumber: 922, columnNumber: 15 }, __self: this }, loading ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 929, columnNumber: 21 }, __self: this }), "Checking Balance...") : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-search mr-2", __source: { fileName: "", lineNumber: 934, columnNumber: 21 }, __self: this }), "Check Balance & History"))), balanceResult && /*#__PURE__*/ React.createElement("div", { className: "mt-8 bg-gray-900 rounded-lg p-6", __source: { fileName: "", lineNumber: 943, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold text-white mb-4", __source: { fileName: "", lineNumber: 944, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-wallet text-green-500 mr-2", __source: { fileName: "", lineNumber: 945, columnNumber: 19 }, __self: this }), "Wallet Information"), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 950, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 951, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 952, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 953, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 954, columnNumber: 25 }, __self: this }, "Wallet Address:"), /*#__PURE__*/ React.createElement("div", { className: "text-white font-mono text-sm bg-gray-800 p-2 rounded mt-1 break-all", __source: { fileName: "", lineNumber: 955, columnNumber: 25 }, __self: this }, balanceResult.wallet.walletAddress)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 959, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 960, columnNumber: 25 }, __self: this }, "Current Balance:"), /*#__PURE__*/ React.createElement("span", { className: "text-green-400 ml-2 font-bold text-xl", __source: { fileName: "", lineNumber: 961, columnNumber: 25 }, __self: this }, balanceResult.wallet.balance, " ", balanceResult.contract?.ticker || "Coins")), balanceResult.sheetDbBalance !== undefined && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 967, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 968, columnNumber: 27 }, __self: this }, "SheetDB Balance:"), /*#__PURE__*/ React.createElement("span", { className: "text-blue-400 ml-2 font-bold text-xl", __source: { fileName: "", lineNumber: 971, columnNumber: 27 }, __self: this }, balanceResult.sheetDbBalance.toFixed(8), " ", balanceResult.contract?.ticker || "Coins"))), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 979, columnNumber: 21 }, __self: this }, balanceResult.contract && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 982, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 983, columnNumber: 29 }, __self: this }, "Contract:"), /*#__PURE__*/ React.createElement("span", { className: "text-white ml-2 font-medium", __source: { fileName: "", lineNumber: 984, columnNumber: 29 }, __self: this }, balanceResult.contract.name, " (", balanceResult.contract.ticker, ")")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 989, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 990, columnNumber: 29 }, __self: this }, "Contract Type:"), /*#__PURE__*/ React.createElement("span", { className: "text-white ml-2 font-medium capitalize", __source: { fileName: "", lineNumber: 993, columnNumber: 29 }, __self: this }, balanceResult.contract.contractType))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 999, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 1000, columnNumber: 25 }, __self: this }, "Data Sources:"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2 mt-1", __source: { fileName: "", lineNumber: 1001, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "bg-green-600 text-white px-2 py-1 rounded text-xs", __source: { fileName: "", lineNumber: 1002, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-database mr-1", __source: { fileName: "", lineNumber: 1003, columnNumber: 29 }, __self: this }), "Local DB"), balanceResult.sheetDbData && balanceResult.sheetDbData.length > 0 && /*#__PURE__*/ React.createElement("span", { className: "bg-blue-600 text-white px-2 py-1 rounded text-xs", __source: { fileName: "", lineNumber: 1008, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-table mr-1", __source: { fileName: "", lineNumber: 1009, columnNumber: 33 }, __self: this }), "SheetDB Synced")))))), balanceResult.sheetDbLedger && /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 1021, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-bold text-white mb-3", __source: { fileName: "", lineNumber: 1022, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-table mr-2", __source: { fileName: "", lineNumber: 1023, columnNumber: 23 }, __self: this }), "SheetDB Transaction Ledger"), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-800 p-4 rounded-lg overflow-x-auto", dangerouslySetInnerHTML: { __html: balanceResult.sheetDbLedger }, __source: { fileName: "", lineNumber: 1026, columnNumber: 21 }, __self: this })), balanceResult.transactions && balanceResult.transactions.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 1038, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-bold text-white mb-3", __source: { fileName: "", lineNumber: 1039, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-history mr-2", __source: { fileName: "", lineNumber: 1040, columnNumber: 25 }, __self: this }), "Local Transaction History"), /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto", __source: { fileName: "", lineNumber: 1043, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "w-full text-sm", __source: { fileName: "", lineNumber: 1044, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 1045, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { className: "border-b border-gray-700", __source: { fileName: "", lineNumber: 1046, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "text-left text-gray-400 py-2", __source: { fileName: "", lineNumber: 1047, columnNumber: 31 }, __self: this }, "Type"), /*#__PURE__*/ React.createElement("th", { className: "text-left text-gray-400 py-2", __source: { fileName: "", lineNumber: 1050, columnNumber: 31 }, __self: this }, "From"), /*#__PURE__*/ React.createElement("th", { className: "text-left text-gray-400 py-2", __source: { fileName: "", lineNumber: 1053, columnNumber: 31 }, __self: this }, "To"), /*#__PURE__*/ React.createElement("th", { className: "text-left text-gray-400 py-2", __source: { fileName: "", lineNumber: 1056, columnNumber: 31 }, __self: this }, "Amount"), /*#__PURE__*/ React.createElement("th", { className: "text-left text-gray-400 py-2", __source: { fileName: "", lineNumber: 1059, columnNumber: 31 }, __self: this }, "Date"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 1064, columnNumber: 27 }, __self: this }, balanceResult.transactions.map((tx, index)=>/*#__PURE__*/ React.createElement("tr", { key: index, className: "border-b border-gray-800", __source: { fileName: "", lineNumber: 1066, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "py-2 text-white capitalize", __source: { fileName: "", lineNumber: 1070, columnNumber: 33 }, __self: this }, tx.type), /*#__PURE__*/ React.createElement("td", { className: "py-2 text-gray-300 font-mono text-xs", __source: { fileName: "", lineNumber: 1073, columnNumber: 33 }, __self: this }, tx.fromAddress.substring(0, 10), "..."), /*#__PURE__*/ React.createElement("td", { className: "py-2 text-gray-300 font-mono text-xs", __source: { fileName: "", lineNumber: 1076, columnNumber: 33 }, __self: this }, tx.toAddress.substring(0, 10), "..."), /*#__PURE__*/ React.createElement("td", { className: `py-2 font-medium ${tx.fromAddress === balanceResult.wallet.walletAddress ? "text-red-400" : "text-green-400"}`, __source: { fileName: "", lineNumber: 1079, columnNumber: 33 }, __self: this }, tx.fromAddress === balanceResult.wallet.walletAddress ? "-" : "+", tx.amount), /*#__PURE__*/ React.createElement("td", { className: "py-2 text-gray-400", __source: { fileName: "", lineNumber: 1093, columnNumber: 33 }, __self: this }, new Date(tx.timestamp).toLocaleDateString()))))))), balanceResult.miningRecords && balanceResult.miningRecords.length > 0 && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1107, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-bold text-white mb-3", __source: { fileName: "", lineNumber: 1108, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-pickaxe mr-2", __source: { fileName: "", lineNumber: 1109, columnNumber: 25 }, __self: this }), "Mining History"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 1112, columnNumber: 23 }, __self: this }, balanceResult.miningRecords.map((record, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-gray-800 p-3 rounded flex justify-between items-center", __source: { fileName: "", lineNumber: 1114, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1118, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-green-400 font-medium", __source: { fileName: "", lineNumber: 1119, columnNumber: 31 }, __self: this }, "+", record.minedAmount, " ", balanceResult.contract?.ticker || "Coins"), /*#__PURE__*/ React.createElement("span", { className: "text-gray-400 ml-3", __source: { fileName: "", lineNumber: 1123, columnNumber: 31 }, __self: this }, new Date(record.timestamp).toLocaleDateString())), /*#__PURE__*/ React.createElement("div", { className: "text-gray-500 font-mono text-xs", __source: { fileName: "", lineNumber: 1129, columnNumber: 29 }, __self: this }, record.blockHash.substring(0, 16), "..."))))))), /*#__PURE__*/ React.createElement("div", { className: "text-center text-gray-400 mt-12", __source: { fileName: "", lineNumber: 1143, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1144, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shield-alt mr-2", __source: { fileName: "", lineNumber: 1145, columnNumber: 13 }, __self: this }), "Powered by AI • Secure Blockchain Technology • GChained Crain Transfer System"), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-sm", __source: { fileName: "", lineNumber: 1149, columnNumber: 11 }, __self: this }, "Connect to MetaMask, TrustWallet, and other external wallets for seamless transfers")))); }