@umituz/react-native-ai-generation-content 1.61.39 → 1.61.41

package/package.json

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

@@ -1,15 +1,12 @@
-import { setDoc, updateDoc, deleteDoc } from "firebase/firestore";
-import { type FirestorePathResolver } from "@umituz/react-native-firebase";
-import { submitFeedback } from "@umituz/react-native-subscription";
-import type { Creation, CreationDocument } from "../../domain/entities/Creation";
-
-declare const __DEV__: boolean;
+/**
+ * Creations Writer
+ * Main class that orchestrates all creation write operations
+ */
 
-const UPDATABLE_FIELDS = [
-  "metadata", "isShared", "uri", "type", "prompt", "status",
-  "output", "rating", "ratedAt", "isFavorite", "deletedAt",
-  "requestId", "model",
-] as const;
+import { type FirestorePathResolver } from "@umituz/react-native-firebase";
+import type { Creation } from "../../domain/entities/Creation";
+import * as operations from "./creations-operations";
+import * as stateOperations from "./creations-state-operations";
 
 /**
  * Handles write operations for creations
@@ -18,228 +15,34 @@ export class CreationsWriter {
   constructor(private readonly pathResolver: FirestorePathResolver) {}
 
   async create(userId: string, creation: Creation): Promise<void> {
-    if (typeof __DEV__ !== "undefined" && __DEV__) {
-      console.log("[CreationsWriter] create()", { userId, creationId: creation.id });
-    }
-
-    const docRef = this.pathResolver.getDocRef(userId, creation.id);
-    if (!docRef) throw new Error("Firestore not initialized");
-
-    const data: CreationDocument = {
-      type: creation.type,
-      uri: creation.uri,
-      createdAt: creation.createdAt,
-      metadata: creation.metadata || {},
-      isShared: creation.isShared || false,
-      isFavorite: creation.isFavorite || false,
-      ...(creation.status !== undefined && { status: creation.status }),
-      ...(creation.output !== undefined && { output: creation.output }),
-      ...(creation.prompt !== undefined && { prompt: creation.prompt }),
-      ...(creation.requestId !== undefined && { requestId: creation.requestId }),
-      ...(creation.model !== undefined && { model: creation.model }),
-    };
-
-    try {
-      await setDoc(docRef, data);
-      if (typeof __DEV__ !== "undefined" && __DEV__) console.log("[CreationsWriter] create() success");
-    } catch (error) {
-      const errorMessage = error instanceof Error ? error.message : String(error);
-      if (typeof __DEV__ !== "undefined" && __DEV__) {
-        console.error("[CreationsWriter] create() error", {
-          userId,
-          creationId: creation.id,
-          error: errorMessage,
-        });
-      }
-      throw new Error(`Failed to create creation ${creation.id}: ${errorMessage}`);
-    }
+    return operations.createCreation(this.pathResolver, userId, creation);
   }
 
   async update(userId: string, id: string, updates: Partial<Creation>): Promise<boolean> {
-    if (typeof __DEV__ !== "undefined" && __DEV__) console.log("[CreationsWriter] update()", { userId, id });
-
-    const docRef = this.pathResolver.getDocRef(userId, id);
-    if (!docRef) {
-      if (typeof __DEV__ !== "undefined" && __DEV__) {
-        console.error("[CreationsWriter] update() - Firestore not initialized", { userId, id });
-      }
-      return false;
-    }
-
-    try {
-      const updateData: Record<string, unknown> = {};
-      for (const field of UPDATABLE_FIELDS) {
-        if (updates[field] !== undefined) updateData[field] = updates[field];
-      }
-      await updateDoc(docRef, updateData);
-      return true;
-    } catch (error) {
-      const errorMessage = error instanceof Error ? error.message : String(error);
-      if (typeof __DEV__ !== "undefined" && __DEV__) {
-        console.error("[CreationsWriter] update() error", {
-          userId,
-          creationId: id,
-          error: errorMessage,
-        });
-      }
-      return false;
-    }
+    return operations.updateCreation(this.pathResolver, userId, id, updates);
   }
 
   async delete(userId: string, creationId: string): Promise<boolean> {
-    const docRef = this.pathResolver.getDocRef(userId, creationId);
-    if (!docRef) return false;
-    try {
-      await updateDoc(docRef, { deletedAt: new Date() });
-      return true;
-    } catch (error) {
-      const errorMessage = error instanceof Error ? error.message : String(error);
-      if (typeof __DEV__ !== "undefined" && __DEV__) {
-        console.error("[CreationsWriter] delete() error", {
-          userId,
-          creationId,
-          error: errorMessage,
-        });
-      }
-      return false;
-    }
+    return operations.deleteCreation(this.pathResolver, userId, creationId);
   }
 
   async hardDelete(userId: string, creationId: string): Promise<boolean> {
-    const docRef = this.pathResolver.getDocRef(userId, creationId);
-    if (!docRef) return false;
-    try {
-      await deleteDoc(docRef);
-      return true;
-    } catch (error) {
-      const errorMessage = error instanceof Error ? error.message : String(error);
-      if (typeof __DEV__ !== "undefined" && __DEV__) {
-        console.error("[CreationsWriter] hardDelete() error", {
-          userId,
-          creationId,
-          error: errorMessage,
-        });
-      }
-      return false;
-    }
+    return operations.hardDeleteCreation(this.pathResolver, userId, creationId);
   }
 
   async restore(userId: string, creationId: string): Promise<boolean> {
-    const docRef = this.pathResolver.getDocRef(userId, creationId);
-    if (!docRef) return false;
-    try {
-      await updateDoc(docRef, { deletedAt: null });
-      return true;
-    } catch (error) {
-      const errorMessage = error instanceof Error ? error.message : String(error);
-      if (typeof __DEV__ !== "undefined" && __DEV__) {
-        console.error("[CreationsWriter] restore() error", {
-          userId,
-          creationId,
-          error: errorMessage,
-        });
-      }
-      return false;
-    }
+    return operations.restoreCreation(this.pathResolver, userId, creationId);
   }
 
   async updateShared(userId: string, creationId: string, isShared: boolean): Promise<boolean> {
-    const docRef = this.pathResolver.getDocRef(userId, creationId);
-    if (!docRef) return false;
-    try {
-      await updateDoc(docRef, { isShared });
-      return true;
-    } catch (error) {
-      const errorMessage = error instanceof Error ? error.message : String(error);
-      if (typeof __DEV__ !== "undefined" && __DEV__) {
-        console.error("[CreationsWriter] updateShared() error", {
-          userId,
-          creationId,
-          isShared,
-          error: errorMessage,
-        });
-      }
-      return false;
-    }
+    return stateOperations.updateCreationShared(this.pathResolver, userId, creationId, isShared);
   }
 
   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) {
-      if (typeof __DEV__ !== "undefined" && __DEV__) {
-        console.warn("[CreationsWriter] updateFavorite() - Firestore not initialized", {
-          userId,
-          creationId,
-        });
-      }
-      return false;
-    }
-    try {
-      await updateDoc(docRef, { isFavorite });
-      if (typeof __DEV__ !== "undefined" && __DEV__) {
-        console.log("[CreationsWriter] updateFavorite() success");
-      }
-      return true;
-    } catch (error) {
-      const errorMessage = error instanceof Error ? error.message : String(error);
-      if (typeof __DEV__ !== "undefined" && __DEV__) {
-        console.error("[CreationsWriter] updateFavorite() error", {
-          userId,
-          creationId,
-          isFavorite,
-          error: errorMessage,
-        });
-      }
-      return false;
-    }
+    return stateOperations.updateCreationFavorite(this.pathResolver, userId, creationId, isFavorite);
   }
 
   async rate(userId: string, creationId: string, rating: number, description?: string): Promise<boolean> {
-    const docRef = this.pathResolver.getDocRef(userId, creationId);
-    if (!docRef) return false;
-
-    try {
-      await updateDoc(docRef, { rating, ratedAt: new Date() });
-      if (description || rating) {
-        try {
-          await submitFeedback({
-            userId,
-            userEmail: null,
-            type: "creation_rating",
-            title: `Creation Rating: ${rating} Stars`,
-            description: description || `User rated creation ${rating} stars`,
-            rating,
-            status: "pending",
-          });
-        } catch (feedbackError) {
-          // Log but don't fail - the rating was saved successfully
-          const feedbackErrorMessage = feedbackError instanceof Error
-            ? feedbackError.message
-            : String(feedbackError);
-          if (typeof __DEV__ !== "undefined" && __DEV__) {
-            console.warn("[CreationsWriter] rate() - feedback submission failed", {
-              userId,
-              creationId,
-              error: feedbackErrorMessage,
-            });
-          }
-        }
-      }
-      return true;
-    } catch (error) {
-      const errorMessage = error instanceof Error ? error.message : String(error);
-      if (typeof __DEV__ !== "undefined" && __DEV__) {
-        console.error("[CreationsWriter] rate() error", {
-          userId,
-          creationId,
-          rating,
-          error: errorMessage,
-        });
-      }
-      return false;
-    }
+    return stateOperations.rateCreation(this.pathResolver, userId, creationId, rating, description);
   }
 }

package/src/domains/creations/infrastructure/repositories/creations-operations.ts

@@ -0,0 +1,128 @@
+/**
+ * Creation CRUD Operations
+ * Core create, read, update, delete operations for creations
+ */
+
+import { setDoc, updateDoc, deleteDoc } from "firebase/firestore";
+import { type FirestorePathResolver } from "@umituz/react-native-firebase";
+import type { Creation, CreationDocument } from "../../domain/entities/Creation";
+
+const UPDATABLE_FIELDS = [
+  "metadata", "isShared", "uri", "type", "prompt", "status",
+  "output", "rating", "ratedAt", "isFavorite", "deletedAt",
+  "requestId", "model",
+] as const;
+
+/**
+ * Creates a new creation document
+ */
+export async function createCreation(
+  pathResolver: FirestorePathResolver,
+  userId: string,
+  creation: Creation
+): Promise<void> {
+  const docRef = pathResolver.getDocRef(userId, creation.id);
+  if (!docRef) throw new Error("Firestore not initialized");
+
+  const data: CreationDocument = {
+    type: creation.type,
+    uri: creation.uri,
+    createdAt: creation.createdAt,
+    metadata: creation.metadata || {},
+    isShared: creation.isShared || false,
+    isFavorite: creation.isFavorite || false,
+    ...(creation.status !== undefined && { status: creation.status }),
+    ...(creation.output !== undefined && { output: creation.output }),
+    ...(creation.prompt !== undefined && { prompt: creation.prompt }),
+    ...(creation.requestId !== undefined && { requestId: creation.requestId }),
+    ...(creation.model !== undefined && { model: creation.model }),
+  };
+
+  try {
+    await setDoc(docRef, data);
+  } catch (error) {
+    const errorMessage = error instanceof Error ? error.message : String(error);
+    throw new Error(`Failed to create creation ${creation.id}: ${errorMessage}`);
+  }
+}
+
+/**
+ * Updates a creation document
+ */
+export async function updateCreation(
+  pathResolver: FirestorePathResolver,
+  userId: string,
+  id: string,
+  updates: Partial<Creation>
+): Promise<boolean> {
+  const docRef = pathResolver.getDocRef(userId, id);
+  if (!docRef) return false;
+
+  try {
+    const updateData: Record<string, unknown> = {};
+    for (const field of UPDATABLE_FIELDS) {
+      if (updates[field] !== undefined) updateData[field] = updates[field];
+    }
+    await updateDoc(docRef, updateData);
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+/**
+ * Soft deletes a creation (marks as deleted)
+ */
+export async function deleteCreation(
+  pathResolver: FirestorePathResolver,
+  userId: string,
+  creationId: string
+): Promise<boolean> {
+  const docRef = pathResolver.getDocRef(userId, creationId);
+  if (!docRef) return false;
+
+  try {
+    await updateDoc(docRef, { deletedAt: new Date() });
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+/**
+ * Hard deletes a creation (removes from database)
+ */
+export async function hardDeleteCreation(
+  pathResolver: FirestorePathResolver,
+  userId: string,
+  creationId: string
+): Promise<boolean> {
+  const docRef = pathResolver.getDocRef(userId, creationId);
+  if (!docRef) return false;
+
+  try {
+    await deleteDoc(docRef);
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+/**
+ * Restores a soft-deleted creation
+ */
+export async function restoreCreation(
+  pathResolver: FirestorePathResolver,
+  userId: string,
+  creationId: string
+): Promise<boolean> {
+  const docRef = pathResolver.getDocRef(userId, creationId);
+  if (!docRef) return false;
+
+  try {
+    await updateDoc(docRef, { deletedAt: null });
+    return true;
+  } catch {
+    return false;
+  }
+}

package/src/domains/creations/infrastructure/repositories/creations-state-operations.ts

@@ -0,0 +1,86 @@
+/**
+ * Creation State Operations
+ * State-specific operations like sharing, favoriting, and rating
+ */
+
+import { updateDoc } from "firebase/firestore";
+import { type FirestorePathResolver } from "@umituz/react-native-firebase";
+import { submitFeedback } from "@umituz/react-native-subscription";
+
+/**
+ * Updates the shared status of a creation
+ */
+export async function updateCreationShared(
+  pathResolver: FirestorePathResolver,
+  userId: string,
+  creationId: string,
+  isShared: boolean
+): Promise<boolean> {
+  const docRef = pathResolver.getDocRef(userId, creationId);
+  if (!docRef) return false;
+
+  try {
+    await updateDoc(docRef, { isShared });
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+/**
+ * Updates the favorite status of a creation
+ */
+export async function updateCreationFavorite(
+  pathResolver: FirestorePathResolver,
+  userId: string,
+  creationId: string,
+  isFavorite: boolean
+): Promise<boolean> {
+  const docRef = pathResolver.getDocRef(userId, creationId);
+  if (!docRef) return false;
+
+  try {
+    await updateDoc(docRef, { isFavorite });
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+/**
+ * Rates a creation and optionally submits feedback
+ */
+export async function rateCreation(
+  pathResolver: FirestorePathResolver,
+  userId: string,
+  creationId: string,
+  rating: number,
+  description?: string
+): Promise<boolean> {
+  const docRef = pathResolver.getDocRef(userId, creationId);
+  if (!docRef) return false;
+
+  try {
+    await updateDoc(docRef, { rating, ratedAt: new Date() });
+
+    // Submit feedback if description or rating is provided
+    if (description || rating) {
+      try {
+        await submitFeedback({
+          userId,
+          userEmail: null,
+          type: "creation_rating",
+          title: `Creation Rating: ${rating} Stars`,
+          description: description || `User rated creation ${rating} stars`,
+          rating,
+          status: "pending",
+        });
+      } catch {
+        // Feedback submission failed but rating was saved - continue
+      }
+    }
+    return true;
+  } catch {
+    return false;
+  }
+}

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

@@ -0,0 +1,54 @@
+/**
+ * GalleryScreenHeader Component
+ * Header component for the gallery screen
+ */
+
+import React, { useMemo } from "react";
+import { View, TouchableOpacity, StyleSheet } from "react-native";
+import { useAppDesignTokens, AtomicIcon, AtomicText, type DesignTokens } from "@umituz/react-native-design-system";
+
+export interface GalleryScreenHeaderProps {
+  readonly title: string;
+  readonly onBack: () => void;
+}
+
+export const GalleryScreenHeader: React.FC<GalleryScreenHeaderProps> = ({ title, onBack }) => {
+  const tokens = useAppDesignTokens();
+  const styles = useMemo(() => createStyles(tokens), [tokens]);
+
+  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 }}
+      >
+        {title}
+      </AtomicText>
+      <View style={styles.placeholder} />
+    </View>
+  );
+};
+
+const createStyles = (tokens: DesignTokens) =>
+  StyleSheet.create({
+    screenHeader: {
+      flexDirection: "row",
+      alignItems: "center",
+      paddingHorizontal: tokens.spacing.md,
+      paddingVertical: tokens.spacing.sm,
+      gap: tokens.spacing.md,
+    },
+    backButton: {
+      padding: tokens.spacing.xs,
+    },
+    placeholder: {
+      width: 36,
+    },
+  });

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

@@ -1,12 +1,10 @@
 import React, { useState, useMemo, useCallback, useEffect, useRef } from "react";
-import { View, FlatList, RefreshControl, TouchableOpacity } from "react-native";
+import { View, FlatList, RefreshControl } 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";
@@ -15,8 +13,10 @@ import { useGalleryFilters } from "../hooks/useGalleryFilters";
 import { useGalleryCallbacks } from "../hooks/useGalleryCallbacks";
 import { GalleryHeader, CreationCard, GalleryEmptyStates } from "../components";
 import { GalleryResultPreview } from "../components/GalleryResultPreview";
+import { GalleryScreenHeader } from "../components/GalleryScreenHeader";
 import { MEDIA_FILTER_OPTIONS, STATUS_FILTER_OPTIONS } from "../../domain/types/creation-filter";
 import { getPreviewUrl } from "../../domain/utils";
+import { createFilterButtons, createItemTitle } from "../utils/filter-buttons.util";
 import type { Creation } from "../../domain/entities/Creation";
 import type { CreationsGalleryScreenProps } from "./creations-gallery.types";
 import { creationsGalleryStyles as styles } from "./creations-gallery.styles";
@@ -44,7 +44,6 @@ export function CreationsGalleryScreen({
   const { data: creations, isLoading, refetch } = useCreations({ userId, repository });
   const deleteMutation = useDeleteCreation({ userId, repository });
 
-  // Poll FAL queue for "processing" creations (enables true background generation)
   useProcessingJobsPoller({
     userId,
     creations: creations ?? [],
@@ -84,38 +83,24 @@ export function CreationsGalleryScreen({
 
   useAppFocusEffect(useCallback(() => { void refetch(); }, [refetch]));
 
-  const filterButtons = useMemo(() => {
-    const buttons = [];
-    if (showStatusFilter) {
-      buttons.push({
-        id: "status",
-        label: t(config.translations.statusFilterTitle ?? "creations.filter.status"),
-        icon: "list-outline",
-        isActive: filters.statusFilter.hasActiveFilter,
-        onPress: filters.openStatusFilter,
-      });
-    }
-    if (showMediaFilter) {
-      buttons.push({
-        id: "media",
-        label: t(config.translations.mediaFilterTitle ?? "creations.filter.media"),
-        icon: "grid-outline",
-        isActive: filters.mediaFilter.hasActiveFilter,
-        onPress: filters.openMediaFilter,
-      });
-    }
-    return buttons;
-  }, [showStatusFilter, showMediaFilter, filters, t, config.translations]);
+  const filterButtons = useMemo(() =>
+    createFilterButtons({
+      showStatusFilter,
+      showMediaFilter,
+      statusFilterActive: filters.statusFilter.hasActiveFilter,
+      mediaFilterActive: filters.mediaFilter.hasActiveFilter,
+      statusFilterLabel: t(config.translations.statusFilterTitle ?? "creations.filter.status"),
+      mediaFilterLabel: t(config.translations.mediaFilterTitle ?? "creations.filter.media"),
+      onStatusFilterPress: filters.openStatusFilter,
+      onMediaFilterPress: filters.openMediaFilter,
+    }),
+    [showStatusFilter, showMediaFilter, filters, t, config.translations]
+  );
 
-  const getItemTitle = useCallback((item: Creation): string => {
-    // Use custom title function if provided
-    if (getCreationTitle) {
-      return getCreationTitle({ type: item.type, metadata: item.metadata });
-    }
-    // Default: use type config label
-    const typeConfig = config.types?.find((tc) => tc.id === item.type);
-    return typeConfig?.labelKey ? t(typeConfig.labelKey) : item.type.split("_").map(w => w.charAt(0).toUpperCase() + w.slice(1)).join(" ");
-  }, [config.types, t, getCreationTitle]);
+  const getItemTitle = useCallback((item: Creation): string =>
+    createItemTitle(item, { types: config.types, getCreationTitle }, t),
+    [config.types, t, getCreationTitle]
+  );
 
   const renderItem = useCallback(({ item }: { item: Creation }) => (
     <CreationCard
@@ -143,7 +128,7 @@ export function CreationsGalleryScreen({
         />
       </View>
     );
-  }, [creations, isLoading, filters.filtered.length, filters.processingCount, showFilter, filterButtons, t, config, tokens]);
+  }, [creations, isLoading, filters.filtered.length, showFilter, filterButtons, t, config, tokens]);
 
   const renderEmpty = useMemo(() => (
     <GalleryEmptyStates
@@ -167,26 +152,8 @@ 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 <GalleryScreenHeader title={t(config.translations.title)} onBack={onBack} />;
+  }, [onBack, t, config.translations.title]);
 
   if (showPreview) {
     return (