@umituz/react-native-ai-generation-content 1.17.159 → 1.17.161

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.17.159",
+  "version": "1.17.161",
   "description": "Provider-agnostic AI generation orchestration for React Native",
   "main": "src/index.ts",
   "types": "src/index.ts",

package/src/features/anime-selfie/domain/types/anime-selfie.types.ts

@@ -24,6 +24,12 @@ export interface AnimeSelfieResult {
   imageBase64?: string;
   error?: string;
   requestId?: string;
+  creationId?: string;
+}
+
+export interface AnimeSelfieProcessingStartData {
+  creationId: string;
+  imageUri: string;
 }
 
 export interface AnimeSelfieFeatureState {
@@ -58,7 +64,7 @@ export interface AnimeSelfieFeatureConfig {
   extractResult?: AnimeSelfieResultExtractor;
   prepareImage: (imageUri: string) => Promise<string>;
   onImageSelect?: (uri: string) => void;
-  onProcessingStart?: () => void;
+  onProcessingStart?: (data: AnimeSelfieProcessingStartData) => void;
   onProcessingComplete?: (result: AnimeSelfieResult) => void;
-  onError?: (error: string) => void;
+  onError?: (error: string, creationId?: string) => void;
 }

package/src/features/anime-selfie/domain/types/index.ts

@@ -7,6 +7,7 @@ export type {
   AnimeSelfieOptions,
   AnimeSelfieRequest,
   AnimeSelfieResult,
+  AnimeSelfieProcessingStartData,
   AnimeSelfieFeatureState,
   AnimeSelfieTranslations,
   AnimeSelfieResultExtractor,

package/src/features/anime-selfie/index.ts

@@ -9,6 +9,7 @@ export type {
   AnimeSelfieOptions,
   AnimeSelfieRequest,
   AnimeSelfieResult,
+  AnimeSelfieProcessingStartData,
   AnimeSelfieFeatureState,
   AnimeSelfieTranslations,
   AnimeSelfieFeatureConfig,

package/src/features/anime-selfie/presentation/hooks/useAnimeSelfieFeature.ts

@@ -3,7 +3,8 @@
  * Manages anime selfie feature state and actions
  */
 
-import { useState, useCallback } from "react";
+import { useState, useCallback, useRef } from "react";
+import { generateUUID } from "@umituz/react-native-uuid";
 import { executeImageFeature } from "../../../../infrastructure/services";
 import type {
   AnimeSelfieFeatureState,
@@ -38,6 +39,7 @@ export function useAnimeSelfieFeature(
 ): UseAnimeSelfieFeatureReturn {
   const { config, onSelectImage, onSaveImage, onBeforeProcess } = props;
   const [state, setState] = useState<AnimeSelfieFeatureState>(initialState);
+  const creationIdRef = useRef<string | null>(null);
 
   const selectImage = useCallback(async () => {
     try {
@@ -64,6 +66,9 @@ export function useAnimeSelfieFeature(
       if (!canProceed) return;
     }
 
+    const creationId = generateUUID();
+    creationIdRef.current = creationId;
+
     setState((prev) => ({
       ...prev,
       isProcessing: true,
@@ -71,7 +76,7 @@ export function useAnimeSelfieFeature(
       error: null,
     }));
 
-    config.onProcessingStart?.();
+    config.onProcessingStart?.({ creationId, imageUri: state.imageUri });
 
     try {
       const imageBase64 = await config.prepareImage(state.imageUri);
@@ -89,7 +94,7 @@ export function useAnimeSelfieFeature(
           processedUrl: result.imageUrl!,
           progress: 100,
         }));
-        config.onProcessingComplete?.(result as AnimeSelfieResult);
+        config.onProcessingComplete?.({ ...result, creationId } as AnimeSelfieResult);
       } else {
         const errorMessage = result.error || "Processing failed";
         setState((prev) => ({
@@ -98,7 +103,7 @@ export function useAnimeSelfieFeature(
           error: errorMessage,
           progress: 0,
         }));
-        config.onError?.(errorMessage);
+        config.onError?.(errorMessage, creationId);
       }
     } catch (error) {
       const errorMessage = error instanceof Error ? error.message : String(error);
@@ -108,7 +113,7 @@ export function useAnimeSelfieFeature(
         error: errorMessage,
         progress: 0,
       }));
-      config.onError?.(errorMessage);
+      config.onError?.(errorMessage, creationIdRef.current ?? undefined);
     }
   }, [state.imageUri, config, handleProgress, onBeforeProcess]);
 

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

@@ -45,17 +45,38 @@ export interface ImageFeatureRequest {
 
 /**
  * Default result extractor - handles common response formats
+ * Supports both direct response and data-wrapped response (fal.ai)
  */
 function defaultExtractImageResult(result: unknown): string | undefined {
   if (typeof result !== "object" || result === null) return undefined;
 
   const r = result as Record<string, unknown>;
 
-  if (typeof r.image === "string") return r.image;
-  if (typeof r.imageUrl === "string") return r.imageUrl;
-  if (typeof r.output === "string") return r.output;
-  if (Array.isArray(r.images) && typeof r.images[0]?.url === "string") {
-    return r.images[0].url;
+  if (typeof __DEV__ !== "undefined" && __DEV__) {
+    console.log("[ImageExtractor] Result keys:", Object.keys(r));
+    console.log("[ImageExtractor] Has data:", !!r.data);
+    console.log("[ImageExtractor] Has images:", !!r.images);
+  }
+
+  // Handle fal.ai data wrapper
+  const data = (r.data as Record<string, unknown>) ?? r;
+
+  if (typeof __DEV__ !== "undefined" && __DEV__) {
+    console.log("[ImageExtractor] Data keys:", Object.keys(data));
+  }
+
+  if (typeof data.image === "string") return data.image;
+  if (typeof data.imageUrl === "string") return data.imageUrl;
+  if (typeof data.output === "string") return data.output;
+  if (Array.isArray(data.images) && typeof data.images[0]?.url === "string") {
+    if (typeof __DEV__ !== "undefined" && __DEV__) {
+      console.log("[ImageExtractor] Found images[0].url:", data.images[0].url);
+    }
+    return data.images[0].url;
+  }
+
+  if (typeof __DEV__ !== "undefined" && __DEV__) {
+    console.log("[ImageExtractor] No image URL found in result");
   }
 
   return undefined;