@umituz/react-native-ai-generation-content 1.17.62 → 1.17.64

package/package.json

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

package/src/features/photo-restoration/presentation/components/PhotoRestoreResultView.tsx

@@ -7,9 +7,9 @@ import React from "react";
 import { View, StyleSheet } from "react-native";
 import {
   AtomicText,
-  AtomicButton,
   useAppDesignTokens,
 } from "@umituz/react-native-design-system";
+import { AIGenerationResult } from "../../../../presentation/components/display/AIGenerationResult";
 import { ComparisonSlider } from "../../../replace-background/presentation/components/ComparisonSlider";
 import type { PhotoRestoreTranslations } from "../../domain/types";
 
@@ -38,14 +38,17 @@ export const PhotoRestoreResultView: React.FC<PhotoRestoreResultViewProps> = ({
   const tokens = useAppDesignTokens();
 
   return (
-    <View style={styles.container}>
-      <AtomicText
-        type="headlineMedium"
-        style={[styles.title, { color: tokens.colors.success }]}
-      >
-        {translations.successText}
-      </AtomicText>
-
+    <AIGenerationResult
+      successText={translations.successText}
+      primaryAction={{
+        label: translations.saveButtonText,
+        onPress: onSave,
+      }}
+      secondaryAction={{
+        label: translations.tryAnotherText,
+        onPress: onReset,
+      }}
+    >
       <ComparisonSlider
         originalUri={originalUri}
         processedUri={processedUri}
@@ -59,22 +62,7 @@ export const PhotoRestoreResultView: React.FC<PhotoRestoreResultViewProps> = ({
       >
         Drag slider to compare
       </AtomicText>
-
-      <View style={styles.actions}>
-        <AtomicButton
-          title={translations.saveButtonText}
-          onPress={onSave}
-          variant="primary"
-          size="lg"
-        />
-        <AtomicButton
-          title={translations.tryAnotherText}
-          onPress={onReset}
-          variant="secondary"
-          size="lg"
-        />
-      </View>
-    </View>
+    </AIGenerationResult>
   );
 };
 

package/src/features/replace-background/presentation/components/ReplaceBackgroundFeature.tsx

@@ -8,12 +8,11 @@ import React, { useCallback, useMemo } from "react";
 import { View, ScrollView, StyleSheet, Image, Dimensions } from "react-native";
 import {
   useAppDesignTokens,
-  AtomicText,
-  AtomicButton,
   AtomicInput,
 } from "@umituz/react-native-design-system";
 import { PhotoUploadCard } from "../../../../presentation/components/PhotoUploadCard";
 import { AIGenerationForm } from "../../../../presentation/components/AIGenerationForm";
+import { AIGenerationResult } from "../../../../presentation/components/display/AIGenerationResult";
 import { useReplaceBackgroundFeature } from "../hooks";
 import type {
   ReplaceBackgroundTranslations,
@@ -78,35 +77,23 @@ export const ReplaceBackgroundFeature: React.FC<ReplaceBackgroundFeatureProps> =
         contentContainerStyle={styles.content}
         showsVerticalScrollIndicator={false}
       >
-        <AtomicText
-          type="headlineMedium"
-          style={[styles.successText, { color: tokens.colors.success }]}
+        <AIGenerationResult
+          successText={translations.successText}
+          primaryAction={{
+            label: translations.saveButtonText,
+            onPress: handleSave,
+          }}
+          secondaryAction={{
+            label: translations.tryAnotherText,
+            onPress: feature.reset,
+          }}
         >
-          {translations.successText}
-        </AtomicText>
-
-        <View style={styles.resultImageContainer}>
           <Image
             source={{ uri: feature.processedUrl }}
             style={[styles.resultImage, { width: imageSize, height: imageSize }]}
             resizeMode="contain"
           />
-        </View>
-
-        <View style={styles.resultActions}>
-          <AtomicButton
-            title={translations.saveButtonText}
-            onPress={handleSave}
-            variant="primary"
-            size="lg"
-          />
-          <AtomicButton
-            title={translations.tryAnotherText}
-            onPress={feature.reset}
-            variant="secondary"
-            size="lg"
-          />
-        </View>
+        </AIGenerationResult>
       </ScrollView>
     );
   }

package/src/index.ts

@@ -288,6 +288,7 @@ export {
   GenerateButton,
   // Display
   ResultDisplay,
+  AIGenerationResult,
   ErrorDisplay,
   // Headers
   FeatureHeader,
@@ -345,6 +346,8 @@ export type {
   // Display
   ResultDisplayProps,
   ResultDisplayAction,
+  AIGenerationResultProps,
+  AIGenerationResultAction,
   ErrorDisplayProps,
   // Headers
   FeatureHeaderProps,