@umituz/react-native-ai-generation-content 1.83.10 → 1.83.11

package/src/domains/creations/domain/constants/creation-types.constants.ts

@@ -1,45 +0,0 @@
-/**
- * Creation Type Discriminators
- *
- * Used for polymorphic behavior based on creation type.
- * Each type may have different metadata structure.
- *
- * @module CreationTypesConstants
- */
-
-/**
- * Creation type discriminators
- */
-export const CREATION_TYPES = {
-  /** Baby face prediction generation */
-  BABY_PREDICTION: "baby-prediction" as const,
-
-  /** Text-to-video generation */
-  TEXT_TO_VIDEO: "text-to-video" as const,
-
-  /** Image generation */
-  IMAGE_GENERATION: "image-generation" as const,
-} as const;
-
-/** Union type of all creation types */
-export type CreationTypeValue =
-  typeof CREATION_TYPES[keyof typeof CREATION_TYPES];
-
-/**
- * Type guard for creation type values
- * @param value - Value to check
- * @returns True if value is a valid creation type
- */
-export function isCreationType(
-  value: unknown
-): value is CreationTypeValue {
-  return (
-    typeof value === "string" &&
-    Object.values(CREATION_TYPES).includes(
-      value as CreationTypeValue
-    )
-  );
-}
-
-// Freeze to prevent mutations
-Object.freeze(CREATION_TYPES);

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

@@ -1,43 +0,0 @@
-import React, { useCallback } from "react";
-import { ImageGallery } from "@umituz/react-native-design-system";
-import type { Creation } from "../../domain/entities/Creation";
-
-interface CreationImageViewerProps {
-    readonly creations: Creation[];
-    readonly visible: boolean;
-    readonly index: number;
-    readonly enableEditing?: boolean;
-    readonly onDismiss: () => void;
-    readonly onIndexChange: (index: number) => void;
-    readonly onImageEdit?: (uri: string, creationId: string) => void | Promise<void>;
-    readonly selectedCreationId?: string;
-}
-
-export const CreationImageViewer: React.FC<CreationImageViewerProps> = ({
-    creations,
-    visible,
-    index,
-    enableEditing = false,
-    onDismiss,
-    onIndexChange,
-    onImageEdit,
-}: CreationImageViewerProps) => {
-    const handleImageChange = useCallback(async (uri: string, idx: number) => {
-        const creation = creations[idx];
-        if (creation && onImageEdit) {
-            await onImageEdit(uri, creation.id);
-        }
-    }, [creations, onImageEdit]);
-
-    return (
-        <ImageGallery
-            images={creations.map((c) => ({ uri: c.uri }))}
-            visible={visible}
-            index={index}
-            onDismiss={onDismiss}
-            onIndexChange={onIndexChange}
-            enableEditing={enableEditing}
-            onImageChange={onImageEdit ? handleImageChange : undefined}
-        />
-    );
-};

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

@@ -1,69 +0,0 @@
-import React from "react";
-import { View, TouchableOpacity, StyleSheet } from "react-native";
-import { AtomicIcon, AtomicText, useAppDesignTokens } from "@umituz/react-native-design-system";
-
-export interface CreationRatingProps {
-  readonly rating: number;
-  readonly max?: number;
-  readonly size?: number;
-  readonly onRate?: (rating: number) => void;
-  readonly readonly?: boolean;
-}
-
-export const CreationRating: React.FC<CreationRatingProps> = ({
-  rating,
-  max = 5,
-  size = 32,
-  onRate,
-  readonly = false,
-}: CreationRatingProps) => {
-  const tokens = useAppDesignTokens();
-
-  return (
-    <View style={styles.container}>
-      <View style={styles.stars}>
-        {Array.from({ length: max }).map((_, i) => {
-          const isFilled = i < rating;
-          return (
-            <TouchableOpacity
-              key={i}
-              onPress={() => onRate?.(i + 1)}
-              activeOpacity={0.7}
-              disabled={readonly}
-              style={styles.star}
-            >
-              <AtomicIcon
-                name={isFilled ? "star" : "star-outline"}
-                customSize={size}
-                customColor={isFilled ? tokens.colors.primary : tokens.colors.textTertiary}
-              />
-            </TouchableOpacity>
-          );
-        })}
-      </View>
-      {!readonly && rating > 0 && (
-        <AtomicText type="bodySmall" color="textSecondary" style={styles.valueText}>
-          {rating} / {max}
-        </AtomicText>
-      )}
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  container: {
-    alignItems: "center",
-    paddingVertical: 12,
-  },
-  stars: {
-    flexDirection: "row",
-    gap: 8,
-  },
-  star: {
-    padding: 2,
-  },
-  valueText: {
-    marginTop: 8,
-    fontWeight: "600",
-  },
-});

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

