@umituz/react-native-subscription 2.2.5 → 2.2.7

package/package.json

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

@@ -4,10 +4,10 @@
  */
 
 import React from "react";
-import { View, StyleSheet } from "react-native";
+import { View, StyleSheet, TouchableOpacity, Linking } from "react-native";
 import { AtomicText } from "@umituz/react-native-design-system-atoms";
 import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
-import { LegalLinks } from "@umituz/react-native-legal";
+// import { LegalLinks } from "@umituz/react-native-legal";
 
 interface PaywallLegalFooterProps {
   termsText?: string;
@@ -38,13 +38,33 @@ export const PaywallLegalFooter: React.FC<PaywallLegalFooterProps> = React.memo(
         >
           {termsText}
         </AtomicText>
-        <LegalLinks
-          style={styles.legalLinks}
-          privacyPolicyUrl={privacyUrl}
-          termsOfServiceUrl={termsUrl}
-          privacyText={privacyText || "Privacy Policy"}
-          termsText={termsOfServiceText || "Terms of Service"}
-        />
+        <View style={styles.legalLinksContainer}>
+          {privacyUrl && (
+            <TouchableOpacity onPress={() => Linking.openURL(privacyUrl).catch(console.error)}>
+              <AtomicText
+                type="labelSmall"
+                style={[styles.linkText, { color: tokens.colors.textSecondary }]}
+              >
+                {privacyText || "Privacy Policy"}
+              </AtomicText>
+            </TouchableOpacity>
+          )}
+          {privacyUrl && termsUrl && (
+            <AtomicText type="labelSmall" style={{ color: tokens.colors.textTertiary }}>
+              {" • "}
+            </AtomicText>
+          )}
+          {termsUrl && (
+            <TouchableOpacity onPress={() => Linking.openURL(termsUrl).catch(console.error)}>
+              <AtomicText
+                type="labelSmall"
+                style={[styles.linkText, { color: tokens.colors.textSecondary }]}
+              >
+                {termsOfServiceText || "Terms of Service"}
+              </AtomicText>
+            </TouchableOpacity>
+          )}
+        </View>
       </View>
     );
   }
@@ -64,7 +84,12 @@ const styles = StyleSheet.create({
     lineHeight: 16,
     marginBottom: 8,
   },
-  legalLinks: {
+  legalLinksContainer: {
+    flexDirection: "row",
+    alignItems: "center",
     marginTop: 4,
   },
+  linkText: {
+    textDecorationLine: "underline",
+  },
 });

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

@@ -39,6 +39,7 @@ export interface SubscriptionModalProps {
   termsUrl?: string;
   privacyText?: string;
   termsOfServiceText?: string;
+  showRestoreButton?: boolean;
 }
 
 export const SubscriptionModal: React.FC<SubscriptionModalProps> = React.memo(
@@ -61,6 +62,7 @@ export const SubscriptionModal: React.FC<SubscriptionModalProps> = React.memo(
     termsUrl,
     privacyText,
     termsOfServiceText,
+    showRestoreButton = true,
   }) => {
     const tokens = useAppDesignTokens();
     const [selectedPkg, setSelectedPkg] = useState<PurchasesPackage | null>(null);
@@ -170,15 +172,17 @@ export const SubscriptionModal: React.FC<SubscriptionModalProps> = React.memo(
                     disabled={!selectedPkg || isProcessing || isLoading}
                   />
                 )}
-                <TouchableOpacity
-                  style={styles.restoreButton}
-                  onPress={handleRestore}
-                  disabled={isProcessing || isLoading}
-                >
-                  <AtomicText type="bodySmall" style={{ color: tokens.colors.textSecondary }}>
-                    {restoreButtonText}
-                  </AtomicText>
-                </TouchableOpacity>
+                {showRestoreButton && (
+                  <TouchableOpacity
+                    style={styles.restoreButton}
+                    onPress={handleRestore}
+                    disabled={isProcessing || isLoading}
+                  >
+                    <AtomicText type="bodySmall" style={{ color: tokens.colors.textSecondary }}>
+                      {restoreButtonText}
+                    </AtomicText>
+                  </TouchableOpacity>
+                )}
               </View>
 
               <PaywallLegalFooter