@umituz/react-native-ai-generation-content 1.17.46 → 1.17.48

package/src/features/text-to-image/presentation/components/TextToImagePromptInput.tsx

@@ -1,90 +0,0 @@
-/**
- * Text-to-Image Prompt Input Component
- * Text input for entering generation prompts
- */
-
-import React from "react";
-import { View, TextInput, StyleSheet } from "react-native";
-import {
-  AtomicText,
-  useAppDesignTokens,
-} from "@umituz/react-native-design-system";
-
-export interface TextToImagePromptInputProps {
-  value: string;
-  onChangeText: (text: string) => void;
-  label: string;
-  placeholder: string;
-  characterCountLabel?: string;
-  minHeight?: number;
-  maxLength?: number;
-}
-
-export const TextToImagePromptInput: React.FC<TextToImagePromptInputProps> = ({
-  value,
-  onChangeText,
-  label,
-  placeholder,
-  characterCountLabel,
-  minHeight = 100,
-  maxLength,
-}) => {
-  const tokens = useAppDesignTokens();
-
-  return (
-    <View style={styles.container}>
-      <AtomicText
-        type="bodyMedium"
-        style={[styles.label, { color: tokens.colors.textPrimary }]}
-      >
-        {label}
-      </AtomicText>
-      <TextInput
-        style={[
-          styles.input,
-          {
-            backgroundColor: tokens.colors.surface,
-            color: tokens.colors.textPrimary,
-            borderColor: tokens.colors.borderLight,
-            minHeight,
-          },
-        ]}
-        placeholder={placeholder}
-        placeholderTextColor={tokens.colors.textSecondary}
-        value={value}
-        onChangeText={onChangeText}
-        multiline
-        numberOfLines={4}
-        textAlignVertical="top"
-        maxLength={maxLength}
-      />
-      {characterCountLabel && (
-        <AtomicText
-          type="labelSmall"
-          style={[styles.charCount, { color: tokens.colors.textSecondary }]}
-        >
-          {characterCountLabel}
-        </AtomicText>
-      )}
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  container: {
-    marginBottom: 24,
-  },
-  label: {
-    fontWeight: "600",
-    marginBottom: 12,
-  },
-  input: {
-    borderWidth: 1,
-    borderRadius: 12,
-    padding: 16,
-    fontSize: 16,
-  },
-  charCount: {
-    marginTop: 8,
-  },
-});

package/src/features/text-to-voice/presentation/components/TextToVoiceErrorMessage.tsx

@@ -1,57 +0,0 @@
-/**
- * TextToVoiceErrorMessage Component
- * Error message display
- */
-
-import React from "react";
-import { View, StyleSheet } from "react-native";
-import {
-  AtomicText,
-  AtomicIcon,
-  useAppDesignTokens,
-} from "@umituz/react-native-design-system";
-import type { TextToVoiceErrorMessageProps } from "../../domain/types";
-
-export const TextToVoiceErrorMessage: React.FC<TextToVoiceErrorMessageProps> = ({
-  message,
-  style,
-}) => {
-  const tokens = useAppDesignTokens();
-
-  return (
-    <View
-      style={[
-        styles.errorCard,
-        {
-          backgroundColor: `${tokens.colors.error}20`,
-          borderColor: tokens.colors.error,
-        },
-        style,
-      ]}
-    >
-      <AtomicIcon name="alert-circle-outline" size="sm" color="error" />
-      <AtomicText
-        type="bodySmall"
-        style={[styles.errorText, { color: tokens.colors.error }]}
-      >
-        {message}
-      </AtomicText>
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  errorCard: {
-    flexDirection: "row",
-    alignItems: "center",
-    margin: 16,
-    marginTop: 0,
-    padding: 12,
-    borderRadius: 8,
-    borderWidth: 1,
-  },
-  errorText: {
-    marginLeft: 8,
-    flex: 1,
-  },
-});

package/src/features/text-to-voice/presentation/components/TextToVoiceExamplePrompts.tsx

