function MainComponent() { const [hackProgress, setHackProgress] = React.useState(0); const [messageHistory, setMessageHistory] = React.useState([]); const [hackStatus, setHackStatus] = React.useState(null); const [loading, setLoading] = React.useState(false); React.useEffect(()=>{ if (hackProgress < 100) { const interval = setInterval(()=>{ setHackProgress((prevProgress)=>prevProgress + 1); }, 100); return ()=>clearInterval(interval); } else { onHackCompletion(); } }, [ hackProgress ]); const onHackCompletion = async ()=>{ setLoading(true); try { const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', body: JSON.stringify({ messages: [ { "role": "system", "content": "Hacking Telegram account number..." } ], system_prompt: "Finalize the hacking process and provide access to the Telegram account." }), headers: { 'Content-Type': 'application/json' } }); const data = await response.json(); if (data.status) { setHackStatus('Hacking Successful! Access to the Telegram account acquired.'); setMessageHistory((prevHistory)=>[ ...prevHistory, { role: 'assistant', content: data.result } ]); } else { setHackStatus('Failed to hack the Telegram account!'); } } catch (error) { setHackStatus('An unexpected error occurred!'); } setLoading(false); }; const progressStyle = { width: `${hackProgress}%` }; return /*#__PURE__*/ React.createElement("div", { className: "font-mono bg-[#1e1e2f] min-h-screen flex flex-col items-center justify-center text-white p-4", __source: { fileName: "", lineNumber: 50, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[600px] p-4 border border-[#3c3c46] rounded-md bg-[#252538] shadow-lg", __source: { fileName: "", lineNumber: 51, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl sm:text-4xl text-center mb-6", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, "👾 Hacking Telegram Account..."), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-[#3c3c46] h-[30px] mb-6 rounded", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: progressStyle, className: "bg-[#4ade80] h-full rounded transition-all duration-100", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "text-center", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, hackProgress, "%"), hackStatus && /*#__PURE__*/ React.createElement("p", { className: "mt-6 text-lg text-[#4ade80] text-center animate-pulse", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, hackStatus), loading && /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-spinner fa-spin text-2xl", __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this })))); }