@umituz/react-native-subscription 2.14.66 → 2.14.67

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-subscription",
-  "version": "2.14.66",
+  "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";
 
@@ -38,9 +39,14 @@ export const PaywallContainer: React.FC<PaywallContainerProps> = ({
   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) {
@@ -52,6 +58,7 @@ export const PaywallContainer: React.FC<PaywallContainerProps> = ({
         isInitialized: SubscriptionManager.isInitialized(),
         allPackagesCount: allPackages.length,
         filteredPackagesCount: filteredPackages.length,
+        computedCreditAmounts,
         isLoading,
         isFetching,
         status,
@@ -133,7 +140,7 @@ export const PaywallContainer: React.FC<PaywallContainerProps> = ({
       heroImage={heroImage}
       bestValueIdentifier={bestValueIdentifier}
       creditsLabel={creditsLabel}
-      creditAmounts={creditAmounts}
+      creditAmounts={computedCreditAmounts}
       onPurchase={handlePurchase}
       onRestore={handleRestore}
     />