[{"_1":2,"_432":-5,"_433":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7twdhs6009l11ml868xhxld","wsEndpoint","https://dev.fun","routes/app.$appId",{"_12":13},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":17,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_5":45,"_57":44,"_58":59,"_60":59,"_61":62,"_63":59,"_64":59,"_65":59,"_66":59,"_67":59,"_68":59,"_69":28,"_70":17,"_71":-5,"_72":73,"_74":75,"_76":77,"_78":-5,"_79":80,"_391":17,"_392":393,"_89":32,"_91":425,"_426":17,"_427":428},"id","12b508f8bfa576ca6f22","isMyApp",false,"projectId","4df5ca2f-77c3-4550-9e80-52f2e9dfb38d","name","kol.nexus","description","The ultimate Solana-powered infrastructure monster that just leveled up! Real-time token data streams through Devscan like liquid lightning, pulling live prices and metadata straight from the blockchain's heartbeat. X social login slides users into your ecosystem smoother than silk, while campaigns and chat rooms pulse with unstoppable energy - it's like having a crypto trading floor in your pocket!","brief","Supercharged Solana infrastructure with live token data and X login magic!","isLive","isPublic",true,"tags",[],"cover","https://cdn.dev.fun/snapshot/12b508f8bfa576ca6f22/96841_9e6b38e8.webp","cdnUrl","https://cdn.dev.fun/app/12b508f8bfa576ca6f22/96841","createdAt",["D",1756854024974],"updatedAt",["D",1756856885827],"lastCommitId",["B","96841"],"tier",1,"credits",6,{"_14":46,"_47":48,"_49":48,"_50":51,"_52":48,"_53":54,"_55":56},"a1317c52-7305-4641-91d5-82e246f1dae6","uniqueId","Priv8Code","username","solanaWallet","5fJQDaRJHuBFocHPiQUPfPFdjVeootfYCR7PDF65pqU","displayName","bio","Priv8.Code // Task: Build systems on-chain & off-chain to expand the matrix.\n\nStatus: LOADING..\nMode: PUBLIC.\n","avatar","https://cdn.dev.fun/avatar/a1317c52-7305-4641-91d5-82e246f1dae6/5530865d.webp","commitCount","forkCount",0,"likeCount","runsCount",4,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","code","import { useState, useEffect, useRef } from 'react';\nimport { useDevapp, DevappProvider, openLink, UserButton } from '@devfunlabs/web-sdk';\nimport { fetchPumpFunTrends, fetchTokenInfoByAddress, fetchTokenInfoBySymbol } from '@devfunlabs/web-sdk';\nimport { Search, Trophy, Clock, ExternalLink, Plus, Zap, Crown, TrendingUp, Flame, Settings, X, ChevronLeft, ChevronRight, AlertCircle, Check, Info, DollarSign } from 'lucide-react';\nimport { PublicKey } from '@solana/web3.js';\nimport nacl from 'tweetnacl';\nimport { io } from 'socket.io-client';\nconst ADMIN_WALLET = '5fJQDaRJHuBFocHPiQUPfPFdjVeootfYCR7PDF65pqU';\nfunction AdminSignInModal({\n isOpen,\n onClose,\n onSuccess,\n userWallet,\n devbaseClient,\n signMessage\n}) {\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState('');\n const handleAdminSignIn = async () => {\n if (!userWallet || !devbaseClient || !signMessage) return;\n if (userWallet !== ADMIN_WALLET) {\n setError('Wallet not authorized for admin');\n return;\n }\n try {\n setLoading(true);\n setError('');\n const nonce = Math.random().toString(36).substr(2, 32);\n const timestamp = Date.now();\n const message = `Admin Access Request for KOL.fun\nWallet: ${userWallet}\nNonce: ${nonce}\nTimestamp: ${timestamp}\nThis signature grants admin access for 24 hours.`;\n const messageBytes = new TextEncoder().encode(message);\n const signatureBytes = await signMessage(messageBytes);\n const publicKey = new PublicKey(userWallet);\n const isValidSignature = nacl.sign.detached.verify(messageBytes, signatureBytes, publicKey.toBytes());\n if (!isValidSignature) {\n setError('Invalid signature. Please try again.');\n return;\n }\n const session = await devbaseClient.createEntity('admin_sessions', {\n wallet: userWallet,\n nonce: nonce,\n issued_at: timestamp,\n expires_at: timestamp + 24 * 60 * 60 * 1000,\n status: 'active'\n });\n localStorage.setItem('admin_session_token', session.id);\n onSuccess(session.id);\n } catch (error) {\n console.error('Admin sign in error:', error);\n if (error.name === 'WalletConnectionError' || error.message?.includes('User rejected') || error.message?.includes('rejected')) {\n setError('Signature rejected. Please approve the signature to access admin.');\n } else if (error.name === 'WalletNotConnectedError') {\n setError('Wallet not connected. Please connect your wallet first.');\n } else {\n setError('Failed to verify admin signature. Please try again.');\n }\n } finally {\n setLoading(false);\n }\n };\n if (!isOpen) return null;\n return

\n Admin Access\n

\n \n

\n {error &&

\n {error}\n

}\n

\n Sign a message to verify admin access. Your session will be valid for 24 hours.\n

\n \n \n

;\n}\nfunction ConnectModal({\n isOpen,\n onClose,\n userWallet,\n devbaseClient\n}) {\n const [walletConnected, setWalletConnected] = useState(false);\n const [error] = useState('');\n useEffect(() => {\n setWalletConnected(!!userWallet);\n }, [userWallet, devbaseClient]);\n if (!isOpen) return null;\n return

\n Connect Accounts\n

\n \n

\n {error &&

\n {error}\n

}\n

\n 💼\n

\n Wallet\n

\n {walletConnected ? 'Connected' : 'Not Connected'}\n

\n \n {walletConnected && }\n

;\n}\nconst convertAtomicToUsd = (amount, token, solPrice = 100) => {\n const numAmount = Number(amount);\n if (token === 'USDC') {\n return numAmount / 1000000;\n }\n if (token === 'SOL') {\n return numAmount / 1000000000 * solPrice;\n }\n return numAmount;\n};\nfunction TokenSearchModal({\n isOpen,\n onClose,\n onTokenSelect\n}) {\n const [searchTerm, setSearchTerm] = useState('');\n const [searchResults, setSearchResults] = useState([]);\n const [trendingTokens, setTrendingTokens] = useState([]);\n const [loading, setLoading] = useState(false);\n const [activeTab, setActiveTab] = useState('trending');\n useEffect(() => {\n if (isOpen) {\n loadTrendingTokens();\n }\n }, [isOpen]);\n const loadTrendingTokens = async () => {\n try {\n setLoading(true);\n const trending = await fetchPumpFunTrends();\n setTrendingTokens(trending.slice(0, 10));\n } catch (error) {\n console.error('Error fetching trending tokens:', error);\n } finally {\n setLoading(false);\n }\n };\n const searchTokens = async () => {\n if (!searchTerm.trim()) return;\n try {\n setLoading(true);\n let results = [];\n if (searchTerm.length > 30) {\n try {\n const tokenByAddress = await fetchTokenInfoByAddress(searchTerm);\n if (tokenByAddress) {\n results.push(tokenByAddress);\n }\n } catch (error) {\n console.log('Not found by address, trying symbol...');\n }\n }\n if (results.length === 0) {\n try {\n const tokenBySymbol = await fetchTokenInfoBySymbol(searchTerm);\n if (tokenBySymbol) {\n results.push(tokenBySymbol);\n }\n } catch (error) {\n console.log('Not found by symbol');\n }\n }\n setSearchResults(results);\n } catch (error) {\n console.error('Error searching tokens:', error);\n } finally {\n setLoading(false);\n }\n };\n useEffect(() => {\n const delayedSearch = setTimeout(() => {\n if (searchTerm && activeTab === 'search') {\n searchTokens();\n }\n }, 500);\n return () => clearTimeout(delayedSearch);\n }, [searchTerm, activeTab]);\n const formatMarketCap = marketcap => {\n if (!marketcap) return 'N/A';\n if (marketcap >= 1000000) return `${(marketcap / 1000000).toFixed(1)}M`;\n if (marketcap >= 1000) return `${(marketcap / 1000).toFixed(1)}K`;\n return `${marketcap.toFixed(2)}`;\n };\n const formatPrice = price => {\n if (!price) return 'N/A';\n return `${price.toFixed(6)}`;\n };\n if (!isOpen) return null;\n return

\n Devscan Token Search\n

\n \n

\n\n

\n \n \n

\n\n {activeTab === 'search' &&

\n setSearchTerm(e.target.value)} className=\"w-full px-4 py-3 rounded-lg border-0 focus:outline-none\" style={{\n backgroundColor: colors.surfaceHover,\n color: colors.textPrimary\n }} />\n

}\n\n

\n {loading &&

}\n\n {activeTab === 'trending' && !loading &&

\n {trendingTokens.map(token =>

onTokenSelect(token)} className=\"p-4 rounded-lg cursor-pointer transition-colors hover:opacity-80\" style={{\n backgroundColor: colors.surfaceHover\n }}>\n

\n {token.image_uri &&

}\n

\n {token.name}\n

\n \n {token.symbol}\n \n

\n {token.mint.slice(0, 8)}...{token.mint.slice(-4)}\n

\n \n MC: {formatMarketCap(token.market_cap)}\n \n \n Supply: {(token.total_supply / 1000000).toFixed(1)}M\n \n

)}\n

}\n\n {activeTab === 'search' && !loading && searchResults.length > 0 &&

\n {searchResults.map(token =>

onTokenSelect(token)} className=\"p-4 rounded-lg cursor-pointer transition-colors hover:opacity-80\" style={{\n backgroundColor: colors.surfaceHover\n }}>\n

\n {token.image && {token.name}

}\n

\n {token.name || 'Unknown Token'}\n

\n \n {token.symbol}\n \n

\n {token.contractAddress.slice(0, 8)}...{token.contractAddress.slice(-4)}\n

\n {token.price && \n Price: {formatPrice(token.price)}\n }\n {token.marketcap && \n MC: {formatMarketCap(token.marketcap)}\n }\n {token.priceChangeIn24h && = 0 ? colors.success : colors.danger\n }}>\n 24h: {token.priceChangeIn24h > 0 ? '+' : ''}{token.priceChangeIn24h.toFixed(2)}%\n }\n

)}\n

}\n\n {activeTab === 'search' && !loading && searchTerm && searchResults.length === 0 &&

\n No tokens found for \"{searchTerm}\"\n

}\n

;\n}\nconst useRealtimeConnection = (devbaseClient, userWallet) => {\n const [socket, setSocket] = useState(null);\n const [connectedUsers, setConnectedUsers] = useState(0);\n useEffect(() => {\n if (!devbaseClient || !userWallet) return;\n const socketConnection = io('wss://ws.dev.fun/app-12b508f8bfa576ca6f22');\n setSocket(socketConnection);\n socketConnection.on('connect', () => {\n console.log('Connected to real-time server');\n socketConnection.emit('user_join', {\n wallet: userWallet\n });\n });\n socketConnection.on('devfun:user_count', count => {\n setConnectedUsers(count);\n });\n socketConnection.on('disconnect', () => {\n console.log('Disconnected from real-time server');\n });\n return () => {\n socketConnection.disconnect();\n };\n }, [devbaseClient, userWallet]);\n return {\n socket,\n connectedUsers\n };\n};\nconst colors = {\n background: '#0D0F13',\n surface: '#171A21',\n surfaceHover: '#1D2230',\n textPrimary: '#E5E7EB',\n textMuted: '#9CA3AF',\n accent: '#22D3A6',\n success: '#16A34A',\n info: '#60A5FA',\n warning: '#F59E0B',\n danger: '#F43F5E'\n};\nexport default function AppWithProvider() {\n return \n \n \n \n ;\n}\nfunction ThemeProvider({\n children\n}) {\n return

\n {children}\n

;\n}\nfunction useSettings() {\n const [settings, setSettings] = useState(() => {\n if (typeof window !== 'undefined') {\n const saved = localStorage.getItem('kol-settings');\n return saved ? JSON.parse(saved) : {\n showAnimations: true,\n playSounds: false,\n reduceMotion: false,\n showTicker: true\n };\n }\n return {\n showAnimations: true,\n playSounds: false,\n reduceMotion: false,\n showTicker: true\n };\n });\n const updateSettings = newSettings => {\n setSettings(newSettings);\n if (typeof window !== 'undefined') {\n localStorage.setItem('kol-settings', JSON.stringify(newSettings));\n }\n };\n return [settings, updateSettings];\n}\nfunction useEventStream(devbaseClient, socket, enabled = true) {\n const [events, setEvents] = useState([]);\n const lastTimestamp = useRef(0);\n useEffect(() => {\n if (!devbaseClient || !enabled) return;\n const pollEvents = async () => {\n try {\n const fetchedNewEvents = await devbaseClient.listEntities('events', {\n created_at: {\n $gt: lastTimestamp.current\n }\n });\n const sortedNewEvents = fetchedNewEvents.sort((a, b) => a.created_at - b.created_at);\n if (sortedNewEvents.length > 0) {\n setEvents(prev => {\n return [...prev, ...sortedNewEvents];\n });\n lastTimestamp.current = Math.max(lastTimestamp.current, ...sortedNewEvents.map(e => e.created_at));\n }\n } catch (error) {\n console.error('Error polling events:', error);\n }\n };\n pollEvents();\n const interval = setInterval(pollEvents, 5000);\n if (socket) {\n socket.on('campaign_update', data => {\n console.log('Real-time campaign update:', data);\n pollEvents();\n });\n socket.on('new_event', event => {\n console.log('Real-time new event:', event);\n setEvents(prev => [...prev, event]);\n lastTimestamp.current = Math.max(lastTimestamp.current, event.created_at);\n });\n }\n return () => {\n clearInterval(interval);\n if (socket) {\n socket.off('campaign_update');\n socket.off('new_event');\n }\n };\n }, [devbaseClient, socket, enabled]);\n return events;\n}\nfunction EventTicker({\n events,\n onEventClick,\n settings,\n connectedUsers\n}) {\n const [currentIndex, setCurrentIndex] = useState(0);\n const [isPaused, setIsPaused] = useState(false);\n const tickerRef = useRef();\n useEffect(() => {\n if (!settings.showTicker || events.length === 0 || isPaused) return;\n const interval = setInterval(() => {\n setCurrentIndex(prev => (prev + 1) % events.length);\n }, 3000);\n return () => clearInterval(interval);\n }, [events.length, isPaused, settings.showTicker]);\n if (!settings.showTicker || events.length === 0) return null;\n const getEventIcon = type => {\n switch (type) {\n case 'CAMPAIGN_CREATED':\n return '🧪';\n case 'CAMPAIGN_TOPUP':\n return '💸';\n case 'KOL_ACCEPTED':\n return '⚡';\n case 'POST_SUBMITTED':\n return '🧵';\n case 'LEAD_CHANGED':\n return '🚀';\n case 'WINNER_CLAIMED':\n return '🏆';\n case 'CHAT_MESSAGE':\n return '💬';\n default:\n return '📢';\n }\n };\n const currentEvent = events[currentIndex];\n return

setIsPaused(true)} onMouseLeave={() => setIsPaused(false)}>\n

\n {getEventIcon(currentEvent?.type)}\n \n {currentEvent?.message}\n \n {currentEvent?.campaign_id && }\n

\n \n {connectedUsers} online\n \n

\n \n {currentIndex + 1} / {events.length}\n \n \n \n

;\n}\nfunction SettingsDrawer({\n isOpen,\n onClose,\n settings,\n onUpdateSettings\n}) {\n if (!isOpen) return null;\n return

Settings

\n \n

\n Show Animations\n \n onUpdateSettings({\n ...settings,\n showAnimations: e.target.checked\n })} className=\"sr-only peer\" />\n

\n \n

\n Play Sounds\n \n onUpdateSettings({\n ...settings,\n playSounds: e.target.checked\n })} className=\"sr-only peer\" />\n

\n \n

\n Reduce Motion\n \n onUpdateSettings({\n ...settings,\n reduceMotion: e.target.checked\n })} className=\"sr-only peer\" />\n

\n \n

\n Show Ticker\n \n onUpdateSettings({\n ...settings,\n showTicker: e.target.checked\n })} className=\"sr-only peer\" />\n

\n \n

;\n}\nfunction Toast({\n message,\n type,\n onClose\n}) {\n useEffect(() => {\n const timer = setTimeout(onClose, 5000);\n return () => clearTimeout(timer);\n }, [onClose]);\n const bgColor = type === 'error' ? colors.danger : type === 'success' ? colors.success : colors.info;\n return

\n {type === 'error' && }\n {type === 'success' && }\n {message}\n \n

;\n}\nfunction InfoTooltip({\n text,\n className = \"\"\n}) {\n const [showTooltip, setShowTooltip] = useState(false);\n return

\n \n {showTooltip &&

\n {text}\n

}\n

;\n}\nfunction FloatingAdminButton({\n onClick,\n userWallet,\n show\n}) {\n if (userWallet !== ADMIN_WALLET || !show) return null;\n return ;\n}\nfunction useAdminSession() {\n const [adminToken, setAdminToken] = useState(() => {\n if (typeof window !== 'undefined') {\n return localStorage.getItem('admin_session_token');\n }\n return null;\n });\n const setToken = token => {\n setAdminToken(token);\n if (typeof window !== 'undefined') {\n if (token) {\n localStorage.setItem('admin_session_token', token);\n } else {\n localStorage.removeItem('admin_session_token');\n }\n }\n };\n return [adminToken, setToken];\n}\nfunction Header({\n currentPage,\n setCurrentPage,\n userWallet,\n settings,\n setShowSettings\n}) {\n const {\n devbaseClient\n } = useDevapp();\n const [twitterConnected, setTwitterConnected] = useState(false);\n const [twitterUsername, setTwitterUsername] = useState('');\n const [twitterLoading, setTwitterLoading] = useState(false);\n const [showTokenSearch, setShowTokenSearch] = useState(false);\n const [selectedToken, setSelectedToken] = useState(null);\n const handleTwitterAction = async () => {\n if (!userWallet) {\n alert('Please connect your wallet first');\n return;\n }\n if (twitterConnected) {\n const confirmDisconnect = window.confirm('Are you sure you want to disconnect your X account?');\n if (!confirmDisconnect) return;\n try {\n setTwitterLoading(true);\n const users = await devbaseClient.listEntities('users', {\n wallet: userWallet\n });\n if (users.length > 0) {\n await devbaseClient.updateEntity('users', users[0].id, {\n x_handle: '',\n x_user_id: '',\n x_followers: 0,\n x_access_token_encrypted: '',\n x_refresh_token_encrypted: ''\n });\n }\n setTwitterConnected(false);\n setTwitterUsername('');\n } catch (error) {\n console.error('Error disconnecting Twitter:', error);\n alert('Failed to disconnect X account. Please try again.');\n } finally {\n setTwitterLoading(false);\n }\n } else {\n setTwitterLoading(true);\n const twitterLoginUrl = `https://oauth.dev.fun/twitter/login/12b508f8bfa576ca6f22/${userWallet}`;\n openLink(twitterLoginUrl);\n const pollInterval = setInterval(() => {\n checkTwitterConnection();\n }, 2000);\n setTimeout(() => {\n clearInterval(pollInterval);\n setTwitterLoading(false);\n }, 60000);\n }\n };\n const handleTokenSelect = token => {\n setSelectedToken(token);\n setShowTokenSearch(false);\n };\n const checkTwitterConnection = async () => {\n if (!devbaseClient || !userWallet) {\n setTwitterConnected(false);\n setTwitterUsername('');\n setTwitterLoading(false);\n return;\n }\n if (typeof devbaseClient.evalString !== 'function') {\n console.warn('devbaseClient.evalString is not available yet');\n setTwitterLoading(false);\n return;\n }\n try {\n const fetchedUsername = await devbaseClient.evalString('$USER_X_USERNAME');\n if (fetchedUsername) {\n setTwitterConnected(true);\n setTwitterUsername(fetchedUsername);\n } else {\n setTwitterConnected(false);\n setTwitterUsername('');\n }\n } catch (error) {\n console.error('Error checking Twitter connection:', error);\n setTwitterConnected(false);\n setTwitterUsername('');\n } finally {\n setTwitterLoading(false);\n }\n };\n useEffect(() => {\n let interval;\n if (userWallet && devbaseClient) {\n checkTwitterConnection();\n let attempts = 0;\n interval = setInterval(() => {\n if (attempts < 10) {\n checkTwitterConnection();\n attempts++;\n } else {\n clearInterval(interval);\n }\n }, 1000);\n } else {\n setTwitterConnected(false);\n setTwitterUsername('');\n setTwitterLoading(false);\n }\n return () => {\n if (interval) clearInterval(interval);\n };\n }, [userWallet, devbaseClient]);\n return

\n KOL.fun\n

\n \n \n \n {userWallet === ADMIN_WALLET && }\n

\n \n \n \n \n

\n setShowTokenSearch(false)} onTokenSelect={handleTokenSelect} />\n {selectedToken &&

\n {selectedToken.name || selectedToken.symbol}\n

\n \n

\n {selectedToken.price &&

Price: ${selectedToken.price.toFixed(6)}

}\n {selectedToken.marketcap &&

Market Cap: ${(selectedToken.marketcap / 1000000).toFixed(1)}M

}\n {selectedToken.priceChangeIn24h !== undefined &&

24h Change: = 0 ? colors.success : colors.danger\n }}>\n {selectedToken.priceChangeIn24h > 0 ? '+' : ''}{selectedToken.priceChangeIn24h.toFixed(2)}%\n

}\n

