@umituz/react-native-settings 4.20.5 → 4.20.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-settings",
-  "version": "4.20.5",
+  "version": "4.20.7",
   "description": "Complete settings hub for React Native apps - consolidated package with settings, about, legal, appearance, feedback, FAQs, and rating",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/domains/about/utils/index.ts

@@ -125,10 +125,7 @@ export const openUrl = async (url: string): Promise<boolean> => {
     }
 
     return false;
-  } catch (error) {
-    if (__DEV__) {
-      console.error('Failed to open URL:', error);
-    }
+  } catch {
     return false;
   }
 };
@@ -151,10 +148,7 @@ export const sendEmail = async (email: string, subject?: string): Promise<boolea
     }
 
     return false;
-  } catch (error) {
-    if (__DEV__) {
-      console.error('Failed to send email:', error);
-    }
+  } catch {
     return false;
   }
 };

package/src/domains/appearance/infrastructure/services/systemThemeDetection.ts

@@ -29,10 +29,7 @@ export const getSystemTheme = (): ThemeMode | null => {
     // On native platforms, use Appearance API
     const colorScheme = Appearance.getColorScheme();
     return colorScheme === 'dark' ? 'dark' : 'light';
-  } catch (error) {
-    if (__DEV__) {
-      console.warn('[getSystemTheme] Failed to detect system theme:', error);
-    }
+  } catch {
     return null;
   }
 };
@@ -70,10 +67,7 @@ export const addSystemThemeListener = (
     return () => {
       subscription?.remove();
     };
-  } catch (error) {
-    if (__DEV__) {
-      console.warn('[addSystemThemeListener] Failed to add listener:', error);
-    }
+  } catch {
     return () => { }; // Return empty cleanup function
   }
 };

package/src/domains/appearance/presentation/components/ColorPicker.tsx

@@ -39,12 +39,9 @@ export const ColorPicker: React.FC<ColorPickerProps> = ({
     try {
       // Prevent unnecessary updates if color hasn't changed
       if (value === color) return;
-
       onValueChange(color);
-    } catch (error) {
-      if (__DEV__) {
-        console.error("[ColorPicker] Failed to change color:", error);
-      }
+    } catch {
+      // Silent error handling
     }
   }, [value, onValueChange]);
 
