@umituz/react-native-ai-generation-content 1.75.1 → 1.75.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.75.1",
+  "version": "1.75.3",
   "description": "Provider-agnostic AI generation orchestration for React Native with result preview components",
   "main": "src/index.ts",
   "types": "src/index.ts",

package/src/domains/generation/infrastructure/flow/useFlowStore.ts

@@ -70,7 +70,22 @@ export const createFlowStore = (config: FlowStoreConfig) => {
       nextStep: () => {
         const { stepDefinitions, currentStepIndex, completedSteps, currentStepId } = get();
         const nextIndex = currentStepIndex + 1;
-        if (nextIndex >= stepDefinitions.length) return;
+        if (typeof __DEV__ !== "undefined" && __DEV__) {
+          console.log("[FlowStore] nextStep called", {
+            currentStepIndex,
+            nextIndex,
+            totalSteps: stepDefinitions.length,
+            currentStepId,
+            nextStepId: stepDefinitions[nextIndex]?.id,
+            nextStepType: stepDefinitions[nextIndex]?.type,
+          });
+        }
+        if (nextIndex >= stepDefinitions.length) {
+          if (typeof __DEV__ !== "undefined" && __DEV__) {
+            console.log("[FlowStore] nextStep BLOCKED - already at last step");
+          }
+          return;
+        }
         set({
           currentStepId: stepDefinitions[nextIndex].id,
           currentStepIndex: nextIndex,

package/src/domains/generation/wizard/infrastructure/utils/credit-value-extractors.ts

@@ -2,24 +2,42 @@
  * Credit Value Extractors
  * Pure utility functions to extract and normalize values from customData
  * Single Responsibility: Data transformation for credit calculation
+ *
+ * Handles both raw values and selection format objects:
+ * - Raw: "4s", 4, "480p"
+ * - Selection format: { uri: "4s", selection: "4s" | 4, previewUrl: "" }
+ */
+
+/**
+ * Unwrap selection format to get the actual value
+ * Selection steps store data as { uri, selection, previewUrl } objects
  */
+function unwrapSelection(value: unknown): unknown {
+  if (typeof value === "object" && value !== null && "selection" in value) {
+    return (value as Record<string, unknown>).selection;
+  }
+  return value;
+}
 
 /**
  * Extract duration value from customData
  * Handles both number and string formats ("4s", "5s", "6s")
+ * Also handles selection format objects from wizard steps
  *
  * @param value - Raw value from customData
  * @returns Normalized duration number, or undefined if invalid
  */
 export function extractDuration(value: unknown): number | undefined {
+  const unwrapped = unwrapSelection(value);
+
   // Already a number
-  if (typeof value === "number" && value > 0) {
-    return value;
+  if (typeof unwrapped === "number" && unwrapped > 0) {
+    return unwrapped;
   }
 
   // String format: "4s", "5s", "6s" → parse to number
-  if (typeof value === "string") {
-    const match = value.match(/^(\d+)s?$/);
+  if (typeof unwrapped === "string") {
+    const match = unwrapped.match(/^(\d+)s?$/);
     if (match) {
       const parsed = parseInt(match[1], 10);
       return parsed > 0 ? parsed : undefined;
@@ -32,13 +50,16 @@ export function extractDuration(value: unknown): number | undefined {
 /**
  * Extract resolution value from customData
  * Validates against allowed values
+ * Also handles selection format objects from wizard steps
  *
  * @param value - Raw value from customData
  * @returns Normalized resolution string, or undefined if invalid
  */
 export function extractResolution(value: unknown): "480p" | "720p" | undefined {
-  if (value === "480p" || value === "720p") {
-    return value;
+  const unwrapped = unwrapSelection(value);
+
+  if (unwrapped === "480p" || unwrapped === "720p") {
+    return unwrapped;
   }
   return undefined;
 }

package/src/domains/generation/wizard/infrastructure/utils/wizard-data-validators.ts

@@ -2,8 +2,14 @@
  * Wizard Data Validators
  * Centralized validation utilities for wizard generation data
  * DRY: Used across AIGenerateScreen, TextToVideoWizardScreen, ImageToVideoWizardScreen
+ *
+ * Handles both raw values and selection format objects from wizard steps:
+ * - Raw: 4, "480p"
+ * - Selection format: { uri: "4s", selection: 4, previewUrl: "" }
  */
 
+import { extractDuration, extractResolution } from "./credit-value-extractors";
+
 export interface ValidationResult<T> {
   value?: T;
   error?: string;
@@ -18,11 +24,11 @@ export interface ValidationResult<T> {
 export function validateDuration(
   data: Record<string, unknown>,
 ): ValidationResult<number> {
-  const duration = data.duration as number;
+  const duration = extractDuration(data.duration);
 
-  if (!duration || typeof duration !== "number" || duration <= 0) {
+  if (!duration) {
     return {
-      error: `Invalid duration: ${duration}. Must be a positive number.`,
+      error: `Invalid duration: ${JSON.stringify(data.duration)}. Must be a positive number.`,
     };
   }
 
@@ -38,24 +44,13 @@ export function validateDuration(
 export function validateResolution(
   data: Record<string, unknown>,
 ): ValidationResult<"480p" | "720p"> {
-  const resolutionValue = data.resolution as string;
+  const resolution = extractResolution(data.resolution);
 
-  if (!resolutionValue || typeof resolutionValue !== "string") {
+  if (!resolution) {
     return {
-      error: `Invalid resolution: ${resolutionValue}. Must be a string.`,
+      error: `Invalid resolution: ${JSON.stringify(data.resolution)}. Must be "480p" or "720p".`,
     };
   }
 
-  // Map resolution - EXACT MATCH ONLY
-  if (resolutionValue === "480p") {
-    return { value: "480p" };
-  }
-
-  if (resolutionValue === "720p") {
-    return { value: "720p" };
-  }
-
-  return {
-    error: `Invalid resolution value: "${resolutionValue}". Must be "480p" or "720p".`,
-  };
+  return { value: resolution };
 }

package/src/domains/generation/wizard/presentation/components/WizardFlowContent.tsx

@@ -89,6 +89,13 @@ export const WizardFlowContent: React.FC<WizardFlowContentProps> = (props) => {
     [featureConfig, skipResultStep],
   );
 
+  if (typeof __DEV__ !== "undefined" && __DEV__) {
+    console.log("[WizardFlowContent] flowSteps built", {
+      totalSteps: flowSteps.length,
+      steps: flowSteps.map((s, i) => `${i}: ${s.id} (${s.type})`),
+    });
+  }
+
   const flow = useFlow({ steps: flowSteps, initialStepIndex: 0 });
   const {
     currentStep,

package/src/domains/generation/wizard/presentation/components/step-renderers/renderPhotoUploadStep.tsx

@@ -26,6 +26,13 @@ export function renderPhotoUploadStep({
   t,
   creditCost,
 }: PhotoUploadStepProps): React.ReactElement {
+  if (typeof __DEV__ !== "undefined" && __DEV__) {
+    console.log("[renderPhotoUploadStep] Rendering", {
+      stepId: step.id,
+      hasOnPhotoContinue: !!onPhotoContinue,
+      creditCost,
+    });
+  }
   const wizardConfig = getWizardStepConfig(step.config);
   const titleKey = wizardConfig?.titleKey ?? `wizard.steps.${step.id}.title`;
   const subtitleKey = wizardConfig?.subtitleKey ?? `wizard.steps.${step.id}.subtitle`;

package/src/domains/generation/wizard/presentation/hooks/useWizardFlowHandlers.ts

@@ -94,8 +94,11 @@ export function useWizardFlowHandlers(props: UseWizardFlowHandlersProps) {
     else previousStep();
   }, [currentStepIndex, previousStep, onBack]);
 
-  const handleNextStep = useCallback(() => {
+  const handleNextStep = useCallback((additionalData?: Record<string, unknown>) => {
     const nextStepDef = flowSteps[currentStepIndex + 1];
+    // Merge additionalData to avoid stale closure issue
+    // When called from handlePhotoContinue, customData in closure may not include the just-set value
+    const mergedData = additionalData ? { ...customData, ...additionalData } : customData;
     if (typeof __DEV__ !== "undefined" && __DEV__) {
       console.log("[handleNextStep] Called", {
         currentStepIndex,
@@ -103,14 +106,15 @@ export function useWizardFlowHandlers(props: UseWizardFlowHandlersProps) {
         nextStepId: nextStepDef?.id,
         totalSteps: flowSteps.length,
         hasOnGenerationStart: !!onGenerationStart,
+        dataKeys: Object.keys(mergedData),
       });
     }
     if (nextStepDef?.type === StepType.GENERATING && onGenerationStart) {
-      onGenerationStart(customData, nextStep);
+      onGenerationStart(mergedData, nextStep, handleGenerationError);
       return;
     }
     nextStep();
-  }, [currentStepIndex, flowSteps, customData, onGenerationStart, nextStep]);
+  }, [currentStepIndex, flowSteps, customData, onGenerationStart, nextStep, handleGenerationError]);
 
   const handlePhotoContinue = useCallback(
     (stepId: string, image: UploadedImage) => {
@@ -118,7 +122,8 @@ export function useWizardFlowHandlers(props: UseWizardFlowHandlersProps) {
         console.log("[handlePhotoContinue] Called", { stepId, hasImage: !!image, currentStepIndex });
       }
       setCustomData(stepId, image);
-      handleNextStep();
+      // Pass the just-set data to avoid stale closure issue
+      handleNextStep({ [stepId]: image });
     },
     [setCustomData, handleNextStep, currentStepIndex],
   );

package/src/domains/generation/wizard/presentation/screens/GenericPhotoUploadScreen.tsx

@@ -89,7 +89,23 @@ export const GenericPhotoUploadScreen: React.FC<PhotoUploadScreenProps> = ({
   });
 
   const handleContinuePress = () => {
-    if (!canContinue || !image) return;
+    if (typeof __DEV__ !== "undefined" && __DEV__) {
+      console.log("[GenericPhotoUploadScreen] handleContinuePress called", {
+        canContinue,
+        hasImage: !!image,
+        imageUri: image?.uri?.substring(0, 50),
+        stepId,
+      });
+    }
+    if (!canContinue || !image) {
+      if (typeof __DEV__ !== "undefined" && __DEV__) {
+        console.log("[GenericPhotoUploadScreen] BLOCKED - canContinue:", canContinue, "image:", !!image);
+      }
+      return;
+    }
+    if (typeof __DEV__ !== "undefined" && __DEV__) {
+      console.log("[GenericPhotoUploadScreen] Calling onContinue with image");
+    }
     onContinue(image);
   };