@umituz/react-native-notifications 1.5.6 → 1.5.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-notifications",
-  "version": "1.5.6",
+  "version": "1.5.8",
   "description": "Offline-first local notifications system for React Native apps using expo-notifications",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
@@ -24,25 +24,26 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/umituz/react-native-notifications"
+    "url": "git+https://github.com/umituz/react-native-notifications.git"
   },
   "peerDependencies": {
     "@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-haptics": "latest",
+    "@umituz/react-native-storage": "latest",
     "expo-device": ">=6.0.0",
     "expo-haptics": ">=15.0.0",
     "expo-linear-gradient": ">=14.0.0",
     "expo-notifications": ">=0.28.0",
     "react": ">=18.2.0",
     "react-native": ">=0.74.0",
-    "react-native-safe-area-context": ">=4.0.0",
-    "@umituz/react-native-storage": "latest"
+    "react-native-safe-area-context": ">=4.0.0"
   },
   "devDependencies": {
     "@react-native-async-storage/async-storage": "^2.1.0",
     "@react-native-community/datetimepicker": "^8.2.0",
+    "@types/react": "~19.1.0",
     "@umituz/react-native-design-system": "latest",
     "@umituz/react-native-haptics": "latest",
     "@umituz/react-native-storage": "latest",
@@ -50,7 +51,7 @@
     "expo-haptics": "~14.0.0",
     "expo-linear-gradient": "~14.0.0",
     "expo-notifications": "~0.27.6",
-    "@types/react": "~19.1.0",
+    "firebase": "^12.7.0",
     "typescript": "~5.9.2"
   },
   "publishConfig": {

package/src/domains/reminders/presentation/screens/ReminderListScreen.tsx

@@ -4,8 +4,8 @@
  */
 
 import React, { useEffect, useMemo, useCallback } from 'react';
-import { View, FlatList, StyleSheet, ActivityIndicator, TouchableOpacity } from 'react-native';
-import { AtomicText, AtomicIcon } from '@umituz/react-native-design-system';
+import { View, FlatList, StyleSheet, TouchableOpacity } from 'react-native';
+import { AtomicText, AtomicIcon, AtomicSpinner } from '@umituz/react-native-design-system';
 import { useAppDesignTokens } from '@umituz/react-native-design-system';
 import { ReminderItem } from '../components/ReminderItem';
 import { useRemindersStore, useReminders, useRemindersLoading } from '../../infrastructure/storage/RemindersStore';
@@ -77,7 +77,7 @@ export const ReminderListScreen: React.FC<ReminderListScreenProps> = ({
   if (isLoading) {
     return (
       <View style={[styles.loadingContainer, { backgroundColor: tokens.colors.surface }]}>
-        <ActivityIndicator size="large" color={tokens.colors.primary} />
+        <AtomicSpinner size="lg" color="primary" fullContainer />
       </View>
     );
   }

package/src/presentation/screens/NotificationSettingsScreen.tsx

@@ -4,8 +4,8 @@
  */
 
 import React, { useMemo, useState } from 'react';
-import { View, StyleSheet, ActivityIndicator, TouchableOpacity } from 'react-native';
-import { AtomicText, AtomicIcon, AtomicCard, ScreenLayout } from '@umituz/react-native-design-system';
+import { View, StyleSheet, TouchableOpacity } from 'react-native';
+import { AtomicText, AtomicIcon, AtomicCard, ScreenLayout, AtomicSpinner } from '@umituz/react-native-design-system';
 import { useAppDesignTokens } from '@umituz/react-native-design-system';
 import { QuietHoursCard } from '../../domains/quietHours/presentation/components/QuietHoursCard';
 import { SettingRow } from '../components/SettingRow';
@@ -84,9 +84,7 @@ export const NotificationSettingsScreen: React.FC<NotificationSettingsScreenProp
   if (isLoading) {
     return (
       <ScreenLayout>
-        <View style={styles.loadingContainer}>
-          <ActivityIndicator size="large" color={tokens.colors.primary} />
-        </View>
+        <AtomicSpinner size="lg" color="primary" fullContainer />
       </ScreenLayout>
     );
   }

package/src/presentation/screens/NotificationsScreen.tsx

@@ -6,8 +6,8 @@
  */
 
 import React, { useMemo } from 'react';
-import { View, StyleSheet, ActivityIndicator } from 'react-native';
-import { AtomicIcon, AtomicCard, AtomicText, ScreenLayout, STATIC_TOKENS } from '@umituz/react-native-design-system';
+import { View, StyleSheet } from 'react-native';
+import { AtomicIcon, AtomicCard, AtomicText, ScreenLayout, STATIC_TOKENS, AtomicSpinner } from '@umituz/react-native-design-system';
 import { Switch } from 'react-native';
 import { useAppDesignTokens } from '@umituz/react-native-design-system';
 import { useNotificationSettings } from '../../infrastructure/hooks/useNotificationSettings';
@@ -37,15 +37,12 @@ export const NotificationsScreen: React.FC<NotificationsScreenProps> = ({
   if (isLoading) {
     return (
       <ScreenLayout testID={testID}>
-        <View style={styles.loadingContainer}>
-          <ActivityIndicator size="large" color={tokens.colors.primary} />
-          <AtomicText
-            type="bodyMedium"
-            style={{ color: tokens.colors.textSecondary, marginTop: STATIC_TOKENS.spacing.md }}
-          >
-            {translations.loadingText || 'Loading...'}
-          </AtomicText>
-        </View>
+        <AtomicSpinner
+          size="lg"
+          color="primary"
+          text={translations.loadingText || 'Loading...'}
+          fullContainer
+        />
       </ScreenLayout>
     );
   }