@umituz/react-native-settings 4.21.12 → 4.21.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-settings",
-  "version": "4.21.12",
+  "version": "4.21.14",
   "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/gamification/components/GamificationScreenWrapper.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import { useGamification } from '../hooks/useGamification';
 import { GamificationScreen } from './GamificationScreen';
 import type { GamificationConfig } from '../types';
+import type { AchievementItemProps } from '../components';
 
 interface GamificationScreenWrapperProps {
   config: GamificationConfig;
@@ -16,6 +17,19 @@ export const GamificationScreenWrapper: React.FC<GamificationScreenWrapperProps>
     achievements,
   } = useGamification(config);
 
+  // Transform store achievements to UI props
+  const achievementItems: any[] = achievements.map(a => ({
+    ...a,
+    title: a.title,
+    description: a.description,
+    icon: a.icon,
+    isUnlocked: a.isUnlocked,
+    progress: a.progress,
+    threshold: a.threshold,
+    id: a.id,
+    type: a.type
+  }));
+
   return (
     <GamificationScreen
       title={config.translations.title}
@@ -24,22 +38,27 @@ export const GamificationScreenWrapper: React.FC<GamificationScreenWrapperProps>
       streakTitle={config.translations.streakTitle}
       levelProps={{
         level: level.currentLevel,
-        currentPoints: level.currentPoints,
+        points: level.currentPoints,
         pointsToNext: level.pointsToNext,
         progress: level.progress,
         levelTitle: config.translations.levelTitle,
+        showPoints: true,
       }}
       streakProps={{
-        streak: streak.current,
-        longestStreak: streak.longest,
-        title: config.translations.streakTitle,
-      }}
-      stats={{
-        points,
-        tasksCompleted: totalTasksCompleted,
-        streak: streak.current,
+        current: streak.current,
+        longest: streak.longest,
+        currentLabel: config.translations.currentStreak,
+        bestLabel: config.translations.bestStreak,
+        daysLabel: config.translations.days,
       }}
-      achievements={achievements}
+      stats={[
+        {
+          label: config.translations.statsTitle,
+          value: points, // Pass number directly
+          icon: "star",
+        },
+      ]}
+      achievements={achievementItems}
       emptyAchievementsText={config.translations.emptyAchievements}
     />
   );

package/src/domains/gamification/index.ts