@@ -1,130 +0,0 @@
-/**
- * CreationsGrid Component
- * Grid/list of creation cards with refresh support
- */
-
-import React, { useCallback } from "react";
-import {
-  FlatList,
-  RefreshControl,
-  StyleSheet,
-  type ViewStyle,
-} from "react-native";
-import {
-  useAppDesignTokens,
-  type DesignTokens,
-} from "@umituz/react-native-design-system";
-import { CreationCard, type CreationCardData } from "./CreationCard";
-
-interface CreationsGridProps<T extends CreationCardData> {
-  /** Array of creations to display */
-  readonly creations: T[];
-  /** Loading state for refresh indicator */
-  readonly isLoading: boolean;
-  /** Pull to refresh handler */
-  readonly onRefresh: () => void;
-  /** Press handler */
-  readonly onPress?: (creation: T) => void;
-  /** Download handler */
-  readonly onDownload?: (creation: T) => Promise<void>;
-  /** Share handler */
-  readonly onShare?: (creation: T) => Promise<void>;
-  /** Delete handler */
-  readonly onDelete?: (creation: T) => void;
-  /** Favorite handler */
-  readonly onFavorite?: (creation: T) => void;
-  /** Post to feed handler */
-  readonly onPostToFeed?: (creation: T) => void;
-  /** Date formatter */
-  readonly formatDate?: (date: Date) => string;
-  /** Can post to feed */
-  readonly canPostToFeed?: boolean;
-  /** Content container style */
-  readonly contentContainerStyle?: ViewStyle;
-  /** Empty state component */
-  readonly ListEmptyComponent?: React.ReactElement | null;
-  /** Header component */
-  readonly ListHeaderComponent?:
-    | React.ComponentType<unknown>
-    | React.ReactElement
-    | null;
-}
-
-export function CreationsGrid<T extends CreationCardData>({
-  creations,
-  isLoading,
-  onRefresh,
-  onPress,
-  onDownload,
-  onShare,
-  onDelete,
-  onFavorite,
-  onPostToFeed,
-  formatDate,
-  canPostToFeed = false,
-  contentContainerStyle,
-  ListEmptyComponent,
-  ListHeaderComponent,
-}: CreationsGridProps<T>) {
-  const tokens = useAppDesignTokens();
-  const styles = useStyles(tokens);
-
-  const renderItem = useCallback(
-    ({ item }: { item: T }) => (
-      <CreationCard
-        creation={item}
-        callbacks={{
-          onPress: onPress ? () => onPress(item) : undefined,
-          onDownload: onDownload ? () => onDownload(item) : undefined,
-          onShare: onShare ? () => onShare(item) : undefined,
-          onDelete: onDelete ? () => onDelete(item) : undefined,
-          onFavorite: onFavorite ? () => onFavorite(item) : undefined,
-          onPostToFeed: onPostToFeed ? () => onPostToFeed(item) : undefined,
-        }}
-        formatDate={formatDate}
-        canPostToFeed={canPostToFeed}
-      />
-    ),
-    [
-      onPress,
-      onDownload,
-      onShare,
-      onDelete,
-      onFavorite,
-      onPostToFeed,
-      formatDate,
-      canPostToFeed,
-    ]
-  );
-
-  return (
-    <FlatList
-      data={creations}
-      renderItem={renderItem}
-      keyExtractor={(item: T) => item.id}
-      ListHeaderComponent={ListHeaderComponent}
-      ListEmptyComponent={ListEmptyComponent}
-      contentContainerStyle={[
-        styles.list,
-        contentContainerStyle,
-        (!creations || creations.length === 0) && { flexGrow: 1 },
-      ]}
-      showsVerticalScrollIndicator={false}
-      refreshControl={
-        <RefreshControl
-          refreshing={isLoading}
-          onRefresh={onRefresh}
-          tintColor={tokens.colors.primary}
-        />
-      }
-    />
-  );
-}
-
-const useStyles = (tokens: DesignTokens) =>
-  StyleSheet.create({
-    list: {
-      padding: tokens.spacing.md,
-      paddingBottom: 100,
-    },
-  });

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

