@umituz/react-native-design-system 2.9.60 → 2.9.62

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "2.9.60",
+  "version": "2.9.62",
   "description": "Universal design system for React Native apps - Consolidated package with atoms, molecules, organisms, theme, typography, responsive, safe area, exception, infinite scroll, UUID, image, timezone, offline, onboarding, and loading utilities",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/init/env/createEnvConfig.ts

@@ -4,6 +4,7 @@
  */
 
 import { Platform } from "react-native";
+import Constants from "expo-constants";
 import type {
   EnvConfig,
   EnvAccessor,
@@ -103,6 +104,18 @@ export function createEnvConfig(
   };
 
   const getRevenueCatApiKey = (): string => {
+    // Auto-select test store key in Expo Go (appOwnership === 'expo')
+    const isExpoGo = Constants.appOwnership === "expo";
+    const testStoreKey = config.revenueCat?.testStoreKey;
+
+    if (isExpoGo && testStoreKey) {
+      if (typeof __DEV__ !== "undefined" && __DEV__) {
+        console.log("[createEnvConfig] Using RevenueCat Test Store Key (Expo Go)");
+      }
+      return testStoreKey;
+    }
+
+    // Use platform-specific production key
     const platformKey =
       Platform.OS === "ios"
         ? config.revenueCat?.iosKey ||

package/src/init/useAppInitialization.ts

@@ -3,7 +3,7 @@
  * Manages app initialization state in React components
  */
 
-import { useState, useEffect, useCallback } from "react";
+import { useState, useEffect, useRef } from "react";
 import type {
   UseAppInitializationOptions,
   UseAppInitializationReturn,
@@ -34,42 +34,60 @@ export function useAppInitialization(
   const [isLoading, setIsLoading] = useState(!skip);
   const [error, setError] = useState<Error | null>(null);
 
-  const initialize = useCallback(async () => {
+  // Store callbacks in refs to avoid re-running effect
+  const onReadyRef = useRef(onReady);
+  const onErrorRef = useRef(onError);
+
+  useEffect(() => {
+    onReadyRef.current = onReady;
+    onErrorRef.current = onError;
+  });
+
+  useEffect(() => {
     if (skip) {
       setIsReady(true);
       setIsLoading(false);
       return;
     }
 
-    try {
-      setIsLoading(true);
-      setError(null);
+    let cancelled = false;
 
-      const result = await initializer();
+    const initialize = async () => {
+      try {
+        setIsLoading(true);
+        setError(null);
 
-      if (!result.success && result.failedModules.length > 0) {
-        const criticalFailed = result.failedModules.length > 0;
-        if (criticalFailed) {
+        const result = await initializer();
+
+        if (cancelled) return;
+
+        if (!result.success && result.failedModules.length > 0) {
           throw new Error(
             `Initialization failed: ${result.failedModules.join(", ")}`
           );
         }
-      }
 
-      setIsReady(true);
-      onReady?.();
-    } catch (err) {
-      const error = err instanceof Error ? err : new Error(String(err));
-      setError(error);
-      onError?.(error);
-    } finally {
-      setIsLoading(false);
-    }
-  }, [initializer, skip, onReady, onError]);
+        setIsReady(true);
+        onReadyRef.current?.();
+      } catch (err) {
+        if (cancelled) return;
+
+        const error = err instanceof Error ? err : new Error(String(err));
+        setError(error);
+        onErrorRef.current?.(error);
+      } finally {
+        if (!cancelled) {
+          setIsLoading(false);
+        }
+      }
+    };
 
-  useEffect(() => {
     initialize();
-  }, [initialize]);
+
+    return () => {
+      cancelled = true;
+    };
+  }, [initializer, skip]);
 
   return { isReady, isLoading, error };
 }

package/src/onboarding/infrastructure/storage/OnboardingStoreState.ts

@@ -16,7 +16,7 @@ export interface OnboardingStoreState {
 export const initialOnboardingState: OnboardingStoreState = {
   isOnboardingComplete: false,
   currentStep: 0,
-  loading: true,
+  loading: false,
   error: null,
   userData: { answers: {} },
 };