@dubsdotapp/expo 0.2.70 → 0.2.72

package/package.json

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

package/src/client.ts

@@ -473,9 +473,13 @@ export class DubsClient {
 
   // ── App Config ──
 
-  /** Fetch the app's UI customization config (accent color, icon, tagline) */
+  /** Fetch the app's UI customization config (accent color, icon, tagline, environment) */
   async getAppConfig(): Promise<UiConfig> {
-    const res = await this.request<{ data: { uiConfig: UiConfig } }>('GET', '/apps/config');
-    return res.data?.uiConfig || {};
+    const res = await this.request<{ data: { environment?: string; uiConfig: UiConfig } }>('GET', '/apps/config');
+    const config = res.data?.uiConfig || {};
+    if (res.data?.environment) {
+      config.environment = res.data.environment as UiConfig['environment'];
+    }
+    return config;
   }
 }

package/src/hooks/useAuth.ts

@@ -2,6 +2,7 @@ import { useState, useCallback, useRef, useContext } from 'react';
 import bs58 from 'bs58';
 import { useDubs } from '../provider';
 import { AuthContext } from '../auth-context';
+import { useDisconnect } from '../managed-wallet';
 import { getDeviceInfo } from '../utils/device';
 import type { AuthStatus, DubsUser } from '../types';
 
