@dubsdotapp/expo 0.2.64 → 0.2.66

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dubsdotapp/expo",
-  "version": "0.2.64",
+  "version": "0.2.66",
   "description": "React Native SDK for the Dubs betting platform",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

package/src/hooks/usePushNotifications.ts

@@ -4,6 +4,8 @@ import { useDubs } from '../provider';
 import { DUBS_EXPO_PROJECT_ID } from '../constants';
 
 export interface PushNotificationStatus {
+  /** Whether push notifications are enabled in the SDK configuration */
+  enabled: boolean;
   /** Whether notification permission has been granted */
   hasPermission: boolean;
   /** The Expo push token, if registered */
@@ -27,7 +29,7 @@ export interface PushNotificationStatus {
 }
 
 export function usePushNotifications(): PushNotificationStatus {
-  const { client, appName } = useDubs();
+  const { client, appName, pushEnabled } = useDubs();
   const channelId = useMemo(() => appName.toLowerCase().replace(/[^a-z0-9-]/g, ''), [appName]);
   const [hasPermission, setHasPermission] = useState(false);
   const [expoPushToken, setExpoPushToken] = useState<string | null>(null);
@@ -72,6 +74,7 @@ export function usePushNotifications(): PushNotificationStatus {
   }, [client, getDeviceName]);
 
   const register = useCallback(async (): Promise<boolean> => {
+    if (!pushEnabled) return false;
     if (registering.current) return false;
     registering.current = true;
     setLoading(true);
@@ -138,6 +141,7 @@ export function usePushNotifications(): PushNotificationStatus {
   }, [client, expoPushToken]);
 
   const restoreIfGranted = useCallback(async () => {
+    if (!pushEnabled) return;
     try {
       const Notifications = getNotificationsModule();
       if (!Notifications) return;
@@ -171,6 +175,7 @@ export function usePushNotifications(): PushNotificationStatus {
   }, []); // eslint-disable-line react-hooks/exhaustive-deps
 
   return {
+    enabled: pushEnabled,
     hasPermission,
     expoPushToken,
     loading,

package/src/provider.tsx

@@ -24,6 +24,7 @@ export interface DubsContextValue {
   network: DubsNetwork;
   disconnect: () => Promise<void>;
   uiConfig: UiConfig;
+  pushEnabled: boolean;
 }
 
 const DubsContext = createContext<DubsContextValue | null>(null);
@@ -57,6 +58,8 @@ export interface DubsProviderProps {
   redirectUri?: string;
   /** App URL shown in Phantom's connect screen. */
   appUrl?: string;
+  /** Enable Dubs push notifications. Default: true. Set false if your app manages its own Firebase/push. */
+  pushEnabled?: boolean;
 }
 
 // ── Provider ──
@@ -77,6 +80,7 @@ export function DubsProvider({
   managed = true,
   redirectUri,
   appUrl,
+  pushEnabled = true,
 }: DubsProviderProps) {
   // Resolve network config — explicit props override network defaults
   const config = NETWORK_CONFIG[network];
@@ -129,6 +133,7 @@ export function DubsProvider({
           renderRegistration={renderRegistration}
           accentColor={uiConfig.accentColor}
           uiConfig={uiConfig}
+          pushEnabled={pushEnabled}
         >
           {children}
         </ExternalWalletProvider>
@@ -163,6 +168,7 @@ export function DubsProvider({
             renderRegistration={renderRegistration}
             accentColor={uiConfig.accentColor}
             uiConfig={uiConfig}
+            pushEnabled={pushEnabled}
           >
             {children}
           </ManagedInner>
@@ -186,6 +192,7 @@ function ManagedInner({
   renderRegistration,
   accentColor,
   uiConfig,
+  pushEnabled,
   children,
 }: {
   client: DubsClient;
@@ -199,6 +206,7 @@ function ManagedInner({
   renderRegistration?: (props: RegistrationScreenProps) => React.ReactNode;
   accentColor?: string;
   uiConfig: UiConfig;
+  pushEnabled: boolean;
   children: React.ReactNode;
 }) {
   const managedDisconnect = useDisconnect();
@@ -211,8 +219,8 @@ function ManagedInner({
   }, [client, managedDisconnect]);
 
   const value = useMemo<DubsContextValue>(
-    () => ({ client, wallet, connection, appName, network, disconnect, uiConfig }),
-    [client, wallet, connection, appName, network, disconnect, uiConfig],
+    () => ({ client, wallet, connection, appName, network, disconnect, uiConfig, pushEnabled }),
+    [client, wallet, connection, appName, network, disconnect, uiConfig, pushEnabled],
   );
 
   return (
@@ -250,6 +258,7 @@ function ExternalWalletProvider({
   renderRegistration,
   accentColor,
   uiConfig,
+  pushEnabled,
   children,
 }: {
   client: DubsClient;
@@ -264,6 +273,7 @@ function ExternalWalletProvider({
   renderRegistration?: (props: RegistrationScreenProps) => React.ReactNode;
   accentColor?: string;
   uiConfig: UiConfig;
+  pushEnabled: boolean;
   children: React.ReactNode;
 }) {
   const disconnect = useCallback(async () => {
@@ -273,8 +283,8 @@ function ExternalWalletProvider({
   }, [client, storage, wallet]);
 
   const value = useMemo<DubsContextValue>(
-    () => ({ client, wallet, connection, appName, network, disconnect, uiConfig }),
-    [client, wallet, connection, appName, network, disconnect, uiConfig],
+    () => ({ client, wallet, connection, appName, network, disconnect, uiConfig, pushEnabled }),
+    [client, wallet, connection, appName, network, disconnect, uiConfig, pushEnabled],
   );
 
   if (!managed) {

package/src/ui/AuthGate.tsx

@@ -73,7 +73,7 @@ export function AuthGate({
   appName = 'Dubs',
   accentColor,
 }: AuthGateProps) {
-  const { client } = useDubs();
+  const { client, pushEnabled } = useDubs();
   const auth = useAuth();
   const [phase, setPhase] = useState<'init' | 'active'>('init');
   const [registrationPhase, setRegistrationPhase] = useState(false);
@@ -109,10 +109,10 @@ export function AuthGate({
 
   // Show push setup after new registration completes (not restored sessions)
   useEffect(() => {
-    if (auth.status === 'authenticated' && registrationPhase && !isRestoredSession) {
+    if (pushEnabled && auth.status === 'authenticated' && registrationPhase && !isRestoredSession) {
       setShowPushSetup(true);
     }
-  }, [auth.status, registrationPhase, isRestoredSession]);
+  }, [pushEnabled, auth.status, registrationPhase, isRestoredSession]);
 
   useEffect(() => {
     if (auth.token) onSaveToken(auth.token);
@@ -151,7 +151,7 @@ export function AuthGate({
     }
     return (
       <AuthContext.Provider value={auth}>
-        <PushTokenRestorer />
+        {pushEnabled && <PushTokenRestorer />}
         {children}
       </AuthContext.Provider>
     );

package/src/ui/UserProfileSheet.tsx

@@ -254,36 +254,38 @@ export function UserProfileSheet({
               ) : null}
 
               {/* Push Notifications */}
-              <View style={[styles.notifRow, { backgroundColor: t.surface, borderColor: t.border }]}>
-                <View style={styles.notifLeft}>
-                  <Text style={[styles.notifLabel, { color: t.text }]}>Push Notifications</Text>
-                  <Text
-                    style={[
-                      styles.notifStatus,
-                      { color: push.hasPermission ? t.success : t.textMuted },
-                    ]}
-                  >
-                    {push.hasPermission ? 'Enabled' : 'Disabled'}
-                  </Text>
+              {push.enabled && (
+                <View style={[styles.notifRow, { backgroundColor: t.surface, borderColor: t.border }]}>
+                  <View style={styles.notifLeft}>
+                    <Text style={[styles.notifLabel, { color: t.text }]}>Push Notifications</Text>
+                    <Text
+                      style={[
+                        styles.notifStatus,
+                        { color: push.hasPermission ? t.success : t.textMuted },
+                      ]}
+                    >
+                      {push.hasPermission ? 'Enabled' : 'Disabled'}
+                    </Text>
+                  </View>
+                  {!push.hasPermission && (
+                    <TouchableOpacity
+                      style={[styles.enableButton, { backgroundColor: t.accent }]}
+                      onPress={push.register}
+                      disabled={push.loading}
+                      activeOpacity={0.8}
+                    >
+                      {push.loading ? (
+                        <ActivityIndicator size="small" color="#FFFFFF" />
+                      ) : (
+                        <Text style={styles.enableText}>Enable</Text>
+                      )}
+                    </TouchableOpacity>
+                  )}
                 </View>
-                {!push.hasPermission && (
-                  <TouchableOpacity
-                    style={[styles.enableButton, { backgroundColor: t.accent }]}
-                    onPress={push.register}
-                    disabled={push.loading}
-                    activeOpacity={0.8}
-                  >
-                    {push.loading ? (
-                      <ActivityIndicator size="small" color="#FFFFFF" />
-                    ) : (
-                      <Text style={styles.enableText}>Enable</Text>
-                    )}
-                  </TouchableOpacity>
-                )}
-              </View>
+              )}
 
               {/* Push error */}
-              {push.error ? (
+              {push.enabled && push.error ? (
                 <View style={[styles.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }]}>
                   <Text style={[styles.errorText, { color: t.errorText }]}>{push.error.message}</Text>
                 </View>