@umituz/react-native-ai-generation-content 1.17.181 → 1.17.182
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.
package/package.json
CHANGED
|
@@ -10,6 +10,7 @@ import { useAppDesignTokens } from "@umituz/react-native-design-system";
|
|
|
10
10
|
import { DualImagePicker } from "../../../../presentation/components/image-picker/DualImagePicker";
|
|
11
11
|
import { AIGenerationForm } from "../../../../presentation/components/AIGenerationForm";
|
|
12
12
|
import { AIGenerationResult } from "../../../../presentation/components/display/AIGenerationResult";
|
|
13
|
+
import { GenerationProgressModal } from "../../../../presentation/components/GenerationProgressModal";
|
|
13
14
|
import { useAIHugFeature } from "../hooks";
|
|
14
15
|
import type {
|
|
15
16
|
AIHugTranslations,
|
|
@@ -93,6 +94,21 @@ export const AIHugFeature: React.FC<AIHugFeatureProps> = ({
|
|
|
93
94
|
);
|
|
94
95
|
}
|
|
95
96
|
|
|
97
|
+
const defaultModal = (
|
|
98
|
+
<GenerationProgressModal
|
|
99
|
+
visible={feature.isProcessing}
|
|
100
|
+
progress={feature.progress}
|
|
101
|
+
icon="sparkles"
|
|
102
|
+
title={translations.modalTitle || "Creating your video"}
|
|
103
|
+
message={translations.modalMessage || "AI is working its magic..."}
|
|
104
|
+
hint={translations.modalHint || "This may take a moment"}
|
|
105
|
+
backgroundHint={translations.modalBackgroundHint || "Continue in background"}
|
|
106
|
+
onClose={() => {
|
|
107
|
+
// Allow continuing in background - just close modal
|
|
108
|
+
}}
|
|
109
|
+
/>
|
|
110
|
+
);
|
|
111
|
+
|
|
96
112
|
return (
|
|
97
113
|
<>
|
|
98
114
|
<ScrollView
|
|
@@ -123,7 +139,9 @@ export const AIHugFeature: React.FC<AIHugFeatureProps> = ({
|
|
|
123
139
|
</AIGenerationForm>
|
|
124
140
|
</ScrollView>
|
|
125
141
|
|
|
126
|
-
{renderProcessingModal
|
|
142
|
+
{renderProcessingModal
|
|
143
|
+
? renderProcessingModal({ visible: feature.isProcessing, progress: feature.progress })
|
|
144
|
+
: defaultModal}
|
|
127
145
|
</>
|
|
128
146
|
);
|
|
129
147
|
};
|
|
@@ -10,6 +10,7 @@ import { useAppDesignTokens } from "@umituz/react-native-design-system";
|
|
|
10
10
|
import { DualImagePicker } from "../../../../presentation/components/image-picker/DualImagePicker";
|
|
11
11
|
import { AIGenerationForm } from "../../../../presentation/components/AIGenerationForm";
|
|
12
12
|
import { AIGenerationResult } from "../../../../presentation/components/display/AIGenerationResult";
|
|
13
|
+
import { GenerationProgressModal } from "../../../../presentation/components/GenerationProgressModal";
|
|
13
14
|
import { useAIKissFeature } from "../hooks";
|
|
14
15
|
import type {
|
|
15
16
|
AIKissTranslations,
|
|
@@ -87,6 +88,21 @@ export const AIKissFeature: React.FC<AIKissFeatureProps> = ({
|
|
|
87
88
|
);
|
|
88
89
|
}
|
|
89
90
|
|
|
91
|
+
const defaultModal = (
|
|
92
|
+
<GenerationProgressModal
|
|
93
|
+
visible={feature.isProcessing}
|
|
94
|
+
progress={feature.progress}
|
|
95
|
+
icon="sparkles"
|
|
96
|
+
title={translations.modalTitle || "Creating your video"}
|
|
97
|
+
message={translations.modalMessage || "AI is working its magic..."}
|
|
98
|
+
hint={translations.modalHint || "This may take a moment"}
|
|
99
|
+
backgroundHint={translations.modalBackgroundHint || "Continue in background"}
|
|
100
|
+
onClose={() => {
|
|
101
|
+
// Allow continuing in background - just close modal
|
|
102
|
+
}}
|
|
103
|
+
/>
|
|
104
|
+
);
|
|
105
|
+
|
|
90
106
|
return (
|
|
91
107
|
<>
|
|
92
108
|
<ScrollView
|
|
@@ -117,7 +133,9 @@ export const AIKissFeature: React.FC<AIKissFeatureProps> = ({
|
|
|
117
133
|
</AIGenerationForm>
|
|
118
134
|
</ScrollView>
|
|
119
135
|
|
|
120
|
-
{renderProcessingModal
|
|
136
|
+
{renderProcessingModal
|
|
137
|
+
? renderProcessingModal({ visible: feature.isProcessing, progress: feature.progress })
|
|
138
|
+
: defaultModal}
|
|
121
139
|
</>
|
|
122
140
|
);
|
|
123
141
|
};
|
|
@@ -59,6 +59,14 @@ export interface DualImageVideoTranslations {
|
|
|
59
59
|
successText: string;
|
|
60
60
|
saveButtonText: string;
|
|
61
61
|
tryAnotherText: string;
|
|
62
|
+
/** Modal title shown during processing */
|
|
63
|
+
modalTitle?: string;
|
|
64
|
+
/** Modal message shown during processing */
|
|
65
|
+
modalMessage?: string;
|
|
66
|
+
/** Modal hint/tip shown during processing */
|
|
67
|
+
modalHint?: string;
|
|
68
|
+
/** "Continue in background" text */
|
|
69
|
+
modalBackgroundHint?: string;
|
|
62
70
|
}
|
|
63
71
|
|
|
64
72
|
export interface UseDualImageVideoFeatureProps {
|