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

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

@@ -1,132 +0,0 @@
-/**
- * AIGenerationWizard
- * Generic wizard component for all AI generation flows
- */
-
-import React, { useMemo, useCallback, useEffect, useRef } from "react";
-import { View, StyleSheet } from "react-native";
-import type { AIGenerationWizardProps, WizardStepProps } from "../../domain/types";
-import { createWizardStore, type WizardStoreType } from "../store/useWizardStore";
-
-export const AIGenerationWizard: React.FC<AIGenerationWizardProps> = ({
-  userId: _userId,
-  isAuthenticated = false,
-  hasCredits = true,
-  config,
-  callbacks,
-  renderStep,
-  children,
-}) => {
-  const { steps, initialStep = 0 } = config;
-  const storeRef = useRef<WizardStoreType | null>(null);
-
-  // Create store once
-  if (!storeRef.current) {
-    storeRef.current = createWizardStore({ totalSteps: steps.length });
-  }
-
-  const store = storeRef.current;
-  const state = store();
-
-  // Initialize to initialStep if provided
-  useEffect(() => {
-    if (initialStep > 0 && state.currentStepIndex === 0) {
-      state.goToStep(initialStep);
-    }
-  }, [initialStep, state]);
-
-  // Auth check before proceeding
-  const handleAuthCheck = useCallback(
-    (callback: () => void) => {
-      if (!isAuthenticated && callbacks?.onAuthRequired) {
-        callbacks.onAuthRequired(callback);
-        return false;
-      }
-      return true;
-    },
-    [isAuthenticated, callbacks],
-  );
-
-  // Credit check before generation
-  const handleCreditCheck = useCallback(() => {
-    if (!hasCredits && callbacks?.onCreditsExhausted) {
-      callbacks.onCreditsExhausted();
-      return false;
-    }
-    return true;
-  }, [hasCredits, callbacks]);
-
-  // Step navigation handlers
-  const handleNext = useCallback(() => {
-    const canProceed = handleAuthCheck(() => {
-      state.nextStep();
-    });
-    if (canProceed) {
-      state.nextStep();
-      callbacks?.onStepChange?.(
-        state.currentStepIndex + 1,
-        steps[state.currentStepIndex + 1]?.id ?? "",
-      );
-    }
-  }, [handleAuthCheck, state, callbacks, steps]);
-
-  const handleBack = useCallback(() => {
-    state.prevStep();
-    callbacks?.onStepChange?.(
-      state.currentStepIndex - 1,
-      steps[state.currentStepIndex - 1]?.id ?? "",
-    );
-  }, [state, callbacks, steps]);
-
-  const handleComplete = useCallback(() => {
-    if (!handleCreditCheck()) {
-      return;
-    }
-
-    state.setProcessing(true);
-    callbacks?.onGenerationStart?.();
-  }, [handleCreditCheck, state, callbacks]);
-
-  // Build step props
-  const stepProps: WizardStepProps = useMemo(
-    () => ({
-      onNext: handleNext,
-      onBack: handleBack,
-      onComplete: handleComplete,
-      isProcessing: state.isProcessing,
-      progress: state.progress,
-      error: state.error,
-    }),
-    [handleNext, handleBack, handleComplete, state.isProcessing, state.progress, state.error],
-  );
-
-  // Current step
-  const currentStep = steps[state.currentStepIndex];
-
-  // Render current step
-  const renderCurrentStep = useCallback(() => {
-    if (!currentStep) return null;
-
-    if (renderStep) {
-      return renderStep(currentStep, stepProps);
-    }
-
-    const StepComponent = currentStep.component;
-    return <StepComponent {...stepProps} />;
-  }, [currentStep, stepProps, renderStep]);
-
-  return (
-    <View style={styles.container}>
-      {renderCurrentStep()}
-      {children}
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-  },
-});
-
-export default AIGenerationWizard;

package/src/features/wizard/presentation/hooks/useWizard.ts

