@umituz/react-native-ai-generation-content 1.26.73 → 1.27.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.26.73",
+  "version": "1.27.0",
   "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/GenericWizardFlow.tsx

@@ -138,20 +138,35 @@ export const GenericWizardFlow: React.FC<GenericWizardFlowProps> = ({
     }
   }, [currentStepIndex, previousStep, onBack]);
 
-  const handlePhotoContinue = useCallback((stepId: string, image: UploadedImage) => {
-    setCustomData(stepId, image);
-
-    if (currentStepIndex === flowSteps.length - 2) {
+  // Wrapper for nextStep that checks onGenerationStart before transitioning to GENERATING
+  const handleNextStep = useCallback(() => {
+    const nextIndex = currentStepIndex + 1;
+    const nextStepDef = flowSteps[nextIndex];
+
+    // If next step is GENERATING, we must call onGenerationStart for feature gating
+    if (nextStepDef?.type === StepType.GENERATING) {
+      if (typeof __DEV__ !== "undefined" && __DEV__) {
+        console.log("[GenericWizardFlow] About to enter GENERATING step, calling onGenerationStart");
+      }
       if (onGenerationStart) {
-        onGenerationStart({ ...customData, [stepId]: image }, () => {
+        onGenerationStart(customData, () => {
+          if (typeof __DEV__ !== "undefined" && __DEV__) {
+            console.log("[GenericWizardFlow] onGenerationStart callback invoked, proceeding to generation");
+          }
           nextStep();
         });
+        return;
       }
-      return;
     }
 
     nextStep();
-  }, [currentStepIndex, flowSteps.length, customData, setCustomData, nextStep, onGenerationStart]);
+  }, [currentStepIndex, flowSteps, customData, onGenerationStart, nextStep]);
+
+  const handlePhotoContinue = useCallback((stepId: string, image: UploadedImage) => {
+    setCustomData(stepId, image);
+    // Use handleNextStep which handles onGenerationStart check
+    handleNextStep();
+  }, [setCustomData, handleNextStep]);
 
   const handleOpenRatingPicker = useCallback(() => {
     setShowRatingPicker(true);
@@ -177,7 +192,7 @@ export const GenericWizardFlow: React.FC<GenericWizardFlowProps> = ({
         isSaving={isSaving}
         isSharing={isSharing}
         showRating={showRatingButton}
-        onNext={nextStep}
+        onNext={handleNextStep}
         onBack={handleBack}
         onPhotoContinue={handlePhotoContinue}
         onDownload={handleDownload}

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;
+  }
+}