@umituz/react-native-ai-generation-content 1.35.3 → 1.35.5

package/package.json

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

package/src/domains/generation/wizard/presentation/screens/GeneratingScreen.tsx

@@ -7,7 +7,7 @@
 
 import React, { useMemo } from "react";
 import { View, StyleSheet, ActivityIndicator, TouchableOpacity } from "react-native";
-import { useAppDesignTokens, AtomicText, AtomicIcon } from "@umituz/react-native-design-system";
+import { useAppDesignTokens, AtomicText } from "@umituz/react-native-design-system";
 import { useGenerationPhase } from "../hooks/useGenerationPhase";
 import { IndeterminateProgressBar } from "../components/IndeterminateProgressBar";
 
@@ -70,17 +70,6 @@ export const GeneratingScreen: React.FC<GeneratingScreenProps> = ({
 
   return (
     <View style={[styles.container, { backgroundColor: tokens.colors.backgroundPrimary }]}>
-      {/* Close button - allows user to dismiss and continue in background */}
-      {onDismiss && (
-        <TouchableOpacity
-          style={styles.closeButton}
-          onPress={onDismiss}
-          hitSlop={{ top: 10, bottom: 10, left: 10, right: 10 }}
-        >
-          <AtomicIcon name="close" size="md" customColor={tokens.colors.textSecondary} />
-        </TouchableOpacity>
-      )}
-
       <View style={styles.content}>
         <ActivityIndicator size="large" color={tokens.colors.primary} />
 
@@ -111,8 +100,11 @@ export const GeneratingScreen: React.FC<GeneratingScreenProps> = ({
 
         {/* Background hint - tap to dismiss */}
         {onDismiss && (
-          <TouchableOpacity style={styles.backgroundHintButton} onPress={onDismiss}>
-            <AtomicText type="bodySmall" style={[styles.backgroundHint, { color: tokens.colors.primary }]}>
+          <TouchableOpacity
+            style={[styles.backgroundHintButton, { borderColor: tokens.colors.primary }]}
+            onPress={onDismiss}
+          >
+            <AtomicText type="bodyLarge" style={[styles.backgroundHint, { color: tokens.colors.primary }]}>
               {messages.backgroundHint}
             </AtomicText>
           </TouchableOpacity>
@@ -128,13 +120,6 @@ const styles = StyleSheet.create({
     justifyContent: "center",
     alignItems: "center",
   },
-  closeButton: {
-    position: "absolute",
-    top: 16,
-    right: 16,
-    zIndex: 10,
-    padding: 8,
-  },
   content: {
     width: "80%",
     maxWidth: 400,
@@ -157,12 +142,14 @@ const styles = StyleSheet.create({
     marginTop: 8,
   },
   backgroundHintButton: {
-    marginTop: 24,
-    paddingVertical: 12,
-    paddingHorizontal: 16,
+    marginTop: 32,
+    paddingVertical: 16,
+    paddingHorizontal: 24,
+    borderWidth: 1,
+    borderRadius: 12,
   },
   backgroundHint: {
     textAlign: "center",
-    fontWeight: "600",
+    fontWeight: "700",
   },
 });