@umituz/react-native-ai-generation-content 1.17.225 → 1.17.226

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

@@ -7,7 +7,11 @@
 import React, { useMemo } from "react";
 import { PhotoUploadCard } from "../../../../presentation/components/PhotoUploadCard";
 import { SingleImageFeatureLayout } from "../../../../presentation/layouts";
-import type { ProcessingModalRenderProps } from "../../../../presentation/layouts";
+import type {
+  ProcessingModalRenderProps,
+  SingleImageInputRenderProps,
+  CustomResultRenderProps,
+} from "../../../../presentation/layouts";
 import { PhotoRestoreResultView } from "./PhotoRestoreResultView";
 import { usePhotoRestoreFeature } from "../hooks";
 import type {
@@ -60,7 +64,7 @@ export const PhotoRestoreFeature: React.FC<PhotoRestoreFeatureProps> = ({
       translations={translations}
       modalTranslations={modalTranslations}
       renderProcessingModal={renderProcessingModal}
-      renderInput={({ imageUri, onSelect, isDisabled, isProcessing }) => (
+      renderInput={({ imageUri, onSelect, isDisabled, isProcessing }: SingleImageInputRenderProps) => (
         <PhotoUploadCard
           imageUri={imageUri}
           onPress={onSelect}
@@ -80,7 +84,7 @@ export const PhotoRestoreFeature: React.FC<PhotoRestoreFeatureProps> = ({
           }}
         />
       )}
-      renderCustomResult={({ processedUrl, originalImageUri, onSave, onReset }) => (
+      renderCustomResult={({ processedUrl, originalImageUri, onSave, onReset }: CustomResultRenderProps) => (
         <PhotoRestoreResultView
           originalUri={originalImageUri}
           processedUri={processedUrl}

package/src/features/remove-background/presentation/components/RemoveBackgroundFeature.tsx

@@ -8,7 +8,7 @@ import React, { useMemo } from "react";
 import { Image, StyleSheet } from "react-native";
 import { PhotoUploadCard } from "../../../../presentation/components/PhotoUploadCard";
 import { SingleImageFeatureLayout } from "../../../../presentation/layouts";
-import type { ProcessingModalRenderProps } from "../../../../presentation/layouts";
+import type { ProcessingModalRenderProps, SingleImageInputRenderProps, ResultRenderProps } from "../../../../presentation/layouts";
 import { useRemoveBackgroundFeature } from "../hooks";
 import type {
   RemoveBackgroundTranslations,
@@ -60,7 +60,7 @@ export const RemoveBackgroundFeature: React.FC<RemoveBackgroundFeatureProps> = (
       translations={translations}
       modalTranslations={modalTranslations}
       renderProcessingModal={renderProcessingModal}
-      renderInput={({ imageUri, onSelect, isDisabled, isProcessing }) => (
+      renderInput={({ imageUri, onSelect, isDisabled, isProcessing }: SingleImageInputRenderProps) => (
         <PhotoUploadCard
           imageUri={imageUri}
           onPress={onSelect}
@@ -80,7 +80,7 @@ export const RemoveBackgroundFeature: React.FC<RemoveBackgroundFeatureProps> = (
           }}
         />
       )}
-      renderResult={({ imageUrl, imageSize }) => (
+      renderResult={({ imageUrl, imageSize }: ResultRenderProps) => (
         <Image
           source={{ uri: imageUrl }}
           style={[styles.resultImage, { width: imageSize, height: imageSize }]}

package/src/features/remove-object/presentation/components/RemoveObjectFeature.tsx

@@ -12,7 +12,7 @@ import {
 } from "@umituz/react-native-design-system";
 import { PhotoUploadCard } from "../../../../presentation/components/PhotoUploadCard";
 import { SingleImageWithPromptFeatureLayout } from "../../../../presentation/layouts";
-import type { ProcessingModalRenderProps } from "../../../../presentation/layouts";
+import type { ProcessingModalRenderProps, SingleImageWithPromptInputRenderProps, ResultRenderProps } from "../../../../presentation/layouts";
 import { useRemoveObjectFeature } from "../hooks";
 import type {
   RemoveObjectTranslations,
@@ -66,7 +66,7 @@ export const RemoveObjectFeature: React.FC<RemoveObjectFeatureProps> = ({
       translations={translations}
       modalTranslations={modalTranslations}
       renderProcessingModal={renderProcessingModal}
-      renderInput={({ imageUri, onSelect, isDisabled, isProcessing, prompt, onPromptChange }) => (
+      renderInput={({ imageUri, onSelect, isDisabled, isProcessing, prompt, onPromptChange }: SingleImageWithPromptInputRenderProps) => (
         <>
           <PhotoUploadCard
             imageUri={imageUri}
@@ -120,7 +120,7 @@ export const RemoveObjectFeature: React.FC<RemoveObjectFeatureProps> = ({
           </View>
         </>
       )}
-      renderResult={({ imageUrl, imageSize }) => (
+      renderResult={({ imageUrl, imageSize }: ResultRenderProps) => (
         <Image
           source={{ uri: imageUrl }}
           style={[styles.resultImage, { width: imageSize, height: imageSize }]}

package/src/features/replace-background/presentation/components/ReplaceBackgroundFeature.tsx

@@ -9,7 +9,11 @@ import { View, Image, StyleSheet } from "react-native";
 import { AtomicInput } from "@umituz/react-native-design-system";
 import { PhotoUploadCard } from "../../../../presentation/components/PhotoUploadCard";
 import { SingleImageWithPromptFeatureLayout } from "../../../../presentation/layouts";
-import type { ProcessingModalRenderProps } from "../../../../presentation/layouts";
+import type {
+  ProcessingModalRenderProps,
+  SingleImageWithPromptInputRenderProps,
+  ResultRenderProps,
+} from "../../../../presentation/layouts";
 import { useReplaceBackgroundFeature } from "../hooks";
 import type {
   ReplaceBackgroundTranslations,
@@ -61,7 +65,7 @@ export const ReplaceBackgroundFeature: React.FC<ReplaceBackgroundFeatureProps> =
       translations={translations}
       modalTranslations={modalTranslations}
       renderProcessingModal={renderProcessingModal}
-      renderInput={({ imageUri, onSelect, isDisabled, isProcessing, prompt, onPromptChange }) => (
+      renderInput={({ imageUri, onSelect, isDisabled, isProcessing, prompt, onPromptChange }: SingleImageWithPromptInputRenderProps) => (
         <>
           <PhotoUploadCard
             imageUri={imageUri}
@@ -94,7 +98,7 @@ export const ReplaceBackgroundFeature: React.FC<ReplaceBackgroundFeatureProps> =
           </View>
         </>
       )}
-      renderResult={({ imageUrl, imageSize }) => (
+      renderResult={({ imageUrl, imageSize }: ResultRenderProps) => (
         <Image
           source={{ uri: imageUrl }}
           style={[styles.resultImage, { width: imageSize, height: imageSize }]}

package/src/features/upscaling/presentation/components/UpscaleFeature.tsx

@@ -7,7 +7,11 @@
 import React, { useMemo } from "react";
 import { PhotoUploadCard } from "../../../../presentation/components/PhotoUploadCard";
 import { SingleImageFeatureLayout } from "../../../../presentation/layouts";
-import type { ProcessingModalRenderProps } from "../../../../presentation/layouts";
+import type {
+  ProcessingModalRenderProps,
+  SingleImageInputRenderProps,
+  CustomResultRenderProps,
+} from "../../../../presentation/layouts";
 import { UpscaleResultView } from "./UpscaleResultView";
 import { useUpscaleFeature } from "../hooks";
 import type {
@@ -61,7 +65,7 @@ export const UpscaleFeature: React.FC<UpscaleFeatureProps> = ({
       modalTranslations={modalTranslations}
       description={translations.description}
       renderProcessingModal={renderProcessingModal}
-      renderInput={({ imageUri, onSelect, isDisabled, isProcessing }) => (
+      renderInput={({ imageUri, onSelect, isDisabled, isProcessing }: SingleImageInputRenderProps) => (
         <PhotoUploadCard
           imageUri={imageUri}
           onPress={onSelect}
@@ -81,7 +85,7 @@ export const UpscaleFeature: React.FC<UpscaleFeatureProps> = ({
           }}
         />
       )}
-      renderCustomResult={({ processedUrl, originalImageUri, onSave, onReset }) => (
+      renderCustomResult={({ processedUrl, originalImageUri, onSave, onReset }: CustomResultRenderProps) => (
         <UpscaleResultView
           originalUri={originalImageUri}
           processedUri={processedUrl}

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

@@ -4,47 +4,17 @@
  */
 
 import { AIErrorType, type AIErrorInfo } from "../../domain/entities";
+import {
+  NETWORK_ERROR_PATTERNS,
+  RATE_LIMIT_PATTERNS,
+  AUTH_ERROR_PATTERNS,
+  CONTENT_POLICY_PATTERNS,
+  SERVER_ERROR_PATTERNS,
+} from "./error-patterns.constants";
 
 declare const __DEV__: boolean;
 
-const NETWORK_ERROR_PATTERNS = [
-  "network",
-  "timeout",
-  "socket",
-  "econnrefused",
-  "enotfound",
-  "fetch failed",
-  "connection",
-];
-
-const RATE_LIMIT_PATTERNS = ["rate limit", "too many requests", "429"];
-
-const AUTH_ERROR_PATTERNS = [
-  "unauthorized",
-  "authentication",
-  "invalid api key",
-  "401",
-  "403",
-];
-
-const CONTENT_POLICY_PATTERNS = [
-  "content policy",
-  "safety",
-  "moderation",
-  "inappropriate",
-  "blocked",
-];
-
-const SERVER_ERROR_PATTERNS = [
-  "internal server error",
-  "500",
-  "502",
-  "503",
-  "504",
-  "service unavailable",
-];
-
-function matchesPatterns(message: string, patterns: string[]): boolean {
+function matchesPatterns(message: string, patterns: readonly string[]): boolean {
   const lowerMessage = message.toLowerCase();
   return patterns.some((pattern) => lowerMessage.includes(pattern));
 }
@@ -64,7 +34,6 @@ function getStatusCode(error: unknown): number | undefined {
 
 function logClassification(info: AIErrorInfo): AIErrorInfo {
   if (typeof __DEV__ !== "undefined" && __DEV__) {
-     
     console.log("[ErrorClassifier] Classified as:", {
       type: info.type,
       messageKey: info.messageKey,
@@ -79,7 +48,6 @@ export function classifyError(error: unknown): AIErrorInfo {
   const statusCode = getStatusCode(error);
 
   if (typeof __DEV__ !== "undefined" && __DEV__) {
-     
     console.log("[ErrorClassifier] Classifying error:", {
       message: message.slice(0, 100),
       statusCode,

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

@@ -0,0 +1,41 @@
+/**
+ * Error Pattern Constants
+ * Error classification patterns for error classifier utility
+ */
+
+export const NETWORK_ERROR_PATTERNS = [
+  "network",
+  "timeout",
+  "socket",
+  "econnrefused",
+  "enotfound",
+  "fetch failed",
+  "connection",
+] as const;
+
+export const RATE_LIMIT_PATTERNS = ["rate limit", "too many requests", "429"] as const;
+
+export const AUTH_ERROR_PATTERNS = [
+  "unauthorized",
+  "authentication",
+  "invalid api key",
+  "401",
+  "403",
+] as const;
+
+export const CONTENT_POLICY_PATTERNS = [
+  "content policy",
+  "safety",
+  "moderation",
+  "inappropriate",
+  "blocked",
+] as const;
+
+export const SERVER_ERROR_PATTERNS = [
+  "internal server error",
+  "500",
+  "502",
+  "503",
+  "504",
+  "service unavailable",
+] as const;

package/src/presentation/hooks/base/use-dual-image-feature.ts

@@ -13,6 +13,7 @@ import type {
   OnSelectImageCallback,
   OnSaveCallback,
 } from "./types";
+import { createFeatureStateHandlers, executeProcess, executeSave } from "./utils/feature-state.factory";
 
 /**
  * Request passed to processRequest callback
@@ -30,7 +31,7 @@ export interface UseDualImageFeatureConfig {
   readonly onSelectFirstImage: OnSelectImageCallback;
   readonly onSelectSecondImage: OnSelectImageCallback;
   readonly processRequest: (
-    request: DualImageProcessRequest
+    request: DualImageProcessRequest,
   ) => Promise<FeatureProcessResult>;
   readonly onSave?: OnSaveCallback;
   readonly onError?: (error: string) => void;
@@ -57,27 +58,39 @@ export interface UseDualImageFeatureReturn
   readonly save: () => Promise<void>;
 }
 
+const initialState: DualImageFeatureState = {
+  firstImageUri: null,
+  secondImageUri: null,
+  processedUrl: null,
+  isProcessing: false,
+  progress: 0,
+  error: null,
+};
+
 export function useDualImageFeature(
-  config: UseDualImageFeatureConfig
+  config: UseDualImageFeatureConfig,
 ): UseDualImageFeatureReturn {
-  const [firstImageUri, setFirstImageUri] = useState<string | null>(null);
-  const [secondImageUri, setSecondImageUri] = useState<string | null>(null);
-  const [processedUrl, setProcessedUrl] = useState<string | null>(null);
-  const [isProcessing, setIsProcessing] = useState(false);
-  const [progress, setProgress] = useState(0);
-  const [error, setError] = useState<string | null>(null);
+  const [state, setState] = useState<DualImageFeatureState>(initialState);
+
+  const { reset, clearError } = createFeatureStateHandlers({
+    setState,
+    initialState,
+  });
 
   const selectFirstImage = useCallback(async (): Promise<void> => {
     try {
       const uri = await config.onSelectFirstImage();
       if (uri) {
-        setFirstImageUri(uri);
-        setError(null);
-        setProcessedUrl(null);
+        setState((prev) => ({
+          ...prev,
+          firstImageUri: uri,
+          error: null,
+          processedUrl: null,
+        }));
       }
     } catch (err) {
       const message = err instanceof Error ? err.message : "error.selectImage";
-      setError(message);
+      setState((prev) => ({ ...prev, error: message }));
       config.onError?.(message);
     }
   }, [config]);
@@ -86,88 +99,67 @@ export function useDualImageFeature(
     try {
       const uri = await config.onSelectSecondImage();
       if (uri) {
-        setSecondImageUri(uri);
-        setError(null);
-        setProcessedUrl(null);
+        setState((prev) => ({
+          ...prev,
+          secondImageUri: uri,
+          error: null,
+          processedUrl: null,
+        }));
       }
     } catch (err) {
       const message = err instanceof Error ? err.message : "error.selectImage";
-      setError(message);
+      setState((prev) => ({ ...prev, error: message }));
       config.onError?.(message);
     }
   }, [config]);
 
   const process = useCallback(async (): Promise<void> => {
-    if (!firstImageUri || !secondImageUri) {
+    if (!state.firstImageUri || !state.secondImageUri) {
       const message = "error.noImages";
-      setError(message);
+      setState((prev) => ({ ...prev, error: message }));
       config.onError?.(message);
       return;
     }
 
-    setIsProcessing(true);
-    setProgress(0);
-    setError(null);
-
-    try {
-      const result = await config.processRequest({
-        firstImageUri,
-        secondImageUri,
-        onProgress: setProgress,
-      });
-
-      if (result.success && result.outputUrl) {
-        setProcessedUrl(result.outputUrl);
-        config.onSuccess?.(result.outputUrl);
-      } else {
-        const message = result.error || "error.processing";
-        setError(message);
-        config.onError?.(message);
-      }
-    } catch (err) {
-      const message = err instanceof Error ? err.message : "error.processing";
-      setError(message);
-      config.onError?.(message);
-    } finally {
-      setIsProcessing(false);
-      setProgress(0);
+    const result = await executeProcess({
+      canProcess: () => !!state.firstImageUri && !!state.secondImageUri,
+      setError: (error) => setState((prev) => ({ ...prev, error })),
+      setProcessing: (isProcessing) => setState((prev) => ({ ...prev, isProcessing })),
+      onError: config.onError,
+      processFn: () =>
+        config.processRequest({
+          firstImageUri: state.firstImageUri!,
+          secondImageUri: state.secondImageUri!,
+          onProgress: (progress) => setState((prev) => ({ ...prev, progress })),
+        }),
+      onSuccess: (result) => {
+        if (result.outputUrl) {
+          setState((prev) => ({ ...prev, processedUrl: result.outputUrl ?? null }));
+          config.onSuccess?.(result.outputUrl);
+        } else {
+          const message = result.error || "error.processing";
+          setState((prev) => ({ ...prev, error: message }));
+          config.onError?.(message);
+        }
+      },
+    });
+
+    if (!result) {
+      setState((prev) => ({ ...prev, progress: 0 }));
     }
-  }, [firstImageUri, secondImageUri, config]);
+  }, [state.firstImageUri, state.secondImageUri, config]);
 
   const save = useCallback(async (): Promise<void> => {
-    if (!processedUrl || !config.onSave) {
-      return;
-    }
-
-    try {
-      await config.onSave(processedUrl);
-    } catch (err) {
-      const message = err instanceof Error ? err.message : "error.save";
-      setError(message);
-      config.onError?.(message);
-    }
-  }, [processedUrl, config]);
-
-  const reset = useCallback((): void => {
-    setFirstImageUri(null);
-    setSecondImageUri(null);
-    setProcessedUrl(null);
-    setIsProcessing(false);
-    setProgress(0);
-    setError(null);
-  }, []);
-
-  const clearError = useCallback((): void => {
-    setError(null);
-  }, []);
+    await executeSave({
+      processedUrl: state.processedUrl,
+      onSave: config.onSave,
+      setError: (error) => setState((prev) => ({ ...prev, error })),
+      onError: config.onError,
+    });
+  }, [state.processedUrl, config]);
 
   return {
-    firstImageUri,
-    secondImageUri,
-    processedUrl,
-    isProcessing,
-    progress,
-    error,
+    ...state,
     selectFirstImage,
     selectSecondImage,
     process,

package/src/presentation/hooks/base/use-image-with-prompt-feature.ts

@@ -13,6 +13,7 @@ import type {
   OnSelectImageCallback,
   OnSaveCallback,
 } from "./types";
+import { createFeatureStateHandlers, executeProcess, executeSave } from "./utils/feature-state.factory";
 
 /**
  * Request passed to processRequest callback
@@ -57,109 +58,105 @@ export interface UseImageWithPromptFeatureReturn
   readonly save: () => Promise<void>;
 }
 
+const initialState: ImageWithPromptFeatureState = {
+  imageUri: null,
+  prompt: "",
+  processedUrl: null,
+  isProcessing: false,
+  progress: 0,
+  error: null,
+};
+
 export function useImageWithPromptFeature(
-  config: UseImageWithPromptFeatureConfig
+  config: UseImageWithPromptFeatureConfig,
 ): UseImageWithPromptFeatureReturn {
-  const [imageUri, setImageUri] = useState<string | null>(null);
-  const [prompt, setPrompt] = useState<string>("");
-  const [processedUrl, setProcessedUrl] = useState<string | null>(null);
-  const [isProcessing, setIsProcessing] = useState(false);
-  const [progress, setProgress] = useState(0);
-  const [error, setError] = useState<string | null>(null);
+  const [state, setState] = useState<ImageWithPromptFeatureState>(initialState);
+
+  const { reset, clearError } = createFeatureStateHandlers({
+    setState,
+    initialState,
+  });
 
   const selectImage = useCallback(async (): Promise<void> => {
     try {
       const uri = await config.onSelectImage();
       if (uri) {
-        setImageUri(uri);
-        setError(null);
-        setProcessedUrl(null);
+        setState((prev) => ({
+          ...prev,
+          imageUri: uri,
+          error: null,
+          processedUrl: null,
+        }));
       }
     } catch (err) {
       const message = err instanceof Error ? err.message : "error.selectImage";
-      setError(message);
+      setState((prev) => ({ ...prev, error: message }));
       config.onError?.(message);
     }
   }, [config]);
 
+  const setPrompt = useCallback((prompt: string) => {
+    setState((prev) => ({ ...prev, prompt }));
+  }, []);
+
   const process = useCallback(async (): Promise<void> => {
-    if (!imageUri) {
+    if (!state.imageUri) {
       const message = "error.noImage";
-      setError(message);
+      setState((prev) => ({ ...prev, error: message }));
       config.onError?.(message);
       return;
     }
 
-    if (config.requirePrompt && !prompt.trim()) {
+    if (config.requirePrompt && !state.prompt.trim()) {
       const message = "error.noPrompt";
-      setError(message);
+      setState((prev) => ({ ...prev, error: message }));
       config.onError?.(message);
       return;
     }
 
-    setIsProcessing(true);
-    setProgress(0);
-    setError(null);
-
-    try {
-      const result = await config.processRequest({
-        imageUri,
-        prompt: prompt.trim(),
-        onProgress: setProgress,
-      });
-
-      if (result.success && result.outputUrl) {
-        setProcessedUrl(result.outputUrl);
-        config.onSuccess?.(result.outputUrl);
-      } else {
-        const message = result.error || "error.processing";
-        setError(message);
-        config.onError?.(message);
-      }
-    } catch (err) {
-      const message = err instanceof Error ? err.message : "error.processing";
-      setError(message);
-      config.onError?.(message);
-    } finally {
-      setIsProcessing(false);
-      setProgress(0);
+    const result = await executeProcess({
+      canProcess: () => {
+        if (!state.imageUri) return false;
+        if (config.requirePrompt) return !!state.prompt.trim();
+        return true;
+      },
+      setError: (error) => setState((prev) => ({ ...prev, error })),
+      setProcessing: (isProcessing) => setState((prev) => ({ ...prev, isProcessing })),
+      onError: config.onError,
+      processFn: () =>
+        config.processRequest({
+          imageUri: state.imageUri!,
+          prompt: state.prompt.trim(),
+          onProgress: (progress) => setState((prev) => ({ ...prev, progress })),
+        }),
+      onSuccess: (result) => {
+        if (result.outputUrl) {
+          setState((prev) => ({ ...prev, processedUrl: result.outputUrl ?? null }));
+          config.onSuccess?.(result.outputUrl);
+        } else {
+          const message = result.error || "error.processing";
+          setState((prev) => ({ ...prev, error: message }));
+          config.onError?.(message);
+        }
+      },
+    });
+
+    if (!result) {
+      setState((prev) => ({ ...prev, progress: 0 }));
     }
-  }, [imageUri, prompt, config]);
+  }, [state.imageUri, state.prompt, config]);
 
   const save = useCallback(async (): Promise<void> => {
-    if (!processedUrl || !config.onSave) {
-      return;
-    }
-
-    try {
-      await config.onSave(processedUrl);
-    } catch (err) {
-      const message = err instanceof Error ? err.message : "error.save";
-      setError(message);
-      config.onError?.(message);
-    }
-  }, [processedUrl, config]);
-
-  const reset = useCallback((): void => {
-    setImageUri(null);
-    setPrompt("");
-    setProcessedUrl(null);
-    setIsProcessing(false);
-    setProgress(0);
-    setError(null);
-  }, []);
-
-  const clearError = useCallback((): void => {
-    setError(null);
-  }, []);
+    await executeSave({
+      processedUrl: state.processedUrl,
+      onSave: config.onSave,
+      setError: (error) => setState((prev) => ({ ...prev, error })),
+      onError: config.onError,
+    });
+  }, [state.processedUrl, config]);
 
   return {
-    imageUri,
-    prompt,
-    processedUrl,
-    isProcessing,
-    progress,
-    error,
+    ...state,
     selectImage,
     setPrompt,
     process,