@umituz/react-native-ai-generation-content 1.26.2 → 1.26.4

package/src/features/meme-generator/presentation/screens/MemeGeneratorScreen.tsx

@@ -1,168 +0,0 @@
-import React, { useState } from "react";
-import {
-  View,
-  StyleSheet,
-  Image,
-  Alert,
-} from "react-native";
-import {
-  AtomicButton,
-  useAppDesignTokens,
-  AtomicIcon,
-  AtomicInput,
-  AtomicSpinner,
-  ScreenLayout,
-  ScreenHeader,
-} from "@umituz/react-native-design-system";
-import { useLocalization } from "@umituz/react-native-localization";
-
-export interface MemeGeneratorScreenProps {
-  onGenerate: (prompt: string) => Promise<string>;
-  onSave: (imageUrl: string) => Promise<void>;
-  onBackPress: () => void;
-  title?: string;
-}
-
-export const MemeGeneratorScreen: React.FC<MemeGeneratorScreenProps> = ({
-  onGenerate,
-  onSave,
-  onBackPress,
-  title,
-}) => {
-  const { t } = useLocalization();
-  const tokens = useAppDesignTokens();
-
-  const [prompt, setPrompt] = useState("");
-  const [generatedImage, setGeneratedImage] = useState<string | null>(null);
-  const [isGenerating, setIsGenerating] = useState(false);
-  const [isSaving, setIsSaving] = useState(false);
-
-  const handleGenerate = async () => {
-    if (!prompt.trim()) return;
-    setIsGenerating(true);
-    try {
-      const url = await onGenerate(prompt);
-      setGeneratedImage(url);
-    } catch (error: unknown) {
-      const errorMessage = error instanceof Error ? error.message : "Failed to generate";
-      Alert.alert(t("common.error"), errorMessage);
-    } finally {
-      setIsGenerating(false);
-    }
-  };
-
-  const handleSave = async () => {
-    if (!generatedImage) return;
-    setIsSaving(true);
-    try {
-      await onSave(generatedImage);
-      setGeneratedImage(null);
-      setPrompt("");
-    } catch (error: unknown) {
-      const errorMessage = error instanceof Error ? error.message : "Failed to save";
-      Alert.alert(t("common.error"), errorMessage);
-    } finally {
-      setIsSaving(false);
-    }
-  };
-
-  const styles = StyleSheet.create({
-    content: {
-      flex: 1,
-      padding: tokens.spacing.lg,
-    },
-    previewContainer: {
-      aspectRatio: 1,
-      width: "100%",
-      backgroundColor: tokens.colors.backgroundSecondary,
-      borderRadius: tokens.radius.lg,
-      justifyContent: "center",
-      alignItems: "center",
-      marginBottom: tokens.spacing.xl,
-      overflow: "hidden",
-      borderWidth: 1,
-      borderColor: tokens.colors.border,
-    },
-    previewImage: {
-      width: "100%",
-      height: "100%",
-    },
-    inputSection: {
-      gap: tokens.spacing.lg,
-      paddingBottom: tokens.spacing.xxl,
-    },
-  });
-
-  return (
-    <ScreenLayout
-      header={
-        <ScreenHeader
-          title={title || t("home.create_title")}
-          onBackPress={onBackPress}
-        />
-      }
-      scrollable={true}
-      contentContainerStyle={{ paddingHorizontal: 0 }}
-      keyboardAvoiding={true}
-    >
-      <View style={styles.content}>
-        <View style={styles.previewContainer}>
-          {isGenerating ? (
-            <AtomicSpinner size="lg" color="primary" />
-          ) : generatedImage ? (
-            <Image
-              source={{ uri: generatedImage }}
-              style={styles.previewImage}
-              resizeMode="contain"
-            />
-          ) : (
-            <AtomicIcon
-              name="color-wand-outline"
-              size={80}
-              color="secondary"
-              style={{ opacity: 0.3 }}
-            />
-          )}
-        </View>
-
-        <View style={styles.inputSection}>
-          <AtomicInput
-            label={t("wizard.prompt_label")}
-            placeholder={t("wizard.prompt_placeholder")}
-            value={prompt}
-            onChangeText={setPrompt}
-            multiline
-            numberOfLines={3}
-          />
-
-          {!generatedImage ? (
-            <AtomicButton
-              onPress={handleGenerate}
-              disabled={isGenerating}
-              fullWidth
-            >
-              {isGenerating ? t("common.loading") : t("wizard.generate_button")}
-            </AtomicButton>
-          ) : (
-            <View style={{ flexDirection: "row", gap: tokens.spacing.md }}>
-              <AtomicButton
-                variant="secondary"
-                onPress={() => setGeneratedImage(null)}
-                style={{ flex: 1 }}
-              >
-                {t("common.reset")}
-              </AtomicButton>
-              <AtomicButton
-                onPress={handleSave}
-                disabled={isSaving}
-                style={{ flex: 2 }}
-              >
-                {t("common.save")}
-              </AtomicButton>
-            </View>
-          )}
-        </View>
-      </View>
-    </ScreenLayout>
-  );
-};

