function MainComponent() { const [isLoading, setIsLoading] = React.useState(true); const [currentView, setCurrentView] = React.useState("mail"); // 'mail' or 'gchained' const [showMailIcon, setShowMailIcon] = React.useState(false); // Mail app state const [user, setUser] = React.useState(null); const [currentScreen, setCurrentScreen] = React.useState("payment"); // 'payment', 'join', 'login', 'dashboard', 'compose', 'message' const [walletInput, setWalletInput] = React.useState(""); const [walletStatus, setWalletStatus] = React.useState(""); const [formData, setFormData] = React.useState({ name: "", email: "", password: "", loginEmail: "", loginPassword: "", toEmail: "", subject: "", cvv: "", message: "" }); const [inbox, setInbox] = React.useState([]); const [sent, setSent] = React.useState([]); const [currentMessage, setCurrentMessage] = React.useState(null); const [showPopup, setShowPopup] = React.useState(false); const [showChatbot, setShowChatbot] = React.useState(false); const SHEETDB_URL = "https://sheetdb.io/api/v1/uucm3nzitvt3k"; const RECEIVER_WALLET = "4b6c4a219196250d8948cee9f4d0c48a7823cd91f8b3cea65c30b39fbc31374f"; const sheetdbUrl = "https://sheetdb.io/api/v1/cabc6nbtkd1zc"; React.useEffect(()=>{ const timer = setTimeout(()=>{ setIsLoading(false); }, 3000); return ()=>clearTimeout(timer); }, []); React.useEffect(()=>{ setShowMailIcon(currentView !== "mail"); }, [ currentView ]); React.useEffect(()=>{ const savedUser = localStorage.getItem("user"); if (savedUser) { setUser(JSON.parse(savedUser)); setCurrentScreen("dashboard"); } }, []); const verifyWallet = async ()=>{ if (!walletInput.trim()) { setWalletStatus("Enter a wallet address."); return; } try { const response = await fetch(SHEETDB_URL); const data = await response.json(); let balance = data.reduce((sum, tx)=>{ if (tx.From === walletInput) sum -= parseFloat(tx.Amount) || 0; if (tx.To === walletInput) sum += parseFloat(tx.Amount) || 0; return sum; }, 0); if (balance >= 10) { await deductPayment(walletInput); } else { setWalletStatus("Insufficient balance."); } } catch (error) { setWalletStatus("Error fetching balance."); } }; const deductPayment = async (wallet)=>{ const transaction = { data: [ { Type: "Payment", From: wallet, To: RECEIVER_WALLET, Amount: "10", Timestamp: new Date().toISOString() } ] }; try { await fetch(SHEETDB_URL, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(transaction) }); setWalletStatus("Payment successful!"); setTimeout(()=>{ setCurrentScreen("join"); }, 1000); } catch (error) { setWalletStatus("Transaction failed."); } }; const joinUser = async ()=>{ const email = formData.email + "@gchainedmail.com"; alert(`Your Email Is: ${email}`); try { await fetch(sheetdbUrl, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ name: formData.name, email: email, password: formData.password }) }); const userData = { name: formData.name, email: email }; localStorage.setItem("user", JSON.stringify(userData)); setUser(userData); setCurrentScreen("dashboard"); loadDashboardData(userData); } catch (error) { console.error("Join user error:", error); } }; const loginUser = async ()=>{ try { const response = await fetch(`${sheetdbUrl}/search?email=${formData.loginEmail}`); const users = await response.json(); if (users.length) { localStorage.setItem("user", JSON.stringify(users[0])); setUser(users[0]); setCurrentScreen("dashboard"); loadDashboardData(users[0]); } else { alert("Invalid credentials"); } } catch (error) { console.error("Login error:", error); } }; const loadDashboardData = async (userData)=>{ try { // Load inbox const inboxResponse = await fetch(`${sheetdbUrl}/search?To=${userData.email}`); const inboxMessages = await inboxResponse.json(); setInbox(inboxMessages); // Load sent messages const sentResponse = await fetch(`${sheetdbUrl}/search?From=${userData.email}`); const sentMessages = await sentResponse.json(); setSent(sentMessages); } catch (error) { console.error("Load dashboard error:", error); } }; const sendEmail = async ()=>{ const data = { From: user.email, To: formData.toEmail, Subject: formData.subject, Cvv: formData.cvv, Message: formData.message, Timestamp: new Date().toLocaleString() }; try { await fetch(sheetdbUrl, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(data) }); alert("Message Sent"); setCurrentScreen("dashboard"); loadDashboardData(user); } catch (error) { console.error("Send email error:", error); } }; const showCompose = ()=>{ setCurrentScreen("compose"); setTimeout(()=>{ alert("Redirecting To Global Mail Services"); window.open("https://form.jotform.com/251908129906059", "_blank"); }, 4000); }; const viewMessage = (from, to, message, cv, subject, timestamp)=>{ setCurrentMessage({ from, to, message, cv, subject, timestamp }); setCurrentScreen("message"); }; const replyMessage = ()=>{ setFormData((prev)=>({ ...prev, toEmail: currentMessage.from, subject: currentMessage.subject + " - Replied" })); showCompose(); }; const handlePoweredByClick = ()=>{ setCurrentView("gchained"); }; const handleMailIconClick = ()=>{ setCurrentView("mail"); }; if (isLoading) { return /*#__PURE__*/ React.createElement("div", { className: "w-full h-screen bg-gray-100 flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 229, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-8", __source: { fileName: "", lineNumber: 230, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope text-6xl text-blue-600 mr-4", __source: { fileName: "", lineNumber: 231, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-4xl font-bold text-gray-800", __source: { fileName: "", lineNumber: 232, columnNumber: 11 }, __self: this }, "GCH")), /*#__PURE__*/ React.createElement("div", { className: "w-64 bg-gray-200 rounded-full h-4 mb-4", __source: { fileName: "", lineNumber: 235, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-600 h-4 rounded-full loading-bar", __source: { fileName: "", lineNumber: 236, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 239, columnNumber: 9 }, __self: this }, "Loading..."), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 241, columnNumber: 9 }, __self: this }, ` @keyframes loadingProgress { 0% { width: 0%; } 100% { width: 100%; } } .loading-bar { animation: loadingProgress 3s ease-in-out forwards; } `)); } if (currentView === "gchained") { return /*#__PURE__*/ React.createElement("div", { className: "relative w-full h-screen", __source: { fileName: "", lineNumber: 257, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("iframe", { src: "https://gchained.bio.link", className: "w-full h-full border-0", title: "GChained Bio", __source: { fileName: "", lineNumber: 258, columnNumber: 9 }, __self: this }), showMailIcon && /*#__PURE__*/ React.createElement("button", { onClick: handleMailIconClick, className: "fixed top-4 right-4 bg-blue-600 hover:bg-blue-700 text-white p-3 rounded-full shadow-lg transition-all duration-300 z-50", __source: { fileName: "", lineNumber: 265, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope text-xl", __source: { fileName: "", lineNumber: 269, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-0 left-0 w-full bg-black bg-opacity-80 text-white py-3 px-4 hover:bg-opacity-90 transition-all duration-300 cursor-pointer z-40", onClick: handleMailIconClick, __source: { fileName: "", lineNumber: 273, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 277, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm", __source: { fileName: "", lineNumber: 278, columnNumber: 13 }, __self: this }, "Back to "), /*#__PURE__*/ React.createElement("span", { className: "font-bold ml-1", __source: { fileName: "", lineNumber: 279, columnNumber: 13 }, __self: this }, "GChained Mail")))); } return /*#__PURE__*/ React.createElement("div", { className: "relative w-full h-screen", style: { background: "linear-gradient(to right, #667eea, #764ba2)", color: "white", fontFamily: "Arial, sans-serif" }, __source: { fileName: "", lineNumber: 287, columnNumber: 5 }, __self: this }, currentScreen === "payment" && /*#__PURE__*/ React.createElement("div", { className: "fixed top-0 left-0 w-full h-full bg-black bg-opacity-80 flex items-center justify-center z-50", __source: { fileName: "", lineNumber: 297, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-800 p-6 rounded-lg text-center max-w-md w-full mx-4", __source: { fileName: "", lineNumber: 298, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-white text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 299, columnNumber: 13 }, __self: this }, "Enter Your Wallet Address"), /*#__PURE__*/ React.createElement("input", { type: "text", value: walletInput, onChange: (e)=>setWalletInput(e.target.value), className: "w-full p-3 rounded mb-4 text-black", placeholder: "GChained Crain Wallet Address", __source: { fileName: "", lineNumber: 302, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: verifyWallet, className: "w-full bg-orange-500 hover:bg-orange-600 text-white p-3 rounded font-bold", __source: { fileName: "", lineNumber: 309, columnNumber: 13 }, __self: this }, "Verify & Pay 10 Coins"), walletStatus && /*#__PURE__*/ React.createElement("p", { className: `mt-4 ${walletStatus.includes("successful") ? "text-green-500" : "text-red-500"}`, __source: { fileName: "", lineNumber: 316, columnNumber: 15 }, __self: this }, walletStatus))), /*#__PURE__*/ React.createElement("div", { className: "container mx-auto max-w-lg p-5", __source: { fileName: "", lineNumber: 327, columnNumber: 7 }, __self: this }, currentScreen === "join" && /*#__PURE__*/ React.createElement("div", { className: "bg-white text-black p-4 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 330, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-center text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 331, columnNumber: 13 }, __self: this }, "GChained Mail - Sign Up/Login"), /*#__PURE__*/ React.createElement("input", { type: "text", value: formData.name, onChange: (e)=>setFormData((prev)=>({ ...prev, name: e.target.value })), className: "w-full p-3 rounded mb-3 border", placeholder: "Name", __source: { fileName: "", lineNumber: 334, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", value: formData.email, onChange: (e)=>setFormData((prev)=>({ ...prev, email: e.target.value })), className: "w-full p-3 rounded mb-3 border", placeholder: "Username", __source: { fileName: "", lineNumber: 343, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", value: formData.password, onChange: (e)=>setFormData((prev)=>({ ...prev, password: e.target.value })), className: "w-full p-3 rounded mb-3 border", placeholder: "Password", __source: { fileName: "", lineNumber: 352, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: joinUser, className: "w-full bg-blue-600 text-white p-3 rounded mb-2", __source: { fileName: "", lineNumber: 361, columnNumber: 13 }, __self: this }, "Join/Login"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentScreen("login"), className: "w-full text-blue-600 underline", __source: { fileName: "", lineNumber: 367, columnNumber: 13 }, __self: this }, "Login")), currentScreen === "login" && /*#__PURE__*/ React.createElement("div", { className: "bg-white text-black p-4 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 378, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-center text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 379, columnNumber: 13 }, __self: this }, "Login"), /*#__PURE__*/ React.createElement("input", { type: "email", value: formData.loginEmail, onChange: (e)=>setFormData((prev)=>({ ...prev, loginEmail: e.target.value })), className: "w-full p-3 rounded mb-3 border", placeholder: "Email", __source: { fileName: "", lineNumber: 380, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", value: formData.loginPassword, onChange: (e)=>setFormData((prev)=>({ ...prev, loginPassword: e.target.value })), className: "w-full p-3 rounded mb-3 border", placeholder: "Password", __source: { fileName: "", lineNumber: 389, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: loginUser, className: "w-full bg-blue-600 text-white p-3 rounded mb-2", __source: { fileName: "", lineNumber: 401, columnNumber: 13 }, __self: this }, "Login"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentScreen("join"), className: "w-full text-blue-600 underline", __source: { fileName: "", lineNumber: 407, columnNumber: 13 }, __self: this }, "Sign Up")), currentScreen === "dashboard" && user && /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 418, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 419, columnNumber: 13 }, __self: this }, "Welcome to GChained Mailer"), /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 420, columnNumber: 13 }, __self: this }, "Welcome, ", user.name, " (", user.email, ")"), /*#__PURE__*/ React.createElement("button", { onClick: showCompose, className: "w-full bg-green-600 text-white p-3 rounded mb-4", __source: { fileName: "", lineNumber: 424, columnNumber: 13 }, __self: this }, "Create Email"), /*#__PURE__*/ React.createElement("h3", { className: "text-xl mb-2", __source: { fileName: "", lineNumber: 431, columnNumber: 13 }, __self: this }, "Inbox"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 432, columnNumber: 13 }, __self: this }, inbox.map((msg, index)=>/*#__PURE__*/ React.createElement("div", { key: index, onClick: ()=>viewMessage(msg.From, msg.To, msg.Message, msg.Cv, msg.Subject, msg.Timestamp), className: "bg-white text-black p-3 mb-2 rounded cursor-pointer hover:bg-gray-200", __source: { fileName: "", lineNumber: 434, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 448, columnNumber: 19 }, __self: this }, msg.Subject), " - Incoming Mail", /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 449, columnNumber: 19 }, __self: this }, msg.Message, " - Message"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 450, columnNumber: 19 }, __self: this }, msg.From, " - Sender")))), /*#__PURE__*/ React.createElement("h3", { className: "text-xl mb-2", __source: { fileName: "", lineNumber: 455, columnNumber: 13 }, __self: this }, "Sent"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 456, columnNumber: 13 }, __self: this }, sent.map((msg, index)=>/*#__PURE__*/ React.createElement("div", { key: index, onClick: ()=>viewMessage(msg.From, msg.To, msg.Message, msg.Cv, msg.Subject, msg.Timestamp), className: "bg-white text-black p-3 mb-2 rounded cursor-pointer hover:bg-gray-200", __source: { fileName: "", lineNumber: 458, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 472, columnNumber: 19 }, __self: this }, msg.Subject), " - Sent Message", /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 473, columnNumber: 19 }, __self: this }, msg.Message, " - Message"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 474, columnNumber: 19 }, __self: this }, msg.To, " - Receiver"))))), currentScreen === "compose" && /*#__PURE__*/ React.createElement("div", { className: "bg-white text-black p-4 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 483, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 484, columnNumber: 13 }, __self: this }, "Compose Email"), /*#__PURE__*/ React.createElement("input", { type: "email", value: formData.toEmail, onChange: (e)=>setFormData((prev)=>({ ...prev, toEmail: e.target.value })), className: "w-full p-3 rounded mb-3 border", placeholder: "To", __source: { fileName: "", lineNumber: 485, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", value: formData.subject, onChange: (e)=>setFormData((prev)=>({ ...prev, subject: e.target.value })), className: "w-full p-3 rounded mb-3 border", placeholder: "Subject", __source: { fileName: "", lineNumber: 494, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", value: formData.cvv, onChange: (e)=>setFormData((prev)=>({ ...prev, cvv: e.target.value })), className: "w-full p-3 rounded mb-3 border", placeholder: "CVV", __source: { fileName: "", lineNumber: 503, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { value: formData.message, onChange: (e)=>setFormData((prev)=>({ ...prev, message: e.target.value })), className: "w-full p-3 rounded mb-3 border h-32", placeholder: "Message", __source: { fileName: "", lineNumber: 512, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: sendEmail, className: "w-full bg-blue-600 text-white p-3 rounded mb-2", __source: { fileName: "", lineNumber: 520, columnNumber: 13 }, __self: this }, "Send"), /*#__PURE__*/ React.createElement("a", { href: "http://cryptogamesmintminer.atwebpages.com/workspace/build/public/context/context/public/ext.html", target: "_blank", rel: "noopener noreferrer", className: "block w-full bg-gray-600 text-white p-3 rounded mb-2 text-center", __source: { fileName: "", lineNumber: 526, columnNumber: 13 }, __self: this }, "Send To External GChained Mailers"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentScreen("dashboard"), className: "w-full text-blue-600 underline", __source: { fileName: "", lineNumber: 534, columnNumber: 13 }, __self: this }, "Cancel")), currentScreen === "message" && currentMessage && /*#__PURE__*/ React.createElement("div", { className: "bg-white text-black p-4 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 545, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 546, columnNumber: 13 }, __self: this }, currentMessage.subject), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 547, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 548, columnNumber: 15 }, __self: this }, "From:"), " ", currentMessage.from), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 550, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 551, columnNumber: 15 }, __self: this }, "To:"), " ", currentMessage.to), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 553, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 554, columnNumber: 15 }, __self: this }, "Message:")), /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 556, columnNumber: 13 }, __self: this }, currentMessage.message), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 557, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: replyMessage, className: "bg-yellow-600 text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 558, columnNumber: 15 }, __self: this }, "Reply"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentScreen("dashboard"), className: "bg-gray-600 text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 564, columnNumber: 15 }, __self: this }, "Cancel"), /*#__PURE__*/ React.createElement("button", { className: "bg-red-600 text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 570, columnNumber: 15 }, __self: this }, "Mute")))), /*#__PURE__*/ React.createElement("div", { onClick: ()=>setShowPopup(true), className: "fixed bottom-20 left-5 bg-blue-600 text-white rounded-full w-15 h-15 flex items-center justify-center cursor-pointer shadow-lg hover:scale-110 transition-transform z-40", style: { width: "60px", height: "60px" }, __source: { fileName: "", lineNumber: 579, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users", __source: { fileName: "", lineNumber: 584, columnNumber: 9 }, __self: this })), showPopup && /*#__PURE__*/ React.createElement("div", { className: "fixed top-0 left-0 w-full h-full bg-black bg-opacity-50 flex items-center justify-center z-50", __source: { fileName: "", lineNumber: 589, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg w-11/12 max-w-md relative", __source: { fileName: "", lineNumber: 590, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowPopup(false), className: "absolute top-2 right-2 bg-red-500 text-white rounded-full w-8 h-8 flex items-center justify-center", __source: { fileName: "", lineNumber: 591, columnNumber: 13 }, __self: this }, "×"), /*#__PURE__*/ React.createElement("iframe", { src: "https://form.jotform.com/251908129906059", className: "w-full h-96 border-0 rounded-lg", title: "Form", __source: { fileName: "", lineNumber: 597, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { onClick: ()=>setShowChatbot(!showChatbot), className: "fixed bottom-5 right-5 bg-white rounded-full w-15 h-15 flex items-center justify-center cursor-pointer shadow-lg z-40", style: { width: "60px", height: "60px" }, __source: { fileName: "", lineNumber: 607, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJQAAACUCAMAAABC4vDmAAAA1VBMVEX3c9kAAAD////5ctkvy7/l5eX///1pNl8dTks02cwtzL35ed1XV1dxOWaK3dYjybtN0MMqGCUMEhTrdNHe3t4vLy+QSoEvGSnYbMKTk5MMFA6ISHskEyENCw3NZbb5c96EhIQMAAC4XqWnp6ecTonFZbKqVZelVpODRXDjc8qxYaAdDxqOU367Z6YdSEIonIswsqZ3wry8vLwxIS8fWVE3wbXz8/NtbW0t18M/Pz9NS0tmYWBr2cvJ8/C48OYAMys3yccid28Zal0gZ2FkNlY5HTdHJD0/i6yhAAADOElEQVR4nO2aj1PaMBSAW17V2Ywpls0i0oeILUXdHJuM/XRu6P//Jy1JW4pngHo3X+rd++7kGi5nvnvvNaRJHYdhGIZhGIZhGIZhGIZhGIapPwCmS7uAA1hc1sVJSoniqj5OopBBGTDc0JsKFMmoq0gE1CVWiJGbk9ZESaavlArLkrcMQCkFLGVQWbCUPsykgHZy0GMBogjCknEhNY5KQiF7STmk8FNjhE23As1QzlokIZNjiOF5FSfXPU+QxEo5daspKS4ECorax0F1J9e9RIeipERPDfb+w9XV1cd2e2slk9eq3ydAgkiBDtTn613f89801jH9onpGFKECXVHXnmRvvVRjqmI6JJACsaOSN/Nm/kapxlfZtUtSUkrq1a7nVZBSVdUUFBNVJuUvpe+03+93tnKRLdnoT6xLTfS9/z2X+qZbbdtSnWxGypzab3Xj1LZU3yDVqaNULSPFUiapWhY6S71oqVrO6I1JRzLNpaaqYf+3bzX0Ur7vaaltg822xo7UD620bcZO+uQq7+e65NmIlJTy93/Vo6ayNfqup/Pn7e3tr2Z2k0k9vxWO5EhH/m91+0kv39cXRmZH+sHh+UMlsgfk21xoLX9UzzOKRywM1FAHt6sDpEPoedd/T2THXkDy3I5J9lt3VHDwAPXNiSLrlSDJVhAGc7cy84Bkf8NBqG5FM0k5KhsgBoe9zUa9u4Eg2pZVsw6giOKh4sKwp3eexHGSJHEoSLY7Hb2TByqHKAcUsr5aj6VaSkYiNv+3/+gFQbepSNAodSyCUTNnZ5SSTAnSapgPHwmz1PIGZJcqhe/ySo7ALJUstZrUUmcrauqBFNEd+EQpEqcnpk/QHJZulIqXWjsWC/1+Pr9bpC89XNAaUE3qBqlLsYhPSzjp4oArBYdknbBU6KXUGLCQOhaI5Vkg1aGk6e6LARZSJMuVR+R3Vys0SwkrUuIyHsfjJAKokRSqoylZOI6okZQ+1tafwX1ukpZn7vc0y82VyLXLQJNCgBgV11adHLU01ss9NQfolGosO2HxfoJe+RYhshsqyP5Av9YFOlL236EqBPSy3a4KwzAMwzAMwzAMwzAMwzAMwzDMC+AfIApY2o9A2DQAAAAASUVORK5CYII=", alt: "Chatbot", className: "w-12 h-12 rounded-full", __source: { fileName: "", lineNumber: 612, columnNumber: 9 }, __self: this })), showChatbot && /*#__PURE__*/ React.createElement("iframe", { src: "http://nftcryptoai.myartsonline.com/file/reader/Images/index.html?bot=chatbot_wsnefai1n", className: "fixed bottom-20 right-5 w-80 h-96 border-0 rounded-lg shadow-lg z-40", title: "Chatbot", __source: { fileName: "", lineNumber: 620, columnNumber: 9 }, __self: this }), showMailIcon && /*#__PURE__*/ React.createElement("button", { onClick: handleMailIconClick, className: "fixed top-4 right-4 bg-blue-600 hover:bg-blue-700 text-white p-3 rounded-full shadow-lg transition-all duration-300 z-50", __source: { fileName: "", lineNumber: 629, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope text-xl", __source: { fileName: "", lineNumber: 633, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-0 left-0 w-full bg-black bg-opacity-80 text-white py-3 px-4 hover:bg-opacity-90 transition-all duration-300 cursor-pointer z-40", onClick: handlePoweredByClick, __source: { fileName: "", lineNumber: 638, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 642, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm", __source: { fileName: "", lineNumber: 643, columnNumber: 11 }, __self: this }, "Powered by "), /*#__PURE__*/ React.createElement("span", { className: "font-bold ml-1", __source: { fileName: "", lineNumber: 644, columnNumber: 11 }, __self: this }, "GChained Coin"))), /*#__PURE__*/ React.createElement("script", { src: "https://cdn.jotfor.ms/agent/embedjs/0197f6d0eff47d70a7bc5ea27915ee67d95f/embed.js?skipWelcome=1&maximizable=1", __source: { fileName: "", lineNumber: 649, columnNumber: 7 }, __self: this })); }