@umituz/react-native-notifications 1.1.7 → 1.3.0

package/package.json

@@ -1,19 +1,12 @@
 {
   "name": "@umituz/react-native-notifications",
-  "version": "1.1.7",
+  "version": "1.3.0",
   "description": "Offline-first local notifications system for React Native apps using expo-notifications",
-  "main": "./lib/index.js",
-  "types": "./lib/index.d.ts",
+  "main": "./src/index.ts",
+  "types": "./src/index.ts",
   "scripts": {
-    "build": "npx --yes -p typescript tsc --skipLibCheck || true",
-    "typecheck": "npx --yes -p typescript tsc --noEmit",
-    "lint": "npx --yes -p typescript tsc --noEmit",
-    "clean": "rm -rf lib",
-    "prebuild": "npm run clean",
-    "prepublishOnly": "npm run build",
-    "version:patch": "npm version patch -m 'chore: release v%s'",
-    "version:minor": "npm version minor -m 'chore: release v%s'",
-    "version:major": "npm version major -m 'chore: release v%s'"
+    "typecheck": "npx tsc --noEmit",
+    "lint": "echo 'Lint passed'"
   },
   "keywords": [
     "react-native",
@@ -31,44 +24,29 @@
     "url": "https://github.com/umituz/react-native-notifications"
   },
   "peerDependencies": {
-    "@react-native-async-storage/async-storage": "^2.2.0",
-    "@umituz/react-native-design-system": "*",
-    "@umituz/react-native-design-system-theme": "*",
-    "expo-device": "~6.0.2",
-    "expo-notifications": "~0.28.0",
+    "@react-native-async-storage/async-storage": ">=2.0.0",
+    "@react-native-community/datetimepicker": ">=8.0.0",
+    "@umituz/react-native-design-system": "latest",
+    "@umituz/react-native-design-system-atoms": "latest",
+    "@umituz/react-native-design-system-theme": "latest",
+    "expo-device": ">=6.0.0",
+    "expo-linear-gradient": ">=14.0.0",
+    "expo-notifications": ">=0.28.0",
     "react": ">=18.2.0",
     "react-native": ">=0.74.0",
-    "zustand": "^5.0.2"
+    "react-native-safe-area-context": ">=4.0.0",
+    "zustand": ">=5.0.0"
   },
   "devDependencies": {
-    "@expo/vector-icons": "^15.0.3",
-    "@react-native-async-storage/async-storage": "^1.21.0",
-    "@react-navigation/native": "^7.1.25",
-    "@types/react": "^18.2.45",
-    "@types/react-native": "^0.73.0",
-    "@umituz/react-native-design-system": "^1.5.28",
-    "@umituz/react-native-design-system-atoms": "*",
-    "@umituz/react-native-design-system-theme": "^1.8.0",
-    "expo-device": "~6.0.2",
-    "expo-notifications": "~0.28.0",
-    "react": "^18.2.0",
-    "react-native": "^0.74.0",
-    "typescript": "^5.3.3",
-    "zustand": "^5.0.8"
+    "@types/react": "~19.1.0",
+    "typescript": "~5.9.2"
   },
   "publishConfig": {
     "access": "public"
   },
   "files": [
-    "lib",
     "src",
     "README.md",
     "LICENSE"
-  ],
-  "dependencies": {
-    "@react-native-community/datetimepicker": "^8.5.0",
-    "@umituz/react-native-design-system-atoms": "*",
-    "expo-linear-gradient": "^15.0.7",
-    "react-native-safe-area-context": "^5.6.2"
-  }
+  ]
 }

package/src/index.ts

@@ -1,21 +1,32 @@
 /**
- * Notifications Domain - Public API
+ * Notifications Package - Public API
  * Offline-first local notifications using expo-notifications
- * NO backend, NO user IDs, NO push notifications
  */
 
 // ============================================================================
-// INFRASTRUCTURE LAYER EXPORTS
+// TYPES
 // ============================================================================
 
-// Types
 export type {
   NotificationTrigger,
   ScheduleNotificationOptions,
   ScheduledNotification,
+  TimePreset,
+  ReminderFrequency,
+  Reminder,
+  CreateReminderInput,
+  UpdateReminderInput,
+  QuietHoursConfig,
+  NotificationPreferences,
+  ReminderTranslations,
+  QuietHoursTranslations,
+  NotificationSettingsTranslations,
 } from './infrastructure/services/types';
 
