@dubsdotapp/expo 0.2.58 → 0.2.60

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();
@@ -2327,6 +2327,14 @@ function usePushNotifications() {
       return null;
     }
   }, []);
+  useEffect9(() => {
+    const Notifications = getNotificationsModule();
+    if (!Notifications) return;
+    Notifications.getPermissionsAsync().then(({ status }) => {
+      if (status === "granted") setHasPermission(true);
+    }).catch(() => {
+    });
+  }, [getNotificationsModule]);
   const getDeviceName = useCallback13(() => {
     try {
       const Device = __require("expo-device");
@@ -2461,7 +2469,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 +2496,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 +2640,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 +2900,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 +2917,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 +3079,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 +3463,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,
@@ -3467,7 +3475,8 @@ import {
   KeyboardAvoidingView as KeyboardAvoidingView2,
   Platform as Platform5,
   Image as Image4,
-  ScrollView as ScrollView3
+  ScrollView as ScrollView3,
+  Dimensions
 } from "react-native";
 import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 var DICEBEAR_STYLES2 = [
@@ -3513,19 +3522,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);
@@ -3678,6 +3687,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,
                       {
@@ -3716,9 +3726,8 @@ var styles4 = StyleSheet5.create({
     borderTopLeftRadius: 24,
     borderTopRightRadius: 24,
     paddingHorizontal: 20,
-    paddingBottom: 40,
-    minHeight: "70%",
-    maxHeight: "92%"
+    paddingBottom: 0,
+    height: Dimensions.get("window").height * 0.7
   },
   handleRow: {
     alignItems: "center",
@@ -4347,7 +4356,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 +4397,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 +4412,7 @@ function CreateCustomGameSheet({
       mutation.reset();
     }
   }, [visible]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (mutation.status === "success" && mutation.data) {
       onSuccess?.(mutation.data);
       const timer = setTimeout(() => {
@@ -4412,7 +4421,7 @@ function CreateCustomGameSheet({
       return () => clearTimeout(timer);
     }
   }, [mutation.status, mutation.data]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (mutation.status === "error" && mutation.error) {
       onError?.(mutation.error);
     }
@@ -4712,7 +4721,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 +4759,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 +4781,7 @@ function JoinGameSheet({
       return () => clearTimeout(timer);
     }
   }, [mutation.status, mutation.data]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (mutation.status === "error" && mutation.error) {
       onError?.(mutation.error);
     }
@@ -5123,7 +5132,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 +5167,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 +5182,7 @@ function ClaimPrizeSheet({
       celebrationOpacity.setValue(0);
     }
   }, [visible]);
-  useEffect14(() => {
+  useEffect15(() => {
     if (mutation.status === "success" && mutation.data) {
       setShowCelebration(true);
       Animated5.parallel([
@@ -5196,7 +5205,7 @@ function ClaimPrizeSheet({
       return () => clearTimeout(timer);
     }
   }, [mutation.status, mutation.data]);
-  useEffect14(() => {
+  useEffect15(() => {
     if (mutation.status === "error" && mutation.error) {
       onError?.(mutation.error);
     }