@umituz/react-native-notifications 1.3.0 → 1.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-notifications",
-  "version": "1.3.0",
+  "version": "1.3.2",
   "description": "Offline-first local notifications system for React Native apps using expo-notifications",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/infrastructure/config/reminderPresets.ts

@@ -15,28 +15,28 @@ export const DEFAULT_TIME_PRESETS: TimePreset[] = [
     hour: 8,
     minute: 0,
     labelKey: 'notifications.presets.morning',
-    iconName: 'sunrise',
+    iconName: 'sunny',
   },
   {
     id: 'noon',
     hour: 12,
     minute: 0,
     labelKey: 'notifications.presets.noon',
-    iconName: 'sun',
+    iconName: 'sunny',
   },
   {
     id: 'afternoon',
     hour: 15,
     minute: 0,
     labelKey: 'notifications.presets.afternoon',
-    iconName: 'cloud-sun',
+    iconName: 'partly-sunny',
   },
   {
     id: 'evening',
     hour: 18,
     minute: 0,
     labelKey: 'notifications.presets.evening',
-    iconName: 'sunset',
+    iconName: 'partly-sunny',
   },
   {
     id: 'night',
@@ -71,12 +71,12 @@ export const FREQUENCY_OPTIONS: FrequencyOption[] = [
   {
     id: 'weekly',
     labelKey: 'notifications.frequency.weekly',
-    iconName: 'calendar-days',
+    iconName: 'calendar',
   },
   {
     id: 'monthly',
     labelKey: 'notifications.frequency.monthly',
-    iconName: 'calendar-range',
+    iconName: 'calendar',
   },
 ];
 

package/src/presentation/components/NotificationsSection.tsx

@@ -8,6 +8,8 @@ import type { StyleProp, ViewStyle } from 'react-native';
 import { View, TouchableOpacity, StyleSheet, Switch } from 'react-native';
 import { AtomicText, AtomicIcon } from '@umituz/react-native-design-system';
 import { useAppDesignTokens } from '@umituz/react-native-design-system-theme';
+// @ts-ignore - Optional peer dependency
+import { useNavigation } from '@react-navigation/native';
 import { notificationService } from '../../infrastructure/services/NotificationService';
 
 export interface NotificationsSectionConfig {
@@ -22,14 +24,13 @@ export interface NotificationsSectionConfig {
 export interface NotificationsSectionProps {
   config?: NotificationsSectionConfig;
   containerStyle?: StyleProp<ViewStyle>;
-  onNavigate?: (route: string) => void;
 }
 
 export const NotificationsSection: React.FC<NotificationsSectionProps> = ({
   config,
   containerStyle,
-  onNavigate,
 }) => {
+  const navigation = useNavigation();
   const tokens = useAppDesignTokens();
   const styles = useMemo(() => createStyles(tokens), [tokens]);
 
@@ -54,14 +55,9 @@ export const NotificationsSection: React.FC<NotificationsSectionProps> = ({
   }, [config]);
 
   const handlePress = useCallback(async () => {
-    const hasPermissions = await notificationService.hasPermissions();
-    if (!hasPermissions) {
-      await notificationService.requestPermissions();
-    }
-    if (config?.route && onNavigate) {
-      onNavigate(config.route);
-    }
-  }, [config?.route, onNavigate]);
+    const route = config?.route || 'Notifications';
+    navigation.navigate(route as never);
+  }, [config?.route, navigation]);
 
   const title = config?.title || 'Notifications';
   const description = config?.description || 'Manage notification preferences';
@@ -78,7 +74,7 @@ export const NotificationsSection: React.FC<NotificationsSectionProps> = ({
         activeOpacity={0.7}
       >
         <View style={styles.iconContainer}>
-          <AtomicIcon name="bell" size="md" color="primary" />
+          <AtomicIcon name="notifications" size="md" color="primary" />
         </View>
         <View style={styles.textContainer}>
           <AtomicText type="bodyLarge">{title}</AtomicText>
@@ -93,7 +89,7 @@ export const NotificationsSection: React.FC<NotificationsSectionProps> = ({
             thumbColor={tokens.colors.surface}
           />
         ) : (
-          <AtomicIcon name="chevron-right" size="md" color="textSecondary" />
+          <AtomicIcon name="chevron-forward" size="md" color="textSecondary" />
         )}
       </TouchableOpacity>
     </View>

package/src/presentation/components/QuietHoursCard.tsx

@@ -54,7 +54,7 @@ export const QuietHoursCard: React.FC<QuietHoursCardProps> = ({
           </TouchableOpacity>
 
           <View style={styles.timeSeparator}>
-            <AtomicIcon name="arrow-right" size="sm" color="textSecondary" />
+            <AtomicIcon name="arrow-forward" size="sm" color="textSecondary" />
           </View>
 
           <TouchableOpacity style={styles.timeButton} onPress={onEndTimePress} activeOpacity={0.7}>

package/src/presentation/components/ReminderItem.tsx

@@ -32,10 +32,10 @@ const getFrequencyIcon = (frequency: ReminderFrequency): string => {
   const icons: Record<ReminderFrequency, string> = {
     once: 'calendar',
     daily: 'repeat',
-    weekly: 'calendar-days',
-    monthly: 'calendar-range',
+    weekly: 'calendar',
+    monthly: 'calendar',
   };
-  return icons[frequency] || 'bell';
+  return icons[frequency] || 'notifications';
 };
 
 export const ReminderItem: React.FC<ReminderItemProps> = ({
@@ -85,7 +85,7 @@ export const ReminderItem: React.FC<ReminderItemProps> = ({
 
       <View style={styles.actions}>
         <TouchableOpacity style={styles.deleteButton} onPress={() => onDelete(reminder.id)}>
-          <AtomicIcon name="trash-2" size="sm" color="error" />
+          <AtomicIcon name="trash" size="sm" color="error" />
         </TouchableOpacity>
         <AtomicSwitch value={reminder.enabled} onValueChange={() => onToggle(reminder.id)} />
       </View>

package/src/presentation/components/TimePresetSelector.tsx

@@ -68,7 +68,7 @@ export const TimePresetSelector: React.FC<TimePresetSelectorProps> = ({
         onPress={onSelectCustom}
         activeOpacity={0.7}
       >
-        <AtomicIcon name="clock" size="md" color={isCustomSelected ? 'surface' : 'textSecondary'} />
+        <AtomicIcon name="time" size="md" color={isCustomSelected ? 'surface' : 'textSecondary'} />
         <AtomicText type="bodySmall" style={isCustomSelected ? styles.selectedText : styles.text}>
           {customLabel}
         </AtomicText>

package/src/presentation/screens/NotificationSettingsScreen.tsx

@@ -77,7 +77,7 @@ export const NotificationSettingsScreen: React.FC<NotificationSettingsScreenProp
       <ScrollView style={styles.scrollView} showsVerticalScrollIndicator={false}>
         <AtomicCard style={styles.card}>
           <SettingRow
-            iconName="bell"
+            iconName="notifications"
             title={translations.masterToggleTitle}
             description={translations.masterToggleDescription}
             value={preferences.enabled}
@@ -90,7 +90,7 @@ export const NotificationSettingsScreen: React.FC<NotificationSettingsScreenProp
           <>
             <AtomicCard style={styles.card}>
               <SettingRow
-                iconName="volume-2"
+                iconName="volume-high"
                 title={translations.soundTitle}
                 description={translations.soundDescription}
                 value={preferences.sound}
@@ -99,7 +99,7 @@ export const NotificationSettingsScreen: React.FC<NotificationSettingsScreenProp
               />
               <View style={styles.divider} />
               <SettingRow
-                iconName="smartphone"
+                iconName="phone-portrait"
                 title={translations.vibrationTitle}
                 description={translations.vibrationDescription}
                 value={preferences.vibration}
@@ -111,7 +111,7 @@ export const NotificationSettingsScreen: React.FC<NotificationSettingsScreenProp
             <AtomicCard style={styles.card}>
               <TouchableOpacity style={styles.navRow} onPress={onRemindersPress} activeOpacity={0.7}>
                 <View style={styles.iconContainer}>
-                  <AtomicIcon name="clock" size="md" color="primary" />
+                  <AtomicIcon name="time" size="md" color="primary" />
                 </View>
                 <View style={styles.textContainer}>
                   <AtomicText type="bodyLarge">{translations.remindersTitle}</AtomicText>
@@ -122,7 +122,7 @@ export const NotificationSettingsScreen: React.FC<NotificationSettingsScreenProp
                     <AtomicText type="bodySmall" style={styles.badgeText}>{reminders.length}</AtomicText>
                   </View>
                 )}
-                <AtomicIcon name="chevron-right" size="md" color="textSecondary" />
+                <AtomicIcon name="chevron-forward" size="md" color="textSecondary" />
               </TouchableOpacity>
             </AtomicCard>
 

package/src/presentation/screens/NotificationsScreen.tsx

@@ -25,7 +25,7 @@ export interface NotificationsScreenProps {
 
 export const NotificationsScreen: React.FC<NotificationsScreenProps> = ({
   translations,
-  iconName = 'bell',
+  iconName = 'notifications',
   iconColor = 'primary',
   testID = 'notifications-screen',
 }) => {

package/src/presentation/screens/ReminderListScreen.tsx

@@ -65,7 +65,7 @@ export const ReminderListScreen: React.FC<ReminderListScreenProps> = ({
   const renderEmpty = useCallback(() => (
     <View style={styles.emptyContainer}>
       <View style={styles.emptyIconContainer}>
-        <AtomicIcon name="bell-off" size="xl" color="textSecondary" />
+        <AtomicIcon name="notifications-off" size="xl" color="textSecondary" />
       </View>
       <AtomicText type="bodyLarge" style={styles.emptyTitle}>{translations.emptyTitle}</AtomicText>
       <AtomicText type="bodySmall" style={styles.emptyDescription}>{translations.emptyDescription}</AtomicText>
@@ -97,7 +97,7 @@ export const ReminderListScreen: React.FC<ReminderListScreenProps> = ({
 
       {canAddMore && (
         <TouchableOpacity style={styles.fab} onPress={onAddPress} activeOpacity={0.8}>
-          <AtomicIcon name="plus" size="md" color="surface" />
+          <AtomicIcon name="add" size="md" color="surface" />
           <AtomicText type="bodyMedium" style={styles.fabText}>{translations.addButtonLabel}</AtomicText>
         </TouchableOpacity>
       )}