@umituz/react-native-ai-generation-content 1.29.0 → 1.30.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.29.0",
+  "version": "1.30.0",
   "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/presentation/useAIGeneration.hook.ts

@@ -52,9 +52,6 @@ export interface UseAIGenerationReturn {
 
   /** Whether generation is in progress */
   isGenerating: boolean;
-
-  /** Current progress (0-100) */
-  progress: number;
 }
 
 // ============================================================================
@@ -107,6 +104,5 @@ export function useAIGeneration(
   return {
     generate: orchestrator.generate,
     isGenerating: orchestrator.isGenerating,
-    progress: orchestrator.progress,
   };
 }

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

@@ -225,7 +225,7 @@ export function createImageStrategy(options: CreateImageStrategyOptions): Wizard
   let lastInputRef: ImageGenerationInput | null = null;
 
   return {
-    execute: async (input: unknown, onProgress) => {
+    execute: async (input: unknown) => {
       const imageInput = input as ImageGenerationInput;
       if (!scenario.model) {
         throw new Error("Model is required for image generation");
@@ -233,7 +233,7 @@ export function createImageStrategy(options: CreateImageStrategyOptions): Wizard
 
       lastInputRef = imageInput;
 
-      const result = await executeImageGeneration(imageInput, scenario.model, onProgress);
+      const result = await executeImageGeneration(imageInput, scenario.model);
 
       if (!result.success || !result.imageUrl) {
         throw new Error(result.error || "Image generation failed");

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

@@ -130,7 +130,7 @@ export function createVideoStrategy(options: CreateVideoStrategyOptions): Wizard
   let lastInputRef: VideoGenerationInput | null = null;
 
   return {
-    execute: async (input: unknown, onProgress) => {
+    execute: async (input: unknown) => {
       const videoInput = input as VideoGenerationInput;
       lastInputRef = videoInput;
 
@@ -146,7 +146,6 @@ export function createVideoStrategy(options: CreateVideoStrategyOptions): Wizard
             resolution: videoInput.resolution,
           },
         },
-        { onProgress },
       );
 
       if (!result.success || !result.videoUrl) {

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

@@ -4,10 +4,7 @@
  */
 
 export interface WizardStrategy {
-  execute: (
-    input: unknown,
-    onProgress?: (progress: number) => void,
-  ) => Promise<{ imageUrl?: string; videoUrl?: string }>;
+  execute: (input: unknown) => Promise<{ imageUrl?: string; videoUrl?: string }>;
   getCreditCost: () => number;
   save?: (result: unknown, userId: string) => Promise<void>;
 }

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

@@ -88,7 +88,6 @@ export const GenericWizardFlow: React.FC<GenericWizardFlowProps> = ({
     nextStep,
     previousStep,
     setCustomData,
-    updateProgress,
     setResult,
   } = flow;
 
@@ -101,10 +100,6 @@ export const GenericWizardFlow: React.FC<GenericWizardFlowProps> = ({
 
   const validatedScenario = useMemo(() => validateScenario(scenario), [scenario]);
 
-  const handleProgressChange = useCallback((progress: number) => {
-    updateProgress(progress);
-  }, [updateProgress]);
-
   const handleGenerationComplete = useCallback((result: unknown) => {
     if (typeof __DEV__ !== "undefined" && __DEV__) {
       console.log("[GenericWizardFlow] Generation completed", { skipResultStep });
@@ -129,7 +124,6 @@ export const GenericWizardFlow: React.FC<GenericWizardFlowProps> = ({
     alertMessages,
     onSuccess: handleGenerationComplete,
     onError: onGenerationError,
-    onProgressChange: handleProgressChange,
     onCreditsExhausted,
   });
 

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

@@ -31,13 +31,11 @@ export interface UseWizardGenerationProps {
   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;
 }
 
 export const useWizardGeneration = (
@@ -51,7 +49,6 @@ export const useWizardGeneration = (
     alertMessages,
     onSuccess,
     onError,
-    onProgressChange,
     onCreditsExhausted,
   } = props;
 
@@ -74,7 +71,7 @@ export const useWizardGeneration = (
     });
   }, [scenario, wizardData]);
 
-  const { generate, isGenerating, progress } = useGenerationOrchestrator(
+  const { generate, isGenerating } = useGenerationOrchestrator(
     strategy,
     {
       userId,
@@ -101,10 +98,6 @@ export const useWizardGeneration = (
     },
   );
 
-  useEffect(() => {
-    if (onProgressChange) onProgressChange(progress);
-  }, [progress, onProgressChange]);
-
   useEffect(() => {
     if (isGeneratingStep && !hasStarted.current && !isGenerating) {
       if (typeof __DEV__ !== "undefined" && __DEV__) {
@@ -139,5 +132,5 @@ export const useWizardGeneration = (
     }
   }, [isGeneratingStep, scenario, wizardData, isGenerating, generate, onError]);
 
-  return { isGenerating, progress };
+  return { isGenerating };
 };

package/src/features/image-to-video/presentation/hooks/useImageToVideoFeature.ts

@@ -72,7 +72,7 @@ export function useImageToVideoFeature(props: UseImageToVideoFeatureProps): UseI
 
   const strategy: GenerationStrategy<VideoGenerationInput, ImageToVideoResult> = useMemo(
     () => ({
-      execute: async (input, onProgress) => {
+      execute: async (input) => {
         if (typeof __DEV__ !== "undefined" && __DEV__) {
           console.log("[ImageToVideo] Executing generation, creationId:", input.creationId);
         }
@@ -98,11 +98,6 @@ export function useImageToVideoFeature(props: UseImageToVideoFeatureProps): UseI
             model: config.model,
             buildInput: config.buildInput,
             extractResult: config.extractResult,
-            onProgress: (progress) => {
-              setState((prev) => ({ ...prev, progress }));
-              onProgress?.(progress);
-              callbacks?.onProgress?.(progress);
-            },
           },
         );
 

package/src/features/text-to-image/presentation/hooks/useGeneration.ts

@@ -27,7 +27,6 @@ export interface UseGenerationOptions {
 
 export interface TextToImageGenerationState {
   isGenerating: boolean;
-  progress: number;
   error: string | null;
 }
 
@@ -72,7 +71,7 @@ export function useGeneration(options: UseGenerationOptions): UseGenerationRetur
   );
 
   // Use orchestrator
-  const { generate, isGenerating, progress, error } = useGenerationOrchestrator(strategy, {
+  const { generate, isGenerating, error } = useGenerationOrchestrator(strategy, {
     userId,
     alertMessages: DEFAULT_ALERT_MESSAGES,
     onCreditsExhausted: () => callbacks.onCreditsRequired?.(totalCost),
@@ -131,7 +130,6 @@ export function useGeneration(options: UseGenerationOptions): UseGenerationRetur
   return {
     generationState: {
       isGenerating,
-      progress,
       error: error?.message || null,
     },
     totalCost,

package/src/features/text-to-video/presentation/hooks/useTextToVideoFeature.ts

@@ -76,7 +76,7 @@ export function useTextToVideoFeature(props: UseTextToVideoFeatureProps): UseTex
 
   const strategy: GenerationStrategy<VideoGenerationInput, TextToVideoResult> = useMemo(
     () => ({
-      execute: async (input, onProgress) => {
+      execute: async (input) => {
         if (typeof __DEV__ !== "undefined" && __DEV__) {
           console.log("[TextToVideo] Executing generation:", input.prompt.slice(0, 100));
         }
@@ -94,11 +94,6 @@ export function useTextToVideoFeature(props: UseTextToVideoFeatureProps): UseTex
             model: config.model,
             buildInput,
             extractResult,
-            onProgress: (progress) => {
-              setState((prev) => ({ ...prev, progress }));
-              onProgress?.(progress);
-              callbacks.onProgress?.(progress);
-            },
           },
         );
 

package/src/infrastructure/services/video-feature-executor.service.ts

@@ -36,7 +36,7 @@ export async function executeVideoFeature(
     return { success: false, error: "AI provider not initialized" };
   }
 
-  const { extractResult, onProgress, onStatusChange } = options ?? {};
+  const { extractResult, onStatusChange } = options ?? {};
 
   const model = provider.getVideoFeatureModel(featureType);
 
@@ -70,8 +70,6 @@ export async function executeVideoFeature(
     const extractor = extractResult ?? extractVideoResult;
     const videoUrl = extractor(result);
 
-    onProgress?.(100);
-
     if (!videoUrl) {
       if (__DEV__) {
         console.log(`[Video:${featureType}] No video URL found in result`);

package/src/infrastructure/services/video-feature-executor.types.ts

@@ -9,7 +9,6 @@ import type { VideoResultExtractor } from "../utils/url-extractor";
  */
 export interface ExecuteVideoFeatureOptions {
   extractResult?: VideoResultExtractor;
-  onProgress?: (progress: number) => void;
   onStatusChange?: (status: string) => void;
 }
 

package/src/presentation/hooks/generation/orchestrator.ts

@@ -3,12 +3,14 @@
  * Handles AI generation execution with:
  * - Network check
  * - Content moderation (optional)
- * - Progress tracking
  * - Credit deduction (after success)
  * - Error handling
  *
  * NOTE: Credit CHECK is handled by useFeatureGate before generation starts.
  * This orchestrator only DEDUCTS credits after successful generation.
+ *
+ * Progress is NOT tracked here - UI uses indeterminate progress bar with
+ * time-based phase detection (see useGenerationPhase hook).
  */
 
 import { useState, useCallback, useRef, useEffect } from "react";
@@ -28,7 +30,6 @@ declare const __DEV__: boolean;
 const INITIAL_STATE = {
   status: "idle" as const,
   isGenerating: false,
-  progress: 0,
   result: null,
   error: null,
 };
@@ -81,17 +82,13 @@ export const useGenerationOrchestrator = <TInput, TResult>(
 
   const executeGeneration = useCallback(
     async (input: TInput) => {
-      setState((prev) => ({ ...prev, status: "generating", progress: 10 }));
+      setState((prev) => ({ ...prev, status: "generating" }));
 
       if (typeof __DEV__ !== "undefined" && __DEV__) {
         console.log("[Orchestrator] Starting generation");
       }
 
-      const result = await strategy.execute(input, (progress) => {
-        if (isMountedRef.current) setState((prev) => ({ ...prev, progress }));
-      });
-
-      if (isMountedRef.current) setState((prev) => ({ ...prev, progress: 70 }));
+      const result = await strategy.execute(input);
 
       if (strategy.save && userId) {
         if (isMountedRef.current) setState((prev) => ({ ...prev, status: "saving" }));
@@ -106,8 +103,6 @@ export const useGenerationOrchestrator = <TInput, TResult>(
         }
       }
 
-      if (isMountedRef.current) setState((prev) => ({ ...prev, progress: 90 }));
-
       const creditCost = strategy.getCreditCost();
       const creditDeducted = await deductCredit(creditCost);
       if (!creditDeducted) {
@@ -115,7 +110,7 @@ export const useGenerationOrchestrator = <TInput, TResult>(
       }
 
       if (isMountedRef.current) {
-        setState({ status: "success", isGenerating: false, progress: 100, result, error: null });
+        setState({ status: "success", isGenerating: false, result, error: null });
       }
 
       if (typeof __DEV__ !== "undefined" && __DEV__) {
@@ -167,7 +162,7 @@ export const useGenerationOrchestrator = <TInput, TResult>(
                   } catch (err) {
                     const error = parseError(err);
                     if (isMountedRef.current) {
-                      setState({ status: "error", isGenerating: false, progress: 0, result: null, error });
+                      setState({ status: "error", isGenerating: false, result: null, error });
                     }
                     showError("Error", getAlertMessage(error, alertMessages));
                     onError?.(error);
@@ -190,7 +185,7 @@ export const useGenerationOrchestrator = <TInput, TResult>(
           console.log("[Orchestrator] Error:", error);
         }
         if (isMountedRef.current) {
-          setState({ status: "error", isGenerating: false, progress: 0, result: null, error });
+          setState({ status: "error", isGenerating: false, result: null, error });
         }
         showError("Error", getAlertMessage(error, alertMessages));
         onError?.(error);
@@ -221,7 +216,6 @@ export const useGenerationOrchestrator = <TInput, TResult>(
     reset,
     status: state.status,
     isGenerating: state.isGenerating,
-    progress: state.progress,
     result: state.result,
     error: state.error,
   };

package/src/presentation/hooks/generation/types.ts

@@ -13,7 +13,7 @@ export type OrchestratorStatus =
   | "error";
 
 export interface GenerationStrategy<TInput, TResult> {
-  execute: (input: TInput, onProgress?: (progress: number) => void) => Promise<TResult>;
+  execute: (input: TInput) => Promise<TResult>;
   getCreditCost: () => number;
   save?: (result: TResult, userId: string) => Promise<void>;
 }
@@ -65,7 +65,6 @@ export interface GenerationConfig {
 export interface GenerationState<TResult> {
   readonly status: OrchestratorStatus;
   readonly isGenerating: boolean;
-  readonly progress: number;
   readonly result: TResult | null;
   readonly error: GenerationError | null;
 }
@@ -83,7 +82,6 @@ export interface UseGenerationOrchestratorReturn<TInput, TResult> {
   readonly reset: () => void;
   readonly status: OrchestratorStatus;
   readonly isGenerating: boolean;
-  readonly progress: number;
   readonly result: TResult | null;
   readonly error: GenerationError | null;
 }

package/src/presentation/hooks/generation/useImageGeneration.ts

@@ -107,7 +107,7 @@ export const useImageGeneration = <
 
   const strategy: GenerationStrategy<TInput, TResult> = useMemo(
     () => ({
-      execute: async (input, onProgress) => {
+      execute: async (input) => {
         // Build executor input
         const executorInput = buildExecutorInput
           ? buildExecutorInput(input)
@@ -118,7 +118,6 @@ export const useImageGeneration = <
         const result = await executeImageFeature(
           featureType,
           executorInput,
-          { onProgress },
         );
 
         if (!result.success || !result.imageUrl) {

package/src/presentation/hooks/generation/useVideoGeneration.ts

@@ -62,7 +62,7 @@ export const useVideoGeneration = <TResult>(
 
   const strategy: GenerationStrategy<DualImageVideoInput, TResult> = useMemo(
     () => ({
-      execute: async (input, onProgress) => {
+      execute: async (input) => {
         const result = await executeVideoFeature(
           featureType,
           {
@@ -70,7 +70,6 @@ export const useVideoGeneration = <TResult>(
             targetImageBase64: input.targetImageBase64,
             prompt: input.prompt,
           },
-          { onProgress },
         );
 
         if (!result.success || !result.videoUrl) {