@umituz/react-native-settings 4.21.11 → 4.21.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-settings",
-  "version": "4.21.11",
+  "version": "4.21.13",
   "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",
@@ -38,7 +38,6 @@
     "@umituz/react-native-auth": "latest",
     "@umituz/react-native-design-system": "latest",
     "@umituz/react-native-localization": "latest",
-    "@umituz/react-native-notifications": "latest",
     "@umituz/react-native-storage": "latest",
     "@umituz/react-native-tanstack": "latest",
     "firebase": "^12.7.0"
@@ -48,6 +47,11 @@
     "@react-navigation/native": ">=6.0.0",
     "@react-navigation/stack": ">=6.0.0",
     "@tanstack/react-query": ">=5.0.0",
+    "expo-notifications": ">=0.28.0",
+    "expo-device": ">=6.0.0",
+    "expo-haptics": ">=15.0.0",
+    "@react-native-community/datetimepicker": ">=8.0.0",
+    "@umituz/react-native-haptics": "latest",
     "react": ">=19.0.0",
     "react-native": ">=0.81.0",
     "react-native-safe-area-context": ">=4.0.0"
@@ -58,6 +62,11 @@
     "@react-navigation/stack": "^7.6.13",
     "@tanstack/react-query": "^5.0.0",
     "@types/react": "~19.1.10",
+    "expo-notifications": "~0.27.6",
+    "expo-device": "~7.0.0",
+    "expo-haptics": "~14.0.0",
+    "@react-native-community/datetimepicker": "^8.2.0",
+    "@umituz/react-native-haptics": "latest",
     "@typescript-eslint/eslint-plugin": "^7.18.0",
     "@typescript-eslint/parser": "^7.18.0",
     "eslint": "^8.57.0",

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

@@ -1,91 +1,64 @@
-/**
- * Gamification Screen Component
- * Wrapper for gamification screen
- */
+import React from 'react';
+import { useGamification } from '../hooks/useGamification';
+import { GamificationScreen } from './GamificationScreen';
+import type { GamificationConfig } from '../types';
+import type { AchievementItemProps } from '../components';
 
