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

package/src/features/upscaling/presentation/components/UpscaleFeature.tsx

@@ -1,89 +0,0 @@
-import React, { useMemo } from "react";
-import { PhotoUploadCard } from "../../../../presentation/components/PhotoUploadCard";
-import { SingleImageFeatureLayout } from "../../../../presentation/layouts";
-import type { SingleImageInputRenderProps, CustomResultRenderProps } from "../../../../presentation/layouts";
-import { UpscaleResultView } from "./UpscaleResultView";
-import { useUpscaleFeature } from "../hooks";
-import type { UpscaleTranslations, UpscaleFeatureConfig } from "../../domain/types";
-
-export interface UpscaleFeatureProps {
-  config: UpscaleFeatureConfig;
-  translations: UpscaleTranslations & {
-    modalTitle?: string;
-    modalMessage?: string;
-    modalHint?: string;
-    modalBackgroundHint?: string;
-  };
-  onSelectImage: () => Promise<string | null>;
-  onSaveImage: (imageUrl: string) => Promise<void>;
-  onBeforeProcess?: () => Promise<boolean>;
-}
-
-export const UpscaleFeature: React.FC<UpscaleFeatureProps> = ({
-  config,
-  translations,
-  onSelectImage,
-  onSaveImage,
-  onBeforeProcess,
-}) => {
-  const feature = useUpscaleFeature({
-    config,
-    onSelectImage,
-    onSaveImage,
-    onBeforeProcess,
-  });
-
-  const modalTranslations = useMemo(
-    () => ({
-      title: translations.modalTitle || "Processing",
-      message: translations.modalMessage || "AI is upscaling your image...",
-      hint: translations.modalHint || "This may take a moment",
-      backgroundHint: translations.modalBackgroundHint || "Continue in background",
-    }),
-    [translations],
-  );
-
-  return (
-    <SingleImageFeatureLayout
-      feature={feature}
-      translations={translations}
-      modalTranslations={modalTranslations}
-      description={translations.description}
-      renderInput={({ imageUri, onSelect, isDisabled, isProcessing }: SingleImageInputRenderProps) => (
-        <PhotoUploadCard
-          imageUri={imageUri}
-          onPress={onSelect}
-          isValidating={isProcessing}
-          disabled={isDisabled}
-          translations={{
-            tapToUpload: translations.uploadTitle,
-            selectPhoto: translations.uploadSubtitle,
-            change: translations.uploadChange,
-            analyzing: translations.uploadAnalyzing,
-          }}
-          config={{
-            aspectRatio: 1,
-            borderRadius: 24,
-            showValidationStatus: false,
-            allowChange: true,
-          }}
-        />
-      )}
-      renderCustomResult={({ processedUrl, originalImageUri, onSave, onReset }: CustomResultRenderProps) => (
-        <UpscaleResultView
-          originalUri={originalImageUri}
-          processedUri={processedUrl}
-          translations={{
-            successText: translations.successText,
-            saveButtonText: translations.saveButtonText,
-            tryAnotherText: translations.tryAnotherText,
-            beforeLabel: translations.beforeLabel,
-            afterLabel: translations.afterLabel,
-          }}
-          onSave={onSave}
-          onReset={onReset}
-        />
-      )}
-    />
-  );
-};

package/src/features/upscaling/presentation/components/UpscaleResultView.tsx

