function MainComponent() { const { data: user, loading: userLoading } = useUser(); const { signOut } = useAuth(); const [activeTab, setActiveTab] = React.useState("dashboard"); const [wallets, setWallets] = React.useState([]); const [selectedWallet, setSelectedWallet] = React.useState(null); const [networkStats, setNetworkStats] = React.useState(null); const [loading, setLoading] = React.useState(false); const [error, setError] = React.useState(null); const [success, setSuccess] = React.useState(null); const [showPrivateKey, setShowPrivateKey] = React.useState(false); // Form states const [mintAmount, setMintAmount] = React.useState(""); const [transferFrom, setTransferFrom] = React.useState(""); const [transferTo, setTransferTo] = React.useState(""); const [transferAmount, setTransferAmount] = React.useState(""); const [transferPrivateKey, setTransferPrivateKey] = React.useState(""); const [externalWallet, setExternalWallet] = React.useState(""); const [externalAmount, setExternalAmount] = React.useState(""); const [externalPrivateKey, setExternalPrivateKey] = React.useState(""); const [externalFrom, setExternalFrom] = React.useState(""); React.useEffect(()=>{ if (user) { loadNetworkStats(); loadUserWallets(); } }, [ user ]); // Show loading screen while checking authentication if (userLoading) { return /*#__PURE__*/ React.createElement("div", { style: { minHeight: "100vh", backgroundColor: "#0f172a", color: "white", display: "flex", alignItems: "center", justifyContent: "center" }, __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { textAlign: "center" }, __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { fontSize: "2rem", marginBottom: "1rem" }, __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, "⏳"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, "Loading CCC Cryptocurrency System..."))); } // Show sign-in prompt if not authenticated if (!user) { return /*#__PURE__*/ React.createElement("div", { style: { minHeight: "100vh", backgroundColor: "#0f172a", color: "white", display: "flex", alignItems: "center", justifyContent: "center" }, __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { textAlign: "center", maxWidth: "500px", padding: "2rem" }, __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { width: "80px", height: "80px", background: "linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%)", borderRadius: "20px", display: "flex", alignItems: "center", justifyContent: "center", fontSize: "32px", fontWeight: "bold", margin: "0 auto 2rem" }, __source: { fileName: "", lineNumber: 69, columnNumber: 11 }, __self: this }, "C³"), /*#__PURE__*/ React.createElement("h1", { style: { fontSize: "2.5rem", fontWeight: "bold", margin: "0 0 1rem 0", background: "linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%)", WebkitBackgroundClip: "text", WebkitTextFillColor: "transparent" }, __source: { fileName: "", lineNumber: 85, columnNumber: 11 }, __self: this }, "CCC Cryptocurrency"), /*#__PURE__*/ React.createElement("p", { style: { color: "#94a3b8", fontSize: "1.125rem", marginBottom: "2rem" }, __source: { fileName: "", lineNumber: 97, columnNumber: 11 }, __self: this }, "Secure, decentralized digital currency system. Sign in to access your wallets and start trading."), /*#__PURE__*/ React.createElement("div", { style: { display: "flex", gap: "1rem", justifyContent: "center" }, __source: { fileName: "", lineNumber: 107, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/account/signin", style: { padding: "0.75rem 2rem", background: "linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%)", color: "white", textDecoration: "none", borderRadius: "8px", fontSize: "1rem", fontWeight: "600", display: "inline-block" }, __source: { fileName: "", lineNumber: 110, columnNumber: 13 }, __self: this }, "Sign In"), /*#__PURE__*/ React.createElement("a", { href: "/account/signup", style: { padding: "0.75rem 2rem", background: "transparent", color: "#3b82f6", textDecoration: "none", borderRadius: "8px", fontSize: "1rem", fontWeight: "600", border: "2px solid #3b82f6", display: "inline-block" }, __source: { fileName: "", lineNumber: 125, columnNumber: 13 }, __self: this }, "Sign Up")))); } const loadNetworkStats = async ()=>{ try { const response = await fetch("/api/network-stats", { method: "POST" }); if (!response.ok) throw new Error("Failed to load network stats"); const data = await response.json(); if (data.success) { setNetworkStats(data.networkStats); } } catch (error) { console.error("Error loading network stats:", error); } }; const loadUserWallets = async ()=>{ try { const response = await fetch("/api/user-wallets", { method: "POST" }); if (!response.ok) throw new Error("Failed to load user wallets"); const data = await response.json(); if (data.success) { setWallets(data.wallets); } } catch (error) { console.error("Error loading user wallets:", error); } }; const createWallet = async ()=>{ setLoading(true); setError(null); setSuccess(null); try { const response = await fetch("/api/create-wallet", { method: "POST" }); if (!response.ok) throw new Error("Failed to create wallet"); const data = await response.json(); if (data.success) { setSuccess("Wallet created successfully!"); loadUserWallets(); loadNetworkStats(); } else { setError(data.error); } } catch (error) { console.error("Error creating wallet:", error); setError("Failed to create wallet"); } setLoading(false); }; const loadWallet = async (address)=>{ setLoading(true); setError(null); try { const response = await fetch("/api/get-wallet", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ wallet_address: address }) }); if (!response.ok) throw new Error("Failed to load wallet"); const data = await response.json(); if (data.success) { setSelectedWallet(data.wallet); } else { setError(data.error); } } catch (error) { console.error("Error loading wallet:", error); setError("Failed to load wallet"); } setLoading(false); }; const mintCoins = async ()=>{ if (!selectedWallet || !mintAmount) { setError("Please select a wallet and enter amount"); return; } setLoading(true); setError(null); setSuccess(null); try { const response = await fetch("/api/mint-coins", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ wallet_address: selectedWallet.address, amount: parseFloat(mintAmount) }) }); if (!response.ok) throw new Error("Failed to mint coins"); const data = await response.json(); if (data.success) { setSuccess(`Minted ${mintAmount} CCC coins successfully!`); setMintAmount(""); loadWallet(selectedWallet.address); loadNetworkStats(); loadUserWallets(); } else { setError(data.error); } } catch (error) { console.error("Error minting coins:", error); setError("Failed to mint coins"); } setLoading(false); }; const transferCoins = async ()=>{ if (!transferFrom || !transferTo || !transferAmount || !transferPrivateKey) { setError("Please fill all transfer fields"); return; } setLoading(true); setError(null); setSuccess(null); try { const response = await fetch("/api/transfer-coins", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ from_address: transferFrom, to_address: transferTo, amount: parseFloat(transferAmount), private_key: transferPrivateKey }) }); if (!response.ok) throw new Error("Failed to transfer coins"); const data = await response.json(); if (data.success) { setSuccess(`Transferred ${transferAmount} CCC coins successfully!`); setTransferFrom(""); setTransferTo(""); setTransferAmount(""); setTransferPrivateKey(""); if (selectedWallet) { loadWallet(selectedWallet.address); } loadNetworkStats(); loadUserWallets(); } else { setError(data.error); } } catch (error) { console.error("Error transferring coins:", error); setError("Failed to transfer coins"); } setLoading(false); }; const externalTransfer = async ()=>{ if (!externalWallet || !externalAmount || !externalPrivateKey) { setError("Please fill all external transfer fields"); return; } setLoading(true); setError(null); setSuccess(null); try { const response = await fetch("/api/external-transfer", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ to: externalWallet, amount: parseFloat(externalAmount), private_key: externalPrivateKey }) }); if (!response.ok) throw new Error("Failed to transfer to external wallet"); const data = await response.json(); if (data.success) { setSuccess(`Transferred ${externalAmount} CCC coins to external wallet successfully!`); setExternalWallet(""); setExternalAmount(""); setExternalPrivateKey(""); if (selectedWallet) { loadWallet(selectedWallet.address); } loadNetworkStats(); loadUserWallets(); } else { setError(data.error); } } catch (error) { console.error("Error transferring to external wallet:", error); setError("Failed to transfer to external wallet"); } setLoading(false); }; const handleSignOut = async ()=>{ await signOut({ callbackUrl: "/", redirect: true }); }; return /*#__PURE__*/ React.createElement("div", { style: { minHeight: "100vh", backgroundColor: "#0f172a", color: "white", fontFamily: "font-inter" }, __source: { fileName: "", lineNumber: 351, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { background: "linear-gradient(135deg, #1e293b 0%, #334155 100%)", padding: "1.5rem 0", borderBottom: "1px solid #334155" }, __source: { fileName: "", lineNumber: 360, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { maxWidth: "1200px", margin: "0 auto", padding: "0 1rem" }, __source: { fileName: "", lineNumber: 367, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", flexWrap: "wrap", gap: "1rem" }, __source: { fileName: "", lineNumber: 370, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { display: "flex", alignItems: "center", gap: "1rem" }, __source: { fileName: "", lineNumber: 379, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { width: "48px", height: "48px", background: "linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%)", borderRadius: "12px", display: "flex", alignItems: "center", justifyContent: "center", fontSize: "24px", fontWeight: "bold" }, __source: { fileName: "", lineNumber: 380, columnNumber: 15 }, __self: this }, "C³"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 396, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { style: { fontSize: "1.875rem", fontWeight: "bold", margin: "0", background: "linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%)", WebkitBackgroundClip: "text", WebkitTextFillColor: "transparent" }, __source: { fileName: "", lineNumber: 397, columnNumber: 17 }, __self: this }, "CCC Cryptocurrency"), /*#__PURE__*/ React.createElement("p", { style: { margin: "0", color: "#94a3b8", fontSize: "0.875rem" }, __source: { fileName: "", lineNumber: 410, columnNumber: 17 }, __self: this }, "Welcome, ", user.email))), /*#__PURE__*/ React.createElement("div", { style: { display: "flex", alignItems: "center", gap: "2rem" }, __source: { fileName: "", lineNumber: 421, columnNumber: 13 }, __self: this }, networkStats && /*#__PURE__*/ React.createElement("div", { style: { display: "flex", gap: "2rem", fontSize: "0.875rem" }, __source: { fileName: "", lineNumber: 423, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { textAlign: "center" }, __source: { fileName: "", lineNumber: 426, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { color: "#94a3b8" }, __source: { fileName: "", lineNumber: 427, columnNumber: 21 }, __self: this }, "Total Supply"), /*#__PURE__*/ React.createElement("div", { style: { fontWeight: "bold", color: "#3b82f6" }, __source: { fileName: "", lineNumber: 428, columnNumber: 21 }, __self: this }, networkStats.totalSupply.toFixed(8), " CCC")), /*#__PURE__*/ React.createElement("div", { style: { textAlign: "center" }, __source: { fileName: "", lineNumber: 432, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { color: "#94a3b8" }, __source: { fileName: "", lineNumber: 433, columnNumber: 21 }, __self: this }, "Wallets"), /*#__PURE__*/ React.createElement("div", { style: { fontWeight: "bold", color: "#06b6d4" }, __source: { fileName: "", lineNumber: 434, columnNumber: 21 }, __self: this }, networkStats.totalWallets)), /*#__PURE__*/ React.createElement("div", { style: { textAlign: "center" }, __source: { fileName: "", lineNumber: 438, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { color: "#94a3b8" }, __source: { fileName: "", lineNumber: 439, columnNumber: 21 }, __self: this }, "Transactions"), /*#__PURE__*/ React.createElement("div", { style: { fontWeight: "bold", color: "#10b981" }, __source: { fileName: "", lineNumber: 440, columnNumber: 21 }, __self: this }, networkStats.totalTransactions))), /*#__PURE__*/ React.createElement("button", { onClick: handleSignOut, style: { padding: "0.5rem 1rem", background: "transparent", color: "#ef4444", border: "1px solid #ef4444", borderRadius: "6px", cursor: "pointer", fontSize: "0.875rem", fontWeight: "500" }, __source: { fileName: "", lineNumber: 446, columnNumber: 15 }, __self: this }, "Sign Out"))))), /*#__PURE__*/ React.createElement("div", { style: { maxWidth: "1200px", margin: "0 auto", padding: "0 1rem" }, __source: { fileName: "", lineNumber: 467, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { display: "flex", gap: "0.5rem", padding: "1.5rem 0", borderBottom: "1px solid #334155" }, __source: { fileName: "", lineNumber: 468, columnNumber: 9 }, __self: this }, [ { id: "dashboard", label: "Dashboard", icon: "📊" }, { id: "wallet", label: "My Wallets", icon: "💼" }, { id: "mint", label: "Mint Coins", icon: "⚡" }, { id: "transfer", label: "Transfer", icon: "💸" }, { id: "external", label: "External Transfer", icon: "🌐" } ].map((tab)=>/*#__PURE__*/ React.createElement("button", { key: tab.id, onClick: ()=>setActiveTab(tab.id), style: { padding: "0.75rem 1.5rem", borderRadius: "8px", border: "none", background: activeTab === tab.id ? "linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%)" : "transparent", color: activeTab === tab.id ? "white" : "#94a3b8", cursor: "pointer", fontSize: "0.875rem", fontWeight: "500", transition: "all 0.2s", display: "flex", alignItems: "center", gap: "0.5rem" }, __source: { fileName: "", lineNumber: 483, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 504, columnNumber: 15 }, __self: this }, tab.icon), tab.label)))), /*#__PURE__*/ React.createElement("div", { style: { maxWidth: "1200px", margin: "0 auto", padding: "2rem 1rem" }, __source: { fileName: "", lineNumber: 512, columnNumber: 7 }, __self: this }, error && /*#__PURE__*/ React.createElement("div", { style: { background: "#dc2626", color: "white", padding: "1rem", borderRadius: "8px", marginBottom: "1.5rem", display: "flex", alignItems: "center", gap: "0.5rem" }, __source: { fileName: "", lineNumber: 517, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 529, columnNumber: 13 }, __self: this }, "❌"), error), success && /*#__PURE__*/ React.createElement("div", { style: { background: "#16a34a", color: "white", padding: "1rem", borderRadius: "8px", marginBottom: "1.5rem", display: "flex", alignItems: "center", gap: "0.5rem" }, __source: { fileName: "", lineNumber: 534, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 546, columnNumber: 13 }, __self: this }, "✅"), success), activeTab === "dashboard" && /*#__PURE__*/ React.createElement("div", { style: { display: "grid", gap: "1.5rem", gridTemplateColumns: "repeat(auto-fit, minmax(300px, 1fr))" }, __source: { fileName: "", lineNumber: 553, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { background: "#1e293b", padding: "1.5rem", borderRadius: "12px", border: "1px solid #334155" }, __source: { fileName: "", lineNumber: 560, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { style: { margin: "0 0 1rem 0", color: "#3b82f6", display: "flex", alignItems: "center", gap: "0.5rem" }, __source: { fileName: "", lineNumber: 568, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 577, columnNumber: 17 }, __self: this }, "📈"), "Network Statistics"), networkStats ? /*#__PURE__*/ React.createElement("div", { style: { display: "grid", gap: "1rem", gridTemplateColumns: "repeat(2, 1fr)" }, __source: { fileName: "", lineNumber: 581, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 588, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { color: "#94a3b8", fontSize: "0.875rem" }, __source: { fileName: "", lineNumber: 589, columnNumber: 21 }, __self: this }, "Total Supply"), /*#__PURE__*/ React.createElement("div", { style: { fontSize: "1.25rem", fontWeight: "bold", color: "#3b82f6" }, __source: { fileName: "", lineNumber: 592, columnNumber: 21 }, __self: this }, networkStats.totalSupply.toFixed(8), " CCC")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 602, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { color: "#94a3b8", fontSize: "0.875rem" }, __source: { fileName: "", lineNumber: 603, columnNumber: 21 }, __self: this }, "Circulating"), /*#__PURE__*/ React.createElement("div", { style: { fontSize: "1.25rem", fontWeight: "bold", color: "#06b6d4" }, __source: { fileName: "", lineNumber: 606, columnNumber: 21 }, __self: this }, networkStats.circulatingSupply.toFixed(8), " CCC")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 616, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { color: "#94a3b8", fontSize: "0.875rem" }, __source: { fileName: "", lineNumber: 617, columnNumber: 21 }, __self: this }, "Total Wallets"), /*#__PURE__*/ React.createElement("div", { style: { fontSize: "1.25rem", fontWeight: "bold", color: "#10b981" }, __source: { fileName: "", lineNumber: 620, columnNumber: 21 }, __self: this }, networkStats.totalWallets)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 630, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { color: "#94a3b8", fontSize: "0.875rem" }, __source: { fileName: "", lineNumber: 631, columnNumber: 21 }, __self: this }, "Total Transactions"), /*#__PURE__*/ React.createElement("div", { style: { fontSize: "1.25rem", fontWeight: "bold", color: "#f59e0b" }, __source: { fileName: "", lineNumber: 634, columnNumber: 21 }, __self: this }, networkStats.totalTransactions))) : /*#__PURE__*/ React.createElement("div", { style: { color: "#94a3b8" }, __source: { fileName: "", lineNumber: 646, columnNumber: 17 }, __self: this }, "Loading network statistics...")), /*#__PURE__*/ React.createElement("div", { style: { background: "#1e293b", padding: "1.5rem", borderRadius: "12px", border: "1px solid #334155" }, __source: { fileName: "", lineNumber: 652, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { style: { margin: "0 0 1rem 0", color: "#10b981", display: "flex", alignItems: "center", gap: "0.5rem" }, __source: { fileName: "", lineNumber: 660, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 669, columnNumber: 17 }, __self: this }, "👤"), "My Account"), /*#__PURE__*/ React.createElement("div", { style: { display: "flex", flexDirection: "column", gap: "1rem" }, __source: { fileName: "", lineNumber: 672, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 679, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { color: "#94a3b8", fontSize: "0.875rem" }, __source: { fileName: "", lineNumber: 680, columnNumber: 19 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("div", { style: { color: "#3b82f6", fontSize: "1rem" }, __source: { fileName: "", lineNumber: 683, columnNumber: 19 }, __self: this }, user.email)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 687, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { color: "#94a3b8", fontSize: "0.875rem" }, __source: { fileName: "", lineNumber: 688, columnNumber: 19 }, __self: this }, "My Wallets"), /*#__PURE__*/ React.createElement("div", { style: { color: "#10b981", fontSize: "1.5rem", fontWeight: "bold" }, __source: { fileName: "", lineNumber: 691, columnNumber: 19 }, __self: this }, wallets.length)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 701, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { color: "#94a3b8", fontSize: "0.875rem" }, __source: { fileName: "", lineNumber: 702, columnNumber: 19 }, __self: this }, "Total Balance"), /*#__PURE__*/ React.createElement("div", { style: { color: "#f59e0b", fontSize: "1.25rem", fontWeight: "bold" }, __source: { fileName: "", lineNumber: 705, columnNumber: 19 }, __self: this }, wallets.reduce((total, wallet)=>total + wallet.balance, 0).toFixed(8), " ", "CCC")))), /*#__PURE__*/ React.createElement("div", { style: { background: "#1e293b", padding: "1.5rem", borderRadius: "12px", border: "1px solid #334155" }, __source: { fileName: "", lineNumber: 721, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { style: { margin: "0 0 1rem 0", color: "#10b981", display: "flex", alignItems: "center", gap: "0.5rem" }, __source: { fileName: "", lineNumber: 729, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 738, columnNumber: 17 }, __self: this }, "🚀"), "Quick Actions"), /*#__PURE__*/ React.createElement("div", { style: { display: "flex", flexDirection: "column", gap: "0.75rem" }, __source: { fileName: "", lineNumber: 741, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: createWallet, disabled: loading, style: { padding: "0.75rem 1rem", background: "linear-gradient(135deg, #10b981 0%, #059669 100%)", color: "white", border: "none", borderRadius: "8px", cursor: loading ? "not-allowed" : "pointer", fontSize: "0.875rem", fontWeight: "500", opacity: loading ? 0.6 : 1 }, __source: { fileName: "", lineNumber: 748, columnNumber: 17 }, __self: this }, loading ? "⏳ Creating..." : "💼 Create New Wallet"), /*#__PURE__*/ React.createElement("button", { onClick: loadNetworkStats, style: { padding: "0.75rem 1rem", background: "linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%)", color: "white", border: "none", borderRadius: "8px", cursor: "pointer", fontSize: "0.875rem", fontWeight: "500" }, __source: { fileName: "", lineNumber: 766, columnNumber: 17 }, __self: this }, "🔄 Refresh Stats")))), activeTab === "wallet" && /*#__PURE__*/ React.createElement("div", { style: { display: "grid", gap: "1.5rem", gridTemplateColumns: "repeat(auto-fit, minmax(400px, 1fr))" }, __source: { fileName: "", lineNumber: 789, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { background: "#1e293b", padding: "1.5rem", borderRadius: "12px", border: "1px solid #334155" }, __source: { fileName: "", lineNumber: 796, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { style: { margin: "0 0 1rem 0", color: "#3b82f6", display: "flex", alignItems: "center", gap: "0.5rem" }, __source: { fileName: "", lineNumber: 804, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 813, columnNumber: 17 }, __self: this }, "💼"), "My Wallets"), /*#__PURE__*/ React.createElement("div", { style: { display: "flex", flexDirection: "column", gap: "0.75rem", marginBottom: "1rem" }, __source: { fileName: "", lineNumber: 816, columnNumber: 15 }, __self: this }, wallets.map((wallet, index)=>/*#__PURE__*/ React.createElement("div", { key: index, onClick: ()=>loadWallet(wallet.address), style: { padding: "1rem", background: selectedWallet?.address === wallet.address ? "#334155" : "#0f172a", border: "1px solid #334155", borderRadius: "8px", cursor: "pointer", transition: "all 0.2s" }, __source: { fileName: "", lineNumber: 825, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { fontSize: "0.875rem", color: "#94a3b8" }, __source: { fileName: "", lineNumber: 840, columnNumber: 21 }, __self: this }, "Address"), /*#__PURE__*/ React.createElement("div", { style: { fontFamily: "monospace", fontSize: "0.75rem", color: "#3b82f6", wordBreak: "break-all" }, __source: { fileName: "", lineNumber: 843, columnNumber: 21 }, __self: this }, wallet.address), /*#__PURE__*/ React.createElement("div", { style: { fontSize: "0.875rem", color: "#94a3b8", marginTop: "0.5rem" }, __source: { fileName: "", lineNumber: 853, columnNumber: 21 }, __self: this }, "Balance"), /*#__PURE__*/ React.createElement("div", { style: { fontSize: "1.125rem", fontWeight: "bold", color: "#10b981" }, __source: { fileName: "", lineNumber: 862, columnNumber: 21 }, __self: this }, wallet.balance.toFixed(8), " CCC"))), wallets.length === 0 && /*#__PURE__*/ React.createElement("div", { style: { color: "#94a3b8", textAlign: "center", padding: "2rem" }, __source: { fileName: "", lineNumber: 874, columnNumber: 19 }, __self: this }, "No wallets created yet. Create your first wallet!")), /*#__PURE__*/ React.createElement("button", { onClick: createWallet, disabled: loading, style: { width: "100%", padding: "0.75rem", background: "linear-gradient(135deg, #10b981 0%, #059669 100%)", color: "white", border: "none", borderRadius: "8px", cursor: loading ? "not-allowed" : "pointer", fontSize: "0.875rem", fontWeight: "500", opacity: loading ? 0.6 : 1 }, __source: { fileName: "", lineNumber: 885, columnNumber: 15 }, __self: this }, loading ? "⏳ Creating..." : "➕ Create New Wallet")), selectedWallet && /*#__PURE__*/ React.createElement("div", { style: { background: "#1e293b", padding: "1.5rem", borderRadius: "12px", border: "1px solid #334155" }, __source: { fileName: "", lineNumber: 907, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { style: { margin: "0 0 1rem 0", color: "#10b981", display: "flex", alignItems: "center", gap: "0.5rem" }, __source: { fileName: "", lineNumber: 915, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 924, columnNumber: 19 }, __self: this }, "📋"), "Wallet Details"), /*#__PURE__*/ React.createElement("div", { style: { display: "flex", flexDirection: "column", gap: "1rem" }, __source: { fileName: "", lineNumber: 927, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 934, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { color: "#94a3b8", fontSize: "0.875rem" }, __source: { fileName: "", lineNumber: 935, columnNumber: 21 }, __self: this }, "Address"), /*#__PURE__*/ React.createElement("div", { style: { fontFamily: "monospace", fontSize: "0.875rem", color: "#3b82f6", wordBreak: "break-all", background: "#0f172a", padding: "0.5rem", borderRadius: "4px", border: "1px solid #334155" }, __source: { fileName: "", lineNumber: 938, columnNumber: 21 }, __self: this }, selectedWallet.address)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 953, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { color: "#94a3b8", fontSize: "0.875rem" }, __source: { fileName: "", lineNumber: 954, columnNumber: 21 }, __self: this }, "Balance"), /*#__PURE__*/ React.createElement("div", { style: { fontSize: "1.5rem", fontWeight: "bold", color: "#10b981" }, __source: { fileName: "", lineNumber: 957, columnNumber: 21 }, __self: this }, selectedWallet.balance.toFixed(8), " CCC")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 967, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { color: "#94a3b8", fontSize: "0.875rem", marginBottom: "0.5rem" }, __source: { fileName: "", lineNumber: 968, columnNumber: 21 }, __self: this }, "Private Key"), /*#__PURE__*/ React.createElement("div", { style: { display: "flex", gap: "0.5rem", alignItems: "center" }, __source: { fileName: "", lineNumber: 977, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { fontFamily: "monospace", fontSize: "0.75rem", color: showPrivateKey ? "#ef4444" : "#94a3b8", wordBreak: "break-all", background: "#0f172a", padding: "0.5rem", borderRadius: "4px", border: "1px solid #334155", flex: 1 }, __source: { fileName: "", lineNumber: 984, columnNumber: 23 }, __self: this }, showPrivateKey ? selectedWallet.privateKey : "••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowPrivateKey(!showPrivateKey), style: { padding: "0.5rem", background: "#374151", color: "white", border: "none", borderRadius: "4px", cursor: "pointer", fontSize: "0.75rem" }, __source: { fileName: "", lineNumber: 1001, columnNumber: 23 }, __self: this }, showPrivateKey ? "🙈" : "👁️")), /*#__PURE__*/ React.createElement("div", { style: { color: "#ef4444", fontSize: "0.75rem", marginTop: "0.25rem" }, __source: { fileName: "", lineNumber: 1016, columnNumber: 21 }, __self: this }, "⚠️ Never share your private key with anyone!")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1026, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { color: "#94a3b8", fontSize: "0.875rem" }, __source: { fileName: "", lineNumber: 1027, columnNumber: 21 }, __self: this }, "Transaction History"), /*#__PURE__*/ React.createElement("div", { style: { maxHeight: "200px", overflowY: "auto", background: "#0f172a", border: "1px solid #334155", borderRadius: "4px", padding: "0.5rem" }, __source: { fileName: "", lineNumber: 1030, columnNumber: 21 }, __self: this }, selectedWallet.transactionHistory.length > 0 ? selectedWallet.transactionHistory.map((tx, index)=>/*#__PURE__*/ React.createElement("div", { key: index, style: { padding: "0.5rem", borderBottom: index < selectedWallet.transactionHistory.length - 1 ? "1px solid #334155" : "none" }, __source: { fileName: "", lineNumber: 1042, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, __source: { fileName: "", lineNumber: 1053, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("span", { style: { fontSize: "0.75rem", color: tx.type === "mint" ? "#10b981" : tx.from === selectedWallet.address ? "#ef4444" : "#3b82f6" }, __source: { fileName: "", lineNumber: 1060, columnNumber: 31 }, __self: this }, tx.type === "mint" ? "⚡ Mint" : tx.type === "external_transfer" ? "🌐 External" : tx.from === selectedWallet.address ? "📤 Sent" : "📥 Received"), /*#__PURE__*/ React.createElement("span", { style: { fontSize: "0.875rem", fontWeight: "bold", color: tx.type === "mint" ? "#10b981" : tx.from === selectedWallet.address ? "#ef4444" : "#3b82f6" }, __source: { fileName: "", lineNumber: 1079, columnNumber: 31 }, __self: this }, tx.from === selectedWallet.address ? "-" : "+", tx.amount.toFixed(8), " CCC")), /*#__PURE__*/ React.createElement("div", { style: { fontSize: "0.75rem", color: "#94a3b8", fontFamily: "monospace" }, __source: { fileName: "", lineNumber: 1095, columnNumber: 29 }, __self: this }, tx.hash.substring(0, 20), "..."))) : /*#__PURE__*/ React.createElement("div", { style: { color: "#94a3b8", textAlign: "center", padding: "1rem" }, __source: { fileName: "", lineNumber: 1107, columnNumber: 25 }, __self: this }, "No transactions yet")))))), activeTab === "mint" && /*#__PURE__*/ React.createElement("div", { style: { maxWidth: "600px", margin: "0 auto" }, __source: { fileName: "", lineNumber: 1127, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { background: "#1e293b", padding: "2rem", borderRadius: "12px", border: "1px solid #334155" }, __source: { fileName: "", lineNumber: 1128, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { style: { margin: "0 0 1.5rem 0", color: "#f59e0b", display: "flex", alignItems: "center", gap: "0.5rem" }, __source: { fileName: "", lineNumber: 1136, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 1145, columnNumber: 17 }, __self: this }, "⚡"), "Mint New CCC Coins"), /*#__PURE__*/ React.createElement("div", { style: { display: "flex", flexDirection: "column", gap: "1rem" }, __source: { fileName: "", lineNumber: 1148, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1155, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { style: { display: "block", color: "#94a3b8", fontSize: "0.875rem", marginBottom: "0.5rem" }, __source: { fileName: "", lineNumber: 1156, columnNumber: 19 }, __self: this }, "Select Wallet"), /*#__PURE__*/ React.createElement("select", { value: selectedWallet?.address || "", onChange: (e)=>{ const wallet = wallets.find((w)=>w.address === e.target.value); setSelectedWallet(wallet || null); }, style: { width: "100%", padding: "0.75rem", background: "#0f172a", border: "1px solid #334155", borderRadius: "8px", color: "white", fontSize: "0.875rem" }, __source: { fileName: "", lineNumber: 1166, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 1184, columnNumber: 21 }, __self: this }, "Choose a wallet..."), wallets.map((wallet, index)=>/*#__PURE__*/ React.createElement("option", { key: index, value: wallet.address, __source: { fileName: "", lineNumber: 1186, columnNumber: 23 }, __self: this }, wallet.address, " (", wallet.balance.toFixed(8), " CCC)")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1192, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { style: { display: "block", color: "#94a3b8", fontSize: "0.875rem", marginBottom: "0.5rem" }, __source: { fileName: "", lineNumber: 1193, columnNumber: 19 }, __self: this }, "Amount to Mint"), /*#__PURE__*/ React.createElement("input", { type: "number", value: mintAmount, onChange: (e)=>setMintAmount(e.target.value), placeholder: "Enter amount...", step: "0.00000001", min: "0", style: { width: "100%", padding: "0.75rem", background: "#0f172a", border: "1px solid #334155", borderRadius: "8px", color: "white", fontSize: "0.875rem" }, __source: { fileName: "", lineNumber: 1203, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: mintCoins, disabled: loading || !selectedWallet || !mintAmount, style: { width: "100%", padding: "1rem", background: loading || !selectedWallet || !mintAmount ? "#374151" : "linear-gradient(135deg, #f59e0b 0%, #d97706 100%)", color: "white", border: "none", borderRadius: "8px", cursor: loading || !selectedWallet || !mintAmount ? "not-allowed" : "pointer", fontSize: "1rem", fontWeight: "600" }, __source: { fileName: "", lineNumber: 1221, columnNumber: 17 }, __self: this }, loading ? "⏳ Minting..." : "⚡ Mint Coins")))), activeTab === "transfer" && /*#__PURE__*/ React.createElement("div", { style: { maxWidth: "600px", margin: "0 auto" }, __source: { fileName: "", lineNumber: 1251, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { background: "#1e293b", padding: "2rem", borderRadius: "12px", border: "1px solid #334155" }, __source: { fileName: "", lineNumber: 1252, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { style: { margin: "0 0 1.5rem 0", color: "#3b82f6", display: "flex", alignItems: "center", gap: "0.5rem" }, __source: { fileName: "", lineNumber: 1260, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 1269, columnNumber: 17 }, __self: this }, "💸"), "Transfer CCC Coins"), /*#__PURE__*/ React.createElement("div", { style: { display: "flex", flexDirection: "column", gap: "1rem" }, __source: { fileName: "", lineNumber: 1272, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1279, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { style: { display: "block", color: "#94a3b8", fontSize: "0.875rem", marginBottom: "0.5rem" }, __source: { fileName: "", lineNumber: 1280, columnNumber: 19 }, __self: this }, "From Address (Your Wallet)"), /*#__PURE__*/ React.createElement("select", { value: transferFrom, onChange: (e)=>setTransferFrom(e.target.value), style: { width: "100%", padding: "0.75rem", background: "#0f172a", border: "1px solid #334155", borderRadius: "8px", color: "white", fontSize: "0.875rem", fontFamily: "monospace" }, __source: { fileName: "", lineNumber: 1290, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 1304, columnNumber: 21 }, __self: this }, "Choose your wallet..."), wallets.map((wallet, index)=>/*#__PURE__*/ React.createElement("option", { key: index, value: wallet.address, __source: { fileName: "", lineNumber: 1306, columnNumber: 23 }, __self: this }, wallet.address, " (", wallet.balance.toFixed(8), " CCC)")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1312, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { style: { display: "block", color: "#94a3b8", fontSize: "0.875rem", marginBottom: "0.5rem" }, __source: { fileName: "", lineNumber: 1313, columnNumber: 19 }, __self: this }, "To Address"), /*#__PURE__*/ React.createElement("input", { type: "text", value: transferTo, onChange: (e)=>setTransferTo(e.target.value), placeholder: "Enter recipient wallet address...", style: { width: "100%", padding: "0.75rem", background: "#0f172a", border: "1px solid #334155", borderRadius: "8px", color: "white", fontSize: "0.875rem", fontFamily: "monospace" }, __source: { fileName: "", lineNumber: 1323, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1340, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { style: { display: "block", color: "#94a3b8", fontSize: "0.875rem", marginBottom: "0.5rem" }, __source: { fileName: "", lineNumber: 1341, columnNumber: 19 }, __self: this }, "Amount"), /*#__PURE__*/ React.createElement("input", { type: "number", value: transferAmount, onChange: (e)=>setTransferAmount(e.target.value), placeholder: "Enter amount...", step: "0.00000001", min: "0", style: { width: "100%", padding: "0.75rem", background: "#0f172a", border: "1px solid #334155", borderRadius: "8px", color: "white", fontSize: "0.875rem" }, __source: { fileName: "", lineNumber: 1351, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1369, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { style: { display: "block", color: "#94a3b8", fontSize: "0.875rem", marginBottom: "0.5rem" }, __source: { fileName: "", lineNumber: 1370, columnNumber: 19 }, __self: this }, "Private Key"), /*#__PURE__*/ React.createElement("input", { type: "password", value: transferPrivateKey, onChange: (e)=>setTransferPrivateKey(e.target.value), placeholder: "Enter private key...", style: { width: "100%", padding: "0.75rem", background: "#0f172a", border: "1px solid #334155", borderRadius: "8px", color: "white", fontSize: "0.875rem", fontFamily: "monospace" }, __source: { fileName: "", lineNumber: 1380, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { style: { background: "#0f172a", padding: "1rem", borderRadius: "8px", border: "1px solid #334155" }, __source: { fileName: "", lineNumber: 1397, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { color: "#94a3b8", fontSize: "0.875rem", marginBottom: "0.5rem" }, __source: { fileName: "", lineNumber: 1405, columnNumber: 19 }, __self: this }, "Transaction Fee"), /*#__PURE__*/ React.createElement("div", { style: { color: "#f59e0b", fontSize: "0.875rem" }, __source: { fileName: "", lineNumber: 1414, columnNumber: 19 }, __self: this }, "Gas Fee:", " ", transferAmount ? (parseFloat(transferAmount) * 0.001).toFixed(8) : "0.00000000", " ", "CCC (0.1%)")), /*#__PURE__*/ React.createElement("button", { onClick: transferCoins, disabled: loading || !transferFrom || !transferTo || !transferAmount || !transferPrivateKey, style: { width: "100%", padding: "1rem", background: loading || !transferFrom || !transferTo || !transferAmount || !transferPrivateKey ? "#374151" : "linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%)", color: "white", border: "none", borderRadius: "8px", cursor: loading || !transferFrom || !transferTo || !transferAmount || !transferPrivateKey ? "not-allowed" : "pointer", fontSize: "1rem", fontWeight: "600" }, __source: { fileName: "", lineNumber: 1422, columnNumber: 17 }, __self: this }, loading ? "⏳ Transferring..." : "💸 Transfer Coins")))), activeTab === "external" && /*#__PURE__*/ React.createElement("div", { style: { maxWidth: "800px", margin: "0 auto" }, __source: { fileName: "", lineNumber: 1466, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { background: "#1e293b", padding: "1.5rem", borderRadius: "12px", border: "1px solid #334155", marginBottom: "1.5rem" }, __source: { fileName: "", lineNumber: 1468, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { style: { margin: "0 0 1rem 0", color: "#06b6d4", display: "flex", alignItems: "center", gap: "0.5rem" }, __source: { fileName: "", lineNumber: 1477, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 1486, columnNumber: 17 }, __self: this }, "🔗"), "SheetDB API Connection"), /*#__PURE__*/ React.createElement("div", { style: { display: "grid", gap: "1rem", gridTemplateColumns: "repeat(auto-fit, minmax(250px, 1fr))" }, __source: { fileName: "", lineNumber: 1489, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { background: "#0f172a", padding: "1rem", borderRadius: "8px", border: "1px solid #334155" }, __source: { fileName: "", lineNumber: 1496, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { color: "#94a3b8", fontSize: "0.875rem", marginBottom: "0.5rem" }, __source: { fileName: "", lineNumber: 1504, columnNumber: 19 }, __self: this }, "API Endpoint"), /*#__PURE__*/ React.createElement("div", { style: { color: "#06b6d4", fontSize: "0.75rem", fontFamily: "monospace", wordBreak: "break-all" }, __source: { fileName: "", lineNumber: 1513, columnNumber: 19 }, __self: this }, "https://sheetdb.io/api/v1/uucm3nzitvt3k")), /*#__PURE__*/ React.createElement("div", { style: { background: "#0f172a", padding: "1rem", borderRadius: "8px", border: "1px solid #334155" }, __source: { fileName: "", lineNumber: 1524, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { color: "#94a3b8", fontSize: "0.875rem", marginBottom: "0.5rem" }, __source: { fileName: "", lineNumber: 1532, columnNumber: 19 }, __self: this }, "Status"), /*#__PURE__*/ React.createElement("div", { style: { color: "#10b981", fontSize: "0.875rem", fontWeight: "bold" }, __source: { fileName: "", lineNumber: 1541, columnNumber: 19 }, __self: this }, "✅ Ready for External Transfers")), /*#__PURE__*/ React.createElement("div", { style: { background: "#0f172a", padding: "1rem", borderRadius: "8px", border: "1px solid #334155" }, __source: { fileName: "", lineNumber: 1551, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { color: "#94a3b8", fontSize: "0.875rem", marginBottom: "0.5rem" }, __source: { fileName: "", lineNumber: 1559, columnNumber: 19 }, __self: this }, "Data Format"), /*#__PURE__*/ React.createElement("div", { style: { color: "#f59e0b", fontSize: "0.875rem" }, __source: { fileName: "", lineNumber: 1568, columnNumber: 19 }, __self: this }, "JSON with transaction details")))), /*#__PURE__*/ React.createElement("div", { style: { background: "#1e293b", padding: "2rem", borderRadius: "12px", border: "1px solid #334155" }, __source: { fileName: "", lineNumber: 1576, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { style: { margin: "0 0 1.5rem 0", color: "#06b6d4", display: "flex", alignItems: "center", gap: "0.5rem" }, __source: { fileName: "", lineNumber: 1584, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 1593, columnNumber: 17 }, __self: this }, "🌐"), "External Transfer to SheetDB"), /*#__PURE__*/ React.createElement("div", { style: { background: "#0f172a", padding: "1rem", borderRadius: "8px", border: "1px solid #334155", marginBottom: "1.5rem" }, __source: { fileName: "", lineNumber: 1597, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { color: "#94a3b8", fontSize: "0.875rem", marginBottom: "0.5rem" }, __source: { fileName: "", lineNumber: 1606, columnNumber: 17 }, __self: this }, "How it works:"), /*#__PURE__*/ React.createElement("ul", { style: { color: "#94a3b8", fontSize: "0.875rem", margin: "0", paddingLeft: "1.5rem" }, __source: { fileName: "", lineNumber: 1615, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1623, columnNumber: 19 }, __self: this }, "Enter external wallet address and amount"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1624, columnNumber: 19 }, __self: this }, "Provide your private key for authentication"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1625, columnNumber: 19 }, __self: this }, "CCC coins are deducted from your wallet (+ 0.1% gas fee)"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1628, columnNumber: 19 }, __self: this }, "Transaction data is sent to SheetDB API"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1629, columnNumber: 19 }, __self: this }, "External wallet receives the transfer record"))), /*#__PURE__*/ React.createElement("div", { style: { display: "flex", flexDirection: "column", gap: "1rem" }, __source: { fileName: "", lineNumber: 1633, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1640, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { style: { display: "block", color: "#94a3b8", fontSize: "0.875rem", marginBottom: "0.5rem" }, __source: { fileName: "", lineNumber: 1641, columnNumber: 19 }, __self: this }, "From Wallet (Select Your Wallet)"), /*#__PURE__*/ React.createElement("select", { value: externalFrom, onChange: (e)=>setExternalFrom(e.target.value), style: { width: "100%", padding: "0.75rem", background: "#0f172a", border: "1px solid #334155", borderRadius: "8px", color: "white", fontSize: "0.875rem", fontFamily: "monospace" }, __source: { fileName: "", lineNumber: 1651, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 1665, columnNumber: 21 }, __self: this }, "Choose your wallet..."), wallets.map((wallet, index)=>/*#__PURE__*/ React.createElement("option", { key: index, value: wallet.address, __source: { fileName: "", lineNumber: 1667, columnNumber: 23 }, __self: this }, wallet.address, " (", wallet.balance.toFixed(8), " CCC)")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1674, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { style: { display: "block", color: "#94a3b8", fontSize: "0.875rem", marginBottom: "0.5rem" }, __source: { fileName: "", lineNumber: 1675, columnNumber: 19 }, __self: this }, "External Wallet Address"), /*#__PURE__*/ React.createElement("input", { type: "text", value: externalWallet, onChange: (e)=>setExternalWallet(e.target.value), placeholder: "Enter external wallet address...", style: { width: "100%", padding: "0.75rem", background: "#0f172a", border: "1px solid #334155", borderRadius: "8px", color: "white", fontSize: "0.875rem", fontFamily: "monospace" }, __source: { fileName: "", lineNumber: 1685, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1703, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { style: { display: "block", color: "#94a3b8", fontSize: "0.875rem", marginBottom: "0.5rem" }, __source: { fileName: "", lineNumber: 1704, columnNumber: 19 }, __self: this }, "Amount (CCC)"), /*#__PURE__*/ React.createElement("input", { type: "number", value: externalAmount, onChange: (e)=>setExternalAmount(e.target.value), placeholder: "Enter amount...", step: "0.00000001", min: "0", style: { width: "100%", padding: "0.75rem", background: "#0f172a", border: "1px solid #334155", borderRadius: "8px", color: "white", fontSize: "0.875rem" }, __source: { fileName: "", lineNumber: 1714, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1733, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { style: { display: "block", color: "#94a3b8", fontSize: "0.875rem", marginBottom: "0.5rem" }, __source: { fileName: "", lineNumber: 1734, columnNumber: 19 }, __self: this }, "Private Key (From Your Wallet)"), /*#__PURE__*/ React.createElement("input", { type: "password", value: externalPrivateKey, onChange: (e)=>setExternalPrivateKey(e.target.value), placeholder: "Enter private key...", style: { width: "100%", padding: "0.75rem", background: "#0f172a", border: "1px solid #334155", borderRadius: "8px", color: "white", fontSize: "0.875rem", fontFamily: "monospace" }, __source: { fileName: "", lineNumber: 1744, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { style: { color: "#ef4444", fontSize: "0.75rem", marginTop: "0.25rem" }, __source: { fileName: "", lineNumber: 1760, columnNumber: 19 }, __self: this }, "⚠️ Your private key is used to authenticate the transaction")), /*#__PURE__*/ React.createElement("div", { style: { background: "#0f172a", padding: "1rem", borderRadius: "8px", border: "1px solid #334155" }, __source: { fileName: "", lineNumber: 1771, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { color: "#94a3b8", fontSize: "0.875rem", marginBottom: "0.5rem" }, __source: { fileName: "", lineNumber: 1779, columnNumber: 19 }, __self: this }, "Transaction Summary"), /*#__PURE__*/ React.createElement("div", { style: { display: "grid", gap: "0.5rem", gridTemplateColumns: "repeat(2, 1fr)" }, __source: { fileName: "", lineNumber: 1788, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1795, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { style: { color: "#94a3b8", fontSize: "0.75rem" }, __source: { fileName: "", lineNumber: 1796, columnNumber: 23 }, __self: this }, "Amount:", " "), /*#__PURE__*/ React.createElement("span", { style: { color: "#06b6d4", fontSize: "0.875rem", fontWeight: "bold" }, __source: { fileName: "", lineNumber: 1799, columnNumber: 23 }, __self: this }, externalAmount || "0.00000000", " CCC")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1809, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { style: { color: "#94a3b8", fontSize: "0.75rem" }, __source: { fileName: "", lineNumber: 1810, columnNumber: 23 }, __self: this }, "Gas Fee:", " "), /*#__PURE__*/ React.createElement("span", { style: { color: "#f59e0b", fontSize: "0.875rem", fontWeight: "bold" }, __source: { fileName: "", lineNumber: 1813, columnNumber: 23 }, __self: this }, externalAmount ? (parseFloat(externalAmount) * 0.001).toFixed(8) : "0.00000000", " ", "CCC")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1826, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { style: { color: "#94a3b8", fontSize: "0.75rem" }, __source: { fileName: "", lineNumber: 1827, columnNumber: 23 }, __self: this }, "Total Deducted:", " "), /*#__PURE__*/ React.createElement("span", { style: { color: "#ef4444", fontSize: "0.875rem", fontWeight: "bold" }, __source: { fileName: "", lineNumber: 1830, columnNumber: 23 }, __self: this }, externalAmount ? (parseFloat(externalAmount) * 1.001).toFixed(8) : "0.00000000", " ", "CCC")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1843, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { style: { color: "#94a3b8", fontSize: "0.75rem" }, __source: { fileName: "", lineNumber: 1844, columnNumber: 23 }, __self: this }, "Destination:", " "), /*#__PURE__*/ React.createElement("span", { style: { color: "#10b981", fontSize: "0.875rem", fontWeight: "bold" }, __source: { fileName: "", lineNumber: 1847, columnNumber: 23 }, __self: this }, "SheetDB API")))), /*#__PURE__*/ React.createElement("button", { onClick: externalTransfer, disabled: loading || !externalWallet || !externalAmount || !externalPrivateKey, style: { width: "100%", padding: "1rem", background: loading || !externalWallet || !externalAmount || !externalPrivateKey ? "#374151" : "linear-gradient(135deg, #06b6d4 0%, #0891b2 100%)", color: "white", border: "none", borderRadius: "8px", cursor: loading || !externalWallet || !externalAmount || !externalPrivateKey ? "not-allowed" : "pointer", fontSize: "1rem", fontWeight: "600" }, __source: { fileName: "", lineNumber: 1860, columnNumber: 17 }, __self: this }, loading ? "⏳ Processing External Transfer..." : "🌐 Send to External Wallet via SheetDB"), /*#__PURE__*/ React.createElement("div", { style: { background: "#0f172a", padding: "1rem", borderRadius: "8px", border: "1px solid #334155" }, __source: { fileName: "", lineNumber: 1897, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { color: "#94a3b8", fontSize: "0.875rem", marginBottom: "0.5rem" }, __source: { fileName: "", lineNumber: 1905, columnNumber: 19 }, __self: this }, "What happens next:"), /*#__PURE__*/ React.createElement("ol", { style: { color: "#94a3b8", fontSize: "0.75rem", margin: "0", paddingLeft: "1.5rem" }, __source: { fileName: "", lineNumber: 1914, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1922, columnNumber: 21 }, __self: this }, "Your CCC wallet balance will be reduced"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1923, columnNumber: 21 }, __self: this }, "Transaction will be recorded in CCC blockchain"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1924, columnNumber: 21 }, __self: this }, "Data will be sent to SheetDB API endpoint"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1925, columnNumber: 21 }, __self: this }, "External wallet will receive the transfer record"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1926, columnNumber: 21 }, __self: this }, "You'll see confirmation message upon success")))))))); }