@umituz/react-native-ai-generation-content 1.17.304 → 1.17.306

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.17.304",
+  "version": "1.17.306",
   "description": "Provider-agnostic AI generation orchestration for React Native with result preview components",
   "main": "src/index.ts",
   "types": "src/index.ts",
@@ -17,8 +17,8 @@
   ],
   "scripts": {
     "typecheck": "tsc --noEmit --skipLibCheck",
-    "lint": "eslint src --ext .ts,.tsx --max-warnings 0",
-    "lint:fix": "eslint src --ext .ts,.tsx --fix"
+    "lint": "eslint src --max-warnings 0",
+    "lint:fix": "eslint src --fix"
   },
   "keywords": [
     "react-native",

package/src/features/couple-future/presentation/hooks/useCoupleFutureGeneration.ts

@@ -10,6 +10,9 @@ export interface UseCoupleFutureGenerationConfig<TInput extends CoupleFutureInpu
   userId: string | undefined;
   processResult: (imageUrl: string, input: TInput) => Promise<TResult> | TResult;
   buildCreation?: (result: TResult, input: TInput) => Creation | null;
+  /** Check credits BEFORE generation starts - critical for security */
+  checkCredits?: () => Promise<boolean>;
+  /** Deduct credits AFTER successful generation */
   deductCredits?: () => Promise<void>;
   onSuccess?: (result: TResult) => void;
   onError?: (error: string) => void;
@@ -29,6 +32,7 @@ export const useCoupleFutureGeneration = <TInput extends CoupleFutureInput, TRes
     userId,
     processResult,
     buildCreation,
+    checkCredits,
     deductCredits,
     onSuccess,
     onError,
@@ -65,6 +69,7 @@ export const useCoupleFutureGeneration = <TInput extends CoupleFutureInput, TRes
       }
     },
 
