@umituz/react-native-ai-generation-content 1.23.0 → 1.23.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.23.0",
+  "version": "1.23.2",
   "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/domain/wizard.types.ts

@@ -93,6 +93,7 @@ export interface CoupleFutureWizardCallbacks extends FlowCallbacks {
   readonly onPartnerUpload?: (partnerId: "A" | "B", image: FlowUploadedImageData) => void;
   readonly onBackToScenarioSelection?: () => void;
   readonly requireFeature?: (callback: () => void) => boolean;
+  readonly onStepChange?: (stepId: string, stepType: StepType) => void;
 }
 
 /** Wizard props */

package/src/features/couple-future/presentation/components/CoupleFutureWizard.tsx

@@ -3,7 +3,7 @@
  * Complete wizard component for couple future generation flow
  */
 
-import React, { useCallback, useMemo } from "react";
+import React, { useCallback, useMemo, useEffect } from "react";
 import { View, StyleSheet } from "react-native";
 import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import { useFlow, resetFlowStore } from "../../../../infrastructure/flow";
@@ -48,7 +48,24 @@ export const CoupleFutureWizard: React.FC<CoupleFutureWizardProps> = ({
     initialStepIndex,
   });
 
+  // Notify parent app when step changes
+  useEffect(() => {
+    if (flow.currentStep && callbacks?.onStepChange) {
+      if (typeof __DEV__ !== "undefined" && __DEV__) {
+        console.log("[CoupleFutureWizard] Step changed", {
+          stepId: flow.currentStep.id,
+          stepType: flow.currentStep.type,
+          currentStepIndex: flow.currentStepIndex,
+        });
+      }
+      callbacks.onStepChange(flow.currentStep.id, flow.currentStep.type);
+    }
+  }, [flow.currentStep, flow.currentStepIndex, callbacks]);
+
   const handleScenarioPreviewContinue = useCallback(() => {
+    if (typeof __DEV__ !== "undefined" && __DEV__) {
+      console.log("[CoupleFutureWizard] Preview Continue clicked");
+    }
     // No auth check needed here - just proceed to photo upload
     flow.nextStep();
   }, [flow]);

package/src/infrastructure/flow/useFlowStore.ts

@@ -79,6 +79,17 @@ export const createFlowStore = (config: FlowStoreConfig) => {
           const newCompleted = completedSteps.includes(currentStepId)
             ? completedSteps
             : [...completedSteps, currentStepId];
+
+          if (typeof __DEV__ !== "undefined" && __DEV__) {
+            console.log("[FlowStore] nextStep", {
+              fromIndex: currentStepIndex,
+              toIndex: nextIndex,
+              fromStep: currentStepId,
+              toStep: nextStep.id,
+              toStepType: nextStep.type,
+            });
+          }
+
           set({ currentStepId: nextStep.id, currentStepIndex: nextIndex, completedSteps: newCompleted });
         }
       },

package/src/presentation/components/flows/AIGenerateWizardFlow.tsx

@@ -32,6 +32,29 @@ export const AIGenerateWizardFlow: React.FC<AIGenerateWizardFlowProps> = ({
   t,
 }) => {
   const tokens = useAppDesignTokens();
+
+  // Transform WizardStyleOption[] to StyleOption[] format
+  const transformedStyles = React.useMemo(() =>
+    styleOptions.map((style) => ({
+      id: style.id,
+      name: style.label,
+      description: undefined,
+      icon: style.icon,
+    })),
+    [styleOptions]
+  );
+
+  // Transform PresetOption[] to StylePreset[] format
+  const transformedPresets = React.useMemo(() =>
+    presets.map((preset) => ({
+      id: preset.id,
+      name: preset.label,
+      emoji: preset.icon || "",
+      description: preset.prompt || "",
+    })),
+    [presets]
+  );
+
   const {
     currentStep,
     setCurrentStep,
@@ -183,11 +206,11 @@ export const AIGenerateWizardFlow: React.FC<AIGenerateWizardFlowProps> = ({
               heroSubtitle={translations.heroSubtitle}
               isGenerating={isGenerating}
               progress={progress}
-              presets={presets}
+              presets={transformedPresets}
               onPresetPress={() => { void handleGenerate(); }}
               prompt={prompt}
               onPromptChange={setPrompt}
-              styles={styleOptions}
+              styles={transformedStyles}
               selectedStyle={selectedStyle}
               onStyleSelect={setSelectedStyle}
               duration={selectedDuration}

package/src/presentation/components/flows/AIGenerateWizardFlow.types.ts

@@ -33,7 +33,7 @@ export interface AIGenerateWizardTranslations {
   readonly maxFileSize: string;
 }
 
-export interface StyleOption {
+export interface WizardStyleOption {
   readonly id: string;
   readonly label: string;
   readonly icon?: string;
@@ -49,7 +49,7 @@ export interface PresetOption {
 export interface AIGenerateWizardFlowProps {
   readonly featureType: string;
   readonly translations: AIGenerateWizardTranslations;
-  readonly styleOptions: StyleOption[];
+  readonly styleOptions: WizardStyleOption[];
   readonly presets: PresetOption[];
   readonly durationOptions: number[];
   readonly onGenerate: (data: {