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

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/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,
-  },
-});