@umituz/react-native-subscription 2.3.2 → 2.3.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-subscription",
-  "version": "2.3.2",
+  "version": "2.3.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/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/SubscriptionModalOverlay.tsx

@@ -54,18 +54,39 @@ 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";
 
-    const getFullscreenContentStyle = (): ViewStyle => ({
-        width: Math.min(SCREEN_WIDTH * (config.widthPercent ?? 0.92), config.maxWidth ?? 480),
-        maxHeight: SCREEN_HEIGHT * (config.maxHeightPercent ?? 0.88),
-        borderRadius: config.borderRadius ?? 32,
-        overflow: "hidden",
-        borderWidth: 2,
-        borderColor: "rgba(255, 255, 255, 0.15)",
-        backgroundColor: tokens.colors.backgroundPrimary,
-    });
+    const getFullscreenContentStyle = (): ViewStyle => {
+        const width = Math.min(SCREEN_WIDTH * (config.widthPercent ?? 0.92), config.maxWidth ?? 480);
+        const height = SCREEN_HEIGHT * (config.maxHeightPercent ?? 0.88);
+
+        if (__DEV__) {
+            console.log("[SubscriptionModalOverlay] Content dimensions:", { width, height });
+        }
+
+        return {
+            width,
+            height, // Changed from maxHeight to height - this is critical!
+            borderRadius: config.borderRadius ?? 32,
+            overflow: "hidden",
+            borderWidth: 2,
+            borderColor: "rgba(255, 255, 255, 0.15)",
+            backgroundColor: tokens.colors.backgroundPrimary,
+        };
+    };
 
     if (isFullScreen) {
         return (

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 (