@umituz/react-native-ai-generation-content 1.89.69 → 1.89.71

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.89.69",
+  "version": "1.89.71",
   "description": "Provider-agnostic AI generation orchestration for React Native with result preview components",
   "main": "src/index.ts",
   "types": "src/index.ts",
@@ -55,6 +55,8 @@
     "@umituz/react-native-subscription": "*",
     "@umituz/react-native-video-editor": "*",
     "expo": ">=54.0.0",
+    "expo-document-picker": "*",
+    "expo-video": "*",
     "firebase": ">=10.0.0",
     "react": ">=19.0.0",
     "react-native": "*",

package/src/presentation/components/display/VideoResultPlayer.tsx

@@ -1,11 +1,32 @@
 import React from "react";
-import { VideoPlayer } from "@umituz/react-native-video-editor";
+import { ActivityIndicator, View } from "react-native";
+import { AtomicText } from "@umituz/react-native-design-system/atoms";
 
 interface VideoResultPlayerProps {
   uri: string;
 }
 
 export const VideoResultPlayer: React.FC<VideoResultPlayerProps> = ({ uri }) => {
+  const [VideoPlayer, setVideoPlayer] = React.useState<any>(null);
+
+  React.useEffect(() => {
+    // Lazy load video player only when needed
+    // @ts-ignore - Optional peer dependency
+    import("@umituz/react-native-video-editor").then((module) => {
+      setVideoPlayer(() => module.VideoPlayer);
+    }).catch(() => {
+      // Video player not available, will show fallback
+    });
+  }, []);
+
+  if (!VideoPlayer) {
+    return (
+      <View style={{ width: "100%", aspectRatio: 2 / 3, borderRadius: 16, backgroundColor: "#000", justifyContent: "center", alignItems: "center" }}>
+        <AtomicText style={{ color: "#fff" }}>Video not available</AtomicText>
+      </View>
+    );
+  }
+
   return (
     <VideoPlayer
       source={uri}