@dubsdotapp/expo 0.2.59 → 0.2.61

package/dist/index.mjs

@@ -557,7 +557,7 @@ function createSecureStoreStorage() {
 }
 
 // src/provider.tsx
-import { createContext as createContext4, useContext as useContext4, useMemo as useMemo2, useCallback as useCallback15, useState as useState16, useEffect as useEffect10 } from "react";
+import { createContext as createContext4, useContext as useContext4, useMemo as useMemo2, useCallback as useCallback15, useState as useState16, useEffect as useEffect11 } from "react";
 
 // src/ui/theme.ts
 import { createContext, useContext } from "react";
@@ -1622,7 +1622,7 @@ function ManagedWalletProvider({
 }
 
 // src/ui/AuthGate.tsx
-import React2, { useState as useState15, useEffect as useEffect9, useRef as useRef4, useCallback as useCallback14 } from "react";
+import React2, { useState as useState15, useEffect as useEffect10, useRef as useRef4, useCallback as useCallback14 } from "react";
 import {
   View as View2,
   Text as Text2,
@@ -2310,7 +2310,7 @@ function useUFCFighterDetail(athleteId) {
 }
 
 // src/hooks/usePushNotifications.ts
-import { useState as useState14, useCallback as useCallback13, useRef as useRef3, useMemo } from "react";
+import { useState as useState14, useCallback as useCallback13, useRef as useRef3, useMemo, useEffect as useEffect9 } from "react";
 import { Platform as Platform3 } from "react-native";
 function usePushNotifications() {
   const { client, appName } = useDubs();
@@ -2408,16 +2408,23 @@ function usePushNotifications() {
       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);
+      setExpoPushToken(token);
+      setHasPermission(true);
       setupAndroidChannels(Notifications);
     } catch (err) {
+      setHasPermission(false);
       console.log("[usePushNotifications] Restore skipped:", err instanceof Error ? err.message : err);
     }
   }, [getNotificationsModule, registerTokenWithServer, setupAndroidChannels]);
