@umituz/react-native-subscription 2.11.6 → 2.11.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-subscription",
-  "version": "2.11.6",
+  "version": "2.11.7",
   "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/presentation/components/paywall/BestValueBadge.tsx

@@ -1,7 +1,6 @@
 import React from "react";
 import { StyleSheet } from "react-native";
 import { AtomicText, useAppDesignTokens } from "@umituz/react-native-design-system";
-// @ts-ignore
 import { LinearGradient } from "expo-linear-gradient";
 
 interface BestValueBadgeProps {

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

@@ -18,9 +18,6 @@ interface PaywallFeaturesListProps {
 
 export const PaywallFeaturesList: React.FC<PaywallFeaturesListProps> = React.memo(
   ({ features, containerStyle, gap = 12 }) => {
-    if (__DEV__) {
-      console.log("[PaywallFeaturesList] Rendering features count:", features.length);
-    }
     return (
       <View style={[styles.container, containerStyle]}>
         {features.map((feature, index) => (

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

@@ -1,5 +1,6 @@
 import React from "react";
 import { View, StyleSheet, TouchableOpacity } from "react-native";
+import type { PurchasesPackage } from "react-native-purchases";
 import { AtomicText } from "@umituz/react-native-design-system";
 import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import { PaywallLegalFooter } from "./PaywallLegalFooter";
@@ -10,7 +11,7 @@ interface SubscriptionFooterProps {
     processingText: string;
     purchaseButtonText: string;
     hasPackages: boolean;
-    selectedPkg: any; // Using any to avoid circular deps if needed, but preferably strict
+    selectedPkg: PurchasesPackage | null;
     restoreButtonText: string;
     showRestoreButton: boolean;
     privacyUrl?: string;
@@ -21,7 +22,6 @@ interface SubscriptionFooterProps {
     onRestore: () => void;
 }
 
-// @ts-ignore
 import { LinearGradient } from "expo-linear-gradient";
 
 export const SubscriptionFooter: React.FC<SubscriptionFooterProps> = React.memo(

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

@@ -79,16 +79,6 @@ export const SubscriptionModal: React.FC<SubscriptionModalProps> = React.memo((p
     onClose,
   });
 
-  if (__DEV__) {
-    console.log("[SubscriptionModal] State:", {
-      visible,
-      isLoading,
-      packagesCount: packages?.length ?? 0,
-      selectedPkg: selectedPkg?.identifier ?? null,
-      isProcessing,
-    });
-  }
-
   return (
     <BaseModal visible={visible} onClose={onClose}>
       <View style={styles.container}>

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

@@ -13,7 +13,6 @@ import { useLocalization } from "@umituz/react-native-localization";
 import { BestValueBadge } from "./BestValueBadge";
 
 import { getPeriodLabel, isYearlyPackage } from "../../../utils/packagePeriodUtils";
-// @ts-ignore
 import { LinearGradient } from "expo-linear-gradient";
 
 interface SubscriptionPlanCardProps {

package/src/presentation/hooks/useDeductCredit.ts

@@ -5,6 +5,7 @@
  * Generic and reusable - uses module-level repository.
  */
 
+import { useCallback } from "react";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import type { CreditType, UserCredits } from "../../domain/entities/Credits";
 import { getCreditsRepository } from "../../infrastructure/repositories/CreditsRepositoryProvider";
@@ -78,7 +79,7 @@ export const useDeductCredit = ({
     },
   });
 
-  const deductCredit = async (creditType: CreditType): Promise<boolean> => {
+  const deductCredit = useCallback(async (creditType: CreditType): Promise<boolean> => {
     try {
       const result = await mutation.mutateAsync(creditType);
 
@@ -93,7 +94,7 @@ export const useDeductCredit = ({
     } catch {
       return false;
     }
-  };
+  }, [mutation, onCreditsExhausted]);
 
   return {
     deductCredit,
@@ -135,14 +136,14 @@ export const useInitializeCredits = ({
     },
   });
 
-  const initializeCredits = async (purchaseId?: string): Promise<boolean> => {
+  const initializeCredits = useCallback(async (purchaseId?: string): Promise<boolean> => {
     try {
       const result = await mutation.mutateAsync(purchaseId);
       return result.success;
     } catch {
       return false;
     }
-  };
+  }, [mutation]);
 
   return {
     initializeCredits,

package/src/presentation/hooks/usePremiumWithConfig.ts

@@ -7,6 +7,7 @@
 
 import { useCallback } from "react";
 import type { PurchasesPackage } from "react-native-purchases";
+import type { UserCredits } from "../../domain/entities/Credits";
 import { useCredits } from "./useCredits";
 import { useInitializeCredits } from "./useDeductCredit";
 import {
@@ -27,7 +28,7 @@ export interface UsePremiumWithConfigResult {
   isPremium: boolean;
   isLoading: boolean;
   packages: PurchasesPackage[];
-  credits: any; // UserCredits from subscription package
+  credits: UserCredits | null;
   showPaywall: boolean;
   purchasePackage: (pkg: PurchasesPackage) => Promise<boolean>;
   restorePurchase: () => Promise<boolean>;

package/src/presentation/hooks/useSubscriptionModal.ts

@@ -23,7 +23,7 @@ export const useSubscriptionModal = ({
         } finally {
             setIsProcessing(false);
         }
-    }, [selectedPkg, isProcessing, onPurchase, onClose]);
+    }, [selectedPkg, onPurchase, onClose]);
 
     const handleRestore = useCallback(async () => {
         if (isProcessing) return;
@@ -33,7 +33,7 @@ export const useSubscriptionModal = ({
         } finally {
             setIsProcessing(false);
         }
-    }, [isProcessing, onRestore, onClose]);
+    }, [onRestore, onClose]);
 
     return {
         selectedPkg,