@umituz/react-native-ai-generation-content 1.17.56 → 1.17.58

package/package.json

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

package/src/presentation/components/AIGenerationForm.tsx

@@ -9,8 +9,8 @@ import type { StyleOption } from "./selectors/types";
 import type { AspectRatioOption } from "./selectors/types";
 
 export interface AIGenerationFormTranslations {
-  promptTitle: string;
-  promptPlaceholder: string;
+  promptTitle?: string;
+  promptPlaceholder?: string;
   styleTitle?: string;
   durationTitle?: string;
   aspectRatioTitle?: string;
@@ -20,8 +20,8 @@ export interface AIGenerationFormTranslations {
 }
 
 export interface AIGenerationFormProps extends PropsWithChildren {
-  prompt: string;
-  onPromptChange: (text: string) => void;
+  prompt?: string;
+  onPromptChange?: (text: string) => void;
   
   // Optional: Example Prompts
   examplePrompts?: readonly string[];
@@ -46,6 +46,14 @@ export interface AIGenerationFormProps extends PropsWithChildren {
   onGenerate: () => void;
   isGenerating: boolean;
   
+  // Custom Generate Button Props
+  generateButtonProps?: {
+    costLabel?: string;
+    accessoryRight?: React.ReactNode;
+    onAccessoryRightPress?: () => void;
+    icon?: string;
+  };
+  
   translations: AIGenerationFormTranslations;
 }
 
@@ -72,17 +80,21 @@ export const AIGenerationForm: React.FC<AIGenerationFormProps> = ({
   onGenerate,
   isGenerating,
   
+  generateButtonProps,
+  
   translations,
   children,
 }) => {
   return (
     <>
-      <PromptInput
-        title={translations.promptTitle}
-        placeholder={translations.promptPlaceholder}
-        value={prompt}
-        onChangeText={onPromptChange}
-      />
+      {onPromptChange && translations.promptTitle && (
+        <PromptInput
+          title={translations.promptTitle}
+          placeholder={translations.promptPlaceholder}
+          value={prompt || ""}
+          onChangeText={onPromptChange}
+        />
+      )}
       
       {examplePrompts && examplePrompts.length > 0 && onExamplePromptSelect && (
         <ExamplePrompts
@@ -126,11 +138,14 @@ export const AIGenerationForm: React.FC<AIGenerationFormProps> = ({
       <GenerateButton
         onPress={onGenerate}
         isProcessing={isGenerating}
-        isDisabled={!prompt.trim()}
+        isDisabled={onPromptChange ? !prompt?.trim() : false}
         text={translations.generateButton}
         processingText={translations.generatingButton}
         variant="solid"
-        icon="sparkles-outline"
+        icon={generateButtonProps?.icon || "sparkles-outline"}
+        costLabel={generateButtonProps?.costLabel}
+        accessoryRight={generateButtonProps?.accessoryRight}
+        onAccessoryRightPress={generateButtonProps?.onAccessoryRightPress}
       />
     </>
   );