@umituz/react-native-settings 4.23.101 → 4.23.103

package/package.json

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

package/src/presentation/hooks/useSettingsScreenConfig.ts

@@ -28,6 +28,9 @@ export interface SettingsFeatures {
   faqs?: boolean;
   about?: boolean;
   legal?: boolean;
+  gamification?: boolean;
+  videoTutorial?: boolean;
+  subscription?: boolean;
 }
 
 export interface UseSettingsScreenConfigParams {
@@ -63,6 +66,9 @@ export const useSettingsScreenConfig = (
     faqs: showFaqs = true,
     about: showAbout = true,
     legal: showLegal = true,
+    gamification: showGamification = true,
+    videoTutorial: showVideoTutorial = true,
+    subscription: showSubscription = true,
   } = features;
 
   const { user, loading, isAuthReady } = useAuth();
@@ -87,6 +93,9 @@ export const useSettingsScreenConfig = (
       faqs: showFaqs,
       about: showAbout,
       legal: showLegal,
+      gamification: showGamification,
+      videoTutorial: showVideoTutorial,
+      subscription: showSubscription,
     },
   });
 
@@ -105,6 +114,26 @@ export const useSettingsScreenConfig = (
       };
     }
 
+    // Add gamification title and description
+    if ((config.gamification === true || (config.gamification && typeof config.gamification === 'object')) && translations?.features?.gamification) {
+      const existingConfig = typeof config.gamification === 'object' ? config.gamification : { enabled: true, storageKey: '' };
+      config.gamification = {
+        ...existingConfig,
+        title: translations.features.gamification.title,
+        description: translations.features.gamification.description,
+      };
+    }
+
+    // Add videoTutorial title and description
+    if ((config.videoTutorial === true || (config.videoTutorial && typeof config.videoTutorial === 'object')) && translations?.features?.videoTutorial) {
+      const existingConfig = typeof config.videoTutorial === 'object' ? config.videoTutorial : { enabled: true };
+      config.videoTutorial = {
+        ...existingConfig,
+        title: translations.features.videoTutorial.title,
+        description: translations.features.videoTutorial.description,
+      };
+    }
+
     return config;
   }, [baseSettingsConfig, translations]);
 

package/src/presentation/screens/components/SettingsContent.tsx

@@ -130,24 +130,14 @@ export const SettingsContent: React.FC<SettingsContentProps> = ({
 
       <FeatureSettingsSection normalizedConfig={normalizedConfig} features={features} />
 
-      {(features.gamification || features.videoTutorial) && (
+      {features.gamification && (
         <SettingsSection title={translations?.sections?.progress}>
-          {features.gamification && (
-            <GamificationSettingsItem
-              config={normalizedConfig.gamification.config || {}}
-              gamificationConfig={gamificationConfig}
-              noBackground={true}
-              hideMargin={true}
-            />
-          )}
-
-          {features.videoTutorial && (
-            <VideoTutorialSettingsItem
-              config={normalizedConfig.videoTutorial.config || {}}
-              noBackground={true}
-              hideMargin={true}
-            />
-          )}
+          <GamificationSettingsItem
+            config={normalizedConfig.gamification.config || {}}
+            gamificationConfig={gamificationConfig}
+            noBackground={true}
+            hideMargin={true}
+          />
         </SettingsSection>
       )}
 

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

@@ -3,6 +3,7 @@ import { useAppNavigation } from "@umituz/react-native-design-system";
 import { SupportSection } from "../../../../domains/feedback/presentation/components/SupportSection";
 import { SettingsSection } from "../../../components/SettingsSection";
 import { SettingsItemCard } from "../../../components/SettingsItemCard";
+import { VideoTutorialSettingsItem } from "../VideoTutorialSettingsItem";
 import type { NormalizedConfig } from "../../utils/normalizeConfig";
 import { compareConfigAndFeatures } from "../../../../infrastructure/utils/memoComparisonUtils";
 
@@ -22,7 +23,7 @@ export const SupportSettingsSection: React.FC<SupportSettingsSectionProps> = ({
         navigation.navigate("FAQ" as never);
     }, [navigation]);
 
-    if (!(features.feedback || features.rating || features.faqs)) return null;
+    if (!(features.feedback || features.rating || features.faqs || features.videoTutorial)) return null;
 
     return (
         <SettingsSection title={translations?.sections?.support}>
@@ -94,6 +95,14 @@ export const SupportSettingsSection: React.FC<SupportSettingsSectionProps> = ({
                     hideMargin={true}
                 />
             )}
+
+            {features.videoTutorial && (
+                <VideoTutorialSettingsItem
+                    config={normalizedConfig.videoTutorial.config || {}}
+                    noBackground={true}
+                    hideMargin={true}
+                />
+            )}
         </SettingsSection>
     );
 };

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

@@ -156,6 +156,10 @@ export interface SettingsTranslations {
       title?: string;
       description?: string;
     };
+    gamification?: {
+      title?: string;
+      description?: string;
+    };
   };
   feedbackModal?: {
     title?: string;

package/src/presentation/utils/settingsConfigFactory.ts

@@ -32,6 +32,9 @@ export interface SettingsConfigFactoryParams {
     faqs: boolean;
     about: boolean;
     legal: boolean;
+    gamification: boolean;
+    videoTutorial: boolean;
+    subscription: boolean;
   };
 }
 
@@ -58,7 +61,9 @@ export const createSettingsConfig = (
     legal: features.legal ? createLegalConfig() : false,
     faqs: features.faqs ? createFAQConfig() : false,
     rating: features.rating ? createRatingConfig(handleRatePress, appStoreUrl) : false,
-    subscription: createSubscriptionConfig(isPremium, "SubscriptionDetail"),
+    subscription: features.subscription ? createSubscriptionConfig(isPremium, "SubscriptionDetail") : false,
+    gamification: features.gamification ? true : false,
+    videoTutorial: features.videoTutorial ? true : false,
     disclaimer: false,
   };
 };
@@ -82,5 +87,8 @@ export const useSettingsConfigFactory = (
     params.features.legal,
     params.features.faqs,
     params.features.rating,
+    params.features.gamification,
+    params.features.videoTutorial,
+    params.features.subscription,
   ]);
 };