@umituz/react-native-subscription 2.23.2 → 2.24.0

package/package.json

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

@@ -3,7 +3,7 @@
  * Combines auth, subscription, and credits gates into a unified feature gate.
  */
 
-import { useCallback } from "react";
+import { useCallback, useRef, useEffect } from "react";
 import { useAuthGate } from "./useAuthGate";
 import { useSubscriptionGate } from "./useSubscriptionGate";
 import { useCreditsGate } from "./useCreditsGate";
@@ -55,6 +55,24 @@ export function useFeatureGate(
     onShowPaywall,
   } = params;
 
+  // Store pending action for execution after purchase
+  const pendingActionRef = useRef<(() => void | Promise<void>) | null>(null);
+  const prevHasCreditsRef = useRef(hasCredits);
+
+  // Execute pending action when credits become available
+  useEffect(() => {
+    const hadNoCredits = !prevHasCreditsRef.current;
+    const nowHasCredits = hasCredits;
+
+    if (hadNoCredits && nowHasCredits && pendingActionRef.current) {
+      const action = pendingActionRef.current;
+      pendingActionRef.current = null;
+      action();
+    }
+
+    prevHasCreditsRef.current = hasCredits;
+  }, [hasCredits]);
+
   // Compose individual gates
   const authGate = useAuthGate({
     isAuthenticated,
@@ -90,6 +108,8 @@ export function useFeatureGate(
 
       // Step 3: Credits check
       if (!creditsGate.requireCredits(() => {})) {
+        // Store pending action for execution after purchase
+        pendingActionRef.current = action;
         return;
       }