@umituz/react-native-ai-generation-content 1.17.239 → 1.17.241

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.17.239",
+  "version": "1.17.241",
   "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/domain/entities/Creation.ts

@@ -30,6 +30,8 @@ export interface Creation {
   readonly createdAt: Date;
   readonly isShared: boolean;
   readonly isFavorite: boolean;
+  readonly rating?: number;
+  readonly ratedAt?: Date;
   // Extended fields for job-based creations
   readonly status?: CreationStatus;
   readonly output?: CreationOutput;
@@ -49,6 +51,8 @@ export interface CreationDocument {
   readonly output?: CreationOutput | null;
   readonly isShared: boolean;
   readonly isFavorite?: boolean;
+  readonly rating?: number;
+  readonly ratedAt?: FirebaseTimestamp | Date;
   readonly createdAt: FirebaseTimestamp | Date;
   readonly completedAt?: FirebaseTimestamp | Date;
 }
@@ -78,6 +82,13 @@ export function mapDocumentToCreation(
               data.uri ||
               "";
 
+  let ratedAtDate: Date | undefined;
+  if (data.ratedAt instanceof Date) {
+    ratedAtDate = data.ratedAt;
+  } else if (data.ratedAt && typeof data.ratedAt === "object" && "toDate" in data.ratedAt && typeof data.ratedAt.toDate === "function") {
+    ratedAtDate = data.ratedAt.toDate();
+  }
+
   return {
     id,
     uri,
@@ -88,6 +99,8 @@ export function mapDocumentToCreation(
     createdAt: creationDate,
     isShared: data.isShared ?? false,
     isFavorite: data.isFavorite ?? false,
+    rating: data.rating,
+    ratedAt: ratedAtDate,
     status: data.status as CreationStatus | undefined,
     output: data.output ?? undefined,
   };

package/src/domains/creations/presentation/components/CreationDetail/DetailActions.tsx

@@ -6,21 +6,36 @@ import { AtomicText, AtomicIcon, useAppDesignTokens, type DesignTokens } from "@
 interface DetailActionsProps {
     readonly onShare: () => void;
     readonly onDelete: () => void;
+    readonly onViewResult?: () => void;
     readonly shareLabel: string;
     readonly deleteLabel: string;
+    readonly viewResultLabel?: string;
 }
 
 export const DetailActions: React.FC<DetailActionsProps> = ({
     onShare,
     onDelete,
+    onViewResult,
     shareLabel,
-    deleteLabel
+    deleteLabel,
+    viewResultLabel
 }) => {
     const tokens = useAppDesignTokens();
     const styles = useStyles(tokens);
 
     return (
         <View style={styles.container}>
+            {onViewResult && viewResultLabel && (
+                <TouchableOpacity
+                    style={[styles.button, styles.viewResultButton]}
+                    onPress={onViewResult}
+                    activeOpacity={0.7}
+                >
+                    <AtomicIcon name="eye-outline" size="sm" color="onPrimary" />
+                    <AtomicText style={styles.buttonText}>{viewResultLabel}</AtomicText>
+                </TouchableOpacity>
+            )}
+
             <TouchableOpacity
                 style={[styles.button, styles.shareButton]}
                 onPress={onShare}
@@ -48,6 +63,7 @@ const useStyles = (tokens: DesignTokens) => StyleSheet.create({
     container: {
         flexDirection: 'row',
         justifyContent: 'center',
+        flexWrap: 'wrap',
         gap: tokens.spacing.md,
         paddingHorizontal: tokens.spacing.lg,
         marginBottom: tokens.spacing.xxl,
@@ -57,10 +73,13 @@ const useStyles = (tokens: DesignTokens) => StyleSheet.create({
         alignItems: 'center',
         justifyContent: 'center',
         paddingVertical: 12,
-        paddingHorizontal: 24,
+        paddingHorizontal: 20,
         borderRadius: 16,
         gap: 8,
-        minWidth: 120,
+        minWidth: 110,
+    },
+    viewResultButton: {
+        backgroundColor: tokens.colors.primary,
     },
     shareButton: {
         backgroundColor: tokens.colors.primary,

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

@@ -21,6 +21,7 @@ interface CreationDetailScreenProps {
     readonly onClose: () => void;
     readonly onShare: (creation: Creation) => void;
     readonly onDelete: (creation: Creation) => void;
+    readonly onViewResult?: (creation: Creation) => void;
     readonly t: (key: string) => string;
 }
 
@@ -37,6 +38,7 @@ export const CreationDetailScreen: React.FC<CreationDetailScreenProps> = ({
     onClose,
     onShare,
     onDelete,
+    onViewResult,
     t
 }) => {
     const tokens = useAppDesignTokens();
@@ -100,8 +102,10 @@ export const CreationDetailScreen: React.FC<CreationDetailScreenProps> = ({
                 <DetailActions
                     onShare={() => onShare(creation)}
                     onDelete={() => onDelete(creation)}
+                    onViewResult={onViewResult ? () => onViewResult(creation) : undefined}
                     shareLabel={t("result.shareButton")}
                     deleteLabel={t("common.delete")}
+                    viewResultLabel={onViewResult ? t("result.viewResult") : undefined}
                 />
             </ScrollView>
 

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

@@ -55,7 +55,7 @@ export const ResultActionBar: React.FC<ResultActionBarProps> = ({
           title={isSaving ? saveButtonLoadingText : saveButtonText}
           onPress={onDownload}
           disabled={isSaving}
-          variant="outlined"
+          variant="outline"
           icon="download"
           style={styles.button}
         />
@@ -63,7 +63,7 @@ export const ResultActionBar: React.FC<ResultActionBarProps> = ({
           title={isSharing ? shareButtonLoadingText : shareButtonText}
           onPress={onShare}
           disabled={isSharing}
-          variant="filled"
+          variant="primary"
           icon="share-social"
           style={styles.button}
         />
@@ -72,7 +72,7 @@ export const ResultActionBar: React.FC<ResultActionBarProps> = ({
         <AtomicButton
           title={tryAgainButtonText}
           onPress={onTryAgain}
-          variant="outlined"
+          variant="outline"
           icon="refresh"
           style={styles.button}
         />
@@ -80,7 +80,7 @@ export const ResultActionBar: React.FC<ResultActionBarProps> = ({
           <AtomicButton
             title={rateButtonText}
             onPress={onRate}
-            variant="filled"
+            variant="primary"
             icon="star"
             style={styles.button}
           />