@umituz/react-native-subscription 2.2.15 → 2.2.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@umituz/react-native-subscription",
|
|
3
|
-
"version": "2.2.
|
|
3
|
+
"version": "2.2.17",
|
|
4
4
|
"description": "Complete subscription management with RevenueCat, paywall UI, and credits system for React Native apps",
|
|
5
5
|
"main": "./src/index.ts",
|
|
6
6
|
"types": "./src/index.ts",
|
|
@@ -97,9 +97,12 @@ export const SubscriptionModal: React.FC<SubscriptionModalProps> = React.memo(
|
|
|
97
97
|
|
|
98
98
|
const isFullScreen = variant === "fullscreen";
|
|
99
99
|
|
|
100
|
+
const ContentWrapper = isFullScreen ? SafeAreaView : View;
|
|
101
|
+
const wrapperProps = isFullScreen ? { edges: ["top", "bottom"] as const } : {};
|
|
102
|
+
|
|
100
103
|
const Content = (
|
|
101
|
-
<
|
|
102
|
-
|
|
104
|
+
<ContentWrapper
|
|
105
|
+
{...wrapperProps}
|
|
103
106
|
style={isFullScreen ? styles.safeAreaFullScreen : styles.safeAreaBottomSheet}
|
|
104
107
|
>
|
|
105
108
|
<View style={styles.header}>
|
|
@@ -159,7 +162,7 @@ export const SubscriptionModal: React.FC<SubscriptionModalProps> = React.memo(
|
|
|
159
162
|
onPurchase={handlePurchase}
|
|
160
163
|
onRestore={handleRestore}
|
|
161
164
|
/>
|
|
162
|
-
</
|
|
165
|
+
</ContentWrapper>
|
|
163
166
|
);
|
|
164
167
|
|
|
165
168
|
if (variant === "fullscreen") {
|
|
@@ -196,7 +199,7 @@ const styles = StyleSheet.create({
|
|
|
196
199
|
bottomSheetContent: { borderTopLeftRadius: 24, borderTopRightRadius: 24, maxHeight: "90%" },
|
|
197
200
|
|
|
198
201
|
safeAreaFullScreen: { flex: 1, paddingTop: 16 },
|
|
199
|
-
safeAreaBottomSheet: { paddingTop: 16 },
|
|
202
|
+
safeAreaBottomSheet: { paddingTop: 16, paddingBottom: 24 },
|
|
200
203
|
|
|
201
204
|
header: { alignItems: "center", paddingHorizontal: 24, paddingBottom: 20 },
|
|
202
205
|
closeButton: { position: "absolute", top: 0, right: 16, padding: 8, zIndex: 1 },
|
|
@@ -205,7 +208,7 @@ const styles = StyleSheet.create({
|
|
|
205
208
|
subtitle: { textAlign: "center" },
|
|
206
209
|
|
|
207
210
|
scrollViewFullScreen: { flex: 1 },
|
|
208
|
-
scrollViewBottomSheet: {
|
|
211
|
+
scrollViewBottomSheet: { flex: 1 },
|
|
209
212
|
|
|
210
213
|
scrollContent: { paddingHorizontal: 24, paddingBottom: 16 },
|
|
211
214
|
featuresSection: { borderRadius: 16, padding: 16, marginTop: 20 },
|