[{"_1":2,"_249":-5,"_250":-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,"_247":-5,"_104":-5,"_248":-5},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_30":31,"_32":-5,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_5":43,"_54":55,"_56":57,"_58":57,"_59":60,"_61":57,"_62":57,"_63":57,"_64":57,"_65":57,"_66":57,"_67":17,"_68":17,"_69":70,"_71":72,"_73":74,"_75":76,"_77":78,"_93":94,"_212":17,"_213":214,"_104":31,"_106":245,"_246":25},"id","705462df8bfa6e1136af","isMyApp",false,"name","buidlspot","description","The sleekest crypto ticketing experience where a mere 5 $BUIDL tokens unlocks your digital admission! Watch as your transaction magically flows into the vault, complete with a satisfying animation that makes spending $BUIDL feel like the future we were promised.","brief","Snag digital tickets with $BUIDL tokens and watch your transaction flow with mesmerizing animations!","isLive",true,"isPublic","tags",[29],"💰","cover","https://cdn.dev.fun/snapshot/705462df8bfa6e1136af/81902_31515bf4.webp","cdnUrl","createdAt",["D",1749918711256],"updatedAt",["D",1749919715707],"lastCommitId",["B","81902"],"tier",1,"credits",-78,{"_14":44,"_45":46,"_47":-5,"_48":46,"_49":50,"_51":-5,"_52":53},"77164b9f-9143-44a3-9179-05eea2d0f8c8","uniqueId","Eki9dVQdcjxcDL1YdMfkr43RMfkE4wQWzAt8bXh5QadQ","username","solanaWallet","displayName","Eki...adQ","bio","avatar","/avatar.svg","commitCount",2,"forkCount",0,"likeCount","runsCount",4,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","3HfLqhtF5hR5dyBXh6BMtRaTm9qzStvEGuMa8Gx6pump","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, 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/705462df8bfa6e1136af\");\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 BUIDL 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 BUIDL 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('BUIDL 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 BUIDL 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} BUIDL + ${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 BUIDL_PER_TICKET = 5;\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: BUIDL_PER_TICKET,\n timestamp: timestamp,\n paymentType: 'buidl'\n };\n console.log(\"TRANSACTION ATTEMPT: Creating 1 BUIDL ticket\");\n await devbaseClient.createEntity('bags_tickets', ticketData);\n } else {\n const ticketData = {\n userId: userWallet,\n purchaseAmount: BUIDL_PER_TICKET * ticketQuantity,\n timestamp: timestamp,\n paymentType: 'buidl',\n quantity: ticketQuantity\n };\n console.log(`TRANSACTION ATTEMPT: Creating ${ticketQuantity} BUIDL 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: BUIDL_PER_TICKET,\n timestamp: timestamp + i,\n paymentType: 'buidl',\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 \n

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

\n \n \n BUILDspot\n \n \n

\n \n Today's Jackpot\n \n

\n \n \n \n \n {vaultBalance !== null ? `${vaultBalance.toFixed(4)} SOL` : 'Loading...'}\n \n \n \n \n \n \n Buy Tickets and Win the Jackpot \n \n \n

\n \n {}\n \n \n \n

\n \n \n \n

\n SOL Payment\n

\n \n

\n \n {ticketCount > 0 ? `${ticketCount} owned` : 'No tickets'}\n \n \n \n {allTickets.length} total\n \n

\n \n

\n Price per ticket\n

\n 0.05 SOL\n

\n \n

Select ticket quantity:

