@umituz/react-native-ai-generation-content 1.17.135 → 1.17.136

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.17.135",
+  "version": "1.17.136",
   "description": "Provider-agnostic AI generation orchestration for React Native",
   "main": "src/index.ts",
   "types": "src/index.ts",

package/src/features/image-to-video/domain/constants/animation.constants.ts

@@ -10,37 +10,37 @@ export const DEFAULT_ANIMATION_STYLES: AnimationStyle[] = [
     id: "ken_burns",
     name: "Ken Burns",
     description: "Slow zoom and pan effect",
-    icon: "Maximize2",
+    icon: "expand-outline",
   },
   {
     id: "zoom_in",
     name: "Zoom In",
     description: "Gradual zoom in effect",
-    icon: "ZoomIn",
+    icon: "add-circle-outline",
   },
   {
     id: "zoom_out",
     name: "Zoom Out",
     description: "Gradual zoom out effect",
-    icon: "ZoomOut",
+    icon: "remove-circle-outline",
   },
   {
     id: "slide_left",
     name: "Slide Left",
     description: "Pan from right to left",
-    icon: "ArrowLeft",
+    icon: "arrow-back-outline",
   },
   {
     id: "slide_right",
     name: "Slide Right",
     description: "Pan from left to right",
-    icon: "ArrowRight",
+    icon: "arrow-forward-outline",
   },
   {
     id: "parallax",
     name: "Parallax",
     description: "3D depth effect",
-    icon: "Layers",
+    icon: "layers-outline",
   },
 ];
 

package/src/features/image-to-video/presentation/components/AnimationStyleSelector.tsx

@@ -89,7 +89,7 @@ export const AnimationStyleSelector: React.FC<AnimationStyleSelectorProps> = ({
                 </AtomicText>
               </View>
               {isSelected && (
-                <AtomicIcon name="Check" size="md" color="primary" />
+                <AtomicIcon name="checkmark-outline" size="md" color="primary" />
               )}
             </View>
           </TouchableOpacity>

package/src/features/image-to-video/presentation/components/ImageSelectionGrid.tsx

@@ -61,7 +61,7 @@ export const ImageSelectionGrid: React.FC<ImageSelectionGridProps> = ({
           onPress={onSelectImages}
           activeOpacity={0.7}
         >
-          <AtomicIcon name="Upload" size="xl" color="primary" />
+          <AtomicIcon name="cloud-upload-outline" size="xl" color="primary" />
           <AtomicText
             type="bodyMedium"
             style={[

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

@@ -4,6 +4,8 @@
  */
 
 import { useMemo, useCallback } from "react";
+
+declare const __DEV__: boolean;
 import { useFormState, type UseFormStateOptions } from "./useFormState";
 import { useGeneration } from "./useGeneration";
 import type {
@@ -60,10 +62,29 @@ export function useImageToVideoForm(
   );
 
   const handleSelectImages = useCallback(async () => {
+    if (__DEV__) {
+      console.log("[useImageToVideoForm] handleSelectImages called");
+    }
     if (callbacks.onSelectImages) {
-      const images = await callbacks.onSelectImages();
-      if (images.length > 0) {
-        actions.addImages(images);
+      try {
+        const images = await callbacks.onSelectImages();
+        if (__DEV__) {
+          console.log("[useImageToVideoForm] Images selected:", images.length);
+        }
+        if (images.length > 0) {
+          actions.addImages(images);
+          if (__DEV__) {
+            console.log("[useImageToVideoForm] Images added to state");
+          }
+        }
+      } catch (error) {
+        if (__DEV__) {
+          console.error("[useImageToVideoForm] Error selecting images:", error);
+        }
+      }
+    } else {
+      if (__DEV__) {
+        console.warn("[useImageToVideoForm] No onSelectImages callback provided");
       }
     }
   }, [callbacks, actions]);

package/src/features/script-generator/presentation/components/ScriptDisplay.tsx

@@ -37,7 +37,7 @@ export const ScriptDisplay: React.FC<ScriptDisplayProps> = ({
           📝 {title}
         </AtomicText>
         <TouchableOpacity onPress={onUseScript}>
-          <AtomicIcon name="Check" size="md" color="primary" />
+          <AtomicIcon name="checkmark-outline" size="md" color="primary" />
         </TouchableOpacity>
       </View>
 
@@ -102,7 +102,7 @@ export const ScriptDisplay: React.FC<ScriptDisplayProps> = ({
         ]}
         onPress={onUseScript}
       >
-        <AtomicIcon name="Check" size="md" color="textInverse" />
+        <AtomicIcon name="checkmark-outline" size="md" color="textInverse" />
         <AtomicText
           type="bodyLarge"
           style={[styles.useButtonText, { color: tokens.colors.textInverse }]}