@@ -1,98 +0,0 @@
-/**
- * UpscaleResultView Component
- * Displays the upscaled image result with before/after comparison
- */
-
-import React from "react";
-import { View, StyleSheet } from "react-native";
-import {
-  AtomicText,
-  AtomicButton,
-  useAppDesignTokens,
-} from "@umituz/react-native-design-system";
-import { ComparisonSlider } from "./ComparisonSlider";
-import type { UpscaleTranslations } from "../../domain/types";
-
-export interface UpscaleResultViewProps {
-  originalUri: string;
-  processedUri: string;
-  translations: Pick<
-    UpscaleTranslations,
-    | "successText"
-    | "saveButtonText"
-    | "tryAnotherText"
-    | "beforeLabel"
-    | "afterLabel"
-  >;
-  onSave: () => void;
-  onReset: () => void;
-}
-
-export const UpscaleResultView: React.FC<UpscaleResultViewProps> = ({
-  originalUri,
-  processedUri,
-  translations,
-  onSave,
-  onReset,
-}) => {
-  const tokens = useAppDesignTokens();
-
-  return (
-    <View style={styles.container}>
-      <AtomicText
-        type="headlineMedium"
-        style={[styles.title, { color: tokens.colors.success }]}
-      >
-        {translations.successText}
-      </AtomicText>
-
-      <ComparisonSlider
-        originalUri={originalUri}
-        processedUri={processedUri}
-        beforeLabel={translations.beforeLabel}
-        afterLabel={translations.afterLabel}
-      />
-
-      <AtomicText
-        type="bodySmall"
-        style={[styles.hint, { color: tokens.colors.textSecondary }]}
-      >
-        Drag slider to compare
-      </AtomicText>
-
-      <View style={styles.actions}>
-        <AtomicButton
-          title={translations.saveButtonText}
-          onPress={onSave}
-          variant="primary"
-          size="lg"
-        />
-        <AtomicButton
-          title={translations.tryAnotherText}
-          onPress={onReset}
-          variant="secondary"
-          size="lg"
-        />
-      </View>
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    paddingHorizontal: 24,
-  },
-  title: {
-    textAlign: "center",
-    marginBottom: 24,
-  },
-  hint: {
-    textAlign: "center",
-    marginTop: 12,
-    marginBottom: 24,
-  },
-  actions: {
-    gap: 12,
-  },
-});

package/src/features/upscaling/presentation/components/index.ts

@@ -1,6 +0,0 @@
-export { UpscaleFeature } from "./UpscaleFeature";
-export { UpscaleResultView } from "./UpscaleResultView";
-export { ComparisonSlider } from "./ComparisonSlider";
-export type { UpscaleFeatureProps } from "./UpscaleFeature";
-export type { UpscaleResultViewProps } from "./UpscaleResultView";
-export type { ComparisonSliderProps } from "./ComparisonSlider";

package/src/features/upscaling/presentation/hooks/index.ts

@@ -1 +0,0 @@
-export { useUpscaleFeature, type UseUpscaleFeatureProps } from "./useUpscaleFeature";

package/src/features/upscaling/presentation/hooks/useUpscaleFeature.ts

@@ -1,28 +0,0 @@
-/**
- * useUpscaleFeature Hook
- * Uses base single image hook for image upscaling
- */
-
-import { useSingleImageFeature, type BaseSingleImageHookReturn } from "../../../image-to-image";
-import type { UpscaleFeatureConfig } from "../../domain/types";
-
-export interface UseUpscaleFeatureProps {
-  config: UpscaleFeatureConfig;
-  onSelectImage: () => Promise<string | null>;
-  onSaveImage: (imageUrl: string) => Promise<void>;
-  onBeforeProcess?: () => Promise<boolean>;
-}
-
-export function useUpscaleFeature(props: UseUpscaleFeatureProps): BaseSingleImageHookReturn {
-  const { config, onSelectImage, onSaveImage, onBeforeProcess } = props;
-
-  return useSingleImageFeature<UpscaleFeatureConfig>(
-    { config: config as never, onSelectImage, onSaveImage, onBeforeProcess },
-    {
-      buildInput: (imageBase64, cfg) => ({
-        imageBase64,
-        options: { scaleFactor: cfg.defaultScaleFactor || 2 },
-      }),
-    },
-  );
-}

package/src/features/upscaling/presentation/index.ts

@@ -1,2 +0,0 @@
-export * from "./hooks";
-export * from "./components";

package/src/features/wizard/domain/types.ts

