@umituz/react-native-ai-generation-content 1.61.4 → 1.61.6

package/package.json

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

package/src/index.ts

@@ -64,7 +64,6 @@ export {
   extractAudioUrl, extractImageUrls, cleanBase64, addBase64Prefix, preparePhoto, preparePhotos,
   isValidBase64, getBase64Size, getBase64SizeMB, prepareImage, createDevCallbacks, createFeatureUtils,
   showVideoGenerationSuccess, handleGenerationError, showContentModerationWarning,
-  saveMediaToGallery, shareMedia, createSaveHandler, createShareHandler, createMediaHandlers,
   mapJobStatusToGenerationStatus,
 } from "./infrastructure/utils";
 
@@ -73,7 +72,6 @@ export { distinctBy } from "./utils/arrayUtils";
 export type {
   IntervalOptions, StatusCheckResult, ResultValidation, ValidateResultOptions,
   PhotoInput, PreparedImage, ImageSelector, VideoSaver, AlertFunction, FeatureUtilsConfig, VideoAlertFunction,
-  MediaActionResult, MediaActionTranslations, ToastConfig,
 } from "./infrastructure/utils";
 
 export {

package/src/infrastructure/utils/index.ts

@@ -12,5 +12,4 @@ export * from "./url-extractor.util";
 export * from "./photo-generation";
 export * from "./feature-utils";
 export * from "./video-helpers";
-export * from "./media-actions.util";
 export * from "./provider-validator.util";

package/src/presentation/components/AIGenerationForm.tsx

@@ -34,6 +34,7 @@ export const AIGenerationForm: React.FC<AIGenerationFormProps> = ({
   onGenerate,
   isGenerating,
   hideGenerateButton,
+  isDisabled,
   generateButtonProps,
   showAdvanced,
   onAdvancedToggle,
@@ -48,7 +49,9 @@ export const AIGenerationForm: React.FC<AIGenerationFormProps> = ({
 
   const tokens = useAppDesignTokens();
   const isAdvancedVisible = showAdvanced !== undefined ? showAdvanced : true;
-  const buttonIsDisabled = onPromptChange ? !prompt?.trim() : false;
+  // Button is disabled if: external isDisabled is true, OR prompt validation fails (when prompt is used)
+  const promptInvalid = onPromptChange ? !prompt?.trim() : false;
+  const buttonIsDisabled = isDisabled || promptInvalid;
 
   useEffect(() => {
     if (__DEV__) {

package/src/presentation/components/AIGenerationForm.types.ts

@@ -55,6 +55,8 @@ export interface AIGenerationFormProps extends PropsWithChildren {
   onGenerate: () => void;
   isGenerating: boolean;
   hideGenerateButton?: boolean;
+  /** External control to disable the generate button (e.g., when images are not selected) */
+  isDisabled?: boolean;
   
   // Optional: Generation Progress
   progress?: number;

package/src/presentation/hooks/generation/useDualImageGeneration.ts

@@ -9,11 +9,11 @@ import {
   MediaPickerService,
   MediaQuality,
   useAlert,
+  saveImageToGallery,
 } from "@umituz/react-native-design-system";
 import { useGenerationOrchestrator } from "./orchestrator";
 import { executeMultiImageGeneration } from "../../../infrastructure/services/multi-image-generation.executor";
 import { prepareImage } from "../../../infrastructure/utils/feature-utils";
-import { saveMediaToGallery } from "../../../infrastructure/utils/media-actions.util";
 import type { GenerationStrategy, AlertMessages } from "./types";
 
 declare const __DEV__: boolean;
@@ -172,11 +172,11 @@ export const useDualImageGeneration = (
     }
   }, [sourceBase64, targetBase64, orchestrator, showError]);
 
-  // Save handler
+  // Save handler - uses design-system saveImageToGallery
   const save = useCallback(async () => {
     if (!orchestrator.result) return;
 
-    const result = await saveMediaToGallery(orchestrator.result);
+    const result = await saveImageToGallery(orchestrator.result);
     if (result.success) {
       showSuccess("Success", "Image saved to gallery");
     } else {

package/src/presentation/layouts/DualImageFeatureLayout.tsx

@@ -121,6 +121,7 @@ export const DualImageFeatureLayout: React.FC<DualImageFeatureLayoutProps> = ({
       <AIGenerationForm
         onGenerate={handleProcess}
         isGenerating={feature.isProcessing}
+        isDisabled={!feature.sourceImageUri || !feature.targetImageUri}
         progress={feature.progress}
         translations={{
           generateButton: translations.processButtonText,

package/src/infrastructure/utils/media-actions.util.ts

@@ -1,200 +0,0 @@
-/**
- * Media Actions Utilities
- * Provides save to gallery and share functionality for generated media
- */
-
-declare const __DEV__: boolean;
-
-export interface MediaActionResult {
-  readonly success: boolean;
-  readonly error?: string;
-}
-
-export interface MediaActionTranslations {
-  readonly success?: string;
-  readonly error?: string;
-  readonly permissionDenied?: string;
-  readonly saveFailed?: string;
-  readonly shareFailed?: string;
-  readonly shareNotAvailable?: string;
-}
-
-export interface ToastConfig {
-  readonly show: (config: {
-    type: "success" | "error";
-    text1: string;
-    text2?: string;
-  }) => void;
-}
-
-/**
- * Downloads a file from URL to local storage
- * @param uri - URL or local path
- * @param prefix - File name prefix
- * @returns Local file path
- */
-const downloadToLocal = async (
-  uri: string,
-  prefix: string = "media"
-): Promise<string> => {
-  if (!uri.startsWith("http")) {
-    return uri;
-  }
-
-  const FileSystem = require("expo-file-system");
-  const fileExt = uri.split(".").pop()?.split("?")[0] || "jpg";
-  const fileRef =
-    FileSystem.documentDirectory + `${prefix}_${Date.now()}.${fileExt}`;
-  const { uri: downloadedUri } = await FileSystem.downloadAsync(uri, fileRef);
-  return downloadedUri;
-};
-
-/**
- * Saves media to device gallery
- * @param uri - URL or local path of the media
- * @param translations - Optional translated messages
- * @param toast - Optional toast instance for notifications
- * @returns Result with success status
- */
-export const saveMediaToGallery = async (
-  uri: string,
-  translations?: MediaActionTranslations,
-  toast?: ToastConfig
-): Promise<MediaActionResult> => {
-  try {
-    const MediaLibrary = require("expo-media-library");
-
-    const { status } = await MediaLibrary.requestPermissionsAsync();
-    if (status !== "granted") {
-      const errorMsg = translations?.permissionDenied || "Permission denied";
-      toast?.show({
-        type: "error",
-        text1: translations?.error || "Error",
-        text2: errorMsg,
-      });
-      return { success: false, error: errorMsg };
-    }
-
-    const localUri = await downloadToLocal(uri, "download");
-    await MediaLibrary.saveToLibraryAsync(localUri);
-
-    toast?.show({
-      type: "success",
-      text1: translations?.success || "Success",
-      text2: "Saved to gallery",
-    });
-
-    return { success: true };
-  } catch (error) {
-    // Debug logging in development
-    if (typeof __DEV__ !== "undefined" && __DEV__) {
-      console.error("[MediaActions] Save failed:", error);
-    }
-    const errorMsg = translations?.saveFailed || "Failed to save media";
-    toast?.show({
-      type: "error",
-      text1: translations?.error || "Error",
-      text2: errorMsg,
-    });
-    return {
-      success: false,
-      error: error instanceof Error ? error.message : errorMsg,
-    };
-  }
-};
-
-/**
- * Shares media using device share sheet
- * @param uri - URL or local path of the media
- * @param translations - Optional translated messages
- * @param toast - Optional toast instance for notifications
- * @returns Result with success status
- */
-export const shareMedia = async (
-  uri: string,
-  translations?: MediaActionTranslations,
-  toast?: ToastConfig
-): Promise<MediaActionResult> => {
-  try {
-    const Sharing = require("expo-sharing");
-
-    const isAvailable = await Sharing.isAvailableAsync();
-    if (!isAvailable) {
-      const errorMsg =
-        translations?.shareNotAvailable ||
-        "Sharing is not available on this device";
-      toast?.show({
-        type: "error",
-        text1: translations?.error || "Error",
-        text2: errorMsg,
-      });
-      return { success: false, error: errorMsg };
-    }
-
-    const localUri = await downloadToLocal(uri, "share");
-    await Sharing.shareAsync(localUri);
-
-    return { success: true };
-  } catch (error) {
-    // Debug logging in development
-    if (typeof __DEV__ !== "undefined" && __DEV__) {
-      console.error("[MediaActions] Share failed:", error);
-    }
-    const errorMsg = translations?.shareFailed || "Failed to share media";
-    toast?.show({
-      type: "error",
-      text1: translations?.error || "Error",
-      text2: errorMsg,
-    });
-    return {
-      success: false,
-      error: error instanceof Error ? error.message : errorMsg,
-    };
-  }
-};
-
-/**
- * Creates save handler for use in wizard flows
- * @param translations - Translated messages
- * @param toast - Toast instance for notifications
- * @returns Save handler function
- */
-export const createSaveHandler = (
-  translations?: MediaActionTranslations,
-  toast?: ToastConfig
-) => {
-  return async (uri: string): Promise<void> => {
-    await saveMediaToGallery(uri, translations, toast);
-  };
-};
-
-/**
- * Creates share handler for use in wizard flows
- * @param translations - Translated messages
- * @param toast - Toast instance for notifications
- * @returns Share handler function
- */
-export const createShareHandler = (
-  translations?: MediaActionTranslations,
-  toast?: ToastConfig
-) => {
-  return async (uri: string): Promise<void> => {
-    await shareMedia(uri, translations, toast);
-  };
-};
-
-/**
- * Creates both save and share handlers
- * @param translations - Translated messages
- * @param toast - Toast instance for notifications
- * @returns Object with onSave and onShare handlers
- */
-export const createMediaHandlers = (
-  translations?: MediaActionTranslations,
-  toast?: ToastConfig
-) => {
-  return {
-    onSave: createSaveHandler(translations, toast),
-    onShare: createShareHandler(translations, toast),
-  };
-};