@@ -1,120 +0,0 @@
-/**
- * useWizard Hook
- * Access wizard store state and actions
- */
-
-import { useRef, useCallback } from "react";
-import { createWizardStore, type WizardStoreType } from "../store/useWizardStore";
-import type { WizardState, WizardActions } from "../../domain/types";
-import type { UploadedImage } from "../../../partner-upload/domain/types";
-
-interface UseWizardConfig {
-  totalSteps: number;
-}
-
-interface UseWizardReturn extends WizardState, WizardActions {
-  /** Check if user can go to next step */
-  canGoNext: boolean;
-  /** Check if user can go to previous step */
-  canGoBack: boolean;
-  /** Get image by key */
-  getImage: (key: string) => UploadedImage | null;
-  /** Get name by key */
-  getName: (key: string) => string;
-  /** Get custom data by key */
-  getData: <T>(key: string) => T | undefined;
-  /** Check if all required images are uploaded */
-  hasImages: (keys: string[]) => boolean;
-  /** Check if all required names are filled */
-  hasNames: (keys: string[]) => boolean;
-}
-
-// Store singleton per wizard instance
-let wizardStoreInstance: WizardStoreType | null = null;
-
-export const useWizard = (config: UseWizardConfig): UseWizardReturn => {
-  const storeRef = useRef<WizardStoreType | null>(null);
-
-  // Create or reuse store
-  if (!storeRef.current) {
-    if (!wizardStoreInstance) {
-      wizardStoreInstance = createWizardStore(config);
-    }
-    storeRef.current = wizardStoreInstance;
-  }
-
-  const store = storeRef.current;
-  const state = store();
-
-  // Computed helpers
-  const canGoNext = state.currentStepIndex < config.totalSteps - 1;
-  const canGoBack = state.currentStepIndex > 0;
-
-  const getImage = useCallback(
-    (key: string) => state.images[key] ?? null,
-    [state.images],
-  );
-
-  const getName = useCallback(
-    (key: string) => state.names[key] ?? "",
-    [state.names],
-  );
-
-  const getData = useCallback(
-    <T>(key: string) => state.customData[key] as T | undefined,
-    [state.customData],
-  );
-
-  const hasImages = useCallback(
-    (keys: string[]) => keys.every((key) => state.images[key] != null),
-    [state.images],
-  );
-
-  const hasNames = useCallback(
-    (keys: string[]) =>
-      keys.every((key) => state.names[key] && state.names[key].trim().length > 0),
-    [state.names],
-  );
-
-  return {
-    // State
-    currentStepIndex: state.currentStepIndex,
-    isProcessing: state.isProcessing,
-    progress: state.progress,
-    error: state.error,
-    result: state.result,
-    images: state.images,
-    names: state.names,
-    customData: state.customData,
-
-    // Actions
-    nextStep: state.nextStep,
-    prevStep: state.prevStep,
-    goToStep: state.goToStep,
-    setImage: state.setImage,
-    setName: state.setName,
-    setCustomData: state.setCustomData,
-    setProcessing: state.setProcessing,
-    setProgress: state.setProgress,
-    setError: state.setError,
-    setResult: state.setResult,
-    reset: state.reset,
-
-    // Helpers
-    canGoNext,
-    canGoBack,
-    getImage,
-    getName,
-    getData,
-    hasImages,
-    hasNames,
-  };
-};
-
-/** Reset the wizard store singleton */
-export const resetWizardStore = () => {
-  if (wizardStoreInstance) {
-    wizardStoreInstance.getState().reset();
-  }
-  wizardStoreInstance = null;
-};

package/src/features/wizard/presentation/store/useWizardStore.ts

@@ -1,82 +0,0 @@
-/**
- * useWizardStore
- * Built-in store for AIGenerationWizard using design-system createStore
- */
-
-import { createStore } from "@umituz/react-native-design-system";
-import type { WizardState, WizardActions } from "../../domain/types";
-import type { UploadedImage } from "../../../partner-upload/domain/types";
-
-const INITIAL_STATE: WizardState = {
-  currentStepIndex: 0,
-  isProcessing: false,
-  progress: 0,
-  error: null,
-  result: null,
-  images: {},
-  names: {},
-  customData: {},
-};
-
-interface WizardStoreConfig {
-  totalSteps: number;
-}
-
-export const createWizardStore = (config: WizardStoreConfig) =>
-  createStore<WizardState, WizardActions>({
-    name: "wizard_store",
-    initialState: INITIAL_STATE,
-    persist: false,
-    actions: (set, get) => ({
-      nextStep: () => {
-        const { currentStepIndex } = get();
-        if (currentStepIndex < config.totalSteps - 1) {
-          set({ currentStepIndex: currentStepIndex + 1, error: null });
-        }
-      },
-
-      prevStep: () => {
-        const { currentStepIndex } = get();
-        if (currentStepIndex > 0) {
-          set({ currentStepIndex: currentStepIndex - 1, error: null });
-        }
-      },
-
-      goToStep: (index: number) => {
-        if (index >= 0 && index < config.totalSteps) {
-          set({ currentStepIndex: index, error: null });
-        }
-      },
-
-      setImage: (key: string, image: UploadedImage | null) => {
-        const { images } = get();
-        set({ images: { ...images, [key]: image } });
-      },
-
-      setName: (key: string, name: string) => {
-        const { names } = get();
-        set({ names: { ...names, [key]: name } });
-      },
-
-      setCustomData: (key: string, value: unknown) => {
-        const { customData } = get();
-        set({ customData: { ...customData, [key]: value } });
-      },
-
-      setProcessing: (isProcessing: boolean) => set({ isProcessing }),
-
-      setProgress: (progress: number) => set({ progress }),
-
-      setError: (error: string | null) => {
-        set({ error, isProcessing: false, progress: 0 });
-      },
-
-      setResult: (result: unknown) => {
-        set({ result, isProcessing: false, progress: 100 });
-      },
-
-      reset: () => set(INITIAL_STATE),
-    }),
-  });
-
-export type WizardStoreType = ReturnType<typeof createWizardStore>;