function MainComponent() { const [inProgress, setInProgress] = React.useState(false); const [chatGptResponse, setChatGptResponse] = React.useState(""); const [showShop, setShowShop] = React.useState(false); const [shopDetails, setShopDetails] = React.useState(""); const handleGetKeyClick = ()=>{ window.open("https://downloadurl.com/sokaexecutor", "_blank"); }; const toggleShopDetailsVisibility = async ()=>{ if (!showShop) { setInProgress(true); try { const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', body: JSON.stringify({ messages: [ { "role": "user", "content": "Show me Basic Soka, Gold Soka, and Premium deals." } ], system_prompt: 'Provide information about Basic Soka, Gold Soka, and Premium deals', max_tokens: 2000 }), headers: { 'Content-Type': 'application/json' } }); const data = await response.json(); setChatGptResponse(data.result); } catch (error) { setChatGptResponse("Error loading shop details."); } finally{ setInProgress(false); } } setShowShop(!showShop); }; const shopDisplay = inProgress ? /*#__PURE__*/ React.createElement("p", { className: "text-sm text-blue-300", __source: { fileName: "", lineNumber: 38, columnNumber: 5 }, __self: this }, "Loading shop details...") : /*#__PURE__*/ React.createElement("div", { className: "text-blue-300 text-sm p-4", dangerouslySetInnerHTML: { __html: chatGptResponse }, __source: { fileName: "", lineNumber: 40, columnNumber: 5 }, __self: this }); const professionalTextStyles = "text-white text-opacity-90 font-semibold"; return /*#__PURE__*/ React.createElement("div", { className: "w-full h-full bg-[#010101] flex flex-col items-center justify-start font-roboto", __source: { fileName: "", lineNumber: 46, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full p-4 bg-[#0D1117]", __source: { fileName: "", lineNumber: 47, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: `text-2xl sm:text-4xl ${professionalTextStyles} animate-slideInFromLeft`, __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }, "Soka Executor"), /*#__PURE__*/ React.createElement("p", { className: `text-blue-500 text-xl sm:text-2xl ${professionalTextStyles}`, __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, "Best Roblox Exploit"), /*#__PURE__*/ React.createElement("p", { className: `text-base ${professionalTextStyles} animate-slideInFromRight`, __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, "Have fun while exploiting on Roblox")), /*#__PURE__*/ React.createElement("button", { onClick: handleGetKeyClick, className: "bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-lg transition duration-300", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, "Get Key"))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center flex-grow", __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: toggleShopDetailsVisibility, className: "my-4 bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded-lg transition duration-300", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, "Visit Shop"), showShop && shopDisplay), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 65, columnNumber: 7 }, __self: this }, ` @keyframes slideInFromLeft { 0% { transform: translateX(-100%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } .animate-slideInFromLeft { animation: slideInFromLeft 1s ease-out forwards; } @keyframes slideInFromRight { 0% { transform: translateX(100%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } .animate-slideInFromRight { animation: slideInFromRight 1s ease-out forwards; } `)); }