@umituz/react-native-ai-generation-content 1.89.6 → 1.89.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.89.6",
+  "version": "1.89.8",
   "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/creation-create.operations.ts

@@ -18,19 +18,20 @@ export async function createCreation(
     type: creation.type,
     uri: creation.uri,
     createdAt: creation.createdAt,
-    deletedAt: undefined,
     metadata: creation.metadata ?? {},
     isShared: creation.isShared ?? false,
     isFavorite: creation.isFavorite ?? false,
-    status: creation.status ?? undefined,
-    output: creation.output ?? undefined,
-    prompt: creation.prompt ?? undefined,
-    provider: creation.provider ?? undefined,
-    requestId: creation.requestId ?? undefined,
-    model: creation.model ?? undefined,
-    startedAt: creation.startedAt ?? undefined,
   };
 
+  // Add optional fields only if they have values (Firestore rejects undefined)
+  if (creation.status) data.status = creation.status;
+  if (creation.output) data.output = creation.output;
+  if (creation.prompt) data.prompt = creation.prompt;
+  if (creation.provider) data.provider = creation.provider;
+  if (creation.requestId) data.requestId = creation.requestId;
+  if (creation.model) data.model = creation.model;
+  if (creation.startedAt) data.startedAt = creation.startedAt;
+
   try {
     await setDoc(docRef, data);
   } catch (error) {

package/src/domains/generation/wizard/presentation/components/WizardStepRenderer.tsx

@@ -96,6 +96,8 @@ export const WizardStepRenderer: React.FC<WizardStepRendererProps> = ({
             sharing: t("generation.result.sharing"),
             tryAnother: t("generation.result.tryAnother"),
             viewCreations: t("generation.result.viewCreations"),
+            redirectTitle: t("generator.redirect.title"),
+            redirectDescription: t("generator.redirect.description"),
           }}
         />
       );

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

@@ -1,11 +1,12 @@
 import React, { useMemo } from "react";
-import { StyleSheet, View, TouchableOpacity } from "react-native";
-import { AtomicText, AtomicIcon } from "@umituz/react-native-design-system/atoms";
+import { StyleSheet, View } from "react-native";
+import { AtomicText } from "@umituz/react-native-design-system/atoms";
 import { NavigationHeader } from "@umituz/react-native-design-system/molecules";
 import { ScreenLayout } from "@umituz/react-native-design-system/layouts";
 import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import { ResultImageCard } from "./ResultImageCard";
 import { ResultActionBar } from "./ResultActionBar";
+import { SuccessRedirectionCard } from "../../../../presentation/components/result/SuccessRedirectionCard";
 import { RecentCreationsSection } from "./RecentCreationsSection";
 import { VideoResultPlayer } from "../../../../presentation/components/display/VideoResultPlayer";
 import type { ResultPreviewScreenProps } from "../types/result-preview.types";
@@ -53,22 +54,6 @@ export const ResultPreviewScreen: React.FC<ResultPreviewScreenProps> = ({
           color: tokens.colors.textPrimary,
           marginBottom: tokens.spacing.md,
         },
-        galleryButton: {
-          flexDirection: "row",
-          alignItems: "center",
-          justifyContent: "space-between",
-          backgroundColor: tokens.colors.surfaceSecondary,
-          padding: tokens.spacing.md,
-          borderRadius: tokens.radius.lg,
-          marginTop: tokens.spacing.xl,
-          borderWidth: StyleSheet.hairlineWidth,
-          borderColor: tokens.colors.borderLight,
-        },
-        galleryButtonText: {
-          fontSize: 15,
-          fontWeight: "700",
-          color: tokens.colors.textPrimary,
-        },
       }),
     [tokens]
   );
