@umituz/react-native-ai-generation-content 1.57.4 → 1.58.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.57.4",
+  "version": "1.58.0",
   "description": "Provider-agnostic AI generation orchestration for React Native with result preview components",
   "main": "src/index.ts",
   "types": "src/index.ts",

package/src/domains/access-control/hooks/useAIFeatureGate.ts

@@ -19,6 +19,7 @@
  */
 
 import { useCallback, useMemo } from "react";
+import { useOffline } from "@umituz/react-native-design-system";
 import { useAuth, useAuthModalStore } from "@umituz/react-native-auth";
 import {
   usePremium,
@@ -41,7 +42,10 @@ import type {
 export function useAIFeatureGate(
   options: AIFeatureGateOptions,
 ): AIFeatureGateReturn {
-  const { creditCost, onSuccess, onError } = options;
+  const { creditCost, onNetworkError, onSuccess, onError } = options;
+
+  // Network state
+  const { isOffline } = useOffline();
 
   // Auth state
   const { isAuthenticated: rawIsAuthenticated, isAnonymous } = useAuth();
@@ -69,16 +73,23 @@ export function useAIFeatureGate(
     isCreditsLoaded,
   });
 
-  // Can access if: authenticated AND (premium OR has credits)
+  // Can access if: online AND authenticated AND (premium OR has credits)
   const canAccess = useMemo(() => {
+    if (isOffline) return false;
     if (!isAuthenticated) return false;
     if (isPremium) return true;
     return hasCredits;
-  }, [isAuthenticated, isPremium, hasCredits]);
+  }, [isOffline, isAuthenticated, isPremium, hasCredits]);
 
