[{"_1":2,"_140":-5,"_141":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7twdhs6009l11ml868xhxld","wsEndpoint","https://dev.fun","routes/p.$appId",{"_12":13,"_139":-5,"_136":-5},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_32":33,"_34":-5,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_5":45,"_56":57,"_58":42,"_59":60,"_61":62,"_63":60,"_64":65,"_66":42,"_67":65,"_68":69,"_70":17,"_71":25,"_72":73,"_74":75,"_76":77,"_78":79,"_95":-5,"_96":25,"_97":98,"_136":33,"_137":138},"id","7c5cd87b601afe487617","isMyApp",false,"name","BagsPot","description","The sleekest crypto ticketing experience where a mere 0.05 SOL unlocks your digital admission! Watch as your transaction magically flows into the vault, complete with a satisfying animation that makes spending crypto feel like the future we were promised.","brief","Spend 0.05 SOL, get a ticket, feel like you're living in a cyberpunk novel!","isLive",true,"isPublic","tags",[29,30,31],"🔥","💰","👑","cover","https://cdn.dev.fun/snapshot/7c5cd87b601afe487617/81124_ea0e2789.webp","cdnUrl","createdAt",["D",1749719637119],"updatedAt",["D",1749831261490],"lastCommitId",["B","81124"],"tier",1,"credits",147,{"_14":46,"_47":48,"_49":-5,"_50":48,"_51":52,"_53":-5,"_54":55},"c27b9548-95f8-4f1d-8351-21446684b9cf","uniqueId","GrXgQb2KviNMzTxonV6zTwfMy61a3Ww7ZAJB82b4NAp","username","solanaWallet","displayName","GrX...NAp","bio","avatar","/avatar.svg","commitCount",41,"forkCount","likeCount",0,"runsCount",478,"downvoteCount","upvoteCount",2,"upvoteRate","commentCount","visitorCount",14,"isArchived","isRenamed","contractAddress","F3338UV2TxidJsBPajdvUXpu1FbiMMTzEuzMakabpump","code","import { useState, useEffect, useRef } from 'react';\nimport { useDevapp, UserButton, DevappProvider, openLink } from '@devfunlabs/web-sdk';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport { Loader2, CheckCircle, AlertCircle, ShoppingBag, WalletCards, Sparkles, RefreshCw, RotateCw, Power, Ticket, Trophy, Calendar, User, Gift, ChevronDown, ChevronUp, Shuffle, Users, Coins, Wallet } from 'lucide-react';\nimport { Connection, PublicKey } from '@solana/web3.js';\nfunction App() {\n const {\n devbaseClient,\n userWallet,\n sendTransaction\n } = useDevapp();\n const walletFullyConnected = useRef(false);\n const [purchaseState, setPurchaseState] = useState('idle');\n const [animationComplete, setAnimationComplete] = useState(false);\n const [ticketCount, setTicketCount] = useState(0);\n const [allTickets, setAllTickets] = useState([]);\n const [vaultBalance, setVaultBalance] = useState(null);\n const [walletError, setWalletError] = useState(null);\n const [, setHasSendTransaction] = useState(false);\n const [showTickets, setShowTickets] = useState(false);\n const [selectedWinner, setSelectedWinner] = useState(null);\n const [isSelectingWinner, setIsSelectingWinner] = useState(false);\n const connectionRetryCount = useRef(0);\n const maxRetries = 5;\n const [isResetInProgress, setIsResetInProgress] = useState(false);\n const resetTimeoutRef = useRef(null);\n useEffect(() => {\n if (devbaseClient) {\n fetchAllTickets();\n fetchVaultBalance();\n } else {\n console.log('DevbaseClient not ready, scheduling retry for initial data fetch');\n const retryTimeout = setTimeout(() => {\n console.log('Retrying initial data fetch...');\n if (devbaseClient) {\n fetchAllTickets();\n fetchVaultBalance();\n } else {\n const secondRetryTimeout = setTimeout(() => {\n console.log('Second retry for initial data fetch');\n fetchAllTickets();\n fetchVaultBalance();\n }, 3500);\n return () => clearTimeout(secondRetryTimeout);\n }\n }, 2500);\n return () => clearTimeout(retryTimeout);\n }\n }, [devbaseClient]);\n const fetchVaultBalance = async () => {\n try {\n const connection = new Connection(\"https://rpc.dev.fun/7c5cd87b601afe487617\");\n const vaultAddress = new PublicKey(\"77dMwQDpDxPMfJo2351VZYHAbdpXkJw1gzFhwNJsnVGn\");\n const balance = await connection.getBalance(vaultAddress);\n const solBalance = balance / 1000000000;\n setVaultBalance(solBalance);\n } catch (error) {\n console.error(\"Error fetching vault balance:\", error instanceof Error ? error.message : 'Unknown error');\n if (vaultBalance === null) setVaultBalance(0);\n const retryDelay = Math.min(5000 + Math.random() * 1000, 10000);\n console.log(`Will retry fetching vault balance in ${Math.round(retryDelay / 1000)}s`);\n setTimeout(() => {\n fetchVaultBalance();\n }, retryDelay);\n }\n };\n useEffect(() => {\n if (devbaseClient && userWallet && sendTransaction) {\n fetchTicketCount();\n fetchAllTickets();\n setWalletError(null);\n walletFullyConnected.current = true;\n setHasSendTransaction(true);\n connectionRetryCount.current = 0;\n console.log(\"Wallet fully connected:\", {\n userWallet,\n devbaseClient: !!devbaseClient,\n sendTransaction: !!sendTransaction\n });\n } else if (!userWallet) {\n setPurchaseState('idle');\n setAnimationComplete(false);\n setWalletError(null);\n walletFullyConnected.current = false;\n setHasSendTransaction(false);\n connectionRetryCount.current = 0;\n } else {\n console.log(\"Wallet partially connected:\", {\n userWallet,\n devbaseClient: !!devbaseClient,\n sendTransaction: !!sendTransaction\n });\n if (userWallet && !sendTransaction) {\n console.log(\"Critical component missing: SendTransaction unavailable but wallet connected\");\n setHasSendTransaction(false);\n if (connectionRetryCount.current < maxRetries + 2) {\n walletFullyConnected.current = false;\n forceWalletReconnection();\n const delayTime = 800 + connectionRetryCount.current * 400;\n setTimeout(() => {\n attemptConnectionRecovery();\n }, delayTime);\n } else if (connectionRetryCount.current === maxRetries + 2) {\n console.log(\"Extended connection retry attempts for sendTransaction recovery reached\");\n setWalletError('Transaction capability missing. Please try the \"Refresh wallet connection\" button below.');\n walletFullyConnected.current = false;\n }\n } else if (connectionRetryCount.current < maxRetries) {\n walletFullyConnected.current = false;\n attemptConnectionRecovery();\n } else if (connectionRetryCount.current === maxRetries) {\n console.log(\"Max connection retry attempts reached\");\n walletFullyConnected.current = !!(devbaseClient && sendTransaction);\n }\n }\n }, [devbaseClient, userWallet, sendTransaction]);\n useEffect(() => {\n const handleWalletRefresh = () => {\n console.log(\"Wallet refresh event received\");\n if (userWallet && !sendTransaction) {\n console.log(\"Attempting to recover sendTransaction capability\");\n connectionRetryCount.current = 0;\n attemptConnectionRecovery();\n }\n };\n window.addEventListener('wallet-refresh', handleWalletRefresh);\n document.body.addEventListener('wallet-needs-refresh', handleWalletRefresh);\n return () => {\n window.removeEventListener('wallet-refresh', handleWalletRefresh);\n document.body.removeEventListener('wallet-needs-refresh', handleWalletRefresh);\n };\n }, [userWallet, sendTransaction]);\n const fetchTicketCount = async () => {\n try {\n if (!devbaseClient || !userWallet) return;\n let solTickets = [];\n let bagsTickets = [];\n let ticketRecords = [];\n try {\n solTickets = await devbaseClient.listEntities('tickets', {\n userId: userWallet\n });\n } catch (solError) {\n console.log('Error fetching user SOL tickets:', solError);\n }\n try {\n bagsTickets = await devbaseClient.listEntities('bags_tickets', {\n userId: userWallet\n });\n } catch (bagsError) {\n console.log('Error fetching user BAGS tickets:', bagsError);\n }\n try {\n ticketRecords = await devbaseClient.listEntities('tickets_record', {\n userId: userWallet\n });\n } catch (recordsError) {\n console.log('Error fetching user ticket records:', recordsError);\n }\n setTicketCount((Array.isArray(solTickets) ? solTickets.length : 0) + (Array.isArray(bagsTickets) ? bagsTickets.length : 0) + (Array.isArray(ticketRecords) ? ticketRecords.length : 0));\n } catch (error) {\n console.error('Error fetching tickets:', error);\n setTicketCount(0);\n if (devbaseClient && userWallet) {\n setTimeout(() => fetchTicketCount(), 3000);\n }\n }\n };\n const fetchAllTickets = async () => {\n try {\n if (!devbaseClient) {\n console.log('DevbaseClient not ready yet, will retry later');\n setTimeout(() => fetchAllTickets(), 2000);\n return;\n }\n let solTickets = [];\n let bagsTickets = [];\n let ticketRecords = [];\n const ticketPromises = [devbaseClient.listEntities('tickets').catch(err => {\n console.log('Error fetching SOL tickets:', err instanceof Error ? err.message : 'Unknown error');\n return [];\n }), devbaseClient.listEntities('bags_tickets').catch(err => {\n console.log('Error fetching BAGS tickets:', err instanceof Error ? err.message : 'Unknown error');\n return [];\n }), devbaseClient.listEntities('tickets_record').catch(err => {\n console.log('Error fetching ticket records:', err instanceof Error ? err.message : 'Unknown error');\n return [];\n })];\n const [solResults, bagsResults, recordsResults] = await Promise.allSettled(ticketPromises);\n if (solResults.status === 'fulfilled') {\n solTickets = solResults.value;\n } else {\n console.log('SOL tickets fetch rejected, using empty array');\n }\n if (bagsResults.status === 'fulfilled') {\n bagsTickets = bagsResults.value;\n } else {\n console.log('BAGS tickets fetch rejected, using empty array');\n }\n if (recordsResults.status === 'fulfilled') {\n ticketRecords = recordsResults.value;\n } else {\n console.log('Ticket records fetch rejected, using empty array');\n }\n try {\n if (bagsResults.status !== 'fulfilled') {\n bagsTickets = await devbaseClient.listEntities('bags_tickets');\n }\n } catch (bagsError) {\n console.log('Error fetching BAGS tickets, will continue with empty list:', bagsError);\n }\n const allCombinedTickets = [...(Array.isArray(solTickets) ? solTickets : []), ...(Array.isArray(bagsTickets) ? bagsTickets : []), ...(Array.isArray(ticketRecords) ? ticketRecords : [])];\n allCombinedTickets.sort((a, b) => b.timestamp - a.timestamp);\n setAllTickets(allCombinedTickets);\n console.log(`Loaded ${allCombinedTickets.length} tickets from devbase (${solTickets.length || 0} SOL + ${bagsTickets.length || 0} BAGS + ${ticketRecords.length || 0} Records)`);\n } catch (error) {\n console.error('Error fetching all tickets:', error);\n setAllTickets([]);\n if (devbaseClient) {\n setTimeout(() => fetchAllTickets(), 3000);\n }\n }\n };\n const getWalletAdapter = () => {\n try {\n return window.solana || window?.solana?.wallet?.adapter || document.querySelector('[data-wallet-adapter]')?.__adapter || window.__WALLET_ADAPTER__;\n } catch (e) {\n console.error(\"Error accessing wallet adapter:\", e);\n return null;\n }\n };\n const forceWalletReconnection = (hardReset = false) => {\n console.log(`Forcing ${hardReset ? 'HARD' : 'deep'} wallet reconnection to restore sendTransaction capability`);\n walletReconnectAttempts.current += 1;\n setLastReconnectTime(Date.now());\n const walletAdapter = getWalletAdapter();\n console.log(\"Wallet adapter access result:\", !!walletAdapter);\n if (hardReset) {\n console.log(\"PERFORMING HARD WALLET RESET\");\n forceDisconnectRef.current = true;\n if (walletAdapter && typeof walletAdapter.disconnect === 'function') {\n try {\n console.log(\"Using direct wallet adapter disconnect\");\n walletAdapter.disconnect();\n setTimeout(() => {\n window.dispatchEvent(new CustomEvent('wallet-hard-reset'));\n document.body.dispatchEvent(new CustomEvent('wallet-force-reconnect'));\n }, 500);\n return;\n } catch (e) {\n console.error(\"Direct disconnect failed, falling back to UI method:\", e);\n }\n }\n setTimeout(() => {\n const allButtons = document.querySelectorAll('button');\n allButtons.forEach(button => {\n if (button.textContent?.includes('Disconnect') || button.getAttribute('aria-label')?.includes('disconnect')) {\n console.log(\"Found disconnect button, triggering\");\n button.click();\n }\n });\n setTimeout(() => {\n window.dispatchEvent(new CustomEvent('wallet-hard-reset'));\n document.body.dispatchEvent(new CustomEvent('wallet-force-reconnect'));\n localStorage.removeItem('walletName');\n Object.keys(localStorage).forEach(key => {\n if (key.includes('wallet') || key.includes('Wallet') || key.includes('adapter') || key.includes('Adapter')) {\n console.log(`Clearing localStorage item: ${key}`);\n localStorage.removeItem(key);\n }\n });\n setTimeout(() => {\n const connectButtons = document.querySelectorAll('button');\n connectButtons.forEach(button => {\n if (button.textContent?.includes('Connect') || button.textContent?.includes('Select') || button.getAttribute('aria-label')?.includes('wallet')) {\n console.log(\"Found connect button after hard reset, clicking\");\n button.click();\n }\n });\n }, 500);\n }, 500);\n }, 300);\n return;\n }\n const tempButton = document.createElement('button');\n tempButton.style.position = 'absolute';\n tempButton.style.opacity = '0';\n tempButton.style.pointerEvents = 'none';\n document.body.appendChild(tempButton);\n tempButton.click();\n document.body.removeChild(tempButton);\n window.dispatchEvent(new Event('wallet-refresh'));\n document.body.dispatchEvent(new CustomEvent('wallet-needs-refresh'));\n const walletReadyEvent = new CustomEvent('wallet-adapter-ready');\n window.dispatchEvent(walletReadyEvent);\n setTimeout(() => {\n const walletButtons = document.querySelectorAll('button');\n walletButtons.forEach(button => {\n if (button.textContent?.includes('Connect') || button.textContent?.includes('Wallet') || button.getAttribute('aria-label')?.includes('wallet')) {\n console.log(\"Found wallet button, triggering reconnection flow\");\n const mouseOverEvent = new MouseEvent('mouseover', {\n bubbles: true,\n cancelable: true,\n view: window\n });\n button.dispatchEvent(mouseOverEvent);\n setTimeout(() => button.click(), 100);\n }\n });\n }, 300);\n };\n const attemptConnectionRecovery = () => {\n connectionRetryCount.current += 1;\n console.log(`Connection recovery attempt ${connectionRetryCount.current}/${maxRetries}`);\n setPurchaseState('processing');\n const walletAdapter = getWalletAdapter();\n console.log(\"Recovery attempt - Direct wallet adapter access:\", !!walletAdapter);\n if (walletAdapter) {\n try {\n if (typeof walletAdapter.connect === 'function') {\n console.log(\"Attempting direct connect via adapter\");\n walletAdapter.connect();\n }\n if (typeof walletAdapter.signTransaction === 'function' || typeof walletAdapter.signAllTransactions === 'function') {\n console.log(\"Wallet has transaction signing capabilities\");\n }\n } catch (e) {\n console.error(\"Error during direct wallet stimulation:\", e);\n }\n }\n if (connectionRetryCount.current >= 2 && userWallet && !sendTransaction) {\n forceWalletReconnection();\n const walletEvents = ['wallet-adapter-ready', 'wallet-adapter-update', 'wallet-readyStateChange', 'wallet-connect'];\n walletEvents.forEach(eventName => {\n window.dispatchEvent(new CustomEvent(eventName));\n });\n }\n setTimeout(() => {\n setPurchaseState('idle');\n const isFullyConnected = !!(userWallet && devbaseClient && sendTransaction);\n walletFullyConnected.current = isFullyConnected;\n if (isFullyConnected) {\n console.log(\"Connection recovery successful\");\n setWalletError(null);\n } else if (connectionRetryCount.current >= maxRetries) {\n console.log(\"Connection recovery failed after max attempts\");\n const specificIssue = !sendTransaction ? 'Transaction capability missing. ' : !devbaseClient ? 'Database connection missing. ' : 'Wallet connection incomplete. ';\n setWalletError(`${specificIssue}Please disconnect and reconnect your wallet.`);\n }\n }, 1500);\n };\n useEffect(() => {\n let checkTimer;\n if (userWallet && (!sendTransaction || !devbaseClient)) {\n checkTimer = setTimeout(() => {\n if (userWallet && (!sendTransaction || !devbaseClient)) {\n console.log(\"Wallet connection incomplete after delay\", {\n userWallet: !!userWallet,\n devbaseClient: !!devbaseClient,\n sendTransaction: !!sendTransaction\n });\n if (connectionRetryCount.current < maxRetries) {\n attemptConnectionRecovery();\n }\n } else {\n walletFullyConnected.current = true;\n console.log(\"Wallet connection completed after delay\");\n }\n }, 2000);\n }\n return () => {\n if (checkTimer) clearTimeout(checkTimer);\n };\n }, [userWallet, devbaseClient, sendTransaction]);\n const [lastReconnectTime, setLastReconnectTime] = useState(0);\n const [recoveryStage, setRecoveryStage] = useState(0);\n const walletReconnectAttempts = useRef(0);\n const forceDisconnectRef = useRef(false);\n const verifyWalletConnection = () => {\n const isConnected = !!(userWallet && devbaseClient && sendTransaction);\n console.log(\"Verifying wallet connection:\", {\n userWallet: !!userWallet,\n devbaseClient: !!devbaseClient,\n sendTransaction: !!sendTransaction,\n isConnected\n });\n walletFullyConnected.current = isConnected;\n return isConnected;\n };\n const [purchaseAttemptCount, setPurchaseAttemptCount] = useState(0);\n const [transactionInProgress, setTransactionInProgress] = useState(false);\n const lastPurchaseAttemptTime = useRef(0);\n const [ticketQuantity, setTicketQuantity] = useState(1);\n const BAGS_PER_TICKET = 100000;\n const purchaseTicket = async paymentType => {\n if (isResetInProgress) {\n console.log(\"Reset in progress, ignoring purchase attempt\");\n return;\n }\n if (transactionInProgress) {\n console.log(\"Transaction already in progress, ignoring new purchase attempt\");\n return;\n }\n if (Date.now() - lastPurchaseAttemptTime.current < 3000) {\n console.log(\"Throttling purchase attempts - too frequent\");\n return;\n }\n lastPurchaseAttemptTime.current = Date.now();\n setPurchaseAttemptCount(prev => prev + 1);\n setTransactionInProgress(true);\n console.log(\"PURCHASE ATTEMPT #\" + (purchaseAttemptCount + 1));\n console.log(\"Wallet state:\", {\n userWallet: !!userWallet,\n devbaseClient: !!devbaseClient,\n sendTransaction: !!sendTransaction,\n walletFullyConnected: walletFullyConnected.current,\n paymentType\n });\n if (!userWallet) {\n setWalletError('Please connect your wallet first');\n setTransactionInProgress(false);\n return;\n }\n if (!devbaseClient) {\n console.error(\"DevbaseClient missing - critical component for transactions\");\n setWalletError('Database connection missing. Please refresh the page.');\n setTransactionInProgress(false);\n return;\n }\n setWalletError(null);\n setPurchaseState('processing');\n try {\n console.log(`Creating ${ticketQuantity} tickets with devbase using ${paymentType.toUpperCase()}...`);\n const timestamp = Date.now();\n if (paymentType === 'sol') {\n if (ticketQuantity === 1) {\n const ticketData = {\n userId: userWallet,\n purchaseAmount: 0.05,\n timestamp: timestamp,\n paymentType: 'sol'\n };\n console.log(\"TRANSACTION ATTEMPT: Creating 1 SOL ticket\");\n await devbaseClient.createEntity('tickets', ticketData);\n } else {\n const ticketData = {\n userId: userWallet,\n purchaseAmount: 0.05 * ticketQuantity,\n timestamp: timestamp,\n paymentType: 'sol',\n quantity: ticketQuantity\n };\n console.log(`TRANSACTION ATTEMPT: Creating ${ticketQuantity} SOL tickets in one transaction`);\n await devbaseClient.createEntity('multi_tickets', ticketData);\n for (let i = 0; i < ticketQuantity; i++) {\n const individualTicket = {\n userId: userWallet,\n purchaseAmount: 0.05,\n timestamp: timestamp + i,\n paymentType: 'sol',\n batchPurchase: true\n };\n try {\n await devbaseClient.createEntity('tickets_record', individualTicket);\n } catch (err) {\n console.error(`Error creating individual ticket record ${i + 1}:`, err);\n }\n }\n }\n } else {\n if (ticketQuantity === 1) {\n const ticketData = {\n userId: userWallet,\n purchaseAmount: BAGS_PER_TICKET,\n timestamp: timestamp,\n paymentType: 'bags'\n };\n console.log(\"TRANSACTION ATTEMPT: Creating 1 BAGS ticket\");\n await devbaseClient.createEntity('bags_tickets', ticketData);\n } else {\n const ticketData = {\n userId: userWallet,\n purchaseAmount: BAGS_PER_TICKET * ticketQuantity,\n timestamp: timestamp,\n paymentType: 'bags',\n quantity: ticketQuantity\n };\n console.log(`TRANSACTION ATTEMPT: Creating ${ticketQuantity} BAGS tickets in one transaction`);\n await devbaseClient.createEntity('multi_bags_tickets', ticketData);\n for (let i = 0; i < ticketQuantity; i++) {\n const individualTicket = {\n userId: userWallet,\n purchaseAmount: BAGS_PER_TICKET,\n timestamp: timestamp + i,\n paymentType: 'bags',\n batchPurchase: true\n };\n try {\n await devbaseClient.createEntity('tickets_record', individualTicket);\n } catch (err) {\n console.error(`Error creating individual ticket record ${i + 1}:`, err);\n }\n }\n }\n }\n console.log(`Transaction successful: Created ${ticketQuantity} tickets using ${paymentType}`);\n setPurchaseState('success');\n fetchVaultBalance();\n setTimeout(() => {\n setPurchaseState('idle');\n setAnimationComplete(false);\n fetchTicketCount();\n fetchAllTickets();\n setTransactionInProgress(false);\n }, 5000);\n } catch (error) {\n console.error('Purchase failed:', error);\n let errorMessage = 'Transaction failed. Please try again.';\n if (!error) {\n errorMessage = 'Unknown error occurred';\n } else if (typeof error === 'string') {\n errorMessage = error;\n } else if (error.message) {\n const msg = error.message.toLowerCase();\n if (msg.includes('unauthorized') || msg.includes('permission') || msg.includes('condition')) {\n errorMessage = 'Permission denied. Please reconnect your wallet.';\n } else if (msg.includes('reject') || msg.includes('cancel') || msg.includes('user denied')) {\n errorMessage = 'Transaction was cancelled by user.';\n } else if (msg.includes('insufficient') || msg.includes('balance')) {\n errorMessage = `Insufficient ${paymentType.toUpperCase()} balance for this purchase.`;\n } else if (msg.includes('timeout') || msg.includes('timed out')) {\n errorMessage = 'Transaction timed out. Please try again.';\n } else if (msg.includes('connect') || msg.includes('wallet')) {\n errorMessage = 'Wallet connection issue. Please reconnect.';\n }\n } else if (error.toString) {\n const errorStr = error.toString().toLowerCase();\n if (errorStr.includes('reject') || errorStr.includes('denied')) {\n errorMessage = 'Transaction was cancelled by user.';\n } else if (errorStr.includes('walleterror') || errorStr.includes('walletsign')) {\n errorMessage = 'Transaction was cancelled by user.';\n }\n }\n if (typeof error === 'object' && error !== null) {\n const stringified = JSON.stringify(error);\n if (stringified.includes('reject') || stringified.includes('walleterror') || stringified.includes('cancelled') || error.toString && error.toString().includes('reject')) {\n errorMessage = 'Transaction was cancelled by user.';\n }\n }\n setWalletError(errorMessage);\n setPurchaseState('error');\n setAnimationComplete(false);\n setTimeout(() => {\n setPurchaseState('idle');\n setTransactionInProgress(false);\n }, 3000);\n }\n };\n const handleReconnectWallet = (hardReset = false) => {\n if (isResetInProgress) {\n console.log(\"Reset already in progress, ignoring new request\");\n return;\n }\n if (Date.now() - lastReconnectTime < 5000) {\n console.log(\"Throttling reconnect requests - too frequent\");\n return;\n }\n const adapter = getWalletAdapter();\n console.log(\"Manual reconnect - Direct adapter access:\", !!adapter);\n setIsResetInProgress(true);\n setWalletError(hardReset ? 'Performing wallet reset...' : 'Reconnecting wallet...');\n setPurchaseState('processing');\n walletFullyConnected.current = false;\n setHasSendTransaction(false);\n connectionRetryCount.current = 0;\n setRecoveryStage(1);\n if (hardReset) {\n forceWalletReconnection(true);\n if (resetTimeoutRef.current) {\n clearTimeout(resetTimeoutRef.current);\n }\n resetTimeoutRef.current = setTimeout(() => {\n setRecoveryStage(2);\n setWalletError('Reset in progress...');\n resetTimeoutRef.current = setTimeout(() => {\n setRecoveryStage(3);\n setWalletError('Select your wallet when prompted');\n resetTimeoutRef.current = setTimeout(() => {\n if (!userWallet || !sendTransaction) {\n setRecoveryStage(4);\n setWalletError('Try refreshing the page');\n setPurchaseState('idle');\n } else {\n setRecoveryStage(0);\n setWalletError(null);\n setPurchaseState('idle');\n console.log(\"Hard reset successful!\");\n }\n setIsResetInProgress(false);\n }, 8000);\n }, 3000);\n }, 2000);\n return;\n }\n const refreshEvent = new Event('wallet-refresh');\n window.dispatchEvent(refreshEvent);\n if (resetTimeoutRef.current) {\n clearTimeout(resetTimeoutRef.current);\n }\n resetTimeoutRef.current = setTimeout(() => {\n const fullyConnected = verifyWalletConnection();\n console.log(\"Reconnection attempt status:\", `Wallet: ${!!userWallet ? 'Connected' : 'Disconnected'}`, `DevbaseClient: ${!!devbaseClient ? 'Available' : 'Missing'}`, `SendTransaction: ${!!sendTransaction ? 'Available' : 'Missing'}`, `Fully Connected: ${fullyConnected ? 'Yes' : 'No'}`);\n if (userWallet && !sendTransaction) {\n console.log(\"Specialized recovery for missing sendTransaction\");\n setPurchaseState('processing');\n setWalletError('Restoring transaction capability...');\n setRecoveryStage(2);\n forceWalletReconnection();\n resetTimeoutRef.current = setTimeout(() => {\n document.body.dispatchEvent(new CustomEvent('wallet-needs-refresh'));\n resetTimeoutRef.current = setTimeout(() => {\n forceWalletReconnection();\n attemptConnectionRecovery();\n resetTimeoutRef.current = setTimeout(() => {\n const recoverySuccessful = !!(userWallet && devbaseClient && sendTransaction);\n if (recoverySuccessful) {\n setHasSendTransaction(true);\n setWalletError(null);\n setRecoveryStage(0);\n setPurchaseState('idle');\n console.log(\"Wallet transaction capability restored\");\n setIsResetInProgress(false);\n } else {\n setRecoveryStage(3);\n setWalletError('Final attempt...');\n forceWalletReconnection();\n const events = ['walletConnectionEvent', 'adapterReady', 'walletReadyStateChange'];\n events.forEach(eventName => {\n window.dispatchEvent(new CustomEvent(eventName));\n });\n resetTimeoutRef.current = setTimeout(() => {\n if (sendTransaction) {\n setHasSendTransaction(true);\n setWalletError(null);\n setRecoveryStage(0);\n setPurchaseState('idle');\n console.log(\"Wallet transaction capability restored on final attempt\");\n } else {\n setRecoveryStage(4);\n setPurchaseState('idle');\n setWalletError('Recovery failed. Try reset below.');\n }\n setIsResetInProgress(false);\n }, 2000);\n }\n }, 2500);\n }, 1500);\n }, 1500);\n return;\n }\n if (fullyConnected) {\n setWalletError(null);\n setRecoveryStage(0);\n setPurchaseState('idle');\n setIsResetInProgress(false);\n console.log(\"Wallet reconnection successful\");\n } else {\n setRecoveryStage(2);\n attemptConnectionRecovery();\n resetTimeoutRef.current = setTimeout(() => {\n const recoverySuccessful = verifyWalletConnection();\n setPurchaseState('idle');\n if (recoverySuccessful) {\n setWalletError(null);\n setRecoveryStage(0);\n console.log(\"Wallet recovery successful after reconnect\");\n } else {\n setRecoveryStage(4);\n setWalletError('Recovery failed. Try reset below.');\n }\n setIsResetInProgress(false);\n }, 2500);\n }\n }, 1500);\n };\n useEffect(() => {\n return () => {\n if (resetTimeoutRef.current) {\n clearTimeout(resetTimeoutRef.current);\n }\n };\n }, []);\n const selectRandomWinner = () => {\n if (allTickets.length === 0) return;\n setIsSelectingWinner(true);\n setSelectedWinner(null);\n let iterations = 0;\n const maxIterations = 20;\n const interval = setInterval(() => {\n const randomIndex = Math.floor(Math.random() * allTickets.length);\n const tempWinner = allTickets[randomIndex];\n setSelectedWinner(tempWinner);\n iterations++;\n if (iterations >= maxIterations) {\n clearInterval(interval);\n setIsSelectingWinner(false);\n }\n }, 100 + iterations * 10);\n };\n const formatTimestamp = timestamp => {\n if (!timestamp) return 'Unknown';\n const date = new Date(timestamp);\n return date.toLocaleString();\n };\n const copyToClipboard = text => {\n navigator.clipboard.writeText(text).then(() => {\n console.log('Address copied to clipboard');\n });\n };\n return

\n \n

\n {\n e.preventDefault();\n openLink('https://x.com/BagscoinSOL');\n }} whileHover={{\n scale: 1.05\n }} whileTap={{\n scale: 0.95\n }} className=\"cursor-pointer\">\n $\"BagsPot$ \n \n

\n BagsPot\n

\n Today's Jackpot\n

\n \n \n \n \n {vaultBalance !== null ? `${vaultBalance.toFixed(4)} SOL` : 'Loading...'}\n \n \n \n \n

\n \n Buy Tickets and Win BagsPot \n \n

\n \n {}\n

\n \n

SOL Payment

\n {ticketCount > 0 ? `${ticketCount} owned` : 'No tickets'}\n

\n \n {allTickets.length} total\n

\n \n

\n Price per ticket\n

\n 0.05 SOL\n

\n \n

Select ticket quantity:

\n \n \n \n

\n Total: {(0.05 * ticketQuantity).toFixed(2)} SOL\n

\n \n

\n \n {purchaseState === 'processing' &&

\n setAnimationComplete(true)} />\n \n \n \n

}\n \n {purchaseState === 'error' && \n \n \n \n

\n {walletError && walletError.includes('cancelled') ? 'Transaction Cancelled' : 'Transaction Failed'}\n

\n }\n \n {purchaseState === 'error' && \n \n \n \n

\n {walletError && walletError.includes('cancelled') ? 'Transaction Cancelled' : 'Transaction Failed'}\n

\n }\n \n \n {purchaseState === 'idle' &&

\n Win the BagsPot with your lucky ticket{ticketQuantity > 1 ? 's' : ''}\n

\n {ticketQuantity > 1 ? `${ticketQuantity}× your chances to win!` : 'Try your luck on the blockchain'}\n

}\n

