Astric Games

\n\n\n\n",[],[156,305],["D",1788482904624],[],[156,65],"6550fb3d-d112-450d-831b-e82ed6df79fc","App.tsx","60c0184a-a7fa-11f1-bb8b-1607ee4eb77e",14,["D",1788482923190],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { AnimatePresence, motion } from \"https://esm.sh/framer-motion@11?deps=react@18.2.0,react-dom@18.2.0\";\nimport { api } from \"./api.ts\";\nimport Arcade from \"./screens/Arcade.tsx\";\nimport CrashGame from \"./screens/CrashGame.tsx\";\nimport Roulette from \"./screens/Roulette.tsx\";\nimport Sports from \"./screens/Sports.tsx\";\nimport Earn from \"./screens/Earn.tsx\";\nimport Profile from \"./screens/Profile.tsx\";\nimport Admin from \"./screens/Admin.tsx\";\n\nexport type UserState = { telegram_id: string; username: string; balance: number; is_admin: boolean };\n\ntype Tab = \"arcade\" | \"earn\" | \"profile\" | \"admin\";\ntype Screen = { tab: Tab; game?: \"crash\" | \"roulette\" | \"sports\" };\n\nexport default function App() {\n const [user, setUser] = useState(null);\n const [config, setConfig] = useState>({});\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [screen, setScreen] = useState({ tab: \"arcade\" });\n\n const refreshUser = async () => {\n try {\n const { user } = await api.auth();\n setUser(user);\n } catch {\n // ignore transient refresh failures\n }\n };\n\n useEffect(() => {\n (async () => {\n try {\n const [{ user }, cfg] = await Promise.all([api.auth(), api.getConfig()]);\n setUser(user);\n setConfig(cfg);\n } catch (e: any) {\n setError(e.message || \"Failed to load\");\n } finally {\n setLoading(false);\n }\n })();\n }, []);\n\n if (loading) {\n return (\n

\n \n

