@umituz/react-native-ai-generation-content 1.72.0 → 1.72.1

package/package.json

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

package/src/domains/content-moderation/infrastructure/rules/default-rules.data.ts

@@ -99,9 +99,36 @@ const personalInfoRules: ModerationRule[] = [
   },
 ];
 
+const intimateContentRules: ModerationRule[] = [
+  {
+    id: "intimate-001",
+    name: "Romantic and Intimate Content",
+    description: "Detects romantic and intimate content requests",
+    contentTypes: ["text"],
+    severity: "high",
+    violationType: "explicit_content",
+    patterns: [
+      "\\bkiss(ing|es|ed)?\\b",
+      "\\bhug(ging|s|ged)?\\b",
+      "\\bromantic\\b",
+      "\\bintimate\\b",
+      "\\bcouple\\b.*\\b(kissing|hugging|embracing)\\b",
+      "\\b(kissing|hugging|embracing)\\b.*\\bcouple\\b",
+      "\\blove\\b.*\\bscene\\b",
+      "\\bsensual\\b",
+      "\\bseductive\\b",
+      "\\bpassionate\\b.*\\b(kiss|embrace)\\b",
+      "\\btwo people\\b.*\\b(kissing|hugging|embracing)\\b",
+      "\\bpeople\\b.*\\b(kissing|hugging|embracing)\\b",
+    ],
+    enabled: true,
+  },
+];
+
 export const defaultModerationRules: ModerationRule[] = [
   ...violenceRules,
   ...hateSpeechRules,
   ...illegalActivityRules,
   ...personalInfoRules,
+  ...intimateContentRules,
 ];

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

@@ -13,7 +13,7 @@ import type {
 export type { ModerationResult };
 
 const DEFAULT_SUGGESTIONS: Record<string, string> = {
-  explicit_content: "Remove explicit content",
+  explicit_content: "Romantic and intimate content is not supported. Please try creating content with single subjects or non-intimate scenarios.",
   violence: "Remove violent content",
   hate_speech: "Remove discriminatory language",
   harassment: "Remove harassing content",

package/src/domains/generation/wizard/presentation/hooks/usePhotoUploadState.ts

@@ -4,7 +4,7 @@
  * Uses design system's useMedia hook for media picking with built-in validation
  */
 
-import { useState, useCallback, useEffect } from "react";
+import { useState, useCallback, useEffect, useRef } from "react";
 import { useMedia, MediaQuality, MediaValidationError, MEDIA_CONSTANTS } from "@umituz/react-native-design-system";
 import type { UploadedImage } from "../../../../../presentation/hooks/generation/useAIGenerateState";
 
@@ -49,10 +49,10 @@ export const usePhotoUploadState = ({
 }: UsePhotoUploadStateProps): UsePhotoUploadStateReturn => {
   const [image, setImage] = useState<UploadedImage | null>(initialImage || null);
   const { pickImage, isLoading } = useMedia();
+  const timeoutRef = useRef<NodeJS.Timeout | undefined>(undefined);
 
   const maxFileSizeMB = config?.maxFileSizeMB ?? MEDIA_CONSTANTS.MAX_IMAGE_SIZE_MB;
 
-  // Reset state when stepId changes (new step = new photo)
   useEffect(() => {
     if (typeof __DEV__ !== "undefined" && __DEV__) {
       console.log("[usePhotoUploadState] Step changed, resetting image", { stepId, hasInitialImage: !!initialImage });
@@ -60,12 +60,40 @@ export const usePhotoUploadState = ({
     setImage(initialImage || null);
   }, [stepId, initialImage]);
 
+  useEffect(() => {
+    if (isLoading) {
+      timeoutRef.current = setTimeout(() => {
+        if (typeof __DEV__ !== "undefined" && __DEV__) {
+          console.warn("[usePhotoUploadState] Image picker timeout - possible stuck state");
+        }
+        onError?.({
+          title: translations.error,
+          message: "Image selection is taking too long. Please try again.",
+        });
+      }, 30000);
+    } else {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+    }
+
+    return () => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+    };
+  }, [isLoading, onError, translations]);
+
   const clearImage = useCallback(() => {
     setImage(null);
   }, []);
 
   const handlePickImage = useCallback(async () => {
     try {
+      if (typeof __DEV__ !== "undefined" && __DEV__) {
+        console.log("[usePhotoUploadState] Starting image pick");
+      }
+
       const result = await pickImage({
         allowsEditing: true,
         aspect: [1, 1],
@@ -73,8 +101,11 @@ export const usePhotoUploadState = ({
         maxFileSizeMB,
       });
 
-      // Handle validation errors from design system
       if (result.error) {
+        if (typeof __DEV__ !== "undefined" && __DEV__) {
+          console.log("[usePhotoUploadState] Validation error", result.error);
+        }
+
         if (result.error === MediaValidationError.FILE_TOO_LARGE) {
           onError?.({
             title: translations.fileTooLarge,
@@ -90,6 +121,9 @@ export const usePhotoUploadState = ({
       }
 
       if (result.canceled || !result.assets || result.assets.length === 0) {
+        if (typeof __DEV__ !== "undefined" && __DEV__) {
+          console.log("[usePhotoUploadState] Image pick canceled");
+        }
         return;
       }
 

package/src/domains/generation/wizard/presentation/screens/TextInputScreen.tsx

@@ -13,8 +13,12 @@ import {
   ScreenLayout,
   NavigationHeader,
   type DesignTokens,
+  useAlert,
+  AlertType,
+  AlertMode,
 } from "@umituz/react-native-design-system";
 import { ContinueButton } from "../../../../../presentation/components/buttons";
+import { contentModerationService } from "../../../../../domains/content-moderation";
 import type { TextInputScreenProps } from "./TextInputScreen.types";
 
 export type {
@@ -33,17 +37,36 @@ export const TextInputScreen: React.FC<TextInputScreenProps> = ({
   onContinue,
 }) => {
   const tokens = useAppDesignTokens();
+  const alert = useAlert();
   const [text, setText] = useState(initialValue);
 
   const minLength = config?.minLength ?? 3;
   const maxLength = config?.maxLength ?? 1000;
   const canContinue = text.trim().length >= minLength;
 
-  const handleContinue = useCallback(() => {
-    if (canContinue) {
-      onContinue(text.trim());
+  const handleContinue = useCallback(async () => {
+    if (!canContinue) return;
+
+    const trimmedText = text.trim();
+
+    const moderationResult = await contentModerationService.moderate({
+      contentType: "text",
+      content: trimmedText,
+    });
+
+    if (!moderationResult.isAllowed) {
+      const violation = moderationResult.violations[0];
+      alert.show(
+        AlertType.ERROR,
+        AlertMode.MODAL,
+        translations.contentNotAllowed || "Content Not Allowed",
+        violation?.suggestion || translations.contentNotAllowedMessage || "This type of content is not supported. Please try a different prompt."
+      );
+      return;
     }
-  }, [canContinue, text, onContinue]);
+
+    onContinue(trimmedText);
+  }, [canContinue, text, onContinue, alert, translations]);
 
   const handleExampleSelect = useCallback((example: string) => {
     setText(example);

package/src/domains/generation/wizard/presentation/screens/TextInputScreen.types.ts

@@ -9,6 +9,8 @@ export interface TextInputScreenTranslations {
   readonly continueButton: string;
   readonly backButton?: string;
   readonly examplesTitle?: string;
+  readonly contentNotAllowed?: string;
+  readonly contentNotAllowedMessage?: string;
 }
 
 export interface TextInputScreenConfig {