\n \n {walletError && \n

\n \n

\n {walletError}\n \n

\n {(walletError.includes('connection') || walletError.includes('incomplete') || walletError.includes('not fully loaded') || walletError.includes('reconnect') || walletError.includes('capability') || walletError.includes('recovery')) && }\n \n {(walletError.includes('Transaction capability unavailable') || walletError.includes('failed') || walletError.includes('reset') || recoveryStage >= 4) && }\n

\n }\n \n {\n purchaseTicket('sol');\n }} disabled={!userWallet || purchaseState !== 'idle' || isResetInProgress} className={`w-full py-3 rounded-xl font-medium text-white relative overflow-hidden ${!userWallet ? 'bg-indigo-800/50' : isResetInProgress ? 'bg-indigo-700/50 cursor-not-allowed' : purchaseState !== 'idle' ? 'bg-indigo-700/70 cursor-not-allowed' : 'bg-gradient-to-r from-violet-600 to-fuchsia-600 hover:from-violet-500 hover:to-fuchsia-500'}`} whileTap={{\n scale: userWallet && purchaseState === 'idle' && !isResetInProgress ? 0.98 : 1\n }}>\n {!userWallet ?

\n \n Connect Wallet to Purchase\n

: isResetInProgress ?

\n \n Wallet Reset in Progress...\n

: <>\n \n Purchase {ticketQuantity > 1 ? `${ticketQuantity} Tickets` : 'Ticket'} • {(0.05 * ticketQuantity).toFixed(2)} SOL\n \n \n }\n \n \n