;\n}\nfunction App() {\n const {\n devbaseClient,\n userWallet,\n signMessage\n } = useDevapp();\n const [currentPage, setCurrentPage] = useState('board');\n const [selectedCampaign, setSelectedCampaign] = useState(null);\n const [searchTerm, setSearchTerm] = useState('');\n const [activeFilter, setActiveFilter] = useState('hot');\n const [campaigns, setCampaigns] = useState([]);\n const [loading, setLoading] = useState(false);\n const [page, setPage] = useState(1);\n const [hasMore, setHasMore] = useState(true);\n const [, setInitialLoadComplete] = useState(false);\n const [settings, updateSettings] = useSettings();\n const [showSettings, setShowSettings] = useState(false);\n const [flashingCards, setFlashingCards] = useState(new Map());\n const [toast, setToast] = useState(null);\n const [showFloatingAdmin, setShowFloatingAdmin] = useState(false);\n const [showAdminSignIn, setShowAdminSignIn] = useState(false);\n const [showConnectModal, setShowConnectModal] = useState(false);\n const [adminToken, setAdminToken] = useAdminSession();\n const [devscanPrices, setDevscanPrices] = useState({\n sol: 100,\n usdc: 1\n });\n const [liveTokenData, setLiveTokenData] = useState({});\n const observerRef = useRef();\n const processedEventIds = useRef(new Set());\n const {\n socket,\n connectedUsers\n } = useRealtimeConnection(devbaseClient, userWallet);\n const events = useEventStream(devbaseClient, socket, currentPage === 'board');\n const filters = [{\n id: 'hot',\n label: 'Hot',\n icon: Flame\n }, {\n id: 'new',\n label: 'New',\n icon: Plus\n }, {\n id: 'ending',\n label: 'Ending Soon',\n icon: Clock\n }, {\n id: 'biggest',\n label: 'Biggest',\n icon: TrendingUp\n }, {\n id: 'watchlist',\n label: 'My Watchlist',\n icon: Crown\n }];\n useEffect(() => {\n const handleScroll = () => {\n setShowFloatingAdmin(window.scrollY > 100);\n };\n window.addEventListener('scroll', handleScroll);\n return () => window.removeEventListener('scroll', handleScroll);\n }, []);\n const showToast = (message, type = 'info') => {\n setToast({\n message,\n type\n });\n };\n const handleAdminAccess = () => {\n if (userWallet !== ADMIN_WALLET) {\n showToast('Wallet not authorized for admin', 'error');\n return;\n }\n if (adminToken) {\n setCurrentPage('admin');\n } else {\n setShowAdminSignIn(true);\n }\n };\n const handleAdminSignInSuccess = token => {\n setAdminToken(token);\n setShowAdminSignIn(false);\n setCurrentPage('admin');\n showToast('Admin access granted', 'success');\n };\n const handleEventClick = event => {\n if (event.campaign_id) {\n const campaign = campaigns.find(c => c.id === event.campaign_id);\n if (campaign) {\n setSelectedCampaign(campaign);\n setCurrentPage('campaign');\n if (settings.showAnimations) {\n flashCard(event.campaign_id, event.type);\n }\n }\n }\n };\n useEffect(() => {\n setInitialLoadComplete(false);\n }, [activeFilter, searchTerm]);\n const flashCard = (campaignId, eventType) => {\n const color = getFlashColor(eventType);\n setFlashingCards(prev => new Map(prev.set(campaignId, color)));\n setTimeout(() => {\n setFlashingCards(prev => {\n const newMap = new Map(prev);\n newMap.delete(campaignId);\n return newMap;\n });\n }, 1200);\n };\n const getFlashColor = eventType => {\n switch (eventType) {\n case 'CAMPAIGN_TOPUP':\n return colors.success;\n case 'KOL_ACCEPTED':\n return colors.info;\n case 'LEAD_CHANGED':\n return colors.warning;\n case 'CAMPAIGN_CREATED':\n return colors.accent;\n case 'WINNER_CLAIMED':\n return colors.accent;\n default:\n return colors.accent;\n }\n };\n useEffect(() => {\n const newEventsToProcess = [];\n for (const event of events) {\n if (!processedEventIds.current.has(event.id)) {\n newEventsToProcess.push(event);\n processedEventIds.current.add(event.id);\n console.log(`APP LOG: New event received - ID: ${event.id}, Type: ${event.type}, Campaign ID: ${event.campaign_id}`);\n }\n }\n if (newEventsToProcess.length > 0) {\n newEventsToProcess.sort((a, b) => a.created_at - b.created_at);\n setCampaigns(prevCampaigns => {\n let updatedCampaigns = [...prevCampaigns];\n for (const event of newEventsToProcess) {\n if (settings.showAnimations && event.campaign_id && updatedCampaigns.some(c => c.id === event.campaign_id)) {\n flashCard(event.campaign_id, event.type);\n }\n if (event.type === 'KOL_ACCEPTED') {\n updatedCampaigns = updatedCampaigns.map(c => {\n if (c.id === event.campaign_id) {\n const newCount = (c.accepts_count || 0) + 1;\n console.log(`APP LOG: Event processing - Campaign ${c.id} accepts_count updated from ${c.accepts_count} to ${newCount}`);\n return {\n ...c,\n accepts_count: newCount\n };\n }\n return c;\n });\n }\n }\n return updatedCampaigns;\n });\n }\n }, [events, settings.showAnimations]);\n useEffect(() => {\n if (devbaseClient) {\n loadCampaigns(true);\n fetchPrices();\n }\n }, [devbaseClient, activeFilter, searchTerm]);\n useEffect(() => {\n if (devbaseClient) {\n fetchPrices();\n const priceInterval = setInterval(fetchPrices, 60000);\n return () => clearInterval(priceInterval);\n }\n }, [devbaseClient]);\n const fetchPrices = async () => {\n if (!devbaseClient) return;\n let currentSolPrice = 100;\n try {\n if (typeof devbaseClient.evalString === 'function') {\n const pricesFromDevbaseFunc = await devbaseClient.evalString('JSON.stringify($FUNC_GET_PRICES())');\n const parsedPrices = JSON.parse(pricesFromDevbaseFunc);\n if (parsedPrices.sol) {\n currentSolPrice = parsedPrices.sol;\n }\n } else {\n console.warn('devbaseClient.evalString is not available yet for $FUNC_GET_PRICES.');\n }\n } catch (error) {\n console.error('Error fetching prices from Devbase function ($FUNC_GET_PRICES):', error);\n }\n let solTokenInfo = null;\n try {\n solTokenInfo = await fetchTokenInfoBySymbol('SOL');\n if (solTokenInfo?.price) {\n currentSolPrice = solTokenInfo.price;\n }\n setLiveTokenData({\n SOL: solTokenInfo,\n USDC: null\n });\n } catch (tokenError) {\n console.log('SOL token data fetch from @devfunlabs/web-sdk failed:', tokenError);\n setLiveTokenData({\n SOL: null,\n USDC: null\n });\n }\n setDevscanPrices({\n sol: currentSolPrice,\n usdc: 1\n });\n };\n useEffect(() => {\n const observer = new IntersectionObserver(entries => {\n if (entries[0].isIntersecting && hasMore && !loading) {\n loadCampaigns(false);\n }\n }, {\n threshold: 1.0\n });\n if (observerRef.current) {\n observer.observe(observerRef.current);\n }\n return () => observer.disconnect();\n }, [hasMore, loading]);\n const deduplicateCampaigns = campaigns => {\n const seen = new Set();\n return campaigns.filter(campaign => {\n if (seen.has(campaign.id)) {\n return false;\n }\n seen.add(campaign.id);\n return true;\n });\n };\n const loadCampaigns = async (reset = false) => {\n if (!devbaseClient || loading) return;\n try {\n setLoading(true);\n let fetchedCampaigns = [];\n let hasMoreData = false;\n if (activeFilter === 'watchlist' && userWallet) {\n const watchlistEntries = await devbaseClient.listEntities('watchlist', {\n wallet: userWallet\n });\n const campaignIds = new Set(watchlistEntries.map(w => w.campaign_id));\n if (campaignIds.size === 0) {\n setCampaigns([]);\n setHasMore(false);\n setInitialLoadComplete(true);\n return;\n }\n const allActiveCampaigns = await devbaseClient.listEntities('campaigns', {\n status: 'active'\n });\n fetchedCampaigns = allActiveCampaigns.filter(campaign => campaignIds.has(campaign.id));\n hasMoreData = false;\n setPage(1);\n } else {\n const currentPage = reset ? 1 : page;\n let filter = {\n status: 'active'\n };\n if (activeFilter === 'ending') {}\n const result = await devbaseClient.paginateEntities('campaigns', filter, {\n pageSize: 20,\n currentPage\n });\n fetchedCampaigns = result.entities;\n hasMoreData = result.currentPage < result.totalPages;\n setPage(reset ? 2 : prev => prev + 1);\n }\n let processedCampaigns = fetchedCampaigns.map(campaign => {\n const displayUsd = campaign.tcc_usd > 1000000000 && campaign.reward_amount ? convertAtomicToUsd(campaign.reward_amount, campaign.reward_token, 100) : campaign.tcc_usd || 0;\n return {\n ...campaign,\n tcc_usd_display: displayUsd\n };\n });\n let filteredCampaigns = processedCampaigns;\n if (searchTerm && searchTerm.trim()) {\n const searchLower = searchTerm.toLowerCase().trim();\n filteredCampaigns = processedCampaigns.filter(campaign => {\n const projectName = (campaign.project_name || '').toLowerCase();\n const tokenCa = (campaign.token_ca || '').toLowerCase();\n const projectHandle = (campaign.project_x_handle || '').toLowerCase();\n return projectName.includes(searchLower) || tokenCa.includes(searchLower) || projectHandle.includes(searchLower);\n });\n }\n const sortedFetchedCampaigns = sortCampaigns(filteredCampaigns, activeFilter);\n setCampaigns(prevCampaigns => {\n let finalCampaigns;\n if (reset) {\n finalCampaigns = sortedFetchedCampaigns;\n } else {\n const currentCampaignsMap = new Map(prevCampaigns.map(c => [c.id, c]));\n const newCampaignsMap = new Map(sortedFetchedCampaigns.map(c => [c.id, c]));\n const mergedCampaigns = Array.from(new Set([...currentCampaignsMap.keys(), ...newCampaignsMap.keys()])).map(id => {\n const current = currentCampaignsMap.get(id);\n const fetched = newCampaignsMap.get(id);\n if (fetched) {\n if (current && fetched.accepts_count !== undefined && current.accepts_count !== undefined) {\n const mergedCount = Math.max(Number(current.accepts_count || 0), Number(fetched.accepts_count || 0));\n return {\n ...fetched,\n accepts_count: mergedCount\n };\n }\n return fetched;\n }\n return current;\n }).filter(Boolean);\n finalCampaigns = mergedCampaigns;\n }\n return sortCampaigns(deduplicateCampaigns(finalCampaigns), activeFilter);\n });\n setHasMore(hasMoreData && activeFilter !== 'watchlist' && !searchTerm);\n setInitialLoadComplete(true);\n } catch (error) {\n console.error('Error loading campaigns:', error);\n } finally {\n setLoading(false);\n }\n };\n const sortCampaigns = (campaigns, filter) => {\n const now = Date.now();\n switch (filter) {\n case 'hot':\n return campaigns.sort((a, b) => (b.total_posts_count || 0) - (a.total_posts_count || 0));\n case 'new':\n return campaigns.sort((a, b) => b.created_at - a.created_at);\n case 'ending':\n return campaigns.sort((a, b) => {\n const aEnded = a.end_time <= now;\n const bEnded = b.end_time <= now;\n if (aEnded && !bEnded) return 1;\n if (!aEnded && bEnded) return -1;\n return a.end_time - b.end_time;\n });\n case 'biggest':\n return campaigns.sort((a, b) => (b.tcc_usd_display || b.tcc_usd || 0) - (a.tcc_usd_display || a.tcc_usd || 0));\n default:\n return campaigns;\n }\n };\n if (currentPage === 'launch') {\n return

\n \n setCurrentPage('board')} devbaseClient={devbaseClient} userWallet={userWallet} showToast={showToast} devscanPrices={devscanPrices} />\n setShowSettings(false)} settings={settings} onUpdateSettings={updateSettings} />\n \n setShowAdminSignIn(false)} onSuccess={handleAdminSignInSuccess} userWallet={userWallet} devbaseClient={devbaseClient} signMessage={signMessage} />\n setShowConnectModal(false)} userWallet={userWallet} devbaseClient={devbaseClient} />\n {toast && setToast(null)} />}\n

;\n }\n if (currentPage === 'campaign' && selectedCampaign) {\n return

\n \n setCurrentPage('board')} devbaseClient={devbaseClient} userWallet={userWallet} setSelectedCampaign={setSelectedCampaign} socket={socket} />\n setShowSettings(false)} settings={settings} onUpdateSettings={updateSettings} />\n \n setShowAdminSignIn(false)} onSuccess={handleAdminSignInSuccess} userWallet={userWallet} devbaseClient={devbaseClient} signMessage={signMessage} />\n setShowConnectModal(false)} userWallet={userWallet} devbaseClient={devbaseClient} />\n {toast && setToast(null)} />}\n

;\n }\n if (currentPage === 'kol-dashboard') {\n return

\n \n setCurrentPage('board')} devbaseClient={devbaseClient} userWallet={userWallet} />\n setShowSettings(false)} settings={settings} onUpdateSettings={updateSettings} />\n \n setShowAdminSignIn(false)} onSuccess={handleAdminSignInSuccess} userWallet={userWallet} devbaseClient={devbaseClient} signMessage={signMessage} />\n setShowConnectModal(false)} userWallet={userWallet} devbaseClient={devbaseClient} />\n {toast && setToast(null)} />}\n

;\n }\n if (currentPage === 'project-dashboard') {\n return

\n \n setCurrentPage('board')} devbaseClient={devbaseClient} userWallet={userWallet} setSelectedCampaign={setSelectedCampaign} setCurrentPage={setCurrentPage} />\n setShowSettings(false)} settings={settings} onUpdateSettings={updateSettings} />\n \n setShowAdminSignIn(false)} onSuccess={handleAdminSignInSuccess} userWallet={userWallet} devbaseClient={devbaseClient} signMessage={signMessage} />\n setShowConnectModal(false)} userWallet={userWallet} devbaseClient={devbaseClient} />\n {toast && setToast(null)} />}\n

;\n }\n if (currentPage === 'admin' && userWallet === ADMIN_WALLET) {\n return

\n \n setCurrentPage('board')} devbaseClient={devbaseClient} userWallet={userWallet} signMessage={signMessage} showToast={showToast} />\n setShowSettings(false)} settings={settings} onUpdateSettings={updateSettings} />\n \n setShowAdminSignIn(false)} onSuccess={handleAdminSignInSuccess} userWallet={userWallet} devbaseClient={devbaseClient} signMessage={signMessage} />\n setShowConnectModal(false)} userWallet={userWallet} devbaseClient={devbaseClient} />\n {toast && setToast(null)} />}\n

;\n }\n return

\n \n

\n Now pumping\n

\n \n \n SOL: ${devscanPrices.sol?.toFixed(2) || '100.00'}\n \n

\n {liveTokenData.SOL?.priceChangeIn24h !== undefined && = 0 ? colors.success : colors.danger\n }}>\n {liveTokenData.SOL.priceChangeIn24h > 0 ? '+' : ''}{liveTokenData.SOL.priceChangeIn24h.toFixed(2)}%\n }\n

\n {campaigns.slice(0, 6).map(campaign =>

{\n setSelectedCampaign(campaign);\n setCurrentPage('campaign');\n }} className=\"flex items-center gap-2 px-3 py-2 rounded-full whitespace-nowrap cursor-pointer transition-colors hover:opacity-80\" style={{\n backgroundColor: colors.surfaceHover\n }}>\n

\n {campaign.project_name?.[0] || 'P'}\n

\n \n {campaign.project_name}\n \n \n ${((campaign.tcc_usd_display || campaign.tcc_usd) / 1000).toFixed(1)}K\n \n

)}\n

\n {filters.map(filter => {\n const Icon = filter.icon;\n return ;\n })}\n

\n \n setSearchTerm(e.target.value)} className=\"pl-10 pr-4 py-2 rounded-lg border focus:outline-none transition-colors\" style={{\n backgroundColor: colors.surfaceHover,\n borderColor: 'transparent',\n color: colors.textPrimary\n }} />\n

\n {campaigns.map(campaign => {\n setSelectedCampaign(campaign);\n setCurrentPage('campaign');\n }} userWallet={userWallet} devbaseClient={devbaseClient} flashColor={flashingCards.get(campaign.id)} settings={settings} devscanPrices={devscanPrices} />)}\n

