@umituz/react-native-ai-generation-content 1.20.34 → 1.20.36

package/package.json

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

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

@@ -0,0 +1,22 @@
+import React from "react";
+import { useVideoPlayer, VideoView } from "expo-video";
+
+interface VideoResultPlayerProps {
+  uri: string;
+}
+
+export const VideoResultPlayer: React.FC<VideoResultPlayerProps> = ({ uri }) => {
+  const player = useVideoPlayer(uri, (player) => {
+    player.loop = true;
+    player.play();
+  });
+
+  return (
+    <VideoView
+      style={{ width: "100%", aspectRatio: 2 / 3, borderRadius: 16 }}
+      player={player}
+      contentFit="cover"
+      nativeControls
+    />
+  );
+};

package/src/presentation/components/flows/AIGenerateWizardFlow.tsx

@@ -17,23 +17,7 @@ import { AIGenerationResult } from "../display/AIGenerationResult";
 import { AIGenerateStep } from "../../hooks/generation/useAIGenerateState";
 import { useAIGenerateWizardFlow } from "./useAIGenerateWizardFlow";
 import { AIGenerateWizardFlowProps } from "./AIGenerateWizardFlow.types";
-import { useVideoPlayer, VideoView } from "expo-video";
-
-const VideoResultPlayer = ({ uri }: { uri: string }) => {
-  const player = useVideoPlayer(uri, player => {
-    player.loop = true;
-    player.play();
-  });
-
-  return (
-    <VideoView
-      style={{ width: "100%", aspectRatio: 2 / 3, borderRadius: 16 }}
-      player={player}
-      contentFit="cover"
-      nativeControls
-    />
-  );
-};
+import { VideoResultPlayer } from "../display/VideoResultPlayer";
 
 export const AIGenerateWizardFlow: React.FC<AIGenerateWizardFlowProps> = ({
   featureType,
@@ -44,6 +28,7 @@ export const AIGenerateWizardFlow: React.FC<AIGenerateWizardFlowProps> = ({
   onGenerate,
   onBack: onBackProp,
   onSave,
+  onShare,
   t,
 }) => {
   const tokens = useAppDesignTokens();
@@ -130,6 +115,14 @@ export const AIGenerateWizardFlow: React.FC<AIGenerateWizardFlowProps> = ({
               onPress: () => setCurrentStep(AIGenerateStep.CONFIG),
               icon: "refresh",
             }}
+            extraActions={[
+              {
+                label: translations.shareButton,
+                onPress: () => result && onShare?.(result),
+                icon: "share-variant",
+                variant: "outline",
+              },
+            ]}
           >
             {isVideo && result ? (
                <VideoResultPlayer uri={result} />

package/src/presentation/components/flows/AIGenerateWizardFlow.types.ts

@@ -27,6 +27,7 @@ export interface AIGenerateWizardTranslations {
   readonly processingHint: string;
   readonly successTitle: string;
   readonly saveButton: string;
+  readonly shareButton: string;
   readonly tryAgainButton: string;
   readonly fileTooLarge: string;
   readonly maxFileSize: string;
@@ -45,6 +46,7 @@ export interface AIGenerateWizardFlowProps {
     images: { uri: string }[];
   }) => Promise<string | null | void>;
   readonly onBack?: () => void;
-  readonly onSave?: (uri: string) => void;
+  readonly onSave?: (uri: string) => Promise<void>;
+  readonly onShare?: (uri: string) => Promise<void>;
   readonly t: (key: string) => string;
 }