@umituz/react-native-design-system 2.9.37 → 2.9.38

package/package.json

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

package/src/media/domain/entities/Media.ts

@@ -88,6 +88,16 @@ export interface MediaPickerOptions {
   quality?: MediaQuality;
   selectionLimit?: number;
   base64?: boolean;
+  maxFileSizeMB?: number;
+}
+
+/**
+ * Media validation error types
+ */
+export enum MediaValidationError {
+  FILE_TOO_LARGE = "FILE_TOO_LARGE",
+  INVALID_FORMAT = "INVALID_FORMAT",
+  PERMISSION_DENIED = "PERMISSION_DENIED",
 }
 
 /**
@@ -111,6 +121,8 @@ export interface MediaAsset {
 export interface MediaPickerResult {
   canceled: boolean;
   assets?: MediaAsset[];
+  error?: MediaValidationError;
+  errorMessage?: string;
 }
 
 /**
@@ -128,7 +140,9 @@ export interface CameraOptions {
  * Media constants
  */
 export const MEDIA_CONSTANTS = {
-  MAX_IMAGE_SIZE: 10 * 1024 * 1024,
+  MAX_IMAGE_SIZE_MB: 5,
+  MAX_VIDEO_SIZE_MB: 100,
+  MAX_IMAGE_SIZE: 5 * 1024 * 1024,
   MAX_VIDEO_SIZE: 100 * 1024 * 1024,
   DEFAULT_QUALITY: MediaQuality.HIGH,
   DEFAULT_FORMAT: ImageFormat.JPEG,

package/src/media/index.ts

@@ -20,6 +20,7 @@ export {
   ImageFormat as MediaImageFormat,
   MediaQuality,
   MediaLibraryPermission,
+  MediaValidationError,
   MEDIA_CONSTANTS,
 } from "./domain/entities/Media";
 

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

@@ -14,6 +14,7 @@ import type {
 import {
   MediaLibraryPermission,
   MediaType,
+  MediaValidationError,
   MEDIA_CONSTANTS,
 } from "../../domain/entities/Media";
 import {
@@ -115,7 +116,11 @@ export class MediaPickerService {
       const permission =
         await MediaPickerService.requestMediaLibraryPermission();
       if (permission === MediaLibraryPermission.DENIED) {
-        return { canceled: true };
+        return {
+          canceled: true,
+          error: MediaValidationError.PERMISSION_DENIED,
+          errorMessage: "Permission to access media library was denied",
+        };
       }
 
       const result = await ImagePicker.launchImageLibraryAsync({
@@ -129,7 +134,25 @@ export class MediaPickerService {
         base64: options?.base64 ?? false,
       });
 
-      return mapPickerResult(result);
+      const mappedResult = mapPickerResult(result);
+
+      // Validate file size if not canceled and has assets
+      if (!mappedResult.canceled && mappedResult.assets && mappedResult.assets.length > 0) {
+        const maxSizeMB = options?.maxFileSizeMB ?? MEDIA_CONSTANTS.MAX_IMAGE_SIZE_MB;
+        const maxSizeBytes = maxSizeMB * 1024 * 1024;
+
+        for (const asset of mappedResult.assets) {
+          if (asset.fileSize && asset.fileSize > maxSizeBytes) {
+            return {
+              canceled: true,
+              error: MediaValidationError.FILE_TOO_LARGE,
+              errorMessage: `File size exceeds ${maxSizeMB}MB limit`,
+            };
+          }
+        }
+      }
+
+      return mappedResult;
     } catch {
       return { canceled: true };
     }

package/src/media/presentation/hooks/useMedia.ts

@@ -45,6 +45,10 @@ export const useMedia = () => {
       setError(null);
       try {
         const result = await MediaPickerService.pickSingleImage(options);
+        // Set error from validation result if present
+        if (result.errorMessage) {
+          setError(result.errorMessage);
+        }
         return result;
       } catch (err) {
         const errorMessage =