@umituz/react-native-ai-generation-content 1.19.5 → 1.19.7

package/package.json

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

package/src/features/couple-future/presentation/hooks/coupleFutureFlow.types.ts

@@ -0,0 +1,71 @@
+/**
+ * Couple Future Flow Types
+ * Type definitions for couple future wizard flow
+ */
+
+export interface CoupleFutureFlowConfig<TStep, TScenarioId> {
+  steps: {
+    SCENARIO: TStep;
+    SCENARIO_PREVIEW: TStep;
+    COUPLE_FEATURE_SELECTOR: TStep;
+    TEXT_INPUT: TStep;
+    PARTNER_A: TStep;
+    PARTNER_B: TStep;
+    GENERATING: TStep;
+  };
+  customScenarioId: TScenarioId;
+}
+
+export interface CoupleFutureFlowState<TStep, TScenarioId> {
+  step: TStep;
+  selectedScenarioId: TScenarioId | null;
+  selectedFeature: string | null;
+  partnerA: unknown;
+  partnerB: unknown;
+  partnerAName: string;
+  partnerBName: string;
+  customPrompt: string | null;
+  visualStyle: string | null;
+  selection: unknown;
+  isProcessing: boolean;
+  scenarioConfig: unknown;
+  selectedScenarioData: { requiresPhoto?: boolean } | null;
+}
+
+export interface CoupleFutureFlowActions<TStep, TScenarioId, TResult> {
+  setStep: (step: TStep) => void;
+  selectScenario: (id: TScenarioId) => void;
+  setPartnerA: (image: unknown) => void;
+  setPartnerAName: (name: string) => void;
+  setPartnerB: (image: unknown) => void;
+  setPartnerBName: (name: string) => void;
+  setCustomPrompt: (prompt: string) => void;
+  setVisualStyle: (style: string) => void;
+  startGeneration: () => void;
+  generationSuccess: (result: TResult) => void;
+  generationError: (error: string) => void;
+  requireFeature: (callback: () => void) => void;
+  onNavigateToHistory: () => void;
+}
+
+export interface CoupleFutureFlowProps<TStep, TScenarioId, TResult> {
+  userId?: string;
+  config: CoupleFutureFlowConfig<TStep, TScenarioId>;
+  state: CoupleFutureFlowState<TStep, TScenarioId>;
+  actions: CoupleFutureFlowActions<TStep, TScenarioId, TResult>;
+  generationConfig: {
+    visualStyleModifiers: Record<string, string>;
+    defaultPartnerAName: string;
+    defaultPartnerBName: string;
+  };
+  alertMessages: {
+    networkError: string;
+    policyViolation: string;
+    saveFailed: string;
+    creditFailed: string;
+    unknown: string;
+  };
+  processResult: (imageUrl: string, input: unknown) => TResult;
+  buildCreation: (result: TResult, input: unknown) => unknown;
+  onCreditsExhausted: () => void;
+}

package/src/features/couple-future/presentation/hooks/useCoupleFutureFlow.ts

@@ -8,73 +8,19 @@ import { InteractionManager } from "react-native";
 import { useCoupleFutureGeneration } from "./useCoupleFutureGeneration";
 import { buildGenerationInputFromConfig } from "../../infrastructure/generationUtils";
 import type { UploadedImage } from "../../../partner-upload/domain/types";
-
-export interface CoupleFutureFlowConfig<TStep, TScenarioId> {
-  steps: {
-    SCENARIO: TStep;
-    SCENARIO_PREVIEW: TStep;
-    COUPLE_FEATURE_SELECTOR: TStep;
-    TEXT_INPUT: TStep;
-    PARTNER_A: TStep;
-    PARTNER_B: TStep;
-    GENERATING: TStep;
-  };
-  customScenarioId: TScenarioId;
-}
-
-export interface CoupleFutureFlowState<TStep, TScenarioId> {
-  step: TStep;
-  selectedScenarioId: TScenarioId | null;
-  selectedFeature: string | null;
-  partnerA: unknown;
-  partnerB: unknown;
-  partnerAName: string;
-  partnerBName: string;
-  customPrompt: string | null;
-  visualStyle: string | null;
-  selection: unknown;
-  isProcessing: boolean;
-  scenarioConfig: unknown;
-  selectedScenarioData: { requiresPhoto?: boolean } | null;
-}
-
-export interface CoupleFutureFlowActions<TStep, TScenarioId, TResult> {
-  setStep: (step: TStep) => void;
-  selectScenario: (id: TScenarioId) => void;
-  setPartnerA: (image: unknown) => void;
-  setPartnerAName: (name: string) => void;
-  setPartnerB: (image: unknown) => void;
-  setPartnerBName: (name: string) => void;
-  setCustomPrompt: (prompt: string) => void;
-  setVisualStyle: (style: string) => void;
-  startGeneration: () => void;
-  generationSuccess: (result: TResult) => void;
-  generationError: (error: string) => void;
-  requireFeature: (callback: () => void) => void;
-  onNavigateToHistory: () => void;
-}
-
-export interface CoupleFutureFlowProps<TStep, TScenarioId, TResult> {
-  userId?: string;
-  config: CoupleFutureFlowConfig<TStep, TScenarioId>;
-  state: CoupleFutureFlowState<TStep, TScenarioId>;
-  actions: CoupleFutureFlowActions<TStep, TScenarioId, TResult>;
-  generationConfig: {
-    visualStyleModifiers: Record<string, string>;
-    defaultPartnerAName: string;
-    defaultPartnerBName: string;
-  };
-  alertMessages: {
-    networkError: string;
-    policyViolation: string;
-    saveFailed: string;
-    creditFailed: string;
-    unknown: string;
-  };
-  processResult: (imageUrl: string, input: unknown) => TResult;
-  buildCreation: (result: TResult, input: unknown) => unknown;
-  onCreditsExhausted: () => void;
-}
+import type {
+  CoupleFutureFlowConfig,
+  CoupleFutureFlowState,
+  CoupleFutureFlowActions,
+  CoupleFutureFlowProps,
+} from "./coupleFutureFlow.types";
+
+export type {
+  CoupleFutureFlowConfig,
+  CoupleFutureFlowState,
+  CoupleFutureFlowActions,
+  CoupleFutureFlowProps,
+};
 
 export const useCoupleFutureFlow = <TStep, TScenarioId, TResult>(
   props: CoupleFutureFlowProps<TStep, TScenarioId, TResult>,
@@ -99,22 +45,7 @@ export const useCoupleFutureFlow = <TStep, TScenarioId, TResult>(
       alertMessages,
     });
 
