@umituz/react-native-subscription 2.43.16 → 2.43.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-subscription",
-  "version": "2.43.16",
+  "version": "2.43.18",
   "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

@@ -76,10 +76,9 @@ export interface ManagedSubscriptionFlowProps {
  */
 import {
   SubscriptionFlowProvider,
-  useSubscriptionFlowStatus,
-  useSubscriptionFlowStore
+  useSubscriptionFlowStatus
 } from "../providers/SubscriptionFlowProvider";
-import { SubscriptionFlowStatus } from "../useSubscriptionFlow";
+import { useSubscriptionFlowStore, SubscriptionFlowStatus } from "../useSubscriptionFlow";
 
 const ManagedSubscriptionFlowInner = React.memo<ManagedSubscriptionFlowProps>(({
   children,
@@ -96,7 +95,13 @@ const ManagedSubscriptionFlowInner = React.memo<ManagedSubscriptionFlowProps>(({
   const { isInitialized: isSplashComplete } = useSplashFlow({
     duration: splash?.duration || 0,
   });
-  
+
+  // Hooks for paywall (called at component level, not inside conditional render)
+  const { isPremium, isSyncing, credits } = usePremiumStatus();
+  const { packages } = usePremiumPackages();
+  const { purchasePackage, restorePurchase } = usePremiumActions();
+  const { closePostOnboardingPaywall } = useSubscriptionFlowStore();
+
   const [isNavReady, setIsNavReady] = useState(false);
 
   // Mark navigation tree as ready after splash and localization
@@ -188,33 +193,24 @@ const ManagedSubscriptionFlowInner = React.memo<ManagedSubscriptionFlowProps>(({
       });
     }
 
-    const PostOnboardingPaywall = () => {
-      const { isPremium, isSyncing, credits } = usePremiumStatus();
-      const { packages } = usePremiumPackages();
-      const { purchasePackage, restorePurchase } = usePremiumActions();
-      const { closePostOnboardingPaywall } = useSubscriptionFlowStore();
-
-      return (
-        <PaywallScreen
-          translations={paywall.translations}
-          legalUrls={paywall.legalUrls}
-          features={paywall.features}
-          bestValueIdentifier={paywall.bestValueIdentifier}
-          creditsLabel={paywall.creditsLabel}
-          heroImage={paywall.heroImage}
-          source="onboarding"
-          packages={packages}
-          isPremium={isPremium}
-          credits={credits}
-          isSyncing={isSyncing}
-          onPurchase={purchasePackage}
-          onRestore={restorePurchase}
-          onClose={closePostOnboardingPaywall}
-        />
-      );
-    };
-
-    return <PostOnboardingPaywall />;
+    return (
+      <PaywallScreen
+        translations={paywall.translations}
+        legalUrls={paywall.legalUrls}
+        features={paywall.features}
+        bestValueIdentifier={paywall.bestValueIdentifier}
+        creditsLabel={paywall.creditsLabel}
+        heroImage={paywall.heroImage}
+        source="onboarding"
+        packages={packages}
+        isPremium={isPremium}
+        credits={credits}
+        isSyncing={isSyncing}
+        onPurchase={purchasePackage}
+        onRestore={restorePurchase}
+        onClose={closePostOnboardingPaywall}
+      />
+    );
   }
 
   // 3. Application Content + Overlays