-import React, { useMemo } from "react";
-import { GamificationScreen as BaseGamificationScreen } from "./GamificationScreen";
-import { useGamification } from "../hooks/useGamification";
-import { useLocalization } from "@umituz/react-native-localization";
-import type { GamificationSettingsConfig } from "../types/settings";
-
-export interface GamificationScreenWrapperProps {
-  config: GamificationSettingsConfig;
+interface GamificationScreenWrapperProps {
+  config: GamificationConfig;
 }
 
-/**
- * Gamification Screen for Settings
- * Displays achievements, levels, streaks, and stats
- */
-export const GamificationScreenWrapper: React.FC<GamificationScreenWrapperProps> = ({
-  config,
-}) => {
-  const { t } = useLocalization();
-  const gamification = useGamification(config.config);
-
-  const screenProps = useMemo(() => {
-    // Map achievements to screen format
-    const achievements = gamification.achievements.map((achievement) => ({
-      id: achievement.id,
-      title: t(`gamification.achievements.${achievement.id}.title`),
-      description: t(`gamification.achievements.${achievement.id}.description`),
-      icon: "trophy",
-      isUnlocked: achievement.isUnlocked,
-      progress: achievement.progress,
-      threshold: achievement.threshold,
-    }));
-
-    // Map stats
-    const stats = [
-      {
-        icon: "star",
-        value: gamification.points,
-        label: t("gamification.stats.totalPoints"),
-      },
-      {
-        icon: "check-circle",
-        value: gamification.totalTasksCompleted,
-        label: t("gamification.stats.tasksCompleted"),
-      },
-      {
-        icon: "award",
-        value: gamification.achievements.filter((a) => a.isUnlocked).length,
-        label: t("gamification.stats.achievementsUnlocked"),
-      },
-    ];
-
-    // Level props
-    const levelProps = {
-      level: gamification.level.currentLevel,
-      points: gamification.level.currentPoints,
-      levelTitle: t("gamification.level.title", {
-        level: gamification.level.currentLevel,
-      }),
-      pointsToNext: gamification.level.pointsToNext,
-      progress: gamification.level.progress,
-      showPoints: true,
-    };
-
-    // Streak props
-    const streakProps = gamification.streak.current > 0
-      ? {
-          current: gamification.streak.current,
-          longest: gamification.streak.longest,
-          currentLabel: t("gamification.streak.current"),
-          bestLabel: t("gamification.streak.best"),
-          daysLabel: t("gamification.streak.days"),
-        }
-      : undefined;
+export const GamificationScreenWrapper: React.FC<GamificationScreenWrapperProps> = ({ config }) => {
+  const {
+    points,
+    totalTasksCompleted,
+    level,
+    streak,
+    achievements,
+  } = useGamification(config);
 
-    return {
-      ...config.screenProps,
-      levelProps,
-      stats,
-      achievements,
-      streakProps,
-      emptyAchievementsText: t("gamification.achievements.empty"),
-    };
-  }, [gamification, config.screenProps, t]);
+  // 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 <BaseGamificationScreen {...screenProps} />;
+  return (
+    <GamificationScreen
+      title={config.translations.title}
+      statsTitle={config.translations.statsTitle}
+      achievementsTitle={config.translations.achievementsTitle}
+      streakTitle={config.translations.streakTitle}
+      levelProps={{
+        level: level.currentLevel,
+        points: level.currentPoints,
+        pointsToNext: level.pointsToNext,
+        progress: level.progress,
+        levelTitle: config.translations.levelTitle,
+        showPoints: true,
+      }}
+      streakProps={{
+        current: streak.current,
+        longest: streak.longest,
+        // streakLabel: config.translations.streakTitle, // Omitted by GamificationScreen types apparently
+        bestLabel: config.translations.bestStreak,
+      }}
+      stats={[
+        {
+          label: config.translations.statsTitle,
+          value: points, // Pass number directly
+          icon: "star",
+        },
+      ]}
+      achievements={achievementItems}
+      emptyAchievementsText={config.translations.emptyAchievements}
+    />
+  );
 };

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

@@ -11,3 +11,4 @@ export { StreakDisplay, type StreakDisplayProps } from "./StreakDisplay";
 export { StatsCard, type StatsCardProps } from "./StatsCard";
 export { AchievementItem, type AchievementItemProps } from "./AchievementItem";
 export { GamificationScreen, type GamificationScreenProps } from "./GamificationScreen/index";
+export { GamificationScreenWrapper } from "./GamificationScreenWrapper";

package/src/domains/gamification/index.ts

@@ -1,5 +1,6 @@
 /**
- * @umituz/react-native-gamification
+ * Gamification Domain
+ * Part of @umituz/react-native-settings
  *
  * Generic gamification system for React Native apps
  * All text via props - NO hardcoded strings
@@ -14,17 +15,12 @@ export type {
   LevelState,
   StreakState,
   GamificationConfig,
+  GamificationSettingsConfig,
   GamificationState,
   GamificationActions,
   GamificationStore,
 } from "./types";
 
-// Settings Integration Types
-export type {
-  GamificationSettingsConfig,
-  GamificationMenuConfig,
-} from "./types/settings";
-
 // Store
 export { useGamificationStore } from "./store/gamificationStore";
 
@@ -58,8 +54,5 @@ export {
   type AchievementItemProps,
   GamificationScreen,
   type GamificationScreenProps,
+  GamificationScreenWrapper,
 } from "./components";
-
-// Settings Integration Components
-export { GamificationScreenWrapper } from "./components/GamificationScreenWrapper";
-export { GamificationSettingsItem } from "./components/GamificationSettingsItem";

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,17 @@ export interface StreakState {
   lastActivityDate: string | null;
 }
 
+// Gamification Translations
+export interface GamificationTranslations {
+  title: string;
+  statsTitle: string;
+  achievementsTitle: string;
+  streakTitle: string;
+  bestStreak: string;
+  levelTitle: string;
+  emptyAchievements: string;
+}
+
 // Gamification Config (provided by app via props)
 export interface GamificationConfig {
   storageKey: string;
@@ -46,8 +60,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/domains/notifications/index.ts

@@ -0,0 +1,139 @@
+/**
+ * Notifications Package - Public API
+ * Offline-first local notifications using expo-notifications
+ */
+
+// ============================================================================
+// TYPES
+// ============================================================================
+
+export type {
+  NotificationTrigger,
+  ScheduleNotificationOptions,
+  ScheduledNotification,
+  TimePreset,
+  ReminderFrequency,
+  Reminder,
+  CreateReminderInput,
+  UpdateReminderInput,
+  QuietHoursConfig,
+  NotificationPreferences,
+  ReminderTranslations,
+  QuietHoursTranslations,
+  NotificationSettingsTranslations,
+} from './infrastructure/services/types';
+
+// ============================================================================
+// CONFIGURATION
+// ============================================================================
+
+export { notificationsConfig } from './infrastructure/config/notificationsConfig';
+export type {
+  NotificationSetting,
+  NotificationSection,
+  NotificationsConfig,
+} from './infrastructure/config/notificationsConfig';
+
+export {
+  DEFAULT_TIME_PRESETS,
+  FREQUENCY_OPTIONS,
+  WEEKDAY_OPTIONS,
+  getTimePresetById,
+  formatTime,
+  parseTime,
+} from './reminders/infrastructure/config/reminderPresets';
+export type { FrequencyOption, WeekdayOption } from './reminders/infrastructure/config/reminderPresets';
+
+// ============================================================================
+// SERVICES
+// ============================================================================
+
+export { NotificationService, notificationService } from './infrastructure/services/NotificationService';
+export { NotificationManager } from './infrastructure/services/NotificationManager';
+
+// ============================================================================
+// STORES
+// ============================================================================
+
+export { useNotificationsStore, useNotifications } from './infrastructure/storage/NotificationsStore';
+export {
+  useRemindersStore,
+  usePreferencesStore,
+  useReminders,
+  useEnabledReminders,
+  useReminderById,
+  useNotificationPreferences,
+  useQuietHours,
+  useRemindersLoading,
+  useRemindersInitialized,
+} from './reminders/infrastructure/storage/RemindersStore';
+
+// ============================================================================
+// HOOKS
+// ============================================================================
+
+export { useNotificationSettings } from './infrastructure/hooks/useNotificationSettings';
+export { useReminderActions } from './reminders/infrastructure/hooks/useReminderActions';
+export { useQuietHoursActions } from './quietHours/infrastructure/hooks/useQuietHoursActions';
+export { useNotificationSettingsUI } from './presentation/hooks/useNotificationSettingsUI';
+
+// ============================================================================
+// SCREENS
+// ============================================================================
+
+export { NotificationsScreen } from './presentation/screens/NotificationsScreen';
+export type { NotificationsScreenProps } from './presentation/screens/NotificationsScreen';
+
+export { NotificationSettingsScreen } from './presentation/screens/NotificationSettingsScreen';
+export type { NotificationSettingsScreenProps } from './presentation/screens/NotificationSettingsScreen';
+
+export { ReminderListScreen } from './reminders/presentation/screens/ReminderListScreen';
+export type { ReminderListScreenProps } from './reminders/presentation/screens/ReminderListScreen';
+
+// ============================================================================
+// COMPONENTS
+// ============================================================================
+
+export { NotificationsSection } from './presentation/components/NotificationsSection';
+export type { NotificationsSectionProps, NotificationsSectionConfig } from './presentation/components/NotificationsSection';
+
+export { TimePresetSelector } from './reminders/presentation/components/TimePresetSelector';
+export type { TimePresetSelectorProps } from './reminders/presentation/components/TimePresetSelector';
+
+export { FrequencySelector } from './reminders/presentation/components/FrequencySelector';
+export type { FrequencySelectorProps } from './reminders/presentation/components/FrequencySelector';
+
+export { WeekdaySelector } from './reminders/presentation/components/WeekdaySelector';
+export type { WeekdaySelectorProps } from './reminders/presentation/components/WeekdaySelector';
+
+export { ReminderItem } from './reminders/presentation/components/ReminderItem';
+export type { ReminderItemProps, ReminderItemTranslations } from './reminders/presentation/components/ReminderItem';
+
+export { ReminderForm } from './reminders/presentation/components/ReminderForm';
+export type { ReminderFormProps, ReminderFormTranslations } from './reminders/presentation/components/ReminderForm';
+
+export { FormButton } from './reminders/presentation/components/FormButton';
+export type { FormButtonProps } from './reminders/presentation/components/FormButton';
+
+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';
+
+export { SettingRow } from './presentation/components/SettingRow';
+export type { SettingRowProps } from './presentation/components/SettingRow';
+
+// ============================================================================
+// UTILS
+// ============================================================================
+
+export { generateId, generateReminderId } from './infrastructure/utils/idGenerator';
+export { buildTrigger } from './infrastructure/utils/triggerBuilder';
+
+// ============================================================================
+// HOOKS - UTILS
+// ============================================================================
+
+export { useTimePicker } from './presentation/hooks/useTimePicker';
+export type { PickerMode, UseTimePickerParams, TimePickerHandlers } from './presentation/hooks/useTimePicker';

package/src/domains/notifications/infrastructure/config/notificationsConfig.ts

@@ -0,0 +1,98 @@
+/**
+ * Notifications Configuration
+ * Defines notification settings structure
+ */
+
+export interface NotificationSetting {
+  id: string;
+  titleKey: string;
+  descKey: string;
+  icon: string;
+}
+
+export interface NotificationSection {
+  id: string;
+  titleKey: string;
+  settings: NotificationSetting[];
+}
+
+export interface NotificationsConfig {
+  sections: NotificationSection[];
+}
+
+export const notificationsConfig: NotificationsConfig = {
+  sections: [
+    {
+      id: 'channels',
+      titleKey: 'notifications.channels',
+      settings: [
+        {
+          id: 'pushNotifications',
+          titleKey: 'notifications.push',
+          descKey: 'notifications.pushDesc',
+          icon: 'notifications',
+        },
+        {
+          id: 'emailNotifications',
+          titleKey: 'notifications.email',
+          descKey: 'notifications.emailDesc',
+          icon: 'email',
+        },
+        {
+          id: 'smsNotifications',
+          titleKey: 'notifications.sms',
+          descKey: 'notifications.smsDesc',
+          icon: 'message',
+        },
+      ],
+    },
+    {
+      id: 'content',
+      titleKey: 'notifications.content',
+      settings: [
+        {
+          id: 'appUpdates',
+          titleKey: 'notifications.updates',
+          descKey: 'notifications.updatesDesc',
+          icon: 'update',
+        },
+        {
+          id: 'features',
+          titleKey: 'notifications.features',
+          descKey: 'notifications.featuresDesc',
+          icon: 'new-releases',
+        },
+        {
+          id: 'tips',
+          titleKey: 'notifications.tips',
+          descKey: 'notifications.tipsDesc',
+          icon: 'tips-and-updates',
+        },
+      ],
+    },
+    {
+      id: 'activity',
+      titleKey: 'notifications.activity',
+      settings: [
+        {
+          id: 'reminders',
+          titleKey: 'notifications.reminders',
+          descKey: 'notifications.remindersDesc',
+          icon: 'alarm',
+        },
+        {
+          id: 'achievements',
+          titleKey: 'notifications.achievements',
+          descKey: 'notifications.achievementsDesc',
+          icon: 'emoji-events',
+        },
+        {
+          id: 'social',
+          titleKey: 'notifications.social',
+          descKey: 'notifications.socialDesc',
+          icon: 'people',
+        },
+      ],
+    },
+  ],
+};

package/src/domains/notifications/infrastructure/hooks/useNotificationSettings.ts

@@ -0,0 +1,37 @@
+/**
+ * Simple notification settings hook
+ */
+
+import { createStore } from '@umituz/react-native-storage';
+
+interface NotificationSettingsState {
+  notificationsEnabled: boolean;
+  isLoading: boolean;
+}
+
+interface NotificationSettingsActions {
+  setNotificationsEnabled: (value: boolean) => void;
+}
+
+const useNotificationSettingsStore = createStore<NotificationSettingsState, NotificationSettingsActions>({
+  name: 'notification-settings-store',
+  initialState: {
+    notificationsEnabled: true,
+    isLoading: true,
+  },
+  persist: true,
+  actions: (set) => ({
+    setNotificationsEnabled: (value: boolean) => set({ notificationsEnabled: value }),
+  }),
+});
+
+export const useNotificationSettings = () => {
+  const store = useNotificationSettingsStore();
+  const { notificationsEnabled, isLoading, setNotificationsEnabled } = store;
+
+  return {
+    notificationsEnabled,
+    setNotificationsEnabled,
+    isLoading,
+  };
+};

package/src/domains/notifications/infrastructure/services/NotificationBadgeManager.ts

@@ -0,0 +1,28 @@
+import * as Notifications from 'expo-notifications';
+import { Platform } from 'react-native';
+import { devError } from '../utils/dev';
+
+export class NotificationBadgeManager {
+  async getBadgeCount(): Promise<number> {
+    try {
+      if (Platform.OS === 'ios') {
+        return await Notifications.getBadgeCountAsync();
+      }
+      return 0;
+    } catch (error) {
+      devError('[NotificationBadgeManager] Get badge count failed:', error);
+      return 0;
+    }
+  }
+
+  async setBadgeCount(count: number): Promise<void> {
+    try {
+      if (Platform.OS === 'ios') {
+        await Notifications.setBadgeCountAsync(count);
+      }
+    } catch (error) {
+      devError('[NotificationBadgeManager] Set badge count failed:', error);
+      throw error;
+    }
+  }
+}