@umituz/react-native-ai-generation-content 1.61.25 → 1.61.26

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

@@ -3,7 +3,7 @@
  * Uses centralized useGenerationOrchestrator for consistent auth, credits, and error handling
  */
 
-import { useState, useCallback, useMemo } from "react";
+import { useState, useCallback, useMemo, useRef } from "react";
 import {
   useGenerationOrchestrator,
   type GenerationStrategy,
@@ -29,7 +29,7 @@ export type {
 export function useImageToVideoFeature(props: UseImageToVideoFeatureProps): UseImageToVideoFeatureReturn {
   const { config, callbacks, userId } = props;
   const [state, setState] = useState(INITIAL_STATE);
-  const currentCreationIdRef = useMemo(() => ({ value: "" }), []);
+  const currentCreationIdRef = useRef("");
 
   const strategy: GenerationStrategy<VideoGenerationInput, ImageToVideoResult> = useMemo(
     () => ({
@@ -38,7 +38,7 @@ export function useImageToVideoFeature(props: UseImageToVideoFeatureProps): UseI
           console.log("[ImageToVideo] Executing generation, creationId:", input.creationId);
         }
 
-        currentCreationIdRef.value = input.creationId;
+        currentCreationIdRef.current = input.creationId;
         config.onProcessingStart?.();
 
         callbacks?.onGenerationStart?.({
@@ -46,7 +46,11 @@ export function useImageToVideoFeature(props: UseImageToVideoFeatureProps): UseI
           type: "image-to-video",
           imageUri: input.imageUri,
           metadata: input.options as Record<string, unknown> | undefined,
-        }).catch(() => {});
+        }).catch((err) => {
+          if (typeof __DEV__ !== "undefined" && __DEV__) {
+            console.warn("[ImageToVideo] onGenerationStart failed:", err);
+          }
+        });
 
         const result = await executeImageToVideo(
           {
@@ -67,19 +71,25 @@ export function useImageToVideoFeature(props: UseImageToVideoFeatureProps): UseI
           throw new Error(result.error || "Generation failed");
         }
 
+        const videoResult: ImageToVideoResult = {
+          success: true,
+          videoUrl: result.videoUrl,
+          thumbnailUrl: result.thumbnailUrl,
+        };
+
         setState((prev) => ({
           ...prev,
-          videoUrl: result.videoUrl ?? null,
-          thumbnailUrl: result.thumbnailUrl ?? null,
+          videoUrl: videoResult.videoUrl ?? null,
+          thumbnailUrl: videoResult.thumbnailUrl ?? null,
         }));
 
-        return result;
+        return videoResult;
       },
       getCreditCost: () => config.creditCost ?? 0,
       save: async (result) => {
-        if (result.success && result.videoUrl && state.imageUri && currentCreationIdRef.value) {
+        if (result.success && result.videoUrl && state.imageUri && currentCreationIdRef.current) {
           await callbacks?.onCreationSave?.({
-            creationId: currentCreationIdRef.value,
+            creationId: currentCreationIdRef.current,
             type: "image-to-video",
             videoUrl: result.videoUrl,
             thumbnailUrl: result.thumbnailUrl,
@@ -149,19 +159,20 @@ export function useImageToVideoFeature(props: UseImageToVideoFeatureProps): UseI
           imageBase64,
           motionPrompt: effectiveMotionPrompt,
           options,
-          creationId: generateCreationId(),
+          creationId: generateCreationId("image-to-video"),
         };
 
-        await orchestrator.generate(input);
+        const genResult = await orchestrator.generate(input);
+        const videoResult = genResult as ImageToVideoResult | undefined;
         setState((prev) => ({ ...prev, isProcessing: false }));
-        return { success: true, videoUrl: state.videoUrl || undefined };
+        return { success: true, videoUrl: videoResult?.videoUrl || undefined };
       } catch (error) {
         const message = error instanceof Error ? error.message : "Generation failed";
         setState((prev) => ({ ...prev, isProcessing: false, error: message }));
         return { success: false, error: message };
       }
     },
-    [state.imageUri, state.motionPrompt, state.videoUrl, config, callbacks, orchestrator],
+    [state.imageUri, state.motionPrompt, config, callbacks, orchestrator],
   );
 
   const reset = useCallback(() => {

package/src/features/text-to-video/infrastructure/services/text-to-video-executor.ts

@@ -5,6 +5,10 @@
 
 import { BaseExecutor } from "../../../../infrastructure/executors/base-executor";
 import { isSuccess, type Result } from "../../../../domain/types/result.types";
+import {
+  defaultExtractVideoResult,
+  type ExtractedVideoResult,
+} from "../../../../infrastructure/utils/video-result-extractor.util";
 import type { IAIProvider } from "../../../../domain/interfaces";
 import type {
   TextToVideoRequest,
@@ -25,42 +29,6 @@ export interface ExecuteTextToVideoOptions {
   onProgress?: (progress: number) => void;
 }
 
-/**
- * Extracted result structure from provider response
- */
-interface ExtractedVideoResult {
-  videoUrl?: string;
-  thumbnailUrl?: string;
-}
-
-/**
- * Default extractor for text-to-video results
- */
-function defaultExtractResult(
-  result: unknown,
-): ExtractedVideoResult | undefined {
-  if (typeof result !== "object" || result === null) return undefined;
-
-  const r = result as Record<string, unknown>;
-
-  if (typeof r.video === "string") {
-    return { videoUrl: r.video };
-  }
-
-  if (r.video && typeof r.video === "object") {
-    const video = r.video as Record<string, unknown>;
-    if (typeof video.url === "string") {
-      return {
-        videoUrl: video.url,
-        thumbnailUrl:
-          typeof r.thumbnail === "string" ? r.thumbnail : undefined,
-      };
-    }
-  }
-
-  return undefined;
-}
-
 /**
  * Text-to-Video Executor using Template Method pattern
  * Eliminates code duplication through BaseExecutor
@@ -126,7 +94,7 @@ class TextToVideoExecutor extends BaseExecutor<
   protected getDefaultExtractor(): (
     result: unknown,
   ) => ExtractedVideoResult | undefined {
-    return defaultExtractResult;
+    return defaultExtractVideoResult;
   }
 }
 

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

@@ -3,12 +3,13 @@
  * Simplified hook for text-to-video generation
  */
 
-import { useState, useCallback, useMemo } from "react";
+import { useState, useCallback, useMemo, useRef } from "react";
 import {
   useGenerationOrchestrator,
   type GenerationStrategy,
-  type AlertMessages,
 } from "../../../../presentation/hooks/generation";
+import { DEFAULT_ALERT_MESSAGES } from "../../../../presentation/constants/alert-messages";
+import { generateCreationId } from "../../../../infrastructure/utils/id-generator.util";
 import { executeTextToVideo } from "../../infrastructure/services";
 import type {
   TextToVideoFeatureState,
@@ -52,29 +53,17 @@ const INITIAL_STATE: TextToVideoFeatureState = {
   error: null,
 };
 
-const DEFAULT_ALERT_MESSAGES: AlertMessages = {
-  networkError: "No internet connection. Please check your network.",
-  policyViolation: "Content not allowed. Please try again.",
-  saveFailed: "Failed to save. Please try again.",
-  creditFailed: "Credit operation failed. Please try again.",
-  unknown: "An error occurred. Please try again.",
-};
-
 interface VideoGenerationInput {
   prompt: string;
   options?: TextToVideoOptions;
   creationId: string;
 }
 
-function generateCreationId(): string {
-  return `text-to-video_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`;
-}
-
 export function useTextToVideoFeature(props: UseTextToVideoFeatureProps): UseTextToVideoFeatureReturn {
   const { config, callbacks, userId, buildInput, extractResult } = props;
   const [state, setState] = useState<TextToVideoFeatureState>(INITIAL_STATE);
 
-  const currentCreationIdRef = useMemo(() => ({ value: "" }), []);
+  const currentCreationIdRef = useRef("");
 
   const strategy: GenerationStrategy<VideoGenerationInput, TextToVideoResult> = useMemo(
     () => ({
@@ -83,14 +72,18 @@ export function useTextToVideoFeature(props: UseTextToVideoFeatureProps): UseTex
           console.log("[TextToVideo] Executing generation:", input.prompt.slice(0, 100));
         }
 
-        currentCreationIdRef.value = input.creationId;
+        currentCreationIdRef.current = input.creationId;
 
         callbacks.onGenerationStart?.({
           creationId: input.creationId,
           type: "text-to-video",
           prompt: input.prompt,
           metadata: input.options as Record<string, unknown> | undefined,
-        }).catch(() => {});
+        }).catch((err) => {
+          if (typeof __DEV__ !== "undefined" && __DEV__) {
+            console.warn("[TextToVideo] onGenerationStart failed:", err);
+          }
+        });
 
         const result = await executeTextToVideo(
           { prompt: input.prompt, userId, options: input.options },
@@ -105,19 +98,25 @@ export function useTextToVideoFeature(props: UseTextToVideoFeatureProps): UseTex
           throw new Error(result.error || "Generation failed");
         }
 
+        const videoResult: TextToVideoResult = {
+          success: true,
+          videoUrl: result.videoUrl,
+          thumbnailUrl: result.thumbnailUrl,
+        };
+
         setState((prev) => ({
           ...prev,
-          videoUrl: result.videoUrl ?? null,
-          thumbnailUrl: result.thumbnailUrl ?? null,
+          videoUrl: videoResult.videoUrl ?? null,
+          thumbnailUrl: videoResult.thumbnailUrl ?? null,
         }));
 
-        return result;
+        return videoResult;
       },
       getCreditCost: () => config.creditCost,
       save: async (result) => {
-        if (result.success && result.videoUrl && currentCreationIdRef.value) {
+        if (result.success && result.videoUrl && currentCreationIdRef.current) {
           await callbacks.onCreationSave?.({
-            creationId: currentCreationIdRef.value,
+            creationId: currentCreationIdRef.current,
             type: "text-to-video",
             videoUrl: result.videoUrl,
             thumbnailUrl: result.thumbnailUrl,
@@ -161,18 +160,19 @@ export function useTextToVideoFeature(props: UseTextToVideoFeatureProps): UseTex
         const input: VideoGenerationInput = {
           prompt: prompt.trim(),
           options: params,
-          creationId: generateCreationId(),
+          creationId: generateCreationId("text-to-video"),
         };
-        await orchestrator.generate(input);
+        const result = await orchestrator.generate(input);
+        const videoResult = result as TextToVideoResult | undefined;
         setState((prev) => ({ ...prev, isProcessing: false }));
-        return { success: true, videoUrl: state.videoUrl || undefined };
+        return { success: true, videoUrl: videoResult?.videoUrl || undefined };
       } catch (error) {
         const message = error instanceof Error ? error.message : "Generation failed";
         setState((prev) => ({ ...prev, isProcessing: false, error: message }));
         return { success: false, error: message };
       }
     },
-    [state.prompt, state.videoUrl, orchestrator],
+    [state.prompt, orchestrator],
   );
 
   const reset = useCallback(() => {

package/src/infrastructure/orchestration/GenerationOrchestrator.ts

@@ -45,7 +45,6 @@ export class GenerationOrchestrator {
   }
 
   async moderateContent(
-    _userId: string,
     contentType: "text" | "image",
     content: string,
     metadata?: GenerationMetadata,
@@ -97,7 +96,6 @@ export class GenerationOrchestrator {
   }
 
   async processCredits(
-    _userId: string,
     capability: GenerationCapability,
     metadata?: GenerationMetadata,
   ): Promise<number> {
@@ -121,7 +119,6 @@ export class GenerationOrchestrator {
   }
 
   async refundCreditsIfApplicable(
-    _userId: string,
     amount: number,
     error: unknown,
   ): Promise<void> {
@@ -135,8 +132,8 @@ export class GenerationOrchestrator {
           error.message.toLowerCase().includes("cancelled") ||
           error.message.toLowerCase().includes("user cancel")));
 
-    if (__DEV__) {
-      console.log("[GenerationOrchestrator] 🔄 Refund check:", {
+    if (typeof __DEV__ !== "undefined" && __DEV__) {
+      console.log("[GenerationOrchestrator] Refund check:", {
         amount,
         isNonRefundable,
         errorType: error instanceof Error ? error.name : typeof error,
@@ -145,16 +142,22 @@ export class GenerationOrchestrator {
     }
 
     if (!isNonRefundable) {
-      const actualUserId = this.requireAuthenticatedUser();
-
-      if (__DEV__) {
-        console.log("[GenerationOrchestrator] ✅ Refunding credits:", {
-          userId: actualUserId,
-          amount,
-        });
+      try {
+        const actualUserId = this.requireAuthenticatedUser();
+
+        if (typeof __DEV__ !== "undefined" && __DEV__) {
+          console.log("[GenerationOrchestrator] Refunding credits:", {
+            userId: actualUserId,
+            amount,
+          });
+        }
+
+        await this.config.creditService.add(actualUserId, amount);
+      } catch (refundErr) {
+        if (typeof __DEV__ !== "undefined" && __DEV__) {
+          console.error("[GenerationOrchestrator] Refund failed:", refundErr);
+        }
       }
-
-      await this.config.creditService.add(actualUserId, amount);
     }
   }
 }

package/src/infrastructure/orchestration/orchestrator.types.ts

@@ -30,11 +30,8 @@ export interface GenerationMetadata {
   [key: string]: unknown;
 }
 
-export type GenerationCapability =
-  | "text-to-image"
-  | "text-to-video"
-  | "image-to-video"
-  | "text-to-voice";
+import type { GenerationCapability } from "../../domain/entities/generation.types";
+export type { GenerationCapability } from "../../domain/entities/generation.types";
 
 export interface OrchestratorConfig {
   creditService: CreditService;

package/src/infrastructure/services/generation-orchestrator.service.ts

@@ -26,7 +26,7 @@ class GenerationOrchestratorService {
   private onStatusUpdateCallback?: (requestId: string, status: string) => Promise<void>;
 
   configure(config: OrchestratorConfig): void {
-    if (__DEV__) {
+    if (typeof __DEV__ !== "undefined" && __DEV__) {
       console.log("[Orchestrator] configure() called", {
         hasPollingConfig: !!config.polling,
         hasStatusUpdate: !!config.onStatusUpdate,
@@ -43,7 +43,7 @@ class GenerationOrchestratorService {
     const provider = this.providerValidator.getProvider();
     const startTime = Date.now();
 
-    if (__DEV__) {
+    if (typeof __DEV__ !== "undefined" && __DEV__) {
       console.log("[Orchestrator] Generate started:", {
         model: request.model,
         capability: request.capability,
@@ -54,7 +54,7 @@ class GenerationOrchestratorService {
     try {
       const submission = await provider.submitJob(request.model, request.input);
 
-      if (__DEV__) {
+      if (typeof __DEV__ !== "undefined" && __DEV__) {
         console.log("[Orchestrator] Job submitted:", {
           requestId: submission.requestId,
           provider: provider.providerId,
@@ -82,13 +82,13 @@ class GenerationOrchestratorService {
       });
 
       if (!pollResult.success) {
-        throw pollResult.error;
+        throw pollResult.error ?? new Error("Polling failed");
       }
 
       const result = pollResult.data as T;
       const duration = Date.now() - startTime;
 
-      if (__DEV__) {
+      if (typeof __DEV__ !== "undefined" && __DEV__) {
         console.log("[Orchestrator] Generate completed:", {
           requestId: submission.requestId,
           duration: `${duration}ms`,
@@ -112,7 +112,7 @@ class GenerationOrchestratorService {
     } catch (error) {
       const errorInfo = classifyError(error);
 
-      if (__DEV__) {
+      if (typeof __DEV__ !== "undefined" && __DEV__) {
         console.error("[Orchestrator] Generation failed:", errorInfo);
       }
 

package/src/infrastructure/utils/README.md

@@ -30,15 +30,15 @@ try {
   const errorType = classifyError(error);
 
   switch (errorType) {
-    case AIErrorType.INSUFFICIENT_CREDITS:
-      // Handle insufficient credits
-      showPaywall();
+    case AIErrorType.AUTHENTICATION:
+      // Handle authentication error
+      showLoginScreen();
       break;
-    case AIErrorType.PROVIDER_ERROR:
-      // Handle provider error
-      showErrorMessage('Provider error occurred');
+    case AIErrorType.SERVER:
+      // Handle server error
+      showErrorMessage('Server error occurred');
       break;
-    case AIErrorType.NETWORK_ERROR:
+    case AIErrorType.NETWORK:
       // Handle network error
       showRetryOption();
       break;

package/src/infrastructure/utils/base64.util.ts

@@ -0,0 +1,15 @@
+/**
+ * Base64 Utility
+ * Shared base64 formatting functions
+ */
+
+const BASE64_IMAGE_PREFIX = "data:image/jpeg;base64,";
+
+/**
+ * Ensures a base64 string has the proper data URI prefix.
+ * If already prefixed, returns as-is.
+ */
+export function formatBase64(base64: string): string {
+  if (!base64) return "";
+  return base64.startsWith("data:") ? base64 : `${BASE64_IMAGE_PREFIX}${base64}`;
+}

package/src/infrastructure/utils/error-classifier.util.ts

@@ -9,6 +9,7 @@ import {
   RATE_LIMIT_PATTERNS,
   AUTH_ERROR_PATTERNS,
   CONTENT_POLICY_PATTERNS,
+  VALIDATION_ERROR_PATTERNS,
   SERVER_ERROR_PATTERNS,
 } from "./error-patterns.constants";
 
@@ -33,7 +34,7 @@ function getStatusCode(error: unknown): number | undefined {
 }
 
 function logClassification(info: AIErrorInfo): AIErrorInfo {
-  if (__DEV__) {
+  if (typeof __DEV__ !== "undefined" && __DEV__) {
     console.log("[ErrorClassifier] Classified as:", {
       type: info.type,
       messageKey: info.messageKey,
@@ -47,7 +48,7 @@ export function classifyError(error: unknown): AIErrorInfo {
   const message = error instanceof Error ? error.message : String(error);
   const statusCode = getStatusCode(error);
 
-  if (__DEV__) {
+  if (typeof __DEV__ !== "undefined" && __DEV__) {
     console.log("[ErrorClassifier] Classifying error:", {
       message: message.slice(0, 100),
       statusCode,
@@ -88,6 +89,16 @@ export function classifyError(error: unknown): AIErrorInfo {
     });
   }
 
+  if (matchesPatterns(message, VALIDATION_ERROR_PATTERNS)) {
+    return logClassification({
+      type: AIErrorType.VALIDATION,
+      messageKey: "error.validation",
+      retryable: false,
+      originalError: error,
+      statusCode,
+    });
+  }
+
   if (matchesPatterns(message, NETWORK_ERROR_PATTERNS)) {
     return logClassification({
       type: AIErrorType.NETWORK,
@@ -149,20 +160,26 @@ export function isResultNotReady(
   retryAttempt: number,
   maxRetries: number,
 ): boolean {
-  if (isPermanentError(error)) {
-    return false;
-  }
-
   const message = error instanceof Error ? error.message.toLowerCase() : String(error).toLowerCase();
   const errorName = error instanceof Error ? error.constructor.name.toLowerCase() : "";
 
-  return (
+  // Check 404/not-found patterns first - these indicate the job is still processing
+  const isNotFoundPattern =
     message.includes("not found") ||
     message.includes("404") ||
     message.includes("still in progress") ||
     message.includes("result not ready") ||
     message.includes("request is still in progress") ||
-    message.includes("job result not found") ||
-    (errorName === "apierror" && retryAttempt < maxRetries - 1)
-  );
+    message.includes("job result not found");
+
+  if (isNotFoundPattern) {
+    return true;
+  }
+
+  // Only then check for permanent errors
+  if (isPermanentError(error)) {
+    return false;
+  }
+
+  return errorName === "apierror" && retryAttempt < maxRetries - 1;
 }

package/src/infrastructure/utils/error-message-extractor.util.ts

@@ -67,7 +67,7 @@ export function checkFalApiError(result: unknown): void {
     const errorType = firstError?.type || "unknown";
     const errorMsg = firstError?.msg || "Unknown API error";
 
-    if (__DEV__) {
+    if (typeof __DEV__ !== "undefined" && __DEV__) {
       console.error("[FalApiError] Detected error in result:", {
         type: errorType,
         message: errorMsg,
@@ -138,7 +138,7 @@ export function extractErrorMessage(
   // First check if this is a GenerationError with translation key
   const translationKey = getErrorTranslationKey(error);
   if (translationKey) {
-    if (__DEV__ && debugPrefix) {
+    if (typeof __DEV__ !== "undefined" && __DEV__ && debugPrefix) {
       console.error(`[${debugPrefix}] Error (translation key):`, translationKey);
     }
     return translationKey;
@@ -168,7 +168,7 @@ export function extractErrorMessage(
     }
   }
 
-  if (__DEV__ && debugPrefix) {
+  if (typeof __DEV__ !== "undefined" && __DEV__ && debugPrefix) {
     console.error(`[${debugPrefix}] Error:`, message, error);
   }
 

package/src/infrastructure/utils/error-patterns.constants.ts

@@ -5,7 +5,6 @@
 
 export const NETWORK_ERROR_PATTERNS = [
   "network",
-  "timeout",
   "socket",
   "econnrefused",
   "enotfound",
@@ -19,8 +18,10 @@ export const AUTH_ERROR_PATTERNS = [
   "unauthorized",
   "authentication",
   "invalid api key",
-  "401",
-  "403",
+  " 401",
+  "401 ",
+  " 403",
+  "403 ",
 ] as const;
 
 export const CONTENT_POLICY_PATTERNS = [
@@ -30,15 +31,27 @@ export const CONTENT_POLICY_PATTERNS = [
   "safety",
   "moderation",
   "inappropriate",
-  "blocked",
+  "content blocked",
+  "blocked by",
   "flagged by a content checker",
 ] as const;
 
+export const VALIDATION_ERROR_PATTERNS = [
+  "validation",
+  "invalid input",
+  "required field",
+  "invalid parameter",
+] as const;
+
 export const SERVER_ERROR_PATTERNS = [
   "internal server error",
-  "500",
-  "502",
-  "503",
-  "504",
+  " 500",
+  "500 ",
+  " 502",
+  "502 ",
+  " 503",
+  "503 ",
+  " 504",
+  "504 ",
   "service unavailable",
 ] as const;

package/src/infrastructure/utils/id-generator.util.ts

@@ -0,0 +1,11 @@
+/**
+ * ID Generator Utility
+ * Shared creation ID generation
+ */
+
+/**
+ * Generate a unique creation ID with prefix.
+ */
+export function generateCreationId(prefix: string): string {
+  return `${prefix}_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`;
+}

package/src/infrastructure/utils/index.ts

@@ -13,3 +13,6 @@ export * from "./photo-generation";
 export * from "./feature-utils";
 export * from "./video-helpers";
 export * from "./provider-validator.util";
+export * from "./base64.util";
+export * from "./video-result-extractor.util";
+export * from "./id-generator.util";

package/src/infrastructure/utils/provider-validator.util.ts

@@ -20,14 +20,14 @@ export function validateProvider(context: string): ProviderValidationResult {
   const provider = providerRegistry.getActiveProvider();
 
   if (!provider) {
-    if (__DEV__) {
+    if (typeof __DEV__ !== "undefined" && __DEV__) {
       console.log(`[${context}] ERROR: No provider`);
     }
     return { success: false, error: "No AI provider configured" };
   }
 
   if (!provider.isInitialized()) {
-    if (__DEV__) {
+    if (typeof __DEV__ !== "undefined" && __DEV__) {
       console.log(`[${context}] ERROR: Provider not initialized`);
     }
     return { success: false, error: "AI provider not initialized" };