@umituz/react-native-ai-generation-content 1.12.32 → 1.12.34

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.12.32",
+  "version": "1.12.34",
   "description": "Provider-agnostic AI generation orchestration for React Native",
   "main": "src/index.ts",
   "types": "src/index.ts",
@@ -45,6 +45,7 @@
     "@umituz/react-native-firebase": "*",
     "@umituz/react-native-image": "*",
     "@umituz/react-native-offline": "*",
+    "@umituz/react-native-timezone": "*",
     "@umituz/react-native-uuid": "*",
     "expo-linear-gradient": ">=15.0.0",
     "firebase": ">=10.0.0",
@@ -71,6 +72,7 @@
     "@umituz/react-native-haptics": "^1.0.2",
     "@umituz/react-native-image": "*",
     "@umituz/react-native-offline": "*",
+    "@umituz/react-native-timezone": "^1.3.4",
     "@umituz/react-native-uuid": "*",
     "eslint": "^8.57.0",
     "expo-application": "^7.0.8",

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

@@ -1,8 +1,3 @@
-/**
- * CreationCard Component
- * Displays a creation item with actions
- */
-
 import React, { useMemo, useCallback } from "react";
 import { View, Image, TouchableOpacity, StyleSheet } from "react-native";
 import {
@@ -10,6 +5,7 @@ import {
   AtomicIcon,
   useAppDesignTokens,
 } from "@umituz/react-native-design-system";
+import { timezoneService } from "@umituz/react-native-timezone";
 import type { Creation } from "../../domain/entities/Creation";
 import type { CreationType } from "../../domain/value-objects/CreationsConfig";
 
@@ -19,6 +15,8 @@ interface CreationCardProps {
   readonly onView?: (creation: Creation) => void;
   readonly onShare: (creation: Creation) => void;
   readonly onDelete: (creation: Creation) => void;
+  readonly onFavorite?: (creation: Creation, isFavorite: boolean) => void;
+  readonly locale?: string;
 }
 
 export function CreationCard({
@@ -27,11 +25,13 @@ export function CreationCard({
   onView,
   onShare,
   onDelete,
+  onFavorite,
+  locale = "en-US",
 }: CreationCardProps) {
   const tokens = useAppDesignTokens();
 
   const typeConfig = types.find((t) => t.id === creation.type);
-  const icon = typeConfig?.icon || "🎨";
+  const icon = typeConfig?.icon;
   const label = typeConfig?.labelKey || creation.type;
 
   const handleView = useCallback(() => onView?.(creation), [creation, onView]);
@@ -40,19 +40,24 @@ export function CreationCard({
     () => onDelete(creation),
     [creation, onDelete],
   );
+  const handleFavorite = useCallback(
+    () => onFavorite?.(creation, !creation.isFavorite),
+    [creation, onFavorite],
+  );
 
   const formattedDate = useMemo(() => {
     const date =
       creation.createdAt instanceof Date
         ? creation.createdAt
         : new Date(creation.createdAt);
-    return date.toLocaleDateString(undefined, {
-      day: "numeric",
+
+    return timezoneService.formatDateTime(date, locale, {
       month: "short",
+      day: "numeric",
       hour: "2-digit",
       minute: "2-digit",
     });
-  }, [creation.createdAt]);
+  }, [creation.createdAt, locale]);
 
   const styles = useMemo(
     () =>
@@ -112,7 +117,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 +128,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,8 @@ 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 locale?: string;
     readonly contentContainerStyle?: ViewStyle;
     readonly ListEmptyComponent?: React.ReactElement | null;
     readonly ListHeaderComponent?: React.ComponentType<unknown> | React.ReactElement | null;
@@ -26,6 +28,8 @@ export const CreationsGrid: React.FC<CreationsGridProps> = ({
     onView,
     onShare,
     onDelete,
+    onFavorite,
+    locale,
     contentContainerStyle,
     ListEmptyComponent,
     ListHeaderComponent,
@@ -40,6 +44,8 @@ export const CreationsGrid: React.FC<CreationsGridProps> = ({
             onView={() => onView(item)}
             onShare={() => onShare(item)}
             onDelete={() => onDelete(item)}
+            onFavorite={onFavorite ? (creation, isFavorite) => onFavorite(creation, isFavorite) : undefined}
+            locale={locale}
         />
     );
 

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

@@ -19,6 +19,7 @@ interface CreationsGalleryScreenProps {
   readonly repository: ICreationsRepository;
   readonly config: CreationsConfig;
   readonly t: (key: string) => string;
+  readonly locale?: string;
   readonly enableEditing?: boolean;
   readonly onImageEdit?: (uri: string, creationId: string) => void | Promise<void>;
   readonly onEmptyAction?: () => void;
@@ -30,6 +31,7 @@ export function CreationsGalleryScreen({
   repository,
   config,
   t,
+  locale = "en-US",
   enableEditing = false,
   onImageEdit,
   onEmptyAction,
@@ -95,6 +97,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 +163,8 @@ export function CreationsGalleryScreen({
         onView={handleView}
         onShare={handleShare}
         onDelete={handleDelete}
+        onFavorite={handleFavorite}
+        locale={locale}
         contentContainerStyle={{ paddingBottom: insets.bottom + tokens.spacing.xl }}
         ListEmptyComponent={renderEmptyComponent}
       />