\n {[1, 10, 100].map(quantity => setTicketQuantity(quantity)} className={`flex-1 py-3 px-3 rounded-xl text-sm font-medium transition-all shadow-md ${ticketQuantity === quantity ? 'bg-gradient-to-r from-violet-600 to-indigo-600 text-white border border-violet-400/30' : 'bg-indigo-800/50 text-violet-300 hover:bg-indigo-700/60 border border-indigo-700/50'}`} whileHover={{\n scale: 1.03\n }} whileTap={{\n scale: 0.97\n }}>\n {quantity === 1 ? '1 Ticket' : `${quantity} Tickets`}\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 === 'success' && \n \n \n \n

Purchase Successful!

\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 BUILDspot Jackpot with your lucky ticket{ticketQuantity > 1 ? 's' : ''}\n

\n {ticketQuantity > 1 ? `${ticketQuantity}× your chances to win the grand prize!` : 'Try your luck on the blockchain lottery'}\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')) && handleReconnectWallet(false)} className=\"flex items-center gap-1.5 text-violet-300 hover:text-violet-100 text-xs font-medium py-1.5\" whileHover={{\n scale: 1.02\n }} whileTap={{\n scale: 0.98\n }}>\n 0 ? \"animate-spin\" : \"\"} />\n Refresh wallet connection {recoveryStage > 0 ? `(Stage ${recoveryStage}/4)` : ''}\n }\n \n {(walletError.includes('Transaction capability unavailable') || walletError.includes('failed') || walletError.includes('reset') || recoveryStage >= 4) && handleReconnectWallet(true)} className=\"flex items-center gap-1.5 text-amber-300 hover:text-amber-100 text-xs font-medium py-1.5\" whileHover={{\n scale: 1.02\n }} whileTap={{\n scale: 0.98\n }}>\n \n Complete Wallet Reset (Disconnects wallet)\n }\n

\n }\n \n {\n purchaseTicket('sol');\n }} disabled={!userWallet || purchaseState !== 'idle' || isResetInProgress} className={`w-full py-3.5 rounded-xl font-bold text-white relative overflow-hidden shadow-lg ${!userWallet ? 'bg-indigo-800/50 cursor-not-allowed' : 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'}`} whileHover={{\n scale: userWallet && purchaseState === 'idle' && !isResetInProgress ? 1.02 : 1,\n transition: {\n duration: 0.2\n }\n }} 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. : Ready for secure transactions via SOL}\n

\n \n \n {}\n \n \n \n

\n \n \n \n

\n BUIDL Payment\n

\n \n \n Bm5Zik...BUIDL\n \n

\n \n

\n Price per ticket\n

\n 5 BUIDL\n

\n \n

Select ticket quantity:

\n {[1, 10, 100].map(quantity => setTicketQuantity(quantity)} className={`flex-1 py-3 px-3 rounded-xl text-sm font-medium transition-all shadow-md ${ticketQuantity === quantity ? 'bg-gradient-to-r from-emerald-600 to-teal-600 text-white border border-emerald-400/30' : 'bg-indigo-800/50 text-emerald-300 hover:bg-indigo-700/60 border border-indigo-700/50'}`} whileHover={{\n scale: 1.03\n }} whileTap={{\n scale: 0.97\n }}>\n {quantity === 1 ? '1 Ticket' : `${quantity} Tickets`}\n )}\n

\n Total: {(BUIDL_PER_TICKET * ticketQuantity).toLocaleString()} BUIDL\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 BUILDspot Jackpot with your BUIDL token\n

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

}\n

\n \n {\n purchaseTicket('buidl');\n }} disabled={!userWallet || purchaseState !== 'idle' || isResetInProgress} className={`w-full py-3.5 rounded-xl font-bold text-white relative overflow-hidden shadow-lg ${!userWallet ? 'bg-indigo-800/50 cursor-not-allowed' : isResetInProgress ? 'bg-indigo-700/50 cursor-not-allowed' : purchaseState !== 'idle' ? 'bg-indigo-700/70 cursor-not-allowed' : 'bg-gradient-to-r from-emerald-500 to-emerald-600 hover:from-emerald-400 hover:to-emerald-500'}`} whileHover={{\n scale: userWallet && purchaseState === 'idle' && !isResetInProgress ? 1.02 : 1,\n transition: {\n duration: 0.2\n }\n }} 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'} • {BUIDL_PER_TICKET * ticketQuantity} BUIDL\n \n \n }\n \n \n

\n BUIDL token address: Bm5ZikphdvZBW57bvrNs4njLkYFuQtBuPccamhxQBAGS\n

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

\n \n \n \n

Your chance to win the BUILDspot jackpot instantly!

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

\n \n

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

\n \n {userWallet && !sendTransaction && handleReconnectWallet(true)} className=\"mt-5 px-4 py-2 bg-amber-600/30 hover:bg-amber-600/40 rounded-lg text-amber-300 text-sm font-medium border border-amber-600/30 flex items-center gap-2 mx-auto shadow-md\" whileHover={{\n scale: 1.05\n }} whileTap={{\n scale: 0.95\n }}>\n \n Hard Reset Wallet Connection\n }\n \n {transactionInProgress && \n \n Transaction in progress...\n }\n \n {userWallet && \n

Wallet Status Information:

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

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

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

\n Transaction Attempts: \n {purchaseAttemptCount}\n

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

