npm - @umituz/react-native-ai-generation-content - Versions diffs - 1.89.23 → 1.89.25 - Mend

@umituz/react-native-ai-generation-content 1.89.23 → 1.89.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.89.23",
+  "version": "1.89.25",
   "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/hooks/useGalleryState.ts CHANGED Viewed

@@ -59,7 +59,7 @@ export function useGalleryState(options: GalleryStateOptions): GalleryStateRetur
     [selectedCreation]
   );
-  return {
+  return useMemo(() => ({
     selectedCreation,
     showRatingPicker,
     selectedImageUrl,
@@ -68,5 +68,12 @@ export function useGalleryState(options: GalleryStateOptions): GalleryStateRetur
     showPreview,
     setSelectedCreation,
     setShowRatingPicker,
-  };
+  }), [
+    selectedCreation,
+    showRatingPicker,
+    selectedImageUrl,
+    selectedVideoUrl,
+    hasMediaToShow,
+    showPreview,
+  ]);
 }

package/src/domains/creations/presentation/screens/CreationsGalleryScreen.tsx CHANGED Viewed

@@ -1,5 +1,6 @@
 import React, { useMemo, useCallback, useState } from "react";
 import { View, FlatList } from "react-native";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { ScreenLayout } from "@umituz/react-native-design-system/layouts";
 import { FilterSheet, useAppFocusEffect } from "@umituz/react-native-design-system/molecules";
 import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