\n {loading &&

}\n

\n setShowSettings(false)} settings={settings} onUpdateSettings={updateSettings} />\n \n setShowAdminSignIn(false)} onSuccess={handleAdminSignInSuccess} userWallet={userWallet} devbaseClient={devbaseClient} signMessage={signMessage} />\n setShowConnectModal(false)} userWallet={userWallet} devbaseClient={devbaseClient} />\n {toast && setToast(null)} />}\n

;\n}\nconst convertAtomicToUsdCard = (amount, token, solPrice = 100) => {\n const numAmount = Number(amount);\n if (token === 'USDC') {\n return numAmount / 1000000;\n }\n if (token === 'SOL') {\n return numAmount / 1000000000 * solPrice;\n }\n return numAmount;\n};\nfunction CampaignCard({\n campaign,\n onClick,\n userWallet,\n devbaseClient,\n flashColor,\n settings,\n devscanPrices\n}) {\n const [isWatched, setIsWatched] = useState(false);\n const [topScore, setTopScore] = useState(0);\n const [hasUnreadChat] = useState(false);\n const [, setTotalTCP] = useState(campaign.tcc_usd);\n useEffect(() => {\n console.log(`CAMPAIGN CARD LOG: Campaign ${campaign.id} (${campaign.project_name}) rendered with accepts_count: ${campaign.accepts_count}`);\n checkWatchlist();\n getTopScore();\n calculateTotalTCP();\n }, [campaign.id, campaign.accepts_count, userWallet]);\n const calculateTotalTCP = async () => {\n if (!devbaseClient) return;\n try {\n const allCampaigns = await devbaseClient.listEntities('campaigns', {\n project_name: campaign.project_name,\n owner_wallet: campaign.owner_wallet\n });\n const total = allCampaigns.reduce((sum, c) => {\n const campaignUsdValue = convertAtomicToUsdCard(c.reward_amount, c.reward_token, devscanPrices?.sol || 100);\n return sum + (campaignUsdValue || 0);\n }, 0);\n setTotalTCP(total);\n } catch (error) {\n console.error('Error calculating TCP:', error);\n }\n };\n const checkWatchlist = async () => {\n if (!userWallet || !devbaseClient) return;\n try {\n const exists = await devbaseClient.listEntities('watchlist', {\n wallet: userWallet,\n campaign_id: campaign.id\n });\n setIsWatched(exists.length > 0);\n } catch (error) {\n console.error('Error checking watchlist:', error);\n }\n };\n const getTopScore = async () => {\n if (!devbaseClient) return;\n try {\n const posts = await devbaseClient.listEntities('posts', {\n campaign_id: campaign.id,\n active: true,\n valid: true\n });\n const scores = posts.map(p => p.score || 0);\n setTopScore(Math.max(0, ...scores));\n } catch (error) {\n console.error('Error getting top score:', error);\n }\n };\n const toggleWatchlist = async e => {\n e.stopPropagation();\n if (!userWallet || !devbaseClient) return;\n try {\n if (isWatched) {\n const items = await devbaseClient.listEntities('watchlist', {\n wallet: userWallet,\n campaign_id: campaign.id\n });\n if (items.length > 0) {\n await devbaseClient.deleteEntity('watchlist', items[0].id);\n }\n setIsWatched(false);\n } else {\n await devbaseClient.createEntity('watchlist', {\n wallet: userWallet,\n campaign_id: campaign.id\n });\n setIsWatched(true);\n }\n } catch (error) {\n console.error('Error toggling watchlist:', error);\n }\n };\n const timeLeft = formatTimeLeft(campaign.end_time);\n const cardStyle = {\n backgroundColor: colors.surface,\n borderColor: flashColor || 'transparent',\n boxShadow: flashColor && settings.showAnimations ? `0 0 20px ${flashColor}40, 0 0 40px ${flashColor}20` : '0 4px 6px -1px rgba(0, 0, 0, 0.1)',\n borderWidth: flashColor ? '2px' : '1px',\n borderRadius: '14px',\n transition: settings.reduceMotion ? 'none' : 'all 0.3s ease'\n };\n return

\n {campaign.campaign_image ? ${campaign.project_name}$ : campaign.project_name?.[0] || 'P'}\n

\n {campaign.project_name || 'Unknown Project'}\n

\n ${campaign.token_ca?.slice(0, 8) || 'No CA'}\n

\n {hasUnreadChat &&

}\n \n

\n {formatAmount(campaign.reward_amount, campaign.reward_token)} {campaign.reward_token}\n

\n Ends in\n

\n {timeLeft}\n

\n {campaign.accepts_count || 0}\n

KOLs

\n {campaign.topups_count || 0}\n

Top-ups

\n {topScore}\n

Top Score

\n Winners\n \n {campaign.winner_count}\n \n

\n \n \n

;\n function getTimeLeftBadgeColor(endTime) {\n const now = Date.now();\n const timeLeft = (endTime - now) / (1000 * 60 * 60);\n if (timeLeft <= 0) return colors.danger;\n if (timeLeft < 0.5) return colors.danger;\n if (timeLeft < 6) return colors.warning;\n return colors.textMuted;\n }\n}\nfunction formatAmount(amount, token) {\n let num = Number(amount);\n if (token === 'USDC') {\n num = num / 1000000;\n } else if (token === 'SOL') {\n num = num / 1000000000;\n }\n if (num >= 1000000) return `${(num / 1000000).toFixed(1)}M`;\n if (num >= 1000) return `${(num / 1000).toFixed(1)}K`;\n return num.toFixed(2);\n}\nfunction formatTimeLeft(endTime) {\n const now = Date.now();\n const diff = endTime - now;\n if (diff <= 0) return 'ENDED';\n const days = Math.floor(diff / (1000 * 60 * 60 * 24));\n const hours = Math.floor(diff % (1000 * 60 * 60 * 24) / (1000 * 60 * 60));\n const minutes = Math.floor(diff % (1000 * 60 * 60) / (1000 * 60));\n if (days > 0) return `${days}d ${hours}h`;\n if (hours > 0) return `${hours}h ${minutes}m`;\n return `${minutes}m`;\n}\nfunction getTimeColor(endTime) {\n const now = Date.now();\n const timeLeft = (endTime - now) / (1000 * 60 * 60);\n if (timeLeft <= 0) return colors.danger;\n if (timeLeft < 0.5) return colors.danger;\n if (timeLeft < 6) return colors.warning;\n return colors.textMuted;\n}\nfunction FeesDisplay({\n campaignDraft,\n userWallet,\n devbaseClient,\n devscanPrices\n}) {\n const [demoMode, setDemoMode] = useState(false);\n const [creationFee, setCreationFee] = useState('0.1');\n useEffect(() => {\n if (devbaseClient) {\n loadFeeSettings();\n }\n }, [devbaseClient]);\n const loadFeeSettings = async () => {\n try {\n const settings = await devbaseClient.listEntities('admin_settings');\n const settingsMap = {};\n settings.forEach(setting => {\n settingsMap[setting.setting_key] = setting.setting_value;\n });\n setDemoMode(settingsMap.demo_mode === 'true');\n setCreationFee(settingsMap.creation_fee || '0.1');\n } catch (error) {\n console.error('Error loading fee settings:', error);\n }\n };\n const displayFee = () => {\n if (userWallet === ADMIN_WALLET || demoMode) return '0';\n return creationFee;\n };\n return

\n {demoMode ? 'Demo Mode - Free Campaign' : 'Fees'}\n

\n Creation fee: {displayFee()} SOL{demoMode && ' (Demo Mode)'}
\n Reward escrow: {campaignDraft.reward_amount} {campaignDraft.reward_token}\n

;\n}\nfunction LaunchCampaign({\n onBack,\n devbaseClient,\n userWallet,\n showToast,\n devscanPrices\n}) {\n const [step, setStep] = useState(1);\n const [loading, setLoading] = useState(false);\n const [errors, setErrors] = useState({});\n const [demoMode, setDemoMode] = useState(false);\n const [showTokenSearch, setShowTokenSearch] = useState(false);\n const [campaignDraft, setCampaignDraft] = useState({\n project_name: '',\n token_ca: '',\n project_x_handle: '',\n reward_token: 'USDC',\n reward_amount: '',\n winner_count: 1,\n split: [100],\n duration_hours: 168,\n required_tags: '',\n require_project_link: false,\n require_image: false,\n min_followers: 100,\n min_account_age_days: 30,\n campaign_image: ''\n });\n useEffect(() => {\n if (devbaseClient) {\n loadDemoMode();\n }\n }, [devbaseClient]);\n const loadDemoMode = async () => {\n try {\n const settings = await devbaseClient.listEntities('admin_settings');\n const settingsMap = {};\n settings.forEach(setting => {\n settingsMap[setting.setting_key] = setting.setting_value;\n });\n const isDemo = settingsMap.demo_mode === 'true';\n setDemoMode(isDemo);\n if (isDemo) {\n setCampaignDraft(prev => ({\n ...prev,\n project_name: prev.project_name || 'Demo Project',\n token_ca: prev.token_ca || 'DemoTokenCA123456789',\n reward_amount: prev.reward_amount || '100',\n winner_count: prev.winner_count || 1,\n split: prev.split.length > 0 ? prev.split : [100],\n duration_hours: prev.duration_hours || 168,\n required_tags: prev.required_tags || '',\n require_project_link: prev.require_project_link || false,\n require_image: prev.require_image || false,\n min_followers: prev.min_followers || 0,\n min_account_age_days: prev.min_account_age_days || 0,\n campaign_image: prev.campaign_image || ''\n }));\n setErrors({});\n }\n } catch (error) {\n console.error('Error loading demo mode:', error);\n }\n };\n const handleInputChange = (field, value) => {\n setCampaignDraft(prev => ({\n ...prev,\n [field]: value\n }));\n if (errors[field]) {\n setErrors(prev => ({\n ...prev,\n [field]: null\n }));\n }\n };\n const handleWinnerCountChange = count => {\n const defaultSplits = {\n 1: [100],\n 3: [60, 25, 15],\n 5: [40, 25, 15, 10, 10]\n };\n setCampaignDraft(prev => ({\n ...prev,\n winner_count: count,\n split: defaultSplits[count]\n }));\n };\n const handleSplitChange = (index, value) => {\n const newSplit = [...campaignDraft.split];\n newSplit[index] = Number(value);\n setCampaignDraft(prev => ({\n ...prev,\n split: newSplit\n }));\n };\n const handleImageUpload = event => {\n const file = event.target.files[0];\n if (file) {\n if (file.size > 5 * 1024 * 1024) {\n showToast('Image size must be less than 5MB', 'error');\n return;\n }\n const reader = new FileReader();\n reader.onload = e => {\n setCampaignDraft(prev => ({\n ...prev,\n campaign_image: e.target.result\n }));\n };\n reader.readAsDataURL(file);\n }\n };\n const validateAmount = (amount, token) => {\n if (demoMode) {\n return null;\n }\n if (!amount || amount === '') {\n return 'Reward amount is required';\n }\n const num = Number(amount);\n if (isNaN(num)) {\n return 'Invalid number';\n }\n if (num <= 0) {\n return 'Amount must be greater than zero';\n }\n return null;\n };\n const convertToAtomicUnits = (amount, token) => {\n const num = Number(amount);\n if (isNaN(num) || num <= 0) {\n throw new Error(`Invalid amount: ${amount}`);\n }\n if (token === 'USDC') {\n return BigInt(Math.floor(num * 1000000)).toString();\n } else {\n return BigInt(Math.floor(num * 1000000000)).toString();\n }\n };\n const calculateUsdValue = (amount, token) => {\n if (!amount || !devscanPrices) return 0;\n const num = Number(amount);\n if (token === 'USDC') {\n return num;\n } else if (token === 'SOL') {\n return num * devscanPrices.sol;\n }\n return 0;\n };\n const validateForm = () => {\n if (demoMode) {\n setErrors({});\n return true;\n }\n const newErrors = {};\n if (!campaignDraft.project_name.trim()) {\n newErrors.project_name = 'Project name is required';\n }\n const amountError = validateAmount(campaignDraft.reward_amount, campaignDraft.reward_token);\n if (amountError) {\n newErrors.reward_amount = amountError;\n }\n const splitSum = campaignDraft.split.reduce((sum, val) => sum + (Number(val) || 0), 0);\n if (Math.abs(splitSum - 100) > 0.01) {\n newErrors.split = 'Split must sum to 100%';\n }\n const endTime = Date.now() + campaignDraft.duration_hours * 60 * 60 * 1000;\n if (endTime <= Date.now()) {\n newErrors.duration_hours = 'End time must be in the future';\n }\n setErrors(newErrors);\n return Object.keys(newErrors).length === 0;\n };\n const diagnoseCampaign = async () => {\n if (!devbaseClient) return;\n try {\n const payload = {\n owner_wallet: userWallet,\n project_name: campaignDraft.project_name,\n token_ca: campaignDraft.token_ca || null,\n project_x_handle: campaignDraft.project_x_handle || null,\n reward_token: campaignDraft.reward_token,\n reward_mint: campaignDraft.reward_token === 'USDC' ? 'EPjFWdd5AufqSSqeM2qN1xzybapC8G4wEGGkZwyTDt1v' : null,\n reward_amount_atomic: convertToAtomicUnits(campaignDraft.reward_amount, campaignDraft.reward_token),\n winner_count: campaignDraft.winner_count,\n split: campaignDraft.split,\n end_time: Math.floor((Date.now() + campaignDraft.duration_hours * 60 * 60 * 1000) / 1000),\n rules: {\n required_tags: campaignDraft.required_tags.split(',').map(tag => tag.trim()).filter(Boolean),\n require_project_link: campaignDraft.require_project_link,\n require_image: campaignDraft.require_image,\n min_followers: campaignDraft.min_followers,\n min_account_age_days: campaignDraft.min_account_age_days\n }\n };\n const result = await devbaseClient.evalString(`JSON.stringify(${JSON.stringify(payload)})`);\n console.log('Diagnostic payload:', JSON.parse(result));\n showToast('Diagnostic logged to console', 'info');\n } catch (error) {\n console.error('Diagnostic error:', error);\n showToast('Diagnostic failed', 'error');\n }\n };\n const handleTokenSelect = token => {\n setCampaignDraft(prev => ({\n ...prev,\n token_ca: token.contractAddress || token.mint || ''\n }));\n setShowTokenSearch(false);\n };\n const createCampaign = async () => {\n if (!devbaseClient || !userWallet) {\n showToast('Please connect your wallet first', 'error');\n return;\n }\n if (!demoMode && !validateForm()) {\n showToast('Please fill in all required fields correctly', 'error');\n return;\n }\n try {\n setLoading(true);\n const projectName = campaignDraft.project_name.trim() || (demoMode ? 'Demo Project' : '');\n const tokenCa = campaignDraft.token_ca.trim() || (demoMode ? 'DemoTokenCA123456789' : '');\n const rewardAmount = campaignDraft.reward_amount || (demoMode ? '100' : '1');\n let atomicAmount;\n try {\n atomicAmount = convertToAtomicUnits(rewardAmount, campaignDraft.reward_token);\n } catch (error) {\n console.error('Error converting amount:', error);\n atomicAmount = convertToAtomicUnits(demoMode ? '100' : '1', campaignDraft.reward_token);\n }\n const campaignData = {\n owner_wallet: userWallet,\n project_name: projectName,\n token_ca: tokenCa,\n project_x_handle: campaignDraft.project_x_handle || '',\n reward_token: campaignDraft.reward_token,\n reward_mint: campaignDraft.reward_token === 'USDC' ? 'EPjFWdd5AufqSSqeM2qN1xzybapC8G4wEGGkZwyTDt1v' : 'So11111111111111111111111111111111111111112',\n reward_amount: atomicAmount,\n winner_count: campaignDraft.winner_count,\n split: JSON.stringify(campaignDraft.split),\n end_time: Date.now() + campaignDraft.duration_hours * 60 * 60 * 1000,\n required_tags: campaignDraft.required_tags || '',\n require_project_link: campaignDraft.require_project_link || false,\n require_image: campaignDraft.require_image || false,\n min_followers: campaignDraft.min_followers || 0,\n min_account_age_days: campaignDraft.min_account_age_days || 0,\n campaign_image: campaignDraft.campaign_image || '',\n status: 'active'\n };\n console.log('Creating campaign with data:', campaignData);\n const createdCampaign = await devbaseClient.createEntity('campaigns', campaignData);\n console.log('Campaign created successfully:', createdCampaign);\n await devbaseClient.createEntity('events', {\n type: 'CAMPAIGN_CREATED',\n campaign_id: createdCampaign.id,\n actor_wallet: userWallet,\n actor_handle: campaignDraft.project_x_handle || '@project',\n message: `🧪 New campaign launched ${projectName} by ${campaignDraft.project_x_handle || '@project'}${demoMode ? ' (Demo)' : ''}`,\n created_at: Date.now()\n });\n setStep(4);\n showToast('Campaign created successfully!', 'success');\n } catch (error) {\n console.error('Error creating campaign:', error);\n if (error.name === 'WalletConnectionError' || error.message?.includes('User rejected') || error.message?.includes('rejected')) {\n showToast('Transaction cancelled. Please try again and approve the transaction.', 'error');\n } else {\n showToast(error.message || 'Error creating campaign. Please try again.', 'error');\n }\n } finally {\n setLoading(false);\n }\n };\n if (step === 4) {\n return

\n \n

\n Campaign Created!\n

\n Your campaign is now live and KOLs can start participating.\n

\n \n

;\n }\n return

\n \n

\n Launch Campaign\n

\n {[1, 2, 3].map(i =>

= i ? colors.accent : colors.surfaceHover,\n color: step >= i ? colors.background : colors.textMuted\n }}>\n {i}\n

\n {i < 3 &&

i ? colors.accent : colors.surfaceHover\n }} />}\n

)}\n

\n {step === 1 &&

\n Campaign Details\n

\n \n Project Name\n \n handleInputChange('project_name', e.target.value)} className=\"w-full px-4 py-3 rounded-lg border-0 focus:outline-none focus:ring-2\" style={{\n backgroundColor: colors.surface,\n color: colors.textPrimary,\n focusRingColor: colors.accent\n }} placeholder=\"My Awesome Project\" />\n {errors.project_name &&

\n {errors.project_name}\n

}\n

\n \n Token Contract Address\n \n

\n handleInputChange('token_ca', e.target.value)} className=\"flex-1 px-4 py-3 rounded-lg border-0 focus:outline-none\" style={{\n backgroundColor: colors.surface,\n color: colors.textPrimary\n }} placeholder=\"Enter token contract address\" />\n \n

\n \n Project X Handle (optional)\n \n handleInputChange('project_x_handle', e.target.value)} className=\"w-full px-4 py-3 rounded-lg border-0 focus:outline-none\" style={{\n backgroundColor: colors.surface,\n color: colors.textPrimary\n }} placeholder=\"@myproject\" />\n

\n \n Campaign Image (optional)\n \n

\n \n {campaignDraft.campaign_image &&

\n $\"Campaign$ \n \n

}\n

