@umituz/react-native-ai-generation-content 1.17.24 → 1.17.25

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

@@ -50,19 +50,11 @@ export interface AnimeSelfieTranslations {
   compareHint?: string;
 }
 
-export type AnimeSelfieInputBuilder = (
-  base64: string,
-  options?: AnimeSelfieOptions,
-) => Record<string, unknown>;
-
 export type AnimeSelfieResultExtractor = (result: unknown) => string | undefined;
 
 export interface AnimeSelfieFeatureConfig {
-  providerId?: string;
   creditCost?: number;
   defaultStyle?: AnimeSelfieStyle;
-  model: string;
-  buildInput: AnimeSelfieInputBuilder;
   extractResult?: AnimeSelfieResultExtractor;
   prepareImage: (imageUri: string) => Promise<string>;
   onImageSelect?: (uri: string) => void;

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

@@ -9,7 +9,6 @@ export type {
   AnimeSelfieResult,
   AnimeSelfieFeatureState,
   AnimeSelfieTranslations,
-  AnimeSelfieInputBuilder,
   AnimeSelfieResultExtractor,
   AnimeSelfieFeatureConfig,
 } from "./anime-selfie.types";

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

@@ -12,14 +12,9 @@ export type {
   AnimeSelfieFeatureState,
   AnimeSelfieTranslations,
   AnimeSelfieFeatureConfig,
-  AnimeSelfieInputBuilder,
   AnimeSelfieResultExtractor,
 } from "./domain";
 
-// Infrastructure Services
-export { executeAnimeSelfie, hasAnimeSelfieSupport } from "./infrastructure";
-export type { ExecuteAnimeSelfieOptions } from "./infrastructure";
-
 // Presentation Hooks
 export { useAnimeSelfieFeature } from "./presentation";
 export type {

package/src/features/anime-selfie/presentation/components/AnimeSelfieFeature.tsx

@@ -21,7 +21,6 @@ import type {
 
 export interface AnimeSelfieFeatureProps {
   config: AnimeSelfieFeatureConfig;
-  userId: string;
   translations: AnimeSelfieTranslations;
   onSelectImage: () => Promise<string | null>;
   onSaveImage: (imageUrl: string) => Promise<void>;
@@ -33,7 +32,6 @@ export interface AnimeSelfieFeatureProps {
 
 export const AnimeSelfieFeature: React.FC<AnimeSelfieFeatureProps> = ({
   config,
-  userId,
   translations,
   onSelectImage,
   onSaveImage,
@@ -43,7 +41,6 @@ export const AnimeSelfieFeature: React.FC<AnimeSelfieFeatureProps> = ({
 
   const feature = useAnimeSelfieFeature({
     config,
-    userId,
     onSelectImage,
     onSaveImage,
   });

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

@@ -4,18 +4,15 @@
  */
 
 import { useState, useCallback } from "react";
-import { executeAnimeSelfie } from "../../infrastructure/services";
+import { executeImageFeature } from "../../../../infrastructure/services";
 import type {
   AnimeSelfieFeatureState,
   AnimeSelfieFeatureConfig,
   AnimeSelfieResult,
 } from "../../domain/types";
 
-declare const __DEV__: boolean;
-
 export interface UseAnimeSelfieFeatureProps {
   config: AnimeSelfieFeatureConfig;
-  userId: string;
   onSelectImage: () => Promise<string | null>;
   onSaveImage: (imageUrl: string) => Promise<void>;
 }
@@ -38,7 +35,7 @@ const initialState: AnimeSelfieFeatureState = {
 export function useAnimeSelfieFeature(
   props: UseAnimeSelfieFeatureProps,
 ): UseAnimeSelfieFeatureReturn {
-  const { config, userId, onSelectImage, onSaveImage } = props;
+  const { config, onSelectImage, onSaveImage } = props;
   const [state, setState] = useState<AnimeSelfieFeatureState>(initialState);
 
   const selectImage = useCallback(async () => {
@@ -70,37 +67,22 @@ export function useAnimeSelfieFeature(
 
     config.onProcessingStart?.();
 
-    if (__DEV__) {
-      // eslint-disable-next-line no-console
-      console.log("[useAnimeSelfieFeature] Starting anime selfie process");
-    }
-
     const imageBase64 = await config.prepareImage(state.imageUri);
 
-    const result: AnimeSelfieResult = await executeAnimeSelfie(
-      {
-        imageUri: state.imageUri,
-        imageBase64,
-        userId,
-        options: { style: config.defaultStyle },
-      },
-      {
-        model: config.model,
-        buildInput: config.buildInput,
-        extractResult: config.extractResult,
-        onProgress: handleProgress,
-      },
+    const result = await executeImageFeature(
+      "anime-selfie",
+      { imageBase64, options: { style: config.defaultStyle } },
+      { extractResult: config.extractResult, onProgress: handleProgress },
     );
 
     if (result.success && result.imageUrl) {
-      const url = result.imageUrl;
       setState((prev) => ({
         ...prev,
         isProcessing: false,
-        processedUrl: url,
+        processedUrl: result.imageUrl!,
         progress: 100,
       }));
-      config.onProcessingComplete?.(result);
+      config.onProcessingComplete?.(result as AnimeSelfieResult);
     } else {
       const errorMessage = result.error || "Processing failed";
       setState((prev) => ({
@@ -111,7 +93,7 @@ export function useAnimeSelfieFeature(
       }));
       config.onError?.(errorMessage);
     }
-  }, [state.imageUri, userId, config, handleProgress]);
+  }, [state.imageUri, config, handleProgress]);
 
   const save = useCallback(async () => {
     if (!state.processedUrl) return;

package/src/features/face-swap/domain/types/face-swap.types.ts

@@ -49,19 +49,10 @@ export interface FaceSwapTranslations {
   tryAnotherText: string;
 }
 
-export type FaceSwapInputBuilder = (
-  sourceBase64: string,
-  targetBase64: string,
-  options?: FaceSwapOptions,
-) => Record<string, unknown>;
-
 export type FaceSwapResultExtractor = (result: unknown) => string | undefined;
 
 export interface FaceSwapFeatureConfig {
-  providerId?: string;
   creditCost?: number;
-  model: string;
-  buildInput: FaceSwapInputBuilder;
   extractResult?: FaceSwapResultExtractor;
   prepareImage: (imageUri: string) => Promise<string>;
   onSourceImageSelect?: (uri: string) => void;

package/src/features/face-swap/domain/types/index.ts

@@ -8,7 +8,6 @@ export type {
   FaceSwapResult,
   FaceSwapFeatureState,
   FaceSwapTranslations,
-  FaceSwapInputBuilder,
   FaceSwapResultExtractor,
   FaceSwapFeatureConfig,
 } from "./face-swap.types";

package/src/features/face-swap/index.ts

@@ -11,14 +11,9 @@ export type {
   FaceSwapFeatureState,
   FaceSwapTranslations,
   FaceSwapFeatureConfig,
-  FaceSwapInputBuilder,
   FaceSwapResultExtractor,
 } from "./domain";
 
-// Infrastructure Services
-export { executeFaceSwap, hasFaceSwapSupport } from "./infrastructure";
-export type { ExecuteFaceSwapOptions } from "./infrastructure";
-
 // Presentation Hooks
 export { useFaceSwapFeature } from "./presentation";
 export type {

package/src/features/face-swap/presentation/components/FaceSwapFeature.tsx

@@ -21,7 +21,6 @@ import type {
 
 export interface FaceSwapFeatureProps {
   config: FaceSwapFeatureConfig;
-  userId: string;
   translations: FaceSwapTranslations;
   onSelectSourceImage: () => Promise<string | null>;
   onSelectTargetImage: () => Promise<string | null>;
@@ -34,7 +33,6 @@ export interface FaceSwapFeatureProps {
 
 export const FaceSwapFeature: React.FC<FaceSwapFeatureProps> = ({
   config,
-  userId,
   translations,
   onSelectSourceImage,
   onSelectTargetImage,
@@ -45,7 +43,6 @@ export const FaceSwapFeature: React.FC<FaceSwapFeatureProps> = ({
 
   const feature = useFaceSwapFeature({
     config,
-    userId,
     onSelectSourceImage,
     onSelectTargetImage,
     onSaveImage,

package/src/features/face-swap/presentation/hooks/useFaceSwapFeature.ts

@@ -4,18 +4,15 @@
  */
 
 import { useState, useCallback } from "react";
-import { executeFaceSwap } from "../../infrastructure/services";
+import { executeImageFeature } from "../../../../infrastructure/services";
 import type {
   FaceSwapFeatureState,
   FaceSwapFeatureConfig,
   FaceSwapResult,
 } from "../../domain/types";
 
-declare const __DEV__: boolean;
-
 export interface UseFaceSwapFeatureProps {
   config: FaceSwapFeatureConfig;
-  userId: string;
   onSelectSourceImage: () => Promise<string | null>;
   onSelectTargetImage: () => Promise<string | null>;
   onSaveImage: (imageUrl: string) => Promise<void>;
@@ -41,7 +38,7 @@ const initialState: FaceSwapFeatureState = {
 export function useFaceSwapFeature(
   props: UseFaceSwapFeatureProps,
 ): UseFaceSwapFeatureReturn {
-  const { config, userId, onSelectSourceImage, onSelectTargetImage, onSaveImage } = props;
+  const { config, onSelectSourceImage, onSelectTargetImage, onSaveImage } = props;
   const [state, setState] = useState<FaceSwapFeatureState>(initialState);
 
   const selectSourceImage = useCallback(async () => {
@@ -86,39 +83,23 @@ export function useFaceSwapFeature(
 
     config.onProcessingStart?.();
 
-    if (__DEV__) {
-      // eslint-disable-next-line no-console
-      console.log("[useFaceSwapFeature] Starting face swap process");
-    }
-
     const sourceImageBase64 = await config.prepareImage(state.sourceImageUri);
     const targetImageBase64 = await config.prepareImage(state.targetImageUri);
 
-    const result: FaceSwapResult = await executeFaceSwap(
-      {
-        sourceImageUri: state.sourceImageUri,
-        targetImageUri: state.targetImageUri,
-        sourceImageBase64,
-        targetImageBase64,
-        userId,
-      },
-      {
-        model: config.model,
-        buildInput: config.buildInput,
-        extractResult: config.extractResult,
-        onProgress: handleProgress,
-      },
+    const result = await executeImageFeature(
+      "face-swap",
+      { imageBase64: sourceImageBase64, targetImageBase64 },
+      { extractResult: config.extractResult, onProgress: handleProgress },
     );
 
     if (result.success && result.imageUrl) {
-      const url = result.imageUrl;
       setState((prev) => ({
         ...prev,
         isProcessing: false,
-        processedUrl: url,
+        processedUrl: result.imageUrl!,
         progress: 100,
       }));
-      config.onProcessingComplete?.(result);
+      config.onProcessingComplete?.(result as FaceSwapResult);
     } else {
       const errorMessage = result.error || "Processing failed";
       setState((prev) => ({
@@ -129,7 +110,7 @@ export function useFaceSwapFeature(
       }));
       config.onError?.(errorMessage);
     }
-  }, [state.sourceImageUri, state.targetImageUri, userId, config, handleProgress]);
+  }, [state.sourceImageUri, state.targetImageUri, config, handleProgress]);
 
   const save = useCallback(async () => {
     if (!state.processedUrl) return;

package/src/features/hd-touch-up/domain/types/hd-touch-up.types.ts

@@ -48,18 +48,10 @@ export interface HDTouchUpTranslations {
   compareHint?: string;
 }
 
-export type HDTouchUpInputBuilder = (
-  base64: string,
-  options?: HDTouchUpOptions,
-) => Record<string, unknown>;
-
 export type HDTouchUpResultExtractor = (result: unknown) => string | undefined;
 
 export interface HDTouchUpFeatureConfig {
-  providerId?: string;
   creditCost?: number;
-  model: string;
-  buildInput: HDTouchUpInputBuilder;
   extractResult?: HDTouchUpResultExtractor;
   prepareImage: (imageUri: string) => Promise<string>;
   onImageSelect?: (uri: string) => void;

package/src/features/hd-touch-up/domain/types/index.ts

@@ -4,7 +4,6 @@ export type {
   HDTouchUpResult,
   HDTouchUpFeatureState,
   HDTouchUpTranslations,
-  HDTouchUpInputBuilder,
   HDTouchUpResultExtractor,
   HDTouchUpFeatureConfig,
 } from "./hd-touch-up.types";

package/src/features/hd-touch-up/index.ts

@@ -11,14 +11,9 @@ export type {
   HDTouchUpFeatureState,
   HDTouchUpTranslations,
   HDTouchUpFeatureConfig,
-  HDTouchUpInputBuilder,
   HDTouchUpResultExtractor,
 } from "./domain";
 
-// Infrastructure Services
-export { executeHDTouchUp, hasHDTouchUpSupport } from "./infrastructure";
-export type { ExecuteHDTouchUpOptions } from "./infrastructure";
-
 // Presentation Hooks
 export { useHDTouchUpFeature } from "./presentation";
 export type {

package/src/features/hd-touch-up/presentation/components/HDTouchUpFeature.tsx

@@ -21,7 +21,6 @@ import type {
 
 export interface HDTouchUpFeatureProps {
   config: HDTouchUpFeatureConfig;
-  userId: string;
   translations: HDTouchUpTranslations;
   onSelectImage: () => Promise<string | null>;
   onSaveImage: (imageUrl: string) => Promise<void>;
@@ -33,7 +32,6 @@ export interface HDTouchUpFeatureProps {
 
 export const HDTouchUpFeature: React.FC<HDTouchUpFeatureProps> = ({
   config,
-  userId,
   translations,
   onSelectImage,
   onSaveImage,
@@ -43,7 +41,6 @@ export const HDTouchUpFeature: React.FC<HDTouchUpFeatureProps> = ({
 
   const feature = useHDTouchUpFeature({
     config,
-    userId,
     onSelectImage,
     onSaveImage,
   });

package/src/features/hd-touch-up/presentation/hooks/useHDTouchUpFeature.ts

@@ -4,18 +4,15 @@
  */
 
 import { useState, useCallback } from "react";
-import { executeHDTouchUp } from "../../infrastructure/services";
+import { executeImageFeature } from "../../../../infrastructure/services";
 import type {
   HDTouchUpFeatureState,
   HDTouchUpFeatureConfig,
   HDTouchUpResult,
 } from "../../domain/types";
 
-declare const __DEV__: boolean;
-
 export interface UseHDTouchUpFeatureProps {
   config: HDTouchUpFeatureConfig;
-  userId: string;
   onSelectImage: () => Promise<string | null>;
   onSaveImage: (imageUrl: string) => Promise<void>;
 }
@@ -38,7 +35,7 @@ const initialState: HDTouchUpFeatureState = {
 export function useHDTouchUpFeature(
   props: UseHDTouchUpFeatureProps,
 ): UseHDTouchUpFeatureReturn {
-  const { config, userId, onSelectImage, onSaveImage } = props;
+  const { config, onSelectImage, onSaveImage } = props;
   const [state, setState] = useState<HDTouchUpFeatureState>(initialState);
 
   const selectImage = useCallback(async () => {
@@ -70,36 +67,22 @@ export function useHDTouchUpFeature(
 
     config.onProcessingStart?.();
 
-    if (__DEV__) {
-      // eslint-disable-next-line no-console
-      console.log("[useHDTouchUpFeature] Starting HD enhancement");
-    }
-
     const imageBase64 = await config.prepareImage(state.imageUri);
 
-    const result: HDTouchUpResult = await executeHDTouchUp(
-      {
-        imageUri: state.imageUri,
-        imageBase64,
-        userId,
-      },
-      {
-        model: config.model,
-        buildInput: config.buildInput,
-        extractResult: config.extractResult,
-        onProgress: handleProgress,
-      },
+    const result = await executeImageFeature(
+      "hd-touch-up",
+      { imageBase64 },
+      { extractResult: config.extractResult, onProgress: handleProgress },
     );
 
     if (result.success && result.imageUrl) {
-      const url = result.imageUrl;
       setState((prev) => ({
         ...prev,
         isProcessing: false,
-        processedUrl: url,
+        processedUrl: result.imageUrl!,
         progress: 100,
       }));
-      config.onProcessingComplete?.(result);
+      config.onProcessingComplete?.(result as HDTouchUpResult);
     } else {
       const errorMessage = result.error || "Processing failed";
       setState((prev) => ({
@@ -110,7 +93,7 @@ export function useHDTouchUpFeature(
       }));
       config.onError?.(errorMessage);
     }
-  }, [state.imageUri, userId, config, handleProgress]);
+  }, [state.imageUri, config, handleProgress]);
 
   const save = useCallback(async () => {
     if (!state.processedUrl) return;

package/src/features/photo-restoration/domain/types/index.ts

@@ -5,6 +5,5 @@ export type {
   PhotoRestoreFeatureState,
   PhotoRestoreTranslations,
   PhotoRestoreFeatureConfig,
-  PhotoRestoreInputBuilder,
   PhotoRestoreResultExtractor,
 } from "./photo-restore.types";

package/src/features/photo-restoration/domain/types/photo-restore.types.ts

@@ -48,20 +48,12 @@ export interface PhotoRestoreTranslations {
   compareHint?: string;
 }
 
-export type PhotoRestoreInputBuilder = (
-  base64: string,
-  options?: PhotoRestoreOptions,
-) => Record<string, unknown>;
-
 export type PhotoRestoreResultExtractor = (
   result: unknown,
 ) => string | undefined;
 
 export interface PhotoRestoreFeatureConfig {
-  providerId?: string;
   creditCost?: number;
-  model: string;
-  buildInput: PhotoRestoreInputBuilder;
   extractResult?: PhotoRestoreResultExtractor;
   prepareImage: (imageUri: string) => Promise<string>;
   onImageSelect?: (uri: string) => void;

package/src/features/photo-restoration/index.ts

@@ -11,14 +11,9 @@ export type {
   PhotoRestoreFeatureState,
   PhotoRestoreTranslations,
   PhotoRestoreFeatureConfig,
-  PhotoRestoreInputBuilder,
   PhotoRestoreResultExtractor,
 } from "./domain";
 
-// Infrastructure Services
-export { executePhotoRestore, hasPhotoRestoreSupport } from "./infrastructure";
-export type { ExecutePhotoRestoreOptions } from "./infrastructure";
-
 // Presentation Hooks
 export { usePhotoRestoreFeature } from "./presentation";
 export type {

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

@@ -22,8 +22,6 @@ import type {
 export interface PhotoRestoreFeatureProps {
   /** Feature configuration with provider-specific settings */
   config: PhotoRestoreFeatureConfig;
-  /** User ID for the generation request */
-  userId: string;
   /** Translations for all UI text */
   translations: PhotoRestoreTranslations;
   /** Image picker callback */
@@ -39,7 +37,6 @@ export interface PhotoRestoreFeatureProps {
 
 export const PhotoRestoreFeature: React.FC<PhotoRestoreFeatureProps> = ({
   config,
-  userId,
   translations,
   onSelectImage,
   onSaveImage,
@@ -49,7 +46,6 @@ export const PhotoRestoreFeature: React.FC<PhotoRestoreFeatureProps> = ({
 
   const feature = usePhotoRestoreFeature({
     config,
-    userId,
     onSelectImage,
     onSaveImage,
   });

package/src/features/photo-restoration/presentation/hooks/usePhotoRestoreFeature.ts

@@ -4,18 +4,15 @@
  */
 
 import { useState, useCallback } from "react";
-import { executePhotoRestore } from "../../infrastructure/services";
+import { executeImageFeature } from "../../../../infrastructure/services";
 import type {
   PhotoRestoreFeatureState,
   PhotoRestoreFeatureConfig,
   PhotoRestoreResult,
 } from "../../domain/types";
 
-declare const __DEV__: boolean;
-
 export interface UsePhotoRestoreFeatureProps {
   config: PhotoRestoreFeatureConfig;
-  userId: string;
   onSelectImage: () => Promise<string | null>;
   onSaveImage: (imageUrl: string) => Promise<void>;
 }
@@ -38,7 +35,7 @@ const initialState: PhotoRestoreFeatureState = {
 export function usePhotoRestoreFeature(
   props: UsePhotoRestoreFeatureProps,
 ): UsePhotoRestoreFeatureReturn {
-  const { config, userId, onSelectImage, onSaveImage } = props;
+  const { config, onSelectImage, onSaveImage } = props;
   const [state, setState] = useState<PhotoRestoreFeatureState>(initialState);
 
   const selectImage = useCallback(async () => {
@@ -70,36 +67,22 @@ export function usePhotoRestoreFeature(
 
     config.onProcessingStart?.();
 
-    if (__DEV__) {
-      // eslint-disable-next-line no-console
-      console.log("[usePhotoRestoreFeature] Starting photo restore process");
-    }
-
     const imageBase64 = await config.prepareImage(state.imageUri);
 
-    const result: PhotoRestoreResult = await executePhotoRestore(
-      {
-        imageUri: state.imageUri,
-        imageBase64,
-        userId,
-      },
-      {
-        model: config.model,
-        buildInput: config.buildInput,
-        extractResult: config.extractResult,
-        onProgress: handleProgress,
-      },
+    const result = await executeImageFeature(
+      "photo-restore",
+      { imageBase64 },
+      { extractResult: config.extractResult, onProgress: handleProgress },
     );
 
     if (result.success && result.imageUrl) {
-      const url = result.imageUrl;
       setState((prev) => ({
         ...prev,
         isProcessing: false,
-        processedUrl: url,
+        processedUrl: result.imageUrl!,
         progress: 100,
       }));
-      config.onProcessingComplete?.(result);
+      config.onProcessingComplete?.(result as PhotoRestoreResult);
     } else {
       const errorMessage = result.error || "Processing failed";
       setState((prev) => ({
@@ -110,7 +93,7 @@ export function usePhotoRestoreFeature(
       }));
       config.onError?.(errorMessage);
     }
-  }, [state.imageUri, userId, config, handleProgress]);
+  }, [state.imageUri, config, handleProgress]);
 
   const save = useCallback(async () => {
     if (!state.processedUrl) return;

package/src/features/remove-background/domain/types/index.ts

@@ -8,7 +8,6 @@ export type {
   RemoveBackgroundResult,
   RemoveBackgroundFeatureState,
   RemoveBackgroundTranslations,
-  RemoveBackgroundInputBuilder,
   RemoveBackgroundResultExtractor,
   RemoveBackgroundFeatureConfig,
 } from "./remove-background.types";

package/src/features/remove-background/domain/types/remove-background.types.ts

@@ -48,18 +48,10 @@ export interface RemoveBackgroundTranslations {
   compareHint?: string;
 }
 
-export type RemoveBackgroundInputBuilder = (
-  base64: string,
-  options?: RemoveBackgroundOptions,
-) => Record<string, unknown>;
-
 export type RemoveBackgroundResultExtractor = (result: unknown) => string | undefined;
 
 export interface RemoveBackgroundFeatureConfig {
-  providerId?: string;
   creditCost?: number;
-  model: string;
-  buildInput: RemoveBackgroundInputBuilder;
   extractResult?: RemoveBackgroundResultExtractor;
   prepareImage: (imageUri: string) => Promise<string>;
   onImageSelect?: (uri: string) => void;

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

@@ -11,14 +11,9 @@ export type {
   RemoveBackgroundFeatureState,
   RemoveBackgroundTranslations,
   RemoveBackgroundFeatureConfig,
-  RemoveBackgroundInputBuilder,
   RemoveBackgroundResultExtractor,
 } from "./domain";
 
-// Infrastructure Services
-export { executeRemoveBackground, hasRemoveBackgroundSupport } from "./infrastructure";
-export type { ExecuteRemoveBackgroundOptions } from "./infrastructure";
-
 // Presentation Hooks
 export { useRemoveBackgroundFeature } from "./presentation";
 export type {

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

@@ -21,7 +21,6 @@ import type {
 
 export interface RemoveBackgroundFeatureProps {
   config: RemoveBackgroundFeatureConfig;
-  userId: string;
   translations: RemoveBackgroundTranslations;
   onSelectImage: () => Promise<string | null>;
   onSaveImage: (imageUrl: string) => Promise<void>;
@@ -33,7 +32,6 @@ export interface RemoveBackgroundFeatureProps {
 
 export const RemoveBackgroundFeature: React.FC<RemoveBackgroundFeatureProps> = ({
   config,
-  userId,
   translations,
   onSelectImage,
   onSaveImage,
@@ -43,7 +41,6 @@ export const RemoveBackgroundFeature: React.FC<RemoveBackgroundFeatureProps> = (
 
   const feature = useRemoveBackgroundFeature({
     config,
-    userId,
     onSelectImage,
     onSaveImage,
   });