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

package/src/presentation/components/result/ResultStoryCard.tsx

@@ -3,7 +3,8 @@
  * Displays story text with quote styling
  */
 
-import React from "react";
+import * as React from "react";
+import { useMemo } from "react";
 import { View, StyleSheet } from "react-native";
 import {
   AtomicText,
@@ -17,28 +18,8 @@ export interface ResultStoryCardProps {
 
 export const ResultStoryCard: React.FC<ResultStoryCardProps> = ({ story }) => {
   const tokens = useAppDesignTokens();
-  const styles = createStyles(tokens);
 
-  return (
-    <View style={styles.outer}>
-      <LinearGradient
-        colors={[`${tokens.colors.primary}15`, `${tokens.colors.primary}05`]}
-        style={styles.container}
-      >
-        <AtomicText style={styles.quoteIcon}>&quot;</AtomicText>
-        <AtomicText style={styles.text}>{story}</AtomicText>
-        <View style={styles.quoteEnd}>
-          <AtomicText style={[styles.quoteIcon, styles.quoteIconEnd]}>
-            &quot;
-          </AtomicText>
-        </View>
-      </LinearGradient>
-    </View>
-  );
-};
-
-const createStyles = (tokens: any) =>
-  StyleSheet.create({
+  const styles = useMemo(() => StyleSheet.create({
     outer: {
       paddingHorizontal: 20,
       marginBottom: 20,
@@ -47,7 +28,7 @@ const createStyles = (tokens: any) =>
       padding: 20,
       borderRadius: 16,
       borderWidth: 1,
-      borderColor: `${tokens.colors.primary}20`,
+      borderColor: tokens.colors.primaryContainer,
     },
     quoteIcon: {
       fontSize: 40,
@@ -71,4 +52,22 @@ const createStyles = (tokens: any) =>
       fontStyle: "italic",
       fontWeight: "500",
     },
-  });
+  }), [tokens]);
+
+  return (
+    <View style={styles.outer}>
+      <LinearGradient
+        colors={[tokens.colors.primaryContainer, tokens.colors.surface]}
+        style={styles.container}
+      >
+        <AtomicText style={styles.quoteIcon}>&quot;</AtomicText>
+        <AtomicText style={styles.text}>{story}</AtomicText>
+        <View style={styles.quoteEnd}>
+          <AtomicText style={[styles.quoteIcon, styles.quoteIconEnd]}>
+            &quot;
+          </AtomicText>
+        </View>
+      </LinearGradient>
+    </View>
+  );
+};

package/src/presentation/hooks/photo-generation.types.ts

@@ -3,12 +3,12 @@
  * Generic types for photo-based AI generation workflows
  */
 
-export interface PhotoGenerationInput<TMetadata = any> {
+export interface PhotoGenerationInput<TMetadata = unknown> {
   photos: Array<{ uri: string; base64: string }>;
   metadata?: TMetadata;
 }
 
-export interface PhotoGenerationResult<TResult = any> {
+export interface PhotoGenerationResult<TResult = unknown> {
   success: boolean;
   data?: TResult;
   error?: PhotoGenerationError;
@@ -23,7 +23,7 @@ export interface PhotoGenerationError {
 export interface PhotoGenerationConfig<TInput, TResult, TSaveInput> {
   generate: (input: TInput) => Promise<TResult>;
   save?: (result: TResult, input: TInput) => Promise<TSaveInput>;
-  buildMetadata?: (input: TInput) => Record<string, any>;
+  buildMetadata?: (input: TInput) => Record<string, unknown>;
   checkCredits?: () => Promise<boolean>;
   deductCredits?: () => Promise<void>;
   onSuccess?: (result: TResult) => void;
@@ -31,7 +31,7 @@ export interface PhotoGenerationConfig<TInput, TResult, TSaveInput> {
   onSaveComplete?: (saveResult: TSaveInput) => void;
 }
 
-export interface PhotoGenerationState<TResult = any> {
+export interface PhotoGenerationState<TResult = unknown> {
   isGenerating: boolean;
   result: TResult | null;
   error: PhotoGenerationError | null;

package/src/presentation/hooks/usePhotoGeneration.ts

@@ -18,7 +18,7 @@ export interface UsePhotoGenerationReturn<TInput, TResult> extends PhotoGenerati
   status: PhotoGenerationStatus;
 }
 
-export const usePhotoGeneration = <TInput, TResult, TSaveInput = any>(
+export const usePhotoGeneration = <TInput, TResult, TSaveInput = unknown>(
   config: PhotoGenerationConfig<TInput, TResult, TSaveInput>,
 ): UsePhotoGenerationReturn<TInput, TResult> => {
   const {
@@ -58,7 +58,6 @@ export const usePhotoGeneration = <TInput, TResult, TSaveInput = any>(
   const generate = useCallback(
     async (input: TInput) => {
       if (isGeneratingRef.current) {
-        if (__DEV__) console.warn("[usePhotoGeneration] Generation already in progress");
         return;
       }
 
@@ -98,7 +97,7 @@ export const usePhotoGeneration = <TInput, TResult, TSaveInput = any>(
             throw createError(
               "save_failed",
               "Failed to save result",
-              saveError as Error,
+              saveError instanceof Error ? saveError : new Error(String(saveError)),
             );
           }
         }
@@ -109,9 +108,8 @@ export const usePhotoGeneration = <TInput, TResult, TSaveInput = any>(
         if (deductCredits) {
           try {
             await deductCredits();
-          } catch (deductError) {
-            if (__DEV__)
-              console.error("[usePhotoGeneration] Credit deduction failed", deductError);
+          } catch {
+            // Silently fail credit deduction as generation succeeded
           }
         }
 
@@ -123,13 +121,20 @@ export const usePhotoGeneration = <TInput, TResult, TSaveInput = any>(
         });
         setStatus("success");
         onSuccess?.(result);
-      } catch (error: any) {
-        const generationError =
-          error.type
-            ? error
-            : error.name === "ContentPolicyViolationError"
-              ? createError("policy_violation", "Content policy violation", error)
-              : createError("unknown", error.message || "Generation failed", error);
+      } catch (err: unknown) {
+        let generationError: PhotoGenerationError;
+
+        if (err && typeof err === "object" && "type" in err && "message" in err) {
+          generationError = err as PhotoGenerationError;
+        } else if (err instanceof Error) {
+          if (err.name === "ContentPolicyViolationError") {
+            generationError = createError("policy_violation", "Content policy violation", err);
+          } else {
+            generationError = createError("unknown", err.message || "Generation failed", err);
+          }
+        } else {
+          generationError = createError("unknown", "Generation failed");
+        }
 
         setState({
           isGenerating: false,

package/src/domains/creations/application/services/CreationsService.ts

@@ -1,72 +0,0 @@
-import { serverTimestamp, addDoc, collection } from "firebase/firestore";
-import { generateUUID } from "@umituz/react-native-uuid";
-import type { ICreationsRepository } from "../../domain/repositories/ICreationsRepository";
-import type { ICreationsStorageService } from "../../domain/services/ICreationsStorageService";
-import type { CreationType } from "../../domain/value-objects";
-import { BaseRepository } from "@umituz/react-native-firebase";
-
-export interface CreateCreationDTO {
-    userId: string;
-    type: CreationType;
-    prompt: string;
-    metadata?: Record<string, any>;
-    imageUri: string; // can be local file uri or base64
-    aspectRatio?: number;
-}
-
-export class CreationsService extends BaseRepository {
-    constructor(
-        private readonly repository: ICreationsRepository,
-        private readonly storageService: ICreationsStorageService,
-        private readonly collectionName: string = "creations" // Default to generic name, app can override via repo
-    ) {
-        super();
-    }
-
-    async saveCreation(dto: CreateCreationDTO): Promise<string> {
-        const db = this.getDb();
-        if (!db) throw new Error("Firestore not initialized");
-
-        try {
-            const creationId = generateUUID();
-
-            const imageUrl = await this.storageService.uploadCreationImage(
-                dto.userId,
-                creationId,
-                dto.imageUri
-            );
-
-            await this.repository.create(dto.userId, {
-                id: creationId,
-                uri: imageUrl,
-                type: dto.type.id,
-                prompt: dto.prompt,
-                metadata: dto.metadata,
-                createdAt: new Date(),
-                isShared: false,
-                isFavorite: false,
-            });
-
-            return creationId;
-        } catch (error) {
-            console.error(error);
-            throw error;
-        }
-    }
-
-    async getCreation(userId: string, id: string): Promise<any> {
-        return this.repository.getById(userId, id);
-    }
-
-    async updateCreation(
-        userId: string,
-        id: string,
-        updates: { metadata?: Record<string, any> },
-    ): Promise<boolean> {
-        return this.repository.update(userId, id, updates);
-    }
-
-    async deleteCreation(userId: string, id: string): Promise<boolean> {
-        return this.repository.delete(userId, id);
-    }
-}

package/src/domains/creations/domain/entities/Creation.ts

@@ -1,54 +0,0 @@
-/**
- * Creation Entity
- * Represents an AI-generated creation
- */
-
-export interface Creation {
-  readonly id: string;
-  readonly uri: string;
-  readonly type: string;
-  readonly prompt?: string;
-  readonly metadata?: Record<string, any>;
-  readonly originalUri?: string;
-  readonly createdAt: Date;
-  readonly isShared: boolean;
-  readonly isFavorite: boolean;
-}
-
-export interface CreationDocument {
-  readonly uri?: string;
-  readonly prompt?: string;
-  readonly metadata?: Record<string, any>;
-  readonly originalImage?: string;
-  readonly originalImageUrl?: string;
-  readonly transformedImage?: string;
-  readonly transformedImageUrl?: string;
-  readonly transformationType?: string;
-  readonly type?: string;
-  readonly status?: string;
-  readonly isShared: boolean;
-  readonly isFavorite: boolean;
-  readonly createdAt: FirebaseTimestamp | Date; // Allow Date for writing
-  readonly completedAt?: FirebaseTimestamp | Date;
-}
-
-interface FirebaseTimestamp {
-  toDate: () => Date;
-}
-
-export function mapDocumentToCreation(
-  id: string,
-  data: CreationDocument,
-): Creation {
-  return {
-    id,
-    uri: data.transformedImageUrl || data.transformedImage || data.uri || "",
-    type: data.transformationType || data.type || "unknown",
-    prompt: data.prompt,
-    metadata: data.metadata,
-    originalUri: data.originalImageUrl || data.originalImage,
-    createdAt: (data.createdAt as any)?.toDate?.() || (data.createdAt instanceof Date ? data.createdAt : new Date()),
-    isShared: data.isShared ?? false,
-    isFavorite: data.isFavorite ?? false,
-  };
-}

package/src/domains/creations/domain/entities/index.ts

@@ -1,6 +0,0 @@
-/**
- * Domain Entities
- */
-
-export type { Creation, CreationDocument } from "./Creation";
-export { mapDocumentToCreation } from "./Creation";

package/src/domains/creations/domain/repositories/ICreationsRepository.ts

@@ -1,25 +0,0 @@
-/**
- * Creations Repository Interface
- * Defines the contract for creations data access
- */
-
-import type { Creation } from "../entities/Creation";
-
-export interface ICreationsRepository {
-  getAll(userId: string): Promise<Creation[]>;
-  getById(userId: string, id: string): Promise<Creation | null>;
-  create(userId: string, creation: Creation): Promise<void>;
-  update(
-    userId: string,
-    id: string,
-    updates: Partial<Creation>,
-  ): Promise<boolean>;
-  delete(userId: string, creationId: string): Promise<boolean>;
-  deleteMultiple(userId: string, creationIds: string[]): Promise<boolean>;
-  toggleFavorite(userId: string, creationId: string): Promise<boolean>;
-  updateShared(
-    userId: string,
-    creationId: string,
-    isShared: boolean,
-  ): Promise<boolean>;
-}

package/src/domains/creations/domain/repositories/index.ts

@@ -1,5 +0,0 @@
-/**
- * Domain Repository Interfaces
- */
-
-export type { ICreationsRepository } from "./ICreationsRepository";

package/src/domains/creations/domain/services/ICreationsStorageService.ts

@@ -1,13 +0,0 @@
-export interface ICreationsStorageService {
-    uploadCreationImage(
-        userId: string,
-        creationId: string,
-        imageUri: string,
-        mimeType?: string
-    ): Promise<string>;
-
-    deleteCreationImage(
-        userId: string,
-        creationId: string
-    ): Promise<boolean>;
-}

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

@@ -1,77 +0,0 @@
-/**
- * Creations Configuration Value Object
- * Defines the configuration for creations feature
- */
-
-import type { Creation, CreationDocument } from "../entities/Creation";
-
-export interface CreationType {
-  readonly id: string;
-  readonly labelKey: string;
-  readonly icon: string;
-}
-
-export interface CreationsTranslations {
-  readonly title: string;
-  readonly subtitle: string;
-  readonly empty: string;
-  readonly emptyDescription: string;
-  readonly deleteTitle: string;
-  readonly deleteMessage: string;
-  readonly photoCount: string;
-  readonly filterAll: string;
-  readonly filterLabel: string;
-  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
- */
-export type DocumentMapper = (id: string, data: CreationDocument) => Creation;
-
-import type { FilterCategory } from "@umituz/react-native-design-system";
-
-export interface CreationsConfig {
-  readonly collectionName: string;
-  readonly types: readonly CreationType[];
-  readonly filterCategories?: readonly FilterCategory[];
-  readonly translations: CreationsTranslations;
-  readonly maxThumbnails?: number;
-  readonly gridColumns?: number;
-  readonly pathBuilder?: PathBuilder;
-  readonly documentMapper?: DocumentMapper;
-  readonly enableFiltering?: boolean;
-}
-
-export const DEFAULT_TRANSLATIONS: CreationsTranslations = {
-  title: "creations.title",
-  subtitle: "creations.subtitle",
-  empty: "creations.empty",
-  emptyDescription: "creations.emptyDescription",
-  deleteTitle: "creations.deleteTitle",
-  deleteMessage: "creations.deleteMessage",
-  photoCount: "creations.photoCount",
-  filterAll: "creations.filterAll",
-  filterLabel: "common.filter",
-  filterTitle: "common.filter",
-};
-
-export const DEFAULT_CONFIG: CreationsConfig = {
-  collectionName: "creations",
-  types: [],
-  translations: DEFAULT_TRANSLATIONS,
-  maxThumbnails: 4,
-  gridColumns: 2,
-};

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

@@ -1,12 +0,0 @@
-/**
- * Domain Value Objects
- */
-
-export type {
-  CreationType,
-  CreationsTranslations,
-  CreationsConfig,
-  PathBuilder,
-  DocumentMapper,
-} from "./CreationsConfig";
-export { DEFAULT_TRANSLATIONS, DEFAULT_CONFIG } from "./CreationsConfig";

package/src/domains/creations/index.ts

@@ -1,84 +0,0 @@
-/**
- * @umituz/react-native-ai-creations
- *
- * AI-generated creations gallery with filtering, sharing, and management
- *
- * Architecture:
- * - Extends BaseRepository from @umituz/react-native-firestore
- * - Fully dynamic path structure (configurable per app)
- * - Fully dynamic document mapping (configurable per app)
- * - App-agnostic: Works with any app, no app-specific code
- *
- * This package is designed to be used across hundreds of apps.
- *
- * Usage:
- *   import {
- *     CreationsGalleryScreen,
- *     CreationsHomeCard,
- *     useCreations,
- *     createCreationsRepository,
- *   } from '@umituz/react-native-ai-creations';
- */
-
-// =============================================================================
-// DOMAIN LAYER - Entities
-// =============================================================================
-
-export type { Creation, CreationDocument } from "./domain/entities";
-export { mapDocumentToCreation } from "./domain/entities";
-
-// =============================================================================
-// DOMAIN LAYER - Value Objects
-// =============================================================================
-
-export type {
-  CreationType,
-  CreationsTranslations,
-  CreationsConfig,
-  PathBuilder,
-  DocumentMapper,
-} from "./domain/value-objects";
-export { DEFAULT_TRANSLATIONS, DEFAULT_CONFIG } from "./domain/value-objects";
-
-// =============================================================================
-// DOMAIN LAYER - Repository Interface
-// =============================================================================
-
-export type { ICreationsRepository } from "./domain/repositories";
-
-// =============================================================================
-// INFRASTRUCTURE LAYER
-// =============================================================================
-
-export {
-  CreationsRepository,
-  type RepositoryOptions,
-} from "./infrastructure/repositories";
-export { CreationsStorageService } from "./infrastructure/services/CreationsStorageService";
-export { createCreationsRepository } from "./infrastructure/adapters";
-export { CreationsService } from "./application/services/CreationsService";
-export type { ICreationsStorageService } from "./domain/services/ICreationsStorageService";
-
-// =============================================================================
-// PRESENTATION LAYER - Hooks
-// =============================================================================
-
-export { useCreations } from "./presentation/hooks/useCreations";
-export { useDeleteCreation } from "./presentation/hooks/useDeleteCreation";
-export { useCreationsFilter } from "./presentation/hooks/useCreationsFilter";
-
-// =============================================================================
-// PRESENTATION LAYER - Components
-// =============================================================================
-
-export { CreationThumbnail } from "./presentation/components/CreationThumbnail";
-export { CreationCard } from "./presentation/components/CreationCard";
-export { CreationsHomeCard } from "./presentation/components/CreationsHomeCard";
-export { FilterChips } from "./presentation/components/FilterChips";
-export { EmptyState } from "./presentation/components/EmptyState";
-
-// =============================================================================
-// PRESENTATION LAYER - Screens
-// =============================================================================
-
-export { CreationsGalleryScreen } from "./presentation/screens/CreationsGalleryScreen";

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

@@ -1,54 +0,0 @@
-/**
- * Repository Factory
- * Creates repository instance with given configuration
- *
- * Architecture:
- * - Factory pattern for repository creation
- * - Supports dynamic path structure per app
- * - Supports custom document mapping per app
- * - App-agnostic: No Firestore instance needed (BaseRepository handles it)
- *
- * This factory is designed to be used across hundreds of apps.
- */
-
-import {
-  CreationsRepository,
-  type RepositoryOptions,
-} from "../repositories/CreationsRepository";
-import type { ICreationsRepository } from "../../domain/repositories/ICreationsRepository";
-
-/**
- * Creates a new CreationsRepository instance
- *
- * @param collectionName - Firestore collection name
- * @param options - Optional repository configuration
- * @returns ICreationsRepository instance
- *
- * @example
- * // Basic usage with default 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) => ({
- *     id,
- *     uri: data.imageUrl,
- *     type: data.category,
- *     createdAt: data.timestamp?.toDate() || new Date(),
- *     isShared: data.public ?? false,
- *   }),
- * });
- */
-export function createCreationsRepository(
-  collectionName: string,
-  options?: RepositoryOptions,
-): ICreationsRepository {
-  return new CreationsRepository(collectionName, options);
-}

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

@@ -1,5 +0,0 @@
-/**
- * Infrastructure Adapters
- */
-
-export { createCreationsRepository } from "./createRepository";