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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "4.23.81",
+  "version": "4.23.82",
   "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/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/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/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

@@ -70,7 +70,7 @@ export const useOffline = (config?: OfflineConfig) => {
           isInitialized.current = true;
         }
       })
-      .catch((error: Error) => {
+      .catch((_error: Error) => {
         if (isMountedRef.current && (__DEV__ || mergedConfig.debug)) {
         }
       });

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

@@ -12,7 +12,7 @@ export const isDev = (): boolean => {
 /**
  * Log warning in development mode only
  */
-export const devWarn = (message: string, ...args: unknown[]): void => {
+export const devWarn = (_message: string, ..._args: unknown[]): void => {
   if (__DEV__) {
   }
 };
@@ -20,7 +20,7 @@ export const devWarn = (message: string, ...args: unknown[]): void => {
 /**
  * Log error in development mode only
  */
-export const devError = (message: string, ...args: unknown[]): void => {
+export const devError = (_message: string, ..._args: unknown[]): void => {
   if (__DEV__) {
   }
 };
@@ -28,7 +28,7 @@ export const devError = (message: string, ...args: unknown[]): void => {
 /**
  * Log info in development mode only
  */
-export const devLog = (message: string, ...args: unknown[]): void => {
+export const devLog = (_message: string, ..._args: unknown[]): void => {
   if (__DEV__) {
   }
 };

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)`,
       );
     }