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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.12.20",
+  "version": "1.12.23",
   "description": "Provider-agnostic AI generation orchestration for React Native",
   "main": "src/index.ts",
   "types": "src/index.ts",
@@ -40,12 +40,12 @@
   "peerDependencies": {
     "@react-navigation/native": ">=6.0.0",
     "@tanstack/react-query": ">=5.0.0",
-    "@umituz/react-native-animation": "latest",
-    "@umituz/react-native-design-system": "latest",
-    "@umituz/react-native-firebase": "latest",
-    "@umituz/react-native-image": "latest",
-    "@umituz/react-native-offline": "latest",
-    "@umituz/react-native-uuid": "latest",
+    "@umituz/react-native-animation": "*",
+    "@umituz/react-native-design-system": "*",
+    "@umituz/react-native-firebase": "*",
+    "@umituz/react-native-image": "*",
+    "@umituz/react-native-offline": "*",
+    "@umituz/react-native-uuid": "*",
     "expo-linear-gradient": ">=15.0.0",
     "firebase": ">=10.0.0",
     "react": ">=18.0.0",
@@ -53,29 +53,47 @@
     "react-native-safe-area-context": ">=4.0.0"
   },
   "devDependencies": {
-    "@react-native-async-storage/async-storage": "2.2.0",
+    "@expo/vector-icons": "^15.0.3",
+    "@gorhom/bottom-sheet": "^5.2.8",
+    "@react-native-async-storage/async-storage": "^2.2.0",
+    "@react-native-community/datetimepicker": "^8.5.1",
+    "@react-navigation/bottom-tabs": "^7.9.0",
     "@react-navigation/native": "^6.1.18",
+    "@react-navigation/stack": "^7.6.13",
     "@tanstack/react-query": "^5.0.0",
     "@types/react": "~19.1.10",
     "@types/react-native": "^0.73.0",
     "@typescript-eslint/eslint-plugin": "^7.0.0",
     "@typescript-eslint/parser": "^7.0.0",
-    "@umituz/react-native-animation": "latest",
-    "@umituz/react-native-design-system": "latest",
-    "@umituz/react-native-firebase": "latest",
-    "@umituz/react-native-image": "latest",
-    "@umituz/react-native-offline": "latest",
-    "@umituz/react-native-uuid": "latest",
+    "@umituz/react-native-animation": "*",
+    "@umituz/react-native-design-system": "^2.3.31",
+    "@umituz/react-native-firebase": "*",
+    "@umituz/react-native-haptics": "^1.0.2",
+    "@umituz/react-native-image": "*",
+    "@umituz/react-native-offline": "*",
+    "@umituz/react-native-uuid": "*",
     "eslint": "^8.57.0",
+    "expo-application": "^7.0.8",
+    "expo-clipboard": "^8.0.8",
+    "expo-crypto": "^15.0.8",
+    "expo-device": "^8.0.10",
+    "expo-file-system": "^19.0.21",
+    "expo-haptics": "^15.0.8",
+    "expo-image": "^3.0.11",
     "expo-linear-gradient": "~15.0.7",
+    "expo-localization": "^17.0.8",
+    "expo-sharing": "^14.0.8",
     "firebase": "^11.1.0",
     "react": "19.1.0",
     "react-native": "0.81.5",
+    "react-native-gesture-handler": "^2.30.0",
+    "react-native-reanimated": "^4.2.1",
     "react-native-safe-area-context": "^5.6.2",
+    "rn-emoji-keyboard": "^1.7.0",
     "typescript": "^5.3.0",
     "zustand": "^5.0.2"
   },
   "publishConfig": {
     "access": "public"
   }
-}
+}

package/src/domains/content-moderation/infrastructure/services/content-moderation.service.ts

@@ -18,7 +18,6 @@ import { videoModerator } from "./moderators/video.moderator";
 import { voiceModerator } from "./moderators/voice.moderator";
 import { rulesRegistry } from "../rules/rules-registry";
 
