@umituz/react-native-settings 4.20.42 → 4.20.44

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-settings",
-  "version": "4.20.42",
+  "version": "4.20.44",
   "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/faqs/presentation/components/index.ts

@@ -2,9 +2,6 @@
  * @umituz/react-native-faqs - Components
  */
 
-export { FAQSection } from './FAQSection';
-export type { FAQSectionProps, FAQConfig } from './FAQSection';
-
 export { FAQItemComponent } from './FAQItem';
 export type { FAQItemProps } from './FAQItem';
 

package/src/presentation/navigation/SettingsStackNavigator.tsx

@@ -68,34 +68,33 @@ export const SettingsStackNavigator: React.FC<SettingsStackNavigatorProps> = ({
     return Wrapper;
   }, [config, appInfo.version, showUserProfile, userProfile, devSettings, customSections]);
 
-  const NotificationSettingsWrapper = useMemo(() => {
-    const Wrapper = () => (
-      <NotificationSettingsScreen
-        translations={{
-          screenTitle: t("settings.notifications.title"),
-          masterToggleTitle: t("settings.notifications.masterToggleTitle"),
-          masterToggleDescription: t("settings.notifications.masterToggleDescription"),
-          soundTitle: t("settings.notifications.soundTitle"),
-          soundDescription: t("settings.notifications.soundDescription"),
-          vibrationTitle: t("settings.notifications.vibrationTitle"),
-          vibrationDescription: t("settings.notifications.vibrationDescription"),
-          remindersTitle: t("settings.notifications.remindersTitle"),
-          remindersDescription: t("settings.notifications.remindersDescription"),
-          quietHoursTitle: t("settings.notifications.quietHoursTitle"),
-          quietHoursDescription: t("settings.notifications.quietHoursDescription"),
-        }}
-        quietHoursTranslations={{
-          title: t("settings.notifications.quietHours.title"),
-          description: t("settings.notifications.quietHours.description"),
-          startTimeLabel: t("settings.notifications.quietHours.startTimeLabel"),
-          endTimeLabel: t("settings.notifications.quietHours.endTimeLabel"),
-          enabledLabel: t("settings.notifications.quietHours.enabledLabel"),
-        }}
-      />
-    );
-    Wrapper.displayName = "NotificationSettingsWrapper";
-    return Wrapper;
-  }, [t]);
+  const notificationTranslations = useMemo(
+    () => ({
+      screenTitle: t("settings.notifications.title"),
+      masterToggleTitle: t("settings.notifications.masterToggleTitle"),
+      masterToggleDescription: t("settings.notifications.masterToggleDescription"),
+      soundTitle: t("settings.notifications.soundTitle"),
+      soundDescription: t("settings.notifications.soundDescription"),
+      vibrationTitle: t("settings.notifications.vibrationTitle"),
+      vibrationDescription: t("settings.notifications.vibrationDescription"),
+      remindersTitle: t("settings.notifications.remindersTitle"),
+      remindersDescription: t("settings.notifications.remindersDescription"),
+      quietHoursTitle: t("settings.notifications.quietHoursTitle"),
+      quietHoursDescription: t("settings.notifications.quietHoursDescription"),
+    }),
+    [t]
+  );
+
+  const quietHoursTranslations = useMemo(
+    () => ({
+      title: t("settings.notifications.quietHours.title"),
+      description: t("settings.notifications.quietHours.description"),
+      startTimeLabel: t("settings.notifications.quietHours.startTimeLabel"),
+      endTimeLabel: t("settings.notifications.quietHours.endTimeLabel"),
+      enabledLabel: t("settings.notifications.quietHours.enabledLabel"),
+    }),
+    [t]
+  );
 
   const LegalScreenWrapper = useMemo(() => {
     const Wrapper = () => (
@@ -164,13 +163,19 @@ export const SettingsStackNavigator: React.FC<SettingsStackNavigatorProps> = ({
 
       <Stack.Screen
         name="Notifications"
-        component={NotificationSettingsWrapper}
         options={{
           headerShown: true,
           headerTitle: t("settings.notifications.title"),
           headerTitleAlign: "center",
         }}
-      />
+      >
+        {() => (
+          <NotificationSettingsScreen
+            translations={notificationTranslations}
+            quietHoursTranslations={quietHoursTranslations}
+          />
+        )}
+      </Stack.Screen>
 
       {faqData && faqData.categories.length > 0 && (
         <Stack.Screen

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

@@ -1,53 +0,0 @@
-/**
- * FAQ Section Component
- * Renders FAQ entry point for settings
- */
-
-import React from 'react';
-import { AtomicIcon } from '@umituz/react-native-design-system';
-
-export interface FAQConfig {
-    enabled?: boolean;
-    title?: string;
-    description?: string;
-    onPress?: () => void;
-}
-
-export interface FAQSectionProps {
-    config: FAQConfig;
-    renderSection: (props: {
-        title: string;
-        children: React.ReactNode;
-    }) => React.ReactElement | null;
-    renderItem: (props: {
-        title: string;
-        icon: any;
-        onPress: () => void;
-        isLast?: boolean;
-    }) => React.ReactElement | null;
-}
-
-export const FAQSection: React.FC<FAQSectionProps> = ({
-    config,
-    renderSection,
-    renderItem,
-}) => {
-    // onPress is required for FAQ section to be functional
-    if (!config.enabled || !config.title || !config.description || !config.onPress) {
-        return null;
-    }
-
-    return (
-        <>
-            {renderSection({
-                title: config.title,
-                children: renderItem({
-                    title: config.description,
-                    icon: 'help-circle',
-                    onPress: config.onPress,
-                    isLast: true,
-                }),
-            })}
-        </>
-    );
-};