@umituz/react-native-design-system 2.8.21 → 2.8.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "2.8.21",
+  "version": "2.8.23",
   "description": "Universal design system for React Native apps - Consolidated package with atoms, molecules, organisms, theme, typography, responsive, safe area, exception, infinite scroll, UUID, image, timezone, offline, and onboarding utilities",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/exception/presentation/components/ErrorBoundary.tsx

@@ -4,7 +4,8 @@
  */
 
 import React, { Component, ReactNode } from 'react';
-import { View, Text, StyleSheet, TouchableOpacity } from 'react-native';
+import { View, StyleSheet, TouchableOpacity } from 'react-native';
+import { AtomicText } from '../../../atoms';
 import { exceptionService } from '../../infrastructure/services/ExceptionService';
 import { useAppDesignTokens } from '../../../theme';
 
@@ -35,7 +36,7 @@ export class ErrorBoundary extends Component<Props, State> {
     };
   }
 
-  componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void {
+  override componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void {
     // Log error to exception service
     exceptionService.handleFatalError(error, {
       componentStack: errorInfo.componentStack ?? undefined,
@@ -55,7 +56,7 @@ export class ErrorBoundary extends Component<Props, State> {
     });
   };
 
-  render(): ReactNode {
+  override render(): ReactNode {
     if (this.state.hasError) {
       if (this.props.fallback) {
         return this.props.fallback;
@@ -81,12 +82,12 @@ const ErrorDisplay: React.FC<ErrorDisplayProps> = ({ error, onReset }) => {
 
   return (
     <View style={styles.container}>
-      <Text style={styles.title}>Something went wrong</Text>
-      <Text style={styles.message}>
+      <AtomicText style={styles.title}>Something went wrong</AtomicText>
+      <AtomicText style={styles.message}>
         {error?.message || 'An unexpected error occurred'}
-      </Text>
+      </AtomicText>
       <TouchableOpacity style={styles.button} onPress={onReset}>
-        <Text style={styles.buttonText}>Try Again</Text>
+        <AtomicText style={styles.buttonText}>Try Again</AtomicText>
       </TouchableOpacity>
     </View>
   );

package/src/filesystem/infrastructure/services/file-reader.service.ts

@@ -3,9 +3,8 @@
  * Single Responsibility: Read files from device storage
  */
 
-import { File } from "expo-file-system";
+import * as FileSystem from "expo-file-system/legacy";
 import type { FileEncoding } from "../../domain/entities/File";
-import { blobToBase64 } from "../utils/blob.utils";
 
 /**
  * Read file as string with encoding
@@ -15,29 +14,9 @@ export async function readFile(
   encoding: FileEncoding = "utf8",
 ): Promise<string | null> {
   try {
-    // For file:// URLs, try fetch first (works in React Native)
-    if (uri.startsWith("file://")) {
-      try {
-        const response = await fetch(uri);
-        if (response.ok) {
-          if (encoding === "base64") {
-            const blob = await response.blob();
-            return await blobToBase64(blob);
-          }
-          return await response.text();
-        }
-      } catch {
-        // Fall through to FileSystem API
-      }
-    }
-
-    // Use FileSystem API as fallback
-    const file = new File(uri);
-    if (encoding === "base64") {
-      const content = await file.base64();
-      return content;
-    }
-    const content = await file.text();
+    const content = await FileSystem.readAsStringAsync(uri, {
+      encoding: encoding === "base64" ? FileSystem.EncodingType.Base64 : FileSystem.EncodingType.UTF8,
+    });
     return content;
   } catch {
     return null;

package/src/offline/presentation/components/OfflineBanner.tsx

@@ -28,12 +28,12 @@
 import React, { useEffect, useRef, memo } from 'react';
 import {
   View,
-  Text,
   Animated,
   StyleSheet,
   type ViewStyle,
   type TextStyle,
 } from 'react-native';
+import { AtomicText } from '../../../atoms';
 
 export interface OfflineBannerProps {
   /** Whether the banner is visible */
@@ -126,11 +126,11 @@ export const OfflineBanner: React.FC<OfflineBannerProps> = memo(({
     >
       <View style={styles.content}>
         {typeof icon === 'string' ? (
-          <Text style={styles.icon}>{icon}</Text>
+          <AtomicText style={styles.icon}>{icon}</AtomicText>
         ) : (
           icon
         )}
-        <Text
+        <AtomicText
           style={[
             styles.message,
             { color: textColor },
@@ -139,7 +139,7 @@ export const OfflineBanner: React.FC<OfflineBannerProps> = memo(({
           numberOfLines={1}
         >
           {message}
-        </Text>
+        </AtomicText>
       </View>
     </Animated.View>
   );