@umituz/react-native-subscription 2.14.74 → 2.14.76

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-subscription",
-  "version": "2.14.74",
+  "version": "2.14.76",
   "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/paywall/components/PaywallContainer.tsx

@@ -33,8 +33,14 @@ export const PaywallContainer: React.FC<PaywallContainerProps> = ({
   onPurchaseSuccess,
   onPurchaseError,
   onAuthRequired,
+  visible,
+  onClose,
 }) => {
-  const { showPaywall, closePaywall } = usePaywallVisibility();
+  const { showPaywall: globalShowPaywall, closePaywall: globalClosePaywall } = usePaywallVisibility();
+  
+  const isVisible = visible !== undefined ? visible : globalShowPaywall;
+  const handleClose = onClose !== undefined ? onClose : globalClosePaywall;
+
   const { data: allPackages = [], isLoading, isFetching, status, error } = useSubscriptionPackages(userId ?? undefined);
   const { mutateAsync: purchasePackage } = usePurchasePackage(userId ?? undefined);
   const { mutateAsync: restorePurchases } = useRestorePurchase(userId ?? undefined);
@@ -53,7 +59,7 @@ export const PaywallContainer: React.FC<PaywallContainerProps> = ({
   }, [allPackages, mode, packageFilterConfig, creditAmounts]);
 
   useEffect(() => {
-    if (__DEV__ && showPaywall) {
+    if (__DEV__ && isVisible) {
       console.log("[PaywallContainer] Paywall opened:", {
         userId,
         isAnonymous,
@@ -69,7 +75,7 @@ export const PaywallContainer: React.FC<PaywallContainerProps> = ({
         error: error?.message ?? null,
       });
     }
-  }, [showPaywall, userId, isAnonymous, mode, allPackages.length, filteredPackages.length, isLoading, isFetching, status, error]);
+  }, [isVisible, userId, isAnonymous, mode, allPackages.length, filteredPackages.length, isLoading, isFetching, status, error]);
 
   // Auto-purchase when user authenticates after selecting a package
   useEffect(() => {
@@ -91,7 +97,7 @@ export const PaywallContainer: React.FC<PaywallContainerProps> = ({
               console.log("[PaywallContainer] Auto-purchase successful");
             }
             onPurchaseSuccess?.();
-            closePaywall();
+            handleClose();
           }
         } catch (err) {
           const message = err instanceof Error ? err.message : String(err);
@@ -104,7 +110,7 @@ export const PaywallContainer: React.FC<PaywallContainerProps> = ({
         }
       })();
     }
-  }, [isAnonymous, userId, pendingPackage, purchasePackage, onPurchaseSuccess, onPurchaseError, closePaywall]);
+  }, [isAnonymous, userId, pendingPackage, purchasePackage, onPurchaseSuccess, onPurchaseError, handleClose]);
 
   const handlePurchase = useCallback(
     async (pkg: PurchasesPackage) => {
@@ -131,7 +137,7 @@ export const PaywallContainer: React.FC<PaywallContainerProps> = ({
             console.log("[PaywallContainer] Purchase successful");
           }
           onPurchaseSuccess?.();
-          closePaywall();
+          handleClose();
         }
       } catch (err) {
         const message = err instanceof Error ? err.message : String(err);
@@ -141,7 +147,7 @@ export const PaywallContainer: React.FC<PaywallContainerProps> = ({
         onPurchaseError?.(message);
       }
     },
-    [isAnonymous, purchasePackage, closePaywall, onPurchaseSuccess, onPurchaseError, onAuthRequired, setPendingPackage]
+    [isAnonymous, purchasePackage, handleClose, onPurchaseSuccess, onPurchaseError, onAuthRequired, setPendingPackage]
   );
 
   const handleRestore = useCallback(async () => {
@@ -155,7 +161,7 @@ export const PaywallContainer: React.FC<PaywallContainerProps> = ({
           console.log("[PaywallContainer] Restore successful");
         }
         onPurchaseSuccess?.();
-        closePaywall();
+        handleClose();
       }
     } catch (err) {
       const message = err instanceof Error ? err.message : String(err);
@@ -164,16 +170,16 @@ export const PaywallContainer: React.FC<PaywallContainerProps> = ({
       }
       onPurchaseError?.(message);
     }
-  }, [restorePurchases, closePaywall, onPurchaseSuccess, onPurchaseError]);
+  }, [restorePurchases, handleClose, onPurchaseSuccess, onPurchaseError]);
 
-  if (!showPaywall) {
+  if (!isVisible) {
     return null;
   }
 
   return (
     <PaywallModal
-      visible={showPaywall}
-      onClose={closePaywall}
+      visible={isVisible}
+      onClose={handleClose}
       translations={translations}
       packages={filteredPackages}
       isLoading={isLoading}

package/src/domains/paywall/components/PaywallContainer.types.ts

@@ -36,5 +36,9 @@ export interface PaywallContainerProps {
   readonly onPurchaseError?: (error: string) => void;
   /** Callback when auth is required (for anonymous users) */
   readonly onAuthRequired?: () => void;
+  /** Visibility override */
+  readonly visible?: boolean;
+  /** Callback when paywall is closed */
+  readonly onClose?: () => void;
 }
 

package/src/infrastructure/services/SubscriptionInitializer.ts

@@ -4,6 +4,7 @@
  * Apps just call initializeSubscription with config
  */
 
+import { Platform } from "react-native";
 import type { CustomerInfo } from "react-native-purchases";
 import type { CreditsConfig } from "../../domain/entities/Credits";
 import { configureCreditsRepository, getCreditsRepository } from "../repositories/CreditsRepositoryProvider";
@@ -23,7 +24,12 @@ export interface CreditPackageConfig {
 }
 
 export interface SubscriptionInitConfig {
-  apiKey: string;
+  /** API key for RevenueCat (can provide single key or platform-specific keys) */
+  apiKey?: string;
+  /** iOS-specific API key (overrides apiKey if provided on iOS) */
+  apiKeyIos?: string;
+  /** Android-specific API key (overrides apiKey if provided on Android) */
+  apiKeyAndroid?: string;
   testStoreKey?: string;
   entitlementId: string;
   credits: CreditsConfig;
@@ -83,6 +89,8 @@ export const initializeSubscription = async (
 ): Promise<void> => {
   const {
     apiKey,
+    apiKeyIos,
+    apiKeyAndroid,
     testStoreKey,
     entitlementId,
     credits,
@@ -95,7 +103,12 @@ export const initializeSubscription = async (
     authStateTimeoutMs = 2000,
   } = config;
 
-  if (!apiKey) {
+  // Resolve API key based on platform
+  const resolvedApiKey = Platform.OS === "ios"
+    ? (apiKeyIos || apiKey || "")
+    : (apiKeyAndroid || apiKey || "");
+
+  if (!resolvedApiKey) {
     throw new Error("RevenueCat API key is required");
   }
 
@@ -180,7 +193,7 @@ export const initializeSubscription = async (
 
   SubscriptionManager.configure({
     config: {
-      apiKey,
+      apiKey: resolvedApiKey,
       testStoreKey,
       entitlementIdentifier: entitlementId,
       consumableProductIdentifiers: consumableIdentifiers,
@@ -188,7 +201,7 @@ export const initializeSubscription = async (
       onCreditsUpdated,
       onPurchaseCompleted: handlePurchaseCompleted,
     },
-    apiKey,
+    apiKey: resolvedApiKey,
     getAnonymousUserId,
   });