@umituz/react-native-ai-generation-content 1.61.10 → 1.61.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.61.10",
+  "version": "1.61.12",
   "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/components/CreationActions.tsx

@@ -28,6 +28,8 @@ export interface CreationAction {
   disabled?: boolean;
   /** Use filled background (primary color) */
   filled?: boolean;
+  /** Custom hex color or token color */
+  customColor?: string;
   /** Action handler */
   onPress: () => void;
 }
@@ -114,6 +116,7 @@ export function CreationActions({
               name={action.icon}
               size={sizeConfig.icon}
               color={action.color || (action.filled ? "textInverse" : "primary")}
+              customColor={action.customColor}
             />
           )}
         </TouchableOpacity>

package/src/domains/creations/presentation/components/useCreationCardActions.ts

@@ -4,6 +4,7 @@
  */
 
 import { useMemo } from "react";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import type { CreationCardData, CreationCardCallbacks } from "./CreationCard.types";
 import type { CreationAction } from "./CreationActions";
 
@@ -22,6 +23,8 @@ export function useCreationCardActions({
   isDownloadAvailable,
   canPostToFeed,
 }: UseCreationCardActionsParams): CreationAction[] {
+  const tokens = useAppDesignTokens();
+
   return useMemo<CreationAction[]>(() => {
     const result: CreationAction[] = [];
 
@@ -47,6 +50,7 @@ export function useCreationCardActions({
         id: "favorite",
         icon: creation.isFavorite ? "heart" : "heart-outline",
         color: creation.isFavorite ? "error" : undefined,
+        customColor: !creation.isFavorite ? tokens.colors.textSecondary : undefined,
         onPress: () => callbacks.onFavorite?.(creation),
       });
     }
@@ -70,5 +74,5 @@ export function useCreationCardActions({
     }
 
     return result;
-  }, [callbacks, creation, isSharing, isDownloadAvailable, canPostToFeed]);
+  }, [callbacks, creation, isSharing, isDownloadAvailable, canPostToFeed, tokens]);
 }

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

@@ -1,10 +1,12 @@
 import React, { useState, useMemo, useCallback, useEffect, useRef } from "react";
-import { View, FlatList, RefreshControl } from "react-native";
+import { View, FlatList, RefreshControl, TouchableOpacity } from "react-native";
 import {
   useAppDesignTokens,
   FilterSheet,
   ScreenLayout,
   useAppFocusEffect,
+  AtomicIcon,
+  AtomicText,
 } from "@umituz/react-native-design-system";
 import { useCreations } from "../hooks/useCreations";
 import { useDeleteCreation } from "../hooks/useDeleteCreation";
@@ -30,6 +32,7 @@ export function CreationsGalleryScreen({
   onEmptyAction,
   emptyActionLabel,
   showFilter = config.showFilter ?? true,
+  onBack,
 }: CreationsGalleryScreenProps) {
   const tokens = useAppDesignTokens();
   const [selectedCreation, setSelectedCreation] = useState<Creation | null>(null);
@@ -170,9 +173,32 @@ export function CreationsGalleryScreen({
       />
     );
   }
+  
+  const screenHeader = useMemo(() => {
+    if (!onBack) return undefined;
+    
+    return (
+      <View style={styles.screenHeader}>
+        <TouchableOpacity onPress={onBack} style={styles.backButton}>
+          <AtomicIcon
+            name="chevron-left"
+            customSize={28}
+            customColor={tokens.colors.textPrimary}
+          />
+        </TouchableOpacity>
+        <AtomicText
+          type="titleLarge"
+          style={{ color: tokens.colors.textPrimary }}
+        >
+          {t(config.translations.title)}
+        </AtomicText>
+        <View style={styles.placeholder} />
+      </View>
+    );
+  }, [onBack, tokens, t, config]);
 
   return (
-    <ScreenLayout scrollable={false}>
+    <ScreenLayout scrollable={false} header={screenHeader}>
       <FlatList
         data={filters.filtered}
         renderItem={renderItem}

package/src/domains/creations/presentation/screens/creations-gallery.styles.ts

@@ -8,4 +8,20 @@ export const creationsGalleryStyles = StyleSheet.create({
   header: { borderBottomWidth: 1 },
   listContent: { paddingHorizontal: 16, paddingTop: 16 },
   emptyContent: { flexGrow: 1 },
+  screenHeader: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingHorizontal: 16,
+    height: 56,
+  },
+  backButton: {
+    width: 40,
+    height: 40,
+    justifyContent: "center",
+    alignItems: "center",
+  },
+  placeholder: {
+    width: 40,
+  },
 });

package/src/domains/creations/presentation/screens/creations-gallery.types.ts

@@ -14,4 +14,6 @@ export interface CreationsGalleryScreenProps {
   readonly onEmptyAction?: () => void;
   readonly emptyActionLabel?: string;
   readonly showFilter?: boolean;
+  /** Callback for back navigation - if provided, shows back button in header */
+  readonly onBack?: () => void;
 }

package/src/infrastructure/services/video-feature-executor.service.ts

@@ -10,7 +10,6 @@ import { VIDEO_TIMEOUT_MS } from "../constants";
 import type { VideoFeatureType } from "../../domain/interfaces";
 import type { ExecuteVideoFeatureOptions, VideoFeatureResult, VideoFeatureRequest } from "./video-feature-executor.types";
 
-declare const __DEV__: boolean;
 
 /**
  * Execute any video feature using the active provider