@umituz/react-native-subscription 2.12.9 → 2.12.11

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.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/domains/paywall/components/PaywallModal.tsx +16 -16
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umituz/react-native-subscription",
3
- "version": "2.12.9",
3
+ "version": "2.12.11",
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",
package/src/domains/paywall/components/PaywallModal.tsx CHANGED
@@ -95,11 +95,11 @@ export const PaywallModal: React.FC<PaywallModalProps> = React.memo((props) => {
95
95
 
96
96
  <ScrollView showsVerticalScrollIndicator={false} contentContainerStyle={styles.scroll}>
97
97
  <View style={styles.header}>
98
- <AtomicText type="headlineLarge" style={[styles.title, { color: tokens.colors.textPrimary }]}>
98
+ <AtomicText type="headlineMedium" style={[styles.title, { color: tokens.colors.textPrimary }]}>
99
99
  {translations.title}
100
100
  </AtomicText>
101
101
  {translations.subtitle && (
102
- <AtomicText type="bodyLarge" style={[styles.subtitle, { color: tokens.colors.textSecondary }]}>
102
+ <AtomicText type="bodyMedium" style={[styles.subtitle, { color: tokens.colors.textSecondary }]}>
103
103
  {translations.subtitle}
104
104
  </AtomicText>
105
105
  )}
@@ -110,9 +110,9 @@ export const PaywallModal: React.FC<PaywallModalProps> = React.memo((props) => {
110
110
  {features.map((feature, idx) => (
111
111
  <View key={idx} style={styles.featureRow}>
112
112
  <View style={[styles.featureIcon, { backgroundColor: tokens.colors.primaryLight }]}>
113
- <AtomicIcon name={feature.icon} customSize={20} customColor={tokens.colors.primary} />
113
+ <AtomicIcon name={feature.icon} customSize={16} customColor={tokens.colors.primary} />
114
114
  </View>
115
- <AtomicText type="bodyLarge" style={[styles.featureText, { color: tokens.colors.textPrimary }]}>
115
+ <AtomicText type="bodyMedium" style={[styles.featureText, { color: tokens.colors.textPrimary }]}>
116
116
  {feature.text}
117
117
  </AtomicText>
118
118
  </View>
@@ -193,21 +193,21 @@ PaywallModal.displayName = "PaywallModal";
193
193
  const styles = StyleSheet.create({
194
194
  modalContent: { padding: 0, borderWidth: 0, overflow: "hidden" },
195
195
  container: { flex: 1 },
196
- closeBtn: { position: "absolute", top: 16, right: 16, width: 36, height: 36, borderRadius: 18, justifyContent: "center", alignItems: "center", zIndex: 10 },
197
- scroll: { flexGrow: 1, padding: 24, paddingTop: 56 },
198
- header: { alignItems: "center", marginBottom: 24 },
199
- title: { fontWeight: "700", textAlign: "center", marginBottom: 8 },
200
- subtitle: { textAlign: "center", lineHeight: 24 },
201
- features: { borderRadius: 16, padding: 16, marginBottom: 20, gap: 12 },
196
+ closeBtn: { position: "absolute", top: 12, right: 12, width: 32, height: 32, borderRadius: 16, justifyContent: "center", alignItems: "center", zIndex: 10 },
197
+ scroll: { flexGrow: 1, padding: 16, paddingTop: 48 },
198
+ header: { alignItems: "center", marginBottom: 12 },
199
+ title: { fontWeight: "700", textAlign: "center", marginBottom: 4 },
200
+ subtitle: { textAlign: "center" },
201
+ features: { borderRadius: 12, padding: 12, marginBottom: 12, gap: 8 },
202
202
  featureRow: { flexDirection: "row", alignItems: "center" },
203
- featureIcon: { width: 40, height: 40, borderRadius: 20, justifyContent: "center", alignItems: "center", marginRight: 12 },
203
+ featureIcon: { width: 32, height: 32, borderRadius: 16, justifyContent: "center", alignItems: "center", marginRight: 8 },
204
204
  featureText: { flex: 1, fontWeight: "500" },
205
- loading: { alignItems: "center", paddingVertical: 40 },
206
- loadingText: { marginTop: 12 },
207
- plans: { marginBottom: 20 },
208
- cta: { borderRadius: 16, paddingVertical: 18, alignItems: "center", marginBottom: 16 },
205
+ loading: { alignItems: "center", paddingVertical: 24 },
206
+ loadingText: { marginTop: 8 },
207
+ plans: { marginBottom: 12 },
208
+ cta: { borderRadius: 12, paddingVertical: 14, alignItems: "center", marginBottom: 12 },
209
209
  ctaDisabled: { opacity: 0.5 },
210
210
  ctaText: { fontWeight: "700" },
211
- footer: { flexDirection: "row", justifyContent: "space-between", paddingHorizontal: 8 },
211
+ footer: { flexDirection: "row", justifyContent: "center", gap: 16, flexWrap: "wrap" },
212
212
  footerLink: {},
213
213
  });