@umituz/react-native-ai-generation-content 1.61.9 → 1.61.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.61.9",
+  "version": "1.61.11",
   "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/infrastructure/repositories/CreationsWriter.ts

@@ -112,12 +112,26 @@ export class CreationsWriter {
   }
 
   async updateFavorite(userId: string, creationId: string, isFavorite: boolean): Promise<boolean> {
+    if (typeof __DEV__ !== "undefined" && __DEV__) {
+      console.log("[CreationsWriter] updateFavorite()", { userId, creationId, isFavorite });
+    }
     const docRef = this.pathResolver.getDocRef(userId, creationId);
-    if (!docRef) return false;
+    if (!docRef) {
+      if (typeof __DEV__ !== "undefined" && __DEV__) {
+        console.log("[CreationsWriter] updateFavorite() - no docRef");
+      }
+      return false;
+    }
     try {
       await updateDoc(docRef, { isFavorite });
+      if (typeof __DEV__ !== "undefined" && __DEV__) {
+        console.log("[CreationsWriter] updateFavorite() success");
+      }
       return true;
-    } catch {
+    } catch (error) {
+      if (typeof __DEV__ !== "undefined" && __DEV__) {
+        console.error("[CreationsWriter] updateFavorite() error", error);
+      }
       return false;
     }
   }

package/src/domains/creations/presentation/hooks/useGalleryCallbacks.ts

@@ -3,6 +3,8 @@
  * Extracts callback handlers from CreationsGalleryScreen
  */
 
+declare const __DEV__: boolean;
+
 import { useCallback } from "react";
 import { useAlert, AlertType, AlertMode, useSharing } from "@umituz/react-native-design-system";
 import type { Creation } from "../../domain/entities/Creation";
@@ -72,10 +74,19 @@ export function useGalleryCallbacks(props: UseGalleryCallbacksProps) {
   const handleFavorite = useCallback(
     (c: Creation) => {
       void (async () => {
+        if (__DEV__) {
+          console.log("[handleFavorite] Called", { id: c.id, currentFavorite: c.isFavorite, userId });
+        }
         if (!userId) return;
         // Toggle the favorite status
         const newFavoriteStatus = !c.isFavorite;
+        if (__DEV__) {
+          console.log("[handleFavorite] Toggling", { newFavoriteStatus });
+        }
         const success = await repository.updateFavorite(userId, c.id, newFavoriteStatus);
+        if (__DEV__) {
+          console.log("[handleFavorite] Update result", { success });
+        }
         if (success) void refetch();
       })();
     },

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;
 }