@umituz/react-native-subscription 2.12.12 → 2.12.14
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.12.
|
|
3
|
+
"version": "2.12.14",
|
|
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",
|
|
@@ -154,33 +154,35 @@ export const PaywallModal: React.FC<PaywallModalProps> = React.memo((props) => {
|
|
|
154
154
|
style={[styles.cta, { backgroundColor: tokens.colors.primary }, (isPurchaseDisabled || isProcessing) && styles.ctaDisabled]}
|
|
155
155
|
activeOpacity={0.8}
|
|
156
156
|
>
|
|
157
|
-
<AtomicText type="titleLarge" style={[styles.ctaText, { color: tokens.colors.
|
|
158
|
-
{isProcessing ?
|
|
157
|
+
<AtomicText type="titleLarge" style={[styles.ctaText, { color: tokens.colors.onPrimary }]}>
|
|
158
|
+
{isProcessing ? "Processing..." : showSubscription ? "Subscribe Now" : "Buy Credits"}
|
|
159
159
|
</AtomicText>
|
|
160
160
|
</TouchableOpacity>
|
|
161
161
|
|
|
162
162
|
<View style={styles.footer}>
|
|
163
|
-
{legalUrls.termsUrl && (
|
|
164
|
-
<TouchableOpacity onPress={() => {}}>
|
|
165
|
-
<AtomicText type="bodySmall" style={[styles.footerLink, { color: tokens.colors.textSecondary }]}>
|
|
166
|
-
{translations.termsOfServiceText}
|
|
167
|
-
</AtomicText>
|
|
168
|
-
</TouchableOpacity>
|
|
169
|
-
)}
|
|
170
163
|
{onRestore && (
|
|
171
|
-
<TouchableOpacity onPress={handleRestore}>
|
|
164
|
+
<TouchableOpacity onPress={handleRestore} style={styles.restoreButton}>
|
|
172
165
|
<AtomicText type="bodySmall" style={[styles.footerLink, { color: tokens.colors.textSecondary }]}>
|
|
173
166
|
{translations.restoreButtonText}
|
|
174
167
|
</AtomicText>
|
|
175
168
|
</TouchableOpacity>
|
|
176
169
|
)}
|
|
177
|
-
{
|
|
178
|
-
|
|
179
|
-
<
|
|
180
|
-
{
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
170
|
+
<View style={styles.legalRow}>
|
|
171
|
+
{legalUrls.termsUrl && (
|
|
172
|
+
<TouchableOpacity onPress={() => {}}>
|
|
173
|
+
<AtomicText type="bodySmall" style={[styles.footerLink, { color: tokens.colors.textSecondary }]}>
|
|
174
|
+
{translations.termsOfServiceText}
|
|
175
|
+
</AtomicText>
|
|
176
|
+
</TouchableOpacity>
|
|
177
|
+
)}
|
|
178
|
+
{legalUrls.privacyUrl && (
|
|
179
|
+
<TouchableOpacity onPress={() => {}}>
|
|
180
|
+
<AtomicText type="bodySmall" style={[styles.footerLink, { color: tokens.colors.textSecondary }]}>
|
|
181
|
+
{translations.privacyText}
|
|
182
|
+
</AtomicText>
|
|
183
|
+
</TouchableOpacity>
|
|
184
|
+
)}
|
|
185
|
+
</View>
|
|
184
186
|
</View>
|
|
185
187
|
</ScrollView>
|
|
186
188
|
</View>
|
|
@@ -208,6 +210,8 @@ const styles = StyleSheet.create({
|
|
|
208
210
|
cta: { borderRadius: 12, paddingVertical: 14, alignItems: "center", marginBottom: 12 },
|
|
209
211
|
ctaDisabled: { opacity: 0.5 },
|
|
210
212
|
ctaText: { fontWeight: "700" },
|
|
211
|
-
footer: { flexDirection: "
|
|
213
|
+
footer: { flexDirection: "column", alignItems: "center", gap: 8 },
|
|
214
|
+
restoreButton: { marginBottom: 8 },
|
|
215
|
+
legalRow: { flexDirection: "row", justifyContent: "center", gap: 16 },
|
|
212
216
|
footerLink: {},
|
|
213
217
|
});
|