@@ -1,77 +0,0 @@
-/**
- * TextToVoiceExamplePrompts Component
- * Horizontal scrolling example prompts
- */
-
-import React from "react";
-import { View, ScrollView, TouchableOpacity, StyleSheet } from "react-native";
-import { useLocalization } from "@umituz/react-native-localization";
-import {
-  AtomicText,
-  useAppDesignTokens,
-} from "@umituz/react-native-design-system";
-import type { TextToVoiceExamplePromptsProps } from "../../domain/types";
-
-export const TextToVoiceExamplePrompts: React.FC<
-  TextToVoiceExamplePromptsProps
-> = ({ prompts, onSelectPrompt, labelKey, style }) => {
-  const { t } = useLocalization();
-  const tokens = useAppDesignTokens();
-
-  if (prompts.length === 0) {
-    return null;
-  }
-
-  return (
-    <View style={[styles.section, style]}>
-      <AtomicText
-        type="bodyMedium"
-        style={[styles.label, { color: tokens.colors.textPrimary }]}
-      >
-        {t(labelKey)}
-      </AtomicText>
-      <ScrollView
-        horizontal
-        showsHorizontalScrollIndicator={false}
-        style={styles.scrollView}
-      >
-        {prompts.map((prompt, index) => (
-          <TouchableOpacity
-            key={index}
-            style={[styles.promptCard, { backgroundColor: tokens.colors.surface }]}
-            onPress={() => onSelectPrompt(prompt)}
-          >
-            <AtomicText
-              type="bodySmall"
-              style={{ color: tokens.colors.textPrimary }}
-              numberOfLines={2}
-            >
-              {prompt}
-            </AtomicText>
-          </TouchableOpacity>
-        ))}
-      </ScrollView>
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  section: {
-    marginBottom: 24,
-  },
-  label: {
-    fontWeight: "600",
-    marginBottom: 12,
-  },
-  scrollView: {
-    marginHorizontal: -16,
-    paddingHorizontal: 16,
-  },
-  promptCard: {
-    padding: 12,
-    borderRadius: 8,
-    marginRight: 12,
-    minWidth: 150,
-    maxWidth: 200,
-  },
-});

package/src/features/text-to-voice/presentation/components/TextToVoiceGenerateButton.tsx

@@ -1,87 +0,0 @@
-/**
- * TextToVoiceGenerateButton Component
- * Generate button with loading state
- */
-
-import React from "react";
-import { TouchableOpacity, ActivityIndicator, StyleSheet } from "react-native";
-import {
-  AtomicText,
-  AtomicIcon,
-  useAppDesignTokens,
-} from "@umituz/react-native-design-system";
-import { useLocalization } from "@umituz/react-native-localization";
-import type { TextToVoiceGenerateButtonProps } from "../../domain/types";
-
-export const TextToVoiceGenerateButton: React.FC<
-  TextToVoiceGenerateButtonProps
-> = ({
-  isGenerating,
-  progress,
-  disabled,
-  onPress,
-  buttonTextKey,
-  generatingTextKey,
-  style,
-}) => {
-  const { t } = useLocalization();
-  const tokens = useAppDesignTokens();
-
-  return (
-    <TouchableOpacity
-      style={[
-        styles.button,
-        {
-          backgroundColor: tokens.colors.primary,
-          opacity: disabled ? 0.6 : 1,
-        },
-        style,
-      ]}
-      onPress={onPress}
-      disabled={disabled}
-    >
-      {isGenerating ? (
-        <>
-          <ActivityIndicator
-            color={tokens.colors.onPrimary}
-            style={styles.loader}
-          />
-          <AtomicText
-            type="bodyMedium"
-            style={[styles.buttonText, { color: tokens.colors.onPrimary }]}
-          >
-            {t(generatingTextKey)} {progress.toFixed(0)}%
-          </AtomicText>
-        </>
-      ) : (
-        <>
-          <AtomicIcon name="Volume2" size="md" color="onPrimary" />
-          <AtomicText
-            type="bodyMedium"
-            style={[styles.buttonText, { color: tokens.colors.onPrimary }]}
-          >
-            {t(buttonTextKey)}
-          </AtomicText>
-        </>
-      )}
-    </TouchableOpacity>
-  );
-};
-
-const styles = StyleSheet.create({
-  button: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center",
-    marginHorizontal: 16,
-    padding: 16,
-    borderRadius: 12,
-  },
-  loader: {
-    marginRight: 8,
-  },
-  buttonText: {
-    fontWeight: "600",
-    marginLeft: 8,
-  },
-});

package/src/features/text-to-voice/presentation/components/TextToVoiceOptionalInput.tsx

