@umituz/react-native-ai-generation-content 1.6.0 → 1.7.0

package/package.json

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

package/src/presentation/components/GenerationProgressModal.tsx

@@ -4,7 +4,13 @@
  */
 
 import React from "react";
-import { Modal, View, Text, StyleSheet } from "react-native";
+import {
+  Modal,
+  View,
+  Text,
+  TouchableOpacity,
+  StyleSheet,
+} from "react-native";
 
 export interface GenerationProgressModalProps {
   visible: boolean;
@@ -12,11 +18,14 @@ export interface GenerationProgressModalProps {
   title?: string;
   message?: string;
   hint?: string;
+  dismissLabel?: string;
+  onDismiss?: () => void;
   overlayColor?: string;
   modalBackgroundColor?: string;
   textColor?: string;
   progressColor?: string;
   progressBackgroundColor?: string;
+  dismissButtonColor?: string;
   renderContent?: (props: GenerationProgressRenderProps) => React.ReactNode;
 }
 
@@ -25,6 +34,7 @@ export interface GenerationProgressRenderProps {
   title?: string;
   message?: string;
   hint?: string;
+  onDismiss?: () => void;
 }
 
 export const GenerationProgressModal: React.FC<
@@ -35,11 +45,14 @@ export const GenerationProgressModal: React.FC<
   title,
   message,
   hint,
+  dismissLabel = "Got it",
+  onDismiss,
   overlayColor = "rgba(0, 0, 0, 0.7)",
   modalBackgroundColor = "#1C1C1E",
   textColor = "#FFFFFF",
   progressColor = "#007AFF",
   progressBackgroundColor = "#3A3A3C",
+  dismissButtonColor = "#007AFF",
   renderContent,
 }) => {
   const clampedProgress = Math.max(0, Math.min(100, progress));
@@ -53,7 +66,13 @@ export const GenerationProgressModal: React.FC<
         statusBarTranslucent
       >
         <View style={[styles.overlay, { backgroundColor: overlayColor }]}>
-          {renderContent({ progress: clampedProgress, title, message, hint })}
+          {renderContent({
+            progress: clampedProgress,
+            title,
+            message,
+            hint,
+            onDismiss,
+          })}
         </View>
       </Modal>
     );
@@ -105,6 +124,18 @@ export const GenerationProgressModal: React.FC<
           {hint && (
             <Text style={[styles.hint, { color: textColor }]}>{hint}</Text>
           )}
+
+          {onDismiss && (
+            <TouchableOpacity
+              style={[
+                styles.dismissButton,
+                { backgroundColor: dismissButtonColor },
+              ]}
+              onPress={onDismiss}
+            >
+              <Text style={styles.dismissText}>{dismissLabel}</Text>
+            </TouchableOpacity>
+          )}
         </View>
       </View>
     </Modal>
@@ -162,5 +193,19 @@ const styles = StyleSheet.create({
     textAlign: "center",
     fontStyle: "italic",
     opacity: 0.6,
+    marginBottom: 16,
+  },
+  dismissButton: {
+    marginTop: 8,
+    paddingVertical: 14,
+    paddingHorizontal: 32,
+    borderRadius: 12,
+    minWidth: 140,
+    alignItems: "center",
+  },
+  dismissText: {
+    color: "#FFFFFF",
+    fontSize: 16,
+    fontWeight: "600",
   },
 });