@umituz/react-native-ai-generation-content 1.26.54 → 1.26.56

package/package.json

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

package/src/domains/generation/wizard/infrastructure/utils/media-url-extractor.ts

@@ -0,0 +1,34 @@
+/**
+ * Media URL Extractor
+ * Extracts media URL from generation result object
+ */
+
+interface MediaUrlResult {
+  readonly url: string;
+  readonly isVideo: boolean;
+}
+
+/**
+ * Extract media URL from generation result
+ * Supports multiple result formats from different AI providers
+ */
+export function extractMediaUrl(result: unknown): MediaUrlResult | null {
+  if (!result || typeof result !== "object") return null;
+
+  const data = result as Record<string, unknown>;
+  const output = data.output as Record<string, unknown> | undefined;
+
+  // Try to get video URL first
+  const videoUrl = output?.videoUrl || data.videoUrl || data.video_url;
+  if (videoUrl && typeof videoUrl === "string") {
+    return { url: videoUrl, isVideo: true };
+  }
+
+  // Try to get image URL
+  const imageUrl = output?.imageUrl || data.imageUrl || data.image_url || data.uri;
+  if (imageUrl && typeof imageUrl === "string") {
+    return { url: imageUrl, isVideo: false };
+  }
+
+  return null;
+}

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

@@ -4,16 +4,17 @@
  */
 
 import React from "react";
+import { getMediaTypeFromUrl } from "@umituz/react-native-design-system";
 import { StepType, type StepDefinition } from "../../../../../domain/entities/flow-config.types";
 import type { WizardStepConfig } from "../../domain/entities/wizard-config.types";
 import type { WizardScenarioData } from "../hooks/useWizardGeneration";
 import type { UploadedImage } from "../../../../../presentation/hooks/generation/useAIGenerateState";
-import type { Creation } from "../../../../creations/domain/entities/Creation";
 import { GenericPhotoUploadScreen } from "../screens/GenericPhotoUploadScreen";
 import { GeneratingScreen } from "../screens/GeneratingScreen";
 import { ScenarioPreviewScreen } from "../../../../scenarios/presentation/screens/ScenarioPreviewScreen";
 import type { ScenarioData } from "../../../../scenarios/domain/scenario.types";
 import { ResultPreviewScreen } from "../../../../result-preview/presentation/components/ResultPreviewScreen";
+import { extractMediaUrl } from "../../infrastructure/utils/media-url-extractor";
 
 export interface WizardStepRendererProps {
   readonly step: StepDefinition | undefined;
@@ -98,12 +99,16 @@ export const WizardStepRenderer: React.FC<WizardStepRendererProps> = ({
       if (renderResult) {
         return renderResult(generationResult);
       }
-      const creation = generationResult as Creation;
-      const imageUrl = creation?.output?.imageUrl || creation?.uri || "";
-      if (!imageUrl) return null;
+      const media = extractMediaUrl(generationResult);
+      if (!media) return null;
+
+      const mediaType = getMediaTypeFromUrl(media.url);
+      const isVideo = media.isVideo || mediaType === "video";
+
       return (
         <ResultPreviewScreen
-          imageUrl={imageUrl}
+          imageUrl={isVideo ? undefined : media.url}
+          videoUrl={isVideo ? media.url : undefined}
           isSaving={isSaving}
           isSharing={isSharing}
           onDownload={onDownload}

package/src/domains/result-preview/presentation/components/ResultPreviewScreen.tsx

@@ -14,10 +14,12 @@ import {
 import { ResultImageCard } from "./ResultImageCard";
 import { ResultActionBar } from "./ResultActionBar";
 import { RecentCreationsSection } from "./RecentCreationsSection";
+import { VideoResultPlayer } from "../../../../presentation/components/display/VideoResultPlayer";
 import type { ResultPreviewScreenProps } from "../types/result-preview.types";
 
 export const ResultPreviewScreen: React.FC<ResultPreviewScreenProps> = ({
   imageUrl,
+  videoUrl,
   isSaving,
   isSharing,
   onDownload,
@@ -36,6 +38,7 @@ export const ResultPreviewScreen: React.FC<ResultPreviewScreenProps> = ({
   showRating = false,
 }) => {
   const tokens = useAppDesignTokens();
+  const isVideo = Boolean(videoUrl);
 
   const styles = useMemo(
     () =>
@@ -57,15 +60,16 @@ export const ResultPreviewScreen: React.FC<ResultPreviewScreenProps> = ({
     [tokens],
   );
 
-  const displayImageUrl = useMemo(() => {
-    if (!imageUrl) return null;
-    if (!imageUrl.startsWith("http") && !imageUrl.startsWith("data:image")) {
-      return `data:image/jpeg;base64,${imageUrl}`;
+  const displayMediaUrl = useMemo(() => {
+    const url = videoUrl || imageUrl;
+    if (!url) return null;
+    if (!isVideo && !url.startsWith("http") && !url.startsWith("data:image")) {
+      return `data:image/jpeg;base64,${url}`;
     }
-    return imageUrl;
-  }, [imageUrl]);
+    return url;
+  }, [imageUrl, videoUrl, isVideo]);
 
-  if (!displayImageUrl) return null;
+  if (!displayMediaUrl) return null;
 
   return (
     <ScreenLayout scrollable edges={["left", "right"]} backgroundColor={tokens.colors.backgroundPrimary}>
@@ -75,7 +79,11 @@ export const ResultPreviewScreen: React.FC<ResultPreviewScreenProps> = ({
           {!hideLabel && (
             <AtomicText style={styles.title}>{translations.yourResult}</AtomicText>
           )}
-          <ResultImageCard imageUrl={displayImageUrl} />
+          {isVideo ? (
+            <VideoResultPlayer uri={displayMediaUrl} />
+          ) : (
+            <ResultImageCard imageUrl={displayMediaUrl} />
+          )}
           <ResultActionBar
             isSaving={isSaving}
             isSharing={isSharing}

package/src/domains/result-preview/presentation/types/result-preview.types.ts

@@ -94,8 +94,10 @@ export interface RecentCreation {
  * Result preview screen props
  */
 export interface ResultPreviewScreenProps {
-  /** Result data to display */
-  imageUrl: string;
+  /** Image URL to display */
+  imageUrl?: string;
+  /** Video URL to display */
+  videoUrl?: string;
   /** Result display state */
   isSaving: boolean;
   isSharing: boolean;
@@ -157,6 +159,8 @@ export interface ResultPreviewTranslations {
 export interface UseResultActionsOptions {
   /** Image URL to save/share */
   imageUrl?: string;
+  /** Video URL to save/share */
+  videoUrl?: string;
   /** Callback on save success */
   onSaveSuccess?: () => void;
   /** Callback on save error */