@umituz/react-native-subscription 2.22.2 → 2.22.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-subscription",
-  "version": "2.22.2",
+  "version": "2.22.4",
   "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/infrastructure/services/SubscriptionInitializer.ts

@@ -61,8 +61,30 @@ export const initializeSubscription = async (config: SubscriptionInitConfig): Pr
     }
   };
 
+  const onRenewal = async (userId: string, productId: string, _newExpirationDate: string, _customerInfo: unknown) => {
+    if (__DEV__) {
+      console.log('[SubscriptionInitializer] onRenewal called:', { userId, productId });
+    }
+    try {
+      const result = await getCreditsRepository().initializeCredits(
+        userId,
+        `renewal_${productId}_${Date.now()}`,
+        productId,
+        "renewal" as any
+      );
+      if (__DEV__) {
+        console.log('[SubscriptionInitializer] Credits reset on renewal:', result);
+      }
+      onCreditsUpdated?.(userId);
+    } catch (error) {
+      if (__DEV__) {
+        console.error('[SubscriptionInitializer] Renewal credits init failed:', error);
+      }
+    }
+  };
+
   SubscriptionManager.configure({
-    config: { apiKey: key, testStoreKey, entitlementIdentifier: entitlementId, consumableProductIdentifiers: [creditPackages?.identifierPattern || "credit"], onPurchaseCompleted: onPurchase, onCreditsUpdated },
+    config: { apiKey: key, testStoreKey, entitlementIdentifier: entitlementId, consumableProductIdentifiers: [creditPackages?.identifierPattern || "credit"], onPurchaseCompleted: onPurchase, onRenewalDetected: onRenewal, onCreditsUpdated },
     apiKey: key, getAnonymousUserId
   });
 

package/src/presentation/screens/SubscriptionDetailScreen.tsx

@@ -31,7 +31,7 @@ export const SubscriptionDetailScreen: React.FC<
   SubscriptionDetailScreenProps
 > = ({ config }) => {
   const tokens = useAppDesignTokens();
-  const showCredits = config.isPremium && config.credits && config.credits.length > 0;
+  const showCredits = config.credits && config.credits.length > 0;
   const showUpgradePrompt = !config.isPremium && config.upgradePrompt;
 
   const styles = useMemo(
@@ -68,8 +68,8 @@ export const SubscriptionDetailScreen: React.FC<
         ) : undefined
       }
     >
-      {config.isPremium ? (
-        <View style={styles.cardsContainer}>
+      <View style={styles.cardsContainer}>
+        {config.isPremium && (
           <SubscriptionHeader
             statusType={config.statusType}
             isPremium={config.isPremium}
@@ -79,20 +79,20 @@ export const SubscriptionDetailScreen: React.FC<
             daysRemaining={config.daysRemaining}
             translations={config.translations}
           />
+        )}
 
-          {showCredits && (
-            <CreditsList
-              credits={config.credits!}
-              title={
-                config.translations.usageTitle || config.translations.creditsTitle
-              }
-              description={config.translations.creditsResetInfo}
-              remainingLabel={config.translations.remainingLabel}
-            />
-          )}
-        </View>
-      ) : (
-        showUpgradePrompt && (
+        {showCredits && (
+          <CreditsList
+            credits={config.credits!}
+            title={
+              config.translations.usageTitle || config.translations.creditsTitle
+            }
+            description={config.translations.creditsResetInfo}
+            remainingLabel={config.translations.remainingLabel}
+          />
+        )}
+
+        {showUpgradePrompt && (
           <UpgradePrompt
             title={config.upgradePrompt!.title}
             subtitle={config.upgradePrompt!.subtitle}
@@ -100,8 +100,8 @@ export const SubscriptionDetailScreen: React.FC<
             upgradeButtonLabel={config.translations.upgradeButton}
             onUpgrade={config.onUpgrade}
           />
-        )
-      )}
+        )}
+      </View>
 
       <View style={styles.spacer} />
     </ScreenLayout>

package/src/revenuecat/domain/value-objects/RevenueCatConfig.ts

@@ -34,6 +34,13 @@ export interface RevenueCatConfig {
     isPremium: boolean,
     customerInfo: CustomerInfo
   ) => Promise<void> | void;
+  /** Callback when subscription renewal is detected */
+  onRenewalDetected?: (
+    userId: string,
+    productId: string,
+    newExpirationDate: string,
+    customerInfo: CustomerInfo
+  ) => Promise<void> | void;
   /** Callback after credits are successfully updated (for cache invalidation) */
   onCreditsUpdated?: (userId: string) => void;
 }

package/src/revenuecat/infrastructure/services/CustomerInfoListenerManager.ts

