@umituz/react-native-ai-generation-content 1.23.1 → 1.23.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.23.1",
+  "version": "1.23.3",
   "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

@@ -29,6 +29,7 @@ export const AIGenerateWizardFlow: React.FC<AIGenerateWizardFlowProps> = ({
   onBack: onBackProp,
   onSave,
   onShare,
+  onStepChange,
   t,
 }) => {
   const tokens = useAppDesignTokens();
@@ -74,7 +75,7 @@ export const AIGenerateWizardFlow: React.FC<AIGenerateWizardFlowProps> = ({
     handleBack,
     handleNext,
     handleGenerate,
-  } = useAIGenerateWizardFlow({ featureType, onGenerate, onBack: onBackProp });
+  } = useAIGenerateWizardFlow({ featureType, onGenerate, onBack: onBackProp, onStepChange });
 
   switch (currentStep) {
     case AIGenerateStep.UPLOAD_1:

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

@@ -61,5 +61,6 @@ export interface AIGenerateWizardFlowProps {
   readonly onBack?: () => void;
   readonly onSave?: (uri: string) => Promise<void>;
   readonly onShare?: (uri: string) => Promise<void>;
+  readonly onStepChange?: (stepId: string) => void;
   readonly t: (key: string) => string;
 }

package/src/presentation/components/flows/useAIGenerateWizardFlow.ts

@@ -14,12 +14,14 @@ interface UseAIGenerateWizardFlowProps {
   featureType: string;
   onGenerate: (data: GenerationData) => Promise<string | null | void>;
   onBack?: () => void;
+  onStepChange?: (stepId: string) => void;
 }
 
 export function useAIGenerateWizardFlow({
   featureType,
   onGenerate,
   onBack: onBackProp,
+  onStepChange,
 }: UseAIGenerateWizardFlowProps) {
   const state = useAIGenerateState();
   const {
@@ -28,6 +30,18 @@ export function useAIGenerateWizardFlow({
     selectedDuration
   } = state;
 
+  // Notify parent app when step changes
+  useEffect(() => {
+    if (onStepChange) {
+      if (typeof __DEV__ !== "undefined" && __DEV__) {
+        console.log("[AIGenerateWizardFlow] Step changed", {
+          currentStep,
+        });
+      }
+      onStepChange(currentStep);
+    }
+  }, [currentStep, onStepChange]);
+
   const imageCountRequired = useMemo(() => {
     if (!featureType || !hasAIFeature(featureType)) return 0;
     const config = getAIFeatureConfig(featureType as Parameters<typeof getAIFeatureConfig>[0]);

package/src/presentation/components/index.ts

@@ -29,18 +29,11 @@ export type { AIGenerationHeroProps } from "./AIGenerationHero";
 export * from "./result";
 export * from "./photo-step";
 export * from "./modals/SettingsSheet";
-export * from "./selectors/AspectRatioSelector";
-export * from "./selectors/DurationSelector";
-export * from "./selectors/GridSelector";
-export * from "./selectors/StyleSelector";
-export * from "./selectors/factories";
-export * from "./selectors/types";
-export * from "./PromptInput";
+export * from "./selectors";
 export * from "./image-picker";
 export * from "./buttons";
 export * from "./display";
 export * from "./headers";
 export * from "./PhotoUploadCard";
-export * from "./selectors";
 export * from "./prompts/ExamplePrompts";
 export * from "./moderation/ModerationSummary";