@umituz/react-native-ai-generation-content 1.17.144 → 1.17.146

package/package.json

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

package/src/features/photo-restoration/presentation/components/PhotoRestoreResultView.tsx

@@ -10,7 +10,7 @@ import {
   useAppDesignTokens,
 } from "@umituz/react-native-design-system";
 import { AIGenerationResult } from "../../../../presentation/components/display/AIGenerationResult";
-import { ComparisonSlider } from "../../../replace-background/presentation/components/ComparisonSlider";
+import { ComparisonSlider } from "../../../upscaling/presentation/components/ComparisonSlider";
 import type { PhotoRestoreTranslations } from "../../domain/types";
 
 export interface PhotoRestoreResultViewProps {

package/src/features/replace-background/index.ts

@@ -1,31 +1,9 @@
 /**
  * Replace Background Feature
- * AI-powered background replacement and removal feature for React Native
+ * AI-powered background replacement feature for React Native
  */
 
-// Domain Types - Legacy
-export type {
-  BackgroundProcessRequest,
-  BackgroundProcessResult,
-  BackgroundFeatureState,
-  SamplePrompt,
-  StudioMode,
-  StudioModeConfig,
-  ComparisonState,
-  ImagePickerProps,
-  PromptInputProps,
-  GenerateButtonProps,
-  ResultDisplayProps,
-  ErrorDisplayProps,
-  FeatureHeaderProps,
-  ModeSelectorProps,
-  ComparisonSliderProps,
-  ProcessRequestParams,
-  BackgroundFeatureConfig,
-  UseBackgroundFeatureConfig,
-} from "./domain/entities";
-
-// Domain Types - Provider-Agnostic
+// Domain Types
 export type {
   ReplaceBackgroundMode,
   ReplaceBackgroundOptions,
@@ -37,36 +15,13 @@ export type {
   ReplaceBackgroundResultExtractor,
 } from "./domain/types";
 
-// Constants
-export { DEFAULT_SAMPLE_PROMPTS } from "./infrastructure/constants";
-
 // Presentation Components
-export {
-  BackgroundFeature,
-  ReplaceBackgroundFeature,
-  ImagePicker,
-  PromptInput,
-  GenerateButton,
-  ResultDisplay,
-  ErrorDisplay,
-  FeatureHeader,
-  ComparisonSlider,
-  ModeSelector,
-} from "./presentation/components";
-
-export type {
-  BackgroundFeatureProps,
-  ReplaceBackgroundFeatureProps,
-} from "./presentation/components";
+export { ReplaceBackgroundFeature } from "./presentation/components";
+export type { ReplaceBackgroundFeatureProps } from "./presentation/components";
 
 // Presentation Hooks
-export {
-  useBackgroundFeature,
-  useReplaceBackgroundFeature,
-} from "./presentation/hooks";
-
+export { useReplaceBackgroundFeature } from "./presentation/hooks";
 export type {
-  UseBackgroundFeatureReturn,
   UseReplaceBackgroundFeatureProps,
   UseReplaceBackgroundFeatureReturn,
 } from "./presentation/hooks";

package/src/features/replace-background/presentation/components/index.ts

@@ -2,17 +2,5 @@
  * Presentation Components Export
  */
 
-export { BackgroundFeature } from "./BackgroundFeature";
-export type { BackgroundFeatureProps } from "./BackgroundFeature";
-
 export { ReplaceBackgroundFeature } from "./ReplaceBackgroundFeature";
 export type { ReplaceBackgroundFeatureProps } from "./ReplaceBackgroundFeature";
-
-export { ImagePicker } from "./ImagePicker";
-export { PromptInput } from "./PromptInput";
-export { GenerateButton } from "./GenerateButton";
-export { ResultDisplay } from "./ResultDisplay";
-export { ErrorDisplay } from "./ErrorDisplay";
-export { FeatureHeader } from "./FeatureHeader";
-export { ComparisonSlider } from "./ComparisonSlider";
-export { ModeSelector } from "./ModeSelector";

package/src/features/replace-background/presentation/hooks/index.ts

@@ -2,9 +2,6 @@
  * Presentation Hooks Export
  */
 
-export { useBackgroundFeature } from "./useBackgroundFeature";
-export type { UseBackgroundFeatureReturn } from "./useBackgroundFeature";
-
 export { useReplaceBackgroundFeature } from "./useReplaceBackgroundFeature";
 export type {
   UseReplaceBackgroundFeatureProps,

package/src/infrastructure/utils/index.ts

@@ -7,6 +7,7 @@ export * from "./polling-interval.util";
 export * from "./progress-calculator.util";
 export * from "./status-checker.util";
 export * from "./result-validator.util";
+export * from "./url-extractor.util";
 export * from "./photo-generation";
 export * from "./feature-utils";
 export * from "./video-helpers";

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

@@ -13,9 +13,7 @@ export interface ResultValidation {
 }
 
 export interface ValidateResultOptions {
-  /** Custom output field names to check */
   outputFields?: string[];
-  /** Whether empty results are allowed */
   allowEmpty?: boolean;
 }
 
@@ -44,7 +42,6 @@ export function validateResult(
   const { outputFields = DEFAULT_OUTPUT_FIELDS, allowEmpty = false } =
     options ?? {};
 
-  // Handle null/undefined
   if (result === null || result === undefined) {
     return {
       isValid: allowEmpty,
@@ -54,7 +51,6 @@ export function validateResult(
     };
   }
 
-  // Handle non-object results
   if (typeof result !== "object") {
     return {
       isValid: true,
@@ -65,7 +61,6 @@ export function validateResult(
 
   const resultObj = result as Record<string, unknown>;
 
-  // Check for error fields
   const errorValue = resultObj.error || resultObj.detail;
   const errorString = errorValue ? String(errorValue).toLowerCase() : "";
 
@@ -74,15 +69,12 @@ export function validateResult(
     errorString.includes("500") ||
     errorString === "internal server error";
 
-  // Check for empty object
   const isEmpty = Object.keys(resultObj).length === 0;
 
-  // Check for output in expected fields
   const hasOutput = outputFields.some((field) => {
     const value = resultObj[field];
     if (!value) return false;
 
-    // Handle nested output structures
     if (typeof value === "object" && value !== null) {
       const nested = value as Record<string, unknown>;
       return !!(
@@ -96,7 +88,6 @@ export function validateResult(
     return true;
   });
 
-  // Determine if result has error
   const hasError =
     hasInternalServerError || (isEmpty && !hasOutput && !allowEmpty);
 
@@ -113,213 +104,8 @@ export function validateResult(
       isValid: validation.isValid,
       hasOutput: validation.hasOutput,
       hasError: validation.hasError,
-      checkedFields: outputFields.join(", "),
     });
   }
 
   return validation;
 }
-
-/**
- * Extract output URL from result
- * Supports various AI provider response formats
- */
-export function extractOutputUrl(
-  result: unknown,
-  urlFields?: string[],
-): string | undefined {
-  if (!result || typeof result !== "object") {
-    return undefined;
-  }
-
-  const fields = urlFields ?? [
-    "url",
-    "image_url",
-    "video_url",
-    "output_url",
-    "result_url",
-  ];
-
-  const resultObj = result as Record<string, unknown>;
-
-  // Check top-level fields
-  for (const field of fields) {
-    const value = resultObj[field];
-    if (typeof value === "string" && value.length > 0) {
-      return value;
-    }
-  }
-
-  // Check nested data/output objects
-  const nested =
-    (resultObj.data as Record<string, unknown>) ||
-    (resultObj.output as Record<string, unknown>) ||
-    (resultObj.result as Record<string, unknown>);
-
-  if (nested && typeof nested === "object") {
-    for (const field of fields) {
-      const value = nested[field];
-      if (typeof value === "string" && value.length > 0) {
-        return value;
-      }
-    }
-
-    // Check for nested image/video objects
-    const media =
-      (nested.image as Record<string, unknown>) ||
-      (nested.video as Record<string, unknown>);
-    if (media && typeof media === "object" && typeof media.url === "string") {
-      return media.url;
-    }
-  }
-
-  return undefined;
-}
-
-/**
- * Extract multiple output URLs from result
- */
-export function extractOutputUrls(
-  result: unknown,
-  urlFields?: string[],
-): string[] {
-  if (!result || typeof result !== "object") {
-    return [];
-  }
-
-  const urls: string[] = [];
-  const resultObj = result as Record<string, unknown>;
-
-  // Check for arrays
-  const arrayFields = ["images", "videos", "outputs", "results", "urls"];
-  for (const field of arrayFields) {
-    const arr = resultObj[field];
-    if (Array.isArray(arr)) {
-      for (const item of arr) {
-        const url = extractOutputUrl(item, urlFields);
-        if (url) {
-          urls.push(url);
-        }
-      }
-    }
-  }
-
-  // Check nested data/output
-  const nested = resultObj.data || resultObj.output;
-  if (nested && typeof nested === "object") {
-    for (const field of arrayFields) {
-      const arr = (nested as Record<string, unknown>)[field];
-      if (Array.isArray(arr)) {
-        for (const item of arr) {
-          const url = extractOutputUrl(item, urlFields);
-          if (url) {
-            urls.push(url);
-          }
-        }
-      }
-    }
-  }
-
-  // If no array found, try single URL
-  if (urls.length === 0) {
-    const singleUrl = extractOutputUrl(result, urlFields);
-    if (singleUrl) {
-      urls.push(singleUrl);
-    }
-  }
-
-  return urls;
-}
-
-/**
- * Extract video URL from AI generation result
- */
-export function extractVideoUrl(result: unknown): string | undefined {
-  return extractOutputUrl(result, [
-    "video_url",
-    "videoUrl",
-    "video",
-    "url",
-  ]);
-}
-
-/**
- * Extract thumbnail URL from AI generation result
- */
-export function extractThumbnailUrl(result: unknown): string | undefined {
-  if (!result || typeof result !== "object") {
-    return undefined;
-  }
-
-  const resultObj = result as Record<string, unknown>;
-
-  // Check direct fields
-  const fields = ["thumbnail_url", "thumbnailUrl", "thumbnail", "poster"];
-  for (const field of fields) {
-    const value = resultObj[field];
-    if (typeof value === "string" && value.length > 0) {
-      return value;
-    }
-    if (value && typeof value === "object") {
-      const nested = value as Record<string, unknown>;
-      if (typeof nested.url === "string") {
-        return nested.url;
-      }
-    }
-  }
-
-  return undefined;
-}
-
-/**
- * Extract audio URL from AI generation result
- */
-export function extractAudioUrl(result: unknown): string | undefined {
-  return extractOutputUrl(result, [
-    "audio_url",
-    "audioUrl",
-    "audio",
-    "url",
-  ]);
-}
-
-/**
- * Extract image URLs from AI generation result
- */
-export function extractImageUrls(result: unknown): string[] {
-  if (!result || typeof result !== "object") {
-    return [];
-  }
-
-  const urls: string[] = [];
-  const resultObj = result as Record<string, unknown>;
-
-  // Check images array
-  if (Array.isArray(resultObj.images)) {
-    for (const img of resultObj.images) {
-      if (typeof img === "string" && img.length > 0) {
-        urls.push(img);
-      } else if (img && typeof img === "object") {
-        const imgObj = img as Record<string, unknown>;
-        if (typeof imgObj.url === "string") {
-          urls.push(imgObj.url);
-        }
-      }
-    }
-  }
-
-  // Check single image
-  if (urls.length === 0) {
-    const singleUrl = extractOutputUrl(result, [
-      "image_url",
-      "imageUrl",
-      "image",
-      "url",
-    ]);
-    if (singleUrl) {
-      urls.push(singleUrl);
-    }
-  }
-
-  return urls;
-}

package/src/infrastructure/utils/url-extractor.util.ts

@@ -0,0 +1,209 @@
+/**
+ * URL Extractor Utility
+ * Extracts output URLs from AI generation results
+ * Supports various provider response formats
+ */
+
+/**
+ * Extract output URL from result
+ * Supports various AI provider response formats
+ */
+export function extractOutputUrl(
+  result: unknown,
+  urlFields?: string[],
+): string | undefined {
+  if (!result || typeof result !== "object") {
+    return undefined;
+  }
+
+  const fields = urlFields ?? [
+    "url",
+    "image_url",
+    "video_url",
+    "output_url",
+    "result_url",
+  ];
+
+  const resultObj = result as Record<string, unknown>;
+
+  // Check top-level fields
+  for (const field of fields) {
+    const value = resultObj[field];
+    if (typeof value === "string" && value.length > 0) {
+      return value;
+    }
+  }
+
+  // Check nested data/output objects
+  const nested =
+    (resultObj.data as Record<string, unknown>) ||
+    (resultObj.output as Record<string, unknown>) ||
+    (resultObj.result as Record<string, unknown>);
+
+  if (nested && typeof nested === "object") {
+    for (const field of fields) {
+      const value = nested[field];
+      if (typeof value === "string" && value.length > 0) {
+        return value;
+      }
+    }
+
+    // Check for nested image/video objects
+    const media =
+      (nested.image as Record<string, unknown>) ||
+      (nested.video as Record<string, unknown>);
+    if (media && typeof media === "object" && typeof media.url === "string") {
+      return media.url;
+    }
+  }
+
+  return undefined;
+}
+
+/**
+ * Extract multiple output URLs from result
+ */
+export function extractOutputUrls(
+  result: unknown,
+  urlFields?: string[],
+): string[] {
+  if (!result || typeof result !== "object") {
+    return [];
+  }
+
+  const urls: string[] = [];
+  const resultObj = result as Record<string, unknown>;
+
+  // Check for arrays
+  const arrayFields = ["images", "videos", "outputs", "results", "urls"];
+  for (const field of arrayFields) {
+    const arr = resultObj[field];
+    if (Array.isArray(arr)) {
+      for (const item of arr) {
+        const url = extractOutputUrl(item, urlFields);
+        if (url) {
+          urls.push(url);
+        }
+      }
+    }
+  }
+
+  // Check nested data/output
+  const nested = resultObj.data || resultObj.output;
+  if (nested && typeof nested === "object") {
+    for (const field of arrayFields) {
+      const arr = (nested as Record<string, unknown>)[field];
+      if (Array.isArray(arr)) {
+        for (const item of arr) {
+          const url = extractOutputUrl(item, urlFields);
+          if (url) {
+            urls.push(url);
+          }
+        }
+      }
+    }
+  }
+
+  // If no array found, try single URL
+  if (urls.length === 0) {
+    const singleUrl = extractOutputUrl(result, urlFields);
+    if (singleUrl) {
+      urls.push(singleUrl);
+    }
+  }
+
+  return urls;
+}
+
+/**
+ * Extract video URL from AI generation result
+ */
+export function extractVideoUrl(result: unknown): string | undefined {
+  return extractOutputUrl(result, [
+    "video_url",
+    "videoUrl",
+    "video",
+    "url",
+  ]);
+}
+
+/**
+ * Extract thumbnail URL from AI generation result
+ */
+export function extractThumbnailUrl(result: unknown): string | undefined {
+  if (!result || typeof result !== "object") {
+    return undefined;
+  }
+
+  const resultObj = result as Record<string, unknown>;
+
+  // Check direct fields
+  const fields = ["thumbnail_url", "thumbnailUrl", "thumbnail", "poster"];
+  for (const field of fields) {
+    const value = resultObj[field];
+    if (typeof value === "string" && value.length > 0) {
+      return value;
+    }
+    if (value && typeof value === "object") {
+      const nested = value as Record<string, unknown>;
+      if (typeof nested.url === "string") {
+        return nested.url;
+      }
+    }
+  }
+
+  return undefined;
+}
+
+/**
+ * Extract audio URL from AI generation result
+ */
+export function extractAudioUrl(result: unknown): string | undefined {
+  return extractOutputUrl(result, [
+    "audio_url",
+    "audioUrl",
+    "audio",
+    "url",
+  ]);
+}
+
+/**
+ * Extract image URLs from AI generation result
+ */
+export function extractImageUrls(result: unknown): string[] {
+  if (!result || typeof result !== "object") {
+    return [];
+  }
+
+  const urls: string[] = [];
+  const resultObj = result as Record<string, unknown>;
+
+  // Check images array
+  if (Array.isArray(resultObj.images)) {
+    for (const img of resultObj.images) {
+      if (typeof img === "string" && img.length > 0) {
+        urls.push(img);
+      } else if (img && typeof img === "object") {
+        const imgObj = img as Record<string, unknown>;
+        if (typeof imgObj.url === "string") {
+          urls.push(imgObj.url);
+        }
+      }
+    }
+  }
+
+  // Check single image
+  if (urls.length === 0) {
+    const singleUrl = extractOutputUrl(result, [
+      "image_url",
+      "imageUrl",
+      "image",
+      "url",
+    ]);
+    if (singleUrl) {
+      urls.push(singleUrl);
+    }
+  }
+
+  return urls;
+}

package/src/presentation/hooks/flow-state.utils.ts

@@ -0,0 +1,101 @@
+/**
+ * Flow State Utilities
+ * State initialization and update helpers for generation flow
+ *
+ * @package @umituz/react-native-ai-generation-content
+ */
+
+import type {
+  GenerationFlowConfig,
+  GenerationFlowState,
+  PhotoStepData,
+  PhotoStepConfig,
+} from "../types/flow-config.types";
+
+/**
+ * Create initial flow state from config
+ */
+export function createInitialFlowState(
+  config: GenerationFlowConfig,
+): GenerationFlowState {
+  return {
+    currentStepIndex: 0,
+    photoSteps: config.photoSteps.map((step) => ({
+      id: step.id,
+      imageUri: null,
+      previewUrl: undefined,
+      name: undefined,
+      isValid: undefined,
+      validationStatus: "pending" as const,
+    })),
+    textInput: config.textInputStep
+      ? {
+          id: config.textInputStep.id,
+          text: "",
+          isValid: false,
+        }
+      : undefined,
+    isComplete: false,
+    isProcessing: false,
+  };
+}
+
+/**
+ * Update photo step in state
+ */
+export function updatePhotoStep(
+  state: GenerationFlowState,
+  stepIndex: number,
+  updates: Partial<PhotoStepData>,
+): GenerationFlowState {
+  const newPhotoSteps = [...state.photoSteps];
+  newPhotoSteps[stepIndex] = {
+    ...newPhotoSteps[stepIndex],
+    ...updates,
+  };
+
+  return {
+    ...state,
+    photoSteps: newPhotoSteps,
+  };
+}
+
+/**
+ * Check if current step is valid
+ */
+export function isStepValid(
+  stepData: PhotoStepData | null,
+  stepConfig: PhotoStepConfig | null,
+): boolean {
+  if (!stepData || !stepConfig) {
+    return false;
+  }
+
+  // Check photo
+  if (!stepData.imageUri) {
+    return false;
+  }
+
+  // Check name if required
+  if (stepConfig.requireNameInput && !stepData.name) {
+    return false;
+  }
+
+  // Check validation if enabled
+  if (stepConfig.enableValidation && !stepData.isValid) {
+    return false;
+  }
+
+  return true;
+}
+
+/**
+ * Check if text input is valid
+ */
+export function isTextInputValid(
+  text: string,
+  minLength: number,
+  maxLength: number,
+): boolean {
+  return text.length >= minLength && text.length <= maxLength;
+}