@@ -1,63 +0,0 @@
-/**
- * Filter Sheets Components
- * Modal-based filter sheets for status and media type filtering
- */
-
-import React from "react";
-import { FilterSheet } from "@umituz/react-native-design-system";
-import type { FilterOption } from "../../domain/types/creation-filter";
-
-interface FilterSheetConfig {
-  readonly visible: boolean;
-  readonly onClose: () => void;
-  readonly options: FilterOption[];
-  readonly selectedId: string;
-  readonly onSelect: (id: string) => void;
-  readonly onClear: () => void;
-  readonly title: string;
-  readonly clearLabel?: string;
-}
-
-export const StatusFilterSheet: React.FC<FilterSheetConfig> = ({
-  visible,
-  onClose,
-  options,
-  selectedId,
-  onSelect,
-  onClear,
-  title,
-  clearLabel
-}: FilterSheetConfig) => (
-  <FilterSheet
-    visible={visible}
-    onClose={onClose}
-    options={options}
-    selectedIds={[selectedId]}
-    onFilterPress={onSelect}
-    onClearFilters={onClear}
-    title={title}
-    clearLabel={clearLabel}
-  />
-);
-
-export const MediaFilterSheet: React.FC<FilterSheetConfig> = ({
-  visible,
-  onClose,
-  options,
-  selectedId,
-  onSelect,
-  onClear,
-  title,
-  clearLabel
-}: FilterSheetConfig) => (
-  <FilterSheet
-    visible={visible}
-    onClose={onClose}
-    options={options}
-    selectedIds={[selectedId]}
-    onFilterPress={onSelect}
-    onClearFilters={onClear}
-    title={title}
-    clearLabel={clearLabel}
-  />
-);

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

@@ -1,24 +0,0 @@
-/**
- * Presentation Hooks
- */
-
-export { useCreations } from "./useCreations";
-export { useDeleteCreation } from "./useDeleteCreation";
-export { useCreationsFilter } from "./useCreationsFilter";
-export { useAdvancedFilter } from "./useAdvancedFilter";
-export type {
-  FilterableCreation,
-  UseAdvancedFilterProps,
-  UseAdvancedFilterReturn,
-} from "./advancedFilter.types";
-export { useFilter } from "./useFilter";
-export type { UseFilterProps, UseFilterReturn } from "./useFilter";
-export { useGalleryFilters } from "./useGalleryFilters";
-export { useCreationPersistence } from "./useCreationPersistence";
-export { useCreationRating } from "./useCreationRating";
-export type {
-  UseCreationPersistenceConfig,
-  UseCreationPersistenceReturn,
-  BaseProcessingStartData,
-  BaseProcessingResult,
-} from "./useCreationPersistence";

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

