@umituz/react-native-subscription 2.11.1 → 2.11.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-subscription",
-  "version": "2.11.1",
+  "version": "2.11.3",
   "description": "Complete subscription management with RevenueCat, paywall UI, and credits system for React Native apps",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
@@ -69,4 +69,4 @@
     "README.md",
     "LICENSE"
   ]
-}
+}

package/src/presentation/components/paywall/SubscriptionPackageList.tsx

@@ -89,7 +89,10 @@ export const SubscriptionPackageList: React.FC<SubscriptionPackageListProps> = R
                     }
 
                     // Get credit amount for this package if provided
-                    const creditAmount = creditAmounts?.[pkg.product.identifier];
+                    // check both product identifier (e.g., com.app.weekly) and package identifier (e.g., $rc_weekly)
+                    const creditAmount =
+                        creditAmounts?.[pkg.product.identifier] ??
+                        creditAmounts?.[pkg.identifier];
 
                     return (
                         <SubscriptionPlanCard

package/src/presentation/hooks/useFeatureGate.ts

@@ -66,43 +66,15 @@ export function useFeatureGate(
   });
 
   // User is premium if they have credits
+  // NOTE: This assumes credits system = premium subscription
+  // If your app uses CustomerInfo for premium status, use useCustomerInfo() instead
   const isPremium = credits !== null;
 
-  if (typeof __DEV__ !== "undefined" && __DEV__) {
-    // eslint-disable-next-line no-console
-    console.log("[useFeatureGate] Hook state", {
-      userId,
-      isAuthenticated,
-      isPremium,
-      hasCredits: credits !== null,
-      isLoading,
-    });
-  }
-
   const requireFeature = useCallback(
     (action: () => void | Promise<void>) => {
-      if (typeof __DEV__ !== "undefined" && __DEV__) {
-        // eslint-disable-next-line no-console
-        console.log("[useFeatureGate] requireFeature() called", {
-          isAuthenticated,
-          isPremium,
-        });
-      }
-
       // Step 1: Check authentication
       if (!isAuthenticated) {
-        if (typeof __DEV__ !== "undefined" && __DEV__) {
-          // eslint-disable-next-line no-console
-          console.log("[useFeatureGate] NOT authenticated → showing auth modal");
-        }
-        // After auth, re-check premium before executing
         onShowAuthModal(() => {
-          if (typeof __DEV__ !== "undefined" && __DEV__) {
-            // eslint-disable-next-line no-console
-            console.log(
-              "[useFeatureGate] Auth successful. Component will re-render to check premium status."
-            );
-          }
           // We NO LONGER call action() blindly here.
           // The component will re-render with the new auth state,
           // and the user should be allowed to try the action again.
@@ -113,19 +85,11 @@ export function useFeatureGate(
 
       // Step 2: Check premium (has credits from TanStack Query)
       if (!isPremium) {
-        if (typeof __DEV__ !== "undefined" && __DEV__) {
-          // eslint-disable-next-line no-console
-          console.log("[useFeatureGate] NOT premium → showing paywall");
-        }
         onShowPaywall();
         return;
       }
 
       // Step 3: User is authenticated and premium - execute action
-      if (typeof __DEV__ !== "undefined" && __DEV__) {
-        // eslint-disable-next-line no-console
-        console.log("[useFeatureGate] PREMIUM user → executing action");
-      }
       action();
     },
     [isAuthenticated, isPremium, onShowAuthModal, onShowPaywall]

package/src/presentation/hooks/usePremiumWithConfig.ts

@@ -57,6 +57,9 @@ export const usePremiumWithConfig = (
   const { showPaywall, setShowPaywall, closePaywall, openPaywall } =
     usePaywallVisibility();
 
+  // User is premium if they have credits
+  // NOTE: This assumes credits system = premium subscription
+  // If your app uses CustomerInfo for premium status, use useCustomerInfo() instead
   const isPremium = credits !== null;
 
   const handlePurchase = useCallback(

package/src/presentation/hooks/useSubscription.ts

@@ -6,6 +6,7 @@
 import { useState, useCallback } from 'react';
 import { getSubscriptionService } from '../../infrastructure/services/SubscriptionService';
 import type { SubscriptionStatus } from '../../domain/entities/SubscriptionStatus';
+import { isSubscriptionValid } from '../../domain/entities/SubscriptionStatus';
 
 export interface UseSubscriptionResult {
   /** Current subscription status */
@@ -160,7 +161,7 @@ export function useSubscription(): UseSubscriptionResult {
     }
   }, []);
 
-  const isPremium = status?.isPremium && (status.expiresAt === null || new Date(status.expiresAt).getTime() > Date.now()) || false;
+  const isPremium = isSubscriptionValid(status);
 
   return {
     status,