@umituz/react-native-ai-generation-content 1.25.6 → 1.25.10

package/package.json

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

package/src/domains/scenarios/configs/wizard-configs.ts

@@ -86,7 +86,7 @@ export const detectFeatureType = (scenarioId: string): FeatureType => {
 
 /**
  * Config Factory for COUPLE features (2 photos)
- * Generic numbered steps - labels come from translations
+ * Generic sequential labels for two-person scenarios
  */
 const createCoupleConfig = (scenarioId: string): WizardFeatureConfig => ({
   id: scenarioId,
@@ -95,8 +95,8 @@ const createCoupleConfig = (scenarioId: string): WizardFeatureConfig => ({
     {
       id: "photo_1",
       type: "photo_upload",
-      titleKey: "photoUpload.step1.title",
-      subtitleKey: "photoUpload.step1.subtitle",
+      titleKey: "photoUpload.couple.step1.title",
+      subtitleKey: "photoUpload.couple.step1.subtitle",
       showFaceDetection: true,
       showPhotoTips: true,
       required: true,
@@ -104,8 +104,8 @@ const createCoupleConfig = (scenarioId: string): WizardFeatureConfig => ({
     {
       id: "photo_2",
       type: "photo_upload",
-      titleKey: "photoUpload.step2.title",
-      subtitleKey: "photoUpload.step2.subtitle",
+      titleKey: "photoUpload.couple.step2.title",
+      subtitleKey: "photoUpload.couple.step2.subtitle",
       showFaceDetection: true,
       showPhotoTips: true,
       required: true,
@@ -164,8 +164,8 @@ const createTextBasedConfig = (scenarioId: string): WizardFeatureConfig => ({
 });
 
 /**
- * Config Factory for FACE_SWAP features (2 photos, different context)
- * Generic numbered steps - labels come from translations
+ * Config Factory for FACE_SWAP features (2 photos)
+ * Specific labels for face replacement scenarios
  */
 const createFaceSwapConfig = (scenarioId: string): WizardFeatureConfig => ({
   id: scenarioId,
@@ -174,8 +174,8 @@ const createFaceSwapConfig = (scenarioId: string): WizardFeatureConfig => ({
     {
       id: "photo_1",
       type: "photo_upload",
-      titleKey: "faceSwap.source.title",
-      subtitleKey: "faceSwap.source.subtitle",
+      titleKey: "photoUpload.faceSwap.step1.title",
+      subtitleKey: "photoUpload.faceSwap.step1.subtitle",
       showFaceDetection: true,
       showPhotoTips: true,
       required: true,
@@ -183,8 +183,8 @@ const createFaceSwapConfig = (scenarioId: string): WizardFeatureConfig => ({
     {
       id: "photo_2",
       type: "photo_upload",
-      titleKey: "faceSwap.target.title",
-      subtitleKey: "faceSwap.target.subtitle",
+      titleKey: "photoUpload.faceSwap.step2.title",
+      subtitleKey: "photoUpload.faceSwap.step2.subtitle",
       showFaceDetection: false,
       showPhotoTips: true,
       required: true,

package/src/domains/wizard/index.ts

@@ -63,3 +63,10 @@ export type {
   PhotoUploadConfig,
   PhotoUploadTranslations,
 } from "./presentation/hooks/usePhotoUploadState";
+
+export { useWizardGeneration } from "./presentation/hooks/useWizardGeneration";
+export type {
+  UseWizardGenerationProps,
+  UseWizardGenerationReturn,
+  WizardScenarioData,
+} from "./presentation/hooks/useWizardGeneration";

package/src/domains/wizard/infrastructure/renderers/step-renderer.tsx

@@ -50,6 +50,7 @@ export const renderStep = (props: StepRendererProps): React.ReactElement | null
       const photoConfig = wizardConfig as PhotoUploadStepConfig;
       return (
         <PhotoUploadStep
+          key={step.id}
           config={photoConfig}
           onContinue={(imageData) => {
             onContinue({ [`photo_${step.id}`]: imageData });

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

@@ -21,11 +21,19 @@ import type { StepDefinition } from "../../../../domain/entities/flow-config.typ
 import { renderStep } from "../../infrastructure/renderers/step-renderer";
 import type { WizardFeatureConfig } from "../../domain/entities/wizard-config.types";
 import { buildFlowStepsFromWizard } from "../../infrastructure/builders/dynamic-step-builder";
+import { useWizardGeneration, type WizardScenarioData } from "../hooks/useWizardGeneration";
+import type { AlertMessages } from "../../../../presentation/hooks/generation/orchestrator.types";
 
 export interface GenericWizardFlowProps {
   readonly featureConfig: WizardFeatureConfig;
+  readonly scenario?: WizardScenarioData;
+  readonly userId?: string;
+  readonly alertMessages?: AlertMessages;
   readonly onStepChange?: (stepId: string, stepType: StepType | string) => void;
   readonly onGenerationStart?: (data: Record<string, unknown>, proceedToGenerating: () => void) => void;
+  readonly onGenerationComplete?: (result: unknown) => void;
+  readonly onGenerationError?: (error: string) => void;
+  readonly onCreditsExhausted?: () => void;
   readonly onBack?: () => void;
   readonly t: (key: string) => string;
   readonly translations?: Record<string, string>;
@@ -36,8 +44,14 @@ export interface GenericWizardFlowProps {
 
 export const GenericWizardFlow: React.FC<GenericWizardFlowProps> = ({
   featureConfig,
+  scenario,
+  userId,
+  alertMessages,
   onStepChange,
   onGenerationStart,
+  onGenerationComplete,
+  onGenerationError,
+  onCreditsExhausted,
   onBack,
   t,
   translations,
@@ -61,6 +75,21 @@ export const GenericWizardFlow: React.FC<GenericWizardFlowProps> = ({
     initialStepIndex: 0,
   });
 
+  // Generation hook - handles AI generation automatically
+  const generationHook = useWizardGeneration({
+    scenario: scenario || { id: featureConfig.id, aiPrompt: "" },
+    wizardData: flow.customData,
+    userId,
+    isGeneratingStep: flow.currentStep?.type === StepType.GENERATING,
+    alertMessages,
+    onSuccess: onGenerationComplete,
+    onError: onGenerationError,
+    onProgressChange: (progress) => {
+      flow.setGenerationProgress(progress);
+    },
+    onCreditsExhausted,
+  });
+
   // DEBUG logging
   if (typeof __DEV__ !== "undefined" && __DEV__) {
     console.log("[GenericWizardFlow] Render", {

package/src/domains/wizard/presentation/hooks/useWizardGeneration.ts

@@ -0,0 +1,261 @@
+/**
+ * useWizardGeneration Hook
+ * Generic generation hook for ANY wizard-based scenario
+ * Handles video generation for couple features (ai-hug, ai-kiss, etc.)
+ */
+
+import { useEffect, useRef, useMemo, useCallback } from "react";
+import * as FileSystem from "expo-file-system";
+import {
+  useGenerationOrchestrator,
+  type GenerationStrategy,
+} from "../../../../presentation/hooks/generation";
+import { executeVideoFeature } from "../../../../infrastructure/services/video-feature-executor.service";
+import { createCreationsRepository } from "../../../../domains/creations/infrastructure/adapters";
+import type { VideoFeatureType } from "../../../../domain/interfaces";
+import type { AlertMessages } from "../../../../presentation/hooks/generation/orchestrator.types";
+
+declare const __DEV__: boolean;
+
+export interface WizardScenarioData {
+  readonly id: string;
+  readonly aiPrompt: string;
+  readonly title?: string;
+  readonly description?: string;
+  [key: string]: unknown;
+}
+
+interface VideoGenerationInput {
+  readonly sourceImageBase64: string;
+  readonly targetImageBase64: string;
+  readonly prompt: string;
+}
+
+export interface UseWizardGenerationProps {
+  readonly scenario: WizardScenarioData;
+  readonly wizardData: Record<string, unknown>;
+  readonly userId?: string;
+  readonly isGeneratingStep: boolean;
+  readonly alertMessages?: AlertMessages;
+  readonly onSuccess?: (result: unknown) => void;
+  readonly onError?: (error: string) => void;
+  readonly onProgressChange?: (progress: number) => void;
+  readonly onCreditsExhausted?: () => void;
+}
+
+export interface UseWizardGenerationReturn {
+  readonly isGenerating: boolean;
+  readonly progress: number;
+}
+
+function getVideoFeatureType(scenarioId: string): VideoFeatureType {
+  const id = scenarioId.toLowerCase();
+
+  if (id.includes("kiss")) return "ai-kiss";
+  if (id.includes("hug")) return "ai-hug";
+
+  if (typeof __DEV__ !== "undefined" && __DEV__) {
+    console.warn(`[useWizardGeneration] Unknown scenario type "${scenarioId}", defaulting to ai-hug`);
+  }
+  return "ai-hug";
+}
+
+async function convertUriToBase64(uri: string): Promise<string> {
+  try {
+    const base64 = await FileSystem.readAsStringAsync(uri, {
+      encoding: FileSystem.EncodingType.Base64,
+    });
+    return base64;
+  } catch (error) {
+    if (typeof __DEV__ !== "undefined" && __DEV__) {
+      console.error("[useWizardGeneration] Base64 conversion failed:", error);
+    }
+    throw new Error("Failed to convert image to base64");
+  }
+}
+
+async function buildGenerationInput(
+  wizardData: Record<string, unknown>,
+  scenario: WizardScenarioData,
+): Promise<VideoGenerationInput | null> {
+  const photo1Key = Object.keys(wizardData).find((k) => k.includes("photo_1"));
+  const photo2Key = Object.keys(wizardData).find((k) => k.includes("photo_2"));
+
+  if (!photo1Key || !photo2Key) {
+    if (typeof __DEV__ !== "undefined" && __DEV__) {
+      console.error("[useWizardGeneration] Missing photos in wizard data", {
+        keys: Object.keys(wizardData),
+        hasPhoto1: !!photo1Key,
+        hasPhoto2: !!photo2Key,
+      });
+    }
+    return null;
+  }
+
+  const photo1 = wizardData[photo1Key] as { uri?: string; base64?: string };
+  const photo2 = wizardData[photo2Key] as { uri?: string; base64?: string };
+
+  if (!photo1?.uri || !photo2?.uri) {
+    if (typeof __DEV__ !== "undefined" && __DEV__) {
+      console.error("[useWizardGeneration] Photos missing URI", {
+        photo1HasUri: !!photo1?.uri,
+        photo2HasUri: !!photo2?.uri,
+      });
+    }
+    return null;
+  }
+
+  const [photo1Base64, photo2Base64] = await Promise.all([
+    convertUriToBase64(photo1.uri),
+    convertUriToBase64(photo2.uri),
+  ]);
+
+  return {
+    sourceImageBase64: photo1Base64,
+    targetImageBase64: photo2Base64,
+    prompt: scenario.aiPrompt || `Generate ${scenario.id} scene`,
+  };
+}
+
+export const useWizardGeneration = (
+  props: UseWizardGenerationProps,
+): UseWizardGenerationReturn => {
+  const {
+    scenario,
+    wizardData,
+    userId,
+    isGeneratingStep,
+    alertMessages,
+    onSuccess,
+    onError,
+    onProgressChange,
+    onCreditsExhausted,
+  } = props;
+
+  const hasStarted = useRef(false);
+  const lastInputRef = useRef<VideoGenerationInput | null>(null);
+  const repository = useMemo(() => createCreationsRepository("creations"), []);
+  const videoFeatureType = useMemo(() => getVideoFeatureType(scenario.id), [scenario.id]);
+
+  const strategy: GenerationStrategy<VideoGenerationInput, { videoUrl: string }> = useMemo(
+    () => ({
+      execute: async (input, onProgress) => {
+        if (typeof __DEV__ !== "undefined" && __DEV__) {
+          console.log("[useWizardGeneration] Executing generation", {
+            scenarioId: scenario.id,
+            featureType: videoFeatureType,
+          });
+        }
+
+        lastInputRef.current = input;
+
+        const result = await executeVideoFeature(
+          videoFeatureType,
+          {
+            sourceImageBase64: input.sourceImageBase64,
+            targetImageBase64: input.targetImageBase64,
+            prompt: input.prompt,
+          },
+          { onProgress },
+        );
+
+        if (!result.success || !result.videoUrl) {
+          throw new Error(result.error || "Video generation failed");
+        }
+
+        return { videoUrl: result.videoUrl };
+      },
+      getCreditCost: () => 1,
+      save: async (result, uid) => {
+        const input = lastInputRef.current;
+        if (!input || !result.videoUrl) return;
+
+        const creation = {
+          videoUrl: result.videoUrl,
+          scenarioId: scenario.id,
+          scenarioTitle: scenario.title || scenario.id,
+          prompt: input.prompt,
+          createdAt: Date.now(),
+        };
+
+        await repository.create(uid, creation);
+
+        if (typeof __DEV__ !== "undefined" && __DEV__) {
+          console.log("[useWizardGeneration] Creation saved");
+        }
+      },
+    }),
+    [scenario, videoFeatureType, repository],
+  );
+
+  const { generate, isGenerating, progress } = useGenerationOrchestrator(strategy, {
+    userId,
+    alertMessages,
+    onCreditsExhausted,
+    onSuccess: useCallback(
+      (result) => {
+        if (typeof __DEV__ !== "undefined" && __DEV__) {
+          console.log("[useWizardGeneration] Success");
+        }
+        onSuccess?.(result);
+      },
+      [onSuccess],
+    ),
+    onError: useCallback(
+      (err) => {
+        if (typeof __DEV__ !== "undefined" && __DEV__) {
+          console.log("[useWizardGeneration] Error:", err.message);
+        }
+        onError?.(err.message);
+      },
+      [onError],
+    ),
+  });
+
+  useEffect(() => {
+    if (onProgressChange) {
+      onProgressChange(progress);
+    }
+  }, [progress, onProgressChange]);
+
+  useEffect(() => {
+    if (isGeneratingStep && !hasStarted.current && !isGenerating) {
+      if (typeof __DEV__ !== "undefined" && __DEV__) {
+        console.log("[useWizardGeneration] Starting generation", {
+          scenarioId: scenario.id,
+          wizardDataKeys: Object.keys(wizardData),
+        });
+      }
+
+      buildGenerationInput(wizardData, scenario)
+        .then((input) => {
+          if (!input) {
+            const error = "Failed to build generation input";
+            if (typeof __DEV__ !== "undefined" && __DEV__) {
+              console.error("[useWizardGeneration]", error);
+            }
+            onError?.(error);
+            return;
+          }
+
+          generate(input);
+          hasStarted.current = true;
+        })
+        .catch((error) => {
+          if (typeof __DEV__ !== "undefined" && __DEV__) {
+            console.error("[useWizardGeneration] Input build error:", error);
+          }
+          onError?.(error.message || "Failed to prepare generation");
+        });
+    }
+
+    if (!isGeneratingStep && hasStarted.current) {
+      hasStarted.current = false;
+    }
+  }, [isGeneratingStep, scenario, wizardData, isGenerating, generate, onError]);
+
+  return {
+    isGenerating,
+    progress,
+  };
+};

package/src/domains/wizard/presentation/steps/PhotoUploadStep.tsx

@@ -47,7 +47,6 @@ export const PhotoUploadStep: React.FC<PhotoUploadStepProps> = ({
         maxFileSize: t("common.errors.max_file_size"),
         error: t("common.error"),
         uploadFailed: t("common.errors.upload_failed"),
-        aiDisclosure: t("photoUpload.aiDisclosure"),
       }}
       t={t}
       config={{