@umituz/react-native-ai-generation-content 1.12.21 → 1.12.23

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

@@ -1,59 +0,0 @@
-/**
- * useToggleFavorite Hook
- * Handles favoriting/unfavoriting of user creations with optimistic update
- */
-
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-import type { ICreationsRepository } from "../../domain/repositories/ICreationsRepository";
-import type { Creation } from "../../domain/entities/Creation";
-
-interface UseToggleFavoriteProps {
-    readonly userId: string | null;
-    readonly repository: ICreationsRepository;
-}
-
-export function useToggleFavorite({
-    userId,
-    repository,
-}: UseToggleFavoriteProps) {
-    const queryClient = useQueryClient();
-
-    return useMutation({
-        mutationFn: async (creationId: string) => {
-            if (!userId) return false;
-            return repository.toggleFavorite(userId, creationId);
-        },
-        onMutate: async (creationId) => {
-            if (!userId) return;
-
-            await queryClient.cancelQueries({
-                queryKey: ["creations", userId],
-            });
-
-            const previous = queryClient.getQueryData<Creation[]>([
-                "creations",
-                userId,
-            ]);
-
-            queryClient.setQueryData<Creation[]>(
-                ["creations", userId],
-                (old) =>
-                    old?.map((c) =>
-                        c.id === creationId ? { ...c, isFavorite: !c.isFavorite } : c,
-                    ) ?? [],
-            );
-
-            return { previous };
-        },
-        onError: (_err, _id, rollback) => {
-            if (userId && rollback?.previous) {
-                queryClient.setQueryData(["creations", userId], rollback.previous);
-            }
-        },
-        onSettled: () => {
-            if (userId) {
-                queryClient.invalidateQueries({ queryKey: ["creations", userId] });
-            }
-        },
-    });
-}

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

@@ -1,71 +0,0 @@
-
-import React from 'react';
-import { View, StyleSheet, ScrollView } from 'react-native';
-import { useAppDesignTokens } from "@umituz/react-native-design-system";
-import type { Creation } from '../../domain/entities/Creation';
-import { DetailHeader } from '../components/CreationDetail/DetailHeader';
-import { DetailImage } from '../components/CreationDetail/DetailImage';
-import { DetailStory } from '../components/CreationDetail/DetailStory';
-import { DetailActions } from '../components/CreationDetail/DetailActions';
-
-interface CreationDetailScreenProps {
-    readonly creation: Creation;
-    readonly onClose: () => void;
-    readonly onShare: (creation: Creation) => void;
-    readonly onDelete: (creation: Creation) => void;
-    readonly t: (key: string) => string;
-}
-
-export const CreationDetailScreen: React.FC<CreationDetailScreenProps> = ({
-    creation,
-    onClose,
-    onShare,
-    onDelete,
-    t
-}) => {
-    const tokens = useAppDesignTokens();
-
-    // Extract data
-    const metadata = (creation as any).metadata || {};
-    const title = metadata.names || creation.type;
-    const story = metadata.story || metadata.description || "";
-    const date = metadata.date || new Date(creation.createdAt).toLocaleDateString();
-
-    const styles = useStyles(tokens);
-
-    return (
-        <View style={styles.container}>
-            <DetailHeader
-                title={title}
-                date={date}
-                onClose={onClose}
-            />
-
-            <ScrollView
-                contentContainerStyle={styles.scrollContent}
-                showsVerticalScrollIndicator={false}
-            >
-                <DetailImage uri={creation.uri} />
-
-                <DetailStory story={story} />
-
-                <DetailActions
-                    onShare={() => onShare(creation)}
-                    onDelete={() => onDelete(creation)}
-                    shareLabel={t("result.shareButton") || "Share"}
-                    deleteLabel={t("common.delete") || "Delete"}
-                />
-            </ScrollView>
-        </View>
-    );
-};
-
-const useStyles = (tokens: any) => StyleSheet.create({
-    container: {
-        flex: 1,
-        backgroundColor: tokens.colors.backgroundPrimary,
-    },
-    scrollContent: {
-        paddingBottom: tokens.spacing.xxl,
-    },
-});

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

