@umituz/react-native-ai-generation-content 1.17.277 → 1.17.278

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.17.277",
+  "version": "1.17.278",
   "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/presentation/screens/CreationsGalleryScreen.tsx

@@ -8,8 +8,8 @@ import {
   useSharing,
   FilterSheet,
   ScreenLayout,
+  useAppFocusEffect,
 } from "@umituz/react-native-design-system";
-import { useFocusEffect } from "@react-navigation/native";
 import { useCreations } from "../hooks/useCreations";
 import { useDeleteCreation } from "../hooks/useDeleteCreation";
 import { useGalleryFilters } from "../hooks/useGalleryFilters";
@@ -64,7 +64,7 @@ export function CreationsGalleryScreen({
 
   const filters = useGalleryFilters({ creations, statusOptions, mediaOptions, t });
 
-  useFocusEffect(useCallback(() => { void refetch(); }, [refetch]));
+  useAppFocusEffect(useCallback(() => { void refetch(); }, [refetch]));
 
   const handleShareCard = useCallback((c: Creation) => {
     void share(c.uri, { dialogTitle: t("common.share") });
@@ -177,14 +177,17 @@ export function CreationsGalleryScreen({
         onShare={handleShare}
         onTryAgain={handleTryAgain}
         onNavigateBack={handleBack}
+        hideLabel
+        iconOnly
+        showTryAgain={false}
         translations={{
-          title: t(config.translations.resultTitle ?? "result.title"),
-          yourResult: t(config.translations.resultLabel ?? "result.yourResult"),
+          title: t(config.translations.title),
+          yourResult: "",
           saveButton: t("result.saveButton"),
           saving: t("result.saving"),
           shareButton: t("result.shareButton"),
           sharing: t("result.sharing"),
-          tryAnother: t("result.tryAnother"),
+          tryAnother: "",
         }}
       />
     );

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

@@ -1,6 +1,6 @@
 /**
  * ResultActionBar Component
- * Action buttons for save, share, retry, and rate
+ * Action buttons for save, share, retry
  */
 
 import React, { useMemo } from "react";
@@ -21,6 +21,8 @@ export const ResultActionBar: React.FC<ResultActionBarProps> = ({
   saveButtonText,
   shareButtonText,
   tryAgainButtonText,
+  iconOnly = false,
+  showTryAgain = true,
 }) => {
   const tokens = useAppDesignTokens();
 
@@ -46,15 +48,57 @@ export const ResultActionBar: React.FC<ResultActionBarProps> = ({
           minWidth: 110,
           backgroundColor: tokens.colors.primary,
         },
+        iconButton: {
+          width: 56,
+          height: 56,
+          borderRadius: 28,
+          backgroundColor: tokens.colors.primary,
+          justifyContent: "center",
+          alignItems: "center",
+        },
         buttonText: {
           fontWeight: "700",
           color: tokens.colors.textInverse,
           fontSize: 15,
         },
+        disabledButton: {
+          opacity: 0.6,
+        },
       }),
     [tokens],
   );
 
+  if (iconOnly) {
+    return (
+      <View style={styles.container}>
+        <TouchableOpacity
+          style={[styles.iconButton, isSaving && styles.disabledButton]}
+          onPress={onDownload}
+          disabled={isSaving}
+          activeOpacity={0.7}
+        >
+          {isSaving ? (
+            <ActivityIndicator color={tokens.colors.textInverse} size="small" />
+          ) : (
+            <AtomicIcon name="download" customSize={24} color="onPrimary" />
+          )}
+        </TouchableOpacity>
+        <TouchableOpacity
+          style={[styles.iconButton, isSharing && styles.disabledButton]}
+          onPress={onShare}
+          disabled={isSharing}
+          activeOpacity={0.7}
+        >
+          {isSharing ? (
+            <ActivityIndicator color={tokens.colors.textInverse} size="small" />
+          ) : (
+            <AtomicIcon name="share-2" customSize={24} color="onPrimary" />
+          )}
+        </TouchableOpacity>
+      </View>
+    );
+  }
+
   return (
     <View style={styles.container}>
       <TouchableOpacity
@@ -66,11 +110,10 @@ export const ResultActionBar: React.FC<ResultActionBarProps> = ({
         {isSaving ? (
           <ActivityIndicator color={tokens.colors.textInverse} size="small" />
         ) : (
-          <AtomicIcon name="download-outline" size="sm" color="onPrimary" />
+          <AtomicIcon name="download" customSize={18} color="onPrimary" />
         )}
         <AtomicText style={styles.buttonText}>{saveButtonText}</AtomicText>
       </TouchableOpacity>
-
       <TouchableOpacity
         style={styles.button}
         onPress={onShare}
@@ -80,19 +123,16 @@ export const ResultActionBar: React.FC<ResultActionBarProps> = ({
         {isSharing ? (
           <ActivityIndicator color={tokens.colors.textInverse} size="small" />
         ) : (
-          <AtomicIcon name="share-social-outline" size="sm" color="onPrimary" />
+          <AtomicIcon name="share-2" customSize={18} color="onPrimary" />
         )}
         <AtomicText style={styles.buttonText}>{shareButtonText}</AtomicText>
       </TouchableOpacity>
-
-      <TouchableOpacity
-        style={styles.button}
-        onPress={onTryAgain}
-        activeOpacity={0.7}
-      >
-        <AtomicIcon name="refresh-outline" size="sm" color="onPrimary" />
-        <AtomicText style={styles.buttonText}>{tryAgainButtonText}</AtomicText>
-      </TouchableOpacity>
+      {showTryAgain && (
+        <TouchableOpacity style={styles.button} onPress={onTryAgain} activeOpacity={0.7}>
+          <AtomicIcon name="refresh-cw" customSize={18} color="onPrimary" />
+          <AtomicText style={styles.buttonText}>{tryAgainButtonText}</AtomicText>
+        </TouchableOpacity>
+      )}
     </View>
   );
 };

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

@@ -24,12 +24,14 @@ export const ResultPreviewScreen: React.FC<ResultPreviewScreenProps> = ({
   onShare,
   onTryAgain,
   onNavigateBack,
-  _onRate,
   recentCreations,
   onViewAll,
   onCreationPress,
   translations,
   style,
+  hideLabel = false,
+  iconOnly = false,
+  showTryAgain = true,
 }) => {
   const tokens = useAppDesignTokens();
 
@@ -55,37 +57,22 @@ export const ResultPreviewScreen: React.FC<ResultPreviewScreenProps> = ({
 
   const displayImageUrl = useMemo(() => {
     if (!imageUrl) return null;
-
-    // If not a URL and not a data URL, assume it's base64
-    if (
-      !imageUrl.startsWith("http") &&
-      !imageUrl.startsWith("data:image")
-    ) {
+    if (!imageUrl.startsWith("http") && !imageUrl.startsWith("data:image")) {
       return `data:image/jpeg;base64,${imageUrl}`;
     }
-
     return imageUrl;
   }, [imageUrl]);
 
-  if (!displayImageUrl) {
-    return null;
-  }
+  if (!displayImageUrl) return null;
 
   return (
-    <ScreenLayout
-      scrollable
-      edges={["left", "right"]}
-      backgroundColor={tokens.colors.backgroundPrimary}
-    >
-      <NavigationHeader
-        title={translations.title}
-        onBackPress={onNavigateBack}
-      />
+    <ScreenLayout scrollable edges={["left", "right"]} backgroundColor={tokens.colors.backgroundPrimary}>
+      <NavigationHeader title={translations.title} onBackPress={onNavigateBack} />
       <View style={[styles.container, style]}>
         <View style={styles.resultContainer}>
-          <AtomicText style={styles.title}>
-            {translations.yourResult}
-          </AtomicText>
+          {!hideLabel && (
+            <AtomicText style={styles.title}>{translations.yourResult}</AtomicText>
+          )}
           <ResultImageCard imageUrl={displayImageUrl} />
           <ResultActionBar
             isSaving={isSaving}
@@ -96,6 +83,8 @@ export const ResultPreviewScreen: React.FC<ResultPreviewScreenProps> = ({
             saveButtonText={translations.saveButton}
             shareButtonText={translations.shareButton}
             tryAgainButtonText={translations.tryAnother}
+            iconOnly={iconOnly}
+            showTryAgain={showTryAgain}
           />
         </View>
         {recentCreations && recentCreations.length > 0 && translations.recentCreations && translations.viewAll && (

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

@@ -69,6 +69,10 @@ export interface ResultActionBarProps {
   shareButtonText: string;
   /** Try again button text */
   tryAgainButtonText: string;
+  /** Show only icons without text */
+  iconOnly?: boolean;
+  /** Show try again button */
+  showTryAgain?: boolean;
 }
 
 /**
@@ -107,6 +111,12 @@ export interface ResultPreviewScreenProps {
   translations: ResultPreviewTranslations;
   /** Optional custom style */
   style?: StyleProp<ViewStyle>;
+  /** Hide "Your Result" label */
+  hideLabel?: boolean;
+  /** Show icon-only action buttons */
+  iconOnly?: boolean;
+  /** Show try again button */
+  showTryAgain?: boolean;
 }
 
 /**

package/src/features/love-message/presentation/hooks/useLoveMessageGenerator.ts

@@ -4,7 +4,7 @@
  */
 
 import { useState, useCallback, useEffect } from "react";
-import { useIsFocused } from "@react-navigation/native";
+import { useAppIsFocused } from "@umituz/react-native-design-system";
 import { MessageType, MessageTone } from "../../domain/types";
 import { generateLoveMessage } from "../../infrastructure/services/LoveMessageService";
 import { PartnerProfileRepository } from "../../infrastructure/persistence/PartnerProfileRepository";
@@ -20,7 +20,7 @@ export const useLoveMessageGenerator = (config: {
   onBack: () => void;
   initialType?: MessageType;
 }) => {
-  const isFocused = useIsFocused();
+  const isFocused = useAppIsFocused();
 
   const [currentStep, setCurrentStep] = useState<GeneratorStep>(GeneratorStep.PARTNER);
   const [partnerName, setPartnerName] = useState("");

package/src/features/love-message/presentation/screens/LoveMessageGeneratorScreen.tsx

@@ -11,9 +11,9 @@ import {
   useAppDesignTokens,
   useSafeAreaInsets,
   AppNavigation,
+  useAppRoute,
 } from "@umituz/react-native-design-system";
 import { useLocalization } from "@umituz/react-native-localization";
-import { useRoute, RouteProp } from "@react-navigation/native";
 import { ProgressDots } from "../components/ProgressDots";
 import { MessageResult } from "../components/MessageResult";
 import { GeneratorHeader } from "../components/GeneratorHeader";
@@ -29,7 +29,7 @@ export const LoveMessageGeneratorScreen: FC = () => {
   const tokens = useAppDesignTokens();
   const { bottom } = useSafeAreaInsets();
   const { t } = useLocalization();
-  const route = useRoute<RouteProp<{ params: RouteParams }, "params">>();
+  const route = useAppRoute<{ params: RouteParams }, "params">();
 
   const initialType = route.params?.initialType;
   const gen = useLoveMessageGenerator({ onBack: () => AppNavigation.goBack(), initialType });

package/src/features/love-message/presentation/screens/MessageListScreen.tsx

@@ -10,9 +10,9 @@ import {
   useAppDesignTokens,
   useSafeAreaInsets,
   AppNavigation,
+  useAppRoute,
 } from "@umituz/react-native-design-system";
 import { useLocalization } from "@umituz/react-native-localization";
-import { useRoute, RouteProp } from "@react-navigation/native";
 import { CATEGORY_TEMPLATES, MESSAGE_TYPES } from "../../domain/constants";
 import { MessageListItem } from "../components/MessageListItem";
 import type { MessageType } from "../../domain/types";
@@ -23,7 +23,7 @@ export const MessageListScreen: FC = () => {
   const tokens = useAppDesignTokens();
   const { top, bottom } = useSafeAreaInsets();
   const { t } = useLocalization();
-  const route = useRoute<RouteProp<{ params: RouteParams }, "params">>();
+  const route = useAppRoute<{ params: RouteParams }, "params">();
 
   const categoryId = route.params?.categoryId ?? "romantic";
   const messages = useMemo(() => CATEGORY_TEMPLATES[categoryId] || [], [categoryId]);