\n Maximum file size: 5MB. Supported formats: JPG, PNG, GIF\n

\n \n Campaign Duration\n \n \n

\n \n

}\n {step === 2 &&

\n Rewards & Rules\n

\n \n Reward Token\n \n \n

\n \n Reward Amount\n \n handleInputChange('reward_amount', e.target.value)} className=\"w-full px-4 py-3 rounded-lg border-0 focus:outline-none\" style={{\n backgroundColor: colors.surface,\n color: colors.textPrimary\n }} placeholder=\"1000\" min=\"0\" step=\"0.000001\" />\n {errors.reward_amount &&

\n {errors.reward_amount}\n

}\n

\n \n Number of Winners\n \n

\n {[1, 3, 5].map(count => )}\n

\n \n Prize Split (%)\n \n

\n {campaignDraft.split.map((percentage, index) => handleSplitChange(index, e.target.value)} className=\"px-3 py-2 text-center rounded-lg border-0 focus:outline-none\" style={{\n backgroundColor: colors.surface,\n color: colors.textPrimary\n }} max=\"100\" min=\"0\" />)}\n

\n Total: {campaignDraft.split.reduce((sum, val) => sum + val, 0)}%\n

\n {errors.split &&

\n {errors.split}\n

}\n

\n \n Required Tags (comma separated)\n \n handleInputChange('required_tags', e.target.value)} className=\"w-full px-4 py-3 rounded-lg border-0 focus:outline-none\" style={{\n backgroundColor: colors.surface,\n color: colors.textPrimary\n }} placeholder=\"#myproject, #crypto, #solana\" />\n

\n \n handleInputChange('require_project_link', e.target.checked)} className=\"mr-3\" />\n \n Require project link in posts\n \n \n \n handleInputChange('require_image', e.target.checked)} className=\"mr-3\" />\n \n Require image in posts\n \n \n

\n \n Min Followers\n \n handleInputChange('min_followers', Number(e.target.value))} className=\"w-full px-4 py-3 rounded-lg border-0 focus:outline-none\" style={{\n backgroundColor: colors.surface,\n color: colors.textPrimary\n }} />\n

\n \n Min Account Age (days)\n \n handleInputChange('min_account_age_days', Number(e.target.value))} className=\"w-full px-4 py-3 rounded-lg border-0 focus:outline-none\" style={{\n backgroundColor: colors.surface,\n color: colors.textPrimary\n }} />\n

\n \n \n

}\n {step === 3 &&

\n Review & Launch\n

\n {campaignDraft.project_name || (demoMode ? 'Demo Project' : 'Unnamed Project')}\n

\n Token:\n {campaignDraft.token_ca || (demoMode ? 'DemoTokenCA123456789' : 'No CA')}\n

\n Reward Pool:\n \n {campaignDraft.reward_amount || (demoMode ? '100' : '0')} {campaignDraft.reward_token}\n {devscanPrices && campaignDraft.reward_token === 'SOL' && campaignDraft.reward_amount && \n (~${calculateUsdValue(campaignDraft.reward_amount, campaignDraft.reward_token).toFixed(2)})\n }\n \n

\n Winners:\n {campaignDraft.winner_count}\n

\n Duration:\n \n {campaignDraft.duration_hours / 24} days\n \n

\n \n

\n \n \n

\n {userWallet === ADMIN_WALLET && }\n

}\n setShowTokenSearch(false)} onTokenSelect={handleTokenSelect} />\n

;\n}\nconst convertAtomicToUsdDetail = (amount, token, solPrice = 100) => {\n const numAmount = Number(amount);\n if (token === 'USDC') {\n return numAmount / 1000000;\n }\n if (token === 'SOL') {\n return numAmount / 1000000000 * solPrice;\n }\n return numAmount;\n};\nfunction CampaignDetail({\n campaign,\n onBack,\n devbaseClient,\n userWallet,\n setSelectedCampaign,\n socket\n}) {\n const [activeTab, setActiveTab] = useState('overview');\n const [leaderboard, setLeaderboard] = useState([]);\n const [chatMessages, setChatMessages] = useState([]);\n const [chatInput, setChatInput] = useState('');\n const [userAccepted, setUserAccepted] = useState(false);\n const [userPosts, setUserPosts] = useState([]);\n const [tweetUrl, setTweetUrl] = useState('');\n const [totalTCP, setTotalTCP] = useState(campaign.tcc_usd);\n const parsedSplit = campaign.split ? JSON.parse(campaign.split) : [];\n useEffect(() => {\n if (devbaseClient && campaign.id) {\n checkAcceptance();\n loadLeaderboard();\n loadChat();\n loadUserPosts();\n calculateTotalTCP();\n }\n }, [devbaseClient, campaign.id, userWallet]);\n const calculateTotalTCP = async () => {\n try {\n const allCampaigns = await devbaseClient.listEntities('campaigns', {\n project_name: campaign.project_name,\n owner_wallet: campaign.owner_wallet\n });\n const total = allCampaigns.reduce((sum, c) => {\n const campaignUsdValue = convertAtomicToUsdDetail(c.reward_amount, c.reward_token, 100);\n return sum + (campaignUsdValue || 0);\n }, 0);\n setTotalTCP(total);\n } catch (error) {\n console.error('Error calculating TCP:', error);\n }\n };\n const checkAcceptance = async () => {\n if (!userWallet) return;\n try {\n const accepts = await devbaseClient.listEntities('accepts', {\n campaign_id: campaign.id,\n kol_wallet: userWallet\n });\n setUserAccepted(accepts.length > 0);\n } catch (error) {\n console.error('Error checking acceptance:', error);\n }\n };\n const loadLeaderboard = async () => {\n try {\n const posts = await devbaseClient.listEntities('posts', {\n campaign_id: campaign.id,\n active: true,\n valid: true\n });\n const sorted = posts.sort((a, b) => {\n if (b.score !== a.score) return b.score - a.score;\n return a.created_at - b.created_at;\n });\n setLeaderboard(sorted);\n } catch (error) {\n console.error('Error loading leaderboard:', error);\n }\n };\n const loadChat = async () => {\n try {\n const messages = await devbaseClient.listEntities('chat', {\n campaign_id: campaign.id,\n deleted: false\n });\n setChatMessages(messages.sort((a, b) => a.created_at - b.created_at));\n } catch (error) {\n console.error('Error loading chat:', error);\n }\n };\n useEffect(() => {\n if (!socket || !campaign.id) return;\n const handleChatUpdate = data => {\n if (data.campaign_id === campaign.id) {\n loadChat();\n }\n };\n socket.on('chat_message', handleChatUpdate);\n socket.emit('join_campaign', {\n campaign_id: campaign.id\n });\n return () => {\n socket.off('chat_message', handleChatUpdate);\n socket.emit('leave_campaign', {\n campaign_id: campaign.id\n });\n };\n }, [socket, campaign.id]);\n const loadUserPosts = async () => {\n if (!userWallet) return;\n try {\n const posts = await devbaseClient.listEntities('posts', {\n campaign_id: campaign.id,\n kol_wallet: userWallet\n });\n setUserPosts(posts);\n } catch (error) {\n console.error('Error loading user posts:', error);\n }\n };\n const acceptCampaign = async () => {\n if (!userWallet || !devbaseClient) return;\n try {\n await devbaseClient.createEntity('accepts', {\n campaign_id: campaign.id,\n kol_wallet: userWallet,\n accepted_at: Date.now()\n });\n setUserAccepted(true);\n const updatedCampaign = await devbaseClient.getEntity('campaigns', campaign.id);\n if (updatedCampaign) {\n setSelectedCampaign(updatedCampaign);\n }\n } catch (error) {\n console.error('Error accepting campaign:', error);\n }\n };\n const submitPost = async () => {\n if (!userWallet || !devbaseClient || !tweetUrl) return;\n try {\n const tweetId = extractTweetId(tweetUrl);\n if (!tweetId) {\n alert('Invalid tweet URL');\n return;\n }\n const existing = await devbaseClient.listEntities('posts', {\n campaign_id: campaign.id,\n kol_wallet: userWallet,\n tweet_id: tweetId\n });\n if (existing.length > 0) {\n alert('This tweet has already been submitted');\n return;\n }\n if (userPosts.length >= 5) {\n alert('Maximum 5 posts per campaign');\n return;\n }\n const isFirstPost = userPosts.length === 0;\n await devbaseClient.createEntity('posts', {\n campaign_id: campaign.id,\n kol_wallet: userWallet,\n tweet_id: tweetId,\n tweet_url: tweetUrl,\n created_at: Date.now(),\n likes: 0,\n retweets: 0,\n replies: 0,\n quotes: 0,\n score: 0,\n valid: true,\n reason: '',\n active: isFirstPost\n });\n setTweetUrl('');\n loadUserPosts();\n loadLeaderboard();\n } catch (error) {\n console.error('Error submitting post:', error);\n alert('Error submitting post. Please try again.');\n }\n };\n const setActivePost = async postId => {\n if (!userWallet || !devbaseClient) return;\n try {\n for (const post of userPosts) {\n await devbaseClient.updateEntity('posts', post.id, {\n active: false\n });\n }\n await devbaseClient.updateEntity('posts', postId, {\n active: true\n });\n loadUserPosts();\n loadLeaderboard();\n } catch (error) {\n console.error('Error setting active post:', error);\n }\n };\n const sendChatMessage = async () => {\n if (!userWallet || !devbaseClient || !chatInput.trim()) return;\n try {\n const newMessage = await devbaseClient.createEntity('chat', {\n campaign_id: campaign.id,\n msg_id: 'msg_' + Date.now(),\n sender_wallet: userWallet,\n x_handle: '@user',\n text: chatInput.trim(),\n created_at: Date.now(),\n deleted: false\n });\n setChatInput('');\n if (socket) {\n socket.emit('chat_message', {\n campaign_id: campaign.id,\n message: newMessage\n });\n }\n loadChat();\n } catch (error) {\n console.error('Error sending message:', error);\n }\n };\n const extractTweetId = url => {\n const match = url.match(/status\\/(\\d+)/);\n return match ? match[1] : null;\n };\n const formatScore = post => {\n return (post.likes || 0) + 2 * (post.retweets || 0) + 2 * (post.quotes || 0) + (post.replies || 0);\n };\n const timeLeft = formatTimeLeft(campaign.end_time);\n const timeColor = getTimeColor(campaign.end_time);\n return

\n \n

\n {campaign.project_name}\n

\n {campaign.campaign_image &&

\n ${campaign.project_name}$ \n

}\n {campaign.token_ca &&

Contract Address

\n {campaign.token_ca}\n

}\n

\n {formatAmount(campaign.tcc_amount, campaign.reward_token)} {campaign.reward_token}\n

\n TCP\n \n

${formatAmount(totalTCP, 'USD')}

\n {timeLeft}\n

Time Left

\n {campaign.accepts_count || 0}\n

KOLs Joined

\n {campaign.winner_count}\n

Winners

Prize Split

\n {parsedSplit?.map((percentage, index) =>

\n #{index + 1}: {percentage}%\n

)}\n

\n {userWallet &&

\n {!userAccepted ? : <>\n \n

\n setTweetUrl(e.target.value)} placeholder=\"Paste tweet URL here...\" className=\"px-4 py-3 rounded-lg border-0 focus:outline-none\" style={{\n backgroundColor: colors.surface,\n color: colors.textPrimary\n }} />\n \n

\n }\n

}\n

\n {['overview', 'leaderboard', 'chat', 'posts'].map(tab => )}\n

\n {activeTab === 'overview' &&

\n Campaign Rules\n

Required Tags: {campaign.required_tags || 'None'}

Project Link Required: {campaign.require_project_link ? 'Yes' : 'No'}

Image Required: {campaign.require_image ? 'Yes' : 'No'}

Min Followers: {campaign.min_followers || 0}

Min Account Age: {campaign.min_account_age_days || 0} days

}\n {activeTab === 'leaderboard' &&

\n {leaderboard.map((post, index) =>

\n {index + 1}\n

\n {post.kol_wallet.slice(0, 8)}...\n

\n Score: {formatScore(post)}\n

\n \n

)}\n

}\n {activeTab === 'chat' &&

\n {chatMessages.map(msg =>

\n {msg.x_handle?.[1] || 'U'}\n

\n \n {msg.x_handle || 'User'}\n \n \n {new Date(msg.created_at).toLocaleTimeString()}\n \n

{msg.text}

)}\n

\n {userAccepted &&

\n setChatInput(e.target.value)} onKeyPress={e => e.key === 'Enter' && sendChatMessage()} placeholder=\"Type a message...\" className=\"flex-1 px-4 py-2 rounded-lg border-0 focus:outline-none\" style={{\n backgroundColor: colors.surfaceHover,\n color: colors.textPrimary\n }} />\n \n

}\n

}\n {activeTab === 'posts' && userAccepted &&

\n {userPosts.map(post =>

\n \n Score: {formatScore(post)}\n \n {post.active && \n ACTIVE\n }\n

\n {!post.active && }\n \n

\n Likes: {post.likes} | Retweets: {post.retweets} | Replies: {post.replies} | Quotes: {post.quotes}\n

)}\n

}\n