package/src/features/meme-generator/presentation/screens/index.ts

@@ -1 +0,0 @@
-export * from "./MemeGeneratorScreen";

package/src/features/partner-upload/domain/types.ts

@@ -1,59 +0,0 @@
-/**
- * Partner Upload Types
- * Generic partner/photo upload feature types
- */
-
-export interface UploadedImage {
-  readonly uri: string;
-  readonly base64?: string;
-  readonly previewUrl: string;
-  readonly width?: number;
-  readonly height?: number;
-}
-
-export interface PartnerStepConfig {
-  readonly titleKey: string;
-  readonly subtitleKey: string;
-  readonly showFaceDetection?: boolean;
-  readonly showNameInput?: boolean;
-  readonly showPhotoTips?: boolean;
-  readonly maxNameLength?: number;
-  readonly namePlaceholderKey?: string;
-}
-
-export interface PartnerStepTranslations {
-  readonly tapToUpload: string;
-  readonly selectPhoto: string;
-  readonly change: string;
-  readonly analyzing: string;
-  readonly continue: string;
-  readonly faceDetectionLabel?: string;
-  readonly namePlaceholder?: string;
-  readonly photoTip1?: string;
-  readonly photoTip2?: string;
-  readonly photoTip3?: string;
-}
-
-export interface PhotoTipsConfig {
-  readonly tips: readonly string[];
-  readonly icon?: string;
-}
-
-export const DEFAULT_PARTNER_STEP_CONFIG: PartnerStepConfig = {
-  titleKey: "partner.upload.title",
-  subtitleKey: "partner.upload.subtitle",
-  showFaceDetection: false,
-  showNameInput: true,
-  showPhotoTips: true,
-  maxNameLength: 50,
-  namePlaceholderKey: "partner.upload.namePlaceholder",
-} as const;
-
-export const DEFAULT_PHOTO_TIPS: PhotoTipsConfig = {
-  tips: [
-    "photoTips.tip1",
-    "photoTips.tip2",
-    "photoTips.tip3",
-  ],
-  icon: "lightbulb",
-} as const;

package/src/features/partner-upload/index.ts

@@ -1,30 +0,0 @@
-/**
- * Partner Upload Feature
- * Generic partner/photo upload screens and components
- */
-
-export type {
-  UploadedImage,
-  PartnerStepConfig,
-  PartnerStepTranslations,
-  PhotoTipsConfig,
-} from "./domain/types";
-export { DEFAULT_PARTNER_STEP_CONFIG, DEFAULT_PHOTO_TIPS } from "./domain/types";
-
-export { PhotoTips, PartnerInfoInput } from "./presentation/components";
-export type { PhotoTipsProps, PhotoTipConfig, PartnerInfoInputProps } from "./presentation/components";
-
-export { usePartnerStep } from "./presentation/hooks";
-export type {
-  UsePartnerStepConfig,
-  UsePartnerStepTranslations,
-  UsePartnerStepOptions,
-  UsePartnerStepReturn,
-} from "./presentation/hooks";
-
-export { PartnerStepScreen } from "./presentation/screens";
-export type {
-  PartnerStepScreenProps,
-  PartnerStepScreenTranslations,
-  PartnerStepScreenConfig,
-} from "./presentation/screens";

package/src/features/partner-upload/presentation/components/PartnerInfoInput.tsx