-  // Destructure state to avoid object reference changes triggering effect
-  const {
-    step,
-    isProcessing,
-    partnerA,
-    partnerB,
-    partnerAName,
-    partnerBName,
-    scenarioConfig,
-    customPrompt,
-    visualStyle,
-    selection,
-    selectedFeature,
-    selectedScenarioId,
-    selectedScenarioData,
-  } = state;
+  const { step, isProcessing, selectedFeature, selectedScenarioId, selectedScenarioData } = state;
 
   useEffect(() => {
     if (step !== config.steps.GENERATING) {
@@ -125,38 +56,21 @@ export const useCoupleFutureFlow = <TStep, TScenarioId, TResult>(
     hasStarted.current = true;
 
     const input = buildGenerationInputFromConfig({
-      partnerA: partnerA as never,
-      partnerB: partnerB as never,
-      partnerAName,
-      partnerBName,
-      scenario: scenarioConfig as never,
-      customPrompt: customPrompt || undefined,
-      visualStyle: visualStyle || "",
+      partnerA: state.partnerA as never,
+      partnerB: state.partnerB as never,
+      partnerAName: state.partnerAName,
+      partnerBName: state.partnerBName,
+      scenario: state.scenarioConfig as never,
+      customPrompt: state.customPrompt || undefined,
+      visualStyle: state.visualStyle || "",
       defaultPartnerAName: generationConfig.defaultPartnerAName,
       defaultPartnerBName: generationConfig.defaultPartnerBName,
-      coupleFeatureSelection: selection as never,
+      coupleFeatureSelection: state.selection as never,
       visualStyles: generationConfig.visualStyleModifiers,
       customScenarioId: config.customScenarioId as string,
     });
     if (input) generate(input);
-  }, [
-    step,
-    isProcessing,
-    partnerA,
-    partnerB,
-    partnerAName,
-    partnerBName,
-    scenarioConfig,
-    customPrompt,
-    visualStyle,
-    selection,
-    config.steps.GENERATING,
-    config.customScenarioId,
-    generationConfig.defaultPartnerAName,
-    generationConfig.defaultPartnerBName,
-    generationConfig.visualStyleModifiers,
-    generate,
-  ]);
+  }, [step, isProcessing, state, config, generationConfig, generate]);
 
   const handleScenarioSelect = useCallback(
     (id: string) => {
@@ -182,16 +96,7 @@ export const useCoupleFutureFlow = <TStep, TScenarioId, TResult>(
     } else {
       actions.setStep(config.steps.PARTNER_A);
     }
-  }, [
-    actions,
-    config.steps.COUPLE_FEATURE_SELECTOR,
-    config.steps.TEXT_INPUT,
-    config.steps.PARTNER_A,
-    config.customScenarioId,
-    selectedFeature,
-    selectedScenarioId,
-    selectedScenarioData,
-  ]);
+  }, [actions, config, selectedFeature, selectedScenarioId, selectedScenarioData]);
 
   const handlePartnerAContinue = useCallback(
     (image: UploadedImage, name: string) => {
@@ -203,18 +108,12 @@ export const useCoupleFutureFlow = <TStep, TScenarioId, TResult>(
   );
 
   const handlePartnerABack = useCallback(() => {
-    actions.setStep(
+    const targetStep =
       selectedScenarioId === config.customScenarioId
         ? config.steps.TEXT_INPUT
-        : config.steps.SCENARIO_PREVIEW,
-    );
-  }, [
-    actions,
-    config.customScenarioId,
-    config.steps.TEXT_INPUT,
-    config.steps.SCENARIO_PREVIEW,
-    selectedScenarioId,
-  ]);
+        : config.steps.SCENARIO_PREVIEW;
+    actions.setStep(targetStep);
+  }, [actions, config, selectedScenarioId]);
 
   const handlePartnerBContinue = useCallback(
     (image: UploadedImage, name: string) => {
@@ -242,7 +141,7 @@ export const useCoupleFutureFlow = <TStep, TScenarioId, TResult>(
         actions.startGeneration();
       }
     },
-    [actions, config.customScenarioId, config.steps.PARTNER_A, selectedScenarioId],
+    [actions, config, selectedScenarioId],
   );
 
   const handleMagicPromptBack = useCallback(