No transactions found.

"); return; } let calculatedBalance = 0; let ledgerHtml = "

Transaction Ledger

"; transactions.forEach((tx)=>{ if (tx.From === checkWallet) calculatedBalance -= parseFloat(tx.Amount); if (tx.To === checkWallet) calculatedBalance += parseFloat(tx.Amount); ledgerHtml += ``; }); ledgerHtml += `

Type	From	To	Amount	Timestamp
${tx.Type}	${tx.From}	${tx.To}	${tx.Amount}	${tx.Timestamp}

Current Balance: ${calculatedBalance.toFixed(8)} Coins

`; setBalanceLedger(ledgerHtml); } catch (error) { console.error("Error fetching balance:", error); setBalanceLedger("

Error retrieving balance.

"); } }; const saveToGoogleSheet = async (type, from, to, amount)=>{ const data = { data: [ { Type: type, From: from, To: to, Amount: amount, Timestamp: new Date().toISOString() } ] }; try { await fetch("https://sheetdb.io/api/v1/uucm3nzitvt3k", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(data) }); console.log("Data saved to Google Sheet!"); } catch (error) { console.error("Error saving to Google Sheet:", error); } }; const filteredContracts = contracts.filter((contract)=>contract.ContractName?.toLowerCase().includes(searchTerm.toLowerCase()) || contract.ContractAddress?.toLowerCase().includes(searchTerm.toLowerCase()) || contract.ContractTicker?.toLowerCase().includes(searchTerm.toLowerCase())); const formatDate = (dateString)=>{ if (!dateString) return "Unknown"; return new Date(dateString).toLocaleString(); }; const copyToClipboard = (text)=>{ navigator.clipboard.writeText(text); alert("Copied to clipboard!"); }; 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: 184, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-8", __source: { fileName: "", lineNumber: 185, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 186, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-6xl font-bold mb-4 bg-gradient-to-r from-cyan-400 to-purple-400 bg-clip-text text-transparent", __source: { fileName: "", lineNumber: 187, columnNumber: 11 }, __self: this }, "Smart Contract Viewer"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-gray-300", __source: { fileName: "", lineNumber: 190, columnNumber: 11 }, __self: this }, "Explore, Interact & Manage Deployed Smart Contracts")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center mb-8 bg-gray-800 bg-opacity-50 backdrop-blur-lg rounded-xl p-2", __source: { fileName: "", lineNumber: 196, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("contracts"), className: `px-6 py-3 rounded-lg font-semibold transition-all duration-200 mr-2 mb-2 ${activeTab === "contracts" ? "bg-gradient-to-r from-cyan-500 to-purple-500" : "bg-gray-700 hover:bg-gray-600"}`, __source: { fileName: "", lineNumber: 197, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-file-contract mr-2", __source: { fileName: "", lineNumber: 205, columnNumber: 13 }, __self: this }), "Contracts"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("wallet"), className: `px-6 py-3 rounded-lg font-semibold transition-all duration-200 mr-2 mb-2 ${activeTab === "wallet" ? "bg-gradient-to-r from-green-500 to-blue-500" : "bg-gray-700 hover:bg-gray-600"}`, __source: { fileName: "", lineNumber: 207, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-wallet mr-2", __source: { fileName: "", lineNumber: 215, columnNumber: 13 }, __self: this }), "Wallet"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("transfer"), className: `px-6 py-3 rounded-lg font-semibold transition-all duration-200 mr-2 mb-2 ${activeTab === "transfer" ? "bg-gradient-to-r from-blue-500 to-purple-500" : "bg-gray-700 hover:bg-gray-600"}`, __source: { fileName: "", lineNumber: 217, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exchange-alt mr-2", __source: { fileName: "", lineNumber: 225, columnNumber: 13 }, __self: this }), "Transfer"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("balance"), className: `px-6 py-3 rounded-lg font-semibold transition-all duration-200 mb-2 ${activeTab === "balance" ? "bg-gradient-to-r from-orange-500 to-red-500" : "bg-gray-700 hover:bg-gray-600"}`, __source: { fileName: "", lineNumber: 227, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-search mr-2", __source: { fileName: "", lineNumber: 235, columnNumber: 13 }, __self: this }), "Balance")), activeTab === "contracts" && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 241, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 243, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative max-w-md mx-auto", __source: { fileName: "", lineNumber: 244, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: searchTerm, onChange: (e)=>setSearchTerm(e.target.value), placeholder: "Search contracts by name, address, or ticker...", className: "w-full px-4 py-3 pl-12 bg-gray-800 bg-opacity-50 border border-gray-600 rounded-lg focus:ring-2 focus:ring-cyan-500 focus:border-transparent", __source: { fileName: "", lineNumber: 245, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-search absolute left-4 top-1/2 transform -translate-y-1/2 text-gray-400", __source: { fileName: "", lineNumber: 252, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "text-center mb-6", __source: { fileName: "", lineNumber: 257, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: fetchContracts, disabled: loading, className: "bg-gradient-to-r from-purple-500 to-pink-500 hover:from-purple-600 hover:to-pink-600 disabled:opacity-50 px-6 py-3 rounded-lg font-semibold transition-all duration-200", __source: { fileName: "", lineNumber: 258, 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: 265, columnNumber: 21 }, __self: this }), "Loading...") : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sync-alt mr-2", __source: { fileName: "", lineNumber: 270, columnNumber: 21 }, __self: this }), "Refresh Contracts"))), error && /*#__PURE__*/ React.createElement("div", { className: "mb-6 p-4 bg-red-900 bg-opacity-50 border border-red-500 rounded-lg text-center", __source: { fileName: "", lineNumber: 279, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-triangle mr-2", __source: { fileName: "", lineNumber: 280, columnNumber: 17 }, __self: this }), error), !loading && !error && /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 287, columnNumber: 15 }, __self: this }, filteredContracts.length === 0 ? /*#__PURE__*/ React.createElement("div", { className: "col-span-full text-center py-12", __source: { fileName: "", lineNumber: 289, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-inbox text-6xl text-gray-500 mb-4", __source: { fileName: "", lineNumber: 290, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold text-gray-400 mb-2", __source: { fileName: "", lineNumber: 291, columnNumber: 21 }, __self: this }, "No Contracts Found"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-500", __source: { fileName: "", lineNumber: 294, columnNumber: 21 }, __self: this }, searchTerm ? "Try adjusting your search terms" : "No contracts have been deployed yet")) : filteredContracts.map((contract, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-gray-800 bg-opacity-50 backdrop-blur-lg rounded-xl p-6 border border-gray-700 hover:border-cyan-500 transition-all duration-200 cursor-pointer", onClick: ()=>setSelectedContract(contract), __source: { fileName: "", lineNumber: 300, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start mb-4", __source: { fileName: "", lineNumber: 305, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 306, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold text-cyan-400 mb-1", __source: { fileName: "", lineNumber: 307, columnNumber: 27 }, __self: this }, contract.ContractName || "Unknown Contract"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 310, columnNumber: 27 }, __self: this }, contract.ContractTicker || "N/A")), /*#__PURE__*/ React.createElement("span", { className: "px-3 py-1 bg-green-500 bg-opacity-20 text-green-400 rounded-full text-xs font-semibold", __source: { fileName: "", lineNumber: 314, columnNumber: 25 }, __self: this }, contract.Status || "Deployed")), /*#__PURE__*/ React.createElement("div", { className: "space-y-2 text-sm", __source: { fileName: "", lineNumber: 319, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 320, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 321, columnNumber: 27 }, __self: this }, "Type:"), /*#__PURE__*/ React.createElement("span", { className: "text-white capitalize", __source: { fileName: "", lineNumber: 322, columnNumber: 27 }, __self: this }, contract.ContractType || "Unknown")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 326, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 327, columnNumber: 27 }, __self: this }, "Address:"), /*#__PURE__*/ React.createElement("span", { className: "text-blue-400 font-mono text-xs", __source: { fileName: "", lineNumber: 328, columnNumber: 27 }, __self: this }, contract.ContractAddress ? `${contract.ContractAddress.slice(0, 6)}...${contract.ContractAddress.slice(-4)}` : "N/A")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 335, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 336, columnNumber: 27 }, __self: this }, "Deployed:"), /*#__PURE__*/ React.createElement("span", { className: "text-white", __source: { fileName: "", lineNumber: 337, columnNumber: 27 }, __self: this }, formatDate(contract.DeployedAt))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 341, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 342, columnNumber: 27 }, __self: this }, "Gas Used:"), /*#__PURE__*/ React.createElement("span", { className: "text-yellow-400", __source: { fileName: "", lineNumber: 343, columnNumber: 27 }, __self: this }, contract.GasUsed ? contract.GasUsed.toLocaleString() : "N/A"))), /*#__PURE__*/ React.createElement("div", { className: "mt-4 pt-4 border-t border-gray-600", __source: { fileName: "", lineNumber: 349, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "w-full bg-gradient-to-r from-cyan-500 to-purple-500 hover:from-cyan-600 hover:to-purple-600 px-4 py-2 rounded-lg font-semibold transition-all duration-200 text-sm", __source: { fileName: "", lineNumber: 350, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-eye mr-2", __source: { fileName: "", lineNumber: 351, columnNumber: 27 }, __self: this }), "View Details"))))), selectedContract && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50", __source: { fileName: "", lineNumber: 363, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-800 rounded-xl p-6 max-w-4xl w-full max-h-[90vh] overflow-y-auto", __source: { fileName: "", lineNumber: 364, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 365, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-cyan-400", __source: { fileName: "", lineNumber: 366, columnNumber: 21 }, __self: this }, selectedContract.ContractName || "Contract Details"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedContract(null), className: "text-gray-400 hover:text-white text-2xl", __source: { fileName: "", lineNumber: 369, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 373, columnNumber: 23 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 377, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 378, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-700 p-4 rounded-lg", __source: { fileName: "", lineNumber: 379, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold text-purple-400 mb-2", __source: { fileName: "", lineNumber: 380, columnNumber: 25 }, __self: this }, "Contract Information"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2 text-sm", __source: { fileName: "", lineNumber: 381, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 382, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 383, columnNumber: 29 }, __self: this }, "Name:"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 384, columnNumber: 29 }, __self: this }, selectedContract.ContractName || "N/A")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 386, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 387, columnNumber: 29 }, __self: this }, "Ticker:"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 388, columnNumber: 29 }, __self: this }, selectedContract.ContractTicker || "N/A")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 390, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 391, columnNumber: 29 }, __self: this }, "Type:"), /*#__PURE__*/ React.createElement("span", { className: "capitalize", __source: { fileName: "", lineNumber: 392, columnNumber: 29 }, __self: this }, selectedContract.ContractType || "N/A")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 394, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 395, columnNumber: 29 }, __self: this }, "Status:"), /*#__PURE__*/ React.createElement("span", { className: "text-green-400", __source: { fileName: "", lineNumber: 396, columnNumber: 29 }, __self: this }, selectedContract.Status || "Deployed")))), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-700 p-4 rounded-lg", __source: { fileName: "", lineNumber: 401, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold text-blue-400 mb-2", __source: { fileName: "", lineNumber: 402, columnNumber: 25 }, __self: this }, "Deployment Details"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2 text-sm", __source: { fileName: "", lineNumber: 403, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 404, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 405, columnNumber: 29 }, __self: this }, "Address:"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center mt-1", __source: { fileName: "", lineNumber: 406, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-mono text-xs bg-gray-600 p-2 rounded flex-1 mr-2", __source: { fileName: "", lineNumber: 407, columnNumber: 31 }, __self: this }, selectedContract.ContractAddress || "N/A"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>copyToClipboard(selectedContract.ContractAddress), className: "text-cyan-400 hover:text-cyan-300", __source: { fileName: "", lineNumber: 410, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-copy", __source: { fileName: "", lineNumber: 414, columnNumber: 33 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 418, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 419, columnNumber: 29 }, __self: this }, "Deployed By:"), /*#__PURE__*/ React.createElement("span", { className: "font-mono text-xs", __source: { fileName: "", lineNumber: 420, columnNumber: 29 }, __self: this }, selectedContract.DeployedBy ? `${selectedContract.DeployedBy.slice(0, 6)}...${selectedContract.DeployedBy.slice(-4)}` : "Unknown")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 427, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 428, columnNumber: 29 }, __self: this }, "Deployed At:"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 429, columnNumber: 29 }, __self: this }, formatDate(selectedContract.DeployedAt))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 431, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 432, columnNumber: 29 }, __self: this }, "Gas Used:"), /*#__PURE__*/ React.createElement("span", { className: "text-yellow-400", __source: { fileName: "", lineNumber: 433, columnNumber: 29 }, __self: this }, selectedContract.GasUsed ? selectedContract.GasUsed.toLocaleString() : "N/A"))))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 441, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-700 p-4 rounded-lg", __source: { fileName: "", lineNumber: 442, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold text-green-400 mb-2", __source: { fileName: "", lineNumber: 443, columnNumber: 25 }, __self: this }, "Transaction Hash"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 444, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-mono text-xs bg-gray-600 p-2 rounded flex-1 mr-2", __source: { fileName: "", lineNumber: 445, columnNumber: 27 }, __self: this }, selectedContract.TransactionHash || "N/A"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>copyToClipboard(selectedContract.TransactionHash), className: "text-cyan-400 hover:text-cyan-300", __source: { fileName: "", lineNumber: 448, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-copy", __source: { fileName: "", lineNumber: 452, columnNumber: 29 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-700 p-4 rounded-lg", __source: { fileName: "", lineNumber: 457, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold text-orange-400 mb-2", __source: { fileName: "", lineNumber: 458, columnNumber: 25 }, __self: this }, "Quick Actions"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 459, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "w-full bg-gradient-to-r from-blue-500 to-purple-500 hover:from-blue-600 hover:to-purple-600 px-4 py-2 rounded-lg font-semibold transition-all duration-200 text-sm", __source: { fileName: "", lineNumber: 460, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-play mr-2", __source: { fileName: "", lineNumber: 461, columnNumber: 29 }, __self: this }), "Interact with Contract"), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-gradient-to-r from-green-500 to-teal-500 hover:from-green-600 hover:to-teal-600 px-4 py-2 rounded-lg font-semibold transition-all duration-200 text-sm", __source: { fileName: "", lineNumber: 464, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-external-link-alt mr-2", __source: { fileName: "", lineNumber: 465, columnNumber: 29 }, __self: this }), "View on Explorer"), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-gradient-to-r from-purple-500 to-pink-500 hover:from-purple-600 hover:to-pink-600 px-4 py-2 rounded-lg font-semibold transition-all duration-200 text-sm", __source: { fileName: "", lineNumber: 468, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-code mr-2", __source: { fileName: "", lineNumber: 469, columnNumber: 29 }, __self: this }), "View Source Code")))))))), activeTab === "wallet" && /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto", __source: { fileName: "", lineNumber: 484, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-800 bg-opacity-50 backdrop-blur-lg rounded-xl p-6 border border-gray-700", __source: { fileName: "", lineNumber: 485, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-6 text-green-400", __source: { fileName: "", lineNumber: 486, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-wallet mr-2", __source: { fileName: "", lineNumber: 487, columnNumber: 17 }, __self: this }), "Wallet Manager"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 490, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: generateWallet, className: "w-full bg-gradient-to-r from-green-500 to-blue-500 hover:from-green-600 hover:to-blue-600 px-6 py-3 rounded-lg font-semibold transition-all duration-200", __source: { fileName: "", lineNumber: 491, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus mr-2", __source: { fileName: "", lineNumber: 495, columnNumber: 19 }, __self: this }), "Generate New Wallet"), walletAddress && /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 499, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-700 p-4 rounded-lg", __source: { fileName: "", lineNumber: 500, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-1", __source: { fileName: "", lineNumber: 501, columnNumber: 23 }, __self: this }, "Wallet Address"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 502, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-xs break-all text-green-400 flex-1 mr-2", __source: { fileName: "", lineNumber: 503, columnNumber: 25 }, __self: this }, walletAddress), /*#__PURE__*/ React.createElement("button", { onClick: ()=>copyToClipboard(walletAddress), className: "text-cyan-400 hover:text-cyan-300", __source: { fileName: "", lineNumber: 504, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-copy", __source: { fileName: "", lineNumber: 508, columnNumber: 27 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-700 p-4 rounded-lg", __source: { fileName: "", lineNumber: 513, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-1", __source: { fileName: "", lineNumber: 514, columnNumber: 23 }, __self: this }, "Private Key"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 515, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-xs break-all text-red-400 flex-1 mr-2", __source: { fileName: "", lineNumber: 516, columnNumber: 25 }, __self: this }, privateKey), /*#__PURE__*/ React.createElement("button", { onClick: ()=>copyToClipboard(privateKey), className: "text-cyan-400 hover:text-cyan-300", __source: { fileName: "", lineNumber: 517, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-copy", __source: { fileName: "", lineNumber: 521, columnNumber: 27 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-700 p-4 rounded-lg", __source: { fileName: "", lineNumber: 526, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-1", __source: { fileName: "", lineNumber: 527, columnNumber: 23 }, __self: this }, "Public Key"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 528, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-xs break-all text-blue-400 flex-1 mr-2", __source: { fileName: "", lineNumber: 529, columnNumber: 25 }, __self: this }, publicKey), /*#__PURE__*/ React.createElement("button", { onClick: ()=>copyToClipboard(publicKey), className: "text-cyan-400 hover:text-cyan-300", __source: { fileName: "", lineNumber: 530, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-copy", __source: { fileName: "", lineNumber: 534, columnNumber: 27 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-yellow-500 to-orange-500 p-4 rounded-lg text-center", __source: { fileName: "", lineNumber: 539, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold", __source: { fileName: "", lineNumber: 540, columnNumber: 23 }, __self: this }, "Balance: ", balance.toFixed(8), " Coins")), /*#__PURE__*/ React.createElement("button", { onClick: mineCoins, disabled: isMining, className: "w-full bg-gradient-to-r from-yellow-500 to-orange-500 hover:from-yellow-600 hover:to-orange-600 disabled:opacity-50 px-6 py-3 rounded-lg font-semibold transition-all duration-200", __source: { fileName: "", lineNumber: 543, columnNumber: 21 }, __self: this }, isMining ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 550, columnNumber: 27 }, __self: this }), "Mining...") : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-pickaxe mr-2", __source: { fileName: "", lineNumber: 555, columnNumber: 27 }, __self: this }), "Mine Coins")))))), activeTab === "transfer" && /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto", __source: { fileName: "", lineNumber: 569, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-800 bg-opacity-50 backdrop-blur-lg rounded-xl p-6 border border-gray-700", __source: { fileName: "", lineNumber: 570, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-6 text-blue-400", __source: { fileName: "", lineNumber: 571, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exchange-alt mr-2", __source: { fileName: "", lineNumber: 572, columnNumber: 17 }, __self: this }), "Transfer Coins"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 575, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 576, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-2", __source: { fileName: "", lineNumber: 577, columnNumber: 19 }, __self: this }, "Transfer Method"), /*#__PURE__*/ React.createElement("select", { value: transferType, onChange: (e)=>setTransferType(e.target.value), className: "w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent", __source: { fileName: "", lineNumber: 578, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "gchained", __source: { fileName: "", lineNumber: 583, columnNumber: 21 }, __self: this }, "GChained Crain Transfer"), /*#__PURE__*/ React.createElement("option", { value: "metamask", __source: { fileName: "", lineNumber: 584, columnNumber: 21 }, __self: this }, "MetaMask"), /*#__PURE__*/ React.createElement("option", { value: "trustwallet", __source: { fileName: "", lineNumber: 585, columnNumber: 21 }, __self: this }, "Trust Wallet"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 589, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-2", __source: { fileName: "", lineNumber: 590, columnNumber: 19 }, __self: this }, "Recipient Address"), /*#__PURE__*/ React.createElement("input", { type: "text", value: recipient, onChange: (e)=>setRecipient(e.target.value), placeholder: "0x...", className: "w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent", __source: { fileName: "", lineNumber: 591, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 600, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-2", __source: { fileName: "", lineNumber: 601, columnNumber: 19 }, __self: this }, "Amount"), /*#__PURE__*/ React.createElement("input", { type: "number", value: amount, onChange: (e)=>setAmount(e.target.value), placeholder: "0.00", step: "0.00000001", className: "w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent", __source: { fileName: "", lineNumber: 602, columnNumber: 19 }, __self: this })), walletAddress && /*#__PURE__*/ React.createElement("div", { className: "bg-gray-700 p-4 rounded-lg", __source: { fileName: "", lineNumber: 613, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 614, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 615, columnNumber: 23 }, __self: this }, "Available Balance:"), /*#__PURE__*/ React.createElement("span", { className: "text-yellow-400 font-bold", __source: { fileName: "", lineNumber: 616, columnNumber: 23 }, __self: this }, balance.toFixed(8), " Coins"))), /*#__PURE__*/ React.createElement("button", { onClick: sendTransaction, className: "w-full bg-gradient-to-r from-blue-500 to-purple-500 hover:from-blue-600 hover:to-purple-600 px-6 py-3 rounded-lg font-semibold transition-all duration-200", __source: { fileName: "", lineNumber: 621, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-paper-plane mr-2", __source: { fileName: "", lineNumber: 625, columnNumber: 19 }, __self: this }), "Send Transaction")))), activeTab === "balance" && /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto", __source: { fileName: "", lineNumber: 634, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-800 bg-opacity-50 backdrop-blur-lg rounded-xl p-6 border border-gray-700", __source: { fileName: "", lineNumber: 635, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-6 text-orange-400", __source: { fileName: "", lineNumber: 636, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-search mr-2", __source: { fileName: "", lineNumber: 637, columnNumber: 17 }, __self: this }), "Check Balance"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 640, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 641, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-2", __source: { fileName: "", lineNumber: 642, columnNumber: 19 }, __self: this }, "Wallet Address or Private Key"), /*#__PURE__*/ React.createElement("input", { type: "text", value: checkWallet, onChange: (e)=>setCheckWallet(e.target.value), placeholder: "Enter wallet address or private key", className: "w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-orange-500 focus:border-transparent", __source: { fileName: "", lineNumber: 645, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: checkBalance, className: "w-full bg-gradient-to-r from-orange-500 to-red-500 hover:from-orange-600 hover:to-red-600 px-6 py-3 rounded-lg font-semibold transition-all duration-200", __source: { fileName: "", lineNumber: 654, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-balance-scale mr-2", __source: { fileName: "", lineNumber: 658, columnNumber: 19 }, __self: this }), "Check Balance"), balanceLedger && /*#__PURE__*/ React.createElement("div", { className: "mt-4 bg-gray-900 p-4 rounded-lg max-h-64 overflow-auto", dangerouslySetInnerHTML: { __html: balanceLedger }, __source: { fileName: "", lineNumber: 662, columnNumber: 19 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "mt-12 text-center text-gray-400", __source: { fileName: "", lineNumber: 673, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm", __source: { fileName: "", lineNumber: 674, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shield-alt mr-2", __source: { fileName: "", lineNumber: 675, columnNumber: 13 }, __self: this }), "Secure Contract Interactions • Real-time Data • Web3 Ready")))); }