@umituz/react-native-ai-generation-content 1.17.259 → 1.17.261

package/package.json

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

package/src/domains/result-preview/presentation/components/ResultActionBar.tsx

@@ -18,11 +18,9 @@ export const ResultActionBar: React.FC<ResultActionBarProps> = ({
   onDownload,
   onShare,
   onTryAgain,
-  onRate,
   saveButtonText,
   shareButtonText,
   tryAgainButtonText,
-  rateButtonText,
 }) => {
   const tokens = useAppDesignTokens();
 
@@ -30,38 +28,28 @@ export const ResultActionBar: React.FC<ResultActionBarProps> = ({
     () =>
       StyleSheet.create({
         container: {
-          marginTop: tokens.spacing.xl,
-          paddingHorizontal: tokens.spacing.md,
-        },
-        gridContainer: {
           flexDirection: "row",
-          justifyContent: "space-between",
+          justifyContent: "center",
+          flexWrap: "wrap",
           gap: tokens.spacing.md,
+          paddingHorizontal: tokens.spacing.lg,
+          marginTop: tokens.spacing.xl,
         },
-        actionButton: {
-          flex: 1,
-          alignItems: "center",
-          gap: tokens.spacing.sm,
-        },
-        iconContainer: {
-          width: 56,
-          height: 56,
-          borderRadius: 28,
+        button: {
+          flexDirection: "row",
           alignItems: "center",
           justifyContent: "center",
-        },
-        iconContainerSecondary: {
-          backgroundColor: tokens.colors.backgroundSecondary,
-          borderWidth: 1,
-          borderColor: tokens.colors.border,
-        },
-        iconContainerPrimary: {
+          paddingVertical: 12,
+          paddingHorizontal: 20,
+          borderRadius: 16,
+          gap: 8,
+          minWidth: 110,
           backgroundColor: tokens.colors.primary,
         },
-        label: {
-          fontSize: 12,
-          fontWeight: "500",
-          color: tokens.colors.textSecondary,
+        buttonText: {
+          fontWeight: "700",
+          color: tokens.colors.textInverse,
+          fontSize: 15,
         },
       }),
     [tokens],
@@ -69,53 +57,42 @@ export const ResultActionBar: React.FC<ResultActionBarProps> = ({
 
   return (
     <View style={styles.container}>
-      <View style={styles.gridContainer}>
-        <TouchableOpacity
-          style={styles.actionButton}
-          onPress={onDownload}
-          disabled={isSaving}
-        >
-          <View style={[styles.iconContainer, styles.iconContainerSecondary]}>
-            {isSaving ? (
-              <ActivityIndicator color={tokens.colors.primary} />
-            ) : (
-              <AtomicIcon name="download" size="md" color="textPrimary" />
-            )}
-          </View>
-          <AtomicText style={styles.label}>{saveButtonText}</AtomicText>
-        </TouchableOpacity>
-
-        <TouchableOpacity
-          style={styles.actionButton}
-          onPress={onShare}
-          disabled={isSharing}
-        >
-          <View style={[styles.iconContainer, styles.iconContainerPrimary]}>
-            {isSharing ? (
-              <ActivityIndicator color="#FFFFFF" />
-            ) : (
-              <AtomicIcon name="share" size="md" color="onPrimary" />
-            )}
-          </View>
-          <AtomicText style={styles.label}>{shareButtonText}</AtomicText>
-        </TouchableOpacity>
-
-        <TouchableOpacity style={styles.actionButton} onPress={onTryAgain}>
-          <View style={[styles.iconContainer, styles.iconContainerSecondary]}>
-            <AtomicIcon name="refresh" size="md" color="textPrimary" />
-          </View>
-          <AtomicText style={styles.label}>{tryAgainButtonText}</AtomicText>
-        </TouchableOpacity>
+      <TouchableOpacity
+        style={styles.button}
+        onPress={onDownload}
+        disabled={isSaving}
+        activeOpacity={0.7}
+      >
+        {isSaving ? (
+          <ActivityIndicator color={tokens.colors.textInverse} size="small" />
+        ) : (
+          <AtomicIcon name="download-outline" size="sm" color="onPrimary" />
+        )}
+        <AtomicText style={styles.buttonText}>{saveButtonText}</AtomicText>
+      </TouchableOpacity>
 
-        {onRate && rateButtonText && (
-          <TouchableOpacity style={styles.actionButton} onPress={onRate}>
-            <View style={[styles.iconContainer, styles.iconContainerSecondary]}>
-              <AtomicIcon name="thumbs-up" size="md" color="textPrimary" />
-            </View>
-            <AtomicText style={styles.label}>{rateButtonText}</AtomicText>
-          </TouchableOpacity>
+      <TouchableOpacity
+        style={styles.button}
+        onPress={onShare}
+        disabled={isSharing}
+        activeOpacity={0.7}
+      >
+        {isSharing ? (
+          <ActivityIndicator color={tokens.colors.textInverse} size="small" />
+        ) : (
+          <AtomicIcon name="share-social-outline" size="sm" color="onPrimary" />
         )}
-      </View>
+        <AtomicText style={styles.buttonText}>{shareButtonText}</AtomicText>
+      </TouchableOpacity>
+
+      <TouchableOpacity
+        style={styles.button}
+        onPress={onTryAgain}
+        activeOpacity={0.7}
+      >
+        <AtomicIcon name="refresh-outline" size="sm" color="onPrimary" />
+        <AtomicText style={styles.buttonText}>{tryAgainButtonText}</AtomicText>
+      </TouchableOpacity>
     </View>
   );
 };

package/src/domains/result-preview/presentation/components/ResultPreviewScreen.tsx

@@ -93,13 +93,9 @@ export const ResultPreviewScreen: React.FC<ResultPreviewScreenProps> = ({
             onDownload={onDownload}
             onShare={onShare}
             onTryAgain={onTryAgain}
-            onRate={onRate}
             saveButtonText={translations.saveButton}
-            saveButtonLoadingText={translations.saving}
             shareButtonText={translations.shareButton}
-            shareButtonLoadingText={translations.sharing}
             tryAgainButtonText={translations.tryAnother}
-            rateButtonText={translations.rateButton}
           />
         </View>
         {recentCreations && recentCreations.length > 0 && translations.recentCreations && translations.viewAll && (

package/src/domains/result-preview/presentation/hooks/useResultActions.ts

@@ -118,6 +118,26 @@ export const useResultActions = (
     }
   }, [imageUrl, onSaveSuccess, onSaveError]);
 
+  /**
+   * Download image from URL to file
+   */
+  const downloadUrlToFile = async (url: string): Promise<string> => {
+    const timestamp = Date.now();
+    const filename = `ai_generation_${timestamp}.jpg`;
+    const file = new File(Paths.cache, filename);
+
+    const response = await fetch(url);
+    if (!response.ok) {
+      throw new Error(`Failed to download image: ${response.statusText}`);
+    }
+
+    const arrayBuffer = await response.arrayBuffer();
+    const bytes = new Uint8Array(arrayBuffer);
+    file.write(bytes);
+
+    return file.uri;
+  };
+
   /**
    * Share image
    */
@@ -134,9 +154,11 @@ export const useResultActions = (
       const normalizedUrl = toDataUrl(imageUrl);
       let shareUrl = normalizedUrl;
 
-      // If it's a base64 string, save to file first for sharing
+      // Download to file for sharing (works for both base64 and remote URLs)
       if (isBase64DataUrl(normalizedUrl)) {
         shareUrl = await saveBase64ToFile(normalizedUrl);
+      } else if (normalizedUrl.startsWith("http")) {
+        shareUrl = await downloadUrlToFile(normalizedUrl);
       }
 
       // Use expo-sharing for cross-platform file sharing

package/src/domains/result-preview/presentation/types/result-preview.types.ts

@@ -63,20 +63,12 @@ export interface ResultActionBarProps {
   onShare: () => void;
   /** Try again callback */
   onTryAgain: () => void;
-  /** Rate callback (optional) */
-  onRate?: () => void;
   /** Save button text */
   saveButtonText: string;
-  /** Save button text when loading */
-  saveButtonLoadingText: string;
   /** Share button text */
   shareButtonText: string;
-  /** Share button text when loading */
-  shareButtonLoadingText: string;
   /** Try again button text */
   tryAgainButtonText: string;
-  /** Rate button text (optional) */
-  rateButtonText?: string;
 }
 
 /**