@umituz/react-native-subscription 2.3.1 → 2.3.3

package/package.json

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

@@ -97,6 +97,26 @@ export const SubscriptionModal: React.FC<SubscriptionModalProps> = React.memo((p
     onClose,
   });
 
+  // Debug logging in development
+  if (__DEV__) {
+    console.log("[SubscriptionModal] State:", {
+      visible,
+      variant,
+      isLoading,
+      packagesCount: packages?.length ?? 0,
+      packagesData: packages?.map(p => ({
+        id: p?.identifier,
+        price: p?.product?.priceString,
+        title: p?.product?.title,
+      })),
+      featuresCount: features?.length ?? 0,
+      title,
+      subtitle: subtitle?.substring(0, 50),
+      hasTokens: !!tokens,
+      selectedPkg: selectedPkg?.identifier ?? null,
+      isProcessing,
+    });
+  }
 
   if (!visible) return null;
 

package/src/presentation/components/paywall/SubscriptionModalHeader.tsx

@@ -22,10 +22,6 @@ export const SubscriptionModalHeader: React.FC<SubscriptionModalHeaderProps> = (
 }) => {
     const tokens = useAppDesignTokens();
 
-    if (__DEV__) {
-        console.log("[SubscriptionModalHeader] Rendering", { title, variant, hasSubtitle: !!subtitle });
-    }
-
     return (
         <View style={styles.header}>
             <TouchableOpacity

package/src/presentation/components/paywall/SubscriptionModalOverlay.tsx

@@ -10,7 +10,6 @@ import {
     StyleSheet,
     TouchableOpacity,
     Dimensions,
-    Platform,
     ViewStyle,
 } from "react-native";
 import { useAppDesignTokens } from "@umituz/react-native-design-system";
@@ -55,6 +54,18 @@ export const SubscriptionModalOverlay: React.FC<SubscriptionModalOverlayProps> =
     const tokens = useAppDesignTokens();
     const config = { ...DEFAULT_LAYOUT, ...layoutConfig };
 
+    // Debug logging in development
+    if (__DEV__) {
+        console.log("[SubscriptionModalOverlay] State:", {
+            visible,
+            variant,
+            config,
+            screenWidth: SCREEN_WIDTH,
+            screenHeight: SCREEN_HEIGHT,
+            backgroundColor: tokens?.colors?.backgroundPrimary ?? "NO_TOKEN",
+            hasChildren: !!children,
+        });
+    }
 
     const isFullScreen = variant === "fullscreen";
 
@@ -63,20 +74,9 @@ export const SubscriptionModalOverlay: React.FC<SubscriptionModalOverlayProps> =
         maxHeight: SCREEN_HEIGHT * (config.maxHeightPercent ?? 0.88),
         borderRadius: config.borderRadius ?? 32,
         overflow: "hidden",
-        borderWidth: 1,
-        borderColor: "rgba(255, 255, 255, 0.08)",
-        backgroundColor: tokens.colors.surface,
-        ...Platform.select({
-            ios: {
-                shadowColor: "#000",
-                shadowOffset: { width: 0, height: 16 },
-                shadowOpacity: 0.5,
-                shadowRadius: 32,
-            },
-            android: {
-                elevation: 16,
-            },
-        }),
+        borderWidth: 2,
+        borderColor: "rgba(255, 255, 255, 0.15)",
+        backgroundColor: tokens.colors.backgroundPrimary,
     });
 
     if (isFullScreen) {
@@ -166,16 +166,5 @@ const styles = StyleSheet.create({
         overflow: "hidden",
         borderWidth: 1,
         borderColor: "rgba(255, 255, 255, 0.1)",
-        ...Platform.select({
-            ios: {
-                shadowColor: "#000",
-                shadowOffset: { width: 0, height: 12 },
-                shadowOpacity: 0.4,
-                shadowRadius: 24,
-            },
-            android: {
-                elevation: 12,
-            },
-        }),
     },
 });

package/src/presentation/components/paywall/SubscriptionPackageList.tsx

@@ -27,6 +27,18 @@ export const SubscriptionPackageList: React.FC<SubscriptionPackageListProps> = R
         const hasPackages = packages.length > 0;
         const showLoading = isLoading && !hasPackages;
 
+        // Debug logging in development
+        if (__DEV__) {
+            console.log("[SubscriptionPackageList] State:", {
+                isLoading,
+                hasPackages,
+                showLoading,
+                packagesCount: packages?.length ?? 0,
+                loadingText,
+                emptyText,
+                selectedPkgId: selectedPkg?.identifier ?? null,
+            });
+        }
 
         if (showLoading) {
             return (