@@ -1,154 +0,0 @@
-/**
- * AIGenerationWizard Types
- * Generic wizard for all AI generation flows
- */
-
-import type { ReactNode } from "react";
-import type { UploadedImage } from "../../partner-upload/domain/types";
-
-// Step types
-export type WizardStepId = string;
-
-export interface WizardStep {
-  id: WizardStepId;
-  component: React.ComponentType<WizardStepProps>;
-}
-
-export interface WizardStepProps {
-  onNext: () => void;
-  onBack: () => void;
-  onComplete: () => void;
-  isProcessing: boolean;
-  progress: number;
-  error: string | null;
-}
-
-// Wizard state
-export interface WizardState {
-  currentStepIndex: number;
-  isProcessing: boolean;
-  progress: number;
-  error: string | null;
-  result: unknown | null;
-  images: Record<string, UploadedImage | null>;
-  names: Record<string, string>;
-  customData: Record<string, unknown>;
-}
-
-// Wizard config
-export interface AIGenerationWizardConfig {
-  steps: WizardStep[];
-  initialStep?: number;
-  creditCost?: number;
-}
-
-// Wizard callbacks
-export interface AIGenerationWizardCallbacks {
-  onAuthRequired?: (callback: () => void) => void;
-  onCreditsExhausted?: () => void;
-  onGenerationStart?: () => void;
-  onGenerationSuccess?: (result: unknown) => void;
-  onGenerationError?: (error: string) => void;
-  onStepChange?: (stepIndex: number, stepId: WizardStepId) => void;
-}
-
-// Main props
-export interface AIGenerationWizardProps {
-  userId?: string;
-  isAuthenticated?: boolean;
-  hasCredits?: boolean;
-  config: AIGenerationWizardConfig;
-  callbacks?: AIGenerationWizardCallbacks;
-  renderStep?: (step: WizardStep, props: WizardStepProps) => ReactNode;
-  children?: ReactNode;
-}
-
-// Store actions
-export interface WizardActions {
-  nextStep: () => void;
-  prevStep: () => void;
-  goToStep: (index: number) => void;
-  setImage: (key: string, image: UploadedImage | null) => void;
-  setName: (key: string, name: string) => void;
-  setCustomData: (key: string, value: unknown) => void;
-  setProcessing: (isProcessing: boolean) => void;
-  setProgress: (progress: number) => void;
-  setError: (error: string | null) => void;
-  setResult: (result: unknown) => void;
-  reset: () => void;
-}
-
-export type WizardStore = WizardState & WizardActions;
-
-/** Feature mode determines the wizard variant */
-export type FeatureMode = "single_image" | "dual_image" | "text_to_media" | "image_to_video";
-
-/** Pre-built step type */
-export type PrebuiltStepType =
-  | "image_upload"
-  | "partner_a_upload"
-  | "partner_b_upload"
-  | "prompt_input"
-  | "style_selector"
-  | "duration_selector"
-  | "scenario_selection"
-  | "scenario_preview"
-  | "generating"
-  | "result";
-
-/** Feature wizard config */
-export interface FeatureWizardConfig {
-  readonly featureId: string;
-  readonly mode: FeatureMode;
-  readonly creditCost?: number;
-  readonly showPrompt?: boolean;
-  readonly showStyleSelector?: boolean;
-  readonly showDurationSelector?: boolean;
-  readonly showScenarioSelection?: boolean;
-}
-
-/** Pre-configured step flows */
-export const FEATURE_FLOWS: Record<FeatureMode, readonly PrebuiltStepType[]> = {
-  single_image: ["image_upload", "generating"],
-  dual_image: ["partner_a_upload", "partner_b_upload", "generating"],
-  text_to_media: ["prompt_input", "generating"],
-  image_to_video: ["image_upload", "prompt_input", "generating"],
-} as const;
-
-/** Feature mode by feature ID */
-export const FEATURE_MODES: Record<string, FeatureMode> = {
-  // Single Image Features
-  "anime-selfie": "single_image",
-  "hd-touch-up": "single_image",
-  "photo-restoration": "single_image",
-  "remove-background": "single_image",
-  "remove-object": "single_image",
-  "upscaling": "single_image",
-  // Single Image with Prompt
-  "image-to-image": "single_image",
-  "replace-background": "single_image",
-  // Dual Image Features
-  "ai-hug": "dual_image",
-  "ai-kiss": "dual_image",
-  "face-swap": "dual_image",
-  "couple-future": "dual_image",
-  // Text to Media Features
-  "text-to-image": "text_to_media",
-  "text-to-video": "text_to_media",
-  "text-to-voice": "text_to_media",
-  "meme-generator": "text_to_media",
-  "script-generator": "text_to_media",
-  "love-message": "text_to_media",
-  // Image to Video Features
-  "image-to-video": "image_to_video",
-} as const;
-
-/** Get feature mode by feature ID */
-export const getFeatureMode = (featureId: string): FeatureMode => {
-  return FEATURE_MODES[featureId] ?? "single_image";
-};
-
-/** Get flow steps for feature mode */
-export const getFeatureFlow = (mode: FeatureMode): readonly PrebuiltStepType[] => {
-  return FEATURE_FLOWS[mode];
-};

package/src/features/wizard/index.ts

