@dubsdotapp/expo 0.2.55 → 0.2.56

package/dist/index.mjs

@@ -474,6 +474,15 @@ var DubsClient = class {
       { token }
     );
   }
+  // ── Profile ──
+  async updateProfile(params) {
+    const res = await this.request(
+      "PATCH",
+      "/auth/profile",
+      params
+    );
+    return res.data.user;
+  }
   // ── Error Utilities ──
   async parseError(error) {
     const res = await this.request(
@@ -3437,10 +3446,431 @@ var styles3 = StyleSheet4.create({
   }
 });
 
-// src/ui/game/GamePoster.tsx
-import { useState as useState17 } from "react";
-import { StyleSheet as StyleSheet5, View as View5, Text as Text5 } from "react-native";
+// src/ui/UserProfileSheet.tsx
+import { useState as useState17, useEffect as useEffect11, useRef as useRef5, useCallback as useCallback16, useMemo as useMemo4 } from "react";
+import {
+  View as View5,
+  Text as Text5,
+  TouchableOpacity as TouchableOpacity4,
+  ActivityIndicator as ActivityIndicator4,
+  Modal,
+  Animated as Animated2,
+  StyleSheet as StyleSheet5,
+  KeyboardAvoidingView as KeyboardAvoidingView2,
+  Platform as Platform5,
+  Image as Image4,
+  ScrollView as ScrollView3
+} from "react-native";
 import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+var DICEBEAR_STYLES2 = [
+  "adventurer",
+  "avataaars",
+  "fun-emoji",
+  "bottts",
+  "big-smile",
+  "thumbs"
+];
+function generateSeed2() {
+  return Math.random().toString(36).slice(2, 10);
+}
+function getAvatarUrl2(style, seed, size = 256) {
+  return `https://api.dicebear.com/9.x/${style}/png?seed=${seed}&size=${size}`;
+}
+function parseAvatarUrl(url) {
+  if (!url) return { style: "adventurer", seed: generateSeed2() };
+  try {
+    const match = url.match(/\/9\.x\/([^/]+)\/png\?seed=([^&]+)/);
+    if (match) return { style: match[1], seed: match[2] };
+  } catch {
+  }
+  return { style: "adventurer", seed: generateSeed2() };
+}
+function truncateAddress3(address, chars = 4) {
+  if (address.length <= chars * 2 + 3) return address;
+  return `${address.slice(0, chars)}...${address.slice(-chars)}`;
+}
+function UserProfileSheet({
+  visible,
+  onDismiss,
+  user,
+  onAvatarUpdated,
+  onDisconnect
+}) {
+  const t = useDubsTheme();
+  const { client } = useDubs();
+  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 [saving, setSaving] = useState17(false);
+  const [error, setError] = useState17(null);
+  useEffect11(() => {
+    const p = parseAvatarUrl(user.avatar);
+    setAvatarStyle(p.style);
+    setAvatarSeed(p.seed);
+  }, [user.avatar]);
+  useEffect11(() => {
+    Animated2.timing(overlayOpacity, {
+      toValue: visible ? 1 : 0,
+      duration: 250,
+      useNativeDriver: true
+    }).start();
+  }, [visible, overlayOpacity]);
+  useEffect11(() => {
+    if (visible) setError(null);
+  }, [visible]);
+  const currentAvatarUrl = getAvatarUrl2(avatarStyle, avatarSeed);
+  const handleSelectStyle = useCallback16(
+    async (style) => {
+      const newUrl = getAvatarUrl2(style, avatarSeed);
+      setAvatarStyle(style);
+      setSaving(true);
+      setError(null);
+      try {
+        await client.updateProfile({ avatar: newUrl });
+        onAvatarUpdated?.(newUrl);
+      } catch (err) {
+        setError(err instanceof Error ? err.message : "Failed to update avatar");
+      } finally {
+        setSaving(false);
+      }
+    },
+    [avatarSeed, client, onAvatarUpdated]
+  );
+  const handleShuffle = useCallback16(async () => {
+    const newSeed = generateSeed2();
+    const newUrl = getAvatarUrl2(avatarStyle, newSeed);
+    setAvatarSeed(newSeed);
+    setSaving(true);
+    setError(null);
+    try {
+      await client.updateProfile({ avatar: newUrl });
+      onAvatarUpdated?.(newUrl);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to update avatar");
+    } finally {
+      setSaving(false);
+    }
+  }, [avatarStyle, client, onAvatarUpdated]);
+  return /* @__PURE__ */ jsxs5(
+    Modal,
+    {
+      visible,
+      animationType: "slide",
+      transparent: true,
+      onRequestClose: onDismiss,
+      children: [
+        /* @__PURE__ */ jsx7(Animated2.View, { style: [styles4.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ jsx7(TouchableOpacity4, { style: styles4.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
+        /* @__PURE__ */ jsx7(
+          KeyboardAvoidingView2,
+          {
+            style: styles4.keyboardView,
+            behavior: Platform5.OS === "ios" ? "padding" : void 0,
+            children: /* @__PURE__ */ jsx7(View5, { style: styles4.sheetPositioner, children: /* @__PURE__ */ jsxs5(View5, { style: [styles4.sheet, { backgroundColor: t.background }], children: [
+              /* @__PURE__ */ jsx7(View5, { style: styles4.handleRow, children: /* @__PURE__ */ jsx7(View5, { style: [styles4.handle, { backgroundColor: t.textMuted }] }) }),
+              /* @__PURE__ */ jsxs5(View5, { style: styles4.header, children: [
+                /* @__PURE__ */ jsx7(Text5, { style: [styles4.headerTitle, { color: t.text }], children: "Profile" }),
+                /* @__PURE__ */ jsx7(TouchableOpacity4, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ jsx7(Text5, { style: [styles4.closeButton, { color: t.textMuted }], children: "\u2715" }) })
+              ] }),
+              /* @__PURE__ */ jsxs5(
+                ScrollView3,
+                {
+                  style: styles4.scrollContent,
+                  contentContainerStyle: styles4.scrollContentInner,
+                  showsVerticalScrollIndicator: false,
+                  bounces: false,
+                  children: [
+                    /* @__PURE__ */ jsxs5(View5, { style: styles4.avatarSection, children: [
+                      /* @__PURE__ */ jsxs5(View5, { style: [styles4.avatarContainer, { borderColor: t.border }], children: [
+                        /* @__PURE__ */ jsx7(
+                          Image4,
+                          {
+                            source: { uri: currentAvatarUrl },
+                            style: styles4.avatar
+                          }
+                        ),
+                        saving && /* @__PURE__ */ jsx7(View5, { style: styles4.avatarLoading, children: /* @__PURE__ */ jsx7(ActivityIndicator4, { size: "small", color: "#FFFFFF" }) })
+                      ] }),
+                      user.username ? /* @__PURE__ */ jsx7(Text5, { style: [styles4.username, { color: t.text }], children: user.username }) : null,
+                      /* @__PURE__ */ jsx7(Text5, { style: [styles4.walletAddress, { color: t.textMuted }], children: truncateAddress3(user.walletAddress, 6) })
+                    ] }),
+                    /* @__PURE__ */ jsxs5(View5, { style: styles4.section, children: [
+                      /* @__PURE__ */ jsxs5(View5, { style: styles4.sectionHeaderRow, children: [
+                        /* @__PURE__ */ jsx7(Text5, { style: [styles4.sectionLabel, { color: t.textSecondary }], children: "Change Avatar" }),
+                        /* @__PURE__ */ jsx7(
+                          TouchableOpacity4,
+                          {
+                            style: [styles4.shuffleButton, { borderColor: t.border }],
+                            onPress: handleShuffle,
+                            activeOpacity: 0.7,
+                            disabled: saving,
+                            children: /* @__PURE__ */ jsx7(Text5, { style: [styles4.shuffleText, { color: t.accent }], children: "Shuffle" })
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ jsx7(
+                        ScrollView3,
+                        {
+                          horizontal: true,
+                          showsHorizontalScrollIndicator: false,
+                          contentContainerStyle: styles4.stylePickerContent,
+                          children: DICEBEAR_STYLES2.map((style) => {
+                            const isSelected = style === avatarStyle;
+                            return /* @__PURE__ */ jsx7(
+                              TouchableOpacity4,
+                              {
+                                onPress: () => handleSelectStyle(style),
+                                activeOpacity: 0.7,
+                                disabled: saving,
+                                style: [
+                                  styles4.styleTile,
+                                  {
+                                    borderColor: isSelected ? t.accent : t.border,
+                                    borderWidth: isSelected ? 2 : 1
+                                  }
+                                ],
+                                children: /* @__PURE__ */ jsx7(
+                                  Image4,
+                                  {
+                                    source: { uri: getAvatarUrl2(style, avatarSeed, 80) },
+                                    style: styles4.styleTileImage
+                                  }
+                                )
+                              },
+                              style
+                            );
+                          })
+                        }
+                      )
+                    ] }),
+                    error ? /* @__PURE__ */ jsx7(View5, { style: [styles4.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ jsx7(Text5, { style: [styles4.errorText, { color: t.errorText }], children: error }) }) : null,
+                    /* @__PURE__ */ jsxs5(View5, { style: [styles4.notifRow, { backgroundColor: t.surface, borderColor: t.border }], children: [
+                      /* @__PURE__ */ jsxs5(View5, { style: styles4.notifLeft, children: [
+                        /* @__PURE__ */ jsx7(Text5, { style: [styles4.notifLabel, { color: t.text }], children: "Push Notifications" }),
+                        /* @__PURE__ */ jsx7(
+                          Text5,
+                          {
+                            style: [
+                              styles4.notifStatus,
+                              { color: push.hasPermission ? t.success : t.textMuted }
+                            ],
+                            children: push.hasPermission ? "Enabled" : "Disabled"
+                          }
+                        )
+                      ] }),
+                      !push.hasPermission && /* @__PURE__ */ jsx7(
+                        TouchableOpacity4,
+                        {
+                          style: [styles4.enableButton, { backgroundColor: t.accent }],
+                          onPress: push.register,
+                          disabled: push.loading,
+                          activeOpacity: 0.8,
+                          children: push.loading ? /* @__PURE__ */ jsx7(ActivityIndicator4, { size: "small", color: "#FFFFFF" }) : /* @__PURE__ */ jsx7(Text5, { style: styles4.enableText, children: "Enable" })
+                        }
+                      )
+                    ] }),
+                    onDisconnect ? /* @__PURE__ */ jsx7(
+                      TouchableOpacity4,
+                      {
+                        style: [styles4.disconnectButton, { borderColor: t.live }],
+                        onPress: onDisconnect,
+                        activeOpacity: 0.7,
+                        children: /* @__PURE__ */ jsx7(Text5, { style: [styles4.disconnectText, { color: t.live }], children: "Disconnect Wallet" })
+                      }
+                    ) : null
+                  ]
+                }
+              )
+            ] }) })
+          }
+        )
+      ]
+    }
+  );
+}
+var styles4 = StyleSheet5.create({
+  overlay: {
+    ...StyleSheet5.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,
+    maxHeight: "85%"
+  },
+  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
+  },
+  scrollContent: {
+    flexGrow: 0
+  },
+  scrollContentInner: {
+    paddingBottom: 8
+  },
+  // Avatar
+  avatarSection: {
+    alignItems: "center",
+    paddingTop: 8,
+    paddingBottom: 20,
+    gap: 8
+  },
+  avatarContainer: {
+    width: 120,
+    height: 120,
+    borderRadius: 60,
+    borderWidth: 2,
+    overflow: "hidden"
+  },
+  avatar: {
+    width: "100%",
+    height: "100%"
+  },
+  avatarLoading: {
+    ...StyleSheet5.absoluteFillObject,
+    backgroundColor: "rgba(0,0,0,0.35)",
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  username: {
+    fontSize: 18,
+    fontWeight: "700"
+  },
+  walletAddress: {
+    fontSize: 13,
+    fontFamily: "monospace"
+  },
+  // Change Avatar
+  section: {
+    marginBottom: 20,
+    gap: 12
+  },
+  sectionHeaderRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between"
+  },
+  sectionLabel: {
+    fontSize: 14,
+    fontWeight: "600"
+  },
+  shuffleButton: {
+    paddingHorizontal: 14,
+    paddingVertical: 6,
+    borderRadius: 12,
+    borderWidth: 1
+  },
+  shuffleText: {
+    fontSize: 13,
+    fontWeight: "600"
+  },
+  stylePickerContent: {
+    gap: 10
+  },
+  styleTile: {
+    width: 72,
+    height: 72,
+    borderRadius: 16,
+    overflow: "hidden"
+  },
+  styleTileImage: {
+    width: "100%",
+    height: "100%"
+  },
+  // Error
+  errorBox: {
+    marginBottom: 16,
+    borderRadius: 12,
+    borderWidth: 1,
+    padding: 12
+  },
+  errorText: {
+    fontSize: 13,
+    fontWeight: "500"
+  },
+  // Push Notifications
+  notifRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    borderRadius: 16,
+    borderWidth: 1,
+    paddingHorizontal: 16,
+    paddingVertical: 14,
+    marginBottom: 16
+  },
+  notifLeft: {
+    gap: 2
+  },
+  notifLabel: {
+    fontSize: 15,
+    fontWeight: "600"
+  },
+  notifStatus: {
+    fontSize: 13
+  },
+  enableButton: {
+    paddingHorizontal: 18,
+    paddingVertical: 10,
+    borderRadius: 12
+  },
+  enableText: {
+    color: "#FFFFFF",
+    fontSize: 14,
+    fontWeight: "700"
+  },
+  // Disconnect
+  disconnectButton: {
+    height: 52,
+    borderRadius: 16,
+    borderWidth: 1.5,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  disconnectText: {
+    fontSize: 16,
+    fontWeight: "700"
+  }
+});
+
+// src/ui/game/GamePoster.tsx
+import { useState as useState18 } from "react";
+import { StyleSheet as StyleSheet6, View as View6, Text as Text6 } from "react-native";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 function computeCountdown(lockTimestamp) {
   if (!lockTimestamp) return "";
   const ts = typeof lockTimestamp === "string" ? parseInt(lockTimestamp) : lockTimestamp;
@@ -3461,38 +3891,38 @@ function GamePoster({ game, ImageComponent }) {
   const away = opponents[1];
   const countdown = computeCountdown(game.lockTimestamp);
   const isLive = countdown === "LIVE";
-  return /* @__PURE__ */ jsxs5(View5, { style: styles4.container, children: [
-    game.media?.poster ? /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsxs6(View6, { style: styles5.container, children: [
+    game.media?.poster ? /* @__PURE__ */ jsx8(
       Img,
       {
         source: { uri: game.media.poster },
-        style: styles4.image,
+        style: styles5.image,
         resizeMode: "cover"
       }
-    ) : /* @__PURE__ */ jsx7(View5, { style: [styles4.image, { backgroundColor: t.surface }], children: /* @__PURE__ */ jsxs5(View5, { style: styles4.fallback, children: [
-      /* @__PURE__ */ jsx7(TeamLogoInternal, { url: home?.imageUrl, size: 56, Img }),
-      /* @__PURE__ */ jsx7(Text5, { style: styles4.vs, children: "VS" }),
-      /* @__PURE__ */ jsx7(TeamLogoInternal, { url: away?.imageUrl, size: 56, Img })
+    ) : /* @__PURE__ */ jsx8(View6, { style: [styles5.image, { backgroundColor: t.surface }], children: /* @__PURE__ */ jsxs6(View6, { style: styles5.fallback, children: [
+      /* @__PURE__ */ jsx8(TeamLogoInternal, { url: home?.imageUrl, size: 56, Img }),
+      /* @__PURE__ */ jsx8(Text6, { style: styles5.vs, children: "VS" }),
+      /* @__PURE__ */ jsx8(TeamLogoInternal, { url: away?.imageUrl, size: 56, Img })
     ] }) }),
-    /* @__PURE__ */ jsx7(View5, { style: styles4.overlay }),
-    /* @__PURE__ */ jsxs5(View5, { style: styles4.teamNames, children: [
-      /* @__PURE__ */ jsx7(Text5, { style: styles4.teamNameText, numberOfLines: 1, children: home?.name || "Home" }),
-      /* @__PURE__ */ jsx7(Text5, { style: styles4.teamNameVs, children: "vs" }),
-      /* @__PURE__ */ jsx7(Text5, { style: styles4.teamNameText, numberOfLines: 1, children: away?.name || "Away" })
+    /* @__PURE__ */ jsx8(View6, { style: styles5.overlay }),
+    /* @__PURE__ */ jsxs6(View6, { style: styles5.teamNames, children: [
+      /* @__PURE__ */ jsx8(Text6, { style: styles5.teamNameText, numberOfLines: 1, children: home?.name || "Home" }),
+      /* @__PURE__ */ jsx8(Text6, { style: styles5.teamNameVs, children: "vs" }),
+      /* @__PURE__ */ jsx8(Text6, { style: styles5.teamNameText, numberOfLines: 1, children: away?.name || "Away" })
     ] }),
-    countdown ? /* @__PURE__ */ jsx7(View5, { style: styles4.countdownPill, children: /* @__PURE__ */ jsx7(Text5, { style: [styles4.countdownText, isLive && styles4.countdownLive], children: countdown }) }) : null,
-    /* @__PURE__ */ jsx7(View5, { style: styles4.poolPill, children: /* @__PURE__ */ jsxs5(Text5, { style: styles4.poolText, children: [
+    countdown ? /* @__PURE__ */ jsx8(View6, { style: styles5.countdownPill, children: /* @__PURE__ */ jsx8(Text6, { style: [styles5.countdownText, isLive && styles5.countdownLive], children: countdown }) }) : null,
+    /* @__PURE__ */ jsx8(View6, { style: styles5.poolPill, children: /* @__PURE__ */ jsxs6(Text6, { style: styles5.poolText, children: [
       game.totalPool || 0,
       " SOL"
     ] }) })
   ] });
 }
 function TeamLogoInternal({ url, size, Img }) {
-  const [failed, setFailed] = useState17(false);
+  const [failed, setFailed] = useState18(false);
   if (!url || failed) {
-    return /* @__PURE__ */ jsx7(View5, { style: [styles4.logoPlaceholder, { width: size, height: size, borderRadius: size / 2 }] });
+    return /* @__PURE__ */ jsx8(View6, { style: [styles5.logoPlaceholder, { width: size, height: size, borderRadius: size / 2 }] });
   }
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     Img,
     {
       source: { uri: url },
@@ -3502,7 +3932,7 @@ function TeamLogoInternal({ url, size, Img }) {
     }
   );
 }
-var styles4 = StyleSheet5.create({
+var styles5 = StyleSheet6.create({
   container: {
     height: 200,
     borderRadius: 16,
@@ -3510,12 +3940,12 @@ var styles4 = StyleSheet5.create({
     position: "relative"
   },
   image: {
-    ...StyleSheet5.absoluteFillObject,
+    ...StyleSheet6.absoluteFillObject,
     justifyContent: "center",
     alignItems: "center"
   },
   overlay: {
-    ...StyleSheet5.absoluteFillObject,
+    ...StyleSheet6.absoluteFillObject,
     backgroundColor: "rgba(0,0,0,0.35)"
   },
   fallback: {
@@ -3589,9 +4019,9 @@ var styles4 = StyleSheet5.create({
 });
 
 // src/ui/game/LivePoolsCard.tsx
-import { useMemo as useMemo4 } from "react";
-import { StyleSheet as StyleSheet6, View as View6, Text as Text6 } from "react-native";
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { useMemo as useMemo5 } 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 LivePoolsCard({
   game,
   shortName,
@@ -3605,7 +4035,7 @@ function LivePoolsCard({
   const homePool = game.homePool || 0;
   const awayPool = game.awayPool || 0;
   const totalPool = game.totalPool || 0;
-  const { homePercent, awayPercent, homeOdds, awayOdds } = useMemo4(() => {
+  const { homePercent, awayPercent, homeOdds, awayOdds } = useMemo5(() => {
     return {
       homePercent: totalPool > 0 ? homePool / totalPool * 100 : 50,
       awayPercent: totalPool > 0 ? awayPool / totalPool * 100 : 50,
@@ -3613,29 +4043,29 @@ function LivePoolsCard({
       awayOdds: awayPool > 0 ? (totalPool / awayPool).toFixed(2) : "\u2014"
     };
   }, [homePool, awayPool, totalPool]);
-  return /* @__PURE__ */ jsxs6(View6, { style: [styles5.card, { backgroundColor: t.surface, borderColor: t.border }], children: [
-    /* @__PURE__ */ jsx8(Text6, { style: [styles5.title, { color: t.text }], children: "Live Pools" }),
-    /* @__PURE__ */ jsxs6(Text6, { style: [styles5.total, { color: t.accent }], children: [
+  return /* @__PURE__ */ jsxs7(View7, { style: [styles6.card, { backgroundColor: t.surface, borderColor: t.border }], children: [
+    /* @__PURE__ */ jsx9(Text7, { style: [styles6.title, { color: t.text }], children: "Live Pools" }),
+    /* @__PURE__ */ jsxs7(Text7, { style: [styles6.total, { color: t.accent }], children: [
       totalPool,
       " SOL total"
     ] }),
-    /* @__PURE__ */ jsxs6(View6, { style: styles5.bars, children: [
-      /* @__PURE__ */ jsx8(PoolBar, { name: homeName, amount: homePool, percent: homePercent, color: homeColor, t }),
-      /* @__PURE__ */ jsx8(PoolBar, { name: awayName, amount: awayPool, percent: awayPercent, color: awayColor, t })
+    /* @__PURE__ */ jsxs7(View7, { style: styles6.bars, children: [
+      /* @__PURE__ */ jsx9(PoolBar, { name: homeName, amount: homePool, percent: homePercent, color: homeColor, t }),
+      /* @__PURE__ */ jsx9(PoolBar, { name: awayName, amount: awayPool, percent: awayPercent, color: awayColor, t })
     ] }),
-    /* @__PURE__ */ jsxs6(View6, { style: styles5.oddsRow, children: [
-      /* @__PURE__ */ jsxs6(Text6, { style: [styles5.oddsText, { color: t.textMuted }], children: [
+    /* @__PURE__ */ jsxs7(View7, { style: styles6.oddsRow, children: [
+      /* @__PURE__ */ jsxs7(Text7, { style: [styles6.oddsText, { color: t.textMuted }], children: [
         homeName,
         ": ",
-        /* @__PURE__ */ jsxs6(Text6, { style: { color: t.text, fontWeight: "700" }, children: [
+        /* @__PURE__ */ jsxs7(Text7, { style: { color: t.text, fontWeight: "700" }, children: [
           homeOdds,
           "x"
         ] })
       ] }),
-      /* @__PURE__ */ jsxs6(Text6, { style: [styles5.oddsText, { color: t.textMuted }], children: [
+      /* @__PURE__ */ jsxs7(Text7, { style: [styles6.oddsText, { color: t.textMuted }], children: [
         awayName,
         ": ",
-        /* @__PURE__ */ jsxs6(Text6, { style: { color: t.text, fontWeight: "700" }, children: [
+        /* @__PURE__ */ jsxs7(Text7, { style: { color: t.text, fontWeight: "700" }, children: [
           awayOdds,
           "x"
         ] })
@@ -3644,16 +4074,16 @@ function LivePoolsCard({
   ] });
 }
 function PoolBar({ name, amount, percent, color, t }) {
-  return /* @__PURE__ */ jsxs6(View6, { style: styles5.barRow, children: [
-    /* @__PURE__ */ jsx8(Text6, { style: [styles5.barLabel, { color: t.textSecondary }], numberOfLines: 1, children: name }),
-    /* @__PURE__ */ jsx8(View6, { style: [styles5.barTrack, { backgroundColor: t.border }], children: /* @__PURE__ */ jsx8(View6, { style: [styles5.barFill, { width: `${Math.max(percent, 2)}%`, backgroundColor: color }] }) }),
-    /* @__PURE__ */ jsxs6(Text6, { style: [styles5.barAmount, { color: t.text }], children: [
+  return /* @__PURE__ */ jsxs7(View7, { style: styles6.barRow, children: [
+    /* @__PURE__ */ jsx9(Text7, { style: [styles6.barLabel, { color: t.textSecondary }], numberOfLines: 1, children: name }),
+    /* @__PURE__ */ jsx9(View7, { style: [styles6.barTrack, { backgroundColor: t.border }], children: /* @__PURE__ */ jsx9(View7, { style: [styles6.barFill, { width: `${Math.max(percent, 2)}%`, backgroundColor: color }] }) }),
+    /* @__PURE__ */ jsxs7(Text7, { style: [styles6.barAmount, { color: t.text }], children: [
       amount,
       " SOL"
     ] })
   ] });
 }
-var styles5 = StyleSheet6.create({
+var styles6 = StyleSheet7.create({
   card: { borderRadius: 16, borderWidth: 1, padding: 16 },
   title: { fontSize: 17, fontWeight: "700", marginBottom: 4 },
   total: { fontSize: 14, fontWeight: "600", marginBottom: 14 },
@@ -3668,9 +4098,9 @@ var styles5 = StyleSheet6.create({
 });
 
 // src/ui/game/PickWinnerCard.tsx
-import { useState as useState18, useMemo as useMemo5 } from "react";
-import { StyleSheet as StyleSheet7, View as View7, Text as Text7, TouchableOpacity as TouchableOpacity4 } from "react-native";
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { useState as useState19, useMemo as useMemo6 } from "react";
+import { StyleSheet as StyleSheet8, View as View8, Text as Text8, TouchableOpacity as TouchableOpacity5 } from "react-native";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function PickWinnerCard({
   game,
   selectedTeam,
@@ -3686,7 +4116,7 @@ function PickWinnerCard({
   const totalPool = game.totalPool || 0;
   const homePool = game.homePool || 0;
   const awayPool = game.awayPool || 0;
-  const { homeOdds, awayOdds, homeBets, awayBets } = useMemo5(() => ({
+  const { homeOdds, awayOdds, homeBets, awayBets } = useMemo6(() => ({
     homeOdds: homePool > 0 ? (totalPool / homePool).toFixed(2) : "\u2014",
     awayOdds: awayPool > 0 ? (totalPool / awayPool).toFixed(2) : "\u2014",
     homeBets: bettors.filter((b) => b.team === "home").length,
@@ -3694,10 +4124,10 @@ 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__ */ jsxs7(View7, { style: [styles6.card, { backgroundColor: t.surface, borderColor: t.border }], children: [
-    /* @__PURE__ */ jsx9(Text7, { style: [styles6.title, { color: t.text }], children: "Pick Your Winner" }),
-    /* @__PURE__ */ jsxs7(View7, { style: styles6.row, children: [
-      /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsxs8(View8, { style: [styles7.card, { backgroundColor: t.surface, borderColor: t.border }], children: [
+    /* @__PURE__ */ jsx10(Text8, { style: [styles7.title, { color: t.text }], children: "Pick Your Winner" }),
+    /* @__PURE__ */ jsxs8(View8, { style: styles7.row, children: [
+      /* @__PURE__ */ jsx10(
         TeamOption,
         {
           name: homeName,
@@ -3711,7 +4141,7 @@ function PickWinnerCard({
           t
         }
       ),
-      /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx10(
         TeamOption,
         {
           name: awayName,
@@ -3739,33 +4169,33 @@ function TeamOption({
   ImageComponent,
   t
 }) {
-  const [imgFailed, setImgFailed] = useState18(false);
+  const [imgFailed, setImgFailed] = useState19(false);
   const Img = ImageComponent || __require("react-native").Image;
   const showImage = imageUrl && !imgFailed;
-  return /* @__PURE__ */ jsxs7(
-    TouchableOpacity4,
+  return /* @__PURE__ */ jsxs8(
+    TouchableOpacity5,
     {
-      style: [styles6.option, { borderColor: selected ? color : t.border, backgroundColor: selected ? color + "15" : t.background }],
+      style: [styles7.option, { borderColor: selected ? color : t.border, backgroundColor: selected ? color + "15" : t.background }],
       onPress,
       activeOpacity: 0.7,
       children: [
-        showImage ? /* @__PURE__ */ jsx9(Img, { source: { uri: imageUrl }, style: styles6.logo, resizeMode: "contain", onError: () => setImgFailed(true) }) : /* @__PURE__ */ jsx9(View7, { style: [styles6.logo, styles6.logoPlaceholder] }),
-        /* @__PURE__ */ jsx9(Text7, { style: [styles6.name, { color: t.text }], numberOfLines: 1, children: name }),
-        /* @__PURE__ */ jsxs7(Text7, { style: [styles6.odds, { color }], children: [
+        showImage ? /* @__PURE__ */ jsx10(Img, { source: { uri: imageUrl }, style: styles7.logo, resizeMode: "contain", onError: () => setImgFailed(true) }) : /* @__PURE__ */ jsx10(View8, { style: [styles7.logo, styles7.logoPlaceholder] }),
+        /* @__PURE__ */ jsx10(Text8, { style: [styles7.name, { color: t.text }], numberOfLines: 1, children: name }),
+        /* @__PURE__ */ jsxs8(Text8, { style: [styles7.odds, { color }], children: [
           odds,
           "x"
         ] }),
-        /* @__PURE__ */ jsxs7(Text7, { style: [styles6.bets, { color: t.textMuted }], children: [
+        /* @__PURE__ */ jsxs8(Text8, { style: [styles7.bets, { color: t.textMuted }], children: [
           bets,
           " ",
           bets === 1 ? "bet" : "bets"
         ] }),
-        selected && /* @__PURE__ */ jsx9(View7, { style: [styles6.badge, { backgroundColor: color }], children: /* @__PURE__ */ jsx9(Text7, { style: styles6.badgeText, children: "Selected" }) })
+        selected && /* @__PURE__ */ jsx10(View8, { style: [styles7.badge, { backgroundColor: color }], children: /* @__PURE__ */ jsx10(Text8, { style: styles7.badgeText, children: "Selected" }) })
       ]
     }
   );
 }
-var styles6 = StyleSheet7.create({
+var styles7 = StyleSheet8.create({
   card: { borderRadius: 16, borderWidth: 1, padding: 16 },
   title: { fontSize: 17, fontWeight: "700", marginBottom: 12 },
   row: { flexDirection: "row", gap: 12 },
@@ -3780,9 +4210,9 @@ var styles6 = StyleSheet7.create({
 });
 
 // src/ui/game/PlayersCard.tsx
-import { useState as useState19 } 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 { useState as useState20 } 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";
 function truncateWallet(addr, chars) {
   if (addr.length <= chars * 2 + 3) return addr;
   return `${addr.slice(0, chars)}...${addr.slice(-chars)}`;
@@ -3802,12 +4232,12 @@ function PlayersCard({
     if (team === "away") return awayColor;
     return drawColor;
   };
-  return /* @__PURE__ */ jsxs8(View8, { style: [styles7.card, { backgroundColor: t.surface, borderColor: t.border }], children: [
-    /* @__PURE__ */ jsxs8(Text8, { style: [styles7.title, { color: t.text }], children: [
+  return /* @__PURE__ */ jsxs9(View9, { style: [styles8.card, { backgroundColor: t.surface, borderColor: t.border }], children: [
+    /* @__PURE__ */ jsxs9(Text9, { style: [styles8.title, { color: t.text }], children: [
       "Players",
       bettors.length > 0 ? ` (${bettors.length})` : ""
     ] }),
-    bettors.length === 0 ? /* @__PURE__ */ jsx10(Text8, { style: [styles7.empty, { color: t.textMuted }], children: "No players yet \u2014 be the first!" }) : bettors.map((b, i) => /* @__PURE__ */ jsx10(
+    bettors.length === 0 ? /* @__PURE__ */ jsx11(Text9, { style: [styles8.empty, { color: t.textMuted }], children: "No players yet \u2014 be the first!" }) : bettors.map((b, i) => /* @__PURE__ */ jsx11(
       BettorRow,
       {
         bettor: b,
@@ -3829,20 +4259,20 @@ function BettorRow({
   ImageComponent,
   t
 }) {
-  const [imgFailed, setImgFailed] = useState19(false);
+  const [imgFailed, setImgFailed] = useState20(false);
   const Img = ImageComponent || __require("react-native").Image;
   const showAvatar = bettor.avatar && !imgFailed;
-  return /* @__PURE__ */ jsxs8(View8, { style: [styles7.row, !isFirst && { borderTopColor: t.border, borderTopWidth: 1 }], children: [
-    /* @__PURE__ */ jsx10(View8, { style: [styles7.dot, { backgroundColor: dotColor }] }),
-    showAvatar ? /* @__PURE__ */ jsx10(Img, { source: { uri: bettor.avatar }, style: styles7.avatar, resizeMode: "cover", onError: () => setImgFailed(true) }) : /* @__PURE__ */ jsx10(View8, { style: [styles7.avatar, styles7.avatarPlaceholder] }),
-    /* @__PURE__ */ jsx10(View8, { style: styles7.nameCol, children: /* @__PURE__ */ jsx10(Text8, { style: [styles7.username, { color: t.text }], numberOfLines: 1, children: bettor.username || truncateWallet(bettor.wallet, truncateChars) }) }),
-    /* @__PURE__ */ jsxs8(Text8, { style: [styles7.amount, { color: t.textSecondary }], children: [
+  return /* @__PURE__ */ jsxs9(View9, { style: [styles8.row, !isFirst && { borderTopColor: t.border, borderTopWidth: 1 }], children: [
+    /* @__PURE__ */ jsx11(View9, { style: [styles8.dot, { backgroundColor: dotColor }] }),
+    showAvatar ? /* @__PURE__ */ jsx11(Img, { source: { uri: bettor.avatar }, style: styles8.avatar, resizeMode: "cover", onError: () => setImgFailed(true) }) : /* @__PURE__ */ jsx11(View9, { style: [styles8.avatar, styles8.avatarPlaceholder] }),
+    /* @__PURE__ */ jsx11(View9, { style: styles8.nameCol, children: /* @__PURE__ */ jsx11(Text9, { style: [styles8.username, { color: t.text }], numberOfLines: 1, children: bettor.username || truncateWallet(bettor.wallet, truncateChars) }) }),
+    /* @__PURE__ */ jsxs9(Text9, { style: [styles8.amount, { color: t.textSecondary }], children: [
       bettor.amount,
       " SOL"
     ] })
   ] });
 }
-var styles7 = StyleSheet8.create({
+var styles8 = StyleSheet9.create({
   card: { borderRadius: 16, borderWidth: 1, padding: 16 },
   title: { fontSize: 17, fontWeight: "700", marginBottom: 12 },
   empty: { fontSize: 14, textAlign: "center", paddingVertical: 16 },
@@ -3856,9 +4286,9 @@ var styles7 = StyleSheet8.create({
 });
 
 // src/ui/game/JoinGameButton.tsx
-import { useMemo as useMemo6 } from "react";
-import { StyleSheet as StyleSheet9, View as View9, Text as Text9, TouchableOpacity as TouchableOpacity5, ActivityIndicator as ActivityIndicator4 } from "react-native";
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { useMemo as useMemo7 } from "react";
+import { StyleSheet as StyleSheet10, View as View10, Text as Text10, TouchableOpacity as TouchableOpacity6, ActivityIndicator as ActivityIndicator5 } from "react-native";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 var STATUS_LABELS = {
   building: "Building transaction...",
   signing: "Approve in wallet...",
@@ -3867,37 +4297,37 @@ var STATUS_LABELS = {
 };
 function JoinGameButton({ game, walletAddress, selectedTeam, status, onJoin }) {
   const t = useDubsTheme();
-  const alreadyJoined = useMemo6(() => {
+  const alreadyJoined = useMemo7(() => {
     if (!walletAddress) return false;
     return (game.bettors || []).some((b) => b.wallet === walletAddress);
   }, [game.bettors, walletAddress]);
   if (alreadyJoined || game.isLocked || game.isResolved) return null;
   const isJoining = status !== "idle" && status !== "success" && status !== "error";
   const statusLabel = STATUS_LABELS[status] || "";
-  return /* @__PURE__ */ jsxs9(View9, { style: [styles8.bar, { backgroundColor: t.background, borderTopColor: t.border }], children: [
-    /* @__PURE__ */ jsxs9(View9, { style: styles8.buyInRow, children: [
-      /* @__PURE__ */ jsx11(Text9, { style: [styles8.buyInLabel, { color: t.textMuted }], children: "Buy-in" }),
-      /* @__PURE__ */ jsxs9(Text9, { style: [styles8.buyInValue, { color: t.text }], children: [
+  return /* @__PURE__ */ jsxs10(View10, { style: [styles9.bar, { backgroundColor: t.background, borderTopColor: t.border }], children: [
+    /* @__PURE__ */ jsxs10(View10, { style: styles9.buyInRow, children: [
+      /* @__PURE__ */ jsx12(Text10, { style: [styles9.buyInLabel, { color: t.textMuted }], children: "Buy-in" }),
+      /* @__PURE__ */ jsxs10(Text10, { style: [styles9.buyInValue, { color: t.text }], children: [
         game.buyIn,
         " SOL"
       ] })
     ] }),
-    /* @__PURE__ */ jsx11(
-      TouchableOpacity5,
+    /* @__PURE__ */ jsx12(
+      TouchableOpacity6,
       {
-        style: [styles8.button, { backgroundColor: selectedTeam ? t.accent : t.border }],
+        style: [styles9.button, { backgroundColor: selectedTeam ? t.accent : t.border }],
         disabled: !selectedTeam || isJoining,
         onPress: onJoin,
         activeOpacity: 0.8,
-        children: isJoining ? /* @__PURE__ */ jsxs9(View9, { style: styles8.joiningRow, children: [
-          /* @__PURE__ */ jsx11(ActivityIndicator4, { size: "small", color: "#000" }),
-          /* @__PURE__ */ jsx11(Text9, { style: styles8.buttonText, children: statusLabel })
-        ] }) : /* @__PURE__ */ jsx11(Text9, { style: [styles8.buttonText, !selectedTeam && { color: t.textMuted }], children: selectedTeam ? `Join Bet \u2014 ${game.buyIn} SOL` : "Pick a team to bet" })
+        children: isJoining ? /* @__PURE__ */ jsxs10(View10, { style: styles9.joiningRow, children: [
+          /* @__PURE__ */ jsx12(ActivityIndicator5, { size: "small", color: "#000" }),
+          /* @__PURE__ */ jsx12(Text10, { style: styles9.buttonText, children: statusLabel })
+        ] }) : /* @__PURE__ */ jsx12(Text10, { style: [styles9.buttonText, !selectedTeam && { color: t.textMuted }], children: selectedTeam ? `Join Bet \u2014 ${game.buyIn} SOL` : "Pick a team to bet" })
       }
     )
   ] });
 }
-var styles8 = StyleSheet9.create({
+var styles9 = StyleSheet10.create({
   bar: { position: "absolute", bottom: 0, left: 0, right: 0, paddingHorizontal: 16, paddingTop: 12, paddingBottom: 36, borderTopWidth: 1 },
   buyInRow: { flexDirection: "row", alignItems: "center", justifyContent: "space-between", marginBottom: 10 },
   buyInLabel: { fontSize: 13 },
@@ -3908,20 +4338,20 @@ var styles8 = StyleSheet9.create({
 });
 
 // src/ui/game/CreateCustomGameSheet.tsx
-import { useState as useState20, useEffect as useEffect11, useRef as useRef5, useCallback as useCallback16 } from "react";
+import { useState as useState21, useEffect as useEffect12, useRef as useRef6, useCallback as useCallback17 } from "react";
 import {
-  View as View10,
-  Text as Text10,
+  View as View11,
+  Text as Text11,
   TextInput as TextInput2,
-  TouchableOpacity as TouchableOpacity6,
-  ActivityIndicator as ActivityIndicator5,
-  Modal,
-  Animated as Animated2,
-  StyleSheet as StyleSheet10,
-  KeyboardAvoidingView as KeyboardAvoidingView2,
-  Platform as Platform5
+  TouchableOpacity as TouchableOpacity7,
+  ActivityIndicator as ActivityIndicator6,
+  Modal as Modal2,
+  Animated as Animated3,
+  StyleSheet as StyleSheet11,
+  KeyboardAvoidingView as KeyboardAvoidingView3,
+  Platform as Platform6
 } from "react-native";
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 var STATUS_LABELS2 = {
   building: "Building transaction...",
   signing: "Approve in wallet...",
@@ -3945,18 +4375,18 @@ function CreateCustomGameSheet({
   const t = useDubsTheme();
   const { wallet } = useDubs();
   const mutation = useCreateCustomGame();
-  const [selectedAmount, setSelectedAmount] = useState20(null);
-  const [customAmount, setCustomAmount] = useState20("");
-  const [isCustom, setIsCustom] = useState20(false);
-  const overlayOpacity = useRef5(new Animated2.Value(0)).current;
-  useEffect11(() => {
-    Animated2.timing(overlayOpacity, {
+  const [selectedAmount, setSelectedAmount] = useState21(null);
+  const [customAmount, setCustomAmount] = useState21("");
+  const [isCustom, setIsCustom] = useState21(false);
+  const overlayOpacity = useRef6(new Animated3.Value(0)).current;
+  useEffect12(() => {
+    Animated3.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (visible) {
       setSelectedAmount(defaultAmount ?? null);
       setCustomAmount("");
@@ -3964,7 +4394,7 @@ function CreateCustomGameSheet({
       mutation.reset();
     }
   }, [visible]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (mutation.status === "success" && mutation.data) {
       onSuccess?.(mutation.data);
       const timer = setTimeout(() => {
@@ -3973,23 +4403,23 @@ function CreateCustomGameSheet({
       return () => clearTimeout(timer);
     }
   }, [mutation.status, mutation.data]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (mutation.status === "error" && mutation.error) {
       onError?.(mutation.error);
     }
   }, [mutation.status, mutation.error]);
-  const handlePresetSelect = useCallback16((amount) => {
+  const handlePresetSelect = useCallback17((amount) => {
     setSelectedAmount(amount);
     setIsCustom(false);
     setCustomAmount("");
     onAmountChange?.(amount);
   }, [onAmountChange]);
-  const handleCustomSelect = useCallback16(() => {
+  const handleCustomSelect = useCallback17(() => {
     setIsCustom(true);
     setSelectedAmount(null);
     onAmountChange?.(null);
   }, [onAmountChange]);
-  const handleCustomAmountChange = useCallback16((text) => {
+  const handleCustomAmountChange = useCallback17((text) => {
     const cleaned = text.replace(/[^0-9.]/g, "").replace(/(\..*?)\..*/g, "$1");
     setCustomAmount(cleaned);
     const parsed = parseFloat(cleaned);
@@ -4004,7 +4434,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 = useCallback16(async () => {
+  const handleCreate = useCallback17(async () => {
     if (!finalAmount || !wallet.publicKey) return;
     try {
       await mutation.execute({
@@ -4020,42 +4450,42 @@ 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__ */ jsxs10(
-    Modal,
+  return /* @__PURE__ */ jsxs11(
+    Modal2,
     {
       visible,
       animationType: "slide",
       transparent: true,
       onRequestClose: onDismiss,
       children: [
-        /* @__PURE__ */ jsx12(Animated2.View, { style: [styles9.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ jsx12(TouchableOpacity6, { style: styles9.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
-        /* @__PURE__ */ jsx12(
-          KeyboardAvoidingView2,
+        /* @__PURE__ */ jsx13(Animated3.View, { style: [styles10.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ jsx13(TouchableOpacity7, { style: styles10.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
+        /* @__PURE__ */ jsx13(
+          KeyboardAvoidingView3,
           {
-            style: styles9.keyboardView,
-            behavior: Platform5.OS === "ios" ? "padding" : void 0,
-            children: /* @__PURE__ */ jsx12(View10, { style: styles9.sheetPositioner, children: /* @__PURE__ */ jsxs10(View10, { style: [styles9.sheet, { backgroundColor: t.background }], children: [
-              /* @__PURE__ */ jsx12(View10, { style: styles9.handleRow, children: /* @__PURE__ */ jsx12(View10, { style: [styles9.handle, { backgroundColor: t.textMuted }] }) }),
-              /* @__PURE__ */ jsxs10(View10, { style: styles9.header, children: [
-                /* @__PURE__ */ jsx12(Text10, { style: [styles9.headerTitle, { color: t.text }], children: isPoolModeEnabled ? "Create Pool" : "New Game" }),
-                /* @__PURE__ */ jsx12(TouchableOpacity6, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ jsx12(Text10, { style: [styles9.closeButton, { color: t.textMuted }], children: "\u2715" }) })
+            style: styles10.keyboardView,
+            behavior: Platform6.OS === "ios" ? "padding" : void 0,
+            children: /* @__PURE__ */ jsx13(View11, { style: styles10.sheetPositioner, children: /* @__PURE__ */ jsxs11(View11, { style: [styles10.sheet, { backgroundColor: t.background }], children: [
+              /* @__PURE__ */ jsx13(View11, { style: styles10.handleRow, children: /* @__PURE__ */ jsx13(View11, { style: [styles10.handle, { backgroundColor: t.textMuted }] }) }),
+              /* @__PURE__ */ jsxs11(View11, { style: styles10.header, children: [
+                /* @__PURE__ */ jsx13(Text11, { style: [styles10.headerTitle, { color: t.text }], children: isPoolModeEnabled ? "Create Pool" : "New Game" }),
+                /* @__PURE__ */ jsx13(TouchableOpacity7, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ jsx13(Text11, { style: [styles10.closeButton, { color: t.textMuted }], children: "\u2715" }) })
               ] }),
-              !isPoolModeEnabled && /* @__PURE__ */ jsxs10(View10, { style: styles9.section, children: [
-                /* @__PURE__ */ jsx12(Text10, { style: [styles9.sectionLabel, { color: t.textSecondary }], children: "Buy-In Amount" }),
-                /* @__PURE__ */ jsxs10(View10, { style: styles9.chipsRow, children: [
+              !isPoolModeEnabled && /* @__PURE__ */ jsxs11(View11, { style: styles10.section, children: [
+                /* @__PURE__ */ jsx13(Text11, { style: [styles10.sectionLabel, { color: t.textSecondary }], children: "Buy-In Amount" }),
+                /* @__PURE__ */ jsxs11(View11, { style: styles10.chipsRow, children: [
                   presetAmounts.map((amount) => {
                     const active = !isCustom && selectedAmount === amount;
-                    return /* @__PURE__ */ jsx12(
-                      TouchableOpacity6,
+                    return /* @__PURE__ */ jsx13(
+                      TouchableOpacity7,
                       {
                         style: [
-                          styles9.chip,
+                          styles10.chip,
                           { borderColor: active ? t.accent : t.border },
                           active && { backgroundColor: t.accent }
                         ],
                         onPress: () => handlePresetSelect(amount),
                         activeOpacity: 0.8,
-                        children: /* @__PURE__ */ jsxs10(Text10, { style: [styles9.chipText, { color: active ? "#FFFFFF" : t.text }], children: [
+                        children: /* @__PURE__ */ jsxs11(Text11, { style: [styles10.chipText, { color: active ? "#FFFFFF" : t.text }], children: [
                           amount,
                           " SOL"
                         ] })
@@ -4063,24 +4493,24 @@ function CreateCustomGameSheet({
                       amount
                     );
                   }),
-                  /* @__PURE__ */ jsx12(
-                    TouchableOpacity6,
+                  /* @__PURE__ */ jsx13(
+                    TouchableOpacity7,
                     {
                       style: [
-                        styles9.chip,
+                        styles10.chip,
                         { borderColor: isCustom ? t.accent : t.border },
                         isCustom && { backgroundColor: t.accent }
                       ],
                       onPress: handleCustomSelect,
                       activeOpacity: 0.8,
-                      children: /* @__PURE__ */ jsx12(Text10, { style: [styles9.chipText, { color: isCustom ? "#FFFFFF" : t.text }], children: "Custom" })
+                      children: /* @__PURE__ */ jsx13(Text11, { style: [styles10.chipText, { color: isCustom ? "#FFFFFF" : t.text }], children: "Custom" })
                     }
                   )
                 ] }),
-                isCustom && /* @__PURE__ */ jsx12(
+                isCustom && /* @__PURE__ */ jsx13(
                   TextInput2,
                   {
-                    style: [styles9.input, { backgroundColor: t.surface, color: t.text, borderColor: t.accent }],
+                    style: [styles10.input, { backgroundColor: t.surface, color: t.text, borderColor: t.accent }],
                     placeholder: "Enter amount in SOL",
                     placeholderTextColor: t.textDim,
                     keyboardType: "decimal-pad",
@@ -4090,43 +4520,43 @@ function CreateCustomGameSheet({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs10(View10, { style: [styles9.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
-                /* @__PURE__ */ jsxs10(View10, { style: styles9.summaryRow, children: [
-                  /* @__PURE__ */ jsx12(Text10, { style: [styles9.summaryLabel, { color: t.textMuted }], children: "Buy-in" }),
-                  /* @__PURE__ */ jsx12(Text10, { style: [styles9.summaryValue, { color: t.text }], children: finalAmount ? `${finalAmount} SOL` : "\u2014" })
+              /* @__PURE__ */ jsxs11(View11, { style: [styles10.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
+                /* @__PURE__ */ jsxs11(View11, { style: styles10.summaryRow, children: [
+                  /* @__PURE__ */ jsx13(Text11, { style: [styles10.summaryLabel, { color: t.textMuted }], children: "Buy-in" }),
+                  /* @__PURE__ */ jsx13(Text11, { style: [styles10.summaryValue, { color: t.text }], children: finalAmount ? `${finalAmount} SOL` : "\u2014" })
                 ] }),
-                /* @__PURE__ */ jsx12(View10, { style: [styles9.summarySep, { backgroundColor: t.border }] }),
-                /* @__PURE__ */ jsxs10(View10, { style: styles9.summaryRow, children: [
-                  /* @__PURE__ */ jsx12(Text10, { style: [styles9.summaryLabel, { color: t.textMuted }], children: isPoolModeEnabled ? "Max players" : "Players" }),
-                  /* @__PURE__ */ jsx12(Text10, { style: [styles9.summaryValue, { color: t.text }], children: isPoolModeEnabled ? playerCount : playersLabel })
+                /* @__PURE__ */ jsx13(View11, { style: [styles10.summarySep, { backgroundColor: t.border }] }),
+                /* @__PURE__ */ jsxs11(View11, { style: styles10.summaryRow, children: [
+                  /* @__PURE__ */ jsx13(Text11, { style: [styles10.summaryLabel, { color: t.textMuted }], children: isPoolModeEnabled ? "Max players" : "Players" }),
+                  /* @__PURE__ */ jsx13(Text11, { style: [styles10.summaryValue, { color: t.text }], children: isPoolModeEnabled ? playerCount : playersLabel })
                 ] }),
-                /* @__PURE__ */ jsx12(View10, { style: [styles9.summarySep, { backgroundColor: t.border }] }),
-                /* @__PURE__ */ jsxs10(View10, { style: styles9.summaryRow, children: [
-                  /* @__PURE__ */ jsx12(Text10, { style: [styles9.summaryLabel, { color: t.textMuted }], children: isPoolModeEnabled ? "Max pot" : "Winner Takes" }),
-                  /* @__PURE__ */ jsxs10(View10, { style: styles9.winnerCol, children: [
-                    /* @__PURE__ */ jsx12(Text10, { style: [styles9.summaryValue, { color: t.success }], children: finalAmount ? `${(finalAmount * playerCount * (1 - fee / 100)).toFixed(4)} SOL` : "\u2014" }),
-                    finalAmount ? /* @__PURE__ */ jsxs10(Text10, { style: [styles9.feeNote, { color: t.textDim }], children: [
+                /* @__PURE__ */ jsx13(View11, { style: [styles10.summarySep, { backgroundColor: t.border }] }),
+                /* @__PURE__ */ jsxs11(View11, { style: styles10.summaryRow, children: [
+                  /* @__PURE__ */ jsx13(Text11, { style: [styles10.summaryLabel, { color: t.textMuted }], children: isPoolModeEnabled ? "Max pot" : "Winner Takes" }),
+                  /* @__PURE__ */ jsxs11(View11, { style: styles10.winnerCol, children: [
+                    /* @__PURE__ */ jsx13(Text11, { style: [styles10.summaryValue, { color: t.success }], children: finalAmount ? `${(finalAmount * playerCount * (1 - fee / 100)).toFixed(4)} SOL` : "\u2014" }),
+                    finalAmount ? /* @__PURE__ */ jsxs11(Text11, { style: [styles10.feeNote, { color: t.textDim }], children: [
                       fee,
                       "% platform fee"
                     ] }) : null
                   ] })
                 ] })
               ] }),
-              mutation.error && /* @__PURE__ */ jsx12(View10, { style: [styles9.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ jsx12(Text10, { style: [styles9.errorText, { color: t.errorText }], children: mutation.error.message }) }),
-              /* @__PURE__ */ jsx12(
-                TouchableOpacity6,
+              mutation.error && /* @__PURE__ */ jsx13(View11, { style: [styles10.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ jsx13(Text11, { style: [styles10.errorText, { color: t.errorText }], children: mutation.error.message }) }),
+              /* @__PURE__ */ jsx13(
+                TouchableOpacity7,
                 {
                   style: [
-                    styles9.ctaButton,
+                    styles10.ctaButton,
                     { backgroundColor: canCreate ? t.accent : t.border }
                   ],
                   disabled: !canCreate,
                   onPress: handleCreate,
                   activeOpacity: 0.8,
-                  children: isMutating ? /* @__PURE__ */ jsxs10(View10, { style: styles9.ctaLoading, children: [
-                    /* @__PURE__ */ jsx12(ActivityIndicator5, { size: "small", color: "#FFFFFF" }),
-                    /* @__PURE__ */ jsx12(Text10, { style: styles9.ctaText, children: statusLabel })
-                  ] }) : mutation.status === "success" ? /* @__PURE__ */ jsx12(Text10, { style: styles9.ctaText, children: isPoolModeEnabled ? "Pool Created!" : STATUS_LABELS2.success }) : /* @__PURE__ */ jsx12(Text10, { style: [styles9.ctaText, !canCreate && { opacity: 0.5 }], children: isPoolModeEnabled ? `Create Pool \u2014 ${finalAmount} SOL` : effectiveAmount ? `Create Game \u2014 ${effectiveAmount} SOL` : "Select buy-in amount" })
+                  children: isMutating ? /* @__PURE__ */ jsxs11(View11, { style: styles10.ctaLoading, children: [
+                    /* @__PURE__ */ jsx13(ActivityIndicator6, { size: "small", color: "#FFFFFF" }),
+                    /* @__PURE__ */ jsx13(Text11, { style: styles10.ctaText, children: statusLabel })
+                  ] }) : mutation.status === "success" ? /* @__PURE__ */ jsx13(Text11, { style: styles10.ctaText, children: isPoolModeEnabled ? "Pool Created!" : STATUS_LABELS2.success }) : /* @__PURE__ */ jsx13(Text11, { style: [styles10.ctaText, !canCreate && { opacity: 0.5 }], children: isPoolModeEnabled ? `Create Pool \u2014 ${finalAmount} SOL` : effectiveAmount ? `Create Game \u2014 ${effectiveAmount} SOL` : "Select buy-in amount" })
                 }
               )
             ] }) })
@@ -4136,9 +4566,9 @@ function CreateCustomGameSheet({
     }
   );
 }
-var styles9 = StyleSheet10.create({
+var styles10 = StyleSheet11.create({
   overlay: {
-    ...StyleSheet10.absoluteFillObject,
+    ...StyleSheet11.absoluteFillObject,
     backgroundColor: "rgba(0,0,0,0.5)"
   },
   overlayTap: {
@@ -4273,19 +4703,19 @@ var styles9 = StyleSheet10.create({
 });
 
 // src/ui/game/JoinGameSheet.tsx
-import { useState as useState21, useEffect as useEffect12, useRef as useRef6, useCallback as useCallback17, useMemo as useMemo7 } from "react";
+import { useState as useState22, useEffect as useEffect13, useRef as useRef7, useCallback as useCallback18, useMemo as useMemo8 } from "react";
 import {
-  View as View11,
-  Text as Text11,
-  TouchableOpacity as TouchableOpacity7,
-  ActivityIndicator as ActivityIndicator6,
-  Modal as Modal2,
-  Animated as Animated3,
-  StyleSheet as StyleSheet11,
-  KeyboardAvoidingView as KeyboardAvoidingView3,
-  Platform as Platform6
+  View as View12,
+  Text as Text12,
+  TouchableOpacity as TouchableOpacity8,
+  ActivityIndicator as ActivityIndicator7,
+  Modal as Modal3,
+  Animated as Animated4,
+  StyleSheet as StyleSheet12,
+  KeyboardAvoidingView as KeyboardAvoidingView4,
+  Platform as Platform7
 } from "react-native";
-import { Fragment as Fragment4, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 var STATUS_LABELS3 = {
   building: "Building transaction...",
   signing: "Approve in wallet...",
@@ -4309,22 +4739,22 @@ function JoinGameSheet({
   const { wallet } = useDubs();
   const mutation = useJoinGame();
   const isCustomGame = game.gameMode === CUSTOM_GAME_MODE;
-  const [selectedTeam, setSelectedTeam] = useState21(null);
-  const overlayOpacity = useRef6(new Animated3.Value(0)).current;
-  useEffect12(() => {
-    Animated3.timing(overlayOpacity, {
+  const [selectedTeam, setSelectedTeam] = useState22(null);
+  const overlayOpacity = useRef7(new Animated4.Value(0)).current;
+  useEffect13(() => {
+    Animated4.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (visible) {
       setSelectedTeam(isPoolModeEnabled ? "home" : isCustomGame ? "away" : null);
       mutation.reset();
     }
   }, [visible]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (mutation.status === "success" && mutation.data) {
       onSuccess?.(mutation.data);
       const timer = setTimeout(() => {
@@ -4333,7 +4763,7 @@ function JoinGameSheet({
       return () => clearTimeout(timer);
     }
   }, [mutation.status, mutation.data]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (mutation.status === "error" && mutation.error) {
       onError?.(mutation.error);
     }
@@ -4344,7 +4774,7 @@ function JoinGameSheet({
   const homePool = game.homePool || 0;
   const awayPool = game.awayPool || 0;
   const buyIn = game.buyIn;
-  const { homeOdds, awayOdds, homeBets, awayBets } = useMemo7(() => ({
+  const { homeOdds, awayOdds, homeBets, awayBets } = useMemo8(() => ({
     homeOdds: homePool > 0 ? (totalPool / homePool).toFixed(2) : "\u2014",
     awayOdds: awayPool > 0 ? (totalPool / awayPool).toFixed(2) : "\u2014",
     homeBets: bettors.filter((b) => b.team === "home").length,
@@ -4356,14 +4786,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 = useMemo7(() => {
+  const alreadyJoined = useMemo8(() => {
     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 = useCallback17(async () => {
+  const handleJoin = useCallback18(async () => {
     if (!selectedTeam || !wallet.publicKey) return;
     try {
       await mutation.execute({
@@ -4376,30 +4806,30 @@ function JoinGameSheet({
     }
   }, [selectedTeam, wallet.publicKey, mutation.execute, game.gameId, buyIn]);
   const statusLabel = STATUS_LABELS3[mutation.status] || "";
-  return /* @__PURE__ */ jsxs11(
-    Modal2,
+  return /* @__PURE__ */ jsxs12(
+    Modal3,
     {
       visible,
       animationType: "slide",
       transparent: true,
       onRequestClose: onDismiss,
       children: [
-        /* @__PURE__ */ jsx13(Animated3.View, { style: [styles10.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ jsx13(TouchableOpacity7, { style: styles10.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
-        /* @__PURE__ */ jsx13(
-          KeyboardAvoidingView3,
+        /* @__PURE__ */ jsx14(Animated4.View, { style: [styles11.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ jsx14(TouchableOpacity8, { style: styles11.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
+        /* @__PURE__ */ jsx14(
+          KeyboardAvoidingView4,
           {
-            style: styles10.keyboardView,
-            behavior: Platform6.OS === "ios" ? "padding" : void 0,
-            children: /* @__PURE__ */ jsx13(View11, { style: styles10.sheetPositioner, children: /* @__PURE__ */ jsxs11(View11, { style: [styles10.sheet, { backgroundColor: t.background }], children: [
-              /* @__PURE__ */ jsx13(View11, { style: styles10.handleRow, children: /* @__PURE__ */ jsx13(View11, { style: [styles10.handle, { backgroundColor: t.textMuted }] }) }),
-              /* @__PURE__ */ jsxs11(View11, { style: styles10.header, children: [
-                /* @__PURE__ */ jsx13(Text11, { style: [styles10.headerTitle, { color: t.text }], children: isPoolModeEnabled ? "Join Pool" : "Join Game" }),
-                /* @__PURE__ */ jsx13(TouchableOpacity7, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ jsx13(Text11, { style: [styles10.closeButton, { color: t.textMuted }], children: "\u2715" }) })
+            style: styles11.keyboardView,
+            behavior: Platform7.OS === "ios" ? "padding" : void 0,
+            children: /* @__PURE__ */ jsx14(View12, { style: styles11.sheetPositioner, children: /* @__PURE__ */ jsxs12(View12, { style: [styles11.sheet, { backgroundColor: t.background }], children: [
+              /* @__PURE__ */ jsx14(View12, { style: styles11.handleRow, children: /* @__PURE__ */ jsx14(View12, { style: [styles11.handle, { backgroundColor: t.textMuted }] }) }),
+              /* @__PURE__ */ jsxs12(View12, { style: styles11.header, children: [
+                /* @__PURE__ */ jsx14(Text12, { style: [styles11.headerTitle, { color: t.text }], children: isPoolModeEnabled ? "Join Pool" : "Join Game" }),
+                /* @__PURE__ */ jsx14(TouchableOpacity8, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ jsx14(Text12, { style: [styles11.closeButton, { color: t.textMuted }], children: "\u2715" }) })
               ] }),
-              !isCustomGame && !isPoolModeEnabled && /* @__PURE__ */ jsxs11(View11, { style: styles10.section, children: [
-                /* @__PURE__ */ jsx13(Text11, { style: [styles10.sectionLabel, { color: t.textSecondary }], children: "Pick Your Side" }),
-                /* @__PURE__ */ jsxs11(View11, { style: styles10.teamsRow, children: [
-                  /* @__PURE__ */ jsx13(
+              !isCustomGame && !isPoolModeEnabled && /* @__PURE__ */ jsxs12(View12, { style: styles11.section, children: [
+                /* @__PURE__ */ jsx14(Text12, { style: [styles11.sectionLabel, { color: t.textSecondary }], children: "Pick Your Side" }),
+                /* @__PURE__ */ jsxs12(View12, { style: styles11.teamsRow, children: [
+                  /* @__PURE__ */ jsx14(
                     TeamButton,
                     {
                       name: homeName,
@@ -4413,7 +4843,7 @@ function JoinGameSheet({
                       t
                     }
                   ),
-                  /* @__PURE__ */ jsx13(
+                  /* @__PURE__ */ jsx14(
                     TeamButton,
                     {
                       name: awayName,
@@ -4429,64 +4859,64 @@ function JoinGameSheet({
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ jsxs11(View11, { style: [styles10.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
-                /* @__PURE__ */ jsxs11(View11, { style: styles10.summaryRow, children: [
-                  /* @__PURE__ */ jsx13(Text11, { style: [styles10.summaryLabel, { color: t.textMuted }], children: "Buy-in" }),
-                  /* @__PURE__ */ jsxs11(Text11, { style: [styles10.summaryValue, { color: t.text }], children: [
+              /* @__PURE__ */ jsxs12(View12, { style: [styles11.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
+                /* @__PURE__ */ jsxs12(View12, { style: styles11.summaryRow, children: [
+                  /* @__PURE__ */ jsx14(Text12, { style: [styles11.summaryLabel, { color: t.textMuted }], children: "Buy-in" }),
+                  /* @__PURE__ */ jsxs12(Text12, { style: [styles11.summaryValue, { color: t.text }], children: [
                     buyIn,
                     " SOL"
                   ] })
                 ] }),
-                /* @__PURE__ */ jsx13(View11, { style: [styles10.summarySep, { backgroundColor: t.border }] }),
-                isPoolModeEnabled ? /* @__PURE__ */ jsxs11(Fragment4, { children: [
-                  /* @__PURE__ */ jsxs11(View11, { style: styles10.summaryRow, children: [
-                    /* @__PURE__ */ jsx13(Text11, { style: [styles10.summaryLabel, { color: t.textMuted }], children: "Players in" }),
-                    /* @__PURE__ */ jsx13(Text11, { style: [styles10.summaryValue, { color: t.text }], children: bettors.length })
+                /* @__PURE__ */ jsx14(View12, { style: [styles11.summarySep, { backgroundColor: t.border }] }),
+                isPoolModeEnabled ? /* @__PURE__ */ jsxs12(Fragment4, { children: [
+                  /* @__PURE__ */ jsxs12(View12, { style: styles11.summaryRow, children: [
+                    /* @__PURE__ */ jsx14(Text12, { style: [styles11.summaryLabel, { color: t.textMuted }], children: "Players in" }),
+                    /* @__PURE__ */ jsx14(Text12, { style: [styles11.summaryValue, { color: t.text }], children: bettors.length })
                   ] }),
-                  /* @__PURE__ */ jsx13(View11, { style: [styles10.summarySep, { backgroundColor: t.border }] }),
-                  /* @__PURE__ */ jsxs11(View11, { style: styles10.summaryRow, children: [
-                    /* @__PURE__ */ jsx13(Text11, { style: [styles10.summaryLabel, { color: t.textMuted }], children: "Current pot" }),
-                    /* @__PURE__ */ jsxs11(Text11, { style: [styles10.summaryValue, { color: t.success }], children: [
+                  /* @__PURE__ */ jsx14(View12, { style: [styles11.summarySep, { backgroundColor: t.border }] }),
+                  /* @__PURE__ */ jsxs12(View12, { style: styles11.summaryRow, children: [
+                    /* @__PURE__ */ jsx14(Text12, { style: [styles11.summaryLabel, { color: t.textMuted }], children: "Current pot" }),
+                    /* @__PURE__ */ jsxs12(Text12, { style: [styles11.summaryValue, { color: t.success }], children: [
                       totalPool,
                       " SOL"
                     ] })
                   ] })
-                ] }) : /* @__PURE__ */ jsxs11(Fragment4, { children: [
-                  /* @__PURE__ */ jsxs11(View11, { style: styles10.summaryRow, children: [
-                    /* @__PURE__ */ jsx13(Text11, { style: [styles10.summaryLabel, { color: t.textMuted }], children: "Your side" }),
-                    /* @__PURE__ */ jsx13(Text11, { style: [styles10.summaryValue, { color: t.text }], children: selectedName })
+                ] }) : /* @__PURE__ */ jsxs12(Fragment4, { children: [
+                  /* @__PURE__ */ jsxs12(View12, { style: styles11.summaryRow, children: [
+                    /* @__PURE__ */ jsx14(Text12, { style: [styles11.summaryLabel, { color: t.textMuted }], children: "Your side" }),
+                    /* @__PURE__ */ jsx14(Text12, { style: [styles11.summaryValue, { color: t.text }], children: selectedName })
                   ] }),
-                  /* @__PURE__ */ jsx13(View11, { style: [styles10.summarySep, { backgroundColor: t.border }] }),
-                  /* @__PURE__ */ jsxs11(View11, { style: styles10.summaryRow, children: [
-                    /* @__PURE__ */ jsx13(Text11, { style: [styles10.summaryLabel, { color: t.textMuted }], children: "Total pool" }),
-                    /* @__PURE__ */ jsxs11(Text11, { style: [styles10.summaryValue, { color: t.text }], children: [
+                  /* @__PURE__ */ jsx14(View12, { style: [styles11.summarySep, { backgroundColor: t.border }] }),
+                  /* @__PURE__ */ jsxs12(View12, { style: styles11.summaryRow, children: [
+                    /* @__PURE__ */ jsx14(Text12, { style: [styles11.summaryLabel, { color: t.textMuted }], children: "Total pool" }),
+                    /* @__PURE__ */ jsxs12(Text12, { style: [styles11.summaryValue, { color: t.text }], children: [
                       poolAfterJoin,
                       " SOL"
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsx13(View11, { style: [styles10.summarySep, { backgroundColor: t.border }] }),
-                  /* @__PURE__ */ jsxs11(View11, { style: styles10.summaryRow, children: [
-                    /* @__PURE__ */ jsx13(Text11, { style: [styles10.summaryLabel, { color: t.textMuted }], children: "Potential winnings" }),
-                    /* @__PURE__ */ jsx13(Text11, { style: [styles10.summaryValue, { color: t.success }], children: potentialWinnings !== "\u2014" ? `${potentialWinnings} SOL` : "\u2014" })
+                  /* @__PURE__ */ jsx14(View12, { style: [styles11.summarySep, { backgroundColor: t.border }] }),
+                  /* @__PURE__ */ jsxs12(View12, { style: styles11.summaryRow, children: [
+                    /* @__PURE__ */ jsx14(Text12, { style: [styles11.summaryLabel, { color: t.textMuted }], children: "Potential winnings" }),
+                    /* @__PURE__ */ jsx14(Text12, { style: [styles11.summaryValue, { color: t.success }], children: potentialWinnings !== "\u2014" ? `${potentialWinnings} SOL` : "\u2014" })
                   ] })
                 ] })
               ] }),
-              alreadyJoined && /* @__PURE__ */ jsx13(View11, { style: [styles10.errorBox, { backgroundColor: t.surface, borderColor: t.border }], children: /* @__PURE__ */ jsx13(Text11, { style: [styles10.errorText, { color: t.textMuted }], children: isPoolModeEnabled ? "You've already joined this pool." : "You've already joined this game." }) }),
-              mutation.error && /* @__PURE__ */ jsx13(View11, { style: [styles10.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ jsx13(Text11, { style: [styles10.errorText, { color: t.errorText }], children: mutation.error.message }) }),
-              /* @__PURE__ */ jsx13(
-                TouchableOpacity7,
+              alreadyJoined && /* @__PURE__ */ jsx14(View12, { style: [styles11.errorBox, { backgroundColor: t.surface, borderColor: t.border }], children: /* @__PURE__ */ jsx14(Text12, { style: [styles11.errorText, { color: t.textMuted }], children: isPoolModeEnabled ? "You've already joined this pool." : "You've already joined this game." }) }),
+              mutation.error && /* @__PURE__ */ jsx14(View12, { style: [styles11.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ jsx14(Text12, { style: [styles11.errorText, { color: t.errorText }], children: mutation.error.message }) }),
+              /* @__PURE__ */ jsx14(
+                TouchableOpacity8,
                 {
                   style: [
-                    styles10.ctaButton,
+                    styles11.ctaButton,
                     { backgroundColor: canJoin ? t.accent : t.border }
                   ],
                   disabled: !canJoin,
                   onPress: handleJoin,
                   activeOpacity: 0.8,
-                  children: isMutating ? /* @__PURE__ */ jsxs11(View11, { style: styles10.ctaLoading, children: [
-                    /* @__PURE__ */ jsx13(ActivityIndicator6, { size: "small", color: "#FFFFFF" }),
-                    /* @__PURE__ */ jsx13(Text11, { style: styles10.ctaText, children: statusLabel })
-                  ] }) : mutation.status === "success" ? /* @__PURE__ */ jsx13(Text11, { style: styles10.ctaText, children: isPoolModeEnabled ? "Joined!" : STATUS_LABELS3.success }) : /* @__PURE__ */ jsx13(Text11, { style: [styles10.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" })
+                  children: isMutating ? /* @__PURE__ */ jsxs12(View12, { style: styles11.ctaLoading, children: [
+                    /* @__PURE__ */ jsx14(ActivityIndicator7, { size: "small", color: "#FFFFFF" }),
+                    /* @__PURE__ */ jsx14(Text12, { style: styles11.ctaText, children: statusLabel })
+                  ] }) : mutation.status === "success" ? /* @__PURE__ */ jsx14(Text12, { style: styles11.ctaText, children: isPoolModeEnabled ? "Joined!" : STATUS_LABELS3.success }) : /* @__PURE__ */ jsx14(Text12, { style: [styles11.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" })
                 }
               )
             ] }) })
@@ -4507,35 +4937,35 @@ function TeamButton({
   ImageComponent,
   t
 }) {
-  const [imgFailed, setImgFailed] = useState21(false);
+  const [imgFailed, setImgFailed] = useState22(false);
   const Img = ImageComponent || __require("react-native").Image;
   const showImage = imageUrl && !imgFailed;
-  return /* @__PURE__ */ jsxs11(
-    TouchableOpacity7,
+  return /* @__PURE__ */ jsxs12(
+    TouchableOpacity8,
     {
-      style: [styles10.teamOption, { borderColor: selected ? color : t.border, backgroundColor: selected ? color + "15" : t.background }],
+      style: [styles11.teamOption, { borderColor: selected ? color : t.border, backgroundColor: selected ? color + "15" : t.background }],
       onPress,
       activeOpacity: 0.7,
       children: [
-        showImage ? /* @__PURE__ */ jsx13(Img, { source: { uri: imageUrl }, style: styles10.teamLogo, resizeMode: "contain", onError: () => setImgFailed(true) }) : /* @__PURE__ */ jsx13(View11, { style: [styles10.teamLogo, styles10.teamLogoPlaceholder] }),
-        /* @__PURE__ */ jsx13(Text11, { style: [styles10.teamName, { color: t.text }], numberOfLines: 1, children: name }),
-        /* @__PURE__ */ jsxs11(Text11, { style: [styles10.teamOdds, { color }], children: [
+        showImage ? /* @__PURE__ */ jsx14(Img, { source: { uri: imageUrl }, style: styles11.teamLogo, resizeMode: "contain", onError: () => setImgFailed(true) }) : /* @__PURE__ */ jsx14(View12, { style: [styles11.teamLogo, styles11.teamLogoPlaceholder] }),
+        /* @__PURE__ */ jsx14(Text12, { style: [styles11.teamName, { color: t.text }], numberOfLines: 1, children: name }),
+        /* @__PURE__ */ jsxs12(Text12, { style: [styles11.teamOdds, { color }], children: [
           odds,
           "x"
         ] }),
-        /* @__PURE__ */ jsxs11(Text11, { style: [styles10.teamBets, { color: t.textMuted }], children: [
+        /* @__PURE__ */ jsxs12(Text12, { style: [styles11.teamBets, { color: t.textMuted }], children: [
           bets,
           " ",
           bets === 1 ? "bet" : "bets"
         ] }),
-        selected && /* @__PURE__ */ jsx13(View11, { style: [styles10.teamBadge, { backgroundColor: color }], children: /* @__PURE__ */ jsx13(Text11, { style: styles10.teamBadgeText, children: "Selected" }) })
+        selected && /* @__PURE__ */ jsx14(View12, { style: [styles11.teamBadge, { backgroundColor: color }], children: /* @__PURE__ */ jsx14(Text12, { style: styles11.teamBadgeText, children: "Selected" }) })
       ]
     }
   );
 }
-var styles10 = StyleSheet11.create({
+var styles11 = StyleSheet12.create({
   overlay: {
-    ...StyleSheet11.absoluteFillObject,
+    ...StyleSheet12.absoluteFillObject,
     backgroundColor: "rgba(0,0,0,0.5)"
   },
   overlayTap: {
@@ -4684,19 +5114,19 @@ var styles10 = StyleSheet11.create({
 });
 
 // src/ui/game/ClaimPrizeSheet.tsx
-import { useState as useState22, useEffect as useEffect13, useRef as useRef7, useCallback as useCallback18 } from "react";
+import { useState as useState23, useEffect as useEffect14, useRef as useRef8, useCallback as useCallback19 } from "react";
 import {
-  View as View12,
-  Text as Text12,
-  TouchableOpacity as TouchableOpacity8,
-  ActivityIndicator as ActivityIndicator7,
-  Modal as Modal3,
-  Animated as Animated4,
-  StyleSheet as StyleSheet12,
-  KeyboardAvoidingView as KeyboardAvoidingView4,
-  Platform as Platform7
+  View as View13,
+  Text as Text13,
+  TouchableOpacity as TouchableOpacity9,
+  ActivityIndicator as ActivityIndicator8,
+  Modal as Modal4,
+  Animated as Animated5,
+  StyleSheet as StyleSheet13,
+  KeyboardAvoidingView as KeyboardAvoidingView5,
+  Platform as Platform8
 } from "react-native";
-import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 var STATUS_LABELS4 = {
   building: "Building transaction...",
   signing: "Approve in wallet...",
@@ -4715,18 +5145,18 @@ function ClaimPrizeSheet({
   const t = useDubsTheme();
   const { wallet } = useDubs();
   const mutation = useClaim();
-  const overlayOpacity = useRef7(new Animated4.Value(0)).current;
-  const celebrationScale = useRef7(new Animated4.Value(0)).current;
-  const celebrationOpacity = useRef7(new Animated4.Value(0)).current;
-  const [showCelebration, setShowCelebration] = useState22(false);
-  useEffect13(() => {
-    Animated4.timing(overlayOpacity, {
+  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);
+  useEffect14(() => {
+    Animated5.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (visible) {
       mutation.reset();
       setShowCelebration(false);
@@ -4734,17 +5164,17 @@ function ClaimPrizeSheet({
       celebrationOpacity.setValue(0);
     }
   }, [visible]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (mutation.status === "success" && mutation.data) {
       setShowCelebration(true);
-      Animated4.parallel([
-        Animated4.spring(celebrationScale, {
+      Animated5.parallel([
+        Animated5.spring(celebrationScale, {
           toValue: 1,
           tension: 50,
           friction: 6,
           useNativeDriver: true
         }),
-        Animated4.timing(celebrationOpacity, {
+        Animated5.timing(celebrationOpacity, {
           toValue: 1,
           duration: 300,
           useNativeDriver: true
@@ -4757,14 +5187,14 @@ function ClaimPrizeSheet({
       return () => clearTimeout(timer);
     }
   }, [mutation.status, mutation.data]);
-  useEffect13(() => {
+  useEffect14(() => {
     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 = useCallback18(async () => {
+  const handleClaim = useCallback19(async () => {
     if (!wallet.publicKey) return;
     try {
       await mutation.execute({
@@ -4776,62 +5206,62 @@ function ClaimPrizeSheet({
     }
   }, [wallet.publicKey, mutation.execute, gameId, prizeAmount]);
   const statusLabel = STATUS_LABELS4[mutation.status] || "";
-  return /* @__PURE__ */ jsxs12(
-    Modal3,
+  return /* @__PURE__ */ jsxs13(
+    Modal4,
     {
       visible,
       animationType: "slide",
       transparent: true,
       onRequestClose: onDismiss,
       children: [
-        /* @__PURE__ */ jsx14(Animated4.View, { style: [styles11.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ jsx14(TouchableOpacity8, { style: styles11.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
-        /* @__PURE__ */ jsx14(
-          KeyboardAvoidingView4,
+        /* @__PURE__ */ jsx15(Animated5.View, { style: [styles12.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ jsx15(TouchableOpacity9, { style: styles12.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
+        /* @__PURE__ */ jsx15(
+          KeyboardAvoidingView5,
           {
-            style: styles11.keyboardView,
-            behavior: Platform7.OS === "ios" ? "padding" : void 0,
-            children: /* @__PURE__ */ jsx14(View12, { style: styles11.sheetPositioner, children: /* @__PURE__ */ jsxs12(View12, { style: [styles11.sheet, { backgroundColor: t.background }], children: [
-              /* @__PURE__ */ jsx14(View12, { style: styles11.handleRow, children: /* @__PURE__ */ jsx14(View12, { style: [styles11.handle, { backgroundColor: t.textMuted }] }) }),
-              /* @__PURE__ */ jsxs12(View12, { style: styles11.header, children: [
-                /* @__PURE__ */ jsx14(Text12, { style: [styles11.headerTitle, { color: t.text }], children: showCelebration ? isRefund ? "Refund Claimed!" : "Prize Claimed!" : isRefund ? "Claim Refund" : "Claim Prize" }),
-                /* @__PURE__ */ jsx14(TouchableOpacity8, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ jsx14(Text12, { style: [styles11.closeButton, { color: t.textMuted }], children: "\u2715" }) })
+            style: styles12.keyboardView,
+            behavior: Platform8.OS === "ios" ? "padding" : void 0,
+            children: /* @__PURE__ */ jsx15(View13, { style: styles12.sheetPositioner, children: /* @__PURE__ */ jsxs13(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__ */ jsx15(Text13, { style: [styles12.headerTitle, { color: t.text }], children: showCelebration ? isRefund ? "Refund Claimed!" : "Prize Claimed!" : isRefund ? "Claim Refund" : "Claim Prize" }),
+                /* @__PURE__ */ jsx15(TouchableOpacity9, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ jsx15(Text13, { style: [styles12.closeButton, { color: t.textMuted }], children: "\u2715" }) })
               ] }),
-              showCelebration && /* @__PURE__ */ jsxs12(
-                Animated4.View,
+              showCelebration && /* @__PURE__ */ jsxs13(
+                Animated5.View,
                 {
                   style: [
-                    styles11.celebrationContainer,
+                    styles12.celebrationContainer,
                     {
                       opacity: celebrationOpacity,
                       transform: [{ scale: celebrationScale }]
                     }
                   ],
                   children: [
-                    /* @__PURE__ */ jsx14(Text12, { style: styles11.celebrationEmoji, children: "\u{1F3C6}" }),
-                    /* @__PURE__ */ jsxs12(Text12, { style: [styles11.celebrationText, { color: t.success }], children: [
+                    /* @__PURE__ */ jsx15(Text13, { style: styles12.celebrationEmoji, children: "\u{1F3C6}" }),
+                    /* @__PURE__ */ jsxs13(Text13, { style: [styles12.celebrationText, { color: t.success }], children: [
                       "+",
                       prizeAmount,
                       " SOL"
                     ] }),
-                    /* @__PURE__ */ jsx14(Text12, { style: [styles11.celebrationSubtext, { color: t.textMuted }], children: isRefund ? "Refund sent to your wallet" : "Winnings sent to your wallet" })
+                    /* @__PURE__ */ jsx15(Text13, { style: [styles12.celebrationSubtext, { color: t.textMuted }], children: isRefund ? "Refund sent to your wallet" : "Winnings sent to your wallet" })
                   ]
                 }
               ),
-              !showCelebration && /* @__PURE__ */ jsxs12(View12, { style: [styles11.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
-                /* @__PURE__ */ jsxs12(View12, { style: styles11.summaryRow, children: [
-                  /* @__PURE__ */ jsx14(Text12, { style: [styles11.summaryLabel, { color: t.textMuted }], children: isRefund ? "Refund" : "Prize" }),
-                  /* @__PURE__ */ jsxs12(Text12, { style: [styles11.summaryValue, { color: t.success }], children: [
+              !showCelebration && /* @__PURE__ */ jsxs13(View13, { style: [styles12.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
+                /* @__PURE__ */ jsxs13(View13, { style: styles12.summaryRow, children: [
+                  /* @__PURE__ */ jsx15(Text13, { style: [styles12.summaryLabel, { color: t.textMuted }], children: isRefund ? "Refund" : "Prize" }),
+                  /* @__PURE__ */ jsxs13(Text13, { style: [styles12.summaryValue, { color: t.success }], children: [
                     prizeAmount,
                     " SOL"
                   ] })
                 ] }),
-                /* @__PURE__ */ jsx14(View12, { style: [styles11.summarySep, { backgroundColor: t.border }] }),
-                /* @__PURE__ */ jsxs12(View12, { style: styles11.summaryRow, children: [
-                  /* @__PURE__ */ jsx14(Text12, { style: [styles11.summaryLabel, { color: t.textMuted }], children: "Game" }),
-                  /* @__PURE__ */ jsxs12(
-                    Text12,
+                /* @__PURE__ */ jsx15(View13, { style: [styles12.summarySep, { backgroundColor: t.border }] }),
+                /* @__PURE__ */ jsxs13(View13, { style: styles12.summaryRow, children: [
+                  /* @__PURE__ */ jsx15(Text13, { style: [styles12.summaryLabel, { color: t.textMuted }], children: "Game" }),
+                  /* @__PURE__ */ jsxs13(
+                    Text13,
                     {
-                      style: [styles11.summaryValue, { color: t.text }],
+                      style: [styles12.summaryValue, { color: t.text }],
                       numberOfLines: 1,
                       children: [
                         gameId.slice(0, 8),
@@ -4842,21 +5272,21 @@ function ClaimPrizeSheet({
                   )
                 ] })
               ] }),
-              mutation.error && /* @__PURE__ */ jsx14(View12, { style: [styles11.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ jsx14(Text12, { style: [styles11.errorText, { color: t.errorText }], children: mutation.error.message }) }),
-              !showCelebration && /* @__PURE__ */ jsx14(
-                TouchableOpacity8,
+              mutation.error && /* @__PURE__ */ jsx15(View13, { style: [styles12.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ jsx15(Text13, { style: [styles12.errorText, { color: t.errorText }], children: mutation.error.message }) }),
+              !showCelebration && /* @__PURE__ */ jsx15(
+                TouchableOpacity9,
                 {
                   style: [
-                    styles11.ctaButton,
+                    styles12.ctaButton,
                     { backgroundColor: canClaim ? t.accent : t.border }
                   ],
                   disabled: !canClaim,
                   onPress: handleClaim,
                   activeOpacity: 0.8,
-                  children: isMutating ? /* @__PURE__ */ jsxs12(View12, { style: styles11.ctaLoading, children: [
-                    /* @__PURE__ */ jsx14(ActivityIndicator7, { size: "small", color: "#FFFFFF" }),
-                    /* @__PURE__ */ jsx14(Text12, { style: styles11.ctaText, children: statusLabel })
-                  ] }) : /* @__PURE__ */ jsxs12(Text12, { style: [styles11.ctaText, !canClaim && { opacity: 0.5 }], children: [
+                  children: isMutating ? /* @__PURE__ */ jsxs13(View13, { style: styles12.ctaLoading, children: [
+                    /* @__PURE__ */ jsx15(ActivityIndicator8, { size: "small", color: "#FFFFFF" }),
+                    /* @__PURE__ */ jsx15(Text13, { style: styles12.ctaText, children: statusLabel })
+                  ] }) : /* @__PURE__ */ jsxs13(Text13, { style: [styles12.ctaText, !canClaim && { opacity: 0.5 }], children: [
                     isRefund ? "Claim Refund" : "Claim Prize",
                     " \u2014 ",
                     prizeAmount,
@@ -4864,7 +5294,7 @@ function ClaimPrizeSheet({
                   ] })
                 }
               ),
-              mutation.data?.explorerUrl && /* @__PURE__ */ jsx14(Text12, { style: [styles11.explorerHint, { color: t.textMuted }], children: "View on Solscan" })
+              mutation.data?.explorerUrl && /* @__PURE__ */ jsx15(Text13, { style: [styles12.explorerHint, { color: t.textMuted }], children: "View on Solscan" })
             ] }) })
           }
         )
@@ -4872,9 +5302,9 @@ function ClaimPrizeSheet({
     }
   );
 }
-var styles11 = StyleSheet12.create({
+var styles12 = StyleSheet13.create({
   overlay: {
-    ...StyleSheet12.absoluteFillObject,
+    ...StyleSheet13.absoluteFillObject,
     backgroundColor: "rgba(0,0,0,0.5)"
   },
   overlayTap: {
@@ -4997,17 +5427,17 @@ var styles11 = StyleSheet12.create({
 });
 
 // src/ui/game/ClaimButton.tsx
-import { useState as useState23, useMemo as useMemo8, useCallback as useCallback19 } from "react";
-import { StyleSheet as StyleSheet13, Text as Text13, TouchableOpacity as TouchableOpacity9 } from "react-native";
-import { Fragment as Fragment5, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { useState as useState24, useMemo as useMemo9, useCallback as useCallback20 } from "react";
+import { StyleSheet as StyleSheet14, Text as Text14, TouchableOpacity as TouchableOpacity10 } from "react-native";
+import { Fragment as Fragment5, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 function ClaimButton({ gameId, style, onSuccess, onError }) {
   const t = useDubsTheme();
   const { wallet } = useDubs();
   const game = useGame(gameId);
   const claimStatus = useHasClaimed(gameId);
-  const [sheetVisible, setSheetVisible] = useState23(false);
+  const [sheetVisible, setSheetVisible] = useState24(false);
   const walletAddress = wallet.publicKey?.toBase58() ?? null;
-  const myBet = useMemo8(() => {
+  const myBet = useMemo9(() => {
     if (!walletAddress || !game.data?.bettors) return null;
     return game.data.bettors.find((b) => b.wallet === walletAddress) ?? null;
   }, [walletAddress, game.data?.bettors]);
@@ -5016,7 +5446,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 = useCallback19(
+  const handleSuccess = useCallback20(
     (result) => {
       claimStatus.refetch();
       onSuccess?.(result);
@@ -5029,13 +5459,13 @@ function ClaimButton({ gameId, style, onSuccess, onError }) {
   }
   const label = isRefund ? "Refund" : "Prize";
   if (claimStatus.hasClaimed) {
-    return /* @__PURE__ */ jsx15(
-      TouchableOpacity9,
+    return /* @__PURE__ */ jsx16(
+      TouchableOpacity10,
       {
-        style: [styles12.badge, { borderColor: t.accent }, style],
+        style: [styles13.badge, { borderColor: t.accent }, style],
         activeOpacity: 1,
         disabled: true,
-        children: /* @__PURE__ */ jsxs13(Text13, { style: [styles12.badgeText, { color: t.accent }], children: [
+        children: /* @__PURE__ */ jsxs14(Text14, { style: [styles13.badgeText, { color: t.accent }], children: [
           label,
           " Claimed!"
         ] })
@@ -5045,14 +5475,14 @@ function ClaimButton({ gameId, style, onSuccess, onError }) {
   if (!isEligible) {
     return null;
   }
-  return /* @__PURE__ */ jsxs13(Fragment5, { children: [
-    /* @__PURE__ */ jsx15(
-      TouchableOpacity9,
+  return /* @__PURE__ */ jsxs14(Fragment5, { children: [
+    /* @__PURE__ */ jsx16(
+      TouchableOpacity10,
       {
-        style: [styles12.button, { backgroundColor: t.accent }, style],
+        style: [styles13.button, { backgroundColor: t.accent }, style],
         activeOpacity: 0.8,
         onPress: () => setSheetVisible(true),
-        children: /* @__PURE__ */ jsxs13(Text13, { style: styles12.buttonText, children: [
+        children: /* @__PURE__ */ jsxs14(Text14, { style: styles13.buttonText, children: [
           "Claim ",
           label,
           " \u2014 ",
@@ -5061,7 +5491,7 @@ function ClaimButton({ gameId, style, onSuccess, onError }) {
         ] })
       }
     ),
-    /* @__PURE__ */ jsx15(
+    /* @__PURE__ */ jsx16(
       ClaimPrizeSheet,
       {
         visible: sheetVisible,
@@ -5075,7 +5505,7 @@ function ClaimButton({ gameId, style, onSuccess, onError }) {
     )
   ] });
 }
-var styles12 = StyleSheet13.create({
+var styles13 = StyleSheet14.create({
   button: {
     height: 52,
     borderRadius: 14,
@@ -5125,6 +5555,7 @@ export {
   STORAGE_KEYS,
   SettingsSheet,
   UserProfileCard,
+  UserProfileSheet,
   createSecureStoreStorage,
   getDeviceInfo,
   isSolanaSeeker,