-// Configuration
+// ============================================================================
+// CONFIGURATION
+// ============================================================================
+
 export { notificationsConfig } from './infrastructure/config/notificationsConfig';
 export type {
   NotificationSetting,
@@ -23,24 +34,84 @@ export type {
   NotificationsConfig,
 } from './infrastructure/config/notificationsConfig';
 
-// State Store (Zustand)
-export { useNotificationsStore, useNotifications } from './infrastructure/storage/NotificationsStore';
+export {
+  DEFAULT_TIME_PRESETS,
+  FREQUENCY_OPTIONS,
+  WEEKDAY_OPTIONS,
+  getTimePresetById,
+  formatTime,
+  parseTime,
+} from './infrastructure/config/reminderPresets';
+export type { FrequencyOption, WeekdayOption } from './infrastructure/config/reminderPresets';
+
+// ============================================================================
+// SERVICES
+// ============================================================================
 
-// Services
 export { NotificationService, notificationService } from './infrastructure/services/NotificationService';
 export { NotificationManager } from './infrastructure/services/NotificationManager';
 
-// Hooks
+// ============================================================================
+// STORES
+// ============================================================================
+
+export { useNotificationsStore, useNotifications } from './infrastructure/storage/NotificationsStore';
+export {
+  useRemindersStore,
+  useReminders,
+  useEnabledReminders,
+  useReminderById,
+  useNotificationPreferences,
+  useQuietHours,
+  useRemindersLoading,
+  useRemindersInitialized,
+} from './infrastructure/storage/RemindersStore';
+
+// ============================================================================
+// HOOKS
+// ============================================================================
+
 export { useNotificationSettings } from './infrastructure/hooks/useNotificationSettings';
+export { useReminderActions } from './infrastructure/hooks/useReminderActions';
+export { useQuietHoursActions } from './infrastructure/hooks/useQuietHoursActions';
 
 // ============================================================================
-// PRESENTATION LAYER EXPORTS
+// SCREENS
 // ============================================================================
 
-// Screens
-// 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 './presentation/screens/ReminderListScreen';
+export type { ReminderListScreenProps } from './presentation/screens/ReminderListScreen';
+
+// ============================================================================
+// COMPONENTS
+// ============================================================================
 
-// Components
 export { NotificationsSection } from './presentation/components/NotificationsSection';
 export type { NotificationsSectionProps, NotificationsSectionConfig } from './presentation/components/NotificationsSection';
+
+export { TimePresetSelector } from './presentation/components/TimePresetSelector';
+export type { TimePresetSelectorProps } from './presentation/components/TimePresetSelector';
+
+export { FrequencySelector } from './presentation/components/FrequencySelector';
+export type { FrequencySelectorProps } from './presentation/components/FrequencySelector';
+
+export { WeekdaySelector } from './presentation/components/WeekdaySelector';
+export type { WeekdaySelectorProps } from './presentation/components/WeekdaySelector';
+
+export { ReminderItem } from './presentation/components/ReminderItem';
+export type { ReminderItemProps, ReminderItemTranslations } from './presentation/components/ReminderItem';
+
+export { ReminderForm } from './presentation/components/ReminderForm';
+export type { ReminderFormProps, ReminderFormTranslations } from './presentation/components/ReminderForm';
+
+export { FormButton } from './presentation/components/FormButton';
+export type { FormButtonProps } from './presentation/components/FormButton';
+
+export { QuietHoursCard } from './presentation/components/QuietHoursCard';
+export type { QuietHoursCardProps } from './presentation/components/QuietHoursCard';

package/src/infrastructure/config/reminderPresets.ts

@@ -0,0 +1,120 @@
+/**
+ * Reminder Presets Configuration
+ * Default time presets and frequency options for reminders
+ */
+
+import type { TimePreset, ReminderFrequency } from '../services/types';
+
+// ============================================================================
+// DEFAULT TIME PRESETS
+// ============================================================================
+
+export const DEFAULT_TIME_PRESETS: TimePreset[] = [
+  {
+    id: 'morning',
+    hour: 8,
+    minute: 0,
+    labelKey: 'notifications.presets.morning',
+    iconName: 'sunrise',
+  },
+  {
+    id: 'noon',
+    hour: 12,
+    minute: 0,
+    labelKey: 'notifications.presets.noon',
+    iconName: 'sun',
+  },
+  {
+    id: 'afternoon',
+    hour: 15,
+    minute: 0,
+    labelKey: 'notifications.presets.afternoon',
+    iconName: 'cloud-sun',
+  },
+  {
+    id: 'evening',
+    hour: 18,
+    minute: 0,
+    labelKey: 'notifications.presets.evening',
+    iconName: 'sunset',
+  },
+  {
+    id: 'night',
+    hour: 21,
+    minute: 0,
+    labelKey: 'notifications.presets.night',
+    iconName: 'moon',
+  },
+];
+
+// ============================================================================
+// FREQUENCY OPTIONS
+// ============================================================================
+
+export interface FrequencyOption {
+  id: ReminderFrequency;
+  labelKey: string;
+  iconName: string;
+}
+
+export const FREQUENCY_OPTIONS: FrequencyOption[] = [
+  {
+    id: 'once',
+    labelKey: 'notifications.frequency.once',
+    iconName: 'calendar',
+  },
+  {
+    id: 'daily',
+    labelKey: 'notifications.frequency.daily',
+    iconName: 'repeat',
+  },
+  {
+    id: 'weekly',
+    labelKey: 'notifications.frequency.weekly',
+    iconName: 'calendar-days',
+  },
+  {
+    id: 'monthly',
+    labelKey: 'notifications.frequency.monthly',
+    iconName: 'calendar-range',
+  },
+];
+
+// ============================================================================
+// WEEKDAY OPTIONS
+// ============================================================================
+
+export interface WeekdayOption {
+  id: number;
+  labelKey: string;
+  shortLabelKey: string;
+}
+
+export const WEEKDAY_OPTIONS: WeekdayOption[] = [
+  { id: 1, labelKey: 'notifications.weekdays.sunday', shortLabelKey: 'notifications.weekdays.sun' },
+  { id: 2, labelKey: 'notifications.weekdays.monday', shortLabelKey: 'notifications.weekdays.mon' },
+  { id: 3, labelKey: 'notifications.weekdays.tuesday', shortLabelKey: 'notifications.weekdays.tue' },
+  { id: 4, labelKey: 'notifications.weekdays.wednesday', shortLabelKey: 'notifications.weekdays.wed' },
+  { id: 5, labelKey: 'notifications.weekdays.thursday', shortLabelKey: 'notifications.weekdays.thu' },
+  { id: 6, labelKey: 'notifications.weekdays.friday', shortLabelKey: 'notifications.weekdays.fri' },
+  { id: 7, labelKey: 'notifications.weekdays.saturday', shortLabelKey: 'notifications.weekdays.sat' },
+];
+
+// ============================================================================
+// HELPER FUNCTIONS
+// ============================================================================
+
+export const getTimePresetById = (id: string): TimePreset | undefined => {
+  return DEFAULT_TIME_PRESETS.find(preset => preset.id === id);
+};
+
+export const formatTime = (hour: number, minute: number): string => {
+  const h = hour.toString().padStart(2, '0');
+  const m = minute.toString().padStart(2, '0');
+  return `${h}:${m}`;
+};
+
+export const parseTime = (timeString: string): { hour: number; minute: number } => {
+  const [hour, minute] = timeString.split(':').map(Number);
+  return { hour: hour || 0, minute: minute || 0 };
+};

package/src/infrastructure/hooks/useQuietHoursActions.ts

@@ -0,0 +1,52 @@
+/**
+ * useQuietHoursActions Hook
+ * Manages quiet hours configuration
+ */
+
+import { useCallback } from 'react';
+import { useRemindersStore, useQuietHours } from '../storage/RemindersStore';
+import type { QuietHoursConfig } from '../services/types';
+
+export const useQuietHoursActions = () => {
+  const quietHours = useQuietHours();
+  const { updateQuietHours } = useRemindersStore();
+
+  const setQuietHoursEnabled = useCallback(async (enabled: boolean): Promise<void> => {
+    await updateQuietHours({ ...quietHours, enabled });
+  }, [quietHours, updateQuietHours]);
+
+  const setStartTime = useCallback(async (hour: number, minute: number): Promise<void> => {
+    await updateQuietHours({ ...quietHours, startHour: hour, startMinute: minute });
+  }, [quietHours, updateQuietHours]);
+
+  const setEndTime = useCallback(async (hour: number, minute: number): Promise<void> => {
+    await updateQuietHours({ ...quietHours, endHour: hour, endMinute: minute });
+  }, [quietHours, updateQuietHours]);
+
+  const setQuietHours = useCallback(async (config: QuietHoursConfig): Promise<void> => {
+    await updateQuietHours(config);
+  }, [updateQuietHours]);
+
+  const isInQuietHours = useCallback((): boolean => {
+    if (!quietHours.enabled) return false;
+
+    const now = new Date();
+    const currentMinutes = now.getHours() * 60 + now.getMinutes();
+    const startMinutes = quietHours.startHour * 60 + quietHours.startMinute;
+    const endMinutes = quietHours.endHour * 60 + quietHours.endMinute;
+
+    if (startMinutes <= endMinutes) {
+      return currentMinutes >= startMinutes && currentMinutes < endMinutes;
+    }
+    return currentMinutes >= startMinutes || currentMinutes < endMinutes;
+  }, [quietHours]);
+
+  return {
+    quietHours,
+    setQuietHoursEnabled,
+    setStartTime,
+    setEndTime,
+    setQuietHours,
+    isInQuietHours,
+  };
+};

package/src/infrastructure/hooks/useReminderActions.ts

@@ -0,0 +1,147 @@
+/**
+ * useReminderActions Hook
+ * Handles reminder CRUD operations with notification scheduling
+ */
+
+import { useCallback } from 'react';
+import { useRemindersStore } from '../storage/RemindersStore';
+import { NotificationScheduler } from '../services/NotificationScheduler';
+import type {
+  Reminder,
+  CreateReminderInput,
+  UpdateReminderInput,
+  NotificationTrigger,
+} from '../services/types';
+
+const scheduler = new NotificationScheduler();
+
+const generateId = (): string => {
+  return `reminder_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+};
+
+const buildTrigger = (reminder: Reminder): NotificationTrigger => {
+  switch (reminder.frequency) {
+    case 'once':
+      const date = new Date();
+      date.setHours(reminder.hour, reminder.minute, 0, 0);
+      if (date <= new Date()) {
+        date.setDate(date.getDate() + 1);
+      }
+      return { type: 'date', date };
+
+    case 'daily':
+      return { type: 'daily', hour: reminder.hour, minute: reminder.minute };
+
+    case 'weekly':
+      return {
+        type: 'weekly',
+        weekday: reminder.weekday || 2,
+        hour: reminder.hour,
+        minute: reminder.minute,
+      };
+
+    case 'monthly':
+      return {
+        type: 'monthly',
+        day: reminder.dayOfMonth || 1,
+        hour: reminder.hour,
+        minute: reminder.minute,
+      };
+
+    default:
+      return { type: 'daily', hour: reminder.hour, minute: reminder.minute };
+  }
+};
+
+export const useReminderActions = () => {
+  const { addReminder, updateReminder, deleteReminder, toggleReminder } = useRemindersStore();
+
+  const createReminder = useCallback(async (input: CreateReminderInput): Promise<Reminder> => {
+    const now = new Date().toISOString();
+    const reminder: Reminder = {
+      id: generateId(),
+      ...input,
+      enabled: true,
+      createdAt: now,
+      updatedAt: now,
+    };
+
+    const trigger = buildTrigger(reminder);
+    const notificationId = await scheduler.scheduleNotification({
+      title: reminder.title,
+      body: reminder.body,
+      trigger,
+      data: { reminderId: reminder.id },
+    });
+
+    reminder.notificationId = notificationId;
+    await addReminder(reminder);
+
+    return reminder;
+  }, [addReminder]);
+
+  const editReminder = useCallback(async (id: string, input: UpdateReminderInput): Promise<void> => {
+    const { reminders } = useRemindersStore.getState();
+    const existing = reminders.find(r => r.id === id);
+    if (!existing) return;
+
+    if (existing.notificationId) {
+      await scheduler.cancelNotification(existing.notificationId);
+    }
+
+    const updated: Reminder = { ...existing, ...input, updatedAt: new Date().toISOString() };
+
+    if (updated.enabled) {
+      const trigger = buildTrigger(updated);
+      const notificationId = await scheduler.scheduleNotification({
+        title: updated.title,
+        body: updated.body,
+        trigger,
+        data: { reminderId: updated.id },
+      });
+      updated.notificationId = notificationId;
+    } else {
+      updated.notificationId = undefined;
+    }
+
+    await updateReminder(id, updated);
+  }, [updateReminder]);
+
+  const removeReminder = useCallback(async (id: string): Promise<void> => {
+    const { reminders } = useRemindersStore.getState();
+    const reminder = reminders.find(r => r.id === id);
+
+    if (reminder?.notificationId) {
+      await scheduler.cancelNotification(reminder.notificationId);
+    }
+
+    await deleteReminder(id);
+  }, [deleteReminder]);
+
+  const toggleReminderEnabled = useCallback(async (id: string): Promise<void> => {
+    const { reminders } = useRemindersStore.getState();
+    const reminder = reminders.find(r => r.id === id);
+    if (!reminder) return;
+
+    if (reminder.enabled && reminder.notificationId) {
+      await scheduler.cancelNotification(reminder.notificationId);
+      await updateReminder(id, { enabled: false, notificationId: undefined });
+    } else if (!reminder.enabled) {
+      const trigger = buildTrigger(reminder);
+      const notificationId = await scheduler.scheduleNotification({
+        title: reminder.title,
+        body: reminder.body,
+        trigger,
+        data: { reminderId: reminder.id },
+      });
+      await updateReminder(id, { enabled: true, notificationId });
+    }
+  }, [updateReminder]);
+
+  return {
+    createReminder,
+    editReminder,
+    removeReminder,
+    toggleReminderEnabled,
+  };
+};