@@ -1,6 +1,6 @@
 /**
  * Customer Info Listener Manager
- * Handles RevenueCat customer info update listeners
+ * Handles RevenueCat customer info update listeners with renewal detection
  */
 
 import Purchases, {
@@ -9,10 +9,21 @@ import Purchases, {
 } from "react-native-purchases";
 import type { RevenueCatConfig } from "../../domain/value-objects/RevenueCatConfig";
 import { syncPremiumStatus } from "../utils/PremiumStatusSyncer";
+import {
+    detectRenewal,
+    updateRenewalState,
+    type RenewalState,
+} from "../utils/RenewalDetector";
+
+declare const __DEV__: boolean;
 
 export class CustomerInfoListenerManager {
     private listener: CustomerInfoUpdateListener | null = null;
     private currentUserId: string | null = null;
+    private renewalState: RenewalState = {
+        previousExpirationDate: null,
+        previousProductId: null,
+    };
 
     setUserId(userId: string): void {
         this.currentUserId = userId;
@@ -20,6 +31,10 @@ export class CustomerInfoListenerManager {
 
     clearUserId(): void {
         this.currentUserId = null;
+        this.renewalState = {
+            previousExpirationDate: null,
+            previousProductId: null,
+        };
     }
 
     setupListener(config: RevenueCatConfig): void {
@@ -30,6 +45,37 @@ export class CustomerInfoListenerManager {
                 return;
             }
 
+            const renewalResult = detectRenewal(
+                this.renewalState,
+                customerInfo,
+                config.entitlementIdentifier
+            );
+
+            if (renewalResult.isRenewal && config.onRenewalDetected) {
+                if (__DEV__) {
+                    console.log("[CustomerInfoListener] Renewal detected:", {
+                        userId: this.currentUserId,
+                        productId: renewalResult.productId,
+                        newExpiration: renewalResult.newExpirationDate,
+                    });
+                }
+
+                try {
+                    await config.onRenewalDetected(
+                        this.currentUserId,
+                        renewalResult.productId!,
+                        renewalResult.newExpirationDate!,
+                        customerInfo
+                    );
+                } catch (error) {
+                    if (__DEV__) {
+                        console.error("[CustomerInfoListener] Renewal callback failed:", error);
+                    }
+                }
+            }
+
+            this.renewalState = updateRenewalState(this.renewalState, renewalResult);
+
             syncPremiumStatus(config, this.currentUserId, customerInfo);
         };
 

package/src/revenuecat/infrastructure/utils/RenewalDetector.ts

@@ -0,0 +1,83 @@
+/**
+ * Renewal Detector
+ * Detects subscription renewals by tracking expiration date changes
+ * Best Practice: Compare expiration dates to detect renewal events
+ */
+
+import type { CustomerInfo } from "react-native-purchases";
+
+export interface RenewalState {
+  previousExpirationDate: string | null;
+  previousProductId: string | null;
+}
+
+export interface RenewalDetectionResult {
+  isRenewal: boolean;
+  productId: string | null;
+  newExpirationDate: string | null;
+}
+
+/**
+ * Detects if a subscription renewal occurred
+ *
+ * Best Practice (RevenueCat):
+ * - Track previous expiration date
+ * - If new expiration > previous → Renewal detected
+ * - Reset credits on renewal (industry standard)
+ *
+ * @param state Previous state (expiration date, product ID)
+ * @param customerInfo Current CustomerInfo from RevenueCat
+ * @param entitlementId Entitlement identifier to check
+ * @returns Renewal detection result
+ */
+export function detectRenewal(
+  state: RenewalState,
+  customerInfo: CustomerInfo,
+  entitlementId: string
+): RenewalDetectionResult {
+  const entitlement = customerInfo.entitlements.active[entitlementId];
+
+  if (!entitlement) {
+    return {
+      isRenewal: false,
+      productId: null,
+      newExpirationDate: null,
+    };
+  }
+
+  const newExpirationDate = entitlement.expirationDate;
+  const productId = entitlement.productIdentifier;
+
+  if (!newExpirationDate || !state.previousExpirationDate) {
+    return {
+      isRenewal: false,
+      productId,
+      newExpirationDate,
+    };
+  }
+
+  const newExpiration = new Date(newExpirationDate);
+  const previousExpiration = new Date(state.previousExpirationDate);
+
+  const isRenewal = newExpiration > previousExpiration &&
+                    productId === state.previousProductId;
+
+  return {
+    isRenewal,
+    productId,
+    newExpirationDate,
+  };
+}
+
+/**
+ * Updates renewal state after detection
+ */
+export function updateRenewalState(
+  _state: RenewalState,
+  result: RenewalDetectionResult
+): RenewalState {
+  return {
+    previousExpirationDate: result.newExpirationDate,
+    previousProductId: result.productId,
+  };
+}