@umituz/react-native-ai-generation-content 1.28.3 → 1.28.5

package/package.json

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

package/src/domains/creations/presentation/screens/CreationsGalleryScreen.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useMemo, useCallback } from "react";
+import React, { useState, useMemo, useCallback, useEffect, useRef } from "react";
 import { View, FlatList, RefreshControl, StyleSheet } from "react-native";
 import {
   useAppDesignTokens,
@@ -28,6 +28,7 @@ interface CreationsGalleryScreenProps {
   readonly repository: ICreationsRepository;
   readonly config: CreationsConfig;
   readonly t: (key: string) => string;
+  readonly initialCreationId?: string;
   readonly onEmptyAction?: () => void;
   readonly emptyActionLabel?: string;
   readonly showFilter?: boolean;
@@ -38,6 +39,7 @@ export function CreationsGalleryScreen({
   repository,
   config,
   t,
+  initialCreationId,
   onEmptyAction,
   emptyActionLabel,
   showFilter = config.showFilter ?? true,
@@ -47,14 +49,29 @@ export function CreationsGalleryScreen({
   const alert = useAlert();
   const [selectedCreation, setSelectedCreation] = useState<Creation | null>(null);
   const [showRatingPicker, setShowRatingPicker] = useState(false);
+  const hasAutoSelectedRef = useRef(false);
 
   const { data: creations, isLoading, refetch } = useCreations({ userId, repository });
+
+  // Auto-select creation when initialCreationId is provided
+  useEffect(() => {
+    if (initialCreationId && creations && creations.length > 0 && !hasAutoSelectedRef.current) {
+      const creation = creations.find((c) => c.id === initialCreationId);
+      if (creation) {
+        hasAutoSelectedRef.current = true;
+        setSelectedCreation(creation);
+      }
+    }
+  }, [initialCreationId, creations]);
+
   const deleteMutation = useDeleteCreation({ userId, repository });
 
   const selectedImageUrl = selectedCreation ? (getPreviewUrl(selectedCreation.output) || selectedCreation.uri) : undefined;
+  const selectedVideoUrl = selectedCreation?.output?.videoUrl;
 
   const { isSharing, isSaving, handleDownload, handleShare } = useResultActions({
     imageUrl: selectedImageUrl,
+    videoUrl: selectedVideoUrl,
     onSaveSuccess: () => alert.show(AlertType.SUCCESS, AlertMode.TOAST, t("result.saveSuccess"), t("result.saveSuccessMessage")),
     onSaveError: () => alert.show(AlertType.ERROR, AlertMode.TOAST, t("common.error"), t("result.saveError")),
   });
@@ -194,12 +211,14 @@ export function CreationsGalleryScreen({
   ), [isLoading, creations, filters.isFiltered, tokens, t, config, emptyActionLabel, onEmptyAction, filters.clearAllFilters]);
 
   // Show result preview when a creation is selected
-  if (selectedCreation && selectedImageUrl) {
+  const hasMediaToShow = selectedImageUrl || selectedVideoUrl;
+  if (selectedCreation && hasMediaToShow) {
     const hasRating = selectedCreation.rating !== undefined && selectedCreation.rating !== null;
     return (
       <>
         <ResultPreviewScreen
-          imageUrl={selectedImageUrl}
+          imageUrl={selectedVideoUrl ? undefined : selectedImageUrl}
+          videoUrl={selectedVideoUrl}
           isSaving={isSaving}
           isSharing={isSharing}
           onDownload={handleDownload}

package/src/domains/generation/wizard/infrastructure/builders/dynamic-step-builder.ts

@@ -41,6 +41,7 @@ export const buildFlowStepsFromWizard = (
   options?: {
     includePreview?: boolean;
     includeGenerating?: boolean;
+    includeResult?: boolean;
   },
 ): StepDefinition[] => {
   const steps: StepDefinition[] = [];
@@ -69,12 +70,14 @@ export const buildFlowStepsFromWizard = (
       required: true,
     });
 
-    // Always add result preview after generating
-    steps.push({
-      id: "RESULT_PREVIEW",
-      type: StepType.RESULT_PREVIEW,
-      required: true,
-    });
+    // Add result preview after generating (unless explicitly disabled)
+    if (options?.includeResult !== false) {
+      steps.push({
+        id: "RESULT_PREVIEW",
+        type: StepType.RESULT_PREVIEW,
+        required: true,
+      });
+    }
   }
 
   return steps;

package/src/domains/generation/wizard/presentation/components/GenericWizardFlow.tsx

@@ -26,6 +26,7 @@ export interface GenericWizardFlowProps {
   readonly scenario?: WizardScenarioData;
   readonly userId?: string;
   readonly alertMessages?: AlertMessages;
+  readonly skipResultStep?: boolean;
   readonly onStepChange?: (stepId: string, stepType: StepType | string) => void;
   readonly onGenerationStart?: (data: Record<string, unknown>, proceedToGenerating: () => void) => void;
   readonly onGenerationComplete?: (result: unknown) => void;
@@ -46,6 +47,7 @@ export const GenericWizardFlow: React.FC<GenericWizardFlowProps> = ({
   scenario,
   userId,
   alertMessages,
+  skipResultStep = false,
   onStepChange,
   onGenerationStart,
   onGenerationComplete,
@@ -70,8 +72,9 @@ export const GenericWizardFlow: React.FC<GenericWizardFlowProps> = ({
     return buildFlowStepsFromWizard(featureConfig, {
       includePreview: true,
       includeGenerating: true,
+      includeResult: !skipResultStep,
     });
-  }, [featureConfig]);
+  }, [featureConfig, skipResultStep]);
 
   const flow = useFlow({ steps: flowSteps, initialStepIndex: 0 });
   const {
@@ -88,8 +91,10 @@ export const GenericWizardFlow: React.FC<GenericWizardFlowProps> = ({
   } = flow;
 
   const resultImageUrl = currentCreation?.output?.imageUrl || currentCreation?.uri || "";
+  const resultVideoUrl = currentCreation?.output?.videoUrl || "";
   const { isSaving, isSharing, handleDownload, handleShare } = useResultActions({
     imageUrl: resultImageUrl,
+    videoUrl: resultVideoUrl,
   });
 
   const validatedScenario = useMemo(() => validateScenario(scenario), [scenario]);
@@ -100,13 +105,19 @@ export const GenericWizardFlow: React.FC<GenericWizardFlowProps> = ({
 
   const handleGenerationComplete = useCallback((result: unknown) => {
     if (typeof __DEV__ !== "undefined" && __DEV__) {
-      console.log("[GenericWizardFlow] Generation completed");
+      console.log("[GenericWizardFlow] Generation completed", { skipResultStep });
     }
     setResult(result);
     setCurrentCreation(result as Creation);
-    nextStep();
+
+    // Call onGenerationComplete first so parent can navigate if needed
     onGenerationComplete?.(result);
-  }, [setResult, nextStep, onGenerationComplete]);
+
+    // Only go to result step if not skipping
+    if (!skipResultStep) {
+      nextStep();
+    }
+  }, [setResult, nextStep, onGenerationComplete, skipResultStep]);
 
   useWizardGeneration({
     scenario: validatedScenario,

package/src/domains/result-preview/presentation/hooks/useResultActions.ts

@@ -69,6 +69,7 @@ export const useResultActions = (
 ): UseResultActionsReturn => {
   const {
     imageUrl,
+    videoUrl,
     onSaveSuccess,
     onSaveError,
     onShareStart,
@@ -78,12 +79,45 @@ export const useResultActions = (
   const [isSharing, setIsSharing] = useState(false);
   const [isSaving, setIsSaving] = useState(false);
 
+  // Use videoUrl if available, otherwise imageUrl
+  const mediaUrl = videoUrl || imageUrl;
+
+  /**
+   * Determine if URL is a video
+   */
+  const isVideoUrl = (url: string): boolean => {
+    const videoExtensions = [".mp4", ".mov", ".avi", ".webm", ".m4v"];
+    const lowerUrl = url.toLowerCase();
+    return videoExtensions.some((ext) => lowerUrl.includes(ext));
+  };
+
   /**
-   * Save image to device gallery
+   * Download media from URL to file
+   */
+  const downloadMediaToFile = async (url: string, isVideo: boolean): Promise<string> => {
+    const timestamp = Date.now();
+    const extension = isVideo ? "mp4" : "jpg";
+    const filename = `ai_generation_${timestamp}.${extension}`;
+    const file = new File(Paths.cache, filename);
+
+    const response = await fetch(url);
+    if (!response.ok) {
+      throw new Error(`Failed to download media: ${response.statusText}`);
+    }
+
+    const arrayBuffer = await response.arrayBuffer();
+    const bytes = new Uint8Array(arrayBuffer);
+    file.write(bytes);
+
+    return file.uri;
+  };
+
+  /**
+   * Save media to device gallery
    */
   const handleDownload = useCallback(async () => {
-    if (!imageUrl) {
-      onSaveError?.(new Error("No image URL provided"));
+    if (!mediaUrl) {
+      onSaveError?.(new Error("No media URL provided"));
       return;
     }
 
@@ -96,13 +130,20 @@ export const useResultActions = (
         throw new Error("Media library permission not granted");
       }
 
-      // Convert to data URL if raw base64
-      const normalizedUrl = toDataUrl(imageUrl);
-      let fileUri = normalizedUrl;
-
-      // If it's a base64 string, save to file first
-      if (isBase64DataUrl(normalizedUrl)) {
-        fileUri = await saveBase64ToFile(normalizedUrl);
+      const isVideo = Boolean(videoUrl) || isVideoUrl(mediaUrl);
+      let fileUri = mediaUrl;
+
+      // Handle base64 images
+      if (!isVideo) {
+        const normalizedUrl = toDataUrl(mediaUrl);
+        if (isBase64DataUrl(normalizedUrl)) {
+          fileUri = await saveBase64ToFile(normalizedUrl);
+        } else if (normalizedUrl.startsWith("http")) {
+          fileUri = await downloadMediaToFile(normalizedUrl, false);
+        }
+      } else if (mediaUrl.startsWith("http")) {
+        // Download video from URL
+        fileUri = await downloadMediaToFile(mediaUrl, true);
       }
 
       // Save to media library
@@ -116,33 +157,13 @@ export const useResultActions = (
     } finally {
       setIsSaving(false);
     }
-  }, [imageUrl, onSaveSuccess, onSaveError]);
+  }, [mediaUrl, videoUrl, onSaveSuccess, onSaveError]);
 
   /**
-   * Download image from URL to file
-   */
-  const downloadUrlToFile = async (url: string): Promise<string> => {
-    const timestamp = Date.now();
-    const filename = `ai_generation_${timestamp}.jpg`;
-    const file = new File(Paths.cache, filename);
-
-    const response = await fetch(url);
-    if (!response.ok) {
-      throw new Error(`Failed to download image: ${response.statusText}`);
-    }
-
-    const arrayBuffer = await response.arrayBuffer();
-    const bytes = new Uint8Array(arrayBuffer);
-    file.write(bytes);
-
-    return file.uri;
-  };
-
-  /**
-   * Share image
+   * Share media (image or video)
    */
   const handleShare = useCallback(async () => {
-    if (!imageUrl) {
+    if (!mediaUrl) {
       return;
     }
 
@@ -150,24 +171,27 @@ export const useResultActions = (
       setIsSharing(true);
       onShareStart?.();
 
-      // Convert to data URL if raw base64
-      const normalizedUrl = toDataUrl(imageUrl);
-      let shareUrl = normalizedUrl;
-
-      // Download to file for sharing (works for both base64 and remote URLs)
-      if (isBase64DataUrl(normalizedUrl)) {
-        shareUrl = await saveBase64ToFile(normalizedUrl);
-      } else if (normalizedUrl.startsWith("http")) {
-        shareUrl = await downloadUrlToFile(normalizedUrl);
+      const isVideo = Boolean(videoUrl) || isVideoUrl(mediaUrl);
+      let shareUrl = mediaUrl;
+
+      // Prepare file for sharing
+      if (!isVideo) {
+        const normalizedUrl = toDataUrl(mediaUrl);
+        if (isBase64DataUrl(normalizedUrl)) {
+          shareUrl = await saveBase64ToFile(normalizedUrl);
+        } else if (normalizedUrl.startsWith("http")) {
+          shareUrl = await downloadMediaToFile(normalizedUrl, false);
+        }
+      } else if (mediaUrl.startsWith("http")) {
+        shareUrl = await downloadMediaToFile(mediaUrl, true);
       }
 
       // Use expo-sharing for cross-platform file sharing
       const isAvailable = await Sharing.isAvailableAsync();
       if (isAvailable) {
-        await Sharing.shareAsync(shareUrl, {
-          mimeType: "image/jpeg",
-          dialogTitle: "Share Image",
-        });
+        const mimeType = isVideo ? "video/mp4" : "image/jpeg";
+        const dialogTitle = isVideo ? "Share Video" : "Share Image";
+        await Sharing.shareAsync(shareUrl, { mimeType, dialogTitle });
         onShareEnd?.(false);
       } else {
         onShareEnd?.(true);
@@ -179,7 +203,7 @@ export const useResultActions = (
     } finally {
       setIsSharing(false);
     }
-  }, [imageUrl, onShareStart, onShareEnd]);
+  }, [mediaUrl, videoUrl, onShareStart, onShareEnd]);
 
   return {
     isSaving,