\n );\n }\n\n if (error || !user) {\n return (\n

⚠️

\n {error === \"invalid_init_data\"\n ? \"Unable to verify Telegram session. Please open this app from inside Telegram.\"\n : error || \"Something went wrong.\"}\n

\n );\n }\n\n const tabs: { id: Tab; label: string; icon: string }[] = [\n { id: \"arcade\", label: \"Arcade\", icon: \"🎮\" },\n { id: \"earn\", label: \"Earn\", icon: \"🎁\" },\n { id: \"profile\", label: \"Wallet\", icon: \"👛\" },\n ...(user.is_admin ? [{ id: \"admin\" as Tab, label: \"Admin\", icon: \"🛠️\" }] : []),\n ];\n\n return (\n

\n \n {screen.tab === \"arcade\" && !screen.game && (\n \n setScreen({ tab: \"arcade\", game: g })} onTopUp={() => setScreen({ tab: \"profile\" })} />\n \n )}\n {screen.game === \"crash\" && (\n \n setScreen({ tab: \"arcade\" })} onBalanceChange={refreshUser} />\n \n )}\n {screen.game === \"roulette\" && (\n \n setScreen({ tab: \"arcade\" })} onBalanceChange={refreshUser} />\n \n )}\n {screen.game === \"sports\" && (\n \n setScreen({ tab: \"arcade\" })} onBalanceChange={refreshUser} />\n \n )}\n {screen.tab === \"earn\" && (\n \n \n \n )}\n {screen.tab === \"profile\" && (\n \n \n \n )}\n {screen.tab === \"admin\" && user.is_admin && (\n \n \n \n )}\n \n

\n\n

\n {tabs.map((t) => (\n setScreen({ tab: t.id })}\n className={`flex flex-col items-center gap-1 px-4 py-2 rounded-xl transition-all ${\n screen.tab === t.id ? \"bg-gradient-to-b from-fuchsia-500/30 to-cyan-500/20 text-white\" : \"text-slate-400\"\n }`}\n >\n {t.icon}\n {t.label}\n \n ))}\n

\n );\n}\n",[],[156,316],"96a6eb77-11fc-4728-be6b-aacefdc24845","Sports.tsx","7fbc97b4-a7fa-11f1-b0bf-1607ee4eb77e","3282e72e-5655-4a3d-be43-20f5b8811074",18,["D",1788482975175],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { motion } from \"https://esm.sh/framer-motion@11?deps=react@18.2.0,react-dom@18.2.0\";\nimport { api, haptic, hapticNotify } from \"../api.ts\";\nimport type { UserState } from \"../App.tsx\";\n\nexport default function Sports({\n user,\n config,\n onBack,\n onBalanceChange,\n}: {\n user: UserState;\n config: Record;\n onBack: () => void;\n onBalanceChange: () => void;\n}) {\n const [matches, setMatches] = useState([]);\n const [stakes, setStakes] = useState>({});\n const [results, setResults] = useState>({});\n const [busy, setBusy] = useState(null);\n\n useEffect(() => {\n api.getMatches().then((r) => setMatches(r.matches));\n }, []);\n\n const predict = async (matchId: string, pick: string) => {\n const stake = stakes[matchId] ?? 10;\n if (stake <= 0 || stake > user.balance || busy) return;\n haptic(\"medium\");\n setBusy(matchId);\n try {\n const res = await api.predictMatch(matchId, pick, stake);\n setResults((r) => ({ ...r, [matchId]: { ...res, pick } }));\n onBalanceChange();\n hapticNotify(res.win ? \"success\" : \"error\");\n } finally {\n setBusy(null);\n }\n };\n\n return (\n

\n \n

{config.game_3_title || \"Sports\"}

\n\n {matches.map((m) => {\n const res = results[m.id];\n return (\n

\n {m.home}\n vs\n {m.away}\n

\n {([\"home\", \"draw\", \"away\"] as const).map((pick) => (\n predict(m.id, pick)}\n className={`rounded-xl py-2 text-xs font-bold border ${\n res?.pick === pick\n ? res.win\n ? \"bg-emerald-500/30 border-emerald-400\"\n : \"bg-rose-500/30 border-rose-400\"\n : \"bg-black/30 border-white/10\"\n }`}\n >\n

{pick}

x{m.odds[pick]}

\n \n ))}\n

\n Stake\n setStakes((s) => ({ ...s, [m.id]: Number(e.target.value) }))}\n className=\"flex-1 bg-transparent outline-none text-sm font-semibold\"\n />\n

\n {res && (\n

\n {res.win ? `Won ${res.payout.toFixed(1)}!` : `Result: ${res.result} — try next match`}\n

\n )}\n

\n );\n })}\n

\n );\n}\n",[],[156,332,324],"screens","652dfa9b-b0f7-4e80-89e1-e3293fda6951","Roulette.tsx","7a2e367c-a7fa-11f1-b61d-1607ee4eb77e",17,["D",1788482965851],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { motion } from \"https://esm.sh/framer-motion@11?deps=react@18.2.0,react-dom@18.2.0\";\nimport { api, haptic, hapticNotify } from \"../api.ts\";\nimport type { UserState } from \"../App.tsx\";\n\nconst SECTORS = [\n { id: \"alpha\", label: \"Alpha\", mult: 2, color: \"from-fuchsia-500 to-purple-700\" },\n { id: \"beta\", label: \"Beta\", mult: 2, color: \"from-cyan-500 to-blue-700\" },\n { id: \"gamma\", label: \"Gamma\", mult: 14, color: \"from-amber-400 to-orange-600\" },\n];\n\nexport default function Roulette({\n user,\n config,\n onBack,\n onBalanceChange,\n}: {\n user: UserState;\n config: Record;\n onBack: () => void;\n onBalanceChange: () => void;\n}) {\n const [bet, setBet] = useState(10);\n const [sector, setSector] = useState(\"alpha\");\n const [spinning, setSpinning] = useState(false);\n const [rotation, setRotation] = useState(0);\n const [result, setResult] = useState<{ win: boolean; payout: number; winning_sector: string } | null>(null);\n\n const spin = async () => {\n if (bet <= 0 || bet > user.balance || spinning) return;\n haptic(\"medium\");\n setSpinning(true);\n setResult(null);\n try {\n const res = await api.spinWheel(bet, sector);\n onBalanceChange();\n const idx = SECTORS.findIndex((s) => s.id === res.winning_sector);\n const targetDeg = 360 * 4 + idx * (360 / SECTORS.length);\n setRotation((r) => r + targetDeg);\n setTimeout(() => {\n setSpinning(false);\n setResult(res);\n hapticNotify(res.win ? \"success\" : \"error\");\n }, 1800);\n } catch {\n setSpinning(false);\n }\n };\n\n return (\n

