@umituz/react-native-settings 4.23.8 → 4.23.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-settings",
-  "version": "4.23.8",
+  "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/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}