@umituz/react-native-ai-generation-content 1.37.10 → 1.37.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.37.10",
+  "version": "1.37.12",
   "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/presentation/hooks/useGalleryFilters.ts

@@ -7,7 +7,6 @@
 import { useState, useCallback, useMemo } from "react";
 import type { Creation } from "../../domain/entities/Creation";
 import type { FilterOption } from "../../domain/types/creation-filter";
-import type { BackgroundJob } from "../../../../domain/entities/job.types";
 import { useFilter } from "./useFilter";
 import { useCreationsFilter } from "./useCreationsFilter";
 
@@ -16,14 +15,13 @@ interface UseGalleryFiltersProps {
   readonly statusOptions: FilterOption[];
   readonly mediaOptions: FilterOption[];
   readonly t: (key: string) => string;
-  /** Pending background jobs to include in status counts */
-  readonly pendingJobs?: BackgroundJob[];
 }
 
 interface UseGalleryFiltersReturn {
   readonly filtered: Creation[];
   readonly isFiltered: boolean;
   readonly activeFiltersCount: number;
+  readonly processingCount: number;
   readonly statusFilterVisible: boolean;
   readonly mediaFilterVisible: boolean;
   readonly statusFilter: ReturnType<typeof useFilter>;
@@ -40,27 +38,27 @@ export function useGalleryFilters({
   statusOptions,
   mediaOptions,
   t,
-  pendingJobs = [],
 }: UseGalleryFiltersProps): UseGalleryFiltersReturn {
   const [statusFilterVisible, setStatusFilterVisible] = useState(false);
   const [mediaFilterVisible, setMediaFilterVisible] = useState(false);
 
-  // Calculate pending jobs count for status filter
-  const processingJobsCount = useMemo(() => {
-    return pendingJobs.filter(
-      (job) => job.status === "processing" || job.status === "queued",
+  // Calculate processing count from creations status (single source of truth)
+  const processingCount = useMemo(() => {
+    if (!creations) return 0;
+    return creations.filter(
+      (c) => c.status === "processing" || c.status === "queued",
     ).length;
-  }, [pendingJobs]);
+  }, [creations]);
 
   // Enrich status options with dynamic counts
   const enrichedStatusOptions = useMemo(() => {
     return statusOptions.map((option) => {
-      if (option.id === "processing" && processingJobsCount > 0) {
-        return { ...option, count: processingJobsCount };
+      if (option.id === "processing" && processingCount > 0) {
+        return { ...option, count: processingCount };
       }
       return option;
     });
-  }, [statusOptions, processingJobsCount]);
+  }, [statusOptions, processingCount]);
 
   const statusFilter = useFilter({ options: enrichedStatusOptions, t });
   const mediaFilter = useFilter({ options: mediaOptions, t });
@@ -85,6 +83,7 @@ export function useGalleryFilters({
     filtered,
     isFiltered,
     activeFiltersCount,
+    processingCount,
     statusFilterVisible,
     mediaFilterVisible,
     statusFilter,

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

@@ -12,7 +12,6 @@ import { useGalleryFilters } from "../hooks/useGalleryFilters";
 import { useGalleryCallbacks } from "../hooks/useGalleryCallbacks";
 import { GalleryHeader, CreationCard, GalleryEmptyStates } from "../components";
 import { GalleryResultPreview } from "../components/GalleryResultPreview";
-import { usePendingJobs } from "../../../../presentation/hooks/use-pending-jobs";
 import { MEDIA_FILTER_OPTIONS, STATUS_FILTER_OPTIONS } from "../../domain/types/creation-filter";
 import { getPreviewUrl } from "../../domain/utils";
 import type { Creation } from "../../domain/entities/Creation";
@@ -30,7 +29,6 @@ export function CreationsGalleryScreen({
   onEmptyAction,
   emptyActionLabel,
   showFilter = config.showFilter ?? true,
-  showPendingJobs = true,
 }: CreationsGalleryScreenProps) {
   const tokens = useAppDesignTokens();
   const [selectedCreation, setSelectedCreation] = useState<Creation | null>(null);
@@ -38,7 +36,6 @@ export function CreationsGalleryScreen({
   const hasAutoSelectedRef = useRef(false);
 
   const { data: creations, isLoading, refetch } = useCreations({ userId, repository });
-  const { jobs: pendingJobs } = usePendingJobs();
   const deleteMutation = useDeleteCreation({ userId, repository });
 
   useEffect(() => {
@@ -68,7 +65,7 @@ export function CreationsGalleryScreen({
   const showStatusFilter = config.filterConfig?.showStatusFilter ?? true;
   const showMediaFilter = config.filterConfig?.showMediaFilter ?? true;
 
-  const filters = useGalleryFilters({ creations, statusOptions, mediaOptions, t, pendingJobs });
+  const filters = useGalleryFilters({ creations, statusOptions, mediaOptions, t });
 
   useAppFocusEffect(useCallback(() => { void refetch(); }, [refetch]));
 
@@ -113,11 +110,6 @@ export function CreationsGalleryScreen({
     />
   ), [callbacks, getScenarioTitle]);
 
-  const activePendingCount = useMemo(() => {
-    if (!showPendingJobs) return 0;
-    return pendingJobs.filter((j) => j.status === "processing" || j.status === "queued").length;
-  }, [showPendingJobs, pendingJobs]);
-
   const renderHeader = useMemo(() => {
     if (!creations?.length && !isLoading) return null;
     return (
@@ -128,12 +120,12 @@ export function CreationsGalleryScreen({
           countLabel={t(config.translations.photoCount)}
           showFilter={showFilter}
           filterButtons={filterButtons}
-          pendingCount={activePendingCount}
+          pendingCount={filters.processingCount}
           pendingLabel={t("creations.processing")}
         />
       </View>
     );
-  }, [creations, isLoading, filters.filtered.length, showFilter, filterButtons, t, config, tokens, activePendingCount]);
+  }, [creations, isLoading, filters.filtered.length, filters.processingCount, showFilter, filterButtons, t, config, tokens]);
 
   const renderEmpty = useMemo(() => (
     <GalleryEmptyStates

package/src/domains/creations/presentation/screens/creations-gallery.types.ts

@@ -14,5 +14,4 @@ export interface CreationsGalleryScreenProps {
   readonly onEmptyAction?: () => void;
   readonly emptyActionLabel?: string;
   readonly showFilter?: boolean;
-  readonly showPendingJobs?: boolean;
 }

package/src/domains/generation/wizard/infrastructure/builders/dynamic-step-builder.ts

@@ -104,7 +104,7 @@ export const quickBuildWizard = (
   featureId: string,
   scenarioConfig: ScenarioBasedConfig,
 ): StepDefinition[] => {
-  const { buildWizardConfigFromScenario } = require("../../domain/entities/wizard-config.types");
+  const { buildWizardConfigFromScenario } = require("../../domain/entities/wizard-feature.types");
   const wizardConfig = buildWizardConfigFromScenario(featureId, scenarioConfig);
   return buildFlowStepsFromWizard(wizardConfig, {
     includePreview: true,