@umituz/react-native-ai-generation-content 1.25.2 → 1.25.4

package/package.json

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

@@ -25,7 +25,7 @@ import { buildFlowStepsFromWizard } from "../../infrastructure/builders/dynamic-
 export interface GenericWizardFlowProps {
   readonly featureConfig: WizardFeatureConfig;
   readonly onStepChange?: (stepId: string, stepType: StepType | string) => void;
-  readonly onGenerationStart?: (data: Record<string, unknown>) => void;
+  readonly onGenerationStart?: (data: Record<string, unknown>, proceedToGenerating: () => void) => void;
   readonly onBack?: () => void;
   readonly t: (key: string) => string;
   readonly translations?: Record<string, string>;
@@ -104,12 +104,21 @@ export const GenericWizardFlow: React.FC<GenericWizardFlowProps> = ({
       // Check if this is the last step before generating
       if (flow.currentStepIndex === flowSteps.length - 2) {
         // Next step is GENERATING
+        // Notify parent and provide callback to proceed to generating
+        // Parent will call proceedToGenerating() after feature gate passes
         if (onGenerationStart) {
-          onGenerationStart(flow.customData);
+          onGenerationStart(flow.customData, () => {
+            if (typeof __DEV__ !== "undefined" && __DEV__) {
+              console.log("[GenericWizardFlow] Proceeding to GENERATING step");
+            }
+            flow.nextStep();
+          });
         }
+        // DON'T call flow.nextStep() here - parent will call it via proceedToGenerating callback
+        return;
       }
 
-      // Move to next step
+      // Move to next step (for all non-generation steps)
       flow.nextStep();
     },
     [flow, flowSteps.length, onGenerationStart],

package/src/domains/wizard/presentation/screens/GenericPhotoUploadScreen.tsx

@@ -17,6 +17,7 @@ import {
 } from "@umituz/react-native-design-system";
 import { PhotoUploadCard } from "../../../../presentation/components";
 import { FaceDetectionToggle } from "../../../../domains/face-detection";
+import { PhotoTips } from "../../../../features/partner-upload/presentation/components/PhotoTips";
 import type { UploadedImage } from "../../../../features/partner-upload/domain/types";
 import { usePhotoUploadState } from "../hooks/usePhotoUploadState";
 
@@ -134,13 +135,14 @@ export const GenericPhotoUploadScreen: React.FC<PhotoUploadScreenProps> = ({
           {translations.subtitle}
         </AtomicText>
 
-        {/* Photo Tips - Inline simple version */}
+        {/* Photo Tips - InfoGrid version */}
         {showPhotoTips && (
-          <View style={[styles.tipsContainer, { backgroundColor: tokens.colors.surfaceVariant + "40" }]}>
-            <AtomicText type="labelSmall" style={{ color: tokens.colors.textSecondary, textAlign: "center" }}>
-              {t("photoUpload.tips")}
-            </AtomicText>
-          </View>
+          <PhotoTips
+            t={t}
+            titleKey="photoUpload.tips.title"
+            headerIcon="bulb"
+            style={{ marginHorizontal: 24, marginBottom: 20 }}
+          />
         )}
 
         {showFaceDetection && onFaceDetectionToggle && (
@@ -194,12 +196,6 @@ const createStyles = (tokens: DesignTokens) =>
       marginHorizontal: 24,
       marginBottom: 24,
     },
-    tipsContainer: {
-      marginHorizontal: 24,
-      marginBottom: 16,
-      padding: 12,
-      borderRadius: 8,
-    },
     continueButton: {
       flexDirection: "row",
       alignItems: "center",