@umituz/react-native-ai-generation-content 1.27.14 → 1.27.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.27.14",
+  "version": "1.27.16",
   "description": "Provider-agnostic AI generation orchestration for React Native with result preview components",
   "main": "src/index.ts",
   "types": "src/index.ts",
@@ -38,8 +38,7 @@
     "url": "git+https://github.com/umituz/react-native-ai-generation-content.git"
   },
   "dependencies": {
-    "@umituz/react-native-auth": "*",
-    "@umituz/react-native-firebase": "*"
+    "@umituz/react-native-auth": "^3.6.25"
   },
   "peerDependencies": {
     "@react-navigation/native": ">=6.0.0",
@@ -68,7 +67,7 @@
     "@typescript-eslint/eslint-plugin": "^8.0.0",
     "@typescript-eslint/parser": "^8.0.0",
     "@umituz/react-native-design-system": "^2.9.44",
-    "@umituz/react-native-firebase": "*",
+    "@umituz/react-native-firebase": "^1.13.87",
     "@umituz/react-native-localization": "*",
     "@umituz/react-native-subscription": "*",
     "eslint": "^9.0.0",

package/src/domains/generation/wizard/configs/image-to-video.config.ts

@@ -0,0 +1,39 @@
+/**
+ * Image to Video Wizard Config
+ * Config-driven wizard steps for image-to-video generation
+ */
+
+import type { WizardFeatureConfig } from "../domain/entities/wizard-config.types";
+
+export const IMAGE_TO_VIDEO_WIZARD_CONFIG: WizardFeatureConfig = {
+  id: "image-to-video",
+  name: "Image to Video",
+  steps: [
+    {
+      id: "photo_1",
+      type: "photo_upload",
+      label: "Your Photo",
+      showFaceDetection: false,
+      showPhotoTips: true,
+      required: true,
+    },
+    {
+      id: "motion_prompt",
+      type: "text_input",
+      required: false,
+      placeholderKey: "imageToVideo.motionPromptPlaceholder",
+      maxLength: 200,
+    },
+    {
+      id: "duration",
+      type: "selection",
+      selectionType: "duration",
+      options: [
+        { id: "5s", label: "5 seconds", value: 5 },
+        { id: "10s", label: "10 seconds", value: 10 },
+      ],
+      required: true,
+      defaultValue: "5s",
+    },
+  ],
+};

package/src/domains/generation/wizard/configs/index.ts

@@ -0,0 +1,8 @@
+/**
+ * Wizard Feature Configs
+ * Pre-built configs for common generation features
+ */
+
+export { TEXT_TO_IMAGE_WIZARD_CONFIG } from "./text-to-image.config";
+export { TEXT_TO_VIDEO_WIZARD_CONFIG } from "./text-to-video.config";
+export { IMAGE_TO_VIDEO_WIZARD_CONFIG } from "./image-to-video.config";

package/src/domains/generation/wizard/configs/text-to-image.config.ts

@@ -0,0 +1,29 @@
+/**
+ * Text to Image Wizard Config
+ * Config-driven wizard steps for text-to-image generation
+ */
+
+import type { WizardFeatureConfig } from "../domain/entities/wizard-config.types";
+
+export const TEXT_TO_IMAGE_WIZARD_CONFIG: WizardFeatureConfig = {
+  id: "text-to-image",
+  name: "Text to Image",
+  steps: [
+    {
+      id: "prompt",
+      type: "text_input",
+      required: true,
+      placeholderKey: "textToImage.promptPlaceholder",
+      minLength: 3,
+      maxLength: 1000,
+      multiline: true,
+    },
+    {
+      id: "style",
+      type: "selection",
+      selectionType: "style",
+      options: [],
+      required: false,
+    },
+  ],
+};

package/src/domains/generation/wizard/configs/text-to-video.config.ts

@@ -0,0 +1,33 @@
+/**
+ * Text to Video Wizard Config
+ * Config-driven wizard steps for text-to-video generation
+ */
+
+import type { WizardFeatureConfig } from "../domain/entities/wizard-config.types";
+
+export const TEXT_TO_VIDEO_WIZARD_CONFIG: WizardFeatureConfig = {
+  id: "text-to-video",
+  name: "Text to Video",
+  steps: [
+    {
+      id: "prompt",
+      type: "text_input",
+      required: true,
+      placeholderKey: "textToVideo.promptPlaceholder",
+      minLength: 3,
+      maxLength: 500,
+      multiline: true,
+    },
+    {
+      id: "duration",
+      type: "selection",
+      selectionType: "duration",
+      options: [
+        { id: "5s", label: "5 seconds", value: 5 },
+        { id: "10s", label: "10 seconds", value: 10 },
+      ],
+      required: true,
+      defaultValue: "5s",
+    },
+  ],
+};

package/src/domains/generation/wizard/index.ts

@@ -51,3 +51,6 @@ export type { GenericWizardFlowProps } from "./presentation/components";
 
 // Presentation - Screens
 export { GeneratingScreen } from "./presentation/screens";
+
+// Feature Configs
+export * from "./configs";

package/src/domains/generation/wizard/infrastructure/strategies/image-generation.strategy.ts

@@ -24,10 +24,13 @@ declare const __DEV__: boolean;
 // ============================================================================
 
 export interface ImageGenerationInput {
+  /** Photos are optional for text-to-image */
   readonly photos: readonly string[];
   readonly prompt: string;
   /** Optional interaction style for multi-person images */
   readonly interactionStyle?: InteractionStyle;
+  /** Optional style from wizard selection */
+  readonly style?: string;
 }
 
 export interface ImageGenerationResult {
@@ -40,29 +43,29 @@ export interface ImageGenerationResult {
 
 async function extractPhotosFromWizardData(
   wizardData: Record<string, unknown>,
-): Promise<string[] | null> {
+): Promise<string[]> {
   const photoKeys = Object.keys(wizardData)
     .filter((k) => k.includes(PHOTO_KEY_PREFIX))
     .sort();
 
   if (photoKeys.length === 0) {
-    if (typeof __DEV__ !== "undefined" && __DEV__) {
-      console.error("[ImageStrategy] No photos found", { keys: Object.keys(wizardData) });
-    }
-    return null;
+    return [];
   }
 
   const photoUris: string[] = [];
   for (const key of photoKeys) {
     const photo = wizardData[key] as { uri?: string };
-    if (!photo?.uri) return null;
-    photoUris.push(photo.uri);
+    if (photo?.uri) {
+      photoUris.push(photo.uri);
+    }
   }
 
-  const photosBase64 = await Promise.all(photoUris.map((uri) => readFileAsBase64(uri)));
-  const validPhotos = photosBase64.filter(Boolean) as string[];
+  if (photoUris.length === 0) {
+    return [];
+  }
 
-  return validPhotos.length > 0 ? validPhotos : null;
+  const photosBase64 = await Promise.all(photoUris.map((uri) => readFileAsBase64(uri)));
+  return photosBase64.filter(Boolean) as string[];
 }
 
 // ============================================================================
@@ -85,43 +88,53 @@ async function executeImageGeneration(
     const formatBase64 = (base64: string): string =>
       base64.startsWith("data:") ? base64 : `${BASE64_IMAGE_PREFIX}${base64}`;
 
-    const imageUrls = input.photos.map(formatBase64);
-    if (imageUrls.length === 0) {
-      return { success: false, error: "At least one image required" };
-    }
+    const hasPhotos = input.photos.length > 0;
+    const imageUrls = hasPhotos ? input.photos.map(formatBase64) : [];
 
-    // Build face preservation prompt dynamically based on number of people
-    const facePrompt = buildFacePreservationPrompt({
-      scenarioPrompt: input.prompt,
-      personCount: imageUrls.length,
-    });
+    let finalPrompt = input.prompt;
 
-    // Build interaction style prompt for multi-person images
-    const interactionPrompt = buildInteractionStylePrompt({
-      style: input.interactionStyle ?? "romantic",
-      personCount: imageUrls.length,
-    });
-
-    // Combine prompts: face preservation + interaction style
-    const enhancedPrompt = interactionPrompt
-      ? `${facePrompt}\n\n${interactionPrompt}`
-      : facePrompt;
+    if (hasPhotos) {
+      // Photo-based: Build face preservation prompt
+      const facePrompt = buildFacePreservationPrompt({
+        scenarioPrompt: input.prompt,
+        personCount: imageUrls.length,
+      });
 
-    if (typeof __DEV__ !== "undefined" && __DEV__) {
-      console.log("[ImageStrategy] Prompt built for", imageUrls.length, "person(s)", {
-        interactionStyle: input.interactionStyle ?? "romantic",
+      const interactionPrompt = buildInteractionStylePrompt({
+        style: input.interactionStyle ?? "romantic",
+        personCount: imageUrls.length,
       });
+
+      finalPrompt = interactionPrompt
+        ? `${facePrompt}\n\n${interactionPrompt}`
+        : facePrompt;
+
+      if (typeof __DEV__ !== "undefined" && __DEV__) {
+        console.log("[ImageStrategy] Photo-based generation for", imageUrls.length, "person(s)");
+      }
+    } else {
+      // Text-to-image: Use prompt with optional style
+      if (input.style && input.style !== DEFAULT_STYLE_VALUE) {
+        finalPrompt = `${input.prompt}. Style: ${input.style}`;
+      }
+
+      if (typeof __DEV__ !== "undefined" && __DEV__) {
+        console.log("[ImageStrategy] Text-to-image generation");
+      }
     }
 
-    const modelInput = {
-      image_urls: imageUrls,
-      prompt: enhancedPrompt,
+    const modelInput: Record<string, unknown> = {
+      prompt: finalPrompt,
       aspect_ratio: MODEL_INPUT_DEFAULTS.aspectRatio,
       output_format: MODEL_INPUT_DEFAULTS.outputFormat,
       num_images: MODEL_INPUT_DEFAULTS.numImages,
       enable_safety_checker: MODEL_INPUT_DEFAULTS.enableSafetyChecker,
     };
 
+    if (hasPhotos) {
+      modelInput.image_urls = imageUrls;
+    }
+
     let lastStatus = "";
     const result = await provider.subscribe(model, modelInput, {
       timeoutMs: GENERATION_TIMEOUT_MS,
@@ -151,39 +164,47 @@ export async function buildImageInput(
   scenario: WizardScenarioData,
 ): Promise<ImageGenerationInput | null> {
   const photos = await extractPhotosFromWizardData(wizardData);
-  if (!photos) return null;
 
-  if (!scenario.aiPrompt?.trim()) {
-    throw new Error(`Scenario "${scenario.id}" must have aiPrompt field`);
+  // Get prompt from wizardData (text_input step) OR scenario.aiPrompt
+  const userPrompt = wizardData.prompt as string | undefined;
+  const prompt = userPrompt?.trim() || scenario.aiPrompt?.trim();
+
+  if (!prompt) {
+    throw new Error("Prompt is required for image generation");
   }
 
-  let prompt = scenario.aiPrompt;
+  // For photo-based generation, apply style enhancements
+  let finalPrompt = prompt;
+  if (photos.length > 0) {
+    const styleEnhancements: string[] = [];
 
-  const styleEnhancements: string[] = [];
+    const romanticMoods = wizardData.selection_romantic_mood as string[] | undefined;
+    if (romanticMoods?.length) {
+      styleEnhancements.push(`Mood: ${romanticMoods.join(", ")}`);
+    }
 
-  const romanticMoods = wizardData.selection_romantic_mood as string[] | undefined;
-  if (romanticMoods?.length) {
-    styleEnhancements.push(`Mood: ${romanticMoods.join(", ")}`);
-  }
+    const artStyle = wizardData.selection_art_style as string | undefined;
+    if (artStyle && artStyle !== DEFAULT_STYLE_VALUE) {
+      styleEnhancements.push(`Art style: ${artStyle}`);
+    }
 
-  const artStyle = wizardData.selection_art_style as string | undefined;
-  if (artStyle && artStyle !== DEFAULT_STYLE_VALUE) {
-    styleEnhancements.push(`Art style: ${artStyle}`);
-  }
+    const artist = wizardData.selection_artist_style as string | undefined;
+    if (artist && artist !== DEFAULT_STYLE_VALUE) {
+      styleEnhancements.push(`Artist style: ${artist}`);
+    }
 
-  const artist = wizardData.selection_artist_style as string | undefined;
-  if (artist && artist !== DEFAULT_STYLE_VALUE) {
-    styleEnhancements.push(`Artist style: ${artist}`);
+    if (styleEnhancements.length > 0) {
+      finalPrompt = `${prompt}. ${styleEnhancements.join(", ")}`;
+    }
   }
 
-  if (styleEnhancements.length > 0) {
-    prompt = `${prompt}. ${styleEnhancements.join(", ")}`;
-  }
+  // Get style from wizard selection (for text-to-image)
+  const style = wizardData.style as string | undefined;
 
   // Get interaction style from scenario (default: romantic for couple apps)
   const interactionStyle = (scenario.interactionStyle as InteractionStyle) ?? "romantic";
 
-  return { photos, prompt, interactionStyle };
+  return { photos, prompt: finalPrompt, style, interactionStyle };
 }
 
 // ============================================================================

package/src/domains/generation/wizard/infrastructure/strategies/video-generation.strategy.ts

@@ -11,16 +11,18 @@ import type { WizardScenarioData } from "../../presentation/hooks/useWizardGener
 import type { WizardStrategy } from "./wizard-strategy.types";
 import { PHOTO_KEY_PREFIX, VIDEO_FEATURE_PATTERNS } from "./wizard-strategy.constants";
 
-declare const __DEV__: boolean;
-
 // ============================================================================
 // Types
 // ============================================================================
 
 export interface VideoGenerationInput {
-  readonly sourceImageBase64: string;
-  readonly targetImageBase64: string;
+  /** Source image (optional for text-to-video) */
+  readonly sourceImageBase64?: string;
+  /** Target image (optional, uses source if not provided) */
+  readonly targetImageBase64?: string;
   readonly prompt: string;
+  /** Video duration in seconds */
+  readonly duration?: number;
 }
 
 export interface VideoGenerationResult {
@@ -33,29 +35,29 @@ export interface VideoGenerationResult {
 
 async function extractPhotosFromWizardData(
   wizardData: Record<string, unknown>,
-): Promise<string[] | null> {
+): Promise<string[]> {
   const photoKeys = Object.keys(wizardData)
     .filter((k) => k.includes(PHOTO_KEY_PREFIX))
     .sort();
 
   if (photoKeys.length === 0) {
-    if (typeof __DEV__ !== "undefined" && __DEV__) {
-      console.error("[VideoStrategy] No photos found", { keys: Object.keys(wizardData) });
-    }
-    return null;
+    return [];
   }
 
   const photoUris: string[] = [];
   for (const key of photoKeys) {
     const photo = wizardData[key] as { uri?: string };
-    if (!photo?.uri) return null;
-    photoUris.push(photo.uri);
+    if (photo?.uri) {
+      photoUris.push(photo.uri);
+    }
   }
 
-  const photosBase64 = await Promise.all(photoUris.map((uri) => readFileAsBase64(uri)));
-  const validPhotos = photosBase64.filter(Boolean) as string[];
+  if (photoUris.length === 0) {
+    return [];
+  }
 
-  return validPhotos.length > 0 ? validPhotos : null;
+  const photosBase64 = await Promise.all(photoUris.map((uri) => readFileAsBase64(uri)));
+  return photosBase64.filter(Boolean) as string[];
 }
 
 // ============================================================================
@@ -83,16 +85,24 @@ export async function buildVideoInput(
   scenario: WizardScenarioData,
 ): Promise<VideoGenerationInput | null> {
   const photos = await extractPhotosFromWizardData(wizardData);
-  if (!photos || photos.length < 1) return null;
 
-  if (!scenario.aiPrompt?.trim()) {
-    throw new Error(`Scenario "${scenario.id}" must have aiPrompt field`);
+  // Get prompt from wizardData or scenario
+  const userPrompt = wizardData.prompt as string | undefined;
+  const motionPrompt = wizardData.motion_prompt as string | undefined;
+  const prompt = userPrompt?.trim() || motionPrompt?.trim() || scenario.aiPrompt?.trim();
+
+  if (!prompt) {
+    throw new Error("Prompt is required for video generation");
   }
 
+  // Get duration from wizardData
+  const duration = wizardData.duration as number | undefined;
+
   return {
     sourceImageBase64: photos[0],
     targetImageBase64: photos[1] || photos[0],
-    prompt: scenario.aiPrompt,
+    prompt,
+    duration,
   };
 }
 
@@ -120,8 +130,8 @@ export function createVideoStrategy(options: CreateVideoStrategyOptions): Wizard
       const result = await executeVideoFeature(
         videoFeatureType,
         {
-          sourceImageBase64: videoInput.sourceImageBase64,
-          targetImageBase64: videoInput.targetImageBase64,
+          sourceImageBase64: videoInput.sourceImageBase64 || "",
+          targetImageBase64: videoInput.targetImageBase64 || videoInput.sourceImageBase64 || "",
           prompt: videoInput.prompt,
         },
         { onProgress },

package/src/domains/generation/wizard/infrastructure/strategies/wizard-strategy.constants.ts

@@ -29,4 +29,6 @@ export const MODEL_INPUT_DEFAULTS = {
 export const VIDEO_FEATURE_PATTERNS: Record<string, VideoFeatureType> = {
   kiss: "ai-kiss",
   hug: "ai-hug",
+  "text-to-video": "text-to-video",
+  "image-to-video": "image-to-video",
 };