@@ -1,68 +0,0 @@
-/**
- * useCreationRating Hook
- * Handles rating of creations
- * Realtime listener handles UI updates automatically
- */
-
-import { useState, useCallback } from "react";
-import type { ICreationsRepository } from "../../domain/repositories/ICreationsRepository";
-
-
-interface UseCreationRatingProps {
-  readonly userId: string | null;
-  readonly repository: ICreationsRepository;
-}
-
-interface RatingVariables {
-  readonly id: string;
-  readonly rating: number;
-  readonly description?: string;
-}
-
-interface UseCreationRatingReturn {
-  readonly mutate: (variables: RatingVariables) => void;
-  readonly mutateAsync: (variables: RatingVariables) => Promise<boolean>;
-  readonly isPending: boolean;
-}
-
-export function useCreationRating({
-  userId,
-  repository,
-}: UseCreationRatingProps): UseCreationRatingReturn {
-  const [isPending, setIsPending] = useState(false);
-
-  const mutateAsync = useCallback(
-    async ({ id, rating, description }: RatingVariables): Promise<boolean> => {
-      if (!userId) return false;
-
-      setIsPending(true);
-      try {
-        if (typeof __DEV__ !== "undefined" && __DEV__) {
-          console.log("[useCreationRating] Rating:", { id, rating });
-        }
-        const result = await repository.rate(userId, id, rating, description);
-        if (typeof __DEV__ !== "undefined" && __DEV__) {
-          console.log("[useCreationRating] Rate result:", result);
-        }
-        return result;
-      } catch (error) {
-        if (typeof __DEV__ !== "undefined" && __DEV__) {
-          console.error("[useCreationRating] Error:", error);
-        }
-        return false;
-      } finally {
-        setIsPending(false);
-      }
-    },
-    [userId, repository],
-  );
-
-  const mutate = useCallback(
-    (variables: RatingVariables): void => {
-      void mutateAsync(variables);
-    },
-    [mutateAsync],
-  );
-
-  return { mutate, mutateAsync, isPending };
-}

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

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

package/src/domains/generation/infrastructure/flow/scenario-configs.ts

@@ -1,54 +0,0 @@
-/**
- * Scenario Configurations
- * Pre-defined step configurations for common scenarios
- */
-
-import type { ScenarioStepConfig } from "../../../../domain/entities/step-config.types";
-
-export const SCENARIO_CONFIGS: Record<string, ScenarioStepConfig> = {
-  "image-to-video": {
-    photoUploads: {
-      count: 1,
-      labels: ["Your Photo"],
-      showFaceDetection: false,
-    },
-    styleSelection: {
-      enabled: true,
-      required: true,
-    },
-    durationSelection: {
-      enabled: true,
-      required: true,
-    },
-  },
-  "text-to-video": {
-    textInput: {
-      enabled: true,
-      required: true,
-      minLength: 10,
-      maxLength: 500,
-    },
-    styleSelection: {
-      enabled: true,
-      required: true,
-    },
-    durationSelection: {
-      enabled: true,
-      required: true,
-    },
-  },
-  "advanced-generation": {
-    photoUploads: {
-      count: 1,
-      labels: ["Base Image"],
-    },
-    textInput: {
-      enabled: true,
-      required: false,
-    },
-    styleSelection: {
-      enabled: true,
-      required: true,
-    },
-  },
-};

package/src/domains/generation/infrastructure/flow/step-builders.ts

