@umituz/react-native-ai-generation-content 1.12.21 → 1.12.23

package/src/domains/prompts/presentation/hooks/useAIServices.ts

@@ -1,26 +1,26 @@
 import { useState, useCallback } from 'react';
-import type { 
+import type {
   FaceSwapConfig
 } from '../../domain/entities/FaceSwapConfig';
-import type { 
+import type {
   PhotoRestorationConfig
 } from '../../domain/entities/PhotoRestorationConfig';
-import type { 
+import type {
   ImageEnhancementConfig
 } from '../../domain/entities/ImageEnhancementConfig';
-import type { 
+import type {
   StyleTransferConfig
 } from '../../domain/entities/StyleTransferConfig';
-import type { 
+import type {
   BackgroundRemovalConfig
 } from '../../domain/entities/BackgroundRemovalConfig';
-import type { 
+import type {
   TextGenerationConfig
 } from '../../domain/entities/TextGenerationConfig';
-import type { 
+import type {
   ColorizationConfig
 } from '../../domain/entities/ColorizationConfig';
-import type { 
+import type {
   IFaceSwapService,
   IPhotoRestorationService,
   IImageEnhancementService,
@@ -34,8 +34,10 @@ import type { IPromptHistoryRepository } from '../../domain/repositories/IPrompt
 import type { GeneratedPrompt } from '../../domain/entities/GeneratedPrompt';
 import { createGeneratedPrompt } from '../../domain/entities/GeneratedPrompt';
 import { useAsyncState } from './useAsyncState';
+import type { AIPromptResult } from '../../domain/entities/types';
+import type { AIPromptTemplate } from '../../domain/entities/AIPromptTemplate';
 
-export type AIConfig = 
+export type AIConfig =
   | { type: 'face-swap'; config: FaceSwapConfig }
   | { type: 'photo-restoration'; config: PhotoRestorationConfig }
   | { type: 'image-enhancement'; config: ImageEnhancementConfig }
@@ -86,11 +88,11 @@ export const useAIServices = (
   const processRequest = useCallback(async (aiConfig: AIConfig): Promise<void> => {
     clearError();
     setCurrentService(aiConfig.type);
-    
+
     try {
-      let templateResult;
-      let promptResult;
-      
+      let templateResult: AIPromptResult<AIPromptTemplate> | undefined;
+      let promptResult: AIPromptResult<string> | undefined;
+
       switch (aiConfig.type) {
         case 'face-swap':
           templateResult = await services.faceSwap.generateTemplate(aiConfig.config);
@@ -98,74 +100,74 @@ export const useAIServices = (
             promptResult = await services.faceSwap.generatePrompt(templateResult.data, aiConfig.config);
           }
           break;
-          
+
         case 'photo-restoration':
           templateResult = await services.photoRestoration.generateTemplate(aiConfig.config);
           if (templateResult.success && templateResult.data) {
             promptResult = await services.photoRestoration.generatePrompt(templateResult.data, aiConfig.config);
           }
           break;
-          
+
         case 'image-enhancement':
           templateResult = await services.imageEnhancement.generateTemplate(aiConfig.config);
           if (templateResult.success && templateResult.data) {
             promptResult = await services.imageEnhancement.generatePrompt(templateResult.data, aiConfig.config);
           }
           break;
-          
+
         case 'style-transfer':
           templateResult = await services.styleTransfer.generateTemplate(aiConfig.config);
           if (templateResult.success && templateResult.data) {
             promptResult = await services.styleTransfer.generatePrompt(templateResult.data, aiConfig.config);
           }
           break;
-          
+
         case 'background-removal':
           templateResult = await services.backgroundRemoval.generateTemplate(aiConfig.config);
           if (templateResult.success && templateResult.data) {
             promptResult = await services.backgroundRemoval.generatePrompt(templateResult.data, aiConfig.config);
           }
           break;
-          
+
         case 'text-generation':
           templateResult = await services.textGeneration.generateTemplate(aiConfig.config);
           if (templateResult.success && templateResult.data) {
             promptResult = await services.textGeneration.generatePrompt(templateResult.data, aiConfig.config);
           }
           break;
-          
+
         case 'colorization':
           templateResult = await services.colorization.generateTemplate(aiConfig.config);
           if (templateResult.success && templateResult.data) {
             promptResult = await services.colorization.generatePrompt(templateResult.data, aiConfig.config);
           }
           break;
-          
+
         default:
           setError('Unknown AI service type');
           return;
       }
-      
+
       if (!templateResult?.success || !templateResult.data) {
         setError('Failed to generate template');
         return;
       }
-      
-      if (!promptResult?.success) {
+
+      if (!promptResult?.success || !promptResult.data) {
         setError('Failed to generate prompt');
         return;
       }
-      
+
       const newPrompt = createGeneratedPrompt({
         templateId: templateResult.data.id,
         generatedText: promptResult.data,
         variables: aiConfig.config as unknown as Record<string, unknown>,
       });
-      
+
       await repositories.history.save(newPrompt);
       setGeneratedPrompt(newPrompt);
-      
-    } catch (error) {
+
+    } catch {
       setError('An unexpected error occurred');
     } finally {
       setCurrentService(null);
@@ -182,7 +184,7 @@ export const useAIServices = (
         default:
           return [];
       }
-    } catch (error) {
+    } catch {
       setError('Failed to load available styles');
       return [];
     }

package/src/domains/prompts/presentation/hooks/useFaceSwap.ts

@@ -3,7 +3,6 @@ import type { FaceSwapConfig, FaceSwapGenerationResult } from '../../domain/enti
 import type { IFaceSwapService } from '../../domain/repositories/IAIPromptServices';
 import type { ITemplateRepository } from '../../domain/repositories/ITemplateRepository';
 import type { IPromptHistoryRepository } from '../../domain/repositories/IPromptHistoryRepository';
-import type { GeneratedPrompt } from '../../domain/entities/GeneratedPrompt';
 import { createGeneratedPrompt } from '../../domain/entities/GeneratedPrompt';
 import { useAsyncState } from './useAsyncState';
 
@@ -35,7 +34,7 @@ export const useFaceSwap = (
 
   const generateFaceSwapPrompt = useCallback(async (config: FaceSwapConfig): Promise<void> => {
     clearError();
-    
+
     try {
       const templateResult = await faceSwapService.generateTemplate(config);
       if (!templateResult.success || !templateResult.data) {

package/src/domains/prompts/presentation/hooks/usePromptGeneration.ts

@@ -1,5 +1,4 @@
 import { useState, useCallback } from 'react';
-import type { AIPromptTemplate } from '../../domain/entities/AIPromptTemplate';
 import type { IPromptGenerationService } from '../../domain/repositories/IAIPromptServices';
 import type { ITemplateRepository } from '../../domain/repositories/ITemplateRepository';
 import type { IPromptHistoryRepository } from '../../domain/repositories/IPromptHistoryRepository';
@@ -43,7 +42,7 @@ export const usePromptGeneration = (
   const generatePrompt = useCallback(
     async (templateId: string, variables: Record<string, unknown>): Promise<void> => {
       clearError();
-      
+
       try {
         const templateResult = await templateRepository.findById(templateId);
         if (!templateResult.success || !templateResult.data) {
@@ -69,8 +68,8 @@ export const usePromptGeneration = (
 
         await historyRepository.save(newPrompt);
         setGeneratedPrompt(newPrompt);
-        
-        await loadHistory(50);
+
+        void loadHistory(50);
       } catch (error) {
         setError('An unexpected error occurred');
       }
@@ -110,7 +109,7 @@ export const usePromptGeneration = (
       clearError();
       try {
         await historyRepository.save(prompt);
-        await loadHistory(50);
+        void loadHistory(50);
       } catch (error) {
         setError('Failed to save to history');
       }

package/src/domains/prompts/presentation/hooks/useStyleTransfer.ts

@@ -109,7 +109,7 @@ export const useStyleTransfer = (
   }, [setResult, clearError]);
 
   useEffect(() => {
-    getAvailableStyles();
+    void getAvailableStyles();
   }, [getAvailableStyles]);
 
   return {

package/src/domains/prompts/presentation/hooks/useTemplateRepository.ts

@@ -1,6 +1,6 @@
 import { useState, useCallback } from 'react';
 import type { AIPromptTemplate } from '../../domain/entities/AIPromptTemplate';
-import type { AIPromptCategory, AIPromptResult } from '../../domain/entities/types';
+import type { AIPromptCategory } from '../../domain/entities/types';
 import type { ITemplateRepository } from '../../domain/repositories/ITemplateRepository';
 import { useAsyncState } from './useAsyncState';
 
@@ -77,7 +77,7 @@ export const useTemplateRepository = (
     const result = await repository.save(template);
 
     if (result.success) {
-      loadAllTemplates();
+      void loadAllTemplates();
     } else {
       setError(('message' in result && result.message) || 'Failed to save template');
     }
@@ -91,7 +91,7 @@ export const useTemplateRepository = (
       if (currentTemplate?.id === id) {
         setCurrentTemplate(null);
       }
-      loadAllTemplates();
+      void loadAllTemplates();
     } else {
       setError(('message' in result && result.message) || 'Failed to delete template');
     }

package/src/domains/prompts/presentation/theme/utils.ts

@@ -1,7 +1,7 @@
 import type { Theme } from './types';
 import { useTheme } from './theme';
 
-export const createStyleSheet = <T extends Record<string, any>>(
+export const createStyleSheet = <T extends Record<string, unknown>>(
   styles: (theme: Theme) => T
 ): T => {
   const theme = useTheme();

package/src/index.ts

@@ -234,11 +234,6 @@ export * from "./domains/prompts";
 
 export * from "./domains/content-moderation";
 
-// =============================================================================
-// DOMAINS - AI Creations
-// =============================================================================
-
-export * from "./domains/creations";
 
 // =============================================================================
 // DOMAINS - Face Detection

package/src/infrastructure/utils/status-checker.util.ts

@@ -34,7 +34,7 @@ export function checkStatusForErrors(
   const logs = Array.isArray((status as JobStatus)?.logs)
     ? (status as JobStatus).logs
     : [];
-  const errorLogs = (logs as AILogEntry[]).filter((log) => {
+  const errorLogs = logs.filter((log) => {
     const level = String(log?.level || "").toUpperCase();
     return level === "ERROR" || level === "FATAL";
   });
@@ -44,9 +44,9 @@ export function checkStatusForErrors(
   const errorLogMessage =
     errorLogs.length > 0
       ? (errorLogs[0] as AILogEntry & { text?: string; content?: string })
-          ?.message ||
-        (errorLogs[0] as AILogEntry & { text?: string })?.text ||
-        (errorLogs[0] as AILogEntry & { content?: string })?.content
+        ?.message ||
+      (errorLogs[0] as AILogEntry & { text?: string })?.text ||
+      (errorLogs[0] as AILogEntry & { content?: string })?.content
       : undefined;
 
   // Combine error messages

package/src/infrastructure/wrappers/synchronous-generation.wrapper.ts

@@ -13,13 +13,13 @@ export interface SynchronousGenerationInput {
   userId?: string;
   type?: string;
   languageCode?: string;
-  metadata?: Record<string, any>;
+  metadata?: Record<string, unknown>;
 }
 
-export interface SynchronousGenerationConfig<T = any> {
+export interface SynchronousGenerationConfig<T = unknown> {
   checkCredits?: (userId: string, type: string) => Promise<boolean>;
   deductCredits?: (userId: string, type: string) => Promise<void>;
-  execute: (prompt: string, metadata?: Record<string, any>) => Promise<T>;
+  execute: (prompt: string, metadata?: Record<string, unknown>) => Promise<T>;
 }
 
 export async function generateSynchronously<T = string>(

package/src/presentation/components/result/GenerationResultContent.tsx

@@ -3,8 +3,9 @@
  * Composition of result components for CelebrationModal
  */
 
-import React from "react";
-import { ScrollView, StyleSheet, Dimensions } from "react-native";
+import * as React from "react";
+import { useMemo } from "react";
+import { ScrollView, StyleSheet, Dimensions, type ViewStyle, type StyleProp } from "react-native";
 import { Animated } from "@umituz/react-native-design-system";
 import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import { ResultHeader } from "./ResultHeader";
@@ -35,7 +36,7 @@ export interface GenerationResultContentProps {
     retry: string;
     aiGenerated: string;
   };
-  modalStyle?: any;
+  modalStyle?: StyleProp<ViewStyle>;
 }
 
 export const GenerationResultContent: React.FC<GenerationResultContentProps> = ({
@@ -49,7 +50,23 @@ export const GenerationResultContent: React.FC<GenerationResultContentProps> = (
   modalStyle,
 }) => {
   const tokens = useAppDesignTokens();
-  const styles = createStyles(tokens);
+
+  const styles = useMemo(() => StyleSheet.create({
+    container: {
+      width: width - 40,
+      maxHeight: "90%",
+      backgroundColor: tokens.colors.backgroundPrimary,
+      borderRadius: 28,
+      overflow: "hidden",
+    },
+    scrollView: {
+      flex: 1,
+    },
+    scrollContent: {
+      paddingTop: 24,
+      paddingBottom: 20,
+    },
+  }), [tokens]);
 
   return (
     <Animated.View style={[styles.container, modalStyle]}>
@@ -73,21 +90,3 @@ export const GenerationResultContent: React.FC<GenerationResultContentProps> = (
     </Animated.View>
   );
 };
-
-const createStyles = (tokens: any) =>
-  StyleSheet.create({
-    container: {
-      width: width - 40,
-      maxHeight: "90%",
-      backgroundColor: tokens.colors.backgroundPrimary,
-      borderRadius: 28,
-      overflow: "hidden",
-    },
-    scrollView: {
-      flex: 1,
-    },
-    scrollContent: {
-      paddingTop: 24,
-      paddingBottom: 20,
-    },
-  });

package/src/presentation/components/result/ResultActions.tsx

@@ -3,7 +3,8 @@
  * Action buttons for generation results
  */
 
-import React from "react";
+import * as React from "react";
+import { useMemo } from "react";
 import { View, TouchableOpacity, StyleSheet } from "react-native";
 import {
   AtomicText,
@@ -34,56 +35,8 @@ export const ResultActions: React.FC<ResultActionsProps> = ({
   translations,
 }) => {
   const tokens = useAppDesignTokens();
-  const styles = createStyles(tokens);
 
-  return (
-    <View style={styles.container}>
-      {onRetry && (
-        <TouchableOpacity style={styles.retryButton} onPress={onRetry}>
-          <AtomicIcon name="refresh" size="sm" customColor={tokens.colors.primary} />
-          <AtomicText style={styles.retryText}>{translations.retry}</AtomicText>
-        </TouchableOpacity>
-      )}
-
-      <View style={styles.buttons}>
-        {onShare && (
-          <TouchableOpacity
-            style={[styles.button, styles.shareButton]}
-            onPress={onShare}
-            disabled={isSharing}
-          >
-            <AtomicIcon
-              name={isSharing ? "hourglass" : "share-social"}
-              size="md"
-              customColor="#fff"
-            />
-            <AtomicText style={styles.shareText}>
-              {isSharing ? translations.sharing : translations.share}
-            </AtomicText>
-          </TouchableOpacity>
-        )}
-
-        {onSave && (
-          <TouchableOpacity
-            style={[styles.button, styles.saveButton]}
-            onPress={onSave}
-            disabled={isSaving}
-          >
-            <AtomicIcon
-              name={isSaving ? "hourglass" : "download"}
-              size="md"
-              customColor={tokens.colors.primary}
-            />
-            <AtomicText style={styles.saveText}>{translations.save}</AtomicText>
-          </TouchableOpacity>
-        )}
-      </View>
-    </View>
-  );
-};
-
-const createStyles = (tokens: any) =>
-  StyleSheet.create({
+  const styles = useMemo(() => StyleSheet.create({
     container: {
       paddingHorizontal: 20,
       paddingBottom: 20,
@@ -120,7 +73,7 @@ const createStyles = (tokens: any) =>
     shareText: {
       fontSize: 15,
       fontWeight: "700",
-      color: "#fff",
+      color: tokens.colors.onPrimary,
     },
     saveButton: {
       backgroundColor: tokens.colors.surface,
@@ -132,4 +85,50 @@ const createStyles = (tokens: any) =>
       fontWeight: "700",
       color: tokens.colors.primary,
     },
-  });
+  }), [tokens]);
+
+  return (
+    <View style={styles.container}>
+      {onRetry && (
+        <TouchableOpacity style={styles.retryButton} onPress={onRetry}>
+          <AtomicIcon name="refresh" size="sm" color="primary" />
+          <AtomicText style={styles.retryText}>{translations.retry}</AtomicText>
+        </TouchableOpacity>
+      )}
+
+      <View style={styles.buttons}>
+        {onShare && (
+          <TouchableOpacity
+            style={[styles.button, styles.shareButton]}
+            onPress={onShare}
+            disabled={isSharing}
+          >
+            <AtomicIcon
+              name={isSharing ? "hourglass" : "share-social"}
+              size="md"
+              color="onPrimary"
+            />
+            <AtomicText style={styles.shareText}>
+              {isSharing ? translations.sharing : translations.share}
+            </AtomicText>
+          </TouchableOpacity>
+        )}
+
+        {onSave && (
+          <TouchableOpacity
+            style={[styles.button, styles.saveButton]}
+            onPress={onSave}
+            disabled={isSaving}
+          >
+            <AtomicIcon
+              name={isSaving ? "hourglass" : "download"}
+              size="md"
+              color="primary"
+            />
+            <AtomicText style={styles.saveText}>{translations.save}</AtomicText>
+          </TouchableOpacity>
+        )}
+      </View>
+    </View>
+  );
+};

package/src/presentation/components/result/ResultHeader.tsx

@@ -3,7 +3,8 @@
  * Header with title and date badge
  */
 
-import React from "react";
+import * as React from "react";
+import { useMemo } from "react";
 import { View, StyleSheet } from "react-native";
 import {
   AtomicText,
@@ -18,29 +19,8 @@ export interface ResultHeaderProps {
 
 export const ResultHeader: React.FC<ResultHeaderProps> = ({ title, date }) => {
   const tokens = useAppDesignTokens();
-  const styles = createStyles(tokens);
 
-  if (!title && !date) return null;
-
-  return (
-    <View style={styles.container}>
-      {title && <AtomicText style={styles.title}>{title}</AtomicText>}
-      {date && (
-        <View style={styles.badge}>
-          <AtomicIcon
-            name="calendar-outline"
-            size="sm"
-            customColor={tokens.colors.primary}
-          />
-          <AtomicText style={styles.dateText}>{date}</AtomicText>
-        </View>
-      )}
-    </View>
-  );
-};
-
-const createStyles = (tokens: any) =>
-  StyleSheet.create({
+  const styles = useMemo(() => StyleSheet.create({
     container: {
       alignItems: "center",
       paddingHorizontal: 24,
@@ -60,7 +40,7 @@ const createStyles = (tokens: any) =>
       gap: 6,
       paddingHorizontal: 14,
       paddingVertical: 6,
-      backgroundColor: `${tokens.colors.primary}15`,
+      backgroundColor: tokens.colors.primaryContainer,
       borderRadius: 16,
     },
     dateText: {
@@ -68,4 +48,23 @@ const createStyles = (tokens: any) =>
       fontWeight: "600",
       color: tokens.colors.primary,
     },
-  });
+  }), [tokens]);
+
+  if (!title && !date) return null;
+
+  return (
+    <View style={styles.container}>
+      {title && <AtomicText style={styles.title}>{title}</AtomicText>}
+      {date && (
+        <View style={styles.badge}>
+          <AtomicIcon
+            name="calendar-outline"
+            size="sm"
+            color="primary"
+          />
+          <AtomicText style={styles.dateText}>{date}</AtomicText>
+        </View>
+      )}
+    </View>
+  );
+};

package/src/presentation/components/result/ResultImageCard.tsx

@@ -3,7 +3,8 @@
  * Displays generated image with AI badge
  */
 
-import React from "react";
+import * as React from "react";
+import { useMemo } from "react";
 import { View, Image, StyleSheet } from "react-native";
 import {
   AtomicText,
@@ -21,23 +22,8 @@ export const ResultImageCard: React.FC<ResultImageCardProps> = ({
   badgeText,
 }) => {
   const tokens = useAppDesignTokens();
-  const styles = createStyles(tokens);
 
-  return (
-    <View style={styles.container}>
-      <View style={styles.frame}>
-        <Image source={{ uri: imageUrl }} style={styles.image} resizeMode="cover" />
-        <View style={styles.badge}>
-          <AtomicIcon name="sparkles" size="xs" customColor="#fff" />
-          <AtomicText style={styles.badgeText}>{badgeText}</AtomicText>
-        </View>
-      </View>
-    </View>
-  );
-};
-
-const createStyles = (tokens: any) =>
-  StyleSheet.create({
+  const styles = useMemo(() => StyleSheet.create({
     container: {
       paddingHorizontal: 20,
       marginBottom: 20,
@@ -60,13 +46,26 @@ const createStyles = (tokens: any) =>
       gap: 4,
       paddingHorizontal: 10,
       paddingVertical: 5,
-      backgroundColor: "rgba(0,0,0,0.6)",
+      backgroundColor: "rgba(0, 0, 0, 0.6)",
       borderRadius: 12,
     },
     badgeText: {
       fontSize: 10,
       fontWeight: "700",
-      color: "#fff",
+      color: "#FFFFFF",
       letterSpacing: 0.5,
     },
-  });
+  }), [tokens]);
+
+  return (
+    <View style={styles.container}>
+      <View style={styles.frame}>
+        <Image source={{ uri: imageUrl }} style={styles.image} resizeMode="cover" />
+        <View style={styles.badge}>
+          <AtomicIcon name="sparkles" size="xs" color="onPrimary" />
+          <AtomicText style={styles.badgeText}>{badgeText}</AtomicText>
+        </View>
+      </View>
+    </View>
+  );
+};