;\n}\nfunction KOLDashboard({\n onBack,\n devbaseClient,\n userWallet\n}) {\n const [activeView, setActiveView] = useState('my-dashboard');\n const [acceptedCampaigns, setAcceptedCampaigns] = useState([]);\n const [claims, setClaims] = useState([]);\n const [userPosts, setUserPosts] = useState([]);\n const [campaignDetails, setCampaignDetails] = useState({});\n const [totalStats, setTotalStats] = useState({\n totalPosts: 0,\n totalLikes: 0,\n totalRetweets: 0,\n totalReplies: 0,\n totalQuotes: 0,\n totalScore: 0,\n totalImpressions: 0\n });\n const [isTopKOL, setIsTopKOL] = useState(false);\n const [loading, setLoading] = useState(true);\n const [totalPotentialEarnings, setTotalPotentialEarnings] = useState(0);\n const [campaignPotentialEarnings, setCampaignPotentialEarnings] = useState({});\n const [allKOLs, setAllKOLs] = useState([]);\n const [allKOLsLoading, setAllKOLsLoading] = useState(false);\n useEffect(() => {\n if (devbaseClient && userWallet) {\n if (activeView === 'my-dashboard') {\n loadData();\n } else {\n loadAllKOLsData();\n }\n }\n }, [devbaseClient, userWallet, activeView]);\n const loadData = async () => {\n try {\n setLoading(true);\n const accepts = await devbaseClient.listEntities('accepts', {\n kol_wallet: userWallet\n });\n setAcceptedCampaigns(accepts);\n const userClaims = await devbaseClient.listEntities('winners', {\n kol_wallet: userWallet\n });\n setClaims(userClaims);\n const posts = await devbaseClient.listEntities('posts', {\n kol_wallet: userWallet\n });\n setUserPosts(posts.sort((a, b) => b.created_at - a.created_at));\n const campaignIds = [...new Set(posts.map(post => post.campaign_id))];\n const campaigns = {};\n for (const campaignId of campaignIds) {\n try {\n const campaign = await devbaseClient.getEntity('campaigns', campaignId);\n if (campaign) {\n campaigns[campaignId] = campaign;\n }\n } catch (error) {\n console.error(`Error loading campaign ${campaignId}:`, error);\n }\n }\n setCampaignDetails(campaigns);\n const stats = posts.reduce((acc, post) => {\n const impressions = (post.likes || 0) + (post.retweets || 0) + (post.replies || 0) + (post.quotes || 0);\n return {\n totalPosts: acc.totalPosts + 1,\n totalLikes: acc.totalLikes + (post.likes || 0),\n totalRetweets: acc.totalRetweets + (post.retweets || 0),\n totalReplies: acc.totalReplies + (post.replies || 0),\n totalQuotes: acc.totalQuotes + (post.quotes || 0),\n totalScore: acc.totalScore + (post.score || 0),\n totalImpressions: acc.totalImpressions + impressions\n };\n }, {\n totalPosts: 0,\n totalLikes: 0,\n totalRetweets: 0,\n totalReplies: 0,\n totalQuotes: 0,\n totalScore: 0,\n totalImpressions: 0\n });\n setTotalStats(stats);\n calculatePotentialEarnings(accepts, campaigns);\n await checkTopKOLStatus(stats.totalImpressions);\n } catch (error) {\n console.error('Error loading KOL data:', error);\n } finally {\n setLoading(false);\n }\n };\n const calculatePotentialEarnings = (accepts, campaigns) => {\n let totalPotential = 0;\n const campaignEarnings = {};\n accepts.forEach(accept => {\n const campaign = campaigns[accept.campaign_id];\n if (campaign) {\n const rewardAmount = Number(campaign.reward_amount);\n let convertedAmount = 0;\n if (campaign.reward_token === 'USDC') {\n convertedAmount = rewardAmount / 1000000;\n } else if (campaign.reward_token === 'SOL') {\n convertedAmount = rewardAmount / 1000000000 * 100;\n }\n let firstPlacePercentage = 100;\n if (campaign.split) {\n try {\n const splitArray = JSON.parse(campaign.split);\n if (splitArray && splitArray.length > 0) {\n firstPlacePercentage = splitArray[0];\n }\n } catch (e) {\n console.error('Error parsing split:', e);\n }\n }\n const potentialEarning = convertedAmount * firstPlacePercentage / 100;\n campaignEarnings[accept.campaign_id] = potentialEarning;\n totalPotential += potentialEarning;\n }\n });\n setTotalPotentialEarnings(totalPotential);\n setCampaignPotentialEarnings(campaignEarnings);\n };\n const checkTopKOLStatus = async userImpressions => {\n try {\n const allPosts = await devbaseClient.listEntities('posts', {});\n const kolStats = {};\n allPosts.forEach(post => {\n if (!kolStats[post.kol_wallet]) {\n kolStats[post.kol_wallet] = 0;\n }\n const impressions = (post.likes || 0) + (post.retweets || 0) + (post.replies || 0) + (post.quotes || 0);\n kolStats[post.kol_wallet] += impressions;\n });\n const sortedKOLs = Object.entries(kolStats).sort((a, b) => b[1] - a[1]);\n const topKOL = sortedKOLs[0];\n setIsTopKOL(topKOL && topKOL[0] === userWallet);\n } catch (error) {\n console.error('Error checking top KOL status:', error);\n }\n };\n const loadAllKOLsData = async () => {\n try {\n setAllKOLsLoading(true);\n const [allPosts, allClaims] = await Promise.all([devbaseClient.listEntities('posts', {}), devbaseClient.listEntities('winners', {})]);\n const kolStats = {};\n allPosts.forEach(post => {\n if (!kolStats[post.kol_wallet]) {\n kolStats[post.kol_wallet] = {\n wallet: post.kol_wallet,\n totalPosts: 0,\n totalLikes: 0,\n totalRetweets: 0,\n totalReplies: 0,\n totalQuotes: 0,\n totalImpressions: 0,\n totalScore: 0,\n totalPayouts: 0\n };\n }\n const stats = kolStats[post.kol_wallet];\n stats.totalPosts += 1;\n stats.totalLikes += post.likes || 0;\n stats.totalRetweets += post.retweets || 0;\n stats.totalReplies += post.replies || 0;\n stats.totalQuotes += post.quotes || 0;\n stats.totalScore += post.score || 0;\n const impressions = (post.likes || 0) + (post.retweets || 0) + (post.replies || 0) + (post.quotes || 0);\n stats.totalImpressions += impressions;\n });\n allClaims.forEach(claim => {\n if (kolStats[claim.kol_wallet] && claim.claimed) {\n const amount = Number(claim.reward_amount) || 0;\n kolStats[claim.kol_wallet].totalPayouts += amount;\n }\n });\n const kolsArray = Object.values(kolStats).sort((a, b) => b.totalImpressions - a.totalImpressions);\n setAllKOLs(kolsArray);\n } catch (error) {\n console.error('Error loading all KOLs data:', error);\n } finally {\n setAllKOLsLoading(false);\n }\n };\n const formatScore = post => {\n return (post.likes || 0) + 2 * (post.retweets || 0) + 2 * (post.quotes || 0) + (post.replies || 0);\n };\n const formatNumber = num => {\n if (num >= 1000000) return `${(num / 1000000).toFixed(1)}M`;\n if (num >= 1000) return `${(num / 1000).toFixed(1)}K`;\n return num.toString();\n };\n if (loading) {\n return

\n \n

\n KOL Dashboard\n

;\n }\n return

\n \n

\n KOL Dashboard\n

\n {isTopKOL && activeView === 'my-dashboard' &&

\n \n TOP KOL\n

}\n

\n {}\n

\n \n \n

\n {}\n {activeView === 'my-dashboard' && !loading && <>\n {}\n

\n Potential Earnings\n

\n ${formatNumber(totalPotentialEarnings)}\n

Total Potential Earnings

If winning 1st place in all campaigns

\n {acceptedCampaigns.length}\n

Active Opportunities

Campaigns you're participating in

\n {}\n

\n Performance Overview\n

\n {isTopKOL &&

\n 🏆 Most Impressions Platform-wide\n

}\n

\n {totalStats.totalPosts}\n

Posts

\n {formatNumber(totalStats.totalImpressions)}\n

Total Impressions

\n {formatNumber(totalStats.totalLikes)}\n

Likes

\n {formatNumber(totalStats.totalRetweets)}\n

Retweets

\n {formatNumber(totalStats.totalReplies)}\n

Replies

\n {formatNumber(totalStats.totalQuotes)}\n

Quotes

\n {formatNumber(totalStats.totalScore)}\n

Total Score

\n {}\n

\n My Posts ({userPosts.length})\n

\n {userPosts.length === 0 ?

\n No posts submitted yet\n

: userPosts.map(post => {\n const campaign = campaignDetails[post.campaign_id];\n const impressions = (post.likes || 0) + (post.retweets || 0) + (post.replies || 0) + (post.quotes || 0);\n return

\n {campaign?.project_name || 'Unknown Campaign'}\n

\n {post.active && \n ACTIVE\n }\n {!post.valid && \n INVALID\n }\n

\n {campaign?.token_ca?.slice(0, 16)}... • {new Date(post.created_at).toLocaleDateString()}\n

\n \n

\n {formatNumber(impressions)}\n

Impressions

\n {formatScore(post)}\n

Score

\n {post.likes || 0}♥ {post.retweets || 0}🔄\n

Engagement

\n {post.reason &&

\n {post.reason}\n

}\n

;\n })}\n

\n {}\n

\n Active Campaigns ({acceptedCampaigns.length})\n

\n {acceptedCampaigns.length === 0 ?

\n No campaigns accepted\n

: acceptedCampaigns.map(accept => {\n const campaign = campaignDetails[accept.campaign_id];\n const potentialEarning = campaignPotentialEarnings[accept.campaign_id] || 0;\n return

\n {campaign?.project_name || 'Unknown Campaign'}\n

\n ${potentialEarning.toFixed(2)}\n

\n Potential 1st\n

\n Accepted: {new Date(accept.accepted_at).toLocaleDateString()}\n

\n {campaign &&

\n Ends: {formatTimeLeft(campaign.end_time)}\n

}\n

;\n })}\n

\n {}\n

\n Winnings & Claims\n

\n {claims.length === 0 ?

\n No winnings yet\n

: claims.map(claim => {\n const campaign = campaignDetails[claim.campaign_id];\n return

\n Rank #{claim.rank}\n

\n {campaign?.project_name || `Campaign ${claim.campaign_id}`}\n

\n {claim.reward_amount}\n

\n {claim.claimed ? 'Claimed' : 'Available'}\n

;\n })}\n

\n }\n {}\n {activeView === 'all-kols' &&

\n {allKOLsLoading ?

\n All KOLs Leaderboard\n

\n Ranked by total impressions across all campaigns\n

\n {allKOLs.length === 0 ?

\n No KOL data available\n

: allKOLs.map((kol, index) =>

\n {}\n

\n {index + 1}\n

\n {}\n

\n {kol.wallet.slice(0, 8)}...{kol.wallet.slice(-4)}\n {kol.wallet === userWallet && \n YOU\n }\n {index === 0 && }\n

\n {}\n

\n {formatNumber(kol.totalImpressions)}\n

Impressions

\n {kol.totalPosts}\n

Posts

\n {formatNumber(kol.totalLikes)}\n

Likes

\n {formatNumber(kol.totalRetweets)}\n

Retweets

\n {formatNumber(kol.totalScore)}\n

Total Score

\n ${formatNumber(kol.totalPayouts)}\n

Payouts

)}\n

}\n

}\n {}\n {activeView === 'my-dashboard' && loading &&

}\n

;\n}\nfunction ProjectDashboard({\n onBack,\n devbaseClient,\n userWallet,\n setSelectedCampaign,\n setCurrentPage\n}) {\n const [activeTab, setActiveTab] = useState('my-projects');\n const [campaigns, setCampaigns] = useState([]);\n const [topProjects, setTopProjects] = useState([]);\n const [totalPayouts, setTotalPayouts] = useState(0);\n const [loading, setLoading] = useState(false);\n const [topupLoading, setTopupLoading] = useState({});\n const [topupAmounts, setTopupAmounts] = useState({});\n useEffect(() => {\n if (devbaseClient && userWallet) {\n if (activeTab === 'my-projects') {\n loadMyCampaigns();\n } else {\n loadTopProjects();\n }\n }\n }, [devbaseClient, userWallet, activeTab]);\n const loadMyCampaigns = async () => {\n try {\n setLoading(true);\n const userCampaigns = await devbaseClient.listEntities('campaigns', {\n owner_wallet: userWallet\n });\n setCampaigns(userCampaigns.sort((a, b) => b.created_at - a.created_at));\n const completedCampaigns = userCampaigns.filter(c => c.status === 'completed');\n const totalPaid = completedCampaigns.reduce((sum, campaign) => {\n const usdValue = convertAtomicToUsd(campaign.reward_amount, campaign.reward_token, 100);\n return sum + usdValue;\n }, 0);\n setTotalPayouts(totalPaid);\n } catch (error) {\n console.error('Error loading campaigns:', error);\n } finally {\n setLoading(false);\n }\n };\n const loadTopProjects = async () => {\n try {\n setLoading(true);\n const allCampaigns = await devbaseClient.listEntities('campaigns', {\n status: 'active'\n });\n const campaignsWithMetrics = await Promise.all(allCampaigns.map(async campaign => {\n try {\n const posts = await devbaseClient.listEntities('posts', {\n campaign_id: campaign.id,\n active: true,\n valid: true\n });\n const totalEngagement = posts.reduce((sum, post) => {\n return sum + (post.likes || 0) + (post.retweets || 0) + (post.replies || 0) + (post.quotes || 0);\n }, 0);\n const avgScore = posts.length > 0 ? posts.reduce((sum, post) => sum + (post.score || 0), 0) / posts.length : 0;\n let usdValue = campaign.tcc_usd || 0;\n if (campaign.reward_amount && devscanPrices) {\n usdValue = convertAtomicToUsd(campaign.reward_amount, campaign.reward_token, devscanPrices.sol);\n }\n return {\n ...campaign,\n totalEngagement,\n avgScore,\n postCount: posts.length,\n engagementRate: posts.length > 0 ? totalEngagement / posts.length : 0,\n tcc_usd_realtime: usdValue\n };\n } catch (error) {\n console.error(`Error loading metrics for campaign ${campaign.id}:`, error);\n return {\n ...campaign,\n totalEngagement: 0,\n avgScore: 0,\n postCount: 0,\n engagementRate: 0,\n tcc_usd_realtime: campaign.tcc_usd || 0\n };\n }\n }));\n const sortedCampaigns = campaignsWithMetrics.sort((a, b) => {\n const scoreA = a.totalEngagement + (a.accepts_count || 0) * 10 + (a.tcc_usd_realtime || 0) * 0.1;\n const scoreB = b.totalEngagement + (b.accepts_count || 0) * 10 + (b.tcc_usd_realtime || 0) * 0.1;\n return scoreB - scoreA;\n });\n setTopProjects(sortedCampaigns.slice(0, 20));\n } catch (error) {\n console.error('Error loading top projects:', error);\n } finally {\n setLoading(false);\n }\n };\n const handleTopup = async campaignId => {\n const amount = topupAmounts[campaignId];\n if (!amount || Number(amount) <= 0) {\n alert('Please enter a valid top-up amount');\n return;\n }\n try {\n setTopupLoading(prev => ({\n ...prev,\n [campaignId]: true\n }));\n await devbaseClient.createEntity('topups', {\n campaign_id: campaignId,\n amount: amount\n });\n setTopupAmounts(prev => ({\n ...prev,\n [campaignId]: ''\n }));\n loadMyCampaigns();\n alert('Campaign topped up successfully!');\n } catch (error) {\n console.error('Error topping up campaign:', error);\n alert('Error topping up campaign. Please try again.');\n } finally {\n setTopupLoading(prev => ({\n ...prev,\n [campaignId]: false\n }));\n }\n };\n const getSuggestedTopup = campaign => {\n const timeLeft = (campaign.end_time - Date.now()) / (1000 * 60 * 60);\n if (timeLeft < 24 && timeLeft > 0) {\n return {\n suggested: true,\n message: 'Campaign ending soon - consider extending with a top-up!'\n };\n }\n return {\n suggested: false\n };\n };\n const formatAmount = (amount, token) => {\n let num = Number(amount);\n if (token === 'USDC') {\n num = num / 1000000;\n } else if (token === 'SOL') {\n num = num / 1000000000;\n }\n if (num >= 1000000) return `${(num / 1000000).toFixed(1)}M`;\n if (num >= 1000) return `${(num / 1000).toFixed(1)}K`;\n return num.toFixed(2);\n };\n return

\n \n

\n Project Dashboard\n

\n {}\n

\n \n \n

\n {loading &&

}\n {}\n {activeTab === 'my-projects' && !loading &&

\n {}\n

\n {campaigns.length}\n

\n Total Campaigns\n

\n {campaigns.filter(c => c.status === 'active').length}\n

\n Active Campaigns\n

\n ${formatAmount(totalPayouts * 1000000, 'USDC')}\n

\n Total Payouts\n

\n {}\n

\n {campaigns.length === 0 ?

\n No campaigns created yet\n

: campaigns.map(campaign => {\n const topupSuggestion = getSuggestedTopup(campaign);\n return

\n {}\n

\n {campaign.campaign_image && ${campaign.project_name}$ }\n

\n {campaign.project_name}\n

\n {campaign.token_ca?.slice(0, 20)}...\n

\n {campaign.status?.toUpperCase() || 'ACTIVE'}\n

\n {formatAmount(campaign.tcc_amount, campaign.reward_token)} {campaign.reward_token}\n

\n ${formatAmount(campaign.tcc_usd, 'USD')} USD\n

\n {}\n {topupSuggestion.suggested &&

\n \n \n {topupSuggestion.message}\n \n

}\n {}\n

\n {campaign.accepts_count || 0}\n

KOLs Joined

\n {campaign.topups_count || 0}\n

Top-ups

\n {campaign.winner_count || 0}\n

Winners

\n {formatTimeLeft(campaign.end_time)}\n

Time Left

\n {new Date(campaign.created_at).toLocaleDateString()}\n

Created

\n {}\n {campaign.status === 'active' &&

\n \n Top-up:\n \n setTopupAmounts(prev => ({\n ...prev,\n [campaign.id]: e.target.value\n }))} className=\"flex-1 max-w-xs px-3 py-2 rounded-lg border-0 focus:outline-none\" style={{\n backgroundColor: colors.surfaceHover,\n color: colors.textPrimary\n }} min=\"0\" step=\"0.000001\" />\n \n

}\n

;\n })}\n

}\n {}\n {activeTab === 'top-projects' && !loading &&

\n Top Performing Campaigns\n

\n Ranked by engagement, KOL participation, and campaign value\n

\n {topProjects.length === 0 ?

\n No active campaigns found\n

: topProjects.map((campaign, index) =>

\n {}\n

\n {index + 1}\n

\n {}\n

\n {campaign.campaign_image && ${campaign.project_name}$ }\n

\n {campaign.project_name}\n

\n {campaign.token_ca?.slice(0, 16)}...\n

\n {}\n

\n {formatAmount(campaign.tcc_usd_realtime || campaign.tcc_usd, 'USD')}\n

Pool Value

\n {campaign.accepts_count || 0}\n

KOLs

\n {campaign.postCount || 0}\n

Posts

\n {campaign.totalEngagement || 0}\n

Total Engagement

\n {formatTimeLeft(campaign.end_time)}\n

Time Left

\n {}\n

\n \n

)}\n

}\n

;\n}\nfunction AdminPanel({\n onBack,\n devbaseClient,\n userWallet,\n signMessage,\n showToast\n}) {\n const [loading, setLoading] = useState(false);\n const [adminToken] = useAdminSession();\n const [settings, setSettings] = useState({\n creation_fee: '0.1',\n topup_fee: '0.075',\n demo_mode: 'false'\n });\n const [settingsLoading, setSettingsLoading] = useState(false);\n const [campaigns, setCampaigns] = useState([]);\n const [campaignsLoading, setCampaignsLoading] = useState(false);\n useEffect(() => {\n if (devbaseClient && userWallet === ADMIN_WALLET) {\n loadAdminSettings();\n loadActiveCampaigns();\n }\n }, [devbaseClient, userWallet]);\n const loadAdminSettings = async () => {\n try {\n const allSettings = await devbaseClient.listEntities('admin_settings');\n const settingsMap = {};\n allSettings.forEach(setting => {\n settingsMap[setting.setting_key] = setting.setting_value;\n });\n setSettings({\n creation_fee: settingsMap.creation_fee || '0.1',\n topup_fee: settingsMap.topup_fee || '0.075',\n demo_mode: settingsMap.demo_mode || 'false'\n });\n } catch (error) {\n console.error('Error loading admin settings:', error);\n }\n };\n const loadActiveCampaigns = async () => {\n try {\n setCampaignsLoading(true);\n const activeCampaigns = await devbaseClient.listEntities('campaigns', {\n status: 'active'\n });\n setCampaigns(activeCampaigns.sort((a, b) => b.created_at - a.created_at));\n } catch (error) {\n console.error('Error loading campaigns:', error);\n } finally {\n setCampaignsLoading(false);\n }\n };\n const cancelCampaign = async campaignId => {\n try {\n setCampaignsLoading(true);\n await devbaseClient.updateEntity('campaigns', campaignId, {\n status: 'cancelled'\n });\n await devbaseClient.createEntity('admin_events', {\n event_type: 'CAMPAIGN_CANCELLED',\n admin_wallet: userWallet,\n details: `Campaign ${campaignId} cancelled by admin`\n });\n showToast('Campaign cancelled successfully', 'success');\n loadActiveCampaigns();\n } catch (error) {\n console.error('Error cancelling campaign:', error);\n showToast('Failed to cancel campaign', 'error');\n } finally {\n setCampaignsLoading(false);\n }\n };\n const updateSetting = async (key, value) => {\n try {\n setSettingsLoading(true);\n const existingSettings = await devbaseClient.listEntities('admin_settings', {\n setting_key: key\n });\n if (existingSettings.length > 0) {\n await devbaseClient.updateEntity('admin_settings', existingSettings[0].id, {\n setting_value: value,\n updated_by: userWallet\n });\n } else {\n await devbaseClient.createEntity('admin_settings', {\n setting_key: key,\n setting_value: value,\n updated_by: userWallet\n });\n }\n setSettings(prev => ({\n ...prev,\n [key]: value\n }));\n showToast(`${key.replace('_', ' ')} updated successfully`, 'success');\n } catch (error) {\n console.error('Error updating setting:', error);\n showToast('Failed to update setting', 'error');\n } finally {\n setSettingsLoading(false);\n }\n };\n const handleSignIn = async () => {\n if (!userWallet || !devbaseClient || !signMessage) return;\n if (userWallet !== ADMIN_WALLET) {\n showToast('Wallet not authorized for admin', 'error');\n return;\n }\n try {\n setLoading(true);\n const nonce = Math.random().toString(36).substr(2, 32);\n const timestamp = Date.now();\n const message = `Admin Access Request for KOL.fun\nWallet: ${userWallet}\nNonce: ${nonce}\nTimestamp: ${timestamp}\nThis signature grants admin access for 24 hours.`;\n const messageBytes = new TextEncoder().encode(message);\n const signatureBytes = await signMessage(messageBytes);\n const publicKey = new PublicKey(userWallet);\n const isValidSignature = nacl.sign.detached.verify(messageBytes, signatureBytes, publicKey.toBytes());\n if (!isValidSignature) {\n showToast('Invalid signature. Access denied.', 'error');\n return;\n }\n const session = await devbaseClient.createEntity('admin_sessions', {\n wallet: userWallet,\n nonce: nonce,\n issued_at: timestamp,\n expires_at: timestamp + 24 * 60 * 60 * 1000,\n status: 'active'\n });\n localStorage.setItem('admin_session_token', session.id);\n showToast('Admin access granted', 'success');\n } catch (error) {\n console.error('Admin sign in error:', error);\n if (error.name === 'WalletConnectionError' || error.message?.includes('User rejected') || error.message?.includes('rejected')) {\n showToast('Signature rejected. Please approve the signature to access admin.', 'error');\n } else if (error.name === 'WalletNotConnectedError') {\n showToast('Wallet not connected. Please connect your wallet first.', 'error');\n } else {\n showToast('Failed to verify admin signature. Please try again.', 'error');\n }\n } finally {\n setLoading(false);\n }\n };\n if (adminToken) {\n return

\n \n

\n Admin Channel\n

\n Platform Settings\n

\n Demo Mode\n

\n Enable free campaigns without real payments\n

\n \n updateSetting('demo_mode', e.target.checked ? 'true' : 'false')} disabled={settingsLoading} className=\"sr-only peer\" />\n

\n \n

\n Campaign Creation Fee\n

\n setSettings(prev => ({\n ...prev,\n creation_fee: e.target.value\n }))} onBlur={e => updateSetting('creation_fee', e.target.value)} disabled={settingsLoading || settings.demo_mode === 'true'} className=\"flex-1 px-3 py-2 rounded-lg border-0 focus:outline-none\" style={{\n backgroundColor: colors.surface,\n color: colors.textPrimary\n }} step=\"0.001\" min=\"0\" />\n SOL\n