+  const didMount = useRef3(false);
+  useEffect9(() => {
+    if (didMount.current) return;
+    didMount.current = true;
+    restoreIfGranted();
+  }, []);
   return {
     hasPermission,
     expoPushToken,
@@ -2461,7 +2468,7 @@ function AuthGate({
   const [registrationPhase, setRegistrationPhase] = useState15(false);
   const [showPushSetup, setShowPushSetup] = useState15(false);
   const [isRestoredSession, setIsRestoredSession] = useState15(false);
-  useEffect9(() => {
+  useEffect10(() => {
     let cancelled = false;
     (async () => {
       try {
@@ -2488,15 +2495,15 @@ function AuthGate({
       cancelled = true;
     };
   }, []);
-  useEffect9(() => {
+  useEffect10(() => {
     if (auth.status === "needsRegistration") setRegistrationPhase(true);
   }, [auth.status]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (auth.status === "authenticated" && registrationPhase && !isRestoredSession) {
       setShowPushSetup(true);
     }
   }, [auth.status, registrationPhase, isRestoredSession]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (auth.token) onSaveToken(auth.token);
   }, [auth.token]);
   const retry = useCallback14(() => {
@@ -2632,7 +2639,7 @@ function DefaultRegistrationScreen({
   const fadeAnim = useRef4(new Animated.Value(1)).current;
   const slideAnim = useRef4(new Animated.Value(0)).current;
   const avatarUrl = getAvatarUrl(avatarStyle, avatarSeed);
-  useEffect9(() => {
+  useEffect10(() => {
     if (debounceRef.current) clearTimeout(debounceRef.current);
     const trimmed = username.trim();
     if (trimmed.length < 3) {
@@ -2892,7 +2899,7 @@ function DefaultRegistrationScreen({
 function PushTokenRestorer() {
   const push = usePushNotifications();
   const restored = useRef4(false);
-  useEffect9(() => {
+  useEffect10(() => {
     if (restored.current) return;
     restored.current = true;
     push.restoreIfGranted();
@@ -2909,7 +2916,7 @@ function PushSetupScreen({
   const push = usePushNotifications();
   const fadeAnim = useRef4(new Animated.Value(0)).current;
   const slideAnim = useRef4(new Animated.Value(30)).current;
-  useEffect9(() => {
+  useEffect10(() => {
     Animated.parallel([
       Animated.timing(fadeAnim, { toValue: 1, duration: 300, useNativeDriver: true }),
       Animated.timing(slideAnim, { toValue: 0, duration: 300, useNativeDriver: true })
@@ -3071,7 +3078,7 @@ function DubsProvider({
   const connection = useMemo2(() => new Connection2(rpcUrl, { commitment: "confirmed" }), [rpcUrl]);
   const storage = useMemo2(() => tokenStorage || createSecureStoreStorage(), [tokenStorage]);
   const [uiConfig, setUiConfig] = useState16(null);
-  useEffect10(() => {
+  useEffect11(() => {
     client.getAppConfig().then((config2) => {
       console.log("[DubsProvider] UI config loaded:", JSON.stringify(config2));
       setUiConfig(config2);
@@ -3455,7 +3462,7 @@ var styles3 = StyleSheet4.create({
 });
 
 // src/ui/UserProfileSheet.tsx
-import { useState as useState17, useEffect as useEffect11, useRef as useRef5, useCallback as useCallback16, useMemo as useMemo4 } from "react";
+import { useState as useState17, useEffect as useEffect12, useRef as useRef5, useCallback as useCallback16, useMemo as useMemo4 } from "react";
 import {
   View as View5,
   Text as Text5,
@@ -3514,19 +3521,19 @@ function UserProfileSheet({
   const [avatarSeed, setAvatarSeed] = useState17(parsed.seed);
   const [saving, setSaving] = useState17(false);
   const [error, setError] = useState17(null);
-  useEffect11(() => {
+  useEffect12(() => {
     const p = parseAvatarUrl(user.avatar);
     setAvatarStyle(p.style);
     setAvatarSeed(p.seed);
   }, [user.avatar]);
-  useEffect11(() => {
+  useEffect12(() => {
     Animated2.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (visible) setError(null);
   }, [visible]);
   const currentAvatarUrl = getAvatarUrl2(avatarStyle, avatarSeed);
@@ -3679,6 +3686,7 @@ function UserProfileSheet({
                         }
                       )
                     ] }),
+                    push.error ? /* @__PURE__ */ jsx7(View5, { style: [styles4.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ jsx7(Text5, { style: [styles4.errorText, { color: t.errorText }], children: push.error.message }) }) : null,
                     onDisconnect ? /* @__PURE__ */ jsx7(
                       TouchableOpacity4,
                       {
@@ -4347,7 +4355,7 @@ var styles9 = StyleSheet10.create({
 });
 
 // src/ui/game/CreateCustomGameSheet.tsx
-import { useState as useState21, useEffect as useEffect12, useRef as useRef6, useCallback as useCallback17 } from "react";
+import { useState as useState21, useEffect as useEffect13, useRef as useRef6, useCallback as useCallback17 } from "react";
 import {
   View as View11,
   Text as Text11,
@@ -4388,14 +4396,14 @@ function CreateCustomGameSheet({
   const [customAmount, setCustomAmount] = useState21("");
   const [isCustom, setIsCustom] = useState21(false);
   const overlayOpacity = useRef6(new Animated3.Value(0)).current;
-  useEffect12(() => {
+  useEffect13(() => {
     Animated3.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (visible) {
       setSelectedAmount(defaultAmount ?? null);
       setCustomAmount("");
@@ -4403,7 +4411,7 @@ function CreateCustomGameSheet({
       mutation.reset();
     }
   }, [visible]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (mutation.status === "success" && mutation.data) {
       onSuccess?.(mutation.data);
       const timer = setTimeout(() => {
@@ -4412,7 +4420,7 @@ function CreateCustomGameSheet({
       return () => clearTimeout(timer);
     }
   }, [mutation.status, mutation.data]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (mutation.status === "error" && mutation.error) {
       onError?.(mutation.error);
     }
@@ -4712,7 +4720,7 @@ var styles10 = StyleSheet11.create({
 });
 
 // src/ui/game/JoinGameSheet.tsx
-import { useState as useState22, useEffect as useEffect13, useRef as useRef7, useCallback as useCallback18, useMemo as useMemo8 } from "react";
+import { useState as useState22, useEffect as useEffect14, useRef as useRef7, useCallback as useCallback18, useMemo as useMemo8 } from "react";
 import {
   View as View12,
   Text as Text12,
@@ -4750,20 +4758,20 @@ function JoinGameSheet({
   const isCustomGame = game.gameMode === CUSTOM_GAME_MODE;
   const [selectedTeam, setSelectedTeam] = useState22(null);
   const overlayOpacity = useRef7(new Animated4.Value(0)).current;
-  useEffect13(() => {
+  useEffect14(() => {
     Animated4.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (visible) {
       setSelectedTeam(isPoolModeEnabled ? "home" : isCustomGame ? "away" : null);
       mutation.reset();
     }
   }, [visible]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (mutation.status === "success" && mutation.data) {
       onSuccess?.(mutation.data);
       const timer = setTimeout(() => {
@@ -4772,7 +4780,7 @@ function JoinGameSheet({
       return () => clearTimeout(timer);
     }
   }, [mutation.status, mutation.data]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (mutation.status === "error" && mutation.error) {
       onError?.(mutation.error);
     }
@@ -5123,7 +5131,7 @@ var styles11 = StyleSheet12.create({
 });
 
 // src/ui/game/ClaimPrizeSheet.tsx
-import { useState as useState23, useEffect as useEffect14, useRef as useRef8, useCallback as useCallback19 } from "react";
+import { useState as useState23, useEffect as useEffect15, useRef as useRef8, useCallback as useCallback19 } from "react";
 import {
   View as View13,
   Text as Text13,
@@ -5158,14 +5166,14 @@ function ClaimPrizeSheet({
   const celebrationScale = useRef8(new Animated5.Value(0)).current;
   const celebrationOpacity = useRef8(new Animated5.Value(0)).current;
   const [showCelebration, setShowCelebration] = useState23(false);
-  useEffect14(() => {
+  useEffect15(() => {
     Animated5.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  useEffect14(() => {
+  useEffect15(() => {
     if (visible) {
       mutation.reset();
       setShowCelebration(false);
@@ -5173,7 +5181,7 @@ function ClaimPrizeSheet({
       celebrationOpacity.setValue(0);
     }
   }, [visible]);
-  useEffect14(() => {
+  useEffect15(() => {
     if (mutation.status === "success" && mutation.data) {
       setShowCelebration(true);
       Animated5.parallel([
@@ -5196,7 +5204,7 @@ function ClaimPrizeSheet({
       return () => clearTimeout(timer);
     }
   }, [mutation.status, mutation.data]);
-  useEffect14(() => {
+  useEffect15(() => {
     if (mutation.status === "error" && mutation.error) {
       onError?.(mutation.error);
     }