@umituz/react-native-ai-generation-content 1.17.211 → 1.17.213

package/package.json

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

package/src/features/meme-generator/presentation/components/MemeGeneratorFeature.tsx

@@ -1,23 +1,22 @@
 /**
  * MemeGeneratorFeature Component
- * 
+ *
  * Unified Text-to-Image feature component for Meme Generation.
  * Integrates PromptInput, StyleSelector, and Generation logic using useTextToImageFeature.
  */
 
 import React, { useMemo, useCallback } from "react";
-import { View, ScrollView, StyleSheet, Image, KeyboardAvoidingView, Platform } from "react-native";
-import { useAppDesignTokens, AtomicIcon, AtomicCard, AtomicText, AtomicSpinner } from "@umituz/react-native-design-system";
+import { View, ScrollView, StyleSheet, KeyboardAvoidingView, Platform } from "react-native";
+import { useAppDesignTokens, AtomicCard, AtomicText } from "@umituz/react-native-design-system";
 import { getAuthService } from "../../../../infrastructure/config";
 import { useTextToImageFeature } from "../../../text-to-image/presentation/hooks/useTextToImageFeature";
 import { PromptInput } from "../../../../presentation/components/PromptInput";
-import { StyleSelector } from "../../../../presentation/components/selectors/StyleSelector";
 import { GenerateButton } from "../../../../presentation/components/buttons/GenerateButton";
 import { GridSelector } from "../../../../presentation/components/selectors/GridSelector";
-import { ResultDisplay } from "../../../../presentation/components/result/ResultDisplay";
+import { GenerationResultContent } from "../../../../presentation/components/result/GenerationResultContent";
 
 // Constants (Using default provided styles if config doesn't override)
