@umituz/react-native-subscription 2.37.16 → 2.37.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-subscription",
-  "version": "2.37.16",
+  "version": "2.37.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/paywall/components/PaywallContainer.tsx

@@ -54,6 +54,13 @@ export const PaywallContainer: React.FC<PaywallContainerProps> = (props) => {
     return createCreditAmountsFromPackages(packages, packageAllocations);
   }, [providedCreditAmounts, packageAllocations, packages]);
 
+  // When using credit system, only show packages that have a credit allocation.
+  // This filters out lifetime/"unlimited" plans that aren't part of the credit model.
+  const displayPackages = useMemo(() => {
+    if (!creditAmounts || Object.keys(creditAmounts).length === 0) return packages;
+    return packages.filter((pkg) => creditAmounts[pkg.product.identifier] != null);
+  }, [packages, creditAmounts]);
+
   if (!isVisible) return null;
 
   return (
@@ -61,7 +68,7 @@ export const PaywallContainer: React.FC<PaywallContainerProps> = (props) => {
       visible={isVisible}
       onClose={handleClose}
       translations={translations}
-      packages={packages}
+      packages={displayPackages}
       legalUrls={legalUrls}
       features={features ? [...features] : undefined}
       heroImage={heroImage}

package/src/domains/subscription/infrastructure/hooks/useSubscriptionPackages.ts

@@ -1,7 +1,11 @@
 /**
  * Subscription Packages Hook
- * TanStack query for fetching available packages
+ * TanStack query for fetching available packages (offerings)
  * Auth info automatically read from @umituz/react-native-auth
+ *
+ * IMPORTANT: Packages (offerings) are NOT user-specific - they're the same
+ * for all users. We only need RevenueCat to be initialized, not necessarily
+ * for a specific user. User-specific checks belong in useSubscriptionStatus.
  */
 
 import { useQuery, useQueryClient } from "@umituz/react-native-design-system";
@@ -34,17 +38,14 @@ export const useSubscriptionPackages = () => {
     initializationState.getSnapshot,
   );
 
-  // For authenticated users: check reactive state matches current userId
-  // For anonymous users: check if initialized at all (reactive state or manager state)
-  const isInitialized = userId
-    ? initState.initialized && initState.userId === userId
-    : initState.initialized || SubscriptionManager.isInitialized();
+  // Packages (offerings) are NOT user-specific - same for all users.
+  // We only need RevenueCat to be initialized at all.
+  // Use reactive state OR direct manager check for backwards compatibility.
+  const isInitialized = initState.initialized || SubscriptionManager.isInitialized();
 
   const query = useQuery({
     queryKey: [...SUBSCRIPTION_QUERY_KEYS.packages, userId ?? "anonymous"] as const,
     queryFn: async () => {
-      // No side effects - just fetch packages
-      // Initialization is handled by BackgroundInitializer
       return SubscriptionManager.getPackages();
     },
     enabled: isConfigured && isInitialized,

package/src/domains/subscription/infrastructure/utils/renewal/RenewalDetector.ts

@@ -45,7 +45,10 @@ export function detectRenewal(
   const newExpiration = new Date(newExpirationDate).getTime();
   const previousExpiration = new Date(state.previousExpirationDate).getTime();
   const productChanged = productId !== state.previousProductId;
-  const expirationExtended = newExpiration > previousExpiration;
+
+  // Guard against NaN from invalid date strings - treat as no extension
+  const expirationExtended =
+    !isNaN(newExpiration) && !isNaN(previousExpiration) && newExpiration > previousExpiration;
 
   if (productChanged) {
     const oldTier = getPackageTier(state.previousProductId);