@umituz/react-native-subscription 2.41.8 → 2.41.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-subscription",
-  "version": "2.41.8",
+  "version": "2.41.10",
   "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/credits/presentation/useCredits.ts

@@ -2,7 +2,7 @@ import { useQuery, useQueryClient } from "@umituz/react-native-design-system/tan
 import { useCallback, useMemo, useEffect } from "react";
 import { useAuthStore, selectUserId } from "@umituz/react-native-auth";
 import { subscriptionEventBus, SUBSCRIPTION_EVENTS } from "../../../shared/infrastructure/SubscriptionEventBus";
-import { NO_CACHE_QUERY_CONFIG } from "../../../shared/infrastructure/react-query/queryConfig";
+import { SHORT_CACHE_CONFIG } from "../../../shared/infrastructure/react-query/queryConfig";
 import { usePreviousUserCleanup } from "../../../shared/infrastructure/react-query/hooks/usePreviousUserCleanup";
 import {
   getCreditsRepository,
@@ -13,6 +13,7 @@ import { calculateSafePercentage, canAffordAmount } from "../utils/creditValidat
 import { isAuthenticated } from "../../subscription/utils/authGuards";
 import { creditsQueryKeys } from "./creditsQueryKeys";
 import type { UseCreditsResult, CreditsLoadStatus } from "./useCredits.types";
+import type { UserCredits } from "../core/Credits";
 
 const deriveLoadStatus = (
   queryStatus: "pending" | "error" | "success",
@@ -32,7 +33,7 @@ export const useCredits = (): UseCreditsResult => {
   const hasUser = isAuthenticated(userId);
   const queryEnabled = hasUser && isConfigured;
 
-  const { data, status, error, refetch } = useQuery({
+  const { data, status, error, refetch } = useQuery<UserCredits | null, Error>({
     queryKey: creditsQueryKeys.user(userId),
     queryFn: async () => {
       if (!hasUser || !isConfigured) return null;
@@ -47,7 +48,7 @@ export const useCredits = (): UseCreditsResult => {
       return result.data ?? null;
     },
     enabled: queryEnabled,
-    ...NO_CACHE_QUERY_CONFIG,
+    ...SHORT_CACHE_CONFIG,
   });
 
   const queryClient = useQueryClient();

package/src/domains/subscription/presentation/useSubscriptionStatus.ts

@@ -6,7 +6,7 @@ import { initializationState } from "../infrastructure/state/initializationState
 import { subscriptionEventBus, SUBSCRIPTION_EVENTS } from "../../../shared/infrastructure/SubscriptionEventBus";
 import { SubscriptionStatusResult } from "./useSubscriptionStatus.types";
 import { isAuthenticated } from "../utils/authGuards";
-import { NO_CACHE_QUERY_CONFIG } from "../../../shared/infrastructure/react-query/queryConfig";
+import { SHORT_CACHE_CONFIG } from "../../../shared/infrastructure/react-query/queryConfig";
 import { usePreviousUserCleanup } from "../../../shared/infrastructure/react-query/hooks/usePreviousUserCleanup";
 
 export const subscriptionStatusQueryKeys = {
@@ -43,7 +43,7 @@ export const useSubscriptionStatus = (): SubscriptionStatusResult => {
       return SubscriptionManager.checkPremiumStatus();
     },
     enabled: queryEnabled,
-    ...NO_CACHE_QUERY_CONFIG,
+    ...SHORT_CACHE_CONFIG,
   });
 
   usePreviousUserCleanup(userId, queryClient, subscriptionStatusQueryKeys.user);

package/src/domains/wallet/presentation/hooks/useTransactionHistory.ts

@@ -1,7 +1,7 @@
 import { useQuery } from "@umituz/react-native-design-system/tanstack";
 import { useMemo } from "react";
 import { useAuthStore, selectUserId } from "@umituz/react-native-auth";
-import { NO_CACHE_QUERY_CONFIG } from "../../../../shared/infrastructure/react-query/queryConfig";
+import { MEDIUM_CACHE_CONFIG } from "../../../../shared/infrastructure/react-query/queryConfig";
 import type {
   CreditLog,
   TransactionRepositoryConfig,
@@ -56,7 +56,7 @@ export function useTransactionHistory({
       return result.data ?? [];
     },
     enabled: hasUser,
-    ...NO_CACHE_QUERY_CONFIG,
+    ...MEDIUM_CACHE_CONFIG,
   });
 
   const transactions = data ?? [];

package/src/shared/infrastructure/react-query/queryConfig.ts

@@ -1,7 +1,41 @@
-export const NO_CACHE_QUERY_CONFIG = {
-  gcTime: 0,
-  staleTime: 0,
-  refetchOnMount: "always" as const,
-  refetchOnWindowFocus: "always" as const,
-  refetchOnReconnect: "always" as const,
+/**
+ * Query cache configurations for optimal performance
+ * Uses event-based invalidation via subscriptionEventBus for real-time updates
+ */
+
+/**
+ * Short-lived cache for frequently changing data (credits, subscription status)
+ * Events automatically invalidate the cache, so we can safely cache for 60s
+ */
+export const SHORT_CACHE_CONFIG = {
+  gcTime: 1000 * 60, // 1 minute - keep in memory for 1 minute
+  staleTime: 1000 * 30, // 30 seconds - consider stale after 30s
+  refetchOnMount: false, // Don't refetch on mount if cache exists
+  refetchOnWindowFocus: false, // Don't refetch on app focus
+  refetchOnReconnect: true, // Refetch on reconnect only
 };
+
+/**
+ * Medium cache for relatively stable data (packages, transaction history)
+ */
+export const MEDIUM_CACHE_CONFIG = {
+  gcTime: 1000 * 60 * 5, // 5 minutes
+  staleTime: 1000 * 60 * 2, // 2 minutes
+  refetchOnMount: false,
+  refetchOnWindowFocus: false,
+  refetchOnReconnect: true,
+};
+
+/**
+ * Long cache for rarely changing data (config, metadata)
+ */
+export const LONG_CACHE_CONFIG = {
+  gcTime: 1000 * 60 * 30, // 30 minutes
+  staleTime: 1000 * 60 * 10, // 10 minutes
+  refetchOnMount: false,
+  refetchOnWindowFocus: false,
+  refetchOnReconnect: true,
+};
+
+/** @deprecated Use SHORT_CACHE_CONFIG instead */
+export const NO_CACHE_QUERY_CONFIG = SHORT_CACHE_CONFIG;