@umituz/react-native-ai-generation-content 1.88.8 → 1.88.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.88.8",
+  "version": "1.88.10",
   "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/wizard/configs/solo-video.config.ts

@@ -60,7 +60,7 @@ export const SOLO_VIDEO_WIZARD_CONFIG: WizardFeatureConfig = {
         },
       ],
       required: true,
-      defaultValue: "normal", // Default to normal mode (opt-in for draft)
+      defaultValue: "draft", // Default to draft mode for faster generation and reduced timeouts
       layout: "list",
     },
   ],

package/src/domains/generation/wizard/infrastructure/strategies/video-generation.executor.ts

@@ -54,6 +54,11 @@ function buildGenericInput(input: WizardVideoInput): Record<string, unknown> {
     modelInput.audio = input.audioUrl;
   }
 
+  // Quality mode: "draft" → draft=true (faster, cheaper), "normal" → draft=false (higher quality)
+  if (input.qualityMode === "draft" || input.qualityMode === "normal") {
+    modelInput.draft = input.qualityMode === "draft";
+  }
+
   return modelInput;
 }
 

package/src/domains/generation/wizard/infrastructure/strategies/video-generation.strategy.ts

@@ -7,7 +7,7 @@
 import type { WizardScenarioData } from "../../presentation/hooks/useWizardGeneration";
 import type { WizardStrategy } from "./wizard-strategy.types";
 import { VIDEO_PROCESSING_PROMPTS } from "./wizard-strategy.constants";
-import { extractPrompt, extractDuration, extractAspectRatio, extractResolution } from "../utils";
+import { extractPrompt, extractDuration, extractAspectRatio, extractResolution, extractQualityMode } from "../utils";
 import { extractPhotosAsBase64 } from "./shared/photo-extraction.utils";
 import type { WizardVideoInput, CreateVideoStrategyOptions } from "./video-generation.types";
 import { validatePhotoCount, validateWizardVideoInput } from "./video-generation.types";
@@ -58,6 +58,8 @@ export async function buildVideoInput(
       });
     }
     const finalPrompt = extractPrompt(wizardData, scenario.aiPrompt) || scenario.aiPrompt || "";
+    const qualityMode = extractQualityMode(wizardData);
+
     return {
       sourceImageBase64: scenario.preGeneratedImageUrl,
       prompt: finalPrompt,
@@ -65,6 +67,7 @@ export async function buildVideoInput(
       aspectRatio: extractAspectRatio(wizardData),
       resolution: extractResolution(wizardData),
       audioUrl,
+      qualityMode,
     };
   }
 
@@ -98,6 +101,8 @@ export async function buildVideoInput(
     });
   }
 
+  const qualityMode = extractQualityMode(wizardData);
+
   return {
     sourceImageBase64: photos[0] || undefined,
     targetImageBase64: photos[1] || photos[0] || undefined,
@@ -106,6 +111,7 @@ export async function buildVideoInput(
     aspectRatio: extractAspectRatio(wizardData),
     resolution: extractResolution(wizardData),
     audioUrl,
+    qualityMode,
   };
 }
 

package/src/domains/generation/wizard/infrastructure/strategies/video-generation.types.ts

