@umituz/react-native-subscription 2.14.38 → 2.14.40

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-subscription",
-  "version": "2.14.38",
+  "version": "2.14.40",
   "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/hooks/useCredits.ts

@@ -6,6 +6,7 @@
  */
 
 import { useQuery } from "@tanstack/react-query";
+import { useCallback, useMemo } from "react";
 import type { UserCredits, CreditType } from "../../domain/entities/Credits";
 
 declare const __DEV__: boolean;
@@ -76,44 +77,45 @@ export const useCredits = ({
   });
 
   const credits = data ?? null;
-  const hasTextCredits = (credits?.textCredits ?? 0) > 0;
-  const hasImageCredits = (credits?.imageCredits ?? 0) > 0;
-
-  if (__DEV__) {
-    console.log("[useCredits] State", {
-      userId,
-      enabled,
-      isLoading,
-      imageCredits: credits?.imageCredits ?? 0,
-      textCredits: credits?.textCredits ?? 0,
-      hasImageCredits,
-      hasTextCredits,
-    });
-  }
-
-  const textCreditsPercent = credits
-    ? Math.round((credits.textCredits / config.textCreditLimit) * 100)
-    : 0;
-
-  const imageCreditsPercent = credits
-    ? Math.round((credits.imageCredits / config.imageCreditLimit) * 100)
-    : 0;
-
-  const canAfford = (cost: number, type: CreditType = "text"): boolean => {
-    if (!credits) return false;
-    return type === "text"
-      ? credits.textCredits >= cost
-      : credits.imageCredits >= cost;
-  };
+
+  // Memoize derived values to prevent unnecessary re-renders
+  const derivedValues = useMemo(() => {
+    const hasText = (credits?.textCredits ?? 0) > 0;
+    const hasImage = (credits?.imageCredits ?? 0) > 0;
+    const textPercent = credits
+      ? Math.round((credits.textCredits / config.textCreditLimit) * 100)
+      : 0;
+    const imagePercent = credits
+      ? Math.round((credits.imageCredits / config.imageCreditLimit) * 100)
+      : 0;
+
+    return {
+      hasTextCredits: hasText,
+      hasImageCredits: hasImage,
+      textCreditsPercent: textPercent,
+      imageCreditsPercent: imagePercent,
+    };
+  }, [credits, config.textCreditLimit, config.imageCreditLimit]);
+
+  // Memoize canAfford to prevent recreation on every render
+  const canAfford = useCallback(
+    (cost: number, type: CreditType = "text"): boolean => {
+      if (!credits) return false;
+      return type === "text"
+        ? credits.textCredits >= cost
+        : credits.imageCredits >= cost;
+    },
+    [credits]
+  );
 
   return {
     credits,
     isLoading,
     error: error as Error | null,
-    hasTextCredits,
-    hasImageCredits,
-    textCreditsPercent,
-    imageCreditsPercent,
+    hasTextCredits: derivedValues.hasTextCredits,
+    hasImageCredits: derivedValues.hasImageCredits,
+    textCreditsPercent: derivedValues.textCreditsPercent,
+    imageCreditsPercent: derivedValues.imageCreditsPercent,
     refetch,
     canAfford,
   };