@umituz/react-native-ai-generation-content 1.26.72 → 1.26.74

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.26.72",
+  "version": "1.26.74",
   "description": "Provider-agnostic AI generation orchestration for React Native with result preview components",
   "main": "src/index.ts",
   "types": "src/index.ts",
@@ -46,11 +46,11 @@
     "@tanstack/react-query": ">=5.0.0",
     "@umituz/react-native-subscription": ">=2.23.0",
     "@umituz/react-native-video-editor": ">=1.0.0",
+    "expo-video": ">=1.0.0",
     "firebase": ">=10.0.0",
     "react": ">=18.0.0",
     "react-native": ">=0.74.0",
-    "react-native-safe-area-context": ">=4.0.0",
-    "expo-video": ">=1.0.0"
+    "react-native-safe-area-context": ">=4.0.0"
   },
   "devDependencies": {
     "@expo/vector-icons": "^15.0.3",
@@ -67,7 +67,7 @@
     "@types/react": "~19.1.10",
     "@typescript-eslint/eslint-plugin": "^8.0.0",
     "@typescript-eslint/parser": "^8.0.0",
-    "@umituz/react-native-design-system": "*",
+    "@umituz/react-native-design-system": "^2.9.44",
     "@umituz/react-native-firebase": "*",
     "@umituz/react-native-localization": "*",
     "@umituz/react-native-subscription": "*",
@@ -99,6 +99,7 @@
     "react-i18next": "^16.5.0",
     "react-native": "0.81.5",
     "react-native-gesture-handler": "^2.30.0",
+    "react-native-purchases": "^9.7.1",
     "react-native-safe-area-context": "^5.6.2",
     "react-native-svg": "^15.15.1",
     "rn-emoji-keyboard": "^1.7.0",

package/src/domains/generation/wizard/presentation/components/WizardStepRenderer.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { getMediaTypeFromUrl, extractMediaUrl } from "@umituz/react-native-design-system";
+import { extractMediaUrl, getMediaTypeFromUrl } from "@umituz/react-native-design-system";
 import { StepType } from "../../../../../domain/entities/flow-config.types";
 import { GenericPhotoUploadScreen } from "../screens/GenericPhotoUploadScreen";
 import { GeneratingScreen } from "../screens/GeneratingScreen";

package/src/domains/generation/wizard/presentation/hooks/usePhotoUploadState.ts

@@ -6,7 +6,7 @@
 
 import { useState, useCallback, useEffect } from "react";
 import { Alert } from "react-native";
-import { useMedia, MediaValidationError, MediaQuality, MEDIA_CONSTANTS } from "@umituz/react-native-design-system";
+import { useMedia, MediaQuality, MediaValidationError, MEDIA_CONSTANTS } from "@umituz/react-native-design-system";
 import type { UploadedImage } from "../../../../../presentation/hooks/generation/useAIGenerateState";
 
 export interface PhotoUploadConfig {
@@ -60,7 +60,6 @@ export const usePhotoUploadState = ({
 
   const handlePickImage = useCallback(async () => {
     try {
-      // Design system handles validation with maxFileSizeMB
       const result = await pickImage({
         allowsEditing: true,
         aspect: [1, 1],
@@ -78,7 +77,7 @@ export const usePhotoUploadState = ({
         } else if (result.error === MediaValidationError.PERMISSION_DENIED) {
           Alert.alert(
             translations.error,
-            translations.permissionDenied || "Permission to access media library is required",
+            translations.permissionDenied ?? "Permission to access media library is required",
           );
         }
         return;
@@ -93,7 +92,6 @@ export const usePhotoUploadState = ({
         return;
       }
 
-      // Create uploaded image object
       const uploadedImage: UploadedImage = {
         uri: selectedAsset.uri,
         previewUrl: selectedAsset.uri,
@@ -105,7 +103,7 @@ export const usePhotoUploadState = ({
       setImage(uploadedImage);
 
       if (typeof __DEV__ !== "undefined" && __DEV__) {
-        const fileSizeMB = (selectedAsset.fileSize || 0) / (1024 * 1024);
+        const fileSizeMB = (selectedAsset.fileSize ?? 0) / (1024 * 1024);
         console.log("[usePhotoUploadState] Image selected", {
           width: uploadedImage.width,
           height: uploadedImage.height,

package/src/global.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Global type declarations for React Native environment
+ */
+
+/** React Native development flag */
+declare const __DEV__: boolean;
+
+/** Extend NodeJS namespace for React Native compatibility */
+declare namespace NodeJS {
+  interface Global {
+    __DEV__: boolean;
+  }
+}

package/src/presentation/hooks/generation/index.ts

@@ -22,7 +22,6 @@ export type {
   UseGenerationOrchestratorReturn,
   ModerationCallbacks,
   ModerationResult,
-  CreditCallbacks,
   LifecycleConfig,
   GenerationErrorConfig,
   GenerationErrorTranslations,

package/src/presentation/hooks/generation/orchestrator.ts

@@ -1,14 +1,14 @@
 /**
  * Generation Orchestrator
- * Feature-agnostic hook for AI generation with:
- * - Network check (via design system's useOfflineStore)
+ * Handles AI generation execution with:
+ * - Network check
  * - Content moderation (optional)
- * - Credit management (via subscription package)
- * - Error handling & alerts
  * - Progress tracking
- * - Lifecycle management
+ * - Credit deduction (after success)
+ * - Error handling
  *
- * NOTE: Auth is handled by useFeatureGate before generation starts
+ * NOTE: Credit CHECK is handled by useFeatureGate before generation starts.
+ * This orchestrator only DEDUCTS credits after successful generation.
  */
 
 import { useState, useCallback, useRef, useEffect } from "react";
@@ -33,9 +33,6 @@ const INITIAL_STATE = {
   error: null,
 };
 
-const DEFAULT_COMPLETE_DELAY = 500;
-const DEFAULT_RESET_DELAY = 1000;
-
 export const useGenerationOrchestrator = <TInput, TResult>(
   strategy: GenerationStrategy<TInput, TResult>,
   config: GenerationConfig,
@@ -47,76 +44,35 @@ export const useGenerationOrchestrator = <TInput, TResult>(
     onSuccess,
     onError,
     moderation,
-    credits,
     lifecycle,
   } = config;
 
   if (typeof __DEV__ !== "undefined" && __DEV__) {
-    console.log("[Orchestrator] 🎬 Hook initialized:", {
-      userId,
-      hasModeration: !!moderation,
-      hasCreditsCallbacks: !!credits,
-      hasLifecycle: !!lifecycle,
-    });
+    console.log("[Orchestrator] Hook initialized:", { userId });
   }
 
   const [state, setState] = useState<GenerationState<TResult>>(INITIAL_STATE);
   const isGeneratingRef = useRef(false);
-  const pendingInputRef = useRef<TInput | null>(null);
-  const completeTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
-  const resetTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
   const isMountedRef = useRef(true);
 
   const offlineStore = useOfflineStore();
   const { showError, showSuccess } = useAlert();
-  const creditHook = useDeductCredit({ userId, onCreditsExhausted });
-
-  const defaultCredits = {
-    checkCredits: creditHook.checkCredits,
-    deductCredit: async (amount: number): Promise<boolean> => {
-      return creditHook.deductCredit(amount);
-    },
-  };
-
-  const checkCredits = credits?.checkCredits ?? defaultCredits.checkCredits;
-  const deductCredit = credits?.deductCredits ?? defaultCredits.deductCredit;
-  const handleCreditsExhausted = credits?.onCreditsExhausted ?? onCreditsExhausted;
+  const { deductCredit } = useDeductCredit({ userId, onCreditsExhausted });
 
   useEffect(() => {
     isMountedRef.current = true;
     return () => {
       isMountedRef.current = false;
-      if (completeTimeoutRef.current) clearTimeout(completeTimeoutRef.current);
-      if (resetTimeoutRef.current) clearTimeout(resetTimeoutRef.current);
-      if (typeof __DEV__ !== "undefined" && __DEV__) {
-        console.log("[Orchestrator] 🧹 Cleanup");
-      }
     };
   }, []);
 
   const handleLifecycleComplete = useCallback(
     (status: "success" | "error", result?: TResult, error?: GenerationError) => {
       if (!lifecycle?.onComplete) return;
-
-      const delay = lifecycle.completeDelay ?? DEFAULT_COMPLETE_DELAY;
-
-      if (completeTimeoutRef.current) clearTimeout(completeTimeoutRef.current);
-
-      completeTimeoutRef.current = setTimeout(() => {
-        if (!isMountedRef.current) return;
-
-        lifecycle.onComplete?.(status, result, error);
-
-        if (lifecycle.autoReset) {
-          const resetDelay = lifecycle.resetDelay ?? DEFAULT_RESET_DELAY;
-          if (resetTimeoutRef.current) clearTimeout(resetTimeoutRef.current);
-
-          resetTimeoutRef.current = setTimeout(() => {
-            if (isMountedRef.current) {
-              setState(INITIAL_STATE);
-              isGeneratingRef.current = false;
-            }
-          }, resetDelay);
+      const delay = lifecycle.completeDelay ?? 500;
+      setTimeout(() => {
+        if (isMountedRef.current) {
+          lifecycle.onComplete?.(status, result, error);
         }
       }, delay);
     },
@@ -125,11 +81,10 @@ export const useGenerationOrchestrator = <TInput, TResult>(
 
   const executeGeneration = useCallback(
     async (input: TInput) => {
-      const creditCost = strategy.getCreditCost();
-
       setState((prev) => ({ ...prev, status: "generating", progress: 10 }));
+
       if (typeof __DEV__ !== "undefined" && __DEV__) {
-        console.log("[Orchestrator] 🎨 Starting generation");
+        console.log("[Orchestrator] Starting generation");
       }
 
       const result = await strategy.execute(input, (progress) => {
@@ -145,7 +100,7 @@ export const useGenerationOrchestrator = <TInput, TResult>(
         } catch (saveErr) {
           throw createGenerationError(
             "save",
-            "Failed to save",
+            alertMessages.saveFailed,
             saveErr instanceof Error ? saveErr : undefined,
           );
         }
@@ -153,9 +108,10 @@ export const useGenerationOrchestrator = <TInput, TResult>(
 
       if (isMountedRef.current) setState((prev) => ({ ...prev, progress: 90 }));
 
+      const creditCost = strategy.getCreditCost();
       const creditDeducted = await deductCredit(creditCost);
       if (!creditDeducted) {
-        throw createGenerationError("credits", "Failed to deduct credits");
+        throw createGenerationError("credits", alertMessages.creditFailed);
       }
 
       if (isMountedRef.current) {
@@ -163,10 +119,12 @@ export const useGenerationOrchestrator = <TInput, TResult>(
       }
 
       if (typeof __DEV__ !== "undefined" && __DEV__) {
-        console.log("[Orchestrator] 🎉 Generation SUCCESS");
+        console.log("[Orchestrator] Generation SUCCESS");
       }
 
-      if (alertMessages.success) void showSuccess("Success", alertMessages.success);
+      if (alertMessages.success) {
+        showSuccess("Success", alertMessages.success);
+      }
       onSuccess?.(result);
       handleLifecycleComplete("success", result);
 
@@ -178,27 +136,17 @@ export const useGenerationOrchestrator = <TInput, TResult>(
   const generate = useCallback(
     async (input: TInput) => {
       if (typeof __DEV__ !== "undefined" && __DEV__) {
-        console.log("[Orchestrator] 🚀 generate() called");
+        console.log("[Orchestrator] generate() called");
       }
 
       if (isGeneratingRef.current) return;
 
       isGeneratingRef.current = true;
-      pendingInputRef.current = input;
       setState({ ...INITIAL_STATE, status: "checking", isGenerating: true });
 
       try {
         if (!offlineStore.isOnline) {
-          throw createGenerationError("network", "No internet connection");
-        }
-
-        const creditCost = strategy.getCreditCost();
-        const hasCredits = await checkCredits(creditCost);
-        if (!hasCredits) {
-          isGeneratingRef.current = false;
-          setState(INITIAL_STATE);
-          handleCreditsExhausted?.();
-          return;
+          throw createGenerationError("network", alertMessages.networkError);
         }
 
         if (moderation) {
@@ -221,7 +169,7 @@ export const useGenerationOrchestrator = <TInput, TResult>(
                     if (isMountedRef.current) {
                       setState({ status: "error", isGenerating: false, progress: 0, result: null, error });
                     }
-                    void showError("Error", getAlertMessage(error, alertMessages));
+                    showError("Error", getAlertMessage(error, alertMessages));
                     onError?.(error);
                     handleLifecycleComplete("error", undefined, error);
                   } finally {
@@ -231,7 +179,7 @@ export const useGenerationOrchestrator = <TInput, TResult>(
               );
               return;
             }
-            throw createGenerationError("policy", "Content policy violation");
+            throw createGenerationError("policy", alertMessages.policyViolation);
           }
         }
 
@@ -239,12 +187,12 @@ export const useGenerationOrchestrator = <TInput, TResult>(
       } catch (err) {
         const error = parseError(err);
         if (typeof __DEV__ !== "undefined" && __DEV__) {
-          console.log("[Orchestrator] ❌ Error:", error);
+          console.log("[Orchestrator] Error:", error);
         }
         if (isMountedRef.current) {
           setState({ status: "error", isGenerating: false, progress: 0, result: null, error });
         }
-        void showError("Error", getAlertMessage(error, alertMessages));
+        showError("Error", getAlertMessage(error, alertMessages));
         onError?.(error);
         handleLifecycleComplete("error", undefined, error);
         throw error;
@@ -254,11 +202,8 @@ export const useGenerationOrchestrator = <TInput, TResult>(
     },
     [
       moderation,
-      strategy,
       alertMessages,
       offlineStore.isOnline,
-      checkCredits,
-      handleCreditsExhausted,
       executeGeneration,
       showError,
       onError,

package/src/presentation/hooks/generation/types.ts

@@ -19,72 +19,73 @@ export interface GenerationStrategy<TInput, TResult> {
 }
 
 export interface AlertMessages {
-  networkError: string;
-  policyViolation: string;
-  saveFailed: string;
-  creditFailed: string;
-  unknown: string;
-  success?: string;
+  readonly networkError: string;
+  readonly policyViolation: string;
+  readonly saveFailed: string;
+  readonly creditFailed: string;
+  readonly unknown: string;
+  readonly success?: string;
 }
 
 export interface ModerationResult {
-  allowed: boolean;
-  warnings: string[];
+  readonly allowed: boolean;
+  readonly warnings: string[];
 }
 
 export interface ModerationCallbacks {
-  checkContent: (input: unknown) => Promise<ModerationResult>;
-  onShowWarning?: (warnings: string[], onCancel: () => void, onContinue: () => void) => void;
-}
-
-export interface CreditCallbacks {
-  checkCredits: (cost: number) => Promise<boolean>;
-  deductCredits: (cost: number) => Promise<boolean>;
-  onCreditsExhausted?: () => void;
+  readonly checkContent: (input: unknown) => Promise<ModerationResult>;
+  readonly onShowWarning?: (
+    warnings: string[],
+    onCancel: () => void,
+    onContinue: () => void
+  ) => void;
 }
 
 export interface LifecycleConfig {
-  onComplete?: (status: "success" | "error", result?: unknown, error?: GenerationError) => void;
-  completeDelay?: number;
-  autoReset?: boolean;
-  resetDelay?: number;
+  readonly onComplete?: (
+    status: "success" | "error",
+    result?: unknown,
+    error?: GenerationError
+  ) => void;
+  readonly completeDelay?: number;
+  readonly autoReset?: boolean;
+  readonly resetDelay?: number;
 }
 
 export interface GenerationConfig {
-  userId: string | undefined;
-  alertMessages: AlertMessages;
-  onCreditsExhausted?: () => void;
-  onSuccess?: (result: unknown) => void;
-  onError?: (error: GenerationError) => void;
-  moderation?: ModerationCallbacks;
-  credits?: CreditCallbacks;
-  lifecycle?: LifecycleConfig;
+  readonly userId: string | undefined;
+  readonly alertMessages: AlertMessages;
+  readonly onCreditsExhausted?: () => void;
+  readonly onSuccess?: (result: unknown) => void;
+  readonly onError?: (error: GenerationError) => void;
+  readonly moderation?: ModerationCallbacks;
+  readonly lifecycle?: LifecycleConfig;
 }
 
 export interface GenerationState<TResult> {
-  status: OrchestratorStatus;
-  isGenerating: boolean;
-  progress: number;
-  result: TResult | null;
-  error: GenerationError | null;
+  readonly status: OrchestratorStatus;
+  readonly isGenerating: boolean;
+  readonly progress: number;
+  readonly result: TResult | null;
+  readonly error: GenerationError | null;
 }
 
 export interface GenerationError {
-  type: GenerationErrorType;
-  message: string;
-  originalError?: Error;
+  readonly type: GenerationErrorType;
+  readonly message: string;
+  readonly originalError?: Error;
 }
 
 export type GenerationErrorType = "network" | "credits" | "policy" | "save" | "unknown";
 
 export interface UseGenerationOrchestratorReturn<TInput, TResult> {
-  generate: (input: TInput) => Promise<TResult | void>;
-  reset: () => void;
-  status: OrchestratorStatus;
-  isGenerating: boolean;
-  progress: number;
-  result: TResult | null;
-  error: GenerationError | null;
+  readonly generate: (input: TInput) => Promise<TResult | void>;
+  readonly reset: () => void;
+  readonly status: OrchestratorStatus;
+  readonly isGenerating: boolean;
+  readonly progress: number;
+  readonly result: TResult | null;
+  readonly error: GenerationError | null;
 }
 
 export interface GenerationErrorConfig {