@umituz/react-native-ai-generation-content 1.24.3 → 1.25.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.24.3",
+  "version": "1.25.2",
   "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

@@ -1,16 +1,93 @@
 /**
  * Wizard Configurations for ALL Scenarios
- * Each scenario defines its wizard flow here
- * NO feature-specific code - just configs!
+ * Auto-detects feature type and generates appropriate config
+ * Supports overrides for customization
  */
 
 import type { WizardFeatureConfig } from "../../wizard/domain/entities/wizard-config.types";
 
 /**
- * COUPLE SCENARIOS - 2 Photo Uploads
- * romantic-kiss, ai-hug, couple-future, couple-ai-baby, etc.
+ * Feature Type Classification
+ * Determines wizard flow based on scenario characteristics
  */
-const createCoupleWizardConfig = (scenarioId: string): WizardFeatureConfig => ({
+export enum FeatureType {
+  COUPLE = "couple",               // 2 photos - romantic/partner scenarios
+  SINGLE_PHOTO = "single_photo",   // 1 photo - editing/transformation
+  FACE_SWAP = "face_swap",         // 2 photos - face replacement
+  TEXT_BASED = "text_based",       // 0 photos - text-to-media
+}
+
+/**
+ * Feature Detection Patterns
+ * Regex patterns to auto-detect feature type from scenario ID
+ */
+const FEATURE_PATTERNS: Record<FeatureType, RegExp[]> = {
+  [FeatureType.COUPLE]: [
+    /kiss/i,           // romantic-kiss, ai-kiss, first-kiss, etc.
+    /hug/i,            // ai-hug, back-hug, bear-hug, etc.
+    /couple/i,         // couple-future, couple-ai-baby
+    /partner/i,        // partner scenarios
+    /wedding/i,        // wedding scenarios
+    /anniversary/i,
+    /dance/i,          // first-dance, etc.
+    /together/i,
+    /embrace/i,
+    /romance/i,
+    /love/i,
+    /relationship/i,
+    /years/i,          // 5-years, 10-years (couple-future)
+    /age/i,            // old-age (couple-future)
+    /future.*child/i,  // future-child
+    /parenthood/i,
+    /proposal/i,
+    /engagement/i,
+  ],
+
+  [FeatureType.SINGLE_PHOTO]: [
+    /background.*remove/i,
+    /remove.*background/i,
+    /photo.*restore/i,
+    /restore.*photo/i,
+    /upscale/i,
+    /hd.*touch/i,
+    /touch.*up/i,
+    /enhance/i,
+    /anime.*selfie/i,
+    /selfie.*anime/i,
+    /image.*to.*video/i,
+    /remove.*object/i,
+    /object.*remove/i,
+  ],
+
+  [FeatureType.TEXT_BASED]: [
+    /text.*to.*video/i,
+    /text.*to.*image/i,
+    /prompt.*to/i,
+  ],
+
+  [FeatureType.FACE_SWAP]: [
+    /face.*swap/i,
+    /swap.*face/i,
+  ],
+};
+
+/**
+ * Detect feature type from scenario ID
+ */
+export const detectFeatureType = (scenarioId: string): FeatureType => {
+  for (const [type, patterns] of Object.entries(FEATURE_PATTERNS)) {
+    if (patterns.some((pattern) => pattern.test(scenarioId))) {
+      return type as FeatureType;
+    }
+  }
+  // Default: COUPLE (most common in AI video generation apps)
+  return FeatureType.COUPLE;
+};
+
+/**
+ * Config Factory for COUPLE features (2 photos)
+ */
+const createCoupleConfig = (scenarioId: string): WizardFeatureConfig => ({
   id: scenarioId,
   name: scenarioId,
   steps: [
@@ -18,8 +95,8 @@ const createCoupleWizardConfig = (scenarioId: string): WizardFeatureConfig => ({
       id: "photo_a",
       type: "photo_upload",
       label: "First Partner",
-      titleKey: `${scenarioId}.partnerA.title`,
-      subtitleKey: `${scenarioId}.partnerA.subtitle`,
+      titleKey: "photoUpload.step1.title",
+      subtitleKey: "photoUpload.step1.subtitle",
       showFaceDetection: true,
       showPhotoTips: true,
       required: true,
@@ -28,8 +105,8 @@ const createCoupleWizardConfig = (scenarioId: string): WizardFeatureConfig => ({
       id: "photo_b",
       type: "photo_upload",
       label: "Second Partner",
-      titleKey: `${scenarioId}.partnerB.title`,
-      subtitleKey: `${scenarioId}.partnerB.subtitle`,
+      titleKey: "photoUpload.step2.title",
+      subtitleKey: "photoUpload.step2.subtitle",
       showFaceDetection: true,
       showPhotoTips: true,
       required: true,
@@ -38,79 +115,38 @@ const createCoupleWizardConfig = (scenarioId: string): WizardFeatureConfig => ({
 });
 
 /**
- * SINGLE PHOTO SCENARIOS
- * image-to-video, face-swap (source), etc.
+ * Config Factory for SINGLE_PHOTO features (1 photo)
  */
-const createSinglePhotoWizardConfig = (
-  scenarioId: string,
-  options?: {
-    requireStyle?: boolean;
-    requireDuration?: boolean;
-  },
-): WizardFeatureConfig => {
-  const steps: WizardFeatureConfig["steps"] = [
+const createSinglePhotoConfig = (scenarioId: string): WizardFeatureConfig => ({
+  id: scenarioId,
+  name: scenarioId,
+  steps: [
     {
       id: "photo",
       type: "photo_upload",
       label: "Your Photo",
-      titleKey: `${scenarioId}.photo.title`,
-      subtitleKey: `${scenarioId}.photo.subtitle`,
+      titleKey: "photoUpload.single.title",
+      subtitleKey: "photoUpload.single.subtitle",
       showFaceDetection: false,
       showPhotoTips: true,
       required: true,
     },
-  ];
-
-  // Add style selection if needed
-  if (options?.requireStyle) {
-    steps.push({
-      id: "style_selection",
-      type: "selection",
-      selectionType: "style",
-      titleKey: `${scenarioId}.style.title`,
-      subtitleKey: `${scenarioId}.style.subtitle`,
-      options: [], // Filled by feature
-      required: true,
-    });
-  }
-
-  // Add duration selection if needed
-  if (options?.requireDuration) {
-    steps.push({
-      id: "duration_selection",
-      type: "selection",
-      selectionType: "duration",
-      titleKey: `${scenarioId}.duration.title`,
-      subtitleKey: `${scenarioId}.duration.subtitle`,
-      options: [
-        { id: "5s", label: "5 seconds", value: 5 },
-        { id: "10s", label: "10 seconds", value: 10 },
-        { id: "15s", label: "15 seconds", value: 15 },
-      ],
-      required: true,
-    });
-  }
-
-  return {
-    id: scenarioId,
-    name: scenarioId,
-    steps,
-  };
-};
+  ],
+});
 
 /**
- * TEXT-TO-VIDEO SCENARIOS
+ * Config Factory for TEXT_BASED features (0 photos, text input)
  */
-const createTextToVideoWizardConfig = (scenarioId: string): WizardFeatureConfig => ({
+const createTextBasedConfig = (scenarioId: string): WizardFeatureConfig => ({
   id: scenarioId,
   name: scenarioId,
   steps: [
     {
       id: "text_input",
       type: "text_input",
-      titleKey: `${scenarioId}.prompt.title`,
-      subtitleKey: `${scenarioId}.prompt.subtitle`,
-      placeholderKey: `${scenarioId}.prompt.placeholder`,
+      titleKey: "textInput.title",
+      subtitleKey: "textInput.subtitle",
+      placeholderKey: "textInput.placeholder",
       minLength: 10,
       maxLength: 500,
       multiline: true,
@@ -120,102 +156,129 @@ const createTextToVideoWizardConfig = (scenarioId: string): WizardFeatureConfig
       id: "style_selection",
       type: "selection",
       selectionType: "style",
-      titleKey: `${scenarioId}.style.title`,
-      options: [], // Filled by feature
-      required: true,
-    },
-    {
-      id: "duration_selection",
-      type: "selection",
-      selectionType: "duration",
-      titleKey: `${scenarioId}.duration.title`,
-      options: [
-        { id: "5s", label: "5 seconds", value: 5 },
-        { id: "10s", label: "10 seconds", value: 10 },
-      ],
-      required: true,
+      titleKey: "styleSelection.title",
+      subtitleKey: "styleSelection.subtitle",
+      options: [], // Provided by app/feature
+      required: false,
     },
   ],
 });
 
 /**
- * SCENARIO WIZARD CONFIG REGISTRY
- * Maps scenario ID to wizard config
- */
-export const SCENARIO_WIZARD_CONFIGS: Record<string, WizardFeatureConfig> = {
-  // COUPLE SCENARIOS (2 photos)
-  "romantic-kiss": createCoupleWizardConfig("romantic-kiss"),
-  "ai-hug": createCoupleWizardConfig("ai-hug"),
-  "couple-future-40": createCoupleWizardConfig("couple-future-40"),
-  "couple-future-50": createCoupleWizardConfig("couple-future-50"),
-  "couple-future-60": createCoupleWizardConfig("couple-future-60"),
-  "couple-future-70": createCoupleWizardConfig("couple-future-70"),
-  "couple-future-80": createCoupleWizardConfig("couple-future-80"),
-  "couple-ai-baby": createCoupleWizardConfig("couple-ai-baby"),
-
-  // SINGLE PHOTO SCENARIOS
-  "image-to-video": createSinglePhotoWizardConfig("image-to-video", {
-    requireStyle: true,
-    requireDuration: true,
-  }),
-  "face-swap": createSinglePhotoWizardConfig("face-swap"),
-  "anime-selfie": createSinglePhotoWizardConfig("anime-selfie"),
-
-  // TEXT-TO-VIDEO SCENARIOS
-  "text-to-video": createTextToVideoWizardConfig("text-to-video"),
-};
-
-/**
- * DEFAULT WIZARD CONFIG
- * Used for ALL scenarios that don't have specific config
- * Couple/Partner scenarios → 2 photo uploads
+ * Config Factory for FACE_SWAP features (2 photos, different context)
  */
-const DEFAULT_WIZARD_CONFIG = (scenarioId: string): WizardFeatureConfig => ({
+const createFaceSwapConfig = (scenarioId: string): WizardFeatureConfig => ({
   id: scenarioId,
   name: scenarioId,
   steps: [
     {
-      id: "photo_a",
+      id: "source_photo",
       type: "photo_upload",
-      label: "First Partner",
-      titleKey: "photoUpload.step1.title",
-      subtitleKey: "photoUpload.step1.subtitle",
+      label: "Source Face",
+      titleKey: "faceSwap.source.title",
+      subtitleKey: "faceSwap.source.subtitle",
       showFaceDetection: true,
       showPhotoTips: true,
       required: true,
     },
     {
-      id: "photo_b",
+      id: "target_photo",
       type: "photo_upload",
-      label: "Second Partner",
-      titleKey: "photoUpload.step2.title",
-      subtitleKey: "photoUpload.step2.subtitle",
-      showFaceDetection: true,
+      label: "Target Photo",
+      titleKey: "faceSwap.target.title",
+      subtitleKey: "faceSwap.target.subtitle",
+      showFaceDetection: false,
       showPhotoTips: true,
       required: true,
     },
   ],
 });
 
+/**
+ * Config Factories Registry
+ */
+const FEATURE_CONFIG_FACTORIES: Record<FeatureType, (id: string) => WizardFeatureConfig> = {
+  [FeatureType.COUPLE]: createCoupleConfig,
+  [FeatureType.SINGLE_PHOTO]: createSinglePhotoConfig,
+  [FeatureType.TEXT_BASED]: createTextBasedConfig,
+  [FeatureType.FACE_SWAP]: createFaceSwapConfig,
+};
+
+/**
+ * Explicit Wizard Configs (Optional)
+ * Define specific configs for scenarios that need custom flows
+ * Most scenarios will use auto-generated configs from factories
+ */
+export const SCENARIO_WIZARD_CONFIGS: Record<string, WizardFeatureConfig> = {
+  // Add custom configs here only if needed
+  // Example:
+  // "special-scenario": {
+  //   id: "special-scenario",
+  //   steps: [...custom steps]
+  // }
+};
+
+/**
+ * Merge config overrides
+ */
+const mergeConfigOverrides = (
+  config: WizardFeatureConfig,
+  overrides?: Partial<WizardFeatureConfig>,
+): WizardFeatureConfig => {
+  if (!overrides) return config;
+
+  return {
+    ...config,
+    ...overrides,
+    steps: overrides.steps || config.steps,
+  };
+};
+
 /**
  * Get wizard config for a scenario
- * Returns specific config if exists, otherwise returns DEFAULT config
+ * 1. Check for explicit config in SCENARIO_WIZARD_CONFIGS
+ * 2. Auto-detect feature type and generate config
+ * 3. Apply overrides if provided
+ *
  * This means ALL scenarios work automatically!
  */
-export const getScenarioWizardConfig = (scenarioId: string): WizardFeatureConfig => {
-  return SCENARIO_WIZARD_CONFIGS[scenarioId] || DEFAULT_WIZARD_CONFIG(scenarioId);
+export const getScenarioWizardConfig = (
+  scenarioId: string,
+  overrides?: Partial<WizardFeatureConfig>,
+): WizardFeatureConfig => {
+  // 1. Explicit config (highest priority)
+  if (SCENARIO_WIZARD_CONFIGS[scenarioId]) {
+    return mergeConfigOverrides(SCENARIO_WIZARD_CONFIGS[scenarioId], overrides);
+  }
+
+  // 2. Auto-detect feature type
+  const featureType = detectFeatureType(scenarioId);
+
+  if (typeof __DEV__ !== "undefined" && __DEV__) {
+    console.log("[WizardConfig] Auto-detected feature type", {
+      scenarioId,
+      featureType,
+    });
+  }
+
+  // 3. Generate config from factory
+  const factory = FEATURE_CONFIG_FACTORIES[featureType];
+  const config = factory(scenarioId);
+
+  // 4. Apply overrides
+  return mergeConfigOverrides(config, overrides);
 };
 
 /**
- * Check if scenario has wizard config
+ * Check if scenario has explicit wizard config
  */
-export const hasWizardConfig = (scenarioId: string): boolean => {
+export const hasExplicitConfig = (scenarioId: string): boolean => {
   return scenarioId in SCENARIO_WIZARD_CONFIGS;
 };
 
 /**
- * Get all scenario IDs with wizard configs
+ * Get feature type for a scenario
  */
-export const getConfiguredScenarioIds = (): string[] => {
-  return Object.keys(SCENARIO_WIZARD_CONFIGS);
+export const getScenarioFeatureType = (scenarioId: string): FeatureType => {
+  return detectFeatureType(scenarioId);
 };

package/src/domains/scenarios/index.ts

@@ -14,10 +14,12 @@ export { SCENARIOS } from "./infrastructure/ScenariosData";
 // Utils
 export { createStoryTemplate } from "./infrastructure/utils/scenario-utils";
 
-// Wizard Configurations - Each scenario's wizard flow
+// Wizard Configurations - Auto-detects feature type and generates config
 export {
+  FeatureType,
   SCENARIO_WIZARD_CONFIGS,
+  detectFeatureType,
   getScenarioWizardConfig,
-  hasWizardConfig,
-  getConfiguredScenarioIds,
+  hasExplicitConfig,
+  getScenarioFeatureType,
 } from "./configs/wizard-configs";

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

@@ -29,7 +29,7 @@ export interface GenericWizardFlowProps {
   readonly onBack?: () => void;
   readonly t: (key: string) => string;
   readonly translations?: Record<string, string>;
-  readonly renderPreview?: () => React.ReactElement | null;
+  readonly renderPreview?: (onContinue: () => void) => React.ReactElement | null;
   readonly renderGenerating?: (progress: number) => React.ReactElement | null;
   readonly renderResult?: (result: unknown) => React.ReactElement | null;
 }
@@ -144,7 +144,8 @@ export const GenericWizardFlow: React.FC<GenericWizardFlowProps> = ({
     // Special steps with custom renderers
     switch (step.type) {
       case StepType.SCENARIO_PREVIEW:
-        return renderPreview?.() || null;
+        // Preview continues to next step automatically
+        return renderPreview?.(flow.nextStep) || null;
 
       case StepType.GENERATING:
         return renderGenerating?.(flow.generationProgress) || null;