@@ -37,6 +38,7 @@ export function CreationsGalleryScreen({
   onShareToFeed,
 }: CreationsGalleryScreenProps) {
   const tokens = useAppDesignTokens();
+  const insets = useSafeAreaInsets();
   const [viewMode, setViewMode] = useState<"list" | "grid">("list");
   const { data: creations, isLoading, refetch } = useCreations({ userId, repository });
@@ -76,9 +78,10 @@ export function CreationsGalleryScreen({
     void refetch();
     // Reset selection on focus if no initial ID is being enforced
     if (!initialCreationId) {
-      galleryState.setSelectedCreation(null);
+    const { setSelectedCreation } = galleryState;
+    setSelectedCreation(null);
     }
-  }, [refetch, initialCreationId, galleryState]));
+  }, [refetch, initialCreationId, galleryState.setSelectedCreation]));
   const filterButtons = useMemo(() =>
     createFilterButtons({
@@ -157,7 +160,14 @@ export function CreationsGalleryScreen({
     if (!creations?.length && !isLoading) return null;
     if (isLoading) return null;
     return (
-      <View style={[styles.header, { backgroundColor: tokens.colors.surface, borderBottomColor: tokens.colors.border }]}>
+      <View style={[
+        styles.header,
+        {
+          backgroundColor: tokens.colors.surface,
+          borderBottomColor: tokens.colors.border,
+          paddingTop: hasScreenHeader ? 0 : insets.top
+        }
+      ]}>
         <GalleryHeader
           title={hasScreenHeader ? "" : t(config.translations.title)}
           count={filters.filtered.length}
@@ -216,7 +226,7 @@ export function CreationsGalleryScreen({
   }
   return (
-    <ScreenLayout header={screenHeader} scrollable={false}>
+    <ScreenLayout header={screenHeader} scrollable={false} edges={["left", "right", "bottom"]}>
       {renderHeader}
       {filters.filtered.length === 0 ? (
         <View style={[styles.listContent, styles.emptyContent]}>

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

@@ -75,68 +75,52 @@ export const ResultActionBar: React.FC<ResultActionBarProps> = ({
   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-outline" customSize={20} 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-social-outline" customSize={20} color="onPrimary" />
-          )}
-        </TouchableOpacity>
-        {showTryAgain && onTryAgain && (
+        {onDownload && (
           <TouchableOpacity
-            style={styles.iconButton}
-            onPress={onTryAgain}
+            style={[styles.iconButton, isSaving && styles.disabledButton]}
+            onPress={onDownload}
+            disabled={isSaving}
             activeOpacity={0.7}
           >
-            <AtomicIcon name="refresh-outline" customSize={20} color="onPrimary" />
+            {isSaving ? (
+              <ActivityIndicator color={tokens.colors.textInverse} size="small" />
+            ) : (
+              <AtomicIcon name="download-outline" customSize={20} color="onPrimary" />
+            )}
           </TouchableOpacity>
         )}
-        {showRating && onRate && (
+        {onShare && (
           <TouchableOpacity
-            style={styles.iconButton}
-            onPress={onRate}
+            style={[styles.iconButton, isSharing && styles.disabledButton]}
+            onPress={onShare}
+            disabled={isSharing}
             activeOpacity={0.7}
           >
-            <AtomicIcon name="star-outline" customSize={20} color="onPrimary" />
+            {isSharing ? (
+              <ActivityIndicator color={tokens.colors.textInverse} size="small" />
+            ) : (
+              <AtomicIcon name="share-social-outline" customSize={20} color="onPrimary" />
+            )}
           </TouchableOpacity>
         )}
-        {/* Photo & Video editing - Disabled for now
-        {onEdit && (
+        {showTryAgain && onTryAgain && (
           <TouchableOpacity
             style={styles.iconButton}
-            onPress={onEdit}
+            onPress={onTryAgain}
             activeOpacity={0.7}
           >
-            <AtomicIcon name="edit" customSize={20} color="onPrimary" />
+            <AtomicIcon name="refresh-outline" customSize={20} color="onPrimary" />
           </TouchableOpacity>
         )}
-        {onEditVideo && (
+        {showRating && onRate && (
           <TouchableOpacity
             style={styles.iconButton}
-            onPress={onEditVideo}
+            onPress={onRate}
             activeOpacity={0.7}
           >
-            <AtomicIcon name="video" customSize={20} color="onPrimary" />
+            <AtomicIcon name="star-outline" customSize={20} color="onPrimary" />
           </TouchableOpacity>
         )}
-        */}
         {onShareToFeed && (
           <TouchableOpacity
             style={styles.iconButton}
@@ -152,33 +136,37 @@ export const ResultActionBar: React.FC<ResultActionBarProps> = ({
   return (
     <View style={styles.container}>
-      <TouchableOpacity
-        style={styles.button}
-        onPress={onDownload}
-        disabled={isSaving}
-        activeOpacity={0.7}
-      >
-        {isSaving ? (
-          <ActivityIndicator color={tokens.colors.textInverse} size="small" />
-        ) : (
-          <AtomicIcon name="download-outline" customSize={18} color="onPrimary" />
-        )}
-        <AtomicText style={styles.buttonText}>{saveButtonText}</AtomicText>
-      </TouchableOpacity>
-      <TouchableOpacity
-        style={styles.button}
-        onPress={onShare}
-        disabled={isSharing}
-        activeOpacity={0.7}
-      >
-        {isSharing ? (
-          <ActivityIndicator color={tokens.colors.textInverse} size="small" />
-        ) : (
-          <AtomicIcon name="share-social-outline" customSize={18} color="onPrimary" />
-        )}
-        <AtomicText style={styles.buttonText}>{shareButtonText}</AtomicText>
-      </TouchableOpacity>
-      {showTryAgain && (
+      {onDownload && (
+        <TouchableOpacity
+          style={styles.button}
+          onPress={onDownload}
+          disabled={isSaving}
+          activeOpacity={0.7}
+        >
+          {isSaving ? (
+            <ActivityIndicator color={tokens.colors.textInverse} size="small" />
+          ) : (
+            <AtomicIcon name="download-outline" customSize={18} color="onPrimary" />
+          )}
+          <AtomicText style={styles.buttonText}>{saveButtonText}</AtomicText>
+        </TouchableOpacity>
+      )}
+      {onShare && (
+        <TouchableOpacity
+          style={styles.button}
+          onPress={onShare}
+          disabled={isSharing}
+          activeOpacity={0.7}
+        >
+          {isSharing ? (
+            <ActivityIndicator color={tokens.colors.textInverse} size="small" />
+          ) : (
+            <AtomicIcon name="share-social-outline" customSize={18} color="onPrimary" />
+          )}
+          <AtomicText style={styles.buttonText}>{shareButtonText}</AtomicText>
+        </TouchableOpacity>
+      )}
+      {showTryAgain && onTryAgain && (
         <TouchableOpacity style={styles.button} onPress={onTryAgain} activeOpacity={0.7}>
           <AtomicIcon name="refresh-outline" customSize={18} color="onPrimary" />
           <AtomicText style={styles.buttonText}>{tryAgainButtonText}</AtomicText>

package/src/domains/result-preview/presentation/types/result-components.types.ts CHANGED Viewed

@@ -25,9 +25,9 @@ export interface ResultActionBarProps {
   /** Currently sharing */
   isSharing: boolean;
   /** Download callback */
-  onDownload: () => void;
+  onDownload?: () => void;
   /** Share callback */
-  onShare: () => void;
+  onShare?: () => void;
   /** Try again callback */
   onTryAgain?: () => void;
   /** Rate callback */