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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.17.284",
+  "version": "1.17.286",
   "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,
       });
@@ -78,14 +93,21 @@ export const usePartnerStep = (options: UsePartnerStepOptions) => {
         return;
       }
 
-      const base64 = await FileSystem.readAsStringAsync(asset.uri, {
-        encoding: "base64",
-      });
+      // Try to read as base64, with fallback
+      let base64: string | undefined;
+      try {
+        base64 = await FileSystem.readAsStringAsync(asset.uri, {
+          encoding: "base64",
+        });
+      } catch {
+        // If base64 conversion fails, continue without it
+        base64 = undefined;
+      }
 
       const uploadedImage: UploadedImage = {
         uri: asset.uri,
         previewUrl: asset.uri,
-        base64: `data:image/jpeg;base64,${base64}`,
+        base64: base64 ? `data:image/jpeg;base64,${base64}` : asset.uri,
         width: asset.width,
         height: asset.height,
       };
@@ -97,7 +119,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 +129,7 @@ export const usePartnerStep = (options: UsePartnerStepOptions) => {
     setDescription,
     handlePickImage,
     canContinue,
+    isLoading: isPickerLoading,
   };
 };