\n }\n \n {}\n \n \n \n setShowTickets(!showTickets)} whileHover={{\n scale: 1.01\n }} whileTap={{\n scale: 0.99\n }}>\n

\n \n \n \n Winner Selection Dashboard\n

\n \n \n \n \n \n {showTickets && \n

\n {allTickets.length} tickets purchased\n

\n \n \n {isSelectingWinner ? <>\n \n Selecting...\n : <>\n \n Pick Winner\n }\n \n

\n \n {selectedWinner && \n

\n \n \n \n

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

\n \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.5 rounded-full bg-indigo-700/70 hover:bg-indigo-600/70 flex-shrink-0 shadow-sm\" 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/70 hover:bg-indigo-600/70 flex-shrink-0 shadow-sm\" title=\"Copy address\">\n \n \n

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

\n ) :

\n No tickets purchased yet\n

}\n

\n }\n \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\",\"@solana/web3.js\":\"1.87.6\",\"@devfunlabs/web-sdk\":\"0.5.5\",\"react-dom\":\"18.2.0\"}}","appFunctions",[],"token",{"_18":79,"_80":79,"_81":82,"_83":84,"_85":86,"_87":-5,"_88":-5,"_89":90,"_91":92,"_69":70},"buidl","symbol","price",0.002912,"marketcap",1550577,"image","https://pump.mypinata.cloud/ipfs/QmPR3CamxoBQW892uHDT2EGRxFvksiJyrEg1ajZYVqJhnf?img-width=256&img-dpr=2","website","twitter","devCount",321,"appCount",2184,"upstreamApp",{"_14":95,"_33":96,"_35":97,"_98":99,"_18":100,"_20":101,"_22":102,"_69":103,"_104":105,"_106":107,"_32":108,"_39":40,"_41":109,"_110":111,"_112":17,"_26":25,"_67":25,"_68":25,"_113":17,"_114":17,"_115":25,"_54":116,"_56":117,"_58":57,"_59":118,"_64":55,"_62":55,"_61":57,"_119":120,"_121":-5,"_37":122,"_123":124,"_209":17,"_24":17,"_63":40,"_27":210},"7c5cd87b601afe487617",["D",1749719637119],["D",1753573682654],"template","web","BagsPot","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.","Spend 0.05 SOL, get a ticket, feel like you're living in a cyberpunk novel!","F3338UV2TxidJsBPajdvUXpu1FbiMMTzEuzMakabpump","snapshot","https://cdn.dev.fun/snapshot/7c5cd87b601afe487617/83814_7e33dc45.webp","ogImage","https://cdn.dev.fun/og/image/7c5cd87b601afe487617/8ff1c9d1.webp","https://cdn.dev.fun/app/7c5cd87b601afe487617/83814",135,"featureScore","0","isAutomated","isTagHot","isTagMoney","isTagCrown",42,3,792,"userId","c27b9548-95f8-4f1d-8351-21446684b9cf","upstreamAppId",["B","83814"],"lastCommit",{"_14":122,"_33":125,"_126":127,"_128":129,"_71":130,"_73":131,"_132":133,"_134":135,"_136":129,"_104":105,"_32":108,"_137":17,"_138":17,"_139":25,"_98":99,"_140":-5,"_141":142,"_205":-5,"_6":95,"_119":120,"_206":207,"_75":208},["D",1750604498205],"input","edit the bags token to Bags with ca ExTLQAHnf7dN1NcUo3uX592Shd4FsMbr5zhVMz6B8dev","output","<<<<<<< OLD\n

\n Bm5Zik...BAGS\n

\n=======\n

\n ExTLQA...BAGS\n

\n>>>>>>> NEW\n\n<<<<<<< OLD\n

\n BAGS token address: Bm5ZikphdvZBW57bvrNs4njLkYFuQtBuPccamhxQBAGS\n

\n=======\n

\n BAGS token address: ExTLQAHnf7dN1NcUo3uX592Shd4FsMbr5zhVMz6B8dev\n