\n {settings.demo_mode === 'true' &&

\n Disabled in demo mode\n

}\n

\n Campaign Top-up Fee\n

\n setSettings(prev => ({\n ...prev,\n topup_fee: e.target.value\n }))} onBlur={e => updateSetting('topup_fee', e.target.value)} disabled={settingsLoading || settings.demo_mode === 'true'} className=\"flex-1 px-3 py-2 rounded-lg border-0 focus:outline-none\" style={{\n backgroundColor: colors.surface,\n color: colors.textPrimary\n }} step=\"0.001\" min=\"0\" />\n SOL\n

\n {settings.demo_mode === 'true' &&

\n Disabled in demo mode\n

}\n

\n {settings.demo_mode === 'true' ? 'Demo Mode Active' : 'Production Mode'}\n

\n {settings.demo_mode === 'true' ? 'All campaigns are free to create and top-up. No real payments are processed.' : `Campaigns require ${settings.creation_fee} SOL to create and ${settings.topup_fee} SOL to top-up.`}\n

\n \n

\n Active Campaigns Management\n

\n \n

\n {campaignsLoading ?

\n {campaigns.length === 0 ?

\n No active campaigns found\n

: campaigns.map(campaign =>

\n {campaign.campaign_image && ${campaign.project_name}$ }\n

\n {campaign.project_name}\n

\n {campaign.token_ca?.slice(0, 20)}...\n

\n Pool: \n \n {campaign.tcc_amount} {campaign.reward_token}\n \n

\n KOLs: \n \n {campaign.accepts_count || 0}\n \n

\n Ends: \n \n {formatTimeLeft(campaign.end_time)}\n \n

\n Created: \n \n {new Date(campaign.created_at).toLocaleDateString()}\n \n

\n \n

)}\n

}\n

;\n }\n return

\n \n

\n Admin Channel\n

\n \n

\n Admin Channel\n

\n Authorized access required\n

\n \n {userWallet !== ADMIN_WALLET &&

\n Wallet not authorized for admin access\n

}\n

;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"lucide-react\":\"0.441.0\",\"@devfunlabs/web-sdk\":\"0.5.6\",\"framer-motion\":\"10.16.4\",\"@solana/web3.js\":\"1.95.3\",\"react-router-dom\":\"6.18.0\",\"recharts\":\"2.8.0\",\"socket.io-client\":\"4.7.1\",\"zod\":\"3.22.4\",\"tweetnacl\":\"1.0.3\"}}","appFunctions",[],"token","upstreamApp",{"_14":81,"_35":82,"_37":83,"_84":85,"_20":86,"_22":87,"_24":88,"_71":-5,"_89":90,"_91":92,"_33":93,"_94":95,"_41":42,"_43":96,"_97":98,"_99":17,"_27":28,"_69":28,"_70":17,"_100":17,"_101":17,"_102":17,"_57":103,"_58":59,"_60":59,"_61":104,"_66":59,"_64":42,"_63":59,"_105":46,"_106":107,"_39":108,"_18":109,"_110":111,"_389":17,"_26":17,"_65":42,"_29":390},"d231346785caf7e1814e",["D",1756851528748],["D",1757229902934],"template","web","kol.pro","KOL.fun just got its superpowers! Meet the infrastructure beast with Realtime sync that keeps every user locked into the same live data stream while campaigns tick down in perfect harmony, plus chat rooms that pulse with the action. Devscan hooks straight into Solana's bloodstream to pull SOL/USDC prices so fresh they're still warm, making your TCP rewards calculator more accurate than a Swiss timepiece.","KOL.fun's infrastructure upgrade: realtime sync + live Solana price feeds = pure chaos magic","snapshot","https://cdn.dev.fun/snapshot/d231346785caf7e1814e/96834_6e2f5e0e.webp","ogImage","https://cdn.dev.fun/og/image/d231346785caf7e1814e/94b369ae.webp","https://cdn.dev.fun/app/d231346785caf7e1814e/96834","category","money",49,"featureScore","0","isAutomated","isTagHot","isTagMoney","isTagCrown",7,3,"userId","upstreamAppId","ecda4dfa4f2269dc7967",["B","96834"],"77b1c83c-f5b0-4559-bbee-acdf5bbcbfd6","lastCommit",{"_14":108,"_35":112,"_113":114,"_115":116,"_72":117,"_74":75,"_118":119,"_120":121,"_122":116,"_89":90,"_33":93,"_123":17,"_124":28,"_125":28,"_84":85,"_126":-5,"_127":128,"_310":311,"_6":81,"_105":46,"_312":313,"_76":314},["D",1756853839968],"input","The app is throwing the following errors:\n/App.js: socket is not defined (2256:6)\n\n 2253 | campaign_id: campaign.id\n 2254 | });\n 2255 | };\n> 2256 | }, [socket, campaign.id]);\n ^\n 2257 | const loadUserPosts = async () => {\n 2258 | if (!userWallet) return;\n 2259 | try {\nThe above error occurred in the component:\n\n at CampaignDetail (https://2-19-8-sandpack.codesandbox.io/App.js:2929:5)\n at div\n at App (https://2-19-8-sandpack.codesandbox.io/App.js:983:29)\n at div\n at ThemeProvider (https://2-19-8-sandpack.codesandbox.io/App.js:331:5)\n at WalletModalProvider (https://2-19-8-sandpack.codesandbox.io/node_modules/@devfunlabs/web-sdk/dist/devapp/wallet/WalletModalProvider.cjs:8:32)\n at WalletProviderBase (https://2-19-8-sandpack.codesandbox.io/node_modules/@solana/wallet-adapter-react/lib/cjs/WalletProviderBase.js:50:31)\n at WalletProvider (https://2-19-8-sandpack.codesandbox.io/node_modules/@solana/wallet-adapter-react/lib/cjs/WalletProvider.j\nPlease fix the errors and try again.","output","<<<<<<< OLD\n if (currentPage === 'campaign' && selectedCampaign) {\n return

\n \n setCurrentPage('board')} devbaseClient={devbaseClient} userWallet={userWallet} setSelectedCampaign={setSelectedCampaign} />\n=======\n if (currentPage === 'campaign' && selectedCampaign) {\n return

\n \n setCurrentPage('board')} devbaseClient={devbaseClient} userWallet={userWallet} setSelectedCampaign={setSelectedCampaign} socket={socket} />\n>>>>>>> NEW\n\n<<<<<<< OLD\nfunction CampaignDetail({\n campaign,\n onBack,\n devbaseClient,\n userWallet,\n setSelectedCampaign\n}) {\n=======\nfunction CampaignDetail({\n campaign,\n onBack,\n devbaseClient,\n userWallet,\n setSelectedCampaign,\n socket\n}) {\n>>>>>>> NEW","import { useState, useEffect, useRef } from 'react';\nimport { useDevapp, DevappProvider, openLink, UserButton } from '@devfunlabs/web-sdk';\nimport { Search, Trophy, Clock, ExternalLink, Plus, Zap, Crown, TrendingUp, Flame, Settings, X, ChevronLeft, ChevronRight, AlertCircle, Check, Info } from 'lucide-react';\nimport { PublicKey } from '@solana/web3.js';\nimport nacl from 'tweetnacl';\nimport { io } from 'socket.io-client';\nconst ADMIN_WALLET = '5fJQDaRJHuBFocHPiQUPfPFdjVeootfYCR7PDF65pqU';\nfunction AdminSignInModal({\n isOpen,\n onClose,\n onSuccess,\n userWallet,\n devbaseClient,\n signMessage\n}) {\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState('');\n const handleAdminSignIn = async () => {\n if (!userWallet || !devbaseClient || !signMessage) return;\n if (userWallet !== ADMIN_WALLET) {\n setError('Wallet not authorized for admin');\n return;\n }\n try {\n setLoading(true);\n setError('');\n const nonce = Math.random().toString(36).substr(2, 32);\n const timestamp = Date.now();\n const message = `Admin Access Request for KOL.fun\nWallet: ${userWallet}\nNonce: ${nonce}\nTimestamp: ${timestamp}\nThis signature grants admin access for 24 hours.`;\n const messageBytes = new TextEncoder().encode(message);\n const signatureBytes = await signMessage(messageBytes);\n const publicKey = new PublicKey(userWallet);\n const isValidSignature = nacl.sign.detached.verify(messageBytes, signatureBytes, publicKey.toBytes());\n if (!isValidSignature) {\n setError('Invalid signature. Please try again.');\n return;\n }\n const session = await devbaseClient.createEntity('admin_sessions', {\n wallet: userWallet,\n nonce: nonce,\n issued_at: timestamp,\n expires_at: timestamp + 24 * 60 * 60 * 1000,\n status: 'active'\n });\n localStorage.setItem('admin_session_token', session.id);\n onSuccess(session.id);\n } catch (error) {\n console.error('Admin sign in error:', error);\n if (error.name === 'WalletConnectionError' || error.message?.includes('User rejected') || error.message?.includes('rejected')) {\n setError('Signature rejected. Please approve the signature to access admin.');\n } else if (error.name === 'WalletNotConnectedError') {\n setError('Wallet not connected. Please connect your wallet first.');\n } else {\n setError('Failed to verify admin signature. Please try again.');\n }\n } finally {\n setLoading(false);\n }\n };\n if (!isOpen) return null;\n return

\n Admin Access\n

\n \n

\n {error &&

\n {error}\n

}\n

\n Sign a message to verify admin access. Your session will be valid for 24 hours.\n

\n \n \n

\n Connect Accounts\n

\n \n

\n {error &&

\n {error}\n

}\n

\n 💼\n

\n Wallet\n

\n {walletConnected ? 'Connected' : 'Not Connected'}\n

\n \n {walletConnected && }\n

\n {children}\n

setIsPaused(true)} onMouseLeave={() => setIsPaused(false)}>\n

\n {getEventIcon(currentEvent?.type)}\n \n {currentEvent?.message}\n \n {currentEvent?.campaign_id && }\n

\n \n {connectedUsers} online\n \n

\n \n {currentIndex + 1} / {events.length}\n \n \n \n

;\n}\nfunction SettingsDrawer({\n isOpen,\n onClose,\n settings,\n onUpdateSettings\n}) {\n if (!isOpen) return null;\n return

Settings

\n \n

\n Show Animations\n \n onUpdateSettings({\n ...settings,\n showAnimations: e.target.checked\n })} className=\"sr-only peer\" />\n

\n \n

\n Play Sounds\n \n onUpdateSettings({\n ...settings,\n playSounds: e.target.checked\n })} className=\"sr-only peer\" />\n

\n \n

\n Reduce Motion\n \n onUpdateSettings({\n ...settings,\n reduceMotion: e.target.checked\n })} className=\"sr-only peer\" />\n

\n \n

\n Show Ticker\n \n onUpdateSettings({\n ...settings,\n showTicker: e.target.checked\n })} className=\"sr-only peer\" />\n

\n \n

\n {type === 'error' && }\n {type === 'success' && }\n {message}\n \n

