@umituz/react-native-settings 4.23.6 → 4.23.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-settings",
-  "version": "4.23.6",
+  "version": "4.23.8",
   "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/feedback/presentation/components/SupportSection.tsx

@@ -63,9 +63,10 @@ export const SupportSection: React.FC<SupportSectionProps> = ({
     const handleFeedbackSubmit = async (data: { type: any; rating: number; description: string; title: string }) => {
         if (feedbackConfig.config?.onSubmit) {
             setIsSubmitting(true);
+            setModalVisible(false);
             try {
+                await new Promise(resolve => setTimeout(resolve, 300));
                 await feedbackConfig.config.onSubmit(data);
-                setModalVisible(false);
             } catch {
                 // Silent error handling
             } finally {

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,
 });
 
 /**