@dubsdotapp/expo 0.3.2 → 0.3.4

package/dist/index.mjs

@@ -510,6 +510,81 @@ var DubsClient = class {
   getErrorCodesLocal() {
     return { ...SOLANA_PROGRAM_ERRORS };
   }
+  // ── Arcade Pools ──
+  async getArcadePools(params) {
+    const qs = new URLSearchParams();
+    if (params?.gameSlug) qs.set("gameSlug", params.gameSlug);
+    if (params?.status) qs.set("status", params.status);
+    const query = qs.toString();
+    const res = await this.request(
+      "GET",
+      `/arcade/pools${query ? `?${query}` : ""}`
+    );
+    return res.pools;
+  }
+  async getArcadePool(poolId) {
+    const res = await this.request(
+      "GET",
+      `/arcade/pools/${poolId}`
+    );
+    return { pool: res.pool, stats: res.stats };
+  }
+  /** Build unsigned entry transaction for an arcade pool */
+  async buildArcadeEntry(poolId, walletAddress) {
+    const res = await this.request(
+      "POST",
+      `/arcade/pools/${poolId}/build-enter`,
+      { walletAddress }
+    );
+    return {
+      transaction: res.transaction,
+      poolId: res.poolId,
+      amount: res.amount,
+      destination: res.destination
+    };
+  }
+  async enterArcadePool(poolId, params) {
+    const res = await this.request(
+      "POST",
+      `/arcade/pools/${poolId}/enter`,
+      params
+    );
+    return res.entry;
+  }
+  async startArcadeAttempt(poolId, walletAddress) {
+    const res = await this.request(
+      "POST",
+      `/arcade/pools/${poolId}/start-attempt`,
+      { walletAddress }
+    );
+    return { sessionToken: res.sessionToken, attemptNumber: res.attemptNumber, livesRemaining: res.livesRemaining };
+  }
+  async submitArcadeScore(poolId, params) {
+    const res = await this.request(
+      "POST",
+      `/arcade/pools/${poolId}/submit-score`,
+      params
+    );
+    return { score: res.score, bestScore: res.bestScore, livesUsed: res.livesUsed, isNewBest: res.isNewBest };
+  }
+  async getArcadeLeaderboard(poolId, params) {
+    const qs = new URLSearchParams();
+    if (params?.limit != null) qs.set("limit", String(params.limit));
+    if (params?.offset != null) qs.set("offset", String(params.offset));
+    const query = qs.toString();
+    const res = await this.request(
+      "GET",
+      `/arcade/pools/${poolId}/leaderboard${query ? `?${query}` : ""}`
+    );
+    return res.leaderboard;
+  }
+  async getArcadeEntry(poolId, walletAddress) {
+    const res = await this.request(
+      "GET",
+      `/arcade/pools/${poolId}/my-entry?walletAddress=${encodeURIComponent(walletAddress)}`
+    );
+    return res.entry;
+  }
   // ── App Config ──
   /** Fetch the app's UI customization config (accent color, icon, tagline, environment) */
   async getAppConfig() {
@@ -561,7 +636,7 @@ function createSecureStoreStorage() {
 }
 
 // src/provider.tsx
-import { createContext as createContext4, useContext as useContext4, useMemo as useMemo2, useCallback as useCallback15, useState as useState16, useEffect as useEffect11 } from "react";
+import { createContext as createContext4, useContext as useContext4, useMemo as useMemo3, useCallback as useCallback19, useState as useState20, useEffect as useEffect13 } from "react";
 
 // src/ui/theme.ts
 import { createContext, useContext } from "react";
@@ -1626,7 +1701,7 @@ function ManagedWalletProvider({
 }
 
 // src/ui/AuthGate.tsx
-import React2, { useState as useState15, useEffect as useEffect10, useRef as useRef4, useCallback as useCallback14 } from "react";
+import React2, { useState as useState19, useEffect as useEffect12, useRef as useRef4, useCallback as useCallback18 } from "react";
 import {
   View as View3,
   Text as Text3,
@@ -2471,6 +2546,196 @@ function usePushNotifications() {
   };
 }
 
+// src/hooks/useArcadePools.ts
+import { useState as useState15, useEffect as useEffect10, useCallback as useCallback14 } from "react";
+function useArcadePools(gameSlug) {
+  const { client } = useDubs();
+  const [pools, setPools] = useState15([]);
+  const [loading, setLoading] = useState15(false);
+  const [error, setError] = useState15(null);
+  const fetch2 = useCallback14(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const result = await client.getArcadePools({ gameSlug });
+      setPools(result);
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error(String(err)));
+    } finally {
+      setLoading(false);
+    }
+  }, [client, gameSlug]);
+  useEffect10(() => {
+    fetch2();
+  }, [fetch2]);
+  return { pools, loading, error, refetch: fetch2 };
+}
+
+// src/hooks/useArcadePool.ts
+import { useState as useState16, useEffect as useEffect11, useCallback as useCallback15 } from "react";
+function useArcadePool(poolId) {
+  const { client } = useDubs();
+  const [pool, setPool] = useState16(null);
+  const [stats, setStats] = useState16(null);
+  const [leaderboard, setLeaderboard] = useState16([]);
+  const [loading, setLoading] = useState16(false);
+  const [error, setError] = useState16(null);
+  const fetch2 = useCallback15(async () => {
+    if (!poolId) return;
+    setLoading(true);
+    setError(null);
+    try {
+      const [poolRes, lb] = await Promise.all([
+        client.getArcadePool(poolId),
+        client.getArcadeLeaderboard(poolId)
+      ]);
+      setPool(poolRes.pool);
+      setStats(poolRes.stats);
+      setLeaderboard(lb);
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error(String(err)));
+    } finally {
+      setLoading(false);
+    }
+  }, [client, poolId]);
+  useEffect11(() => {
+    fetch2();
+  }, [fetch2]);
+  return { pool, stats, leaderboard, loading, error, refetch: fetch2 };
+}
+
+// src/hooks/useArcadeGame.ts
+import { useState as useState17, useCallback as useCallback16 } from "react";
+function useArcadeGame(poolId, maxLives = 3) {
+  const { client } = useDubs();
+  const { user } = useAuth();
+  const [entry, setEntry] = useState17(null);
+  const [loading, setLoading] = useState17(false);
+  const [error, setError] = useState17(null);
+  const walletAddress = user?.walletAddress || "";
+  const refreshEntry = useCallback16(async () => {
+    if (!poolId || !walletAddress) return;
+    setLoading(true);
+    setError(null);
+    try {
+      const e = await client.getArcadeEntry(poolId, walletAddress);
+      setEntry(e);
+    } catch (err) {
+      if (err instanceof Error && err.message.includes("No entry found")) {
+        setEntry(null);
+      } else {
+        setError(err instanceof Error ? err : new Error(String(err)));
+      }
+    } finally {
+      setLoading(false);
+    }
+  }, [client, poolId, walletAddress]);
+  const startAttempt = useCallback16(async () => {
+    if (!poolId || !walletAddress) throw new Error("Not ready");
+    setError(null);
+    try {
+      const result = await client.startArcadeAttempt(poolId, walletAddress);
+      return result;
+    } catch (err) {
+      const e = err instanceof Error ? err : new Error(String(err));
+      setError(e);
+      throw e;
+    }
+  }, [client, poolId, walletAddress]);
+  const submitScore = useCallback16(async (sessionToken, score, durationMs) => {
+    if (!poolId || !walletAddress) throw new Error("Not ready");
+    setError(null);
+    try {
+      const result = await client.submitArcadeScore(poolId, {
+        walletAddress,
+        sessionToken,
+        score,
+        durationMs
+      });
+      setEntry((prev) => prev ? {
+        ...prev,
+        best_score: result.bestScore,
+        lives_used: result.livesUsed
+      } : prev);
+      return result;
+    } catch (err) {
+      const e = err instanceof Error ? err : new Error(String(err));
+      setError(e);
+      throw e;
+    }
+  }, [client, poolId, walletAddress]);
+  const livesRemaining = entry ? maxLives - entry.lives_used : maxLives;
+  const bestScore = entry?.best_score || 0;
+  return {
+    entry,
+    livesRemaining,
+    bestScore,
+    loading,
+    error,
+    refreshEntry,
+    startAttempt,
+    submitScore
+  };
+}
+
+// src/hooks/useEnterArcadePool.ts
+import { useState as useState18, useCallback as useCallback17 } from "react";
+function useEnterArcadePool() {
+  const { client, wallet, connection } = useDubs();
+  const { user } = useAuth();
+  const [status, setStatus] = useState18("idle");
+  const [error, setError] = useState18(null);
+  const [data, setData] = useState18(null);
+  const reset = useCallback17(() => {
+    setStatus("idle");
+    setError(null);
+    setData(null);
+  }, []);
+  const execute = useCallback17(async (poolId) => {
+    if (!wallet.publicKey) throw new Error("Wallet not connected");
+    const walletAddress = wallet.publicKey.toBase58();
+    setStatus("building");
+    setError(null);
+    setData(null);
+    try {
+      console.log("[useEnterArcadePool] Step 1: Building transaction...", { poolId, walletAddress });
+      const buildResult = await client.buildArcadeEntry(poolId, walletAddress);
+      console.log("[useEnterArcadePool] Step 1 done:", { poolId: buildResult.poolId, amount: buildResult.amount });
+      setStatus("signing");
+      console.log("[useEnterArcadePool] Step 2: Signing and sending...");
+      const signature = await signAndSendBase64Transaction(
+        buildResult.transaction,
+        wallet,
+        connection
+      );
+      console.log("[useEnterArcadePool] Step 2 done. Signature:", signature);
+      setStatus("confirming");
+      console.log("[useEnterArcadePool] Step 3: Confirming with backend...");
+      const entry = await client.enterArcadePool(poolId, {
+        walletAddress,
+        txSignature: signature
+      });
+      console.log("[useEnterArcadePool] Step 3 done. Entry recorded.");
+      const result = {
+        poolId,
+        signature,
+        entry
+      };
+      setData(result);
+      setStatus("success");
+      console.log("[useEnterArcadePool] Complete!");
+      return result;
+    } catch (err) {
+      console.error("[useEnterArcadePool] FAILED at status:", status, err);
+      const e = err instanceof Error ? err : new Error(String(err));
+      setError(e);
+      setStatus("error");
+      throw e;
+    }
+  }, [client, wallet, connection]);
+  return { execute, status, error, data, reset };
+}
+
 // src/ui/AvatarEditor.tsx
 import {
   View as View2,
@@ -2638,11 +2903,11 @@ function AuthGate({
 }) {
   const { client, pushEnabled } = useDubs();
   const auth = useAuth();
-  const [phase, setPhase] = useState15("init");
-  const [registrationPhase, setRegistrationPhase] = useState15(false);
-  const [showPushSetup, setShowPushSetup] = useState15(false);
-  const [isRestoredSession, setIsRestoredSession] = useState15(false);
-  useEffect10(() => {
+  const [phase, setPhase] = useState19("init");
+  const [registrationPhase, setRegistrationPhase] = useState19(false);
+  const [showPushSetup, setShowPushSetup] = useState19(false);
+  const [isRestoredSession, setIsRestoredSession] = useState19(false);
+  useEffect12(() => {
     let cancelled = false;
     (async () => {
       try {
@@ -2669,23 +2934,23 @@ function AuthGate({
       cancelled = true;
     };
   }, []);
-  useEffect10(() => {
+  useEffect12(() => {
     if (auth.status === "needsRegistration") setRegistrationPhase(true);
   }, [auth.status]);
-  useEffect10(() => {
+  useEffect12(() => {
     if (pushEnabled && auth.status === "authenticated" && registrationPhase && !isRestoredSession) {
       setShowPushSetup(true);
     }
   }, [pushEnabled, auth.status, registrationPhase, isRestoredSession]);
-  useEffect10(() => {
+  useEffect12(() => {
     if (auth.token) onSaveToken(auth.token);
   }, [auth.token]);
-  const retry = useCallback14(() => {
+  const retry = useCallback18(() => {
     setRegistrationPhase(false);
     auth.reset();
     auth.authenticate();
   }, [auth]);
-  const handleRegister = useCallback14(
+  const handleRegister = useCallback18(
     (username, referralCode, avatarUrl) => {
       auth.register(username, referralCode, avatarUrl);
     },
@@ -2801,20 +3066,20 @@ function DefaultRegistrationScreen({
 }) {
   const t = useDubsTheme();
   const accent = accentColor || t.accent;
-  const [step, setStep] = useState15(0);
-  const [avatarSeed, setAvatarSeed] = useState15(generateSeed);
-  const [avatarStyle, setAvatarStyle] = useState15("adventurer");
-  const [avatarBg, setAvatarBg] = useState15("1a1a2e");
-  const [showStyles, setShowStyles] = useState15(false);
-  const [username, setUsername] = useState15("");
-  const [referralCode, setReferralCode] = useState15("");
-  const [checking, setChecking] = useState15(false);
-  const [availability, setAvailability] = useState15(null);
+  const [step, setStep] = useState19(0);
+  const [avatarSeed, setAvatarSeed] = useState19(generateSeed);
+  const [avatarStyle, setAvatarStyle] = useState19("adventurer");
+  const [avatarBg, setAvatarBg] = useState19("1a1a2e");
+  const [showStyles, setShowStyles] = useState19(false);
+  const [username, setUsername] = useState19("");
+  const [referralCode, setReferralCode] = useState19("");
+  const [checking, setChecking] = useState19(false);
+  const [availability, setAvailability] = useState19(null);
   const debounceRef = useRef4(null);
   const fadeAnim = useRef4(new Animated.Value(1)).current;
   const slideAnim = useRef4(new Animated.Value(0)).current;
   const avatarUrl = getAvatarUrl(avatarStyle, avatarSeed, avatarBg);
-  useEffect10(() => {
+  useEffect12(() => {
     if (debounceRef.current) clearTimeout(debounceRef.current);
     const trimmed = username.trim();
     if (trimmed.length < 3) {
@@ -2837,7 +3102,7 @@ function DefaultRegistrationScreen({
       if (debounceRef.current) clearTimeout(debounceRef.current);
     };
   }, [username, client]);
-  const animateToStep = useCallback14((newStep) => {
+  const animateToStep = useCallback18((newStep) => {
     const dir = newStep > step ? 1 : -1;
     Keyboard.dismiss();
     Animated.parallel([
@@ -3077,7 +3342,7 @@ function DefaultRegistrationScreen({
 function PushTokenRestorer() {
   const push = usePushNotifications();
   const restored = useRef4(false);
-  useEffect10(() => {
+  useEffect12(() => {
     if (restored.current) return;
     restored.current = true;
     push.restoreIfGranted();
@@ -3094,7 +3359,7 @@ function PushSetupScreen({
   const push = usePushNotifications();
   const fadeAnim = useRef4(new Animated.Value(0)).current;
   const slideAnim = useRef4(new Animated.Value(30)).current;
-  useEffect10(() => {
+  useEffect12(() => {
     Animated.parallel([
       Animated.timing(fadeAnim, { toValue: 1, duration: 300, useNativeDriver: true }),
       Animated.timing(slideAnim, { toValue: 0, duration: 300, useNativeDriver: true })
@@ -3252,11 +3517,11 @@ function DubsProvider({
   const config = NETWORK_CONFIG[network];
   const baseUrl = baseUrlOverride || config.baseUrl;
   const rpcUrl = rpcUrlOverride || config.rpcUrl;
-  const client = useMemo2(() => new DubsClient({ apiKey, baseUrl }), [apiKey, baseUrl]);
-  const storage = useMemo2(() => tokenStorage || createSecureStoreStorage(), [tokenStorage]);
-  const [uiConfig, setUiConfig] = useState16(null);
-  const [resolvedNetwork, setResolvedNetwork] = useState16(network);
-  useEffect11(() => {
+  const client = useMemo3(() => new DubsClient({ apiKey, baseUrl }), [apiKey, baseUrl]);
+  const storage = useMemo3(() => tokenStorage || createSecureStoreStorage(), [tokenStorage]);
+  const [uiConfig, setUiConfig] = useState20(null);
+  const [resolvedNetwork, setResolvedNetwork] = useState20(network);
+  useEffect13(() => {
     client.getAppConfig().then((cfg) => {
       console.log("[DubsProvider] UI config loaded:", JSON.stringify(cfg));
       setUiConfig(cfg);
@@ -3272,7 +3537,7 @@ function DubsProvider({
   const resolvedConfig = NETWORK_CONFIG[resolvedNetwork];
   const resolvedRpcUrl = rpcUrlOverride || resolvedConfig.rpcUrl;
   const cluster = resolvedConfig.cluster;
-  const connection = useMemo2(() => new Connection2(resolvedRpcUrl, { commitment: "confirmed" }), [resolvedRpcUrl]);
+  const connection = useMemo3(() => new Connection2(resolvedRpcUrl, { commitment: "confirmed" }), [resolvedRpcUrl]);
   if (uiConfig === null) return null;
   const themeOverrides = {};
   if (uiConfig.accentColor) {
@@ -3348,11 +3613,11 @@ function ManagedInner({
   children
 }) {
   const managedDisconnect = useDisconnect();
-  const disconnect = useCallback15(async () => {
+  const disconnect = useCallback19(async () => {
     client.setToken(null);
     await managedDisconnect?.();
   }, [client, managedDisconnect]);
-  const value = useMemo2(
+  const value = useMemo3(
     () => ({ client, wallet, connection, appName, network, disconnect, uiConfig, pushEnabled }),
     [client, wallet, connection, appName, network, disconnect, uiConfig, pushEnabled]
   );
@@ -3389,13 +3654,13 @@ function ExternalWalletProvider({
   pushEnabled,
   children
 }) {
-  const disconnect = useCallback15(async () => {
+  const disconnect = useCallback19(async () => {
     client.setToken(null);
     await storage.deleteItem(STORAGE_KEYS.JWT_TOKEN).catch(() => {
     });
     await wallet.disconnect?.();
   }, [client, storage, wallet]);
-  const value = useMemo2(
+  const value = useMemo3(
     () => ({ client, wallet, connection, appName, network, disconnect, uiConfig, pushEnabled }),
     [client, wallet, connection, appName, network, disconnect, uiConfig, pushEnabled]
   );
@@ -3432,7 +3697,7 @@ function useAppConfig() {
 }
 
 // src/ui/UserProfileCard.tsx
-import { useMemo as useMemo3 } from "react";
+import { useMemo as useMemo4 } from "react";
 import { View as View4, Text as Text4, Image as Image4, StyleSheet as StyleSheet4 } from "react-native";
 import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function truncateAddress(address, chars = 4) {
@@ -3452,7 +3717,7 @@ function UserProfileCard({
   memberSince
 }) {
   const t = useDubsTheme();
-  const imageUri = useMemo3(
+  const imageUri = useMemo4(
     () => ensurePngAvatar(avatarUrl) || `https://api.dicebear.com/9.x/avataaars/png?seed=${walletAddress}&size=128`,
     [avatarUrl, walletAddress]
   );
@@ -3652,7 +3917,7 @@ var styles4 = StyleSheet5.create({
 });
 
 // src/ui/UserProfileSheet.tsx
-import { useState as useState17, useEffect as useEffect12, useRef as useRef5, useCallback as useCallback16, useMemo as useMemo4 } from "react";
+import { useState as useState21, useEffect as useEffect14, useRef as useRef5, useCallback as useCallback20, useMemo as useMemo5 } from "react";
 import {
   View as View6,
   Text as Text6,
@@ -3684,30 +3949,30 @@ function UserProfileSheet({
   const { refreshUser } = useAuth();
   const push = usePushNotifications();
   const overlayOpacity = useRef5(new Animated2.Value(0)).current;
-  const parsed = useMemo4(() => parseAvatarUrl(user.avatar), [user.avatar]);
-  const [avatarStyle, setAvatarStyle] = useState17(parsed.style);
-  const [avatarSeed, setAvatarSeed] = useState17(parsed.seed);
-  const [bgColor, setBgColor] = useState17(parsed.bg);
-  const [saving, setSaving] = useState17(false);
-  const [error, setError] = useState17(null);
-  useEffect12(() => {
+  const parsed = useMemo5(() => parseAvatarUrl(user.avatar), [user.avatar]);
+  const [avatarStyle, setAvatarStyle] = useState21(parsed.style);
+  const [avatarSeed, setAvatarSeed] = useState21(parsed.seed);
+  const [bgColor, setBgColor] = useState21(parsed.bg);
+  const [saving, setSaving] = useState21(false);
+  const [error, setError] = useState21(null);
+  useEffect14(() => {
     const p = parseAvatarUrl(user.avatar);
     setAvatarStyle(p.style);
     setAvatarSeed(p.seed);
     setBgColor(p.bg);
   }, [user.avatar]);
-  useEffect12(() => {
+  useEffect14(() => {
     Animated2.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  useEffect12(() => {
+  useEffect14(() => {
     if (visible) setError(null);
   }, [visible]);
   const currentAvatarUrl = getAvatarUrl(avatarStyle, avatarSeed, bgColor);
-  const saveAvatar = useCallback16(async (newUrl) => {
+  const saveAvatar = useCallback20(async (newUrl) => {
     setSaving(true);
     setError(null);
     try {
@@ -3720,16 +3985,16 @@ function UserProfileSheet({
       setSaving(false);
     }
   }, [client, refreshUser, onAvatarUpdated]);
-  const handleStyleChange = useCallback16((style) => {
+  const handleStyleChange = useCallback20((style) => {
     setAvatarStyle(style);
     saveAvatar(getAvatarUrl(style, avatarSeed, bgColor));
   }, [avatarSeed, bgColor, saveAvatar]);
-  const handleShuffle = useCallback16(() => {
+  const handleShuffle = useCallback20(() => {
     const newSeed = generateSeed();
     setAvatarSeed(newSeed);
     saveAvatar(getAvatarUrl(avatarStyle, newSeed, bgColor));
   }, [avatarStyle, bgColor, saveAvatar]);
-  const handleBgChange = useCallback16((color) => {
+  const handleBgChange = useCallback20((color) => {
     setBgColor(color);
     saveAvatar(getAvatarUrl(avatarStyle, avatarSeed, color));
   }, [avatarStyle, avatarSeed, saveAvatar]);
@@ -4009,7 +4274,7 @@ var styles5 = StyleSheet6.create({
 });
 
 // src/ui/game/GamePoster.tsx
-import { useState as useState18 } from "react";
+import { useState as useState22 } from "react";
 import { StyleSheet as StyleSheet7, View as View7, Text as Text7 } from "react-native";
 import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function computeCountdown(lockTimestamp) {
@@ -4059,7 +4324,7 @@ function GamePoster({ game, ImageComponent }) {
   ] });
 }
 function TeamLogoInternal({ url, size, Img }) {
-  const [failed, setFailed] = useState18(false);
+  const [failed, setFailed] = useState22(false);
   if (!url || failed) {
     return /* @__PURE__ */ jsx9(View7, { style: [styles6.logoPlaceholder, { width: size, height: size, borderRadius: size / 2 }] });
   }
@@ -4160,7 +4425,7 @@ var styles6 = StyleSheet7.create({
 });
 
 // src/ui/game/LivePoolsCard.tsx
-import { useMemo as useMemo5 } from "react";
+import { useMemo as useMemo6 } from "react";
 import { StyleSheet as StyleSheet8, View as View8, Text as Text8 } from "react-native";
 import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function LivePoolsCard({
@@ -4176,7 +4441,7 @@ function LivePoolsCard({
   const homePool = game.homePool || 0;
   const awayPool = game.awayPool || 0;
   const totalPool = game.totalPool || 0;
-  const { homePercent, awayPercent, homeOdds, awayOdds } = useMemo5(() => {
+  const { homePercent, awayPercent, homeOdds, awayOdds } = useMemo6(() => {
     return {
       homePercent: totalPool > 0 ? homePool / totalPool * 100 : 50,
       awayPercent: totalPool > 0 ? awayPool / totalPool * 100 : 50,
@@ -4239,7 +4504,7 @@ var styles7 = StyleSheet8.create({
 });
 
 // src/ui/game/PickWinnerCard.tsx
-import { useState as useState19, useMemo as useMemo6 } from "react";
+import { useState as useState23, useMemo as useMemo7 } from "react";
 import { StyleSheet as StyleSheet9, View as View9, Text as Text9, TouchableOpacity as TouchableOpacity6 } from "react-native";
 import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 function PickWinnerCard({
@@ -4257,7 +4522,7 @@ function PickWinnerCard({
   const totalPool = game.totalPool || 0;
   const homePool = game.homePool || 0;
   const awayPool = game.awayPool || 0;
-  const { homeOdds, awayOdds, homeBets, awayBets } = useMemo6(() => ({
+  const { homeOdds, awayOdds, homeBets, awayBets } = useMemo7(() => ({
     homeOdds: homePool > 0 ? (totalPool / homePool).toFixed(2) : "\u2014",
     awayOdds: awayPool > 0 ? (totalPool / awayPool).toFixed(2) : "\u2014",
     homeBets: bettors.filter((b) => b.team === "home").length,
@@ -4310,7 +4575,7 @@ function TeamOption({
   ImageComponent,
   t
 }) {
-  const [imgFailed, setImgFailed] = useState19(false);
+  const [imgFailed, setImgFailed] = useState23(false);
   const Img = ImageComponent || __require("react-native").Image;
   const showImage = imageUrl && !imgFailed;
   return /* @__PURE__ */ jsxs9(
@@ -4351,7 +4616,7 @@ var styles8 = StyleSheet9.create({
 });
 
 // src/ui/game/PlayersCard.tsx
-import { useState as useState20 } from "react";
+import { useState as useState24 } from "react";
 import { StyleSheet as StyleSheet10, View as View10, Text as Text10 } from "react-native";
 import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 function truncateWallet(addr, chars) {
@@ -4400,7 +4665,7 @@ function BettorRow({
   ImageComponent,
   t
 }) {
-  const [imgFailed, setImgFailed] = useState20(false);
+  const [imgFailed, setImgFailed] = useState24(false);
   const Img = ImageComponent || __require("react-native").Image;
   const showAvatar = bettor.avatar && !imgFailed;
   return /* @__PURE__ */ jsxs10(View10, { style: [styles9.row, !isFirst && { borderTopColor: t.border, borderTopWidth: 1 }], children: [
@@ -4427,7 +4692,7 @@ var styles9 = StyleSheet10.create({
 });
 
 // src/ui/game/JoinGameButton.tsx
-import { useMemo as useMemo7 } from "react";
+import { useMemo as useMemo8 } from "react";
 import { StyleSheet as StyleSheet11, View as View11, Text as Text11, TouchableOpacity as TouchableOpacity7, ActivityIndicator as ActivityIndicator5 } from "react-native";
 import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 var STATUS_LABELS = {
@@ -4438,7 +4703,7 @@ var STATUS_LABELS = {
 };
 function JoinGameButton({ game, walletAddress, selectedTeam, status, onJoin }) {
   const t = useDubsTheme();
-  const alreadyJoined = useMemo7(() => {
+  const alreadyJoined = useMemo8(() => {
     if (!walletAddress) return false;
     return (game.bettors || []).some((b) => b.wallet === walletAddress);
   }, [game.bettors, walletAddress]);
@@ -4479,7 +4744,7 @@ var styles10 = StyleSheet11.create({
 });
 
 // src/ui/game/CreateCustomGameSheet.tsx
-import { useState as useState21, useEffect as useEffect13, useRef as useRef6, useCallback as useCallback17 } from "react";
+import { useState as useState25, useEffect as useEffect15, useRef as useRef6, useCallback as useCallback21 } from "react";
 import {
   View as View12,
   Text as Text12,
@@ -4516,18 +4781,18 @@ function CreateCustomGameSheet({
   const t = useDubsTheme();
   const { wallet } = useDubs();
   const mutation = useCreateCustomGame();
-  const [selectedAmount, setSelectedAmount] = useState21(null);
-  const [customAmount, setCustomAmount] = useState21("");
-  const [isCustom, setIsCustom] = useState21(false);
+  const [selectedAmount, setSelectedAmount] = useState25(null);
+  const [customAmount, setCustomAmount] = useState25("");
+  const [isCustom, setIsCustom] = useState25(false);
   const overlayOpacity = useRef6(new Animated3.Value(0)).current;
-  useEffect13(() => {
+  useEffect15(() => {
     Animated3.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  useEffect13(() => {
+  useEffect15(() => {
     if (visible) {
       setSelectedAmount(defaultAmount ?? null);
       setCustomAmount("");
@@ -4535,7 +4800,7 @@ function CreateCustomGameSheet({
       mutation.reset();
     }
   }, [visible]);
-  useEffect13(() => {
+  useEffect15(() => {
     if (mutation.status === "success" && mutation.data) {
       onSuccess?.(mutation.data);
       const timer = setTimeout(() => {
@@ -4544,23 +4809,23 @@ function CreateCustomGameSheet({
       return () => clearTimeout(timer);
     }
   }, [mutation.status, mutation.data]);
-  useEffect13(() => {
+  useEffect15(() => {
     if (mutation.status === "error" && mutation.error) {
       onError?.(mutation.error);
     }
   }, [mutation.status, mutation.error]);
-  const handlePresetSelect = useCallback17((amount) => {
+  const handlePresetSelect = useCallback21((amount) => {
     setSelectedAmount(amount);
     setIsCustom(false);
     setCustomAmount("");
     onAmountChange?.(amount);
   }, [onAmountChange]);
-  const handleCustomSelect = useCallback17(() => {
+  const handleCustomSelect = useCallback21(() => {
     setIsCustom(true);
     setSelectedAmount(null);
     onAmountChange?.(null);
   }, [onAmountChange]);
-  const handleCustomAmountChange = useCallback17((text) => {
+  const handleCustomAmountChange = useCallback21((text) => {
     const cleaned = text.replace(/[^0-9.]/g, "").replace(/(\..*?)\..*/g, "$1");
     setCustomAmount(cleaned);
     const parsed = parseFloat(cleaned);
@@ -4575,7 +4840,7 @@ function CreateCustomGameSheet({
   const winnerTakes = pot * (1 - fee / 100);
   const isMutating = mutation.status !== "idle" && mutation.status !== "success" && mutation.status !== "error";
   const canCreate = finalAmount !== null && finalAmount > 0 && !isMutating && mutation.status !== "success";
-  const handleCreate = useCallback17(async () => {
+  const handleCreate = useCallback21(async () => {
     if (!finalAmount || !wallet.publicKey) return;
     try {
       await mutation.execute({
@@ -4844,7 +5109,7 @@ var styles11 = StyleSheet12.create({
 });
 
 // src/ui/game/JoinGameSheet.tsx
-import { useState as useState22, useEffect as useEffect14, useRef as useRef7, useCallback as useCallback18, useMemo as useMemo8 } from "react";
+import { useState as useState26, useEffect as useEffect16, useRef as useRef7, useCallback as useCallback22, useMemo as useMemo9 } from "react";
 import {
   View as View13,
   Text as Text13,
@@ -4880,22 +5145,22 @@ function JoinGameSheet({
   const { wallet } = useDubs();
   const mutation = useJoinGame();
   const isCustomGame = game.gameMode === CUSTOM_GAME_MODE;
-  const [selectedTeam, setSelectedTeam] = useState22(null);
+  const [selectedTeam, setSelectedTeam] = useState26(null);
   const overlayOpacity = useRef7(new Animated4.Value(0)).current;
-  useEffect14(() => {
+  useEffect16(() => {
     Animated4.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  useEffect14(() => {
+  useEffect16(() => {
     if (visible) {
       setSelectedTeam(isPoolModeEnabled ? "home" : isCustomGame ? "away" : null);
       mutation.reset();
     }
   }, [visible]);
-  useEffect14(() => {
+  useEffect16(() => {
     if (mutation.status === "success" && mutation.data) {
       onSuccess?.(mutation.data);
       const timer = setTimeout(() => {
@@ -4904,7 +5169,7 @@ function JoinGameSheet({
       return () => clearTimeout(timer);
     }
   }, [mutation.status, mutation.data]);
-  useEffect14(() => {
+  useEffect16(() => {
     if (mutation.status === "error" && mutation.error) {
       onError?.(mutation.error);
     }
@@ -4915,7 +5180,7 @@ function JoinGameSheet({
   const homePool = game.homePool || 0;
   const awayPool = game.awayPool || 0;
   const buyIn = game.buyIn;
-  const { homeOdds, awayOdds, homeBets, awayBets } = useMemo8(() => ({
+  const { homeOdds, awayOdds, homeBets, awayBets } = useMemo9(() => ({
     homeOdds: homePool > 0 ? (totalPool / homePool).toFixed(2) : "\u2014",
     awayOdds: awayPool > 0 ? (totalPool / awayPool).toFixed(2) : "\u2014",
     homeBets: bettors.filter((b) => b.team === "home").length,
@@ -4927,14 +5192,14 @@ function JoinGameSheet({
   const homeName = shortName ? shortName(opponents[0]?.name) : opponents[0]?.name || "Home";
   const awayName = shortName ? shortName(opponents[1]?.name) : opponents[1]?.name || "Away";
   const selectedName = selectedTeam === "home" ? homeName : selectedTeam === "away" ? awayName : "\u2014";
-  const alreadyJoined = useMemo8(() => {
+  const alreadyJoined = useMemo9(() => {
     if (!wallet.publicKey) return false;
     const addr = wallet.publicKey.toBase58();
     return bettors.some((b) => b.wallet === addr);
   }, [bettors, wallet.publicKey]);
   const isMutating = mutation.status !== "idle" && mutation.status !== "success" && mutation.status !== "error";
   const canJoin = selectedTeam !== null && !isMutating && mutation.status !== "success" && !alreadyJoined;
-  const handleJoin = useCallback18(async () => {
+  const handleJoin = useCallback22(async () => {
     if (!selectedTeam || !wallet.publicKey) return;
     try {
       await mutation.execute({
@@ -5078,7 +5343,7 @@ function TeamButton({
   ImageComponent,
   t
 }) {
-  const [imgFailed, setImgFailed] = useState22(false);
+  const [imgFailed, setImgFailed] = useState26(false);
   const Img = ImageComponent || __require("react-native").Image;
   const showImage = imageUrl && !imgFailed;
   return /* @__PURE__ */ jsxs13(
@@ -5255,7 +5520,7 @@ var styles12 = StyleSheet13.create({
 });
 
 // src/ui/game/ClaimPrizeSheet.tsx
-import { useState as useState23, useEffect as useEffect15, useRef as useRef8, useCallback as useCallback19 } from "react";
+import { useState as useState27, useEffect as useEffect17, useRef as useRef8, useCallback as useCallback23 } from "react";
 import {
   View as View14,
   Text as Text14,
@@ -5289,15 +5554,15 @@ function ClaimPrizeSheet({
   const overlayOpacity = useRef8(new Animated5.Value(0)).current;
   const celebrationScale = useRef8(new Animated5.Value(0)).current;
   const celebrationOpacity = useRef8(new Animated5.Value(0)).current;
-  const [showCelebration, setShowCelebration] = useState23(false);
-  useEffect15(() => {
+  const [showCelebration, setShowCelebration] = useState27(false);
+  useEffect17(() => {
     Animated5.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  useEffect15(() => {
+  useEffect17(() => {
     if (visible) {
       mutation.reset();
       setShowCelebration(false);
@@ -5305,7 +5570,7 @@ function ClaimPrizeSheet({
       celebrationOpacity.setValue(0);
     }
   }, [visible]);
-  useEffect15(() => {
+  useEffect17(() => {
     if (mutation.status === "success" && mutation.data) {
       setShowCelebration(true);
       Animated5.parallel([
@@ -5328,14 +5593,14 @@ function ClaimPrizeSheet({
       return () => clearTimeout(timer);
     }
   }, [mutation.status, mutation.data]);
-  useEffect15(() => {
+  useEffect17(() => {
     if (mutation.status === "error" && mutation.error) {
       onError?.(mutation.error);
     }
   }, [mutation.status, mutation.error]);
   const isMutating = mutation.status !== "idle" && mutation.status !== "success" && mutation.status !== "error";
   const canClaim = !isMutating && mutation.status !== "success" && !!wallet.publicKey;
-  const handleClaim = useCallback19(async () => {
+  const handleClaim = useCallback23(async () => {
     if (!wallet.publicKey) return;
     try {
       await mutation.execute({
@@ -5568,7 +5833,7 @@ var styles13 = StyleSheet14.create({
 });
 
 // src/ui/game/ClaimButton.tsx
-import { useState as useState24, useMemo as useMemo9, useCallback as useCallback20 } from "react";
+import { useState as useState28, useMemo as useMemo10, useCallback as useCallback24 } from "react";
 import { StyleSheet as StyleSheet15, Text as Text15, TouchableOpacity as TouchableOpacity11 } from "react-native";
 import { Fragment as Fragment5, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 function ClaimButton({ gameId, style, onSuccess, onError }) {
@@ -5576,9 +5841,9 @@ function ClaimButton({ gameId, style, onSuccess, onError }) {
   const { wallet } = useDubs();
   const game = useGame(gameId);
   const claimStatus = useHasClaimed(gameId);
-  const [sheetVisible, setSheetVisible] = useState24(false);
+  const [sheetVisible, setSheetVisible] = useState28(false);
   const walletAddress = wallet.publicKey?.toBase58() ?? null;
-  const myBet = useMemo9(() => {
+  const myBet = useMemo10(() => {
     if (!walletAddress || !game.data?.bettors) return null;
     return game.data.bettors.find((b) => b.wallet === walletAddress) ?? null;
   }, [walletAddress, game.data?.bettors]);
@@ -5587,7 +5852,7 @@ function ClaimButton({ gameId, style, onSuccess, onError }) {
   const isWinner = isResolved && myBet != null && myBet.team === game.data?.winnerSide;
   const isEligible = myBet != null && isResolved && (isWinner || isRefund);
   const prizeAmount = isRefund ? myBet?.amount ?? 0 : game.data?.totalPool ?? 0;
-  const handleSuccess = useCallback20(
+  const handleSuccess = useCallback24(
     (result) => {
       claimStatus.refetch();
       onSuccess?.(result);
@@ -5672,6 +5937,216 @@ var styles14 = StyleSheet15.create({
     fontWeight: "700"
   }
 });
+
+// src/ui/game/EnterArcadePoolSheet.tsx
+import { useEffect as useEffect18, useRef as useRef9, useCallback as useCallback25 } from "react";
+import {
+  View as View15,
+  Text as Text16,
+  TouchableOpacity as TouchableOpacity12,
+  ActivityIndicator as ActivityIndicator9,
+  Modal as Modal5,
+  Animated as Animated6,
+  StyleSheet as StyleSheet16,
+  KeyboardAvoidingView as KeyboardAvoidingView6,
+  Platform as Platform9
+} from "react-native";
+import { Fragment as Fragment6, jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+var STATUS_LABELS5 = {
+  building: "Building transaction...",
+  signing: "Approve in wallet...",
+  confirming: "Confirming...",
+  success: "Joined!"
+};
+function EnterArcadePoolSheet({
+  visible,
+  onDismiss,
+  pool,
+  stats,
+  onSuccess,
+  onError
+}) {
+  const t = useDubsTheme();
+  const { wallet } = useDubs();
+  const mutation = useEnterArcadePool();
+  const overlayOpacity = useRef9(new Animated6.Value(0)).current;
+  useEffect18(() => {
+    Animated6.timing(overlayOpacity, {
+      toValue: visible ? 1 : 0,
+      duration: 250,
+      useNativeDriver: true
+    }).start();
+  }, [visible, overlayOpacity]);
+  useEffect18(() => {
+    if (visible) {
+      mutation.reset();
+    }
+  }, [visible]);
+  useEffect18(() => {
+    if (mutation.status === "success" && mutation.data) {
+      onSuccess?.(mutation.data);
+      const timer = setTimeout(() => {
+        onDismiss();
+      }, 1500);
+      return () => clearTimeout(timer);
+    }
+  }, [mutation.status, mutation.data]);
+  useEffect18(() => {
+    if (mutation.status === "error" && mutation.error) {
+      onError?.(mutation.error);
+    }
+  }, [mutation.status, mutation.error]);
+  const buyInSol = (pool.buy_in_lamports / 1e9).toFixed(4);
+  const totalPlayers = stats?.total_entries ?? pool.total_entries ?? 0;
+  const topScore = stats?.top_score ?? 0;
+  const potSol = (pool.buy_in_lamports * Number(totalPlayers) / 1e9).toFixed(4);
+  const isMutating = mutation.status !== "idle" && mutation.status !== "success" && mutation.status !== "error";
+  const canJoin = !isMutating && mutation.status !== "success";
+  const handleJoin = useCallback25(async () => {
+    if (!wallet.publicKey) return;
+    try {
+      await mutation.execute(pool.id);
+    } catch {
+    }
+  }, [wallet.publicKey, mutation.execute, pool.id]);
+  const statusLabel = STATUS_LABELS5[mutation.status] || "";
+  return /* @__PURE__ */ jsxs16(
+    Modal5,
+    {
+      visible,
+      animationType: "slide",
+      transparent: true,
+      onRequestClose: onDismiss,
+      children: [
+        /* @__PURE__ */ jsx18(Animated6.View, { style: [styles15.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ jsx18(TouchableOpacity12, { style: styles15.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
+        /* @__PURE__ */ jsx18(
+          KeyboardAvoidingView6,
+          {
+            style: styles15.keyboardView,
+            behavior: Platform9.OS === "ios" ? "padding" : void 0,
+            children: /* @__PURE__ */ jsx18(View15, { style: styles15.sheetPositioner, children: /* @__PURE__ */ jsxs16(View15, { style: [styles15.sheet, { backgroundColor: t.background }], children: [
+              /* @__PURE__ */ jsx18(View15, { style: styles15.handleRow, children: /* @__PURE__ */ jsx18(View15, { style: [styles15.handle, { backgroundColor: t.textMuted }] }) }),
+              /* @__PURE__ */ jsxs16(View15, { style: styles15.header, children: [
+                /* @__PURE__ */ jsx18(Text16, { style: [styles15.headerTitle, { color: t.text }], children: "Join Pool" }),
+                /* @__PURE__ */ jsx18(TouchableOpacity12, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ jsx18(Text16, { style: [styles15.closeButton, { color: t.textMuted }], children: "\u2715" }) })
+              ] }),
+              /* @__PURE__ */ jsx18(Text16, { style: [styles15.poolName, { color: t.textSecondary }], children: pool.name }),
+              /* @__PURE__ */ jsxs16(View15, { style: [styles15.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
+                /* @__PURE__ */ jsxs16(View15, { style: styles15.summaryRow, children: [
+                  /* @__PURE__ */ jsx18(Text16, { style: [styles15.summaryLabel, { color: t.textMuted }], children: "Buy-in" }),
+                  /* @__PURE__ */ jsxs16(Text16, { style: [styles15.summaryValue, { color: t.text }], children: [
+                    buyInSol,
+                    " SOL"
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx18(View15, { style: [styles15.summarySep, { backgroundColor: t.border }] }),
+                /* @__PURE__ */ jsxs16(View15, { style: styles15.summaryRow, children: [
+                  /* @__PURE__ */ jsx18(Text16, { style: [styles15.summaryLabel, { color: t.textMuted }], children: "Players in" }),
+                  /* @__PURE__ */ jsx18(Text16, { style: [styles15.summaryValue, { color: t.text }], children: totalPlayers })
+                ] }),
+                /* @__PURE__ */ jsx18(View15, { style: [styles15.summarySep, { backgroundColor: t.border }] }),
+                /* @__PURE__ */ jsxs16(View15, { style: styles15.summaryRow, children: [
+                  /* @__PURE__ */ jsx18(Text16, { style: [styles15.summaryLabel, { color: t.textMuted }], children: "Current pot" }),
+                  /* @__PURE__ */ jsxs16(Text16, { style: [styles15.summaryValue, { color: t.success }], children: [
+                    potSol,
+                    " SOL"
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx18(View15, { style: [styles15.summarySep, { backgroundColor: t.border }] }),
+                /* @__PURE__ */ jsxs16(View15, { style: styles15.summaryRow, children: [
+                  /* @__PURE__ */ jsx18(Text16, { style: [styles15.summaryLabel, { color: t.textMuted }], children: "Lives" }),
+                  /* @__PURE__ */ jsx18(Text16, { style: [styles15.summaryValue, { color: t.text }], children: pool.max_lives })
+                ] }),
+                topScore > 0 && /* @__PURE__ */ jsxs16(Fragment6, { children: [
+                  /* @__PURE__ */ jsx18(View15, { style: [styles15.summarySep, { backgroundColor: t.border }] }),
+                  /* @__PURE__ */ jsxs16(View15, { style: styles15.summaryRow, children: [
+                    /* @__PURE__ */ jsx18(Text16, { style: [styles15.summaryLabel, { color: t.textMuted }], children: "Top score" }),
+                    /* @__PURE__ */ jsx18(Text16, { style: [styles15.summaryValue, { color: t.text }], children: topScore })
+                  ] })
+                ] })
+              ] }),
+              mutation.error && /* @__PURE__ */ jsx18(View15, { style: [styles15.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ jsx18(Text16, { style: [styles15.errorText, { color: t.errorText }], children: mutation.error.message }) }),
+              /* @__PURE__ */ jsx18(
+                TouchableOpacity12,
+                {
+                  style: [
+                    styles15.ctaButton,
+                    { backgroundColor: canJoin ? t.accent : t.border }
+                  ],
+                  disabled: !canJoin,
+                  onPress: handleJoin,
+                  activeOpacity: 0.8,
+                  children: isMutating ? /* @__PURE__ */ jsxs16(View15, { style: styles15.ctaLoading, children: [
+                    /* @__PURE__ */ jsx18(ActivityIndicator9, { size: "small", color: "#FFFFFF" }),
+                    /* @__PURE__ */ jsx18(Text16, { style: styles15.ctaText, children: statusLabel })
+                  ] }) : mutation.status === "success" ? /* @__PURE__ */ jsx18(Text16, { style: styles15.ctaText, children: "Joined!" }) : /* @__PURE__ */ jsx18(Text16, { style: [styles15.ctaText, !canJoin && { opacity: 0.5 }], children: `Join Pool \u2014 ${buyInSol} SOL` })
+                }
+              )
+            ] }) })
+          }
+        )
+      ]
+    }
+  );
+}
+var styles15 = StyleSheet16.create({
+  overlay: {
+    ...StyleSheet16.absoluteFillObject,
+    backgroundColor: "rgba(0,0,0,0.5)"
+  },
+  overlayTap: { flex: 1 },
+  keyboardView: { flex: 1, justifyContent: "flex-end" },
+  sheetPositioner: { justifyContent: "flex-end" },
+  sheet: {
+    borderTopLeftRadius: 24,
+    borderTopRightRadius: 24,
+    paddingHorizontal: 20,
+    paddingBottom: 40
+  },
+  handleRow: { alignItems: "center", paddingTop: 10, paddingBottom: 8 },
+  handle: { width: 36, height: 4, borderRadius: 2, opacity: 0.4 },
+  header: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingVertical: 12
+  },
+  headerTitle: { fontSize: 20, fontWeight: "700" },
+  closeButton: { fontSize: 20, padding: 4 },
+  poolName: { fontSize: 15, fontWeight: "600", marginBottom: 8 },
+  summaryCard: {
+    marginTop: 12,
+    borderRadius: 16,
+    borderWidth: 1,
+    overflow: "hidden"
+  },
+  summaryRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingHorizontal: 16,
+    paddingVertical: 14
+  },
+  summaryLabel: { fontSize: 14 },
+  summaryValue: { fontSize: 15, fontWeight: "700" },
+  summarySep: { height: 1, marginHorizontal: 16 },
+  errorBox: {
+    marginTop: 16,
+    borderRadius: 12,
+    borderWidth: 1,
+    padding: 12
+  },
+  errorText: { fontSize: 13, fontWeight: "500" },
+  ctaButton: {
+    marginTop: 20,
+    height: 56,
+    borderRadius: 14,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  ctaText: { color: "#FFFFFF", fontSize: 16, fontWeight: "700" },
+  ctaLoading: { flexDirection: "row", alignItems: "center", gap: 10 }
+});
 export {
   AuthGate,
   ClaimButton,
@@ -5683,6 +6158,7 @@ export {
   DubsApiError,
   DubsClient,
   DubsProvider,
+  EnterArcadePoolSheet,
   GamePoster,
   JoinGameButton,
   JoinGameSheet,
@@ -5705,12 +6181,16 @@ export {
   parseSolanaError,
   signAndSendBase64Transaction,
   useAppConfig,
+  useArcadeGame,
+  useArcadePool,
+  useArcadePools,
   useAuth,
   useClaim,
   useCreateCustomGame,
   useCreateGame,
   useDubs,
   useDubsTheme,
+  useEnterArcadePool,
   useEvents,
   useGame,
   useGames,