@umituz/react-native-design-system 4.25.115 → 4.25.117

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "4.25.115",
-  "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 - TanStack persistence now fully lazy loaded",
+  "version": "4.25.117",
+  "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 - TanStack persistence and expo-image-manipulator now lazy loaded",
   "main": "./src/index.ts",
   "types": "./dist/index.d.ts",
   "sideEffects": false,
@@ -174,7 +174,8 @@
   },
   "optionalDependencies": {
     "@tanstack/query-async-storage-persister": "^5.0.0",
-    "@tanstack/react-query-persist-client": "^5.0.0"
+    "@tanstack/react-query-persist-client": "^5.0.0",
+    "expo-image-manipulator": "~14.0.0"
   },
   "keywords": [
     "react-native",

package/src/image/infrastructure/services/ImageConversionService.ts

@@ -1,10 +1,10 @@
 /**
  * Image Infrastructure - Conversion Service
- * 
+ *
  * Handles format conversion, compression, and thumbnail generation
+ * Lazy loads expo-image-manipulator to reduce bundle size
  */
 
-import * as ImageManipulator from 'expo-image-manipulator';
 import type {
     ImageSaveOptions,
     ImageManipulationResult,
@@ -16,6 +16,16 @@ import { ImageValidator } from '../utils/ImageValidator';
 import { ImageErrorHandler } from '../utils/ImageErrorHandler';
 import { ImageTransformUtils } from '../utils/ImageTransformUtils';
 
+// Cached module to avoid repeated imports
+let ImageManipulatorModule: typeof import('expo-image-manipulator') | null = null;
+
+async function getImageManipulator() {
+    if (!ImageManipulatorModule) {
+        ImageManipulatorModule = await import('expo-image-manipulator');
+    }
+    return ImageManipulatorModule;
+}
+
 export class ImageConversionService {
     static async compress(
         uri: string,
@@ -25,6 +35,7 @@ export class ImageConversionService {
             ImageValidator.validateUri(uri);
             ImageValidator.validateQuality(quality);
 
+            const ImageManipulator = await getImageManipulator();
             return await ImageManipulator.manipulateAsync(
                 uri,
                 [],
@@ -43,6 +54,8 @@ export class ImageConversionService {
         try {
             ImageValidator.validateUri(uri);
             const compressQuality = quality ?? IMAGE_CONSTANTS.defaultQuality;
+            const ImageManipulator = await getImageManipulator();
+
             return await ImageManipulator.manipulateAsync(
                 uri,
                 [],