@umituz/react-native-ai-generation-content 1.26.2 → 1.26.4

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

@@ -1,166 +0,0 @@
-/**
- * useCoupleFutureFlow Hook
- * Optimized: Merged flow + generation logic
- * Uses centralized orchestrator with lifecycle management
- */
-
-import { useEffect, useRef, useMemo } from "react";
-import {
-  useGenerationOrchestrator,
-  type GenerationStrategy,
-} from "../../../../presentation/hooks/generation";
-import { executeCoupleFuture } from "../../infrastructure/executor";
-import { buildGenerationInputFromConfig } from "../../infrastructure/generationUtils";
-import { createCreationsRepository } from "../../../../domains/creations/infrastructure/adapters";
-import type { CoupleFutureInput } from "../../domain/types";
-import type { CoupleFutureFlowProps } from "./useCoupleFutureFlow.types";
-import { useCoupleFutureHandlers } from "./useCoupleFutureHandlers";
-
-export type {
-  CoupleFutureFlowConfig,
-  CoupleFutureFlowState,
-  CoupleFutureFlowActions,
-  CoupleFutureFlowProps,
-} from "./useCoupleFutureFlow.types";
-
-declare const __DEV__: boolean;
-
-export const useCoupleFutureFlow = <TStep, TScenarioId, TResult>(
-  props: CoupleFutureFlowProps<TStep, TScenarioId, TResult>,
-) => {
-  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"), []);
-
-  // 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],
-  );
-
-  // Use orchestrator with centralized lifecycle management
-  const { generate, isGenerating, progress } = useGenerationOrchestrator(strategy, {
-    userId,
-    alertMessages,
-    onCreditsExhausted,
-    onSuccess: (result) => {
-      if (typeof __DEV__ !== "undefined" && __DEV__) {
-        console.log("[CoupleFutureFlow] 🎉 Success - calling generationSuccess");
-      }
-      actions.generationSuccess(result as TResult);
-    },
-    onError: (err) => {
-      if (typeof __DEV__ !== "undefined" && __DEV__) {
-        console.log("[CoupleFutureFlow] ❌ Error:", err.message);
-      }
-      actions.generationError(err.message);
-    },
-    // Centralized lifecycle management - navigation handled by orchestrator
-    lifecycle: {
-      onComplete: (status) => {
-        if (typeof __DEV__ !== "undefined" && __DEV__) {
-          console.log("[CoupleFutureFlow] 📍 Lifecycle onComplete:", status);
-        }
-        if (status === "success") {
-          if (typeof __DEV__ !== "undefined" && __DEV__) {
-            console.log("[CoupleFutureFlow] 🚀 Navigating to History");
-          }
-          actions.onNavigateToHistory();
-        }
-      },
-      completeDelay: 500,
-    },
-  });
-
-  // Trigger generation when step changes to GENERATING
-  useEffect(() => {
-    const step = state.step;
-    const isProcessing = state.isProcessing;
-
-    if (typeof __DEV__ !== "undefined" && __DEV__) {
-      console.log("[CoupleFutureFlow] 📍 Step effect triggered:", {
-        currentStep: step,
-        targetStep: config.steps.GENERATING,
-        isProcessing,
-        hasStarted: hasStarted.current,
-      });
-    }
-
-    if (step !== config.steps.GENERATING) {
-      hasStarted.current = false;
-      return;
-    }
-
-    if (!isProcessing || hasStarted.current) {
-      if (typeof __DEV__ !== "undefined" && __DEV__) {
-        console.log("[CoupleFutureFlow] ⏭️ Skipping generation:", {
-          reason: !isProcessing ? "not processing" : "already started",
-        });
-      }
-      return;
-    }
-
-    hasStarted.current = true;
-
-    if (typeof __DEV__ !== "undefined" && __DEV__) {
-      console.log("[CoupleFutureFlow] ✅ Step is GENERATING and isProcessing is true, building input...");
-    }
-
-    const input = buildGenerationInputFromConfig({
-      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: state.selection as never,
-      visualStyles: generationConfig.visualStyleModifiers,
-      customScenarioId: config.customScenarioId as string,
-    });
-
-    if (input) {
-      if (typeof __DEV__ !== "undefined" && __DEV__) {
-        console.log("[CoupleFutureFlow] 🚀 Starting generation with input");
-      }
-      generate(input);
-    } else {
-      if (typeof __DEV__ !== "undefined" && __DEV__) {
-        console.log("[CoupleFutureFlow] ⚠️ No input built, skipping generation");
-      }
-    }
-  }, [state.step, state.isProcessing, state.partnerA, state.partnerB, state.partnerAName, state.partnerBName, state.scenarioConfig, state.customPrompt, state.visualStyle, state.selection, config.steps.GENERATING, config.customScenarioId, generationConfig, generate]);
-
-  // Use extracted handlers hook
-  const handlers = useCoupleFutureHandlers({ config, state, actions });
-
-  return {
-    isGenerating,
-    progress,
-    handlers,
-  };
-};

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