\n \n

{config.game_2_title || \"Roulette\"}

\n\n

\n \n

\n {spinning ? \"🎡\" : result ? (result.win ? \"🏆\" : \"💥\") : \"🎯\"}\n

\n\n {result && (\n

\n {result.win ? `You won ${result.payout.toFixed(1)}!` : `Landed on ${result.winning_sector} — try again`}\n

\n )}\n\n

\n {SECTORS.map((s) => (\n {\n haptic(\"light\");\n setSector(s.id);\n }}\n className={`rounded-2xl p-3 text-center bg-gradient-to-br ${s.color} border-2 ${\n sector === s.id ? \"border-white\" : \"border-transparent\"\n } opacity-90`}\n >\n

{s.label}

x{s.mult}

\n \n ))}\n

\n\n

\n Bet\n setBet(Number(e.target.value))}\n className=\"flex-1 bg-transparent outline-none font-semibold\"\n />\n {config.currency_symbol || \"⭐\"}\n

\n\n \n {spinning ? \"Spinning...\" : config.bet_button_text || \"Place Bet\"}\n \n

\n );\n}\n",[],[156,332,334],"70d375c2-2301-4bfc-ab35-d7c360b71635","Profile.tsx","8eabce3e-a7fa-11f1-8142-1607ee4eb77e",20,["D",1788483000214],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { AnimatePresence, motion } from \"https://esm.sh/framer-motion@11?deps=react@18.2.0,react-dom@18.2.0\";\nimport { api, haptic } from \"../api.ts\";\nimport type { UserState } from \"../App.tsx\";\n\nexport default function Profile({\n user,\n config,\n onBalanceChange,\n}: {\n user: UserState;\n config: Record;\n onBalanceChange: () => void;\n}) {\n const [txs, setTxs] = useState([]);\n const [modalOpen, setModalOpen] = useState(false);\n const [amount, setAmount] = useState(100);\n const [method, setMethod] = useState<\"stars\" | \"ton\">(\"stars\");\n const [invoice, setInvoice] = useState<{ method: string; invoice_link?: string; payload?: any } | null>(null);\n\n useEffect(() => {\n api.getTransactions().then((r) => setTxs(r.transactions));\n }, []);\n\n const openTopUp = () => {\n haptic(\"light\");\n setModalOpen(true);\n setInvoice(null);\n };\n\n const createInvoice = async () => {\n haptic(\"medium\");\n const res = await api.createInvoice(amount, method);\n setInvoice(res);\n if (res.method === \"stars\" && res.invoice_link) {\n (window as any).Telegram?.WebApp?.openInvoice?.(res.invoice_link, (status: string) => {\n if (status === \"paid\") {\n onBalanceChange();\n setModalOpen(false);\n }\n });\n }\n };\n\n return (\n

Total Balance

\n {config.currency_symbol || \"⭐\"} {user.balance.toFixed(0)}\n

\n \n + Top Up\n \n

\n\n

Transaction History

\n {txs.length === 0 &&

No transactions yet

}\n {txs.map((t) => (\n

{String(t.type).replace(/_/g, \" \")}

{new Date(t.created_at).toLocaleString()}

= 0 ? \"text-emerald-400\" : \"text-rose-400\"}`}>\n {Number(t.amount) >= 0 ? \"+\" : \"\"}\n {Number(t.amount).toFixed(1)}\n

\n ))}\n

\n\n \n {modalOpen && (\n setModalOpen(false)}\n >\n e.stopPropagation()}\n className=\"w-full bg-[#0b0c14] rounded-t-3xl p-5 space-y-4 border-t border-white/10\"\n >\n

Top Up Balance

\n {([\"stars\", \"ton\"] as const).map((m) => (\n setMethod(m)}\n className={`flex-1 py-2 rounded-xl text-sm font-semibold ${\n method === m ? \"bg-gradient-to-r from-fuchsia-500 to-cyan-500\" : \"bg-white/5 border border-white/10\"\n }`}\n >\n {m === \"stars\" ? \"⭐ Stars\" : \"💎 TON\"}\n \n ))}\n

\n setAmount(Number(e.target.value))}\n className=\"w-full bg-black/30 border border-white/10 rounded-xl px-3 py-2 outline-none\"\n />\n \n Generate Invoice\n \n {invoice?.method === \"ton\" && (\n

\n Send {amount} TON to
\n {invoice.payload?.address}\n
\n Comment: {invoice.payload?.comment}\n

\n )}\n {invoice?.method === \"stars\" && invoice.invoice_link && (\n \n Open invoice\n \n )}\n \n \n )}\n \n

\n );\n}\n",[],[156,332,342],"e8419cea-423b-46d1-bbb9-4c2fce80b1b6","Earn.tsx","8686f800-a7fa-11f1-847b-1607ee4eb77e",19,["D",1788482986570],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { AnimatePresence, motion } from \"https://esm.sh/framer-motion@11?deps=react@18.2.0,react-dom@18.2.0\";\nimport { api, haptic, hapticNotify } from \"../api.ts\";\nimport type { UserState } from \"../App.tsx\";\n\nexport default function Earn({ user, onBalanceChange }: { user: UserState; onBalanceChange: () => void }) {\n const [code, setCode] = useState(\"\");\n const [status, setStatus] = useState<{ type: \"success\" | \"error\"; msg: string } | null>(null);\n const [ref, setRef] = useState<{ link: string; invited: any[]; earnings: number } | null>(null);\n const [copied, setCopied] = useState(false);\n\n useEffect(() => {\n api.getReferrals().then(setRef);\n }, []);\n\n const claim = async () => {\n if (!code.trim()) return;\n haptic(\"light\");\n try {\n const res = await api.claimPromo(code.trim());\n setStatus({ type: \"success\", msg: `+${res.reward} credited!` });\n hapticNotify(\"success\");\n onBalanceChange();\n setCode(\"\");\n } catch (e: any) {\n const msg =\n e.message === \"already_claimed\"\n ? \"Already claimed\"\n : e.message === \"invalid_code\"\n ? \"Invalid code\"\n : e.message === \"exhausted\"\n ? \"Code fully redeemed\"\n : \"Could not claim code\";\n setStatus({ type: \"error\", msg });\n hapticNotify(\"error\");\n }\n };\n\n const copyLink = () => {\n if (!ref) return;\n navigator.clipboard?.writeText(ref.link);\n setCopied(true);\n haptic(\"light\");\n setTimeout(() => setCopied(false), 1500);\n };\n\n return (\n

Earn & Promo

\n\n

Redeem Promo Code

\n setCode(e.target.value.toUpperCase())}\n placeholder=\"ENTER CODE\"\n className=\"flex-1 bg-black/30 border border-white/10 rounded-xl px-3 py-2 text-sm outline-none\"\n />\n \n Claim\n \n

\n \n {status && (\n \n {status.msg}\n \n )}\n \n

\n\n

Referral Program

{ref?.invited.length ?? 0}

Invited

{ref?.earnings.toFixed(0) ?? 0}

Earned

\n \n {copied ? \"Copied! ✅\" : \"📋 Copy Referral Link\"}\n \n {ref && (\n

\n {ref.invited.map((u) => (\n

\n @{u.username || u.telegram_id}\n {new Date(u.created_at).toLocaleDateString()}\n

\n ))}\n

\n )}\n

\n );\n}\n",[],[156,332,350],"7a7b5045-60dd-4c9e-a53c-e3583ba93fa8","CrashGame.tsx","71496fea-a7fa-11f1-95e0-1607ee4eb77e",16,["D",1788482950931],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport { motion } from \"https://esm.sh/framer-motion@11?deps=react@18.2.0,react-dom@18.2.0\";\nimport { api, haptic, hapticNotify } from \"../api.ts\";\nimport type { UserState } from \"../App.tsx\";\n\nconst ASSET_URL = \"https://i.ibb.co/zHTxDG4M/image.png\";\n\ntype Phase = \"idle\" | \"running\" | \"crashed\" | \"cashed_out\";\n\nexport default function CrashGame({\n user,\n config,\n onBack,\n onBalanceChange,\n}: {\n user: UserState;\n config: Record;\n onBack: () => void;\n onBalanceChange: () => void;\n}) {\n const [bet, setBet] = useState(10);\n const [phase, setPhase] = useState(\"idle\");\n const [multiplier, setMultiplier] = useState(1);\n const [roundId, setRoundId] = useState(null);\n const [result, setResult] = useState<{ payout?: number; crash_point?: number } | null>(null);\n const [busy, setBusy] = useState(false);\n const pollRef = useRef(null);\n\n useEffect(() => {\n return () => {\n if (pollRef.current) clearInterval(pollRef.current);\n };\n }, []);\n\n const launch = async () => {\n if (bet <= 0 || bet > user.balance || busy) return;\n haptic(\"medium\");\n setResult(null);\n setBusy(true);\n try {\n const { round_id } = await api.launchCrash(bet);\n setRoundId(round_id);\n setPhase(\"running\");\n setMultiplier(1);\n onBalanceChange();\n\n pollRef.current = window.setInterval(async () => {\n try {\n const status = await api.crashStatus(round_id);\n if (status.status === \"active\") {\n setMultiplier(status.multiplier);\n } else if (status.status === \"crashed\") {\n setMultiplier(status.crash_point);\n setPhase(\"crashed\");\n setResult({ crash_point: status.crash_point });\n hapticNotify(\"error\");\n if (pollRef.current) clearInterval(pollRef.current);\n } else {\n if (pollRef.current) clearInterval(pollRef.current);\n }\n } catch {\n // ignore transient poll errors\n }\n }, 250);\n } catch {\n // insufficient balance / invalid bet — silently ignored, button stays enabled\n } finally {\n setBusy(false);\n }\n };\n\n const eject = async () => {\n if (!roundId || phase !== \"running\") return;\n haptic(\"heavy\");\n try {\n const res = await api.ejectCrash(roundId);\n if (pollRef.current) clearInterval(pollRef.current);\n if (res.success) {\n setPhase(\"cashed_out\");\n setMultiplier(res.multiplier);\n setResult({ payout: res.payout });\n hapticNotify(\"success\");\n } else {\n setPhase(\"crashed\");\n setResult({ crash_point: res.crash_point });\n hapticNotify(\"error\");\n }\n onBalanceChange();\n } catch {\n // ignore\n }\n };\n\n // Bezier trajectory: bottom-left -> top-right, progress driven by log(multiplier)\n const progress = Math.max(0, Math.min(1, Math.log(multiplier) / Math.log(20)));\n const p0 = { x: 10, y: 88 };\n const p1 = { x: 30, y: 88 };\n const p2 = { x: 55, y: 22 };\n const p3 = { x: 86, y: 10 };\n const t = progress;\n const bx = Math.pow(1 - t, 3) * p0.x + 3 * Math.pow(1 - t, 2) * t * p1.x + 3 * (1 - t) * t * t * p2.x + Math.pow(t, 3) * p3.x;\n const by = Math.pow(1 - t, 3) * p0.y + 3 * Math.pow(1 - t, 2) * t * p1.y + 3 * (1 - t) * t * t * p2.y + Math.pow(t, 3) * p3.y;\n\n return (\n