@@ -1,264 +0,0 @@
-import React, { useMemo, useCallback, useState } from "react";
-import { View, TouchableOpacity } from "react-native";
-import {
-  useAppDesignTokens,
-  useSharing,
-  ScreenLayout,
-  ScreenHeader,
-  useAlert,
-  AlertMode,
-  AtomicIcon,
-  type BottomSheetModalRef
-} from "@umituz/react-native-design-system";
-import { useCreations } from "../hooks/useCreations";
-import { useDeleteCreation } from "../hooks/useDeleteCreation";
-import { useCreationsFilter } from "../hooks/useCreationsFilter";
-import { useToggleFavorite } from "../hooks/useToggleFavorite";
-import { useDeleteMultipleCreations } from "../hooks/useDeleteMultipleCreations";
-import {
-  GalleryHeader,
-  CreationsGrid,
-  FilterBottomSheet,
-  CreationImageViewer,
-  CreationsGalleryEmptyState
-} from "../components";
-import { SearchBar } from "@umituz/react-native-design-system";
-import { getTranslatedTypes, getFilterCategoriesFromConfig } from "../utils/filterUtils";
-import type { Creation } from "../../domain/entities/Creation";
-import type { CreationsConfig } from "../../domain/value-objects/CreationsConfig";
-import type { ICreationsRepository } from "../../domain/repositories/ICreationsRepository";
-
-interface CreationsGalleryScreenProps {
-  readonly userId: string | null;
-  readonly repository: ICreationsRepository;
-  readonly config: CreationsConfig;
-  readonly t: (key: string, options?: any) => string;
-  readonly enableEditing?: boolean;
-  readonly onImageEdit?: (uri: string, creationId: string) => void | Promise<void>;
-  readonly onEmptyAction?: () => void;
-  readonly emptyActionLabel?: string;
-  readonly onBackPress?: () => void;
-  readonly headerTitle?: string;
-  readonly showCount?: boolean;
-  readonly enableSearch?: boolean;
-  readonly enableFilter?: boolean;
-  readonly showGalleryHeader?: boolean;
-}
-
-export function CreationsGalleryScreen({
-  userId,
-  repository,
-  config,
-  t,
-  enableEditing = false,
-  onImageEdit,
-  onEmptyAction,
-  emptyActionLabel,
-  onBackPress,
-  headerTitle,
-  showCount = true,
-  enableSearch = true,
-  enableFilter = false,
-  showGalleryHeader = true,
-}: CreationsGalleryScreenProps) {
-  const tokens = useAppDesignTokens();
-  const { share } = useSharing();
-  const alert = useAlert();
-
-  const [viewerVisible, setViewerVisible] = useState(false);
-  const [viewerIndex, setViewerIndex] = useState(0);
-  const [selectedCreation, setSelectedCreation] = useState<Creation | null>(null);
-  const filterSheetRef = React.useRef<BottomSheetModalRef>(null);
-
-  const { data: creationsData, isLoading, refetch } = useCreations({ userId, repository });
-  const creations = creationsData as Creation[] | undefined;
-
-  const deleteMutation = useDeleteCreation({ userId, repository });
-  const toggleFavoriteMutation = useToggleFavorite({ userId, repository });
-  const deleteMultipleMutation = useDeleteMultipleCreations({ userId, repository });
-
-  const {
-    filtered,
-    selectedIds: selectedCategoryIds,
-    searchQuery,
-    setSearchQuery,
-    showOnlyFavorites,
-    setShowOnlyFavorites,
-    toggleFilter,
-    clearFilters,
-    isFiltered
-  } = useCreationsFilter({ creations });
-
-  const [selectedItemIds, setSelectedItemIds] = useState<string[]>([]);
-  const [isSelectionMode, setIsSelectionMode] = useState(false);
-
-  // Prepare data for UI using utils
-  const translatedTypes = useMemo(() => getTranslatedTypes(config, t), [config, t]);
-  const allCategories = useMemo(() => getFilterCategoriesFromConfig(config, t), [config, t]);
-
-  const handleShare = useCallback(async (creation: Creation) => {
-    share(creation.uri, { dialogTitle: t("common.share") });
-  }, [share, t]);
-
-  const handleDelete = useCallback(async (creation: Creation) => {
-    alert.showWarning(
-      t(config.translations.deleteTitle),
-      t(config.translations.deleteMessage),
-      {
-        mode: AlertMode.MODAL,
-        actions: [
-          { id: 'cancel', label: t("common.cancel"), onPress: () => { } },
-          {
-            id: 'delete', label: t("common.delete"), style: 'destructive', onPress: async () => {
-              const success = await deleteMutation.mutateAsync(creation.id);
-              if (success) setSelectedCreation(null);
-            }
-          }
-        ]
-      }
-    );
-  }, [alert, config, deleteMutation, t]);
-
-  const handleToggleFavorite = useCallback((creation: Creation) => {
-    toggleFavoriteMutation.mutate(creation.id);
-  }, [toggleFavoriteMutation]);
-
-  const toggleSelection = useCallback((creation: Creation) => {
-    setSelectedItemIds(prev => {
-      const isSelected = prev.includes(creation.id);
-      const next = isSelected ? prev.filter(id => id !== creation.id) : [...prev, creation.id];
-      if (next.length === 0) setIsSelectionMode(false);
-      else setIsSelectionMode(true);
-      return next;
-    });
-  }, []);
-
-  const handleDeleteSelected = useCallback(() => {
-    if (selectedItemIds.length === 0) return;
-
-    alert.showWarning(
-      t(config.translations.deleteTitle),
-      t("common.delete_selected_confirm") || `Are you sure you want to delete ${selectedItemIds.length} items?`,
-      {
-        mode: AlertMode.MODAL,
-        actions: [
-          { id: 'cancel', label: t("common.cancel"), onPress: () => { } },
-          {
-            id: 'delete', label: t("common.delete"), style: 'destructive', onPress: async () => {
-              const success = await deleteMultipleMutation.mutateAsync(selectedItemIds);
-              if (success) {
-                setSelectedItemIds([]);
-                setIsSelectionMode(false);
-              }
-            }
-          }
-        ]
-      }
-    );
-  }, [alert, config, deleteMultipleMutation, selectedItemIds, t]);
-
-  // Handle viewing a creation - shows detail screen
-  const handleView = useCallback((creation: Creation) => {
-    setSelectedCreation(creation);
-    setViewerIndex(filtered.findIndex(c => c.id === creation.id));
-    setViewerVisible(true);
-  }, [filtered]);
-
-  const screenTitle = headerTitle || t(config.translations.title) || 'My Creations';
-  const showScreenHeader = !!onBackPress;
-
-  return (
-    <ScreenLayout
-      edges={['top']}
-      scrollable={false}
-      header={
-        <View>
-          {showScreenHeader && (
-            <ScreenHeader
-              title={isSelectionMode ? `${selectedItemIds.length} Selected` : screenTitle}
-              onBackPress={isSelectionMode ? () => { setIsSelectionMode(false); setSelectedItemIds([]); } : onBackPress}
-              rightAction={isSelectionMode ? (
-                <TouchableOpacity onPress={handleDeleteSelected}>
-                  <AtomicIcon name="trash" color="error" size="md" />
-                </TouchableOpacity>
-              ) : undefined}
-            />
-          )}
-          {!isSelectionMode && enableSearch && (
-            <View style={{ paddingHorizontal: tokens.spacing.md, paddingBottom: tokens.spacing.xs }}>
-              <SearchBar
-                placeholder={t("common.search") || "Search Prompt..."}
-                value={searchQuery}
-                onChangeText={setSearchQuery}
-              />
-            </View>
-          )}
-        </View>
-      }
-      contentContainerStyle={{ paddingHorizontal: 0 }}
-    >
-      {creations && creations.length > 0 && 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={enableFilter}
-          showCount={showCount}
-        />
-      )}
-
-      {/* Main Content Grid - handles empty/loading via ListEmptyComponent */}
-      <CreationsGrid
-        creations={filtered}
-        types={translatedTypes}
-        isLoading={isLoading}
-        onRefresh={refetch}
-        onView={handleView}
-        onShare={handleShare}
-        onDelete={handleDelete}
-        onToggleFavorite={handleToggleFavorite}
-        isSelectionMode={isSelectionMode}
-        selectedIds={selectedItemIds}
-        onSelect={toggleSelection}
-        contentContainerStyle={{ paddingBottom: tokens.spacing.xl }}
-        ListEmptyComponent={
-          <CreationsGalleryEmptyState
-            isLoading={isLoading}
-            hasCreations={!!creations && creations.length > 0}
-            config={config}
-            t={t}
-            emptyActionLabel={emptyActionLabel}
-            onEmptyAction={onEmptyAction}
-            clearFilters={clearFilters}
-          />
-        }
-      />
-
-      <CreationImageViewer
-        creations={filtered}
-        visible={viewerVisible}
-        index={viewerIndex}
-        onDismiss={() => setViewerVisible(false)}
-        onIndexChange={setViewerIndex}
-        enableEditing={enableEditing}
-        onImageEdit={onImageEdit}
-        selectedCreationId={(selectedCreation as Creation | null)?.id}
-      />
-
-      <FilterBottomSheet
-        ref={filterSheetRef}
-        categories={allCategories}
-        selectedIds={selectedCategoryIds}
-        onFilterPress={(id, catId) => toggleFilter(id, allCategories.find(c => c.id === catId)?.multiSelect)}
-        onClearFilters={clearFilters}
-        title={t(config.translations.filterTitle) || t("common.filter")}
-      />
-    </ScreenLayout>
-  );
-}

