@dubsdotapp/expo 0.2.44 → 0.2.46

package/dist/index.mjs

@@ -220,6 +220,13 @@ var DubsClient = class {
     );
     return res.events;
   }
+  async getUFCFighterDetail(athleteId) {
+    const res = await this.request(
+      "GET",
+      `/ufc/fighters/${encodeURIComponent(athleteId)}`
+    );
+    return res.fighter;
+  }
   // ── Game Lifecycle ──
   async validateEvent(id) {
     const res = await this.request(
@@ -512,7 +519,7 @@ function createSecureStoreStorage() {
 }
 
 // src/provider.tsx
-import { createContext as createContext4, useContext as useContext4, useMemo, useCallback as useCallback13, useState as useState14, useEffect as useEffect9 } from "react";
+import { createContext as createContext4, useContext as useContext4, useMemo, useCallback as useCallback14, useState as useState15, useEffect as useEffect10 } from "react";
 
 // src/ui/theme.ts
 import { createContext, useContext } from "react";
@@ -1553,7 +1560,7 @@ function ManagedWalletProvider({
 }
 
 // src/ui/AuthGate.tsx
-import React2, { useState as useState13, useEffect as useEffect8, useRef as useRef3, useCallback as useCallback12 } from "react";
+import React2, { useState as useState14, useEffect as useEffect9, useRef as useRef3, useCallback as useCallback13 } from "react";
 import {
   View as View2,
   Text as Text2,
@@ -2202,6 +2209,36 @@ function useUFCFightCard() {
   return { data, loading, error, refetch: fetchData };
 }
 
+// src/hooks/useUFCFighterDetail.ts
+import { useState as useState13, useEffect as useEffect8, useCallback as useCallback12 } from "react";
+function useUFCFighterDetail(athleteId) {
+  const { client } = useDubs();
+  const [data, setData] = useState13(null);
+  const [loading, setLoading] = useState13(false);
+  const [error, setError] = useState13(null);
+  const fetchData = useCallback12(async () => {
+    if (!athleteId) {
+      setData(null);
+      setLoading(false);
+      return;
+    }
+    setLoading(true);
+    setError(null);
+    try {
+      const result = await client.getUFCFighterDetail(athleteId);
+      setData(result);
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error(String(err)));
+    } finally {
+      setLoading(false);
+    }
+  }, [client, athleteId]);
+  useEffect8(() => {
+    fetchData();
+  }, [fetchData]);
+  return { data, loading, error, refetch: fetchData };
+}
+
 // src/ui/AuthGate.tsx
 import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var DICEBEAR_STYLES = [
@@ -2230,9 +2267,9 @@ function AuthGate({
 }) {
   const { client } = useDubs();
   const auth = useAuth();
-  const [phase, setPhase] = useState13("init");
-  const [registrationPhase, setRegistrationPhase] = useState13(false);
-  useEffect8(() => {
+  const [phase, setPhase] = useState14("init");
+  const [registrationPhase, setRegistrationPhase] = useState14(false);
+  useEffect9(() => {
     let cancelled = false;
     (async () => {
       try {
@@ -2258,18 +2295,18 @@ function AuthGate({
       cancelled = true;
     };
   }, []);
-  useEffect8(() => {
+  useEffect9(() => {
     if (auth.status === "needsRegistration") setRegistrationPhase(true);
   }, [auth.status]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (auth.token) onSaveToken(auth.token);
   }, [auth.token]);
-  const retry = useCallback12(() => {
+  const retry = useCallback13(() => {
     setRegistrationPhase(false);
     auth.reset();
     auth.authenticate();
   }, [auth]);
-  const handleRegister = useCallback12(
+  const handleRegister = useCallback13(
     (username, referralCode, avatarUrl) => {
       auth.register(username, referralCode, avatarUrl);
     },
@@ -2372,19 +2409,19 @@ function DefaultRegistrationScreen({
 }) {
   const t = useDubsTheme();
   const accent = accentColor || t.accent;
-  const [step, setStep] = useState13(0);
-  const [avatarSeed, setAvatarSeed] = useState13(generateSeed);
-  const [avatarStyle, setAvatarStyle] = useState13("adventurer");
-  const [showStyles, setShowStyles] = useState13(false);
-  const [username, setUsername] = useState13("");
-  const [referralCode, setReferralCode] = useState13("");
-  const [checking, setChecking] = useState13(false);
-  const [availability, setAvailability] = useState13(null);
+  const [step, setStep] = useState14(0);
+  const [avatarSeed, setAvatarSeed] = useState14(generateSeed);
+  const [avatarStyle, setAvatarStyle] = useState14("adventurer");
+  const [showStyles, setShowStyles] = useState14(false);
+  const [username, setUsername] = useState14("");
+  const [referralCode, setReferralCode] = useState14("");
+  const [checking, setChecking] = useState14(false);
+  const [availability, setAvailability] = useState14(null);
   const debounceRef = useRef3(null);
   const fadeAnim = useRef3(new Animated.Value(1)).current;
   const slideAnim = useRef3(new Animated.Value(0)).current;
   const avatarUrl = getAvatarUrl(avatarStyle, avatarSeed);
-  useEffect8(() => {
+  useEffect9(() => {
     if (debounceRef.current) clearTimeout(debounceRef.current);
     const trimmed = username.trim();
     if (trimmed.length < 3) {
@@ -2407,7 +2444,7 @@ function DefaultRegistrationScreen({
       if (debounceRef.current) clearTimeout(debounceRef.current);
     };
   }, [username, client]);
-  const animateToStep = useCallback12((newStep) => {
+  const animateToStep = useCallback13((newStep) => {
     const dir = newStep > step ? 1 : -1;
     Keyboard.dismiss();
     Animated.parallel([
@@ -2731,8 +2768,8 @@ function DubsProvider({
   const client = useMemo(() => new DubsClient({ apiKey, baseUrl }), [apiKey, baseUrl]);
   const connection = useMemo(() => new Connection2(rpcUrl, { commitment: "confirmed" }), [rpcUrl]);
   const storage = useMemo(() => tokenStorage || createSecureStoreStorage(), [tokenStorage]);
-  const [uiConfig, setUiConfig] = useState14(null);
-  useEffect9(() => {
+  const [uiConfig, setUiConfig] = useState15(null);
+  useEffect10(() => {
     client.getAppConfig().then((config2) => {
       console.log("[DubsProvider] UI config loaded:", JSON.stringify(config2));
       setUiConfig(config2);
@@ -2813,7 +2850,7 @@ function ManagedInner({
   children
 }) {
   const managedDisconnect = useDisconnect();
-  const disconnect = useCallback13(async () => {
+  const disconnect = useCallback14(async () => {
     client.setToken(null);
     await managedDisconnect?.();
   }, [client, managedDisconnect]);
@@ -2853,7 +2890,7 @@ function ExternalWalletProvider({
   uiConfig,
   children
 }) {
-  const disconnect = useCallback13(async () => {
+  const disconnect = useCallback14(async () => {
     client.setToken(null);
     await storage.deleteItem(STORAGE_KEYS.JWT_TOKEN).catch(() => {
     });
@@ -3116,7 +3153,7 @@ var styles3 = StyleSheet4.create({
 });
 
 // src/ui/game/GamePoster.tsx
-import { useState as useState15 } from "react";
+import { useState as useState16 } from "react";
 import { StyleSheet as StyleSheet5, View as View5, Text as Text5 } from "react-native";
 import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 function computeCountdown(lockTimestamp) {
@@ -3166,7 +3203,7 @@ function GamePoster({ game, ImageComponent }) {
   ] });
 }
 function TeamLogoInternal({ url, size, Img }) {
-  const [failed, setFailed] = useState15(false);
+  const [failed, setFailed] = useState16(false);
   if (!url || failed) {
     return /* @__PURE__ */ jsx7(View5, { style: [styles4.logoPlaceholder, { width: size, height: size, borderRadius: size / 2 }] });
   }
@@ -3346,7 +3383,7 @@ var styles5 = StyleSheet6.create({
 });
 
 // src/ui/game/PickWinnerCard.tsx
-import { useState as useState16, useMemo as useMemo4 } from "react";
+import { useState as useState17, useMemo as useMemo4 } 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";
 function PickWinnerCard({
@@ -3417,7 +3454,7 @@ function TeamOption({
   ImageComponent,
   t
 }) {
-  const [imgFailed, setImgFailed] = useState16(false);
+  const [imgFailed, setImgFailed] = useState17(false);
   const Img = ImageComponent || __require("react-native").Image;
   const showImage = imageUrl && !imgFailed;
   return /* @__PURE__ */ jsxs7(
@@ -3458,7 +3495,7 @@ var styles6 = StyleSheet7.create({
 });
 
 // src/ui/game/PlayersCard.tsx
-import { useState as useState17 } from "react";
+import { useState as useState18 } from "react";
 import { StyleSheet as StyleSheet8, View as View8, Text as Text8 } from "react-native";
 import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function truncateWallet(addr, chars) {
@@ -3507,7 +3544,7 @@ function BettorRow({
   ImageComponent,
   t
 }) {
-  const [imgFailed, setImgFailed] = useState17(false);
+  const [imgFailed, setImgFailed] = useState18(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: [
@@ -3586,7 +3623,7 @@ var styles8 = StyleSheet9.create({
 });
 
 // src/ui/game/CreateCustomGameSheet.tsx
-import { useState as useState18, useEffect as useEffect10, useRef as useRef4, useCallback as useCallback14 } from "react";
+import { useState as useState19, useEffect as useEffect11, useRef as useRef4, useCallback as useCallback15 } from "react";
 import {
   View as View10,
   Text as Text10,
@@ -3617,23 +3654,24 @@ function CreateCustomGameSheet({
   metadata,
   onAmountChange,
   onSuccess,
-  onError
+  onError,
+  isPoolModeEnabled = false
 }) {
   const t = useDubsTheme();
   const { wallet } = useDubs();
   const mutation = useCreateCustomGame();
-  const [selectedAmount, setSelectedAmount] = useState18(null);
-  const [customAmount, setCustomAmount] = useState18("");
-  const [isCustom, setIsCustom] = useState18(false);
+  const [selectedAmount, setSelectedAmount] = useState19(null);
+  const [customAmount, setCustomAmount] = useState19("");
+  const [isCustom, setIsCustom] = useState19(false);
   const overlayOpacity = useRef4(new Animated2.Value(0)).current;
-  useEffect10(() => {
+  useEffect11(() => {
     Animated2.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  useEffect10(() => {
+  useEffect11(() => {
     if (visible) {
       setSelectedAmount(defaultAmount ?? null);
       setCustomAmount("");
@@ -3641,7 +3679,7 @@ function CreateCustomGameSheet({
       mutation.reset();
     }
   }, [visible]);
-  useEffect10(() => {
+  useEffect11(() => {
     if (mutation.status === "success" && mutation.data) {
       onSuccess?.(mutation.data);
       const timer = setTimeout(() => {
@@ -3650,23 +3688,23 @@ function CreateCustomGameSheet({
       return () => clearTimeout(timer);
     }
   }, [mutation.status, mutation.data]);
-  useEffect10(() => {
+  useEffect11(() => {
     if (mutation.status === "error" && mutation.error) {
       onError?.(mutation.error);
     }
   }, [mutation.status, mutation.error]);
-  const handlePresetSelect = useCallback14((amount) => {
+  const handlePresetSelect = useCallback15((amount) => {
     setSelectedAmount(amount);
     setIsCustom(false);
     setCustomAmount("");
     onAmountChange?.(amount);
   }, [onAmountChange]);
-  const handleCustomSelect = useCallback14(() => {
+  const handleCustomSelect = useCallback15(() => {
     setIsCustom(true);
     setSelectedAmount(null);
     onAmountChange?.(null);
   }, [onAmountChange]);
-  const handleCustomAmountChange = useCallback14((text) => {
+  const handleCustomAmountChange = useCallback15((text) => {
     const cleaned = text.replace(/[^0-9.]/g, "").replace(/(\..*?)\..*/g, "$1");
     setCustomAmount(cleaned);
     const parsed = parseFloat(cleaned);
@@ -3676,24 +3714,25 @@ function CreateCustomGameSheet({
   }, [onAmountChange]);
   const effectiveAmount = selectedAmount;
   const playerCount = maxPlayers || 2;
-  const pot = effectiveAmount ? effectiveAmount * playerCount : 0;
+  const finalAmount = isPoolModeEnabled ? defaultAmount ?? 0.1 : effectiveAmount;
+  const pot = finalAmount ? finalAmount * playerCount : 0;
   const winnerTakes = pot * (1 - fee / 100);
   const isMutating = mutation.status !== "idle" && mutation.status !== "success" && mutation.status !== "error";
-  const canCreate = effectiveAmount !== null && effectiveAmount > 0 && !isMutating && mutation.status !== "success";
-  const handleCreate = useCallback14(async () => {
-    if (!effectiveAmount || !wallet.publicKey) return;
+  const canCreate = finalAmount !== null && finalAmount > 0 && !isMutating && mutation.status !== "success";
+  const handleCreate = useCallback15(async () => {
+    if (!finalAmount || !wallet.publicKey) return;
     try {
       await mutation.execute({
         playerWallet: wallet.publicKey.toBase58(),
         teamChoice: "home",
-        wagerAmount: effectiveAmount,
+        wagerAmount: finalAmount,
         title,
         maxPlayers,
         metadata
       });
     } catch {
     }
-  }, [effectiveAmount, wallet.publicKey, mutation.execute, title, maxPlayers, metadata]);
+  }, [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(
@@ -3713,10 +3752,10 @@ function CreateCustomGameSheet({
             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: "New Game" }),
+                /* @__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" }) })
               ] }),
-              /* @__PURE__ */ jsxs10(View10, { style: styles9.section, children: [
+              !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: [
                   presetAmounts.map((amount) => {
@@ -3768,20 +3807,20 @@ 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: "Your buy-in" }),
-                  /* @__PURE__ */ jsx12(Text10, { style: [styles9.summaryValue, { color: t.text }], children: effectiveAmount ? `${effectiveAmount} SOL` : "\u2014" })
+                  /* @__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__ */ 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: "Players" }),
-                  /* @__PURE__ */ jsx12(Text10, { style: [styles9.summaryValue, { color: t.text }], children: playersLabel })
+                  /* @__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__ */ 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: "Winner Takes" }),
+                  /* @__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: effectiveAmount ? `${winnerTakes.toFixed(4)} SOL` : "\u2014" }),
-                    effectiveAmount ? /* @__PURE__ */ jsxs10(Text10, { style: [styles9.feeNote, { color: t.textDim }], 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: [
                       fee,
                       "% platform fee"
                     ] }) : null
@@ -3802,7 +3841,7 @@ function CreateCustomGameSheet({
                   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: STATUS_LABELS2.success }) : /* @__PURE__ */ jsx12(Text10, { style: [styles9.ctaText, !canCreate && { opacity: 0.5 }], children: effectiveAmount ? `Create Game \u2014 ${effectiveAmount} SOL` : "Select buy-in amount" })
+                  ] }) : 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" })
                 }
               )
             ] }) })
@@ -3949,7 +3988,7 @@ var styles9 = StyleSheet10.create({
 });
 
 // src/ui/game/JoinGameSheet.tsx
-import { useState as useState19, useEffect as useEffect11, useRef as useRef5, useCallback as useCallback15, useMemo as useMemo6 } from "react";
+import { useState as useState20, useEffect as useEffect12, useRef as useRef5, useCallback as useCallback16, useMemo as useMemo6 } from "react";
 import {
   View as View11,
   Text as Text11,
@@ -3961,7 +4000,7 @@ import {
   KeyboardAvoidingView as KeyboardAvoidingView3,
   Platform as Platform5
 } from "react-native";
-import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 var STATUS_LABELS3 = {
   building: "Building transaction...",
   signing: "Approve in wallet...",
@@ -3978,28 +4017,29 @@ function JoinGameSheet({
   homeColor = "#3B82F6",
   awayColor = "#EF4444",
   onSuccess,
-  onError
+  onError,
+  isPoolModeEnabled = false
 }) {
   const t = useDubsTheme();
   const { wallet } = useDubs();
   const mutation = useJoinGame();
   const isCustomGame = game.gameMode === CUSTOM_GAME_MODE;
-  const [selectedTeam, setSelectedTeam] = useState19(null);
+  const [selectedTeam, setSelectedTeam] = useState20(null);
   const overlayOpacity = useRef5(new Animated3.Value(0)).current;
-  useEffect11(() => {
+  useEffect12(() => {
     Animated3.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (visible) {
-      setSelectedTeam(isCustomGame ? "away" : null);
+      setSelectedTeam(isPoolModeEnabled ? "home" : isCustomGame ? "away" : null);
       mutation.reset();
     }
   }, [visible]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (mutation.status === "success" && mutation.data) {
       onSuccess?.(mutation.data);
       const timer = setTimeout(() => {
@@ -4008,7 +4048,7 @@ function JoinGameSheet({
       return () => clearTimeout(timer);
     }
   }, [mutation.status, mutation.data]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (mutation.status === "error" && mutation.error) {
       onError?.(mutation.error);
     }
@@ -4038,7 +4078,7 @@ function JoinGameSheet({
   }, [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 = useCallback15(async () => {
+  const handleJoin = useCallback16(async () => {
     if (!selectedTeam || !wallet.publicKey) return;
     try {
       await mutation.execute({
@@ -4068,10 +4108,10 @@ function JoinGameSheet({
             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: "Join Game" }),
+                /* @__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" }) })
               ] }),
-              !isCustomGame && /* @__PURE__ */ jsxs11(View11, { style: styles10.section, children: [
+              !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(
@@ -4113,25 +4153,40 @@ function JoinGameSheet({
                   ] })
                 ] }),
                 /* @__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: "Your side" }),
-                  /* @__PURE__ */ jsx13(Text11, { style: [styles10.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: [
-                    poolAfterJoin,
-                    " SOL"
+                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__ */ 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: [
+                      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__ */ 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: [
+                      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__ */ 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" })
                 ] })
               ] }),
-              alreadyJoined && /* @__PURE__ */ jsx13(View11, { style: [styles10.errorBox, { backgroundColor: t.surface, borderColor: t.border }], children: /* @__PURE__ */ jsx13(Text11, { style: [styles10.errorText, { color: t.textMuted }], children: "You've already joined this game." }) }),
+              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,
@@ -4146,7 +4201,7 @@ function JoinGameSheet({
                   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: STATUS_LABELS3.success }) : /* @__PURE__ */ jsx13(Text11, { style: [styles10.ctaText, !canJoin && { opacity: 0.5 }], children: alreadyJoined ? "Already Joined" : selectedTeam ? `Join Game \u2014 ${buyIn} SOL` : "Pick a side to join" })
+                  ] }) : 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" })
                 }
               )
             ] }) })
@@ -4167,7 +4222,7 @@ function TeamButton({
   ImageComponent,
   t
 }) {
-  const [imgFailed, setImgFailed] = useState19(false);
+  const [imgFailed, setImgFailed] = useState20(false);
   const Img = ImageComponent || __require("react-native").Image;
   const showImage = imageUrl && !imgFailed;
   return /* @__PURE__ */ jsxs11(
@@ -4344,7 +4399,7 @@ var styles10 = StyleSheet11.create({
 });
 
 // src/ui/game/ClaimPrizeSheet.tsx
-import { useState as useState20, useEffect as useEffect12, useRef as useRef6, useCallback as useCallback16 } from "react";
+import { useState as useState21, useEffect as useEffect13, useRef as useRef6, useCallback as useCallback17 } from "react";
 import {
   View as View12,
   Text as Text12,
@@ -4378,15 +4433,15 @@ function ClaimPrizeSheet({
   const overlayOpacity = useRef6(new Animated4.Value(0)).current;
   const celebrationScale = useRef6(new Animated4.Value(0)).current;
   const celebrationOpacity = useRef6(new Animated4.Value(0)).current;
-  const [showCelebration, setShowCelebration] = useState20(false);
-  useEffect12(() => {
+  const [showCelebration, setShowCelebration] = useState21(false);
+  useEffect13(() => {
     Animated4.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (visible) {
       mutation.reset();
       setShowCelebration(false);
@@ -4394,7 +4449,7 @@ function ClaimPrizeSheet({
       celebrationOpacity.setValue(0);
     }
   }, [visible]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (mutation.status === "success" && mutation.data) {
       setShowCelebration(true);
       Animated4.parallel([
@@ -4417,14 +4472,14 @@ function ClaimPrizeSheet({
       return () => clearTimeout(timer);
     }
   }, [mutation.status, mutation.data]);
-  useEffect12(() => {
+  useEffect13(() => {
     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 = useCallback16(async () => {
+  const handleClaim = useCallback17(async () => {
     if (!wallet.publicKey) return;
     try {
       await mutation.execute({
@@ -4657,15 +4712,15 @@ var styles11 = StyleSheet12.create({
 });
 
 // src/ui/game/ClaimButton.tsx
-import { useState as useState21, useMemo as useMemo7, useCallback as useCallback17 } from "react";
+import { useState as useState22, useMemo as useMemo7, useCallback as useCallback18 } from "react";
 import { StyleSheet as StyleSheet13, Text as Text13, TouchableOpacity as TouchableOpacity9 } from "react-native";
-import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx15, jsxs as jsxs13 } 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] = useState21(false);
+  const [sheetVisible, setSheetVisible] = useState22(false);
   const walletAddress = wallet.publicKey?.toBase58() ?? null;
   const myBet = useMemo7(() => {
     if (!walletAddress || !game.data?.bettors) return null;
@@ -4676,7 +4731,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 = useCallback17(
+  const handleSuccess = useCallback18(
     (result) => {
       claimStatus.refetch();
       onSuccess?.(result);
@@ -4705,7 +4760,7 @@ function ClaimButton({ gameId, style, onSuccess, onError }) {
   if (!isEligible) {
     return null;
   }
-  return /* @__PURE__ */ jsxs13(Fragment4, { children: [
+  return /* @__PURE__ */ jsxs13(Fragment5, { children: [
     /* @__PURE__ */ jsx15(
       TouchableOpacity9,
       {
@@ -4804,6 +4859,7 @@ export {
   useHasClaimed,
   useJoinGame,
   useNetworkGames,
-  useUFCFightCard
+  useUFCFightCard,
+  useUFCFighterDetail
 };
 //# sourceMappingURL=index.mjs.map