@@ -15,6 +15,7 @@ export type {
   LevelState,
   StreakState,
   GamificationConfig,
+  GamificationSettingsConfig,
   GamificationState,
   GamificationActions,
   GamificationStore,

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

@@ -8,6 +8,9 @@ export interface AchievementDefinition {
   id: string;
   threshold: number;
   type: "count" | "streak" | "milestone";
+  title: string;
+  description: string;
+  icon: string;
 }
 
 // Achievement State (internal)
@@ -39,6 +42,19 @@ export interface StreakState {
   lastActivityDate: string | null;
 }
 
+// Gamification Translations
+export interface GamificationTranslations {
+  title: string;
+  statsTitle: string;
+  achievementsTitle: string;
+  streakTitle: string;
+  bestStreak: string;
+  currentStreak: string;
+  days: string;
+  levelTitle: string;
+  emptyAchievements: string;
+}
+
 // Gamification Config (provided by app via props)
 export interface GamificationConfig {
   storageKey: string;
@@ -46,8 +62,12 @@ export interface GamificationConfig {
   levels: LevelDefinition[];
   pointsPerAction?: number;
   streakBonusMultiplier?: number;
+  enabled?: boolean;
+  translations: GamificationTranslations;
 }
 
+export type GamificationSettingsConfig = GamificationConfig;
+
 // Store State
 export interface GamificationState {
   points: number;

package/src/{notifications → domains/notifications}/index.ts

@@ -41,8 +41,8 @@ export {
   getTimePresetById,
   formatTime,
   parseTime,
-} from './domains/reminders/infrastructure/config/reminderPresets';
-export type { FrequencyOption, WeekdayOption } from './domains/reminders/infrastructure/config/reminderPresets';
+} from './reminders/infrastructure/config/reminderPresets';
+export type { FrequencyOption, WeekdayOption } from './reminders/infrastructure/config/reminderPresets';
 
 // ============================================================================
 // SERVICES
@@ -66,15 +66,15 @@ export {
   useQuietHours,
   useRemindersLoading,
   useRemindersInitialized,
-} from './domains/reminders/infrastructure/storage/RemindersStore';
+} from './reminders/infrastructure/storage/RemindersStore';
 
 // ============================================================================
 // HOOKS
 // ============================================================================
 
 export { useNotificationSettings } from './infrastructure/hooks/useNotificationSettings';
-export { useReminderActions } from './domains/reminders/infrastructure/hooks/useReminderActions';
-export { useQuietHoursActions } from './domains/quietHours/infrastructure/hooks/useQuietHoursActions';
+export { useReminderActions } from './reminders/infrastructure/hooks/useReminderActions';
+export { useQuietHoursActions } from './quietHours/infrastructure/hooks/useQuietHoursActions';
 export { useNotificationSettingsUI } from './presentation/hooks/useNotificationSettingsUI';
 
 // ============================================================================
@@ -87,8 +87,8 @@ export type { NotificationsScreenProps } from './presentation/screens/Notificati
 export { NotificationSettingsScreen } from './presentation/screens/NotificationSettingsScreen';
 export type { NotificationSettingsScreenProps } from './presentation/screens/NotificationSettingsScreen';
 
-export { ReminderListScreen } from './domains/reminders/presentation/screens/ReminderListScreen';
-export type { ReminderListScreenProps } from './domains/reminders/presentation/screens/ReminderListScreen';
+export { ReminderListScreen } from './reminders/presentation/screens/ReminderListScreen';
+export type { ReminderListScreenProps } from './reminders/presentation/screens/ReminderListScreen';
 
 // ============================================================================
 // COMPONENTS
@@ -97,26 +97,26 @@ export type { ReminderListScreenProps } from './domains/reminders/presentation/s
 export { NotificationsSection } from './presentation/components/NotificationsSection';
 export type { NotificationsSectionProps, NotificationsSectionConfig } from './presentation/components/NotificationsSection';
 
-export { TimePresetSelector } from './domains/reminders/presentation/components/TimePresetSelector';
-export type { TimePresetSelectorProps } from './domains/reminders/presentation/components/TimePresetSelector';
+export { TimePresetSelector } from './reminders/presentation/components/TimePresetSelector';
+export type { TimePresetSelectorProps } from './reminders/presentation/components/TimePresetSelector';
 
-export { FrequencySelector } from './domains/reminders/presentation/components/FrequencySelector';
-export type { FrequencySelectorProps } from './domains/reminders/presentation/components/FrequencySelector';
+export { FrequencySelector } from './reminders/presentation/components/FrequencySelector';
+export type { FrequencySelectorProps } from './reminders/presentation/components/FrequencySelector';
 
-export { WeekdaySelector } from './domains/reminders/presentation/components/WeekdaySelector';
-export type { WeekdaySelectorProps } from './domains/reminders/presentation/components/WeekdaySelector';
+export { WeekdaySelector } from './reminders/presentation/components/WeekdaySelector';
+export type { WeekdaySelectorProps } from './reminders/presentation/components/WeekdaySelector';
 
-export { ReminderItem } from './domains/reminders/presentation/components/ReminderItem';
-export type { ReminderItemProps, ReminderItemTranslations } from './domains/reminders/presentation/components/ReminderItem';
+export { ReminderItem } from './reminders/presentation/components/ReminderItem';
+export type { ReminderItemProps, ReminderItemTranslations } from './reminders/presentation/components/ReminderItem';
 
-export { ReminderForm } from './domains/reminders/presentation/components/ReminderForm';
-export type { ReminderFormProps, ReminderFormTranslations } from './domains/reminders/presentation/components/ReminderForm';
+export { ReminderForm } from './reminders/presentation/components/ReminderForm';
+export type { ReminderFormProps, ReminderFormTranslations } from './reminders/presentation/components/ReminderForm';
 
-export { FormButton } from './domains/reminders/presentation/components/FormButton';
-export type { FormButtonProps } from './domains/reminders/presentation/components/FormButton';
+export { FormButton } from './reminders/presentation/components/FormButton';
+export type { FormButtonProps } from './reminders/presentation/components/FormButton';
 
-export { QuietHoursCard } from './domains/quietHours/presentation/components/QuietHoursCard';
-export type { QuietHoursCardProps } from './domains/quietHours/presentation/components/QuietHoursCard';
+export { QuietHoursCard } from './quietHours/presentation/components/QuietHoursCard';
+export type { QuietHoursCardProps } from './quietHours/presentation/components/QuietHoursCard';
 
 export { RemindersNavRow } from './presentation/components/RemindersNavRow';
 export type { RemindersNavRowProps } from './presentation/components/RemindersNavRow';

package/src/{notifications → domains/notifications}/presentation/hooks/useNotificationSettingsUI.ts

@@ -4,7 +4,7 @@
  */
 
 import { useEffect, useCallback } from 'react';
-import { useNotificationPreferences, useQuietHours, usePreferencesStore, useRemindersLoading } from '../../domains/reminders/infrastructure/storage/RemindersStore';
+import { useNotificationPreferences, useQuietHours, usePreferencesStore, useRemindersLoading } from '../../reminders/infrastructure/storage/RemindersStore';
 import { notificationService } from '../../infrastructure/services/NotificationService';
 
 export const useNotificationSettingsUI = () => {

package/src/{notifications → domains/notifications}/presentation/screens/NotificationSettingsScreen.tsx

@@ -6,13 +6,13 @@
 import React from 'react';
 import { View } from 'react-native';
 import { AtomicCard, ScreenLayout, AtomicSpinner } from '@umituz/react-native-design-system';
-import { QuietHoursCard } from '../../domains/quietHours/presentation/components/QuietHoursCard';
+import { QuietHoursCard } from '../../quietHours/presentation/components/QuietHoursCard';
 import { SettingRow } from '../components/SettingRow';
 import { RemindersNavRow } from '../components/RemindersNavRow';
 import { useNotificationSettingsUI } from '../hooks/useNotificationSettingsUI';
 import { useTimePicker } from '../hooks/useTimePicker';
-import { useReminders } from '../../domains/reminders/infrastructure/storage/RemindersStore';
-import { useQuietHoursActions } from '../../domains/quietHours/infrastructure/hooks/useQuietHoursActions';
+import { useReminders } from '../../reminders/infrastructure/storage/RemindersStore';
+import { useQuietHoursActions } from '../../quietHours/infrastructure/hooks/useQuietHoursActions';
 import type { NotificationSettingsTranslations, QuietHoursTranslations } from '../../infrastructure/services/types';
 import { createStyles } from './NotificationSettingsScreen.styles';
 import { useAppDesignTokens } from '@umituz/react-native-design-system';

package/src/{notifications/domains → domains/notifications}/quietHours/infrastructure/hooks/useQuietHoursActions.ts

@@ -5,7 +5,7 @@
 
 import { useCallback } from 'react';
 import { usePreferencesStore, useQuietHours } from '../../../reminders/infrastructure/storage/RemindersStore';
-import type { QuietHoursConfig } from '../../../../infrastructure/services/types';
+import type { QuietHoursConfig } from '../../../infrastructure/services/types';
 
 export const useQuietHoursActions = () => {
   const quietHours = useQuietHours();

package/src/{notifications/domains → domains/notifications}/quietHours/presentation/components/QuietHoursCard.tsx

@@ -8,8 +8,8 @@ import { View, TouchableOpacity, StyleSheet } from 'react-native';
 import { AtomicText, AtomicIcon, AtomicCard } from '@umituz/react-native-design-system';
 import { Switch } from 'react-native';
 import { useAppDesignTokens } from '@umituz/react-native-design-system';
-import { SettingRow } from '../../../../presentation/components/SettingRow';
-import type { QuietHoursConfig, QuietHoursTranslations } from '../../../../infrastructure/services/types';
+import { SettingRow } from '../../../presentation/components/SettingRow';
+import type { QuietHoursConfig, QuietHoursTranslations } from '../../../infrastructure/services/types';
 
 export interface QuietHoursCardProps {
   config: QuietHoursConfig;

package/src/{notifications/domains → domains/notifications}/reminders/infrastructure/config/reminderPresets.ts

@@ -3,7 +3,7 @@
  * Default time presets and frequency options for reminders
  */
 
-import type { TimePreset, ReminderFrequency } from '../../../../infrastructure/services/types';
+import type { TimePreset, ReminderFrequency } from '../../../infrastructure/services/types';
 
 // ============================================================================
 // DEFAULT TIME PRESETS

package/src/{notifications/domains → domains/notifications}/reminders/infrastructure/hooks/useReminderActions.ts

@@ -5,10 +5,10 @@
 
 import { useCallback } from 'react';
 import { useRemindersStore } from '../storage/RemindersStore';
-import { NotificationScheduler } from '../../../../infrastructure/services/NotificationScheduler';
-import { generateReminderId } from '../../../../infrastructure/utils/idGenerator';
-import { buildTrigger } from '../../../../infrastructure/utils/triggerBuilder';
-import type { Reminder, CreateReminderInput, UpdateReminderInput } from '../../../../infrastructure/services/types';
+import { NotificationScheduler } from '../../../infrastructure/services/NotificationScheduler';
+import { generateReminderId } from '../../../infrastructure/utils/idGenerator';
+import { buildTrigger } from '../../../infrastructure/utils/triggerBuilder';
+import type { Reminder, CreateReminderInput, UpdateReminderInput } from '../../../infrastructure/services/types';
 
 const scheduler = new NotificationScheduler();
 

package/src/{notifications/domains → domains/notifications}/reminders/infrastructure/storage/RemindersStore.ts

@@ -4,7 +4,7 @@
  */
 
 import { createStore } from '@umituz/react-native-storage';
-import type { Reminder, QuietHoursConfig, NotificationPreferences } from '../../../../infrastructure/services/types';
+import type { Reminder, QuietHoursConfig, NotificationPreferences } from '../../../infrastructure/services/types';
 
 // ============================================================================
 // REMINDERS STORE

package/src/{notifications/domains → domains/notifications}/reminders/presentation/components/FrequencySelector.tsx

@@ -7,7 +7,7 @@ import React, { useMemo } from 'react';
 import { View, TouchableOpacity, StyleSheet } from 'react-native';
 import { AtomicText, AtomicIcon } from '@umituz/react-native-design-system';
 import { useAppDesignTokens } from '@umituz/react-native-design-system';
-import type { ReminderFrequency } from '../../../../infrastructure/services/types';
+import type { ReminderFrequency } from '../../../infrastructure/services/types';
 import type { FrequencyOption } from '../../infrastructure/config/reminderPresets';
 
 export interface FrequencySelectorProps {

package/src/{notifications/domains → domains/notifications}/reminders/presentation/components/ReminderForm.tsx

@@ -12,7 +12,7 @@ import { FrequencySelector } from './FrequencySelector';
 import { WeekdaySelector } from './WeekdaySelector';
 import { FormButton } from './FormButton';
 import { DEFAULT_TIME_PRESETS, FREQUENCY_OPTIONS } from '../../infrastructure/config/reminderPresets';
-import type { Reminder, ReminderFrequency, CreateReminderInput, TimePreset } from '../../../../infrastructure/services/types';
+import type { Reminder, ReminderFrequency, CreateReminderInput, TimePreset } from '../../../infrastructure/services/types';
 
 export interface ReminderFormTranslations {
   titleLabel: string;

package/src/{notifications/domains → domains/notifications}/reminders/presentation/components/ReminderItem.tsx

@@ -8,7 +8,7 @@ import { View, TouchableOpacity, StyleSheet } from 'react-native';
 import { AtomicText, AtomicIcon } from '@umituz/react-native-design-system';
 import { Switch } from 'react-native';
 import { useAppDesignTokens } from '@umituz/react-native-design-system';
-import type { Reminder, ReminderFrequency } from '../../../../infrastructure/services/types';
+import type { Reminder, ReminderFrequency } from '../../../infrastructure/services/types';
 
 export interface ReminderItemTranslations {
   frequencyOnce: string;

package/src/{notifications/domains → domains/notifications}/reminders/presentation/components/TimePresetSelector.tsx

@@ -7,7 +7,7 @@ import React, { useMemo } from 'react';
 import { View, TouchableOpacity, StyleSheet } from 'react-native';
 import { AtomicText, AtomicIcon } from '@umituz/react-native-design-system';
 import { useAppDesignTokens } from '@umituz/react-native-design-system';
-import type { TimePreset } from '../../../../infrastructure/services/types';
+import type { TimePreset } from '../../../infrastructure/services/types';
 
 export interface TimePresetSelectorProps {
   presets: TimePreset[];

package/src/{notifications/domains → domains/notifications}/reminders/presentation/screens/ReminderListScreen.tsx

@@ -10,7 +10,7 @@ import { useAppDesignTokens } from '@umituz/react-native-design-system';
 import { ReminderItem } from '../components/ReminderItem';
 import { useRemindersStore, useReminders, useRemindersLoading } from '../../infrastructure/storage/RemindersStore';
 import { useReminderActions } from '../../infrastructure/hooks/useReminderActions';
-import type { Reminder, ReminderTranslations } from '../../../../infrastructure/services/types';
+import type { Reminder, ReminderTranslations } from '../../../infrastructure/services/types';
 
 export interface ReminderListScreenProps {
   translations: ReminderTranslations;

package/src/index.ts

@@ -129,7 +129,7 @@ export * from "./domains/gamification";
 // =============================================================================
 
 // Notifications Domain
-export * from "./notifications";
+export * from "./domains/notifications";
 
 export {
   createAppearanceConfig,
@@ -141,6 +141,7 @@ export {
   createRatingConfig,
   createFAQConfig,
   createSubscriptionConfig,
+  createGamificationConfig,
   type TranslationFunction,
   type FeedbackFormData,
 } from './presentation/utils';

package/src/presentation/utils/configCreators.ts

@@ -16,6 +16,11 @@ import type {
   FAQConfig,
   SubscriptionConfig,
 } from "../screens/types";
+import type {
+  GamificationConfig,
+  AchievementDefinition,
+  LevelDefinition,
+} from "../../domains/gamification/types";
 
 /**
  * Translation function type
@@ -149,3 +154,30 @@ export const createSubscriptionConfig = (
   onPress: typeof routeOrOnPress === "function" ? routeOrOnPress : undefined,
   isPremium,
 });
+
+/**
+ * Create gamification configuration
+ */
+export const createGamificationConfig = (
+  t: TranslationFunction,
+  storageKey: string,
+  achievements: AchievementDefinition[],
+  levels: LevelDefinition[],
+  enabled = true,
+): GamificationConfig => ({
+  enabled,
+  storageKey,
+  achievements,
+  levels,
+  translations: {
+    title: t("settings.gamification.title"),
+    statsTitle: t("settings.gamification.stats.title"),
+    achievementsTitle: t("settings.gamification.achievements.title"),
+    streakTitle: t("settings.gamification.streak.title"),
+    bestStreak: t("settings.gamification.streak.best"),
+    currentStreak: t("settings.gamification.streak.current"),
+    days: t("settings.gamification.streak.days"),
+    levelTitle: t("settings.gamification.level.title"),
+    emptyAchievements: t("settings.gamification.achievements.empty"),
+  },
+});