[{"_1":2,"_161":-5,"_162":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7twdhs6009l11ml868xhxld","wsEndpoint","https://dev.fun","routes/app.$appId",{"_12":13},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":27,"_29":30,"_33":34,"_35":-5,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_5":46,"_58":59,"_60":61,"_62":61,"_63":64,"_65":61,"_66":43,"_67":43,"_68":61,"_69":61,"_70":43,"_71":17,"_72":27,"_73":-5,"_74":75,"_76":77,"_78":79,"_112":-5,"_113":-5,"_114":17,"_115":17,"_116":117,"_152":34,"_153":154,"_155":27,"_156":157},"id","b4e55d2b4cf09c16443a","isMyApp",false,"projectId","cmhdt134e0039ghcjqsnxh9nq","name","showdown","description","High noon. Two gunslingers. One split-second that separates legends from dust. Stare down your opponent in a tense standoff where milliseconds mean everything—wait for the signal, then DRAW! Flinch too early and you're done. React too slow and you're eating dirt. First to win 3 rounds becomes the fastest gun in the West.","brief","Wild West showdown: fastest draw wins, flinch and you're dead. First to 3 rounds takes it all!","isLive",true,"isPublic","tags",[31,32],"🔥","👑","cover","https://cdn.dev.fun/snapshot/b4e55d2b4cf09c16443a/141302_9f027c84.webp","cdnUrl","createdAt",["D",1761858699447],"updatedAt",["D",1762014310533],"lastCommitId",["B","141302"],"tier",1,"credits",-6476,{"_14":47,"_48":49,"_50":49,"_51":52,"_53":49,"_54":55,"_56":57},"936e7083-a3b8-4efb-abf1-1eae6d707131","uniqueId","smiley","username","solanaWallet","BsRbJowuJJ7SPxta2wc9AxgRiEzLUrpR8YZReibXSZTE","displayName","bio","","avatar","/avatar.svg","commitCount",190,"forkCount",0,"likeCount","runsCount",54,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","code","import { useState, useEffect, useRef } from 'react';\nimport { io } from 'socket.io-client';\nimport { useDevapp, UserButton, DevappProvider } from '@devfunlabs/web-sdk';\nimport { Volume2, VolumeX, UserCircle, Users } from 'lucide-react';\nexport default function AppWithProvider() {\n useEffect(() => {\n const originalError = console.error;\n console.error = (...args) => {\n if (args[0]?.toString().includes('Clipboard API')) {\n return;\n }\n originalError.apply(console, args);\n };\n return () => {\n console.error = originalError;\n };\n }, []);\n return <>\n \n \n \n \n ;\n}\nfunction App() {\n const {\n devbaseClient,\n userWallet\n } = useDevapp();\n const socketRef = useRef(null);\n const [gameState, setGameState] = useState('menu');\n const [playerId, setPlayerId] = useState(null);\n const [playerNumber, setPlayerNumber] = useState(null);\n const [gameMode, setGameMode] = useState(null);\n const [scores, setScores] = useState({\n player1: 0,\n player2: 0\n });\n const [roundResult, setRoundResult] = useState(null);\n const [countdown, setCountdown] = useState(3);\n const [reactionTime, setReactionTime] = useState(null);\n const [winner, setWinner] = useState(null);\n const [currentRound, setCurrentRound] = useState(1);\n const [, setAiReactionTime] = useState(null);\n const playerReactionRef = useRef(null);\n const aiReactionRef = useRef(null);\n const [wagerAmount, setWagerAmount] = useState(0);\n const [myProposedWager, setMyProposedWager] = useState(0.01);\n const [opponentProposedWager, setOpponentProposedWager] = useState(0.01);\n const [customWager, setCustomWager] = useState('');\n const [myReady, setMyReady] = useState(false);\n const [opponentReady, setOpponentReady] = useState(false);\n const [, setStakeValid] = useState(true);\n const [stakeMatch, setStakeMatch] = useState(false);\n const [myTxHash, setMyTxHash] = useState('');\n const [opponentTxHash, setOpponentTxHash] = useState('');\n const [escrowSessionId, setEscrowSessionId] = useState('');\n const [syncCountdown, setSyncCountdown] = useState(null);\n const [matchId, setMatchId] = useState(null);\n const [myDepositConfirmed, setMyDepositConfirmed] = useState(false);\n const [opponentDepositConfirmed, setOpponentDepositConfirmed] = useState(false);\n const [isDepositing, setIsDepositing] = useState(false);\n const [leaderboard, setLeaderboard] = useState([]);\n const [playerBestTimes, setPlayerBestTimes] = useState({\n player1: null,\n player2: null\n });\n const [onlinePlayerCount, setOnlinePlayerCount] = useState(0);\n const [isMuted, setIsMuted] = useState(false);\n const [chatMessages, setChatMessages] = useState([]);\n const [chatInput, setChatInput] = useState('');\n const [isChatOpen, setIsChatOpen] = useState(false);\n const [displayName, setDisplayName] = useState('');\n const [isEditingName, setIsEditingName] = useState(false);\n const [tempDisplayName, setTempDisplayName] = useState('');\n const [lobbyPlayers, setLobbyPlayers] = useState([]);\n const [showLobby, setShowLobby] = useState(false);\n const [incomingChallenge, setIncomingChallenge] = useState(null);\n const [, setIsInLobby] = useState(false);\n const [isSearchingMatch, setIsSearchingMatch] = useState(false);\n const [isSocketConnected, setIsSocketConnected] = useState(false);\n const [outgoingChallenge, setOutgoingChallenge] = useState(null);\n const [walletBalance, setWalletBalance] = useState(null);\n const [, setShowdownBalance] = useState(null);\n const [opponentDisplayName, setOpponentDisplayName] = useState('');\n const [showVaultInfo, setShowVaultInfo] = useState(false);\n const [vaultAddress, setVaultAddress] = useState('');\n const [myDeposits, setMyDeposits] = useState([]);\n const [player1Id, setPlayer1Id] = useState(null);\n const [player2Id, setPlayer2Id] = useState(null);\n const [player1Name, setPlayer1Name] = useState('');\n const [player2Name, setPlayer2Name] = useState('');\n const [drewEarly, setDrewEarly] = useState(false);\n const socketInitialized = useRef(false);\n const audioRef = useRef(null);\n const roundStartTime = useRef(null);\n const hasActed = useRef(false);\n const aiHasActed = useRef(false);\n const chatEndRef = useRef(null);\n const gameStartInitiated = useRef(false);\n const playerDrawTimesRef = useRef({});\n const roundReadyWatchdog = useRef(null);\n const inputOpenWatchdog = useRef(null);\n const showResultWatchdog = useRef(null);\n const currentRoundVersion = useRef(0);\n const earlyDrawMessages = [\"You got FOMO-fingered, cowboy.\", \"Paper hands on the trigger, partner.\", \"Tried to frontrun the bell—got MEV'd by the sheriff.\", \"You aped… into a false start.\", \"Instant rug. Self-served at high noon.\", \"Leveraged your click—instant liquidation at the saloon.\", \"Bull energy, bear entry—holster that hype.\", \"WAGMI… after the bell, not before it, buckaroo.\", \"Easy there, trigger tumbleweed.\", \"Holster it, jitterbug—gas ain't cheap.\", \"Premature pew-pew—tx reverted.\", \"You yee'd before the GM.\", \"Shot your own stop-loss, partner.\", \"You tried to snipe—hit the airdrop of Ls.\", \"Diamond hat, rubber timing.\", \"Front-ran the block, got uncled by the marshal.\", \"Your click was Solana fast, your timing congested.\", \"Slippage 100%—on your pride.\", \"That wasn't the bell, that was a bear trap.\", \"Whale swagger, shrimp patience.\", \"Hit the starter pistol and rugged yourself.\", \"The countdown oracle says: REKT.\", \"Floor price of your reflexes just tanked.\", \"Holster those paper pistols, pilgrim.\", \"You speedran the loss—any% false start.\", \"Sheriff said HODL—you said FOMO.\", \"Gas spiked; your duel got liquidated.\", \"You shot the tumbleweed NFT—soulbound shame.\", \"Giddy-up later; right now it's sit-and-HODL.\", \"Calm your spurs, degen—wait for the ding.\"];\n const getRandomEarlyMessage = () => {\n return earlyDrawMessages[Math.floor(Math.random() * earlyDrawMessages.length)];\n };\n useEffect(() => {\n loadLeaderboard();\n loadPlayerProfile();\n loadWalletBalance();\n loadShowdownBalance();\n loadVaultAddress();\n loadMyDeposits();\n }, [userWallet, devbaseClient]);\n useEffect(() => {\n const playAudio = () => {\n if (audioRef.current) {\n audioRef.current.volume = isMuted ? 0 : 0.5;\n audioRef.current.play().catch(err => console.log('Audio autoplay failed:', err));\n }\n };\n playAudio();\n const handleUserInteraction = () => {\n playAudio();\n document.removeEventListener('click', handleUserInteraction);\n document.removeEventListener('touchstart', handleUserInteraction);\n };\n document.addEventListener('click', handleUserInteraction);\n document.addEventListener('touchstart', handleUserInteraction);\n return () => {\n document.removeEventListener('click', handleUserInteraction);\n document.removeEventListener('touchstart', handleUserInteraction);\n };\n }, []);\n useEffect(() => {\n if (audioRef.current) {\n audioRef.current.volume = isMuted ? 0 : 0.5;\n }\n }, [isMuted]);\n const toggleMute = () => {\n setIsMuted(!isMuted);\n };\n const sendChatMessage = e => {\n e.preventDefault();\n if (!chatInput.trim() || !userWallet || !socketRef.current) return;\n const messageData = {\n playerId: userWallet,\n displayName: displayName || undefined,\n message: chatInput.trim(),\n timestamp: Date.now()\n };\n setChatMessages(prev => [...prev, messageData]);\n socketRef.current.emit('chat_message', messageData);\n setChatInput('');\n };\n const toggleChat = () => {\n setIsChatOpen(!isChatOpen);\n };\n const loadPlayerProfile = async () => {\n if (!userWallet || !devbaseClient) return;\n try {\n const profiles = await devbaseClient.listEntities('profiles', {\n userId: userWallet\n });\n if (profiles.length > 0) {\n setDisplayName(profiles[0].displayName || '');\n }\n } catch (error) {\n console.error('Error loading profile:', error);\n }\n };\n const loadWalletBalance = async () => {\n if (!userWallet) {\n setWalletBalance(null);\n return;\n }\n try {\n const {\n Connection,\n PublicKey,\n LAMPORTS_PER_SOL\n } = await import('@solana/web3.js');\n const connection = new Connection('https://rpc.dev.fun/b4e55d2b4cf09c16443a');\n const publicKey = new PublicKey(userWallet);\n const balance = await connection.getBalance(publicKey);\n setWalletBalance((balance / LAMPORTS_PER_SOL).toFixed(3));\n } catch (error) {\n console.error('Error loading wallet balance:', error);\n setWalletBalance(null);\n }\n };\n const loadShowdownBalance = async () => {\n if (!userWallet) {\n setShowdownBalance(null);\n return;\n }\n const tokenAddress = 'YourShowdownTokenAddressHere';\n if (tokenAddress === 'YourShowdownTokenAddressHere' || !tokenAddress || tokenAddress.length < 32) {\n setShowdownBalance(null);\n return;\n }\n try {\n const {\n Connection,\n PublicKey\n } = await import('@solana/web3.js');\n const {\n getAssociatedTokenAddress,\n getAccount\n } = await import('@solana/spl-token');\n const connection = new Connection('https://rpc.dev.fun/b4e55d2b4cf09c16443a');\n const walletPubkey = new PublicKey(userWallet);\n const tokenMint = new PublicKey(tokenAddress);\n const tokenAccountAddress = await getAssociatedTokenAddress(tokenMint, walletPubkey);\n try {\n const tokenAccount = await getAccount(connection, tokenAccountAddress);\n setShowdownBalance(Number(tokenAccount.amount));\n } catch (accountError) {\n setShowdownBalance(0);\n }\n } catch (error) {\n console.error('Error loading SHOWDOWN balance:', error);\n setShowdownBalance(null);\n }\n };\n const loadVaultAddress = async () => {\n if (!devbaseClient) return;\n if (typeof devbaseClient.evalString !== 'function') {\n console.warn('evalString method not available on devbaseClient');\n setVaultAddress('Vault address not available - SDK version may not support this feature');\n return;\n }\n try {\n const address = await devbaseClient.evalString('$VAULT_ADDRESS');\n setVaultAddress(address);\n } catch (error) {\n console.error('Error loading vault address:', error);\n setVaultAddress('Error loading vault address');\n }\n };\n const loadMyDeposits = async () => {\n if (!userWallet || !devbaseClient) return;\n try {\n const deposits = await devbaseClient.listEntities('wager_deposits', {\n playerId: userWallet\n });\n const sortedDeposits = deposits.sort((a, b) => (b.createdAt || 0) - (a.createdAt || 0));\n setMyDeposits(sortedDeposits);\n console.log(`🔄 Checking for stuck deposits to auto-refund...`);\n let refundedCount = 0;\n for (const deposit of sortedDeposits) {\n try {\n const existingRefund = await devbaseClient.listEntities('refunds', {\n matchId: deposit.matchId,\n userId: userWallet\n });\n if (existingRefund.length > 0) {\n console.log(`⏭️ Refund already exists for match ${deposit.matchId}, skipping...`);\n continue;\n }\n const allDepositsForMatch = await devbaseClient.listEntities('wager_deposits', {\n matchId: deposit.matchId\n });\n const withdrawals = await devbaseClient.listEntities('withdrawals', {\n matchId: deposit.matchId\n });\n if (withdrawals.length > 0) {\n console.log(`⏭️ Withdrawal exists for match ${deposit.matchId}, cannot refund`);\n continue;\n }\n const shouldRefund = allDepositsForMatch.length < 2 || deposit.createdAt && Date.now() - deposit.createdAt > 300000;\n if (shouldRefund) {\n console.log(`💰 Auto-refunding stuck deposit ${deposit.id} (${deposit.amount} SOL)...`);\n await devbaseClient.createEntity('refunds', {\n matchId: deposit.matchId\n });\n console.log(`✅ Auto-refund successful for match ${deposit.matchId}!`);\n refundedCount++;\n await new Promise(resolve => setTimeout(resolve, 500));\n }\n } catch (error) {\n console.log(`❌ Auto-refund failed for match ${deposit.matchId}:`, error.message);\n }\n }\n if (refundedCount > 0) {\n console.log(`✅ Successfully auto-refunded ${refundedCount} stuck deposits!`);\n const updatedDeposits = await devbaseClient.listEntities('wager_deposits', {\n playerId: userWallet\n });\n setMyDeposits(updatedDeposits.sort((a, b) => (b.createdAt || 0) - (a.createdAt || 0)));\n setTimeout(() => {\n loadWalletBalance();\n }, 2000);\n }\n } catch (error) {\n console.error('Error loading deposits:', error);\n }\n };\n const requestRefund = async (matchId, amount) => {\n if (!devbaseClient || !userWallet) return;\n const confirmed = window.confirm(`Request refund of ${amount} SOL for match ${matchId.slice(0, 8)}...?\\n\\n` + `This will return your wager if:\\n` + `• Your opponent never deposited, OR\\n` + `• Both deposited but the game never started, OR\\n` + `• The game didn't complete properly`);\n if (!confirmed) return;\n try {\n await devbaseClient.createEntity('refunds', {\n matchId: matchId\n });\n alert(`✅ Refund of ${amount} SOL successful! Check your wallet.`);\n loadMyDeposits();\n loadWalletBalance();\n } catch (error) {\n console.error('Error requesting refund:', error);\n const errorMsg = error.message || 'Unknown error';\n if (errorMsg.includes('already')) {\n alert(`❌ Refund already processed for this match.`);\n } else if (errorMsg.includes('withdrawal')) {\n alert(`❌ Cannot refund - the pot was already claimed by a winner.`);\n } else {\n alert(`❌ Refund failed: ${errorMsg}\\n\\nThis usually means the deposit is not eligible for refund yet.`);\n }\n }\n };\n const saveDisplayName = async () => {\n if (!userWallet || !devbaseClient || !tempDisplayName.trim()) return;\n try {\n const profiles = await devbaseClient.listEntities('profiles', {\n userId: userWallet\n });\n if (profiles.length > 0) {\n await devbaseClient.updateEntity('profiles', profiles[0].id, {\n displayName: tempDisplayName.trim()\n });\n } else {\n await devbaseClient.createEntity('profiles', {\n userId: userWallet,\n displayName: tempDisplayName.trim()\n });\n }\n setDisplayName(tempDisplayName.trim());\n setIsEditingName(false);\n setTempDisplayName('');\n if (socketRef.current && socketRef.current.connected) {\n socketRef.current.emit('update_display_name', {\n playerId: userWallet,\n displayName: tempDisplayName.trim()\n });\n }\n loadLeaderboard();\n } catch (error) {\n console.error('Error saving display name:', error);\n }\n };\n const getPlayerDisplayName = async playerId => {\n if (!devbaseClient) return playerId;\n try {\n const profiles = await devbaseClient.listEntities('profiles', {\n userId: playerId\n });\n if (profiles.length > 0 && profiles[0].displayName) {\n return profiles[0].displayName;\n }\n return `${playerId.slice(0, 6)}...${playerId.slice(-4)}`;\n } catch (error) {\n return `${playerId.slice(0, 6)}...${playerId.slice(-4)}`;\n }\n };\n const loadLeaderboard = async () => {\n if (!devbaseClient) return;\n try {\n const games = await devbaseClient.listEntities('games');\n const playerStats = {};\n games.forEach(game => {\n if (game.player1BestTime) {\n if (!playerStats[game.player1Id] || game.player1BestTime < playerStats[game.player1Id]) {\n playerStats[game.player1Id] = game.player1BestTime;\n }\n }\n if (game.player2BestTime) {\n if (!playerStats[game.player2Id] || game.player2BestTime < playerStats[game.player2Id]) {\n playerStats[game.player2Id] = game.player2BestTime;\n }\n }\n });\n const leaderboardData = await Promise.all(Object.entries(playerStats).map(async ([id, time]) => ({\n playerId: id,\n displayName: await getPlayerDisplayName(id),\n bestTime: time\n })));\n setLeaderboard(leaderboardData.sort((a, b) => a.bestTime - b.bestTime).slice(0, 10));\n } catch (error) {\n console.error('Error loading leaderboard:', error);\n }\n };\n useEffect(() => {\n const id = userWallet || `guest_${Math.random().toString(36).substr(2, 9)}`;\n setPlayerId(id);\n }, [userWallet]);\n useEffect(() => {\n if (socketRef.current || socketInitialized.current) return;\n console.log('🔌 Initializing socket connection...');\n const socket = io('wss://ws.dev.fun/app-b4e55d2b4cf09c16443a', {\n transports: ['polling', 'websocket'],\n reconnection: true,\n reconnectionDelay: 1000,\n reconnectionDelayMax: 5000,\n reconnectionAttempts: Infinity,\n autoConnect: true,\n forceNew: false,\n upgrade: true,\n rememberUpgrade: true,\n timeout: 20000\n });\n socketRef.current = socket;\n socketInitialized.current = true;\n const onConnect = () => {\n console.log('✅ Socket connected!', {\n socketId: socket.id,\n transport: socket.io.engine.transport.name,\n connected: socket.connected\n });\n setIsSocketConnected(true);\n socket.emit('user_online', {\n userId: playerId || `temp_${socket.id}`,\n timestamp: Date.now()\n });\n console.log('📊 Requesting user count...');\n socket.emit('get_online_count');\n };\n const onDisconnect = reason => {\n console.log('❌ Socket disconnected:', reason);\n setIsSocketConnected(false);\n setOnlinePlayerCount(0);\n };\n const onConnectError = error => {\n console.error('🚫 Socket connection error:', error);\n };\n const onUserCount = data => {\n console.log('📊 devfun:user_count received:', data);\n const count = data?.count || data || 0;\n console.log('Setting online count to:', count);\n setOnlinePlayerCount(count);\n };\n const onUserOnline = () => {\n console.log('👤 User came online, requesting count update');\n socket.emit('get_online_count');\n };\n const onOnlineCount = data => {\n console.log('📊 online_count received:', data);\n const count = data?.count || data || 0;\n console.log('Setting online count to:', count);\n setOnlinePlayerCount(count);\n };\n socket.on('connect', onConnect);\n socket.on('disconnect', onDisconnect);\n socket.on('connect_error', onConnectError);\n socket.on('devfun:user_count', onUserCount);\n socket.on('user_online', onUserOnline);\n socket.on('online_count', onOnlineCount);\n const pollInterval = setInterval(() => {\n if (socket.connected) {\n console.log('🔄 Polling for user count...');\n socket.emit('get_online_count');\n }\n }, 5000);\n return () => {\n console.log('🧹 Cleaning up socket');\n clearInterval(pollInterval);\n socket.off('connect', onConnect);\n socket.off('disconnect', onDisconnect);\n socket.off('connect_error', onConnectError);\n socket.off('devfun:user_count', onUserCount);\n socket.off('user_online', onUserOnline);\n socket.off('online_count', onOnlineCount);\n socket.emit('user_offline', {\n userId: playerId || `temp_${socket.id}`\n });\n socket.disconnect();\n socketRef.current = null;\n socketInitialized.current = false;\n };\n }, [playerId]);\n const clearAllClientTimers = () => {\n if (roundReadyWatchdog.current) clearTimeout(roundReadyWatchdog.current);\n if (inputOpenWatchdog.current) clearTimeout(inputOpenWatchdog.current);\n if (showResultWatchdog.current) clearTimeout(showResultWatchdog.current);\n roundReadyWatchdog.current = null;\n inputOpenWatchdog.current = null;\n showResultWatchdog.current = null;\n };\n const resetRoundState = () => {\n clearAllClientTimers();\n hasActed.current = false;\n playerReactionRef.current = null;\n aiReactionRef.current = null;\n aiHasActed.current = false;\n playerDrawTimesRef.current = {};\n setReactionTime(null);\n setDrewEarly(false);\n setRoundResult(null);\n };\n useEffect(() => {\n if (!socketRef.current || !playerId || !isSocketConnected) return;\n const socket = socketRef.current;\n const emitClientReady = roundIndex => {\n if (socket.connected && matchId) {\n socket.emit('client.ready', {\n duelId: matchId,\n roundIndex,\n playerId,\n displayName: displayName || userWallet\n });\n console.log(`[CLIENT] Emitted client.ready for round ${roundIndex}`);\n }\n };\n const requestSnapshot = () => {\n if (socket.connected && matchId) {\n socket.emit('client.snapshot.request', {\n duelId: matchId,\n playerId\n });\n console.warn(`[CLIENT] Requesting snapshot for duel ${matchId}`);\n }\n };\n const registerAndBroadcast = () => {\n socket.emit('user_online', {\n userId: playerId,\n displayName: displayName || undefined,\n timestamp: Date.now()\n });\n socket.emit('register_player', {\n playerId: playerId,\n displayName: displayName || undefined,\n socketId: socket.id\n });\n socket.emit('lobby_presence', {\n playerId: playerId,\n displayName: displayName || undefined,\n timestamp: Date.now()\n });\n socket.emit('get_online_count');\n socket.emit('request_lobby_update');\n };\n registerAndBroadcast();\n setTimeout(() => {\n console.log('📋 Double-checking presence broadcast...');\n registerAndBroadcast();\n }, 500);\n const onMatchBegin = data => {\n console.log('[SERVER] match.begin:', data);\n clearAllClientTimers();\n resetRoundState();\n setGameMode('online');\n setMatchId(data.duelId);\n setWagerAmount(data.wagerAmount);\n setCurrentRound(1);\n setScores({\n player1: 0,\n player2: 0\n });\n setWinner(null);\n setPlayerBestTimes({\n player1: null,\n player2: null\n });\n gameStartInitiated.current = false;\n currentRoundVersion.current = 0;\n const isPlayer1 = data.players[0].id === playerId;\n setPlayerNumber(isPlayer1 ? 1 : 2);\n setPlayer1Id(data.players[0].id);\n setPlayer2Id(data.players[1].id);\n setPlayer1Name(data.players[0].name || `${data.players[0].id.slice(0, 6)}...`);\n setPlayer2Name(data.players[1].name || `${data.players[1].id.slice(0, 6)}...`);\n setOpponentDisplayName(isPlayer1 ? data.players[1].name : data.players[0].name);\n setGameState('matched');\n currentRoundVersion.current = data.version || 0;\n };\n const onStateRoundReady = data => {\n console.log(`[SERVER] state.round_ready (Round ${data.roundIndex}, Version ${data.version})`);\n if (data.duelId !== matchId || data.version < currentRoundVersion.current) {\n console.warn(`[CLIENT] Stale state.round_ready event. Requesting snapshot.`);\n requestSnapshot();\n return;\n }\n currentRoundVersion.current = data.version;\n clearAllClientTimers();\n resetRoundState();\n setCurrentRound(data.roundIndex);\n setGameState('roundReady');\n emitClientReady(data.roundIndex);\n roundReadyWatchdog.current = setTimeout(() => {\n console.warn(`[CLIENT] Watchdog: Stuck in ROUND_READY. Requesting snapshot.`);\n requestSnapshot();\n }, 10000);\n };\n const onStateCountdown = data => {\n console.log(`[SERVER] state.countdown: ${data.t} (Version ${data.version})`);\n if (data.duelId !== matchId || data.version < currentRoundVersion.current) {\n console.warn(`[CLIENT] Stale state.countdown event. Requesting snapshot.`);\n requestSnapshot();\n return;\n }\n currentRoundVersion.current = data.version;\n clearTimeout(roundReadyWatchdog.current);\n setGameState('countdown');\n setCountdown(data.t);\n };\n const onStatePreDraw = data => {\n console.log(`[SERVER] state.pre_draw (delay: ${data.delayMs}ms, Version ${data.version})`);\n if (data.duelId !== matchId || data.version < currentRoundVersion.current) {\n console.warn(`[CLIENT] Stale state.pre_draw event. Requesting snapshot.`);\n requestSnapshot();\n return;\n }\n currentRoundVersion.current = data.version;\n setGameState('standoff');\n };\n const onStateInputOpen = data => {\n console.log(`[SERVER] state.input_open (window: ${data.windowMs}ms, Version ${data.version})`);\n if (data.duelId !== matchId || data.version < currentRoundVersion.current) {\n console.warn(`[CLIENT] Stale state.input_open event. Requesting snapshot.`);\n requestSnapshot();\n return;\n }\n currentRoundVersion.current = data.version;\n setGameState('fired');\n roundStartTime.current = Date.now();\n hasActed.current = false;\n inputOpenWatchdog.current = setTimeout(() => {\n console.warn(`[CLIENT] Watchdog: Stuck in INPUT_OPEN. Requesting snapshot.`);\n requestSnapshot();\n }, data.windowMs + 1000);\n };\n const onStateResolve = data => {\n console.log('[SERVER] state.resolve:', data);\n if (data.duelId !== matchId || data.version < currentRoundVersion.current) {\n console.warn(`[CLIENT] Stale state.resolve event. Requesting snapshot.`);\n requestSnapshot();\n return;\n }\n currentRoundVersion.current = data.version;\n clearTimeout(inputOpenWatchdog.current);\n };\n const onStateShowResult = data => {\n console.log('[SERVER] state.show_result:', data);\n if (data.duelId !== matchId || data.version < currentRoundVersion.current) {\n console.warn(`[CLIENT] Stale state.show_result event. Requesting snapshot.`);\n requestSnapshot();\n return;\n }\n currentRoundVersion.current = data.version;\n clearAllClientTimers();\n setScores(data.score);\n setRoundResult({\n winner: data.winner === playerId ? playerNumber : data.winner === player1Id ? 1 : 2,\n reason: data.reason,\n times: {\n player1: data.p1_ms === 'early' ? 'early' : data.p1_ms !== null ? data.p1_ms : 'N/A',\n player2: data.p2_ms === 'early' ? 'early' : data.p2_ms !== null ? data.p2_ms : 'N/A'\n },\n player1Name: player1Name,\n player2Name: player2Name\n });\n setGameState('roundEnd');\n if (data.p1_ms !== 'early' && typeof data.p1_ms === 'number' && data.p1_ms < (playerBestTimes.player1 || Infinity)) {\n setPlayerBestTimes(prev => ({\n ...prev,\n player1: data.p1_ms\n }));\n }\n if (data.p2_ms !== 'early' && typeof data.p2_ms === 'number' && data.p2_ms < (playerBestTimes.player2 || Infinity)) {\n setPlayerBestTimes(prev => ({\n ...prev,\n player2: data.p2_ms\n }));\n }\n showResultWatchdog.current = setTimeout(() => {\n console.warn(`[CLIENT] Watchdog: Stuck in SHOW_RESULT. Requesting snapshot.`);\n requestSnapshot();\n }, 3000);\n };\n const onStateNextRound = data => {\n console.log('[SERVER] state.next_round:', data);\n if (data.duelId !== matchId || data.version < currentRoundVersion.current) {\n console.warn(`[CLIENT] Stale state.next_round event. Requesting snapshot.`);\n requestSnapshot();\n return;\n }\n currentRoundVersion.current = data.version;\n clearTimeout(showResultWatchdog.current);\n };\n const onStateMatchEnd = async data => {\n console.log('[SERVER] state.match_end:', data);\n if (data.duelId !== matchId || data.version < currentRoundVersion.current) {\n console.warn(`[CLIENT] Stale state.match_end event. Requesting snapshot.`);\n requestSnapshot();\n return;\n }\n currentRoundVersion.current = data.version;\n clearAllClientTimers();\n setWinner(data.winnerId === playerId ? playerNumber : data.winnerId === player1Id ? 1 : 2);\n setGameState('gameEnd');\n if (devbaseClient && userWallet && player1Id && player2Id) {\n try {\n const gameRecord = await devbaseClient.createEntity('games', {\n player1Id,\n player2Id,\n winnerId: data.winnerId,\n wagerAmount,\n player1BestTime: playerBestTimes.player1,\n player2BestTime: playerBestTimes.player2\n });\n if (wagerAmount > 0 && data.winnerId === userWallet) {\n try {\n await devbaseClient.createEntity('withdrawals', {\n gameId: gameRecord.id,\n matchId: data.duelId\n });\n setTimeout(() => loadWalletBalance(), 2000);\n } catch (error) {\n console.error('Withdrawal failed:', error);\n }\n }\n loadLeaderboard();\n } catch (error) {\n console.error('Error saving game:', error);\n }\n }\n };\n const onStateSnapshot = data => {\n console.log('[SERVER] state.snapshot (Full State Resync):', data);\n if (data.duelId !== matchId) {\n console.warn(`[CLIENT] Received snapshot for unknown duel ${data.duelId}. Ignoring.`);\n return;\n }\n clearAllClientTimers();\n setGameState(data.gameState);\n setPlayerNumber(data.playerNumber);\n setScores(data.scores);\n setRoundResult(data.roundResult);\n setCountdown(data.countdown);\n setReactionTime(data.reactionTime);\n setWinner(data.winner);\n setCurrentRound(data.currentRound);\n setWagerAmount(data.wagerAmount);\n setMyProposedWager(data.myProposedWager);\n setOpponentProposedWager(data.opponentProposedWager);\n setMyReady(data.myReady);\n setOpponentReady(data.opponentReady);\n setMyDepositConfirmed(data.myDepositConfirmed);\n setOpponentDepositConfirmed(data.opponentDepositConfirmed);\n setMatchId(data.duelId);\n setPlayer1Id(data.player1Id);\n setPlayer2Id(data.player2Id);\n setPlayer1Name(data.player1Name);\n setPlayer2Name(data.player2Name);\n setOpponentDisplayName(data.opponentDisplayName);\n setPlayerBestTimes(data.playerBestTimes);\n currentRoundVersion.current = data.version;\n hasActed.current = data.hasActed;\n roundStartTime.current = data.roundStartTime;\n playerDrawTimesRef.current = data.playerDrawTimes;\n if (data.gameState === 'roundReady') {\n emitClientReady(data.currentRound);\n }\n console.log(`[CLIENT] Resynced to server state (Version ${data.version}).`);\n };\n const onPlayerMatched = data => {\n console.warn('[CLIENT] Received deprecated player_matched event. Server should use match.begin.');\n requestSnapshot();\n };\n const onWagerProposal = data => {\n console.log('📥 Wager proposal received:', data);\n if (data.playerId === playerId) {\n console.log('❌ Ignoring own proposal');\n return;\n }\n if (!data.matchId) {\n console.log('❌ No matchId in proposal');\n return;\n }\n if (matchId && data.matchId !== matchId) {\n console.log('❌ MatchId mismatch, ignoring');\n return;\n }\n const normalizedAmount = parseFloat(parseFloat(data.amount).toFixed(3));\n console.log('✅ Updating opponent wager to:', normalizedAmount);\n setOpponentProposedWager(normalizedAmount);\n };\n const onStakeValidation = data => {\n if (!data.matchId || data.matchId !== matchId) return;\n if (data.playerId !== playerId) {\n console.log('Opponent stake validation:', data.isValid);\n }\n };\n const onEscrowLocked = data => {\n console.log('Escrow locked event:', data);\n if (!data.matchId || data.matchId !== matchId) return;\n if (data.playerId === playerId) {\n setMyTxHash(data.txHash || '');\n } else {\n setOpponentTxHash(data.txHash || '');\n }\n };\n const onSyncCountdown = data => {\n console.log('Sync countdown:', data);\n if (!data.matchId || data.matchId !== matchId) return;\n setSyncCountdown(data.count);\n if (data.count === 0) {\n setTimeout(() => {\n setSyncCountdown(null);\n }, 1000);\n }\n };\n const onPlayerReadyStatus = data => {\n console.log('Player ready status received:', data);\n if (data.playerId === playerId) {\n return;\n }\n if (!data.matchId) {\n console.log('❌ No matchId in ready status');\n return;\n }\n if (matchId && data.matchId !== matchId) {\n console.log('❌ MatchId mismatch in ready status');\n return;\n }\n console.log('✅ Opponent ready status:', data.ready);\n setOpponentReady(data.ready);\n };\n const onDepositConfirmed = data => {\n console.log('💰 Deposit confirmed received:', data);\n if (data.matchId === matchId) {\n if (data.playerId === playerId) {\n console.log('✅ My deposit confirmed');\n setMyDepositConfirmed(true);\n setMyTxHash(data.txHash || '');\n } else {\n console.log('✅ Opponent deposit confirmed');\n setOpponentDepositConfirmed(true);\n setOpponentTxHash(data.txHash || '');\n }\n socketRef.current.emit('escrow_locked', {\n playerId: data.playerId,\n matchId: data.matchId,\n txHash: data.txHash || '',\n sessionId: escrowSessionId\n });\n socketRef.current.emit('deposit_status_update', {\n matchId: data.matchId,\n playerId: data.playerId,\n confirmed: true,\n txHash: data.txHash || ''\n });\n }\n };\n const onWagerUpdate = onWagerProposal;\n const onOnlineCountdown = data => {\n if (data.matchId !== matchId || data.playerId === playerId) return;\n console.log('📥 Received countdown from coordinator:', data.count);\n setCountdown(data.count);\n };\n const onOnlineStandoff = data => {\n if (data.matchId !== matchId || data.playerId === playerId) return;\n console.log('📥 Received standoff signal');\n setGameState('standoff');\n };\n const onOnlineDraw = data => {\n if (data.matchId !== matchId || data.playerId === playerId) return;\n console.log('📥 Received draw signal');\n setGameState('fired');\n roundStartTime.current = Date.now();\n };\n const onOnlinePlayerInput = data => {\n if (data.matchId !== matchId || data.playerId === playerId) return;\n console.log('📥 Opponent input received:', data);\n if (data.early) {\n playerDrawTimesRef.current[data.playerId] = 'early';\n } else {\n playerDrawTimesRef.current[data.playerId] = data.reactionMs;\n }\n if (hasActed.current && playerReactionRef.current && playerNumber === 1) {\n resolveOnlineRound();\n }\n };\n const onOnlineRoundResult = data => {\n if (data.matchId !== matchId) return;\n console.log('📥 Round result received from coordinator:', data);\n setRoundResult({\n winner: data.winner,\n reason: data.reason,\n times: data.times,\n player1Name: data.player1Name,\n player2Name: data.player2Name\n });\n setGameState('roundEnd');\n const p1Time = data.times.player1;\n const p2Time = data.times.player2;\n if (p1Time !== 'early' && typeof p1Time === 'number' && p1Time < (playerBestTimes.player1 || Infinity)) {\n setPlayerBestTimes(prev => ({\n ...prev,\n player1: p1Time\n }));\n }\n if (p2Time !== 'early' && typeof p2Time === 'number' && p2Time < (playerBestTimes.player2 || Infinity)) {\n setPlayerBestTimes(prev => ({\n ...prev,\n player2: p2Time\n }));\n }\n setScores(data.scores);\n const gameOver = data.scores.player1 >= 3 || data.scores.player2 >= 3;\n if (gameOver) {\n setTimeout(async () => {\n setWinner(data.scores.player1 >= 3 ? 1 : 2);\n setGameState('gameEnd');\n if (devbaseClient && userWallet && player1Id && player2Id) {\n try {\n const winnerId = data.scores.player1 >= 3 ? player1Id : player2Id;\n const gameRecord = await devbaseClient.createEntity('games', {\n player1Id,\n player2Id,\n winnerId,\n wagerAmount,\n player1BestTime: playerBestTimes.player1,\n player2BestTime: playerBestTimes.player2\n });\n if (wagerAmount > 0 && winnerId === userWallet) {\n try {\n await devbaseClient.createEntity('withdrawals', {\n gameId: gameRecord.id,\n matchId: matchId\n });\n setTimeout(() => loadWalletBalance(), 2000);\n } catch (error) {\n console.error('Withdrawal failed:', error);\n }\n }\n loadLeaderboard();\n } catch (error) {\n console.error('Error saving game:', error);\n }\n }\n }, 3000);\n } else {\n setTimeout(() => {\n setCurrentRound(prev => prev + 1);\n setGameState('countdown');\n if (playerNumber === 1) {\n startOnlineCountdown();\n }\n }, 4000);\n }\n };\n const resolveOnlineRound = () => {\n if (playerNumber !== 1) {\n console.log('⏸️ Player 2 waiting for result from coordinator...');\n return;\n }\n const myTime = playerReactionRef.current;\n const opponentTime = playerDrawTimesRef.current[player2Id];\n if (!myTime || opponentTime === undefined) {\n console.log('⏳ Waiting for both players to act...');\n return;\n }\n console.log('🎯 Player 1 resolving round:', {\n myTime,\n opponentTime\n });\n const p1Time = myTime;\n const p2Time = opponentTime;\n let result;\n if (p1Time === 'early' && p2Time === 'early') {\n const winner = Math.random() < 0.5 ? 1 : 2;\n result = {\n winner,\n reason: `Both drew early! ${winner === 1 ? player1Name : player2Name} was slightly less early`,\n times: {\n player1: 'early',\n player2: 'early'\n }\n };\n } else if (p1Time === 'early') {\n result = {\n winner: 2,\n reason: `${player1Name} ${getRandomEarlyMessage()}`,\n times: {\n player1: 'early',\n player2: p2Time || 'N/A'\n }\n };\n } else if (p2Time === 'early') {\n result = {\n winner: 1,\n reason: `${player2Name} drew too early!`,\n times: {\n player1: p1Time || 'N/A',\n player2: 'early'\n }\n };\n } else if (p1Time < p2Time) {\n result = {\n winner: 1,\n reason: `${player1Name} was faster!`,\n times: {\n player1: p1Time,\n player2: p2Time\n }\n };\n } else {\n result = {\n winner: 2,\n reason: `${player2Name} was faster!`,\n times: {\n player1: p1Time,\n player2: p2Time\n }\n };\n }\n const newScores = {\n ...scores\n };\n if (result.winner === 1) {\n newScores.player1++;\n } else {\n newScores.player2++;\n }\n const resultData = {\n matchId,\n winner: result.winner,\n reason: result.reason,\n times: result.times,\n player1Name,\n player2Name,\n scores: newScores,\n playerId: playerId\n };\n console.log('📤 Broadcasting round result:', resultData);\n socketRef.current.emit('online.round_result', resultData);\n setRoundResult({\n ...result,\n player1Name,\n player2Name\n });\n setGameState('roundEnd');\n if (p1Time !== 'early' && typeof p1Time === 'number' && p1Time < (playerBestTimes.player1 || Infinity)) {\n setPlayerBestTimes(prev => ({\n ...prev,\n player1: p1Time\n }));\n }\n if (p2Time !== 'early' && typeof p2Time === 'number' && p2Time < (playerBestTimes.player2 || Infinity)) {\n setPlayerBestTimes(prev => ({\n ...prev,\n player2: p2Time\n }));\n }\n setScores(newScores);\n const gameOver = newScores.player1 >= 3 || newScores.player2 >= 3;\n if (gameOver) {\n setTimeout(async () => {\n setWinner(newScores.player1 >= 3 ? 1 : 2);\n setGameState('gameEnd');\n if (devbaseClient && userWallet && player1Id && player2Id) {\n try {\n const winnerId = newScores.player1 >= 3 ? player1Id : player2Id;\n const gameRecord = await devbaseClient.createEntity('games', {\n player1Id,\n player2Id,\n winnerId,\n wagerAmount,\n player1BestTime: playerBestTimes.player1,\n player2BestTime: playerBestTimes.player2\n });\n if (wagerAmount > 0 && winnerId === userWallet) {\n try {\n await devbaseClient.createEntity('withdrawals', {\n gameId: gameRecord.id,\n matchId: matchId\n });\n setTimeout(() => loadWalletBalance(), 2000);\n } catch (error) {\n console.error('Withdrawal failed:', error);\n }\n }\n loadLeaderboard();\n } catch (error) {\n console.error('Error saving game:', error);\n }\n }\n }, 3000);\n } else {\n setTimeout(() => {\n setCurrentRound(prev => prev + 1);\n setGameState('countdown');\n startOnlineCountdown();\n }, 4000);\n }\n };\n const onStartGame = data => {\n console.log('🎮 Received start_game event:', data);\n if (data.matchId !== matchId) {\n console.log('❌ MatchId mismatch in start_game');\n return;\n }\n console.log('✅ Starting game with wager:', data.wagerAmount);\n };\n const onDepositStatusUpdate = data => {\n console.log('📊 Deposit status update received:', data);\n if (data.matchId === matchId && data.playerId !== playerId) {\n if (data.confirmed) {\n console.log('✅ Setting opponent deposit as confirmed');\n setOpponentDepositConfirmed(true);\n setOpponentTxHash(data.txHash || '');\n }\n }\n };\n const onRequestDepositStatus = data => {\n console.log('📋 Deposit status requested:', data);\n if (data.matchId === matchId && myDepositConfirmed) {\n console.log('📤 Broadcasting my deposit status');\n socketRef.current.emit('deposit_status_update', {\n matchId: matchId,\n playerId: playerId,\n confirmed: true,\n txHash: myTxHash\n });\n }\n };\n const onChatMessage = data => {\n if (data.playerId !== userWallet) {\n setChatMessages(prev => [...prev, data]);\n }\n };\n const onLobbyPresence = data => {\n if (data.playerId === playerId) return;\n setLobbyPlayers(prev => {\n const filtered = prev.filter(p => p.playerId !== data.playerId);\n return [...filtered, data];\n });\n };\n const onMatchmakingSearch = data => {\n if (data.playerId === playerId || !isSearchingMatch) return;\n setTimeout(() => {\n if (isSearchingMatch && socket.connected) {\n socket.emit('matchmaking_accept', {\n from: playerId,\n to: data.playerId,\n fromName: displayName || undefined,\n timestamp: Date.now()\n });\n }\n }, 100 + Math.random() * 500);\n };\n const onMatchmakingAccept = data => {\n if (data.to !== playerId || !isSearchingMatch) return;\n setIsSearchingMatch(false);\n socket.emit('matchmaking_confirmed', {\n player1: playerId,\n player2: data.from,\n player1Name: displayName || undefined,\n player2Name: data.fromName || undefined,\n duelId: `${playerId}_${data.from}_${Date.now()}`\n });\n };\n const onMatchmakingConfirmed = data => {\n console.log('[CLIENT] Matchmaking confirmed, waiting for server match.begin:', data);\n setIsSearchingMatch(false);\n };\n const onLobbyUpdate = data => {\n console.log('Lobby update received:', data);\n if (data.players && Array.isArray(data.players)) {\n const filtered = data.players.filter(p => p.playerId !== playerId);\n console.log('Setting lobby players:', filtered.length);\n setLobbyPlayers(filtered);\n }\n };\n const onChallengeReceived = data => {\n setIncomingChallenge(data);\n };\n const onChallengeAccepted = data => {\n const newMatchId = data.matchId || Math.random().toString(36).substr(2, 9);\n clearAllTimeouts();\n setOutgoingChallenge(null);\n setShowLobby(false);\n setGameMode('online');\n setPlayerNumber(data.playerNumber);\n setMatchId(newMatchId);\n const myDisplayName = displayName || (userWallet ? `${userWallet.slice(0, 6)}...${userWallet.slice(-4)}` : 'You');\n const opponentDisplayName = data.opponentName || (data.opponentId ? `${data.opponentId.slice(0, 6)}...${data.opponentId.slice(-4)}` : 'Opponent');\n setOpponentDisplayName(opponentDisplayName);\n if (data.playerNumber === 1) {\n setPlayer1Id(playerId);\n setPlayer2Id(data.opponentId || 'opponent');\n setPlayer1Name(myDisplayName);\n setPlayer2Name(opponentDisplayName);\n } else {\n setPlayer1Id(data.opponentId || 'opponent');\n setPlayer2Id(playerId);\n setPlayer1Name(opponentDisplayName);\n setPlayer2Name(myDisplayName);\n }\n setGameState('wager');\n setMyProposedWager(0.01);\n setOpponentProposedWager(0.01);\n setMyReady(false);\n setOpponentReady(false);\n setMyDepositConfirmed(false);\n setOpponentDepositConfirmed(false);\n setCustomWager('');\n gameStartInitiated.current = false;\n playerDrawTimesRef.current = {};\n if (socketRef.current && socketRef.current.connected) {\n console.log('📤 Broadcasting my initial wager on matchmaking');\n socketRef.current.emit('wager_proposal', {\n playerId,\n amount: 0.01,\n matchId: newMatchId,\n timestamp: Date.now()\n });\n }\n };\n const onChallengeConfirmed = data => {\n if (data.challenger === playerId) {\n const newMatchId = data.matchId;\n clearAllClientTimers();\n setOutgoingChallenge(null);\n setShowLobby(false);\n setGameMode('online');\n setPlayerNumber(1);\n setMatchId(newMatchId);\n const myDisplayName = displayName || (userWallet ? `${userWallet.slice(0, 6)}...${userWallet.slice(-4)}` : 'You');\n const opponentDisplayName = data.challengeeName || (data.challengee ? `${data.challengee.slice(0, 6)}...${data.challengee.slice(-4)}` : 'Opponent');\n setOpponentDisplayName(opponentDisplayName);\n setPlayer1Id(data.challenger);\n setPlayer2Id(data.challengee);\n setPlayer1Name(myDisplayName);\n setPlayer2Name(opponentDisplayName);\n setGameState('wager');\n setMyProposedWager(0.01);\n setOpponentProposedWager(0.01);\n setMyReady(false);\n setOpponentReady(false);\n setMyDepositConfirmed(false);\n setOpponentDepositConfirmed(false);\n setCustomWager('');\n gameStartInitiated.current = false;\n playerDrawTimesRef.current = {};\n if (socketRef.current && socketRef.current.connected) {\n console.log('📤 Broadcasting my initial wager on challenge confirm');\n socketRef.current.emit('wager_proposal', {\n playerId,\n amount: 0.01,\n matchId: newMatchId,\n timestamp: Date.now()\n });\n }\n }\n };\n const onChallengeDeclined = () => {\n setOutgoingChallenge(null);\n alert('Challenge declined by opponent');\n };\n const onChallengeCancelled = () => {\n setIncomingChallenge(null);\n };\n const onSendChallenge = data => {\n if (data.to !== playerId || data.from === playerId) return;\n console.log('Challenge received from:', data.from);\n setIncomingChallenge(data);\n };\n socket.on('online.countdown', onOnlineCountdown);\n socket.on('online.standoff', onOnlineStandoff);\n socket.on('online.draw', onOnlineDraw);\n socket.on('online.player_input', onOnlinePlayerInput);\n socket.on('online.round_result', onOnlineRoundResult);\n socket.on('match.begin', onMatchBegin);\n socket.on('state.round_ready', onStateRoundReady);\n socket.on('state.countdown', onStateCountdown);\n socket.on('state.pre_draw', onStatePreDraw);\n socket.on('state.input_open', onStateInputOpen);\n socket.on('state.resolve', onStateResolve);\n socket.on('state.show_result', onStateShowResult);\n socket.on('state.next_round', onStateNextRound);\n socket.on('state.match_end', onStateMatchEnd);\n socket.on('state.snapshot', onStateSnapshot);\n socket.on('player_matched', onPlayerMatched);\n socket.on('wager_proposal', onWagerProposal);\n socket.on('wager_update', onWagerUpdate);\n socket.on('player_ready_status', onPlayerReadyStatus);\n socket.on('stake_validation', onStakeValidation);\n socket.on('escrow_locked', onEscrowLocked);\n socket.on('sync_countdown', onSyncCountdown);\n socket.on('chat_message', onChatMessage);\n socket.on('lobby_presence', onLobbyPresence);\n socket.on('matchmaking_search', onMatchmakingSearch);\n socket.on('matchmaking_accept', onMatchmakingAccept);\n socket.on('matchmaking_confirmed', onMatchmakingConfirmed);\n socket.on('lobby_update', onLobbyUpdate);\n socket.on('challenge_received', onChallengeReceived);\n socket.on('challenge_accepted', onChallengeAccepted);\n socket.on('challenge_declined', onChallengeDeclined);\n socket.on('challenge_cancelled', onChallengeCancelled);\n socket.on('deposit_confirmed', onDepositConfirmed);\n socket.on('deposit_status_update', onDepositStatusUpdate);\n socket.on('request_deposit_status', onRequestDepositStatus);\n socket.on('start_game', onStartGame);\n socket.on('send_challenge', onSendChallenge);\n socket.on('challenge_confirmed', onChallengeConfirmed);\n return () => {\n clearAllClientTimers();\n socket.off('online.countdown', onOnlineCountdown);\n socket.off('online.standoff', onOnlineStandoff);\n socket.off('online.draw', onOnlineDraw);\n socket.off('online.player_input', onOnlinePlayerInput);\n socket.off('online.round_result', onOnlineRoundResult);\n socket.off('match.begin', onMatchBegin);\n socket.off('state.round_ready', onStateRoundReady);\n socket.off('state.countdown', onStateCountdown);\n socket.off('state.pre_draw', onStatePreDraw);\n socket.off('state.input_open', onStateInputOpen);\n socket.off('state.resolve', onStateResolve);\n socket.off('state.show_result', onStateShowResult);\n socket.off('state.next_round', onStateNextRound);\n socket.off('state.match_end', onStateMatchEnd);\n socket.off('state.snapshot', onStateSnapshot);\n socket.off('player_matched', onPlayerMatched);\n socket.off('wager_proposal', onWagerProposal);\n socket.off('wager_update', onWagerUpdate);\n socket.off('player_ready_status', onPlayerReadyStatus);\n socket.off('stake_validation', onStakeValidation);\n socket.off('escrow_locked', onEscrowLocked);\n socket.off('sync_countdown', onSyncCountdown);\n socket.off('chat_message', onChatMessage);\n socket.off('lobby_presence', onLobbyPresence);\n socket.off('matchmaking_search', onMatchmakingSearch);\n socket.off('matchmaking_accept', onMatchmakingAccept);\n socket.off('matchmaking_confirmed', onMatchmakingConfirmed);\n socket.off('lobby_update', onLobbyUpdate);\n socket.off('challenge_received', onChallengeReceived);\n socket.off('challenge_accepted', onChallengeAccepted);\n socket.off('challenge_declined', onChallengeDeclined);\n socket.off('challenge_cancelled', onChallengeCancelled);\n socket.off('deposit_confirmed', onDepositConfirmed);\n socket.off('deposit_status_update', onDepositStatusUpdate);\n socket.off('request_deposit_status', onRequestDepositStatus);\n socket.off('start_game', onStartGame);\n socket.off('send_challenge', onSendChallenge);\n socket.off('challenge_confirmed', onChallengeConfirmed);\n };\n }, [playerId, displayName, isSocketConnected, matchId, myDepositConfirmed, myTxHash, gameState, scores, currentRound, playerNumber, player1Id, player2Id, player1Name, player2Name, playerBestTimes, wagerAmount, opponentProposedWager, escrowSessionId, gameMode, userWallet, devbaseClient]);\n useEffect(() => {\n if (chatEndRef.current && isChatOpen) {\n chatEndRef.current.scrollIntoView({\n behavior: 'smooth'\n });\n }\n }, [chatMessages, isChatOpen]);\n useEffect(() => {\n if (myReady && opponentReady && !myDepositConfirmed && !isDepositing && gameState === 'wager' && userWallet && devbaseClient) {\n console.log('🔄 Both players ready, initiating auto-deposit...');\n const autoDeposit = async () => {\n if (myProposedWager < 0.01) {\n console.log('❌ Wager too low');\n return;\n }\n if (Math.abs(myProposedWager - opponentProposedWager) > 0.001) {\n console.log('❌ Wager mismatch');\n return;\n }\n if (walletBalance && parseFloat(walletBalance) < myProposedWager) {\n console.log('❌ Insufficient balance');\n return;\n }\n setIsDepositing(true);\n try {\n console.log('💰 Starting auto-deposit for match:', matchId);\n const deposit = await devbaseClient.createEntity('wager_deposits', {\n matchId: matchId,\n playerId: userWallet,\n amount: myProposedWager\n });\n const txHash = deposit?.id || `tx_${Date.now()}`;\n console.log('✅ Deposit created, TX:', txHash);\n setMyDepositConfirmed(true);\n setMyTxHash(txHash);\n socketRef.current.emit('deposit_confirmed', {\n playerId,\n matchId,\n amount: myProposedWager,\n txHash\n });\n socketRef.current.emit('deposit_status_update', {\n matchId: matchId,\n playerId: playerId,\n confirmed: true,\n txHash: txHash\n });\n setTimeout(() => {\n socketRef.current.emit('request_deposit_status', {\n matchId: matchId,\n playerId: playerId\n });\n }, 500);\n console.log('✅ Auto-deposit successful and broadcasted!');\n loadWalletBalance();\n } catch (error) {\n console.error('Error auto-depositing wager:', error);\n alert('Failed to deposit wager. Please try again.');\n setMyDepositConfirmed(false);\n setMyReady(false);\n if (socketRef.current) {\n socketRef.current.emit('player_ready_status', {\n playerId,\n matchId,\n ready: false,\n amount: myProposedWager,\n timestamp: Date.now()\n });\n }\n } finally {\n setIsDepositing(false);\n }\n };\n autoDeposit();\n }\n }, [myReady, opponentReady, myDepositConfirmed, isDepositing, gameState, userWallet, devbaseClient, myProposedWager, opponentProposedWager, walletBalance, matchId, playerId]);\n useEffect(() => {\n if (myDepositConfirmed && opponentDepositConfirmed && gameState === 'wager' && matchId && !gameStartInitiated.current) {\n console.log('🎯 Both deposits confirmed! Initiating game start...');\n gameStartInitiated.current = true;\n clearAllClientTimers();\n setWagerAmount(myProposedWager);\n setGameState('matched');\n setTimeout(() => {\n console.log('⏰ Starting online duel countdown');\n setGameState('countdown');\n startOnlineCountdown();\n }, 2000);\n }\n }, [myDepositConfirmed, opponentDepositConfirmed, gameState, matchId, myProposedWager, playerId, playerNumber]);\n useEffect(() => {\n if (!matchId || !devbaseClient || !userWallet || gameState !== 'wager') return;\n const checkOpponentDeposit = async () => {\n try {\n const deposits = await devbaseClient.listEntities('wager_deposits', {\n matchId: matchId\n });\n const opponentDeposit = deposits.find(d => d.playerId !== userWallet);\n if (opponentDeposit && !opponentDepositConfirmed) {\n console.log('🔍 Found opponent deposit via polling:', opponentDeposit);\n setOpponentDepositConfirmed(true);\n setOpponentTxHash(opponentDeposit.id || '');\n if (socketRef.current) {\n socketRef.current.emit('deposit_status_update', {\n matchId: matchId,\n playerId: opponentDeposit.playerId,\n confirmed: true,\n txHash: opponentDeposit.id || ''\n });\n }\n }\n } catch (error) {\n console.log('Error checking opponent deposit:', error);\n }\n };\n const pollInterval = setInterval(checkOpponentDeposit, 1500);\n checkOpponentDeposit();\n return () => clearInterval(pollInterval);\n }, [matchId, devbaseClient, userWallet, gameState, opponentDepositConfirmed]);\n useEffect(() => {\n const isValid = myProposedWager >= 0.01;\n const doesMatch = Math.abs(myProposedWager - opponentProposedWager) < 0.001 && myProposedWager >= 0.01 && opponentProposedWager >= 0.01;\n setStakeValid(isValid);\n setStakeMatch(doesMatch);\n console.log('💰 Wager state updated:', {\n myWager: myProposedWager,\n oppWager: opponentProposedWager,\n isValid,\n doesMatch,\n matchId\n });\n }, [myProposedWager, opponentProposedWager, matchId]);\n useEffect(() => {\n if (!socketRef.current || !playerId || !isSocketConnected) return;\n const broadcastPresence = () => {\n if (socketRef.current && socketRef.current.connected) {\n socketRef.current.emit('lobby_presence', {\n playerId: playerId,\n displayName: displayName || undefined,\n timestamp: Date.now()\n });\n console.log('📡 Broadcasting presence for:', playerId);\n }\n };\n broadcastPresence();\n const interval = setInterval(broadcastPresence, 2000);\n return () => clearInterval(interval);\n }, [playerId, displayName, isSocketConnected]);\n useEffect(() => {\n if (!socketRef.current || !isSearchingMatch || !playerId) return;\n const broadcastSearch = () => {\n socketRef.current.emit('matchmaking_search', {\n playerId: playerId,\n displayName: displayName || undefined,\n timestamp: Date.now()\n });\n };\n broadcastSearch();\n const interval = setInterval(broadcastSearch, 2000);\n return () => clearInterval(interval);\n }, [isSearchingMatch, playerId, displayName]);\n const startCountdown = () => {\n clearAllClientTimers();\n setCountdown(3);\n const interval = setInterval(() => {\n setCountdown(prev => {\n if (prev <= 1) {\n clearInterval(interval);\n startAiRound();\n return 0;\n }\n return prev - 1;\n });\n }, 1000);\n };\n const startOnlineCountdown = () => {\n clearAllClientTimers();\n let count = 3;\n setCountdown(count);\n if (playerNumber === 1 && socketRef.current?.connected) {\n socketRef.current.emit('online.countdown', {\n matchId,\n count: count,\n playerId\n });\n }\n const interval = setInterval(() => {\n count--;\n setCountdown(count);\n if (playerNumber === 1 && socketRef.current?.connected) {\n socketRef.current.emit('online.countdown', {\n matchId,\n count: count,\n playerId\n });\n }\n if (count <= 0) {\n clearInterval(interval);\n startOnlineRound();\n }\n }, 1000);\n };\n const startOnlineRound = () => {\n clearAllClientTimers();\n hasActed.current = false;\n playerReactionRef.current = null;\n playerDrawTimesRef.current = {};\n setRoundResult(null);\n setReactionTime(null);\n setDrewEarly(false);\n setGameState('standoff');\n const standoffDelay = 2000 + Math.random() * 3000;\n if (playerNumber === 1 && socketRef.current?.connected) {\n socketRef.current.emit('online.standoff', {\n matchId,\n delayMs: standoffDelay,\n playerId\n });\n }\n setTimeout(() => {\n if (hasActed.current) return;\n setGameState('fired');\n roundStartTime.current = Date.now();\n if (playerNumber === 1 && socketRef.current?.connected) {\n socketRef.current.emit('online.draw', {\n matchId,\n timestamp: Date.now(),\n playerId\n });\n }\n }, standoffDelay);\n };\n const startAiRound = () => {\n clearAllClientTimers();\n hasActed.current = false;\n aiHasActed.current = false;\n playerReactionRef.current = null;\n aiReactionRef.current = null;\n setRoundResult(null);\n setReactionTime(null);\n setAiReactionTime(null);\n setDrewEarly(false);\n setGameState('standoff');\n const standoffDelay = 2000 + Math.random() * 3000;\n setTimeout(() => {\n if (hasActed.current) return;\n setGameState('fired');\n roundStartTime.current = Date.now();\n const aiDrawEarly = Math.random() < 0.05;\n if (aiDrawEarly) {\n const earlyTime = Math.random() * 200;\n setTimeout(() => {\n if (!aiHasActed.current) {\n aiHasActed.current = true;\n handleAiDraw(true, null);\n }\n }, earlyTime);\n } else {\n const aiTime = 150 + Math.random() * 250;\n setTimeout(() => {\n if (!aiHasActed.current && gameState !== 'roundEnd') {\n aiHasActed.current = true;\n const actualTime = Date.now() - roundStartTime.current;\n handleAiDraw(false, Math.round(actualTime));\n }\n }, aiTime);\n }\n }, standoffDelay);\n };\n const handleAiDraw = (early, time) => {\n const aiTime = early ? 'early' : time;\n aiReactionRef.current = aiTime;\n setAiReactionTime(aiTime);\n if (!early && time < (playerBestTimes.player2 || Infinity)) {\n setPlayerBestTimes(prev => ({\n ...prev,\n player2: time\n }));\n }\n if (hasActed.current || early) {\n resolveAiRound(playerReactionRef.current, aiTime);\n }\n };\n const resolveAiRound = (playerTime, aiTime) => {\n let result;\n if (playerTime === 'early' && aiTime === 'early') {\n result = {\n winner: Math.random() < 0.5 ? 1 : 2,\n reason: `Both drew early! Player ${Math.random() < 0.5 ? 1 : 2} was slightly less early`,\n times: {\n player1: 'early',\n player2: 'early'\n }\n };\n } else if (playerTime === 'early') {\n result = {\n winner: 2,\n reason: getRandomEarlyMessage(),\n times: {\n player1: 'early',\n player2: aiTime || 'N/A'\n }\n };\n } else if (aiTime === 'early') {\n result = {\n winner: 1,\n reason: \"AI drew too early! Instant bust!\",\n times: {\n player1: playerTime || 'N/A',\n player2: 'early'\n }\n };\n } else if (playerTime < aiTime) {\n result = {\n winner: 1,\n reason: `Faster draw!`,\n times: {\n player1: playerTime,\n player2: aiTime\n }\n };\n } else {\n result = {\n winner: 2,\n reason: `AI was faster!`,\n times: {\n player1: playerTime,\n player2: aiTime\n }\n };\n }\n setRoundResult({\n ...result,\n player1Name: player1Name,\n player2Name: player2Name\n });\n setGameState('roundEnd');\n setScores(prevScores => {\n const newScores = {\n ...prevScores\n };\n if (result.winner === 1) {\n newScores.player1++;\n } else {\n newScores.player2++;\n }\n const gameOver = newScores.player1 >= 3 || newScores.player2 >= 3;\n if (gameOver) {\n setTimeout(async () => {\n setWinner(newScores.player1 >= 3 ? 1 : 2);\n setGameState('gameEnd');\n if (devbaseClient && userWallet) {\n try {\n await devbaseClient.createEntity('games', {\n player1Id: userWallet,\n player2Id: 'AI',\n winnerId: newScores.player1 >= 3 ? userWallet : 'AI',\n wagerAmount: 0,\n player1BestTime: playerBestTimes.player1,\n player2BestTime: playerBestTimes.player2\n });\n loadLeaderboard();\n } catch (error) {\n console.error('Error saving AI game:', error);\n }\n }\n }, 3000);\n } else {\n setTimeout(() => {\n setCurrentRound(prev => prev + 1);\n setGameState('countdown');\n startCountdown();\n }, 4000);\n }\n return newScores;\n });\n };\n const handleAction = () => {\n if (hasActed.current) return;\n const currentState = gameState;\n if (currentState !== 'standoff' && currentState !== 'fired') return;\n hasActed.current = true;\n if (gameMode === 'ai') {\n if (currentState === 'standoff') {\n playerReactionRef.current = 'early';\n setReactionTime('early');\n setDrewEarly(true);\n aiHasActed.current = true;\n aiReactionRef.current = null;\n setAiReactionTime(null);\n resolveAiRound('early', null);\n } else if (currentState === 'fired') {\n const time = Date.now() - roundStartTime.current;\n playerReactionRef.current = time;\n setReactionTime(time);\n if (time < (playerBestTimes.player1 || Infinity)) {\n setPlayerBestTimes(prev => ({\n ...prev,\n player1: time\n }));\n }\n if (aiHasActed.current) {\n resolveAiRound(time, aiReactionRef.current);\n }\n }\n } else if (gameMode === 'online') {\n if (!socketRef.current?.connected || !matchId) {\n hasActed.current = false;\n console.warn('[CLIENT] Cannot send input: Socket not connected or no matchId.');\n return;\n }\n let inputData = {\n matchId: matchId,\n playerId: playerId,\n timestamp: Date.now()\n };\n if (currentState === 'standoff') {\n setReactionTime('early');\n setDrewEarly(true);\n playerReactionRef.current = 'early';\n inputData.early = true;\n inputData.reactionMs = null;\n } else if (currentState === 'fired') {\n const time = Date.now() - roundStartTime.current;\n setReactionTime(time);\n playerReactionRef.current = time;\n inputData.early = false;\n inputData.reactionMs = time;\n }\n socketRef.current.emit('online.player_input', inputData);\n console.log('[CLIENT] Emitted player input:', inputData);\n if (playerNumber === 1) {\n const opponentTime = playerDrawTimesRef.current[player2Id];\n if (opponentTime !== undefined) {\n resolveOnlineRound();\n }\n }\n }\n };\n const changeMyWagerProposal = amount => {\n if (!socketRef.current || !socketRef.current.connected) {\n console.log('❌ Socket not connected');\n return;\n }\n if (!matchId) {\n console.log('❌ No matchId set');\n return;\n }\n const normalizedAmount = parseFloat(parseFloat(amount).toFixed(3));\n console.log('📤 Changing my wager proposal to:', normalizedAmount, 'for match:', matchId);\n setMyProposedWager(normalizedAmount);\n setCustomWager('');\n setMyReady(false);\n socketRef.current.emit('wager_proposal', {\n playerId,\n amount: normalizedAmount,\n matchId,\n timestamp: Date.now()\n });\n };\n const handleCustomWagerChange = e => {\n if (!socketRef.current || !socketRef.current.connected) {\n console.log('❌ Socket not connected');\n return;\n }\n if (!matchId) {\n console.log('❌ No matchId set');\n return;\n }\n const value = e.target.value;\n setCustomWager(value);\n const numValue = parseFloat(value);\n if (!isNaN(numValue) && numValue > 0) {\n const normalizedAmount = parseFloat(numValue.toFixed(3));\n console.log('📤 Changing my custom wager to:', normalizedAmount, 'for match:', matchId);\n setMyProposedWager(normalizedAmount);\n setMyReady(false);\n socketRef.current.emit('wager_proposal', {\n playerId,\n amount: normalizedAmount,\n matchId,\n timestamp: Date.now()\n });\n }\n };\n const toggleReady = () => {\n if (!socketRef.current || !socketRef.current.connected) {\n console.log('❌ Socket not connected');\n return;\n }\n if (!matchId) {\n console.log('❌ No matchId set');\n return;\n }\n if (myProposedWager < 0.01) {\n alert('Minimum wager is 0.01 SOL');\n return;\n }\n if (Math.abs(myProposedWager - opponentProposedWager) > 0.001) {\n alert('Both players must agree on the same wager amount!');\n return;\n }\n const newReadyState = !myReady;\n console.log('📤 Toggling my ready state to:', newReadyState, 'for match:', matchId);\n setMyReady(newReadyState);\n socketRef.current.emit('player_ready_status', {\n playerId,\n matchId,\n ready: newReadyState,\n amount: myProposedWager,\n timestamp: Date.now()\n });\n };\n useEffect(() => {\n const handleKeyPress = e => {\n if (e.code === 'Space' && (gameState === 'standoff' || gameState === 'fired')) {\n e.preventDefault();\n handleAction();\n }\n };\n window.addEventListener('keydown', handleKeyPress);\n return () => window.removeEventListener('keydown', handleKeyPress);\n }, [gameState, gameMode]);\n const resetGame = () => {\n console.log('[RESET_GAME] Resetting entire game state');\n clearAllClientTimers();\n resetRoundState();\n setGameState('menu');\n setGameMode(null);\n setScores({\n player1: 0,\n player2: 0\n });\n setCurrentRound(1);\n setWinner(null);\n setPlayerNumber(null);\n setMatchId(null);\n setWagerAmount(0);\n setMyProposedWager(0.01);\n setOpponentProposedWager(0.01);\n setCustomWager('');\n setMyReady(false);\n setOpponentReady(false);\n setOpponentDisplayName('');\n setStakeValid(true);\n setStakeMatch(false);\n setMyTxHash('');\n setOpponentTxHash('');\n setEscrowSessionId('');\n setSyncCountdown(null);\n setPlayerBestTimes({\n player1: null,\n player2: null\n });\n setMyDepositConfirmed(false);\n setOpponentDepositConfirmed(false);\n setIsDepositing(false);\n setIsSearchingMatch(false);\n gameStartInitiated.current = false;\n loadLeaderboard();\n };\n const startAiGame = () => {\n clearAllClientTimers();\n setGameMode('ai');\n setPlayerNumber(1);\n setPlayer1Name(displayName || (userWallet ? `${userWallet.slice(0, 6)}...${userWallet.slice(-4)}` : 'You'));\n setPlayer2Name('Computer');\n setGameState('matched');\n setTimeout(() => {\n setGameState('countdown');\n startCountdown();\n }, 2000);\n };\n const openLobby = () => {\n if (!socketRef.current || !socketRef.current.connected) {\n alert('Connection lost. Please refresh the page.');\n return;\n }\n if (!playerId) {\n alert('Player ID not set. Please refresh the page.');\n return;\n }\n console.log('Opening lobby with playerId:', playerId);\n setShowLobby(true);\n setIsInLobby(true);\n setTimeout(() => {\n if (socketRef.current && socketRef.current.connected) {\n console.log('📋 Requesting fresh lobby update...');\n socketRef.current.emit('request_lobby_update');\n socketRef.current.emit('get_online_count');\n }\n }, 100);\n };\n const closeLobby = () => {\n setShowLobby(false);\n setIsInLobby(false);\n setLobbyPlayers([]);\n };\n const challengePlayer = targetPlayerId => {\n if (!socketRef.current || !socketRef.current.connected) {\n alert('Connection lost. Please refresh the page.');\n return;\n }\n console.log('Sending challenge from', playerId, 'to', targetPlayerId);\n setOutgoingChallenge(targetPlayerId);\n socketRef.current.emit('send_challenge', {\n from: playerId,\n to: targetPlayerId,\n fromName: displayName || undefined,\n socketId: socketRef.current.id\n });\n };\n const acceptChallenge = () => {\n if (!socketRef.current || !incomingChallenge) return;\n const newMatchId = `${incomingChallenge.from}_${playerId}_${Date.now()}`;\n clearAllClientTimers();\n const myDisplayName = displayName || (userWallet ? `${userWallet.slice(0, 6)}...${userWallet.slice(-4)}` : 'You');\n const opponentDisplayName = incomingChallenge.fromName || (incomingChallenge.from ? `${incomingChallenge.from.slice(0, 6)}...${incomingChallenge.from.slice(-4)}` : 'Opponent');\n socketRef.current.emit('accept_challenge', {\n from: incomingChallenge.from,\n to: playerId\n });\n socketRef.current.emit('challenge_confirmed', {\n challenger: incomingChallenge.from,\n challengee: playerId,\n challengerName: opponentDisplayName,\n challengeeName: myDisplayName,\n matchId: newMatchId\n });\n setIncomingChallenge(null);\n setShowLobby(false);\n setGameMode('online');\n setPlayerNumber(2);\n setMatchId(newMatchId);\n setOpponentDisplayName(opponentDisplayName);\n setPlayer1Id(incomingChallenge.from);\n setPlayer2Id(playerId);\n setPlayer1Name(opponentDisplayName);\n setPlayer2Name(myDisplayName);\n setGameState('wager');\n setMyProposedWager(0.01);\n setOpponentProposedWager(0.01);\n setMyReady(false);\n setOpponentReady(false);\n setMyDepositConfirmed(false);\n setOpponentDepositConfirmed(false);\n setCustomWager('');\n gameStartInitiated.current = false;\n playerDrawTimesRef.current = {};\n if (socketRef.current && socketRef.current.connected) {\n console.log('📤 Broadcasting my initial wager on challenge accept');\n socketRef.current.emit('wager_proposal', {\n playerId,\n amount: 0.01,\n matchId: newMatchId,\n timestamp: Date.now()\n });\n }\n };\n const declineChallenge = () => {\n if (!socketRef.current || !incomingChallenge) return;\n socketRef.current.emit('decline_challenge', {\n from: incomingChallenge.from,\n to: playerId\n });\n setIncomingChallenge(null);\n };\n const cancelChallenge = () => {\n if (!socketRef.current || !outgoingChallenge) return;\n socketRef.current.emit('cancel_challenge', {\n from: playerId,\n to: outgoingChallenge\n });\n setOutgoingChallenge(null);\n };\n return

\n VAULT & REFUNDS 💰\n

\n SET YOUR NAME\n

\n CHALLENGE!\n

\n \n LOBBY\n

\n WILD WEST\n

say something