@@ -1,43 +0,0 @@
-/**
- * AIGenerationWizard Feature
- * Generic wizard for all AI generation flows
- */
-
-// Components
-export { AIGenerationWizard, default as AIGenerationWizardDefault } from "./presentation/components/AIGenerationWizard";
-export { AIFeatureWizard, resetAIFeatureWizard } from "./presentation/components/AIFeatureWizard";
-export type {
-  AIFeatureWizardProps,
-  AIFeatureWizardTranslations,
-  AIFeatureWizardCallbacks,
-} from "./presentation/components/AIFeatureWizard";
-
-// Hooks
-export { useWizard, resetWizardStore } from "./presentation/hooks/useWizard";
-
-// Store
-export { createWizardStore, type WizardStoreType } from "./presentation/store/useWizardStore";
-
-// Types
-export type {
-  WizardStepId,
-  WizardStep,
-  WizardStepProps,
-  WizardState,
-  WizardActions,
-  WizardStore,
-  AIGenerationWizardConfig,
-  AIGenerationWizardCallbacks,
-  AIGenerationWizardProps,
-  FeatureMode,
-  PrebuiltStepType,
-  FeatureWizardConfig,
-} from "./domain/types";
-
-// Feature mode utilities
-export {
-  FEATURE_MODES,
-  FEATURE_FLOWS,
-  getFeatureMode,
-  getFeatureFlow,
-} from "./domain/types";

package/src/features/wizard/presentation/components/AIFeatureWizard.tsx