+    checkCredits,
     deductCredits,
     onSuccess,
     onError: (error: PhotoGenerationError) => {

package/src/features/love-message/presentation/screens/LoveMessageExploreScreen.tsx

@@ -8,7 +8,7 @@ import { View, ScrollView, StyleSheet } from "react-native";
 import {
   useAppDesignTokens,
   useSafeAreaInsets,
-  AppNavigation,
+  useAppNavigation,
 } from "@umituz/react-native-design-system";
 import { ExploreHeader } from "../components/ExploreHeader";
 import { LoveMessageHeroSection } from "../components/LoveMessageHeroSection";
@@ -18,17 +18,18 @@ import { TrendingSection } from "../components/TrendingSection";
 export const LoveMessageExploreScreen: FC = () => {
   const tokens = useAppDesignTokens();
   const { bottom } = useSafeAreaInsets();
+  const navigation = useAppNavigation();
 
   const handleNavigateToGenerator = () => {
-    AppNavigation.navigate("MessageGenerator", {});
+    navigation.navigate("MessageGenerator", {});
   };
 
   const handleNavigateToCategory = (categoryId: string) => {
-    AppNavigation.navigate("MessageList", { categoryId });
+    navigation.navigate("MessageList", { categoryId });
   };
 
   const handleNavigateToTrending = () => {
-    AppNavigation.navigate("MessageList", { categoryId: "trending" });
+    navigation.navigate("MessageList", { categoryId: "trending" });
   };
 
   return (

package/src/features/love-message/presentation/screens/LoveMessageGeneratorScreen.tsx

@@ -8,12 +8,13 @@ import { View, ScrollView, StyleSheet, Animated } from "react-native";
 import {
   AtomicText,
   AtomicButton,
-  useAppDesignTokens,
-  useSafeAreaInsets,
-  AppNavigation,
+  useAppNavigation,
   useAppRoute,
   AlertService,
+  useAppDesignTokens,
+  useSafeAreaInsets,
 } from "@umituz/react-native-design-system";
+
 import { useLocalization } from "@umituz/react-native-localization";
 import { ProgressDots } from "../components/ProgressDots";
 import { MessageResult } from "../components/MessageResult";
@@ -30,6 +31,7 @@ export const LoveMessageGeneratorScreen: FC = () => {
   const tokens = useAppDesignTokens();
   const { bottom } = useSafeAreaInsets();
   const { t } = useLocalization();
+  const navigation = useAppNavigation();
   const route = useAppRoute<{ params: RouteParams }, "params">();
 
   const initialType = route.params?.initialType;
@@ -49,13 +51,13 @@ export const LoveMessageGeneratorScreen: FC = () => {
   }, [t]);
 
   const gen = useLoveMessageGenerator({
-    onBack: () => AppNavigation.goBack(),
+    onBack: () => navigation.goBack(),
     initialType,
     onSuccess: handleSuccess,
     onError: handleError,
   });
 
-  const handleNavigateToProfile = () => AppNavigation.navigate("PartnerProfile");
+  const handleNavigateToProfile = () => navigation.navigate("PartnerProfile");
 
   const stepTitle = useMemo(() => {
     switch (gen.currentStep) {

package/src/features/love-message/presentation/screens/MessageListScreen.tsx

@@ -7,10 +7,10 @@ import { View, ScrollView, StyleSheet, Pressable, Share } from "react-native";
 import {
   AtomicText,
   AtomicIcon,
+  useAppNavigation,
+  useAppRoute,
   useAppDesignTokens,
   useSafeAreaInsets,
-  AppNavigation,
-  useAppRoute,
 } from "@umituz/react-native-design-system";
 import { useLocalization } from "@umituz/react-native-localization";
 import { CATEGORY_TEMPLATES, MESSAGE_TYPES } from "../../domain/constants";
@@ -23,6 +23,7 @@ export const MessageListScreen: FC = () => {
   const tokens = useAppDesignTokens();
   const { top, bottom } = useSafeAreaInsets();
   const { t } = useLocalization();
+  const navigation = useAppNavigation();
   const route = useAppRoute<{ params: RouteParams }, "params">();
 
   const categoryId = route.params?.categoryId ?? "romantic";
@@ -34,10 +35,10 @@ export const MessageListScreen: FC = () => {
     return config ? t(config.labelKey) : categoryId;
   }, [categoryId, t]);
 
-  const handleBack = () => AppNavigation.goBack();
+  const handleBack = () => navigation.goBack();
 
   const handleNavigateToGenerator = (type?: string) => {
-    AppNavigation.navigate("MessageGenerator", { initialType: type as MessageType });
+    navigation.navigate("MessageGenerator", { initialType: type as MessageType });
   };
 
   const handleShare = useCallback(async (text: string) => {

package/src/features/love-message/presentation/screens/PartnerProfileScreen.tsx

@@ -9,7 +9,7 @@ import {
   AtomicButton,
   useAppDesignTokens,
   useSafeAreaInsets,
-  AppNavigation,
+  useAppNavigation,
 } from "@umituz/react-native-design-system";
 import { useLocalization } from "@umituz/react-native-localization";
 import { LOVE_LANGUAGES } from "../../domain/constants";
@@ -20,14 +20,15 @@ export const PartnerProfileScreen: FC = () => {
   const tokens = useAppDesignTokens();
   const { top, bottom } = useSafeAreaInsets();
   const { t } = useLocalization();
-  const p = usePartnerProfile(() => AppNavigation.goBack());
+  const navigation = useAppNavigation();
+  const p = usePartnerProfile(() => navigation.goBack());
 
   if (p.isLoading) return null;
 
   return (
     <View style={[styles.container, { backgroundColor: tokens.colors.backgroundPrimary }]}>
       <View style={[styles.header, { paddingTop: top + tokens.spacing.md }]}>
-        <AtomicButton icon="arrow-back" onPress={() => AppNavigation.goBack()} variant="text" size="sm" />
+        <AtomicButton icon="arrow-back" onPress={() => navigation.goBack()} variant="text" size="sm" />
         <View style={styles.headerTitle}>
           <AtomicText type="headlineSmall" color="textPrimary" style={styles.headerText}>
             {t("loveMessage.partnerProfile.title")}

package/src/infrastructure/services/generation-orchestrator.service.ts

@@ -28,7 +28,7 @@ class GenerationOrchestratorService {
   private onStatusUpdateCallback?: (requestId: string, status: string) => Promise<void>;
 
   configure(config: OrchestratorConfig): void {
-    if (typeof __DEV__ !== "undefined" && __DEV__) {
+    if (__DEV__) {
       console.log("[Orchestrator] configure() called", {
         hasPollingConfig: !!config.polling,
         hasStatusUpdate: !!config.onStatusUpdate,
@@ -45,7 +45,7 @@ class GenerationOrchestratorService {
     const provider = this.providerValidator.getProvider();
     const startTime = Date.now();
 
-    if (typeof __DEV__ !== "undefined" && __DEV__) {
+    if (__DEV__) {
       console.log("[Orchestrator] Generate started:", {
         model: request.model,
         capability: request.capability,
@@ -67,7 +67,7 @@ class GenerationOrchestratorService {
 
       updateProgress("submitting");
 
-      if (typeof __DEV__ !== "undefined" && __DEV__) {
+      if (__DEV__) {
         console.log("[Orchestrator] Job submitted:", {
           requestId: submission.requestId,
           provider: provider.providerId,
@@ -113,7 +113,7 @@ class GenerationOrchestratorService {
 
       const duration = Date.now() - startTime;
 
-      if (typeof __DEV__ !== "undefined" && __DEV__) {
+      if (__DEV__) {
         console.log("[Orchestrator] Generate completed:", {
           requestId: submission.requestId,
           duration: `${duration}ms`,
@@ -137,7 +137,7 @@ class GenerationOrchestratorService {
     } catch (error) {
       const errorInfo = classifyError(error);
 
-      if (typeof __DEV__ !== "undefined" && __DEV__) {
+      if (__DEV__) {
         console.error("[Orchestrator] Generation failed:", errorInfo);
       }
 

package/src/infrastructure/services/image-feature-executor.service.ts

@@ -52,7 +52,7 @@ function defaultExtractImageResult(result: unknown): string | undefined {
 
   const r = result as Record<string, unknown>;
 
-  if (typeof __DEV__ !== "undefined" && __DEV__) {
+  if (__DEV__) {
     console.log("[ImageExtractor] Result keys:", Object.keys(r));
     console.log("[ImageExtractor] Has data:", !!r.data);
     console.log("[ImageExtractor] Has images:", !!r.images);
@@ -61,7 +61,7 @@ function defaultExtractImageResult(result: unknown): string | undefined {
   // Handle fal.ai data wrapper
   const data = (r.data as Record<string, unknown>) ?? r;
 
-  if (typeof __DEV__ !== "undefined" && __DEV__) {
+  if (__DEV__) {
     console.log("[ImageExtractor] Data keys:", Object.keys(data));
   }
 
@@ -73,7 +73,7 @@ function defaultExtractImageResult(result: unknown): string | undefined {
   // Object with url property (birefnet, rembg format: data.image.url)
   const imageObj = data.image as Record<string, unknown> | undefined;
   if (imageObj && typeof imageObj === "object" && typeof imageObj.url === "string") {
-    if (typeof __DEV__ !== "undefined" && __DEV__) {
+    if (__DEV__) {
       console.log("[ImageExtractor] Found data.image.url:", imageObj.url);
     }
     return imageObj.url;
@@ -81,13 +81,13 @@ function defaultExtractImageResult(result: unknown): string | undefined {
 
   // Array format (flux, etc: data.images[0].url)
   if (Array.isArray(data.images) && typeof data.images[0]?.url === "string") {
-    if (typeof __DEV__ !== "undefined" && __DEV__) {
+    if (__DEV__) {
       console.log("[ImageExtractor] Found images[0].url:", data.images[0].url);
     }
     return data.images[0].url;
   }
 
-  if (typeof __DEV__ !== "undefined" && __DEV__) {
+  if (__DEV__) {
     console.log("[ImageExtractor] No image URL found in result");
   }
 

package/src/infrastructure/services/provider-registry.service.ts

@@ -13,8 +13,7 @@ class ProviderRegistry {
 
   register(provider: IAIProvider): void {
     if (this.providers.has(provider.providerId)) {
-      if (typeof __DEV__ !== "undefined" && __DEV__) {
-         
+      if (__DEV__) {
         console.warn(
           `[ProviderRegistry] Provider ${provider.providerId} already registered`,
         );
@@ -24,8 +23,7 @@ class ProviderRegistry {
 
     this.providers.set(provider.providerId, provider);
 
-    if (typeof __DEV__ !== "undefined" && __DEV__) {
-       
+    if (__DEV__) {
       console.log(
         `[ProviderRegistry] Registered provider: ${provider.providerId}`,
       );
@@ -45,15 +43,13 @@ class ProviderRegistry {
     }
     this.activeProviderId = providerId;
 
-    if (typeof __DEV__ !== "undefined" && __DEV__) {
-       
+    if (__DEV__) {
       console.log(`[ProviderRegistry] Active provider set to: ${providerId}`);
     }
   }
 
   getActiveProvider(): IAIProvider | null {
-    if (typeof __DEV__ !== "undefined" && __DEV__) {
-       
+    if (__DEV__) {
       console.log("[ProviderRegistry] getActiveProvider() called", {
         activeProviderId: this.activeProviderId,
         registeredProviders: Array.from(this.providers.keys()),
@@ -61,8 +57,7 @@ class ProviderRegistry {
     }
 
     if (!this.activeProviderId) {
-      if (typeof __DEV__ !== "undefined" && __DEV__) {
-         
+      if (__DEV__) {
         console.warn("[ProviderRegistry] No active provider set!");
       }
       return null;
@@ -70,8 +65,7 @@ class ProviderRegistry {
 
     const provider = this.providers.get(this.activeProviderId) ?? null;
 
-    if (typeof __DEV__ !== "undefined" && __DEV__) {
-       
+    if (__DEV__) {
       console.log("[ProviderRegistry] getActiveProvider() returning", {
         providerId: provider?.providerId,
         isInitialized: provider?.isInitialized(),

package/src/infrastructure/utils/error-classifier.util.ts

@@ -33,7 +33,7 @@ function getStatusCode(error: unknown): number | undefined {
 }
 
 function logClassification(info: AIErrorInfo): AIErrorInfo {
-  if (typeof __DEV__ !== "undefined" && __DEV__) {
+  if (__DEV__) {
     console.log("[ErrorClassifier] Classified as:", {
       type: info.type,
       messageKey: info.messageKey,
@@ -47,7 +47,7 @@ export function classifyError(error: unknown): AIErrorInfo {
   const message = error instanceof Error ? error.message : String(error);
   const statusCode = getStatusCode(error);
 
-  if (typeof __DEV__ !== "undefined" && __DEV__) {
+  if (__DEV__) {
     console.log("[ErrorClassifier] Classifying error:", {
       message: message.slice(0, 100),
       statusCode,

package/src/infrastructure/utils/feature-utils.ts

@@ -23,7 +23,7 @@ export interface FeatureUtilsConfig {
 }
 
 export async function prepareImage(uri: string): Promise<string> {
-  if (typeof __DEV__ !== "undefined" && __DEV__) {
+  if (__DEV__) {
     console.log("[prepareImage] Starting with URI:", uri);
   }
 
@@ -34,7 +34,7 @@ export async function prepareImage(uri: string): Promise<string> {
   try {
     const base64 = await readFileAsBase64(uri);
 
-    if (typeof __DEV__ !== "undefined" && __DEV__) {
+    if (__DEV__) {
       console.log("[prepareImage] Base64 length:", base64?.length || 0);
     }
 
@@ -45,7 +45,7 @@ export async function prepareImage(uri: string): Promise<string> {
     return base64;
   } catch (error) {
     const message = error instanceof Error ? error.message : String(error);
-    if (typeof __DEV__ !== "undefined" && __DEV__) {
+    if (__DEV__) {
       console.error("[prepareImage] Error:", message);
     }
     throw new Error(`[prepareImage] Failed: ${message}`);
@@ -55,13 +55,13 @@ export async function prepareImage(uri: string): Promise<string> {
 export function createDevCallbacks(featureName: string) {
   return {
     onSuccess: (result: unknown) => {
-      if (typeof __DEV__ !== "undefined" && __DEV__) {
+      if (__DEV__) {
          
         console.log(`[${featureName}] Success:`, result);
       }
     },
     onError: (error: unknown) => {
-      if (typeof __DEV__ !== "undefined" && __DEV__) {
+      if (__DEV__) {
          
         console.error(`[${featureName}] Error:`, error);
       }
@@ -82,7 +82,7 @@ async function checkCreditGuard(cost: number, featureName: string): Promise<bool
   const paywallService = getPaywallService();
 
   if (!authService.isAuthenticated()) {
-    if (typeof __DEV__ !== "undefined" && __DEV__) {
+    if (__DEV__) {
        
       console.log(`[${featureName}] Auth required`);
     }
@@ -96,7 +96,7 @@ async function checkCreditGuard(cost: number, featureName: string): Promise<bool
 
   const hasCredits = await creditService.checkCredits(cost);
   if (!hasCredits) {
-    if (typeof __DEV__ !== "undefined" && __DEV__) {
+    if (__DEV__) {
        
       console.log(`[${featureName}] Insufficient credits`);
     }

package/src/infrastructure/utils/video-result-extractor.util.ts

@@ -16,14 +16,14 @@ export const defaultExtractVideoResult: VideoResultExtractor = (result) => {
 
   const r = result as Record<string, unknown>;
 
-  if (typeof __DEV__ !== "undefined" && __DEV__) {
+  if (__DEV__) {
     console.log("[VideoExtractor] Result keys:", Object.keys(r));
   }
 
   // Handle fal.ai data wrapper
   const data = (r.data as Record<string, unknown>) ?? r;
 
-  if (typeof __DEV__ !== "undefined" && __DEV__) {
+  if (__DEV__) {
     console.log("[VideoExtractor] Data keys:", Object.keys(data));
   }
 
@@ -37,7 +37,7 @@ export const defaultExtractVideoResult: VideoResultExtractor = (result) => {
   // Object with url property (e.g., { video: { url: "..." } })
   const videoObj = data.video as Record<string, unknown> | undefined;
   if (videoObj && typeof videoObj === "object" && typeof videoObj.url === "string") {
-    if (typeof __DEV__ !== "undefined" && __DEV__) {
+    if (__DEV__) {
       console.log("[VideoExtractor] Found data.video.url:", videoObj.url);
     }
     return videoObj.url;
@@ -45,13 +45,13 @@ export const defaultExtractVideoResult: VideoResultExtractor = (result) => {
 
   // Array format (e.g., { videos: [{ url: "..." }] })
   if (Array.isArray(data.videos) && typeof data.videos[0]?.url === "string") {
-    if (typeof __DEV__ !== "undefined" && __DEV__) {
+    if (__DEV__) {
       console.log("[VideoExtractor] Found videos[0].url:", data.videos[0].url);
     }
     return data.videos[0].url;
   }
 
-  if (typeof __DEV__ !== "undefined" && __DEV__) {
+  if (__DEV__) {
     console.log("[VideoExtractor] No video URL found in result");
   }
 

package/src/presentation/components/AIGenerationForm.tsx

@@ -47,8 +47,7 @@ export const AIGenerationForm: React.FC<AIGenerationFormProps> = ({
   translations,
   children,
 }) => {
-  if (typeof __DEV__ !== "undefined" && __DEV__) {
-     
+  if (__DEV__) {
     console.log("[AIGenerationForm] RENDERING NOW - hideGenerateButton:", hideGenerateButton);
   }
 
@@ -57,8 +56,7 @@ export const AIGenerationForm: React.FC<AIGenerationFormProps> = ({
   const buttonIsDisabled = onPromptChange ? !prompt?.trim() : false;
 
   useEffect(() => {
-    if (typeof __DEV__ !== "undefined" && __DEV__) {
-       
+    if (__DEV__) {
       console.log("[AIGenerationForm] MOUNTED/UPDATED - prompt:", prompt, "isGenerating:", isGenerating, "buttonIsDisabled:", buttonIsDisabled, "hideGenerateButton:", hideGenerateButton);
     }
   }, [prompt, isGenerating, buttonIsDisabled, hideGenerateButton]);

package/src/presentation/components/buttons/GenerateButton.tsx

@@ -42,8 +42,7 @@ export const GenerateButton: React.FC<GenerateButtonProps> = ({
   onAccessoryRightPress,
   style,
 }) => {
-  if (typeof __DEV__ !== "undefined" && __DEV__) {
-     
+  if (__DEV__) {
     console.log("[GenerateButton] RENDERING NOW");
   }
 
@@ -53,15 +52,13 @@ export const GenerateButton: React.FC<GenerateButtonProps> = ({
   const finalDisplayText = costLabel ? `${displayText} (${costLabel})` : displayText;
 
   useEffect(() => {
-    if (typeof __DEV__ !== "undefined" && __DEV__) {
-       
+    if (__DEV__) {
       console.log("[GenerateButton] MOUNTED/UPDATED - isDisabled:", isDisabled, "isProcessing:", isProcessing, "disabled:", disabled, "text:", text);
     }
   }, [isDisabled, isProcessing, disabled, text]);
 
   const handlePress = () => {
-    if (typeof __DEV__ !== "undefined" && __DEV__) {
-       
+    if (__DEV__) {
       console.log("[GenerateButton] PRESSED - disabled:", disabled, "isDisabled:", isDisabled, "isProcessing:", isProcessing);
     }
     if (!disabled) {