@@ -1,112 +0,0 @@
-/**
- * PartnerInfoInput Component
- * Name and optional description input for partner
- */
-
-import React, { useMemo } from "react";
-import { View, StyleSheet } from "react-native";
-import { AtomicInput, AtomicText, useAppDesignTokens } from "@umituz/react-native-design-system";
-
-export interface PartnerInfoInputProps {
-  readonly t: (key: string) => string;
-  readonly name: string;
-  readonly onNameChange: (name: string) => void;
-  readonly description?: string;
-  readonly onDescriptionChange?: (description: string) => void;
-  readonly showName?: boolean;
-  readonly showDescription?: boolean;
-  readonly maxNameLength?: number;
-  readonly maxDescriptionLength?: number;
-  readonly nameLabelKey?: string;
-  readonly namePlaceholderKey?: string;
-  readonly descriptionLabelKey?: string;
-  readonly descriptionPlaceholderKey?: string;
-  readonly optionalKey?: string;
-}
-
-export const PartnerInfoInput: React.FC<PartnerInfoInputProps> = ({
-  t,
-  name,
-  onNameChange,
-  description = "",
-  onDescriptionChange,
-  showName = false,
-  showDescription = false,
-  maxNameLength = 30,
-  maxDescriptionLength = 200,
-  nameLabelKey = "photoUpload.nameLabel",
-  namePlaceholderKey = "photoUpload.namePlaceholder",
-  descriptionLabelKey = "photoUpload.descriptionLabel",
-  descriptionPlaceholderKey = "photoUpload.descriptionPlaceholder",
-  optionalKey = "common.optional",
-}) => {
-  const tokens = useAppDesignTokens();
-
-  const styles = useMemo(
-    () =>
-      StyleSheet.create({
-        container: {
-          paddingHorizontal: 24,
-          gap: 16,
-        },
-        optionalLabel: {
-          flexDirection: "row",
-          alignItems: "center",
-          gap: 8,
-          marginBottom: 8,
-        },
-        optional: {
-          fontSize: 12,
-          color: tokens.colors.textTertiary,
-          fontStyle: "italic",
-        },
-        label: {
-          fontSize: 14,
-          fontWeight: "600",
-          color: tokens.colors.textSecondary,
-        },
-      }),
-    [tokens],
-  );
-
-  if (!showName && !showDescription) {
-    return null;
-  }
-
-  return (
-    <View style={styles.container}>
-      {showName && (
-        <AtomicInput
-          label={t(nameLabelKey)}
-          value={name}
-          onChangeText={onNameChange}
-          placeholder={t(namePlaceholderKey)}
-          maxLength={maxNameLength}
-          showCharacterCount
-          variant="outlined"
-          size="md"
-        />
-      )}
-
-      {showDescription && onDescriptionChange && (
-        <View>
-          <View style={styles.optionalLabel}>
-            <AtomicText style={styles.label}>{t(descriptionLabelKey)}</AtomicText>
-            <AtomicText style={styles.optional}>({t(optionalKey)})</AtomicText>
-          </View>
-          <AtomicInput
-            value={description}
-            onChangeText={onDescriptionChange}
-            placeholder={t(descriptionPlaceholderKey)}
-            multiline
-            numberOfLines={3}
-            maxLength={maxDescriptionLength}
-            showCharacterCount
-            variant="outlined"
-            inputStyle={{ minHeight: 100, textAlignVertical: "top" }}
-          />
-        </View>
-      )}
-    </View>
-  );
-};

package/src/features/partner-upload/presentation/components/PhotoTips.tsx

@@ -1,53 +0,0 @@
-/**
- * PhotoTips Component
- * Displays photo upload tips in a grid layout
- */
-
-import React, { useMemo } from "react";
-import { InfoGrid, type InfoGridItem } from "@umituz/react-native-design-system";
-
-export interface PhotoTipConfig {
-  readonly icon: string;
-  readonly textKey: string;
-}
-
-export interface PhotoTipsProps {
-  readonly t: (key: string) => string;
-  readonly titleKey?: string;
-  readonly headerIcon?: string;
-  readonly tips?: readonly PhotoTipConfig[];
-  readonly style?: object;
-}
-
-const DEFAULT_TIPS: readonly PhotoTipConfig[] = [
-  { icon: "sunny-outline", textKey: "photoUpload.tips.lighting" },
-  { icon: "person-outline", textKey: "photoUpload.tips.faceForward" },
-  { icon: "eye-outline", textKey: "photoUpload.tips.clearFace" },
-  { icon: "diamond-outline", textKey: "photoUpload.tips.goodQuality" },
-] as const;
-
-export const PhotoTips: React.FC<PhotoTipsProps> = ({
-  t,
-  titleKey = "photoUpload.tips.title",
-  headerIcon = "bulb",
-  tips = DEFAULT_TIPS,
-  style,
-}) => {
-  const gridItems: InfoGridItem[] = useMemo(
-    () =>
-      tips.map((tip) => ({
-        icon: tip.icon,
-        text: t(tip.textKey),
-      })),
-    [tips, t],
-  );
-
-  return (
-    <InfoGrid
-      title={t(titleKey)}
-      headerIcon={headerIcon}
-      items={gridItems}
-      style={style ?? { marginHorizontal: 24, marginBottom: 20 }}
-    />
-  );
-};

package/src/features/partner-upload/presentation/components/index.ts

@@ -1,4 +0,0 @@
-export { PhotoTips } from "./PhotoTips";
-export type { PhotoTipsProps, PhotoTipConfig } from "./PhotoTips";
-export { PartnerInfoInput } from "./PartnerInfoInput";
-export type { PartnerInfoInputProps } from "./PartnerInfoInput";