package/src/domains/creations/presentation/screens/index.ts

@@ -1,5 +0,0 @@
-/**
- * Presentation Screens
- */
-
-export { CreationsGalleryScreen } from "./CreationsGalleryScreen";

package/src/domains/creations/presentation/utils/filterUtils.ts

@@ -1,52 +0,0 @@
-import { CreationsConfig } from "../../domain/value-objects/CreationsConfig";
-import { FilterCategory } from "../components/FilterBottomSheet";
-
-/**
- * Transforms the creations configuration into filter categories for the UI.
- * 
- * @param config The creations configuration object
- * @param t Translation function
- * @returns Array of FilterCategory
- */
-export const getFilterCategoriesFromConfig = (
-    config: CreationsConfig,
-    t: (key: string) => string
-): FilterCategory[] => {
-    const categories: FilterCategory[] = [];
-
-    if (config.types.length > 0) {
-        categories.push({
-            id: 'type',
-            title: t(config.translations.filterTitle),
-            multiSelect: false,
-            options: config.types.map(type => ({
-                id: type.id,
-                label: t(type.labelKey),
-                icon: type.icon || 'image'
-            }))
-        });
-    }
-
-    if (config.filterCategories) {
-        categories.push(...config.filterCategories);
-    }
-
-    return categories;
-};
-
-/**
- * Translates the creation types for display.
- * 
- * @param config The creations configuration object
- * @param t Translation function
- * @returns Array of types with translated labels
- */
-export const getTranslatedTypes = (
-    config: CreationsConfig,
-    t: (key: string) => string
-) => {
-    return config.types.map(type => ({
-        ...type,
-        labelKey: t(type.labelKey)
-    }));
-};

