@umituz/react-native-ai-generation-content 1.12.14 → 1.12.15

package/package.json

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

package/src/domains/creations/presentation/components/CreationCard.tsx

@@ -91,17 +91,7 @@ export function CreationCard({
           width: 100,
           height: 100,
         },
-        favoriteBtn: {
-          position: "absolute",
-          top: 4,
-          right: 4,
-          width: 28,
-          height: 28,
-          borderRadius: 14,
-          backgroundColor: "rgba(255,255,255,0.7)",
-          justifyContent: "center",
-          alignItems: "center",
-        },
+
         selectionOverlay: {
           position: "absolute",
           top: 4,
@@ -167,15 +157,6 @@ export function CreationCard({
             {isSelected && <AtomicIcon name="checkmark-circle" size="xs" color="white" />}
           </View>
         )}
-        {!isSelectionMode && onToggleFavorite && (
-          <TouchableOpacity style={styles.favoriteBtn} onPress={handleToggleFavorite}>
-            <AtomicIcon
-              name={creation.isFavorite ? "heart" : "heart-outline"}
-              size="xs"
-              color={creation.isFavorite ? "error" : "secondary"}
-            />
-          </TouchableOpacity>
-        )}
       </View>
       <View style={styles.content}>
         <View>
@@ -187,6 +168,20 @@ export function CreationCard({
         </View>
         {!isSelectionMode && (
           <View style={styles.actions}>
+            {onView && (
+              <TouchableOpacity style={styles.actionBtn} onPress={handleView}>
+                <AtomicIcon name="eye" size="sm" color="primary" />
+              </TouchableOpacity>
+            )}
+            {onToggleFavorite && (
+              <TouchableOpacity style={styles.actionBtn} onPress={handleToggleFavorite}>
+                <AtomicIcon
+                  name={creation.isFavorite ? "heart" : "heart-outline"}
+                  size="sm"
+                  color={creation.isFavorite ? "error" : "primary"}
+                />
+              </TouchableOpacity>
+            )}
             <TouchableOpacity style={styles.actionBtn} onPress={handleShare}>
               <AtomicIcon name="share-social" size="sm" color="primary" />
             </TouchableOpacity>

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

@@ -40,6 +40,8 @@ interface CreationsGalleryScreenProps {
   readonly onBackPress?: () => void;
   readonly headerTitle?: string;
   readonly showCount?: boolean;
+  readonly enableSearch?: boolean;
+  readonly showGalleryHeader?: boolean;
 }
 
 export function CreationsGalleryScreen({
@@ -54,6 +56,8 @@ export function CreationsGalleryScreen({
   onBackPress,
   headerTitle,
   showCount = true,
+  enableSearch = true,
+  showGalleryHeader = true,
 }: CreationsGalleryScreenProps) {
   const tokens = useAppDesignTokens();
   const { share } = useSharing();
@@ -186,7 +190,7 @@ export function CreationsGalleryScreen({
               } : undefined}
             />
           )}
-          {!isSelectionMode && (
+          {!isSelectionMode && enableSearch && (
             <View style={{ paddingHorizontal: tokens.spacing.md, paddingBottom: tokens.spacing.xs }}>
               <SearchBar
                 placeholder={t("common.search") || "Search Prompt..."}
@@ -200,19 +204,21 @@ export function CreationsGalleryScreen({
       contentContainerStyle={{ paddingHorizontal: 0 }}
     >
       {(!creations || creations?.length === 0) && !isLoading ? null : (
-        <GalleryHeader
-          title={showScreenHeader || isSelectionMode ? '' : screenTitle}
-          count={filtered.length}
-          countLabel=''
-          subtitle={showCount ? t(config.translations.photoCount, { count: filtered.length }) : undefined}
-          isFiltered={isFiltered}
-          filterLabel={t(config.translations.filterLabel) || 'Filter'}
-          onFilterPress={() => filterSheetRef.current?.present()}
-          onFavoritesPress={() => setShowOnlyFavorites(!showOnlyFavorites)}
-          showOnlyFavorites={showOnlyFavorites}
-          isFilterEnabled={config.enableFiltering ?? false}
-          showCount={showCount}
-        />
+        showGalleryHeader ? (
+          <GalleryHeader
+            title={showScreenHeader || isSelectionMode ? '' : screenTitle}
+            count={filtered.length}
+            countLabel=''
+            subtitle={showCount ? t(config.translations.photoCount, { count: filtered.length }) : undefined}
+            isFiltered={isFiltered}
+            filterLabel={t(config.translations.filterLabel) || 'Filter'}
+            onFilterPress={() => filterSheetRef.current?.present()}
+            onFavoritesPress={() => setShowOnlyFavorites(!showOnlyFavorites)}
+            showOnlyFavorites={showOnlyFavorites}
+            isFilterEnabled={config.enableFiltering ?? false}
+            showCount={showCount}
+          />
+        ) : null
       )}
 
       {/* Main Content Grid - handles empty/loading via ListEmptyComponent */}