@umituz/react-native-subscription 2.41.2 → 2.41.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-subscription",
-  "version": "2.41.2",
+  "version": "2.41.4",
   "description": "Complete subscription management with RevenueCat, paywall UI, and credits system for React Native apps",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/domains/subscription/presentation/components/ManagedSubscriptionFlow.tsx

@@ -130,18 +130,34 @@ const ManagedSubscriptionFlowInner: React.FC<ManagedSubscriptionFlowProps> = ({
     }
   };
 
-  // 1. Loading / Splash View
+  // 1. Loading / Initialization View
   if (status === SubscriptionFlowStatus.INITIALIZING || !islocalizationReady) {
-    if (splash && (!isSplashComplete || !islocalizationReady)) {
-       return (
-        <SplashScreen
-          appName={splash.appName}
-          tagline={splash.tagline}
-          colors={tokens.colors}
-        />
-      );
+    if (__DEV__) {
+       console.log('[ManagedSubscriptionFlow] ⏳ Rendering Initialization state', {
+         status,
+         islocalizationReady,
+         hasSplashConfig: !!splash,
+         isSplashComplete
+       });
     }
-    return null;
+
+    // Even if no splash config provided, we should show a basic splash to avoid white screen
+    return (
+      <SplashScreen
+        appName={splash?.appName || "Loading..."}
+        tagline={splash?.tagline || "Please wait while we set things up"}
+        colors={tokens.colors}
+      />
+    );
+  }
+
+  if (__DEV__) {
+    console.log('[ManagedSubscriptionFlow] 🔄 Rendering Main state', {
+      status,
+      isSplashComplete,
+      islocalizationReady,
+      showFeedback: flowState.showFeedback
+    });
   }
 
   // 2. Onboarding View

package/src/domains/subscription/presentation/providers/SubscriptionFlowProvider.tsx

@@ -1,5 +1,6 @@
 import React, { createContext, useContext, useEffect } from "react";
 import { useSubscriptionFlowStore, SubscriptionFlowStatus } from "../useSubscriptionFlow";
+import { initializationState } from "../../infrastructure/state/initializationState";
 
 interface SubscriptionFlowContextType {
   status: SubscriptionFlowStatus;
@@ -10,8 +11,39 @@ const SubscriptionFlowContext = createContext<SubscriptionFlowContextType | unde
 export const SubscriptionFlowProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {
   const store = useSubscriptionFlowStore();
 
+  useEffect(() => {
+    // 1. Listen to background initialization state
+    const unsubscribe = initializationState.subscribe(() => {
+      const { initialized } = initializationState.getSnapshot();
+      if (__DEV__) {
+        console.log('[SubscriptionFlowProvider] 🔄 Initialization state updated:', { initialized });
+      }
+      if (initialized && !store.isInitialized) {
+        store.setInitialized(true);
+      }
+    });
+
+    // Check initial state
+    const { initialized } = initializationState.getSnapshot();
+    if (initialized && !store.isInitialized) {
+      if (__DEV__) console.log('[SubscriptionFlowProvider] ✅ Already initialized on mount');
+      store.setInitialized(true);
+    }
+
+    return () => unsubscribe();
+  }, [store.isInitialized, store.setInitialized]);
+
   useEffect(() => {
     // This effect manages the overall flow status transition
+    if (__DEV__) {
+       console.log('[SubscriptionFlowProvider] 🧠 Calculating Status Transition', {
+         isInitialized: store.isInitialized,
+         isOnboardingComplete: store.isOnboardingComplete,
+         showPostOnboardingPaywall: store.showPostOnboardingPaywall,
+         currentStatus: store.status
+       });
+    }
+
     if (!store.isInitialized) {
       store.setStatus(SubscriptionFlowStatus.INITIALIZING);
       return;
@@ -27,6 +59,7 @@ export const SubscriptionFlowProvider: React.FC<{ children: React.ReactNode }> =
       return;
     }
 
+    if (__DEV__) console.log('[SubscriptionFlowProvider] 🏆 Flow is READY');
     store.setStatus(SubscriptionFlowStatus.READY);
   }, [
     store.isInitialized,