@umituz/react-native-ai-generation-content 1.25.3 → 1.25.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.25.3",
+  "version": "1.25.5",
   "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/domain/entities/wizard-config.types.ts

@@ -26,7 +26,7 @@ export interface BaseStepConfig {
  */
 export interface PhotoUploadStepConfig extends BaseStepConfig {
   readonly type: "photo_upload";
-  readonly label?: string; // "Partner A", "Your Photo", etc.
+  readonly label?: string; // "Photo 1", "Photo 2", "Your Photo", etc.
   readonly showFaceDetection?: boolean;
   readonly showNameInput?: boolean;
   readonly showPhotoTips?: boolean;
@@ -117,11 +117,12 @@ export const buildWizardConfigFromScenario = (
 ): WizardFeatureConfig => {
   const steps: WizardStepConfig[] = [];
 
-  // Add photo upload steps (dynamic count!)
+  // Add photo upload steps (max 2 photos)
   if (config.photoCount && config.photoCount > 0) {
-    for (let i = 0; i < config.photoCount; i++) {
+    const maxPhotos = Math.min(config.photoCount, 2); // Max 2 photos
+    for (let i = 0; i < maxPhotos; i++) {
       steps.push({
-        id: `photo_${i}`,
+        id: `photo_${i + 1}`,
         type: "photo_upload",
         label: config.photoLabels?.[i] || `Photo ${i + 1}`,
         showFaceDetection: true,
@@ -182,18 +183,17 @@ export const buildWizardConfigFromScenario = (
 
 /**
  * Pre-configured scenarios for common use cases
+ * Labels should be provided from main app via photoLabels parameter
  */
 export const WIZARD_PRESETS = {
-  // Couple/Partner features (2 photos)
-  COUPLE: {
+  // Two photo features (couple, comparison, etc.)
+  TWO_PHOTOS: {
     photoCount: 2,
-    photoLabels: ["First Partner", "Second Partner"],
   },
 
   // Single photo features
   SINGLE_PHOTO: {
     photoCount: 1,
-    photoLabels: ["Your Photo"],
     requireStyleSelection: true,
     requireDurationSelection: true,
   },
@@ -205,10 +205,4 @@ export const WIZARD_PRESETS = {
     requireStyleSelection: true,
     requireDurationSelection: true,
   },
-
-  // Face swap (2 photos, specific requirements)
-  FACE_SWAP: {
-    photoCount: 2,
-    photoLabels: ["Source Face", "Target Face"],
-  },
 } as const;

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",