@umituz/react-native-ai-generation-content 1.19.8 → 1.19.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.19.8",
+  "version": "1.19.9",
   "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/index.ts

@@ -14,8 +14,6 @@ export type {
   CoupleFeatureSelection,
 } from "./domain/types";
 export { COUPLE_FUTURE_DEFAULTS } from "./domain/types";
-export { useCoupleFutureGeneration } from "./presentation/hooks/useCoupleFutureGeneration";
-export type { CoupleFutureConfig as UseCoupleFutureGenerationConfig } from "./presentation/hooks/useCoupleFutureGeneration";
 export { useCoupleFutureFlow } from "./presentation/hooks/useCoupleFutureFlow";
 export type {
   CoupleFutureFlowConfig,

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

@@ -1,105 +1,146 @@
 /**
  * useCoupleFutureFlow Hook
- * Handles couple future wizard flow logic
+ * Optimized: Merged flow + generation logic
+ * Uses centralized orchestrator directly
  */
 
-import { useCallback, useEffect, useRef } from "react";
+import { useCallback, useEffect, useRef, useMemo } from "react";
 import { InteractionManager } from "react-native";
-import { useCoupleFutureGeneration } from "./useCoupleFutureGeneration";
+import {
+  useGenerationOrchestrator,
+  type GenerationStrategy,
+  type AlertMessages,
+} from "../../../../presentation/hooks/generation";
+import { executeCoupleFuture } from "../../infrastructure/executor";
 import { buildGenerationInputFromConfig } from "../../infrastructure/generationUtils";
+import { createCreationsRepository } from "../../../../domains/creations/infrastructure/adapters";
 import type { UploadedImage } from "../../../partner-upload/domain/types";
-import type {
-  CoupleFutureFlowConfig,
-  CoupleFutureFlowState,
-  CoupleFutureFlowActions,
-  CoupleFutureFlowProps,
-} from "./coupleFutureFlow.types";
+import type { CoupleFutureInput } from "../../domain/types";
+import type { Creation } from "../../../../domains/creations/domain/entities/Creation";
 
 declare const __DEV__: boolean;
 
-export type {
-  CoupleFutureFlowConfig,
-  CoupleFutureFlowState,
-  CoupleFutureFlowActions,
-  CoupleFutureFlowProps,
-};
+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: AlertMessages;
+  processResult: (imageUrl: string, input: CoupleFutureInput) => TResult;
+  buildCreation: (result: TResult, input: CoupleFutureInput) => Creation | null;
+  onCreditsExhausted: () => void;
+}
 
 export const useCoupleFutureFlow = <TStep, TScenarioId, TResult>(
   props: CoupleFutureFlowProps<TStep, TScenarioId, TResult>,
 ) => {
-  const { config, state, actions, generationConfig, alertMessages } = props;
-  const { processResult, buildCreation, onCreditsExhausted, userId } = props;
+  const { config, state, actions, generationConfig, alertMessages, userId } = props;
+  const { processResult, buildCreation, onCreditsExhausted } = props;
   const hasStarted = useRef(false);
+  const lastInputRef = useRef<CoupleFutureInput | null>(null);
+  const repository = useMemo(() => createCreationsRepository("creations"), []);
 
-  if (typeof __DEV__ !== "undefined" && __DEV__) {
-    console.log("[CoupleFutureFlow] Hook initialized:", { userId, step: state.step });
-  }
+  // Strategy for orchestrator - directly uses executor
+  const strategy: GenerationStrategy<CoupleFutureInput, TResult> = useMemo(
+    () => ({
+      execute: async (input, onProgress) => {
+        if (typeof __DEV__ !== "undefined" && __DEV__) {
+          console.log("[CoupleFutureFlow] 🎯 Executing generation...");
+        }
+        lastInputRef.current = input;
+        const result = await executeCoupleFuture(
+          { partnerABase64: input.partnerABase64, partnerBBase64: input.partnerBBase64, prompt: input.prompt },
+          { onProgress },
+        );
+        if (!result.success || !result.imageUrl) throw new Error(result.error || "Generation failed");
+        return processResult(result.imageUrl, input);
+      },
+      getCreditCost: () => 1,
+      save: async (result, uid) => {
+        const input = lastInputRef.current;
+        if (!input) return;
+        const creation = buildCreation(result, input);
+        if (creation) await repository.create(uid, creation);
+      },
+    }),
+    [processResult, buildCreation, repository],
+  );
 
-  const { generate, isGenerating, progress } = useCoupleFutureGeneration<TResult>({
+  // Use orchestrator directly
+  const { generate, isGenerating, progress } = useGenerationOrchestrator(strategy, {
     userId,
+    alertMessages,
     onCreditsExhausted,
     onSuccess: (result) => {
-      if (typeof __DEV__ !== "undefined" && __DEV__) {
-        console.log("[CoupleFutureFlow] 🎉 onSuccess callback triggered");
-      }
-      actions.generationSuccess(result);
-      InteractionManager.runAfterInteractions(() => {
-        if (typeof __DEV__ !== "undefined" && __DEV__) {
-          console.log("[CoupleFutureFlow] 🔄 Navigating to History in 300ms...");
-        }
-        setTimeout(() => actions.onNavigateToHistory(), 300);
-      });
+      if (typeof __DEV__ !== "undefined" && __DEV__) console.log("[CoupleFutureFlow] 🎉 Success");
+      actions.generationSuccess(result as TResult);
+      InteractionManager.runAfterInteractions(() => setTimeout(() => actions.onNavigateToHistory(), 300));
     },
-    onError: (error) => {
-      if (typeof __DEV__ !== "undefined" && __DEV__) {
-        console.log("[CoupleFutureFlow] ❌ onError callback:", error);
-      }
-      actions.generationError(error);
+    onError: (err) => {
+      if (typeof __DEV__ !== "undefined" && __DEV__) console.log("[CoupleFutureFlow] ❌ Error:", err.message);
+      actions.generationError(err.message);
     },
-    processResult: processResult as never,
-    buildCreation: buildCreation as never,
-    alertMessages,
   });
 
-  const { step, isProcessing, selectedFeature, selectedScenarioId, selectedScenarioData } = state;
-
+  // Trigger generation when step changes to GENERATING
   useEffect(() => {
-    if (typeof __DEV__ !== "undefined" && __DEV__) {
-      console.log("[CoupleFutureFlow] useEffect triggered:", {
-        step,
-        isProcessing,
-        hasStarted: hasStarted.current,
-        targetStep: config.steps.GENERATING,
-      });
-    }
-
-    if (step !== config.steps.GENERATING) {
+    if (state.step !== config.steps.GENERATING) {
       hasStarted.current = false;
       return;
     }
-    if (!isProcessing || hasStarted.current) {
-      if (typeof __DEV__ !== "undefined" && __DEV__) {
-        console.log("[CoupleFutureFlow] ⚠️ Skipping generation:", {
-          reason: !isProcessing ? "isProcessing=false" : "already started",
-        });
-      }
-      return;
-    }
+    if (!state.isProcessing || hasStarted.current) return;
     hasStarted.current = true;
 
-    if (typeof __DEV__ !== "undefined" && __DEV__) {
-      console.log("[CoupleFutureFlow] 🚀 Building generation input...");
-      console.log("[CoupleFutureFlow] State:", {
-        hasPartnerA: !!state.partnerA,
-        hasPartnerB: !!state.partnerB,
-        partnerAName: state.partnerAName,
-        partnerBName: state.partnerBName,
-        hasScenarioConfig: !!state.scenarioConfig,
-        customPrompt: state.customPrompt?.slice(0, 100),
-        visualStyle: state.visualStyle,
-      });
-    }
-
     const input = buildGenerationInputFromConfig({
       partnerA: state.partnerA as never,
       partnerB: state.partnerB as never,
@@ -114,56 +155,29 @@ export const useCoupleFutureFlow = <TStep, TScenarioId, TResult>(
       visualStyles: generationConfig.visualStyleModifiers,
       customScenarioId: config.customScenarioId as string,
     });
+    if (input) generate(input);
+  }, [state, config, generationConfig, generate]);
 
-    if (typeof __DEV__ !== "undefined" && __DEV__) {
-      console.log("[CoupleFutureFlow] 📦 Generation input built:", {
-        hasInput: !!input,
-        prompt: input?.prompt?.slice(0, 200),
-      });
-    }
-
-    if (input) {
-      if (typeof __DEV__ !== "undefined" && __DEV__) {
-        console.log("[CoupleFutureFlow] 🚀 Calling generate()...");
-      }
-      generate(input);
-    }
-  }, [step, isProcessing, state, config, generationConfig, generate]);
-
+  // Handlers
   const handleScenarioSelect = useCallback(
     (id: string) => {
-      if (typeof __DEV__ !== "undefined" && __DEV__) {
-        console.log("[CoupleFutureFlow] handleScenarioSelect:", id);
-      }
       actions.selectScenario(id as TScenarioId);
       actions.setStep(config.steps.SCENARIO_PREVIEW);
     },
     [actions, config.steps.SCENARIO_PREVIEW],
   );
 
-  const handleScenarioPreviewBack = useCallback(
-    () => actions.setStep(config.steps.SCENARIO),
-    [actions, config.steps.SCENARIO],
-  );
+  const handleScenarioPreviewBack = useCallback(() => actions.setStep(config.steps.SCENARIO), [actions, config.steps.SCENARIO]);
 
   const handleScenarioPreviewContinue = useCallback(() => {
-    if (selectedFeature) {
-      actions.setStep(config.steps.COUPLE_FEATURE_SELECTOR);
-    } else if (
-      selectedScenarioId === config.customScenarioId ||
-      selectedScenarioData?.requiresPhoto === false
-    ) {
+    if (state.selectedFeature) actions.setStep(config.steps.COUPLE_FEATURE_SELECTOR);
+    else if (state.selectedScenarioId === config.customScenarioId || state.selectedScenarioData?.requiresPhoto === false)
       actions.setStep(config.steps.TEXT_INPUT);
-    } else {
-      actions.setStep(config.steps.PARTNER_A);
-    }
-  }, [actions, config, selectedFeature, selectedScenarioId, selectedScenarioData]);
+    else actions.setStep(config.steps.PARTNER_A);
+  }, [actions, config, state.selectedFeature, state.selectedScenarioId, state.selectedScenarioData]);
 
   const handlePartnerAContinue = useCallback(
     (image: UploadedImage, name: string) => {
-      if (typeof __DEV__ !== "undefined" && __DEV__) {
-        console.log("[CoupleFutureFlow] handlePartnerAContinue:", { hasImage: !!image, name });
-      }
       actions.setPartnerA(image);
       actions.setPartnerAName(name);
       actions.setStep(config.steps.PARTNER_B);
@@ -172,23 +186,12 @@ export const useCoupleFutureFlow = <TStep, TScenarioId, TResult>(
   );
 
   const handlePartnerABack = useCallback(() => {
-    const targetStep =
-      selectedScenarioId === config.customScenarioId
-        ? config.steps.TEXT_INPUT
-        : config.steps.SCENARIO_PREVIEW;
-    actions.setStep(targetStep);
-  }, [actions, config, selectedScenarioId]);
+    actions.setStep(state.selectedScenarioId === config.customScenarioId ? config.steps.TEXT_INPUT : config.steps.SCENARIO_PREVIEW);
+  }, [actions, config, state.selectedScenarioId]);
 
   const handlePartnerBContinue = useCallback(
     (image: UploadedImage, name: string) => {
-      if (typeof __DEV__ !== "undefined" && __DEV__) {
-        console.log("[CoupleFutureFlow] handlePartnerBContinue:", { hasImage: !!image, name });
-        console.log("[CoupleFutureFlow] Calling requireFeature()...");
-      }
       actions.requireFeature(() => {
-        if (typeof __DEV__ !== "undefined" && __DEV__) {
-          console.log("[CoupleFutureFlow] 🔓 Feature gate passed, starting generation");
-        }
         actions.setPartnerB(image);
         actions.setPartnerBName(name);
         actions.startGeneration();
@@ -197,34 +200,19 @@ export const useCoupleFutureFlow = <TStep, TScenarioId, TResult>(
     [actions],
   );
 
-  const handlePartnerBBack = useCallback(
-    () => actions.setStep(config.steps.PARTNER_A),
-    [actions, config.steps.PARTNER_A],
-  );
+  const handlePartnerBBack = useCallback(() => actions.setStep(config.steps.PARTNER_A), [actions, config.steps.PARTNER_A]);
 
   const handleMagicPromptContinue = useCallback(
     (prompt: string, style: string) => {
-      if (typeof __DEV__ !== "undefined" && __DEV__) {
-        console.log("[CoupleFutureFlow] handleMagicPromptContinue:", {
-          promptLength: prompt.length,
-          style,
-        });
-      }
       actions.setCustomPrompt(prompt);
       actions.setVisualStyle(style);
-      if (selectedScenarioId === config.customScenarioId) {
-        actions.setStep(config.steps.PARTNER_A);
-      } else {
-        actions.startGeneration();
-      }
+      if (state.selectedScenarioId === config.customScenarioId) actions.setStep(config.steps.PARTNER_A);
+      else actions.startGeneration();
     },
-    [actions, config, selectedScenarioId],
+    [actions, config, state.selectedScenarioId],
   );
 
-  const handleMagicPromptBack = useCallback(
-    () => actions.setStep(config.steps.SCENARIO_PREVIEW),
-    [actions, config.steps.SCENARIO_PREVIEW],
-  );
+  const handleMagicPromptBack = useCallback(() => actions.setStep(config.steps.SCENARIO_PREVIEW), [actions, config.steps.SCENARIO_PREVIEW]);
 
   return {
     isGenerating,

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

@@ -1,71 +0,0 @@
-/**
- * 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/useCoupleFutureGeneration.ts

@@ -1,141 +0,0 @@
-/**
- * useCoupleFutureGeneration Hook
- * Couple future generation using centralized orchestrator
- */
-
-import { useMemo, useCallback, useRef } from "react";
-import {
-  useGenerationOrchestrator,
-  type GenerationStrategy,
-  type AlertMessages,
-} from "../../../../presentation/hooks/generation";
-import { executeCoupleFuture } from "../../infrastructure/executor";
-import type { CoupleFutureInput } from "../../domain/types";
-import { createCreationsRepository } from "../../../../domains/creations/infrastructure/adapters";
-import type { Creation } from "../../../../domains/creations/domain/entities/Creation";
-
-declare const __DEV__: boolean;
-
-export interface CoupleFutureConfig<TResult> {
-  userId: string | undefined;
-  processResult: (imageUrl: string, input: CoupleFutureInput) => TResult;
-  buildCreation?: (result: TResult, input: CoupleFutureInput) => Creation | null;
-  onCreditsExhausted?: () => void;
-  onSuccess?: (result: TResult) => void;
-  onError?: (error: string) => void;
-  alertMessages: AlertMessages;
-}
-
-export const useCoupleFutureGeneration = <TResult>(config: CoupleFutureConfig<TResult>) => {
-  const { userId, processResult, buildCreation, onCreditsExhausted, onSuccess, onError, alertMessages } = config;
-
-  if (typeof __DEV__ !== "undefined" && __DEV__) {
-    console.log("[CoupleFutureGeneration] Hook initialized:", {
-      userId,
-      hasBuildCreation: !!buildCreation,
-      hasOnSuccess: !!onSuccess,
-    });
-  }
-
-  const repository = useMemo(() => createCreationsRepository("creations"), []);
-  const lastInputRef = useRef<CoupleFutureInput | null>(null);
-
-  const strategy: GenerationStrategy<CoupleFutureInput, TResult> = useMemo(
-    () => ({
-      execute: async (input, onProgress) => {
-        if (typeof __DEV__ !== "undefined" && __DEV__) {
-          console.log("[CoupleFutureGeneration] 🎯 strategy.execute() START");
-          console.log("[CoupleFutureGeneration] Input prompt:", input.prompt?.slice(0, 200));
-          console.log("[CoupleFutureGeneration] Has partnerA:", !!input.partnerABase64);
-          console.log("[CoupleFutureGeneration] Has partnerB:", !!input.partnerBBase64);
-        }
-
-        lastInputRef.current = input;
-
-        if (typeof __DEV__ !== "undefined" && __DEV__) {
-          console.log("[CoupleFutureGeneration] 📡 Calling executeCoupleFuture()...");
-        }
-
-        const result = await executeCoupleFuture(
-          {
-            partnerABase64: input.partnerABase64,
-            partnerBBase64: input.partnerBBase64,
-            prompt: input.prompt,
-          },
-          { onProgress },
-        );
-
-        if (typeof __DEV__ !== "undefined" && __DEV__) {
-          console.log("[CoupleFutureGeneration] 📡 executeCoupleFuture() returned:", {
-            success: result.success,
-            hasImageUrl: !!result.imageUrl,
-            error: result.error,
-          });
-        }
-
-        if (!result.success || !result.imageUrl) {
-          if (typeof __DEV__ !== "undefined" && __DEV__) {
-            console.log("[CoupleFutureGeneration] ❌ Generation failed:", result.error);
-          }
-          throw new Error(result.error || "Generation failed");
-        }
-
-        if (typeof __DEV__ !== "undefined" && __DEV__) {
-          console.log("[CoupleFutureGeneration] ✅ Processing result with processResult()");
-        }
-
-        return processResult(result.imageUrl, input);
-      },
-      getCreditCost: () => 1,
-      save: buildCreation
-        ? async (result, uid) => {
-            if (typeof __DEV__ !== "undefined" && __DEV__) {
-              console.log("[CoupleFutureGeneration] 💾 strategy.save() START");
-            }
-            const input = lastInputRef.current;
-            if (input) {
-              const creation = buildCreation(result, input);
-              if (creation) {
-                if (typeof __DEV__ !== "undefined" && __DEV__) {
-                  console.log("[CoupleFutureGeneration] 💾 Saving creation to repository...");
-                }
-                await repository.create(uid, creation);
-                if (typeof __DEV__ !== "undefined" && __DEV__) {
-                  console.log("[CoupleFutureGeneration] ✅ Creation saved");
-                }
-              }
-            }
-          }
-        : undefined,
-    }),
-    [processResult, buildCreation, repository],
-  );
-
-  const handleError = useCallback(
-    (error: { message: string }) => {
-      if (typeof __DEV__ !== "undefined" && __DEV__) {
-        console.log("[CoupleFutureGeneration] ❌ handleError:", error.message);
-      }
-      onError?.(error.message);
-    },
-    [onError],
-  );
-
-  const handleSuccess = useCallback(
-    (result: unknown) => {
-      if (typeof __DEV__ !== "undefined" && __DEV__) {
-        console.log("[CoupleFutureGeneration] 🎉 handleSuccess called");
-      }
-      onSuccess?.(result as TResult);
-    },
-    [onSuccess],
-  );
-
-  return useGenerationOrchestrator(strategy, {
-    userId,
-    alertMessages,
-    onCreditsExhausted,
-    onSuccess: handleSuccess,
-    onError: handleError,
-  });
-};