@@ -65,7 +62,7 @@ export const ColorPicker: React.FC<ColorPickerProps> = ({
           activeOpacity={0.8} // Performance optimization
         >
           {isSelected && (
-            <AtomicIcon name="checkmark" size="sm" customColor="#FFFFFF" />
+            <AtomicIcon name="checkmark" size="sm" customColor={tokens.colors.textInverse} />
           )}
         </TouchableOpacity>
       );

package/src/domains/appearance/presentation/components/CustomColorsSection.tsx

@@ -94,10 +94,8 @@ export const CustomColorsSection: React.FC<CustomColorsSectionProps> = ({
   const handleColorChange = useCallback((key: keyof CustomThemeColors, color: string) => {
     try {
       onColorChange(key, color);
-    } catch (error) {
-      if (__DEV__) {
-        console.error("[CustomColorsSection] Failed to change color:", error);
-      }
+    } catch {
+      // Silent error handling
     }
   }, [onColorChange]);
 
@@ -105,10 +103,8 @@ export const CustomColorsSection: React.FC<CustomColorsSectionProps> = ({
   const handleResetColors = useCallback(() => {
     try {
       onResetColors();
-    } catch (error) {
-      if (__DEV__) {
-        console.error("[CustomColorsSection] Failed to reset colors:", error);
-      }
+    } catch {
+      // Silent error handling
     }
   }, [onResetColors]);
 

package/src/domains/appearance/presentation/components/ThemeModeSection.tsx

@@ -42,10 +42,8 @@ export const ThemeModeSection: React.FC<ThemeModeSectionProps> = ({
   const handleThemeSelect = useCallback((mode: ThemeMode) => {
     try {
       onThemeSelect(mode);
-    } catch (error) {
-      if (__DEV__) {
-        console.error("[ThemeModeSection] Failed to select theme:", error);
-      }
+    } catch {
+      // Silent error handling
     }
   }, [onThemeSelect]);
 

package/src/domains/faqs/presentation/components/FAQSection.tsx

@@ -32,16 +32,16 @@ export const FAQSection: React.FC<FAQSectionProps> = ({
     renderSection,
     renderItem,
 }) => {
-    if (!config.enabled) return null;
+    if (!config.enabled || !config.title || !config.description) return null;
 
     return (
         <>
             {renderSection({
-                title: config.title || 'Help & Support',
+                title: config.title,
                 children: renderItem({
-                    title: config.description || 'FAQ',
+                    title: config.description,
                     icon: 'help-circle',
-                    onPress: config.onPress || (() => console.warn('No FAQ handler')),
+                    onPress: config.onPress || (() => {}),
                     isLast: true,
                 }),
             })}

package/src/domains/feedback/presentation/components/SupportSection.tsx

@@ -65,17 +65,12 @@ export const SupportSection: React.FC<SupportSectionProps> = ({
             try {
                 await feedbackConfig.config.onSubmit(data);
                 setModalVisible(false);
-            } catch (error) {
-                if (__DEV__) {
-                    console.error("Feedback submission error:", error);
-                }
+            } catch {
+                // Silent error handling
             } finally {
                 setIsSubmitting(false);
             }
         } else {
-            if (__DEV__) {
-                console.warn("No onSubmit handler provided for Feedback");
-            }
             setModalVisible(false);
         }
     };
@@ -91,14 +86,6 @@ export const SupportSection: React.FC<SupportSectionProps> = ({
             const supported = await Linking.canOpenURL(config.storeUrl);
             if (supported) {
                 await Linking.openURL(config.storeUrl);
-            } else {
-                if (__DEV__) {
-                    console.warn("Cannot open store URL:", config.storeUrl);
-                }
-            }
-        } else {
-            if (__DEV__) {
-                console.warn("No storeUrl or onRate provided for Rating");
             }
         }
     }, [ratingConfig.config]);

package/src/domains/legal/domain/services/ContentValidationService.ts

@@ -19,48 +19,40 @@ export class ContentValidationService {
    * Validate screen content requirements
    */
   static validateScreenContent(
-    content: string | undefined,
-    url: string | undefined,
-    title: string | undefined,
-    viewOnlineText: string | undefined,
-    openText: string | undefined,
-    screenName: string
+    _content: string | undefined,
+    _url: string | undefined,
+    _title: string | undefined,
+    _viewOnlineText: string | undefined,
+    _openText: string | undefined,
+    _screenName: string
   ): void {
-    if (__DEV__) {
-      if (!content && !url) {
-        console.warn(`${screenName}: Either content or url must be provided`);
-      }
-      if (!title) {
-        console.warn(`${screenName}: title is required`);
-      }
-      if (url && !viewOnlineText) {
-        console.warn(`${screenName}: viewOnlineText is required when url is provided`);
-      }
-      if (url && !openText) {
-        console.warn(`${screenName}: openText is required when url is provided`);
-      }
-    }
+    // Silent validation - no console output
+    void _content;
+    void _url;
+    void _title;
+    void _viewOnlineText;
+    void _openText;
+    void _screenName;
   }
 
   /**
    * Validate legal links requirements
    */
   static validateLegalLinks(
-    privacyPolicyUrl: string | undefined,
-    termsOfServiceUrl: string | undefined,
-    privacyText: string | undefined,
-    termsText: string | undefined,
-    onPrivacyPress: (() => void) | undefined,
-    onTermsPress: (() => void) | undefined
+    _privacyPolicyUrl: string | undefined,
+    _termsOfServiceUrl: string | undefined,
+    _privacyText: string | undefined,
+    _termsText: string | undefined,
+    _onPrivacyPress: (() => void) | undefined,
+    _onTermsPress: (() => void) | undefined
   ): void {
-    if (__DEV__) {
-      if (privacyPolicyUrl && !privacyText && !onPrivacyPress) {
-        console.warn('LegalLinks: privacyText is required when privacyPolicyUrl is provided');
-      }
-      if (termsOfServiceUrl && !termsText && !onTermsPress) {
-        console.warn('LegalLinks: termsText is required when termsOfServiceUrl is provided');
-      }
-    }
+    // Silent validation - no console output
+    void _privacyPolicyUrl;
+    void _termsOfServiceUrl;
+    void _privacyText;
+    void _termsText;
+    void _onPrivacyPress;
+    void _onTermsPress;
   }
 
   /**

package/src/domains/legal/domain/services/UrlHandlerService.ts

@@ -51,14 +51,7 @@ export class UrlHandlerService {
    * Open URL in external browser with performance optimizations
    */
   static async openUrl(url: string): Promise<void> {
-    if (__DEV__) {
-      console.log('UrlHandlerService: Opening URL', { url });
-    }
-
     if (!this.isValidUrl(url)) {
-      if (__DEV__) {
-        console.warn('UrlHandlerService: Invalid URL provided', { url });
-      }
       return;
     }
 
@@ -77,16 +70,9 @@ export class UrlHandlerService {
 
       if (canOpen) {
         await Linking.openURL(url);
-      } else {
-        if (__DEV__) {
-          console.warn('UrlHandlerService: Cannot open URL', { url });
-        }
       }
-    } catch (error) {
-      if (__DEV__) {
-        console.error('UrlHandlerService: Error opening URL', { url, error });
-      }
-      // Don't throw error to prevent app crashes, just log it
+    } catch {
+      // Silent error handling to prevent app crashes
     }
   }
 

package/src/domains/legal/presentation/components/LegalDocumentsList.tsx

@@ -40,19 +40,13 @@ export const LegalDocumentsList: React.FC<LegalDocumentsListProps> = React.memo(
   const tokens = useAppDesignTokens();
 
   const handleEulaPress = React.useCallback(async () => {
-    if (__DEV__) {
-      console.log('LegalDocumentsList: EULA pressed', { eulaUrl });
-    }
-
     if (onEulaPress) {
       onEulaPress();
     } else if (eulaUrl) {
       try {
         await UrlHandlerService.openUrl(eulaUrl);
-      } catch (error) {
-        if (__DEV__) {
-          console.error('LegalDocumentsList: Error opening EULA URL', error);
-        }
+      } catch {
+        // Silent error handling
       }
     }
   }, [onEulaPress, eulaUrl]);

package/src/domains/legal/presentation/components/LegalLinks.tsx

@@ -70,10 +70,8 @@ export const LegalLinks: React.FC<LegalLinksProps> = React.memo(
       } else if (privacyPolicyUrl) {
         try {
           await UrlHandlerService.openUrl(privacyPolicyUrl);
-        } catch (error) {
-          if (__DEV__) {
-            console.error('LegalLinks: Error opening privacy policy URL', error);
-          }
+        } catch {
+          // Silent error handling
         }
       }
     }, [onPrivacyPress, privacyPolicyUrl]);
@@ -84,10 +82,8 @@ export const LegalLinks: React.FC<LegalLinksProps> = React.memo(
       } else if (termsOfServiceUrl) {
         try {
           await UrlHandlerService.openUrl(termsOfServiceUrl);
-        } catch (error) {
-          if (__DEV__) {
-            console.error('LegalLinks: Error opening terms of service URL', error);
-          }
+        } catch {
+          // Silent error handling
         }
       }
     }, [onTermsPress, termsOfServiceUrl]);

package/src/domains/legal/presentation/screens/PrivacyPolicyScreen.tsx

@@ -81,19 +81,13 @@ export const PrivacyPolicyScreen: React.FC<PrivacyPolicyScreenProps> = React.mem
 
   // Memoize URL press handler to prevent child re-renders
   const handleUrlPress = React.useCallback(async () => {
-    if (__DEV__) {
-      console.log('PrivacyPolicyScreen: URL pressed', { url });
-    }
-    
     if (onUrlPress) {
       onUrlPress();
     } else if (url) {
       try {
         await UrlHandlerService.openUrl(url);
-      } catch (error) {
-        if (__DEV__) {
-          console.error('PrivacyPolicyScreen: Error opening URL', error);
-        }
+      } catch {
+        // Silent error handling
       }
     }
   }, [onUrlPress, url]);

package/src/domains/legal/presentation/screens/TermsOfServiceScreen.tsx

@@ -81,19 +81,13 @@ export const TermsOfServiceScreen: React.FC<TermsOfServiceScreenProps> = React.m
 
   // Memoize URL press handler to prevent child re-renders
   const handleUrlPress = React.useCallback(async () => {
-    if (__DEV__) {
-      console.log('TermsOfServiceScreen: URL pressed', { url });
-    }
-    
     if (onUrlPress) {
       onUrlPress();
     } else if (url) {
       try {
         await UrlHandlerService.openUrl(url);
-      } catch (error) {
-        if (__DEV__) {
-          console.error('TermsOfServiceScreen: Error opening URL', error);
-        }
+      } catch {
+        // Silent error handling
       }
     }
   }, [onUrlPress, url]);

package/src/domains/video-tutorials/presentation/components/VideoTutorialCard.tsx

@@ -61,7 +61,7 @@ export const VideoTutorialCard: React.FC<VideoTutorialCardProps> = ({
               { backgroundColor: tokens.colors.primary },
             ]}
           >
-            <Text style={[styles.featuredText, { color: "#FFFFFF" }]}>
+            <Text style={[styles.featuredText, { color: tokens.colors.onPrimary }]}>
               Featured
             </Text>
           </View>
@@ -140,7 +140,7 @@ const getStyles = (tokens: ReturnType<typeof useAppDesignTokens>) =>
     borderRadius: 4,
   },
   durationText: {
-    color: "white",
+    color: tokens.colors.textInverse,
     fontSize: 12,
     fontWeight: "500",
   },

package/src/domains/video-tutorials/presentation/screens/VideoTutorialsScreen.tsx

@@ -85,14 +85,7 @@ export const VideoTutorialsScreen: React.FC<VideoTutorialsScreenProps> =
 
       const handleTutorialPress = React.useCallback(
         (tutorialId: string) => {
-          if (onTutorialPress) {
-            onTutorialPress(tutorialId);
-          } else if (__DEV__) {
-            // eslint-disable-next-line no-console
-            console.log("VideoTutorialsScreen: No onTutorialPress handler", {
-              tutorialId,
-            });
-          }
+          onTutorialPress?.(tutorialId);
         },
         [onTutorialPress],
       );

package/src/presentation/components/SettingItem.tsx

@@ -96,7 +96,7 @@ export const SettingItem: React.FC<SettingItemProps> = ({
             false: tokens.colors.surfaceVariant,
             true: tokens.colors.primary
           }}
-          thumbColor="#FFFFFF"
+          thumbColor={tokens.colors.surface}
           ios_backgroundColor={tokens.colors.surfaceVariant}
           disabled={disabled}
         />

package/src/presentation/components/SettingsErrorBoundary.tsx

@@ -31,10 +31,10 @@ export class SettingsErrorBoundary extends Component<Props, State> {
     return { hasError: true, error };
   }
 
-  override componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {
-    if (__DEV__) {
-      console.error('Settings Error Boundary caught an error:', error, errorInfo);
-    }
+  override componentDidCatch(_error: Error, _errorInfo: React.ErrorInfo) {
+    // Silent error handling - error already captured in state
+    void _error;
+    void _errorInfo;
   }
 
   override render() {

package/src/presentation/screens/components/SettingsContent.tsx

@@ -11,6 +11,7 @@ import { ProfileSectionLoader } from "./sections/ProfileSectionLoader";
 import { FeatureSettingsSection } from "./sections/FeatureSettingsSection";
 import { IdentitySettingsSection } from "./sections/IdentitySettingsSection";
 import { SupportSettingsSection } from "./sections/SupportSettingsSection";
+import { SubscriptionSettingsSection } from "./sections/SubscriptionSettingsSection";
 import { CustomSettingsList } from "./sections/CustomSettingsList";
 import type { NormalizedConfig } from "../utils/normalizeConfig";
 import type { CustomSettingsSection } from "../types";
@@ -29,6 +30,7 @@ interface SettingsContentProps {
     feedback: boolean;
     rating: boolean;
     faqs: boolean;
+    subscription: boolean;
   };
   showUserProfile?: boolean;
   userProfile?: any;
@@ -67,6 +69,7 @@ export const SettingsContent: React.FC<SettingsContentProps> = ({
     features.feedback ||
     features.rating ||
     features.faqs ||
+    features.subscription ||
     customSections.length > 0,
     [features, customSections.length]
   );
@@ -88,6 +91,10 @@ export const SettingsContent: React.FC<SettingsContentProps> = ({
 
       <CustomSettingsList customSections={customSections} />
 
+      {features.subscription && (
+        <SubscriptionSettingsSection config={normalizedConfig.subscription.config} />
+      )}
+
       <FeatureSettingsSection normalizedConfig={normalizedConfig} features={features} />
 
       <IdentitySettingsSection normalizedConfig={normalizedConfig} features={features} />

package/src/presentation/screens/components/sections/SubscriptionSettingsSection.tsx

@@ -0,0 +1,49 @@
+import React from "react";
+import { View } from "react-native";
+import {
+  ListItem,
+  AtomicBadge,
+  useAppDesignTokens,
+} from "@umituz/react-native-design-system";
+import { useLocalization } from "@umituz/react-native-localization";
+import { SettingsSection } from "../../../components/SettingsSection";
+import type { SubscriptionConfig } from "../../types";
+
+interface SubscriptionSettingsSectionProps {
+  config?: SubscriptionConfig;
+}
+
+export const SubscriptionSettingsSection: React.FC<SubscriptionSettingsSectionProps> = ({
+  config,
+}) => {
+  const { t } = useLocalization();
+  const tokens = useAppDesignTokens();
+
+  if (!config) return null;
+
+  return (
+    <SettingsSection title={config.sectionTitle || t("settings.sections.subscription")}>
+      <ListItem
+        title={config.title || t("settings.subscription.title")}
+        description={config.description || t("settings.subscription.description")}
+        leftIcon={config.icon || "star"}
+        onPress={config.onPress}
+        rightElement={
+          config.isPremium ? (
+            <AtomicBadge
+              label={t("common.premium")}
+              variant="success"
+              size="small"
+            />
+          ) : (
+            <AtomicBadge
+              label={t("common.free")}
+              variant="warning"
+              size="small"
+            />
+          )
+        }
+      />
+    </SettingsSection>
+  );
+};

package/src/presentation/screens/hooks/useFeatureDetection.ts

@@ -58,6 +58,7 @@ export function useFeatureDetection(
       feedback,
       rating,
       faqs,
+      subscription,
     } = normalizedConfig;
 
     const notificationServiceAvailable = !!options?.notificationServiceAvailable;
@@ -110,6 +111,7 @@ export function useFeatureDetection(
       feedback: feedback.enabled,
       rating: rating.enabled,
       faqs: faqs.enabled,
+      subscription: subscription.enabled,
     };
   }, [normalizedConfig, navigation, options]);
 }

package/src/presentation/screens/types/FeatureConfig.ts

@@ -218,3 +218,22 @@ export interface CloudSyncConfig {
   /** Firestore collection name */
   collectionName?: string;
 }
+/**
+ * Subscription Settings Configuration
+ */
+export interface SubscriptionConfig {
+  /** Show subscription section */
+  enabled?: FeatureVisibility;
+  /** Custom title for the subscription section */
+  title?: string;
+  /** Custom label for the subscription item */
+  description?: string;
+  /** Custom icon name (Ionicons) */
+  icon?: string;
+  /** Custom section title for grouping */
+  sectionTitle?: string;
+  /** Handler to open subscription screen */
+  onPress?: () => void;
+  /** Whether user is premium (to show active status) */
+  isPremium?: boolean;
+}

package/src/presentation/screens/types/SettingsConfig.ts

@@ -16,6 +16,7 @@ import type {
   RatingConfig,
   FAQConfig,
   CloudSyncConfig,
+  SubscriptionConfig,
 } from "./FeatureConfig";
 
 /**
@@ -113,6 +114,12 @@ export interface SettingsConfig {
    * @default false
    */
   cloudSync?: FeatureVisibility | CloudSyncConfig;
+  
+  /**
+   * Subscription settings configuration
+   * @default false
+   */
+  subscription?: FeatureVisibility | SubscriptionConfig;
 
   /**
    * Custom empty state text when no settings are available

package/src/presentation/screens/utils/normalizeConfig.ts

@@ -15,6 +15,7 @@ import type {
   FeedbackConfig,
   RatingConfig,
   FAQConfig,
+  SubscriptionConfig,
   SettingsConfig,
 } from "../types";
 
@@ -59,6 +60,10 @@ export interface NormalizedConfig {
     enabled: boolean;
     config?: FAQConfig;
   };
+  subscription: {
+    enabled: boolean;
+    config?: SubscriptionConfig;
+  };
 }
 
 /**
@@ -103,5 +108,6 @@ export function normalizeSettingsConfig(
     feedback: normalizeConfigValue(config?.feedback, false),
     rating: normalizeConfigValue(config?.rating, false),
     faqs: normalizeConfigValue(config?.faqs, false),
+    subscription: normalizeConfigValue(config?.subscription, false),
   };
 }