@umituz/react-native-ai-generation-content 1.12.37 → 1.12.39

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.12.37",
+  "version": "1.12.39",
   "description": "Provider-agnostic AI generation orchestration for React Native",
   "main": "src/index.ts",
   "types": "src/index.ts",
@@ -68,7 +68,7 @@
     "@typescript-eslint/parser": "^7.0.0",
     "@umituz/react-native-animation": "*",
     "@umituz/react-native-design-system": "^2.3.33",
-    "@umituz/react-native-firebase": "*",
+    "@umituz/react-native-firebase": "^1.13.20",
     "@umituz/react-native-haptics": "^1.0.2",
     "@umituz/react-native-image": "*",
     "@umituz/react-native-offline": "*",

package/src/domains/creations/domain/value-objects/CreationsConfig.ts

@@ -4,7 +4,7 @@
  */
 
 import type { Creation, CreationDocument } from "../entities/Creation";
-import type { FilterCategory } from "../../presentation/components/FilterBottomSheet";
+import type { FilterCategory } from "@umituz/react-native-design-system";
 
 export interface CreationType {
   readonly id: string;
@@ -25,17 +25,6 @@ export interface CreationsTranslations {
   readonly filterTitle: string;
 }
 
-/**
- * Path builder function type
- * Allows apps to define custom Firestore path structures
- * @example
- * // Default: users/{userId}/creations
- * pathBuilder: (userId) => ["users", userId, "creations"]
- * // Alternative: creations/{userId}/items
- * pathBuilder: (userId) => ["creations", userId, "items"]
- */
-export type PathBuilder = (userId: string) => string[];
-
 /**
  * Document mapper function type
  * Allows apps to map their specific document structure to Creation
@@ -49,7 +38,6 @@ export interface CreationsConfig {
   readonly translations: CreationsTranslations;
   readonly maxThumbnails?: number;
   readonly gridColumns?: number;
-  readonly pathBuilder?: PathBuilder;
   readonly documentMapper?: DocumentMapper;
 }
 

package/src/domains/creations/infrastructure/adapters/createRepository.ts

@@ -4,7 +4,7 @@
  *
  * Architecture:
  * - Factory pattern for repository creation
- * - Supports dynamic path structure per app
+ * - Standard path: users/{userId}/{collectionName}
  * - Supports custom document mapping per app
  * - App-agnostic: No Firestore instance needed (BaseRepository handles it)
  *
@@ -25,16 +25,10 @@ import type { ICreationsRepository } from "../../domain/repositories/ICreationsR
  * @returns ICreationsRepository instance
  *
  * @example
- * // Basic usage with default path (users/{userId}/photos)
+ * // Basic usage (path: users/{userId}/photos)
  * const repo = createCreationsRepository("photos");
  *
  * @example
- * // Custom path structure
- * const repo = createCreationsRepository("creations", {
- *   pathBuilder: (userId) => ["gallery", userId, "items"],
- * });
- *
- * @example
  * // Custom document mapper
  * const repo = createCreationsRepository("photos", {
  *   documentMapper: (id, data) => ({
@@ -43,6 +37,7 @@ import type { ICreationsRepository } from "../../domain/repositories/ICreationsR
  *     type: data.category,
  *     createdAt: data.timestamp?.toDate() || new Date(),
  *     isShared: data.public ?? false,
+ *     isFavorite: data.favorite ?? false,
  *   }),
  * });
  */

package/src/domains/creations/infrastructure/repositories/CreationsFetcher.ts

@@ -1,7 +1,7 @@
 import { getDocs, getDoc, query, orderBy } from "firebase/firestore";
+import { type FirestorePathResolver } from "@umituz/react-native-firebase";
 import type { DocumentMapper } from "../../domain/value-objects/CreationsConfig";
 import type { Creation, CreationDocument } from "../../domain/entities/Creation";
-import type { FirestorePathResolver } from "./FirestorePathResolver";
 
 declare const __DEV__: boolean;
 

package/src/domains/creations/infrastructure/repositories/CreationsRepository.ts

@@ -1,32 +1,19 @@
-import { BaseRepository } from "@umituz/react-native-firebase";
+import { BaseRepository, FirestorePathResolver } from "@umituz/react-native-firebase";
 import type { ICreationsRepository } from "../../domain/repositories/ICreationsRepository";
 import type { Creation } from "../../domain/entities/Creation";
 import { mapDocumentToCreation } from "../../domain/entities/Creation";
-import type {
-  PathBuilder,
-  DocumentMapper,
-} from "../../domain/value-objects/CreationsConfig";
-import { FirestorePathResolver } from "./FirestorePathResolver";
+import type { DocumentMapper } from "../../domain/value-objects/CreationsConfig";
 import { CreationsFetcher } from "./CreationsFetcher";
 import { CreationsWriter } from "./CreationsWriter";
 
 /**
  * Repository options for dynamic configuration
- * Apps can customize path structure and document mapping
+ * Apps can customize document mapping
  */
 export interface RepositoryOptions {
-  readonly pathBuilder?: PathBuilder;
   readonly documentMapper?: DocumentMapper;
 }
 
-/**
- * Default path builder: users/{userId}/{collectionName}
- */
-const createDefaultPathBuilder =
-  (collectionName: string): PathBuilder =>
-    (userId: string) =>
-      ["users", userId, collectionName];
-
 /**
  * Creations Repository Implementation
  * Delegates to specialized classes for different responsibilities
@@ -36,7 +23,7 @@ const createDefaultPathBuilder =
  * - Uses FirestorePathResolver for path resolution
  * - Uses CreationsFetcher for read operations
  * - Uses CreationsWriter for write operations
- * - Fully dynamic and configurable per app
+ * - Standard path: users/{userId}/{collectionName}
  */
 export class CreationsRepository
   extends BaseRepository
@@ -46,15 +33,14 @@ export class CreationsRepository
   private readonly writer: CreationsWriter;
 
   constructor(
-    private readonly _collectionName: string,
+    collectionName: string,
     options?: RepositoryOptions,
   ) {
     super();
 
-    const pathBuilder = options?.pathBuilder ?? createDefaultPathBuilder(_collectionName);
     const documentMapper = options?.documentMapper ?? mapDocumentToCreation;
 
-    this.pathResolver = new FirestorePathResolver(pathBuilder, this.getDb());
+    this.pathResolver = new FirestorePathResolver(collectionName, this.getDb());
     this.fetcher = new CreationsFetcher(this.pathResolver, documentMapper);
     this.writer = new CreationsWriter(this.pathResolver);
   }

package/src/domains/creations/infrastructure/repositories/CreationsWriter.ts

@@ -1,6 +1,6 @@
 import { setDoc, updateDoc, deleteDoc } from "firebase/firestore";
+import { type FirestorePathResolver } from "@umituz/react-native-firebase";
 import type { Creation, CreationDocument } from "../../domain/entities/Creation";
-import type { FirestorePathResolver } from "./FirestorePathResolver";
 
 declare const __DEV__: boolean;
 

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

@@ -11,7 +11,6 @@ export { CreationCard } from "./CreationCard";
 export { CreationThumbnail } from "./CreationThumbnail";
 export { CreationImageViewer } from "./CreationImageViewer";
 export { CreationsGrid } from "./CreationsGrid";
-export { FilterBottomSheet, type FilterCategory, type FilterOption } from "./FilterBottomSheet";
 
 // Detail Components
 export { DetailHeader } from "./CreationDetail/DetailHeader";

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

@@ -1,13 +1,21 @@
 import React, { useMemo, useCallback, useState } from "react";
 import { View, StyleSheet, type LayoutChangeEvent } from "react-native";
-import { useAppDesignTokens, useAlert, AlertType, AlertMode, useSharing, type DesignTokens } from "@umituz/react-native-design-system";
-import { BottomSheetModal } from '@gorhom/bottom-sheet';
+import {
+  useAppDesignTokens,
+  useAlert,
+  AlertType,
+  AlertMode,
+  useSharing,
+  FilterBottomSheet,
+  type DesignTokens,
+  type BottomSheetModalRef
+} from "@umituz/react-native-design-system";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { useFocusEffect } from "@react-navigation/native";
 import { useCreations } from "../hooks/useCreations";
 import { useDeleteCreation } from "../hooks/useDeleteCreation";
 import { useCreationsFilter } from "../hooks/useCreationsFilter";
-import { GalleryHeader, CreationsGrid, FilterBottomSheet, CreationImageViewer, GalleryEmptyStates } from "../components";
+import { GalleryHeader, CreationsGrid, CreationImageViewer, GalleryEmptyStates } from "../components";
 import { getTranslatedTypes, getFilterCategoriesFromConfig } from "../utils/filterUtils";
 import type { Creation } from "../../domain/entities/Creation";
 import type { CreationsConfig } from "../../domain/value-objects/CreationsConfig";
@@ -45,7 +53,7 @@ export function CreationsGalleryScreen({
   const [viewerVisible, setViewerVisible] = useState(false);
   const [viewerIndex, setViewerIndex] = useState(0);
   const [selectedCreation, setSelectedCreation] = useState<Creation | null>(null);
-  const filterSheetRef = React.useRef<BottomSheetModal>(null);
+  const filterSheetRef = React.useRef<BottomSheetModalRef>(null);
 
   const { data: creationsData, isLoading, refetch } = useCreations({ userId, repository });
   const creations = creationsData;

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

@@ -1,5 +1,5 @@
-import { CreationsConfig } from "../../domain/value-objects/CreationsConfig";
-import { FilterCategory } from "../components/FilterBottomSheet";
+import type { CreationsConfig } from "../../domain/value-objects/CreationsConfig";
+import type { FilterCategory } from "@umituz/react-native-design-system";
 
 /**
  * Transforms the creations configuration into filter categories for the UI.

package/src/domains/creations/infrastructure/repositories/FirestorePathResolver.ts

@@ -1,26 +0,0 @@
-import type { Firestore } from "firebase/firestore";
-import { collection, doc } from "firebase/firestore";
-import type { PathBuilder } from "../../domain/value-objects/CreationsConfig";
-
-/**
- * Resolves Firestore paths for creations
- * Single Responsibility: Path resolution
- */
-export class FirestorePathResolver {
-    constructor(
-        private readonly pathBuilder: PathBuilder,
-        private readonly db: Firestore | null,
-    ) { }
-
-    getUserCollection(userId: string) {
-        if (!this.db) return null;
-        const pathSegments = this.pathBuilder(userId);
-        return collection(this.db, pathSegments[0], ...pathSegments.slice(1));
-    }
-
-    getDocRef(userId: string, creationId: string) {
-        if (!this.db) return null;
-        const pathSegments = this.pathBuilder(userId);
-        return doc(this.db, pathSegments[0], ...pathSegments.slice(1), creationId);
-    }
-}

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

@@ -1,171 +0,0 @@
-import React, { forwardRef, useCallback, useMemo } from 'react';
-import { View, StyleSheet, TouchableOpacity, ScrollView } from 'react-native';
-import { useAppDesignTokens, AtomicText, AtomicIcon, type DesignTokens } from '@umituz/react-native-design-system';
-import { BottomSheetModal } from '@gorhom/bottom-sheet';
-
-export interface FilterOption {
-    id: string;
-    label: string;
-    icon?: string;
-}
-
-export interface FilterCategory {
-    id: string;
-    title: string;
-    multiSelect?: boolean;
-    options: FilterOption[];
-}
-
-interface FilterBottomSheetProps {
-    categories: FilterCategory[];
-    selectedIds: string[];
-    onFilterPress: (id: string, categoryId: string) => void;
-    onClearFilters: () => void;
-    title: string;
-    snapPoints?: string[];
-}
-
-export const FilterBottomSheet = forwardRef<BottomSheetModal, FilterBottomSheetProps>((props, ref) => {
-    const { categories, selectedIds, onFilterPress, onClearFilters, title, snapPoints: propSnapPoints } = props;
-    const tokens = useAppDesignTokens();
-    const styles = useStyles(tokens);
-
-    const snapPoints = useMemo(() => propSnapPoints || ['50%', '75%'], [propSnapPoints]);
-
-    const renderOption = useCallback((option: FilterOption, category: FilterCategory) => {
-        const isSelected = selectedIds.includes(option.id);
-
-        return (
-            <TouchableOpacity
-                key={option.id}
-                style={[styles.option, isSelected && styles.optionSelected]}
-                onPress={() => onFilterPress(option.id, category.id)}
-            >
-                <View style={styles.optionContent}>
-                    {option.icon && (
-                        <View style={styles.optionIcon}>
-                            <AtomicIcon
-                                name={option.icon}
-                                size="sm"
-                                color={isSelected ? "primary" : "onSurface"}
-                            />
-                        </View>
-                    )}
-                    <AtomicText
-                        style={[styles.optionLabel, isSelected && styles.optionLabelSelected]}
-                    >
-                        {option.label}
-                    </AtomicText>
-                </View>
-                {isSelected && (
-                    <AtomicIcon name="checkmark" size="sm" color="primary" />
-                )}
-            </TouchableOpacity>
-        );
-    }, [onFilterPress, selectedIds, styles]);
-
-    const backgroundStyle = useMemo(() => ({
-        backgroundColor: tokens.colors.surface,
-    }), [tokens.colors.surface]);
-
-    const handleIndicatorStyle = useMemo(() => ({
-        backgroundColor: tokens.colors.outline,
-    }), [tokens.colors.outline]);
-
-    return (
-        <BottomSheetModal
-            ref={ref}
-            snapPoints={snapPoints}
-            backgroundStyle={backgroundStyle}
-            handleIndicatorStyle={handleIndicatorStyle}
-            enablePanDownToClose
-        >
-            <View style={styles.header}>
-                <AtomicText style={styles.headerTitle}>{title}</AtomicText>
-                <TouchableOpacity onPress={onClearFilters}>
-                    <AtomicText style={styles.clearButton}>Clear</AtomicText>
-                </TouchableOpacity>
-            </View>
-
-            <ScrollView contentContainerStyle={styles.content}>
-                {categories.map(category => (
-                    <View key={category.id} style={styles.categoryContainer}>
-                        <AtomicText style={styles.categoryTitle}>{category.title}</AtomicText>
-                        <View style={styles.optionsContainer}>
-                            {category.options.map(option => renderOption(option, category))}
-                        </View>
-                    </View>
-                ))}
-            </ScrollView>
-        </BottomSheetModal>
-    );
-});
-
-FilterBottomSheet.displayName = 'FilterBottomSheet';
-
-const useStyles = (tokens: DesignTokens) => StyleSheet.create({
-    content: {
-        padding: tokens.spacing.md,
-        paddingBottom: tokens.spacing.xl,
-    },
-    header: {
-        flexDirection: 'row',
-        justifyContent: 'space-between',
-        alignItems: 'center',
-        paddingHorizontal: tokens.spacing.md,
-        paddingBottom: tokens.spacing.sm,
-        borderBottomWidth: 1,
-        borderBottomColor: tokens.colors.outline,
-    },
-    headerTitle: {
-        fontSize: 20,
-        fontWeight: '700',
-        color: tokens.colors.textPrimary,
-    },
-    clearButton: {
-        color: tokens.colors.primary,
-        fontSize: 14,
-        fontWeight: '600',
-    },
-    categoryContainer: {
-        marginTop: tokens.spacing.md,
-    },
-    categoryTitle: {
-        marginBottom: tokens.spacing.xs,
-        color: tokens.colors.textSecondary,
-        fontSize: 16,
-        fontWeight: '600',
-    },
-    optionsContainer: {
-        backgroundColor: tokens.colors.background,
-        borderRadius: tokens.borders.radius.md,
-        overflow: 'hidden',
-    },
-    option: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        padding: tokens.spacing.md,
-        backgroundColor: tokens.colors.background,
-        borderBottomWidth: 1,
-        borderBottomColor: tokens.colors.surface,
-    },
-    optionSelected: {
-        backgroundColor: tokens.colors.surface,
-    },
-    optionContent: {
-        flexDirection: 'row',
-        alignItems: 'center',
-    },
-    optionIcon: {
-        marginRight: tokens.spacing.sm,
-    },
-    optionLabel: {
-        color: tokens.colors.textPrimary,
-        fontSize: 14,
-    },
-    optionLabelSelected: {
-        color: tokens.colors.primary,
-        fontWeight: 'bold',
-    },
-});