@umituz/react-native-ai-generation-content 1.12.31 → 1.12.33

package/package.json

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

package/src/domains/creations/domain/entities/Creation.ts

@@ -12,6 +12,7 @@ export interface Creation {
   readonly originalUri?: string;
   readonly createdAt: Date;
   readonly isShared: boolean;
+  readonly isFavorite: boolean;
 }
 
 export interface CreationDocument {
@@ -26,6 +27,7 @@ export interface CreationDocument {
   readonly type?: string;
   readonly status?: string;
   readonly isShared: boolean;
+  readonly isFavorite?: boolean;
   readonly createdAt: FirebaseTimestamp | Date; // Allow Date for writing
   readonly completedAt?: FirebaseTimestamp | Date;
 }
@@ -56,5 +58,6 @@ export function mapDocumentToCreation(
     originalUri: data.originalImageUrl || data.originalImage,
     createdAt: creationDate,
     isShared: data.isShared ?? false,
+    isFavorite: data.isFavorite ?? false,
   };
 }

package/src/domains/creations/domain/repositories/ICreationsRepository.ts

@@ -20,4 +20,9 @@ export interface ICreationsRepository {
     creationId: string,
     isShared: boolean,
   ): Promise<boolean>;
+  updateFavorite(
+    userId: string,
+    creationId: string,
+    isFavorite: boolean,
+  ): Promise<boolean>;
 }

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

@@ -238,4 +238,20 @@ export class CreationsRepository
       return false;
     }
   }
+
+  async updateFavorite(
+    userId: string,
+    creationId: string,
+    isFavorite: boolean,
+  ): Promise<boolean> {
+    const docRef = this.getDocRef(userId, creationId);
+    if (!docRef) return false;
+
+    try {
+      await updateDoc(docRef, { isFavorite });
+      return true;
+    } catch {
+      return false;
+    }
+  }
 }

package/src/domains/creations/presentation/components/CreationCard.tsx

@@ -19,6 +19,7 @@ interface CreationCardProps {
   readonly onView?: (creation: Creation) => void;
   readonly onShare: (creation: Creation) => void;
   readonly onDelete: (creation: Creation) => void;
+  readonly onFavorite?: (creation: Creation, isFavorite: boolean) => void;
 }
 
 export function CreationCard({
@@ -27,6 +28,7 @@ export function CreationCard({
   onView,
   onShare,
   onDelete,
+  onFavorite,
 }: CreationCardProps) {
   const tokens = useAppDesignTokens();
 
@@ -40,6 +42,10 @@ export function CreationCard({
     () => onDelete(creation),
     [creation, onDelete],
   );
+  const handleFavorite = useCallback(
+    () => onFavorite?.(creation, !creation.isFavorite),
+    [creation, onFavorite],
+  );
 
   const formattedDate = useMemo(() => {
     const date =
@@ -112,7 +118,7 @@ export function CreationCard({
       <View style={styles.content}>
         <View>
           <View style={styles.typeRow}>
-            <AtomicText style={styles.icon}>{icon}</AtomicText>
+            <AtomicIcon name={icon} size="sm" color="primary" />
             <AtomicText style={styles.typeText}>{label}</AtomicText>
           </View>
           <AtomicText style={styles.dateText}>{formattedDate}</AtomicText>
@@ -123,6 +129,15 @@ export function CreationCard({
               <AtomicIcon name="eye" size="sm" color="primary" />
             </TouchableOpacity>
           )}
+          {onFavorite && (
+            <TouchableOpacity style={styles.actionBtn} onPress={handleFavorite}>
+              <AtomicIcon
+                name={creation.isFavorite ? "heart" : "heart-outline"}
+                size="sm"
+                color={creation.isFavorite ? "error" : "primary"}
+              />
+            </TouchableOpacity>
+          )}
           <TouchableOpacity style={styles.actionBtn} onPress={handleShare}>
             <AtomicIcon name="share-social" size="sm" color="primary" />
           </TouchableOpacity>

package/src/domains/creations/presentation/components/CreationsGrid.tsx

@@ -13,6 +13,7 @@ interface CreationsGridProps {
     readonly onView: (creation: Creation) => void;
     readonly onShare: (creation: Creation) => void;
     readonly onDelete: (creation: Creation) => void;
+    readonly onFavorite?: (creation: Creation, isFavorite: boolean) => void;
     readonly contentContainerStyle?: ViewStyle;
     readonly ListEmptyComponent?: React.ReactElement | null;
     readonly ListHeaderComponent?: React.ComponentType<unknown> | React.ReactElement | null;
@@ -26,6 +27,7 @@ export const CreationsGrid: React.FC<CreationsGridProps> = ({
     onView,
     onShare,
     onDelete,
+    onFavorite,
     contentContainerStyle,
     ListEmptyComponent,
     ListHeaderComponent,
@@ -40,6 +42,7 @@ export const CreationsGrid: React.FC<CreationsGridProps> = ({
             onView={() => onView(item)}
             onShare={() => onShare(item)}
             onDelete={() => onDelete(item)}
+            onFavorite={onFavorite ? (creation, isFavorite) => onFavorite(creation, isFavorite) : undefined}
         />
     );
 

package/src/domains/creations/presentation/screens/CreationsGalleryScreen.tsx

@@ -95,6 +95,15 @@ export function CreationsGalleryScreen({
     setSelectedCreation(creation);
   }, []);
 
+  // Handle favorite toggle
+  const handleFavorite = useCallback(async (creation: Creation, isFavorite: boolean) => {
+    if (!userId) return;
+    const success = await repository.updateFavorite(userId, creation.id, isFavorite);
+    if (success) {
+      void refetch();
+    }
+  }, [userId, repository, refetch]);
+
   const styles = useStyles(tokens);
 
   const renderEmptyComponent = useMemo(() => (
@@ -152,6 +161,7 @@ export function CreationsGalleryScreen({
         onView={handleView}
         onShare={handleShare}
         onDelete={handleDelete}
+        onFavorite={handleFavorite}
         contentContainerStyle={{ paddingBottom: insets.bottom + tokens.spacing.xl }}
         ListEmptyComponent={renderEmptyComponent}
       />