@@ -51,6 +52,7 @@ export function useAuth(): UseAuthResult {
   const sharedAuth = useContext(AuthContext);
 
   const { client, wallet } = useDubs();
+  const disconnect = useDisconnect();
   const [status, setStatus] = useState<AuthStatus>('idle');
   const [user, setUser] = useState<DubsUser | null>(null);
   const [token, setToken] = useState<string | null>(null);
@@ -117,10 +119,19 @@ export function useAuth(): UseAuthResult {
       setToken(result.token!);
       setStatus('authenticated');
     } catch (err) {
-      setError(err instanceof Error ? err : new Error(String(err)));
+      const message = err instanceof Error ? err.message : String(err);
+      // Phantom 4100 = stale/revoked session — clear it and return to connect screen
+      if (message.includes('4100') || message.includes('not been authorized')) {
+        console.log('[useAuth] Stale Phantom session detected (4100), forcing disconnect');
+        await disconnect?.();
+        setStatus('idle');
+        setError(null);
+        return;
+      }
+      setError(err instanceof Error ? err : new Error(message));
       setStatus('error');
     }
-  }, [client, wallet]);
+  }, [client, wallet, disconnect]);
 
   const register = useCallback(async (username: string, referralCode?: string, avatarUrl?: string) => {
     try {

package/src/hooks/useCreateCustomGame.ts

@@ -47,7 +47,7 @@ export function useCreateCustomGame() {
       // 3. Confirm with backend
       setStatus('confirming');
       console.log('[useCreateCustomGame] Step 3: Confirming with backend...');
-      await client.confirmCustomGame({
+      const confirmResult = await client.confirmCustomGame({
         gameId: createResult.gameId,
         playerWallet: params.playerWallet,
         signature,
@@ -58,12 +58,11 @@ export function useCreateCustomGame() {
       });
       console.log('[useCreateCustomGame] Step 3 done.');
 
-      const explorerUrl = `https://solscan.io/tx/${signature}`;
       const result: CreateCustomGameMutationResult = {
         gameId: createResult.gameId,
         gameAddress: createResult.gameAddress,
         signature,
-        explorerUrl,
+        explorerUrl: confirmResult.explorerUrl,
         buyIn: params.wagerAmount,
       };
 

package/src/hooks/useCreateGame.ts

@@ -46,7 +46,7 @@ export function useCreateGame() {
       // 3. Confirm with backend (server handles on-chain verification)
       setStatus('confirming');
       console.log('[useCreateGame] Step 3: Confirming with backend...');
-      await client.confirmGame({
+      const confirmResult = await client.confirmGame({
         gameId: createResult.gameId,
         playerWallet: params.playerWallet,
         signature,
@@ -57,12 +57,11 @@ export function useCreateGame() {
       });
       console.log('[useCreateGame] Step 3 done.');
 
-      const explorerUrl = `https://solscan.io/tx/${signature}`;
       const result: CreateGameMutationResult = {
         gameId: createResult.gameId,
         gameAddress: createResult.gameAddress,
         signature,
-        explorerUrl,
+        explorerUrl: confirmResult.explorerUrl,
       };
 
       setData(result);

package/src/hooks/useJoinGame.ts

@@ -55,15 +55,14 @@ export function useJoinGame() {
         gameAddress: joinResult.gameAddress,
       };
       console.log('[useJoinGame] Step 3: Confirming with backend...', confirmParams);
-      await client.confirmGame(confirmParams);
+      const confirmResult = await client.confirmGame(confirmParams);
       console.log('[useJoinGame] Step 3 done. Backend confirmed.');
 
-      const explorerUrl = `https://solscan.io/tx/${signature}`;
       const result: JoinGameMutationResult = {
         gameId: params.gameId,
         gameAddress: joinResult.gameAddress,
         signature,
-        explorerUrl,
+        explorerUrl: confirmResult.explorerUrl,
       };
 
       setData(result);

package/src/provider.tsx

@@ -86,20 +86,26 @@ export function DubsProvider({
   const config = NETWORK_CONFIG[network];
   const baseUrl = baseUrlOverride || config.baseUrl;
   const rpcUrl = rpcUrlOverride || config.rpcUrl;
-  const cluster = config.cluster;
 
   // Create stable instances
   const client = useMemo(() => new DubsClient({ apiKey, baseUrl }), [apiKey, baseUrl]);
-  const connection = useMemo(() => new Connection(rpcUrl, { commitment: 'confirmed' }), [rpcUrl]);
   const storage = useMemo(() => tokenStorage || createSecureStoreStorage(), [tokenStorage]);
 
   // Fetch developer UI config on mount (silent fail = default theme)
+  // Also auto-detects sandbox/production environment from the API key
   const [uiConfig, setUiConfig] = useState<UiConfig | null>(null);
+  const [resolvedNetwork, setResolvedNetwork] = useState<DubsNetwork>(network);
   useEffect(() => {
     client.getAppConfig()
-      .then((config) => {
-        console.log('[DubsProvider] UI config loaded:', JSON.stringify(config));
-        setUiConfig(config);
+      .then((cfg) => {
+        console.log('[DubsProvider] UI config loaded:', JSON.stringify(cfg));
+        setUiConfig(cfg);
+        // Auto-detect network from API key environment (sandbox → devnet)
+        // Only override if the user didn't explicitly set network or rpcUrl
+        if (cfg.environment === 'sandbox' && network === 'mainnet-beta' && !rpcUrlOverride) {
+          console.log('[DubsProvider] Sandbox API key detected — auto-switching to devnet');
+          setResolvedNetwork('devnet');
+        }
       })
       .catch((err) => {
         console.log('[DubsProvider] UI config fetch failed, using defaults:', err?.message);
@@ -110,6 +116,14 @@ export function DubsProvider({
   // Wait for config before rendering so accent color is applied on first paint
   if (uiConfig === null) return null;
 
+  // Use resolved network (may differ from prop if sandbox was auto-detected)
+  const resolvedConfig = NETWORK_CONFIG[resolvedNetwork];
+  const resolvedRpcUrl = rpcUrlOverride || resolvedConfig.rpcUrl;
+  const cluster = resolvedConfig.cluster;
+
+  // Connection uses the resolved RPC (auto-switched to devnet for sandbox keys)
+  const connection = useMemo(() => new Connection(resolvedRpcUrl, { commitment: 'confirmed' }), [resolvedRpcUrl]);
+
   // Build theme overrides from server config so all SDK components respect the tint
   const themeOverrides: Partial<DubsTheme> = {};
   if (uiConfig.accentColor) {
@@ -125,7 +139,7 @@ export function DubsProvider({
           connection={connection}
           wallet={externalWallet}
           appName={uiConfig.appName || appName}
-          network={network}
+          network={resolvedNetwork}
           storage={storage}
           managed={managed}
           renderLoading={renderLoading}
@@ -161,7 +175,7 @@ export function DubsProvider({
             connection={connection}
             wallet={adapter}
             appName={uiConfig.appName || appName}
-            network={network}
+            network={resolvedNetwork}
             storage={storage}
             renderLoading={renderLoading}
             renderError={renderError}

package/src/types.ts

@@ -489,4 +489,5 @@ export interface UiConfig {
   appName?: string;
   appUrl?: string;
   tagline?: string;
+  environment?: 'sandbox' | 'production';
 }