@umituz/react-native-ai-generation-content 1.17.57 → 1.17.59

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.17.57",
+  "version": "1.17.59",
   "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[];
@@ -45,6 +45,7 @@ export interface AIGenerationFormProps extends PropsWithChildren {
   
   onGenerate: () => void;
   isGenerating: boolean;
+  hideGenerateButton?: boolean;
   
   // Custom Generate Button Props
   generateButtonProps?: {
@@ -79,6 +80,7 @@ export const AIGenerationForm: React.FC<AIGenerationFormProps> = ({
   
   onGenerate,
   isGenerating,
+  hideGenerateButton,
   
   generateButtonProps,
   
@@ -87,12 +89,14 @@ export const AIGenerationForm: React.FC<AIGenerationFormProps> = ({
 }) => {
   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
@@ -133,18 +137,20 @@ export const AIGenerationForm: React.FC<AIGenerationFormProps> = ({
       {/* Custom children injected here */}
       {children}
       
-      <GenerateButton
-        onPress={onGenerate}
-        isProcessing={isGenerating}
-        isDisabled={!prompt.trim()}
-        text={translations.generateButton}
-        processingText={translations.generatingButton}
-        variant="solid"
-        icon={generateButtonProps?.icon || "sparkles-outline"}
-        costLabel={generateButtonProps?.costLabel}
-        accessoryRight={generateButtonProps?.accessoryRight}
-        onAccessoryRightPress={generateButtonProps?.onAccessoryRightPress}
-      />
+      {!hideGenerateButton && (
+        <GenerateButton
+          onPress={onGenerate}
+          isProcessing={isGenerating}
+          isDisabled={onPromptChange ? !prompt?.trim() : false}
+          text={translations.generateButton}
+          processingText={translations.generatingButton}
+          variant="solid"
+          icon={generateButtonProps?.icon || "sparkles-outline"}
+          costLabel={generateButtonProps?.costLabel}
+          accessoryRight={generateButtonProps?.accessoryRight}
+          onAccessoryRightPress={generateButtonProps?.onAccessoryRightPress}
+        />
+      )}
     </>
   );
 };