;\n}\nfunction InfoTooltip({\n text,\n className = \"\"\n}) {\n const [showTooltip, setShowTooltip] = useState(false);\n return

\n \n {showTooltip &&

\n {text}\n

}\n

;\n}\nfunction FloatingAdminButton({\n onClick,\n userWallet,\n show\n}) {\n if (userWallet !== ADMIN_WALLET || !show) return null;\n return ;\n}\nfunction useAdminSession() {\n const [adminToken, setAdminToken] = useState(() => {\n if (typeof window !== 'undefined') {\n return localStorage.getItem('admin_session_token');\n }\n return null;\n });\n const setToken = token => {\n setAdminToken(token);\n if (typeof window !== 'undefined') {\n if (token) {\n localStorage.setItem('admin_session_token', token);\n } else {\n localStorage.removeItem('admin_session_token');\n }\n }\n };\n return [adminToken, setToken];\n}\nfunction Header({\n currentPage,\n setCurrentPage,\n userWallet,\n settings,\n setShowSettings\n}) {\n const {\n devbaseClient\n } = useDevapp();\n const [twitterConnected, setTwitterConnected] = useState(false);\n const [twitterUsername, setTwitterUsername] = useState('');\n const [twitterLoading, setTwitterLoading] = useState(false);\n const handleTwitterAction = async () => {\n if (!userWallet) {\n alert('Please connect your wallet first');\n return;\n }\n if (twitterConnected) {\n const confirmDisconnect = window.confirm('Are you sure you want to disconnect your X account?');\n if (!confirmDisconnect) return;\n try {\n setTwitterLoading(true);\n const users = await devbaseClient.listEntities('users', {\n wallet: userWallet\n });\n if (users.length > 0) {\n await devbaseClient.updateEntity('users', users[0].id, {\n x_handle: '',\n x_user_id: '',\n x_followers: 0,\n x_access_token_encrypted: '',\n x_refresh_token_encrypted: ''\n });\n }\n setTwitterConnected(false);\n setTwitterUsername('');\n } catch (error) {\n console.error('Error disconnecting Twitter:', error);\n alert('Failed to disconnect X account. Please try again.');\n } finally {\n setTwitterLoading(false);\n }\n } else {\n setTwitterLoading(true);\n const twitterLoginUrl = `https://oauth.dev.fun/twitter/login/d231346785caf7e1814e/${userWallet}`;\n window.open(twitterLoginUrl, 'TwitterLogin', 'width=600,height=700,toolbar=no,menubar=no,location=no,status=no');\n }\n };\n const checkTwitterConnection = async () => {\n if (!devbaseClient || !userWallet) {\n setTwitterConnected(false);\n setTwitterUsername('');\n setTwitterLoading(false);\n return;\n }\n if (typeof devbaseClient.evalString !== 'function') {\n console.warn('devbaseClient.evalString is not available yet');\n setTwitterLoading(false);\n return;\n }\n try {\n const fetchedUsername = await devbaseClient.evalString('$USER_X_USERNAME');\n if (fetchedUsername) {\n setTwitterConnected(true);\n setTwitterUsername(fetchedUsername);\n } else {\n setTwitterConnected(false);\n setTwitterUsername('');\n }\n } catch (error) {\n console.error('Error checking Twitter connection:', error);\n setTwitterConnected(false);\n setTwitterUsername('');\n } finally {\n setTwitterLoading(false);\n }\n };\n useEffect(() => {\n let interval;\n if (userWallet && devbaseClient) {\n checkTwitterConnection();\n let attempts = 0;\n interval = setInterval(() => {\n if (attempts < 10) {\n checkTwitterConnection();\n attempts++;\n } else {\n clearInterval(interval);\n }\n }, 1000);\n } else {\n setTwitterConnected(false);\n setTwitterUsername('');\n setTwitterLoading(false);\n }\n return () => {\n if (interval) clearInterval(interval);\n };\n }, [userWallet, devbaseClient]);\n return

\n KOL.fun\n

\n \n \n \n {userWallet === ADMIN_WALLET && }\n

\n \n \n \n \n

;\n}\nfunction App() {\n const {\n devbaseClient,\n userWallet,\n signMessage\n } = useDevapp();\n const [currentPage, setCurrentPage] = useState('board');\n const [selectedCampaign, setSelectedCampaign] = useState(null);\n const [searchTerm, setSearchTerm] = useState('');\n const [activeFilter, setActiveFilter] = useState('hot');\n const [campaigns, setCampaigns] = useState([]);\n const [loading, setLoading] = useState(false);\n const [page, setPage] = useState(1);\n const [hasMore, setHasMore] = useState(true);\n const [, setInitialLoadComplete] = useState(false);\n const [settings, updateSettings] = useSettings();\n const [showSettings, setShowSettings] = useState(false);\n const [flashingCards, setFlashingCards] = useState(new Map());\n const [toast, setToast] = useState(null);\n const [showFloatingAdmin, setShowFloatingAdmin] = useState(false);\n const [showAdminSignIn, setShowAdminSignIn] = useState(false);\n const [showConnectModal, setShowConnectModal] = useState(false);\n const [adminToken, setAdminToken] = useAdminSession();\n const [devscanPrices, setDevscanPrices] = useState({\n sol: 100,\n usdc: 1\n });\n const observerRef = useRef();\n const processedEventIds = useRef(new Set());\n const {\n socket,\n connectedUsers\n } = useRealtimeConnection(devbaseClient, userWallet);\n const events = useEventStream(devbaseClient, socket, currentPage === 'board');\n const filters = [{\n id: 'hot',\n label: 'Hot',\n icon: Flame\n }, {\n id: 'new',\n label: 'New',\n icon: Plus\n }, {\n id: 'ending',\n label: 'Ending Soon',\n icon: Clock\n }, {\n id: 'biggest',\n label: 'Biggest',\n icon: TrendingUp\n }, {\n id: 'watchlist',\n label: 'My Watchlist',\n icon: Crown\n }];\n useEffect(() => {\n const handleScroll = () => {\n setShowFloatingAdmin(window.scrollY > 100);\n };\n window.addEventListener('scroll', handleScroll);\n return () => window.removeEventListener('scroll', handleScroll);\n }, []);\n const showToast = (message, type = 'info') => {\n setToast({\n message,\n type\n });\n };\n const handleAdminAccess = () => {\n if (userWallet !== ADMIN_WALLET) {\n showToast('Wallet not authorized for admin', 'error');\n return;\n }\n if (adminToken) {\n setCurrentPage('admin');\n } else {\n setShowAdminSignIn(true);\n }\n };\n const handleAdminSignInSuccess = token => {\n setAdminToken(token);\n setShowAdminSignIn(false);\n setCurrentPage('admin');\n showToast('Admin access granted', 'success');\n };\n const handleEventClick = event => {\n if (event.campaign_id) {\n const campaign = campaigns.find(c => c.id === event.campaign_id);\n if (campaign) {\n setSelectedCampaign(campaign);\n setCurrentPage('campaign');\n if (settings.showAnimations) {\n flashCard(event.campaign_id, event.type);\n }\n }\n }\n };\n useEffect(() => {\n setInitialLoadComplete(false);\n }, [activeFilter, searchTerm]);\n const flashCard = (campaignId, eventType) => {\n const color = getFlashColor(eventType);\n setFlashingCards(prev => new Map(prev.set(campaignId, color)));\n setTimeout(() => {\n setFlashingCards(prev => {\n const newMap = new Map(prev);\n newMap.delete(campaignId);\n return newMap;\n });\n }, 1200);\n };\n const getFlashColor = eventType => {\n switch (eventType) {\n case 'CAMPAIGN_TOPUP':\n return colors.success;\n case 'KOL_ACCEPTED':\n return colors.info;\n case 'LEAD_CHANGED':\n return colors.warning;\n case 'CAMPAIGN_CREATED':\n return colors.accent;\n case 'WINNER_CLAIMED':\n return colors.accent;\n default:\n return colors.accent;\n }\n };\n useEffect(() => {\n const newEventsToProcess = [];\n for (const event of events) {\n if (!processedEventIds.current.has(event.id)) {\n newEventsToProcess.push(event);\n processedEventIds.current.add(event.id);\n console.log(`APP LOG: New event received - ID: ${event.id}, Type: ${event.type}, Campaign ID: ${event.campaign_id}`);\n }\n }\n if (newEventsToProcess.length > 0) {\n newEventsToProcess.sort((a, b) => a.created_at - b.created_at);\n setCampaigns(prevCampaigns => {\n let updatedCampaigns = [...prevCampaigns];\n for (const event of newEventsToProcess) {\n if (settings.showAnimations && event.campaign_id && updatedCampaigns.some(c => c.id === event.campaign_id)) {\n flashCard(event.campaign_id, event.type);\n }\n if (event.type === 'KOL_ACCEPTED') {\n updatedCampaigns = updatedCampaigns.map(c => {\n if (c.id === event.campaign_id) {\n const newCount = (c.accepts_count || 0) + 1;\n console.log(`APP LOG: Event processing - Campaign ${c.id} accepts_count updated from ${c.accepts_count} to ${newCount}`);\n return {\n ...c,\n accepts_count: newCount\n };\n }\n return c;\n });\n }\n }\n return updatedCampaigns;\n });\n }\n }, [events, settings.showAnimations]);\n useEffect(() => {\n if (devbaseClient) {\n loadCampaigns(true);\n fetchPrices();\n }\n }, [devbaseClient, activeFilter, searchTerm]);\n useEffect(() => {\n if (devbaseClient) {\n fetchPrices();\n const priceInterval = setInterval(fetchPrices, 60000);\n return () => clearInterval(priceInterval);\n }\n }, [devbaseClient]);\n const fetchPrices = async () => {\n if (!devbaseClient) return;\n if (typeof devbaseClient.evalString !== 'function') {\n console.warn('devbaseClient.evalString is not available yet');\n setDevscanPrices(prev => prev || {\n sol: 100,\n usdc: 1\n });\n return;\n }\n try {\n const prices = await devbaseClient.evalString('JSON.stringify($FUNC_GET_PRICES())');\n const parsedPrices = JSON.parse(prices);\n setDevscanPrices(parsedPrices);\n } catch (error) {\n console.error('Error fetching prices:', error);\n setDevscanPrices(prev => prev || {\n sol: 100,\n usdc: 1\n });\n }\n };\n useEffect(() => {\n const observer = new IntersectionObserver(entries => {\n if (entries[0].isIntersecting && hasMore && !loading) {\n loadCampaigns(false);\n }\n }, {\n threshold: 1.0\n });\n if (observerRef.current) {\n observer.observe(observerRef.current);\n }\n return () => observer.disconnect();\n }, [hasMore, loading]);\n const deduplicateCampaigns = campaigns => {\n const seen = new Set();\n return campaigns.filter(campaign => {\n if (seen.has(campaign.id)) {\n return false;\n }\n seen.add(campaign.id);\n return true;\n });\n };\n const loadCampaigns = async (reset = false) => {\n if (!devbaseClient || loading) return;\n try {\n setLoading(true);\n let fetchedCampaigns = [];\n let hasMoreData = false;\n if (activeFilter === 'watchlist' && userWallet) {\n const watchlistEntries = await devbaseClient.listEntities('watchlist', {\n wallet: userWallet\n });\n const campaignIds = new Set(watchlistEntries.map(w => w.campaign_id));\n if (campaignIds.size === 0) {\n setCampaigns([]);\n setHasMore(false);\n setInitialLoadComplete(true);\n return;\n }\n const allActiveCampaigns = await devbaseClient.listEntities('campaigns', {\n status: 'active'\n });\n fetchedCampaigns = allActiveCampaigns.filter(campaign => campaignIds.has(campaign.id));\n hasMoreData = false;\n setPage(1);\n } else {\n const currentPage = reset ? 1 : page;\n let filter = {\n status: 'active'\n };\n if (activeFilter === 'ending') {}\n const result = await devbaseClient.paginateEntities('campaigns', filter, {\n pageSize: 20,\n currentPage\n });\n fetchedCampaigns = result.entities;\n hasMoreData = result.currentPage < result.totalPages;\n setPage(reset ? 2 : prev => prev + 1);\n }\n let processedCampaigns = fetchedCampaigns.map(campaign => {\n const displayUsd = campaign.tcc_usd > 1000000000 && campaign.reward_amount ? convertAtomicToUsd(campaign.reward_amount, campaign.reward_token, 100) : campaign.tcc_usd || 0;\n return {\n ...campaign,\n tcc_usd_display: displayUsd\n };\n });\n let filteredCampaigns = processedCampaigns;\n if (searchTerm && searchTerm.trim()) {\n const searchLower = searchTerm.toLowerCase().trim();\n filteredCampaigns = processedCampaigns.filter(campaign => {\n const projectName = (campaign.project_name || '').toLowerCase();\n const tokenCa = (campaign.token_ca || '').toLowerCase();\n const projectHandle = (campaign.project_x_handle || '').toLowerCase();\n return projectName.includes(searchLower) || tokenCa.includes(searchLower) || projectHandle.includes(searchLower);\n });\n }\n const sortedFetchedCampaigns = sortCampaigns(filteredCampaigns, activeFilter);\n setCampaigns(prevCampaigns => {\n let finalCampaigns;\n if (reset) {\n finalCampaigns = sortedFetchedCampaigns;\n } else {\n const currentCampaignsMap = new Map(prevCampaigns.map(c => [c.id, c]));\n const newCampaignsMap = new Map(sortedFetchedCampaigns.map(c => [c.id, c]));\n const mergedCampaigns = Array.from(new Set([...currentCampaignsMap.keys(), ...newCampaignsMap.keys()])).map(id => {\n const current = currentCampaignsMap.get(id);\n const fetched = newCampaignsMap.get(id);\n if (fetched) {\n if (current && fetched.accepts_count !== undefined && current.accepts_count !== undefined) {\n const mergedCount = Math.max(Number(current.accepts_count || 0), Number(fetched.accepts_count || 0));\n return {\n ...fetched,\n accepts_count: mergedCount\n };\n }\n return fetched;\n }\n return current;\n }).filter(Boolean);\n finalCampaigns = mergedCampaigns;\n }\n return sortCampaigns(deduplicateCampaigns(finalCampaigns), activeFilter);\n });\n setHasMore(hasMoreData && activeFilter !== 'watchlist' && !searchTerm);\n setInitialLoadComplete(true);\n } catch (error) {\n console.error('Error loading campaigns:', error);\n } finally {\n setLoading(false);\n }\n };\n const sortCampaigns = (campaigns, filter) => {\n const now = Date.now();\n switch (filter) {\n case 'hot':\n return campaigns.sort((a, b) => (b.total_posts_count || 0) - (a.total_posts_count || 0));\n case 'new':\n return campaigns.sort((a, b) => b.created_at - a.created_at);\n case 'ending':\n return campaigns.sort((a, b) => {\n const aEnded = a.end_time <= now;\n const bEnded = b.end_time <= now;\n if (aEnded && !bEnded) return 1;\n if (!aEnded && bEnded) return -1;\n return a.end_time - b.end_time;\n });\n case 'biggest':\n return campaigns.sort((a, b) => (b.tcc_usd_display || b.tcc_usd || 0) - (a.tcc_usd_display || a.tcc_usd || 0));\n default:\n return campaigns;\n }\n };\n if (currentPage === 'launch') {\n return

;\n }\n if (currentPage === 'campaign' && selectedCampaign) {\n return

;\n }\n if (currentPage === 'kol-dashboard') {\n return

;\n }\n if (currentPage === 'project-dashboard') {\n return

;\n }\n if (currentPage === 'admin' && userWallet === ADMIN_WALLET) {\n return

;\n }\n return

\n \n

\n Now pumping\n

\n {campaigns.slice(0, 6).map(campaign =>

\n {campaign.project_name?.[0] || 'P'}\n

\n \n {campaign.project_name}\n \n \n ${((campaign.tcc_usd_display || campaign.tcc_usd) / 1000).toFixed(1)}K\n \n

)}\n

\n {filters.map(filter => {\n const Icon = filter.icon;\n return ;\n })}\n

\n {loading &&

}\n

\n {campaign.campaign_image ? ${campaign.project_name}$ : campaign.project_name?.[0] || 'P'}\n

\n {campaign.project_name || 'Unknown Project'}\n

\n ${campaign.token_ca?.slice(0, 8) || 'No CA'}\n

\n {hasUnreadChat &&

}\n \n

\n {formatAmount(campaign.reward_amount, campaign.reward_token)} {campaign.reward_token}\n

\n Ends in\n

\n {timeLeft}\n

\n {campaign.accepts_count || 0}\n

KOLs

\n {campaign.topups_count || 0}\n

Top-ups

\n {topScore}\n

Top Score

\n Winners\n \n {campaign.winner_count}\n \n

\n \n \n

\n {demoMode ? 'Demo Mode - Free Campaign' : 'Fees'}\n

\n Creation fee: {displayFee()} SOL{demoMode && ' (Demo Mode)'}
\n Reward escrow: {campaignDraft.reward_amount} {campaignDraft.reward_token}\n

;\n}\nfunction LaunchCampaign({\n onBack,\n devbaseClient,\n userWallet,\n showToast,\n devscanPrices\n}) {\n const [step, setStep] = useState(1);\n const [loading, setLoading] = useState(false);\n const [errors, setErrors] = useState({});\n const [demoMode, setDemoMode] = useState(false);\n const [campaignDraft, setCampaignDraft] = useState({\n project_name: '',\n token_ca: '',\n project_x_handle: '',\n reward_token: 'USDC',\n reward_amount: '',\n winner_count: 1,\n split: [100],\n duration_hours: 168,\n required_tags: '',\n require_project_link: false,\n require_image: false,\n min_followers: 100,\n min_account_age_days: 30,\n campaign_image: ''\n });\n useEffect(() => {\n if (devbaseClient) {\n loadDemoMode();\n }\n }, [devbaseClient]);\n const loadDemoMode = async () => {\n try {\n const settings = await devbaseClient.listEntities('admin_settings');\n const settingsMap = {};\n settings.forEach(setting => {\n settingsMap[setting.setting_key] = setting.setting_value;\n });\n const isDemo = settingsMap.demo_mode === 'true';\n setDemoMode(isDemo);\n if (isDemo) {\n setCampaignDraft(prev => ({\n ...prev,\n project_name: prev.project_name || 'Demo Project',\n token_ca: prev.token_ca || 'DemoTokenCA123456789',\n reward_amount: prev.reward_amount || '100',\n winner_count: prev.winner_count || 1,\n split: prev.split.length > 0 ? prev.split : [100],\n duration_hours: prev.duration_hours || 168,\n required_tags: prev.required_tags || '',\n require_project_link: prev.require_project_link || false,\n require_image: prev.require_image || false,\n min_followers: prev.min_followers || 0,\n min_account_age_days: prev.min_account_age_days || 0,\n campaign_image: prev.campaign_image || ''\n }));\n setErrors({});\n }\n } catch (error) {\n console.error('Error loading demo mode:', error);\n }\n };\n const handleInputChange = (field, value) => {\n setCampaignDraft(prev => ({\n ...prev,\n [field]: value\n }));\n if (errors[field]) {\n setErrors(prev => ({\n ...prev,\n [field]: null\n }));\n }\n };\n const handleWinnerCountChange = count => {\n const defaultSplits = {\n 1: [100],\n 3: [60, 25, 15],\n 5: [40, 25, 15, 10, 10]\n };\n setCampaignDraft(prev => ({\n ...prev,\n winner_count: count,\n split: defaultSplits[count]\n }));\n };\n const handleSplitChange = (index, value) => {\n const newSplit = [...campaignDraft.split];\n newSplit[index] = Number(value);\n setCampaignDraft(prev => ({\n ...prev,\n split: newSplit\n }));\n };\n const handleImageUpload = event => {\n const file = event.target.files[0];\n if (file) {\n if (file.size > 5 * 1024 * 1024) {\n showToast('Image size must be less than 5MB', 'error');\n return;\n }\n const reader = new FileReader();\n reader.onload = e => {\n setCampaignDraft(prev => ({\n ...prev,\n campaign_image: e.target.result\n }));\n };\n reader.readAsDataURL(file);\n }\n };\n const validateAmount = (amount, token) => {\n if (demoMode) {\n return null;\n }\n if (!amount || amount === '') {\n return 'Reward amount is required';\n }\n const num = Number(amount);\n if (isNaN(num)) {\n return 'Invalid number';\n }\n if (num <= 0) {\n return 'Amount must be greater than zero';\n }\n return null;\n };\n const convertToAtomicUnits = (amount, token) => {\n const num = Number(amount);\n if (isNaN(num) || num <= 0) {\n throw new Error(`Invalid amount: ${amount}`);\n }\n if (token === 'USDC') {\n return BigInt(Math.floor(num * 1000000)).toString();\n } else {\n return BigInt(Math.floor(num * 1000000000)).toString();\n }\n };\n const calculateUsdValue = (amount, token) => {\n if (!amount || !devscanPrices) return 0;\n const num = Number(amount);\n if (token === 'USDC') {\n return num;\n } else if (token === 'SOL') {\n return num * devscanPrices.sol;\n }\n return 0;\n };\n const validateForm = () => {\n if (demoMode) {\n setErrors({});\n return true;\n }\n const newErrors = {};\n if (!campaignDraft.project_name.trim()) {\n newErrors.project_name = 'Project name is required';\n }\n const amountError = validateAmount(campaignDraft.reward_amount, campaignDraft.reward_token);\n if (amountError) {\n newErrors.reward_amount = amountError;\n }\n const splitSum = campaignDraft.split.reduce((sum, val) => sum + (Number(val) || 0), 0);\n if (Math.abs(splitSum - 100) > 0.01) {\n newErrors.split = 'Split must sum to 100%';\n }\n const endTime = Date.now() + campaignDraft.duration_hours * 60 * 60 * 1000;\n if (endTime <= Date.now()) {\n newErrors.duration_hours = 'End time must be in the future';\n }\n setErrors(newErrors);\n return Object.keys(newErrors).length === 0;\n };\n const diagnoseCampaign = async () => {\n if (!devbaseClient) return;\n try {\n const payload = {\n owner_wallet: userWallet,\n project_name: campaignDraft.project_name,\n token_ca: campaignDraft.token_ca || null,\n project_x_handle: campaignDraft.project_x_handle || null,\n reward_token: campaignDraft.reward_token,\n reward_mint: campaignDraft.reward_token === 'USDC' ? 'EPjFWdd5AufqSSqeM2qN1xzybapC8G4wEGGkZwyTDt1v' : null,\n reward_amount_atomic: convertToAtomicUnits(campaignDraft.reward_amount, campaignDraft.reward_token),\n winner_count: campaignDraft.winner_count,\n split: campaignDraft.split,\n end_time: Math.floor((Date.now() + campaignDraft.duration_hours * 60 * 60 * 1000) / 1000),\n rules: {\n required_tags: campaignDraft.required_tags.split(',').map(tag => tag.trim()).filter(Boolean),\n require_project_link: campaignDraft.require_project_link,\n require_image: campaignDraft.require_image,\n min_followers: campaignDraft.min_followers,\n min_account_age_days: campaignDraft.min_account_age_days\n }\n };\n const result = await devbaseClient.evalString(`JSON.stringify(${JSON.stringify(payload)})`);\n console.log('Diagnostic payload:', JSON.parse(result));\n showToast('Diagnostic logged to console', 'info');\n } catch (error) {\n console.error('Diagnostic error:', error);\n showToast('Diagnostic failed', 'error');\n }\n };\n const createCampaign = async () => {\n if (!devbaseClient || !userWallet) {\n showToast('Please connect your wallet first', 'error');\n return;\n }\n if (!demoMode && !validateForm()) {\n showToast('Please fill in all required fields correctly', 'error');\n return;\n }\n try {\n setLoading(true);\n const projectName = campaignDraft.project_name.trim() || (demoMode ? 'Demo Project' : '');\n const tokenCa = campaignDraft.token_ca.trim() || (demoMode ? 'DemoTokenCA123456789' : '');\n const rewardAmount = campaignDraft.reward_amount || (demoMode ? '100' : '1');\n let atomicAmount;\n try {\n atomicAmount = convertToAtomicUnits(rewardAmount, campaignDraft.reward_token);\n } catch (error) {\n console.error('Error converting amount:', error);\n atomicAmount = convertToAtomicUnits(demoMode ? '100' : '1', campaignDraft.reward_token);\n }\n const campaignData = {\n owner_wallet: userWallet,\n project_name: projectName,\n token_ca: tokenCa,\n project_x_handle: campaignDraft.project_x_handle || '',\n reward_token: campaignDraft.reward_token,\n reward_mint: campaignDraft.reward_token === 'USDC' ? 'EPjFWdd5AufqSSqeM2qN1xzybapC8G4wEGGkZwyTDt1v' : 'So11111111111111111111111111111111111111112',\n reward_amount: atomicAmount,\n winner_count: campaignDraft.winner_count,\n split: JSON.stringify(campaignDraft.split),\n end_time: Date.now() + campaignDraft.duration_hours * 60 * 60 * 1000,\n required_tags: campaignDraft.required_tags || '',\n require_project_link: campaignDraft.require_project_link || false,\n require_image: campaignDraft.require_image || false,\n min_followers: campaignDraft.min_followers || 0,\n min_account_age_days: campaignDraft.min_account_age_days || 0,\n campaign_image: campaignDraft.campaign_image || '',\n status: 'active'\n };\n console.log('Creating campaign with data:', campaignData);\n const createdCampaign = await devbaseClient.createEntity('campaigns', campaignData);\n console.log('Campaign created successfully:', createdCampaign);\n await devbaseClient.createEntity('events', {\n type: 'CAMPAIGN_CREATED',\n campaign_id: createdCampaign.id,\n actor_wallet: userWallet,\n actor_handle: campaignDraft.project_x_handle || '@project',\n message: `🧪 New campaign launched ${projectName} by ${campaignDraft.project_x_handle || '@project'}${demoMode ? ' (Demo)' : ''}`,\n created_at: Date.now()\n });\n setStep(4);\n showToast('Campaign created successfully!', 'success');\n } catch (error) {\n console.error('Error creating campaign:', error);\n if (error.name === 'WalletConnectionError' || error.message?.includes('User rejected') || error.message?.includes('rejected')) {\n showToast('Transaction cancelled. Please try again and approve the transaction.', 'error');\n } else {\n showToast(error.message || 'Error creating campaign. Please try again.', 'error');\n }\n } finally {\n setLoading(false);\n }\n };\n if (step === 4) {\n return

\n \n

\n Campaign Created!\n

\n Your campaign is now live and KOLs can start participating.\n

\n \n

;\n }\n return

\n \n

\n Launch Campaign\n

\n {[1, 2, 3].map(i =>

= i ? colors.accent : colors.surfaceHover,\n color: step >= i ? colors.background : colors.textMuted\n }}>\n {i}\n

\n {i < 3 &&

i ? colors.accent : colors.surfaceHover\n }} />}\n

)}\n

\n {step === 1 &&

\n Campaign Details\n

\n {errors.project_name}\n

}\n

\n \n Token Contract Address\n \n handleInputChange('token_ca', e.target.value)} className=\"w-full px-4 py-3 rounded-lg border-0 focus:outline-none\" style={{\n backgroundColor: colors.surface,\n color: colors.textPrimary\n }} placeholder=\"Enter token contract address\" />\n

