@umituz/react-native-ai-generation-content 1.22.7 → 1.22.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.22.7",
+  "version": "1.22.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/presentation/components/CoupleFutureWizard.tsx

@@ -3,13 +3,13 @@
  * Complete wizard component for couple future generation flow
  */
 
-import React, { useCallback, useMemo, useRef, useEffect } from "react";
+import React, { useCallback, useMemo } from "react";
 import { View, StyleSheet } from "react-native";
 import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import { useFlow, resetFlowStore } from "../../../../infrastructure/flow";
 import { StepType } from "../../../../domain/entities/flow-config.types";
 import type { StepDefinition } from "../../../../domain/entities/flow-config.types";
-import type { CoupleFutureWizardProps, WizardScenarioData } from "../../domain/wizard.types";
+import type { CoupleFutureWizardProps } from "../../domain/wizard.types";
 import { PartnerStepScreen } from "../../../partner-upload";
 import { ScenarioPreviewScreen } from "../../../scenarios";
 import { GeneratingStepContent } from "./GeneratingStepContent";
@@ -48,15 +48,6 @@ export const CoupleFutureWizard: React.FC<CoupleFutureWizardProps> = ({
     initialStepIndex,
   });
 
-  const handleScenarioSelect = useCallback(
-    (scenario: WizardScenarioData) => {
-      flow.setCategory(scenario);
-      callbacks?.onScenarioSelect?.(scenario);
-      flow.nextStep();
-    },
-    [flow, callbacks],
-  );
-
   const handleScenarioPreviewContinue = useCallback(() => {
     // No auth check needed here - just proceed to photo upload
     flow.nextStep();

package/src/infrastructure/flow/useFlow.ts

@@ -29,7 +29,24 @@ let flowStoreInstance: FlowStoreType | null = null;
 
 export const useFlow = (config: UseFlowConfig): UseFlowReturn => {
   const storeRef = useRef<FlowStoreType | null>(null);
+  const prevConfigRef = useRef<{ initialStepIndex?: number; initialStepId?: string } | undefined>(undefined);
 
+  // Detect config changes (initialStepIndex or initialStepId changed)
+  const configChanged =
+    prevConfigRef.current !== undefined &&
+    (prevConfigRef.current.initialStepIndex !== config.initialStepIndex ||
+      prevConfigRef.current.initialStepId !== config.initialStepId);
+
+  // If config changed, reset and recreate store
+  if (configChanged) {
+    if (flowStoreInstance) {
+      flowStoreInstance.getState().reset();
+    }
+    flowStoreInstance = null;
+    storeRef.current = null;
+  }
+
+  // Initialize store if needed
   if (!storeRef.current) {
     if (!flowStoreInstance) {
       flowStoreInstance = createFlowStore({
@@ -41,6 +58,12 @@ export const useFlow = (config: UseFlowConfig): UseFlowReturn => {
     storeRef.current = flowStoreInstance;
   }
 
+  // Store current config for next render comparison
+  prevConfigRef.current = {
+    initialStepIndex: config.initialStepIndex,
+    initialStepId: config.initialStepId,
+  };
+
   const store = storeRef.current;
   const state = store();
   const totalSteps = config.steps.length;