@umituz/react-native-subscription 2.27.1 → 2.27.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-subscription",
-  "version": "2.27.1",
+  "version": "2.27.3",
   "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/useCredits.ts

@@ -7,7 +7,7 @@
  */
 
 import { useQuery } from "@umituz/react-native-design-system";
-import { useCallback, useMemo, useEffect } from "react";
+import { useCallback, useMemo, useEffect, useState } from "react";
 import {
   useAuthStore,
   selectUserId,
@@ -32,6 +32,7 @@ const freeCreditsInitAttempted = new Set<string>();
 export interface UseCreditsResult {
   credits: UserCredits | null;
   isLoading: boolean;
+  isCreditsLoaded: boolean;
   error: Error | null;
   hasCredits: boolean;
   creditsPercent: number;
@@ -43,6 +44,7 @@ export const useCredits = (): UseCreditsResult => {
   const userId = useAuthStore(selectUserId);
   const isAnonymous = useAuthStore(selectIsAnonymous);
   const isRegisteredUser = !!userId && !isAnonymous;
+  const [isInitializingFreeCredits, setIsInitializingFreeCredits] = useState(false);
 
   const isConfigured = isCreditsRepositoryConfigured();
   const config = getCreditsConfig();
@@ -95,6 +97,7 @@ export const useCredits = (): UseCreditsResult => {
       !freeCreditsInitAttempted.has(userId)
     ) {
       freeCreditsInitAttempted.add(userId);
+      setIsInitializingFreeCredits(true);
 
       if (typeof __DEV__ !== "undefined" && __DEV__) {
         console.log("[useCredits] Initializing free credits for registered user:", userId.slice(0, 8));
@@ -102,6 +105,7 @@ export const useCredits = (): UseCreditsResult => {
 
       const repository = getCreditsRepository();
       repository.initializeFreeCredits(userId).then((result) => {
+        setIsInitializingFreeCredits(false);
         if (result.success) {
           if (typeof __DEV__ !== "undefined" && __DEV__) {
             console.log("[useCredits] Free credits initialized:", result.data?.credits);
@@ -137,9 +141,12 @@ export const useCredits = (): UseCreditsResult => {
     [credits]
   );
 
+  const isCreditsLoaded = isFetched && !isLoading && !isInitializingFreeCredits;
+
   return {
     credits,
     isLoading,
+    isCreditsLoaded,
     error: error as Error | null,
     hasCredits: derivedValues.hasCredits,
     creditsPercent: derivedValues.creditsPercent,

package/src/presentation/hooks/useFeatureGate.ts

@@ -2,6 +2,7 @@
  * useFeatureGate Hook
  * Unified feature gate: Auth → Subscription → Credits
  * Uses ref pattern to avoid stale closure issues.
+ * Event-driven approach - no polling, no waiting.
  */
 
 import { useCallback, useRef, useEffect } from "react";
@@ -15,6 +16,7 @@ export interface UseFeatureGateParams {
   readonly creditBalance: number;
   readonly requiredCredits?: number;
   readonly onShowPaywall: (requiredCredits?: number) => void;
+  readonly isCreditsLoaded?: boolean;
 }
 
 export interface UseFeatureGateResult {
@@ -34,15 +36,18 @@ export function useFeatureGate(params: UseFeatureGateParams): UseFeatureGateResu
     creditBalance,
     requiredCredits = 1,
     onShowPaywall,
+    isCreditsLoaded = true,
   } = params;
 
   const pendingActionRef = useRef<(() => void | Promise<void>) | null>(null);
   const prevCreditBalanceRef = useRef(creditBalance);
   const isWaitingForPurchaseRef = useRef(false);
+  const isWaitingForAuthCreditsRef = useRef(false);
 
   const creditBalanceRef = useRef(creditBalance);
   const hasSubscriptionRef = useRef(hasSubscription);
   const onShowPaywallRef = useRef(onShowPaywall);
+  const requiredCreditsRef = useRef(requiredCredits);
 
   useEffect(() => {
     creditBalanceRef.current = creditBalance;
@@ -56,6 +61,48 @@ export function useFeatureGate(params: UseFeatureGateParams): UseFeatureGateResu
     onShowPaywallRef.current = onShowPaywall;
   }, [onShowPaywall]);
 
+  useEffect(() => {
+    requiredCreditsRef.current = requiredCredits;
+  }, [requiredCredits]);
+
+  useEffect(() => {
+    if (!isWaitingForAuthCreditsRef.current || !isCreditsLoaded || !pendingActionRef.current) {
+      return;
+    }
+
+    if (typeof __DEV__ !== "undefined" && __DEV__) {
+      console.log("[useFeatureGate] Credits loaded after auth", {
+        credits: creditBalance,
+        hasSubscription,
+        isCreditsLoaded,
+      });
+    }
+
+    isWaitingForAuthCreditsRef.current = false;
+
+    if (hasSubscription || creditBalance >= requiredCredits) {
+      const action = pendingActionRef.current;
+      pendingActionRef.current = null;
+
+      if (typeof __DEV__ !== "undefined" && __DEV__) {
+        console.log("[useFeatureGate] Proceeding with action after auth", {
+          credits: creditBalance,
+          hasSubscription,
+        });
+      }
+      action();
+      return;
+    }
+
+    if (typeof __DEV__ !== "undefined" && __DEV__) {
+      console.log("[useFeatureGate] No credits after auth, showing paywall", {
+        credits: creditBalance,
+      });
+    }
+    isWaitingForPurchaseRef.current = true;
+    onShowPaywall(requiredCredits);
+  }, [isCreditsLoaded, creditBalance, hasSubscription, requiredCredits, onShowPaywall]);
+
   useEffect(() => {
     const prevBalance = prevCreditBalanceRef.current ?? 0;
     const creditsIncreased = creditBalance > prevBalance;
@@ -82,25 +129,18 @@ export function useFeatureGate(params: UseFeatureGateParams): UseFeatureGateResu
           hasSubscription,
           creditBalance: creditBalanceRef.current,
           requiredCredits,
+          isCreditsLoaded,
         });
       }
 
       if (!isAuthenticated) {
         const postAuthAction = () => {
-          if (hasSubscriptionRef.current) {
-            action();
-            return;
-          }
+          pendingActionRef.current = action;
+          isWaitingForAuthCreditsRef.current = true;
 
-          const currentBalance = creditBalanceRef.current;
-          if (currentBalance < requiredCredits) {
-            pendingActionRef.current = action;
-            isWaitingForPurchaseRef.current = true;
-            onShowPaywallRef.current(requiredCredits);
-            return;
+          if (typeof __DEV__ !== "undefined" && __DEV__) {
+            console.log("[useFeatureGate] Auth completed, waiting for credits to load");
           }
-
-          action();
         };
         onShowAuthModal(postAuthAction);
         return;
@@ -124,7 +164,7 @@ export function useFeatureGate(params: UseFeatureGateParams): UseFeatureGateResu
 
       action();
     },
-    [isAuthenticated, hasSubscription, requiredCredits, onShowAuthModal, onShowPaywall]
+    [isAuthenticated, hasSubscription, requiredCredits, onShowAuthModal, onShowPaywall, isCreditsLoaded]
   );
 
   const hasCredits = creditBalance >= requiredCredits;