@umituz/react-native-ai-generation-content 1.37.24 → 1.37.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.37.24",
+  "version": "1.37.26",
   "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/GalleryHeader.tsx

@@ -43,18 +43,9 @@ export const GalleryHeader: React.FC<GalleryHeaderProps> = ({
       <View>
         <View style={styles.titleRow}>
           <AtomicText style={styles.title}>{title}</AtomicText>
-          {pendingCount > 0 && (
-            <View style={[styles.pendingBadge, { backgroundColor: tokens.colors.primary }]}>
-              <AtomicIcon name="sync-outline" size="xs" color="onPrimary" />
-              <AtomicText style={[styles.pendingBadgeText, { color: tokens.colors.onPrimary }]}>
-                {pendingCount}
-              </AtomicText>
-            </View>
-          )}
         </View>
         <AtomicText style={styles.subtitle}>
           {count} {countLabel}
-          {pendingCount > 0 && pendingLabel ? ` · ${pendingCount} ${pendingLabel}` : ""}
         </AtomicText>
       </View>
       {showFilter && filterButtons.length > 0 && (

package/src/features/image-to-video/presentation/hooks/useImageToVideoFeature.ts

@@ -29,6 +29,7 @@ export type {
 export function useImageToVideoFeature(props: UseImageToVideoFeatureProps): UseImageToVideoFeatureReturn {
   const { config, callbacks, userId } = props;
   const [state, setState] = useState(INITIAL_STATE);
+  const currentCreationIdRef = useMemo(() => ({ value: "" }), []);
 
   const strategy: GenerationStrategy<VideoGenerationInput, ImageToVideoResult> = useMemo(
     () => ({
@@ -37,6 +38,7 @@ export function useImageToVideoFeature(props: UseImageToVideoFeatureProps): UseI
           console.log("[ImageToVideo] Executing generation, creationId:", input.creationId);
         }
 
+        currentCreationIdRef.value = input.creationId;
         config.onProcessingStart?.();
 
         callbacks?.onGenerationStart?.({
@@ -75,9 +77,9 @@ export function useImageToVideoFeature(props: UseImageToVideoFeatureProps): UseI
       },
       getCreditCost: () => config.creditCost ?? 0,
       save: async (result) => {
-        if (result.success && result.videoUrl && state.imageUri) {
+        if (result.success && result.videoUrl && state.imageUri && currentCreationIdRef.value) {
           await callbacks?.onCreationSave?.({
-            creationId: generateCreationId(),
+            creationId: currentCreationIdRef.value,
             type: "image-to-video",
             videoUrl: result.videoUrl,
             thumbnailUrl: result.thumbnailUrl,
@@ -86,7 +88,7 @@ export function useImageToVideoFeature(props: UseImageToVideoFeatureProps): UseI
         }
       },
     }),
-    [config, callbacks, userId, state.imageUri],
+    [config, callbacks, userId, state.imageUri, currentCreationIdRef],
   );
 
   const orchestrator = useGenerationOrchestrator(strategy, {

package/src/features/text-to-video/presentation/hooks/useTextToVideoFeature.ts

@@ -74,6 +74,8 @@ export function useTextToVideoFeature(props: UseTextToVideoFeatureProps): UseTex
   const { config, callbacks, userId, buildInput, extractResult } = props;
   const [state, setState] = useState<TextToVideoFeatureState>(INITIAL_STATE);
 
+  const currentCreationIdRef = useMemo(() => ({ value: "" }), []);
+
   const strategy: GenerationStrategy<VideoGenerationInput, TextToVideoResult> = useMemo(
     () => ({
       execute: async (input) => {
@@ -81,6 +83,8 @@ export function useTextToVideoFeature(props: UseTextToVideoFeatureProps): UseTex
           console.log("[TextToVideo] Executing generation:", input.prompt.slice(0, 100));
         }
 
+        currentCreationIdRef.value = input.creationId;
+
         callbacks.onGenerationStart?.({
           creationId: input.creationId,
           type: "text-to-video",
@@ -111,9 +115,9 @@ export function useTextToVideoFeature(props: UseTextToVideoFeatureProps): UseTex
       },
       getCreditCost: () => config.creditCost,
       save: async (result) => {
-        if (result.success && result.videoUrl) {
+        if (result.success && result.videoUrl && currentCreationIdRef.value) {
           await callbacks.onCreationSave?.({
-            creationId: generateCreationId(),
+            creationId: currentCreationIdRef.value,
             type: "text-to-video",
             videoUrl: result.videoUrl,
             thumbnailUrl: result.thumbnailUrl,
@@ -122,7 +126,7 @@ export function useTextToVideoFeature(props: UseTextToVideoFeatureProps): UseTex
         }
       },
     }),
-    [config, callbacks, buildInput, extractResult, userId, state.prompt],
+    [config, callbacks, buildInput, extractResult, userId, state.prompt, currentCreationIdRef],
   );
 
   const orchestrator = useGenerationOrchestrator(strategy, {