@dubsdotapp/expo 0.5.4 → 0.5.6

package/dist/index.mjs

@@ -2805,6 +2805,8 @@ function useArcadeBridge({
   const webviewRef = useRef5(null);
   const sessionTokenRef = useRef5(null);
   const gameStartTimeRef = useRef5(0);
+  const canPlayRef = useRef5(canPlay);
+  canPlayRef.current = canPlay;
   const [lastResult, setLastResult] = useState20(null);
   const [bridgeLoading, setBridgeLoading] = useState20(false);
   const injectSession = useCallback18((token, attemptNumber) => {
@@ -2841,10 +2843,10 @@ function useArcadeBridge({
       } catch {
         return;
       }
-      if (data.dubsArcade !== PROTOCOL_VERSION) return;
+      if (data.dubsArcade !== void 0 && data.dubsArcade !== PROTOCOL_VERSION) return;
       switch (data.type) {
         case "TAP_PLAY": {
-          if (canPlay) {
+          if (canPlayRef.current) {
             triggerPlay();
           }
           return;
@@ -2873,7 +2875,7 @@ function useArcadeBridge({
           return;
       }
     },
-    [canPlay, triggerPlay, submitScore, onScoreSubmitted, onError]
+    [triggerPlay, submitScore, onScoreSubmitted, onError]
   );
   return { webviewRef, handleMessage, triggerPlay, lastResult, bridgeLoading };
 }
@@ -3040,6 +3042,7 @@ function AuthGate({
   renderLoading,
   renderError,
   renderRegistration,
+  renderConnectWallet,
   appName = "Dubs",
   accentColor
 }) {
@@ -3140,6 +3143,14 @@ function AuthGate({
     if (renderError) return /* @__PURE__ */ jsx4(Fragment2, { children: renderError(auth.error, retry) });
     return /* @__PURE__ */ jsx4(DefaultErrorScreen, { error: auth.error, onRetry: retry, appName, accentColor });
   }
+  if (auth.status === "idle") {
+    const connectProps = {
+      onConnect: auth.authenticate,
+      connecting: false,
+      error: null
+    };
+    if (renderConnectWallet) return /* @__PURE__ */ jsx4(Fragment2, { children: renderConnectWallet(connectProps) });
+  }
   if (renderLoading) return /* @__PURE__ */ jsx4(Fragment2, { children: renderLoading(auth.status) });
   return /* @__PURE__ */ jsx4(DefaultLoadingScreen, { status: auth.status, appName, accentColor });
 }
@@ -3840,77 +3851,66 @@ function useAppConfig() {
 
 // src/ui/ConnectWalletButton.tsx
 import {
-  Text as Text4,
   TouchableOpacity as TouchableOpacity4,
+  Text as Text4,
   ActivityIndicator as ActivityIndicator3,
-  StyleSheet as StyleSheet4,
-  View as View4
+  StyleSheet as StyleSheet4
 } from "react-native";
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 function ConnectWalletButton({
-  onConnect,
-  connecting = false,
-  error = null,
-  accentColor,
   label = "Connect Wallet",
-  style,
-  buttonStyle
+  accentColor,
+  textColor = "#000000",
+  borderRadius = 16,
+  paddingVertical = 16,
+  fontSize = 17,
+  fullWidth = true,
+  onPress
 }) {
   const t = useDubsTheme();
+  const { authenticate, status } = useAuth();
+  const connecting = status === "authenticating" || status === "signing" || status === "verifying";
   const accent = accentColor || t.accent;
-  return /* @__PURE__ */ jsxs4(View4, { style, children: [
-    error ? /* @__PURE__ */ jsx6(
-      View4,
-      {
-        style: [
-          styles3.errorBox,
-          { backgroundColor: t.errorBg, borderColor: t.errorBorder }
-        ],
-        children: /* @__PURE__ */ jsx6(Text4, { style: [styles3.errorText, { color: t.errorText }], children: error })
-      }
-    ) : null,
-    /* @__PURE__ */ jsx6(
-      TouchableOpacity4,
-      {
-        style: [styles3.button, { backgroundColor: accent }, buttonStyle],
-        onPress: onConnect,
-        disabled: connecting,
-        activeOpacity: 0.8,
-        children: connecting ? /* @__PURE__ */ jsx6(ActivityIndicator3, { color: "#FFFFFF", size: "small" }) : /* @__PURE__ */ jsx6(Text4, { style: styles3.buttonText, children: label })
-      }
-    )
-  ] });
+  const handlePress = () => {
+    onPress?.();
+    authenticate();
+  };
+  return /* @__PURE__ */ jsx6(
+    TouchableOpacity4,
+    {
+      onPress: handlePress,
+      disabled: connecting,
+      activeOpacity: 0.85,
+      style: [
+        styles3.btn,
+        {
+          backgroundColor: accent,
+          borderRadius,
+          paddingVertical,
+          width: fullWidth ? "100%" : void 0,
+          opacity: connecting ? 0.8 : 1
+        }
+      ],
+      children: connecting ? /* @__PURE__ */ jsx6(ActivityIndicator3, { color: textColor, size: "small" }) : /* @__PURE__ */ jsx6(Text4, { style: [styles3.label, { color: textColor, fontSize }], children: label })
+    }
+  );
 }
 var styles3 = StyleSheet4.create({
-  button: {
-    height: 56,
-    borderRadius: 16,
-    justifyContent: "center",
+  btn: {
     alignItems: "center",
+    justifyContent: "center",
     paddingHorizontal: 24
   },
-  buttonText: {
-    color: "#FFFFFF",
-    fontSize: 18,
-    fontWeight: "700"
-  },
-  errorBox: {
-    borderWidth: 1,
-    borderRadius: 12,
-    paddingHorizontal: 16,
-    paddingVertical: 12,
-    marginBottom: 12
-  },
-  errorText: {
-    fontSize: 14,
-    textAlign: "center"
+  label: {
+    fontWeight: "800",
+    letterSpacing: -0.2
   }
 });
 
 // src/ui/UserProfileCard.tsx
 import { useMemo as useMemo4 } from "react";
 import { View as View5, Text as Text5, Image as Image4, StyleSheet as StyleSheet5 } from "react-native";
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 function truncateAddress(address, chars = 4) {
   if (address.length <= chars * 2 + 3) return address;
   return `${address.slice(0, chars)}...${address.slice(-chars)}`;
@@ -3932,9 +3932,9 @@ function UserProfileCard({
     () => ensurePngAvatar(avatarUrl) || `https://api.dicebear.com/9.x/avataaars/png?seed=${walletAddress}&size=128`,
     [avatarUrl, walletAddress]
   );
-  return /* @__PURE__ */ jsxs5(View5, { style: [styles4.card, { backgroundColor: t.surface, borderColor: t.border }], children: [
+  return /* @__PURE__ */ jsxs4(View5, { style: [styles4.card, { backgroundColor: t.surface, borderColor: t.border }], children: [
     /* @__PURE__ */ jsx7(Image4, { source: { uri: imageUri }, style: styles4.avatar }),
-    /* @__PURE__ */ jsxs5(View5, { style: styles4.info, children: [
+    /* @__PURE__ */ jsxs4(View5, { style: styles4.info, children: [
       username ? /* @__PURE__ */ jsx7(Text5, { style: [styles4.username, { color: t.text }], children: username }) : null,
       /* @__PURE__ */ jsx7(Text5, { style: [styles4.address, { color: t.textMuted }], children: truncateAddress(walletAddress) }),
       memberSince ? /* @__PURE__ */ jsx7(Text5, { style: [styles4.memberSince, { color: t.textDim }], children: formatMemberSince(memberSince) }) : null
@@ -3983,7 +3983,7 @@ import {
   ActivityIndicator as ActivityIndicator4,
   StyleSheet as StyleSheet6
 } from "react-native";
-import { Fragment as Fragment3, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 function truncateAddress2(address, chars = 4) {
   if (address.length <= chars * 2 + 3) return address;
   return `${address.slice(0, chars)}...${address.slice(-chars)}`;
@@ -4000,7 +4000,7 @@ function SettingsSheet({
   loggingOut = false
 }) {
   const t = useDubsTheme();
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs5(
     ScrollView3,
     {
       style: [styles5.container, { backgroundColor: t.background }],
@@ -4015,15 +4015,15 @@ function SettingsSheet({
             memberSince
           }
         ),
-        /* @__PURE__ */ jsxs6(View6, { style: [styles5.actionsCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
-          onCopyAddress ? /* @__PURE__ */ jsxs6(
+        /* @__PURE__ */ jsxs5(View6, { style: [styles5.actionsCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
+          onCopyAddress ? /* @__PURE__ */ jsxs5(
             TouchableOpacity5,
             {
               style: styles5.actionRow,
               onPress: onCopyAddress,
               activeOpacity: 0.7,
               children: [
-                /* @__PURE__ */ jsxs6(View6, { style: styles5.actionRowLeft, children: [
+                /* @__PURE__ */ jsxs5(View6, { style: styles5.actionRowLeft, children: [
                   /* @__PURE__ */ jsx8(Text6, { style: [styles5.actionLabel, { color: t.text }], children: "Wallet Address" }),
                   /* @__PURE__ */ jsx8(Text6, { style: [styles5.actionValue, { color: t.textMuted }], children: truncateAddress2(walletAddress) })
                 ] }),
@@ -4031,9 +4031,9 @@ function SettingsSheet({
               ]
             }
           ) : null,
-          onSupport ? /* @__PURE__ */ jsxs6(Fragment3, { children: [
+          onSupport ? /* @__PURE__ */ jsxs5(Fragment3, { children: [
             onCopyAddress ? /* @__PURE__ */ jsx8(View6, { style: [styles5.separator, { backgroundColor: t.border }] }) : null,
-            /* @__PURE__ */ jsxs6(
+            /* @__PURE__ */ jsxs5(
               TouchableOpacity5,
               {
                 style: styles5.actionRow,
@@ -4057,7 +4057,7 @@ function SettingsSheet({
             children: loggingOut ? /* @__PURE__ */ jsx8(ActivityIndicator4, { color: t.live, size: "small" }) : /* @__PURE__ */ jsx8(Text6, { style: [styles5.logoutText, { color: t.live }], children: "Log Out" })
           }
         ),
-        appVersion ? /* @__PURE__ */ jsxs6(Text6, { style: [styles5.version, { color: t.textDim }], children: [
+        appVersion ? /* @__PURE__ */ jsxs5(Text6, { style: [styles5.version, { color: t.textDim }], children: [
           "v",
           appVersion
         ] }) : null
@@ -4143,7 +4143,7 @@ import {
   ScrollView as ScrollView4,
   Dimensions
 } from "react-native";
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 function truncateAddress3(address, chars = 4) {
   if (address.length <= chars * 2 + 3) return address;
   return `${address.slice(0, chars)}...${address.slice(-chars)}`;
@@ -4209,7 +4209,7 @@ function UserProfileSheet({
     setBgColor(color);
     saveAvatar(getAvatarUrl(avatarStyle, avatarSeed, color));
   }, [avatarStyle, avatarSeed, saveAvatar]);
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs6(
     Modal,
     {
       visible,
@@ -4223,13 +4223,13 @@ function UserProfileSheet({
           {
             style: styles6.keyboardView,
             behavior: Platform5.OS === "ios" ? "padding" : void 0,
-            children: /* @__PURE__ */ jsx9(View7, { style: styles6.sheetPositioner, children: /* @__PURE__ */ jsxs7(View7, { style: [styles6.sheet, { backgroundColor: t.background }], children: [
+            children: /* @__PURE__ */ jsx9(View7, { style: styles6.sheetPositioner, children: /* @__PURE__ */ jsxs6(View7, { style: [styles6.sheet, { backgroundColor: t.background }], children: [
               /* @__PURE__ */ jsx9(View7, { style: styles6.handleRow, children: /* @__PURE__ */ jsx9(View7, { style: [styles6.handle, { backgroundColor: t.textMuted }] }) }),
-              /* @__PURE__ */ jsxs7(View7, { style: styles6.header, children: [
+              /* @__PURE__ */ jsxs6(View7, { style: styles6.header, children: [
                 /* @__PURE__ */ jsx9(Text7, { style: [styles6.headerTitle, { color: t.text }], children: "Profile" }),
                 /* @__PURE__ */ jsx9(TouchableOpacity6, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ jsx9(Text7, { style: [styles6.closeButton, { color: t.textMuted }], children: "\u2715" }) })
               ] }),
-              /* @__PURE__ */ jsxs7(
+              /* @__PURE__ */ jsxs6(
                 ScrollView4,
                 {
                   style: styles6.scrollContent,
@@ -4237,8 +4237,8 @@ function UserProfileSheet({
                   showsVerticalScrollIndicator: false,
                   bounces: false,
                   children: [
-                    /* @__PURE__ */ jsxs7(View7, { style: styles6.avatarSection, children: [
-                      /* @__PURE__ */ jsxs7(View7, { style: [styles6.avatarContainer, { borderColor: t.border }], children: [
+                    /* @__PURE__ */ jsxs6(View7, { style: styles6.avatarSection, children: [
+                      /* @__PURE__ */ jsxs6(View7, { style: [styles6.avatarContainer, { borderColor: t.border }], children: [
                         /* @__PURE__ */ jsx9(
                           Image5,
                           {
@@ -4251,8 +4251,8 @@ function UserProfileSheet({
                       user.username ? /* @__PURE__ */ jsx9(Text7, { style: [styles6.username, { color: t.text }], children: user.username }) : null,
                       /* @__PURE__ */ jsx9(Text7, { style: [styles6.walletAddress, { color: t.textMuted }], children: truncateAddress3(user.walletAddress, 6) })
                     ] }),
-                    /* @__PURE__ */ jsxs7(View7, { style: styles6.section, children: [
-                      /* @__PURE__ */ jsxs7(View7, { style: styles6.sectionHeaderRow, children: [
+                    /* @__PURE__ */ jsxs6(View7, { style: styles6.section, children: [
+                      /* @__PURE__ */ jsxs6(View7, { style: styles6.sectionHeaderRow, children: [
                         /* @__PURE__ */ jsx9(Text7, { style: [styles6.sectionLabel, { color: t.textSecondary }], children: "Change Avatar" }),
                         /* @__PURE__ */ jsx9(
                           TouchableOpacity6,
@@ -4279,8 +4279,8 @@ function UserProfileSheet({
                       )
                     ] }),
                     error ? /* @__PURE__ */ jsx9(View7, { style: [styles6.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ jsx9(Text7, { style: [styles6.errorText, { color: t.errorText }], children: error }) }) : null,
-                    push.enabled && /* @__PURE__ */ jsxs7(View7, { style: [styles6.notifRow, { backgroundColor: t.surface, borderColor: t.border }], children: [
-                      /* @__PURE__ */ jsxs7(View7, { style: styles6.notifLeft, children: [
+                    push.enabled && /* @__PURE__ */ jsxs6(View7, { style: [styles6.notifRow, { backgroundColor: t.surface, borderColor: t.border }], children: [
+                      /* @__PURE__ */ jsxs6(View7, { style: styles6.notifLeft, children: [
                         /* @__PURE__ */ jsx9(Text7, { style: [styles6.notifLabel, { color: t.text }], children: "Push Notifications" }),
                         /* @__PURE__ */ jsx9(
                           Text7,
@@ -4487,7 +4487,7 @@ var styles6 = StyleSheet7.create({
 // src/ui/game/GamePoster.tsx
 import { useState as useState24 } 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";
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 function computeCountdown(lockTimestamp) {
   if (!lockTimestamp) return "";
   const ts = typeof lockTimestamp === "string" ? parseInt(lockTimestamp) : lockTimestamp;
@@ -4508,7 +4508,7 @@ function GamePoster({ game, ImageComponent }) {
   const away = opponents[1];
   const countdown = computeCountdown(game.lockTimestamp);
   const isLive = countdown === "LIVE";
-  return /* @__PURE__ */ jsxs8(View8, { style: styles7.container, children: [
+  return /* @__PURE__ */ jsxs7(View8, { style: styles7.container, children: [
     game.media?.poster ? /* @__PURE__ */ jsx10(
       Img,
       {
@@ -4516,19 +4516,19 @@ function GamePoster({ game, ImageComponent }) {
         style: styles7.image,
         resizeMode: "cover"
       }
-    ) : /* @__PURE__ */ jsx10(View8, { style: [styles7.image, { backgroundColor: t.surface }], children: /* @__PURE__ */ jsxs8(View8, { style: styles7.fallback, children: [
+    ) : /* @__PURE__ */ jsx10(View8, { style: [styles7.image, { backgroundColor: t.surface }], children: /* @__PURE__ */ jsxs7(View8, { style: styles7.fallback, children: [
       /* @__PURE__ */ jsx10(TeamLogoInternal, { url: home?.imageUrl, size: 56, Img }),
       /* @__PURE__ */ jsx10(Text8, { style: styles7.vs, children: "VS" }),
       /* @__PURE__ */ jsx10(TeamLogoInternal, { url: away?.imageUrl, size: 56, Img })
     ] }) }),
     /* @__PURE__ */ jsx10(View8, { style: styles7.overlay }),
-    /* @__PURE__ */ jsxs8(View8, { style: styles7.teamNames, children: [
+    /* @__PURE__ */ jsxs7(View8, { style: styles7.teamNames, children: [
       /* @__PURE__ */ jsx10(Text8, { style: styles7.teamNameText, numberOfLines: 1, children: home?.name || "Home" }),
       /* @__PURE__ */ jsx10(Text8, { style: styles7.teamNameVs, children: "vs" }),
       /* @__PURE__ */ jsx10(Text8, { style: styles7.teamNameText, numberOfLines: 1, children: away?.name || "Away" })
     ] }),
     countdown ? /* @__PURE__ */ jsx10(View8, { style: styles7.countdownPill, children: /* @__PURE__ */ jsx10(Text8, { style: [styles7.countdownText, isLive && styles7.countdownLive], children: countdown }) }) : null,
-    /* @__PURE__ */ jsx10(View8, { style: styles7.poolPill, children: /* @__PURE__ */ jsxs8(Text8, { style: styles7.poolText, children: [
+    /* @__PURE__ */ jsx10(View8, { style: styles7.poolPill, children: /* @__PURE__ */ jsxs7(Text8, { style: styles7.poolText, children: [
       game.totalPool || 0,
       " SOL"
     ] }) })
@@ -4638,7 +4638,7 @@ var styles7 = StyleSheet8.create({
 // src/ui/game/LivePoolsCard.tsx
 import { useMemo as useMemo6 } from "react";
 import { StyleSheet as StyleSheet9, View as View9, Text as Text9 } from "react-native";
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 function LivePoolsCard({
   game,
   shortName,
@@ -4660,29 +4660,29 @@ function LivePoolsCard({
       awayOdds: awayPool > 0 ? (totalPool / awayPool).toFixed(2) : "\u2014"
     };
   }, [homePool, awayPool, totalPool]);
-  return /* @__PURE__ */ jsxs9(View9, { style: [styles8.card, { backgroundColor: t.surface, borderColor: t.border }], children: [
+  return /* @__PURE__ */ jsxs8(View9, { style: [styles8.card, { backgroundColor: t.surface, borderColor: t.border }], children: [
     /* @__PURE__ */ jsx11(Text9, { style: [styles8.title, { color: t.text }], children: "Live Pools" }),
-    /* @__PURE__ */ jsxs9(Text9, { style: [styles8.total, { color: t.accent }], children: [
+    /* @__PURE__ */ jsxs8(Text9, { style: [styles8.total, { color: t.accent }], children: [
       totalPool,
       " SOL total"
     ] }),
-    /* @__PURE__ */ jsxs9(View9, { style: styles8.bars, children: [
+    /* @__PURE__ */ jsxs8(View9, { style: styles8.bars, children: [
       /* @__PURE__ */ jsx11(PoolBar, { name: homeName, amount: homePool, percent: homePercent, color: homeColor, t }),
       /* @__PURE__ */ jsx11(PoolBar, { name: awayName, amount: awayPool, percent: awayPercent, color: awayColor, t })
     ] }),
-    /* @__PURE__ */ jsxs9(View9, { style: styles8.oddsRow, children: [
-      /* @__PURE__ */ jsxs9(Text9, { style: [styles8.oddsText, { color: t.textMuted }], children: [
+    /* @__PURE__ */ jsxs8(View9, { style: styles8.oddsRow, children: [
+      /* @__PURE__ */ jsxs8(Text9, { style: [styles8.oddsText, { color: t.textMuted }], children: [
         homeName,
         ": ",
-        /* @__PURE__ */ jsxs9(Text9, { style: { color: t.text, fontWeight: "700" }, children: [
+        /* @__PURE__ */ jsxs8(Text9, { style: { color: t.text, fontWeight: "700" }, children: [
           homeOdds,
           "x"
         ] })
       ] }),
-      /* @__PURE__ */ jsxs9(Text9, { style: [styles8.oddsText, { color: t.textMuted }], children: [
+      /* @__PURE__ */ jsxs8(Text9, { style: [styles8.oddsText, { color: t.textMuted }], children: [
         awayName,
         ": ",
-        /* @__PURE__ */ jsxs9(Text9, { style: { color: t.text, fontWeight: "700" }, children: [
+        /* @__PURE__ */ jsxs8(Text9, { style: { color: t.text, fontWeight: "700" }, children: [
           awayOdds,
           "x"
         ] })
@@ -4691,10 +4691,10 @@ function LivePoolsCard({
   ] });
 }
 function PoolBar({ name, amount, percent, color, t }) {
-  return /* @__PURE__ */ jsxs9(View9, { style: styles8.barRow, children: [
+  return /* @__PURE__ */ jsxs8(View9, { style: styles8.barRow, children: [
     /* @__PURE__ */ jsx11(Text9, { style: [styles8.barLabel, { color: t.textSecondary }], numberOfLines: 1, children: name }),
     /* @__PURE__ */ jsx11(View9, { style: [styles8.barTrack, { backgroundColor: t.border }], children: /* @__PURE__ */ jsx11(View9, { style: [styles8.barFill, { width: `${Math.max(percent, 2)}%`, backgroundColor: color }] }) }),
-    /* @__PURE__ */ jsxs9(Text9, { style: [styles8.barAmount, { color: t.text }], children: [
+    /* @__PURE__ */ jsxs8(Text9, { style: [styles8.barAmount, { color: t.text }], children: [
       amount,
       " SOL"
     ] })
@@ -4717,7 +4717,7 @@ var styles8 = StyleSheet9.create({
 // src/ui/game/PickWinnerCard.tsx
 import { useState as useState25, useMemo as useMemo7 } from "react";
 import { StyleSheet as StyleSheet10, View as View10, Text as Text10, TouchableOpacity as TouchableOpacity7 } from "react-native";
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 function PickWinnerCard({
   game,
   selectedTeam,
@@ -4741,9 +4741,9 @@ function PickWinnerCard({
   }), [totalPool, homePool, awayPool, bettors]);
   const homeName = shortName ? shortName(opponents[0]?.name) : opponents[0]?.name || "Home";
   const awayName = shortName ? shortName(opponents[1]?.name) : opponents[1]?.name || "Away";
-  return /* @__PURE__ */ jsxs10(View10, { style: [styles9.card, { backgroundColor: t.surface, borderColor: t.border }], children: [
+  return /* @__PURE__ */ jsxs9(View10, { style: [styles9.card, { backgroundColor: t.surface, borderColor: t.border }], children: [
     /* @__PURE__ */ jsx12(Text10, { style: [styles9.title, { color: t.text }], children: "Pick Your Winner" }),
-    /* @__PURE__ */ jsxs10(View10, { style: styles9.row, children: [
+    /* @__PURE__ */ jsxs9(View10, { style: styles9.row, children: [
       /* @__PURE__ */ jsx12(
         TeamOption,
         {
@@ -4789,7 +4789,7 @@ function TeamOption({
   const [imgFailed, setImgFailed] = useState25(false);
   const Img = ImageComponent || __require("react-native").Image;
   const showImage = imageUrl && !imgFailed;
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs9(
     TouchableOpacity7,
     {
       style: [styles9.option, { borderColor: selected ? color : t.border, backgroundColor: selected ? color + "15" : t.background }],
@@ -4798,11 +4798,11 @@ function TeamOption({
       children: [
         showImage ? /* @__PURE__ */ jsx12(Img, { source: { uri: imageUrl }, style: styles9.logo, resizeMode: "contain", onError: () => setImgFailed(true) }) : /* @__PURE__ */ jsx12(View10, { style: [styles9.logo, styles9.logoPlaceholder] }),
         /* @__PURE__ */ jsx12(Text10, { style: [styles9.name, { color: t.text }], numberOfLines: 1, children: name }),
-        /* @__PURE__ */ jsxs10(Text10, { style: [styles9.odds, { color }], children: [
+        /* @__PURE__ */ jsxs9(Text10, { style: [styles9.odds, { color }], children: [
           odds,
           "x"
         ] }),
-        /* @__PURE__ */ jsxs10(Text10, { style: [styles9.bets, { color: t.textMuted }], children: [
+        /* @__PURE__ */ jsxs9(Text10, { style: [styles9.bets, { color: t.textMuted }], children: [
           bets,
           " ",
           bets === 1 ? "bet" : "bets"
@@ -4829,7 +4829,7 @@ var styles9 = StyleSheet10.create({
 // src/ui/game/PlayersCard.tsx
 import { useState as useState26 } from "react";
 import { StyleSheet as StyleSheet11, View as View11, Text as Text11 } from "react-native";
-import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 function truncateWallet(addr, chars) {
   if (addr.length <= chars * 2 + 3) return addr;
   return `${addr.slice(0, chars)}...${addr.slice(-chars)}`;
@@ -4849,8 +4849,8 @@ function PlayersCard({
     if (team === "away") return awayColor;
     return drawColor;
   };
-  return /* @__PURE__ */ jsxs11(View11, { style: [styles10.card, { backgroundColor: t.surface, borderColor: t.border }], children: [
-    /* @__PURE__ */ jsxs11(Text11, { style: [styles10.title, { color: t.text }], children: [
+  return /* @__PURE__ */ jsxs10(View11, { style: [styles10.card, { backgroundColor: t.surface, borderColor: t.border }], children: [
+    /* @__PURE__ */ jsxs10(Text11, { style: [styles10.title, { color: t.text }], children: [
       "Players",
       bettors.length > 0 ? ` (${bettors.length})` : ""
     ] }),
@@ -4879,11 +4879,11 @@ function BettorRow({
   const [imgFailed, setImgFailed] = useState26(false);
   const Img = ImageComponent || __require("react-native").Image;
   const showAvatar = bettor.avatar && !imgFailed;
-  return /* @__PURE__ */ jsxs11(View11, { style: [styles10.row, !isFirst && { borderTopColor: t.border, borderTopWidth: 1 }], children: [
+  return /* @__PURE__ */ jsxs10(View11, { style: [styles10.row, !isFirst && { borderTopColor: t.border, borderTopWidth: 1 }], children: [
     /* @__PURE__ */ jsx13(View11, { style: [styles10.dot, { backgroundColor: dotColor }] }),
     showAvatar ? /* @__PURE__ */ jsx13(Img, { source: { uri: ensurePngAvatar(bettor.avatar) }, style: styles10.avatar, resizeMode: "cover", onError: () => setImgFailed(true) }) : /* @__PURE__ */ jsx13(View11, { style: [styles10.avatar, styles10.avatarPlaceholder] }),
     /* @__PURE__ */ jsx13(View11, { style: styles10.nameCol, children: /* @__PURE__ */ jsx13(Text11, { style: [styles10.username, { color: t.text }], numberOfLines: 1, children: bettor.username || truncateWallet(bettor.wallet, truncateChars) }) }),
-    /* @__PURE__ */ jsxs11(Text11, { style: [styles10.amount, { color: t.textSecondary }], children: [
+    /* @__PURE__ */ jsxs10(Text11, { style: [styles10.amount, { color: t.textSecondary }], children: [
       bettor.amount,
       " SOL"
     ] })
@@ -4905,7 +4905,7 @@ var styles10 = StyleSheet11.create({
 // src/ui/game/JoinGameButton.tsx
 import { useMemo as useMemo8 } from "react";
 import { StyleSheet as StyleSheet12, View as View12, Text as Text12, TouchableOpacity as TouchableOpacity8, ActivityIndicator as ActivityIndicator6 } from "react-native";
-import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 var STATUS_LABELS = {
   building: "Building transaction...",
   signing: "Approve in wallet...",
@@ -4921,10 +4921,10 @@ function JoinGameButton({ game, walletAddress, selectedTeam, status, onJoin }) {
   if (alreadyJoined || game.isLocked || game.isResolved) return null;
   const isJoining = status !== "idle" && status !== "success" && status !== "error";
   const statusLabel = STATUS_LABELS[status] || "";
-  return /* @__PURE__ */ jsxs12(View12, { style: [styles11.bar, { backgroundColor: t.background, borderTopColor: t.border }], children: [
-    /* @__PURE__ */ jsxs12(View12, { style: styles11.buyInRow, children: [
+  return /* @__PURE__ */ jsxs11(View12, { style: [styles11.bar, { backgroundColor: t.background, borderTopColor: t.border }], children: [
+    /* @__PURE__ */ jsxs11(View12, { style: styles11.buyInRow, children: [
       /* @__PURE__ */ jsx14(Text12, { style: [styles11.buyInLabel, { color: t.textMuted }], children: "Buy-in" }),
-      /* @__PURE__ */ jsxs12(Text12, { style: [styles11.buyInValue, { color: t.text }], children: [
+      /* @__PURE__ */ jsxs11(Text12, { style: [styles11.buyInValue, { color: t.text }], children: [
         game.buyIn,
         " SOL"
       ] })
@@ -4936,7 +4936,7 @@ function JoinGameButton({ game, walletAddress, selectedTeam, status, onJoin }) {
         disabled: !selectedTeam || isJoining,
         onPress: onJoin,
         activeOpacity: 0.8,
-        children: isJoining ? /* @__PURE__ */ jsxs12(View12, { style: styles11.joiningRow, children: [
+        children: isJoining ? /* @__PURE__ */ jsxs11(View12, { style: styles11.joiningRow, children: [
           /* @__PURE__ */ jsx14(ActivityIndicator6, { size: "small", color: "#000" }),
           /* @__PURE__ */ jsx14(Text12, { style: styles11.buttonText, children: statusLabel })
         ] }) : /* @__PURE__ */ jsx14(Text12, { style: [styles11.buttonText, !selectedTeam && { color: t.textMuted }], children: selectedTeam ? `Join Bet \u2014 ${game.buyIn} SOL` : "Pick a team to bet" })
@@ -4968,7 +4968,7 @@ import {
   KeyboardAvoidingView as KeyboardAvoidingView3,
   Platform as Platform6
 } from "react-native";
-import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 var STATUS_LABELS2 = {
   building: "Building transaction...",
   signing: "Approve in wallet...",
@@ -5067,7 +5067,7 @@ function CreateCustomGameSheet({
   }, [finalAmount, wallet.publicKey, mutation.execute, title, maxPlayers, metadata]);
   const statusLabel = STATUS_LABELS2[mutation.status] || "";
   const playersLabel = playerCount === 2 ? "2 (1v1)" : `${playerCount} players`;
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs12(
     Modal2,
     {
       visible,
@@ -5081,15 +5081,15 @@ function CreateCustomGameSheet({
           {
             style: styles12.keyboardView,
             behavior: Platform6.OS === "ios" ? "padding" : void 0,
-            children: /* @__PURE__ */ jsx15(View13, { style: styles12.sheetPositioner, children: /* @__PURE__ */ jsxs13(View13, { style: [styles12.sheet, { backgroundColor: t.background }], children: [
+            children: /* @__PURE__ */ jsx15(View13, { style: styles12.sheetPositioner, children: /* @__PURE__ */ jsxs12(View13, { style: [styles12.sheet, { backgroundColor: t.background }], children: [
               /* @__PURE__ */ jsx15(View13, { style: styles12.handleRow, children: /* @__PURE__ */ jsx15(View13, { style: [styles12.handle, { backgroundColor: t.textMuted }] }) }),
-              /* @__PURE__ */ jsxs13(View13, { style: styles12.header, children: [
+              /* @__PURE__ */ jsxs12(View13, { style: styles12.header, children: [
                 /* @__PURE__ */ jsx15(Text13, { style: [styles12.headerTitle, { color: t.text }], children: isPoolModeEnabled ? "Create Pool" : "New Game" }),
                 /* @__PURE__ */ jsx15(TouchableOpacity9, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ jsx15(Text13, { style: [styles12.closeButton, { color: t.textMuted }], children: "\u2715" }) })
               ] }),
-              !isPoolModeEnabled && /* @__PURE__ */ jsxs13(View13, { style: styles12.section, children: [
+              !isPoolModeEnabled && /* @__PURE__ */ jsxs12(View13, { style: styles12.section, children: [
                 /* @__PURE__ */ jsx15(Text13, { style: [styles12.sectionLabel, { color: t.textSecondary }], children: "Buy-In Amount" }),
-                /* @__PURE__ */ jsxs13(View13, { style: styles12.chipsRow, children: [
+                /* @__PURE__ */ jsxs12(View13, { style: styles12.chipsRow, children: [
                   presetAmounts.map((amount) => {
                     const active = !isCustom && selectedAmount === amount;
                     return /* @__PURE__ */ jsx15(
@@ -5102,7 +5102,7 @@ function CreateCustomGameSheet({
                         ],
                         onPress: () => handlePresetSelect(amount),
                         activeOpacity: 0.8,
-                        children: /* @__PURE__ */ jsxs13(Text13, { style: [styles12.chipText, { color: active ? "#FFFFFF" : t.text }], children: [
+                        children: /* @__PURE__ */ jsxs12(Text13, { style: [styles12.chipText, { color: active ? "#FFFFFF" : t.text }], children: [
                           amount,
                           " SOL"
                         ] })
@@ -5137,22 +5137,22 @@ function CreateCustomGameSheet({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs13(View13, { style: [styles12.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
-                /* @__PURE__ */ jsxs13(View13, { style: styles12.summaryRow, children: [
+              /* @__PURE__ */ jsxs12(View13, { style: [styles12.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
+                /* @__PURE__ */ jsxs12(View13, { style: styles12.summaryRow, children: [
                   /* @__PURE__ */ jsx15(Text13, { style: [styles12.summaryLabel, { color: t.textMuted }], children: "Buy-in" }),
                   /* @__PURE__ */ jsx15(Text13, { style: [styles12.summaryValue, { color: t.text }], children: finalAmount ? `${finalAmount} SOL` : "\u2014" })
                 ] }),
                 /* @__PURE__ */ jsx15(View13, { style: [styles12.summarySep, { backgroundColor: t.border }] }),
-                /* @__PURE__ */ jsxs13(View13, { style: styles12.summaryRow, children: [
+                /* @__PURE__ */ jsxs12(View13, { style: styles12.summaryRow, children: [
                   /* @__PURE__ */ jsx15(Text13, { style: [styles12.summaryLabel, { color: t.textMuted }], children: isPoolModeEnabled ? "Max players" : "Players" }),
                   /* @__PURE__ */ jsx15(Text13, { style: [styles12.summaryValue, { color: t.text }], children: isPoolModeEnabled ? playerCount : playersLabel })
                 ] }),
                 /* @__PURE__ */ jsx15(View13, { style: [styles12.summarySep, { backgroundColor: t.border }] }),
-                /* @__PURE__ */ jsxs13(View13, { style: styles12.summaryRow, children: [
+                /* @__PURE__ */ jsxs12(View13, { style: styles12.summaryRow, children: [
                   /* @__PURE__ */ jsx15(Text13, { style: [styles12.summaryLabel, { color: t.textMuted }], children: isPoolModeEnabled ? "Max pot" : "Winner Takes" }),
-                  /* @__PURE__ */ jsxs13(View13, { style: styles12.winnerCol, children: [
+                  /* @__PURE__ */ jsxs12(View13, { style: styles12.winnerCol, children: [
                     /* @__PURE__ */ jsx15(Text13, { style: [styles12.summaryValue, { color: t.success }], children: finalAmount ? `${(finalAmount * playerCount * (1 - fee / 100)).toFixed(4)} SOL` : "\u2014" }),
-                    finalAmount ? /* @__PURE__ */ jsxs13(Text13, { style: [styles12.feeNote, { color: t.textDim }], children: [
+                    finalAmount ? /* @__PURE__ */ jsxs12(Text13, { style: [styles12.feeNote, { color: t.textDim }], children: [
                       fee,
                       "% platform fee"
                     ] }) : null
@@ -5170,7 +5170,7 @@ function CreateCustomGameSheet({
                   disabled: !canCreate,
                   onPress: handleCreate,
                   activeOpacity: 0.8,
-                  children: isMutating ? /* @__PURE__ */ jsxs13(View13, { style: styles12.ctaLoading, children: [
+                  children: isMutating ? /* @__PURE__ */ jsxs12(View13, { style: styles12.ctaLoading, children: [
                     /* @__PURE__ */ jsx15(ActivityIndicator7, { size: "small", color: "#FFFFFF" }),
                     /* @__PURE__ */ jsx15(Text13, { style: styles12.ctaText, children: statusLabel })
                   ] }) : mutation.status === "success" ? /* @__PURE__ */ jsx15(Text13, { style: styles12.ctaText, children: isPoolModeEnabled ? "Pool Created!" : STATUS_LABELS2.success }) : /* @__PURE__ */ jsx15(Text13, { style: [styles12.ctaText, !canCreate && { opacity: 0.5 }], children: isPoolModeEnabled ? `Create Pool \u2014 ${finalAmount} SOL` : effectiveAmount ? `Create Game \u2014 ${effectiveAmount} SOL` : "Select buy-in amount" })
@@ -5332,7 +5332,7 @@ import {
   KeyboardAvoidingView as KeyboardAvoidingView4,
   Platform as Platform7
 } from "react-native";
-import { Fragment as Fragment4, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 var STATUS_LABELS3 = {
   building: "Building transaction...",
   signing: "Approve in wallet...",
@@ -5350,6 +5350,7 @@ function JoinGameSheet({
   awayColor = "#EF4444",
   onSuccess,
   onError,
+  onTeamSelect,
   isPoolModeEnabled = false
 }) {
   const t = useDubsTheme();
@@ -5423,7 +5424,7 @@ function JoinGameSheet({
     }
   }, [selectedTeam, wallet.publicKey, mutation.execute, game.gameId, buyIn]);
   const statusLabel = STATUS_LABELS3[mutation.status] || "";
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs13(
     Modal3,
     {
       visible,
@@ -5437,15 +5438,15 @@ function JoinGameSheet({
           {
             style: styles13.keyboardView,
             behavior: Platform7.OS === "ios" ? "padding" : void 0,
-            children: /* @__PURE__ */ jsx16(View14, { style: styles13.sheetPositioner, children: /* @__PURE__ */ jsxs14(View14, { style: [styles13.sheet, { backgroundColor: t.background }], children: [
+            children: /* @__PURE__ */ jsx16(View14, { style: styles13.sheetPositioner, children: /* @__PURE__ */ jsxs13(View14, { style: [styles13.sheet, { backgroundColor: t.background }], children: [
               /* @__PURE__ */ jsx16(View14, { style: styles13.handleRow, children: /* @__PURE__ */ jsx16(View14, { style: [styles13.handle, { backgroundColor: t.textMuted }] }) }),
-              /* @__PURE__ */ jsxs14(View14, { style: styles13.header, children: [
+              /* @__PURE__ */ jsxs13(View14, { style: styles13.header, children: [
                 /* @__PURE__ */ jsx16(Text14, { style: [styles13.headerTitle, { color: t.text }], children: isPoolModeEnabled ? "Join Pool" : "Join Game" }),
                 /* @__PURE__ */ jsx16(TouchableOpacity10, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ jsx16(Text14, { style: [styles13.closeButton, { color: t.textMuted }], children: "\u2715" }) })
               ] }),
-              !isCustomGame && !isPoolModeEnabled && /* @__PURE__ */ jsxs14(View14, { style: styles13.section, children: [
+              !isCustomGame && !isPoolModeEnabled && /* @__PURE__ */ jsxs13(View14, { style: styles13.section, children: [
                 /* @__PURE__ */ jsx16(Text14, { style: [styles13.sectionLabel, { color: t.textSecondary }], children: "Pick Your Side" }),
-                /* @__PURE__ */ jsxs14(View14, { style: styles13.teamsRow, children: [
+                /* @__PURE__ */ jsxs13(View14, { style: styles13.teamsRow, children: [
                   /* @__PURE__ */ jsx16(
                     TeamButton,
                     {
@@ -5455,7 +5456,10 @@ function JoinGameSheet({
                       bets: homeBets,
                       color: homeColor,
                       selected: selectedTeam === "home",
-                      onPress: () => setSelectedTeam("home"),
+                      onPress: () => {
+                        setSelectedTeam("home");
+                        onTeamSelect?.("home");
+                      },
                       ImageComponent,
                       t
                     }
@@ -5469,50 +5473,53 @@ function JoinGameSheet({
                       bets: awayBets,
                       color: awayColor,
                       selected: selectedTeam === "away",
-                      onPress: () => setSelectedTeam("away"),
+                      onPress: () => {
+                        setSelectedTeam("away");
+                        onTeamSelect?.("away");
+                      },
                       ImageComponent,
                       t
                     }
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ jsxs14(View14, { style: [styles13.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
-                /* @__PURE__ */ jsxs14(View14, { style: styles13.summaryRow, children: [
+              /* @__PURE__ */ jsxs13(View14, { style: [styles13.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
+                /* @__PURE__ */ jsxs13(View14, { style: styles13.summaryRow, children: [
                   /* @__PURE__ */ jsx16(Text14, { style: [styles13.summaryLabel, { color: t.textMuted }], children: "Buy-in" }),
-                  /* @__PURE__ */ jsxs14(Text14, { style: [styles13.summaryValue, { color: t.text }], children: [
+                  /* @__PURE__ */ jsxs13(Text14, { style: [styles13.summaryValue, { color: t.text }], children: [
                     buyIn,
                     " SOL"
                   ] })
                 ] }),
                 /* @__PURE__ */ jsx16(View14, { style: [styles13.summarySep, { backgroundColor: t.border }] }),
-                isPoolModeEnabled ? /* @__PURE__ */ jsxs14(Fragment4, { children: [
-                  /* @__PURE__ */ jsxs14(View14, { style: styles13.summaryRow, children: [
+                isPoolModeEnabled ? /* @__PURE__ */ jsxs13(Fragment4, { children: [
+                  /* @__PURE__ */ jsxs13(View14, { style: styles13.summaryRow, children: [
                     /* @__PURE__ */ jsx16(Text14, { style: [styles13.summaryLabel, { color: t.textMuted }], children: "Players in" }),
                     /* @__PURE__ */ jsx16(Text14, { style: [styles13.summaryValue, { color: t.text }], children: bettors.length })
                   ] }),
                   /* @__PURE__ */ jsx16(View14, { style: [styles13.summarySep, { backgroundColor: t.border }] }),
-                  /* @__PURE__ */ jsxs14(View14, { style: styles13.summaryRow, children: [
+                  /* @__PURE__ */ jsxs13(View14, { style: styles13.summaryRow, children: [
                     /* @__PURE__ */ jsx16(Text14, { style: [styles13.summaryLabel, { color: t.textMuted }], children: "Current pot" }),
-                    /* @__PURE__ */ jsxs14(Text14, { style: [styles13.summaryValue, { color: t.success }], children: [
+                    /* @__PURE__ */ jsxs13(Text14, { style: [styles13.summaryValue, { color: t.success }], children: [
                       totalPool,
                       " SOL"
                     ] })
                   ] })
-                ] }) : /* @__PURE__ */ jsxs14(Fragment4, { children: [
-                  /* @__PURE__ */ jsxs14(View14, { style: styles13.summaryRow, children: [
+                ] }) : /* @__PURE__ */ jsxs13(Fragment4, { children: [
+                  /* @__PURE__ */ jsxs13(View14, { style: styles13.summaryRow, children: [
                     /* @__PURE__ */ jsx16(Text14, { style: [styles13.summaryLabel, { color: t.textMuted }], children: "Your side" }),
                     /* @__PURE__ */ jsx16(Text14, { style: [styles13.summaryValue, { color: t.text }], children: selectedName })
                   ] }),
                   /* @__PURE__ */ jsx16(View14, { style: [styles13.summarySep, { backgroundColor: t.border }] }),
-                  /* @__PURE__ */ jsxs14(View14, { style: styles13.summaryRow, children: [
+                  /* @__PURE__ */ jsxs13(View14, { style: styles13.summaryRow, children: [
                     /* @__PURE__ */ jsx16(Text14, { style: [styles13.summaryLabel, { color: t.textMuted }], children: "Total pool" }),
-                    /* @__PURE__ */ jsxs14(Text14, { style: [styles13.summaryValue, { color: t.text }], children: [
+                    /* @__PURE__ */ jsxs13(Text14, { style: [styles13.summaryValue, { color: t.text }], children: [
                       poolAfterJoin,
                       " SOL"
                     ] })
                   ] }),
                   /* @__PURE__ */ jsx16(View14, { style: [styles13.summarySep, { backgroundColor: t.border }] }),
-                  /* @__PURE__ */ jsxs14(View14, { style: styles13.summaryRow, children: [
+                  /* @__PURE__ */ jsxs13(View14, { style: styles13.summaryRow, children: [
                     /* @__PURE__ */ jsx16(Text14, { style: [styles13.summaryLabel, { color: t.textMuted }], children: "Potential winnings" }),
                     /* @__PURE__ */ jsx16(Text14, { style: [styles13.summaryValue, { color: t.success }], children: potentialWinnings !== "\u2014" ? `${potentialWinnings} SOL` : "\u2014" })
                   ] })
@@ -5530,7 +5537,7 @@ function JoinGameSheet({
                   disabled: !canJoin,
                   onPress: handleJoin,
                   activeOpacity: 0.8,
-                  children: isMutating ? /* @__PURE__ */ jsxs14(View14, { style: styles13.ctaLoading, children: [
+                  children: isMutating ? /* @__PURE__ */ jsxs13(View14, { style: styles13.ctaLoading, children: [
                     /* @__PURE__ */ jsx16(ActivityIndicator8, { size: "small", color: "#FFFFFF" }),
                     /* @__PURE__ */ jsx16(Text14, { style: styles13.ctaText, children: statusLabel })
                   ] }) : mutation.status === "success" ? /* @__PURE__ */ jsx16(Text14, { style: styles13.ctaText, children: isPoolModeEnabled ? "Joined!" : STATUS_LABELS3.success }) : /* @__PURE__ */ jsx16(Text14, { style: [styles13.ctaText, !canJoin && { opacity: 0.5 }], children: alreadyJoined ? "Already Joined" : isPoolModeEnabled ? `Join Pool \u2014 ${buyIn} SOL` : selectedTeam ? `Join Game \u2014 ${buyIn} SOL` : "Pick a side to join" })
@@ -5557,7 +5564,7 @@ function TeamButton({
   const [imgFailed, setImgFailed] = useState28(false);
   const Img = ImageComponent || __require("react-native").Image;
   const showImage = imageUrl && !imgFailed;
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs13(
     TouchableOpacity10,
     {
       style: [styles13.teamOption, { borderColor: selected ? color : t.border, backgroundColor: selected ? color + "15" : t.background }],
@@ -5566,11 +5573,11 @@ function TeamButton({
       children: [
         showImage ? /* @__PURE__ */ jsx16(Img, { source: { uri: imageUrl }, style: styles13.teamLogo, resizeMode: "contain", onError: () => setImgFailed(true) }) : /* @__PURE__ */ jsx16(View14, { style: [styles13.teamLogo, styles13.teamLogoPlaceholder] }),
         /* @__PURE__ */ jsx16(Text14, { style: [styles13.teamName, { color: t.text }], numberOfLines: 1, children: name }),
-        /* @__PURE__ */ jsxs14(Text14, { style: [styles13.teamOdds, { color }], children: [
+        /* @__PURE__ */ jsxs13(Text14, { style: [styles13.teamOdds, { color }], children: [
           odds,
           "x"
         ] }),
-        /* @__PURE__ */ jsxs14(Text14, { style: [styles13.teamBets, { color: t.textMuted }], children: [
+        /* @__PURE__ */ jsxs13(Text14, { style: [styles13.teamBets, { color: t.textMuted }], children: [
           bets,
           " ",
           bets === 1 ? "bet" : "bets"
@@ -5743,7 +5750,7 @@ import {
   KeyboardAvoidingView as KeyboardAvoidingView5,
   Platform as Platform8
 } from "react-native";
-import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 var STATUS_LABELS4 = {
   building: "Building transaction...",
   signing: "Approve in wallet...",
@@ -5823,7 +5830,7 @@ function ClaimPrizeSheet({
     }
   }, [wallet.publicKey, mutation.execute, gameId, prizeAmount]);
   const statusLabel = STATUS_LABELS4[mutation.status] || "";
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs14(
     Modal4,
     {
       visible,
@@ -5837,13 +5844,13 @@ function ClaimPrizeSheet({
           {
             style: styles14.keyboardView,
             behavior: Platform8.OS === "ios" ? "padding" : void 0,
-            children: /* @__PURE__ */ jsx17(View15, { style: styles14.sheetPositioner, children: /* @__PURE__ */ jsxs15(View15, { style: [styles14.sheet, { backgroundColor: t.background }], children: [
+            children: /* @__PURE__ */ jsx17(View15, { style: styles14.sheetPositioner, children: /* @__PURE__ */ jsxs14(View15, { style: [styles14.sheet, { backgroundColor: t.background }], children: [
               /* @__PURE__ */ jsx17(View15, { style: styles14.handleRow, children: /* @__PURE__ */ jsx17(View15, { style: [styles14.handle, { backgroundColor: t.textMuted }] }) }),
-              /* @__PURE__ */ jsxs15(View15, { style: styles14.header, children: [
+              /* @__PURE__ */ jsxs14(View15, { style: styles14.header, children: [
                 /* @__PURE__ */ jsx17(Text15, { style: [styles14.headerTitle, { color: t.text }], children: showCelebration ? isRefund ? "Refund Claimed!" : "Prize Claimed!" : isRefund ? "Claim Refund" : "Claim Prize" }),
                 /* @__PURE__ */ jsx17(TouchableOpacity11, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ jsx17(Text15, { style: [styles14.closeButton, { color: t.textMuted }], children: "\u2715" }) })
               ] }),
-              showCelebration && /* @__PURE__ */ jsxs15(
+              showCelebration && /* @__PURE__ */ jsxs14(
                 Animated5.View,
                 {
                   style: [
@@ -5855,7 +5862,7 @@ function ClaimPrizeSheet({
                   ],
                   children: [
                     /* @__PURE__ */ jsx17(Text15, { style: styles14.celebrationEmoji, children: "\u{1F3C6}" }),
-                    /* @__PURE__ */ jsxs15(Text15, { style: [styles14.celebrationText, { color: t.success }], children: [
+                    /* @__PURE__ */ jsxs14(Text15, { style: [styles14.celebrationText, { color: t.success }], children: [
                       "+",
                       prizeAmount,
                       " SOL"
@@ -5864,18 +5871,18 @@ function ClaimPrizeSheet({
                   ]
                 }
               ),
-              !showCelebration && /* @__PURE__ */ jsxs15(View15, { style: [styles14.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
-                /* @__PURE__ */ jsxs15(View15, { style: styles14.summaryRow, children: [
+              !showCelebration && /* @__PURE__ */ jsxs14(View15, { style: [styles14.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
+                /* @__PURE__ */ jsxs14(View15, { style: styles14.summaryRow, children: [
                   /* @__PURE__ */ jsx17(Text15, { style: [styles14.summaryLabel, { color: t.textMuted }], children: isRefund ? "Refund" : "Prize" }),
-                  /* @__PURE__ */ jsxs15(Text15, { style: [styles14.summaryValue, { color: t.success }], children: [
+                  /* @__PURE__ */ jsxs14(Text15, { style: [styles14.summaryValue, { color: t.success }], children: [
                     prizeAmount,
                     " SOL"
                   ] })
                 ] }),
                 /* @__PURE__ */ jsx17(View15, { style: [styles14.summarySep, { backgroundColor: t.border }] }),
-                /* @__PURE__ */ jsxs15(View15, { style: styles14.summaryRow, children: [
+                /* @__PURE__ */ jsxs14(View15, { style: styles14.summaryRow, children: [
                   /* @__PURE__ */ jsx17(Text15, { style: [styles14.summaryLabel, { color: t.textMuted }], children: "Game" }),
-                  /* @__PURE__ */ jsxs15(
+                  /* @__PURE__ */ jsxs14(
                     Text15,
                     {
                       style: [styles14.summaryValue, { color: t.text }],
@@ -5900,10 +5907,10 @@ function ClaimPrizeSheet({
                   disabled: !canClaim,
                   onPress: handleClaim,
                   activeOpacity: 0.8,
-                  children: isMutating ? /* @__PURE__ */ jsxs15(View15, { style: styles14.ctaLoading, children: [
+                  children: isMutating ? /* @__PURE__ */ jsxs14(View15, { style: styles14.ctaLoading, children: [
                     /* @__PURE__ */ jsx17(ActivityIndicator9, { size: "small", color: "#FFFFFF" }),
                     /* @__PURE__ */ jsx17(Text15, { style: styles14.ctaText, children: statusLabel })
-                  ] }) : /* @__PURE__ */ jsxs15(Text15, { style: [styles14.ctaText, !canClaim && { opacity: 0.5 }], children: [
+                  ] }) : /* @__PURE__ */ jsxs14(Text15, { style: [styles14.ctaText, !canClaim && { opacity: 0.5 }], children: [
                     isRefund ? "Claim Refund" : "Claim Prize",
                     " \u2014 ",
                     prizeAmount,
@@ -6046,7 +6053,7 @@ var styles14 = StyleSheet15.create({
 // src/ui/game/ClaimButton.tsx
 import { useState as useState30, useMemo as useMemo10, useCallback as useCallback25 } from "react";
 import { StyleSheet as StyleSheet16, Text as Text16, TouchableOpacity as TouchableOpacity12 } from "react-native";
-import { Fragment as Fragment5, jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 function ClaimButton({ gameId, style, onSuccess, onError }) {
   const t = useDubsTheme();
   const { wallet } = useDubs();
@@ -6082,7 +6089,7 @@ function ClaimButton({ gameId, style, onSuccess, onError }) {
         style: [styles15.badge, { borderColor: t.accent }, style],
         activeOpacity: 1,
         disabled: true,
-        children: /* @__PURE__ */ jsxs16(Text16, { style: [styles15.badgeText, { color: t.accent }], children: [
+        children: /* @__PURE__ */ jsxs15(Text16, { style: [styles15.badgeText, { color: t.accent }], children: [
           label,
           " Claimed!"
         ] })
@@ -6092,14 +6099,14 @@ function ClaimButton({ gameId, style, onSuccess, onError }) {
   if (!isEligible) {
     return null;
   }
-  return /* @__PURE__ */ jsxs16(Fragment5, { children: [
+  return /* @__PURE__ */ jsxs15(Fragment5, { children: [
     /* @__PURE__ */ jsx18(
       TouchableOpacity12,
       {
         style: [styles15.button, { backgroundColor: t.accent }, style],
         activeOpacity: 0.8,
         onPress: () => setSheetVisible(true),
-        children: /* @__PURE__ */ jsxs16(Text16, { style: styles15.buttonText, children: [
+        children: /* @__PURE__ */ jsxs15(Text16, { style: styles15.buttonText, children: [
           "Claim ",
           label,
           " \u2014 ",
@@ -6162,7 +6169,7 @@ import {
   KeyboardAvoidingView as KeyboardAvoidingView6,
   Platform as Platform9
 } from "react-native";
-import { Fragment as Fragment6, jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
 var STATUS_LABELS5 = {
   building: "Building transaction...",
   signing: "Approve in wallet...",
@@ -6209,9 +6216,10 @@ function EnterArcadePoolSheet({
     }
   }, [mutation.status, mutation.error]);
   const buyInSol = (pool.buy_in_lamports / 1e9).toFixed(4);
-  const totalPlayers = stats?.total_entries ?? pool.total_entries ?? 0;
+  const totalPlayers = stats?.total_entries ?? 0;
+  const totalBuyIns = pool.total_entries ?? totalPlayers;
   const topScore = stats?.top_score ?? 0;
-  const potSol = (pool.buy_in_lamports * Number(totalPlayers) / 1e9).toFixed(4);
+  const potSol = (pool.buy_in_lamports * Number(totalBuyIns) / 1e9).toFixed(4);
   const isMutating = mutation.status !== "idle" && mutation.status !== "success" && mutation.status !== "error";
   const canJoin = !isMutating && mutation.status !== "success";
   const handleJoin = useCallback26(async () => {
@@ -6226,7 +6234,7 @@ function EnterArcadePoolSheet({
   const headerTitle = isRejoin ? "Play Again" : "Join Pool";
   const ctaLabel = isRejoin ? `Play Again \u2014 ${buyInSol} SOL` : `Join Pool \u2014 ${buyInSol} SOL`;
   const successLabel = isRejoin ? "Lives refilled!" : "Joined!";
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs16(
     Modal5,
     {
       visible,
@@ -6240,42 +6248,42 @@ function EnterArcadePoolSheet({
           {
             style: styles16.keyboardView,
             behavior: Platform9.OS === "ios" ? "padding" : void 0,
-            children: /* @__PURE__ */ jsx19(View16, { style: styles16.sheetPositioner, children: /* @__PURE__ */ jsxs17(View16, { style: [styles16.sheet, { backgroundColor: t.background }], children: [
+            children: /* @__PURE__ */ jsx19(View16, { style: styles16.sheetPositioner, children: /* @__PURE__ */ jsxs16(View16, { style: [styles16.sheet, { backgroundColor: t.background }], children: [
               /* @__PURE__ */ jsx19(View16, { style: styles16.handleRow, children: /* @__PURE__ */ jsx19(View16, { style: [styles16.handle, { backgroundColor: t.textMuted }] }) }),
-              /* @__PURE__ */ jsxs17(View16, { style: styles16.header, children: [
+              /* @__PURE__ */ jsxs16(View16, { style: styles16.header, children: [
                 /* @__PURE__ */ jsx19(Text17, { style: [styles16.headerTitle, { color: t.text }], children: headerTitle }),
                 /* @__PURE__ */ jsx19(TouchableOpacity13, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ jsx19(Text17, { style: [styles16.closeButton, { color: t.textMuted }], children: "\u2715" }) })
               ] }),
               /* @__PURE__ */ jsx19(Text17, { style: [styles16.poolName, { color: t.textSecondary }], children: pool.name }),
-              /* @__PURE__ */ jsxs17(View16, { style: [styles16.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
-                /* @__PURE__ */ jsxs17(View16, { style: styles16.summaryRow, children: [
+              /* @__PURE__ */ jsxs16(View16, { style: [styles16.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
+                /* @__PURE__ */ jsxs16(View16, { style: styles16.summaryRow, children: [
                   /* @__PURE__ */ jsx19(Text17, { style: [styles16.summaryLabel, { color: t.textMuted }], children: "Buy-in" }),
-                  /* @__PURE__ */ jsxs17(Text17, { style: [styles16.summaryValue, { color: t.text }], children: [
+                  /* @__PURE__ */ jsxs16(Text17, { style: [styles16.summaryValue, { color: t.text }], children: [
                     buyInSol,
                     " SOL"
                   ] })
                 ] }),
                 /* @__PURE__ */ jsx19(View16, { style: [styles16.summarySep, { backgroundColor: t.border }] }),
-                /* @__PURE__ */ jsxs17(View16, { style: styles16.summaryRow, children: [
+                /* @__PURE__ */ jsxs16(View16, { style: styles16.summaryRow, children: [
                   /* @__PURE__ */ jsx19(Text17, { style: [styles16.summaryLabel, { color: t.textMuted }], children: "Players in" }),
                   /* @__PURE__ */ jsx19(Text17, { style: [styles16.summaryValue, { color: t.text }], children: totalPlayers })
                 ] }),
                 /* @__PURE__ */ jsx19(View16, { style: [styles16.summarySep, { backgroundColor: t.border }] }),
-                /* @__PURE__ */ jsxs17(View16, { style: styles16.summaryRow, children: [
+                /* @__PURE__ */ jsxs16(View16, { style: styles16.summaryRow, children: [
                   /* @__PURE__ */ jsx19(Text17, { style: [styles16.summaryLabel, { color: t.textMuted }], children: "Current pot" }),
-                  /* @__PURE__ */ jsxs17(Text17, { style: [styles16.summaryValue, { color: t.success }], children: [
+                  /* @__PURE__ */ jsxs16(Text17, { style: [styles16.summaryValue, { color: t.success }], children: [
                     potSol,
                     " SOL"
                   ] })
                 ] }),
                 /* @__PURE__ */ jsx19(View16, { style: [styles16.summarySep, { backgroundColor: t.border }] }),
-                /* @__PURE__ */ jsxs17(View16, { style: styles16.summaryRow, children: [
+                /* @__PURE__ */ jsxs16(View16, { style: styles16.summaryRow, children: [
                   /* @__PURE__ */ jsx19(Text17, { style: [styles16.summaryLabel, { color: t.textMuted }], children: "Lives" }),
                   /* @__PURE__ */ jsx19(Text17, { style: [styles16.summaryValue, { color: t.text }], children: pool.max_lives })
                 ] }),
-                topScore > 0 && /* @__PURE__ */ jsxs17(Fragment6, { children: [
+                topScore > 0 && /* @__PURE__ */ jsxs16(Fragment6, { children: [
                   /* @__PURE__ */ jsx19(View16, { style: [styles16.summarySep, { backgroundColor: t.border }] }),
-                  /* @__PURE__ */ jsxs17(View16, { style: styles16.summaryRow, children: [
+                  /* @__PURE__ */ jsxs16(View16, { style: styles16.summaryRow, children: [
                     /* @__PURE__ */ jsx19(Text17, { style: [styles16.summaryLabel, { color: t.textMuted }], children: "Top score" }),
                     /* @__PURE__ */ jsx19(Text17, { style: [styles16.summaryValue, { color: t.text }], children: topScore })
                   ] })
@@ -6292,7 +6300,7 @@ function EnterArcadePoolSheet({
                   disabled: !canJoin,
                   onPress: handleJoin,
                   activeOpacity: 0.8,
-                  children: isMutating ? /* @__PURE__ */ jsxs17(View16, { style: styles16.ctaLoading, children: [
+                  children: isMutating ? /* @__PURE__ */ jsxs16(View16, { style: styles16.ctaLoading, children: [
                     /* @__PURE__ */ jsx19(ActivityIndicator10, { size: "small", color: "#FFFFFF" }),
                     /* @__PURE__ */ jsx19(Text17, { style: styles16.ctaText, children: statusLabel })
                   ] }) : mutation.status === "success" ? /* @__PURE__ */ jsx19(Text17, { style: styles16.ctaText, children: successLabel }) : /* @__PURE__ */ jsx19(Text17, { style: [styles16.ctaText, !canJoin && { opacity: 0.5 }], children: ctaLabel })
@@ -6378,7 +6386,7 @@ import {
   Image as Image6,
   FlatList
 } from "react-native";
-import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 function RankLabel({ index }) {
   if (index === 0) return /* @__PURE__ */ jsx20(Text18, { style: styles17.rankEmoji, children: "\u{1F947}" });
   if (index === 1) return /* @__PURE__ */ jsx20(Text18, { style: styles17.rankEmoji, children: "\u{1F948}" });
@@ -6406,7 +6414,7 @@ function ArcadeLeaderboardSheet({
   }, [visible]);
   const renderItem = ({ item, index }) => {
     const isMe = highlightWallet && item.wallet_address === highlightWallet;
-    return /* @__PURE__ */ jsxs18(
+    return /* @__PURE__ */ jsxs17(
       View17,
       {
         style: [
@@ -6417,9 +6425,9 @@ function ArcadeLeaderboardSheet({
         children: [
           /* @__PURE__ */ jsx20(View17, { style: styles17.rankCol, children: /* @__PURE__ */ jsx20(RankLabel, { index }) }),
           item.avatar ? /* @__PURE__ */ jsx20(Image6, { source: { uri: ensurePngAvatar(item.avatar) }, style: styles17.avatar }) : /* @__PURE__ */ jsx20(View17, { style: [styles17.avatar, { backgroundColor: t.border }] }),
-          /* @__PURE__ */ jsxs18(View17, { style: styles17.nameCol, children: [
+          /* @__PURE__ */ jsxs17(View17, { style: styles17.nameCol, children: [
             /* @__PURE__ */ jsx20(Text18, { style: [styles17.name, { color: t.text }], numberOfLines: 1, children: item.username || `${item.wallet_address.slice(0, 4)}...${item.wallet_address.slice(-4)}` }),
-            /* @__PURE__ */ jsxs18(Text18, { style: [styles17.lives, { color: t.textMuted }], children: [
+            /* @__PURE__ */ jsxs17(Text18, { style: [styles17.lives, { color: t.textMuted }], children: [
               item.lives_used,
               " ",
               item.lives_used === 1 ? "life" : "lives",
@@ -6431,7 +6439,7 @@ function ArcadeLeaderboardSheet({
       }
     );
   };
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs17(
     Modal6,
     {
       visible,
@@ -6445,27 +6453,27 @@ function ArcadeLeaderboardSheet({
           {
             style: styles17.keyboardView,
             behavior: Platform10.OS === "ios" ? "padding" : void 0,
-            children: /* @__PURE__ */ jsx20(View17, { style: styles17.sheetPositioner, children: /* @__PURE__ */ jsxs18(View17, { style: [styles17.sheet, { backgroundColor: t.background }], children: [
+            children: /* @__PURE__ */ jsx20(View17, { style: styles17.sheetPositioner, children: /* @__PURE__ */ jsxs17(View17, { style: [styles17.sheet, { backgroundColor: t.background }], children: [
               /* @__PURE__ */ jsx20(View17, { style: styles17.handleRow, children: /* @__PURE__ */ jsx20(View17, { style: [styles17.handle, { backgroundColor: t.textMuted }] }) }),
-              /* @__PURE__ */ jsxs18(View17, { style: styles17.header, children: [
-                /* @__PURE__ */ jsxs18(View17, { children: [
+              /* @__PURE__ */ jsxs17(View17, { style: styles17.header, children: [
+                /* @__PURE__ */ jsxs17(View17, { children: [
                   /* @__PURE__ */ jsx20(Text18, { style: [styles17.headerTitle, { color: t.text }], children: "Leaderboard" }),
                   pool && /* @__PURE__ */ jsx20(Text18, { style: [styles17.poolName, { color: t.textMuted }], children: pool.name })
                 ] }),
                 /* @__PURE__ */ jsx20(TouchableOpacity14, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ jsx20(Text18, { style: [styles17.closeButton, { color: t.textMuted }], children: "\u2715" }) })
               ] }),
-              stats && /* @__PURE__ */ jsxs18(View17, { style: [styles17.statsBar, { backgroundColor: t.surface, borderColor: t.border }], children: [
-                /* @__PURE__ */ jsxs18(View17, { style: styles17.statItem, children: [
+              stats && /* @__PURE__ */ jsxs17(View17, { style: [styles17.statsBar, { backgroundColor: t.surface, borderColor: t.border }], children: [
+                /* @__PURE__ */ jsxs17(View17, { style: styles17.statItem, children: [
                   /* @__PURE__ */ jsx20(Text18, { style: [styles17.statValue, { color: t.text }], children: stats.total_entries }),
                   /* @__PURE__ */ jsx20(Text18, { style: [styles17.statLabel, { color: t.textMuted }], children: "Players" })
                 ] }),
                 /* @__PURE__ */ jsx20(View17, { style: [styles17.statDivider, { backgroundColor: t.border }] }),
-                /* @__PURE__ */ jsxs18(View17, { style: styles17.statItem, children: [
+                /* @__PURE__ */ jsxs17(View17, { style: styles17.statItem, children: [
                   /* @__PURE__ */ jsx20(Text18, { style: [styles17.statValue, { color: t.accent }], children: stats.top_score }),
                   /* @__PURE__ */ jsx20(Text18, { style: [styles17.statLabel, { color: t.textMuted }], children: "Top Score" })
                 ] }),
                 /* @__PURE__ */ jsx20(View17, { style: [styles17.statDivider, { backgroundColor: t.border }] }),
-                /* @__PURE__ */ jsxs18(View17, { style: styles17.statItem, children: [
+                /* @__PURE__ */ jsxs17(View17, { style: styles17.statItem, children: [
                   /* @__PURE__ */ jsx20(Text18, { style: [styles17.statValue, { color: t.text }], children: Math.round(stats.avg_score) }),
                   /* @__PURE__ */ jsx20(Text18, { style: [styles17.statLabel, { color: t.textMuted }], children: "Avg Score" })
                 ] })