@@ -1,231 +0,0 @@
-/**
- * AIFeatureWizard
- * Auto-configured wizard based on feature mode
- */
-
-import React, { useCallback, useMemo } from "react";
-import { View, StyleSheet } from "react-native";
-import { useAppDesignTokens } from "@umituz/react-native-design-system";
-import { useFlow, resetFlowStore } from "../../../../infrastructure/flow";
-import { StepType } from "../../../../domain/entities/flow-config.types";
-import type { StepDefinition } from "../../../../domain/entities/flow-config.types";
-import { PartnerStepScreen } from "../../../partner-upload";
-import { GeneratingStepContent } from "../../../couple-future/presentation/components/GeneratingStepContent";
-import {
-  getFeatureMode,
-  getFeatureFlow,
-  type FeatureMode,
-  type PrebuiltStepType,
-  type FeatureWizardConfig,
-} from "../../domain/types";
-
-/** Wizard translations interface */
-export interface AIFeatureWizardTranslations {
-  readonly generator: {
-    readonly title: string;
-    readonly waitMessage: string;
-    readonly hint?: string;
-  };
-  readonly imageUpload?: {
-    readonly title: string;
-    readonly subtitle: string;
-    readonly continue: string;
-    readonly tapToUpload: string;
-    readonly selectPhoto: string;
-    readonly change: string;
-  };
-  readonly partnerA?: {
-    readonly title: string;
-    readonly subtitle: string;
-    readonly continue: string;
-    readonly tapToUpload: string;
-    readonly selectPhoto: string;
-    readonly change: string;
-  };
-  readonly partnerB?: {
-    readonly title: string;
-    readonly subtitle: string;
-    readonly continue: string;
-    readonly tapToUpload: string;
-    readonly selectPhoto: string;
-    readonly change: string;
-  };
-  readonly prompt?: {
-    readonly title?: string;
-    readonly placeholder: string;
-    readonly label?: string;
-  };
-}
-
-/** Wizard callbacks */
-export interface AIFeatureWizardCallbacks {
-  readonly onGenerationStart?: () => void;
-  readonly onGenerationSuccess?: (result: unknown) => void;
-  readonly onGenerationError?: (error: string) => void;
-  readonly onImageUpload?: (image: { uri: string; base64: string; mimeType: string }) => void;
-  readonly onPartnerAUpload?: (image: { uri: string; base64: string; mimeType: string }) => void;
-  readonly onPartnerBUpload?: (image: { uri: string; base64: string; mimeType: string }) => void;
-  readonly requireFeature?: (callback: () => void) => boolean;
-}
-
-/** Wizard props */
-export interface AIFeatureWizardProps {
-  readonly featureId: string;
-  readonly config?: Partial<FeatureWizardConfig>;
-  readonly translations: AIFeatureWizardTranslations;
-  readonly callbacks?: AIFeatureWizardCallbacks;
-  readonly t: (key: string) => string;
-}
-
-const mapPrebuiltStepToStepType = (step: PrebuiltStepType): StepType => {
-  const mapping: Record<PrebuiltStepType, StepType> = {
-    image_upload: StepType.PARTNER_UPLOAD,
-    partner_a_upload: StepType.PARTNER_UPLOAD,
-    partner_b_upload: StepType.PARTNER_UPLOAD,
-    prompt_input: StepType.TEXT_INPUT,
-    style_selector: StepType.FEATURE_SELECTION,
-    duration_selector: StepType.FEATURE_SELECTION,
-    scenario_selection: StepType.SCENARIO_SELECTION,
-    scenario_preview: StepType.SCENARIO_PREVIEW,
-    generating: StepType.GENERATING,
-    result: StepType.RESULT_PREVIEW,
-  };
-  return mapping[step];
-};
-
-const createStepDefinitions = (
-  featureId: string,
-  mode: FeatureMode,
-): readonly StepDefinition[] => {
-  const flow = getFeatureFlow(mode);
-  return flow.map((step) => ({
-    id: step.toUpperCase(),
-    type: mapPrebuiltStepToStepType(step),
-    required: true,
-  }));
-};
-
-export const AIFeatureWizard: React.FC<AIFeatureWizardProps> = ({
-  featureId,
-  config,
-  translations,
-  callbacks,
-  t,
-}) => {
-  const tokens = useAppDesignTokens();
-  const mode = config?.mode ?? getFeatureMode(featureId);
-
-  const stepDefinitions = useMemo(
-    () => createStepDefinitions(featureId, mode),
-    [featureId, mode],
-  );
-
-  const flow = useFlow({ steps: stepDefinitions });
-
-  const handleImageContinue = useCallback(
-    (image: { uri: string; base64: string; mimeType: string }, _name?: string) => {
-      flow.setPartnerImage("single", image);
-      callbacks?.onImageUpload?.(image);
-      flow.startGeneration();
-      callbacks?.onGenerationStart?.();
-    },
-    [flow, callbacks],
-  );
-
-  const handlePartnerAContinue = useCallback(
-    (image: { uri: string; base64: string; mimeType: string }, _name?: string) => {
-      flow.setPartnerImage("A", image);
-      callbacks?.onPartnerAUpload?.(image);
-      flow.nextStep();
-    },
-    [flow, callbacks],
-  );
-
-  const handlePartnerBContinue = useCallback(
-    (image: { uri: string; base64: string; mimeType: string }, _name?: string) => {
-      flow.setPartnerImage("B", image);
-      callbacks?.onPartnerBUpload?.(image);
-      flow.startGeneration();
-      callbacks?.onGenerationStart?.();
-    },
-    [flow, callbacks],
-  );
-
-  const renderCurrentStep = useCallback(() => {
-    const step = flow.currentStep;
-    if (!step) return null;
-
-    switch (step.id) {
-      case "IMAGE_UPLOAD":
-        return (
-          <PartnerStepScreen
-            key="image"
-            translations={translations.imageUpload as never}
-            t={t}
-            initialName=""
-            config={{ showPhotoTips: true, maxFileSizeMB: 10, maxNameLength: 30 }}
-            onBack={flow.previousStep}
-            onContinue={handleImageContinue as never}
-          />
-        );
-
-      case "PARTNER_A_UPLOAD":
-        return (
-          <PartnerStepScreen
-            key="a"
-            translations={translations.partnerA as never}
-            t={t}
-            initialName=""
-            config={{ showPhotoTips: true, maxFileSizeMB: 10, maxNameLength: 30 }}
-            onBack={flow.previousStep}
-            onContinue={handlePartnerAContinue as never}
-          />
-        );
-
-      case "PARTNER_B_UPLOAD":
-        return (
-          <PartnerStepScreen
-            key="b"
-            translations={translations.partnerB as never}
-            t={t}
-            initialName=""
-            config={{ showPhotoTips: true, maxFileSizeMB: 10, maxNameLength: 30 }}
-            onBack={flow.previousStep}
-            onContinue={handlePartnerBContinue as never}
-          />
-        );
-
-      case "GENERATING":
-        return (
-          <GeneratingStepContent
-            progress={flow.generationProgress}
-            title={translations.generator.title}
-            message={translations.generator.waitMessage}
-            hint={translations.generator.hint}
-          />
-        );
-
-      default:
-        return null;
-    }
-  }, [
-    flow,
-    translations,
-    t,
-    handleImageContinue,
-    handlePartnerAContinue,
-    handlePartnerBContinue,
-  ]);
-
-  return (
-    <View style={[styles.container, { backgroundColor: tokens.colors.backgroundPrimary }]}>
-      {renderCurrentStep()}
-    </View>
-  );
-};
-
-export { resetFlowStore as resetAIFeatureWizard };
-
-const styles = StyleSheet.create({
-  container: { flex: 1 },
-});