\n Payments sent to vault: 77dMw...nVGn\n

\n {walletError && purchaseState === 'error' ? Error detected. Try refreshing the page if issues persist. : \n Ready for secure transactions via SOL\n }\n

\n \n {}\n

\n \n

BAGS Payment

\n Bm5Zik...BAGS\n

\n \n

\n Price per ticket\n

\n 100,000 BAGS\n

\n \n

Select ticket quantity:

\n \n \n \n

\n Total: {(BAGS_PER_TICKET * ticketQuantity).toLocaleString()} BAGS\n

\n \n

\n \n {purchaseState === 'processing' &&

\n setAnimationComplete(true)} />\n \n \n \n

}\n \n {purchaseState === 'success' && \n \n \n \n

Purchase Successful!

\n }\n \n {purchaseState === 'error' && \n \n \n \n

Transaction Failed

\n }\n \n \n {purchaseState === 'idle' &&

\n Win the BagsPot with your BAGS token\n

\n {ticketQuantity > 1 ? `${ticketQuantity}× your chances to win!` : 'Try your luck on the blockchain'}\n

}\n

\n \n {\n purchaseTicket('bags');\n }} disabled={!userWallet || purchaseState !== 'idle' || isResetInProgress} className={`w-full py-3 rounded-xl font-medium text-white relative overflow-hidden ${!userWallet ? 'bg-indigo-800/50' : isResetInProgress ? 'bg-indigo-700/50 cursor-not-allowed' : purchaseState !== 'idle' ? 'bg-indigo-700/70 cursor-not-allowed' : 'bg-gradient-to-r from-amber-500 to-amber-600 hover:from-amber-400 hover:to-amber-500'}`} whileTap={{\n scale: userWallet && purchaseState === 'idle' && !isResetInProgress ? 0.98 : 1\n }}>\n {!userWallet ?

\n \n Connect Wallet to Purchase\n

: isResetInProgress ?

\n \n Wallet Reset in Progress...\n

: <>\n \n Purchase {ticketQuantity > 1 ? `${ticketQuantity} Tickets` : 'Ticket'} • {(BAGS_PER_TICKET * ticketQuantity).toLocaleString()} BAGS\n \n \n }\n \n \n

