@umituz/react-native-settings 5.3.80 → 5.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-settings",
-  "version": "5.3.80",
+  "version": "5.4.0",
   "description": "Complete settings hub for React Native apps - consolidated package with settings, localization, about, legal, appearance, feedback, FAQs, rating, and gamification - expo-store-review and expo-device now lazy loaded",
   "main": "./src/index.ts",
   "types": "./dist/index.d.ts",
@@ -118,8 +118,8 @@
     "url": "https://github.com/umituz/react-native-settings"
   },
   "optionalDependencies": {
-    "expo-store-review": "~6.0.0",
-    "expo-device": "~8.0.0"
+    "expo-device": "~8.0.0",
+    "expo-store-review": "~6.0.0"
   },
   "peerDependencies": {
     "@expo/vector-icons": ">=14.0.0",
@@ -165,7 +165,7 @@
     "@typescript-eslint/eslint-plugin": "^7.18.0",
     "@typescript-eslint/parser": "^7.18.0",
     "@umituz/react-native-auth": "^4.3.39",
-    "@umituz/react-native-design-system": "latest",
+    "@umituz/react-native-design-system": "^4.27.0",
     "@umituz/react-native-firebase": "^2.4.55",
     "@umituz/react-native-sentry": "latest",
     "eslint": "^8.57.0",

package/src/presentation/navigation/SettingsStackNavigator.tsx

@@ -6,7 +6,7 @@
  */
 
 import React from "react";
-import { useNavigation } from "@react-navigation/native";
+import { useAppNavigation } from "@umituz/react-native-design-system/molecules";
 import { StackNavigator, type StackNavigatorConfig } from "@umituz/react-native-design-system/molecules";
 import { useNavigationHandlers, useSettingsScreens } from "./hooks";
 import {
@@ -43,7 +43,7 @@ export const SettingsStackNavigator: React.FC<SettingsStackNavigatorProps> = (pr
   );
 
   // Get navigation for custom sections
-  const navigation = useNavigation();
+  const navigation = useAppNavigation();
 
   const screens = useSettingsScreens({
     ...props,
@@ -51,7 +51,7 @@ export const SettingsStackNavigator: React.FC<SettingsStackNavigatorProps> = (pr
     legalProps: legalScreenProps,
     notificationTranslations,
     quietHoursTranslations,
-    navigation,
+    navigation: navigation as unknown as Record<string, unknown>,
   });
 
   const navigatorConfig: StackNavigatorConfig<SettingsStackParamList> = {

package/src/presentation/navigation/hooks/useSettingsNavigation.ts

@@ -1,28 +1,32 @@
 /**
- * Typed Settings Navigation Hook
+ * Settings Navigation Hook
  *
- * Provides type-safe navigation for Settings stack screens.
- * Replaces unsafe `as never` casts throughout the codebase.
+ * Provides standardized navigation for Settings stack screens.
+ * Uses useAppNavigation from design system for consistency.
+ *
+ * @example
+ * ```typescript
+ * import { useSettingsNavigation } from '@umituz/react-native-settings/presentation/navigation';
+ *
+ * function LanguageSelectionScreen() {
+ *   const navigation = useSettingsNavigation();
+ *   navigation.navigate('Appearance');
+ *   navigation.goBack();
+ * }
+ * ```
  */
 
-import { useNavigation } from '@react-navigation/native';
-import type { StackNavigationProp } from '@react-navigation/stack';
-import type { SettingsStackParamList } from '../types';
+import { useAppNavigation } from '@umituz/react-native-design-system/molecules';
 
 /**
- * Type for Settings navigation prop
+ * Navigation result type inferred from useAppNavigation
  */
-export type SettingsNavigationProp = StackNavigationProp<SettingsStackParamList>;
+type SettingsNavigation = ReturnType<typeof useAppNavigation>;
 
 /**
- * Hook to get typed navigation for Settings screens
- *
- * @example
- * ```typescript
- * const navigation = useSettingsNavigation();
- * navigation.navigate('LanguageSelection'); // Fully typed!
- * ```
+ * Hook to get navigation for Settings screens
+ * Delegates to useAppNavigation for consistent API
  */
-export const useSettingsNavigation = () => {
-  return useNavigation<SettingsNavigationProp>();
+export const useSettingsNavigation = (): SettingsNavigation => {
+  return useAppNavigation();
 };