-  // Wrapped requireFeature with optional callbacks
+  // Wrapped requireFeature with offline check and optional callbacks
   const requireFeature = useCallback(
     (action: () => void | Promise<void>): void => {
+      // Network check first - must be online
+      if (isOffline) {
+        onNetworkError?.();
+        return;
+      }
+      // Then auth/credit checks via subscription package
       requireFeatureFromPackage(() => {
         const result = action();
         if (result instanceof Promise) {
@@ -94,7 +105,7 @@ export function useAIFeatureGate(
         }
       });
     },
-    [requireFeatureFromPackage, onSuccess, onError],
+    [isOffline, onNetworkError, requireFeatureFromPackage, onSuccess, onError],
   );
 
   return {
@@ -105,5 +116,6 @@ export function useAIFeatureGate(
     isAuthenticated,
     isPremium,
     creditBalance,
+    isOffline,
   };
 }

package/src/domains/access-control/types/access-control.types.ts

@@ -14,6 +14,11 @@ export interface AIFeatureGateOptions {
    */
   featureName?: string;
 
+  /**
+   * Callback fired when network is unavailable
+   */
+  onNetworkError?: () => void;
+
   /**
    * Callback fired when feature is successfully accessed and executed
    */
@@ -61,6 +66,11 @@ export interface AIFeatureGateReturn {
    * Current credit balance
    */
   creditBalance: number;
+
+  /**
+   * Whether device is offline
+   */
+  isOffline: boolean;
 }
 
 /**

package/src/domains/generation/wizard/presentation/components/WizardFlow.types.ts

@@ -9,22 +9,8 @@ export interface BaseWizardFlowProps {
   readonly model: string;
   /** User ID for saving creations */
   readonly userId?: string;
-  /** Is user authenticated (registered, not anonymous) */
-  readonly isAuthenticated: boolean;
-  /** Does user have premium subscription */
-  readonly hasPremium: boolean;
-  /** User's credit balance */
-  readonly creditBalance: number;
-  /** Are credits loaded */
-  readonly isCreditsLoaded: boolean;
   /** Credit cost for this generation - REQUIRED, determined by the app */
   readonly creditCost: number;
-  /** Is device offline - prevents generation when true */
-  readonly isOffline?: boolean;
-  /** Show auth modal with callback */
-  readonly onShowAuthModal: (callback: () => void) => void;
-  /** Show paywall */
-  readonly onShowPaywall: () => void;
   /** Called when network is unavailable and generation is blocked */
   readonly onNetworkError?: () => void;
   /** Called when generation completes */

package/src/features/image-to-video/presentation/screens/ImageToVideoWizardFlow.tsx

@@ -8,6 +8,7 @@ import { View, StyleSheet } from "react-native";
 import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import { GenericWizardFlow } from "../../../../domains/generation/wizard/presentation/components";
 import { IMAGE_TO_VIDEO_WIZARD_CONFIG } from "../../../../domains/generation/wizard/configs";
+import { useAIFeatureGate } from "../../../../domains/access-control";
 import type { WizardScenarioData } from "../../../../domains/generation/wizard/presentation/hooks/useWizardGeneration";
 import type { BaseWizardFlowProps } from "../../../../domains/generation/wizard/presentation/components/WizardFlow.types";
 import type { AlertMessages } from "../../../../presentation/hooks/generation/types";
@@ -29,14 +30,7 @@ export const ImageToVideoWizardFlow: React.FC<ImageToVideoWizardFlowProps> = (pr
   const {
     model,
     userId,
-    isAuthenticated,
-    hasPremium,
-    creditBalance,
-    isCreditsLoaded,
     creditCost,
-    isOffline,
-    onShowAuthModal,
-    onShowPaywall,
     onNetworkError,
     onGenerationComplete,
     onGenerationError,
@@ -47,6 +41,12 @@ export const ImageToVideoWizardFlow: React.FC<ImageToVideoWizardFlowProps> = (pr
 
   const tokens = useAppDesignTokens();
 
+  // Centralized access control - handles offline, auth, credits, paywall
+  const { requireFeature } = useAIFeatureGate({
+    creditCost,
+    onNetworkError,
+  });
+
   const scenario: WizardScenarioData = useMemo(
     () => ({
       id: "image-to-video",
@@ -71,45 +71,10 @@ export const ImageToVideoWizardFlow: React.FC<ImageToVideoWizardFlowProps> = (pr
 
   const handleGenerationStart = useCallback(
     (_data: Record<string, unknown>, proceed: () => void) => {
-      if (typeof __DEV__ !== "undefined" && __DEV__) {
-        console.log("[ImageToVideoWizardFlow] handleGenerationStart:", {
-          isOffline,
-          isAuthenticated,
-          hasPremium,
-          creditBalance,
-          creditCost,
-        });
-      }
-      // Network check - must be online to generate
-      if (isOffline) {
-        if (typeof __DEV__ !== "undefined" && __DEV__) {
-          console.log("[ImageToVideoWizardFlow] Blocked: offline");
-        }
-        onNetworkError?.();
-        return;
-      }
-      // Auth check - must be authenticated
-      if (!isAuthenticated) {
-        if (typeof __DEV__ !== "undefined" && __DEV__) {
-          console.log("[ImageToVideoWizardFlow] Blocked: not authenticated, showing auth modal");
-        }
-        onShowAuthModal(proceed);
-        return;
-      }
-      // Credit check - must have enough credits
-      if (!hasPremium && isCreditsLoaded && creditBalance < creditCost) {
-        if (typeof __DEV__ !== "undefined" && __DEV__) {
-          console.log("[ImageToVideoWizardFlow] Blocked: insufficient credits, showing paywall");
-        }
-        onShowPaywall();
-        return;
-      }
-      if (typeof __DEV__ !== "undefined" && __DEV__) {
-        console.log("[ImageToVideoWizardFlow] All checks passed, proceeding");
-      }
-      proceed();
+      // Use centralized access control - checks offline, auth, credits
+      requireFeature(proceed);
     },
-    [isOffline, isAuthenticated, hasPremium, creditBalance, creditCost, isCreditsLoaded, onNetworkError, onShowAuthModal, onShowPaywall],
+    [requireFeature],
   );
 
   const handleGenerationComplete = useCallback(() => {
@@ -129,7 +94,6 @@ export const ImageToVideoWizardFlow: React.FC<ImageToVideoWizardFlowProps> = (pr
         onGenerationStart={handleGenerationStart}
         onGenerationComplete={handleGenerationComplete}
         onGenerationError={onGenerationError}
-        onCreditsExhausted={onShowPaywall}
         onBack={onBack}
         onTryAgain={onBack}
         t={t}

package/src/features/text-to-image/presentation/screens/TextToImageWizardFlow.tsx

@@ -8,6 +8,7 @@ import { View, StyleSheet } from "react-native";
 import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import { GenericWizardFlow } from "../../../../domains/generation/wizard/presentation/components";
 import { TEXT_TO_IMAGE_WIZARD_CONFIG } from "../../../../domains/generation/wizard/configs";
+import { useAIFeatureGate } from "../../../../domains/access-control";
 import type { WizardScenarioData } from "../../../../domains/generation/wizard/presentation/hooks/useWizardGeneration";
 import type { BaseWizardFlowProps } from "../../../../domains/generation/wizard/presentation/components/WizardFlow.types";
 import type { AlertMessages } from "../../../../presentation/hooks/generation/types";
@@ -29,14 +30,7 @@ export const TextToImageWizardFlow: React.FC<TextToImageWizardFlowProps> = (prop
   const {
     model,
     userId,
-    isAuthenticated,
-    hasPremium,
-    creditBalance,
-    isCreditsLoaded,
     creditCost,
-    isOffline,
-    onShowAuthModal,
-    onShowPaywall,
     onNetworkError,
     onGenerationComplete,
     onGenerationError,
@@ -47,6 +41,12 @@ export const TextToImageWizardFlow: React.FC<TextToImageWizardFlowProps> = (prop
 
   const tokens = useAppDesignTokens();
 
+  // Centralized access control - handles offline, auth, credits, paywall
+  const { requireFeature } = useAIFeatureGate({
+    creditCost,
+    onNetworkError,
+  });
+
   const scenario: WizardScenarioData = useMemo(
     () => ({
       id: "text-to-image",
@@ -71,15 +71,10 @@ export const TextToImageWizardFlow: React.FC<TextToImageWizardFlowProps> = (prop
 
   const handleGenerationStart = useCallback(
     (_data: Record<string, unknown>, proceed: () => void) => {
-      // Network check - must be online to generate
-      if (isOffline) { onNetworkError?.(); return; }
-      // Auth check - must be authenticated
-      if (!isAuthenticated) { onShowAuthModal(proceed); return; }
-      // Credit check - must have enough credits
-      if (!hasPremium && isCreditsLoaded && creditBalance < creditCost) { onShowPaywall(); return; }
-      proceed();
+      // Use centralized access control - checks offline, auth, credits
+      requireFeature(proceed);
     },
-    [isOffline, isAuthenticated, hasPremium, creditBalance, creditCost, isCreditsLoaded, onNetworkError, onShowAuthModal, onShowPaywall],
+    [requireFeature],
   );
 
   const handleGenerationComplete = useCallback(() => {
@@ -99,7 +94,6 @@ export const TextToImageWizardFlow: React.FC<TextToImageWizardFlowProps> = (prop
         onGenerationStart={handleGenerationStart}
         onGenerationComplete={handleGenerationComplete}
         onGenerationError={onGenerationError}
-        onCreditsExhausted={onShowPaywall}
         onBack={onBack}
         onTryAgain={onBack}
         t={t}

package/src/features/text-to-video/presentation/screens/TextToVideoWizardFlow.tsx

@@ -8,6 +8,7 @@ import { View, StyleSheet } from "react-native";
 import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import { GenericWizardFlow } from "../../../../domains/generation/wizard/presentation/components";
 import { TEXT_TO_VIDEO_WIZARD_CONFIG } from "../../../../domains/generation/wizard/configs";
+import { useAIFeatureGate } from "../../../../domains/access-control";
 import type { WizardScenarioData } from "../../../../domains/generation/wizard/presentation/hooks/useWizardGeneration";
 import type { BaseWizardFlowProps } from "../../../../domains/generation/wizard/presentation/components/WizardFlow.types";
 import type { AlertMessages } from "../../../../presentation/hooks/generation/types";
@@ -29,14 +30,7 @@ export const TextToVideoWizardFlow: React.FC<TextToVideoWizardFlowProps> = (prop
   const {
     model,
     userId,
-    isAuthenticated,
-    hasPremium,
-    creditBalance,
-    isCreditsLoaded,
     creditCost,
-    isOffline,
-    onShowAuthModal,
-    onShowPaywall,
     onNetworkError,
     onGenerationComplete,
     onGenerationError,
@@ -47,6 +41,12 @@ export const TextToVideoWizardFlow: React.FC<TextToVideoWizardFlowProps> = (prop
 
   const tokens = useAppDesignTokens();
 
+  // Centralized access control - handles offline, auth, credits, paywall
+  const { requireFeature } = useAIFeatureGate({
+    creditCost,
+    onNetworkError,
+  });
+
   const scenario: WizardScenarioData = useMemo(
     () => ({
       id: "text-to-video",
@@ -71,15 +71,10 @@ export const TextToVideoWizardFlow: React.FC<TextToVideoWizardFlowProps> = (prop
 
   const handleGenerationStart = useCallback(
     (_data: Record<string, unknown>, proceed: () => void) => {
-      // Network check - must be online to generate
-      if (isOffline) { onNetworkError?.(); return; }
-      // Auth check - must be authenticated
-      if (!isAuthenticated) { onShowAuthModal(proceed); return; }
-      // Credit check - must have enough credits
-      if (!hasPremium && isCreditsLoaded && creditBalance < creditCost) { onShowPaywall(); return; }
-      proceed();
+      // Use centralized access control - checks offline, auth, credits
+      requireFeature(proceed);
     },
-    [isOffline, isAuthenticated, hasPremium, creditBalance, creditCost, isCreditsLoaded, onNetworkError, onShowAuthModal, onShowPaywall],
+    [requireFeature],
   );
 
   const handleGenerationComplete = useCallback(() => {
@@ -99,7 +94,6 @@ export const TextToVideoWizardFlow: React.FC<TextToVideoWizardFlowProps> = (prop
         onGenerationStart={handleGenerationStart}
         onGenerationComplete={handleGenerationComplete}
         onGenerationError={onGenerationError}
-        onCreditsExhausted={onShowPaywall}
         onBack={onBack}
         onTryAgain={onBack}
         t={t}