@@ -102,16 +87,13 @@ export const ResultPreviewScreen: React.FC<ResultPreviewScreenProps> = ({
             showRating={showRating}
           />
           {onViewCreations && (
-            <TouchableOpacity
-              style={styles.galleryButton}
+            <SuccessRedirectionCard
               onPress={onViewCreations}
-              activeOpacity={0.7}
-            >
-              <AtomicText style={styles.galleryButtonText}>
-                {translations.viewCreations || "View My Creations"}
-              </AtomicText>
-              <AtomicIcon name="arrow-forward" size="sm" color="primary" />
-            </TouchableOpacity>
+              title={translations.redirectTitle || "Your Creation is Ready!"}
+              description={translations.redirectDescription || "Head over to the My Creations screen to view full details."}
+              buttonText={translations.viewCreations || "View My Creations"}
+              style={{ marginTop: tokens.spacing.xl }}
+            />
           )}
         </View>
         {showRecent && recentCreations && translations.recentCreations && translations.viewAll && (

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

@@ -75,4 +75,8 @@ export interface ResultPreviewTranslations {
   viewAll?: string;
   /** View creations button text */
   viewCreations?: string;
+  /** Redirection title */
+  redirectTitle?: string;
+  /** Redirection description */
+  redirectDescription?: string;
 }

package/src/presentation/components/result/SuccessRedirectionCard.tsx

@@ -0,0 +1,120 @@
+import React from "react";
+import { View, TouchableOpacity, StyleSheet, StyleProp, ViewStyle } from "react-native";
+import {
+  AtomicText,
+  AtomicIcon,
+} from "@umituz/react-native-design-system/atoms";
+import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
+
+export interface SuccessRedirectionCardProps {
+  onPress: () => void;
+  title: string;
+  description: string;
+  buttonText: string;
+  iconName?: string;
+  style?: StyleProp<ViewStyle>;
+}
+
+/**
+ * SuccessRedirectionCard Component
+ * A card displayed after successful generation to redirect users to their creations
+ */
+export const SuccessRedirectionCard: React.FC<SuccessRedirectionCardProps> = ({
+  onPress,
+  title,
+  description,
+  buttonText,
+  iconName = "images-outline",
+  style,
+}) => {
+  const tokens = useAppDesignTokens();
+
+  return (
+    <View
+      style={[
+        styles.container,
+        {
+          backgroundColor: tokens.colors.surfaceSecondary,
+          borderColor: tokens.colors.borderLight,
+        },
+        style,
+      ]}
+    >
+      <View
+        style={[
+          styles.iconWrap,
+          { backgroundColor: tokens.colors.backgroundPrimary },
+        ]}
+      >
+        <AtomicIcon name={iconName as any} size="xl" color="primary" />
+      </View>
+
+      <AtomicText type="titleSmall" color="textPrimary" style={styles.title}>
+        {title}
+      </AtomicText>
+
+      <AtomicText
+        type="bodySmall"
+        color="textSecondary"
+        style={styles.description}
+      >
+        {description}
+      </AtomicText>
+
+      <TouchableOpacity
+        style={[styles.button, { backgroundColor: tokens.colors.primary }]}
+        onPress={onPress}
+        activeOpacity={0.7}
+      >
+        <AtomicText
+          type="labelMedium"
+          color="onPrimary"
+          style={styles.buttonText}
+        >
+          {buttonText}
+        </AtomicText>
+        <AtomicIcon name="arrow-forward" size="sm" color="onPrimary" />
+      </TouchableOpacity>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    padding: 20,
+    borderRadius: 16,
+    borderWidth: 1,
+    alignItems: "center",
+    gap: 8,
+  },
+  iconWrap: {
+    width: 64,
+    height: 64,
+    borderRadius: 32,
+    alignItems: "center",
+    justifyContent: "center",
+    marginBottom: 4,
+  },
+  title: {
+    fontWeight: "700",
+    textAlign: "center",
+  },
+  description: {
+    textAlign: "center",
+    lineHeight: 20,
+    marginBottom: 8,
+  },
+  button: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    paddingHorizontal: 24,
+    paddingVertical: 14,
+    borderRadius: 24,
+    gap: 4,
+    width: "100%",
+  },
+  buttonText: {
+    fontWeight: "700",
+  },
+});

package/src/presentation/components/result/index.ts

@@ -20,6 +20,9 @@ export type { ResultStoryCardProps } from "./ResultStoryCard";
 export { ResultActions } from "./ResultActions";
 export type { ResultActionsProps } from "./ResultActions";
 
+export { SuccessRedirectionCard } from "./SuccessRedirectionCard";
+export type { SuccessRedirectionCardProps } from "./SuccessRedirectionCard";
+
 export {
   DEFAULT_RESULT_CONFIG,
 } from "../../types/result-config.types";