\n \n

{config.game_1_title || \"Crash\"}

\n\n

\n\n {phase === \"idle\" && (\n

\n Place a bet to launch 🚀\n

\n )}\n\n {phase !== \"idle\" && (\n <>\n \n

\n \n \n {multiplier.toFixed(2)}x\n

\n \n )}\n\n {(phase === \"crashed\" || phase === \"cashed_out\") && (\n

\n \n {phase === \"cashed_out\" ? `+${result?.payout?.toFixed(1)} won!` : `Crashed at ${result?.crash_point?.toFixed(2)}x`}\n

\n )}\n

\n\n

\n Bet\n setBet(Number(e.target.value))}\n disabled={phase === \"running\"}\n className=\"flex-1 bg-transparent outline-none text-white font-semibold\"\n />\n {config.currency_symbol || \"⭐\"}\n

\n\n {phase !== \"running\" ? (\n \n {config.bet_button_text || \"Place Bet\"} 🚀\n \n ) : (\n \n Eject @ {multiplier.toFixed(2)}x\n \n )}\n

\n );\n}\n",[],[156,332,358],"5576c216-4231-48c8-a9e3-790f798fd9ee","Arcade.tsx","65f6133c-a7fa-11f1-8800-1607ee4eb77e",15,["D",1788482931932],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { motion } from \"https://esm.sh/framer-motion@11?deps=react@18.2.0,react-dom@18.2.0\";\nimport { haptic } from \"../api.ts\";\nimport type { UserState } from \"../App.tsx\";\n\nexport default function Arcade({\n user,\n config,\n onOpenGame,\n onTopUp,\n}: {\n user: UserState;\n config: Record;\n onOpenGame: (g: \"crash\" | \"roulette\" | \"sports\") => void;\n onTopUp: () => void;\n}) {\n const cards = [\n {\n id: \"crash\" as const,\n title: config.game_1_title || \"Crash\",\n subtitle: config.game_1_subtitle || \"Ride the rocket, cash out before it pops\",\n emoji: \"🚀\",\n gradient: \"from-fuchsia-600/40 to-purple-900/40\",\n },\n {\n id: \"roulette\" as const,\n title: config.game_2_title || \"Roulette\",\n subtitle: config.game_2_subtitle || \"Spin the wheel of fortune\",\n emoji: \"🎡\",\n gradient: \"from-cyan-600/40 to-blue-900/40\",\n },\n {\n id: \"sports\" as const,\n title: config.game_3_title || \"Sports\",\n subtitle: config.game_3_subtitle || \"Predict match outcomes\",\n emoji: \"⚽\",\n gradient: \"from-emerald-600/40 to-teal-900/40\",\n },\n ];\n\n return (\n