@@ -1,133 +0,0 @@
-/**
- * Step Builders
- * Functions for building step definitions from configuration
- */
-
-import { StepType } from "../../../../domain/entities/flow-config.types";
-import type {
-  ScenarioStepConfig,
-  DynamicStepDefinition,
-  PhotoUploadStepConfig,
-} from "../../../../domain/entities/step-config.types";
-
-/**
- * Build steps from scenario configuration
- */
-export const buildStepsFromScenario = (
-  config: ScenarioStepConfig,
-): DynamicStepDefinition[] => {
-  const steps: DynamicStepDefinition[] = [];
-
-  if (config.photoUploads && config.photoUploads.count > 0) {
-    for (let i = 0; i < config.photoUploads.count; i++) {
-      const photoConfig: PhotoUploadStepConfig = {
-        id: `PHOTO_UPLOAD_${i}`,
-        label: config.photoUploads.labels?.[i] || `Photo ${i + 1}`,
-        showFaceDetection: config.photoUploads.showFaceDetection ?? false,
-        showNameInput: config.photoUploads.showNameInput ?? false,
-        showPhotoTips: true,
-        required: true,
-      };
-
-      steps.push({
-        id: `PHOTO_UPLOAD_${i}`,
-        type: StepType.PARTNER_UPLOAD,
-        config: photoConfig,
-        required: true,
-      });
-    }
-  }
-
-  if (config.textInput?.enabled) {
-    steps.push({
-      id: "TEXT_INPUT",
-      type: StepType.TEXT_INPUT,
-      config: {
-        id: "TEXT_INPUT",
-        minLength: config.textInput.minLength ?? 0,
-        maxLength: config.textInput.maxLength ?? 500,
-        required: config.textInput.required ?? false,
-      },
-      required: config.textInput.required ?? false,
-    });
-  }
-
-  if (config.styleSelection?.enabled) {
-    steps.push({
-      id: "STYLE_SELECTION",
-      type: StepType.FEATURE_SELECTION,
-      config: {
-        id: "STYLE_SELECTION",
-        styles: config.styleSelection.styles ?? [],
-        required: config.styleSelection.required ?? false,
-      },
-      required: config.styleSelection.required ?? false,
-    });
-  }
-
-  if (config.durationSelection?.enabled) {
-    steps.push({
-      id: "DURATION_SELECTION",
-      type: StepType.FEATURE_SELECTION,
-      config: {
-        id: "DURATION_SELECTION",
-        durations: config.durationSelection.durations ?? [4, 8, 12],
-        required: config.durationSelection.required ?? false,
-      },
-      required: config.durationSelection.required ?? false,
-    });
-  }
-
-  return steps;
-};
-
-/**
- * Build steps with conditional navigation
- */
-export const buildStepsWithNavigation = (
-  baseSteps: DynamicStepDefinition[],
-): DynamicStepDefinition[] => {
-  return baseSteps.map((step, index) => {
-    if (!step.nextStep && index < baseSteps.length - 1) {
-      return {
-        ...step,
-        nextStep: baseSteps[index + 1].id,
-      };
-    }
-    return step;
-  });
-};
-
-/**
- * Get next step ID based on configuration and state
- */
-export const resolveNextStep = (
-  currentStepId: string,
-  steps: readonly DynamicStepDefinition[],
-  context: {
-    readonly values: Record<string, unknown>;
-    readonly completedSteps: readonly string[];
-  },
-): string | null => {
-  const currentStep = steps.find((s) => s.id === currentStepId);
-  if (!currentStep) return null;
-
-  if (typeof currentStep.nextStep === "function") {
-    return currentStep.nextStep({
-      values: context.values,
-      currentStepId,
-      completedSteps: context.completedSteps,
-    });
-  }
-
-  if (typeof currentStep.nextStep === "string") {
-    return currentStep.nextStep;
-  }
-
-  const currentIndex = steps.findIndex((s) => s.id === currentStepId);
-  if (currentIndex >= 0 && currentIndex < steps.length - 1) {
-    return steps[currentIndex + 1].id;
-  }
-
-  return null;
-};

package/src/domains/generation/wizard/infrastructure/strategies/video-generation.utils.ts

@@ -1,42 +0,0 @@
-/**
- * Video Generation Utilities
- * Video-specific utility functions
- */
-
-import type { VideoFeatureType } from "../../../../../domain/interfaces";
-import type { WizardScenarioData } from "../../presentation/hooks/wizard-generation.types";
-import { VIDEO_FEATURE_PATTERNS } from "./wizard-strategy.constants";
-
-
-/**
- * Determines the video feature type from scenario
- * Priority: featureType (app-controlled) > pattern matching > default
- */
-export function getVideoFeatureType(scenario: WizardScenarioData): VideoFeatureType {
-  const { id, featureType } = scenario;
-
-  // Primary: Use featureType from main app (package-driven design)
-  if (featureType) {
-    if (typeof __DEV__ !== "undefined" && __DEV__) {
-      console.log("[VideoUtils] Using featureType from app", { id, featureType });
-    }
-    return featureType;
-  }
-
-  // Fallback: Pattern matching
-  const lowerId = id.toLowerCase();
-  for (const [pattern, type] of Object.entries(VIDEO_FEATURE_PATTERNS)) {
-    if (lowerId.includes(pattern)) {
-      if (typeof __DEV__ !== "undefined" && __DEV__) {
-        console.log("[VideoUtils] Pattern match", { id, pattern, type });
-      }
-      return type;
-    }
-  }
-
-  // Default: text-to-video
-  if (typeof __DEV__ !== "undefined" && __DEV__) {
-    console.log("[VideoUtils] Default to text-to-video", { id });
-  }
-  return "text-to-video";
-}