@umituz/react-native-ai-generation-content 1.24.1 → 1.24.3

package/package.json

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

package/src/domains/scenarios/configs/wizard-configs.ts

@@ -165,11 +165,45 @@ export const SCENARIO_WIZARD_CONFIGS: Record<string, WizardFeatureConfig> = {
   "text-to-video": createTextToVideoWizardConfig("text-to-video"),
 };
 
+/**
+ * DEFAULT WIZARD CONFIG
+ * Used for ALL scenarios that don't have specific config
+ * Couple/Partner scenarios → 2 photo uploads
+ */
+const DEFAULT_WIZARD_CONFIG = (scenarioId: string): WizardFeatureConfig => ({
+  id: scenarioId,
+  name: scenarioId,
+  steps: [
+    {
+      id: "photo_a",
+      type: "photo_upload",
+      label: "First Partner",
+      titleKey: "photoUpload.step1.title",
+      subtitleKey: "photoUpload.step1.subtitle",
+      showFaceDetection: true,
+      showPhotoTips: true,
+      required: true,
+    },
+    {
+      id: "photo_b",
+      type: "photo_upload",
+      label: "Second Partner",
+      titleKey: "photoUpload.step2.title",
+      subtitleKey: "photoUpload.step2.subtitle",
+      showFaceDetection: true,
+      showPhotoTips: true,
+      required: true,
+    },
+  ],
+});
+
 /**
  * Get wizard config for a scenario
+ * Returns specific config if exists, otherwise returns DEFAULT config
+ * This means ALL scenarios work automatically!
  */
-export const getScenarioWizardConfig = (scenarioId: string): WizardFeatureConfig | null => {
-  return SCENARIO_WIZARD_CONFIGS[scenarioId] || null;
+export const getScenarioWizardConfig = (scenarioId: string): WizardFeatureConfig => {
+  return SCENARIO_WIZARD_CONFIGS[scenarioId] || DEFAULT_WIZARD_CONFIG(scenarioId);
 };
 
 /**

package/src/domains/wizard/index.ts

@@ -52,6 +52,9 @@ export type {
   PhotoUploadScreenTranslations,
 } from "./presentation/screens/GenericPhotoUploadScreen";
 
+export { GeneratingScreen } from "./presentation/screens/GeneratingScreen";
+export type { GeneratingScreenProps } from "./presentation/screens/GeneratingScreen";
+
 // Presentation - Hooks
 export { usePhotoUploadState } from "./presentation/hooks/usePhotoUploadState";
 export type {

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

@@ -0,0 +1,123 @@
+/**
+ * Generic Generating Screen
+ * Shows progress while AI generates content
+ * Used by ALL features - NO feature-specific code!
+ */
+
+import React from "react";
+import { View, StyleSheet, ActivityIndicator } from "react-native";
+import { useAppDesignTokens, AtomicText } from "@umituz/react-native-design-system";
+
+export interface GeneratingScreenProps {
+  readonly progress: number;
+  readonly scenario?: {
+    readonly id: string;
+    readonly title?: string;
+  };
+  readonly t: (key: string) => string;
+  readonly onCancel?: () => void;
+}
+
+export const GeneratingScreen: React.FC<GeneratingScreenProps> = ({
+  progress,
+  scenario,
+  t,
+  onCancel,
+}) => {
+  const tokens = useAppDesignTokens();
+
+  if (typeof __DEV__ !== "undefined" && __DEV__) {
+    console.log("[GeneratingScreen] Rendering", {
+      progress,
+      scenarioId: scenario?.id,
+    });
+  }
+
+  return (
+    <View style={[styles.container, { backgroundColor: tokens.colors.backgroundPrimary }]}>
+      <View style={styles.content}>
+        <ActivityIndicator size="large" color={tokens.colors.primary} />
+
+        <AtomicText type="heading2" style={styles.title}>
+          {t("generator.title")}
+        </AtomicText>
+
+        <AtomicText type="body" style={[styles.message, { color: tokens.colors.textSecondary }]}>
+          {t("generator.waitMessage")}
+        </AtomicText>
+
+        {/* Progress Bar */}
+        <View style={styles.progressContainer}>
+          <View style={[styles.progressBar, { backgroundColor: tokens.colors.surfaceVariant }]}>
+            <View
+              style={[
+                styles.progressFill,
+                {
+                  backgroundColor: tokens.colors.primary,
+                  width: `${Math.min(100, Math.max(0, progress))}%`,
+                },
+              ]}
+            />
+          </View>
+          <AtomicText type="caption" style={[styles.progressText, { color: tokens.colors.textSecondary }]}>
+            {Math.round(progress)}%
+          </AtomicText>
+        </View>
+
+        {/* Scenario Info */}
+        {scenario && (
+          <AtomicText type="caption" style={[styles.hint, { color: tokens.colors.textSecondary }]}>
+            {scenario.title || scenario.id}
+          </AtomicText>
+        )}
+
+        {/* Hint */}
+        <AtomicText type="caption" style={[styles.hint, { color: tokens.colors.textSecondary }]}>
+          {t("generator.hint")}
+        </AtomicText>
+      </View>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+  },
+  content: {
+    width: "80%",
+    maxWidth: 400,
+    alignItems: "center",
+    gap: 16,
+  },
+  title: {
+    textAlign: "center",
+    marginTop: 24,
+  },
+  message: {
+    textAlign: "center",
+  },
+  progressContainer: {
+    width: "100%",
+    marginTop: 24,
+    gap: 8,
+  },
+  progressBar: {
+    height: 8,
+    borderRadius: 4,
+    overflow: "hidden",
+  },
+  progressFill: {
+    height: "100%",
+    borderRadius: 4,
+  },
+  progressText: {
+    textAlign: "center",
+  },
+  hint: {
+    textAlign: "center",
+    marginTop: 8,
+  },
+});