@umituz/react-native-ai-generation-content 1.26.45 → 1.26.47

package/package.json

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

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

@@ -4,7 +4,7 @@
  * NO feature-specific logic - works for ANY photo upload
  */
 
-import { useState, useCallback } from "react";
+import { useState, useCallback, useEffect } from "react";
 import * as ImagePicker from "expo-image-picker";
 import { Alert } from "react-native";
 import type { UploadedImage } from "../../../../../presentation/hooks/generation/useAIGenerateState";
@@ -41,6 +41,12 @@ export const usePhotoUploadState = ({
 }: UsePhotoUploadStateProps): UsePhotoUploadStateReturn => {
   const [image, setImage] = useState<UploadedImage | null>(initialImage || null);
 
+  // Sync state with initialImage prop when it changes
+  // This handles cases where the same component is reused for different steps
+  useEffect(() => {
+    setImage(initialImage || null);
+  }, [initialImage]);
+
   const maxFileSizeMB = config?.maxFileSizeMB ?? DEFAULT_MAX_FILE_SIZE_MB;
 
   const handlePickImage = useCallback(async () => {

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

@@ -1,10 +1,10 @@
 /**
  * Generic Generating Screen
  * Shows progress while AI generates content
- * Used by ALL features - NO feature-specific code!
+ * Uses scenario-specific messages with fallback to generic messages
  */
 
-import React from "react";
+import React, { useMemo } from "react";
 import { View, StyleSheet, ActivityIndicator } from "react-native";
 import { useAppDesignTokens, AtomicText } from "@umituz/react-native-design-system";
 
@@ -13,6 +13,12 @@ export interface GeneratingScreenProps {
   readonly scenario?: {
     readonly id: string;
     readonly title?: string;
+    readonly category?: string;
+    readonly generatingMessages?: {
+      readonly title?: string;
+      readonly waitMessage?: string;
+      readonly hint?: string;
+    };
   };
   readonly t: (key: string) => string;
   readonly onCancel?: () => void;
@@ -33,17 +39,26 @@ export const GeneratingScreen: React.FC<GeneratingScreenProps> = ({
     });
   }
 
+  const messages = useMemo(() => {
+    const custom = scenario?.generatingMessages;
+    return {
+      title: custom?.title || t("generator.title"),
+      waitMessage: custom?.waitMessage || t("generator.waitMessage"),
+      hint: custom?.hint || t("generator.hint"),
+    };
+  }, [scenario, t]);
+
   return (
     <View style={[styles.container, { backgroundColor: tokens.colors.backgroundPrimary }]}>
       <View style={styles.content}>
         <ActivityIndicator size="large" color={tokens.colors.primary} />
 
         <AtomicText type="headlineMedium" style={styles.title}>
-          {t("generator.title")}
+          {messages.title}
         </AtomicText>
 
         <AtomicText type="bodyMedium" style={[styles.message, { color: tokens.colors.textSecondary }]}>
-          {t("generator.waitMessage")}
+          {messages.waitMessage}
         </AtomicText>
 
         {/* Progress Bar */}
@@ -73,7 +88,7 @@ export const GeneratingScreen: React.FC<GeneratingScreenProps> = ({
 
         {/* Hint */}
         <AtomicText type="bodySmall" style={[styles.hint, { color: tokens.colors.textSecondary }]}>
-          {t("generator.hint")}
+          {messages.hint}
         </AtomicText>
       </View>
     </View>

package/src/domains/scenarios/domain/Scenario.ts

@@ -555,6 +555,12 @@ export enum ScenarioId {
 
 export type ScenarioOutputType = "image" | "video";
 
+export interface GeneratingMessages {
+  title?: string;
+  waitMessage?: string;
+  hint?: string;
+}
+
 export interface Scenario {
   id: ScenarioId;
   category?: ScenarioCategory;
@@ -570,4 +576,6 @@ export interface Scenario {
   outputType: ScenarioOutputType;
   model?: string; // AI model from app config
   enabled?: boolean;
+  // Optional custom generating screen messages
+  generatingMessages?: GeneratingMessages;
 }

package/src/domains/scenarios/index.ts

@@ -4,7 +4,7 @@
  */
 
 // Types
-export type { ScenarioOutputType } from "./domain/Scenario";
+export type { ScenarioOutputType, GeneratingMessages } from "./domain/Scenario";
 export { ScenarioCategory, ScenarioId } from "./domain/Scenario";
 export type { Scenario } from "./domain/Scenario";