{config.welcome_message || \"Welcome to\"}

\n {config.app_name || \"Astric Games\"}\n

\n {config.currency_symbol || \"⭐\"}\n {user.balance.toFixed(0)}\n

\n\n {\n haptic(\"light\");\n onTopUp();\n }}\n className=\"w-full rounded-2xl py-3 font-semibold bg-gradient-to-r from-fuchsia-500 to-cyan-500 shadow-lg shadow-fuchsia-500/20\"\n >\n + Top Up Stars / TON\n \n\n

\n {cards.map((c) => (\n {\n haptic(\"medium\");\n onOpenGame(c.id);\n }}\n className={`w-full text-left rounded-3xl p-5 border border-white/10 bg-gradient-to-br ${c.gradient} backdrop-blur-xl relative overflow-hidden`}\n >\n

{c.emoji}

{c.title}

{c.subtitle}

\n \n ))}\n

\n );\n}\n",[],[156,332,366],"19011dd4-ba28-4aab-aed7-6431a5be9a18","Admin.tsx","97e3f56c-a7fa-11f1-ba67-1607ee4eb77e",21,["D",1788483015700],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { motion } from \"https://esm.sh/framer-motion@11?deps=react@18.2.0,react-dom@18.2.0\";\nimport { api, haptic } from \"../api.ts\";\n\nconst FIELDS = [\n \"app_name\",\n \"welcome_message\",\n \"game_1_title\",\n \"game_1_subtitle\",\n \"game_2_title\",\n \"game_2_subtitle\",\n \"game_3_title\",\n \"game_3_subtitle\",\n \"currency_symbol\",\n \"bet_button_text\",\n];\n\nexport default function Admin({\n config,\n onConfigChange,\n}: {\n config: Record;\n onConfigChange: (c: Record) => void;\n}) {\n const [labels, setLabels] = useState>({ ...config });\n const [saving, setSaving] = useState(false);\n const [saved, setSaved] = useState(false);\n\n const [promoCode, setPromoCode] = useState(\"\");\n const [promoReward, setPromoReward] = useState(100);\n const [promoMax, setPromoMax] = useState(50);\n const [promoMsg, setPromoMsg] = useState(null);\n\n const [query, setQuery] = useState(\"\");\n const [users, setUsers] = useState([]);\n const [adjustAmounts, setAdjustAmounts] = useState>({});\n\n const saveLabels = async () => {\n haptic(\"medium\");\n setSaving(true);\n try {\n await api.adminUpdateConfig(labels);\n onConfigChange(labels);\n setSaved(true);\n setTimeout(() => setSaved(false), 1500);\n } finally {\n setSaving(false);\n }\n };\n\n const createPromo = async () => {\n if (!promoCode.trim()) return;\n haptic(\"medium\");\n try {\n await api.adminCreatePromo(promoCode.trim().toUpperCase(), promoReward, promoMax);\n setPromoMsg(`Created ${promoCode.toUpperCase()}`);\n setPromoCode(\"\");\n } catch (e: any) {\n setPromoMsg(\"Failed: \" + e.message);\n }\n };\n\n const search = async () => {\n const res = await api.adminSearchUsers(query);\n setUsers(res.users);\n };\n\n const adjust = async (telegramId: string) => {\n const amount = adjustAmounts[telegramId] ?? 0;\n if (!amount) return;\n await api.adminAdjustBalance(telegramId, amount);\n haptic(\"light\");\n search();\n };\n\n return (\n

🛠️ Admin Dashboard

\n\n

Dynamic Text Studio

\n {FIELDS.map((f) => (\n

\n {f}\n setLabels((l) => ({ ...l, [f]: e.target.value }))}\n className=\"flex-1 bg-black/30 border border-white/10 rounded-lg px-2 py-1 text-xs outline-none\"\n />\n

\n ))}\n \n {saved ? \"Saved ✅\" : saving ? \"Saving...\" : \"Save Labels\"}\n \n

\n\n

Promo Code Generator

\n setPromoCode(e.target.value)}\n className=\"w-full bg-black/30 border border-white/10 rounded-lg px-2 py-2 text-sm outline-none\"\n />\n

\n setPromoReward(Number(e.target.value))}\n placeholder=\"Reward\"\n className=\"flex-1 bg-black/30 border border-white/10 rounded-lg px-2 py-2 text-sm outline-none\"\n />\n setPromoMax(Number(e.target.value))}\n placeholder=\"Max uses\"\n className=\"flex-1 bg-black/30 border border-white/10 rounded-lg px-2 py-2 text-sm outline-none\"\n />\n

\n \n Create Promo\n \n {promoMsg &&

{promoMsg}

}\n

\n\n

User Search & Balance

\n setQuery(e.target.value)}\n placeholder=\"Search by ID or username\"\n className=\"flex-1 bg-black/30 border border-white/10 rounded-lg px-2 py-2 text-sm outline-none\"\n />\n \n Search\n \n

\n {users.map((u) => (\n

\n \n @{u.username || u.telegram_id} ({u.telegram_id})\n \n {Number(u.balance).toFixed(0)}\n

\n setAdjustAmounts((a) => ({ ...a, [u.telegram_id]: Number(e.target.value) }))}\n className=\"flex-1 bg-black/40 border border-white/10 rounded-lg px-2 py-1 text-xs outline-none\"\n />\n \n

\n ))}\n

\n );\n}\n",[],[156,332,374],"01fef064-57c6-4e54-ac0c-479d618aad30",["D",1788482931932],[170,171,172,173,174,175,176],[156,332],"a015ea0e-fcef-4702-bb3c-3747384b7ac2",["D",1788482894784],[169,177,178,179,180],[156],["D",1788482227176],["D",1789527643940],{"_11":12,"_125":71},{"_11":12,"_121":71,"_70":71,"_30":69,"_122":123,"_124":24},{"_38":112,"_13":16,"_32":35,"_113":73,"_114":-5,"_115":-5,"_116":-5,"_117":-5,"_118":-5,"_119":14,"_120":12},"ctx",{"_53":-5,"_144":427,"_428":429,"_430":431,"_432":24,"_433":24,"_434":24,"_435":86,"_436":-5,"_437":-7,"_438":-7,"_439":26,"_440":24,"_441":24,"_442":-5,"_443":24,"_444":24,"_445":24,"_446":-5},"ENV",{"_398":399,"_400":401,"_402":16,"_403":404,"_405":406,"_407":408,"_409":410,"_411":412,"_413":414,"_415":416,"_417":418,"_419":420,"_421":422,"_423":424,"_425":426},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History · api.ts