\n \n Campaign Image (optional)\n \n

\n \n {campaignDraft.campaign_image &&

\n $\"Campaign$ \n \n

}\n

\n Maximum file size: 5MB. Supported formats: JPG, PNG, GIF\n

\n \n Campaign Duration\n \n \n

\n \n

}\n {step === 2 &&

\n Rewards & Rules\n

\n \n Reward Token\n \n \n

\n {errors.reward_amount}\n

}\n

\n \n Number of Winners\n \n

\n {[1, 3, 5].map(count => )}\n

\n \n Prize Split (%)\n \n

\n Total: {campaignDraft.split.reduce((sum, val) => sum + val, 0)}%\n

\n {errors.split &&

\n {errors.split}\n

}\n

\n \n \n

}\n {step === 3 &&

\n Review & Launch\n

\n {campaignDraft.project_name || (demoMode ? 'Demo Project' : 'Unnamed Project')}\n

\n Token:\n {campaignDraft.token_ca || (demoMode ? 'DemoTokenCA123456789' : 'No CA')}\n

\n Winners:\n {campaignDraft.winner_count}\n

\n Duration:\n \n {campaignDraft.duration_hours / 24} days\n \n

\n \n

\n \n \n

\n {userWallet === ADMIN_WALLET && }\n

}\n

\n \n

\n {campaign.project_name}\n

\n {campaign.campaign_image &&

\n ${campaign.project_name}$ \n

}\n {campaign.token_ca &&

Contract Address

\n {campaign.token_ca}\n

}\n

\n {formatAmount(campaign.tcc_amount, campaign.reward_token)} {campaign.reward_token}\n

\n TCP\n \n

${formatAmount(totalTCP, 'USD')}

\n {timeLeft}\n

Time Left

\n {campaign.accepts_count || 0}\n

KOLs Joined

\n {campaign.winner_count}\n

Winners

Prize Split

\n {parsedSplit?.map((percentage, index) =>

\n #{index + 1}: {percentage}%\n

)}\n

\n {userWallet &&

\n {!userAccepted ? : <>\n \n

\n }\n

}\n

\n {['overview', 'leaderboard', 'chat', 'posts'].map(tab => )}\n

\n {activeTab === 'overview' &&

\n Campaign Rules\n

Required Tags: {campaign.required_tags || 'None'}

Project Link Required: {campaign.require_project_link ? 'Yes' : 'No'}

Image Required: {campaign.require_image ? 'Yes' : 'No'}

Min Followers: {campaign.min_followers || 0}

Min Account Age: {campaign.min_account_age_days || 0} days

}\n {activeTab === 'leaderboard' &&

\n {leaderboard.map((post, index) =>

\n {index + 1}\n

\n {post.kol_wallet.slice(0, 8)}...\n

\n Score: {formatScore(post)}\n

\n \n

)}\n

}\n {activeTab === 'chat' &&

\n {chatMessages.map(msg =>

\n {msg.x_handle?.[1] || 'U'}\n

\n \n {msg.x_handle || 'User'}\n \n \n {new Date(msg.created_at).toLocaleTimeString()}\n \n

{msg.text}

)}\n

\n {userAccepted &&

}\n

}\n {activeTab === 'posts' && userAccepted &&

\n {userPosts.map(post =>

\n \n Score: {formatScore(post)}\n \n {post.active && \n ACTIVE\n }\n

\n {!post.active && }\n \n

\n Likes: {post.likes} | Retweets: {post.retweets} | Replies: {post.replies} | Quotes: {post.quotes}\n

)}\n

}\n

\n \n

\n KOL Dashboard\n

;\n }\n return

\n \n

\n KOL Dashboard\n

\n {isTopKOL && activeView === 'my-dashboard' &&

\n \n TOP KOL\n

}\n

\n {}\n

\n \n \n

\n {}\n {activeView === 'my-dashboard' && !loading && <>\n {}\n

\n Potential Earnings\n

\n ${formatNumber(totalPotentialEarnings)}\n

Total Potential Earnings

If winning 1st place in all campaigns

\n {acceptedCampaigns.length}\n

Active Opportunities

Campaigns you're participating in

\n {}\n

\n Performance Overview\n

\n {isTopKOL &&

\n 🏆 Most Impressions Platform-wide\n

}\n

\n {totalStats.totalPosts}\n

Posts

\n {formatNumber(totalStats.totalImpressions)}\n

Total Impressions

\n {formatNumber(totalStats.totalLikes)}\n

Likes

\n {formatNumber(totalStats.totalRetweets)}\n

Retweets

\n {formatNumber(totalStats.totalReplies)}\n

Replies

\n {formatNumber(totalStats.totalQuotes)}\n

Quotes

\n {formatNumber(totalStats.totalScore)}\n

Total Score

\n {}\n

\n My Posts ({userPosts.length})\n

\n {userPosts.length === 0 ?

\n No posts submitted yet\n

: userPosts.map(post => {\n const campaign = campaignDetails[post.campaign_id];\n const impressions = (post.likes || 0) + (post.retweets || 0) + (post.replies || 0) + (post.quotes || 0);\n return

\n {campaign?.project_name || 'Unknown Campaign'}\n

\n {post.active && \n ACTIVE\n }\n {!post.valid && \n INVALID\n }\n

\n {campaign?.token_ca?.slice(0, 16)}... • {new Date(post.created_at).toLocaleDateString()}\n

\n \n

\n {formatNumber(impressions)}\n

Impressions

\n {formatScore(post)}\n

Score

\n {post.likes || 0}♥ {post.retweets || 0}🔄\n

Engagement

\n {post.reason &&

\n {post.reason}\n

}\n

;\n })}\n

\n {}\n

\n Active Campaigns ({acceptedCampaigns.length})\n

\n {acceptedCampaigns.length === 0 ?

\n No campaigns accepted\n

: acceptedCampaigns.map(accept => {\n const campaign = campaignDetails[accept.campaign_id];\n const potentialEarning = campaignPotentialEarnings[accept.campaign_id] || 0;\n return

\n {campaign?.project_name || 'Unknown Campaign'}\n

\n ${potentialEarning.toFixed(2)}\n

\n Potential 1st\n

\n Accepted: {new Date(accept.accepted_at).toLocaleDateString()}\n

\n {campaign &&

\n Ends: {formatTimeLeft(campaign.end_time)}\n

}\n

;\n })}\n

\n {}\n

\n Winnings & Claims\n

\n {claims.length === 0 ?

\n No winnings yet\n

: claims.map(claim => {\n const campaign = campaignDetails[claim.campaign_id];\n return

\n Rank #{claim.rank}\n

\n {campaign?.project_name || `Campaign ${claim.campaign_id}`}\n

\n {claim.reward_amount}\n

\n {claim.claimed ? 'Claimed' : 'Available'}\n

;\n })}\n

\n }\n {}\n {activeView === 'all-kols' &&

\n {allKOLsLoading ?

\n All KOLs Leaderboard\n

\n Ranked by total impressions across all campaigns\n

\n {allKOLs.length === 0 ?

\n No KOL data available\n

: allKOLs.map((kol, index) =>

\n {}\n

\n {index + 1}\n

\n {}\n

\n {kol.wallet.slice(0, 8)}...{kol.wallet.slice(-4)}\n {kol.wallet === userWallet && \n YOU\n }\n {index === 0 && }\n

\n {}\n

\n {formatNumber(kol.totalImpressions)}\n

Impressions

\n {kol.totalPosts}\n

Posts

\n {formatNumber(kol.totalLikes)}\n

Likes

\n {formatNumber(kol.totalRetweets)}\n

Retweets

\n {formatNumber(kol.totalScore)}\n

Total Score

\n ${formatNumber(kol.totalPayouts)}\n

Payouts

)}\n

}\n

}\n {}\n {activeView === 'my-dashboard' && loading &&

}\n

\n \n

\n Project Dashboard\n

\n {}\n

\n \n \n

\n {loading &&

}\n {}\n {activeTab === 'my-projects' && !loading &&

\n {}\n

\n {campaigns.length}\n

\n Total Campaigns\n

\n {campaigns.filter(c => c.status === 'active').length}\n

\n Active Campaigns\n

\n ${formatAmount(totalPayouts * 1000000, 'USDC')}\n

\n Total Payouts\n

\n {}\n

\n {campaigns.length === 0 ?

\n No campaigns created yet\n

: campaigns.map(campaign => {\n const topupSuggestion = getSuggestedTopup(campaign);\n return

\n {}\n

\n {campaign.campaign_image && ${campaign.project_name}$ }\n

\n {campaign.project_name}\n

\n {campaign.token_ca?.slice(0, 20)}...\n

\n {campaign.status?.toUpperCase() || 'ACTIVE'}\n

\n {formatAmount(campaign.tcc_amount, campaign.reward_token)} {campaign.reward_token}\n

\n ${formatAmount(campaign.tcc_usd, 'USD')} USD\n

\n {}\n {topupSuggestion.suggested &&

\n \n \n {topupSuggestion.message}\n \n

}\n {}\n

\n {campaign.accepts_count || 0}\n

KOLs Joined

\n {campaign.topups_count || 0}\n

Top-ups

\n {campaign.winner_count || 0}\n

Winners

\n {formatTimeLeft(campaign.end_time)}\n

Time Left

\n {new Date(campaign.created_at).toLocaleDateString()}\n

Created

\n {}\n {campaign.status === 'active' &&

}\n

;\n })}\n

}\n {}\n {activeTab === 'top-projects' && !loading &&

\n Top Performing Campaigns\n

\n Ranked by engagement, KOL participation, and campaign value\n

\n {topProjects.length === 0 ?

\n No active campaigns found\n

: topProjects.map((campaign, index) =>

\n {}\n

\n {index + 1}\n

\n {}\n

\n {campaign.campaign_image && ${campaign.project_name}$ }\n

\n {campaign.project_name}\n

\n {campaign.token_ca?.slice(0, 16)}...\n

\n {}\n

\n {formatAmount(campaign.tcc_usd_realtime || campaign.tcc_usd, 'USD')}\n

Pool Value

\n {campaign.accepts_count || 0}\n

KOLs

\n {campaign.postCount || 0}\n

Posts

\n {campaign.totalEngagement || 0}\n

Total Engagement

\n {formatTimeLeft(campaign.end_time)}\n

Time Left

\n {}\n

\n \n

)}\n

}\n

\n \n

\n Admin Channel\n

\n Platform Settings\n

\n Demo Mode\n

\n Enable free campaigns without real payments\n

\n \n updateSetting('demo_mode', e.target.checked ? 'true' : 'false')} disabled={settingsLoading} className=\"sr-only peer\" />\n

\n \n

\n Campaign Creation Fee\n

\n {settings.demo_mode === 'true' &&

\n Disabled in demo mode\n

}\n

\n Campaign Top-up Fee\n

\n {settings.demo_mode === 'true' &&

\n Disabled in demo mode\n

}\n

\n {settings.demo_mode === 'true' ? 'Demo Mode Active' : 'Production Mode'}\n

\n \n

\n Active Campaigns Management\n

\n \n

\n {campaignsLoading ?

\n {campaigns.length === 0 ?

\n No active campaigns found\n

: campaigns.map(campaign =>

\n {campaign.campaign_image && ${campaign.project_name}$ }\n

\n {campaign.project_name}\n

\n {campaign.token_ca?.slice(0, 20)}...\n

\n Pool: \n \n {campaign.tcc_amount} {campaign.reward_token}\n \n

\n KOLs: \n \n {campaign.accepts_count || 0}\n \n

\n Ends: \n \n {formatTimeLeft(campaign.end_time)}\n \n

\n Created: \n \n {new Date(campaign.created_at).toLocaleDateString()}\n \n

\n \n

)}\n

}\n

;\n }\n return

\n \n

\n Admin Channel\n

\n \n

\n Admin Channel\n

\n Authorized access required\n

\n \n {userWallet !== ADMIN_WALLET &&

\n Wallet not authorized for admin access\n

}\n

;\n}","thinking","The error is indicating that `socket` is not defined in the `CampaignDetail` component. Looking at the code, I can see that in the `CampaignDetail` function, there's a `useEffect` that references `socket` but it's not being passed as a prop or imported from somewhere.\n\nLooking at the main `App` component, I can see that there's a `useRealtimeConnection` hook that returns a `socket` object:\n\n```javascript\nconst {\n socket,\n connectedUsers\n} = useRealtimeConnection(devbaseClient, userWallet);\n```\n\nBut when `CampaignDetail` is called, the `socket` is not being passed as a prop. I need to:\n\n1. Pass the `socket` as a prop to `CampaignDetail`\n2. Update the `CampaignDetail` component to receive `socket` as a prop\n\nLooking at where `CampaignDetail` is rendered in the main App component:\n\n```javascript\nif (currentPage === 'campaign' && selectedCampaign) {\n return

\n \n setCurrentPage('board')} devbaseClient={devbaseClient} userWallet={userWallet} setSelectedCampaign={setSelectedCampaign} />\n setShowSettings(false)} settings={settings} onUpdateSettings={updateSettings} />\n \n setShowAdminSignIn(false)} onSuccess={handleAdminSignInSuccess} userWallet={userWallet} devbaseClient={devbaseClient} signMessage={signMessage} />\n\n\n```\n\nI'll modify the `CampaignDetail` component rendering to include the `socket` prop, ensuring it's passed along with the other existing props.","changelog","Fixed the socket error by passing the socket prop to CampaignDetail component!\nNow the real-time chat updates work properly in campaign details.","diff","isRephrased","isDebug","isSuccess","error","devbaseSchema",{"_129":130,"_156":157,"_180":181,"_194":195,"_204":205,"_214":215,"_224":225,"_243":244,"_275":276,"_280":281,"_288":289,"_296":297,"_303":304},"chat",{"_131":132,"_140":141,"_150":151},"rules",{"_133":134,"_135":134,"_136":137,"_138":139},"get","true","list","create","$USER_ID === $newData.sender_wallet && $FUNC_CAN_CHAT($newData.campaign_id)","update","$USER_ID === $data.sender_wallet || $FUNC_IS_CAMPAIGN_OWNER($data.campaign_id)","fields",{"_142":143,"_144":143,"_145":146,"_147":143,"_148":143,"_149":143},"text","String","msg_id","deleted","Boolean","x_handle","campaign_id","sender_wallet","actions",{"_136":152},{"_153":154},"compute",{"_144":155},"$FUNC_GENERATE_MSG_ID()","posts",{"_131":158,"_140":161,"_150":174},{"_133":134,"_135":134,"_136":159,"_138":160},"$USER_ID === $newData.kol_wallet && $FUNC_CAN_SUBMIT_POST($newData.campaign_id)","$USER_ID === $data.kol_wallet",{"_162":163,"_164":163,"_165":146,"_166":146,"_167":163,"_168":143,"_169":163,"_170":163,"_171":143,"_172":143,"_173":143,"_148":143},"likes","Number","score","valid","active","quotes","reason","replies","retweets","tweet_id","tweet_url","kol_wallet",{"_136":175},{"_153":176},{"_162":98,"_164":98,"_165":134,"_167":98,"_168":177,"_178":179,"_169":98,"_170":98},"","result","$FUNC_UPDATE_CAMPAIGN_ON_POST_SUBMIT($newData.campaign_id)","users",{"_131":182,"_140":185},{"_133":134,"_135":134,"_136":183,"_138":184},"$USER_ID === $newData.wallet","$USER_ID === $data.wallet",{"_186":143,"_187":143,"_147":143,"_188":143,"_189":163,"_190":143,"_191":143,"_192":143,"_193":143},"role","wallet","x_user_id","x_followers","payout_wallet","x_link_signature","x_access_token_encrypted","x_refresh_token_encrypted","events",{"_131":196,"_140":197},{"_133":134,"_135":134,"_136":134},{"_198":143,"_199":143,"_200":143,"_201":163,"_148":143,"_202":143,"_203":143},"type","amount","message","amount_usd","actor_handle","actor_wallet","topups",{"_131":206,"_140":208,"_150":210},{"_133":134,"_135":134,"_136":207},"$FUNC_IS_CAMPAIGN_OWNER($newData.campaign_id)",{"_199":143,"_209":143,"_148":143},"tx_sig",{"_136":211},{"_153":212},{"_178":213},"$FUNC_UPDATE_CAMPAIGN_ON_TOPUP($newData.campaign_id, $newData.amount)","accepts",{"_131":216,"_140":218,"_150":220},{"_133":134,"_135":134,"_136":217},"$USER_ID === $newData.kol_wallet && $FUNC_CAN_ACCEPT_CAMPAIGN($newData.campaign_id)",{"_188":143,"_173":143,"_219":163,"_148":143,"_190":143},"accepted_at",{"_136":221},{"_153":222},{"_178":223},"$FUNC_UPDATE_CAMPAIGN_ON_ACCEPT($newData.campaign_id, $newData.kol_wallet)","winners",{"_131":226,"_140":227,"_150":231},{"_133":134,"_135":134,"_136":207,"_138":160},{"_228":163,"_209":143,"_229":146,"_173":143,"_148":143,"_190":143,"_230":143},"rank","claimed","reward_amount",{"_138":232},{"_153":233,"_235":236},{"_209":234,"_229":134},"$FUNC_GET_TX_SIG()","transfer",{"_237":238,"_239":240,"_78":241,"_199":242},"to","$data.payout_wallet","from","$VAULT_ADDRESS","$FUNC_GET_CAMPAIGN_TOKEN($data.campaign_id)","$data.reward_amount","campaigns",{"_131":245,"_140":248,"_150":270},{"_133":134,"_135":134,"_136":246,"_138":247},"$USER_ID === $newData.owner_wallet","$USER_ID === $data.owner_wallet",{"_249":143,"_250":143,"_251":163,"_252":163,"_253":143,"_254":143,"_255":143,"_256":143,"_257":143,"_258":143,"_259":163,"_260":163,"_261":163,"_262":163,"_263":146,"_264":143,"_230":143,"_265":143,"_266":143,"_267":163,"_268":163,"_269":146},"split","status","tcc_usd","end_time","token_ca","tcc_amount","reward_mint","owner_wallet","project_name","reward_token","topups_count","winner_count","accepts_count","min_followers","require_image","required_tags","campaign_image","project_x_handle","total_posts_count","min_account_age_days","require_project_link",{"_136":271},{"_153":272},{"_251":273,"_254":274,"_259":98,"_261":98,"_267":98},"$FUNC_CALCULATE_USD_VALUE($newData.reward_amount, $newData.reward_token)","$newData.reward_amount","watchlist",{"_131":277,"_140":279},{"_133":184,"_135":184,"_136":183,"_278":184},"delete",{"_187":143,"_148":143},"admin_events",{"_131":282,"_140":284},{"_133":283,"_135":283,"_136":283},"$USER_ID === '5fJQDaRJHuBFocHPiQUPfPFdjVeootfYCR7PDF65pqU'",{"_285":143,"_286":143,"_287":143},"details","event_type","admin_wallet","oauth_states",{"_131":290,"_140":292},{"_133":184,"_135":184,"_136":183,"_278":291},"$USER_ID ===

say something