@umituz/react-native-exception 1.2.19 → 1.2.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-exception",
-  "version": "1.2.19",
+  "version": "1.2.20",
   "description": "Exception handling and error tracking for React Native apps",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
@@ -25,16 +25,16 @@
     "url": "https://github.com/umituz/react-native-exception"
   },
   "peerDependencies": {
+    "@umituz/react-native-design-system": "latest",
     "@umituz/react-native-firebase": "latest",
-    "@umituz/react-native-firebase-auth": "latest",
     "@umituz/react-native-storage": "latest",
     "@umituz/react-native-uuid": "latest",
     "react": ">=18.2.0",
     "react-native": ">=0.74.0"
   },
   "devDependencies": {
+    "@umituz/react-native-design-system": "latest",
     "@umituz/react-native-firebase": "latest",
-    "@umituz/react-native-firebase-auth": "latest",
     "@umituz/react-native-storage": "latest",
     "@umituz/react-native-uuid": "latest",
     "@types/react": "~19.1.10",

package/src/domain/entities/ExceptionEntity.ts

@@ -13,7 +13,7 @@ export interface ExceptionContext {
   screen?: string;
   action?: string;
   componentStack?: string;
-  metadata?: Record<string, any>;
+  metadata?: Record<string, unknown>;
 }
 
 export interface ExceptionEntity {

package/src/infrastructure/services/ExceptionHandler.ts

@@ -83,8 +83,8 @@ export class ExceptionHandler {
     // Remove sensitive fields
     const sensitiveFields = ['password', 'token', 'apiKey', 'secret'];
     sensitiveFields.forEach(field => {
-      if (sanitized[field as keyof ExceptionContext]) {
-        (sanitized as any)[field] = '***';
+      if (sanitized.metadata && sanitized.metadata[field]) {
+        sanitized.metadata = { ...sanitized.metadata, [field]: '***' };
       }
     });
 

package/src/infrastructure/services/ExceptionLogger.ts

@@ -10,6 +10,7 @@
 
 import type { ExceptionEntity } from '../../domain/entities/ExceptionEntity';
 import { ExceptionHandler } from './ExceptionHandler';
+import { storageRepository } from '@umituz/react-native-storage';
 
 export class ExceptionLogger {
   private static readonly STORAGE_KEY = '@exceptions';
@@ -31,7 +32,7 @@ export class ExceptionLogger {
         existingExceptions.splice(this.maxStoredExceptions);
       }
 
-      await this.setStorageItem(ExceptionLogger.STORAGE_KEY, JSON.stringify(existingExceptions));
+      await storageRepository.setString(ExceptionLogger.STORAGE_KEY, JSON.stringify(existingExceptions));
     } catch (error) {
       // Fallback to console if storage fails
       console.error('Failed to log exception:', error);
@@ -43,8 +44,11 @@ export class ExceptionLogger {
    */
   async getStoredExceptions(): Promise<ExceptionEntity[]> {
     try {
-      const stored = await this.getStorageItem(ExceptionLogger.STORAGE_KEY);
-      return stored ? JSON.parse(stored) : [];
+      const result = await storageRepository.getString(ExceptionLogger.STORAGE_KEY, '[]');
+      if (result.success) {
+        return JSON.parse(result.data);
+      }
+      return [];
     } catch (error) {
       console.warn('Failed to get stored exceptions:', error);
       return [];
@@ -56,7 +60,7 @@ export class ExceptionLogger {
    */
   async clearStoredExceptions(): Promise<void> {
     try {
-      await this.setStorageItem(ExceptionLogger.STORAGE_KEY, JSON.stringify([]));
+      await storageRepository.setString(ExceptionLogger.STORAGE_KEY, '[]');
     } catch (error) {
       console.warn('Failed to clear stored exceptions:', error);
     }
@@ -135,25 +139,4 @@ export class ExceptionLogger {
   setMaxStoredExceptions(limit: number): void {
     this.maxStoredExceptions = Math.max(1, limit);
   }
-
-  /**
-   * Storage abstraction (can be overridden for different storage backends)
-   */
-  protected async getStorageItem(key: string): Promise<string | null> {
-    // Default implementation using localStorage/globalThis for web, AsyncStorage for RN
-    const g = globalThis as any;
-    if (typeof g !== 'undefined' && g.localStorage) {
-      return g.localStorage.getItem(key);
-    }
-    // For React Native, this would be overridden
-    return null;
-  }
-
-  protected async setStorageItem(key: string, value: string): Promise<void> {
-    const g = globalThis as any;
-    if (typeof g !== 'undefined' && g.localStorage) {
-      g.localStorage.setItem(key, value);
-    }
-    // For React Native, this would be overridden
-  }
 }

package/src/infrastructure/services/ExceptionService.ts

@@ -126,15 +126,15 @@ export class ExceptionService {
   /**
    * Handle storage/permission errors
    */
-  handleStorageError(error: Error, context: ExceptionContext = {}): void {
-    this.handleException(error, 'error', 'storage', context);
+  async handleStorageError(error: Error, context: ExceptionContext = {}): Promise<void> {
+    await this.handleException(error, 'error', 'storage', context);
   }
 
   /**
    * Handle fatal errors
    */
-  handleFatalError(error: Error, context: ExceptionContext = {}): void {
-    this.handleException(error, 'fatal', 'system', context);
+  async handleFatalError(error: Error, context: ExceptionContext = {}): Promise<void> {
+    await this.handleException(error, 'fatal', 'system', context);
   }
 
   /**
@@ -145,25 +145,10 @@ export class ExceptionService {
   }
 }
 
-// Export for backward compatibility - create default instance
+// Export default instance
 export const exceptionService = new ExceptionService();
 
 
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-

package/src/infrastructure/storage/ExceptionStore.ts

@@ -22,14 +22,14 @@ export const useExceptionStore = createStore<ExceptionState, ExceptionActions>({
         exceptions: [],
     },
     persist: false,
-    actions: (set, get) => ({
+    actions: (set: (state: Partial<ExceptionState>) => void, get: () => ExceptionState) => ({
         addException: (exception: ExceptionEntity) =>
             set({ exceptions: [...get().exceptions, exception] }),
         clearExceptions: () => set({ exceptions: [] }),
         markAsHandled: (id: string) =>
             set({
-                exceptions: get().exceptions.map((e) =>
-                    e.id === id ? { ...e, isHandled: true } : e
+                exceptions: get().exceptions.map((e: ExceptionEntity) =>
+                    e.id === id ? { ...e, handled: true } : e
                 ),
             }),
     }),
@@ -39,6 +39,6 @@ export const useExceptionStore = createStore<ExceptionState, ExceptionActions>({
  * Hook to get exceptions from store
  */
 export const useExceptions = () => {
-    const exceptions = useExceptionStore((state) => state.exceptions);
+    const exceptions = useExceptionStore((state: ExceptionState) => state.exceptions);
     return exceptions;
 };

package/src/presentation/components/EmptyState.tsx

@@ -84,35 +84,35 @@ export const EmptyState: React.FC<EmptyStateProps> = ({
 };
 
 const styles = StyleSheet.create({
+  actionButton: {
+    borderRadius: STATIC_TOKENS.borders.radius.md,
+    marginTop: STATIC_TOKENS.spacing.sm,
+    paddingHorizontal: STATIC_TOKENS.spacing.lg,
+    paddingVertical: STATIC_TOKENS.spacing.md,
+  },
+  actionButtonText: {
+    // AtomicText handles typography
+  },
   container: {
-    flex: 1,
     alignItems: "center",
+    flex: 1,
     justifyContent: "center",
     padding: STATIC_TOKENS.spacing.xl,
   },
+  description: {
+    marginBottom: STATIC_TOKENS.spacing.lg,
+    maxWidth: 280,
+  },
   iconContainer: {
-    width: 120,
-    height: 120,
-    borderRadius: 60,
     alignItems: "center",
+    borderRadius: 60,
+    height: 120,
     justifyContent: "center",
     marginBottom: STATIC_TOKENS.spacing.lg,
+    width: 120,
   },
   title: {
     marginBottom: STATIC_TOKENS.spacing.sm,
   },
-  description: {
-    marginBottom: STATIC_TOKENS.spacing.lg,
-    maxWidth: 280,
-  },
-  actionButton: {
-    paddingHorizontal: STATIC_TOKENS.spacing.lg,
-    paddingVertical: STATIC_TOKENS.spacing.md,
-    borderRadius: STATIC_TOKENS.borders.radius.md,
-    marginTop: STATIC_TOKENS.spacing.sm,
-  },
-  actionButtonText: {
-    // AtomicText handles typography
-  },
 });
 

package/src/presentation/components/ErrorBoundary.tsx

@@ -94,42 +94,36 @@ const ErrorDisplay: React.FC<ErrorDisplayProps> = ({ error, onReset }) => {
 
 const getStyles = (tokens: ReturnType<typeof useAppDesignTokens>) =>
   StyleSheet.create({
-    container: {
-      flex: 1,
-      justifyContent: 'center',
-      alignItems: 'center',
-      padding: tokens.spacing.lg,
-      backgroundColor: tokens.colors.backgroundPrimary,
-    },
-    title: {
-      fontSize: tokens.typography.headlineSmall.fontSize,
-      fontWeight: tokens.typography.headlineSmall.fontWeight,
-      marginBottom: tokens.spacing.sm,
-      color: tokens.colors.textPrimary,
-    },
-    message: {
-      fontSize: tokens.typography.bodyLarge.fontSize,
-      color: tokens.colors.textSecondary,
-      textAlign: 'center',
-      marginBottom: tokens.spacing.lg,
-    },
     button: {
       backgroundColor: tokens.colors.primary,
+      borderRadius: tokens.borders.radius.sm,
       paddingHorizontal: tokens.spacing.lg,
       paddingVertical: tokens.spacing.sm,
-      borderRadius: tokens.borders.radius.sm,
     },
     buttonText: {
       color: tokens.colors.textInverse,
       fontSize: tokens.typography.bodyLarge.fontSize,
       fontWeight: tokens.typography.labelLarge.fontWeight,
     },
+    container: {
+      alignItems: 'center',
+      backgroundColor: tokens.colors.backgroundPrimary,
+      flex: 1,
+      justifyContent: 'center',
+      padding: tokens.spacing.lg,
+    },
+    message: {
+      color: tokens.colors.textSecondary,
+      fontSize: tokens.typography.bodyLarge.fontSize,
+      marginBottom: tokens.spacing.lg,
+      textAlign: 'center',
+    },
+    title: {
+      color: tokens.colors.textPrimary,
+      fontSize: tokens.typography.headlineSmall.fontSize,
+      fontWeight: tokens.typography.headlineSmall.fontWeight,
+      marginBottom: tokens.spacing.sm,
+    },
   });
 
 
-
-
-
-
-
-

package/src/presentation/components/ErrorState.tsx

@@ -47,7 +47,7 @@ export const ErrorState: React.FC<ErrorStateProps> = ({
         <View
           style={[styles.iconContainer, { backgroundColor: tokens.colors.surface }]}
         >
-          <AtomicIcon name={icon as any} size="xxl" color="secondary" />
+          <AtomicIcon name={icon as never} size="xxl" color="secondary" />
         </View>
       )}
 
@@ -78,36 +78,36 @@ export const ErrorState: React.FC<ErrorStateProps> = ({
 };
 
 const styles = StyleSheet.create({
+  actionButton: {
+    alignItems: "center",
+    borderRadius: STATIC_TOKENS.borders.radius.full,
+    flexDirection: "row",
+    gap: STATIC_TOKENS.spacing.sm,
+    marginTop: STATIC_TOKENS.spacing.sm,
+    paddingHorizontal: STATIC_TOKENS.spacing.lg,
+    paddingVertical: STATIC_TOKENS.spacing.md,
+  },
   container: {
-    flex: 1,
     alignItems: "center",
+    flex: 1,
     justifyContent: "center",
     padding: STATIC_TOKENS.spacing.xl,
   },
+  description: {
+    marginBottom: STATIC_TOKENS.spacing.lg,
+    maxWidth: 280,
+    textAlign: "center",
+  },
   iconContainer: {
-    width: 120,
-    height: 120,
-    borderRadius: 60,
     alignItems: "center",
+    borderRadius: 60,
+    height: 120,
     justifyContent: "center",
     marginBottom: STATIC_TOKENS.spacing.lg,
+    width: 120,
   },
   title: {
     marginBottom: STATIC_TOKENS.spacing.sm,
     textAlign: "center",
   },
-  description: {
-    marginBottom: STATIC_TOKENS.spacing.lg,
-    maxWidth: 280,
-    textAlign: "center",
-  },
-  actionButton: {
-    flexDirection: "row",
-    alignItems: "center",
-    paddingHorizontal: STATIC_TOKENS.spacing.lg,
-    paddingVertical: STATIC_TOKENS.spacing.md,
-    borderRadius: STATIC_TOKENS.borders.radius.full,
-    marginTop: STATIC_TOKENS.spacing.sm,
-    gap: STATIC_TOKENS.spacing.sm,
-  },
 });