@umituz/react-native-ai-generation-content 1.17.255 → 1.17.257

package/package.json

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

package/src/domains/creations/infrastructure/repositories/CreationsWriter.ts

@@ -84,6 +84,15 @@ export class CreationsWriter {
             if (updates.output !== undefined) {
                 updateData.output = updates.output;
             }
+            if ((updates as any).rating !== undefined) {
+                updateData.rating = (updates as any).rating;
+            }
+            if ((updates as any).ratedAt !== undefined) {
+                updateData.ratedAt = (updates as any).ratedAt;
+            }
+            if ((updates as any).isFavorite !== undefined) {
+                updateData.isFavorite = (updates as any).isFavorite;
+            }
 
             await updateDoc(docRef, updateData);
             return true;

package/src/domains/creations/presentation/components/CreationCard.types.ts

@@ -20,6 +20,8 @@ export interface CreationCardData {
   uri?: string;
   provider?: string;
   createdAt: Date | number;
+  /** Whether this creation is marked as favorite */
+  isFavorite?: boolean;
 }
 
 /**

package/src/domains/creations/presentation/components/useCreationCardActions.ts

@@ -45,7 +45,8 @@ export function useCreationCardActions({
     if (callbacks.onFavorite) {
       result.push({
         id: "favorite",
-        icon: "heart-outline",
+        icon: creation.isFavorite ? "heart" : "heart-outline",
+        color: creation.isFavorite ? "error" : undefined,
         onPress: () => callbacks.onFavorite?.(creation),
       });
     }

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

@@ -13,12 +13,28 @@ import type {
 } from "../types/result-preview.types";
 
 /**
- * Check if a string is a base64 data URL
+ * Check if a string is a base64 data URL or raw base64
  */
 const isBase64DataUrl = (str: string): boolean => {
   return str.startsWith("data:image/");
 };
 
+/**
+ * Check if a string is raw base64 (not a URL and not a data URL)
+ */
+const isRawBase64 = (str: string): boolean => {
+  return !str.startsWith("http") && !str.startsWith("data:image/") && !str.startsWith("file://");
+};
+
+/**
+ * Convert raw base64 to data URL format
+ */
+const toDataUrl = (str: string): string => {
+  if (isBase64DataUrl(str)) return str;
+  if (isRawBase64(str)) return `data:image/jpeg;base64,${str}`;
+  return str;
+};
+
 /**
  * Save base64 image to file system
  */
@@ -80,11 +96,13 @@ export const useResultActions = (
         throw new Error("Media library permission not granted");
       }
 
-      let fileUri = imageUrl;
+      // Convert to data URL if raw base64
+      const normalizedUrl = toDataUrl(imageUrl);
+      let fileUri = normalizedUrl;
 
       // If it's a base64 string, save to file first
-      if (isBase64DataUrl(fileUri)) {
-        fileUri = await saveBase64ToFile(fileUri);
+      if (isBase64DataUrl(normalizedUrl)) {
+        fileUri = await saveBase64ToFile(normalizedUrl);
       }
 
       // Save to media library
@@ -112,11 +130,13 @@ export const useResultActions = (
       setIsSharing(true);
       onShareStart?.();
 
-      let shareUrl = imageUrl;
+      // Convert to data URL if raw base64
+      const normalizedUrl = toDataUrl(imageUrl);
+      let shareUrl = normalizedUrl;
 
       // If it's a base64 string, save to file first for sharing
-      if (isBase64DataUrl(shareUrl)) {
-        shareUrl = await saveBase64ToFile(shareUrl);
+      if (isBase64DataUrl(normalizedUrl)) {
+        shareUrl = await saveBase64ToFile(normalizedUrl);
       }
 
       // Use expo-sharing for cross-platform file sharing

package/src/features/love-message/presentation/components/GeneratorHeader.tsx

@@ -7,7 +7,6 @@ import { View, Pressable, StyleSheet } from "react-native";
 import {
   AtomicText,
   AtomicIcon,
-  useAppDesignTokens,
   useSafeAreaInsets,
 } from "@umituz/react-native-design-system";
 import { useLocalization } from "@umituz/react-native-localization";
@@ -29,7 +28,6 @@ export const GeneratorHeader: React.FC<GeneratorHeaderProps> = ({
   onGenerate,
   isGenerating,
 }) => {
-  const tokens = useAppDesignTokens();
   const { top } = useSafeAreaInsets();
   const { t } = useLocalization();
 

package/src/features/love-message/presentation/hooks/useLoveMessageGenerator.ts

@@ -4,7 +4,7 @@
  */
 
 import { useState, useCallback, useEffect } from "react";
-import { useNavigation, useIsFocused, useRoute } from "@react-navigation/native";
+import { useIsFocused } from "@react-navigation/native";
 import { MessageType, MessageTone } from "../../domain/types";
 import { generateLoveMessage } from "../../infrastructure/services/LoveMessageService";
 import { PartnerProfileRepository } from "../../infrastructure/persistence/PartnerProfileRepository";
@@ -76,7 +76,7 @@ export const useLoveMessageGenerator = (config: {
 
       setGeneratedMessage(message);
       setCurrentStep(GeneratorStep.RESULT);
-    } catch (error) {
+    } catch {
       // Error handled in usecase
     } finally {
       setIsGenerating(false);

package/src/features/love-message/presentation/hooks/usePartnerProfile.ts

@@ -3,7 +3,6 @@
  */
 
 import { useState, useEffect, useCallback } from "react";
-import { useNavigation } from "@react-navigation/native";
 import { PartnerProfile } from "../../domain/types";
 import { PartnerProfileRepository } from "../../infrastructure/persistence/PartnerProfileRepository";
 

package/src/features/love-message/presentation/navigation/LoveMessageStack.tsx

@@ -5,10 +5,10 @@
 
 import React from "react";
 import { createStackNavigator } from "@react-navigation/stack";
-import { LoveMessageExploreScreen } from "@domains/love-message/presentation/screens/LoveMessageExploreScreen";
-import { MessageListScreen } from "@domains/love-message/presentation/screens/MessageListScreen";
-import { LoveMessageGeneratorScreen } from "@domains/love-message/presentation/screens/LoveMessageGeneratorScreen";
-import { PartnerProfileScreen } from "@domains/love-message/presentation/screens/PartnerProfileScreen";
+import { LoveMessageExploreScreen } from "../screens/LoveMessageExploreScreen";
+import { MessageListScreen } from "../screens/MessageListScreen";
+import { LoveMessageGeneratorScreen } from "../screens/LoveMessageGeneratorScreen";
+import { PartnerProfileScreen } from "../screens/PartnerProfileScreen";
 
 export type LoveMessageStackParamList = {
   LoveMessageExplore: undefined;

package/src/features/love-message/presentation/screens/LoveMessageExploreScreen.tsx

@@ -3,16 +3,12 @@
  * Premium entry point for Love Message domain
  */
 
-import { FC, useCallback } from "react";
-import { View, ScrollView, StyleSheet, Pressable } from "react-native";
+import { FC } from "react";
+import { View, ScrollView, StyleSheet } from "react-native";
 import {
-  AtomicText,
-  AtomicIcon,
   useAppDesignTokens,
   useSafeAreaInsets,
 } from "@umituz/react-native-design-system";
-import { useLocalization } from "@umituz/react-native-localization";
-import { useNavigation } from "@react-navigation/native";
 import { ExploreHeader } from "../components/ExploreHeader";
 import { LoveMessageHeroSection } from "../components/LoveMessageHeroSection";
 import { CategoryGrid } from "../components/CategoryGrid";
@@ -31,7 +27,6 @@ export const LoveMessageExploreScreen: FC<LoveMessageExploreScreenProps> = ({
 }) => {
   const tokens = useAppDesignTokens();
   const { bottom } = useSafeAreaInsets();
-  const { t } = useLocalization();
 
   return (
     <View style={[styles.container, { backgroundColor: tokens.colors.backgroundPrimary }]}>

package/src/features/love-message/presentation/screens/MessageListScreen.tsx

@@ -11,7 +11,6 @@ import {
   useSafeAreaInsets,
 } from "@umituz/react-native-design-system";
 import { useLocalization } from "@umituz/react-native-localization";
-import { useNavigation, useRoute } from "@react-navigation/native";
 import { CATEGORY_TEMPLATES, MESSAGE_TYPES } from "../../domain/constants";
 import { MessageListItem } from "../components/MessageListItem";