@umituz/react-native-subscription 2.14.65 → 2.14.67

package/package.json

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

@@ -12,6 +12,7 @@ import { usePurchasePackage } from "../../../revenuecat/presentation/hooks/usePu
 import { useRestorePurchase } from "../../../revenuecat/presentation/hooks/useRestorePurchase";
 import { SubscriptionManager } from "../../../revenuecat/infrastructure/managers/SubscriptionManager";
 import { filterPackagesByMode } from "../../../utils/packageFilter";
+import { createCreditAmountsFromPackages } from "../../../utils/creditMapper";
 import { PaywallModal } from "./PaywallModal";
 import type { PaywallContainerProps } from "./PaywallContainer.types";
 
@@ -19,6 +20,7 @@ declare const __DEV__: boolean;
 
 export const PaywallContainer: React.FC<PaywallContainerProps> = ({
   userId,
+  isAnonymous = false,
   translations,
   mode = "subscription",
   legalUrls,
@@ -30,35 +32,53 @@ export const PaywallContainer: React.FC<PaywallContainerProps> = ({
   packageFilterConfig,
   onPurchaseSuccess,
   onPurchaseError,
+  onAuthRequired,
 }) => {
   const { showPaywall, closePaywall } = usePaywallVisibility();
   const { data: allPackages = [], isLoading, isFetching, status, error } = useSubscriptionPackages(userId ?? undefined);
   const { mutateAsync: purchasePackage } = usePurchasePackage(userId ?? undefined);
   const { mutateAsync: restorePurchases } = useRestorePurchase(userId ?? undefined);
 
-  const filteredPackages = useMemo(() => {
-    return filterPackagesByMode(allPackages, mode, packageFilterConfig);
-  }, [allPackages, mode, packageFilterConfig]);
+  const { filteredPackages, computedCreditAmounts } = useMemo(() => {
+    const filtered = filterPackagesByMode(allPackages, mode, packageFilterConfig);
+    const computed = mode !== "subscription" && !creditAmounts
+      ? createCreditAmountsFromPackages(allPackages)
+      : creditAmounts;
+    
+    return { filteredPackages: filtered, computedCreditAmounts: computed };
+  }, [allPackages, mode, packageFilterConfig, creditAmounts]);
 
   useEffect(() => {
     if (__DEV__ && showPaywall) {
       console.log("[PaywallContainer] Paywall opened:", {
         userId,
+        isAnonymous,
         mode,
         isConfigured: SubscriptionManager.isConfigured(),
         isInitialized: SubscriptionManager.isInitialized(),
         allPackagesCount: allPackages.length,
         filteredPackagesCount: filteredPackages.length,
+        computedCreditAmounts,
         isLoading,
         isFetching,
         status,
         error: error?.message ?? null,
       });
     }
-  }, [showPaywall, userId, mode, allPackages.length, filteredPackages.length, isLoading, isFetching, status, error]);
+  }, [showPaywall, userId, isAnonymous, mode, allPackages.length, filteredPackages.length, isLoading, isFetching, status, error]);
 
   const handlePurchase = useCallback(
     async (pkg: PurchasesPackage) => {
+      // Auth gating: require authentication for anonymous users
+      if (isAnonymous) {
+        if (__DEV__) {
+          console.log("[PaywallContainer] Anonymous user, requiring auth before purchase");
+        }
+        closePaywall();
+        onAuthRequired?.();
+        return;
+      }
+
       try {
         if (__DEV__) {
           console.log("[PaywallContainer] Purchase started:", pkg.identifier);
@@ -79,7 +99,7 @@ export const PaywallContainer: React.FC<PaywallContainerProps> = ({
         onPurchaseError?.(message);
       }
     },
-    [purchasePackage, closePaywall, onPurchaseSuccess, onPurchaseError]
+    [isAnonymous, purchasePackage, closePaywall, onPurchaseSuccess, onPurchaseError, onAuthRequired]
   );
 
   const handleRestore = useCallback(async () => {
@@ -120,7 +140,7 @@ export const PaywallContainer: React.FC<PaywallContainerProps> = ({
       heroImage={heroImage}
       bestValueIdentifier={bestValueIdentifier}
       creditsLabel={creditsLabel}
-      creditAmounts={creditAmounts}
+      creditAmounts={computedCreditAmounts}
       onPurchase={handlePurchase}
       onRestore={handleRestore}
     />

package/src/domains/paywall/components/PaywallContainer.types.ts

@@ -10,6 +10,8 @@ import type { PackageFilterConfig } from "../../../utils/packageFilter";
 export interface PaywallContainerProps {
   /** User ID for subscription management */
   readonly userId: string | null;
+  /** Whether user is anonymous (requires auth before purchase) */
+  readonly isAnonymous?: boolean;
   /** Paywall translations - no defaults, must be provided */
   readonly translations: PaywallTranslations;
   /** Paywall mode - subscription, credits, or hybrid */
@@ -32,4 +34,7 @@ export interface PaywallContainerProps {
   readonly onPurchaseSuccess?: () => void;
   /** Callback when purchase fails */
   readonly onPurchaseError?: (error: string) => void;
+  /** Callback when auth is required (for anonymous users) */
+  readonly onAuthRequired?: () => void;
 }
+