@umituz/react-native-ai-generation-content 1.35.7 → 1.35.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.35.7",
+  "version": "1.35.9",
   "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/components/CreationCard.tsx

@@ -119,7 +119,7 @@ export function CreationCard({
       <View style={styles.previewContainer} pointerEvents="box-none">
         <CreationPreview
           uri={previewUrl}
-          status={creation.status || "completed"}
+          status={creation.status}
           type={creation.type as CreationTypeId}
         />
         {showBadges && creation.status && (

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

@@ -13,7 +13,7 @@ import {
 import { useCreations } from "../hooks/useCreations";
 import { useDeleteCreation } from "../hooks/useDeleteCreation";
 import { useGalleryFilters } from "../hooks/useGalleryFilters";
-import { GalleryHeader, CreationCard, GalleryEmptyStates, PendingJobsSection } from "../components";
+import { GalleryHeader, CreationCard, GalleryEmptyStates } from "../components";
 import { ResultPreviewScreen } from "../../../result-preview/presentation/components/ResultPreviewScreen";
 import { StarRatingPicker } from "../../../result-preview/presentation/components/StarRatingPicker";
 import { useResultActions } from "../../../result-preview/presentation/hooks/useResultActions";
@@ -33,10 +33,8 @@ interface CreationsGalleryScreenProps {
   readonly onEmptyAction?: () => void;
   readonly emptyActionLabel?: string;
   readonly showFilter?: boolean;
-  /** Show pending generation jobs at the top */
+  /** Show pending generation jobs badge in header */
   readonly showPendingJobs?: boolean;
-  /** Title for the pending jobs section */
-  readonly pendingJobsTitle?: string;
 }
 
 export function CreationsGalleryScreen({
@@ -49,7 +47,6 @@ export function CreationsGalleryScreen({
   emptyActionLabel,
   showFilter = config.showFilter ?? true,
   showPendingJobs = true,
-  pendingJobsTitle,
 }: CreationsGalleryScreenProps) {
   const tokens = useAppDesignTokens();
   const { share } = useSharing();
@@ -61,7 +58,7 @@ export function CreationsGalleryScreen({
   const { data: creations, isLoading, refetch } = useCreations({ userId, repository });
 
   // Background jobs for pending generations
-  const { jobs: pendingJobs, removeJob } = usePendingJobs();
+  const { jobs: pendingJobs } = usePendingJobs();
 
   // Auto-select creation when initialCreationId is provided
   useEffect(() => {
@@ -190,51 +187,30 @@ export function CreationsGalleryScreen({
     />
   ), [handleShareCard, handleDelete, handleFavorite, handleCardPress, getScenarioTitle]);
 
-  // Status labels for pending jobs
-  const pendingJobStatusLabels = useMemo(() => ({
-    queued: t("generator.status.queued"),
-    processing: t("generator.status.processing"),
-    uploading: t("generator.status.uploading"),
-    completed: t("generator.status.completed"),
-    failed: t("generator.status.failed"),
-  }), [t]);
+  // Calculate active pending jobs count once
+  const activePendingCount = useMemo(() => {
+    if (!showPendingJobs) return 0;
+    return pendingJobs.filter((j) => j.status === "processing" || j.status === "queued").length;
+  }, [showPendingJobs, pendingJobs]);
 
   const renderHeader = useMemo(() => {
-    const hasPendingJobs = showPendingJobs && pendingJobs.length > 0;
     const hasCreations = creations && creations.length > 0;
-
-    if (!hasPendingJobs && !hasCreations && !isLoading) return null;
+    if (!hasCreations && !isLoading) return null;
 
     return (
-      <View>
-        {/* Pending Jobs Section */}
-        {showPendingJobs && (
-          <PendingJobsSection
-            jobs={pendingJobs}
-            onCancel={removeJob}
-            title={pendingJobsTitle || t("creations.pendingJobs")}
-            statusLabels={pendingJobStatusLabels}
-            getTypeLabel={getScenarioTitle}
-          />
-        )}
-
-        {/* Gallery Header */}
-        {hasCreations && (
-          <View style={[styles.header, { backgroundColor: tokens.colors.surface, borderBottomColor: tokens.colors.border }]}>
-            <GalleryHeader
-              title={t(config.translations.title)}
-              count={filters.filtered.length}
-              countLabel={t(config.translations.photoCount)}
-              showFilter={showFilter}
-              filterButtons={filterButtons}
-              pendingCount={pendingJobs.filter((j) => j.status === "processing" || j.status === "queued").length}
-              pendingLabel={t("creations.processing")}
-            />
-          </View>
-        )}
+      <View style={[styles.header, { backgroundColor: tokens.colors.surface, borderBottomColor: tokens.colors.border }]}>
+        <GalleryHeader
+          title={t(config.translations.title)}
+          count={filters.filtered.length}
+          countLabel={t(config.translations.photoCount)}
+          showFilter={showFilter}
+          filterButtons={filterButtons}
+          pendingCount={activePendingCount}
+          pendingLabel={t("creations.processing")}
+        />
       </View>
     );
-  }, [creations, isLoading, filters.filtered.length, showFilter, filterButtons, t, config, tokens, showPendingJobs, pendingJobs, removeJob, pendingJobsTitle, pendingJobStatusLabels, getScenarioTitle]);
+  }, [creations, isLoading, filters.filtered.length, showFilter, filterButtons, t, config, tokens, activePendingCount]);
 
   const renderEmpty = useMemo(() => (
     <GalleryEmptyStates

package/src/domains/generation/wizard/infrastructure/strategies/image-generation.strategy.ts

@@ -264,12 +264,13 @@ export function createImageStrategy(options: CreateImageStrategyOptions): Wizard
         uri: imageResult.imageUrl,
         type: scenario.id,
         prompt: input.prompt,
+        status: "completed" as const,
         createdAt: new Date(),
         isShared: false,
         isFavorite: false,
         metadata: {
           scenarioId: scenario.id,
-          scenarioTitle: scenario.title || scenario.id,
+          scenarioTitle: scenario.title,
         },
         output: { imageUrl: imageResult.imageUrl },
       };

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

@@ -297,12 +297,13 @@ export function createVideoStrategy(options: CreateVideoStrategyOptions): Wizard
         uri: videoResult.videoUrl,
         type: scenario.id,
         prompt: input.prompt,
+        status: "completed" as const,
         createdAt: new Date(),
         isShared: false,
         isFavorite: false,
         metadata: {
           scenarioId: scenario.id,
-          scenarioTitle: scenario.title || scenario.id,
+          scenarioTitle: scenario.title,
         },
         output: { videoUrl: videoResult.videoUrl },
       };

package/src/domains/generation/wizard/infrastructure/strategies/wizard-strategy.factory.ts

@@ -27,12 +27,12 @@ export interface CreateWizardStrategyOptions {
 
 export function createWizardStrategy(options: CreateWizardStrategyOptions): WizardStrategy {
   const { scenario, collectionName } = options;
-  const outputType = scenario.outputType || "video";
 
-  if (outputType === "image") {
+  if (scenario.outputType === "image") {
     return createImageStrategy({ scenario, collectionName });
   }
 
+  // Default to video strategy for video outputType or undefined
   return createVideoStrategy({ scenario, collectionName });
 }
 
@@ -44,11 +44,10 @@ export async function buildWizardInput(
   wizardData: Record<string, unknown>,
   scenario: WizardScenarioData,
 ): Promise<unknown> {
-  const outputType = scenario.outputType || "video";
-
-  if (outputType === "image") {
+  if (scenario.outputType === "image") {
     return buildImageInput(wizardData, scenario);
   }
 
+  // Default to video input for video outputType or undefined
   return buildVideoInput(wizardData, scenario);
 }

package/src/domains/generation/wizard/presentation/hooks/useWizardGeneration.ts

@@ -30,7 +30,8 @@ export interface UseWizardGenerationProps {
   readonly wizardData: Record<string, unknown>;
   readonly userId?: string;
   readonly isGeneratingStep: boolean;
-  readonly alertMessages?: AlertMessages;
+  /** Required - alert messages for error states */
+  readonly alertMessages: AlertMessages;
   readonly onSuccess?: (result: unknown) => void;
   readonly onError?: (error: string) => void;
   readonly onCreditsExhausted?: () => void;
@@ -40,8 +41,6 @@ export interface UseWizardGenerationProps {
 
 export interface UseWizardGenerationReturn {
   readonly isGenerating: boolean;
-  /** Current job ID if tracking is enabled */
-  readonly currentJobId: string | null;
 }
 
 export const useWizardGeneration = (
@@ -69,7 +68,7 @@ export const useWizardGeneration = (
     if (typeof __DEV__ !== "undefined" && __DEV__) {
       console.log("[useWizardGeneration] Initialized", {
         scenarioId: scenario.id,
-        outputType: scenario.outputType || "video",
+        outputType: scenario.outputType,
         trackAsBackgroundJob,
       });
     }
@@ -125,13 +124,7 @@ export const useWizardGeneration = (
     strategy,
     {
       userId,
-      alertMessages: alertMessages || {
-        networkError: "No internet connection",
-        policyViolation: "Content policy violation",
-        saveFailed: "Failed to save",
-        creditFailed: "Failed to deduct credits",
-        unknown: "An error occurred",
-      },
+      alertMessages,
       onCreditsExhausted,
       onSuccess: handleSuccess,
       onError: handleError,
@@ -158,7 +151,7 @@ export const useWizardGeneration = (
           }
 
           // Create background job for tracking
-          if (trackAsBackgroundJob) {
+          if (trackAsBackgroundJob && scenario.outputType) {
             const jobId = `wizard-${scenario.id}-${Date.now()}`;
             currentJobIdRef.current = jobId;
 
@@ -166,10 +159,10 @@ export const useWizardGeneration = (
               id: jobId,
               input: {
                 scenarioId: scenario.id,
-                scenarioTitle: scenario.title || scenario.id,
-                outputType: scenario.outputType || "video",
+                scenarioTitle: scenario.title,
+                outputType: scenario.outputType,
               },
-              type: scenario.outputType || "video",
+              type: scenario.outputType,
               status: "processing",
               progress: 10,
             });
@@ -186,7 +179,7 @@ export const useWizardGeneration = (
             console.error("[useWizardGeneration] Input build error:", error);
           }
           hasStarted.current = false;
-          onError?.(error.message || "Failed to prepare generation");
+          onError?.(error.message);
         });
     }
 
@@ -204,8 +197,5 @@ export const useWizardGeneration = (
     addJob,
   ]);
 
-  return {
-    isGenerating,
-    currentJobId: currentJobIdRef.current,
-  };
+  return { isGenerating };
 };