@umituz/react-native-ai-generation-content 1.37.8 → 1.37.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.37.8",
+  "version": "1.37.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/creations/presentation/screens/CreationsGalleryScreen.tsx

@@ -1,5 +1,5 @@
 import React, { useState, useMemo, useCallback, useEffect, useRef } from "react";
-import { View, FlatList, RefreshControl, StyleSheet } from "react-native";
+import { View, FlatList, RefreshControl } from "react-native";
 import {
   useAppDesignTokens,
   FilterSheet,
@@ -16,20 +16,10 @@ import { usePendingJobs } from "../../../../presentation/hooks/use-pending-jobs"
 import { MEDIA_FILTER_OPTIONS, STATUS_FILTER_OPTIONS } from "../../domain/types/creation-filter";
 import { getPreviewUrl } from "../../domain/utils";
 import type { Creation } from "../../domain/entities/Creation";
-import type { CreationsConfig } from "../../domain/value-objects/CreationsConfig";
-import type { ICreationsRepository } from "../../domain/repositories/ICreationsRepository";
-
-interface CreationsGalleryScreenProps {
-  readonly userId: string | null;
-  readonly repository: ICreationsRepository;
-  readonly config: CreationsConfig;
-  readonly t: (key: string) => string;
-  readonly initialCreationId?: string;
-  readonly onEmptyAction?: () => void;
-  readonly emptyActionLabel?: string;
-  readonly showFilter?: boolean;
-  readonly showPendingJobs?: boolean;
-}
+import type { CreationsGalleryScreenProps } from "./creations-gallery.types";
+import { creationsGalleryStyles as styles } from "./creations-gallery.styles";
+
+export type { CreationsGalleryScreenProps } from "./creations-gallery.types";
 
 export function CreationsGalleryScreen({
   userId,
@@ -51,7 +41,6 @@ export function CreationsGalleryScreen({
   const { jobs: pendingJobs } = usePendingJobs();
   const deleteMutation = useDeleteCreation({ 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);
@@ -200,9 +189,3 @@ export function CreationsGalleryScreen({
     </ScreenLayout>
   );
 }
-
-const styles = StyleSheet.create({
-  header: { borderBottomWidth: 1 },
-  listContent: { paddingHorizontal: 16, paddingTop: 16 },
-  emptyContent: { flexGrow: 1 },
-});

package/src/domains/creations/presentation/screens/creations-gallery.styles.ts

@@ -0,0 +1,11 @@
+/**
+ * Creations Gallery Screen Styles
+ */
+
+import { StyleSheet } from "react-native";
+
+export const creationsGalleryStyles = StyleSheet.create({
+  header: { borderBottomWidth: 1 },
+  listContent: { paddingHorizontal: 16, paddingTop: 16 },
+  emptyContent: { flexGrow: 1 },
+});

package/src/domains/creations/presentation/screens/creations-gallery.types.ts

@@ -0,0 +1,18 @@
+/**
+ * Creations Gallery Screen Types
+ */
+
+import type { CreationsConfig } from "../../domain/value-objects/CreationsConfig";
+import type { ICreationsRepository } from "../../domain/repositories/ICreationsRepository";
+
+export interface CreationsGalleryScreenProps {
+  readonly userId: string | null;
+  readonly repository: ICreationsRepository;
+  readonly config: CreationsConfig;
+  readonly t: (key: string) => string;
+  readonly initialCreationId?: string;
+  readonly onEmptyAction?: () => void;
+  readonly emptyActionLabel?: string;
+  readonly showFilter?: boolean;
+  readonly showPendingJobs?: boolean;
+}

package/src/domains/generation/infrastructure/flow/scenario-configs.ts

@@ -0,0 +1,69 @@
+/**
+ * Scenario Configurations
+ * Pre-defined step configurations for common scenarios
+ */
+
+import type { ScenarioStepConfig } from "../../../../domain/entities/step-config.types";
+
+export const SCENARIO_CONFIGS: Record<string, ScenarioStepConfig> = {
+  "romantic-kiss": {
+    photoUploads: {
+      count: 2,
+      labels: ["First Partner", "Second Partner"],
+      showFaceDetection: true,
+      showNameInput: false,
+    },
+  },
+  "couple-hug": {
+    photoUploads: {
+      count: 2,
+      labels: ["Partner A", "Partner B"],
+      showFaceDetection: true,
+    },
+  },
+  "image-to-video": {
+    photoUploads: {
+      count: 1,
+      labels: ["Your Photo"],
+      showFaceDetection: false,
+    },
+    styleSelection: {
+      enabled: true,
+      required: true,
+    },
+    durationSelection: {
+      enabled: true,
+      required: true,
+    },
+  },
+  "text-to-video": {
+    textInput: {
+      enabled: true,
+      required: true,
+      minLength: 10,
+      maxLength: 500,
+    },
+    styleSelection: {
+      enabled: true,
+      required: true,
+    },
+    durationSelection: {
+      enabled: true,
+      required: true,
+    },
+  },
+  "advanced-generation": {
+    photoUploads: {
+      count: 1,
+      labels: ["Base Image"],
+    },
+    textInput: {
+      enabled: true,
+      required: false,
+    },
+    styleSelection: {
+      enabled: true,
+      required: true,
+    },
+  },
+};

package/src/domains/generation/infrastructure/flow/{step-builder.ts → step-builders.ts}

@@ -1,6 +1,6 @@
 /**
- * Dynamic Step Builder
- * Builds step definitions from configuration
+ * Step Builders
+ * Functions for building step definitions from configuration
  */
 
 import { StepType } from "../../../../domain/entities/flow-config.types";
@@ -12,7 +12,6 @@ import type {
 
 /**
  * Build steps from scenario configuration
- * Automatically creates photo upload steps, text input, etc. based on config
  */
 export const buildStepsFromScenario = (
   scenarioId: string,
@@ -20,7 +19,6 @@ export const buildStepsFromScenario = (
 ): DynamicStepDefinition[] => {
   const steps: DynamicStepDefinition[] = [];
 
-  // Add photo upload steps (dynamic count)
   if (config.photoUploads && config.photoUploads.count > 0) {
     for (let i = 0; i < config.photoUploads.count; i++) {
       const photoConfig: PhotoUploadStepConfig = {
@@ -34,14 +32,13 @@ export const buildStepsFromScenario = (
 
       steps.push({
         id: `PHOTO_UPLOAD_${i}`,
-        type: StepType.PARTNER_UPLOAD, // Reuse existing type
+        type: StepType.PARTNER_UPLOAD,
         config: photoConfig,
         required: true,
       });
     }
   }
 
-  // Add text input step
   if (config.textInput?.enabled) {
     steps.push({
       id: "TEXT_INPUT",
@@ -56,7 +53,6 @@ export const buildStepsFromScenario = (
     });
   }
 
-  // Add style selection step
   if (config.styleSelection?.enabled) {
     steps.push({
       id: "STYLE_SELECTION",
@@ -70,7 +66,6 @@ export const buildStepsFromScenario = (
     });
   }
 
-  // Add duration selection step
   if (config.durationSelection?.enabled) {
     steps.push({
       id: "DURATION_SELECTION",
@@ -89,13 +84,11 @@ export const buildStepsFromScenario = (
 
 /**
  * Build steps with conditional navigation
- * Allows data-driven next step decisions
  */
 export const buildStepsWithNavigation = (
   baseSteps: DynamicStepDefinition[],
 ): DynamicStepDefinition[] => {
   return baseSteps.map((step, index) => {
-    // Auto-link to next step if not specified
     if (!step.nextStep && index < baseSteps.length - 1) {
       return {
         ...step,
@@ -120,7 +113,6 @@ export const resolveNextStep = (
   const currentStep = steps.find((s) => s.id === currentStepId);
   if (!currentStep) return null;
 
-  // If nextStep is a function, call it
   if (typeof currentStep.nextStep === "function") {
     return currentStep.nextStep({
       values: context.values,
@@ -129,12 +121,10 @@ export const resolveNextStep = (
     });
   }
 
-  // If nextStep is a string, return it
   if (typeof currentStep.nextStep === "string") {
     return currentStep.nextStep;
   }
 
-  // Default: next step in array
   const currentIndex = steps.findIndex((s) => s.id === currentStepId);
   if (currentIndex >= 0 && currentIndex < steps.length - 1) {
     return steps[currentIndex + 1].id;
@@ -142,76 +132,3 @@ export const resolveNextStep = (
 
   return null;
 };
-
-/**
- * Example scenario configurations
- */
-export const SCENARIO_CONFIGS: Record<string, ScenarioStepConfig> = {
-  // Couple/Partner scenarios (2 photos)
-  "romantic-kiss": {
-    photoUploads: {
-      count: 2,
-      labels: ["First Partner", "Second Partner"],
-      showFaceDetection: true,
-      showNameInput: false,
-    },
-  },
-  "couple-hug": {
-    photoUploads: {
-      count: 2,
-      labels: ["Partner A", "Partner B"],
-      showFaceDetection: true,
-    },
-  },
-
-  // Single photo scenarios
-  "image-to-video": {
-    photoUploads: {
-      count: 1,
-      labels: ["Your Photo"],
-      showFaceDetection: false,
-    },
-    styleSelection: {
-      enabled: true,
-      required: true,
-    },
-    durationSelection: {
-      enabled: true,
-      required: true,
-    },
-  },
-
-  // Text-only scenarios
-  "text-to-video": {
-    textInput: {
-      enabled: true,
-      required: true,
-      minLength: 10,
-      maxLength: 500,
-    },
-    styleSelection: {
-      enabled: true,
-      required: true,
-    },
-    durationSelection: {
-      enabled: true,
-      required: true,
-    },
-  },
-
-  // Complex scenario with optional steps
-  "advanced-generation": {
-    photoUploads: {
-      count: 1,
-      labels: ["Base Image"],
-    },
-    textInput: {
-      enabled: true,
-      required: false, // Optional
-    },
-    styleSelection: {
-      enabled: true,
-      required: true,
-    },
-  },
-};

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

@@ -3,7 +3,7 @@
  * Config-driven wizard steps for image-to-video generation
  */
 
-import type { WizardFeatureConfig } from "../domain/entities/wizard-config.types";
+import type { WizardFeatureConfig } from "../domain/entities/wizard-feature.types";
 
 export const IMAGE_TO_VIDEO_WIZARD_CONFIG: WizardFeatureConfig = {
   id: "image-to-video",

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

@@ -3,7 +3,8 @@
  * Config-driven wizard steps for text-to-image generation
  */
 
-import type { WizardFeatureConfig, TextInputStepConfig } from "../domain/entities/wizard-config.types";
+import type { WizardFeatureConfig } from "../domain/entities/wizard-feature.types";
+import type { TextInputStepConfig } from "../domain/entities/wizard-step.types";
 
 const promptStep: TextInputStepConfig = {
   id: "prompt",

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

@@ -3,7 +3,7 @@
  * Config-driven wizard steps for text-to-video generation
  */
 
-import type { WizardFeatureConfig } from "../domain/entities/wizard-config.types";
+import type { WizardFeatureConfig } from "../domain/entities/wizard-feature.types";
 
 export const TEXT_TO_VIDEO_WIZARD_CONFIG: WizardFeatureConfig = {
   id: "text-to-video",

package/src/domains/generation/wizard/domain/entities/wizard-feature.types.ts

@@ -0,0 +1,118 @@
+/**
+ * Wizard Feature Configuration Types
+ * Feature-level configs and builder utilities
+ */
+
+import type { WizardStepConfig } from "./wizard-step.types";
+
+/**
+ * Feature Flow Configuration
+ */
+export interface WizardFeatureConfig {
+  readonly id: string;
+  readonly name: string;
+  readonly steps: readonly WizardStepConfig[];
+  readonly translations?: {
+    readonly [key: string]: string | Record<string, string>;
+  };
+}
+
+/**
+ * Scenario-based Configuration Builder
+ */
+export interface ScenarioBasedConfig {
+  readonly photoCount?: number;
+  readonly photoLabels?: readonly string[];
+  readonly requireText?: boolean;
+  readonly requireStyleSelection?: boolean;
+  readonly requireDurationSelection?: boolean;
+  readonly customSteps?: readonly WizardStepConfig[];
+}
+
+/**
+ * Build wizard config from scenario shorthand
+ */
+export const buildWizardConfigFromScenario = (
+  scenarioId: string,
+  config: ScenarioBasedConfig,
+): WizardFeatureConfig => {
+  const steps: WizardStepConfig[] = [];
+
+  if (config.photoCount && config.photoCount > 0) {
+    const maxPhotos = Math.min(config.photoCount, 2);
+    for (let i = 0; i < maxPhotos; i++) {
+      steps.push({
+        id: `photo_${i + 1}`,
+        type: "photo_upload",
+        label: config.photoLabels?.[i] || `Photo ${i + 1}`,
+        showFaceDetection: true,
+        showPhotoTips: true,
+        required: true,
+      });
+    }
+  }
+
+  if (config.requireText) {
+    steps.push({
+      id: "text_input",
+      type: "text_input",
+      required: true,
+      minLength: 10,
+      maxLength: 500,
+    });
+  }
+
+  if (config.requireStyleSelection) {
+    steps.push({
+      id: "style_selection",
+      type: "selection",
+      selectionType: "style",
+      options: [],
+      required: true,
+    });
+  }
+
+  if (config.requireDurationSelection) {
+    steps.push({
+      id: "duration_selection",
+      type: "selection",
+      selectionType: "duration",
+      options: [
+        { id: "5s", label: "5 seconds", value: 5 },
+        { id: "10s", label: "10 seconds", value: 10 },
+        { id: "15s", label: "15 seconds", value: 15 },
+      ],
+      required: true,
+    });
+  }
+
+  if (config.customSteps) {
+    steps.push(...config.customSteps);
+  }
+
+  return {
+    id: scenarioId,
+    name: scenarioId,
+    steps,
+  };
+};
+
+/**
+ * Pre-configured scenarios for common use cases
+ */
+export const WIZARD_PRESETS = {
+  TWO_PHOTOS: {
+    photoCount: 2,
+  },
+  SINGLE_PHOTO: {
+    photoCount: 1,
+    requireStyleSelection: true,
+    requireDurationSelection: true,
+  },
+  TEXT_ONLY: {
+    photoCount: 0,
+    requireText: true,
+    requireStyleSelection: true,
+    requireDurationSelection: true,
+  },
+} as const;

package/src/domains/generation/wizard/domain/entities/wizard-step.types.ts

@@ -0,0 +1,96 @@
+/**
+ * Wizard Step Configuration Types
+ * Generic step configs for all wizard features
+ */
+
+import type { StepType } from "../../../../../domain/entities/flow-config.types";
+
+/**
+ * Generic Step Configuration - Base interface for all step configs
+ */
+export interface BaseStepConfig {
+  readonly id: string;
+  readonly type: StepType | string;
+  readonly enabled?: boolean;
+  readonly required?: boolean;
+  readonly titleKey?: string;
+  readonly subtitleKey?: string;
+}
+
+/**
+ * Photo Upload Step Configuration
+ */
+export interface PhotoUploadStepConfig extends BaseStepConfig {
+  readonly type: "photo_upload";
+  readonly label?: string;
+  readonly showFaceDetection?: boolean;
+  readonly showNameInput?: boolean;
+  readonly showPhotoTips?: boolean;
+  readonly maxFileSizeMB?: number;
+}
+
+/**
+ * Text Input Step Configuration
+ */
+export interface TextInputStepConfig extends BaseStepConfig {
+  readonly type: "text_input";
+  readonly placeholderKey?: string;
+  readonly minLength?: number;
+  readonly maxLength?: number;
+  readonly multiline?: boolean;
+}
+
+/**
+ * Selection Step Configuration
+ */
+export interface SelectionStepConfig extends BaseStepConfig {
+  readonly type: "selection";
+  readonly selectionType: "style" | "duration" | "aspect_ratio" | "quality" | "resolution" | "custom";
+  readonly options: readonly {
+    readonly id: string;
+    readonly label: string;
+    readonly icon?: string;
+    readonly value: unknown;
+  }[];
+  readonly multiSelect?: boolean;
+  readonly defaultValue?: string | string[];
+}
+
+/**
+ * Preview Step Configuration
+ */
+export interface PreviewStepConfig extends BaseStepConfig {
+  readonly type: "preview";
+  readonly previewType: "scenario" | "settings" | "custom";
+  readonly showContinueButton?: boolean;
+}
+
+/**
+ * Auth Gate Step Configuration
+ */
+export interface AuthGateStepConfig extends BaseStepConfig {
+  readonly type: "auth_gate";
+  readonly allowAnonymous?: boolean;
+  readonly messageKey?: string;
+}
+
+/**
+ * Credit Gate Step Configuration
+ */
+export interface CreditGateStepConfig extends BaseStepConfig {
+  readonly type: "credit_gate";
+  readonly requiredCredits: number;
+  readonly messageKey?: string;
+}
+
+/**
+ * Union of all step config types
+ */
+export type WizardStepConfig =
+  | AuthGateStepConfig
+  | CreditGateStepConfig
+  | PhotoUploadStepConfig
+  | TextInputStepConfig
+  | SelectionStepConfig
+  | PreviewStepConfig
+  | BaseStepConfig;

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

@@ -4,7 +4,7 @@
  * Works for ALL features - NO feature-specific code!
  */
 
-// Domain Entities - Configuration Types
+// Domain Entities - Step Types
 export type {
   BaseStepConfig,
   AuthGateStepConfig,
@@ -14,11 +14,15 @@ export type {
   SelectionStepConfig,
   PreviewStepConfig,
   WizardStepConfig,
+} from "./domain/entities/wizard-step.types";
+
+// Domain Entities - Feature Types
+export type {
   WizardFeatureConfig,
   ScenarioBasedConfig,
-} from "./domain/entities/wizard-config.types";
+} from "./domain/entities/wizard-feature.types";
 
-export { buildWizardConfigFromScenario, WIZARD_PRESETS } from "./domain/entities/wizard-config.types";
+export { buildWizardConfigFromScenario, WIZARD_PRESETS } from "./domain/entities/wizard-feature.types";
 
 // Infrastructure - Builders
 export {

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

@@ -6,11 +6,8 @@
 
 import { StepType } from "../../../../../domain/entities/flow-config.types";
 import type { StepDefinition } from "../../../../../domain/entities/flow-config.types";
-import type {
-  WizardFeatureConfig,
-  WizardStepConfig,
-  ScenarioBasedConfig,
-} from "../../domain/entities/wizard-config.types";
+import type { WizardStepConfig } from "../../domain/entities/wizard-step.types";
+import type { WizardFeatureConfig, ScenarioBasedConfig } from "../../domain/entities/wizard-feature.types";
 
 /**
  * Convert wizard step config to flow step definition

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

@@ -3,8 +3,11 @@ export {
   extractTrimmedString,
   extractNumber,
   extractSelection,
+} from "./primitive-extractors";
+
+export {
   extractPrompt,
   extractDuration,
   extractAspectRatio,
   extractResolution,
-} from "./wizard-data-extractors";
+} from "./wizard-field-extractors";