@umituz/react-native-ai-generation-content 1.74.2 → 1.74.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.74.2",
+  "version": "1.74.4",
   "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/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/scenarios/presentation/screens/ScenarioPreviewScreen.tsx

@@ -14,7 +14,7 @@ import {
   HeroSection,
   NavigationHeader,
 } from "@umituz/react-native-design-system";
-import { ContinueButton } from "../../../../presentation/components/buttons";
+import { WizardContinueButton } from "../../../../domains/generation/wizard/presentation/components/WizardContinueButton";
 import type { ScenarioData } from "../../domain/scenario.types";
 
 export interface ScenarioPreviewTranslations {
@@ -46,7 +46,7 @@ export const ScenarioPreviewScreen: React.FC<ScenarioPreviewScreenProps> = ({
         title=""
         onBackPress={onBack}
         rightElement={
-          <ContinueButton
+          <WizardContinueButton
             label={translations.continueButton}
             canContinue={true}
             onPress={onContinue}

package/src/presentation/components/buttons/index.ts

@@ -1,2 +1 @@
 export { GenerateButton, type GenerateButtonProps } from "./GenerateButton";
-export { ContinueButton, type ContinueButtonProps } from "./ContinueButton";

package/src/presentation/components/buttons/ContinueButton.tsx

@@ -1,72 +0,0 @@
-/**
- * ContinueButton Component
- * Reusable continue button for wizard flows and forms
- */
-
-import React, { useMemo } from "react";
-import { TouchableOpacity, StyleSheet } from "react-native";
-import { useAppDesignTokens, AtomicText, AtomicIcon } from "@umituz/react-native-design-system";
-
-export interface ContinueButtonProps {
-  readonly label: string;
-  readonly canContinue: boolean;
-  readonly onPress: () => void;
-  readonly iconName?: string;
-  readonly disabled?: boolean;
-}
-
-export const ContinueButton: React.FC<ContinueButtonProps> = ({
-  label,
-  canContinue,
-  onPress,
-  iconName = "arrow-forward",
-  disabled = false,
-}) => {
-  const tokens = useAppDesignTokens();
-  const isEnabled = canContinue && !disabled;
-
-  const buttonStyle = useMemo(() => [
-    styles.button,
-    {
-      backgroundColor: isEnabled ? tokens.colors.primary : tokens.colors.surfaceVariant,
-      opacity: isEnabled ? 1 : 0.5,
-    },
-  ], [isEnabled, tokens.colors.primary, tokens.colors.surfaceVariant]);
-
-  const textStyle = useMemo(() => [
-    styles.text,
-    { color: isEnabled ? tokens.colors.onPrimary : tokens.colors.textSecondary },
-  ], [isEnabled, tokens.colors.onPrimary, tokens.colors.textSecondary]);
-
-  return (
-    <TouchableOpacity
-      onPress={onPress}
-      activeOpacity={0.7}
-      disabled={!isEnabled}
-      style={buttonStyle}
-    >
-      <AtomicText type="bodyMedium" style={textStyle}>
-        {label}
-      </AtomicText>
-      <AtomicIcon
-        name={iconName}
-        size="sm"
-        color={isEnabled ? "onPrimary" : "textSecondary"}
-      />
-    </TouchableOpacity>
-  );
-};
-
-const styles = StyleSheet.create({
-  button: {
-    flexDirection: "row",
-    alignItems: "center",
-    paddingHorizontal: 16,
-    paddingVertical: 8,
-    borderRadius: 999,
-  },
-  text: {
-    fontWeight: "800",
-    marginRight: 4,
-  },
-});