function MainComponent() { const [betAmount, setBetAmount] = React.useState(''); const [multiplier, setMultiplier] = React.useState(''); const [roll, setRoll] = React.useState(''); const [winMultiplier, setWinMultiplier] = React.useState(''); const [winChance, setWinChance] = React.useState('Win Chance: 0%'); const [autoBet, setAutoBet] = React.useState(false); const [autoBetMode, setAutoBetMode] = React.useState('OFF'); const [fastMode, setFastMode] = React.useState(false); const [fastModeSelect, setFastModeSelect] = React.useState('OFF'); const [onWin, setOnWin] = React.useState('increase'); const [onLoss, setOnLoss] = React.useState('increase'); const [stopProfit, setStopProfit] = React.useState(''); const [stopLoss, setStopLoss] = React.useState(''); const [rolls, setRolls] = React.useState(''); const [totalProfit, setTotalProfit] = React.useState(0); const myBetsTableRef = React.useRef(null); const allBetsTableRef = React.useRef(null); React.useEffect(()=>{ calculateWinChance(); }, [ roll, winMultiplier ]); function calculateWinChance() { const rollValue = parseInt(roll); const winMultiplierValue = parseFloat(winMultiplier); const chance = 100 / rollValue * winMultiplierValue; setWinChance(`Win Chance: ${chance.toFixed(2)}%`); } function placeBet() { const betAmountValue = parseFloat(betAmount); const multiplierValue = parseFloat(multiplier); const rollValue = parseInt(roll); const winMultiplierValue = parseFloat(winMultiplier); const randomNumber = Math.random() * rollValue; const result = randomNumber >= rollValue ? 'Win' : 'Loss'; let profitValue = 0; if (result === 'Win') { profitValue = betAmountValue * multiplierValue; } else { profitValue = -betAmountValue; } const currentTime = new Date().toLocaleTimeString(); const gameBet = `Dice ${roll}`; const newRow = myBetsTableRef.current.insertRow(-1); newRow.insertCell(0).textContent = currentTime; newRow.insertCell(1).textContent = gameBet; newRow.insertCell(2).textContent = multiplierValue.toFixed(2); newRow.insertCell(3).textContent = profitValue.toFixed(2); const allBetsRow = allBetsTableRef.current.insertRow(-1); allBetsRow.insertCell(0).textContent = currentTime; allBetsRow.insertCell(1).textContent = gameBet; allBetsRow.insertCell(2).textContent = multiplierValue.toFixed(2); allBetsRow.insertCell(3).textContent = profitValue.toFixed(2); const newTotalProfit = totalProfit + profitValue; setTotalProfit(newTotalProfit.toFixed(2)); if (autoBet) { if (autoBetMode === 'ON') { let newBetAmount = betAmountValue; if (result === 'Win' && onWin === 'increase') { newBetAmount = betAmountValue * 1.1; // Assuming 10% increase for example } else if (result === 'Loss' && onLoss === 'increase') { newBetAmount = betAmountValue * 1.1; // Assuming 10% increase for example } setBetAmount(newBetAmount.toFixed(2)); if (newTotalProfit >= stopProfit || newTotalProfit <= -stopLoss || rolls === 0) { setAutoBetMode('OFF'); setFastMode(false); setFastModeSelect('OFF'); } if (fastMode && fastModeSelect === 'ON') { setRolls((prevRolls)=>prevRolls - 1); placeBet(); } else { setTimeout(placeBet, 1000); } } else { setAutoBet(false); setFastMode(false); setAutoBetMode('OFF'); setFastModeSelect('OFF'); } } } return /*#__PURE__*/ React.createElement("div", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 94, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 95, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "bet-input", className: "block text-[#333]", __source: { fileName: "", lineNumber: 96, columnNumber: 9 }, __self: this }, "Bet Amount"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "bet-input", name: "betAmount", className: "w-full p-2 border border-[#ccc] rounded", value: betAmount, onChange: (e)=>setBetAmount(e.target.value), __source: { fileName: "", lineNumber: 97, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 99, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "multiplier", className: "block text-[#333]", __source: { fileName: "", lineNumber: 100, columnNumber: 9 }, __self: this }, "Multiplier"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "multiplier", name: "multiplier", className: "w-full p-2 border border-[#ccc] rounded", value: multiplier, onChange: (e)=>setMultiplier(e.target.value), __source: { fileName: "", lineNumber: 101, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 103, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "roll-input", className: "block text-[#333]", __source: { fileName: "", lineNumber: 104, columnNumber: 9 }, __self: this }, "Roll"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "roll-input", name: "roll", className: "w-full p-2 border border-[#ccc] rounded", value: roll, onChange: (e)=>setRoll(e.target.value), __source: { fileName: "", lineNumber: 105, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 107, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "win-multiplier", className: "block text-[#333]", __source: { fileName: "", lineNumber: 108, columnNumber: 9 }, __self: this }, "Win Multiplier"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "win-multiplier", name: "winMultiplier", className: "w-full p-2 border border-[#ccc] rounded", value: winMultiplier, onChange: (e)=>setWinMultiplier(e.target.value), __source: { fileName: "", lineNumber: 109, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 111, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { id: "win-chance", className: "block text-[#333]", __source: { fileName: "", lineNumber: 112, columnNumber: 9 }, __self: this }, winChance)), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 114, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", id: "auto-bet-checkbox", name: "autoBet", className: "mr-2", checked: autoBet, onChange: (e)=>{ setAutoBet(e.target.checked); setAutoBetMode(e.target.checked ? 'ON' : 'OFF'); }, __source: { fileName: "", lineNumber: 115, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "auto-bet-checkbox", className: "text-[#333]", __source: { fileName: "", lineNumber: 119, columnNumber: 9 }, __self: this }, "Auto Bet")), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 121, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "auto-bet-mode", className: "block text-[#333]", __source: { fileName: "", lineNumber: 122, columnNumber: 9 }, __self: this }, "Auto Bet Mode"), /*#__PURE__*/ React.createElement("select", { id: "auto-bet-mode", name: "autoBetMode", className: "w-full p-2 border border-[#ccc] rounded", value: autoBetMode, onChange: (e)=>setAutoBetMode(e.target.value), disabled: !autoBet, __source: { fileName: "", lineNumber: 123, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "OFF", __source: { fileName: "", lineNumber: 124, columnNumber: 11 }, __self: this }, "OFF"), /*#__PURE__*/ React.createElement("option", { value: "ON", __source: { fileName: "", lineNumber: 125, columnNumber: 11 }, __self: this }, "ON"))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 128, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { id: "bet-start-stop", className: "w-full p-2 bg-[#333] text-white rounded", disabled: !autoBet, onClick: ()=>{ if (autoBetMode === 'ON') { setAutoBetMode('STOP'); setFastMode(false); setFastModeSelect('OFF'); } else { setAutoBetMode('ON'); placeBet(); } }, __source: { fileName: "", lineNumber: 129, columnNumber: 9 }, __self: this }, autoBetMode === 'ON' ? 'BET STOP' : 'BET START')), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 140, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", id: "fast-mode-checkbox", name: "fastMode", className: "mr-2", disabled: !autoBet, checked: fastMode, onChange: (e)=>{ setFastMode(e.target.checked); setFastModeSelect(e.target.checked ? 'ON' : 'OFF'); }, __source: { fileName: "", lineNumber: 141, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "fast-mode-checkbox", className: "text-[#333]", __source: { fileName: "", lineNumber: 145, columnNumber: 9 }, __self: this }, "Fast Mode")), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 147, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "fast-mode", className: "block text-[#333]", __source: { fileName: "", lineNumber: 148, columnNumber: 9 }, __self: this }, "Fast Mode"), /*#__PURE__*/ React.createElement("select", { id: "fast-mode", name: "fastModeSelect", className: "w-full p-2 border border-[#ccc] rounded", value: fastModeSelect, onChange: (e)=>setFastModeSelect(e.target.value), disabled: !fastMode, __source: { fileName: "", lineNumber: 149, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "OFF", __source: { fileName: "", lineNumber: 150, columnNumber: 11 }, __self: this }, "OFF"), /*#__PURE__*/ React.createElement("option", { value: "ON", __source: { fileName: "", lineNumber: 151, columnNumber: 11 }, __self: this }, "ON"))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 154, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "on-win", className: "block text-[#333]", __source: { fileName: "", lineNumber: 155, columnNumber: 9 }, __self: this }, "On Win"), /*#__PURE__*/ React.createElement("select", { id: "on-win", name: "onWin", className: "w-full p-2 border border-[#ccc] rounded", value: onWin, onChange: (e)=>setOnWin(e.target.value), __source: { fileName: "", lineNumber: 156, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "increase", __source: { fileName: "", lineNumber: 157, columnNumber: 11 }, __self: this }, "Increase Bet"), /*#__PURE__*/ React.createElement("option", { value: "reset", __source: { fileName: "", lineNumber: 158, columnNumber: 11 }, __self: this }, "Reset Bet"))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 161, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "on-loss", className: "block text-[#333]", __source: { fileName: "", lineNumber: 162, columnNumber: 9 }, __self: this }, "On Loss"), /*#__PURE__*/ React.createElement("select", { id: "on-loss", name: "onLoss", className: "w-full p-2 border border-[#ccc] rounded", value: onLoss, onChange: (e)=>setOnLoss(e.target.value), __source: { fileName: "", lineNumber: 163, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "increase", __source: { fileName: "", lineNumber: 164, columnNumber: 11 }, __self: this }, "Increase Bet"), /*#__PURE__*/ React.createElement("option", { value: "reset", __source: { fileName: "", lineNumber: 165, columnNumber: 11 }, __self: this }, "Reset Bet"))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 168, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "stop-profit", className: "block text-[#333]", __source: { fileName: "", lineNumber: 169, columnNumber: 9 }, __self: this }, "Stop Profit"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "stop-profit", name: "stopProfit", className: "w-full p-2 border border-[#ccc] rounded", value: stopProfit, onChange: (e)=>setStopProfit(e.target.value), __source: { fileName: "", lineNumber: 170, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 172, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "stop-loss", className: "block text-[#333]", __source: { fileName: "", lineNumber: 173, columnNumber: 9 }, __self: this }, "Stop Loss"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "stop-loss", name: "stopLoss", className: "w-full p-2 border border-[#ccc] rounded", value: stopLoss, onChange: (e)=>setStopLoss(e.target.value), __source: { fileName: "", lineNumber: 174, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 176, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "rolls", className: "block text-[#333]", __source: { fileName: "", lineNumber: 177, columnNumber: 9 }, __self: this }, "Rolls"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "rolls", name: "rolls", className: "w-full p-2 border border-[#ccc] rounded", value: rolls, onChange: (e)=>setRolls(e.target.value), __source: { fileName: "", lineNumber: 178, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 180, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "total-profit", className: "block text-[#333]", __source: { fileName: "", lineNumber: 181, columnNumber: 9 }, __self: this }, "Total Profit"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "total-profit", name: "totalProfit", className: "w-full p-2 border border-[#ccc] rounded", value: totalProfit, readOnly: true, __source: { fileName: "", lineNumber: 182, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 184, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("table", { id: "my-bets", className: "w-full border-collapse border border-[#ccc]", ref: myBetsTableRef, __source: { fileName: "", lineNumber: 185, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 186, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 187, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "p-2 border border-[#ccc]", __source: { fileName: "", lineNumber: 188, columnNumber: 15 }, __self: this }, "Time"), /*#__PURE__*/ React.createElement("th", { className: "p-2 border border-[#ccc]", __source: { fileName: "", lineNumber: 189, columnNumber: 15 }, __self: this }, "Game/Bets"), /*#__PURE__*/ React.createElement("th", { className: "p-2 border border-[#ccc]", __source: { fileName: "", lineNumber: 190, columnNumber: 15 }, __self: this }, "Multiplier"), /*#__PURE__*/ React.createElement("th", { className: "p-2 border border-[#ccc]", __source: { fileName: "", lineNumber: 191, columnNumber: 15 }, __self: this }, "Profit"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 194, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 197, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("table", { id: "all-bets", className: "w-full border-collapse border border-[#ccc]", ref: allBetsTableRef, __source: { fileName: "", lineNumber: 198, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 199, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 200, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "p-2 border border-[#ccc]", __source: { fileName: "", lineNumber: 201, columnNumber: 15 }, __self: this }, "Time"), /*#__PURE__*/ React.createElement("th", { className: "p-2 border border-[#ccc]", __source: { fileName: "", lineNumber: 202, columnNumber: 15 }, __self: this }, "Game/Bets"), /*#__PURE__*/ React.createElement("th", { className: "p-2 border border-[#ccc]", __source: { fileName: "", lineNumber: 203, columnNumber: 15 }, __self: this }, "Multiplier"), /*#__PURE__*/ React.createElement("th", { className: "p-2 border border-[#ccc]", __source: { fileName: "", lineNumber: 204, columnNumber: 15 }, __self: this }, "Profit"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 207, columnNumber: 11 }, __self: this })))); }