\n>>>>>>> NEW","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 }\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 ExTLQA...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: ExTLQAHnf7dN1NcUo3uX592Shd4FsMbr5zhVMz6B8dev\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}","{\"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.95.2\",\"@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\"}}","thinking","The user wants to edit the BAGS token to use a different contract address. Looking at the current code, I can see that the BAGS token contract address is currently \"Bm5ZikphdvZBW57bvrNs4njLkYFuQtBuPccamhxQBAGS\" and they want to change it to \"ExTLQAHnf7dN1NcUo3uX592Shd4FsMbr5zhVMz6B8dev\".\n\nI need to find all references to the old contract address and update them. Looking at the code, I can see:\n\n1. In the devbase schema, there are references to the BAGS token in the `bags_tickets` and `multi_bags_tickets` entities\n2. In the UI, there's a display of the contract address\n\nLet me find the specific locations:\n\n1. In the devbase schema:\n - `bags_tickets` entity has: `\"token\": \"Bm5ZikphdvZBW57bvrNs4njLkYFuQtBuPccamhxQBAGS\"`\n - `multi_bags_tickets` entity has: `\"token\": \"Bm5ZikphdvZBW57bvrNs4njLkYFuQtBuPccamhxQBAGS\"`\n\n2. In the UI code:\n - There's a display showing \"Bm5Zik...BAGS\" which is the shortened version\n - There's a display showing the full address \"Bm5ZikphdvZBW57bvrNs4njLkYFuQtBuPccamhxQBAGS\"\n\nI need to update both the devbase schema and the UI references.","changelog","Updated the BAGS token contract address to the new one! Changed from the old address to ExTLQAHnf7dN1NcUo3uX592Shd4FsMbr5zhVMz6B8dev in both the payment system and UI displays.","diff","isRephrased","isDebug","isSuccess","error","devbaseSchema",{"_143":144,"_174":175,"_183":184,"_192":193,"_198":199},"tickets",{"_145":146,"_155":156,"_162":163},"rules",{"_147":148,"_149":148,"_150":151,"_152":153,"_154":153},"get","true","list","create","$USER_ID === $newData.userId","delete","false","update","fields",{"_157":158,"_159":160,"_161":158},"timestamp","Number","paymentType","String","purchaseAmount","actions",{"_150":164},{"_165":166},"transfer",{"_167":168,"_169":170,"_77":171,"_172":173},"to","77dMwQDpDxPMfJo2351VZYHAbdpXkJw1gzFhwNJsnVGn","from","$USER_ID","$TOKEN_SOL","amount","0.05","bags_tickets",{"_145":176,"_155":177,"_162":178},{"_147":148,"_149":148,"_150":151,"_152":153,"_154":153},{"_157":158,"_159":160,"_161":158},{"_150":179},{"_165":180},{"_167":168,"_169":170,"_77":181,"_172":182},"ExTLQAHnf7dN1NcUo3uX592Shd4FsMbr5zhVMz6B8dev","100000","multi_tickets",{"_145":185,"_155":186,"_162":188},{"_147":148,"_149":148,"_150":151,"_152":153,"_154":153},{"_187":158,"_157":158,"_159":160,"_161":158},"quantity",{"_150":189},{"_165":190},{"_167":168,"_169":170,"_77":171,"_172":191},"$newData.purchaseAmount","tickets_record",{"_145":194,"_155":195},{"_147":148,"_149":148,"_150":151,"_152":153,"_154":153},{"_157":158,"_159":160,"_196":197,"_161":158},"batchPurchase","Boolean","multi_bags_tickets",{"_145":200,"_155":201,"_162":202},{"_147":148,"_149":148,"_150":151,"_152":153,"_154":153},{"_187":158,"_157":158,"_159":160,"_161":158},{"_150":203},{"_165":204},{"_167":168,"_169":170,"_77":181,"_172":191},"devbaseInsight","messageId",["B","150198"],[],"isDraft",[211],"👑","isLordOfDev","analytics",[215,219,221,223,225,227,229,231,233,235,237,239,241,243],{"_216":217,"_218":57},"day","2025-07-12","runCount",{"_216":220,"_218":57},"2025-07-13",{"_216":222,"_218":57},"2025-07-14",{"_216":224,"_218":57},"2025-07-15",{"_216":226,"_218":57},"2025-07-16",{"_216":228,"_218":57},"2025-07-17",{"_216":230,"_218":57},"2025-07-18",{"_216":232,"_218":57},"2025-07-19",{"_216":234,"_218":57},"2025-07-20",{"_216":236,"_218":57},"2025-07-21",{"_216":238,"_218":57},"2025-07-22",{"_216":240,"_218":57},"2025-07-23",{"_216":242,"_218":57},"2025-07-24",{"_216":244,"_218":57},"2025-07-25","https://cdn.dev.fun/og/image/705462df8bfa6e1136af/fe0cf380.webp","isDevbase","commitDetail","livestream","actionData","errors"]