@umituz/react-native-ai-generation-content 1.74.1 → 1.74.3

package/package.json

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

@@ -35,6 +35,7 @@ export interface GenericWizardFlowProps {
   readonly onGenerationStart?: (
     data: Record<string, unknown>,
     proceedToGenerating: () => void,
+    onError?: (error: string) => void,
   ) => void;
   readonly onGenerationComplete?: (result: unknown) => void;
   readonly onGenerationError?: (error: string, errorInfo?: GenerationErrorInfo) => void;

package/src/domains/generation/wizard/presentation/components/WizardFlow.types.ts

@@ -28,6 +28,12 @@ export interface BaseWizardFlowProps {
   readonly calculateCredits?: CreditCalculatorFn;
   /** Called when network is unavailable and generation is blocked */
   readonly onNetworkError?: () => void;
+  /** Called when generation starts - APP handles credit deduction here */
+  readonly onGenerationStart?: (
+    data: Record<string, unknown>,
+    proceedToGenerating: () => void,
+    onError?: (error: string) => void,
+  ) => void;
   /** Called when generation completes */
   readonly onGenerationComplete?: () => void;
   /** Called on generation error with refund eligibility info */

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

@@ -36,6 +36,7 @@ export interface WizardFlowContentProps {
   readonly onGenerationStart?: (
     data: Record<string, unknown>,
     proceedToGenerating: () => void,
+    onError?: (error: string) => void,
   ) => void;
   readonly onGenerationComplete?: (result: unknown) => void;
   readonly onGenerationError?: (error: string) => void;

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

@@ -93,7 +93,7 @@ export const WizardStepRenderer: React.FC<WizardStepRendererProps> = ({
       return renderPhotoUploadStep({ key: step.id, step, customData, onBack, onPhotoContinue, t, creditCost });
 
     case StepType.TEXT_INPUT:
-      return renderTextInputStep({ key: step.id, step, customData, onBack, onPhotoContinue, t, alertMessages });
+      return renderTextInputStep({ key: step.id, step, customData, onBack, onPhotoContinue, t, alertMessages, creditCost });
 
     case StepType.FEATURE_SELECTION:
       return renderSelectionStep({ key: step.id, step, customData, onBack, onPhotoContinue, t, creditCost });

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

@@ -17,6 +17,8 @@ export interface TextInputStepProps {
   readonly onPhotoContinue: (stepId: string, image: UploadedImage) => void;
   readonly t: (key: string) => string;
   readonly alertMessages?: AlertMessages;
+  /** Calculated credit cost from parent */
+  readonly creditCost?: number;
 }
 
 export function renderTextInputStep({
@@ -26,6 +28,7 @@ export function renderTextInputStep({
   onPhotoContinue,
   t,
   alertMessages,
+  creditCost,
 }: TextInputStepProps): React.ReactElement {
   const textConfig = getTextInputConfig(step.config);
   const titleKey = textConfig?.titleKey ?? `wizard.steps.${step.id}.title`;
@@ -53,6 +56,7 @@ export function renderTextInputStep({
         multiline: textConfig?.multiline !== undefined ? textConfig.multiline : true,
       }}
       initialValue={existingText}
+      creditCost={creditCost}
       onBack={onBack}
       onContinue={(text) => {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any

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

@@ -17,7 +17,7 @@ import {
   AlertType,
   AlertMode,
 } from "@umituz/react-native-design-system";
-import { ContinueButton } from "../../../../../presentation/components/buttons";
+import { WizardContinueButton } from "../components/WizardContinueButton";
 import { contentModerationService } from "../../../../../domains/content-moderation";
 import type { TextInputScreenProps } from "./TextInputScreen.types";
 
@@ -33,6 +33,7 @@ export const TextInputScreen: React.FC<TextInputScreenProps> = ({
   config,
   examplePrompts = [],
   initialValue = "",
+  creditCost,
   onBack,
   onContinue,
 }) => {
@@ -99,10 +100,11 @@ export const TextInputScreen: React.FC<TextInputScreenProps> = ({
         title=""
         onBackPress={onBack}
         rightElement={
-          <ContinueButton
+          <WizardContinueButton
             label={translations.continueButton}
             canContinue={canContinue}
             onPress={handleContinue}
+            creditCost={creditCost}
           />
         }
       />

package/src/domains/generation/wizard/presentation/screens/TextInputScreen.types.ts

@@ -25,6 +25,8 @@ export interface TextInputScreenProps {
   readonly config?: TextInputScreenConfig;
   readonly examplePrompts?: string[];
   readonly initialValue?: string;
+  /** Calculated credit cost from parent */
+  readonly creditCost?: number;
   readonly onBack: () => void;
   readonly onContinue: (text: string) => void;
 }

package/src/domains/image-to-video/presentation/screens/ImageToVideoWizardFlow.tsx

@@ -26,6 +26,7 @@ export const ImageToVideoWizardFlow: React.FC<ImageToVideoWizardFlowProps> = (pr
     creditCost,
     calculateCredits,
     onNetworkError,
+    onGenerationStart: appOnGenerationStart,
     onGenerationComplete,
     onGenerationError,
     onBack,
@@ -57,12 +58,14 @@ export const ImageToVideoWizardFlow: React.FC<ImageToVideoWizardFlowProps> = (pr
 
   const defaultAlerts = useMemo(() => createDefaultAlerts(t), [t]);
 
-  const { handleGenerationStart, handleGenerationComplete } = useWizardFlowHandlers({
+  const { handleGenerationStart: defaultGenerationStart, handleGenerationComplete } = useWizardFlowHandlers({
     requireFeature,
     onGenerationComplete,
     onBack,
   });
 
+  const handleGenerationStart = appOnGenerationStart ?? defaultGenerationStart;
+
   return (
     <View style={[styles.container, { backgroundColor: tokens.colors.backgroundPrimary }]}>
       <GenericWizardFlow

package/src/domains/text-to-image/presentation/screens/TextToImageWizardFlow.tsx

@@ -25,6 +25,7 @@ export const TextToImageWizardFlow: React.FC<TextToImageWizardFlowProps> = (prop
     creditCost,
     calculateCredits,
     onNetworkError,
+    onGenerationStart: appOnGenerationStart,
     onGenerationComplete,
     onGenerationError,
     onBack,
@@ -58,12 +59,14 @@ export const TextToImageWizardFlow: React.FC<TextToImageWizardFlowProps> = (prop
     [model, t]
   );
 
-  const { handleGenerationStart, handleGenerationComplete } = useWizardFlowHandlers({
+  const { handleGenerationStart: defaultGenerationStart, handleGenerationComplete } = useWizardFlowHandlers({
     requireFeature,
     onGenerationComplete,
     onBack,
   });
 
+  const handleGenerationStart = appOnGenerationStart ?? defaultGenerationStart;
+
   return (
     <View style={[styles.container, { backgroundColor: tokens.colors.backgroundPrimary }]}>
       <GenericWizardFlow

package/src/domains/text-to-video/presentation/screens/TextToVideoWizardFlow.tsx

@@ -26,6 +26,7 @@ export const TextToVideoWizardFlow: React.FC<TextToVideoWizardFlowProps> = (prop
     creditCost,
     calculateCredits,
     onNetworkError,
+    onGenerationStart: appOnGenerationStart,
     onGenerationComplete,
     onGenerationError,
     onBack,
@@ -57,12 +58,16 @@ export const TextToVideoWizardFlow: React.FC<TextToVideoWizardFlowProps> = (prop
 
   const defaultAlerts = useMemo(() => createDefaultAlerts(t), [t]);
 
-  const { handleGenerationStart, handleGenerationComplete } = useWizardFlowHandlers({
+  const { handleGenerationStart: defaultGenerationStart, handleGenerationComplete } = useWizardFlowHandlers({
     requireFeature,
     onGenerationComplete,
     onBack,
   });
 
+  // Use app's onGenerationStart if provided (handles credit deduction),
+  // otherwise use default (just requireFeature check)
+  const handleGenerationStart = appOnGenerationStart ?? defaultGenerationStart;
+
   return (
     <View style={[styles.container, { backgroundColor: tokens.colors.backgroundPrimary }]}>
       <GenericWizardFlow