@umituz/react-native-ai-generation-content 1.89.72 → 1.89.74

package/package.json

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

package/src/domains/generation/wizard/presentation/screens/AudioPickerScreen.tsx

@@ -54,8 +54,21 @@ export const AudioPickerScreen: React.FC<AudioPickerScreenProps> = ({
       setError(null);
 
       // Lazy load expo-document-picker only when needed
-      // @ts-ignore - Optional peer dependency
-      const DocumentPicker = await import("expo-document-picker");
+      // Use require() to avoid Metro bundler parsing the package
+      const DocumentPickerModule = require("expo-document-picker");
+      const DocumentPicker = DocumentPickerModule as {
+        getDocumentAsync: (options: {
+          type: string[];
+          copyToCacheDirectory: boolean;
+        }) => Promise<{
+          canceled: boolean;
+          assets?: Array<{
+            uri: string;
+            name: string;
+            size?: number;
+          }>;
+        }>;
+      };
       const result = await DocumentPicker.getDocumentAsync({
         type: mimeTypes as string[],
         copyToCacheDirectory: true,

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

@@ -1,25 +1,32 @@
 import React from "react";
-import { ActivityIndicator, View } from "react-native";
+import { View } from "react-native";
 import { AtomicText } from "@umituz/react-native-design-system/atoms";
 
 interface VideoResultPlayerProps {
   uri: string;
+  VideoPlayerComponent?: React.ComponentType<{ 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) {
+/**
+ * Video Result Player Component
+ *
+ * This component displays video content. It accepts an optional VideoPlayerComponent prop
+ * that should be passed in from the consumer application if video support is desired.
+ *
+ * If no VideoPlayerComponent is provided, it shows a fallback UI.
+ *
+ * @example With video player
+ * import { VideoPlayer } from '@umituz/react-native-video-editor';
+ * <VideoResultPlayer uri={videoUri} VideoPlayerComponent={VideoPlayer} />
+ *
+ * @example Without video player (fallback)
+ * <VideoResultPlayer uri={videoUri} />
+ */
+export const VideoResultPlayer: React.FC<VideoResultPlayerProps> = ({
+  uri,
+  VideoPlayerComponent,
+}) => {
+  if (!VideoPlayerComponent) {
     return (
       <View style={{ width: "100%", aspectRatio: 2 / 3, borderRadius: 16, backgroundColor: "#000", justifyContent: "center", alignItems: "center" }}>
         <AtomicText style={{ color: "#fff" }}>Video not available</AtomicText>
@@ -27,14 +34,5 @@ export const VideoResultPlayer: React.FC<VideoResultPlayerProps> = ({ uri }) =>
     );
   }
 
-  return (
-    <VideoPlayer
-      source={uri}
-      loop
-      autoPlay
-      showControls
-      contentFit="cover"
-      style={{ width: "100%", aspectRatio: 2 / 3, borderRadius: 16 }}
-    />
-  );
+  return <VideoPlayerComponent uri={uri} />;
 };