@@ -1,69 +0,0 @@
-/**
- * useCoupleFutureFlow Types
- * Type definitions for couple future flow hook
- */
-
-import type { AlertMessages } from "../../../../presentation/hooks/generation";
-import type { CoupleFutureInput } from "../../domain/types";
-import type { Creation } from "../../../../domains/creations/domain/entities/Creation";
-
-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;
-}

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

@@ -1,117 +0,0 @@
-/**
- * useCoupleFutureHandlers Hook
- * Step navigation handlers for couple future flow
- */
-
-import { useCallback } from "react";
-import type { UploadedImage } from "../../../partner-upload/domain/types";
-import type { CoupleFutureFlowConfig, CoupleFutureFlowState, CoupleFutureFlowActions } from "./useCoupleFutureFlow.types";
-
-declare const __DEV__: boolean;
-
-interface UseCoupleFutureHandlersProps<TStep, TScenarioId, TResult> {
-  config: CoupleFutureFlowConfig<TStep, TScenarioId>;
-  state: CoupleFutureFlowState<TStep, TScenarioId>;
-  actions: CoupleFutureFlowActions<TStep, TScenarioId, TResult>;
-}
-
-export function useCoupleFutureHandlers<TStep, TScenarioId, TResult>(
-  props: UseCoupleFutureHandlersProps<TStep, TScenarioId, TResult>,
-) {
-  const { config, state, actions } = props;
-
-  const handleScenarioSelect = useCallback(
-    (id: string) => {
-      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 handleScenarioPreviewContinue = useCallback(() => {
-    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, state.selectedFeature, state.selectedScenarioId, state.selectedScenarioData]);
-
-  const handlePartnerAContinue = useCallback(
-    (image: UploadedImage, name: string) => {
-      actions.setPartnerA(image);
-      actions.setPartnerAName(name);
-      actions.setStep(config.steps.PARTNER_B);
-    },
-    [actions, config.steps.PARTNER_B],
-  );
-
-  const handlePartnerABack = useCallback(() => {
-    const targetStep =
-      state.selectedScenarioId === config.customScenarioId
-        ? config.steps.TEXT_INPUT
-        : config.steps.SCENARIO_PREVIEW;
-    actions.setStep(targetStep);
-  }, [actions, config, state.selectedScenarioId]);
-
-  const handlePartnerBContinue = useCallback(
-    (image: UploadedImage, name: string) => {
-      if (typeof __DEV__ !== "undefined" && __DEV__) {
-        console.log("[CoupleFutureHandlers] 🎬 handlePartnerBContinue called");
-      }
-      actions.requireFeature(() => {
-        if (typeof __DEV__ !== "undefined" && __DEV__) {
-          console.log("[CoupleFutureHandlers] 🚀 Executing: setPartnerB, setPartnerBName, startGeneration");
-        }
-        actions.setPartnerB(image);
-        actions.setPartnerBName(name);
-        actions.startGeneration();
-      });
-    },
-    [actions],
-  );
-
-  const handlePartnerBBack = useCallback(
-    () => actions.setStep(config.steps.PARTNER_A),
-    [actions, config.steps.PARTNER_A],
-  );
-
-  const handleMagicPromptContinue = useCallback(
-    (prompt: string, style: string) => {
-      actions.setCustomPrompt(prompt);
-      actions.setVisualStyle(style);
-      if (state.selectedScenarioId === config.customScenarioId) {
-        actions.setStep(config.steps.PARTNER_A);
-      } else {
-        actions.startGeneration();
-      }
-    },
-    [actions, config, state.selectedScenarioId],
-  );
-
-  const handleMagicPromptBack = useCallback(
-    () => actions.setStep(config.steps.SCENARIO_PREVIEW),
-    [actions, config.steps.SCENARIO_PREVIEW],
-  );
-
-  return {
-    handleScenarioSelect,
-    handleScenarioPreviewBack,
-    handleScenarioPreviewContinue,
-    handlePartnerAContinue,
-    handlePartnerABack,
-    handlePartnerBContinue,
-    handlePartnerBBack,
-    handleMagicPromptContinue,
-    handleMagicPromptBack,
-  };
-}

package/src/features/couple-future/presentation/screens/CoupleFeatureScreen.tsx

@@ -1,113 +0,0 @@
-/**
- * Couple Feature Screen
- * Generic screen for couple feature selection with NavigationHeader pattern
- */
-
-import React from "react";
-import { View, StyleSheet, TouchableOpacity } from "react-native";
-import {
-  AtomicText,
-  AtomicIcon,
-  NavigationHeader,
-  ScreenLayout,
-  useAppDesignTokens,
-} from "@umituz/react-native-design-system";
-import type { CoupleFeatureId, CoupleFeatureSelection } from "../../domain/types";
-import { COUPLE_FEATURE_CONFIGS } from "../../infrastructure/coupleFeatureRegistry";
-import { RomanticMoodSelector } from "../components/RomanticMoodSelector";
-import { ArtStyleSelector } from "../components/ArtStyleSelector";
-import { ArtistStyleSelector } from "../components/ArtistStyleSelector";
-import { WardrobeSelector } from "../components/WardrobeSelector";
-
-export interface CoupleFeatureScreenProps {
-  featureId: CoupleFeatureId;
-  selection: CoupleFeatureSelection;
-  onSelectionChange: (selection: CoupleFeatureSelection) => void;
-  onContinue: () => void;
-  onBack: () => void;
-  t: (key: string) => string;
-}
-
-const FeatureComponentMap = {
-  "romantic-mood": RomanticMoodSelector,
-  "art-style": ArtStyleSelector,
-  "artist-style": ArtistStyleSelector,
-  "wardrobe": WardrobeSelector,
-};
-
-export const CoupleFeatureScreen: React.FC<CoupleFeatureScreenProps> = ({
-  featureId,
-  selection,
-  onSelectionChange,
-  onContinue,
-  onBack,
-  t,
-}) => {
-  const tokens = useAppDesignTokens();
-  const config = COUPLE_FEATURE_CONFIGS[featureId];
-
-  if (__DEV__) {
-    console.log("[CoupleFeatureScreen] Render:", {
-      featureId,
-      hasConfig: !!config,
-      hasComponent: !!FeatureComponentMap[featureId],
-    });
-  }
-
-  if (!config) return null;
-
-  const FeatureComponent = FeatureComponentMap[featureId];
-  if (!FeatureComponent) return null;
-
-  const selectorProps = {
-    selection,
-    onSelectionChange,
-    translationPrefix: config.translationPrefix,
-    t,
-  };
-
-  return (
-    <View style={[styles.container, { backgroundColor: tokens.colors.backgroundPrimary }]}>
-      <NavigationHeader
-        title={t(`${config.translationPrefix}.title`)}
-        onBackPress={onBack}
-        rightElement={
-          <TouchableOpacity
-            onPress={onContinue}
-            activeOpacity={0.7}
-            style={{
-              flexDirection: "row",
-              alignItems: "center",
-              backgroundColor: tokens.colors.primary,
-              paddingHorizontal: tokens.spacing.md,
-              paddingVertical: tokens.spacing.xs,
-              borderRadius: tokens.borders.radius.full,
-            }}
-          >
-            <AtomicText
-              type="bodyMedium"
-              style={{ fontWeight: "800", color: tokens.colors.onPrimary, marginRight: 4 }}
-            >
-              {t("common.continue")}
-            </AtomicText>
-            <AtomicIcon name="arrow-forward" size="sm" color="onPrimary" />
-          </TouchableOpacity>
-        }
-      />
-      <ScreenLayout
-        edges={["left", "right"]}
-        backgroundColor="transparent"
-        scrollable={true}
-        contentContainerStyle={styles.scrollContent}
-        hideScrollIndicator={true}
-      >
-        <FeatureComponent {...selectorProps} />
-      </ScreenLayout>
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  container: { flex: 1 },
-  scrollContent: { paddingBottom: 24 },
-});