@@ -21,6 +21,8 @@ export interface WizardVideoInput {
   readonly resolution?: string;
   /** Audio file as base64 or URL for background music / audio-driven video */
   readonly audioUrl?: string;
+  /** Quality mode: "draft" (faster, cheaper) or "normal" (higher quality) */
+  readonly qualityMode?: "draft" | "normal";
 }
 
 export interface CreateVideoStrategyOptions {

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

@@ -64,6 +64,23 @@ export function extractResolution(value: unknown): string | undefined {
   return undefined;
 }
 
+/**
+ * Extract quality mode value from customData
+ * Handles "draft" and "normal" values
+ * Also handles selection format objects from wizard steps
+ *
+ * @param value - Raw value from customData
+ * @returns Normalized quality mode string, or undefined if invalid
+ */
+export function extractQualityMode(value: unknown): "draft" | "normal" | undefined {
+  const unwrapped = unwrapSelection(value);
+
+  if (unwrapped === "draft" || unwrapped === "normal") {
+    return unwrapped;
+  }
+  return undefined;
+}
+
 /**
  * Extract default duration from wizard feature config
  * Finds the duration selection step and resolves its default option value

package/src/domains/generation/wizard/infrastructure/utils/index.ts

@@ -7,4 +7,5 @@ export {
   extractDuration,
   extractAspectRatio,
   extractResolution,
+  extractQualityMode,
 } from "./wizard-field-extractors";

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

@@ -63,3 +63,18 @@ export function extractResolution(
   const resolutionData = wizardData.resolution;
   return extractTrimmedString(resolutionData);
 }
+
+/**
+ * Extracts quality mode from wizard data
+ * Values: "draft" (faster, cheaper), "normal" (higher quality)
+ */
+export function extractQualityMode(
+  wizardData: Record<string, unknown>,
+): "draft" | "normal" | undefined {
+  const qualityData = wizardData.quality_mode;
+  const extracted = extractTrimmedString(qualityData);
+  if (extracted === "draft" || extracted === "normal") {
+    return extracted;
+  }
+  return undefined;
+}

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

@@ -48,6 +48,7 @@ export interface GenericWizardFlowProps {
   readonly onCreditsExhausted?: () => void;
   readonly onBack?: () => void;
   readonly onTryAgain?: () => void;
+  readonly onDismissGenerating?: () => void;
   readonly t: (key: string) => string;
   readonly translations?: Record<string, string>;
   readonly renderPreview?: (onContinue: () => void) => React.ReactElement | null;
@@ -76,6 +77,7 @@ export const GenericWizardFlow: React.FC<GenericWizardFlowProps> = (props) => {
     onCreditsExhausted,
     onBack,
     onTryAgain,
+    onDismissGenerating,
     t,
     renderPreview,
     renderGenerating,
@@ -137,6 +139,7 @@ export const GenericWizardFlow: React.FC<GenericWizardFlowProps> = (props) => {
       onCreditsExhausted={onCreditsExhausted}
       onBack={onBack}
       onTryAgain={onTryAgain}
+      onDismissGenerating={onDismissGenerating}
       t={t}
       renderPreview={renderPreview}
       renderGenerating={renderGenerating}

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

@@ -10,11 +10,13 @@ import { View, StyleSheet } from "react-native";
 interface IndeterminateProgressBarProps {
   readonly backgroundColor: string;
   readonly fillColor: string;
+  readonly height?: number;
 }
 
 export const IndeterminateProgressBar: React.FC<IndeterminateProgressBarProps> = ({
   backgroundColor,
   fillColor,
+  height = 8,
 }) => {
   const [position, setPosition] = useState(0);
   const directionRef = useRef(1);
@@ -39,7 +41,7 @@ export const IndeterminateProgressBar: React.FC<IndeterminateProgressBarProps> =
   }, []);
 
   return (
-    <View style={[styles.progressBar, { backgroundColor }]}>
+    <View style={[styles.progressBar, { backgroundColor, height }]}>
       <View
         style={[
           styles.progressFill,

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

@@ -50,6 +50,7 @@ interface WizardFlowContentProps {
   readonly onCreditsExhausted?: () => void;
   readonly onBack?: () => void;
   readonly onTryAgain?: () => void;
+  readonly onDismissGenerating?: () => void;
   readonly t: (key: string) => string;
   readonly renderPreview?: (onContinue: () => void) => React.ReactElement | null;
   readonly renderGenerating?: (progress: number) => React.ReactElement | null;
@@ -77,6 +78,7 @@ export const WizardFlowContent: React.FC<WizardFlowContentProps> = (props) => {
     onCreditsExhausted,
     onBack,
     onTryAgain,
+    onDismissGenerating,
     t,
     renderPreview,
     renderGenerating,
@@ -186,6 +188,7 @@ export const WizardFlowContent: React.FC<WizardFlowContentProps> = (props) => {
     onGenerationComplete,
     onGenerationError,
     onBack,
+    onDismissGenerating,
   });
 
   useWizardGeneration({

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

@@ -18,10 +18,11 @@ interface UseGenerationHandlersProps {
   readonly onGenerationComplete?: (result: unknown) => void;
   readonly onGenerationError?: (error: string, errorInfo?: GenerationErrorInfo) => void;
   readonly onBack?: () => void;
+  readonly onDismissGenerating?: () => void;
 }
 
 export function useGenerationHandlers(props: UseGenerationHandlersProps) {
-  const { skipResultStep, t, nextStep, setResult, setCurrentCreation, onGenerationComplete, onGenerationError, onBack } = props;
+  const { skipResultStep, t, nextStep, setResult, setCurrentCreation, onGenerationComplete, onGenerationError, onBack, onDismissGenerating } = props;
 
   const alert = useAlert();
 
@@ -65,8 +66,12 @@ export function useGenerationHandlers(props: UseGenerationHandlersProps) {
       console.log("[handleDismissGenerating] User dismissed generating screen");
     }
     alert.show(AlertType.INFO, AlertMode.TOAST, t("generator.backgroundTitle"), t("generator.backgroundMessage"));
-    onBack?.();
-  }, [alert, t, onBack]);
+    if (onDismissGenerating) {
+      onDismissGenerating();
+    } else {
+      onBack?.();
+    }
+  }, [alert, t, onBack, onDismissGenerating]);
 
   return { handleGenerationComplete, handleGenerationError, handleDismissGenerating };
 }

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

@@ -13,7 +13,7 @@ export function useWizardFlowHandlers(props: UseWizardFlowHandlersProps) {
   const {
     currentStepIndex, flowSteps, customData, userId, currentCreation,
     repository, t, nextStep, previousStep, setCustomData,
-    onGenerationStart, onBack,
+    onGenerationStart, onBack, onDismissGenerating,
   } = props;
 
   const alert = useAlert();
@@ -27,6 +27,7 @@ export function useWizardFlowHandlers(props: UseWizardFlowHandlersProps) {
     onGenerationComplete: props.onGenerationComplete,
     onGenerationError: props.onGenerationError,
     onBack,
+    onDismissGenerating,
   });
 
   const navigation = useNavigationHandlers({

package/src/domains/generation/wizard/presentation/hooks/wizard-flow-handlers.types.ts

@@ -26,4 +26,5 @@ export interface UseWizardFlowHandlersProps {
   readonly onGenerationComplete?: (result: unknown) => void;
   readonly onGenerationError?: (error: string, errorInfo?: GenerationErrorInfo) => void;
   readonly onBack?: () => void;
+  readonly onDismissGenerating?: () => void;
 }

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

@@ -195,6 +195,7 @@ export const GeneratingScreen: React.FC<GeneratingScreenProps> = ({
               <IndeterminateProgressBar
                 backgroundColor={tokens.colors.surfaceVariant}
                 fillColor={tokens.colors.primary}
+                height={4}
               />
             </View>
             <AtomicText type="bodySmall" style={[styles.hint, { color: tokens.colors.textSecondary, opacity: 0.7 }]}>

package/src/domains/result-preview/presentation/components/ResultActionBar.tsx

@@ -23,8 +23,8 @@ export const ResultActionBar: React.FC<ResultActionBarProps> = ({
   iconOnly = false,
   showTryAgain = true,
   showRating = false,
-  onEdit,
-  onEditVideo,
+  onEdit: _onEdit,
+  onEditVideo: _onEditVideo,
   onShareToFeed,
 }) => {
   const tokens = useAppDesignTokens();