@umituz/react-native-ai-generation-content 1.37.23 → 1.37.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/package.json +1 -1
  2. package/src/domains/creations/presentation/components/CreationImagePreview.tsx +1 -1
  3. package/src/domains/creations/presentation/components/GalleryHeader.tsx +1 -1
  4. package/src/features/image-to-video/presentation/hooks/useImageToVideoFeature.ts +5 -3
  5. package/src/features/text-to-video/presentation/hooks/useTextToVideoFeature.ts +7 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umituz/react-native-ai-generation-content",
3
- "version": "1.37.23",
3
+ "version": "1.37.25",
4
4
  "description": "Provider-agnostic AI generation orchestration for React Native with result preview components",
5
5
  "main": "src/index.ts",
6
6
  "types": "src/index.ts",
package/src/domains/creations/presentation/components/CreationImagePreview.tsx CHANGED
@@ -115,7 +115,7 @@ export function CreationImagePreview({
115
115
  source={{ uri }}
116
116
  style={styles.image}
117
117
  contentFit="cover"
118
- transition={200}
118
+ transition={0}
119
119
  cachePolicy="disk"
120
120
  onError={handleImageError}
121
121
  onLoadEnd={handleLoadEnd}
package/src/domains/creations/presentation/components/GalleryHeader.tsx CHANGED
@@ -45,7 +45,7 @@ export const GalleryHeader: React.FC<GalleryHeaderProps> = ({
45
45
  <AtomicText style={styles.title}>{title}</AtomicText>
46
46
  {pendingCount > 0 && (
47
47
  <View style={[styles.pendingBadge, { backgroundColor: tokens.colors.primary }]}>
48
- <AtomicIcon name="Loader" size="xs" color="onPrimary" />
48
+ <AtomicIcon name="sync-outline" size="xs" color="onPrimary" />
49
49
  <AtomicText style={[styles.pendingBadgeText, { color: tokens.colors.onPrimary }]}>
50
50
  {pendingCount}
51
51
  </AtomicText>
package/src/features/image-to-video/presentation/hooks/useImageToVideoFeature.ts CHANGED
@@ -29,6 +29,7 @@ export type {
29
29
  export function useImageToVideoFeature(props: UseImageToVideoFeatureProps): UseImageToVideoFeatureReturn {
30
30
  const { config, callbacks, userId } = props;
31
31
  const [state, setState] = useState(INITIAL_STATE);
32
+ const currentCreationIdRef = useMemo(() => ({ value: "" }), []);
32
33
 
33
34
  const strategy: GenerationStrategy<VideoGenerationInput, ImageToVideoResult> = useMemo(
34
35
  () => ({
@@ -37,6 +38,7 @@ export function useImageToVideoFeature(props: UseImageToVideoFeatureProps): UseI
37
38
  console.log("[ImageToVideo] Executing generation, creationId:", input.creationId);
38
39
  }
39
40
 
41
+ currentCreationIdRef.value = input.creationId;
40
42
  config.onProcessingStart?.();
41
43
 
42
44
  callbacks?.onGenerationStart?.({
@@ -75,9 +77,9 @@ export function useImageToVideoFeature(props: UseImageToVideoFeatureProps): UseI
75
77
  },
76
78
  getCreditCost: () => config.creditCost ?? 0,
77
79
  save: async (result) => {
78
- if (result.success && result.videoUrl && state.imageUri) {
80
+ if (result.success && result.videoUrl && state.imageUri && currentCreationIdRef.value) {
79
81
  await callbacks?.onCreationSave?.({
80
- creationId: generateCreationId(),
82
+ creationId: currentCreationIdRef.value,
81
83
  type: "image-to-video",
82
84
  videoUrl: result.videoUrl,
83
85
  thumbnailUrl: result.thumbnailUrl,
@@ -86,7 +88,7 @@ export function useImageToVideoFeature(props: UseImageToVideoFeatureProps): UseI
86
88
  }
87
89
  },
88
90
  }),
89
- [config, callbacks, userId, state.imageUri],
91
+ [config, callbacks, userId, state.imageUri, currentCreationIdRef],
90
92
  );
91
93
 
92
94
  const orchestrator = useGenerationOrchestrator(strategy, {
package/src/features/text-to-video/presentation/hooks/useTextToVideoFeature.ts CHANGED
@@ -74,6 +74,8 @@ export function useTextToVideoFeature(props: UseTextToVideoFeatureProps): UseTex
74
74
  const { config, callbacks, userId, buildInput, extractResult } = props;
75
75
  const [state, setState] = useState<TextToVideoFeatureState>(INITIAL_STATE);
76
76
 
77
+ const currentCreationIdRef = useMemo(() => ({ value: "" }), []);
78
+
77
79
  const strategy: GenerationStrategy<VideoGenerationInput, TextToVideoResult> = useMemo(
78
80
  () => ({
79
81
  execute: async (input) => {
@@ -81,6 +83,8 @@ export function useTextToVideoFeature(props: UseTextToVideoFeatureProps): UseTex
81
83
  console.log("[TextToVideo] Executing generation:", input.prompt.slice(0, 100));
82
84
  }
83
85
 
86
+ currentCreationIdRef.value = input.creationId;
87
+
84
88
  callbacks.onGenerationStart?.({
85
89
  creationId: input.creationId,
86
90
  type: "text-to-video",
@@ -111,9 +115,9 @@ export function useTextToVideoFeature(props: UseTextToVideoFeatureProps): UseTex
111
115
  },
112
116
  getCreditCost: () => config.creditCost,
113
117
  save: async (result) => {
114
- if (result.success && result.videoUrl) {
118
+ if (result.success && result.videoUrl && currentCreationIdRef.value) {
115
119
  await callbacks.onCreationSave?.({
116
- creationId: generateCreationId(),
120
+ creationId: currentCreationIdRef.value,
117
121
  type: "text-to-video",
118
122
  videoUrl: result.videoUrl,
119
123
  thumbnailUrl: result.thumbnailUrl,
@@ -122,7 +126,7 @@ export function useTextToVideoFeature(props: UseTextToVideoFeatureProps): UseTex
122
126
  }
123
127
  },
124
128
  }),
125
- [config, callbacks, buildInput, extractResult, userId, state.prompt],
129
+ [config, callbacks, buildInput, extractResult, userId, state.prompt, currentCreationIdRef],
126
130
  );
127
131
 
128
132
  const orchestrator = useGenerationOrchestrator(strategy, {