@umituz/react-native-ai-generation-content 1.17.90 → 1.17.92

package/package.json

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

package/src/presentation/components/AIGenerationForm.tsx

@@ -1,10 +1,12 @@
-import React from "react";
+import React, { useEffect } from "react";
 import { TouchableOpacity, StyleSheet } from "react-native";
 import {
   AtomicText,
   AtomicIcon,
   useAppDesignTokens,
 } from "@umituz/react-native-design-system";
+
+declare const __DEV__: boolean;
 import { StyleSelector } from "./selectors/StyleSelector";
 import { DurationSelector } from "./selectors/DurationSelector";
 import { AspectRatioSelector } from "./selectors/AspectRatioSelector";
@@ -42,8 +44,18 @@ export const AIGenerationForm: React.FC<AIGenerationFormProps> = ({
   translations,
   children,
 }) => {
+  // Log immediately on every render
+  if (__DEV__) console.log("[AIGenerationForm] RENDERING NOW - hideGenerateButton:", hideGenerateButton);
+
   const tokens = useAppDesignTokens();
   const isAdvancedVisible = showAdvanced !== undefined ? showAdvanced : true;
+  const buttonIsDisabled = onPromptChange ? !prompt?.trim() : false;
+
+  useEffect(() => {
+    if (__DEV__) {
+      console.log("[AIGenerationForm] MOUNTED/UPDATED - prompt:", prompt, "isGenerating:", isGenerating, "buttonIsDisabled:", buttonIsDisabled, "hideGenerateButton:", hideGenerateButton);
+    }
+  }, [prompt, isGenerating, buttonIsDisabled, hideGenerateButton]);
 
   return (
     <>
@@ -128,7 +140,7 @@ export const AIGenerationForm: React.FC<AIGenerationFormProps> = ({
             <GenerateButton
               onPress={onGenerate}
               isProcessing={isGenerating}
-              isDisabled={onPromptChange ? !prompt?.trim() : false}
+              isDisabled={buttonIsDisabled}
               text={translations.generateButton}
               processingText={translations.generatingButton}
               icon={generateButtonProps?.icon || "sparkles-outline"}

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

@@ -4,7 +4,7 @@
  * Props-driven for 100+ apps compatibility
  */
 
-import React from "react";
+import React, { useEffect } from "react";
 import { View, StyleSheet, TouchableOpacity, type ViewStyle } from "react-native";
 import {
   AtomicText,
@@ -42,13 +42,22 @@ export const GenerateButton: React.FC<GenerateButtonProps> = ({
   onAccessoryRightPress,
   style,
 }) => {
+  // Log immediately on every render
+  if (__DEV__) console.log("[GenerateButton] RENDERING NOW");
+
   const tokens = useAppDesignTokens();
   const disabled = isDisabled || isProcessing;
   const displayText = isProcessing && processingText ? processingText : text;
   const finalDisplayText = costLabel ? `${displayText} (${costLabel})` : displayText;
 
+  useEffect(() => {
+    if (__DEV__) {
+      console.log("[GenerateButton] MOUNTED/UPDATED - isDisabled:", isDisabled, "isProcessing:", isProcessing, "disabled:", disabled, "text:", text);
+    }
+  }, [isDisabled, isProcessing, disabled, text]);
+
   const handlePress = () => {
-    if (__DEV__) console.log("[GenerateButton] onPress called, disabled:", disabled, "isDisabled:", isDisabled, "isProcessing:", isProcessing);
+    if (__DEV__) console.log("[GenerateButton] PRESSED - disabled:", disabled, "isDisabled:", isDisabled, "isProcessing:", isProcessing);
     if (!disabled) {
       onPress();
     }