package/src/features/partner-upload/presentation/hooks/index.ts

@@ -1,7 +0,0 @@
-export { usePartnerStep } from "./usePartnerStep";
-export type {
-  UsePartnerStepConfig,
-  UsePartnerStepTranslations,
-  UsePartnerStepOptions,
-  UsePartnerStepReturn,
-} from "./usePartnerStep";

package/src/features/partner-upload/presentation/hooks/usePartnerStep.ts

@@ -1,130 +0,0 @@
-/**
- * usePartnerStep Hook
- * Manages partner photo upload step logic
- */
-
-import { useState, useCallback } from "react";
-import { Alert } from "react-native";
-import { useMedia, MediaLibraryPermission, readFileAsBase64 } from "@umituz/react-native-design-system";
-import type { UploadedImage } from "../../domain/types";
-
-export interface UsePartnerStepConfig {
-  readonly maxFileSizeMB?: number;
-  readonly imageQuality?: number;
-  readonly allowsEditing?: boolean;
-}
-
-export interface UsePartnerStepTranslations {
-  readonly fileTooLarge: string;
-  readonly maxFileSize: string;
-  readonly error: string;
-  readonly uploadFailed: string;
-  readonly permissionDenied?: string;
-  readonly permissionRequired?: string;
-}
-
-export interface UsePartnerStepOptions {
-  readonly initialName?: string;
-  readonly config?: UsePartnerStepConfig;
-  readonly translations: UsePartnerStepTranslations;
-}
-
-interface PartnerStepState {
-  image: UploadedImage | null;
-  name: string;
-  description: string;
-}
-
-const DEFAULT_CONFIG: UsePartnerStepConfig = {
-  maxFileSizeMB: 10,
-  imageQuality: 0.7,
-  allowsEditing: true,
-};
-
-export const usePartnerStep = (options: UsePartnerStepOptions) => {
-  const { initialName = "", config = DEFAULT_CONFIG, translations } = options;
-  const { pickImage, requestMediaLibraryPermission, getMediaLibraryPermissionStatus, isLoading: isPickerLoading } = useMedia();
-
-  const [state, setState] = useState<PartnerStepState>({
-    image: null,
-    name: initialName,
-    description: "",
-  });
-
-  const setName = useCallback((name: string) => {
-    setState((prev) => ({ ...prev, name }));
-  }, []);
-
-  const setDescription = useCallback((description: string) => {
-    setState((prev) => ({ ...prev, description }));
-  }, []);
-
-  const handlePickImage = useCallback(async () => {
-    try {
-      // Check permission first
-      let permission = await getMediaLibraryPermissionStatus();
-      if (permission !== MediaLibraryPermission.GRANTED) {
-        permission = await requestMediaLibraryPermission();
-        if (permission !== MediaLibraryPermission.GRANTED) {
-          Alert.alert(
-            translations.error,
-            translations.permissionDenied ?? "Photo library access is required to upload images.",
-          );
-          return;
-        }
-      }
-
-      const maxFileSizeMB = config.maxFileSizeMB ?? 10;
-      const result = await pickImage({
-        allowsEditing: config.allowsEditing ?? true,
-        quality: config.imageQuality ?? 0.7,
-      });
-
-      if (result.canceled || !result.assets?.[0]) return;
-
-      const asset = result.assets[0];
-
-      if (asset.fileSize && asset.fileSize > maxFileSizeMB * 1024 * 1024) {
-        Alert.alert(
-          translations.fileTooLarge,
-          translations.maxFileSize.replace("{size}", String(maxFileSizeMB)),
-        );
-        return;
-      }
-
-      const base64 = await readFileAsBase64(asset.uri);
-      if (!base64) {
-        Alert.alert(translations.error, translations.uploadFailed);
-        return;
-      }
-
-      const uploadedImage: UploadedImage = {
-        uri: asset.uri,
-        previewUrl: asset.uri,
-        base64: `data:image/jpeg;base64,${base64}`,
-        width: asset.width,
-        height: asset.height,
-      };
-
-      setState((prev) => ({
-        ...prev,
-        image: uploadedImage,
-      }));
-    } catch {
-      Alert.alert(translations.error, translations.uploadFailed);
-    }
-  }, [config, translations, pickImage, requestMediaLibraryPermission, getMediaLibraryPermissionStatus]);
-
-  const canContinue = state.image !== null;
-
-  return {
-    ...state,
-    setName,
-    setDescription,
-    handlePickImage,
-    canContinue,
-    isLoading: isPickerLoading,
-  };
-};
-
-export type UsePartnerStepReturn = ReturnType<typeof usePartnerStep>;