@umituz/react-native-ai-generation-content 1.89.39 → 1.89.42

package/package.json

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

package/src/domains/creations/presentation/components/GalleryScreenHeader.tsx

@@ -7,7 +7,6 @@ import React, { useMemo } from "react";
 import { View, TouchableOpacity, StyleSheet } from "react-native";
 import { AtomicIcon, AtomicText } from "@umituz/react-native-design-system/atoms";
 import { useAppDesignTokens, type DesignTokens } from "@umituz/react-native-design-system/theme";
-import { useSafeAreaInsets } from "react-native-safe-area-context";
 
 interface GalleryScreenHeaderProps {
   readonly title: string;
@@ -16,7 +15,6 @@ interface GalleryScreenHeaderProps {
 
 export const GalleryScreenHeader: React.FC<GalleryScreenHeaderProps> = ({ title, onBack }) => {
   const tokens = useAppDesignTokens();
-  const insets = useSafeAreaInsets();
   const styles = useMemo(() => createStyles(tokens), [tokens]);
 
   return (

package/src/domains/creations/presentation/screens/CreationsGalleryScreen.tsx

@@ -1,6 +1,5 @@
 import React, { useMemo, useCallback, useState } from "react";
 import { View, FlatList } from "react-native";
-import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { ScreenLayout } from "@umituz/react-native-design-system/layouts";
 import { FilterSheet, useAppFocusEffect } from "@umituz/react-native-design-system/molecules";
 import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
@@ -38,7 +37,6 @@ export function CreationsGalleryScreen({
   onShareToFeed,
 }: CreationsGalleryScreenProps) {
   const tokens = useAppDesignTokens();
-  const insets = useSafeAreaInsets();
   const [viewMode, setViewMode] = useState<"list" | "grid">("list");
 
   const { data: creations, isLoading, refetch } = useCreations({ userId, repository });

package/src/domains/generation/infrastructure/appearance-analysis.ts

@@ -16,8 +16,8 @@ import { refinePromptForCouple } from "../../../infrastructure/utils/couple-inpu
  * @returns Appearance context string (şu an boş)
  */
 export async function getAppearanceContext(
-  photoUris: string[],
-  isCoupleMode: boolean,
+  _photoUris: string[],
+  _isCoupleMode: boolean,
 ): Promise<string> {
   // Vision analysis temporarily disabled due to API limitations
   // Future: Implement vision analysis to extract appearance features

package/src/domains/generation/infrastructure/couple-generation-builder.ts

@@ -12,7 +12,6 @@
  * - Mood filter generation
  */
 
-import type { GenerationTarget } from "../../../exports/presentation";
 import {
   resolveCoupleInput,
   prependContext,
@@ -152,7 +151,6 @@ export async function buildScenarioGenerationInput(
     partner2PhotoUri,
     isCoupleMode,
     scenarioPrompt,
-    customInstructions,
   } = params;
 
   // 1. GET PHOTO URIs

package/src/domains/generation/infrastructure/flow/useFlow.ts

@@ -11,6 +11,8 @@ interface UseFlowConfig {
   steps: readonly StepDefinition[];
   initialStepId?: string;
   initialStepIndex?: number;
+  /** Optional key to force flow reset when changed (e.g., scenarioId) */
+  resetKey?: string;
 }
 
 interface UseFlowReturn extends FlowState, FlowActions {
@@ -27,14 +29,15 @@ interface UseFlowReturn extends FlowState, FlowActions {
 
 export const useFlow = (config: UseFlowConfig): UseFlowReturn => {
   const storeRef = useRef<FlowStoreType | null>(null);
-  const prevConfigRef = useRef<{ initialStepIndex?: number; initialStepId?: string; steps: readonly StepDefinition[] } | undefined>(undefined);
+  const prevConfigRef = useRef<{ initialStepIndex?: number; initialStepId?: string; steps: readonly StepDefinition[]; resetKey?: string } | undefined>(undefined);
 
-  // Detect config changes (initialStepIndex, initialStepId, or steps changed)
+  // Detect config changes (initialStepIndex, initialStepId, steps, or resetKey changed)
   const configChanged =
     prevConfigRef.current !== undefined &&
     (prevConfigRef.current.initialStepIndex !== config.initialStepIndex ||
       prevConfigRef.current.initialStepId !== config.initialStepId ||
-      prevConfigRef.current.steps !== config.steps);
+      prevConfigRef.current.steps !== config.steps ||
+      prevConfigRef.current.resetKey !== config.resetKey);
 
   // If config changed, reset and recreate store (per-component instance)
   if (configChanged && storeRef.current) {
@@ -55,6 +58,7 @@ export const useFlow = (config: UseFlowConfig): UseFlowReturn => {
     initialStepIndex: config.initialStepIndex,
     initialStepId: config.initialStepId,
     steps: config.steps,
+    resetKey: config.resetKey,
   };
 
   const store = storeRef.current;

package/src/domains/generation/wizard/infrastructure/strategies/image-generation.strategy.ts

@@ -43,7 +43,8 @@ export async function buildImageInput(
     finalPrompt = applyStyleEnhancements(prompt, wizardData);
 
     // ✅ Apply couple refinement (same logic as Wardrobe)
-    // This ensures consistency across all couple generation scenarios
+    // Note: Scenario prompts are already wrapped with createPhotorealisticPrompt
+    // in the data files, so we only apply couple refinement here
     const isCoupleMode = photos.length >= 2;
     finalPrompt = await enhancePromptWithAnalysis(finalPrompt, photoUris, isCoupleMode);
 

package/src/domains/generation/wizard/presentation/components/WizardFlowContent.tsx

@@ -112,7 +112,11 @@ export const WizardFlowContent: React.FC<WizardFlowContentProps> = (props) => {
     return steps;
   }, [featureConfig, skipResultStep]);
 
-  const flow = useFlow({ steps: flowSteps, initialStepIndex: 0 });
+  const flow = useFlow({
+    steps: flowSteps,
+    initialStepIndex: 0,
+    resetKey: scenario?.id,
+  });
   const {
     currentStep,
     currentStepIndex,
@@ -223,6 +227,13 @@ export const WizardFlowContent: React.FC<WizardFlowContentProps> = (props) => {
     [customData, featureConfig.steps, calculateCredits, creditCost, validatedScenario.outputType, validatedScenario.inputType],
   );
 
+  // Reset local state when scenario changes
+  useEffect(() => {
+    setCurrentCreation(null);
+    setShowRatingPicker(false);
+    setHasRated(false);
+  }, [scenario?.id]);
+
   useEffect(() => {
     if (currentStep && onStepChange && prevStepIdRef.current !== currentStep.id) {
       prevStepIdRef.current = currentStep.id;

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

@@ -3,7 +3,7 @@
  * Generic selection step for wizard flows (duration, style, etc.)
  */
 
-import React, { useState, useCallback, useMemo } from "react";
+import React, { useState, useCallback, useMemo, useEffect } from "react";
 import { View, TouchableOpacity, StyleSheet } from "react-native";
 import { AtomicText, AtomicIcon } from "@umituz/react-native-design-system/atoms";
 import { NavigationHeader } from "@umituz/react-native-design-system/molecules";
@@ -42,6 +42,19 @@ export const SelectionScreen: React.FC<SelectionScreenProps> = ({
   });
 
   const isMultiSelect = config?.multiSelect ?? false;
+
+  // Reset selection when initialValue, options, or config changes (e.g., when scenario changes)
+  useEffect(() => {
+    const optionIds = options.map((opt) => opt.id);
+
+    if (isMultiSelect) {
+      const initialArr = initialValue && Array.isArray(initialValue) ? initialValue : [];
+      setSelected(initialArr.filter((id) => optionIds.includes(id)));
+    } else {
+      const initialStr = typeof initialValue === "string" ? initialValue : "";
+      setSelected(optionIds.includes(initialStr) ? initialStr : "");
+    }
+  }, [initialValue, options, isMultiSelect]);
   const isRequired = config?.required ?? true;
   const canContinue = isRequired
     ? isMultiSelect ? (selected as string[]).length > 0 : selected !== ""

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

@@ -4,7 +4,7 @@
  * Uses design system: NavigationHeader + ScreenLayout
  */
 
-import React, { useState, useCallback, useMemo } from "react";
+import React, { useState, useCallback, useMemo, useEffect } from "react";
 import { View, TextInput, StyleSheet } from "react-native";
 import { AtomicText, AtomicButton } from "@umituz/react-native-design-system/atoms";
 import { ScreenLayout } from "@umituz/react-native-design-system/layouts";
@@ -36,6 +36,11 @@ export const TextInputScreen: React.FC<TextInputScreenProps> = ({
   const alert = useAlert();
   const [text, setText] = useState(initialValue);
 
+  // Reset text when initialValue changes (e.g., when scenario changes)
+  useEffect(() => {
+    setText(initialValue);
+  }, [initialValue]);
+
   // Validate config - REQUIRED, NO DEFAULTS
   if (!config) {
     throw new Error("[TextInputScreen] Config is required but was not provided.");