@umituz/react-native-settings 4.23.7 → 4.23.9

package/package.json

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

package/src/domains/about/presentation/components/AboutSection.tsx

@@ -31,6 +31,8 @@ export const AboutSection: React.FC<AboutSectionProps> = ({
     const handlePress = () => {
         if (onPress) {
             onPress();
+        } else if (config?.onPress) {
+            config.onPress();
         } else {
             navigation.navigate(route as never);
         }

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

@@ -32,6 +32,8 @@ export const AppearanceSection: React.FC<AppearanceSectionProps> = ({
     const handlePress = () => {
         if (onPress) {
             onPress();
+        } else if (config?.onPress) {
+            config.onPress();
         } else {
             navigation.navigate(route as never);
         }

package/src/domains/dev/presentation/components/EnvViewerSetting.tsx

@@ -5,7 +5,7 @@
  */
 
 import React from "react";
-import { useAppDesignTokens, AppNavigation } from "@umituz/react-native-design-system";
+import { useAppDesignTokens, useAppNavigation } from "@umituz/react-native-design-system";
 import { SettingsItemCard } from "../../../../presentation/components/SettingsItemCard";
 import type { EnvConfig } from "../../types";
 
@@ -18,6 +18,8 @@ export interface EnvViewerSettingProps {
   description?: string;
   /** Screen name to navigate to */
   screenName: string;
+  /** Custom navigation handler (overrides route) */
+  onPress?: () => void;
 }
 
 export const EnvViewerSetting: React.FC<EnvViewerSettingProps> = ({
@@ -27,9 +29,14 @@ export const EnvViewerSetting: React.FC<EnvViewerSettingProps> = ({
   screenName,
 }) => {
   const tokens = useAppDesignTokens();
+  const navigation = useAppNavigation();
 
   const handlePress = () => {
-    AppNavigation.navigate(screenName as never, { config } as never);
+    if (onPress) {
+      onPress();
+    } else {
+      navigation.navigate(screenName as any, { config } as any);
+    }
   };
 
   return (

package/src/domains/dev/presentation/screens/EnvViewerScreen.tsx

@@ -12,7 +12,7 @@ import {
   AtomicTouchable,
   useAppDesignTokens,
   useSafeAreaInsets,
-  AppNavigation,
+  useAppNavigation,
   AlertService,
   NavigationHeader,
 } from "@umituz/react-native-design-system";
@@ -27,6 +27,7 @@ export interface EnvViewerScreenProps {
 export const EnvViewerScreen: React.FC<EnvViewerScreenProps> = ({ config }) => {
   const tokens = useAppDesignTokens();
   const { bottom } = useSafeAreaInsets();
+  const navigation = useAppNavigation();
   const [revealedKeys, setRevealedKeys] = useState<Set<string>>(new Set());
 
   const toggleReveal = (key: string) => {
@@ -95,7 +96,7 @@ export const EnvViewerScreen: React.FC<EnvViewerScreenProps> = ({ config }) => {
 
   return (
     <View style={[styles.container, { backgroundColor: tokens.colors.backgroundPrimary }]}>
-      <NavigationHeader title="Environment Variables" onBackPress={() => AppNavigation.goBack()} />
+      <NavigationHeader title="Environment Variables" onBackPress={() => navigation.goBack()} />
 
       <ScrollView
         showsVerticalScrollIndicator={false}

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

@@ -31,6 +31,8 @@ export const LegalSection: React.FC<LegalSectionProps> = ({
     const handlePress = () => {
         if (onPress) {
             onPress();
+        } else if (config?.onPress) {
+            config.onPress();
         } else {
             navigation.navigate(route as never);
         }

package/src/domains/notifications/presentation/components/NotificationsSection.tsx

@@ -13,6 +13,7 @@ import { useLocalization } from '@umituz/react-native-localization';
 
 export interface NotificationsSectionConfig {
   route?: string;
+  onPress?: () => void;
   title?: string;
   description?: string;
   sectionTitle?: string;
@@ -33,9 +34,13 @@ export const NotificationsSection: React.FC<NotificationsSectionProps> = ({
   const styles = useMemo(() => createStyles(tokens), [tokens]);
 
   const handlePress = useCallback(() => {
-    const route = config?.route || 'Notifications';
-    navigation.navigate(route as never);
-  }, [config?.route, navigation]);
+    if (config?.onPress) {
+      config.onPress();
+    } else {
+      const route = config?.route || 'Notifications';
+      navigation.navigate(route as never);
+    }
+  }, [config?.route, config?.onPress, navigation]);
 
   const title = config?.title || t('settings.notifications.title');
   const description = config?.description || t('settings.notifications.description');

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

@@ -23,8 +23,12 @@ export const FeatureSettingsSection: React.FC<FeatureSettingsSectionProps> = ({
   const navigation = useAppNavigation();
 
   const handleLanguagePress = () => {
-    const route = normalizedConfig.language.config?.route || "LanguageSelection";
-    navigation.navigate(route as never);
+    if (normalizedConfig.language.config?.onPress) {
+      normalizedConfig.language.config.onPress();
+    } else {
+      const route = normalizedConfig.language.config?.route || "LanguageSelection";
+      navigation.navigate(route as never);
+    }
   };
 
   const currentLanguageData = getLanguageByCode(currentLanguage);

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

@@ -14,6 +14,8 @@ interface BaseContentConfig {
   enabled?: FeatureVisibility;
   /** Custom navigation route */
   route?: string;
+  /** Custom navigation handler (overrides route) */
+  onPress?: () => void;
   /** Custom title */
   title?: string;
   /** Custom description */

package/src/presentation/utils/configCreators.ts

@@ -30,30 +30,44 @@ export type TranslationFunction = (key: string) => string;
 /**
  * Create appearance configuration
  */
-export const createAppearanceConfig = (t: TranslationFunction): AppearanceConfig => ({
+export const createAppearanceConfig = (
+  t: TranslationFunction,
+  routeOrOnPress?: string | (() => void),
+): AppearanceConfig => ({
   enabled: true,
   title: t("settings.appearance.title"),
   description: t("settings.appearance.description"),
   icon: "color-palette-outline",
+  route: typeof routeOrOnPress === "string" ? routeOrOnPress : undefined,
+  onPress: typeof routeOrOnPress === "function" ? routeOrOnPress : undefined,
 });
 
 /**
  * Create language configuration
  */
-export const createLanguageConfig = (t: TranslationFunction): LanguageConfig => ({
+export const createLanguageConfig = (
+  t: TranslationFunction,
+  routeOrOnPress?: string | (() => void),
+): LanguageConfig => ({
   enabled: true,
   title: t("settings.language.title"),
   description: t("settings.language.description"),
   icon: "globe-outline",
+  route: typeof routeOrOnPress === "string" ? routeOrOnPress : undefined,
+  onPress: typeof routeOrOnPress === "function" ? routeOrOnPress : undefined,
 });
 
 /**
  * Create notifications configuration
  */
-export const createNotificationsConfig = (t: TranslationFunction): NotificationsConfig => ({
+export const createNotificationsConfig = (
+  t: TranslationFunction,
+  routeOrOnPress?: string | (() => void),
+): NotificationsConfig => ({
   enabled: true,
   showToggle: false,
-  route: "Notifications",
+  route: typeof routeOrOnPress === "string" ? routeOrOnPress : "Notifications",
+  onPress: typeof routeOrOnPress === "function" ? routeOrOnPress : undefined,
   title: t("settings.notifications.title"),
   description: t("settings.notifications.description"),
   sectionTitle: t("settings.notifications.sectionTitle"),
@@ -63,21 +77,31 @@ export const createNotificationsConfig = (t: TranslationFunction): Notifications
 /**
  * Create about configuration
  */
-export const createAboutConfig = (t: TranslationFunction): AboutConfig => ({
+export const createAboutConfig = (
+  t: TranslationFunction,
+  routeOrOnPress?: string | (() => void),
+): AboutConfig => ({
   enabled: true,
   title: t("settings.about.title"),
   description: t("settings.about.description"),
   icon: "information-circle-outline",
+  route: typeof routeOrOnPress === "string" ? routeOrOnPress : undefined,
+  onPress: typeof routeOrOnPress === "function" ? routeOrOnPress : undefined,
 });
 
 /**
  * Create legal configuration
  */
-export const createLegalConfig = (t: TranslationFunction): LegalConfig => ({
+export const createLegalConfig = (
+  t: TranslationFunction,
+  routeOrOnPress?: string | (() => void),
+): LegalConfig => ({
   enabled: true,
   title: t("settings.legal.title"),
   description: t("settings.legal.description"),
   icon: "document-text-outline",
+  route: typeof routeOrOnPress === "string" ? routeOrOnPress : undefined,
+  onPress: typeof routeOrOnPress === "function" ? routeOrOnPress : undefined,
 });
 
 /**