@umituz/react-native-ai-generation-content 1.54.0 → 1.56.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.54.0",
+  "version": "1.56.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/wizard/presentation/components/WizardFlowContent.tsx

@@ -121,6 +121,7 @@ export const WizardFlowContent: React.FC<WizardFlowContentProps> = (props) => {
     setShowRatingPicker,
     onGenerationStart,
     onGenerationComplete,
+    onGenerationError,
     onBack,
   });
 
@@ -132,7 +133,7 @@ export const WizardFlowContent: React.FC<WizardFlowContentProps> = (props) => {
     alertMessages,
     creditCost,
     onSuccess: handlers.handleGenerationComplete,
-    onError: onGenerationError,
+    onError: handlers.handleGenerationError,
     onCreditsExhausted,
   });
 

package/src/domains/generation/wizard/presentation/hooks/generation-result.utils.ts

@@ -3,11 +3,20 @@
  * Shared utilities for extracting and processing generation results
  */
 
+export interface FalErrorDetail {
+  msg?: string;
+  type?: string;
+  loc?: string[];
+  input?: string;
+}
+
 export interface FalResult {
   video?: { url?: string };
   output?: string;
   images?: Array<{ url?: string }>;
   image?: { url?: string };
+  detail?: FalErrorDetail[];
+  error?: string;
 }
 
 export interface GenerationUrls {
@@ -15,11 +24,43 @@ export interface GenerationUrls {
   videoUrl?: string;
 }
 
+/**
+ * Check if result contains an error and throw with appropriate message
+ */
+function checkForErrors(result: FalResult): void {
+  // Check for FAL API error format: {detail: [{msg, type}]}
+  if (result.detail && Array.isArray(result.detail) && result.detail.length > 0) {
+    const firstError = result.detail[0];
+    const errorType = firstError?.type || "unknown";
+    const errorMsg = firstError?.msg || "Generation failed";
+
+    // Map error type to translation key
+    if (errorType === "content_policy_violation") {
+      throw new Error("error.generation.content_policy");
+    }
+
+    if (errorType.includes("validation")) {
+      throw new Error("error.generation.validation");
+    }
+
+    throw new Error(errorMsg);
+  }
+
+  // Check for simple error field
+  if (result.error) {
+    throw new Error(result.error);
+  }
+}
+
 /**
  * Extracts image/video URL from FAL result
  * Handles various result formats from different FAL models
+ * Throws error if result contains error information
  */
 export function extractResultUrl(result: FalResult): GenerationUrls {
+  // First check for errors in the result
+  checkForErrors(result);
+
   // Video result
   if (result.video?.url) {
     return { videoUrl: result.video.url };

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

@@ -109,14 +109,29 @@ export function useVideoQueueGeneration(
       if (status.status === QUEUE_STATUS.COMPLETED || status.status === QUEUE_STATUS.FAILED) {
         if (pollingRef.current) { clearInterval(pollingRef.current); pollingRef.current = null; }
         if (status.status === QUEUE_STATUS.COMPLETED) {
-          const result = await provider.getJobResult<FalResult>(model, requestId);
-          await handleComplete(extractResultUrl(result));
+          try {
+            const result = await provider.getJobResult<FalResult>(model, requestId);
+            await handleComplete(extractResultUrl(result));
+          } catch (resultErr) {
+            // Handle errors when getting/extracting result (e.g., ValidationError, content policy)
+            const errorMessage = resultErr instanceof Error ? resultErr.message : "Generation failed";
+            if (typeof __DEV__ !== "undefined" && __DEV__) {
+              console.error("[VideoQueueGeneration] Result error:", errorMessage);
+            }
+            await handleError(errorMessage);
+          }
         } else {
           await handleError("Generation failed");
         }
       }
     } catch (err) {
-      if (typeof __DEV__ !== "undefined" && __DEV__) console.error("[VideoQueueGeneration] Poll error:", err);
+      // Handle polling errors - stop polling and show error to user
+      if (pollingRef.current) { clearInterval(pollingRef.current); pollingRef.current = null; }
+      const errorMessage = err instanceof Error ? err.message : "Generation failed";
+      if (typeof __DEV__ !== "undefined" && __DEV__) {
+        console.error("[VideoQueueGeneration] Poll error:", errorMessage);
+      }
+      await handleError(errorMessage);
     }
   }, [handleComplete, handleError]);
 

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

@@ -29,6 +29,7 @@ export interface UseWizardFlowHandlersProps {
   readonly setShowRatingPicker: (show: boolean) => void;
   readonly onGenerationStart?: (data: Record<string, unknown>, proceed: () => void) => void;
   readonly onGenerationComplete?: (result: unknown) => void;
+  readonly onGenerationError?: (error: string) => void;
   readonly onBack?: () => void;
 }
 
@@ -51,6 +52,7 @@ export function useWizardFlowHandlers(props: UseWizardFlowHandlersProps) {
     setShowRatingPicker,
     onGenerationStart,
     onGenerationComplete,
+    onGenerationError,
     onBack,
   } = props;
 
@@ -69,6 +71,30 @@ export function useWizardFlowHandlers(props: UseWizardFlowHandlersProps) {
     [setResult, setCurrentCreation, nextStep, onGenerationComplete, skipResultStep],
   );
 
+  const handleGenerationError = useCallback(
+    (errorMessage: string) => {
+      if (typeof __DEV__ !== "undefined" && __DEV__) {
+        console.log("[WizardFlowHandlers] Generation error:", errorMessage);
+      }
+      // Translate error key if it looks like a translation key
+      const displayMessage = errorMessage.startsWith("error.")
+        ? t(errorMessage)
+        : errorMessage;
+      // Show error alert to user
+      alert.show(
+        AlertType.ERROR,
+        AlertMode.MODAL,
+        t("common.error"),
+        displayMessage,
+      );
+      // Notify parent component
+      onGenerationError?.(errorMessage);
+      // Close the wizard
+      onBack?.();
+    },
+    [alert, t, onGenerationError, onBack],
+  );
+
   const handleDismissGenerating = useCallback(() => {
     if (typeof __DEV__ !== "undefined" && __DEV__) {
       console.log("[WizardFlowHandlers] Dismissing - generation continues");
@@ -124,6 +150,7 @@ export function useWizardFlowHandlers(props: UseWizardFlowHandlersProps) {
 
   return {
     handleGenerationComplete,
+    handleGenerationError,
     handleDismissGenerating,
     handleBack,
     handleNextStep,