-import { DEFAULT_IMAGE_STYLES } from "../../../text-to-image/domain/constants/processing-modes.constants";
+import { DEFAULT_IMAGE_STYLES } from "../../../text-to-image/domain/constants/styles.constants";
 
 export interface MemeGeneratorFeatureProps {
   config: any; // AIFeatureConfig merged with extraConfig
@@ -92,30 +91,38 @@ export const MemeGeneratorFeature: React.FC<MemeGeneratorFeatureProps> = ({
 
   if (state.imageUrl) {
      return (
-        <ResultDisplay 
+        <GenerationResultContent
             imageUrl={state.imageUrl}
             onSave={handleSave}
             onTryAgain={reset}
-            translations={{
-                save: translations.saveButtonText || "Save",
-                tryAgain: translations.tryAnotherText || "Try Another",
-                success: translations.successText || "Meme Generated!"
+            resultConfig={{
+                header: {
+                    title: translations.successText || "Your meme is ready!",
+                },
+                actions: {
+                    save: {
+                        label: translations.saveButtonText || "Save to Gallery",
+                    },
+                    tryAgain: {
+                        label: translations.tryAnotherText || "Create Another",
+                    },
+                },
             }}
         />
      );
   }
 
   return (
-    <KeyboardAvoidingView 
+    <KeyboardAvoidingView
         behavior={Platform.OS === "ios" ? "padding" : "height"}
         style={styles.container}
     >
       <ScrollView contentContainerStyle={styles.content} keyboardShouldPersistTaps="handled">
-        
+
         {/* Prompt Input */}
         <View style={styles.section}>
             <AtomicText type="labelLarge" style={{color: tokens.colors.textPrimary}}>
-                {translations.promptLabel || "Your Meme Idea"}
+                {translations.description || "Describe your meme idea"}
             </AtomicText>
             <PromptInput
                 value={state.prompt}
@@ -141,9 +148,9 @@ export const MemeGeneratorFeature: React.FC<MemeGeneratorFeatureProps> = ({
         {/* Generate Button */}
         <GenerateButton
             onPress={handleGenerate}
-            isLoading={state.isProcessing}
+            isProcessing={state.isProcessing}
             isDisabled={!isReady}
-            title={translations.processButtonText || "Generate Meme"}
+            text={translations.processButtonText || "Generate Meme"}
         />
 
         {/* Error Display */}

package/src/presentation/screens/ai-feature/index.ts

@@ -5,7 +5,7 @@
 
 export { AIFeatureScreen } from "./AIFeatureScreen";
 export { AI_FEATURE_CONFIGS, getAIFeatureConfig, hasAIFeature, getAllAIFeatureIds, getAIFeaturesByMode } from "./registry";
-export { createFeatureTranslations, createSingleImageTranslations, createDualImageTranslations, createComparisonTranslations, createPromptTranslations } from "./translations";
+export { createFeatureTranslations, createSingleImageTranslations, createDualImageTranslations, createComparisonTranslations, createPromptTranslations, createTextInputTranslations } from "./translations";
 export type {
   AIFeatureId,
   AIFeatureMode,
@@ -17,4 +17,5 @@ export type {
   DualImageTranslationKeys,
   ComparisonTranslationKeys,
   PromptTranslationKeys,
+  TextInputTranslationKeys,
 } from "./types";

package/src/presentation/screens/ai-feature/registry.ts

@@ -70,6 +70,15 @@ export const AI_FEATURE_CONFIGS: Record<AIFeatureId, AIFeatureConfig> = {
     extraConfig: { featureType: "replace-background" },
   },
 
+  // Text-input features (no image upload)
+  "meme-generator": {
+    id: "meme-generator",
+    mode: "text-input",
+    outputType: "image",
+    creditType: "image",
+    translationPrefix: "meme-generator",
+  },
+
   // Dual image features
   "face-swap": {
     id: "face-swap",

package/src/presentation/screens/ai-feature/translations.ts

@@ -48,6 +48,25 @@ export function createPromptTranslations(prefix: string, t: TranslateFunction) {
   };
 }
 
+/**
+ * Create text-input translations (text-to-image, meme-generator)
+ * For pure text-to-image features without image upload
+ */
+export function createTextInputTranslations(prefix: string, t: TranslateFunction) {
+  return {
+    title: t(`${prefix}.title`),
+    description: t(`${prefix}.description`),
+    promptPlaceholder: t(`${prefix}.promptPlaceholder`),
+    processButtonText: t(`${prefix}.processButtonText`),
+    processingText: t(`${prefix}.processingText`),
+    successText: t(`${prefix}.successText`),
+    saveButtonText: t(`${prefix}.saveButtonText`),
+    tryAnotherText: t(`${prefix}.tryAnotherText`),
+    styleLabel: t(`${prefix}.styleLabel`),
+    tipsLabel: t(`${prefix}.tipsLabel`),
+  };
+}
+
 /**
  * Create dual image translations (face-swap, ai-hug, ai-kiss)
  */
@@ -84,8 +103,9 @@ export function createFeatureTranslations(config: AIFeatureConfig, t: TranslateF
         ? createComparisonTranslations(translationPrefix, t)
         : createSingleImageTranslations(translationPrefix, t);
     case "single-with-prompt":
-    case "text-input":
       return createPromptTranslations(translationPrefix, t);
+    case "text-input":
+      return createTextInputTranslations(translationPrefix, t);
     case "dual":
     case "dual-video":
       return createDualImageTranslations(translationPrefix, t);

package/src/presentation/screens/ai-feature/types.ts

@@ -91,6 +91,22 @@ export interface DualImageTranslationKeys {
   modalBackgroundHint?: string;
 }
 
+/**
+ * Translation keys structure for text-input features (text-to-image, meme-generator)
+ */
+export interface TextInputTranslationKeys {
+  title: string;
+  description: string;
+  promptPlaceholder: string;
+  processButtonText: string;
+  processingText: string;
+  successText: string;
+  saveButtonText: string;
+  tryAnotherText: string;
+  styleLabel?: string;
+  tipsLabel?: string;
+}
+
 /**
  * Static feature configuration (doesn't change at runtime)
  */