@dubsdotapp/expo 0.2.29 → 0.2.30

package/dist/index.d.mts

@@ -118,12 +118,14 @@ interface CreateCustomGameParams {
     title?: string;
     maxPlayers?: number;
     metadata?: Record<string, unknown>;
+    externalGameId?: string;
 }
 interface CreateCustomGameResult {
     gameId: string;
     gameAddress: string;
     transaction: string;
     lockTimestamp: number;
+    externalGameId?: string | null;
 }
 interface JoinGameParams {
     playerWallet: string;
@@ -189,6 +191,7 @@ interface GameDetail {
     drawPool: number;
     totalPool: number;
     media: GameMedia;
+    externalGameId?: string | null;
     createdAt: string;
     updatedAt: string;
 }
@@ -208,12 +211,14 @@ interface GameListItem {
     league: string | null;
     lockTimestamp: number | null;
     createdAt: string;
+    externalGameId?: string | null;
     opponents: GameListOpponent[];
     media: GameMedia;
 }
 interface GetGamesParams {
     wallet?: string;
     status?: 'open' | 'locked' | 'resolved';
+    externalGameId?: string;
     limit?: number;
     offset?: number;
 }
@@ -733,6 +738,7 @@ interface CreateCustomGameMutationResult {
     signature: string;
     explorerUrl: string;
     buyIn: number;
+    externalGameId?: string | null;
 }
 declare function useCreateCustomGame(): {
     execute: (params: CreateCustomGameParams) => Promise<CreateCustomGameMutationResult>;
@@ -896,11 +902,29 @@ interface CreateCustomGameSheetProps {
     presetAmounts?: number[];
     defaultAmount?: number;
     metadata?: Record<string, unknown>;
+    externalGameId?: string;
     onAmountChange?: (amount: number | null) => void;
     onSuccess?: (result: CreateCustomGameMutationResult) => void;
     onError?: (error: Error) => void;
 }
-declare function CreateCustomGameSheet({ visible, onDismiss, title, maxPlayers, fee, presetAmounts, defaultAmount, metadata, onAmountChange, onSuccess, onError, }: CreateCustomGameSheetProps): react_jsx_runtime.JSX.Element;
+declare function CreateCustomGameSheet({ visible, onDismiss, title, maxPlayers, fee, presetAmounts, defaultAmount, metadata, externalGameId, onAmountChange, onSuccess, onError, }: CreateCustomGameSheetProps): react_jsx_runtime.JSX.Element;
+
+interface JoinGameSheetProps {
+    visible: boolean;
+    onDismiss: () => void;
+    game: GameDetail;
+    /** Optional Image component (expo-image, etc.) for team logos */
+    ImageComponent?: React$1.ComponentType<any>;
+    /** Custom short-name function for team labels */
+    shortName?: (name: string | null) => string;
+    /** Override team colors (default blue/red) */
+    homeColor?: string;
+    awayColor?: string;
+    /** Callbacks */
+    onSuccess?: (result: JoinGameMutationResult) => void;
+    onError?: (error: Error) => void;
+}
+declare function JoinGameSheet({ visible, onDismiss, game, ImageComponent, shortName, homeColor, awayColor, onSuccess, onError, }: JoinGameSheetProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Deserialize a base64-encoded transaction, sign via wallet adapter, send to Solana.
@@ -910,4 +934,4 @@ declare function CreateCustomGameSheet({ visible, onDismiss, title, maxPlayers,
  */
 declare function signAndSendBase64Transaction(base64Tx: string, wallet: WalletAdapter, connection: Connection): Promise<string>;
 
-export { AuthGate, type AuthGateProps, type AuthStatus, type AuthenticateParams, type AuthenticateResult, type Bettor, type BuildClaimParams, type BuildClaimResult, type CheckUsernameResult, type ClaimMutationResult, type ConfirmGameParams, type ConfirmGameResult, ConnectWalletScreen, type ConnectWalletScreenProps, type CreateCustomGameMutationResult, type CreateCustomGameParams, type CreateCustomGameResult, CreateCustomGameSheet, type CreateCustomGameSheetProps, type CreateGameMutationResult, type CreateGameParams, type CreateGameResult, DEFAULT_BASE_URL, DEFAULT_RPC_URL, type DeviceInfo, DubsApiError, type DubsAppUser, DubsClient, type DubsClientConfig, type DubsContextValue, type DubsNetwork, DubsProvider, type DubsProviderProps, type DubsPublicUser, type DubsTheme, type DubsUser, type EsportsMatchDetail, type EsportsMatchOpponent, type EsportsMatchResult, type EventMedia, type EventMeta, type EventStream, type GameDetail, type GameListItem, type GameListOpponent, type GameMedia, GamePoster, type GamePosterProps, type GetGamesParams, type GetNetworkGamesParams, type GetUpcomingEventsParams, JoinGameButton, type JoinGameButtonProps, type JoinGameMutationResult, type JoinGameParams, type JoinGameResult, LivePoolsCard, type LivePoolsCardProps, type LiveScore, type LiveScoreCompetitor, type MutationResult, type MutationStatus, type MwaAdapterConfig, type MwaTransactFn, MwaWalletAdapter, NETWORK_CONFIG, type NonceResult, type Opponent, type Pagination, type ParsedError, PhantomDeeplinkAdapter, type PhantomDeeplinkAdapterConfig, type PhantomSession, PickWinnerCard, type PickWinnerCardProps, PlayersCard, type PlayersCardProps, type QueryResult, type RegisterParams, type RegisterResult, type RegistrationScreenProps, SOLANA_PROGRAM_ERRORS, STORAGE_KEYS, SettingsSheet, type SettingsSheetProps, type SolanaErrorCode, type TokenStorage, type UiConfig, type UnifiedEvent, type UseAuthResult, UserProfileCard, type UserProfileCardProps, type ValidateEventResult, type WalletAdapter, createSecureStoreStorage, getDeviceInfo, isSolanaSeeker, mergeTheme, parseSolanaError, signAndSendBase64Transaction, useAppConfig, useAuth, useClaim, useCreateCustomGame, useCreateGame, useDubs, useDubsTheme, useEvents, useGame, useGames, useJoinGame, useNetworkGames };
+export { AuthGate, type AuthGateProps, type AuthStatus, type AuthenticateParams, type AuthenticateResult, type Bettor, type BuildClaimParams, type BuildClaimResult, type CheckUsernameResult, type ClaimMutationResult, type ConfirmGameParams, type ConfirmGameResult, ConnectWalletScreen, type ConnectWalletScreenProps, type CreateCustomGameMutationResult, type CreateCustomGameParams, type CreateCustomGameResult, CreateCustomGameSheet, type CreateCustomGameSheetProps, type CreateGameMutationResult, type CreateGameParams, type CreateGameResult, DEFAULT_BASE_URL, DEFAULT_RPC_URL, type DeviceInfo, DubsApiError, type DubsAppUser, DubsClient, type DubsClientConfig, type DubsContextValue, type DubsNetwork, DubsProvider, type DubsProviderProps, type DubsPublicUser, type DubsTheme, type DubsUser, type EsportsMatchDetail, type EsportsMatchOpponent, type EsportsMatchResult, type EventMedia, type EventMeta, type EventStream, type GameDetail, type GameListItem, type GameListOpponent, type GameMedia, GamePoster, type GamePosterProps, type GetGamesParams, type GetNetworkGamesParams, type GetUpcomingEventsParams, JoinGameButton, type JoinGameButtonProps, type JoinGameMutationResult, type JoinGameParams, type JoinGameResult, JoinGameSheet, type JoinGameSheetProps, LivePoolsCard, type LivePoolsCardProps, type LiveScore, type LiveScoreCompetitor, type MutationResult, type MutationStatus, type MwaAdapterConfig, type MwaTransactFn, MwaWalletAdapter, NETWORK_CONFIG, type NonceResult, type Opponent, type Pagination, type ParsedError, PhantomDeeplinkAdapter, type PhantomDeeplinkAdapterConfig, type PhantomSession, PickWinnerCard, type PickWinnerCardProps, PlayersCard, type PlayersCardProps, type QueryResult, type RegisterParams, type RegisterResult, type RegistrationScreenProps, SOLANA_PROGRAM_ERRORS, STORAGE_KEYS, SettingsSheet, type SettingsSheetProps, type SolanaErrorCode, type TokenStorage, type UiConfig, type UnifiedEvent, type UseAuthResult, UserProfileCard, type UserProfileCardProps, type ValidateEventResult, type WalletAdapter, createSecureStoreStorage, getDeviceInfo, isSolanaSeeker, mergeTheme, parseSolanaError, signAndSendBase64Transaction, useAppConfig, useAuth, useClaim, useCreateCustomGame, useCreateGame, useDubs, useDubsTheme, useEvents, useGame, useGames, useJoinGame, useNetworkGames };

package/dist/index.d.ts

@@ -118,12 +118,14 @@ interface CreateCustomGameParams {
     title?: string;
     maxPlayers?: number;
     metadata?: Record<string, unknown>;
+    externalGameId?: string;
 }
 interface CreateCustomGameResult {
     gameId: string;
     gameAddress: string;
     transaction: string;
     lockTimestamp: number;
+    externalGameId?: string | null;
 }
 interface JoinGameParams {
     playerWallet: string;
@@ -189,6 +191,7 @@ interface GameDetail {
     drawPool: number;
     totalPool: number;
     media: GameMedia;
+    externalGameId?: string | null;
     createdAt: string;
     updatedAt: string;
 }
@@ -208,12 +211,14 @@ interface GameListItem {
     league: string | null;
     lockTimestamp: number | null;
     createdAt: string;
+    externalGameId?: string | null;
     opponents: GameListOpponent[];
     media: GameMedia;
 }
 interface GetGamesParams {
     wallet?: string;
     status?: 'open' | 'locked' | 'resolved';
+    externalGameId?: string;
     limit?: number;
     offset?: number;
 }
@@ -733,6 +738,7 @@ interface CreateCustomGameMutationResult {
     signature: string;
     explorerUrl: string;
     buyIn: number;
+    externalGameId?: string | null;
 }
 declare function useCreateCustomGame(): {
     execute: (params: CreateCustomGameParams) => Promise<CreateCustomGameMutationResult>;
@@ -896,11 +902,29 @@ interface CreateCustomGameSheetProps {
     presetAmounts?: number[];
     defaultAmount?: number;
     metadata?: Record<string, unknown>;
+    externalGameId?: string;
     onAmountChange?: (amount: number | null) => void;
     onSuccess?: (result: CreateCustomGameMutationResult) => void;
     onError?: (error: Error) => void;
 }
-declare function CreateCustomGameSheet({ visible, onDismiss, title, maxPlayers, fee, presetAmounts, defaultAmount, metadata, onAmountChange, onSuccess, onError, }: CreateCustomGameSheetProps): react_jsx_runtime.JSX.Element;
+declare function CreateCustomGameSheet({ visible, onDismiss, title, maxPlayers, fee, presetAmounts, defaultAmount, metadata, externalGameId, onAmountChange, onSuccess, onError, }: CreateCustomGameSheetProps): react_jsx_runtime.JSX.Element;
+
+interface JoinGameSheetProps {
+    visible: boolean;
+    onDismiss: () => void;
+    game: GameDetail;
+    /** Optional Image component (expo-image, etc.) for team logos */
+    ImageComponent?: React$1.ComponentType<any>;
+    /** Custom short-name function for team labels */
+    shortName?: (name: string | null) => string;
+    /** Override team colors (default blue/red) */
+    homeColor?: string;
+    awayColor?: string;
+    /** Callbacks */
+    onSuccess?: (result: JoinGameMutationResult) => void;
+    onError?: (error: Error) => void;
+}
+declare function JoinGameSheet({ visible, onDismiss, game, ImageComponent, shortName, homeColor, awayColor, onSuccess, onError, }: JoinGameSheetProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Deserialize a base64-encoded transaction, sign via wallet adapter, send to Solana.
@@ -910,4 +934,4 @@ declare function CreateCustomGameSheet({ visible, onDismiss, title, maxPlayers,
  */
 declare function signAndSendBase64Transaction(base64Tx: string, wallet: WalletAdapter, connection: Connection): Promise<string>;
 
-export { AuthGate, type AuthGateProps, type AuthStatus, type AuthenticateParams, type AuthenticateResult, type Bettor, type BuildClaimParams, type BuildClaimResult, type CheckUsernameResult, type ClaimMutationResult, type ConfirmGameParams, type ConfirmGameResult, ConnectWalletScreen, type ConnectWalletScreenProps, type CreateCustomGameMutationResult, type CreateCustomGameParams, type CreateCustomGameResult, CreateCustomGameSheet, type CreateCustomGameSheetProps, type CreateGameMutationResult, type CreateGameParams, type CreateGameResult, DEFAULT_BASE_URL, DEFAULT_RPC_URL, type DeviceInfo, DubsApiError, type DubsAppUser, DubsClient, type DubsClientConfig, type DubsContextValue, type DubsNetwork, DubsProvider, type DubsProviderProps, type DubsPublicUser, type DubsTheme, type DubsUser, type EsportsMatchDetail, type EsportsMatchOpponent, type EsportsMatchResult, type EventMedia, type EventMeta, type EventStream, type GameDetail, type GameListItem, type GameListOpponent, type GameMedia, GamePoster, type GamePosterProps, type GetGamesParams, type GetNetworkGamesParams, type GetUpcomingEventsParams, JoinGameButton, type JoinGameButtonProps, type JoinGameMutationResult, type JoinGameParams, type JoinGameResult, LivePoolsCard, type LivePoolsCardProps, type LiveScore, type LiveScoreCompetitor, type MutationResult, type MutationStatus, type MwaAdapterConfig, type MwaTransactFn, MwaWalletAdapter, NETWORK_CONFIG, type NonceResult, type Opponent, type Pagination, type ParsedError, PhantomDeeplinkAdapter, type PhantomDeeplinkAdapterConfig, type PhantomSession, PickWinnerCard, type PickWinnerCardProps, PlayersCard, type PlayersCardProps, type QueryResult, type RegisterParams, type RegisterResult, type RegistrationScreenProps, SOLANA_PROGRAM_ERRORS, STORAGE_KEYS, SettingsSheet, type SettingsSheetProps, type SolanaErrorCode, type TokenStorage, type UiConfig, type UnifiedEvent, type UseAuthResult, UserProfileCard, type UserProfileCardProps, type ValidateEventResult, type WalletAdapter, createSecureStoreStorage, getDeviceInfo, isSolanaSeeker, mergeTheme, parseSolanaError, signAndSendBase64Transaction, useAppConfig, useAuth, useClaim, useCreateCustomGame, useCreateGame, useDubs, useDubsTheme, useEvents, useGame, useGames, useJoinGame, useNetworkGames };
+export { AuthGate, type AuthGateProps, type AuthStatus, type AuthenticateParams, type AuthenticateResult, type Bettor, type BuildClaimParams, type BuildClaimResult, type CheckUsernameResult, type ClaimMutationResult, type ConfirmGameParams, type ConfirmGameResult, ConnectWalletScreen, type ConnectWalletScreenProps, type CreateCustomGameMutationResult, type CreateCustomGameParams, type CreateCustomGameResult, CreateCustomGameSheet, type CreateCustomGameSheetProps, type CreateGameMutationResult, type CreateGameParams, type CreateGameResult, DEFAULT_BASE_URL, DEFAULT_RPC_URL, type DeviceInfo, DubsApiError, type DubsAppUser, DubsClient, type DubsClientConfig, type DubsContextValue, type DubsNetwork, DubsProvider, type DubsProviderProps, type DubsPublicUser, type DubsTheme, type DubsUser, type EsportsMatchDetail, type EsportsMatchOpponent, type EsportsMatchResult, type EventMedia, type EventMeta, type EventStream, type GameDetail, type GameListItem, type GameListOpponent, type GameMedia, GamePoster, type GamePosterProps, type GetGamesParams, type GetNetworkGamesParams, type GetUpcomingEventsParams, JoinGameButton, type JoinGameButtonProps, type JoinGameMutationResult, type JoinGameParams, type JoinGameResult, JoinGameSheet, type JoinGameSheetProps, LivePoolsCard, type LivePoolsCardProps, type LiveScore, type LiveScoreCompetitor, type MutationResult, type MutationStatus, type MwaAdapterConfig, type MwaTransactFn, MwaWalletAdapter, NETWORK_CONFIG, type NonceResult, type Opponent, type Pagination, type ParsedError, PhantomDeeplinkAdapter, type PhantomDeeplinkAdapterConfig, type PhantomSession, PickWinnerCard, type PickWinnerCardProps, PlayersCard, type PlayersCardProps, type QueryResult, type RegisterParams, type RegisterResult, type RegistrationScreenProps, SOLANA_PROGRAM_ERRORS, STORAGE_KEYS, SettingsSheet, type SettingsSheetProps, type SolanaErrorCode, type TokenStorage, type UiConfig, type UnifiedEvent, type UseAuthResult, UserProfileCard, type UserProfileCardProps, type ValidateEventResult, type WalletAdapter, createSecureStoreStorage, getDeviceInfo, isSolanaSeeker, mergeTheme, parseSolanaError, signAndSendBase64Transaction, useAppConfig, useAuth, useClaim, useCreateCustomGame, useCreateGame, useDubs, useDubsTheme, useEvents, useGame, useGames, useJoinGame, useNetworkGames };

package/dist/index.js

@@ -40,6 +40,7 @@ __export(index_exports, {
   DubsProvider: () => DubsProvider,
   GamePoster: () => GamePoster,
   JoinGameButton: () => JoinGameButton,
+  JoinGameSheet: () => JoinGameSheet,
   LivePoolsCard: () => LivePoolsCard,
   MwaWalletAdapter: () => MwaWalletAdapter,
   NETWORK_CONFIG: () => NETWORK_CONFIG,
@@ -343,7 +344,8 @@ var DubsClient = class {
       gameId: res.gameId,
       gameAddress: res.gameAddress,
       transaction: res.transaction,
-      lockTimestamp: res.lockTimestamp
+      lockTimestamp: res.lockTimestamp,
+      externalGameId: res.externalGameId ?? null
     };
   }
   async confirmCustomGame(params) {
@@ -390,6 +392,7 @@ var DubsClient = class {
     const qs = new URLSearchParams();
     if (params?.wallet) qs.set("wallet", params.wallet);
     if (params?.status) qs.set("status", params.status);
+    if (params?.externalGameId) qs.set("externalGameId", params.externalGameId);
     if (params?.limit != null) qs.set("limit", String(params.limit));
     if (params?.offset != null) qs.set("offset", String(params.offset));
     const query = qs.toString();
@@ -1911,7 +1914,8 @@ function useCreateCustomGame() {
         gameAddress: createResult.gameAddress,
         signature,
         explorerUrl,
-        buyIn: params.wagerAmount
+        buyIn: params.wagerAmount,
+        externalGameId: createResult.externalGameId ?? null
       };
       setData(result);
       setStatus("success");
@@ -3493,6 +3497,7 @@ function CreateCustomGameSheet({
   presetAmounts = [0.01, 0.1, 0.5, 1],
   defaultAmount = 0.01,
   metadata,
+  externalGameId,
   onAmountChange,
   onSuccess,
   onError
@@ -3567,11 +3572,12 @@ function CreateCustomGameSheet({
         wagerAmount: effectiveAmount,
         title,
         maxPlayers,
-        metadata
+        metadata,
+        externalGameId
       });
     } catch {
     }
-  }, [effectiveAmount, wallet.publicKey, mutation.execute, title, maxPlayers, metadata]);
+  }, [effectiveAmount, wallet.publicKey, mutation.execute, title, maxPlayers, metadata, externalGameId]);
   const statusLabel = STATUS_LABELS2[mutation.status] || "";
   const playersLabel = playerCount === 2 ? "2 (1v1)" : `${playerCount} players`;
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
@@ -3825,6 +3831,391 @@ var styles9 = import_react_native14.StyleSheet.create({
     gap: 10
   }
 });
+
+// src/ui/game/JoinGameSheet.tsx
+var import_react21 = require("react");
+var import_react_native15 = require("react-native");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var STATUS_LABELS3 = {
+  building: "Building transaction...",
+  signing: "Approve in wallet...",
+  confirming: "Confirming...",
+  success: "Joined!"
+};
+var CUSTOM_GAME_MODE = 6;
+function JoinGameSheet({
+  visible,
+  onDismiss,
+  game,
+  ImageComponent,
+  shortName,
+  homeColor = "#3B82F6",
+  awayColor = "#EF4444",
+  onSuccess,
+  onError
+}) {
+  const t = useDubsTheme();
+  const { wallet } = useDubs();
+  const mutation = useJoinGame();
+  const isCustomGame = game.gameMode === CUSTOM_GAME_MODE;
+  const [selectedTeam, setSelectedTeam] = (0, import_react21.useState)(null);
+  const overlayOpacity = (0, import_react21.useRef)(new import_react_native15.Animated.Value(0)).current;
+  (0, import_react21.useEffect)(() => {
+    import_react_native15.Animated.timing(overlayOpacity, {
+      toValue: visible ? 1 : 0,
+      duration: 250,
+      useNativeDriver: true
+    }).start();
+  }, [visible, overlayOpacity]);
+  (0, import_react21.useEffect)(() => {
+    if (visible) {
+      setSelectedTeam(isCustomGame ? "away" : null);
+      mutation.reset();
+    }
+  }, [visible]);
+  (0, import_react21.useEffect)(() => {
+    if (mutation.status === "success" && mutation.data) {
+      onSuccess?.(mutation.data);
+      const timer = setTimeout(() => {
+        onDismiss();
+      }, 1500);
+      return () => clearTimeout(timer);
+    }
+  }, [mutation.status, mutation.data]);
+  (0, import_react21.useEffect)(() => {
+    if (mutation.status === "error" && mutation.error) {
+      onError?.(mutation.error);
+    }
+  }, [mutation.status, mutation.error]);
+  const opponents = game.opponents || [];
+  const bettors = game.bettors || [];
+  const totalPool = game.totalPool || 0;
+  const homePool = game.homePool || 0;
+  const awayPool = game.awayPool || 0;
+  const buyIn = game.buyIn;
+  const { homeOdds, awayOdds, homeBets, awayBets } = (0, import_react21.useMemo)(() => ({
+    homeOdds: homePool > 0 ? (totalPool / homePool).toFixed(2) : "\u2014",
+    awayOdds: awayPool > 0 ? (totalPool / awayPool).toFixed(2) : "\u2014",
+    homeBets: bettors.filter((b) => b.team === "home").length,
+    awayBets: bettors.filter((b) => b.team === "away").length
+  }), [totalPool, homePool, awayPool, bettors]);
+  const poolAfterJoin = totalPool + buyIn;
+  const selectedOdds = selectedTeam === "home" ? homeOdds : selectedTeam === "away" ? awayOdds : "\u2014";
+  const potentialWinnings = selectedOdds !== "\u2014" ? (parseFloat(selectedOdds) * buyIn).toFixed(4) : "\u2014";
+  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 = (0, import_react21.useMemo)(() => {
+    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 = (0, import_react21.useCallback)(async () => {
+    if (!selectedTeam || !wallet.publicKey) return;
+    try {
+      await mutation.execute({
+        playerWallet: wallet.publicKey.toBase58(),
+        gameId: game.gameId,
+        teamChoice: selectedTeam,
+        amount: buyIn
+      });
+    } catch {
+    }
+  }, [selectedTeam, wallet.publicKey, mutation.execute, game.gameId, buyIn]);
+  const statusLabel = STATUS_LABELS3[mutation.status] || "";
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+    import_react_native15.Modal,
+    {
+      visible,
+      animationType: "slide",
+      transparent: true,
+      onRequestClose: onDismiss,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.Animated.View, { style: [styles10.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.TouchableOpacity, { style: styles10.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          import_react_native15.KeyboardAvoidingView,
+          {
+            style: styles10.keyboardView,
+            behavior: import_react_native15.Platform.OS === "ios" ? "padding" : void 0,
+            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.View, { style: styles10.sheetPositioner, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native15.View, { style: [styles10.sheet, { backgroundColor: t.background }], children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.View, { style: styles10.handleRow, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.View, { style: [styles10.handle, { backgroundColor: t.textMuted }] }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native15.View, { style: styles10.header, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.Text, { style: [styles10.headerTitle, { color: t.text }], children: "Join Game" }),
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.TouchableOpacity, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.Text, { style: [styles10.closeButton, { color: t.textMuted }], children: "\u2715" }) })
+              ] }),
+              !isCustomGame && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native15.View, { style: styles10.section, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.Text, { style: [styles10.sectionLabel, { color: t.textSecondary }], children: "Pick Your Side" }),
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native15.View, { style: styles10.teamsRow, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                    TeamButton,
+                    {
+                      name: homeName,
+                      imageUrl: opponents[0]?.imageUrl,
+                      odds: homeOdds,
+                      bets: homeBets,
+                      color: homeColor,
+                      selected: selectedTeam === "home",
+                      onPress: () => setSelectedTeam("home"),
+                      ImageComponent,
+                      t
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                    TeamButton,
+                    {
+                      name: awayName,
+                      imageUrl: opponents[1]?.imageUrl,
+                      odds: awayOdds,
+                      bets: awayBets,
+                      color: awayColor,
+                      selected: selectedTeam === "away",
+                      onPress: () => setSelectedTeam("away"),
+                      ImageComponent,
+                      t
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native15.View, { style: [styles10.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native15.View, { style: styles10.summaryRow, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.Text, { style: [styles10.summaryLabel, { color: t.textMuted }], children: "Buy-in" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native15.Text, { style: [styles10.summaryValue, { color: t.text }], children: [
+                    buyIn,
+                    " SOL"
+                  ] })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.View, { style: [styles10.summarySep, { backgroundColor: t.border }] }),
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native15.View, { style: styles10.summaryRow, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.Text, { style: [styles10.summaryLabel, { color: t.textMuted }], children: "Your side" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.Text, { style: [styles10.summaryValue, { color: t.text }], children: selectedName })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.View, { style: [styles10.summarySep, { backgroundColor: t.border }] }),
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native15.View, { style: styles10.summaryRow, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.Text, { style: [styles10.summaryLabel, { color: t.textMuted }], children: "Total pool" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native15.Text, { style: [styles10.summaryValue, { color: t.text }], children: [
+                    poolAfterJoin,
+                    " SOL"
+                  ] })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.View, { style: [styles10.summarySep, { backgroundColor: t.border }] }),
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native15.View, { style: styles10.summaryRow, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.Text, { style: [styles10.summaryLabel, { color: t.textMuted }], children: "Potential winnings" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.Text, { style: [styles10.summaryValue, { color: t.success }], children: potentialWinnings !== "\u2014" ? `${potentialWinnings} SOL` : "\u2014" })
+                ] })
+              ] }),
+              alreadyJoined && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.View, { style: [styles10.errorBox, { backgroundColor: t.surface, borderColor: t.border }], children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.Text, { style: [styles10.errorText, { color: t.textMuted }], children: "You've already joined this game." }) }),
+              mutation.error && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.View, { style: [styles10.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.Text, { style: [styles10.errorText, { color: t.errorText }], children: mutation.error.message }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                import_react_native15.TouchableOpacity,
+                {
+                  style: [
+                    styles10.ctaButton,
+                    { backgroundColor: canJoin ? t.accent : t.border }
+                  ],
+                  disabled: !canJoin,
+                  onPress: handleJoin,
+                  activeOpacity: 0.8,
+                  children: isMutating ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native15.View, { style: styles10.ctaLoading, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.ActivityIndicator, { size: "small", color: "#FFFFFF" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.Text, { style: styles10.ctaText, children: statusLabel })
+                  ] }) : mutation.status === "success" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.Text, { style: styles10.ctaText, children: STATUS_LABELS3.success }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.Text, { style: [styles10.ctaText, !canJoin && { opacity: 0.5 }], children: alreadyJoined ? "Already Joined" : selectedTeam ? `Join Game \u2014 ${buyIn} SOL` : "Pick a side to join" })
+                }
+              )
+            ] }) })
+          }
+        )
+      ]
+    }
+  );
+}
+function TeamButton({
+  name,
+  imageUrl,
+  odds,
+  bets,
+  color,
+  selected,
+  onPress,
+  ImageComponent,
+  t
+}) {
+  const [imgFailed, setImgFailed] = (0, import_react21.useState)(false);
+  const Img = ImageComponent || require("react-native").Image;
+  const showImage = imageUrl && !imgFailed;
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+    import_react_native15.TouchableOpacity,
+    {
+      style: [styles10.teamOption, { borderColor: selected ? color : t.border, backgroundColor: selected ? color + "15" : t.background }],
+      onPress,
+      activeOpacity: 0.7,
+      children: [
+        showImage ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Img, { source: { uri: imageUrl }, style: styles10.teamLogo, resizeMode: "contain", onError: () => setImgFailed(true) }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.View, { style: [styles10.teamLogo, styles10.teamLogoPlaceholder] }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.Text, { style: [styles10.teamName, { color: t.text }], numberOfLines: 1, children: name }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native15.Text, { style: [styles10.teamOdds, { color }], children: [
+          odds,
+          "x"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native15.Text, { style: [styles10.teamBets, { color: t.textMuted }], children: [
+          bets,
+          " ",
+          bets === 1 ? "bet" : "bets"
+        ] }),
+        selected && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.View, { style: [styles10.teamBadge, { backgroundColor: color }], children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.Text, { style: styles10.teamBadgeText, children: "Selected" }) })
+      ]
+    }
+  );
+}
+var styles10 = import_react_native15.StyleSheet.create({
+  overlay: {
+    ...import_react_native15.StyleSheet.absoluteFillObject,
+    backgroundColor: "rgba(0,0,0,0.5)"
+  },
+  overlayTap: {
+    flex: 1
+  },
+  keyboardView: {
+    flex: 1,
+    justifyContent: "flex-end"
+  },
+  sheetPositioner: {
+    justifyContent: "flex-end"
+  },
+  sheet: {
+    borderTopLeftRadius: 24,
+    borderTopRightRadius: 24,
+    paddingHorizontal: 20,
+    paddingBottom: 40
+  },
+  handleRow: {
+    alignItems: "center",
+    paddingTop: 10,
+    paddingBottom: 8
+  },
+  handle: {
+    width: 36,
+    height: 4,
+    borderRadius: 2,
+    opacity: 0.4
+  },
+  header: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingVertical: 12
+  },
+  headerTitle: {
+    fontSize: 20,
+    fontWeight: "700"
+  },
+  closeButton: {
+    fontSize: 20,
+    padding: 4
+  },
+  section: {
+    gap: 12,
+    paddingTop: 8
+  },
+  sectionLabel: {
+    fontSize: 15,
+    fontWeight: "600"
+  },
+  teamsRow: {
+    flexDirection: "row",
+    gap: 12
+  },
+  summaryCard: {
+    marginTop: 20,
+    borderRadius: 16,
+    borderWidth: 1,
+    overflow: "hidden"
+  },
+  summaryRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingHorizontal: 16,
+    paddingVertical: 14
+  },
+  summaryLabel: {
+    fontSize: 14
+  },
+  summaryValue: {
+    fontSize: 15,
+    fontWeight: "700"
+  },
+  summarySep: {
+    height: 1,
+    marginHorizontal: 16
+  },
+  errorBox: {
+    marginTop: 16,
+    borderRadius: 12,
+    borderWidth: 1,
+    padding: 12
+  },
+  errorText: {
+    fontSize: 13,
+    fontWeight: "500"
+  },
+  ctaButton: {
+    marginTop: 20,
+    height: 56,
+    borderRadius: 14,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  ctaText: {
+    color: "#FFFFFF",
+    fontSize: 16,
+    fontWeight: "700"
+  },
+  ctaLoading: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 10
+  },
+  // Team button styles
+  teamOption: {
+    flex: 1,
+    borderWidth: 2,
+    borderRadius: 16,
+    padding: 16,
+    alignItems: "center",
+    gap: 8
+  },
+  teamLogo: {
+    width: 48,
+    height: 48,
+    borderRadius: 24
+  },
+  teamLogoPlaceholder: {
+    backgroundColor: "rgba(128,128,128,0.2)"
+  },
+  teamName: {
+    fontSize: 15,
+    fontWeight: "700"
+  },
+  teamOdds: {
+    fontSize: 20,
+    fontWeight: "800"
+  },
+  teamBets: {
+    fontSize: 12
+  },
+  teamBadge: {
+    borderRadius: 8,
+    paddingHorizontal: 12,
+    paddingVertical: 4,
+    marginTop: 4
+  },
+  teamBadgeText: {
+    color: "#FFF",
+    fontSize: 12,
+    fontWeight: "700"
+  }
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AuthGate,
@@ -3837,6 +4228,7 @@ var styles9 = import_react_native14.StyleSheet.create({
   DubsProvider,
   GamePoster,
   JoinGameButton,
+  JoinGameSheet,
   LivePoolsCard,
   MwaWalletAdapter,
   NETWORK_CONFIG,