@umituz/react-native-subscription 2.2.27 → 2.2.28

package/package.json

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

@@ -5,7 +5,6 @@
 
 import React, { useEffect } from "react";
 import { View, Modal, StyleSheet, TouchableOpacity } from "react-native";
-import { SafeAreaView } from "react-native-safe-area-context";
 import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
 import { useLocalization } from "@umituz/react-native-localization";
 import type { PurchasesPackage } from "react-native-purchases";
@@ -106,7 +105,7 @@ export const PaywallModal: React.FC<PaywallModalProps> = React.memo(
           <View
             style={[styles.content, { backgroundColor: tokens.colors.surface }]}
           >
-            <SafeAreaView edges={["top"]} style={styles.safeArea}>
+            <View style={styles.contentInner}>
               <PaywallHeader
                 title={displayTitle}
                 subtitle={displaySubtitle}
@@ -148,7 +147,7 @@ export const PaywallModal: React.FC<PaywallModalProps> = React.memo(
                   restoreButtonText={restoreButtonText}
                 />
               )}
-            </SafeAreaView>
+            </View>
           </View>
         </View>
       </Modal>
@@ -178,7 +177,9 @@ const styles = StyleSheet.create({
     borderWidth: 1,
     borderColor: "rgba(255, 255, 255, 0.08)",
   },
-  safeArea: {
+  contentInner: {
     flex: 1,
+    paddingTop: 20,
+    paddingBottom: 20,
   },
 });

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

@@ -5,7 +5,6 @@
 
 import React from "react";
 import { View, StyleSheet, ScrollView } from "react-native";
-import { SafeAreaView } from "react-native-safe-area-context";
 import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
 import type { PurchasesPackage } from "react-native-purchases";
 
@@ -79,12 +78,12 @@ export const SubscriptionModal: React.FC<SubscriptionModalProps> = React.memo((p
 
   if (!visible) return null;
 
-  const ContentWrapper = variant === "fullscreen" ? SafeAreaView : View;
-  const wrapperProps = variant === "fullscreen" ? { edges: ["top", "bottom"] as const } : {};
+  const ContentWrapper = View;
+  const containerStyle = variant === "fullscreen" ? styles.fullscreenContainer : styles.container;
 
   return (
     <SubscriptionModalOverlay visible={visible} onClose={onClose} variant={variant}>
-      <ContentWrapper {...wrapperProps} style={styles.container}>
+      <ContentWrapper style={containerStyle}>
         <SubscriptionModalHeader title={title} subtitle={subtitle} onClose={onClose} />
 
         <ScrollView
@@ -137,6 +136,12 @@ const styles = StyleSheet.create({
     flex: 1,
     width: "100%",
   },
+  fullscreenContainer: {
+    flex: 1,
+    width: "100%",
+    paddingTop: 20,
+    paddingBottom: 20,
+  },
   scrollView: {
     flex: 1,
     width: "100%",