\n BAGS token address: Bm5ZikphdvZBW57bvrNs4njLkYFuQtBuPccamhxQBAGS\n

\n {walletError && purchaseState === 'error' ? Error detected. Try refreshing the page if issues persist. : \n Ready for secure transactions via BAGS token\n }\n

\n \n

Your chance to win the BagsPot instantly!

\n \n {allTickets.length} tickets in pool\n

\n window.open('https://x.com/BagscoinSOL', '_blank')} className=\"flex items-center justify-center p-1.5 bg-indigo-800/50 hover:bg-indigo-700/70 rounded-full text-white hover:text-gray-200 border border-gray-500/30 transition-all\" whileHover={{\n scale: 1.05\n }} whileTap={{\n scale: 0.95\n }}>\n $\"X\"$ \n \n

\n \n {userWallet && !sendTransaction && }\n \n {transactionInProgress &&

\n \n Transaction in progress...\n

}\n {userWallet &&

Wallet Status Information:

Wallet Address: {userWallet ? `${userWallet.slice(0, 6)}...${userWallet.slice(-4)}` : 'Not connected'}

DevbaseClient: {devbaseClient ? 'Available' : 'Missing'}

SendTransaction: {sendTransaction ? 'Available' : 'Missing'}

Transaction Attempts: {purchaseAttemptCount}

Connection Status: {walletFullyConnected.current ? 'Ready' : 'Limited'}

}\n \n {}\n

