@umituz/react-native-settings 4.23.94 → 4.23.96

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-settings",
-  "version": "4.23.94",
+  "version": "4.23.96",
   "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/domains/gamification/components/GamificationScreen/GamificationScreenWithConfig.tsx

@@ -19,6 +19,7 @@ export const GamificationScreenWithConfig: React.FC<GamificationConfigProps> = (
 
   const {
     points,
+    totalTasksCompleted,
     level,
     streak,
     achievements,
@@ -59,10 +60,15 @@ export const GamificationScreenWithConfig: React.FC<GamificationConfigProps> = (
     },
     stats: [
       {
-        label: config.translations.statsTitle,
+        label: config.translations.pointsLabel,
         value: points,
         icon: "star",
       },
+      {
+        label: config.translations.totalCompletedLabel,
+        value: totalTasksCompleted,
+        icon: "checkmark-circle",
+      },
     ],
     achievements: achievementItems,
     emptyAchievementsText: config.translations.emptyAchievements,

package/src/domains/gamification/components/StreakDisplay.tsx

@@ -47,12 +47,12 @@ export const StreakDisplay: React.FC<StreakDisplayProps> = ({
 
   const renderedIcon = typeof icon === 'string' ? (
     <AtomicIcon name={icon} size="md" customColor={finalPrimaryColor} />
-  ) : icon;
+  ) : icon || <AtomicIcon name="flame" size="md" customColor={finalPrimaryColor} />;
 
   return (
     <View style={[styles.container, { backgroundColor: finalBackgroundColor }, containerStyle]}>
       <View style={styles.mainStreak}>
-        {renderedIcon && <View style={styles.iconContainer}>{renderedIcon}</View>}
+        <View style={styles.iconContainer}>{renderedIcon}</View>
         <View style={styles.streakInfo}>
           <AtomicText style={[styles.number, { color: finalPrimaryColor }, numberStyle]}>
             {current}

package/src/domains/gamification/types/index.ts

@@ -46,6 +46,8 @@ export interface StreakState {
 export interface GamificationTranslations {
   title: string;
   statsTitle: string;
+  pointsLabel: string;
+  totalCompletedLabel: string;
   achievementsTitle: string;
   streakTitle: string;
   bestStreak: string;

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

@@ -11,12 +11,16 @@ export interface GamificationSettingsItemProps {
   config: GamificationItemConfig;
   gamificationConfig?: GamificationSettingsConfig;
   t: (key: string) => string;
+  noBackground?: boolean;
+  hideMargin?: boolean;
 }
 
 const GamificationSettingsItemComponent: React.FC<GamificationSettingsItemProps> = ({
   config,
   gamificationConfig,
-  t
+  t,
+  noBackground,
+  hideMargin,
 }) => {
   const navigation = useAppNavigation();
   const { level } = useGamification(gamificationConfig);
@@ -41,6 +45,8 @@ const GamificationSettingsItemComponent: React.FC<GamificationSettingsItemProps>
       icon={icon}
       onPress={handlePress}
       sectionTitle={config.sectionTitle}
+      noBackground={noBackground}
+      hideMargin={hideMargin}
     />
   );
 };

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

@@ -123,23 +123,31 @@ export const SettingsContent: React.FC<SettingsContentProps> = ({
         />
       )}
 
-      {features.gamification && (
-        <GamificationSettingsItem
-          config={normalizedConfig.gamification.config || {}}
-          gamificationConfig={gamificationConfig}
-          t={t}
-        />
-      )}
+      <FeatureSettingsSection normalizedConfig={normalizedConfig} features={features} />
 
-      {features.videoTutorial && (
-        <VideoTutorialSettingsItem
-          config={normalizedConfig.videoTutorial.config || {}}
-          t={t}
-        />
+      {(features.gamification || features.videoTutorial) && (
+        <SettingsSection title={t("settings.sections.progress")}>
+          {features.gamification && (
+            <GamificationSettingsItem
+              config={normalizedConfig.gamification.config || {}}
+              gamificationConfig={gamificationConfig}
+              t={t}
+              noBackground={true}
+              hideMargin={true}
+            />
+          )}
+
+          {features.videoTutorial && (
+            <VideoTutorialSettingsItem
+              config={normalizedConfig.videoTutorial.config || {}}
+              t={t}
+              noBackground={true}
+              hideMargin={true}
+            />
+          )}
+        </SettingsSection>
       )}
 
-      <FeatureSettingsSection normalizedConfig={normalizedConfig} features={features} />
-
       <IdentitySettingsSection normalizedConfig={normalizedConfig} features={features} />
 
       <SupportSettingsSection normalizedConfig={normalizedConfig} features={features} />

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

@@ -8,11 +8,15 @@ import { compareConfigAndTranslate } from "../../../infrastructure/utils/memoCom
 export interface VideoTutorialSettingsItemProps {
   config: VideoTutorialConfig;
   t: (key: string) => string;
+  noBackground?: boolean;
+  hideMargin?: boolean;
 }
 
 const VideoTutorialSettingsItemComponent: React.FC<VideoTutorialSettingsItemProps> = ({
   config,
-  t
+  t,
+  noBackground,
+  hideMargin,
 }) => {
   const navigation = useAppNavigation();
 
@@ -36,6 +40,8 @@ const VideoTutorialSettingsItemComponent: React.FC<VideoTutorialSettingsItemProp
       icon={icon}
       onPress={handlePress}
       sectionTitle={config.sectionTitle}
+      noBackground={noBackground}
+      hideMargin={hideMargin}
     />
   );
 };

package/src/presentation/utils/config-creators/feature-configs.ts

@@ -50,6 +50,8 @@ export const createGamificationConfig = (
   translations: {
     title: t("settings.gamification.title"),
     statsTitle: t("settings.gamification.stats.title"),
+    pointsLabel: t("settings.gamification.stats.points"),
+    totalCompletedLabel: t("settings.gamification.stats.totalCompleted"),
     achievementsTitle: t("settings.gamification.achievements.title"),
     streakTitle: t("settings.gamification.streak.title"),
     bestStreak: t("settings.gamification.streak.best"),