function MainComponent() { const [email, setEmail] = React.useState(''); const [qrCode, setQrCode] = React.useState(''); const [playerChoice, setPlayerChoice] = React.useState(''); const [opponentChoice, setOpponentChoice] = React.useState(''); const [result, setResult] = React.useState(''); const [playerMoney, setPlayerMoney] = React.useState(100); const [opponentMoney, setOpponentMoney] = React.useState(100); const verifyEmail = ()=>{ fetch(`/integrations/email-check-2/v1/email/verify?email=${encodeURIComponent(email)}`, { method: 'GET' }).then((response)=>response.json()).then((data)=>{ if (data.status === "deliverable") { generateQrCode(); } else { alert("Invalid email"); } }); }; const generateQrCode = ()=>{ fetch(`/integrations/qr-code/generatebasicbase64?data=RockPaperScissorsGame`, { method: 'GET' }).then((response)=>response.json()).then((base64)=>{ setQrCode(base64); }); }; const playGame = (choice)=>{ const choices = [ "rock", "paper", "scissors" ]; const randomChoice = choices[Math.floor(Math.random() * choices.length)]; setPlayerChoice(choice); setOpponentChoice(randomChoice); if (choice === randomChoice) { setResult("Draw"); } else if (choice === "rock" && randomChoice === "scissors" || choice === "paper" && randomChoice === "rock" || choice === "scissors" && randomChoice === "paper") { setResult("You Win!"); setPlayerMoney(playerMoney + 10); setOpponentMoney(opponentMoney - 10); } else { setResult("You Lose!"); setPlayerMoney(playerMoney - 10); setOpponentMoney(opponentMoney + 10); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col items-center justify-center bg-gray-100", __source: { fileName: "", lineNumber: 58, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold font-roboto mb-4", __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this }, "Rock, Paper, Scissors Game"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4 mb-8", __source: { fileName: "", lineNumber: 60, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "w-[100px] h-[100px] bg-gray-200 font-roboto text-lg", onClick: ()=>playGame("rock"), name: "rock", __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }, "Rock"), /*#__PURE__*/ React.createElement("button", { className: "w-[100px] h-[100px] bg-gray-200 font-roboto text-lg", onClick: ()=>playGame("paper"), name: "paper", __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }, "Paper"), /*#__PURE__*/ React.createElement("button", { className: "w-[100px] h-[100px] bg-gray-200 font-roboto text-lg", onClick: ()=>playGame("scissors"), name: "scissors", __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this }, "Scissors")), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md bg-white rounded-lg shadow-md p-8", __source: { fileName: "", lineNumber: 77, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold font-roboto mb-4", __source: { fileName: "", lineNumber: 78, columnNumber: 9 }, __self: this }, "Online Mode"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Enter your email", className: "w-full p-2 rounded border mb-4", value: email, onChange: (e)=>setEmail(e.target.value), __source: { fileName: "", lineNumber: 79, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-blue-500 text-white p-2 rounded font-roboto text-lg", onClick: verifyEmail, __source: { fileName: "", lineNumber: 87, columnNumber: 9 }, __self: this }, "Verify Email"), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold font-roboto mt-8 mb-4", __source: { fileName: "", lineNumber: 91, columnNumber: 9 }, __self: this }, "Offline Mode"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 92, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: `data:image/png;base64,${qrCode}`, alt: "QR Code for Rock Paper Scissors Game", className: "w-[200px] h-[200px]", __source: { fileName: "", lineNumber: 93, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 text-lg font-roboto", __source: { fileName: "", lineNumber: 96, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 97, columnNumber: 9 }, __self: this }, "Player Choice: ", playerChoice), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 98, columnNumber: 9 }, __self: this }, "Opponent Choice: ", opponentChoice), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 99, columnNumber: 9 }, __self: this }, "Result: ", result), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 100, columnNumber: 9 }, __self: this }, "Player Money: $", playerMoney), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 101, columnNumber: 9 }, __self: this }, "Opponent Money: $", opponentMoney))); }