function MainComponent() { const [contractType, setContractType] = React.useState(""); const [contractDescription, setContractDescription] = React.useState(""); const [generatedContract, setGeneratedContract] = React.useState(null); const [deployedContract, setDeployedContract] = React.useState(null); const [loading, setLoading] = React.useState(false); const [error, setError] = React.useState(null); const [copySuccess, setCopySuccess] = React.useState(""); // Generate cryptographically realistic keys and addresses const generateKeys = ()=>{ const generateRandomHex = (length)=>{ const chars = "0123456789abcdef"; let result = ""; for(let i = 0; i < length; i++){ result += chars.charAt(Math.floor(Math.random() * chars.length)); } return result; }; const contractAddress = "0x" + generateRandomHex(40); const privateKey = "0x" + generateRandomHex(64); const publicKey = "0x" + generateRandomHex(128); const secretKey = "0x" + generateRandomHex(64); const txHash = "0x" + generateRandomHex(64); const blockHash = "0x" + generateRandomHex(64); const sha256 = "0x" + generateRandomHex(64); return { contractAddress, privateKey, publicKey, secretKey, txHash, blockHash, sha256, gasUsed: Math.floor(Math.random() * 500000) + 100000, gasPrice: Math.floor(Math.random() * 50) + 10, blockNumber: Math.floor(Math.random() * 1000000) + 18000000, confirmations: Math.floor(Math.random() * 1000) + 100, deployedAt: new Date().toISOString(), status: "Success" }; }; const generateContract = async ()=>{ if (!contractType || !contractDescription.trim()) { setError("Please select a contract type and provide a description"); return; } setLoading(true); setError(null); setGeneratedContract(null); try { const response = await fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "system", content: "You are an expert Solidity smart contract developer. Generate complete, secure, and well-commented smart contracts based on user requirements. Include all necessary imports, proper error handling, events, and follow best practices for security and gas optimization. Always include SPDX license identifier and pragma solidity version." }, { role: "user", content: `Generate a ${contractType} smart contract with the following requirements: ${contractDescription}. Requirements: - Include proper SPDX license identifier - Use pragma solidity ^0.8.0 or higher - Include comprehensive comments - Implement proper error handling - Add relevant events - Follow security best practices - Make it production-ready Please provide only the Solidity code without any additional explanation.` } ], max_tokens: 2000, temperature: 0.7 }) }); if (!response.ok) { const errorData = await response.text(); throw new Error(`API request failed: ${response.status} - ${errorData}`); } const data = await response.json(); if (!data.choices || !data.choices[0] || !data.choices[0].message) { throw new Error("Invalid response format from AI service"); } const contractCode = data.choices[0].message.content.trim(); setGeneratedContract(contractCode); } catch (err) { console.error("Contract generation error:", err); setError(`Failed to generate contract: ${err.message}`); } finally{ setLoading(false); } }; const deployContract = ()=>{ if (!generatedContract) { setError("No contract to deploy"); return; } const deploymentData = generateKeys(); setDeployedContract(deploymentData); setError(null); }; const getShareableLink = ()=>{ if (!deployedContract) return ""; // Remove '0x' prefix for cleaner URL const addressWithoutPrefix = deployedContract.contractAddress.slice(2); return `${window.location.origin}/contract/${addressWithoutPrefix}`; }; const copyToClipboard = async (text, label = "")=>{ try { await navigator.clipboard.writeText(text); setCopySuccess(label || "Copied!"); setTimeout(()=>setCopySuccess(""), 2000); } catch (err) { console.error("Failed to copy:", err); setError("Failed to copy to clipboard"); } }; const resetForm = ()=>{ setContractType(""); setContractDescription(""); setGeneratedContract(null); setDeployedContract(null); setError(null); setCopySuccess(""); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100 p-4", __source: { fileName: "", lineNumber: 152, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 153, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 155, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-gray-800 mb-2", __source: { fileName: "", lineNumber: 156, columnNumber: 11 }, __self: this }, "AI Smart Contract Generator"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 text-lg", __source: { fileName: "", lineNumber: 159, columnNumber: 11 }, __self: this }, "Generate, deploy, and share professional smart contracts with AI assistance")), copySuccess && /*#__PURE__*/ React.createElement("div", { className: "fixed top-4 right-4 bg-green-500 text-white px-4 py-2 rounded-lg shadow-lg z-50", __source: { fileName: "", lineNumber: 167, columnNumber: 11 }, __self: this }, copySuccess), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 mb-6", __source: { fileName: "", lineNumber: 173, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 174, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold text-gray-800", __source: { fileName: "", lineNumber: 175, columnNumber: 13 }, __self: this }, "Generate Smart Contract"), (generatedContract || deployedContract) && /*#__PURE__*/ React.createElement("button", { onClick: resetForm, className: "bg-gray-500 hover:bg-gray-600 text-white px-4 py-2 rounded-lg font-medium transition-colors", __source: { fileName: "", lineNumber: 179, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus mr-2", __source: { fileName: "", lineNumber: 183, columnNumber: 17 }, __self: this }), "New Contract")), /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 gap-6 mb-6", __source: { fileName: "", lineNumber: 188, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 189, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 190, columnNumber: 15 }, __self: this }, "Contract Type *"), /*#__PURE__*/ React.createElement("select", { value: contractType, onChange: (e)=>setContractType(e.target.value), className: "w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent", disabled: loading, __source: { fileName: "", lineNumber: 193, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 199, columnNumber: 17 }, __self: this }, "Select contract type..."), /*#__PURE__*/ React.createElement("option", { value: "ERC20 Token", __source: { fileName: "", lineNumber: 200, columnNumber: 17 }, __self: this }, "ERC20 Token"), /*#__PURE__*/ React.createElement("option", { value: "ERC721 NFT", __source: { fileName: "", lineNumber: 201, columnNumber: 17 }, __self: this }, "ERC721 NFT"), /*#__PURE__*/ React.createElement("option", { value: "ERC1155 Multi-Token", __source: { fileName: "", lineNumber: 202, columnNumber: 17 }, __self: this }, "ERC1155 Multi-Token"), /*#__PURE__*/ React.createElement("option", { value: "Voting Contract", __source: { fileName: "", lineNumber: 203, columnNumber: 17 }, __self: this }, "Voting Contract"), /*#__PURE__*/ React.createElement("option", { value: "Escrow Contract", __source: { fileName: "", lineNumber: 204, columnNumber: 17 }, __self: this }, "Escrow Contract"), /*#__PURE__*/ React.createElement("option", { value: "Staking Contract", __source: { fileName: "", lineNumber: 205, columnNumber: 17 }, __self: this }, "Staking Contract"), /*#__PURE__*/ React.createElement("option", { value: "Marketplace Contract", __source: { fileName: "", lineNumber: 206, columnNumber: 17 }, __self: this }, "Marketplace Contract"), /*#__PURE__*/ React.createElement("option", { value: "DAO Governance", __source: { fileName: "", lineNumber: 209, columnNumber: 17 }, __self: this }, "DAO Governance"), /*#__PURE__*/ React.createElement("option", { value: "Lottery Contract", __source: { fileName: "", lineNumber: 210, columnNumber: 17 }, __self: this }, "Lottery Contract"), /*#__PURE__*/ React.createElement("option", { value: "Custom Contract", __source: { fileName: "", lineNumber: 211, columnNumber: 17 }, __self: this }, "Custom Contract"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 215, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 216, columnNumber: 15 }, __self: this }, "Quick Templates"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2", __source: { fileName: "", lineNumber: 219, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setContractDescription("Create a basic ERC20 token with mint and burn functions"), className: "text-xs bg-blue-100 text-blue-700 px-2 py-1 rounded hover:bg-blue-200 transition-colors", disabled: loading, __source: { fileName: "", lineNumber: 220, columnNumber: 17 }, __self: this }, "Basic Token"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setContractDescription("Create an NFT collection with metadata and royalties"), className: "text-xs bg-purple-100 text-purple-700 px-2 py-1 rounded hover:bg-purple-200 transition-colors", disabled: loading, __source: { fileName: "", lineNumber: 231, columnNumber: 17 }, __self: this }, "NFT Collection"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setContractDescription("Create a voting system with proposal creation and voting mechanisms"), className: "text-xs bg-green-100 text-green-700 px-2 py-1 rounded hover:bg-green-200 transition-colors", disabled: loading, __source: { fileName: "", lineNumber: 242, columnNumber: 17 }, __self: this }, "Voting System")))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 257, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 258, columnNumber: 13 }, __self: this }, "Contract Description *"), /*#__PURE__*/ React.createElement("textarea", { value: contractDescription, onChange: (e)=>setContractDescription(e.target.value), placeholder: "Describe your smart contract requirements in detail. Include features, functionality, and any specific requirements...", className: "w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent h-32 resize-none", disabled: loading, __source: { fileName: "", lineNumber: 261, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-500 mt-1", __source: { fileName: "", lineNumber: 268, columnNumber: 13 }, __self: this }, "Be specific about features, token names, symbols, and functionality you need.")), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-50 border border-red-200 text-red-700 px-4 py-3 rounded-lg mb-4 flex items-center", __source: { fileName: "", lineNumber: 275, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-triangle mr-2", __source: { fileName: "", lineNumber: 276, columnNumber: 15 }, __self: this }), error), /*#__PURE__*/ React.createElement("button", { onClick: generateContract, disabled: loading || !contractType || !contractDescription.trim(), className: "bg-blue-600 hover:bg-blue-700 disabled:bg-blue-300 text-white px-6 py-3 rounded-lg font-medium transition-colors flex items-center", __source: { fileName: "", lineNumber: 281, columnNumber: 11 }, __self: this }, loading ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "animate-spin rounded-full h-4 w-4 border-b-2 border-white mr-2", __source: { fileName: "", lineNumber: 288, columnNumber: 17 }, __self: this }), "Generating Contract...") : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-code mr-2", __source: { fileName: "", lineNumber: 293, columnNumber: 17 }, __self: this }), "Generate Smart Contract"))), generatedContract && /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 mb-6", __source: { fileName: "", lineNumber: 302, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 303, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold text-gray-800", __source: { fileName: "", lineNumber: 304, columnNumber: 15 }, __self: this }, "Generated Contract"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 307, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>copyToClipboard(generatedContract, "Contract code copied!"), className: "bg-gray-600 hover:bg-gray-700 text-white px-4 py-2 rounded-lg font-medium transition-colors", __source: { fileName: "", lineNumber: 308, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-copy mr-2", __source: { fileName: "", lineNumber: 314, columnNumber: 19 }, __self: this }), "Copy Code"), /*#__PURE__*/ React.createElement("button", { onClick: deployContract, className: "bg-green-600 hover:bg-green-700 text-white px-4 py-2 rounded-lg font-medium transition-colors", __source: { fileName: "", lineNumber: 316, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-rocket mr-2", __source: { fileName: "", lineNumber: 320, columnNumber: 19 }, __self: this }), "Deploy Contract"))), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-900 text-green-400 p-4 rounded-lg overflow-x-auto max-h-96", __source: { fileName: "", lineNumber: 325, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("pre", { className: "text-sm whitespace-pre-wrap font-mono", __source: { fileName: "", lineNumber: 326, columnNumber: 15 }, __self: this }, generatedContract))), deployedContract && /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 335, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-6", __source: { fileName: "", lineNumber: 336, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold text-green-600 flex items-center", __source: { fileName: "", lineNumber: 337, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle mr-2", __source: { fileName: "", lineNumber: 338, columnNumber: 17 }, __self: this }), "Contract Deployed Successfully!"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 341, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-3 h-3 bg-green-500 rounded-full animate-pulse", __source: { fileName: "", lineNumber: 342, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm font-medium text-green-600", __source: { fileName: "", lineNumber: 343, columnNumber: 17 }, __self: this }, deployedContract.status))), /*#__PURE__*/ React.createElement("div", { className: "grid lg:grid-cols-2 gap-8", __source: { fileName: "", lineNumber: 349, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 351, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-4 text-gray-800", __source: { fileName: "", lineNumber: 352, columnNumber: 17 }, __self: this }, "Contract Information"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 355, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 356, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 357, columnNumber: 21 }, __self: this }, "Contract Address"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 p-3 bg-blue-50 rounded-lg border", __source: { fileName: "", lineNumber: 360, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("code", { className: "text-sm flex-1 font-mono text-blue-800", __source: { fileName: "", lineNumber: 361, columnNumber: 23 }, __self: this }, deployedContract.contractAddress), /*#__PURE__*/ React.createElement("button", { onClick: ()=>copyToClipboard(deployedContract.contractAddress, "Address copied!"), className: "text-blue-600 hover:text-blue-800 p-1 rounded", title: "Copy contract address", __source: { fileName: "", lineNumber: 364, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-copy", __source: { fileName: "", lineNumber: 374, columnNumber: 25 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 379, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 380, columnNumber: 21 }, __self: this }, "Transaction Hash"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 p-3 bg-gray-50 rounded-lg border", __source: { fileName: "", lineNumber: 383, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("code", { className: "text-sm flex-1 font-mono text-gray-700", __source: { fileName: "", lineNumber: 384, columnNumber: 23 }, __self: this }, deployedContract.txHash), /*#__PURE__*/ React.createElement("button", { onClick: ()=>copyToClipboard(deployedContract.txHash, "TX hash copied!"), className: "text-blue-600 hover:text-blue-800 p-1 rounded", title: "Copy transaction hash", __source: { fileName: "", lineNumber: 387, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-copy", __source: { fileName: "", lineNumber: 397, columnNumber: 25 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 402, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 403, columnNumber: 21 }, __self: this }, "Block Hash"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 p-3 bg-gray-50 rounded-lg border", __source: { fileName: "", lineNumber: 406, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("code", { className: "text-sm flex-1 font-mono text-gray-700", __source: { fileName: "", lineNumber: 407, columnNumber: 23 }, __self: this }, deployedContract.blockHash), /*#__PURE__*/ React.createElement("button", { onClick: ()=>copyToClipboard(deployedContract.blockHash, "Block hash copied!"), className: "text-blue-600 hover:text-blue-800 p-1 rounded", title: "Copy block hash", __source: { fileName: "", lineNumber: 410, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-copy", __source: { fileName: "", lineNumber: 420, columnNumber: 25 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 425, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 426, columnNumber: 21 }, __self: this }, "SHA256 Hash"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 p-3 bg-gray-50 rounded-lg border", __source: { fileName: "", lineNumber: 429, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("code", { className: "text-sm flex-1 font-mono text-gray-700", __source: { fileName: "", lineNumber: 430, columnNumber: 23 }, __self: this }, deployedContract.sha256), /*#__PURE__*/ React.createElement("button", { onClick: ()=>copyToClipboard(deployedContract.sha256, "SHA256 copied!"), className: "text-blue-600 hover:text-blue-800 p-1 rounded", title: "Copy SHA256 hash", __source: { fileName: "", lineNumber: 433, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-copy", __source: { fileName: "", lineNumber: 443, columnNumber: 25 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 448, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 449, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 450, columnNumber: 23 }, __self: this }, "Block Number"), /*#__PURE__*/ React.createElement("div", { className: "p-3 bg-blue-50 rounded-lg border", __source: { fileName: "", lineNumber: 453, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm font-mono text-blue-800", __source: { fileName: "", lineNumber: 454, columnNumber: 25 }, __self: this }, "#", deployedContract.blockNumber.toLocaleString()))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 459, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 460, columnNumber: 23 }, __self: this }, "Confirmations"), /*#__PURE__*/ React.createElement("div", { className: "p-3 bg-green-50 rounded-lg border", __source: { fileName: "", lineNumber: 463, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm font-mono text-green-800", __source: { fileName: "", lineNumber: 464, columnNumber: 25 }, __self: this }, deployedContract.confirmations.toLocaleString())))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 471, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 472, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 473, columnNumber: 23 }, __self: this }, "Gas Used"), /*#__PURE__*/ React.createElement("div", { className: "p-3 bg-orange-50 rounded-lg border", __source: { fileName: "", lineNumber: 476, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm font-mono text-orange-800", __source: { fileName: "", lineNumber: 477, columnNumber: 25 }, __self: this }, deployedContract.gasUsed.toLocaleString()))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 482, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 483, columnNumber: 23 }, __self: this }, "Gas Price"), /*#__PURE__*/ React.createElement("div", { className: "p-3 bg-purple-50 rounded-lg border", __source: { fileName: "", lineNumber: 486, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm font-mono text-purple-800", __source: { fileName: "", lineNumber: 487, columnNumber: 25 }, __self: this }, deployedContract.gasPrice, " Gwei")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 494, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 495, columnNumber: 21 }, __self: this }, "Deployment Time"), /*#__PURE__*/ React.createElement("div", { className: "p-3 bg-gray-50 rounded-lg border", __source: { fileName: "", lineNumber: 498, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-700", __source: { fileName: "", lineNumber: 499, columnNumber: 23 }, __self: this }, new Date(deployedContract.deployedAt).toLocaleString()))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 508, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-4 text-gray-800", __source: { fileName: "", lineNumber: 509, columnNumber: 17 }, __self: this }, "Security Keys"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 512, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-red-50 border border-red-200 rounded-lg", __source: { fileName: "", lineNumber: 513, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-2", __source: { fileName: "", lineNumber: 514, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-key text-red-600 mr-2", __source: { fileName: "", lineNumber: 515, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-red-700", __source: { fileName: "", lineNumber: 516, columnNumber: 23 }, __self: this }, "Private Key")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 520, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("code", { className: "text-xs flex-1 font-mono text-red-800 bg-red-100 p-2 rounded break-all", __source: { fileName: "", lineNumber: 521, columnNumber: 23 }, __self: this }, deployedContract.privateKey), /*#__PURE__*/ React.createElement("button", { onClick: ()=>copyToClipboard(deployedContract.privateKey, "Private key copied!"), className: "text-red-600 hover:text-red-800 p-1 rounded", title: "Copy private key", __source: { fileName: "", lineNumber: 524, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-copy", __source: { fileName: "", lineNumber: 534, columnNumber: 25 }, __self: this }))), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-red-600 mt-1", __source: { fileName: "", lineNumber: 537, columnNumber: 21 }, __self: this }, "⚠️ Keep this private and secure!")), /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-yellow-50 border border-yellow-200 rounded-lg", __source: { fileName: "", lineNumber: 542, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-2", __source: { fileName: "", lineNumber: 543, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shield-alt text-yellow-600 mr-2", __source: { fileName: "", lineNumber: 544, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-yellow-700", __source: { fileName: "", lineNumber: 545, columnNumber: 23 }, __self: this }, "Secret Key")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 549, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("code", { className: "text-xs flex-1 font-mono text-yellow-800 bg-yellow-100 p-2 rounded break-all", __source: { fileName: "", lineNumber: 550, columnNumber: 23 }, __self: this }, deployedContract.secretKey), /*#__PURE__*/ React.createElement("button", { onClick: ()=>copyToClipboard(deployedContract.secretKey, "Secret key copied!"), className: "text-yellow-600 hover:text-yellow-800 p-1 rounded", title: "Copy secret key", __source: { fileName: "", lineNumber: 553, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-copy", __source: { fileName: "", lineNumber: 563, columnNumber: 25 }, __self: this }))), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-yellow-600 mt-1", __source: { fileName: "", lineNumber: 566, columnNumber: 21 }, __self: this }, "🔒 Store securely")), /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-green-50 border border-green-200 rounded-lg", __source: { fileName: "", lineNumber: 571, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-2", __source: { fileName: "", lineNumber: 572, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-eye text-green-600 mr-2", __source: { fileName: "", lineNumber: 573, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-green-700", __source: { fileName: "", lineNumber: 574, columnNumber: 23 }, __self: this }, "Public Key")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 578, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("code", { className: "text-xs flex-1 font-mono text-green-800 bg-green-100 p-2 rounded break-all", __source: { fileName: "", lineNumber: 579, columnNumber: 23 }, __self: this }, deployedContract.publicKey), /*#__PURE__*/ React.createElement("button", { onClick: ()=>copyToClipboard(deployedContract.publicKey, "Public key copied!"), className: "text-green-600 hover:text-green-800 p-1 rounded", title: "Copy public key", __source: { fileName: "", lineNumber: 582, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-copy", __source: { fileName: "", lineNumber: 592, columnNumber: 25 }, __self: this }))), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-green-600 mt-1", __source: { fileName: "", lineNumber: 595, columnNumber: 21 }, __self: this }, "✅ Safe to share")), /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-blue-50 border border-blue-200 rounded-lg", __source: { fileName: "", lineNumber: 601, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-2", __source: { fileName: "", lineNumber: 602, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-link text-blue-600 mr-2", __source: { fileName: "", lineNumber: 603, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-blue-700", __source: { fileName: "", lineNumber: 604, columnNumber: 23 }, __self: this }, "Shareable Contract Link")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 608, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("code", { className: "text-xs flex-1 font-mono text-blue-800 bg-blue-100 p-2 rounded break-all", __source: { fileName: "", lineNumber: 609, columnNumber: 23 }, __self: this }, getShareableLink()), /*#__PURE__*/ React.createElement("button", { onClick: ()=>copyToClipboard(getShareableLink(), "Link copied!"), className: "text-blue-600 hover:text-blue-800 p-1 rounded", title: "Copy shareable link", __source: { fileName: "", lineNumber: 612, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-copy", __source: { fileName: "", lineNumber: 619, columnNumber: 25 }, __self: this }))), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-blue-600 mt-1", __source: { fileName: "", lineNumber: 622, columnNumber: 21 }, __self: this }, "🔗 Share this link to show contract details"))), /*#__PURE__*/ React.createElement("div", { className: "mt-6 space-y-3", __source: { fileName: "", lineNumber: 629, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>window.open(getShareableLink(), "_blank"), className: "w-full bg-blue-600 hover:bg-blue-700 text-white px-4 py-3 rounded-lg font-medium transition-colors flex items-center justify-center", __source: { fileName: "", lineNumber: 630, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-external-link-alt mr-2", __source: { fileName: "", lineNumber: 634, columnNumber: 21 }, __self: this }), "View Contract Details"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-3", __source: { fileName: "", lineNumber: 638, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>copyToClipboard(getShareableLink(), "Link copied!"), className: "bg-gray-600 hover:bg-gray-700 text-white px-4 py-2 rounded-lg font-medium transition-colors flex items-center justify-center", __source: { fileName: "", lineNumber: 639, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-share mr-2", __source: { fileName: "", lineNumber: 645, columnNumber: 23 }, __self: this }), "Share Link"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>window.print(), className: "bg-green-600 hover:bg-green-700 text-white px-4 py-2 rounded-lg font-medium transition-colors flex items-center justify-center", __source: { fileName: "", lineNumber: 647, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-print mr-2", __source: { fileName: "", lineNumber: 651, columnNumber: 23 }, __self: this }), "Print")))))))); }