-declare const __DEV__: boolean;
 
 interface ServiceConfig {
   suggestionMessages?: SuggestionMessages;
@@ -28,15 +27,6 @@ interface ServiceConfig {
 
 class ContentModerationService {
   configure(config: ServiceConfig): void {
-    if (typeof __DEV__ !== "undefined" && __DEV__) {
-      // eslint-disable-next-line no-console
-      console.log("[ContentModeration] Configure:", {
-        hasSuggestionMessages: !!config.suggestionMessages,
-        hasValidationLimits: !!config.validationLimits,
-        customRulesCount: config.customRules?.length ?? 0,
-      });
-    }
-
     if (config.suggestionMessages) {
       textModerator.setSuggestionMessages(config.suggestionMessages);
       voiceModerator.setSuggestionMessages(config.suggestionMessages);
@@ -59,15 +49,7 @@ class ContentModerationService {
     }
   }
 
-  async moderate(context: ModerationContext): Promise<ModerationResult> {
-    if (typeof __DEV__ !== "undefined" && __DEV__) {
-      // eslint-disable-next-line no-console
-      console.log("[ContentModeration] Moderate started:", {
-        contentType: context.contentType,
-        contentLength: context.content?.length ?? 0,
-      });
-    }
-
+  moderate(context: ModerationContext): Promise<ModerationResult> {
     const result = this.moderateByType(context.contentType, context.content);
     const moderationResult: ModerationResult = {
       isAllowed: result.isAllowed,
@@ -76,25 +58,15 @@ class ContentModerationService {
       suggestedAction: this.determineAction(result.violations),
     };
 
-    if (typeof __DEV__ !== "undefined" && __DEV__) {
-      // eslint-disable-next-line no-console
-      console.log("[ContentModeration] Moderate completed:", {
-        contentType: context.contentType,
-        isAllowed: moderationResult.isAllowed,
-        violationsCount: moderationResult.violations?.length ?? 0,
-        suggestedAction: moderationResult.suggestedAction,
-      });
-    }
-
-    return moderationResult;
+    return Promise.resolve(moderationResult);
   }
 
-  async isContentAllowed(
+  isContentAllowed(
     content: string,
     contentType: ContentType
   ): Promise<boolean> {
     const result = this.moderateByType(contentType, content);
-    return result.isAllowed;
+    return Promise.resolve(result.isAllowed);
   }
 
   moderateSync(

package/src/domains/content-moderation/infrastructure/services/moderators/base.moderator.ts

@@ -36,7 +36,7 @@ export abstract class BaseModerator {
 
   protected getSuggestion(type: ViolationType): string {
     if (this.customSuggestions?.[type]) {
-      return this.customSuggestions[type] as string;
+      return this.customSuggestions[type];
     }
     return DEFAULT_SUGGESTIONS[type] || DEFAULT_SUGGESTIONS.default;
   }

package/src/domains/face-detection/infrastructure/validators/faceValidator.ts

@@ -25,7 +25,7 @@ export const parseDetectionResponse = (
       return createFailedResult("Invalid response format");
     }
 
-    const parsed = JSON.parse(jsonMatch[0]);
+    const parsed = JSON.parse(jsonMatch[0]) as Record<string, unknown>;
 
     return {
       hasFace: Boolean(parsed.hasFace),

package/src/domains/face-detection/presentation/components/FaceValidationStatus.tsx

@@ -5,7 +5,7 @@
  * Translations provided by main app via props.
  */
 
-import React from "react";
+import * as React from "react";
 import { View, StyleSheet, ActivityIndicator } from "react-native";
 import {
   AtomicText,
@@ -59,7 +59,7 @@ export const FaceValidationStatus: React.FC<FaceValidationStatusProps> = ({
         <AtomicIcon
           name="alert-circle"
           size="sm"
-          customColor={tokens.colors.error}
+          color="error"
         />
         <AtomicText style={[styles.text, { color: tokens.colors.error }]}>
           {labels.error}
@@ -88,7 +88,7 @@ export const FaceValidationStatus: React.FC<FaceValidationStatusProps> = ({
       <AtomicIcon
         name={valid ? "checkmark-circle" : "close-circle"}
         size="sm"
-        customColor={valid ? tokens.colors.success : tokens.colors.error}
+        color={valid ? "success" : "error"}
       />
       <AtomicText
         style={[

package/src/domains/feature-background/presentation/components/BackgroundFeature.tsx

@@ -3,7 +3,8 @@
  * @description Main feature component composing all sub-components
  */
 
-import React, { useCallback, useState } from "react";
+import * as React from "react";
+import { useCallback, useState } from "react";
 import { ScrollView, StyleSheet } from "react-native";
 import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import type {
@@ -96,7 +97,7 @@ export const BackgroundFeature: React.FC<BackgroundFeatureProps> = ({
                 <ImagePicker
                     imageUri={feature.imageUri}
                     isProcessing={feature.isProcessing}
-                    onSelectImage={feature.selectImage}
+                    onSelectImage={() => { void feature.selectImage(); }}
                     placeholderText={placeholderText}
                 />
 
@@ -115,7 +116,7 @@ export const BackgroundFeature: React.FC<BackgroundFeatureProps> = ({
                 <ResultDisplay
                     imageUrl={feature.processedUrl}
                     isProcessing={feature.isProcessing}
-                    onSave={handleSave}
+                    onSave={() => { void handleSave(); }}
                     onReset={handleReset}
                     saveButtonText={saveButtonText}
                     resetButtonText={resetButtonText}
@@ -124,7 +125,7 @@ export const BackgroundFeature: React.FC<BackgroundFeatureProps> = ({
                 <GenerateButton
                     isDisabled={isDisabled}
                     isProcessing={feature.isProcessing}
-                    onPress={handleProcess}
+                    onPress={() => { void handleProcess(); }}
                     buttonText={generateButtonText}
                 />
             </ScrollView>

package/src/domains/feature-background/presentation/components/ComparisonSlider.tsx

@@ -3,7 +3,8 @@
  * @description Before/After comparison slider for images
  */
 
-import React, { memo, useState, useRef } from "react";
+import * as React from "react";
+import { memo, useState, useRef, useMemo } from "react";
 import {
     View,
     StyleSheet,
@@ -42,9 +43,45 @@ export const ComparisonSlider: React.FC<ComparisonSliderProps> = memo(
             })
         ).current;
 
+        const themedStyles = useMemo(() => StyleSheet.create({
+            container: {
+                width: "100%",
+                aspectRatio: 1,
+                borderRadius: 20,
+                overflow: "hidden",
+            },
+            originalContainer: {
+                position: "absolute",
+                top: 0,
+                left: 0,
+                bottom: 0,
+                overflow: "hidden",
+                borderRightWidth: 2,
+                borderRightColor: tokens.colors.surface,
+            },
+            sliderHandle: {
+                position: "absolute",
+                top: "50%",
+                left: -20,
+                width: 40,
+                height: 40,
+                borderRadius: 20,
+                justifyContent: "center",
+                alignItems: "center",
+                marginTop: -20,
+                backgroundColor: tokens.colors.backgroundPrimary,
+            },
+            labelLeft: {
+                backgroundColor: tokens.colors.surface,
+            },
+            labelRight: {
+                backgroundColor: tokens.colors.primary,
+            }
+        }), [tokens]);
+
         return (
             <View
-                style={styles.container}
+                style={themedStyles.container}
                 onLayout={(e) => {
                     containerWidth.current = e.nativeEvent.layout.width;
                 }}
@@ -57,7 +94,7 @@ export const ComparisonSlider: React.FC<ComparisonSliderProps> = memo(
                     />
 
                     <View
-                        style={[styles.originalContainer, { width: `${sliderPosition}%` }]}
+                        style={[themedStyles.originalContainer, { width: `${sliderPosition}%` }]}
                     >
                         <Image
                             source={{ uri: originalUri }}
@@ -70,12 +107,7 @@ export const ComparisonSlider: React.FC<ComparisonSliderProps> = memo(
                         style={[styles.sliderLine, { left: `${sliderPosition}%` }]}
                         {...panResponder.panHandlers}
                     >
-                        <View
-                            style={[
-                                styles.sliderHandle,
-                                { backgroundColor: tokens.colors.backgroundPrimary },
-                            ]}
-                        >
+                        <View style={themedStyles.sliderHandle}>
                             <View style={styles.handleBars}>
                                 <View
                                     style={[
@@ -94,16 +126,10 @@ export const ComparisonSlider: React.FC<ComparisonSliderProps> = memo(
                     </View>
 
                     {beforeLabel && (
-                        <View
-                            style={[
-                                styles.label,
-                                styles.labelLeft,
-                                { backgroundColor: tokens.colors.surface },
-                            ]}
-                        >
+                        <View style={[styles.label, styles.labelLeft, themedStyles.labelLeft]}>
                             <AtomicText
                                 type="bodySmall"
-                                style={{ color: tokens.colors.textPrimary }}
+                                color="textPrimary"
                             >
                                 {beforeLabel}
                             </AtomicText>
@@ -111,16 +137,10 @@ export const ComparisonSlider: React.FC<ComparisonSliderProps> = memo(
                     )}
 
                     {afterLabel && (
-                        <View
-                            style={[
-                                styles.label,
-                                styles.labelRight,
-                                { backgroundColor: tokens.colors.primary },
-                            ]}
-                        >
+                        <View style={[styles.label, styles.labelRight, themedStyles.labelRight]}>
                             <AtomicText
                                 type="bodySmall"
-                                style={{ color: tokens.colors.backgroundPrimary }}
+                                color="backgroundPrimary"
                             >
                                 {afterLabel}
                             </AtomicText>
@@ -133,12 +153,6 @@ export const ComparisonSlider: React.FC<ComparisonSliderProps> = memo(
 );
 
 const styles = StyleSheet.create({
-    container: {
-        width: "100%",
-        aspectRatio: 1,
-        borderRadius: 20,
-        overflow: "hidden",
-    },
     imageContainer: {
         flex: 1,
         position: "relative",
@@ -147,15 +161,6 @@ const styles = StyleSheet.create({
         width: "100%",
         height: "100%",
     },
-    originalContainer: {
-        position: "absolute",
-        top: 0,
-        left: 0,
-        bottom: 0,
-        overflow: "hidden",
-        borderRightWidth: 2,
-        borderRightColor: "#FFFFFF",
-    },
     sliderLine: {
         position: "absolute",
         top: 0,
@@ -163,17 +168,6 @@ const styles = StyleSheet.create({
         width: 2,
         marginLeft: -1,
     },
-    sliderHandle: {
-        position: "absolute",
-        top: "50%",
-        left: -20,
-        width: 40,
-        height: 40,
-        borderRadius: 20,
-        justifyContent: "center",
-        alignItems: "center",
-        marginTop: -20,
-    },
     handleBars: {
         flexDirection: "row",
         gap: 4,

package/src/domains/feature-background/presentation/components/ErrorDisplay.tsx

@@ -3,7 +3,8 @@
  * @description Displays error messages
  */
 
-import React, { memo } from "react";
+import * as React from "react";
+import { memo } from "react";
 import { View, StyleSheet } from "react-native";
 import {
     AtomicText,
@@ -29,12 +30,13 @@ export const ErrorDisplay: React.FC<ErrorDisplayProps> = memo(
             >
                 <AtomicIcon
                     name="alert-circle"
-                    size={20}
+                    size="sm"
                     color="error"
                 />
                 <AtomicText
                     type="bodyMedium"
-                    style={[styles.errorText, { color: tokens.colors.error }]}
+                    color="error"
+                    style={styles.errorText}
                 >
                     {error}
                 </AtomicText>

package/src/domains/feature-background/presentation/components/ModeSelector.tsx

@@ -3,10 +3,10 @@
  * @description Horizontal scrollable mode selection toolbar
  */
 
-import React, { memo } from "react";
+import * as React from "react";
+import { memo } from "react";
 import { View, StyleSheet, ScrollView, TouchableOpacity } from "react-native";
 import {
-    AtomicText,
     AtomicIcon,
     useAppDesignTokens,
 } from "@umituz/react-native-design-system";

package/src/domains/feature-background/presentation/hooks/useBackgroundFeature.ts

@@ -85,10 +85,11 @@ export function useBackgroundFeature(
         [imageUri, prompt, mode, config]
     );
 
-    const save = useCallback(async (): Promise<void> => {
+    const save = useCallback((): Promise<void> => {
         if (!processedUrl) {
-            return;
+            return Promise.resolve();
         }
+        return Promise.resolve();
     }, [processedUrl]);
 
     const reset = useCallback((): void => {

package/src/domains/prompts/domain/entities/FuturePredictionConfig.ts

@@ -10,7 +10,8 @@ export interface FuturePredictionSettings {
     readonly outputType: FuturePredictionOutputType;
     readonly personCount: 1 | 2;
     readonly includeDate: boolean;
-    readonly language: string;
+    readonly language: string; // Language code (e.g. 'en', 'tr')
+    readonly languageName?: string; // Full language name provided by app (e.g. 'Turkish', 'English')
     readonly tone?: string; // e.g. 'romantic', 'professional', 'funny', 'dramatic'
     readonly subjectRole?: string; // e.g. 'couple', 'best friends', 'business partners', 'parents'
     readonly year?: number; // Optional specific year for prediction

package/src/domains/prompts/domain/entities/GeneratedPrompt.ts

@@ -1,4 +1,3 @@
-import type { AIPromptTemplate } from './AIPromptTemplate';
 
 export interface GeneratedPrompt {
   readonly id: string;

package/src/domains/prompts/domain/repositories/IAIPromptServices.ts

@@ -1,30 +1,24 @@
 import type { AIPromptTemplate } from '../entities/AIPromptTemplate';
 import type { AIPromptResult } from '../entities/types';
-import type { FaceSwapConfig, FaceSwapGenerationResult } from '../entities/FaceSwapConfig';
+import type { FaceSwapConfig } from '../entities/FaceSwapConfig';
 import type {
-  PhotoRestorationConfig,
-  PhotoRestorationResult
+  PhotoRestorationConfig
 } from '../entities/PhotoRestorationConfig';
 import type {
   ImageEnhancementConfig,
-  ImageEnhancementResult,
   EnhancementAdjustments
 } from '../entities/ImageEnhancementConfig';
 import type {
-  StyleTransferConfig,
-  StyleTransferResult
+  StyleTransferConfig
 } from '../entities/StyleTransferConfig';
 import type {
-  BackgroundRemovalConfig,
-  BackgroundRemovalResult
+  BackgroundRemovalConfig
 } from '../entities/BackgroundRemovalConfig';
 import type {
-  TextGenerationConfig,
-  TextGenerationResult
+  TextGenerationConfig
 } from '../entities/TextGenerationConfig';
 import type {
-  ColorizationConfig,
-  ColorizationResult
+  ColorizationConfig
 } from '../entities/ColorizationConfig';
 import type {
   FuturePredictionConfig,

package/src/domains/prompts/index.ts

@@ -181,6 +181,11 @@ export {
   getFutureYear,
 } from './domain/entities/FuturePredictionConfig';
 
+export {
+  IDENTITY_INSTRUCTION,
+  createScenarioPrompt,
+} from './infrastructure/services/FuturePredictionService';
+
 // =============================================================================
 // DOMAIN LAYER - Repository Interfaces
 // =============================================================================

package/src/domains/prompts/infrastructure/repositories/PromptHistoryRepository.ts

@@ -1,79 +1,79 @@
 import type { IPromptHistoryRepository } from '../../domain/repositories/IPromptHistoryRepository';
 import type { GeneratedPrompt } from '../../domain/entities/GeneratedPrompt';
-import type { AIPromptResult, AIPromptError } from '../../domain/entities/types';
+import type { AIPromptResult } from '../../domain/entities/types';
 
 export class PromptHistoryRepository implements IPromptHistoryRepository {
   private storage: GeneratedPrompt[] = [];
   private readonly maxStorageSize = 100;
 
-  async save(prompt: GeneratedPrompt): Promise<AIPromptResult<void>> {
+  save(prompt: GeneratedPrompt): Promise<AIPromptResult<void>> {
     try {
       this.storage.push(prompt);
       this.trimStorage();
-      return { success: true, data: undefined };
-    } catch (error) {
-      return { 
-        success: false, 
-        error: 'STORAGE_ERROR', 
-        message: 'Failed to save prompt to history' 
-      };
+      return Promise.resolve({ success: true, data: undefined });
+    } catch {
+      return Promise.resolve({
+        success: false,
+        error: 'STORAGE_ERROR',
+        message: 'Failed to save prompt to history'
+      });
     }
   }
 
-  async findRecent(limit: number = 50): Promise<AIPromptResult<GeneratedPrompt[]>> {
+  findRecent(limit: number = 50): Promise<AIPromptResult<GeneratedPrompt[]>> {
     try {
       const prompts = this.storage.slice(-limit);
-      return { success: true, data: prompts };
-    } catch (error) {
-      return { 
-        success: false, 
-        error: 'STORAGE_ERROR', 
-        message: 'Failed to retrieve recent prompts' 
-      };
+      return Promise.resolve({ success: true, data: prompts });
+    } catch {
+      return Promise.resolve({
+        success: false,
+        error: 'STORAGE_ERROR',
+        message: 'Failed to retrieve recent prompts'
+      });
     }
   }
 
-  async findByTemplateId(
-    templateId: string, 
+  findByTemplateId(
+    templateId: string,
     limit: number = 20
   ): Promise<AIPromptResult<GeneratedPrompt[]>> {
     try {
       const prompts = this.storage
         .filter(prompt => prompt.templateId === templateId)
         .slice(-limit);
-      return { success: true, data: prompts };
-    } catch (error) {
-      return { 
-        success: false, 
-        error: 'STORAGE_ERROR', 
-        message: 'Failed to retrieve prompts by template ID' 
-      };
+      return Promise.resolve({ success: true, data: prompts });
+    } catch {
+      return Promise.resolve({
+        success: false,
+        error: 'STORAGE_ERROR',
+        message: 'Failed to retrieve prompts by template ID'
+      });
     }
   }
 
-  async delete(id: string): Promise<AIPromptResult<void>> {
+  delete(id: string): Promise<AIPromptResult<void>> {
     try {
       this.storage = this.storage.filter(prompt => prompt.id !== id);
-      return { success: true, data: undefined };
-    } catch (error) {
-      return { 
-        success: false, 
-        error: 'STORAGE_ERROR', 
-        message: 'Failed to delete prompt' 
-      };
+      return Promise.resolve({ success: true, data: undefined });
+    } catch {
+      return Promise.resolve({
+        success: false,
+        error: 'STORAGE_ERROR',
+        message: 'Failed to delete prompt'
+      });
     }
   }
 
-  async clear(): Promise<AIPromptResult<void>> {
+  clear(): Promise<AIPromptResult<void>> {
     try {
       this.storage = [];
-      return { success: true, data: undefined };
-    } catch (error) {
-      return { 
-        success: false, 
-        error: 'STORAGE_ERROR', 
-        message: 'Failed to clear prompt history' 
-      };
+      return Promise.resolve({ success: true, data: undefined });
+    } catch {
+      return Promise.resolve({
+        success: false,
+        error: 'STORAGE_ERROR',
+        message: 'Failed to clear prompt history'
+      });
     }
   }