@umituz/react-native-subscription 2.24.7 → 2.24.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-subscription",
-  "version": "2.24.7",
+  "version": "2.24.8",
   "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/presentation/hooks/useFeatureGate.ts

@@ -4,10 +4,13 @@
  */
 
 import { useCallback, useRef, useEffect } from "react";
+import { InteractionManager } from "react-native";
 import { useAuthGate } from "./useAuthGate";
 import { useSubscriptionGate } from "./useSubscriptionGate";
 import { useCreditsGate } from "./useCreditsGate";
 
+declare const __DEV__: boolean;
+
 
 
 export interface UseFeatureGateParams {
@@ -78,6 +81,7 @@ export function useFeatureGate(
   }, [onShowPaywall]);
 
   // Execute pending action when credits increase after purchase
+  // Delay execution to allow paywall modal to fully close and prevent RN Modal conflicts
   useEffect(() => {
     const prevBalance = prevCreditBalanceRef.current;
     const currentBalance = creditBalance;
@@ -87,7 +91,21 @@ export function useFeatureGate(
       const action = pendingActionRef.current;
       pendingActionRef.current = null;
       isWaitingForPurchaseRef.current = false;
-      action();
+
+      if (typeof __DEV__ !== "undefined" && __DEV__) {
+        console.log("[useFeatureGate] Credits increased, executing pending action with delay");
+      }
+
+      // Wait for paywall modal to fully close before executing pending action
+      // This prevents React Native Modal conflicts
+      InteractionManager.runAfterInteractions(() => {
+        setTimeout(() => {
+          if (typeof __DEV__ !== "undefined" && __DEV__) {
+            console.log("[useFeatureGate] Executing pending action now");
+          }
+          action();
+        }, 300);
+      });
     }
 
     prevCreditBalanceRef.current = creditBalance;
@@ -121,7 +139,13 @@ export function useFeatureGate(
         const postAuthAction = () => {
           // Step 2: Subscription check (bypasses credits if subscribed)
           if (hasSubscriptionRef.current) {
-            action();
+            if (typeof __DEV__ !== "undefined" && __DEV__) {
+              console.log("[useFeatureGate] User has subscription, executing with delay");
+            }
+            // Wait for auth modal to fully close
+            InteractionManager.runAfterInteractions(() => {
+              setTimeout(() => action(), 300);
+            });
             return;
           }
 
@@ -133,8 +157,13 @@ export function useFeatureGate(
             return;
           }
 
-          // All checks passed
-          action();
+          // All checks passed - wait for auth modal to fully close
+          if (typeof __DEV__ !== "undefined" && __DEV__) {
+            console.log("[useFeatureGate] User has credits, executing with delay");
+          }
+          InteractionManager.runAfterInteractions(() => {
+            setTimeout(() => action(), 300);
+          });
         };
         onShowAuthModal(postAuthAction);
         return;