@@ -1,73 +0,0 @@
-/**
- * TextToVoiceOptionalInput Component
- * Optional text input with hint
- */
-
-import React from "react";
-import { View, TextInput, StyleSheet } from "react-native";
-import {
-  AtomicText,
-  useAppDesignTokens,
-} from "@umituz/react-native-design-system";
-import type { TextToVoiceOptionalInputProps } from "../../domain/types";
-
-export const TextToVoiceOptionalInput: React.FC<
-  TextToVoiceOptionalInputProps
-> = ({ title, value, onChangeText, placeholder, hint, style }) => {
-  const tokens = useAppDesignTokens();
-
-  return (
-    <View
-      style={[styles.card, { backgroundColor: tokens.colors.surface }, style]}
-    >
-      <AtomicText
-        type="bodyMedium"
-        style={[styles.label, { color: tokens.colors.textPrimary }]}
-      >
-        {title}
-      </AtomicText>
-      <TextInput
-        style={[
-          styles.textInput,
-          {
-            backgroundColor: tokens.colors.backgroundPrimary,
-            color: tokens.colors.textPrimary,
-            borderColor: tokens.colors.borderLight,
-          },
-        ]}
-        value={value}
-        onChangeText={onChangeText}
-        placeholder={placeholder}
-        placeholderTextColor={tokens.colors.textTertiary}
-      />
-      <AtomicText
-        type="bodySmall"
-        style={[styles.hint, { color: tokens.colors.textTertiary }]}
-      >
-        {hint}
-      </AtomicText>
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  card: {
-    margin: 16,
-    marginTop: 0,
-    padding: 16,
-    borderRadius: 12,
-  },
-  label: {
-    fontWeight: "600",
-    marginBottom: 8,
-  },
-  textInput: {
-    borderWidth: 1,
-    borderRadius: 8,
-    padding: 12,
-    minHeight: 44,
-  },
-  hint: {
-    marginTop: 4,
-  },
-});

package/src/features/text-to-voice/presentation/components/TextToVoiceTextInput.tsx

@@ -1,85 +0,0 @@
-/**
- * TextToVoiceTextInput Component
- * Text input for voice generation with character count
- */
-
-import React from "react";
-import { View, TextInput, StyleSheet } from "react-native";
-import {
-  AtomicText,
-  useAppDesignTokens,
-} from "@umituz/react-native-design-system";
-import { useLocalization } from "@umituz/react-native-localization";
-import type { TextToVoiceTextInputProps } from "../../domain/types";
-
-export const TextToVoiceTextInput: React.FC<TextToVoiceTextInputProps> = ({
-  value,
-  onChangeText,
-  maxLength = 5000,
-  labelKey,
-  placeholderKey,
-  characterCountKey,
-  style,
-}) => {
-  const { t } = useLocalization();
-  const tokens = useAppDesignTokens();
-
-  return (
-    <View
-      style={[styles.card, { backgroundColor: tokens.colors.surface }, style]}
-    >
-      <AtomicText
-        type="bodyMedium"
-        style={[styles.label, { color: tokens.colors.textPrimary }]}
-      >
-        {t(labelKey)}
-      </AtomicText>
-      <TextInput
-        style={[
-          styles.textInput,
-          {
-            backgroundColor: tokens.colors.backgroundPrimary,
-            color: tokens.colors.textPrimary,
-            borderColor: tokens.colors.borderLight,
-          },
-        ]}
-        value={value}
-        onChangeText={onChangeText}
-        placeholder={t(placeholderKey)}
-        placeholderTextColor={tokens.colors.textTertiary}
-        multiline
-        numberOfLines={6}
-        maxLength={maxLength}
-      />
-      <AtomicText
-        type="bodySmall"
-        style={[styles.characterCount, { color: tokens.colors.textTertiary }]}
-      >
-        {t(characterCountKey, { count: value.length, max: maxLength })}
-      </AtomicText>
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  card: {
-    margin: 16,
-    marginTop: 0,
-    padding: 16,
-    borderRadius: 12,
-  },
-  label: {
-    fontWeight: "600",
-    marginBottom: 8,
-  },
-  textInput: {
-    borderWidth: 1,
-    borderRadius: 8,
-    padding: 12,
-    minHeight: 120,
-    textAlignVertical: "top",
-  },
-  characterCount: {
-    marginTop: 4,
-  },
-});