@dubsdotapp/expo 0.2.53 → 0.2.55

package/dist/index.mjs

@@ -459,6 +459,21 @@ var DubsClient = class {
     );
     this._token = null;
   }
+  // ── Push Notifications ──
+  async registerPushToken(params) {
+    await this.request(
+      "POST",
+      "/push/expo-token",
+      params
+    );
+  }
+  async unregisterPushToken(token) {
+    await this.request(
+      "DELETE",
+      "/push/expo-token",
+      { token }
+    );
+  }
   // ── Error Utilities ──
   async parseError(error) {
     const res = await this.request(
@@ -533,7 +548,7 @@ function createSecureStoreStorage() {
 }
 
 // src/provider.tsx
-import { createContext as createContext4, useContext as useContext4, useMemo, useCallback as useCallback14, useState as useState15, useEffect as useEffect10 } from "react";
+import { createContext as createContext4, useContext as useContext4, useMemo as useMemo2, useCallback as useCallback15, useState as useState16, useEffect as useEffect10 } from "react";
 
 // src/ui/theme.ts
 import { createContext, useContext } from "react";
@@ -1598,7 +1613,7 @@ function ManagedWalletProvider({
 }
 
 // src/ui/AuthGate.tsx
-import React2, { useState as useState14, useEffect as useEffect9, useRef as useRef3, useCallback as useCallback13 } from "react";
+import React2, { useState as useState15, useEffect as useEffect9, useRef as useRef4, useCallback as useCallback14 } from "react";
 import {
   View as View2,
   Text as Text2,
@@ -1608,7 +1623,7 @@ import {
   StyleSheet as StyleSheet2,
   Keyboard,
   KeyboardAvoidingView,
-  Platform as Platform3,
+  Platform as Platform4,
   Image as Image2,
   Animated,
   ScrollView
@@ -2277,6 +2292,126 @@ function useUFCFighterDetail(athleteId) {
   return { data, loading, error, refetch: fetchData };
 }
 
+// src/hooks/usePushNotifications.ts
+import { useState as useState14, useCallback as useCallback13, useRef as useRef3, useMemo } from "react";
+import { Platform as Platform3 } from "react-native";
+function usePushNotifications() {
+  const { client, appName } = useDubs();
+  const channelId = useMemo(() => appName.toLowerCase().replace(/[^a-z0-9-]/g, ""), [appName]);
+  const [hasPermission, setHasPermission] = useState14(false);
+  const [expoPushToken, setExpoPushToken] = useState14(null);
+  const [loading, setLoading] = useState14(false);
+  const [error, setError] = useState14(null);
+  const registering = useRef3(false);
+  const getNotificationsModule = useCallback13(() => {
+    try {
+      return __require("expo-notifications");
+    } catch {
+      return null;
+    }
+  }, []);
+  const getDeviceName = useCallback13(() => {
+    try {
+      const Device = __require("expo-device");
+      return Device.deviceName || null;
+    } catch {
+      return null;
+    }
+  }, []);
+  const setupAndroidChannels = useCallback13((Notifications) => {
+    if (Platform3.OS === "android") {
+      Notifications.setNotificationChannelAsync(channelId || "default", {
+        name: appName || "Default",
+        importance: Notifications.AndroidImportance?.MAX ?? 4,
+        vibrationPattern: [0, 250, 250, 250]
+      }).catch(() => {
+      });
+    }
+  }, [channelId, appName]);
+  const registerTokenWithServer = useCallback13(async (token) => {
+    const deviceName = getDeviceName();
+    await client.registerPushToken({
+      token,
+      platform: Platform3.OS,
+      deviceName: deviceName || void 0
+    });
+  }, [client, getDeviceName]);
+  const register = useCallback13(async () => {
+    if (registering.current) return false;
+    registering.current = true;
+    setLoading(true);
+    setError(null);
+    try {
+      const Notifications = getNotificationsModule();
+      if (!Notifications) {
+        throw new Error("expo-notifications is not installed");
+      }
+      const { status: existingStatus } = await Notifications.getPermissionsAsync();
+      let finalStatus = existingStatus;
+      if (existingStatus !== "granted") {
+        const { status } = await Notifications.requestPermissionsAsync();
+        finalStatus = status;
+      }
+      if (finalStatus !== "granted") {
+        setHasPermission(false);
+        setLoading(false);
+        registering.current = false;
+        return false;
+      }
+      setHasPermission(true);
+      const tokenResult = await Notifications.getExpoPushTokenAsync();
+      const token = tokenResult.data;
+      setExpoPushToken(token);
+      await registerTokenWithServer(token);
+      setupAndroidChannels(Notifications);
+      setLoading(false);
+      registering.current = false;
+      return true;
+    } catch (err) {
+      const e = err instanceof Error ? err : new Error(String(err));
+      setError(e);
+      setLoading(false);
+      registering.current = false;
+      console.error("[usePushNotifications] Registration error:", e.message);
+      return false;
+    }
+  }, [getNotificationsModule, registerTokenWithServer, setupAndroidChannels]);
+  const unregister = useCallback13(async () => {
+    if (!expoPushToken) return;
+    try {
+      await client.unregisterPushToken(expoPushToken);
+      setExpoPushToken(null);
+    } catch (err) {
+      console.error("[usePushNotifications] Unregister error:", err);
+    }
+  }, [client, expoPushToken]);
+  const restoreIfGranted = useCallback13(async () => {
+    try {
+      const Notifications = getNotificationsModule();
+      if (!Notifications) return;
+      const { status } = await Notifications.getPermissionsAsync();
+      if (status !== "granted") return;
+      setHasPermission(true);
+      const tokenResult = await Notifications.getExpoPushTokenAsync();
+      const token = tokenResult.data;
+      setExpoPushToken(token);
+      await registerTokenWithServer(token);
+      setupAndroidChannels(Notifications);
+    } catch (err) {
+      console.log("[usePushNotifications] Restore skipped:", err instanceof Error ? err.message : err);
+    }
+  }, [getNotificationsModule, registerTokenWithServer, setupAndroidChannels]);
+  return {
+    hasPermission,
+    expoPushToken,
+    loading,
+    error,
+    register,
+    unregister,
+    restoreIfGranted
+  };
+}
+
 // src/ui/AuthGate.tsx
 import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var DICEBEAR_STYLES = [
@@ -2305,8 +2440,10 @@ function AuthGate({
 }) {
   const { client } = useDubs();
   const auth = useAuth();
-  const [phase, setPhase] = useState14("init");
-  const [registrationPhase, setRegistrationPhase] = useState14(false);
+  const [phase, setPhase] = useState15("init");
+  const [registrationPhase, setRegistrationPhase] = useState15(false);
+  const [showPushSetup, setShowPushSetup] = useState15(false);
+  const [isRestoredSession, setIsRestoredSession] = useState15(false);
   useEffect9(() => {
     let cancelled = false;
     (async () => {
@@ -2317,6 +2454,7 @@ function AuthGate({
           const restored = await auth.restoreSession(savedToken);
           if (cancelled) return;
           if (restored) {
+            setIsRestoredSession(true);
             setPhase("active");
             return;
           }
@@ -2336,15 +2474,20 @@ function AuthGate({
   useEffect9(() => {
     if (auth.status === "needsRegistration") setRegistrationPhase(true);
   }, [auth.status]);
+  useEffect9(() => {
+    if (auth.status === "authenticated" && registrationPhase && !isRestoredSession) {
+      setShowPushSetup(true);
+    }
+  }, [auth.status, registrationPhase, isRestoredSession]);
   useEffect9(() => {
     if (auth.token) onSaveToken(auth.token);
   }, [auth.token]);
-  const retry = useCallback13(() => {
+  const retry = useCallback14(() => {
     setRegistrationPhase(false);
     auth.reset();
     auth.authenticate();
   }, [auth]);
-  const handleRegister = useCallback13(
+  const handleRegister = useCallback14(
     (username, referralCode, avatarUrl) => {
       auth.register(username, referralCode, avatarUrl);
     },
@@ -2355,7 +2498,20 @@ function AuthGate({
     return /* @__PURE__ */ jsx3(DefaultLoadingScreen, { status: "authenticating", appName, accentColor });
   }
   if (auth.status === "authenticated") {
-    return /* @__PURE__ */ jsx3(AuthContext.Provider, { value: auth, children });
+    if (showPushSetup) {
+      return /* @__PURE__ */ jsx3(
+        PushSetupScreen,
+        {
+          accentColor,
+          appName,
+          onComplete: () => setShowPushSetup(false)
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxs2(AuthContext.Provider, { value: auth, children: [
+      /* @__PURE__ */ jsx3(PushTokenRestorer, {}),
+      children
+    ] });
   }
   if (registrationPhase) {
     const isRegistering = auth.status === "registering";
@@ -2447,17 +2603,17 @@ function DefaultRegistrationScreen({
 }) {
   const t = useDubsTheme();
   const accent = accentColor || t.accent;
-  const [step, setStep] = useState14(0);
-  const [avatarSeed, setAvatarSeed] = useState14(generateSeed);
-  const [avatarStyle, setAvatarStyle] = useState14("adventurer");
-  const [showStyles, setShowStyles] = useState14(false);
-  const [username, setUsername] = useState14("");
-  const [referralCode, setReferralCode] = useState14("");
-  const [checking, setChecking] = useState14(false);
-  const [availability, setAvailability] = useState14(null);
-  const debounceRef = useRef3(null);
-  const fadeAnim = useRef3(new Animated.Value(1)).current;
-  const slideAnim = useRef3(new Animated.Value(0)).current;
+  const [step, setStep] = useState15(0);
+  const [avatarSeed, setAvatarSeed] = useState15(generateSeed);
+  const [avatarStyle, setAvatarStyle] = useState15("adventurer");
+  const [showStyles, setShowStyles] = useState15(false);
+  const [username, setUsername] = useState15("");
+  const [referralCode, setReferralCode] = useState15("");
+  const [checking, setChecking] = useState15(false);
+  const [availability, setAvailability] = useState15(null);
+  const debounceRef = useRef4(null);
+  const fadeAnim = useRef4(new Animated.Value(1)).current;
+  const slideAnim = useRef4(new Animated.Value(0)).current;
   const avatarUrl = getAvatarUrl(avatarStyle, avatarSeed);
   useEffect9(() => {
     if (debounceRef.current) clearTimeout(debounceRef.current);
@@ -2482,7 +2638,7 @@ function DefaultRegistrationScreen({
       if (debounceRef.current) clearTimeout(debounceRef.current);
     };
   }, [username, client]);
-  const animateToStep = useCallback13((newStep) => {
+  const animateToStep = useCallback14((newStep) => {
     const dir = newStep > step ? 1 : -1;
     Keyboard.dismiss();
     Animated.parallel([
@@ -2694,7 +2850,7 @@ function DefaultRegistrationScreen({
     KeyboardAvoidingView,
     {
       style: [s.container, { backgroundColor: t.background }],
-      behavior: Platform3.OS === "ios" ? "padding" : void 0,
+      behavior: Platform4.OS === "ios" ? "padding" : void 0,
       children: /* @__PURE__ */ jsx3(
         ScrollView,
         {
@@ -2716,6 +2872,97 @@ function DefaultRegistrationScreen({
     }
   );
 }
+function PushTokenRestorer() {
+  const push = usePushNotifications();
+  const restored = useRef4(false);
+  useEffect9(() => {
+    if (restored.current) return;
+    restored.current = true;
+    push.restoreIfGranted();
+  }, []);
+  return null;
+}
+function PushSetupScreen({
+  accentColor,
+  appName,
+  onComplete
+}) {
+  const t = useDubsTheme();
+  const accent = accentColor || t.accent;
+  const push = usePushNotifications();
+  const fadeAnim = useRef4(new Animated.Value(0)).current;
+  const slideAnim = useRef4(new Animated.Value(30)).current;
+  useEffect9(() => {
+    Animated.parallel([
+      Animated.timing(fadeAnim, { toValue: 1, duration: 300, useNativeDriver: true }),
+      Animated.timing(slideAnim, { toValue: 0, duration: 300, useNativeDriver: true })
+    ]).start();
+  }, [fadeAnim, slideAnim]);
+  const handleEnable = async () => {
+    await push.register();
+    onComplete();
+  };
+  const benefits = [
+    "A fight you picked on goes LIVE",
+    "Your pick wins or loses",
+    "Final results and rankings"
+  ];
+  return /* @__PURE__ */ jsx3(View2, { style: [s.container, { backgroundColor: t.background }], children: /* @__PURE__ */ jsxs2(
+    Animated.View,
+    {
+      style: [
+        s.stepContainer,
+        { opacity: fadeAnim, transform: [{ translateY: slideAnim }] }
+      ],
+      children: [
+        /* @__PURE__ */ jsxs2(View2, { style: s.stepTop, children: [
+          /* @__PURE__ */ jsx3(Text2, { style: [s.title, { color: t.text }], children: "Enable Notifications" }),
+          /* @__PURE__ */ jsx3(Text2, { style: [s.subtitle, { color: t.textMuted }], children: "Stay in the loop with real-time updates" }),
+          /* @__PURE__ */ jsx3(StepIndicator, { currentStep: 3 }),
+          /* @__PURE__ */ jsx3(View2, { style: pushStyles.iconContainer, children: /* @__PURE__ */ jsx3(View2, { style: [pushStyles.bellCircle, { backgroundColor: accent + "20" }], children: /* @__PURE__ */ jsx3(Text2, { style: [pushStyles.bellIcon, { color: accent }], children: "\u{1F514}" }) }) }),
+          /* @__PURE__ */ jsxs2(View2, { style: pushStyles.benefitsList, children: [
+            /* @__PURE__ */ jsx3(Text2, { style: [pushStyles.benefitsHeader, { color: t.text }], children: "Get real-time updates when:" }),
+            benefits.map((item, i) => /* @__PURE__ */ jsxs2(View2, { style: pushStyles.benefitRow, children: [
+              /* @__PURE__ */ jsx3(View2, { style: [pushStyles.bulletDot, { backgroundColor: accent }] }),
+              /* @__PURE__ */ jsx3(Text2, { style: [pushStyles.benefitText, { color: t.textMuted }], children: item })
+            ] }, i))
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs2(View2, { style: s.bottomRow, children: [
+          /* @__PURE__ */ jsx3(
+            TouchableOpacity2,
+            {
+              style: [s.secondaryBtn, { borderColor: t.border }],
+              onPress: onComplete,
+              activeOpacity: 0.7,
+              children: /* @__PURE__ */ jsx3(Text2, { style: [s.secondaryBtnText, { color: t.textMuted }], children: "Maybe Later" })
+            }
+          ),
+          /* @__PURE__ */ jsx3(
+            TouchableOpacity2,
+            {
+              style: [s.primaryBtn, { backgroundColor: accent, flex: 1, opacity: push.loading ? 0.7 : 1 }],
+              onPress: handleEnable,
+              disabled: push.loading,
+              activeOpacity: 0.8,
+              children: push.loading ? /* @__PURE__ */ jsx3(ActivityIndicator2, { color: "#FFFFFF", size: "small" }) : /* @__PURE__ */ jsx3(Text2, { style: s.primaryBtnText, children: "Enable Notifications" })
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
+}
+var pushStyles = StyleSheet2.create({
+  iconContainer: { alignItems: "center", marginVertical: 24 },
+  bellCircle: { width: 100, height: 100, borderRadius: 50, justifyContent: "center", alignItems: "center" },
+  bellIcon: { fontSize: 48 },
+  benefitsList: { paddingHorizontal: 24, gap: 12, marginTop: 8 },
+  benefitsHeader: { fontSize: 17, fontWeight: "700", marginBottom: 4 },
+  benefitRow: { flexDirection: "row", alignItems: "center", gap: 12 },
+  bulletDot: { width: 8, height: 8, borderRadius: 4 },
+  benefitText: { fontSize: 16, flex: 1 }
+});
 var s = StyleSheet2.create({
   container: { flex: 1 },
   // Loading / Error
@@ -2803,10 +3050,10 @@ function DubsProvider({
   const baseUrl = baseUrlOverride || config.baseUrl;
   const rpcUrl = rpcUrlOverride || config.rpcUrl;
   const cluster = config.cluster;
-  const client = useMemo(() => new DubsClient({ apiKey, baseUrl }), [apiKey, baseUrl]);
-  const connection = useMemo(() => new Connection2(rpcUrl, { commitment: "confirmed" }), [rpcUrl]);
-  const storage = useMemo(() => tokenStorage || createSecureStoreStorage(), [tokenStorage]);
-  const [uiConfig, setUiConfig] = useState15(null);
+  const client = useMemo2(() => new DubsClient({ apiKey, baseUrl }), [apiKey, baseUrl]);
+  const connection = useMemo2(() => new Connection2(rpcUrl, { commitment: "confirmed" }), [rpcUrl]);
+  const storage = useMemo2(() => tokenStorage || createSecureStoreStorage(), [tokenStorage]);
+  const [uiConfig, setUiConfig] = useState16(null);
   useEffect10(() => {
     client.getAppConfig().then((config2) => {
       console.log("[DubsProvider] UI config loaded:", JSON.stringify(config2));
@@ -2888,11 +3135,11 @@ function ManagedInner({
   children
 }) {
   const managedDisconnect = useDisconnect();
-  const disconnect = useCallback14(async () => {
+  const disconnect = useCallback15(async () => {
     client.setToken(null);
     await managedDisconnect?.();
   }, [client, managedDisconnect]);
-  const value = useMemo(
+  const value = useMemo2(
     () => ({ client, wallet, connection, appName, network, disconnect, uiConfig }),
     [client, wallet, connection, appName, network, disconnect, uiConfig]
   );
@@ -2928,13 +3175,13 @@ function ExternalWalletProvider({
   uiConfig,
   children
 }) {
-  const disconnect = useCallback14(async () => {
+  const disconnect = useCallback15(async () => {
     client.setToken(null);
     await storage.deleteItem(STORAGE_KEYS.JWT_TOKEN).catch(() => {
     });
     await wallet.disconnect?.();
   }, [client, storage, wallet]);
-  const value = useMemo(
+  const value = useMemo2(
     () => ({ client, wallet, connection, appName, network, disconnect, uiConfig }),
     [client, wallet, connection, appName, network, disconnect, uiConfig]
   );
@@ -2971,7 +3218,7 @@ function useAppConfig() {
 }
 
 // src/ui/UserProfileCard.tsx
-import { useMemo as useMemo2 } from "react";
+import { useMemo as useMemo3 } from "react";
 import { View as View3, Text as Text3, Image as Image3, StyleSheet as StyleSheet3 } from "react-native";
 import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function truncateAddress(address, chars = 4) {
@@ -2991,7 +3238,7 @@ function UserProfileCard({
   memberSince
 }) {
   const t = useDubsTheme();
-  const imageUri = useMemo2(
+  const imageUri = useMemo3(
     () => avatarUrl || `https://api.dicebear.com/9.x/avataaars/png?seed=${walletAddress}&size=128`,
     [avatarUrl, walletAddress]
   );
@@ -3191,7 +3438,7 @@ var styles3 = StyleSheet4.create({
 });
 
 // src/ui/game/GamePoster.tsx
-import { useState as useState16 } from "react";
+import { useState as useState17 } from "react";
 import { StyleSheet as StyleSheet5, View as View5, Text as Text5 } from "react-native";
 import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 function computeCountdown(lockTimestamp) {
@@ -3241,7 +3488,7 @@ function GamePoster({ game, ImageComponent }) {
   ] });
 }
 function TeamLogoInternal({ url, size, Img }) {
-  const [failed, setFailed] = useState16(false);
+  const [failed, setFailed] = useState17(false);
   if (!url || failed) {
     return /* @__PURE__ */ jsx7(View5, { style: [styles4.logoPlaceholder, { width: size, height: size, borderRadius: size / 2 }] });
   }
@@ -3342,7 +3589,7 @@ var styles4 = StyleSheet5.create({
 });
 
 // src/ui/game/LivePoolsCard.tsx
-import { useMemo as useMemo3 } from "react";
+import { useMemo as useMemo4 } from "react";
 import { StyleSheet as StyleSheet6, View as View6, Text as Text6 } from "react-native";
 import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 function LivePoolsCard({
@@ -3358,7 +3605,7 @@ function LivePoolsCard({
   const homePool = game.homePool || 0;
   const awayPool = game.awayPool || 0;
   const totalPool = game.totalPool || 0;
-  const { homePercent, awayPercent, homeOdds, awayOdds } = useMemo3(() => {
+  const { homePercent, awayPercent, homeOdds, awayOdds } = useMemo4(() => {
     return {
       homePercent: totalPool > 0 ? homePool / totalPool * 100 : 50,
       awayPercent: totalPool > 0 ? awayPool / totalPool * 100 : 50,
@@ -3421,7 +3668,7 @@ var styles5 = StyleSheet6.create({
 });
 
 // src/ui/game/PickWinnerCard.tsx
-import { useState as useState17, useMemo as useMemo4 } from "react";
+import { useState as useState18, useMemo as useMemo5 } from "react";
 import { StyleSheet as StyleSheet7, View as View7, Text as Text7, TouchableOpacity as TouchableOpacity4 } from "react-native";
 import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function PickWinnerCard({
@@ -3439,7 +3686,7 @@ function PickWinnerCard({
   const totalPool = game.totalPool || 0;
   const homePool = game.homePool || 0;
   const awayPool = game.awayPool || 0;
-  const { homeOdds, awayOdds, homeBets, awayBets } = useMemo4(() => ({
+  const { homeOdds, awayOdds, homeBets, awayBets } = useMemo5(() => ({
     homeOdds: homePool > 0 ? (totalPool / homePool).toFixed(2) : "\u2014",
     awayOdds: awayPool > 0 ? (totalPool / awayPool).toFixed(2) : "\u2014",
     homeBets: bettors.filter((b) => b.team === "home").length,
@@ -3492,7 +3739,7 @@ function TeamOption({
   ImageComponent,
   t
 }) {
-  const [imgFailed, setImgFailed] = useState17(false);
+  const [imgFailed, setImgFailed] = useState18(false);
   const Img = ImageComponent || __require("react-native").Image;
   const showImage = imageUrl && !imgFailed;
   return /* @__PURE__ */ jsxs7(
@@ -3533,7 +3780,7 @@ var styles6 = StyleSheet7.create({
 });
 
 // src/ui/game/PlayersCard.tsx
-import { useState as useState18 } from "react";
+import { useState as useState19 } from "react";
 import { StyleSheet as StyleSheet8, View as View8, Text as Text8 } from "react-native";
 import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function truncateWallet(addr, chars) {
@@ -3582,7 +3829,7 @@ function BettorRow({
   ImageComponent,
   t
 }) {
-  const [imgFailed, setImgFailed] = useState18(false);
+  const [imgFailed, setImgFailed] = useState19(false);
   const Img = ImageComponent || __require("react-native").Image;
   const showAvatar = bettor.avatar && !imgFailed;
   return /* @__PURE__ */ jsxs8(View8, { style: [styles7.row, !isFirst && { borderTopColor: t.border, borderTopWidth: 1 }], children: [
@@ -3609,7 +3856,7 @@ var styles7 = StyleSheet8.create({
 });
 
 // src/ui/game/JoinGameButton.tsx
-import { useMemo as useMemo5 } from "react";
+import { useMemo as useMemo6 } from "react";
 import { StyleSheet as StyleSheet9, View as View9, Text as Text9, TouchableOpacity as TouchableOpacity5, ActivityIndicator as ActivityIndicator4 } from "react-native";
 import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 var STATUS_LABELS = {
@@ -3620,7 +3867,7 @@ var STATUS_LABELS = {
 };
 function JoinGameButton({ game, walletAddress, selectedTeam, status, onJoin }) {
   const t = useDubsTheme();
-  const alreadyJoined = useMemo5(() => {
+  const alreadyJoined = useMemo6(() => {
     if (!walletAddress) return false;
     return (game.bettors || []).some((b) => b.wallet === walletAddress);
   }, [game.bettors, walletAddress]);
@@ -3661,7 +3908,7 @@ var styles8 = StyleSheet9.create({
 });
 
 // src/ui/game/CreateCustomGameSheet.tsx
-import { useState as useState19, useEffect as useEffect11, useRef as useRef4, useCallback as useCallback15 } from "react";
+import { useState as useState20, useEffect as useEffect11, useRef as useRef5, useCallback as useCallback16 } from "react";
 import {
   View as View10,
   Text as Text10,
@@ -3672,7 +3919,7 @@ import {
   Animated as Animated2,
   StyleSheet as StyleSheet10,
   KeyboardAvoidingView as KeyboardAvoidingView2,
-  Platform as Platform4
+  Platform as Platform5
 } from "react-native";
 import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 var STATUS_LABELS2 = {
@@ -3698,10 +3945,10 @@ function CreateCustomGameSheet({
   const t = useDubsTheme();
   const { wallet } = useDubs();
   const mutation = useCreateCustomGame();
-  const [selectedAmount, setSelectedAmount] = useState19(null);
-  const [customAmount, setCustomAmount] = useState19("");
-  const [isCustom, setIsCustom] = useState19(false);
-  const overlayOpacity = useRef4(new Animated2.Value(0)).current;
+  const [selectedAmount, setSelectedAmount] = useState20(null);
+  const [customAmount, setCustomAmount] = useState20("");
+  const [isCustom, setIsCustom] = useState20(false);
+  const overlayOpacity = useRef5(new Animated2.Value(0)).current;
   useEffect11(() => {
     Animated2.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
@@ -3731,18 +3978,18 @@ function CreateCustomGameSheet({
       onError?.(mutation.error);
     }
   }, [mutation.status, mutation.error]);
-  const handlePresetSelect = useCallback15((amount) => {
+  const handlePresetSelect = useCallback16((amount) => {
     setSelectedAmount(amount);
     setIsCustom(false);
     setCustomAmount("");
     onAmountChange?.(amount);
   }, [onAmountChange]);
-  const handleCustomSelect = useCallback15(() => {
+  const handleCustomSelect = useCallback16(() => {
     setIsCustom(true);
     setSelectedAmount(null);
     onAmountChange?.(null);
   }, [onAmountChange]);
-  const handleCustomAmountChange = useCallback15((text) => {
+  const handleCustomAmountChange = useCallback16((text) => {
     const cleaned = text.replace(/[^0-9.]/g, "").replace(/(\..*?)\..*/g, "$1");
     setCustomAmount(cleaned);
     const parsed = parseFloat(cleaned);
@@ -3757,7 +4004,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 = useCallback15(async () => {
+  const handleCreate = useCallback16(async () => {
     if (!finalAmount || !wallet.publicKey) return;
     try {
       await mutation.execute({
@@ -3786,7 +4033,7 @@ function CreateCustomGameSheet({
           KeyboardAvoidingView2,
           {
             style: styles9.keyboardView,
-            behavior: Platform4.OS === "ios" ? "padding" : void 0,
+            behavior: Platform5.OS === "ios" ? "padding" : void 0,
             children: /* @__PURE__ */ jsx12(View10, { style: styles9.sheetPositioner, children: /* @__PURE__ */ jsxs10(View10, { style: [styles9.sheet, { backgroundColor: t.background }], children: [
               /* @__PURE__ */ jsx12(View10, { style: styles9.handleRow, children: /* @__PURE__ */ jsx12(View10, { style: [styles9.handle, { backgroundColor: t.textMuted }] }) }),
               /* @__PURE__ */ jsxs10(View10, { style: styles9.header, children: [
@@ -4026,7 +4273,7 @@ var styles9 = StyleSheet10.create({
 });
 
 // src/ui/game/JoinGameSheet.tsx
-import { useState as useState20, useEffect as useEffect12, useRef as useRef5, useCallback as useCallback16, useMemo as useMemo6 } from "react";
+import { useState as useState21, useEffect as useEffect12, useRef as useRef6, useCallback as useCallback17, useMemo as useMemo7 } from "react";
 import {
   View as View11,
   Text as Text11,
@@ -4036,7 +4283,7 @@ import {
   Animated as Animated3,
   StyleSheet as StyleSheet11,
   KeyboardAvoidingView as KeyboardAvoidingView3,
-  Platform as Platform5
+  Platform as Platform6
 } from "react-native";
 import { Fragment as Fragment4, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 var STATUS_LABELS3 = {
@@ -4062,8 +4309,8 @@ function JoinGameSheet({
   const { wallet } = useDubs();
   const mutation = useJoinGame();
   const isCustomGame = game.gameMode === CUSTOM_GAME_MODE;
-  const [selectedTeam, setSelectedTeam] = useState20(null);
-  const overlayOpacity = useRef5(new Animated3.Value(0)).current;
+  const [selectedTeam, setSelectedTeam] = useState21(null);
+  const overlayOpacity = useRef6(new Animated3.Value(0)).current;
   useEffect12(() => {
     Animated3.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
@@ -4097,7 +4344,7 @@ function JoinGameSheet({
   const homePool = game.homePool || 0;
   const awayPool = game.awayPool || 0;
   const buyIn = game.buyIn;
-  const { homeOdds, awayOdds, homeBets, awayBets } = useMemo6(() => ({
+  const { homeOdds, awayOdds, homeBets, awayBets } = useMemo7(() => ({
     homeOdds: homePool > 0 ? (totalPool / homePool).toFixed(2) : "\u2014",
     awayOdds: awayPool > 0 ? (totalPool / awayPool).toFixed(2) : "\u2014",
     homeBets: bettors.filter((b) => b.team === "home").length,
@@ -4109,14 +4356,14 @@ function JoinGameSheet({
   const homeName = shortName ? shortName(opponents[0]?.name) : opponents[0]?.name || "Home";
   const awayName = shortName ? shortName(opponents[1]?.name) : opponents[1]?.name || "Away";
   const selectedName = selectedTeam === "home" ? homeName : selectedTeam === "away" ? awayName : "\u2014";
-  const alreadyJoined = useMemo6(() => {
+  const alreadyJoined = useMemo7(() => {
     if (!wallet.publicKey) return false;
     const addr = wallet.publicKey.toBase58();
     return bettors.some((b) => b.wallet === addr);
   }, [bettors, wallet.publicKey]);
   const isMutating = mutation.status !== "idle" && mutation.status !== "success" && mutation.status !== "error";
   const canJoin = selectedTeam !== null && !isMutating && mutation.status !== "success" && !alreadyJoined;
-  const handleJoin = useCallback16(async () => {
+  const handleJoin = useCallback17(async () => {
     if (!selectedTeam || !wallet.publicKey) return;
     try {
       await mutation.execute({
@@ -4142,7 +4389,7 @@ function JoinGameSheet({
           KeyboardAvoidingView3,
           {
             style: styles10.keyboardView,
-            behavior: Platform5.OS === "ios" ? "padding" : void 0,
+            behavior: Platform6.OS === "ios" ? "padding" : void 0,
             children: /* @__PURE__ */ jsx13(View11, { style: styles10.sheetPositioner, children: /* @__PURE__ */ jsxs11(View11, { style: [styles10.sheet, { backgroundColor: t.background }], children: [
               /* @__PURE__ */ jsx13(View11, { style: styles10.handleRow, children: /* @__PURE__ */ jsx13(View11, { style: [styles10.handle, { backgroundColor: t.textMuted }] }) }),
               /* @__PURE__ */ jsxs11(View11, { style: styles10.header, children: [
@@ -4260,7 +4507,7 @@ function TeamButton({
   ImageComponent,
   t
 }) {
-  const [imgFailed, setImgFailed] = useState20(false);
+  const [imgFailed, setImgFailed] = useState21(false);
   const Img = ImageComponent || __require("react-native").Image;
   const showImage = imageUrl && !imgFailed;
   return /* @__PURE__ */ jsxs11(
@@ -4437,7 +4684,7 @@ var styles10 = StyleSheet11.create({
 });
 
 // src/ui/game/ClaimPrizeSheet.tsx
-import { useState as useState21, useEffect as useEffect13, useRef as useRef6, useCallback as useCallback17 } from "react";
+import { useState as useState22, useEffect as useEffect13, useRef as useRef7, useCallback as useCallback18 } from "react";
 import {
   View as View12,
   Text as Text12,
@@ -4447,7 +4694,7 @@ import {
   Animated as Animated4,
   StyleSheet as StyleSheet12,
   KeyboardAvoidingView as KeyboardAvoidingView4,
-  Platform as Platform6
+  Platform as Platform7
 } from "react-native";
 import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 var STATUS_LABELS4 = {
@@ -4468,10 +4715,10 @@ function ClaimPrizeSheet({
   const t = useDubsTheme();
   const { wallet } = useDubs();
   const mutation = useClaim();
-  const overlayOpacity = useRef6(new Animated4.Value(0)).current;
-  const celebrationScale = useRef6(new Animated4.Value(0)).current;
-  const celebrationOpacity = useRef6(new Animated4.Value(0)).current;
-  const [showCelebration, setShowCelebration] = useState21(false);
+  const overlayOpacity = useRef7(new Animated4.Value(0)).current;
+  const celebrationScale = useRef7(new Animated4.Value(0)).current;
+  const celebrationOpacity = useRef7(new Animated4.Value(0)).current;
+  const [showCelebration, setShowCelebration] = useState22(false);
   useEffect13(() => {
     Animated4.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
@@ -4517,7 +4764,7 @@ function ClaimPrizeSheet({
   }, [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 = useCallback17(async () => {
+  const handleClaim = useCallback18(async () => {
     if (!wallet.publicKey) return;
     try {
       await mutation.execute({
@@ -4542,7 +4789,7 @@ function ClaimPrizeSheet({
           KeyboardAvoidingView4,
           {
             style: styles11.keyboardView,
-            behavior: Platform6.OS === "ios" ? "padding" : void 0,
+            behavior: Platform7.OS === "ios" ? "padding" : void 0,
             children: /* @__PURE__ */ jsx14(View12, { style: styles11.sheetPositioner, children: /* @__PURE__ */ jsxs12(View12, { style: [styles11.sheet, { backgroundColor: t.background }], children: [
               /* @__PURE__ */ jsx14(View12, { style: styles11.handleRow, children: /* @__PURE__ */ jsx14(View12, { style: [styles11.handle, { backgroundColor: t.textMuted }] }) }),
               /* @__PURE__ */ jsxs12(View12, { style: styles11.header, children: [
@@ -4750,7 +4997,7 @@ var styles11 = StyleSheet12.create({
 });
 
 // src/ui/game/ClaimButton.tsx
-import { useState as useState22, useMemo as useMemo7, useCallback as useCallback18 } from "react";
+import { useState as useState23, useMemo as useMemo8, useCallback as useCallback19 } from "react";
 import { StyleSheet as StyleSheet13, Text as Text13, TouchableOpacity as TouchableOpacity9 } from "react-native";
 import { Fragment as Fragment5, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 function ClaimButton({ gameId, style, onSuccess, onError }) {
@@ -4758,9 +5005,9 @@ function ClaimButton({ gameId, style, onSuccess, onError }) {
   const { wallet } = useDubs();
   const game = useGame(gameId);
   const claimStatus = useHasClaimed(gameId);
-  const [sheetVisible, setSheetVisible] = useState22(false);
+  const [sheetVisible, setSheetVisible] = useState23(false);
   const walletAddress = wallet.publicKey?.toBase58() ?? null;
-  const myBet = useMemo7(() => {
+  const myBet = useMemo8(() => {
     if (!walletAddress || !game.data?.bettors) return null;
     return game.data.bettors.find((b) => b.wallet === walletAddress) ?? null;
   }, [walletAddress, game.data?.bettors]);
@@ -4769,7 +5016,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 = useCallback18(
+  const handleSuccess = useCallback19(
     (result) => {
       claimStatus.refetch();
       onSuccess?.(result);
@@ -4897,6 +5144,7 @@ export {
   useHasClaimed,
   useJoinGame,
   useNetworkGames,
+  usePushNotifications,
   useUFCFightCard,
   useUFCFighterDetail
 };