@umituz/react-native-ai-generation-content 1.11.5 → 1.12.0

package/package.json

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

package/src/index.ts

@@ -149,14 +149,14 @@ export {
   getSupportedLanguages,
   getLanguageName,
   ModerationWrapper,
-  generateWithSimpleWrapper,
+  generateSynchronously,
 } from "./infrastructure/wrappers";
 
 export type {
   ModerationResult,
   ModerationConfig,
-  SimpleGenerationInput,
-  SimpleGenerationConfig,
+  SynchronousGenerationInput,
+  SynchronousGenerationConfig,
 } from "./infrastructure/wrappers";
 
 // =============================================================================

package/src/infrastructure/wrappers/index.ts

@@ -1,6 +1,6 @@
 /**
  * Generation Wrappers
- * High-level API wrappers for simple generation tasks
+ * High-level API wrappers for generation orchestration
  */
 
 export {
@@ -12,8 +12,8 @@ export {
 export { ModerationWrapper } from "./moderation.wrapper";
 export type { ModerationResult, ModerationConfig } from "./moderation.wrapper";
 
-export { generateWithSimpleWrapper } from "./simple-generation.wrapper";
+export { generateSynchronously } from "./synchronous-generation.wrapper";
 export type {
-  SimpleGenerationInput,
-  SimpleGenerationConfig,
-} from "./simple-generation.wrapper";
+  SynchronousGenerationInput,
+  SynchronousGenerationConfig,
+} from "./synchronous-generation.wrapper";

package/src/infrastructure/wrappers/{simple-generation.wrapper.ts → synchronous-generation.wrapper.ts}

@@ -1,13 +1,14 @@
 /**
- * Simple Generation Wrapper
- * High-level API for simple text/image generation without background jobs
+ * Synchronous Generation Wrapper
+ * Direct API execution for text/image generation (wait for result)
+ * For background job execution, use async generation instead
  */
 
 import type { GenerationResult } from "../../domain/entities";
 import { enhancePromptWithLanguage } from "./language.wrapper";
 import { ModerationWrapper } from "./moderation.wrapper";
 
-export interface SimpleGenerationInput {
+export interface SynchronousGenerationInput {
   prompt: string;
   userId?: string;
   type?: string;
@@ -15,15 +16,15 @@ export interface SimpleGenerationInput {
   metadata?: Record<string, any>;
 }
 
-export interface SimpleGenerationConfig<T = any> {
+export interface SynchronousGenerationConfig<T = any> {
   checkCredits?: (userId: string, type: string) => Promise<boolean>;
   deductCredits?: (userId: string, type: string) => Promise<void>;
   execute: (prompt: string, metadata?: Record<string, any>) => Promise<T>;
 }
 
-export async function generateWithSimpleWrapper<T = string>(
-  input: SimpleGenerationInput,
-  config: SimpleGenerationConfig<T>,
+export async function generateSynchronously<T = string>(
+  input: SynchronousGenerationInput,
+  config: SynchronousGenerationConfig<T>,
 ): Promise<GenerationResult<T>> {
   // Check user ID if required
   if (config.checkCredits && !input.userId) {

package/src/presentation/components/GenerationProgressBar.tsx

@@ -4,8 +4,8 @@
  */
 
 import React from "react";
-import { View, StyleSheet, Text } from "react-native";
-import { useAppDesignTokens } from "@umituz/react-native-design-system";
+import { AtomicText, View, StyleSheet } from "react-native";
+import { AtomicText, useAppDesignTokens } AtomicText } from "@umituz/react-native-design-system";
 
 export interface GenerationProgressBarProps {
     progress: number;
@@ -48,7 +48,7 @@ export const GenerationProgressBar: React.FC<GenerationProgressBarProps> = ({
                 ]}
             >
                 {Math.round(clampedProgress)}%
-            </Text>
+            </AtomicText>
         </View>
     );
 };

package/src/presentation/components/GenerationProgressContent.tsx

@@ -4,9 +4,9 @@
  */
 
 import React from "react";
-import { View, Text, TouchableOpacity, StyleSheet } from "react-native";
-import { useAppDesignTokens } from "@umituz/react-native-design-system";
-import { GenerationProgressBar } from "./GenerationProgressBar";
+import { AtomicText, View, TouchableOpacity, StyleSheet } from "react-native";
+import { AtomicText, useAppDesignTokens } AtomicText } from "@umituz/react-native-design-system";
+import { AtomicText, GenerationProgressBar } from "./GenerationProgressBar";
 
 export interface GenerationProgressContentProps {
     progress: number;
@@ -45,13 +45,13 @@ export const GenerationProgressContent: React.FC<
         return (
             <View style={[styles.modal, { backgroundColor: activeBgColor }]}>
                 {title && (
-                    <Text style={[styles.title, { color: activeTextColor }]}>{title}</Text>
+                    <AtomicText type="bodyMedium" style={[styles.title, { color: activeTextColor }]}>{title}</AtomicText>
                 )}
 
                 {message && (
-                    <Text style={[styles.message, { color: activeTextColor }]}>
+                    <AtomicText type="bodyMedium" style={[styles.message, { color: activeTextColor }]}>
                         {message}
-                    </Text>
+                    </AtomicText>
                 )}
 
                 <GenerationProgressBar
@@ -62,7 +62,7 @@ export const GenerationProgressContent: React.FC<
                 />
 
                 {hint && (
-                    <Text style={[styles.hint, { color: activeTextColor }]}>{hint}</Text>
+                    <AtomicText type="bodyMedium" style={[styles.hint, { color: activeTextColor }]}>{hint}</AtomicText>
                 )}
 
                 {onDismiss && (
@@ -73,7 +73,7 @@ export const GenerationProgressContent: React.FC<
                         ]}
                         onPress={onDismiss}
                     >
-                        <Text style={styles.dismissText}>{dismissLabel || "OK"}</Text>
+                        <AtomicText type="bodyMedium" style={styles.dismissText}>{dismissLabel || "OK"}</AtomicText>
                     </TouchableOpacity>
                 )}
             </View>

package/src/presentation/components/PendingJobCard.tsx

@@ -4,11 +4,11 @@
  */
 
 import React from "react";
-import { View, Text, ActivityIndicator, StyleSheet } from "react-native";
-import { useAppDesignTokens } from "@umituz/react-native-design-system";
+import { AtomicText, View, ActivityIndicator, StyleSheet } from "react-native";
+import { AtomicText, useAppDesignTokens } AtomicText } from "@umituz/react-native-design-system";
 import type { BackgroundJob } from "../../domain/entities/job.types";
-import { PendingJobProgressBar } from "./PendingJobProgressBar";
-import { PendingJobCardActions } from "./PendingJobCardActions";
+import { AtomicText, PendingJobProgressBar } from "./PendingJobProgressBar";
+import { AtomicText, PendingJobCardActions } from "./PendingJobCardActions";
 
 export interface StatusLabels {
   readonly queued?: string;
@@ -106,10 +106,10 @@ export function PendingJobCard<TInput = unknown, TResult = unknown>({
       )}
       <View style={styles.content}>
         <View>
-          {typeLabel && <Text style={styles.typeText}>{typeLabel}</Text>}
-          <Text style={styles.statusText} numberOfLines={1}>
+          {typeLabel && <AtomicText type="bodyMedium" style={styles.typeText}>{typeLabel}</AtomicText>}
+          <AtomicText type="bodyMedium" style={styles.statusText} numberOfLines={1}>
             {statusText}
-          </Text>
+          </AtomicText>
           {!isFailed && <PendingJobProgressBar progress={job.progress} />}
         </View>
         {renderActions ? (

package/src/presentation/components/PendingJobCardActions.tsx

@@ -4,8 +4,8 @@
  */
 
 import React from "react";
-import { View, TouchableOpacity, Text, StyleSheet } from "react-native";
-import { useAppDesignTokens } from "@umituz/react-native-design-system";
+import { AtomicText, View, TouchableOpacity, StyleSheet } from "react-native";
+import { AtomicText, useAppDesignTokens } AtomicText } from "@umituz/react-native-design-system";
 
 export interface PendingJobCardActionsProps {
     id: string;
@@ -57,7 +57,7 @@ export const PendingJobCardActions: React.FC<PendingJobCardActionsProps> = ({
                     style={styles.actionButton}
                     onPress={() => onRetry(id)}
                 >
-                    <Text style={styles.text}>↻</Text>
+                    <AtomicText type="bodyMedium" style={styles.text}>↻</AtomicText>
                 </TouchableOpacity>
             )}
             {onCancel && (
@@ -65,7 +65,7 @@ export const PendingJobCardActions: React.FC<PendingJobCardActionsProps> = ({
                     style={styles.actionButton}
                     onPress={() => onCancel(id)}
                 >
-                    <Text style={styles.errorText}>✕</Text>
+                    <AtomicText type="bodyMedium" style={styles.errorText}>✕</AtomicText>
                 </TouchableOpacity>
             )}
         </View>