@umituz/react-native-subscription 2.27.44 → 2.27.46

package/package.json

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

@@ -8,6 +8,7 @@ import React, { useMemo, useEffect } from "react";
 import { usePaywallVisibility } from "../../../presentation/hooks/usePaywallVisibility";
 import { useSubscriptionPackages } from "../../../revenuecat/presentation/hooks/useSubscriptionPackages";
 import { useRevenueCatTrialEligibility } from "../../../revenuecat/presentation/hooks/useRevenueCatTrialEligibility";
+import { createCreditAmountsFromPackages } from "../../../utils/creditMapper";
 import { PaywallModal, type TrialEligibilityInfo } from "./PaywallModal";
 import { usePaywallActions } from "../hooks/usePaywallActions";
 import type { PaywallContainerProps } from "./PaywallContainer.types";
@@ -19,8 +20,9 @@ export const PaywallContainer: React.FC<PaywallContainerProps> = (props) => {
     features,
     heroImage,
     bestValueIdentifier,
-    creditAmounts,
+    creditAmounts: providedCreditAmounts,
     creditsLabel,
+    packageAllocations,
     source,
     onPurchaseSuccess,
     onPurchaseError,
@@ -87,6 +89,13 @@ export const PaywallContainer: React.FC<PaywallContainerProps> = (props) => {
     return result;
   }, [eligibilityMap, trialConfig?.enabled, trialConfig?.durationDays]);
 
+  // Compute credit amounts from packageAllocations if not provided directly
+  const creditAmounts = useMemo(() => {
+    if (providedCreditAmounts) return providedCreditAmounts;
+    if (!packageAllocations || packages.length === 0) return undefined;
+    return createCreditAmountsFromPackages(packages, packageAllocations);
+  }, [providedCreditAmounts, packageAllocations, packages]);
+
   if (!isVisible) return null;
 
   return (

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

@@ -5,7 +5,7 @@
 
 import type { ImageSourcePropType } from "react-native";
 import type { PaywallTranslations, PaywallLegalUrls, SubscriptionFeature } from "../entities";
-import type { PurchaseSource } from "../../../domain/entities/Credits";
+import type { PurchaseSource, PackageAllocationMap } from "../../../domain/entities/Credits";
 
 /**
  * Trial display configuration
@@ -33,10 +33,12 @@ export interface PaywallContainerProps {
   readonly heroImage?: ImageSourcePropType;
   /** Best value package identifier for badge */
   readonly bestValueIdentifier?: string;
-  /** Credit amounts per product identifier */
+  /** Credit amounts per product identifier (takes precedence over packageAllocations) */
   readonly creditAmounts?: Record<string, number>;
   /** Credits label text (e.g., "credits") */
   readonly creditsLabel?: string;
+  /** Package allocations for auto-computing creditAmounts (used when creditAmounts not provided) */
+  readonly packageAllocations?: PackageAllocationMap;
   /** Source of the paywall - affects pending purchase handling */
   readonly source?: PurchaseSource;
   /** Callback when purchase succeeds */