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

package/package.json

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

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

@@ -49,6 +49,8 @@ export interface GenericWizardFlowProps {
   readonly onBack?: () => void;
   readonly onTryAgain?: () => void;
   readonly onDismissGenerating?: () => void;
+  /** Called when user finishes the flow (e.g. "View All Creations") */
+  readonly onFinish?: () => void;
   readonly t: (key: string) => string;
   readonly translations?: Record<string, string>;
   readonly renderPreview?: (onContinue: () => void) => React.ReactElement | null;
@@ -78,6 +80,7 @@ export const GenericWizardFlow: React.FC<GenericWizardFlowProps> = (props) => {
     onBack,
     onTryAgain,
     onDismissGenerating,
+    onFinish,
     t,
     renderPreview,
     renderGenerating,
@@ -140,6 +143,7 @@ export const GenericWizardFlow: React.FC<GenericWizardFlowProps> = (props) => {
       onBack={onBack}
       onTryAgain={onTryAgain}
       onDismissGenerating={onDismissGenerating}
+      onViewCreations={onFinish}
       t={t}
       renderPreview={renderPreview}
       renderGenerating={renderGenerating}

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

@@ -51,6 +51,7 @@ interface WizardFlowContentProps {
   readonly onBack?: () => void;
   readonly onTryAgain?: () => void;
   readonly onDismissGenerating?: () => void;
+  readonly onViewCreations?: () => void;
   readonly t: (key: string) => string;
   readonly renderPreview?: (onContinue: () => void) => React.ReactElement | null;
   readonly renderGenerating?: (progress: number) => React.ReactElement | null;
@@ -79,6 +80,7 @@ export const WizardFlowContent: React.FC<WizardFlowContentProps> = (props) => {
     onBack,
     onTryAgain,
     onDismissGenerating,
+    onViewCreations,
     t,
     renderPreview,
     renderGenerating,
@@ -249,6 +251,7 @@ export const WizardFlowContent: React.FC<WizardFlowContentProps> = (props) => {
         onRate={() => setShowRatingPicker(true)}
         onTryAgain={onTryAgain}
         onDismissGenerating={handlers.handleDismissGenerating}
+        onViewCreations={onViewCreations}
         t={t}
         alertMessages={alertMessages}
         renderPreview={renderPreview}

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

@@ -33,6 +33,7 @@ export const WizardStepRenderer: React.FC<WizardStepRendererProps> = ({
   onShare,
   onRate,
   onTryAgain,
+  onViewCreations,
   onDismissGenerating,
   t,
   alertMessages,
@@ -82,6 +83,7 @@ export const WizardStepRenderer: React.FC<WizardStepRendererProps> = ({
           onRate={onRate}
           onTryAgain={handleTryAgain}
           onNavigateBack={handleTryAgain}
+          onViewCreations={onViewCreations}
           hideLabel
           iconOnly
           showTryAgain
@@ -93,6 +95,7 @@ export const WizardStepRenderer: React.FC<WizardStepRendererProps> = ({
             shareButton: t("generation.result.share"),
             sharing: t("generation.result.sharing"),
             tryAnother: t("generation.result.tryAnother"),
+            viewCreations: t("generation.result.viewCreations"),
           }}
         />
       );

package/src/domains/generation/wizard/presentation/components/WizardStepRenderer.types.ts

@@ -23,6 +23,8 @@ export interface WizardStepRendererProps {
   readonly onShare: () => void;
   readonly onRate?: () => void;
   readonly onTryAgain?: () => void;
+  /** Navigate to creations from result screen */
+  readonly onViewCreations?: () => void;
   /** Called when user dismisses generating screen - generation continues in background */
   readonly onDismissGenerating?: () => void;
   readonly t: (key: string) => string;

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

@@ -1,6 +1,6 @@
 import React, { useMemo } from "react";
-import { StyleSheet, View } from "react-native";
-import { AtomicText } from "@umituz/react-native-design-system/atoms";
+import { StyleSheet, View, TouchableOpacity } from "react-native";
+import { AtomicText, AtomicIcon } 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";
@@ -27,6 +27,7 @@ export const ResultPreviewScreen: React.FC<ResultPreviewScreenProps> = ({
   recentCreations,
   onViewAll,
   onCreationPress,
+  onViewCreations,
   translations,
   style,
   hideLabel = false,
@@ -52,6 +53,22 @@ 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]
   );
@@ -84,6 +101,18 @@ export const ResultPreviewScreen: React.FC<ResultPreviewScreenProps> = ({
             showTryAgain={showTryAgain}
             showRating={showRating}
           />
+          {onViewCreations && (
+            <TouchableOpacity
+              style={styles.galleryButton}
+              onPress={onViewCreations}
+              activeOpacity={0.7}
+            >
+              <AtomicText style={styles.galleryButtonText}>
+                {translations.viewCreations || "View My Creations"}
+              </AtomicText>
+              <AtomicIcon name="arrow-forward" size="sm" color="primary" />
+            </TouchableOpacity>
+          )}
         </View>
         {showRecent && recentCreations && translations.recentCreations && translations.viewAll && (
           <RecentCreationsSection

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

@@ -30,10 +30,11 @@ export interface ResultPreviewScreenProps {
   onShareToFeed?: () => void;
   /** Recent creations to display */
   recentCreations?: readonly RecentCreation[];
-  /** Navigate to all creations */
   onViewAll?: () => void;
   /** View a specific creation */
   onCreationPress?: (creation: RecentCreation) => void;
+  /** Navigate to creations gallery */
+  onViewCreations?: () => void;
   /** Translations */
   translations: ResultPreviewTranslations;
   /** Optional custom style */
@@ -72,4 +73,6 @@ export interface ResultPreviewTranslations {
   recentCreations?: string;
   /** View all button */
   viewAll?: string;
+  /** View creations button text */
+  viewCreations?: string;
 }