\n \n \n {showTickets &&

\n {allTickets.length} tickets purchased\n

\n \n \n

\n \n {selectedWinner && \n

\n \n

\n {isSelectingWinner ? \"Selecting Winner...\" : \"Selected Winner!\"}\n

\n \n Owner:\n

\n {selectedWinner.userId}\n

\n copyToClipboard(selectedWinner.userId)} whileHover={{\n scale: 1.1\n }} whileTap={{\n scale: 0.9\n }} className=\"p-1 rounded-full bg-indigo-700/50 hover:bg-indigo-600/50 flex-shrink-0\" title=\"Copy address\">\n \n \n

\n \n Time:\n

\n {formatTimestamp(selectedWinner.timestamp)}\n

\n }\n \n

\n {allTickets.length > 0 ? allTickets.map((ticket, index) => \n

\n \n

\n \n {ticket.userId}\n \n {\n e.stopPropagation();\n copyToClipboard(ticket.userId);\n }} whileHover={{\n scale: 1.1\n }} whileTap={{\n scale: 0.9\n }} className=\"p-1 rounded-full bg-indigo-700/50 hover:bg-indigo-600/50 flex-shrink-0\" title=\"Copy address\">\n \n \n

\n \n {new Date(ticket.timestamp).toLocaleDateString()}\n \n

\n ) :

\n No tickets purchased yet\n

}\n

