@umituz/react-native-subscription 2.13.19 → 2.13.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-subscription",
-  "version": "2.13.19",
+  "version": "2.13.20",
   "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/usePaywallOperations.ts

@@ -6,7 +6,7 @@
  * Follows "Package Driven Design" by accepting dynamic props.
  */
 
-import { useState, useCallback } from "react";
+import { useState, useCallback, useRef, useEffect } from "react";
 import { Alert } from "react-native";
 import { useLocalization } from "@umituz/react-native-localization";
 import { usePremium } from "./usePremium";
@@ -53,6 +53,18 @@ export function usePaywallOperations({
     const { purchasePackage, restorePurchase, closePaywall } = usePremium(userId);
     const [pendingPackage, setPendingPackage] = useState<PurchasesPackage | null>(null);
 
+    // Ref to always have latest purchasePackage function (avoids stale closure)
+    const purchasePackageRef = useRef(purchasePackage);
+    const onPurchaseSuccessRef = useRef(onPurchaseSuccess);
+
+    useEffect(() => {
+        purchasePackageRef.current = purchasePackage;
+    }, [purchasePackage]);
+
+    useEffect(() => {
+        onPurchaseSuccessRef.current = onPurchaseSuccess;
+    }, [onPurchaseSuccess]);
+
     /**
      * Check if action requires authentication
      * @returns true if authenticated, false if auth required
@@ -174,10 +186,12 @@ export function usePaywallOperations({
         const pkg = pendingPackage;
         setPendingPackage(null);
 
-        const success = await purchasePackage(pkg);
+        // Use ref to get latest purchasePackage (avoids stale closure after auth)
+        const success = await purchasePackageRef.current(pkg);
 
         if (success) {
-            if (onPurchaseSuccess) onPurchaseSuccess();
+            // Use ref to get latest callback
+            if (onPurchaseSuccessRef.current) onPurchaseSuccessRef.current();
         } else {
             Alert.alert(
                 t("premium.purchaseError"),
@@ -186,7 +200,7 @@ export function usePaywallOperations({
         }
 
         return success;
-    }, [pendingPackage, purchasePackage, onPurchaseSuccess, t]);
+    }, [pendingPackage, t]);
 
     const clearPendingPackage = useCallback(() => {
         setPendingPackage(null);