@umituz/react-native-design-system 4.23.81 → 4.23.83

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "4.23.81",
+  "version": "4.23.83",
   "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, onboarding, and loading utilities",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
@@ -116,7 +116,7 @@
     "@testing-library/react": "^16.3.1",
     "@testing-library/react-native": "^13.3.3",
     "@types/jest": "^30.0.0",
-    "@types/react": "~19.1.10",
+    "@types/react": "~19.2.4",
     "@types/react-native": "^0.73.0",
     "@typescript-eslint/eslint-plugin": "^8.50.1",
     "@typescript-eslint/parser": "^8.50.1",
@@ -142,7 +142,7 @@
     "expo-secure-store": "~15.0.8",
     "expo-sharing": "~14.0.8",
     "expo-video": "~3.0.15",
-    "react": "19.1.0",
+    "react": "19.2.4",
     "react-native": "0.81.4",
     "react-native-gesture-handler": "^2.20.0",
     "react-native-safe-area-context": "^5.6.0",

package/src/atoms/icon/AtomicIcon.tsx

@@ -122,6 +122,7 @@ export const AtomicIcon: React.FC<AtomicIconProps> = React.memo(
     // No icon renderer provided - warn in dev and render nothing
     if (!iconRenderer) {
       if (__DEV__) {
+        console.warn(
           '[DesignSystem] AtomicIcon requires an iconRenderer in DesignSystemProvider.\n' +
             'Example:\n' +
             '<DesignSystemProvider\n' +

package/src/atoms/icon/iconStore.ts

@@ -75,6 +75,7 @@ export const useIconStore = create<IconStore>((set) => ({
     if (__DEV__) {
       const missingKeys = REQUIRED_ICON_KEYS.filter(key => !iconNames[key]);
       if (missingKeys.length > 0) {
+        console.warn(
           `[DesignSystem] Missing icon names: ${missingKeys.join(', ')}`
         );
       }
@@ -100,6 +101,7 @@ export const useIconName = (key: keyof IconNames): string => {
 
   if (!iconNames) {
     if (__DEV__) {
+      console.warn(
         `[DesignSystem] useIconName("${key}") - iconNames not configured.`
       );
     }

package/src/device/infrastructure/services/PersistentDeviceIdService.ts

@@ -43,6 +43,7 @@ export class PersistentDeviceIdService {
 
       if (secureId) {
         if (__DEV__) {
+          console.log(`[DesignSystem] Device ID: Using secure ID: ${secureId}`);
         }
         cachedDeviceId = secureId;
         return secureId;
@@ -53,12 +54,14 @@ export class PersistentDeviceIdService {
       await this.secureRepo.set(newId);
 
       if (__DEV__) {
+        console.log(`[DesignSystem] Device ID: Created new ID: ${newId}`);
       }
 
       cachedDeviceId = newId;
       return newId;
     } catch (error) {
       if (__DEV__) {
+        console.error('[DesignSystem] Device ID: Initialization failed', error);
       }
       const fallbackId = `fallback_${generateUUID()}`;
       cachedDeviceId = fallbackId;
@@ -100,6 +103,7 @@ export class PersistentDeviceIdService {
       cachedDeviceId = null;
       initializationPromise = null;
       if (__DEV__) {
+        console.log('[DesignSystem] Device ID: Stored ID cleared');
       }
     } catch {
       // Silent fail

package/src/haptics/infrastructure/services/HapticService.ts

@@ -16,6 +16,7 @@ import type { ImpactStyle, NotificationType, HapticPattern } from '../../domain/
  */
 function logError(method: string, error: unknown): void {
   if (process.env.NODE_ENV === 'development') {
+    console.error(`[DesignSystem] HapticService.${method} error:`, error);
   }
 }
 

package/src/init/createAppInitializer.ts

@@ -43,6 +43,7 @@ export function createAppInitializer(
 
   const log = (message: string, ...args: unknown[]) => {
     if (debug) {
+      console.log(`[AppInitializer] ${message}`, ...args);
     }
   };
 

package/src/layouts/Grid/Grid.tsx

@@ -78,17 +78,22 @@ export const Grid: React.FC<GridProps> = ({
 
   return (
     <View style={[styles.container, style]} testID={testID}>
-      {childArray.map((child, index) => (
-        <View
-          key={index}
-          style={{
-            flex: columns ? 1 / columns - 0.01 : undefined,
-            minWidth: columns ? `${100 / columns - 1}%` : undefined,
-          }}
-        >
-          {child}
-        </View>
-      ))}
+      {childArray.map((child, index) => {
+        // Use child's key if available, otherwise use index
+        const key = (child as React.ReactElement).key || `grid-item-${index}`;
+
+        return (
+          <View
+            key={key}
+            style={{
+              flex: columns ? 1 / columns - 0.01 : undefined,
+              minWidth: columns ? `${100 / columns - 1}%` : undefined,
+            }}
+          >
+            {child}
+          </View>
+        );
+      })}
     </View>
   );
 };

package/src/media/infrastructure/services/CardMediaOptimizerService.ts

@@ -30,6 +30,7 @@ export class CardMediaOptimizerService {
    */
   async deleteMedia(attachmentId: string): Promise<void> {
     if (__DEV__) {
+      console.log(`[DesignSystem] CardMediaOptimizerService: Deleting media ${attachmentId}`);
     }
   }
 }

package/src/media/infrastructure/utils/file-media-utils.ts

@@ -74,16 +74,33 @@ export const downloadMediaToFile = async (url: string, isVideo: boolean): Promis
   const filename = `media_${timestamp}.${extension}`;
   const file = new ExpoFile(Paths.cache, filename);
 
-  const response = await fetch(url);
-  if (!response.ok) {
-    throw new Error(`Failed to download media: ${response.statusText}`);
-  }
+  // Create abort controller for timeout
+  const controller = new AbortController();
+  const timeoutId = setTimeout(() => controller.abort(), 30000); // 30 second timeout
 
-  const arrayBuffer = await response.arrayBuffer();
-  const bytes = new Uint8Array(arrayBuffer);
-  file.write(bytes);
+  try {
+    const response = await fetch(url, { signal: controller.signal });
+    clearTimeout(timeoutId);
 
-  return file.uri;
+    if (!response.ok) {
+      throw new Error(`Failed to download media: ${response.statusText}`);
+    }
+
+    const arrayBuffer = await response.arrayBuffer();
+    const bytes = new Uint8Array(arrayBuffer);
+    file.write(bytes);
+
+    return file.uri;
+  } catch (error) {
+    // Clear timeout if error occurs
+    clearTimeout(timeoutId);
+
+    if (error instanceof Error && error.name === 'AbortError') {
+      throw new Error('Download timeout - request took longer than 30 seconds');
+    }
+
+    throw error;
+  }
 };
 
 export interface SaveToGalleryResult {

package/src/molecules/BaseModal.tsx

@@ -38,6 +38,7 @@ export const BaseModal: React.FC<BaseModalProps> = ({
   // Debug logging for modal visibility
   useEffect(() => {
     if (__DEV__) {
+      console.log({
         visible,
         testID,
         modalWidth: modalLayout.width,

package/src/molecules/bottom-sheet/components/BottomSheetModal.tsx

@@ -32,6 +32,7 @@ export const BottomSheetModal = forwardRef<BottomSheetModalRef, BottomSheetModal
 
     useEffect(() => {
       if (__DEV__) {
+        console.log({
           visible,
           preset,
           hasChildren: !!children,

package/src/molecules/navigation/StackNavigator.tsx

@@ -28,6 +28,7 @@ export function StackNavigator<T extends ParamListBase>({ config }: StackNavigat
         NavigationValidator.validateInitialRoute(config.initialRouteName, config.screens);
     } catch (error) {
         if (__DEV__) {
+            console.error("[DesignSystem] StackNavigator validation failed:", error);
         }
     }
 

package/src/molecules/navigation/TabsNavigator.tsx

@@ -34,6 +34,7 @@ export function TabsNavigator<T extends ParamListBase>({
         );
     } catch (error) {
         if (__DEV__) {
+            console.error("[DesignSystem] TabsNavigator validation failed:", error);
         }
     }
 

package/src/molecules/navigation/types.ts

@@ -30,9 +30,9 @@ export interface BaseScreen<T extends ParamListBase = ParamListBase> {
   /** Unique name identifier for the screen */
   name: Extract<keyof T, string>;
   /** React component to render for this screen */
-  component?: React.ComponentType<Record<string, unknown>>;
+  component?: React.ComponentType<any>;
   /** Render function for children (alternative to component) */
-  children?: (props: Record<string, unknown>) => React.ReactNode;
+  children?: (props: any) => React.ReactNode;
 }
 
 /**

package/src/molecules/swipe-actions/presentation/components/SwipeActionButton.tsx

@@ -65,7 +65,20 @@ export const SwipeActionButton: React.FC<SwipeActionButtonProps> = ({
   const enableHaptics = action.enableHaptics !== false;
 
   // Get background color from theme or custom
-  const backgroundColor = customColor || (colorKey ? (tokens.colors[colorKey as keyof typeof tokens.colors] as string) : tokens.colors.primary);
+  // Type-safe color lookup with fallback
+  const getBackgroundColor = (): string => {
+    if (customColor) {
+      return customColor;
+    }
+
+    if (colorKey && colorKey in tokens.colors) {
+      return tokens.colors[colorKey as keyof typeof tokens.colors];
+    }
+
+    return tokens.colors.primary;
+  };
+
+  const backgroundColor = getBackgroundColor();
 
   const handlePress = async () => {
     // Trigger haptic feedback

package/src/offline/infrastructure/events/NetworkEvents.ts

@@ -35,8 +35,9 @@ class NetworkEventEmitter implements NetworkEvents {
     this.listeners.get(event)?.forEach((listener) => {
       try {
         listener(state);
-      } catch (error) {
+      } catch (_error) {
         if (__DEV__) {
+          console.error('[DesignSystem] PersistentDeviceIdService: Initialization failed', _error);
         }
       }
     });

package/src/offline/infrastructure/utils/healthCheck.ts

@@ -50,7 +50,7 @@ export class HealthCheck {
       }
 
       return isHealthy;
-    } catch (error) {
+    } catch (_error) {
       if (this.config.debug) {
       }
 

package/src/offline/presentation/hooks/useOffline.ts

@@ -56,7 +56,7 @@ export const useOffline = (config?: OfflineConfig) => {
 
     networkEvents.emit('change', networkState);
     previousStateRef.current = networkState;
-  }, [store]);
+  }, [store, previousStateRef]);
 
   useEffect(() => {
     if (isInitialized.current) return;
@@ -70,8 +70,9 @@ export const useOffline = (config?: OfflineConfig) => {
           isInitialized.current = true;
         }
       })
-      .catch((error: Error) => {
+      .catch((_error: Error) => {
         if (isMountedRef.current && (__DEV__ || mergedConfig.debug)) {
+          console.error('[DesignSystem] useOffline: Failed to get initial network state', _error);
         }
       });
 

package/src/offline/presentation/hooks/useOfflineWithMutations.ts

@@ -20,7 +20,7 @@ export const useOfflineWithMutations = (onOnline: () => Promise<void>) => {
       if (__DEV__) {
       }
       await onOnline();
-    } catch (error) {
+    } catch (_error) {
       if (__DEV__) {
       }
     } finally {

package/src/onboarding/infrastructure/storage/actions/storageHelpers.ts

@@ -52,7 +52,7 @@ export function handleError(error: unknown, context: string): string {
   return message;
 }
 
-export function logSuccess(message: string): void {
+export function logSuccess(_message: string): void {
   if (__DEV__) {
   }
 }

package/src/onboarding/presentation/hooks/useOnboardingScreenHandlers.ts

@@ -58,7 +58,7 @@ export function useOnboardingScreenHandlers({
           loadAnswerForSlide(nextSlide);
         }
       }
-    } catch (error) {
+    } catch (_error) {
       if (__DEV__) {
       }
     }
@@ -98,7 +98,7 @@ export function useOnboardingScreenHandlers({
   const handleSkip = useCallback(async () => {
     try {
       await skipOnboarding();
-    } catch (error) {
+    } catch (_error) {
       if (__DEV__) {
       }
     }

package/src/storage/cache/domain/__tests__/ErrorHandler.test.ts

@@ -56,7 +56,7 @@ describe('ErrorHandler', () => {
       
       try {
         ErrorHandler.handle(originalError, 'test context');
-      } catch (error) {
+      } catch (_error) {
         expect((error as CacheError).message).toBe('test context: Regular error');
         expect((error as CacheError).code).toBe('CACHE_ERROR');
       }
@@ -67,7 +67,7 @@ describe('ErrorHandler', () => {
       
       try {
         ErrorHandler.handle(unknownError, 'test context');
-      } catch (error) {
+      } catch (_error) {
         expect((error as CacheError).message).toBe('test context: Unknown error');
         expect((error as CacheError).code).toBe('UNKNOWN_ERROR');
       }
@@ -76,7 +76,7 @@ describe('ErrorHandler', () => {
     test('should handle null error', () => {
       try {
         ErrorHandler.handle(null, 'test context');
-      } catch (error) {
+      } catch (_error) {
         expect((error as CacheError).message).toBe('test context: Unknown error');
         expect((error as CacheError).code).toBe('UNKNOWN_ERROR');
       }
@@ -85,7 +85,7 @@ describe('ErrorHandler', () => {
     test('should handle undefined error', () => {
       try {
         ErrorHandler.handle(undefined, 'test context');
-      } catch (error) {
+      } catch (_error) {
         expect((error as CacheError).message).toBe('test context: Unknown error');
         expect((error as CacheError).code).toBe('UNKNOWN_ERROR');
       }
@@ -97,7 +97,7 @@ describe('ErrorHandler', () => {
       
       try {
         ErrorHandler.handle(originalError, 'test context');
-      } catch (error) {
+      } catch (_error) {
         const cacheError = error as CacheError;
         expect(cacheError.message).toBe('test context: Original error');
         expect(cacheError.code).toBe('CACHE_ERROR');
@@ -135,7 +135,7 @@ describe('ErrorHandler', () => {
       
       try {
         await ErrorHandler.withTimeout(promise, 1000, 'test context');
-      } catch (error) {
+      } catch (_error) {
         expect((error as CacheError).message).toBe('test context: Operation timed out after 1000ms');
         expect((error as CacheError).code).toBe('TIMEOUT');
       }
@@ -154,7 +154,7 @@ describe('ErrorHandler', () => {
       
       try {
         await ErrorHandler.withTimeout(promise, 1000, 'test context');
-      } catch (error) {
+      } catch (_error) {
         expect((error as CacheError).message).toBe('test context: Promise rejected');
         expect((error as CacheError).code).toBe('CACHE_ERROR');
       }
@@ -261,7 +261,7 @@ describe('ErrorHandler', () => {
       
       try {
         await ErrorHandler.withTimeout(promise, 1000, 'test');
-      } catch (error) {
+      } catch (_error) {
         expect((error as CacheError).code).toBe('TIMEOUT');
       }
     });

package/src/storage/domain/utils/devUtils.ts

@@ -11,24 +11,25 @@ export const isDev = (): boolean => {
 
 /**
  * Log warning in development mode only
+ * All logs are disabled
  */
-export const devWarn = (message: string, ...args: unknown[]): void => {
-  if (__DEV__) {
-  }
+export const devWarn = (_message: string, ..._args: unknown[]): void => {
+  // Disabled
 };
 
 /**
  * Log error in development mode only
+ * All logs are disabled
  */
-export const devError = (message: string, ...args: unknown[]): void => {
-  if (__DEV__) {
-  }
+export const devError = (_message: string, ..._args: unknown[]): void => {
+  // Disabled
 };
 
 /**
  * Log info in development mode only
+ * All logs are disabled
  */
-export const devLog = (message: string, ...args: unknown[]): void => {
-  if (__DEV__) {
-  }
+export const devLog = (_message: string, ..._args: unknown[]): void => {
+  // Disabled
 };
+

package/src/storage/infrastructure/adapters/StorageService.ts

@@ -20,9 +20,6 @@ export const storageService: StateStorage = {
     } catch (error) {
       const errorMessage = `StorageService: Failed to get item "${name}"`;
       devWarn(errorMessage, error);
-      // Also log in production for debugging
-      if (!__DEV__) {
-      }
       return null;
     }
   },
@@ -33,9 +30,6 @@ export const storageService: StateStorage = {
     } catch (error) {
       const errorMessage = `StorageService: Failed to set item "${name}"`;
       devWarn(errorMessage, error);
-      // Also log in production for debugging
-      if (!__DEV__) {
-      }
     }
   },
 
@@ -45,9 +39,6 @@ export const storageService: StateStorage = {
     } catch (error) {
       const errorMessage = `StorageService: Failed to remove item "${name}"`;
       devWarn(errorMessage, error);
-      // Also log in production for debugging
-      if (!__DEV__) {
-      }
     }
   },
 };

package/src/storage/infrastructure/repositories/BaseStorageOperations.ts

@@ -83,9 +83,6 @@ export class BaseStorageOperations {
     } catch (error) {
       const errorMessage = `BaseStorageOperations: Failed to check if key "${key}" exists`;
       devWarn(errorMessage, error);
-      // Also log in production for debugging
-      if (!__DEV__) {
-      }
       return false;
     }
   }

package/src/tanstack/domain/config/QueryClientAccessor.ts

@@ -20,7 +20,7 @@ let globalQueryClient: QueryClient | null = null;
 export function setGlobalQueryClient(client: QueryClient): void {
     if (globalQueryClient && globalQueryClient !== client) {
         if (__DEV__) {
-            
+            console.warn(
                 '[TanStack] QueryClient instance changed. Ensure you are not creating multiple instances.',
             );
         }

package/src/tanstack/domain/repositories/RepositoryFactory.ts

@@ -43,7 +43,7 @@ class RepositoryFactoryClass {
   ): void {
     if (this.repositories.has(key)) {
       if (__DEV__) {
-        
+        console.warn(
           `[RepositoryFactory] Repository "${key}" is already registered. Overwriting.`,
         );
       }

package/src/tanstack/domain/utils/ErrorHelpers.ts

@@ -146,7 +146,7 @@ export function getErrorCode(error: unknown): string | null {
 /**
  * Log error in development
  */
-export function logError(context: string, error: unknown): void {
+export function logError(_context: string, _error: unknown): void {
   if (__DEV__) {
     
   }

package/src/tanstack/infrastructure/config/PersisterConfig.ts

@@ -82,7 +82,7 @@ export function createPersister(options: PersisterFactoryOptions = {}): Persiste
         // Validate cache version
         if (parsed.version !== busterVersion) {
           if (__DEV__) {
-            
+            console.warn(
               `[TanStack Query] Cache version mismatch. Expected: ${busterVersion}, Got: ${parsed.version}`,
             );
           }
@@ -93,7 +93,7 @@ export function createPersister(options: PersisterFactoryOptions = {}): Persiste
         const age = Date.now() - parsed.timestamp;
         if (age > maxAge) {
           if (__DEV__) {
-            
+            console.warn(`[TanStack Query] Cache age exceeded maxAge: ${maxAge}ms`);
           }
           return undefined;
         }
@@ -101,7 +101,7 @@ export function createPersister(options: PersisterFactoryOptions = {}): Persiste
         return parsed.data;
       } catch (error) {
         if (__DEV__) {
-          
+          console.error('[TanStack Query] Error deserializing cache:', error);
         }
         return undefined;
       }
@@ -122,11 +122,11 @@ export async function clearPersistedCache(keyPrefix: string = 'tanstack-query'):
   try {
     await storageService.removeItem(`${keyPrefix}-cache`);
     if (__DEV__) {
-      
+      console.log(`[TanStack Query] Cleared persisted cache for keyPrefix: ${keyPrefix}`);
     }
   } catch (error) {
     if (__DEV__) {
-      
+      console.error('[TanStack Query] Error clearing persisted cache:', error);
     }
   }
 }
@@ -148,7 +148,7 @@ export async function getPersistedCacheSize(
     return data ? new Blob([data]).size : 0;
   } catch (error) {
     if (__DEV__) {
-      
+      console.error('[TanStack Query] Error getting persisted cache size:', error);
     }
     return 0;
   }

package/src/tanstack/infrastructure/config/QueryClientConfig.ts

@@ -86,12 +86,6 @@ export interface QueryClientFactoryOptions {
    * @default 3
    */
   defaultRetry?: boolean | number | RetryFunction;
-
-  /**
-   * Enable development mode logging
-   * @default __DEV__
-   */
-  enableDevLogging?: boolean;
 }
 
 /**
@@ -110,7 +104,6 @@ export function createQueryClient(options: QueryClientFactoryOptions = {}): Quer
     defaultStaleTime = DEFAULT_STALE_TIME.SHORT,
     defaultGcTime = DEFAULT_GC_TIME.LONG,
     defaultRetry = DEFAULT_RETRY.STANDARD,
-    enableDevLogging = __DEV__,
   } = options;
 
   return new QueryClient({
@@ -125,11 +118,6 @@ export function createQueryClient(options: QueryClientFactoryOptions = {}): Quer
       },
       mutations: {
         retry: DEFAULT_RETRY.MINIMAL,
-        onError: (error: Error) => {
-          if (enableDevLogging) {
-
-          }
-        },
       },
     },
   });

package/src/tanstack/infrastructure/monitoring/DevMonitorLogger.ts

@@ -13,6 +13,7 @@ export class DevMonitorLogger {
 
   static logSlowQuery(queryKeyString: string, fetchTime: number): void {
     if (__DEV__) {
+      console.warn(
         `[TanStack DevMonitor] Slow query detected: ${queryKeyString} (${fetchTime}ms)`,
       );
     }