@umituz/react-native-ai-generation-content 1.17.284 → 1.17.285

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.17.284",
+  "version": "1.17.285",
   "description": "Provider-agnostic AI generation orchestration for React Native with result preview components",
   "main": "src/index.ts",
   "types": "src/index.ts",

package/src/features/partner-upload/presentation/hooks/usePartnerStep.ts

@@ -5,8 +5,8 @@
 
 import { useState, useCallback } from "react";
 import { Alert } from "react-native";
-import * as ImagePicker from "expo-image-picker";
 import * as FileSystem from "expo-file-system";
+import { useMedia, MediaLibraryPermission } from "@umituz/react-native-design-system";
 import type { UploadedImage } from "../../domain/types";
 
 export interface UsePartnerStepConfig {
@@ -20,6 +20,8 @@ export interface UsePartnerStepTranslations {
   readonly maxFileSize: string;
   readonly error: string;
   readonly uploadFailed: string;
+  readonly permissionDenied?: string;
+  readonly permissionRequired?: string;
 }
 
 export interface UsePartnerStepOptions {
@@ -42,6 +44,7 @@ const DEFAULT_CONFIG: UsePartnerStepConfig = {
 
 export const usePartnerStep = (options: UsePartnerStepOptions) => {
   const { initialName = "", config = DEFAULT_CONFIG, translations } = options;
+  const { pickImage, requestMediaLibraryPermission, getMediaLibraryPermissionStatus, isLoading: isPickerLoading } = useMedia();
 
   const [state, setState] = useState<PartnerStepState>({
     image: null,
@@ -59,9 +62,21 @@ export const usePartnerStep = (options: UsePartnerStepOptions) => {
 
   const handlePickImage = useCallback(async () => {
     try {
+      // Check permission first
+      let permission = await getMediaLibraryPermissionStatus();
+      if (permission !== MediaLibraryPermission.GRANTED) {
+        permission = await requestMediaLibraryPermission();
+        if (permission !== MediaLibraryPermission.GRANTED) {
+          Alert.alert(
+            translations.error,
+            translations.permissionDenied ?? "Photo library access is required to upload images.",
+          );
+          return;
+        }
+      }
+
       const maxFileSizeMB = config.maxFileSizeMB ?? 10;
-      const result = await ImagePicker.launchImageLibraryAsync({
-        mediaTypes: ImagePicker.MediaTypeOptions.Images,
+      const result = await pickImage({
         allowsEditing: config.allowsEditing ?? true,
         quality: config.imageQuality ?? 0.7,
       });
@@ -97,7 +112,7 @@ export const usePartnerStep = (options: UsePartnerStepOptions) => {
     } catch {
       Alert.alert(translations.error, translations.uploadFailed);
     }
-  }, [config, translations]);
+  }, [config, translations, pickImage, requestMediaLibraryPermission, getMediaLibraryPermissionStatus]);
 
   const canContinue = state.image !== null;
 
@@ -107,6 +122,7 @@ export const usePartnerStep = (options: UsePartnerStepOptions) => {
     setDescription,
     handlePickImage,
     canContinue,
+    isLoading: isPickerLoading,
   };
 };