@umituz/react-native-ai-generation-content 1.26.61 → 1.26.62

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.26.61",
+  "version": "1.26.62",
   "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

@@ -200,16 +200,14 @@ export function CreationsGalleryScreen({
           onRate={handleOpenRatingPicker}
           hideLabel
           iconOnly
-          showTryAgain={false}
+          showTryAgain
           showRating={!hasRating}
           translations={{
             title: t(config.translations.title),
-            yourResult: "",
             saveButton: t("result.saveButton"),
             saving: t("result.saving"),
             shareButton: t("result.shareButton"),
             sharing: t("result.sharing"),
-            tryAnother: "",
           }}
         />
         <StarRatingPicker

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

@@ -79,14 +79,15 @@ export const WizardStepRenderer: React.FC<WizardStepRendererProps> = ({
           onShare={onShare}
           onTryAgain={handleTryAgain}
           onNavigateBack={handleTryAgain}
+          hideLabel
+          iconOnly
+          showTryAgain
           translations={{
             title: t("generation.result.title"),
-            yourResult: t("generation.result.yourResult"),
             saveButton: t("generation.result.save"),
             saving: t("generation.result.saving"),
             shareButton: t("generation.result.share"),
             sharing: t("generation.result.sharing"),
-            tryAnother: t("generation.result.tryAnother"),
           }}
         />
       );

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

@@ -9,6 +9,7 @@ import {
   AtomicIcon,
   AtomicText,
   useAppDesignTokens,
+  useResponsive,
 } from "@umituz/react-native-design-system";
 import type { ResultActionBarProps } from "../types/result-preview.types";
 
@@ -27,6 +28,7 @@ export const ResultActionBar: React.FC<ResultActionBarProps> = ({
   showRating = false,
 }) => {
   const tokens = useAppDesignTokens();
+  const { minTouchTarget } = useResponsive();
 
   const styles = useMemo(
     () =>
@@ -43,17 +45,17 @@ export const ResultActionBar: React.FC<ResultActionBarProps> = ({
           flexDirection: "row",
           alignItems: "center",
           justifyContent: "center",
-          paddingVertical: 12,
-          paddingHorizontal: 20,
-          borderRadius: 16,
-          gap: 8,
+          paddingVertical: tokens.spacing.sm,
+          paddingHorizontal: tokens.spacing.lg,
+          borderRadius: tokens.radius.md,
+          gap: tokens.spacing.xs,
           minWidth: 110,
           backgroundColor: tokens.colors.primary,
         },
         iconButton: {
-          width: 56,
-          height: 56,
-          borderRadius: 28,
+          width: minTouchTarget,
+          height: minTouchTarget,
+          borderRadius: minTouchTarget / 2,
           backgroundColor: tokens.colors.primary,
           justifyContent: "center",
           alignItems: "center",
@@ -67,7 +69,7 @@ export const ResultActionBar: React.FC<ResultActionBarProps> = ({
           opacity: 0.6,
         },
       }),
-    [tokens],
+    [tokens, minTouchTarget],
   );
 
   if (iconOnly) {
@@ -82,7 +84,7 @@ export const ResultActionBar: React.FC<ResultActionBarProps> = ({
           {isSaving ? (
             <ActivityIndicator color={tokens.colors.textInverse} size="small" />
           ) : (
-            <AtomicIcon name="download-outline" customSize={24} color="onPrimary" />
+            <AtomicIcon name="download-outline" customSize={20} color="onPrimary" />
           )}
         </TouchableOpacity>
         <TouchableOpacity
@@ -94,7 +96,7 @@ export const ResultActionBar: React.FC<ResultActionBarProps> = ({
           {isSharing ? (
             <ActivityIndicator color={tokens.colors.textInverse} size="small" />
           ) : (
-            <AtomicIcon name="share-social-outline" customSize={24} color="onPrimary" />
+            <AtomicIcon name="share-social-outline" customSize={20} color="onPrimary" />
           )}
         </TouchableOpacity>
         {showTryAgain && onTryAgain && (
@@ -103,7 +105,7 @@ export const ResultActionBar: React.FC<ResultActionBarProps> = ({
             onPress={onTryAgain}
             activeOpacity={0.7}
           >
-            <AtomicIcon name="refresh-outline" customSize={24} color="onPrimary" />
+            <AtomicIcon name="refresh-outline" customSize={20} color="onPrimary" />
           </TouchableOpacity>
         )}
         {showRating && onRate && (
@@ -112,7 +114,7 @@ export const ResultActionBar: React.FC<ResultActionBarProps> = ({
             onPress={onRate}
             activeOpacity={0.7}
           >
-            <AtomicIcon name="star-outline" customSize={24} color="onPrimary" />
+            <AtomicIcon name="star-outline" customSize={20} color="onPrimary" />
           </TouchableOpacity>
         )}
       </View>

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

@@ -133,8 +133,8 @@ export interface ResultPreviewScreenProps {
 export interface ResultPreviewTranslations {
   /** Screen title */
   title: string;
-  /** Result label */
-  yourResult: string;
+  /** Result label (optional when hideLabel is true) */
+  yourResult?: string;
   /** Save button */
   saveButton: string;
   /** Saving button */
@@ -143,8 +143,8 @@ export interface ResultPreviewTranslations {
   shareButton: string;
   /** Sharing button */
   sharing: string;
-  /** Try again button */
-  tryAnother: string;
+  /** Try again button text (optional when iconOnly is true) */
+  tryAnother?: string;
   /** Rate button */
   rateButton?: string;
   /** Recent creations section title */