package/src/domains/creations/types.d.ts

@@ -1,107 +0,0 @@
-/**
- * Type declarations for external modules
- */
-
-declare module "@umituz/react-native-firestore" {
-  import type { Firestore } from "firebase/firestore";
-
-  export class BaseRepository {
-    protected getDb(): Firestore | null;
-    protected getDbOrThrow(): Firestore;
-    protected isDbInitialized(): boolean;
-    protected isQuotaError(error: unknown): boolean;
-    protected handleQuotaError(error: unknown): never;
-    protected executeWithQuotaHandling<T>(
-      operation: () => Promise<T>,
-    ): Promise<T>;
-    protected trackRead(
-      collection: string,
-      count: number,
-      cached: boolean,
-    ): void;
-    protected trackWrite(
-      collection: string,
-      docId: string,
-      count: number,
-    ): void;
-    protected trackDelete(
-      collection: string,
-      docId: string,
-      count: number,
-    ): void;
-    destroy(): void;
-  }
-
-  export function getFirestore(): Firestore | null;
-  export function initializeFirestore(app: unknown): void;
-  export function isFirestoreInitialized(): boolean;
-}
-
-declare module "@umituz/react-native-design-system" {
-  import type { FC, ReactNode } from "react";
-  import type { StyleProp, ViewStyle, TextStyle } from "react-native";
-
-  export interface DesignTokens {
-    colors: {
-      primary: string;
-      secondary: string;
-      error: string;
-      warning: string;
-      success: string;
-      backgroundPrimary: string;
-      backgroundSecondary: string;
-      surface: string;
-      textPrimary: string;
-      textSecondary: string;
-      textInverse: string;
-      border: string;
-      [key: string]: string;
-    };
-    spacing: {
-      xs: number;
-      sm: number;
-      md: number;
-      lg: number;
-      xl: number;
-      xxl: number;
-      [key: string]: number;
-    };
-    typography: {
-      headingLarge: TextStyle;
-      headingMedium: TextStyle;
-      headingSmall: TextStyle;
-      bodyLarge: TextStyle;
-      bodyMedium: TextStyle;
-      bodySmall: TextStyle;
-      [key: string]: TextStyle;
-    };
-  }
-
-  export function useAppDesignTokens(): DesignTokens;
-
-  export interface AtomicTextProps {
-    children?: ReactNode;
-    style?: StyleProp<TextStyle>;
-  }
-  export const AtomicText: FC<AtomicTextProps>;
-
-  export interface AtomicIconProps {
-    name: string;
-    size?: "xs" | "sm" | "md" | "lg" | "xl";
-    color?: string;
-  }
-  export const AtomicIcon: FC<AtomicIconProps>;
-}
-
-declare module "@umituz/react-native-sharing" {
-  export interface ShareOptions {
-    dialogTitle?: string;
-    mimeType?: string;
-  }
-
-  export interface UseSharingResult {
-    share: (uri: string, options?: ShareOptions) => Promise<void>;
-  }
-
-  export function useSharing(): UseSharingResult;
-}