;\n}\nexport default function AppWithProvider() {\n return \n \n ;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"framer-motion\":\"10.16.4\",\"lucide-react\":\"0.441.0\",\"@devfunlabs/web-sdk\":\"0.5.5\",\"@solana/web3.js\":\"1.87.6\",\"@solana/wallet-adapter-react\":\"0.15.35\",\"@solana/wallet-adapter-base\":\"0.9.23\",\"zod\":\"3.22.4\",\"recharts\":\"2.8.0\",\"react-router-dom\":\"6.18.0\"}}","token",{"_18":80,"_81":82,"_83":84,"_85":86,"_87":88,"_89":90,"_91":92,"_93":42,"_94":42,"_72":73},"Bagspot","symbol","Bags","price",0.00000736,"marketcap",7364.24,"image","https://pump.mypinata.cloud/ipfs/bafkreifyzquupmcy4eew7s3zefxgwnmmnrdxd3pn4tuiw4wqz7jtwwpcbe?img-width=256&img-dpr=2","website","https://dev.fun/p/7c5cd87b601afe487617","twitter","https://x.com/bagscoinsol/status/1933116903515648417?s=46","devCount","appCount","upstreamApp","isLordOfDev","analytics",[99,103,105,107,109,111,113,115,117,119,121,123,125,127,129,131,133],{"_100":101,"_102":60},"day","2025-05-31","runCount",{"_100":104,"_102":60},"2025-06-01",{"_100":106,"_102":60},"2025-06-02",{"_100":108,"_102":60},"2025-06-03",{"_100":110,"_102":60},"2025-06-04",{"_100":112,"_102":60},"2025-06-05",{"_100":114,"_102":60},"2025-06-06",{"_100":116,"_102":60},"2025-06-07",{"_100":118,"_102":60},"2025-06-08",{"_100":120,"_102":60},"2025-06-09",{"_100":122,"_102":60},"2025-06-10",{"_100":124,"_102":60},"2025-06-11",{"_100":126,"_102":60},"2025-06-12",{"_100":128,"_102":60},"2025-06-13",{"_100":126,"_102":130},42,{"_100":128,"_102":132},86,{"_100":134,"_102":135},"2025-06-14",350,"snapshot","ogImage","https://cdn.dev.fun/og/image/7c5cd87b601afe487617/6947ca9e.webp","commitDetail","actionData","errors"]