@dubsdotapp/expo 0.5.16 → 0.5.18

package/dist/index.js

@@ -32,6 +32,8 @@ var index_exports = {};
 __export(index_exports, {
   ArcadeLeaderboardSheet: () => ArcadeLeaderboardSheet,
   AuthGate: () => AuthGate,
+  ChatProvider: () => ChatProvider,
+  ChatSocket: () => ChatSocket,
   ClaimButton: () => ClaimButton,
   ClaimPrizeSheet: () => ClaimPrizeSheet,
   ConnectWalletButton: () => ConnectWalletButton,
@@ -45,6 +47,9 @@ __export(index_exports, {
   DubsProvider: () => DubsProvider,
   EnterArcadePoolSheet: () => EnterArcadePoolSheet,
   GamePoster: () => GamePoster,
+  JackpotCard: () => JackpotCard,
+  JackpotSheet: () => JackpotSheet,
+  JackpotWidget: () => JackpotWidget,
   JoinGameButton: () => JoinGameButton,
   JoinGameSheet: () => JoinGameSheet,
   LivePoolsCard: () => LivePoolsCard,
@@ -73,23 +78,39 @@ __export(index_exports, {
   useArcadePool: () => useArcadePool,
   useArcadePools: () => useArcadePools,
   useAuth: () => useAuth,
+  useChatContext: () => useChatContext,
+  useChatMessages: () => useChatMessages,
+  useChatStatus: () => useChatStatus,
   useClaim: () => useClaim,
+  useConversations: () => useConversations,
   useCreateCustomGame: () => useCreateCustomGame,
   useCreateGame: () => useCreateGame,
+  useDirectMessages: () => useDirectMessages,
   useDubs: () => useDubs,
   useDubsTheme: () => useDubsTheme,
   useEnterArcadePool: () => useEnterArcadePool,
+  useEnterJackpot: () => useEnterJackpot,
   useEvents: () => useEvents,
+  useFriendRequests: () => useFriendRequests,
+  useFriends: () => useFriends,
   useGame: () => useGame,
   useGames: () => useGames,
   useHasClaimed: () => useHasClaimed,
   useHighlights: () => useHighlights,
+  useJackpot: () => useJackpot,
+  useJackpotHistory: () => useJackpotHistory,
   useJoinGame: () => useJoinGame,
   useNetworkGames: () => useNetworkGames,
+  useOnlineUsers: () => useOnlineUsers,
   usePushNotifications: () => usePushNotifications,
+  useRespondToFriendRequest: () => useRespondToFriendRequest,
+  useSearchUsers: () => useSearchUsers,
+  useSendFriendRequest: () => useSendFriendRequest,
+  useSendMessage: () => useSendMessage,
   useShorts: () => useShorts,
   useUFCFightCard: () => useUFCFightCard,
-  useUFCFighterDetail: () => useUFCFighterDetail
+  useUFCFighterDetail: () => useUFCFighterDetail,
+  useUnreadCount: () => useUnreadCount
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -682,6 +703,151 @@ var DubsClient = class {
     );
     return res.entry;
   }
+  // ── Jackpot ──
+  /** Get current jackpot round + last winner */
+  async getJackpotCurrent() {
+    const res = await this.request(
+      "GET",
+      "/jackpot/current"
+    );
+    return { round: res.round, lastWinner: res.lastWinner };
+  }
+  /** Get current round entries with odds */
+  async getJackpotEntries() {
+    const res = await this.request(
+      "GET",
+      "/jackpot/entries"
+    );
+    return { roundId: res.roundId, entries: res.entries, totalEntries: res.totalEntries };
+  }
+  /** Get recent jackpot round results */
+  async getJackpotHistory(limit) {
+    const qs = limit ? `?limit=${limit}` : "";
+    const res = await this.request(
+      "GET",
+      `/jackpot/history${qs}`
+    );
+    return res.rounds;
+  }
+  /** Get jackpot protocol config */
+  async getJackpotConfig() {
+    const res = await this.request(
+      "GET",
+      "/jackpot/config"
+    );
+    return res.config;
+  }
+  /** Build unsigned jackpot enter transaction */
+  async buildJackpotEnter(playerAddress, amount) {
+    const res = await this.request(
+      "POST",
+      "/jackpot/build-enter",
+      { playerAddress, amount }
+    );
+    return { transaction: res.transaction, roundId: res.roundId, amount: res.amount, amountSol: res.amountSol };
+  }
+  /** Confirm jackpot entry after wallet signs (creates developer attribution) */
+  async confirmJackpotEnter(params) {
+    const res = await this.request(
+      "POST",
+      "/jackpot/confirm-enter",
+      params
+    );
+    return { attributed: res.attributed, appId: res.appId, signature: res.signature };
+  }
+  // ── Chat ──
+  /** Get recent global chat messages */
+  async getChatMessages(params) {
+    const qs = new URLSearchParams();
+    if (params?.limit) qs.set("limit", String(params.limit));
+    if (params?.before) qs.set("before", String(params.before));
+    const query = qs.toString();
+    return this.request("GET", `/chat/messages${query ? `?${query}` : ""}`);
+  }
+  /** Send a message to global chat */
+  async sendChatMessage(params) {
+    return this.request("POST", "/chat/message", params);
+  }
+  /** Edit your own message */
+  async editChatMessage(id, message) {
+    return this.request("PUT", `/chat/message/${id}`, { message });
+  }
+  /** Delete your own message */
+  async deleteChatMessage(id) {
+    return this.request("DELETE", `/chat/message/${id}`);
+  }
+  /** Block a user */
+  async blockUser(targetUserId) {
+    await this.request("POST", `/chat/block/${targetUserId}`);
+  }
+  /** Unblock a user */
+  async unblockUser(targetUserId) {
+    await this.request("DELETE", `/chat/block/${targetUserId}`);
+  }
+  // ── DMs ──
+  /** Get DM conversations inbox */
+  async getConversations(limit) {
+    const qs = limit ? `?limit=${limit}` : "";
+    return this.request("GET", `/dm/conversations${qs}`);
+  }
+  /** Get conversation history with a specific user */
+  async getConversation(walletAddress, params) {
+    const qs = new URLSearchParams();
+    if (params?.limit) qs.set("limit", String(params.limit));
+    if (params?.beforeId) qs.set("beforeId", String(params.beforeId));
+    const query = qs.toString();
+    return this.request("GET", `/dm/conversation/${encodeURIComponent(walletAddress)}${query ? `?${query}` : ""}`);
+  }
+  /** Send a direct message */
+  async sendDirectMessage(params) {
+    return this.request("POST", "/dm/send", params);
+  }
+  /** Mark all DMs from a user as read */
+  async markDMRead(walletAddress) {
+    return this.request("POST", `/dm/read/${encodeURIComponent(walletAddress)}`);
+  }
+  /** Get unread DM count */
+  async getDMUnreadCount() {
+    return this.request("GET", "/dm/unread");
+  }
+  /** Delete a DM conversation (soft delete) */
+  async deleteConversation(walletAddress) {
+    await this.request("DELETE", `/dm/conversation/${encodeURIComponent(walletAddress)}`);
+  }
+  // ── Social ──
+  /** Search users by username */
+  async searchUsers(query) {
+    const qs = query ? `?q=${encodeURIComponent(query)}` : "";
+    return this.request("GET", `/social/search${qs}`);
+  }
+  /** Send a friend request */
+  async sendFriendRequest(targetUserId) {
+    return this.request("POST", `/social/friend-request/${targetUserId}`);
+  }
+  /** Get pending friend requests (received) */
+  async getPendingFriendRequests() {
+    return this.request("GET", "/social/friend-requests");
+  }
+  /** Accept a friend request */
+  async acceptFriendRequest(requestId) {
+    await this.request("POST", `/social/request/${requestId}/accept`);
+  }
+  /** Reject a friend request */
+  async rejectFriendRequest(requestId) {
+    await this.request("POST", `/social/request/${requestId}/reject`);
+  }
+  /** Get friends list */
+  async getFriends() {
+    return this.request("GET", "/social/friends");
+  }
+  /** Remove a friend */
+  async removeFriend(targetUserId) {
+    await this.request("DELETE", `/social/friend/${targetUserId}`);
+  }
+  /** Get blocked users list */
+  async getBlockedUsers() {
+    return this.request("GET", "/social/blocked");
+  }
   // ── App Config ──
   /** Fetch the app's UI customization config (accent color, icon, tagline, environment) */
   async getAppConfig() {
@@ -733,7 +899,7 @@ function createSecureStoreStorage() {
 }
 
 // src/provider.tsx
-var import_react26 = require("react");
+var import_react29 = require("react");
 
 // src/ui/theme.ts
 var import_react = require("react");
@@ -1791,7 +1957,7 @@ function ManagedWalletProvider({
 }
 
 // src/ui/AuthGate.tsx
-var import_react25 = __toESM(require("react"));
+var import_react28 = __toESM(require("react"));
 var import_react_native8 = require("react-native");
 
 // src/hooks/useEvents.ts
@@ -3002,6 +3168,117 @@ function useArcadeBridge({
   return { webviewRef, handleMessage, triggerPlay, lastResult, bridgeLoading };
 }
 
+// src/hooks/useJackpot.ts
+var import_react25 = require("react");
+function useJackpot() {
+  const { client } = useDubs();
+  const [round, setRound] = (0, import_react25.useState)(null);
+  const [lastWinner, setLastWinner] = (0, import_react25.useState)(null);
+  const [loading, setLoading] = (0, import_react25.useState)(false);
+  const [error, setError] = (0, import_react25.useState)(null);
+  const fetch2 = (0, import_react25.useCallback)(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const result = await client.getJackpotCurrent();
+      setRound(result.round);
+      setLastWinner(result.lastWinner);
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error(String(err)));
+    } finally {
+      setLoading(false);
+    }
+  }, [client]);
+  (0, import_react25.useEffect)(() => {
+    fetch2();
+  }, [fetch2]);
+  return { round, lastWinner, loading, error, refetch: fetch2 };
+}
+
+// src/hooks/useJackpotHistory.ts
+var import_react26 = require("react");
+function useJackpotHistory(limit) {
+  const { client } = useDubs();
+  const [rounds, setRounds] = (0, import_react26.useState)([]);
+  const [loading, setLoading] = (0, import_react26.useState)(false);
+  const [error, setError] = (0, import_react26.useState)(null);
+  const fetch2 = (0, import_react26.useCallback)(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const result = await client.getJackpotHistory(limit);
+      setRounds(result);
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error(String(err)));
+    } finally {
+      setLoading(false);
+    }
+  }, [client, limit]);
+  (0, import_react26.useEffect)(() => {
+    fetch2();
+  }, [fetch2]);
+  return { rounds, loading, error, refetch: fetch2 };
+}
+
+// src/hooks/useEnterJackpot.ts
+var import_react27 = require("react");
+function useEnterJackpot() {
+  const { client, wallet, connection } = useDubs();
+  const [status, setStatus] = (0, import_react27.useState)("idle");
+  const [error, setError] = (0, import_react27.useState)(null);
+  const [data, setData] = (0, import_react27.useState)(null);
+  const reset = (0, import_react27.useCallback)(() => {
+    setStatus("idle");
+    setError(null);
+    setData(null);
+  }, []);
+  const execute = (0, import_react27.useCallback)(async (amountLamports) => {
+    if (!wallet.publicKey) throw new Error("Wallet not connected");
+    const walletAddress = wallet.publicKey.toBase58();
+    setStatus("building");
+    setError(null);
+    setData(null);
+    try {
+      console.log("[useEnterJackpot] Step 1: Building transaction...", { walletAddress, amountLamports });
+      const buildResult = await client.buildJackpotEnter(walletAddress, amountLamports);
+      console.log("[useEnterJackpot] Step 1 done:", { roundId: buildResult.roundId, amount: buildResult.amount });
+      setStatus("signing");
+      console.log("[useEnterJackpot] Step 2: Signing and sending...");
+      const signature = await signAndSendBase64Transaction(
+        buildResult.transaction,
+        wallet,
+        connection
+      );
+      console.log("[useEnterJackpot] Step 2 done. Signature:", signature);
+      setStatus("confirming");
+      console.log("[useEnterJackpot] Step 3: Confirming with backend...");
+      await client.confirmJackpotEnter({
+        playerAddress: walletAddress,
+        roundId: buildResult.roundId,
+        amount: amountLamports,
+        signature
+      });
+      console.log("[useEnterJackpot] Step 3 done. Entry confirmed + attributed.");
+      const result = {
+        roundId: buildResult.roundId,
+        amount: buildResult.amount,
+        amountSol: buildResult.amountSol,
+        signature
+      };
+      setData(result);
+      setStatus("success");
+      return result;
+    } catch (err) {
+      console.error("[useEnterJackpot] FAILED:", err);
+      const e = err instanceof Error ? err : new Error(String(err));
+      setError(e);
+      setStatus("error");
+      throw e;
+    }
+  }, [client, wallet, connection]);
+  return { execute, status, error, data, reset };
+}
+
 // src/ui/AvatarEditor.tsx
 var import_react_native7 = require("react-native");
 var import_jsx_runtime3 = require("react/jsx-runtime");
@@ -3163,11 +3440,11 @@ function AuthGate({
 }) {
   const { client, pushEnabled } = useDubs();
   const auth = useAuth();
-  const [phase, setPhase] = (0, import_react25.useState)("init");
-  const [registrationPhase, setRegistrationPhase] = (0, import_react25.useState)(false);
-  const [showPushSetup, setShowPushSetup] = (0, import_react25.useState)(false);
-  const [isRestoredSession, setIsRestoredSession] = (0, import_react25.useState)(false);
-  (0, import_react25.useEffect)(() => {
+  const [phase, setPhase] = (0, import_react28.useState)("init");
+  const [registrationPhase, setRegistrationPhase] = (0, import_react28.useState)(false);
+  const [showPushSetup, setShowPushSetup] = (0, import_react28.useState)(false);
+  const [isRestoredSession, setIsRestoredSession] = (0, import_react28.useState)(false);
+  (0, import_react28.useEffect)(() => {
     let cancelled = false;
     (async () => {
       try {
@@ -3194,23 +3471,23 @@ function AuthGate({
       cancelled = true;
     };
   }, []);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     if (auth.status === "needsRegistration") setRegistrationPhase(true);
   }, [auth.status]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     if (pushEnabled && auth.status === "authenticated" && registrationPhase && !isRestoredSession) {
       setShowPushSetup(true);
     }
   }, [pushEnabled, auth.status, registrationPhase, isRestoredSession]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     if (auth.token) onSaveToken(auth.token);
   }, [auth.token]);
-  const retry = (0, import_react25.useCallback)(() => {
+  const retry = (0, import_react28.useCallback)(() => {
     setRegistrationPhase(false);
     auth.reset();
     auth.authenticate();
   }, [auth]);
-  const handleRegister = (0, import_react25.useCallback)(
+  const handleRegister = (0, import_react28.useCallback)(
     (username, referralCode, avatarUrl) => {
       auth.register(username, referralCode, avatarUrl);
     },
@@ -3310,7 +3587,7 @@ function DefaultErrorScreen({ error, onRetry, appName, accentColor }) {
 function StepIndicator({ currentStep }) {
   const t = useDubsTheme();
   const steps = [0, 1, 2, 3];
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native8.View, { style: s.stepRow, children: steps.map((i) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react25.default.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native8.View, { style: s.stepRow, children: steps.map((i) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react28.default.Fragment, { children: [
     i > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native8.View, { style: [s.stepLine, { backgroundColor: i <= currentStep ? t.success : t.border }] }),
     /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       import_react_native8.View,
@@ -3334,20 +3611,20 @@ function DefaultRegistrationScreen({
 }) {
   const t = useDubsTheme();
   const accent = accentColor || t.accent;
-  const [step, setStep] = (0, import_react25.useState)(0);
-  const [avatarSeed, setAvatarSeed] = (0, import_react25.useState)(generateSeed);
-  const [avatarStyle, setAvatarStyle] = (0, import_react25.useState)("adventurer");
-  const [avatarBg, setAvatarBg] = (0, import_react25.useState)("1a1a2e");
-  const [showStyles, setShowStyles] = (0, import_react25.useState)(false);
-  const [username, setUsername] = (0, import_react25.useState)("");
-  const [referralCode, setReferralCode] = (0, import_react25.useState)("");
-  const [checking, setChecking] = (0, import_react25.useState)(false);
-  const [availability, setAvailability] = (0, import_react25.useState)(null);
-  const debounceRef = (0, import_react25.useRef)(null);
-  const fadeAnim = (0, import_react25.useRef)(new import_react_native8.Animated.Value(1)).current;
-  const slideAnim = (0, import_react25.useRef)(new import_react_native8.Animated.Value(0)).current;
+  const [step, setStep] = (0, import_react28.useState)(0);
+  const [avatarSeed, setAvatarSeed] = (0, import_react28.useState)(generateSeed);
+  const [avatarStyle, setAvatarStyle] = (0, import_react28.useState)("adventurer");
+  const [avatarBg, setAvatarBg] = (0, import_react28.useState)("1a1a2e");
+  const [showStyles, setShowStyles] = (0, import_react28.useState)(false);
+  const [username, setUsername] = (0, import_react28.useState)("");
+  const [referralCode, setReferralCode] = (0, import_react28.useState)("");
+  const [checking, setChecking] = (0, import_react28.useState)(false);
+  const [availability, setAvailability] = (0, import_react28.useState)(null);
+  const debounceRef = (0, import_react28.useRef)(null);
+  const fadeAnim = (0, import_react28.useRef)(new import_react_native8.Animated.Value(1)).current;
+  const slideAnim = (0, import_react28.useRef)(new import_react_native8.Animated.Value(0)).current;
   const avatarUrl = getAvatarUrl(avatarStyle, avatarSeed, avatarBg);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     if (debounceRef.current) clearTimeout(debounceRef.current);
     const trimmed = username.trim();
     if (trimmed.length < 3) {
@@ -3370,7 +3647,7 @@ function DefaultRegistrationScreen({
       if (debounceRef.current) clearTimeout(debounceRef.current);
     };
   }, [username, client]);
-  const animateToStep = (0, import_react25.useCallback)((newStep) => {
+  const animateToStep = (0, import_react28.useCallback)((newStep) => {
     const dir = newStep > step ? 1 : -1;
     import_react_native8.Keyboard.dismiss();
     import_react_native8.Animated.parallel([
@@ -3609,8 +3886,8 @@ function DefaultRegistrationScreen({
 }
 function PushTokenRestorer() {
   const push = usePushNotifications();
-  const restored = (0, import_react25.useRef)(false);
-  (0, import_react25.useEffect)(() => {
+  const restored = (0, import_react28.useRef)(false);
+  (0, import_react28.useEffect)(() => {
     if (restored.current) return;
     restored.current = true;
     push.restoreIfGranted();
@@ -3625,9 +3902,9 @@ function PushSetupScreen({
   const t = useDubsTheme();
   const accent = accentColor || t.accent;
   const push = usePushNotifications();
-  const fadeAnim = (0, import_react25.useRef)(new import_react_native8.Animated.Value(0)).current;
-  const slideAnim = (0, import_react25.useRef)(new import_react_native8.Animated.Value(30)).current;
-  (0, import_react25.useEffect)(() => {
+  const fadeAnim = (0, import_react28.useRef)(new import_react_native8.Animated.Value(0)).current;
+  const slideAnim = (0, import_react28.useRef)(new import_react_native8.Animated.Value(30)).current;
+  (0, import_react28.useEffect)(() => {
     import_react_native8.Animated.parallel([
       import_react_native8.Animated.timing(fadeAnim, { toValue: 1, duration: 300, useNativeDriver: true }),
       import_react_native8.Animated.timing(slideAnim, { toValue: 0, duration: 300, useNativeDriver: true })
@@ -3763,7 +4040,7 @@ var s = import_react_native8.StyleSheet.create({
 
 // src/provider.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
-var DubsContext = (0, import_react26.createContext)(null);
+var DubsContext = (0, import_react29.createContext)(null);
 function DubsProvider({
   apiKey,
   children,
@@ -3785,11 +4062,11 @@ function DubsProvider({
   const config = NETWORK_CONFIG[network];
   const baseUrl = baseUrlOverride || config.baseUrl;
   const rpcUrl = rpcUrlOverride || config.rpcUrl;
-  const client = (0, import_react26.useMemo)(() => new DubsClient({ apiKey, baseUrl }), [apiKey, baseUrl]);
-  const storage = (0, import_react26.useMemo)(() => tokenStorage || createSecureStoreStorage(), [tokenStorage]);
-  const [uiConfig, setUiConfig] = (0, import_react26.useState)(null);
-  const [resolvedNetwork, setResolvedNetwork] = (0, import_react26.useState)(network);
-  (0, import_react26.useEffect)(() => {
+  const client = (0, import_react29.useMemo)(() => new DubsClient({ apiKey, baseUrl }), [apiKey, baseUrl]);
+  const storage = (0, import_react29.useMemo)(() => tokenStorage || createSecureStoreStorage(), [tokenStorage]);
+  const [uiConfig, setUiConfig] = (0, import_react29.useState)(null);
+  const [resolvedNetwork, setResolvedNetwork] = (0, import_react29.useState)(network);
+  (0, import_react29.useEffect)(() => {
     client.getAppConfig().then((cfg) => {
       console.log("[DubsProvider] UI config loaded:", JSON.stringify(cfg));
       setUiConfig(cfg);
@@ -3805,7 +4082,7 @@ function DubsProvider({
   const resolvedConfig = NETWORK_CONFIG[resolvedNetwork];
   const resolvedRpcUrl = rpcUrlOverride || resolvedConfig.rpcUrl;
   const cluster = resolvedConfig.cluster;
-  const connection = (0, import_react26.useMemo)(() => new import_web34.Connection(resolvedRpcUrl, { commitment: "confirmed" }), [resolvedRpcUrl]);
+  const connection = (0, import_react29.useMemo)(() => new import_web34.Connection(resolvedRpcUrl, { commitment: "confirmed" }), [resolvedRpcUrl]);
   if (uiConfig === null) return null;
   const themeOverrides = {};
   if (uiConfig.accentColor) {
@@ -3881,11 +4158,11 @@ function ManagedInner({
   children
 }) {
   const managedDisconnect = useDisconnect();
-  const disconnect = (0, import_react26.useCallback)(async () => {
+  const disconnect = (0, import_react29.useCallback)(async () => {
     client.setToken(null);
     await managedDisconnect?.();
   }, [client, managedDisconnect]);
-  const value = (0, import_react26.useMemo)(
+  const value = (0, import_react29.useMemo)(
     () => ({ client, wallet, connection, appName, network, disconnect, uiConfig, pushEnabled }),
     [client, wallet, connection, appName, network, disconnect, uiConfig, pushEnabled]
   );
@@ -3922,13 +4199,13 @@ function ExternalWalletProvider({
   pushEnabled,
   children
 }) {
-  const disconnect = (0, import_react26.useCallback)(async () => {
+  const disconnect = (0, import_react29.useCallback)(async () => {
     client.setToken(null);
     await storage.deleteItem(STORAGE_KEYS.JWT_TOKEN).catch(() => {
     });
     await wallet.disconnect?.();
   }, [client, storage, wallet]);
-  const value = (0, import_react26.useMemo)(
+  const value = (0, import_react29.useMemo)(
     () => ({ client, wallet, connection, appName, network, disconnect, uiConfig, pushEnabled }),
     [client, wallet, connection, appName, network, disconnect, uiConfig, pushEnabled]
   );
@@ -3953,14 +4230,14 @@ function ExternalWalletProvider({
   ) });
 }
 function useDubs() {
-  const ctx = (0, import_react26.useContext)(DubsContext);
+  const ctx = (0, import_react29.useContext)(DubsContext);
   if (!ctx) {
     throw new Error("useDubs must be used within a <DubsProvider>");
   }
   return ctx;
 }
 function useAppConfig() {
-  const ctx = (0, import_react26.useContext)(DubsContext);
+  const ctx = (0, import_react29.useContext)(DubsContext);
   return ctx?.uiConfig || {};
 }
 
@@ -4018,7 +4295,7 @@ var styles3 = import_react_native9.StyleSheet.create({
 });
 
 // src/ui/UserProfileCard.tsx
-var import_react27 = require("react");
+var import_react30 = require("react");
 var import_react_native10 = require("react-native");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 function truncateAddress(address, chars = 4) {
@@ -4038,7 +4315,7 @@ function UserProfileCard({
   memberSince
 }) {
   const t = useDubsTheme();
-  const imageUri = (0, import_react27.useMemo)(
+  const imageUri = (0, import_react30.useMemo)(
     () => ensurePngAvatar(avatarUrl) || `https://api.dicebear.com/9.x/avataaars/png?seed=${walletAddress}&size=128`,
     [avatarUrl, walletAddress]
   );
@@ -4231,7 +4508,7 @@ var styles5 = import_react_native11.StyleSheet.create({
 });
 
 // src/ui/UserProfileSheet.tsx
-var import_react28 = require("react");
+var import_react31 = require("react");
 var import_react_native12 = require("react-native");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 function truncateAddress3(address, chars = 4) {
@@ -4249,31 +4526,31 @@ function UserProfileSheet({
   const { client } = useDubs();
   const { refreshUser } = useAuth();
   const push = usePushNotifications();
-  const overlayOpacity = (0, import_react28.useRef)(new import_react_native12.Animated.Value(0)).current;
-  const parsed = (0, import_react28.useMemo)(() => parseAvatarUrl(user.avatar), [user.avatar]);
-  const [avatarStyle, setAvatarStyle] = (0, import_react28.useState)(parsed.style);
-  const [avatarSeed, setAvatarSeed] = (0, import_react28.useState)(parsed.seed);
-  const [bgColor, setBgColor] = (0, import_react28.useState)(parsed.bg);
-  const [saving, setSaving] = (0, import_react28.useState)(false);
-  const [error, setError] = (0, import_react28.useState)(null);
-  (0, import_react28.useEffect)(() => {
+  const overlayOpacity = (0, import_react31.useRef)(new import_react_native12.Animated.Value(0)).current;
+  const parsed = (0, import_react31.useMemo)(() => parseAvatarUrl(user.avatar), [user.avatar]);
+  const [avatarStyle, setAvatarStyle] = (0, import_react31.useState)(parsed.style);
+  const [avatarSeed, setAvatarSeed] = (0, import_react31.useState)(parsed.seed);
+  const [bgColor, setBgColor] = (0, import_react31.useState)(parsed.bg);
+  const [saving, setSaving] = (0, import_react31.useState)(false);
+  const [error, setError] = (0, import_react31.useState)(null);
+  (0, import_react31.useEffect)(() => {
     const p = parseAvatarUrl(user.avatar);
     setAvatarStyle(p.style);
     setAvatarSeed(p.seed);
     setBgColor(p.bg);
   }, [user.avatar]);
-  (0, import_react28.useEffect)(() => {
+  (0, import_react31.useEffect)(() => {
     import_react_native12.Animated.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  (0, import_react28.useEffect)(() => {
+  (0, import_react31.useEffect)(() => {
     if (visible) setError(null);
   }, [visible]);
   const currentAvatarUrl = getAvatarUrl(avatarStyle, avatarSeed, bgColor);
-  const saveAvatar = (0, import_react28.useCallback)(async (newUrl) => {
+  const saveAvatar = (0, import_react31.useCallback)(async (newUrl) => {
     setSaving(true);
     setError(null);
     try {
@@ -4286,16 +4563,16 @@ function UserProfileSheet({
       setSaving(false);
     }
   }, [client, refreshUser, onAvatarUpdated]);
-  const handleStyleChange = (0, import_react28.useCallback)((style) => {
+  const handleStyleChange = (0, import_react31.useCallback)((style) => {
     setAvatarStyle(style);
     saveAvatar(getAvatarUrl(style, avatarSeed, bgColor));
   }, [avatarSeed, bgColor, saveAvatar]);
-  const handleShuffle = (0, import_react28.useCallback)(() => {
+  const handleShuffle = (0, import_react31.useCallback)(() => {
     const newSeed = generateSeed();
     setAvatarSeed(newSeed);
     saveAvatar(getAvatarUrl(avatarStyle, newSeed, bgColor));
   }, [avatarStyle, bgColor, saveAvatar]);
-  const handleBgChange = (0, import_react28.useCallback)((color) => {
+  const handleBgChange = (0, import_react31.useCallback)((color) => {
     setBgColor(color);
     saveAvatar(getAvatarUrl(avatarStyle, avatarSeed, color));
   }, [avatarStyle, avatarSeed, saveAvatar]);
@@ -4575,7 +4852,7 @@ var styles6 = import_react_native12.StyleSheet.create({
 });
 
 // src/ui/game/GamePoster.tsx
-var import_react29 = require("react");
+var import_react32 = require("react");
 var import_react_native13 = require("react-native");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 function computeCountdown(lockTimestamp) {
@@ -4625,7 +4902,7 @@ function GamePoster({ game, ImageComponent }) {
   ] });
 }
 function TeamLogoInternal({ url, size, Img }) {
-  const [failed, setFailed] = (0, import_react29.useState)(false);
+  const [failed, setFailed] = (0, import_react32.useState)(false);
   if (!url || failed) {
     return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native13.View, { style: [styles7.logoPlaceholder, { width: size, height: size, borderRadius: size / 2 }] });
   }
@@ -4726,7 +5003,7 @@ var styles7 = import_react_native13.StyleSheet.create({
 });
 
 // src/ui/game/LivePoolsCard.tsx
-var import_react30 = require("react");
+var import_react33 = require("react");
 var import_react_native14 = require("react-native");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 function LivePoolsCard({
@@ -4742,7 +5019,7 @@ function LivePoolsCard({
   const homePool = game.homePool || 0;
   const awayPool = game.awayPool || 0;
   const totalPool = game.totalPool || 0;
-  const { homePercent, awayPercent, homeOdds, awayOdds } = (0, import_react30.useMemo)(() => {
+  const { homePercent, awayPercent, homeOdds, awayOdds } = (0, import_react33.useMemo)(() => {
     return {
       homePercent: totalPool > 0 ? homePool / totalPool * 100 : 50,
       awayPercent: totalPool > 0 ? awayPool / totalPool * 100 : 50,
@@ -4805,7 +5082,7 @@ var styles8 = import_react_native14.StyleSheet.create({
 });
 
 // src/ui/game/PickWinnerCard.tsx
-var import_react31 = require("react");
+var import_react34 = require("react");
 var import_react_native15 = require("react-native");
 var import_jsx_runtime12 = require("react/jsx-runtime");
 function PickWinnerCard({
@@ -4823,7 +5100,7 @@ function PickWinnerCard({
   const totalPool = game.totalPool || 0;
   const homePool = game.homePool || 0;
   const awayPool = game.awayPool || 0;
-  const { homeOdds, awayOdds, homeBets, awayBets } = (0, import_react31.useMemo)(() => ({
+  const { homeOdds, awayOdds, homeBets, awayBets } = (0, import_react34.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,
@@ -4876,7 +5153,7 @@ function TeamOption({
   ImageComponent,
   t
 }) {
-  const [imgFailed, setImgFailed] = (0, import_react31.useState)(false);
+  const [imgFailed, setImgFailed] = (0, import_react34.useState)(false);
   const Img = ImageComponent || require("react-native").Image;
   const showImage = imageUrl && !imgFailed;
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
@@ -4917,7 +5194,7 @@ var styles9 = import_react_native15.StyleSheet.create({
 });
 
 // src/ui/game/PlayersCard.tsx
-var import_react32 = require("react");
+var import_react35 = require("react");
 var import_react_native16 = require("react-native");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 function truncateWallet(addr, chars) {
@@ -4966,7 +5243,7 @@ function BettorRow({
   ImageComponent,
   t
 }) {
-  const [imgFailed, setImgFailed] = (0, import_react32.useState)(false);
+  const [imgFailed, setImgFailed] = (0, import_react35.useState)(false);
   const Img = ImageComponent || require("react-native").Image;
   const showAvatar = bettor.avatar && !imgFailed;
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native16.View, { style: [styles10.row, !isFirst && { borderTopColor: t.border, borderTopWidth: 1 }], children: [
@@ -4993,7 +5270,7 @@ var styles10 = import_react_native16.StyleSheet.create({
 });
 
 // src/ui/game/JoinGameButton.tsx
-var import_react33 = require("react");
+var import_react36 = require("react");
 var import_react_native17 = require("react-native");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var STATUS_LABELS = {
@@ -5004,7 +5281,7 @@ var STATUS_LABELS = {
 };
 function JoinGameButton({ game, walletAddress, selectedTeam, status, onJoin }) {
   const t = useDubsTheme();
-  const alreadyJoined = (0, import_react33.useMemo)(() => {
+  const alreadyJoined = (0, import_react36.useMemo)(() => {
     if (!walletAddress) return false;
     return (game.bettors || []).some((b) => b.wallet === walletAddress);
   }, [game.bettors, walletAddress]);
@@ -5045,7 +5322,7 @@ var styles11 = import_react_native17.StyleSheet.create({
 });
 
 // src/ui/game/CreateCustomGameSheet.tsx
-var import_react34 = require("react");
+var import_react37 = require("react");
 var import_react_native18 = require("react-native");
 var import_jsx_runtime15 = require("react/jsx-runtime");
 var STATUS_LABELS2 = {
@@ -5071,18 +5348,18 @@ function CreateCustomGameSheet({
   const t = useDubsTheme();
   const { wallet } = useDubs();
   const mutation = useCreateCustomGame();
-  const [selectedAmount, setSelectedAmount] = (0, import_react34.useState)(null);
-  const [customAmount, setCustomAmount] = (0, import_react34.useState)("");
-  const [isCustom, setIsCustom] = (0, import_react34.useState)(false);
-  const overlayOpacity = (0, import_react34.useRef)(new import_react_native18.Animated.Value(0)).current;
-  (0, import_react34.useEffect)(() => {
+  const [selectedAmount, setSelectedAmount] = (0, import_react37.useState)(null);
+  const [customAmount, setCustomAmount] = (0, import_react37.useState)("");
+  const [isCustom, setIsCustom] = (0, import_react37.useState)(false);
+  const overlayOpacity = (0, import_react37.useRef)(new import_react_native18.Animated.Value(0)).current;
+  (0, import_react37.useEffect)(() => {
     import_react_native18.Animated.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  (0, import_react34.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     if (visible) {
       setSelectedAmount(defaultAmount ?? null);
       setCustomAmount("");
@@ -5090,7 +5367,7 @@ function CreateCustomGameSheet({
       mutation.reset();
     }
   }, [visible]);
-  (0, import_react34.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     if (mutation.status === "success" && mutation.data) {
       onSuccess?.(mutation.data);
       const timer = setTimeout(() => {
@@ -5099,23 +5376,23 @@ function CreateCustomGameSheet({
       return () => clearTimeout(timer);
     }
   }, [mutation.status, mutation.data]);
-  (0, import_react34.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     if (mutation.status === "error" && mutation.error) {
       onError?.(mutation.error);
     }
   }, [mutation.status, mutation.error]);
-  const handlePresetSelect = (0, import_react34.useCallback)((amount) => {
+  const handlePresetSelect = (0, import_react37.useCallback)((amount) => {
     setSelectedAmount(amount);
     setIsCustom(false);
     setCustomAmount("");
     onAmountChange?.(amount);
   }, [onAmountChange]);
-  const handleCustomSelect = (0, import_react34.useCallback)(() => {
+  const handleCustomSelect = (0, import_react37.useCallback)(() => {
     setIsCustom(true);
     setSelectedAmount(null);
     onAmountChange?.(null);
   }, [onAmountChange]);
-  const handleCustomAmountChange = (0, import_react34.useCallback)((text) => {
+  const handleCustomAmountChange = (0, import_react37.useCallback)((text) => {
     const cleaned = text.replace(/[^0-9.]/g, "").replace(/(\..*?)\..*/g, "$1");
     setCustomAmount(cleaned);
     const parsed = parseFloat(cleaned);
@@ -5130,7 +5407,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 = (0, import_react34.useCallback)(async () => {
+  const handleCreate = (0, import_react37.useCallback)(async () => {
     if (!finalAmount || !wallet.publicKey) return;
     try {
       await mutation.execute({
@@ -5399,11 +5676,11 @@ var styles12 = import_react_native18.StyleSheet.create({
 });
 
 // src/ui/game/JoinGameSheet.tsx
-var import_react37 = require("react");
+var import_react40 = require("react");
 var import_react_native21 = require("react-native");
 
 // src/ui/game/SolSlider.tsx
-var import_react35 = require("react");
+var import_react38 = require("react");
 var import_react_native19 = require("react-native");
 var import_jsx_runtime16 = require("react/jsx-runtime");
 var THUMB_SIZE = 32;
@@ -5422,9 +5699,9 @@ function SolSlider({
 }) {
   const t = useDubsTheme();
   const accent = accentColor || t.accent;
-  const trackRef = (0, import_react35.useRef)(null);
-  const trackWidth = (0, import_react35.useRef)(0);
-  const lastTickValue = (0, import_react35.useRef)(value);
+  const trackRef = (0, import_react38.useRef)(null);
+  const trackWidth = (0, import_react38.useRef)(0);
+  const lastTickValue = (0, import_react38.useRef)(value);
   const clamp = (v) => {
     const stepped = Math.round(v / step) * step;
     return Math.max(min, Math.min(max, parseFloat(stepped.toFixed(4))));
@@ -5437,7 +5714,7 @@ function SolSlider({
     const ratio2 = Math.max(0, Math.min(1, x / trackWidth.current));
     return clamp(min + ratio2 * (max - min));
   };
-  const panResponder = (0, import_react35.useRef)(
+  const panResponder = (0, import_react38.useRef)(
     import_react_native19.PanResponder.create({
       onStartShouldSetPanResponder: () => !disabled,
       onMoveShouldSetPanResponder: () => !disabled,
@@ -5592,7 +5869,7 @@ var styles13 = import_react_native19.StyleSheet.create({
 });
 
 // src/ui/game/TeamButton.tsx
-var import_react36 = require("react");
+var import_react39 = require("react");
 var import_react_native20 = require("react-native");
 var import_jsx_runtime17 = require("react/jsx-runtime");
 function TeamButton({
@@ -5606,7 +5883,7 @@ function TeamButton({
   ImageComponent,
   t
 }) {
-  const [imgFailed, setImgFailed] = (0, import_react36.useState)(false);
+  const [imgFailed, setImgFailed] = (0, import_react39.useState)(false);
   const Img = ImageComponent || require("react-native").Image;
   const showImage = imageUrl && !imgFailed;
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
@@ -5710,20 +5987,20 @@ function JoinGameSheet({
   const { wallet } = useDubs();
   const mutation = useJoinGame();
   const isCustomGame = game.gameMode === CUSTOM_GAME_MODE;
-  const [selectedTeam, setSelectedTeam] = (0, import_react37.useState)(null);
-  const [wager, setWager] = (0, import_react37.useState)(game.buyIn);
-  const [showSuccess, setShowSuccess] = (0, import_react37.useState)(false);
-  const overlayOpacity = (0, import_react37.useRef)(new import_react_native21.Animated.Value(0)).current;
-  const successScale = (0, import_react37.useRef)(new import_react_native21.Animated.Value(0)).current;
-  const successOpacity = (0, import_react37.useRef)(new import_react_native21.Animated.Value(0)).current;
-  (0, import_react37.useEffect)(() => {
+  const [selectedTeam, setSelectedTeam] = (0, import_react40.useState)(null);
+  const [wager, setWager] = (0, import_react40.useState)(game.buyIn);
+  const [showSuccess, setShowSuccess] = (0, import_react40.useState)(false);
+  const overlayOpacity = (0, import_react40.useRef)(new import_react_native21.Animated.Value(0)).current;
+  const successScale = (0, import_react40.useRef)(new import_react_native21.Animated.Value(0)).current;
+  const successOpacity = (0, import_react40.useRef)(new import_react_native21.Animated.Value(0)).current;
+  (0, import_react40.useEffect)(() => {
     import_react_native21.Animated.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (visible) {
       setSelectedTeam(isPoolModeEnabled ? "home" : isCustomGame ? "away" : null);
       setWager(game.buyIn);
@@ -5733,7 +6010,7 @@ function JoinGameSheet({
       mutation.reset();
     }
   }, [visible]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (mutation.status === "success" && mutation.data) {
       setShowSuccess(true);
       onSuccess?.(mutation.data);
@@ -5750,7 +6027,7 @@ function JoinGameSheet({
       return () => clearTimeout(timer);
     }
   }, [mutation.status, mutation.data]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (mutation.status === "error" && mutation.error) {
       onError?.(mutation.error);
     }
@@ -5765,7 +6042,7 @@ function JoinGameSheet({
   const drawBettors = bettors.filter((b) => b.team === "draw");
   const hasDrawOption = drawPool > 0 || drawBettors.length > 0 || game.league && ["English Premier League", "EPL", "MLS", "La Liga", "Serie A", "Bundesliga", "Ligue 1"].some((l) => (game.league || "").includes(l));
   const poolAfterJoin = totalPool + wager;
-  const { homeOdds, awayOdds, drawOdds, homeBets, awayBets, drawBets } = (0, import_react37.useMemo)(() => {
+  const { homeOdds, awayOdds, drawOdds, homeBets, awayBets, drawBets } = (0, import_react40.useMemo)(() => {
     const homeBetsCount = bettors.filter((b) => b.team === "home").length;
     const awayBetsCount = bettors.filter((b) => b.team === "away").length;
     const drawBetsCount = bettors.filter((b) => b.team === "draw").length;
@@ -5786,7 +6063,7 @@ function JoinGameSheet({
   const potentialWinnings = selectedOdds !== "\u2014" ? formatSol(parseFloat(selectedOdds) * wager) : "\u2014";
   const homeName = shortName ? shortName(opponents[0]?.name) : opponents[0]?.name || "Home";
   const awayName = shortName ? shortName(opponents[1]?.name) : opponents[1]?.name || "Away";
-  const myBet = (0, import_react37.useMemo)(() => {
+  const myBet = (0, import_react40.useMemo)(() => {
     if (!wallet.publicKey) return null;
     const addr = wallet.publicKey.toBase58();
     return bettors.find((b) => b.wallet === addr) ?? null;
@@ -5794,7 +6071,7 @@ function JoinGameSheet({
   const alreadyJoined = myBet !== null;
   const isMutating = mutation.status !== "idle" && mutation.status !== "success" && mutation.status !== "error";
   const canJoin = selectedTeam !== null && !isMutating && mutation.status !== "success" && !alreadyJoined;
-  const handleJoin = (0, import_react37.useCallback)(async () => {
+  const handleJoin = (0, import_react40.useCallback)(async () => {
     if (!selectedTeam || !wallet.publicKey) return;
     try {
       await mutation.execute({
@@ -5854,13 +6131,15 @@ function JoinGameSheet({
                   ] }) })
                 ] })
               ] }),
-              !isCustomGame && !isPoolModeEnabled && !alreadyJoined && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.View, { style: styles15.section, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Text, { style: [styles15.sectionLabel, { color: t.textSecondary }], children: "Pick Your Side" }),
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.View, { style: styles15.teamsRow, children: [
+              !isCustomGame && !isPoolModeEnabled && !alreadyJoined && (hasDrawOption ? (
+                /* ── 3-way layout: Home / VS / Away / OR / Draw ── */
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.View, { style: styles15.section, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Text, { style: [styles15.sectionLabel, { color: t.textSecondary }], children: "Who will win?" }),
                   /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-                    TeamButton,
+                    PickRow,
                     {
                       name: homeName,
+                      subtitle: "Home Team",
                       imageUrl: opponents[0]?.imageUrl,
                       odds: homeOdds,
                       bets: homeBets,
@@ -5874,10 +6153,16 @@ function JoinGameSheet({
                       t
                     }
                   ),
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.View, { style: styles15.dividerRow, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.View, { style: [styles15.dividerLine, { backgroundColor: t.border }] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Text, { style: [styles15.dividerText, { color: t.textMuted }], children: "VS" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.View, { style: [styles15.dividerLine, { backgroundColor: t.border }] })
+                  ] }),
                   /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-                    TeamButton,
+                    PickRow,
                     {
                       name: awayName,
+                      subtitle: "Away Team",
                       imageUrl: opponents[1]?.imageUrl,
                       odds: awayOdds,
                       bets: awayBets,
@@ -5890,24 +6175,71 @@ function JoinGameSheet({
                       ImageComponent,
                       t
                     }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.View, { style: styles15.dividerRow, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.View, { style: [styles15.dividerLine, { backgroundColor: t.border }] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Text, { style: [styles15.dividerText, { color: t.textMuted }], children: "OR" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.View, { style: [styles15.dividerLine, { backgroundColor: t.border }] })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                    PickRow,
+                    {
+                      name: "Draw",
+                      subtitle: "Match ends in a tie",
+                      odds: drawOdds,
+                      bets: drawBets,
+                      color: drawColor,
+                      selected: selectedTeam === "draw",
+                      onPress: () => {
+                        setSelectedTeam("draw");
+                        onTeamSelect?.("draw");
+                      },
+                      t
+                    }
                   )
-                ] }),
-                hasDrawOption && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.View, { style: styles15.drawRow, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-                  TeamButton,
-                  {
-                    name: "Draw",
-                    odds: drawOdds,
-                    bets: drawBets,
-                    color: drawColor,
-                    selected: selectedTeam === "draw",
-                    onPress: () => {
-                      setSelectedTeam("draw");
-                      onTeamSelect?.("draw");
-                    },
-                    t
-                  }
-                ) })
-              ] }),
+                ] })
+              ) : (
+                /* ── 2-way layout: side by side ── */
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.View, { style: styles15.section, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Text, { style: [styles15.sectionLabel, { color: t.textSecondary }], children: "Pick Your Side" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.View, { style: styles15.teamsRow, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                      TeamButton,
+                      {
+                        name: homeName,
+                        imageUrl: opponents[0]?.imageUrl,
+                        odds: homeOdds,
+                        bets: homeBets,
+                        color: homeColor,
+                        selected: selectedTeam === "home",
+                        onPress: () => {
+                          setSelectedTeam("home");
+                          onTeamSelect?.("home");
+                        },
+                        ImageComponent,
+                        t
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                      TeamButton,
+                      {
+                        name: awayName,
+                        imageUrl: opponents[1]?.imageUrl,
+                        odds: awayOdds,
+                        bets: awayBets,
+                        color: awayColor,
+                        selected: selectedTeam === "away",
+                        onPress: () => {
+                          setSelectedTeam("away");
+                          onTeamSelect?.("away");
+                        },
+                        ImageComponent,
+                        t
+                      }
+                    )
+                  ] })
+                ] })
+              )),
               alreadyJoined && myBet && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.View, { style: [styles15.myBetCard, { backgroundColor: (myBet.team === "home" ? homeColor : myBet.team === "away" ? awayColor : drawColor) + "15", borderColor: myBet.team === "home" ? homeColor : myBet.team === "away" ? awayColor : drawColor }], children: [
                 /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Text, { style: [styles15.myBetLabel, { color: myBet.team === "home" ? homeColor : myBet.team === "away" ? awayColor : drawColor }], children: "YOUR BET" }),
                 /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Text, { style: [styles15.myBetTeam, { color: t.text }], children: myBet.team === "home" ? homeName : myBet.team === "away" ? awayName : "Draw" }),
@@ -5990,6 +6322,100 @@ function JoinGameSheet({
     }
   );
 }
+function PickRow({
+  name,
+  subtitle,
+  imageUrl,
+  odds,
+  bets,
+  color,
+  selected,
+  onPress,
+  ImageComponent,
+  t
+}) {
+  const [imgFailed, setImgFailed] = (0, import_react40.useState)(false);
+  const Img = ImageComponent || require("react-native").Image;
+  const showImage = imageUrl && !imgFailed;
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+    import_react_native21.TouchableOpacity,
+    {
+      style: [pickStyles.row, { borderColor: selected ? color : t.border, backgroundColor: selected ? color + "12" : t.background }],
+      onPress,
+      activeOpacity: 0.7,
+      children: [
+        showImage ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Img, { source: { uri: imageUrl }, style: pickStyles.logo, resizeMode: "contain", onError: () => setImgFailed(true) }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.View, { style: [pickStyles.logoPlaceholder, { backgroundColor: color + "20" }], children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Text, { style: [pickStyles.logoEmoji, { color }], children: name === "Draw" ? "\u{1F91D}" : name.charAt(0) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.View, { style: pickStyles.info, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Text, { style: [pickStyles.name, { color: t.text }], children: name }),
+          subtitle && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Text, { style: [pickStyles.subtitle, { color: t.textMuted }], children: subtitle })
+        ] }),
+        odds !== "\u2014" && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.Text, { style: [pickStyles.odds, { color }], children: [
+          odds,
+          "x"
+        ] }),
+        bets > 0 && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Text, { style: [pickStyles.bets, { color: t.textMuted }], children: bets }),
+        selected && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.View, { style: [pickStyles.check, { backgroundColor: color }], children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Text, { style: pickStyles.checkText, children: "\u2713" }) })
+      ]
+    }
+  );
+}
+var pickStyles = import_react_native21.StyleSheet.create({
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    borderWidth: 1.5,
+    borderRadius: 14,
+    paddingVertical: 12,
+    paddingHorizontal: 14,
+    gap: 12
+  },
+  logo: {
+    width: 36,
+    height: 36,
+    borderRadius: 18
+  },
+  logoPlaceholder: {
+    width: 36,
+    height: 36,
+    borderRadius: 18,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  logoEmoji: {
+    fontSize: 16,
+    fontWeight: "800"
+  },
+  info: {
+    flex: 1
+  },
+  name: {
+    fontSize: 15,
+    fontWeight: "700"
+  },
+  subtitle: {
+    fontSize: 12,
+    marginTop: 1
+  },
+  odds: {
+    fontSize: 16,
+    fontWeight: "800"
+  },
+  bets: {
+    fontSize: 12
+  },
+  check: {
+    width: 22,
+    height: 22,
+    borderRadius: 11,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  checkText: {
+    color: "#FFF",
+    fontSize: 13,
+    fontWeight: "800"
+  }
+});
 var styles15 = import_react_native21.StyleSheet.create({
   overlay: {
     ...import_react_native21.StyleSheet.absoluteFillObject,
@@ -6112,8 +6538,22 @@ var styles15 = import_react_native21.StyleSheet.create({
   drawRow: {
     marginTop: 8
   },
-  summaryCard: {
-    marginTop: 20,
+  dividerRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 12,
+    marginVertical: 6
+  },
+  dividerLine: {
+    flex: 1,
+    height: 1
+  },
+  dividerText: {
+    fontSize: 12,
+    fontWeight: "700"
+  },
+  summaryCard: {
+    marginTop: 20,
     borderRadius: 16,
     borderWidth: 1,
     overflow: "hidden"
@@ -6187,7 +6627,7 @@ var styles15 = import_react_native21.StyleSheet.create({
 });
 
 // src/ui/game/ClaimPrizeSheet.tsx
-var import_react38 = require("react");
+var import_react41 = require("react");
 var import_react_native22 = require("react-native");
 var import_jsx_runtime19 = require("react/jsx-runtime");
 var STATUS_LABELS4 = {
@@ -6208,18 +6648,18 @@ function ClaimPrizeSheet({
   const t = useDubsTheme();
   const { wallet } = useDubs();
   const mutation = useClaim();
-  const overlayOpacity = (0, import_react38.useRef)(new import_react_native22.Animated.Value(0)).current;
-  const celebrationScale = (0, import_react38.useRef)(new import_react_native22.Animated.Value(0)).current;
-  const celebrationOpacity = (0, import_react38.useRef)(new import_react_native22.Animated.Value(0)).current;
-  const [showCelebration, setShowCelebration] = (0, import_react38.useState)(false);
-  (0, import_react38.useEffect)(() => {
+  const overlayOpacity = (0, import_react41.useRef)(new import_react_native22.Animated.Value(0)).current;
+  const celebrationScale = (0, import_react41.useRef)(new import_react_native22.Animated.Value(0)).current;
+  const celebrationOpacity = (0, import_react41.useRef)(new import_react_native22.Animated.Value(0)).current;
+  const [showCelebration, setShowCelebration] = (0, import_react41.useState)(false);
+  (0, import_react41.useEffect)(() => {
     import_react_native22.Animated.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  (0, import_react38.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     if (visible) {
       mutation.reset();
       setShowCelebration(false);
@@ -6227,7 +6667,7 @@ function ClaimPrizeSheet({
       celebrationOpacity.setValue(0);
     }
   }, [visible]);
-  (0, import_react38.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     if (mutation.status === "success" && mutation.data) {
       setShowCelebration(true);
       import_react_native22.Animated.parallel([
@@ -6250,14 +6690,14 @@ function ClaimPrizeSheet({
       return () => clearTimeout(timer);
     }
   }, [mutation.status, mutation.data]);
-  (0, import_react38.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     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 = (0, import_react38.useCallback)(async () => {
+  const handleClaim = (0, import_react41.useCallback)(async () => {
     if (!wallet.publicKey) return;
     try {
       await mutation.execute({
@@ -6490,7 +6930,7 @@ var styles16 = import_react_native22.StyleSheet.create({
 });
 
 // src/ui/game/ClaimButton.tsx
-var import_react39 = require("react");
+var import_react42 = require("react");
 var import_react_native23 = require("react-native");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 function ClaimButton({ gameId, style, onSuccess, onError }) {
@@ -6498,9 +6938,9 @@ function ClaimButton({ gameId, style, onSuccess, onError }) {
   const { wallet } = useDubs();
   const game = useGame(gameId);
   const claimStatus = useHasClaimed(gameId);
-  const [sheetVisible, setSheetVisible] = (0, import_react39.useState)(false);
+  const [sheetVisible, setSheetVisible] = (0, import_react42.useState)(false);
   const walletAddress = wallet.publicKey?.toBase58() ?? null;
-  const myBet = (0, import_react39.useMemo)(() => {
+  const myBet = (0, import_react42.useMemo)(() => {
     if (!walletAddress || !game.data?.bettors) return null;
     return game.data.bettors.find((b) => b.wallet === walletAddress) ?? null;
   }, [walletAddress, game.data?.bettors]);
@@ -6509,7 +6949,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 = (0, import_react39.useCallback)(
+  const handleSuccess = (0, import_react42.useCallback)(
     (result) => {
       claimStatus.refetch();
       onSuccess?.(result);
@@ -6596,7 +7036,7 @@ var styles17 = import_react_native23.StyleSheet.create({
 });
 
 // src/ui/game/EnterArcadePoolSheet.tsx
-var import_react40 = require("react");
+var import_react43 = require("react");
 var import_react_native24 = require("react-native");
 var import_jsx_runtime21 = require("react/jsx-runtime");
 var STATUS_LABELS5 = {
@@ -6617,20 +7057,20 @@ function EnterArcadePoolSheet({
   const t = useDubsTheme();
   const { wallet } = useDubs();
   const mutation = useEnterArcadePool();
-  const overlayOpacity = (0, import_react40.useRef)(new import_react_native24.Animated.Value(0)).current;
-  (0, import_react40.useEffect)(() => {
+  const overlayOpacity = (0, import_react43.useRef)(new import_react_native24.Animated.Value(0)).current;
+  (0, import_react43.useEffect)(() => {
     import_react_native24.Animated.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  (0, import_react40.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     if (visible) {
       mutation.reset();
     }
   }, [visible]);
-  (0, import_react40.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     if (mutation.status === "success" && mutation.data) {
       onSuccess?.(mutation.data);
       const timer = setTimeout(() => {
@@ -6639,7 +7079,7 @@ function EnterArcadePoolSheet({
       return () => clearTimeout(timer);
     }
   }, [mutation.status, mutation.data]);
-  (0, import_react40.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     if (mutation.status === "error" && mutation.error) {
       onError?.(mutation.error);
     }
@@ -6651,7 +7091,7 @@ function EnterArcadePoolSheet({
   const potSol = (pool.buy_in_lamports * Number(totalBuyIns) / 1e9).toFixed(4);
   const isMutating = mutation.status !== "idle" && mutation.status !== "success" && mutation.status !== "error";
   const canJoin = !isMutating && mutation.status !== "success";
-  const handleJoin = (0, import_react40.useCallback)(async () => {
+  const handleJoin = (0, import_react43.useCallback)(async () => {
     if (!wallet.publicKey) return;
     try {
       await mutation.execute(pool.id);
@@ -6802,7 +7242,7 @@ var styles18 = import_react_native24.StyleSheet.create({
 });
 
 // src/ui/game/ArcadeLeaderboardSheet.tsx
-var import_react41 = require("react");
+var import_react44 = require("react");
 var import_react_native25 = require("react-native");
 var import_jsx_runtime22 = require("react/jsx-runtime");
 function RankLabel({ index }) {
@@ -6819,15 +7259,15 @@ function ArcadeLeaderboardSheet({
 }) {
   const t = useDubsTheme();
   const { pool, leaderboard, stats, loading, refetch } = useArcadePool(poolId);
-  const overlayOpacity = (0, import_react41.useRef)(new import_react_native25.Animated.Value(0)).current;
-  (0, import_react41.useEffect)(() => {
+  const overlayOpacity = (0, import_react44.useRef)(new import_react_native25.Animated.Value(0)).current;
+  (0, import_react44.useEffect)(() => {
     import_react_native25.Animated.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  (0, import_react41.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     if (visible) refetch();
   }, [visible]);
   const renderItem = ({ item, index }) => {
@@ -6974,7 +7414,7 @@ var styles19 = import_react_native25.StyleSheet.create({
 });
 
 // src/ui/game/CreateGameSheet.tsx
-var import_react42 = require("react");
+var import_react45 = require("react");
 var import_react_native26 = require("react-native");
 var import_jsx_runtime23 = require("react/jsx-runtime");
 var STATUS_LABELS6 = {
@@ -7003,20 +7443,20 @@ function CreateGameSheet({
   const t = useDubsTheme();
   const { wallet } = useDubs();
   const mutation = useCreateGame();
-  const [selectedTeam, setSelectedTeam] = (0, import_react42.useState)(null);
-  const [wager, setWager] = (0, import_react42.useState)(0.01);
-  const [showSuccess, setShowSuccess] = (0, import_react42.useState)(false);
-  const overlayOpacity = (0, import_react42.useRef)(new import_react_native26.Animated.Value(0)).current;
-  const successScale = (0, import_react42.useRef)(new import_react_native26.Animated.Value(0)).current;
-  const successOpacity = (0, import_react42.useRef)(new import_react_native26.Animated.Value(0)).current;
-  (0, import_react42.useEffect)(() => {
+  const [selectedTeam, setSelectedTeam] = (0, import_react45.useState)(null);
+  const [wager, setWager] = (0, import_react45.useState)(0.01);
+  const [showSuccess, setShowSuccess] = (0, import_react45.useState)(false);
+  const overlayOpacity = (0, import_react45.useRef)(new import_react_native26.Animated.Value(0)).current;
+  const successScale = (0, import_react45.useRef)(new import_react_native26.Animated.Value(0)).current;
+  const successOpacity = (0, import_react45.useRef)(new import_react_native26.Animated.Value(0)).current;
+  (0, import_react45.useEffect)(() => {
     import_react_native26.Animated.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible]);
-  (0, import_react42.useEffect)(() => {
+  (0, import_react45.useEffect)(() => {
     if (visible) {
       setSelectedTeam(null);
       setWager(0.01);
@@ -7026,7 +7466,7 @@ function CreateGameSheet({
       mutation.reset();
     }
   }, [visible]);
-  (0, import_react42.useEffect)(() => {
+  (0, import_react45.useEffect)(() => {
     if (mutation.status === "success" && mutation.data) {
       setShowSuccess(true);
       onSuccess?.(mutation.data);
@@ -7043,7 +7483,7 @@ function CreateGameSheet({
       return () => clearTimeout(timer);
     }
   }, [mutation.status, mutation.data]);
-  (0, import_react42.useEffect)(() => {
+  (0, import_react45.useEffect)(() => {
     if (mutation.status === "error" && mutation.error) {
       onError?.(mutation.error);
     }
@@ -7053,7 +7493,7 @@ function CreateGameSheet({
   const awayName = shortName ? shortName(opponents[1]?.name) : opponents[1]?.name || "Away";
   const isMutating = mutation.status !== "idle" && mutation.status !== "success" && mutation.status !== "error";
   const canCreate = selectedTeam !== null && !isMutating && mutation.status !== "success";
-  const handleCreate = (0, import_react42.useCallback)(async () => {
+  const handleCreate = (0, import_react45.useCallback)(async () => {
     if (!selectedTeam || !wallet.publicKey) return;
     try {
       await mutation.execute({
@@ -7199,10 +7639,1483 @@ var styles20 = import_react_native26.StyleSheet.create({
   successTitle: { color: "#FFFFFF", fontSize: 28, fontWeight: "900" },
   successSub: { color: "#8E8E93", fontSize: 16 }
 });
+
+// src/ui/jackpot/JackpotCard.tsx
+var import_react46 = require("react");
+var import_react_native27 = require("react-native");
+var import_jsx_runtime24 = require("react/jsx-runtime");
+function formatSOL(lamports) {
+  const val = typeof lamports === "string" ? parseInt(lamports, 10) : lamports;
+  if (isNaN(val) || val === 0) return "0";
+  const sol = val / 1e9;
+  if (sol >= 100) return sol.toFixed(0);
+  if (sol >= 1) return sol.toFixed(2);
+  if (sol >= 0.01) return sol.toFixed(3);
+  return sol.toFixed(4);
+}
+function truncateWallet2(addr) {
+  if (!addr || addr.length < 8) return addr || "";
+  return `${addr.slice(0, 4)}...${addr.slice(-4)}`;
+}
+function JackpotCard({ round, lastWinner, entries, onPress, style }) {
+  const shimmerAnim = (0, import_react46.useRef)(new import_react_native27.Animated.Value(-1)).current;
+  const pulseAnim = (0, import_react46.useRef)(new import_react_native27.Animated.Value(0.4)).current;
+  (0, import_react46.useEffect)(() => {
+    const shimmer = import_react_native27.Animated.loop(
+      import_react_native27.Animated.sequence([
+        import_react_native27.Animated.timing(shimmerAnim, { toValue: 1, duration: 4e3, useNativeDriver: true }),
+        import_react_native27.Animated.delay(500),
+        import_react_native27.Animated.timing(shimmerAnim, { toValue: -1, duration: 0, useNativeDriver: true })
+      ])
+    );
+    shimmer.start();
+    const pulse = import_react_native27.Animated.loop(
+      import_react_native27.Animated.sequence([
+        import_react_native27.Animated.timing(pulseAnim, { toValue: 1, duration: 1e3, useNativeDriver: true }),
+        import_react_native27.Animated.timing(pulseAnim, { toValue: 0.4, duration: 1e3, useNativeDriver: true })
+      ])
+    );
+    pulse.start();
+    return () => {
+      shimmer.stop();
+      pulse.stop();
+    };
+  }, [shimmerAnim, pulseAnim]);
+  const potSol = round ? formatSOL(round.totalPotLamports) : "0";
+  const isOpen = round?.status === "Open";
+  const entryCount = round?.entryCount ?? 0;
+  const totalWeight = round ? Number(BigInt(round.totalWeight || "0")) : 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+    import_react_native27.TouchableOpacity,
+    {
+      activeOpacity: 0.9,
+      onPress,
+      style: [styles21.card, style],
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native27.View, { style: styles21.gradientBg }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          import_react_native27.Animated.View,
+          {
+            style: [
+              styles21.shimmer,
+              {
+                transform: [{
+                  translateX: shimmerAnim.interpolate({
+                    inputRange: [-1, 1],
+                    outputRange: [-400, 400]
+                  })
+                }]
+              }
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native27.View, { style: styles21.accentBar }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_native27.View, { style: styles21.content, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_native27.View, { style: styles21.statusRow, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_native27.View, { style: [styles21.statusBadge, isOpen ? styles21.statusOpen : styles21.statusClosed], children: [
+              isOpen && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native27.Animated.View, { style: [styles21.statusDot, { opacity: pulseAnim }] }),
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native27.Text, { style: [styles21.statusText, { color: isOpen ? "#22c55e" : "#9ca3af" }], children: isOpen ? "Open" : round?.status ?? "Loading" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_native27.Text, { style: styles21.entryCountText, children: [
+              entryCount,
+              " player",
+              entryCount !== 1 ? "s" : ""
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_native27.View, { style: styles21.heroSection, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_native27.View, { style: styles21.potInfo, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native27.Text, { style: styles21.jackpotLabel, children: "JACKPOT" }),
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_native27.Text, { style: styles21.potValue, children: [
+                potSol,
+                " SOL"
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native27.Text, { style: styles21.potEmoji, children: "\u{1F911}" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_native27.View, { style: styles21.infoGrid, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_native27.View, { style: styles21.infoCard, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native27.Text, { style: styles21.infoLabel, children: "PLAYERS" }),
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native27.Text, { style: styles21.infoValue, children: entryCount })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_native27.View, { style: styles21.infoCard, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native27.Text, { style: styles21.infoLabel, children: "TOTAL POT" }),
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native27.Text, { style: [styles21.infoValue, { color: "#4ade80" }], children: potSol })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_native27.View, { style: styles21.infoCard, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native27.Text, { style: styles21.infoLabel, children: "LAST WIN" }),
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native27.Text, { style: [styles21.infoValue, { color: "#22c55e" }], children: lastWinner ? formatSOL(lastWinner.winAmount) : "\u2014" })
+            ] })
+          ] }),
+          entries && entries.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_native27.View, { style: styles21.playersSection, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_native27.View, { style: styles21.playersSectionHeader, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native27.Text, { style: styles21.playersSectionTitle, children: "Players in Round" }),
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native27.View, { style: styles21.activeCountBadge, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native27.Text, { style: styles21.activeCountText, children: entries.length }) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_native27.View, { style: styles21.playersCarousel, children: [
+              entries.slice(0, 8).map((entry, i) => {
+                const odds = entry.oddsPercent;
+                return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_native27.View, { style: styles21.playerCard, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native27.View, { style: styles21.playerAvatar, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native27.Text, { style: styles21.playerAvatarText, children: entry.player.slice(0, 2).toUpperCase() }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native27.Text, { style: styles21.playerWallet, numberOfLines: 1, children: truncateWallet2(entry.player) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_native27.Text, { style: styles21.playerWager, children: [
+                    entry.weightSol.toFixed(2),
+                    " SOL"
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_native27.Text, { style: styles21.playerOdds, children: [
+                    odds,
+                    "%"
+                  ] })
+                ] }, `${entry.player}-${i}`);
+              }),
+              entries.length > 8 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native27.View, { style: styles21.playerCardMore, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_native27.Text, { style: styles21.playerMoreText, children: [
+                "+",
+                entries.length - 8
+              ] }) })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            import_react_native27.TouchableOpacity,
+            {
+              style: styles21.placeBetButton,
+              activeOpacity: 0.85,
+              onPress,
+              children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native27.Text, { style: styles21.placeBetText, children: "Place Bet" })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+var styles21 = import_react_native27.StyleSheet.create({
+  card: {
+    borderRadius: 16,
+    borderWidth: 1,
+    borderColor: "rgba(34, 197, 94, 0.2)",
+    backgroundColor: "#0c0c14",
+    overflow: "hidden",
+    position: "relative"
+  },
+  gradientBg: {
+    ...import_react_native27.StyleSheet.absoluteFillObject,
+    backgroundColor: "rgba(34, 197, 94, 0.04)"
+  },
+  shimmer: {
+    position: "absolute",
+    top: 0,
+    bottom: 0,
+    width: 120,
+    backgroundColor: "rgba(34, 197, 94, 0.08)"
+  },
+  accentBar: {
+    position: "absolute",
+    bottom: 0,
+    left: 0,
+    right: "40%",
+    height: 2,
+    backgroundColor: "#22c55e"
+  },
+  content: {
+    padding: 16,
+    gap: 12
+  },
+  // Status row
+  statusRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8
+  },
+  statusBadge: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6,
+    paddingHorizontal: 10,
+    paddingVertical: 4,
+    borderRadius: 100
+  },
+  statusOpen: {
+    backgroundColor: "rgba(34, 197, 94, 0.15)"
+  },
+  statusClosed: {
+    backgroundColor: "rgba(156, 163, 175, 0.15)"
+  },
+  statusDot: {
+    width: 6,
+    height: 6,
+    borderRadius: 3,
+    backgroundColor: "#22c55e"
+  },
+  statusText: {
+    fontSize: 12,
+    fontWeight: "700"
+  },
+  entryCountText: {
+    fontSize: 12,
+    color: "#6b6b6b",
+    fontWeight: "500"
+  },
+  // Hero pot
+  heroSection: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between"
+  },
+  potInfo: {
+    flex: 1
+  },
+  jackpotLabel: {
+    fontSize: 10,
+    fontWeight: "600",
+    color: "#6b6b6b",
+    letterSpacing: 3,
+    textTransform: "uppercase",
+    marginBottom: 4
+  },
+  potValue: {
+    fontSize: 36,
+    fontWeight: "900",
+    color: "#4ade80",
+    letterSpacing: -1
+  },
+  potEmoji: {
+    fontSize: 40,
+    opacity: 0.2
+  },
+  // Info grid
+  infoGrid: {
+    flexDirection: "row",
+    gap: 8
+  },
+  infoCard: {
+    flex: 1,
+    borderRadius: 12,
+    borderWidth: 1,
+    borderColor: "#1e1e2a",
+    backgroundColor: "#0c0c14",
+    padding: 12
+  },
+  infoLabel: {
+    fontSize: 9,
+    fontWeight: "600",
+    color: "#6b6b6b",
+    letterSpacing: 2,
+    textTransform: "uppercase",
+    marginBottom: 4
+  },
+  infoValue: {
+    fontSize: 18,
+    fontWeight: "700",
+    color: "#FFFFFF"
+  },
+  // Players section
+  playersSection: {
+    borderRadius: 12,
+    borderWidth: 1,
+    borderColor: "#1e1e2a",
+    backgroundColor: "rgba(139, 92, 246, 0.04)",
+    padding: 12,
+    overflow: "hidden"
+  },
+  playersSectionHeader: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    marginBottom: 10
+  },
+  playersSectionTitle: {
+    fontSize: 13,
+    fontWeight: "600",
+    color: "#a0a0a0"
+  },
+  activeCountBadge: {
+    backgroundColor: "rgba(34, 197, 94, 0.15)",
+    paddingHorizontal: 8,
+    paddingVertical: 2,
+    borderRadius: 100
+  },
+  activeCountText: {
+    fontSize: 11,
+    fontWeight: "700",
+    color: "#22c55e"
+  },
+  playersCarousel: {
+    flexDirection: "row",
+    gap: 10
+  },
+  playerCard: {
+    width: 96,
+    borderRadius: 12,
+    borderWidth: 1.5,
+    borderColor: "rgba(139, 92, 246, 0.4)",
+    backgroundColor: "rgba(139, 92, 246, 0.08)",
+    padding: 10,
+    alignItems: "center",
+    gap: 4
+  },
+  playerAvatar: {
+    width: 40,
+    height: 40,
+    borderRadius: 20,
+    borderWidth: 1.5,
+    borderColor: "#8b5cf6",
+    backgroundColor: "rgba(139, 92, 246, 0.2)",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  playerAvatarText: {
+    fontSize: 14,
+    fontWeight: "700",
+    color: "#a78bfa"
+  },
+  playerWallet: {
+    fontSize: 10,
+    fontWeight: "500",
+    color: "#a0a0a0",
+    width: "100%",
+    textAlign: "center"
+  },
+  playerWager: {
+    fontSize: 12,
+    fontWeight: "600",
+    color: "#a78bfa"
+  },
+  playerOdds: {
+    fontSize: 10,
+    fontWeight: "700",
+    color: "#22c55e"
+  },
+  playerCardMore: {
+    width: 96,
+    borderRadius: 12,
+    borderWidth: 1.5,
+    borderColor: "#1e1e2a",
+    backgroundColor: "#14141e",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  playerMoreText: {
+    fontSize: 16,
+    fontWeight: "700",
+    color: "#6b6b6b"
+  },
+  // Place bet CTA
+  placeBetButton: {
+    height: 52,
+    borderRadius: 12,
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: "#22c55e",
+    shadowColor: "#22c55e",
+    shadowOffset: { width: 0, height: 4 },
+    shadowOpacity: 0.25,
+    shadowRadius: 12,
+    elevation: 6
+  },
+  placeBetText: {
+    color: "#FFFFFF",
+    fontSize: 16,
+    fontWeight: "700"
+  }
+});
+
+// src/ui/jackpot/JackpotSheet.tsx
+var import_react47 = require("react");
+var import_react_native28 = require("react-native");
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var STATUS_LABELS7 = {
+  building: "Building transaction...",
+  signing: "Approve in wallet...",
+  confirming: "Confirming entry...",
+  success: "You're in! \u{1F3C6}"
+};
+var QUICK_AMOUNTS = [0.1, 0.5, 1];
+function formatSOL2(lamports) {
+  const val = typeof lamports === "string" ? parseInt(lamports, 10) : lamports;
+  if (isNaN(val) || val === 0) return "0";
+  const sol = val / 1e9;
+  if (sol >= 100) return sol.toFixed(0);
+  if (sol >= 1) return sol.toFixed(2);
+  if (sol >= 0.01) return sol.toFixed(3);
+  return sol.toFixed(4);
+}
+function truncateWallet3(addr) {
+  if (!addr || addr.length < 8) return addr || "";
+  return `${addr.slice(0, 4)}...${addr.slice(-4)}`;
+}
+function JackpotSheet({
+  visible,
+  onDismiss,
+  onSuccess,
+  onError,
+  minEntry = 0.01,
+  maxEntry = 10
+}) {
+  const t = useDubsTheme();
+  const { wallet, client } = useDubs();
+  const { round, lastWinner, refetch } = useJackpot();
+  const mutation = useEnterJackpot();
+  const [betAmount, setBetAmount] = (0, import_react47.useState)("0.1");
+  const [entries, setEntries] = (0, import_react47.useState)([]);
+  const overlayOpacity = (0, import_react47.useRef)(new import_react_native28.Animated.Value(0)).current;
+  (0, import_react47.useEffect)(() => {
+    import_react_native28.Animated.timing(overlayOpacity, {
+      toValue: visible ? 1 : 0,
+      duration: 250,
+      useNativeDriver: true
+    }).start();
+  }, [visible, overlayOpacity]);
+  (0, import_react47.useEffect)(() => {
+    if (visible) {
+      mutation.reset();
+      setBetAmount("0.1");
+      refetch();
+      client.getJackpotEntries().then((res) => setEntries(res.entries)).catch(() => {
+      });
+    }
+  }, [visible]);
+  (0, import_react47.useEffect)(() => {
+    if (mutation.status === "success" && mutation.data) {
+      onSuccess?.(mutation.data);
+      refetch();
+      client.getJackpotEntries().then((res) => setEntries(res.entries)).catch(() => {
+      });
+      const timer = setTimeout(() => onDismiss(), 2500);
+      return () => clearTimeout(timer);
+    }
+  }, [mutation.status, mutation.data]);
+  (0, import_react47.useEffect)(() => {
+    if (mutation.status === "error" && mutation.error) {
+      onError?.(mutation.error);
+    }
+  }, [mutation.status, mutation.error]);
+  const potSol = round ? Number(BigInt(round.totalPotLamports || "0")) / 1e9 : 0;
+  const totalWeight = round ? Number(BigInt(round.totalWeight || "0")) : 0;
+  const betSol = parseFloat(betAmount) || 0;
+  const entryLamports = Math.round(betSol * 1e9);
+  const userOdds = totalWeight > 0 ? (entryLamports / (totalWeight + entryLamports) * 100).toFixed(1) : entries.length === 0 ? "100.0" : "0.0";
+  const isMutating = mutation.status !== "idle" && mutation.status !== "success" && mutation.status !== "error";
+  const canEnter = !isMutating && mutation.status !== "success" && round?.status === "Open" && betSol >= minEntry;
+  const handleQuickAdd = (0, import_react47.useCallback)((amount) => {
+    setBetAmount((prev) => {
+      const current = parseFloat(prev) || 0;
+      const next = Math.min(current + amount, maxEntry);
+      return next.toFixed(2);
+    });
+  }, [maxEntry]);
+  const handleEnter = (0, import_react47.useCallback)(async () => {
+    if (!wallet.publicKey || entryLamports < 1e4) return;
+    try {
+      await mutation.execute(entryLamports);
+    } catch {
+    }
+  }, [wallet.publicKey, mutation.execute, entryLamports]);
+  const statusLabel = STATUS_LABELS7[mutation.status] || "";
+  const renderPlayerCard = ({ item, index }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native28.View, { style: styles22.playerCard, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native28.View, { style: styles22.playerAvatar, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native28.Text, { style: styles22.playerAvatarText, children: item.player.slice(0, 2).toUpperCase() }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native28.Text, { style: styles22.playerUsername, numberOfLines: 1, children: [
+      "@",
+      truncateWallet3(item.player)
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native28.View, { style: styles22.playerWagerRow, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native28.Text, { style: styles22.playerWagerAmount, children: [
+      item.weightSol.toFixed(2),
+      " SOL"
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native28.Text, { style: styles22.playerOdds, children: [
+      item.oddsPercent,
+      "%"
+    ] })
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+    import_react_native28.Modal,
+    {
+      visible,
+      animationType: "slide",
+      transparent: true,
+      onRequestClose: onDismiss,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native28.Animated.View, { style: [styles22.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native28.TouchableOpacity, { style: styles22.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native28.View, { style: styles22.sheetPositioner, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native28.View, { style: styles22.sheet, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native28.View, { style: styles22.handleRow, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native28.View, { style: styles22.handle }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+            import_react_native28.ScrollView,
+            {
+              style: styles22.scrollView,
+              contentContainerStyle: styles22.scrollContent,
+              showsVerticalScrollIndicator: false,
+              bounces: true,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native28.View, { style: styles22.header, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native28.Text, { style: styles22.headerTitle, children: "Jackpot" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native28.TouchableOpacity, { onPress: onDismiss, activeOpacity: 0.8, style: styles22.closeBtn, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native28.Text, { style: styles22.closeBtnText, children: "\u2715" }) })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native28.View, { style: styles22.heroCard, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native28.View, { style: styles22.heroGradient }),
+                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native28.Text, { style: styles22.heroLabel, children: "JACKPOT" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native28.View, { style: styles22.heroPotRow, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native28.Text, { style: styles22.heroPotValue, children: [
+                      potSol.toFixed(4),
+                      " SOL"
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native28.Text, { style: styles22.heroEmoji, children: "\u{1F911}" })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native28.View, { style: styles22.heroAccentBar })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native28.View, { style: styles22.infoRow, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native28.View, { style: styles22.infoCard, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native28.Text, { style: styles22.infoCardLabel, children: "YOUR WAGER" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native28.Text, { style: styles22.infoCardValue, children: betSol.toFixed(2) })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native28.View, { style: styles22.infoCard, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native28.Text, { style: styles22.infoCardLabel, children: "YOUR CHANCE" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native28.Text, { style: [styles22.infoCardValue, { color: "#22c55e" }], children: [
+                      userOdds,
+                      "%"
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native28.View, { style: styles22.infoCard, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native28.Text, { style: styles22.infoCardLabel, children: "PLAYERS" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native28.Text, { style: styles22.infoCardValue, children: entries.length })
+                  ] })
+                ] }),
+                entries.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native28.View, { style: styles22.playersSection, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native28.View, { style: styles22.playersSectionHeader, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native28.Text, { style: styles22.playersSectionTitle, children: "Players in Round" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native28.View, { style: styles22.playersBadge, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native28.View, { style: styles22.playersBadgeDot }),
+                      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native28.Text, { style: styles22.playersBadgeText, children: [
+                        entries.length,
+                        " active"
+                      ] })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                    import_react_native28.FlatList,
+                    {
+                      data: entries,
+                      renderItem: renderPlayerCard,
+                      keyExtractor: (item, i) => `${item.player}-${i}`,
+                      horizontal: true,
+                      showsHorizontalScrollIndicator: false,
+                      contentContainerStyle: styles22.playersListContent,
+                      ItemSeparatorComponent: () => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native28.View, { style: { width: 10 } })
+                    }
+                  )
+                ] }),
+                entries.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native28.View, { style: styles22.emptyState, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native28.Text, { style: styles22.emptyEmoji, children: "\u{1F911}" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native28.Text, { style: styles22.emptyTitle, children: "No players yet" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native28.Text, { style: styles22.emptySubtitle, children: "Be the first to join!" })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native28.View, { style: styles22.betSection, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native28.Text, { style: styles22.betLabel, children: "Bet Amount" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native28.View, { style: styles22.betInputRow, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native28.View, { style: styles22.solIcon, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native28.Text, { style: styles22.solIconText, children: "\u25CE" }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                      import_react_native28.TextInput,
+                      {
+                        style: styles22.betInput,
+                        value: betAmount,
+                        onChangeText: setBetAmount,
+                        keyboardType: "decimal-pad",
+                        placeholder: "0.00",
+                        placeholderTextColor: "#6b6b6b",
+                        selectTextOnFocus: true
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native28.Text, { style: styles22.betInputSuffix, children: "SOL" })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native28.View, { style: styles22.quickBetRow, children: QUICK_AMOUNTS.map((amount) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                    import_react_native28.TouchableOpacity,
+                    {
+                      style: styles22.quickBetBtn,
+                      onPress: () => handleQuickAdd(amount),
+                      activeOpacity: 0.7,
+                      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native28.Text, { style: styles22.quickBetText, children: [
+                        "+",
+                        amount,
+                        " SOL"
+                      ] })
+                    },
+                    amount
+                  )) })
+                ] }),
+                mutation.error && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native28.View, { style: styles22.errorBox, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native28.Text, { style: styles22.errorText, children: mutation.error.message }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                  import_react_native28.TouchableOpacity,
+                  {
+                    style: [
+                      styles22.placeBetBtn,
+                      !canEnter && styles22.placeBetBtnDisabled,
+                      mutation.status === "success" && styles22.placeBetBtnSuccess
+                    ],
+                    disabled: !canEnter,
+                    onPress: handleEnter,
+                    activeOpacity: 0.85,
+                    children: isMutating ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native28.View, { style: styles22.placeBetLoading, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native28.ActivityIndicator, { size: "small", color: "#FFFFFF" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native28.Text, { style: styles22.placeBetText, children: statusLabel })
+                    ] }) : mutation.status === "success" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native28.Text, { style: styles22.placeBetText, children: "You're in! \u{1F3C6}" }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native28.Text, { style: [styles22.placeBetText, !canEnter && { opacity: 0.5 }], children: [
+                      "Place Bet \u2014 ",
+                      betSol.toFixed(2),
+                      " SOL"
+                    ] })
+                  }
+                ),
+                lastWinner && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native28.View, { style: styles22.lastWinnerSection, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native28.Text, { style: styles22.lastWinnerLabel, children: "Last Winner" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native28.View, { style: styles22.lastWinnerRow, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native28.Text, { style: styles22.lastWinnerWallet, children: truncateWallet3(lastWinner.winner) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native28.Text, { style: styles22.lastWinnerAmount, children: [
+                      "won ",
+                      formatSOL2(lastWinner.winAmount),
+                      " SOL"
+                    ] })
+                  ] })
+                ] })
+              ]
+            }
+          )
+        ] }) })
+      ]
+    }
+  );
+}
+var styles22 = import_react_native28.StyleSheet.create({
+  overlay: {
+    ...import_react_native28.StyleSheet.absoluteFillObject,
+    backgroundColor: "rgba(0,0,0,0.65)"
+  },
+  overlayTap: { flex: 1 },
+  sheetPositioner: {
+    flex: 1,
+    justifyContent: "flex-end"
+  },
+  sheet: {
+    backgroundColor: "#08080e",
+    borderTopLeftRadius: 24,
+    borderTopRightRadius: 24,
+    maxHeight: "92%",
+    borderWidth: 1,
+    borderColor: "#1e1e2a",
+    borderBottomWidth: 0
+  },
+  handleRow: { alignItems: "center", paddingTop: 10, paddingBottom: 4 },
+  handle: { width: 36, height: 4, borderRadius: 2, backgroundColor: "#2a2a3a" },
+  scrollView: { flexGrow: 0 },
+  scrollContent: {
+    paddingHorizontal: 16,
+    paddingBottom: import_react_native28.Platform.OS === "ios" ? 40 : 24
+  },
+  // Header
+  header: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingVertical: 12
+  },
+  headerTitle: { fontSize: 20, fontWeight: "700", color: "#FFFFFF" },
+  closeBtn: { padding: 4 },
+  closeBtnText: { fontSize: 20, color: "#6b6b6b" },
+  // Hero pot card
+  heroCard: {
+    borderRadius: 16,
+    borderWidth: 1,
+    borderColor: "rgba(34, 197, 94, 0.2)",
+    padding: 16,
+    overflow: "hidden",
+    position: "relative"
+  },
+  heroGradient: {
+    ...import_react_native28.StyleSheet.absoluteFillObject,
+    backgroundColor: "rgba(34, 197, 94, 0.04)"
+  },
+  heroLabel: {
+    fontSize: 10,
+    fontWeight: "600",
+    color: "#6b6b6b",
+    letterSpacing: 3,
+    marginBottom: 4
+  },
+  heroPotRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between"
+  },
+  heroPotValue: {
+    fontSize: 32,
+    fontWeight: "900",
+    color: "#4ade80",
+    letterSpacing: -1
+  },
+  heroEmoji: {
+    fontSize: 36,
+    opacity: 0.2
+  },
+  heroAccentBar: {
+    position: "absolute",
+    bottom: 0,
+    left: 0,
+    width: "60%",
+    height: 2,
+    backgroundColor: "#22c55e"
+  },
+  // Info row
+  infoRow: {
+    flexDirection: "row",
+    gap: 8,
+    marginTop: 12
+  },
+  infoCard: {
+    flex: 1,
+    borderRadius: 12,
+    borderWidth: 1,
+    borderColor: "#1e1e2a",
+    backgroundColor: "#0c0c14",
+    padding: 12
+  },
+  infoCardLabel: {
+    fontSize: 9,
+    fontWeight: "600",
+    color: "#6b6b6b",
+    letterSpacing: 2,
+    marginBottom: 4
+  },
+  infoCardValue: {
+    fontSize: 18,
+    fontWeight: "700",
+    color: "#FFFFFF"
+  },
+  // Players section
+  playersSection: {
+    marginTop: 16,
+    borderRadius: 16,
+    borderWidth: 1,
+    borderColor: "#1e1e2a",
+    backgroundColor: "rgba(139, 92, 246, 0.03)",
+    padding: 12,
+    overflow: "hidden"
+  },
+  playersSectionHeader: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    marginBottom: 12
+  },
+  playersSectionTitle: {
+    fontSize: 13,
+    fontWeight: "600",
+    color: "#a0a0a0"
+  },
+  playersBadge: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6,
+    backgroundColor: "rgba(34, 197, 94, 0.15)",
+    paddingHorizontal: 8,
+    paddingVertical: 3,
+    borderRadius: 100
+  },
+  playersBadgeDot: {
+    width: 6,
+    height: 6,
+    borderRadius: 3,
+    backgroundColor: "#22c55e"
+  },
+  playersBadgeText: {
+    fontSize: 11,
+    fontWeight: "700",
+    color: "#22c55e"
+  },
+  playersListContent: {
+    paddingRight: 4
+  },
+  // Player cards (carousel items)
+  playerCard: {
+    width: 110,
+    borderRadius: 12,
+    borderWidth: 1.5,
+    borderColor: "rgba(139, 92, 246, 0.4)",
+    backgroundColor: "rgba(139, 92, 246, 0.08)",
+    padding: 12,
+    alignItems: "center",
+    gap: 6
+  },
+  playerAvatar: {
+    width: 48,
+    height: 48,
+    borderRadius: 24,
+    borderWidth: 2,
+    borderColor: "#8b5cf6",
+    backgroundColor: "rgba(139, 92, 246, 0.15)",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  playerAvatarText: {
+    fontSize: 16,
+    fontWeight: "700",
+    color: "#a78bfa"
+  },
+  playerUsername: {
+    fontSize: 11,
+    fontWeight: "500",
+    color: "#a0a0a0",
+    textAlign: "center"
+  },
+  playerWagerRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 4
+  },
+  playerWagerAmount: {
+    fontSize: 13,
+    fontWeight: "600",
+    color: "#a78bfa"
+  },
+  playerOdds: {
+    fontSize: 11,
+    fontWeight: "700",
+    color: "#22c55e"
+  },
+  // Empty state
+  emptyState: {
+    marginTop: 16,
+    alignItems: "center",
+    paddingVertical: 24,
+    borderRadius: 16,
+    borderWidth: 1,
+    borderColor: "#1e1e2a",
+    backgroundColor: "#0c0c14"
+  },
+  emptyEmoji: { fontSize: 40, marginBottom: 8 },
+  emptyTitle: { fontSize: 16, fontWeight: "600", color: "#FFFFFF" },
+  emptySubtitle: { fontSize: 13, color: "#6b6b6b", marginTop: 4 },
+  // Bet section
+  betSection: {
+    marginTop: 16
+  },
+  betLabel: {
+    fontSize: 13,
+    fontWeight: "500",
+    color: "#6b6b6b",
+    marginBottom: 8
+  },
+  betInputRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    backgroundColor: "#08080e",
+    borderWidth: 1,
+    borderColor: "#2a2a3a",
+    borderRadius: 12,
+    paddingHorizontal: 14,
+    paddingVertical: import_react_native28.Platform.OS === "ios" ? 14 : 10
+  },
+  solIcon: {
+    width: 32,
+    height: 32,
+    borderRadius: 16,
+    backgroundColor: "rgba(139, 92, 246, 0.15)",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  solIconText: {
+    fontSize: 18,
+    color: "#a78bfa",
+    fontWeight: "700"
+  },
+  betInput: {
+    flex: 1,
+    fontSize: 24,
+    fontWeight: "700",
+    color: "#FFFFFF",
+    padding: 0
+  },
+  betInputSuffix: {
+    fontSize: 14,
+    fontWeight: "500",
+    color: "#6b6b6b"
+  },
+  quickBetRow: {
+    flexDirection: "row",
+    gap: 8,
+    marginTop: 10
+  },
+  quickBetBtn: {
+    flex: 1,
+    paddingVertical: 12,
+    borderRadius: 10,
+    borderWidth: 1,
+    borderColor: "#2a2a3a",
+    backgroundColor: "#08080e",
+    alignItems: "center"
+  },
+  quickBetText: {
+    fontSize: 13,
+    fontWeight: "600",
+    color: "#FFFFFF"
+  },
+  // Error
+  errorBox: {
+    marginTop: 12,
+    borderRadius: 12,
+    borderWidth: 1,
+    borderColor: "#3A1515",
+    backgroundColor: "#1A0A0A",
+    padding: 12
+  },
+  errorText: { fontSize: 13, fontWeight: "500", color: "#F87171" },
+  // Place Bet CTA
+  placeBetBtn: {
+    marginTop: 16,
+    height: 56,
+    borderRadius: 14,
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: "#22c55e",
+    shadowColor: "#22c55e",
+    shadowOffset: { width: 0, height: 4 },
+    shadowOpacity: 0.25,
+    shadowRadius: 12,
+    elevation: 6
+  },
+  placeBetBtnDisabled: {
+    backgroundColor: "#1e1e2a",
+    shadowOpacity: 0,
+    elevation: 0
+  },
+  placeBetBtnSuccess: {
+    backgroundColor: "#16a34a"
+  },
+  placeBetText: { color: "#FFFFFF", fontSize: 16, fontWeight: "700" },
+  placeBetLoading: { flexDirection: "row", alignItems: "center", gap: 10 },
+  // Last winner
+  lastWinnerSection: {
+    marginTop: 14,
+    paddingTop: 14,
+    borderTopWidth: 1,
+    borderTopColor: "#1e1e2a"
+  },
+  lastWinnerLabel: {
+    fontSize: 11,
+    fontWeight: "600",
+    color: "#6b6b6b",
+    letterSpacing: 1,
+    textTransform: "uppercase",
+    marginBottom: 4
+  },
+  lastWinnerRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6
+  },
+  lastWinnerWallet: {
+    fontSize: 13,
+    fontWeight: "500",
+    color: "#a0a0a0"
+  },
+  lastWinnerAmount: {
+    fontSize: 13,
+    fontWeight: "600",
+    color: "#22c55e"
+  }
+});
+
+// src/ui/jackpot/JackpotWidget.tsx
+var import_react48 = require("react");
+var import_jsx_runtime26 = require("react/jsx-runtime");
+function JackpotWidget({
+  style,
+  minEntry,
+  maxEntry,
+  onEntry,
+  onError
+}) {
+  const [sheetVisible, setSheetVisible] = (0, import_react48.useState)(false);
+  const { round, lastWinner } = useJackpot();
+  const { client } = useDubs();
+  const [entries, setEntries] = (0, import_react48.useState)([]);
+  (0, import_react48.useEffect)(() => {
+    client.getJackpotEntries().then((res) => setEntries(res.entries)).catch(() => {
+    });
+  }, [client, round?.entryCount]);
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      JackpotCard,
+      {
+        round,
+        lastWinner,
+        entries,
+        onPress: () => setSheetVisible(true),
+        style
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      JackpotSheet,
+      {
+        visible: sheetVisible,
+        onDismiss: () => setSheetVisible(false),
+        onSuccess: (result) => {
+          onEntry?.(result);
+          client.getJackpotEntries().then((res) => setEntries(res.entries)).catch(() => {
+          });
+        },
+        onError,
+        minEntry,
+        maxEntry
+      }
+    )
+  ] });
+}
+
+// src/chat/provider.tsx
+var import_react49 = require("react");
+var import_react_native29 = require("react-native");
+
+// src/chat/socket.ts
+var import_socket = require("socket.io-client");
+var ChatSocket = class {
+  constructor() {
+    this.socket = null;
+    this.listeners = {};
+  }
+  /** Set event listeners. Call before or after connect. */
+  setListeners(listeners) {
+    this.listeners = listeners;
+  }
+  /** Connect to the /chat namespace */
+  connect(config) {
+    if (this.socket?.connected) {
+      console.log("[Dubs:ChatSocket] Already connected");
+      return;
+    }
+    this.listeners.onConnectionChange?.("connecting");
+    console.log(`[Dubs:ChatSocket] Connecting to ${config.host}/chat`);
+    this.socket = (0, import_socket.io)(`${config.host}/chat`, {
+      auth: { token: config.token },
+      transports: ["websocket"],
+      reconnection: true,
+      reconnectionDelay: 1e3,
+      reconnectionAttempts: 10
+    });
+    this.socket.on("connect", () => {
+      console.log("[Dubs:ChatSocket] Connected");
+      this.listeners.onConnectionChange?.("connected");
+    });
+    this.socket.on("disconnect", (reason) => {
+      console.log("[Dubs:ChatSocket] Disconnected:", reason);
+      this.listeners.onConnectionChange?.("disconnected");
+    });
+    this.socket.on("connect_error", (error) => {
+      console.error("[Dubs:ChatSocket] Connection error:", error.message);
+      this.listeners.onConnectionChange?.("error");
+    });
+    this.socket.on("new_message", (msg) => this.listeners.onNewMessage?.(msg));
+    this.socket.on("online_users", (users) => this.listeners.onOnlineUsers?.(users));
+    this.socket.on("online_count", (count) => this.listeners.onOnlineCount?.(count));
+    this.socket.on("user_typing", (data) => this.listeners.onTyping?.(data));
+    this.socket.on("reaction_added", (data) => this.listeners.onReactionAdded?.(data));
+    this.socket.on("reaction_removed", (data) => this.listeners.onReactionRemoved?.(data));
+    this.socket.on("notification", (n) => this.listeners.onNotification?.(n));
+    this.socket.on("unread_count", (count) => this.listeners.onUnreadCount?.(count));
+    this.socket.on("dm:new_message", (msg) => this.listeners.onDMNewMessage?.(msg));
+    this.socket.on("dm:message_sent", (msg) => this.listeners.onDMMessageSent?.(msg));
+    this.socket.on("dm:notification", (data) => this.listeners.onDMNotification?.(data));
+    this.socket.on("dm:messages_read", (data) => this.listeners.onDMMessagesRead?.(data));
+    this.socket.on("friend_request_accepted", (data) => this.listeners.onFriendRequestAccepted?.(data));
+    this.socket.on("friend_request_declined", (data) => this.listeners.onFriendRequestDeclined?.(data));
+    this.socket.on("friend_removed", (data) => this.listeners.onFriendRemoved?.(data));
+    this.socket.on("error", (err) => this.listeners.onError?.(err));
+  }
+  /** Disconnect from the chat namespace */
+  disconnect() {
+    if (this.socket) {
+      console.log("[Dubs:ChatSocket] Disconnecting");
+      this.socket.removeAllListeners();
+      this.socket.disconnect();
+      this.socket = null;
+    }
+  }
+  /** Whether the socket is currently connected */
+  isConnected() {
+    return this.socket?.connected ?? false;
+  }
+  // ── Global Chat Actions ──
+  /** Send a message to global chat */
+  sendMessage(params) {
+    this.socket?.emit("send_message", params);
+  }
+  /** Emit typing indicator */
+  sendTyping(isTyping) {
+    this.socket?.emit("typing", isTyping);
+  }
+  /** Add an emoji reaction to a message */
+  addReaction(messageId, reaction) {
+    this.socket?.emit("add_reaction", { messageId, reaction });
+  }
+  /** Remove an emoji reaction from a message */
+  removeReaction(messageId, reaction) {
+    this.socket?.emit("remove_reaction", { messageId, reaction });
+  }
+  // ── DM Actions ──
+  /** Join a DM room to receive messages in real-time */
+  joinDM(recipientWallet) {
+    this.socket?.emit("dm:join", { recipientWallet });
+  }
+  /** Leave a DM room */
+  leaveDM(recipientWallet) {
+    this.socket?.emit("dm:leave", { recipientWallet });
+  }
+  /** Send a direct message via socket */
+  sendDM(params) {
+    this.socket?.emit("dm:send", params);
+  }
+  /** Mark DMs from a sender as read */
+  markDMRead(senderWallet) {
+    this.socket?.emit("dm:mark_read", { senderWallet });
+  }
+};
+
+// src/chat/provider.tsx
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var ChatContext = (0, import_react49.createContext)(null);
+function ChatProvider({ children, autoConnect = true }) {
+  const { client } = useDubs();
+  const socketRef = (0, import_react49.useRef)(new ChatSocket());
+  const [status, setStatus] = (0, import_react49.useState)("disconnected");
+  const [messages, setMessages] = (0, import_react49.useState)([]);
+  const [onlineUsers, setOnlineUsers] = (0, import_react49.useState)([]);
+  const [onlineCount, setOnlineCount] = (0, import_react49.useState)(0);
+  const [unreadCount, setUnreadCount] = (0, import_react49.useState)(0);
+  const [conversations, setConversations] = (0, import_react49.useState)([]);
+  const [friends, setFriends] = (0, import_react49.useState)([]);
+  const [pendingRequests, setPendingRequests] = (0, import_react49.useState)([]);
+  const refreshMessages = (0, import_react49.useCallback)(async () => {
+    try {
+      const res = await client.getChatMessages({ limit: 30 });
+      setMessages(res.messages);
+    } catch (err) {
+      console.error("[Dubs:ChatProvider] Failed to load messages:", err);
+    }
+  }, [client]);
+  const refreshConversations = (0, import_react49.useCallback)(async () => {
+    try {
+      const res = await client.getConversations();
+      setConversations(res.conversations);
+    } catch (_) {
+    }
+  }, [client]);
+  const refreshFriends = (0, import_react49.useCallback)(async () => {
+    try {
+      const res = await client.getFriends();
+      setFriends(res.friends);
+    } catch (_) {
+    }
+  }, [client]);
+  const refreshPendingRequests = (0, import_react49.useCallback)(async () => {
+    try {
+      const res = await client.getPendingFriendRequests();
+      setPendingRequests(res.requests);
+    } catch (_) {
+    }
+  }, [client]);
+  (0, import_react49.useEffect)(() => {
+    const token = client.getToken();
+    if (!autoConnect || !token) return;
+    const chatSocket = socketRef.current;
+    const baseUrl = client.baseUrl;
+    const host = new URL(baseUrl).origin;
+    chatSocket.setListeners({
+      onConnectionChange: setStatus,
+      // Global chat
+      onNewMessage: (msg) => {
+        setMessages((prev) => {
+          if (prev.some((m) => m.id === msg.id)) return prev;
+          return [msg, ...prev];
+        });
+      },
+      onOnlineUsers: setOnlineUsers,
+      onOnlineCount: setOnlineCount,
+      onUnreadCount: setUnreadCount,
+      // Notifications trigger conversation refresh
+      onDMNotification: () => {
+        refreshConversations();
+      },
+      onNotification: (n) => {
+        setUnreadCount((prev) => prev + 1);
+        if (n.type === "friend_request") refreshPendingRequests();
+        if (n.type === "friend_request_accepted") refreshFriends();
+      },
+      onFriendRequestAccepted: () => refreshFriends(),
+      onFriendRemoved: () => refreshFriends()
+    });
+    chatSocket.connect({ host, token });
+    refreshMessages();
+    refreshFriends().catch(() => {
+    });
+    refreshPendingRequests().catch(() => {
+    });
+    return () => {
+      chatSocket.disconnect();
+    };
+  }, [client, autoConnect, refreshMessages, refreshConversations, refreshFriends, refreshPendingRequests]);
+  (0, import_react49.useEffect)(() => {
+    const handleAppState = (nextState) => {
+      if (nextState === "active") {
+        const chatSocket = socketRef.current;
+        if (!chatSocket.isConnected()) {
+          const token = client.getToken();
+          if (token) {
+            const baseUrl = client.baseUrl;
+            const host = new URL(baseUrl).origin;
+            chatSocket.connect({ host, token });
+          }
+        }
+        refreshMessages();
+      }
+    };
+    const sub = import_react_native29.AppState.addEventListener("change", handleAppState);
+    return () => sub.remove();
+  }, [client, refreshMessages, refreshConversations]);
+  const value = (0, import_react49.useMemo)(
+    () => ({
+      socket: socketRef.current,
+      status,
+      messages,
+      onlineUsers,
+      onlineCount,
+      unreadCount,
+      conversations,
+      friends,
+      pendingRequests,
+      refreshMessages,
+      refreshConversations,
+      refreshFriends,
+      refreshPendingRequests
+    }),
+    [status, messages, onlineUsers, onlineCount, unreadCount, conversations, friends, pendingRequests, refreshMessages, refreshConversations, refreshFriends, refreshPendingRequests]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ChatContext.Provider, { value, children });
+}
+function useChatContext() {
+  const ctx = (0, import_react49.useContext)(ChatContext);
+  if (!ctx) {
+    throw new Error("useChatContext must be used inside a <ChatProvider>");
+  }
+  return ctx;
+}
+
+// src/chat/hooks.ts
+var import_react50 = require("react");
+function useChatStatus() {
+  return useChatContext().status;
+}
+function useChatMessages() {
+  const { messages, refreshMessages } = useChatContext();
+  const [loading, setLoading] = (0, import_react50.useState)(false);
+  const refetch = (0, import_react50.useCallback)(async () => {
+    setLoading(true);
+    await refreshMessages();
+    setLoading(false);
+  }, [refreshMessages]);
+  return { messages, loading, refetch };
+}
+function useSendMessage() {
+  const { socket } = useChatContext();
+  const { client } = useDubs();
+  const send = (0, import_react50.useCallback)(
+    (params) => {
+      socket.sendMessage(params);
+    },
+    [socket]
+  );
+  const sendViaREST = (0, import_react50.useCallback)(
+    async (params) => {
+      await client.sendChatMessage(params);
+    },
+    [client]
+  );
+  return { send, sendViaREST };
+}
+function useOnlineUsers() {
+  const { onlineUsers, onlineCount } = useChatContext();
+  return { users: onlineUsers, count: onlineCount };
+}
+function useUnreadCount() {
+  return useChatContext().unreadCount;
+}
+function useConversations() {
+  const { conversations, refreshConversations } = useChatContext();
+  const [loading, setLoading] = (0, import_react50.useState)(false);
+  const refetch = (0, import_react50.useCallback)(async () => {
+    setLoading(true);
+    await refreshConversations();
+    setLoading(false);
+  }, [refreshConversations]);
+  return { conversations, loading, refetch };
+}
+function useDirectMessages(recipientWallet) {
+  const { client } = useDubs();
+  const { socket, refreshConversations } = useChatContext();
+  const [messages, setMessages] = (0, import_react50.useState)([]);
+  const [otherUser, setOtherUser] = (0, import_react50.useState)(null);
+  const [loading, setLoading] = (0, import_react50.useState)(true);
+  const refetch = (0, import_react50.useCallback)(async () => {
+    try {
+      setLoading(true);
+      const res = await client.getConversation(recipientWallet);
+      setMessages(res.messages);
+      setOtherUser(res.otherUser);
+    } catch (err) {
+      console.error("[Dubs:useDirectMessages] Error loading:", err);
+    } finally {
+      setLoading(false);
+    }
+  }, [client, recipientWallet]);
+  (0, import_react50.useEffect)(() => {
+    refetch();
+    socket.joinDM(recipientWallet);
+    return () => {
+      socket.leaveDM(recipientWallet);
+    };
+  }, [recipientWallet, refetch, socket]);
+  const socketRef = (0, import_react50.useRef)(socket);
+  socketRef.current = socket;
+  (0, import_react50.useEffect)(() => {
+    const currentSocket = socketRef.current;
+    const prevListeners = currentSocket.listeners;
+    const originalOnDMNew = prevListeners?.onDMNewMessage;
+    currentSocket.setListeners({
+      ...prevListeners,
+      onDMNewMessage: (msg) => {
+        originalOnDMNew?.(msg);
+        if (msg.senderWallet === recipientWallet || msg.isOwn) {
+          setMessages((prev) => {
+            if (prev.some((m) => m.id === msg.id)) return prev;
+            return [...prev, msg];
+          });
+        }
+      },
+      onDMMessageSent: (msg) => {
+        setMessages((prev) => {
+          if (prev.some((m) => m.id === msg.id)) return prev;
+          return [...prev, { ...msg, isOwn: true }];
+        });
+      }
+    });
+  }, [recipientWallet]);
+  const send = (0, import_react50.useCallback)(
+    (message) => {
+      socket.sendDM({ recipientWallet, message });
+    },
+    [socket, recipientWallet]
+  );
+  const sendViaREST = (0, import_react50.useCallback)(
+    async (message) => {
+      await client.sendDirectMessage({ recipientWallet, message });
+      await refetch();
+      await refreshConversations();
+    },
+    [client, recipientWallet, refetch, refreshConversations]
+  );
+  const markRead = (0, import_react50.useCallback)(() => {
+    socket.markDMRead(recipientWallet);
+  }, [socket, recipientWallet]);
+  return { messages, loading, otherUser, send, sendViaREST, markRead, refetch };
+}
+function useFriends() {
+  const { friends, refreshFriends } = useChatContext();
+  const [loading, setLoading] = (0, import_react50.useState)(false);
+  const refetch = (0, import_react50.useCallback)(async () => {
+    setLoading(true);
+    await refreshFriends();
+    setLoading(false);
+  }, [refreshFriends]);
+  return { friends, loading, refetch };
+}
+function useFriendRequests() {
+  const { pendingRequests, refreshPendingRequests } = useChatContext();
+  const [loading, setLoading] = (0, import_react50.useState)(false);
+  const refetch = (0, import_react50.useCallback)(async () => {
+    setLoading(true);
+    await refreshPendingRequests();
+    setLoading(false);
+  }, [refreshPendingRequests]);
+  return { requests: pendingRequests, loading, refetch };
+}
+function useSearchUsers() {
+  const { client } = useDubs();
+  const [results, setResults] = (0, import_react50.useState)([]);
+  const [loading, setLoading] = (0, import_react50.useState)(false);
+  const search = (0, import_react50.useCallback)(
+    async (query) => {
+      setLoading(true);
+      try {
+        const res = await client.searchUsers(query);
+        setResults(res.results);
+      } catch (err) {
+        console.error("[Dubs:useSearchUsers] Error:", err);
+      } finally {
+        setLoading(false);
+      }
+    },
+    [client]
+  );
+  const clear = (0, import_react50.useCallback)(() => setResults([]), []);
+  return { results, loading, search, clear };
+}
+function useSendFriendRequest() {
+  const { client } = useDubs();
+  const { refreshPendingRequests } = useChatContext();
+  const [loading, setLoading] = (0, import_react50.useState)(false);
+  const send = (0, import_react50.useCallback)(
+    async (targetUserId) => {
+      setLoading(true);
+      try {
+        await client.sendFriendRequest(targetUserId);
+      } finally {
+        setLoading(false);
+      }
+    },
+    [client, refreshPendingRequests]
+  );
+  return { send, loading };
+}
+function useRespondToFriendRequest() {
+  const { client } = useDubs();
+  const { refreshFriends, refreshPendingRequests } = useChatContext();
+  const [loading, setLoading] = (0, import_react50.useState)(false);
+  const accept = (0, import_react50.useCallback)(
+    async (requestId) => {
+      setLoading(true);
+      try {
+        await client.acceptFriendRequest(requestId);
+        await Promise.all([refreshFriends(), refreshPendingRequests()]);
+      } finally {
+        setLoading(false);
+      }
+    },
+    [client, refreshFriends, refreshPendingRequests]
+  );
+  const reject = (0, import_react50.useCallback)(
+    async (requestId) => {
+      setLoading(true);
+      try {
+        await client.rejectFriendRequest(requestId);
+        await refreshPendingRequests();
+      } finally {
+        setLoading(false);
+      }
+    },
+    [client, refreshPendingRequests]
+  );
+  return { accept, reject, loading };
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ArcadeLeaderboardSheet,
   AuthGate,
+  ChatProvider,
+  ChatSocket,
   ClaimButton,
   ClaimPrizeSheet,
   ConnectWalletButton,
@@ -7216,6 +9129,9 @@ var styles20 = import_react_native26.StyleSheet.create({
   DubsProvider,
   EnterArcadePoolSheet,
   GamePoster,
+  JackpotCard,
+  JackpotSheet,
+  JackpotWidget,
   JoinGameButton,
   JoinGameSheet,
   LivePoolsCard,
@@ -7244,22 +9160,38 @@ var styles20 = import_react_native26.StyleSheet.create({
   useArcadePool,
   useArcadePools,
   useAuth,
+  useChatContext,
+  useChatMessages,
+  useChatStatus,
   useClaim,
+  useConversations,
   useCreateCustomGame,
   useCreateGame,
+  useDirectMessages,
   useDubs,
   useDubsTheme,
   useEnterArcadePool,
+  useEnterJackpot,
   useEvents,
+  useFriendRequests,
+  useFriends,
   useGame,
   useGames,
   useHasClaimed,
   useHighlights,
+  useJackpot,
+  useJackpotHistory,
   useJoinGame,
   useNetworkGames,
+  useOnlineUsers,
   usePushNotifications,
+  useRespondToFriendRequest,
+  useSearchUsers,
+  useSendFriendRequest,
+  useSendMessage,
   useShorts,
   useUFCFightCard,
-  useUFCFighterDetail
+  useUFCFighterDetail,
+  useUnreadCount
 });
 //# sourceMappingURL=index.js.map