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

package/package.json

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

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

@@ -19,10 +19,14 @@ export interface BaseWizardFlowProps {
   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 */
   readonly onGenerationComplete?: () => void;
   /** Called on generation error */

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

@@ -34,8 +34,10 @@ export const ImageToVideoWizardFlow: React.FC<ImageToVideoWizardFlowProps> = (pr
     creditBalance,
     isCreditsLoaded,
     creditCost,
+    isOffline,
     onShowAuthModal,
     onShowPaywall,
+    onNetworkError,
     onGenerationComplete,
     onGenerationError,
     onBack,
@@ -69,11 +71,45 @@ export const ImageToVideoWizardFlow: React.FC<ImageToVideoWizardFlowProps> = (pr
 
   const handleGenerationStart = useCallback(
     (_data: Record<string, unknown>, proceed: () => void) => {
-      if (!isAuthenticated) { onShowAuthModal(proceed); return; }
-      if (!hasPremium && isCreditsLoaded && creditBalance < creditCost) { onShowPaywall(); return; }
+      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();
     },
-    [isAuthenticated, hasPremium, creditBalance, creditCost, isCreditsLoaded, onShowAuthModal, onShowPaywall],
+    [isOffline, isAuthenticated, hasPremium, creditBalance, creditCost, isCreditsLoaded, onNetworkError, onShowAuthModal, onShowPaywall],
   );
 
   const handleGenerationComplete = useCallback(() => {

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

@@ -34,8 +34,10 @@ export const TextToImageWizardFlow: React.FC<TextToImageWizardFlowProps> = (prop
     creditBalance,
     isCreditsLoaded,
     creditCost,
+    isOffline,
     onShowAuthModal,
     onShowPaywall,
+    onNetworkError,
     onGenerationComplete,
     onGenerationError,
     onBack,
@@ -69,11 +71,15 @@ 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();
     },
-    [isAuthenticated, hasPremium, creditBalance, creditCost, isCreditsLoaded, onShowAuthModal, onShowPaywall],
+    [isOffline, isAuthenticated, hasPremium, creditBalance, creditCost, isCreditsLoaded, onNetworkError, onShowAuthModal, onShowPaywall],
   );
 
   const handleGenerationComplete = useCallback(() => {

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

@@ -34,8 +34,10 @@ export const TextToVideoWizardFlow: React.FC<TextToVideoWizardFlowProps> = (prop
     creditBalance,
     isCreditsLoaded,
     creditCost,
+    isOffline,
     onShowAuthModal,
     onShowPaywall,
+    onNetworkError,
     onGenerationComplete,
     onGenerationError,
     onBack,
@@ -69,11 +71,15 @@ 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();
     },
-    [isAuthenticated, hasPremium, creditBalance, creditCost, isCreditsLoaded, onShowAuthModal, onShowPaywall],
+    [isOffline, isAuthenticated, hasPremium, creditBalance, creditCost, isCreditsLoaded, onNetworkError, onShowAuthModal, onShowPaywall],
   );
 
   const handleGenerationComplete = useCallback(() => {