@umituz/react-native-ai-generation-content 1.72.27 → 1.72.29

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.72.27",
+  "version": "1.72.29",
   "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/configs/text-to-video.config.ts

@@ -42,7 +42,7 @@ export const TEXT_TO_VIDEO_WIZARD_CONFIG: WizardFeatureConfig = {
         { id: "9:16", label: "9:16", value: "9:16" },
       ],
       required: true,
-      defaultValue: "16:9",
+      defaultValue: "9:16",
     },
     {
       id: "duration",

package/src/domains/generation/wizard/presentation/components/WizardStepRenderer.tsx

@@ -89,13 +89,13 @@ export const WizardStepRenderer: React.FC<WizardStepRendererProps> = ({
     }
 
     case StepType.PARTNER_UPLOAD:
-      return renderPhotoUploadStep({ step, customData, onBack, onPhotoContinue, t });
+      return renderPhotoUploadStep({ key: step.id, step, customData, onBack, onPhotoContinue, t });
 
     case StepType.TEXT_INPUT:
-      return renderTextInputStep({ step, customData, onBack, onPhotoContinue, t, alertMessages });
+      return renderTextInputStep({ key: step.id, step, customData, onBack, onPhotoContinue, t, alertMessages });
 
     case StepType.FEATURE_SELECTION:
-      return renderSelectionStep({ step, customData, onBack, onPhotoContinue, t });
+      return renderSelectionStep({ key: step.id, step, customData, onBack, onPhotoContinue, t });
 
     default:
       if (typeof __DEV__ !== "undefined" && __DEV__) {

package/src/domains/generation/wizard/presentation/components/WizardStepRenderer.utils.ts

@@ -46,3 +46,15 @@ export function getSelectionConfig(config: unknown): SelectionStepConfig | undef
   if (config.type === "selection") return config as unknown as SelectionStepConfig;
   return undefined;
 }
+
+export function getSelectionValue(data: unknown): string | string[] | undefined {
+  if (typeof data === "string" || Array.isArray(data)) return data as string | string[];
+  if (isRecord(data) && "selection" in data) return data.selection as string | string[];
+  return undefined;
+}
+
+export function getTextInputValue(data: unknown): string | undefined {
+  if (typeof data === "string") return data;
+  if (isRecord(data) && "text" in data) return String(data.text);
+  return undefined;
+}

package/src/domains/generation/wizard/presentation/components/step-renderers/renderPhotoUploadStep.tsx

@@ -9,6 +9,7 @@ import type { StepDefinition } from "../../../../../../domain/entities/flow-conf
 import type { UploadedImage } from "../../../../../../presentation/hooks/generation/useAIGenerateState";
 
 export interface PhotoUploadStepProps {
+  readonly key?: string;
   readonly step: StepDefinition;
   readonly customData: Record<string, unknown>;
   readonly onBack: () => void;
@@ -30,6 +31,7 @@ export function renderPhotoUploadStep({
 
   return (
     <GenericPhotoUploadScreen
+      key={step.id}
       stepId={step.id}
       translations={{
         title: t(titleKey),

package/src/domains/generation/wizard/presentation/components/step-renderers/renderSelectionStep.tsx

@@ -4,11 +4,12 @@
 
 import React from "react";
 import { SelectionScreen } from "../../screens/SelectionScreen";
-import { getSelectionConfig } from "../WizardStepRenderer.utils";
+import { getSelectionConfig, getSelectionValue } from "../WizardStepRenderer.utils";
 import type { StepDefinition } from "../../../../../../domain/entities/flow-config.types";
 import type { UploadedImage } from "../../../../../../presentation/hooks/generation/useAIGenerateState";
 
 export interface SelectionStepProps {
+  readonly key?: string;
   readonly step: StepDefinition;
   readonly customData: Record<string, unknown>;
   readonly onBack: () => void;
@@ -32,7 +33,7 @@ export function renderSelectionStep({
   const isRequired = step.required ?? true;
 
   // Priority: existing value > config default > auto-select single option
-  const existingValue = customData[step.id] as string | string[] | undefined;
+  const existingValue = getSelectionValue(customData[step.id]);
   const configDefault = selectionConfig?.defaultValue;
   const autoSelectValue = isRequired && options.length === 1 ? options[0].id : undefined;
   const initialValue = existingValue ?? configDefault ?? autoSelectValue;
@@ -55,6 +56,7 @@ export function renderSelectionStep({
 
   return (
     <SelectionScreen
+      key={step.id}
       stepId={step.id}
       translations={{
         title: t(titleKey),

package/src/domains/generation/wizard/presentation/components/step-renderers/renderTextInputStep.tsx

@@ -4,12 +4,13 @@
 
 import React from "react";
 import { TextInputScreen } from "../../screens/TextInputScreen";
-import { getTextInputConfig } from "../WizardStepRenderer.utils";
+import { getTextInputConfig, getTextInputValue } from "../WizardStepRenderer.utils";
 import type { StepDefinition } from "../../../../../../domain/entities/flow-config.types";
 import type { UploadedImage } from "../../../../../../presentation/hooks/generation/useAIGenerateState";
 import type { AlertMessages } from "../../../../../../presentation/hooks/generation/types";
 
 export interface TextInputStepProps {
+  readonly key?: string;
   readonly step: StepDefinition;
   readonly customData: Record<string, unknown>;
   readonly onBack: () => void;
@@ -30,16 +31,11 @@ export function renderTextInputStep({
   const titleKey = textConfig?.titleKey ?? `wizard.steps.${step.id}.title`;
   const subtitleKey = textConfig?.subtitleKey ?? `wizard.steps.${step.id}.subtitle`;
   const placeholderKey = textConfig?.placeholderKey ?? `wizard.steps.${step.id}.placeholder`;
-  const existingData = customData[step.id];
-  const existingText =
-    typeof existingData === "string"
-      ? existingData
-      : typeof existingData === "object" && existingData !== null && "text" in existingData
-        ? String((existingData as { text: string }).text)
-        : "";
+  const existingText = getTextInputValue(customData[step.id]) ?? "";
 
   return (
     <TextInputScreen
+      key={step.id}
       stepId={step.id}
       translations={{
         title: t(titleKey),

package/src/domains/generation/wizard/presentation/screens/SelectionScreen.tsx

@@ -36,17 +36,18 @@ export const SelectionScreen: React.FC<SelectionScreenProps> = ({
 }) => {
   const tokens = useAppDesignTokens();
   const [selected, setSelected] = useState<string | string[]>(() => {
-    const initialState = initialValue ? initialValue : (config?.multiSelect ? [] : "");
-    if (typeof __DEV__ !== "undefined" && __DEV__) {
-      console.log("[SelectionScreen] Initial state:", {
-        stepId,
-        initialValue,
-        initialState,
-        hasInitialValue: !!initialValue,
-        multiSelect: config?.multiSelect,
-      });
+    const isMulti = config?.multiSelect ?? false;
+    const optionIds = options.map((opt) => opt.id);
+
+    if (isMulti) {
+      const initialArr = initialValue && Array.isArray(initialValue) ? initialValue : [];
+      // Filter out invalid IDs
+      return initialArr.filter((id) => optionIds.includes(id));
     }
-    return initialState;
+
+    const initialStr = typeof initialValue === "string" ? initialValue : "";
+    // Ensure the initial string is a valid option ID
+    return optionIds.includes(initialStr) ? initialStr : "";
   });
 
   const isMultiSelect = config?.multiSelect ?? false;
@@ -112,7 +113,11 @@ export const SelectionScreen: React.FC<SelectionScreenProps> = ({
           <View style={[styles.checkmark, { backgroundColor: tokens.colors.primary }]}>
             <AtomicIcon name="checkmark" size="xs" color="onPrimary" />
           </View>
-        ) : null}
+        ) : (
+          !isMultiSelect && (
+            <View style={[styles.radioOutline, { borderColor: tokens.colors.border }]} />
+          )
+        )}
       </TouchableOpacity>
     );
   };
@@ -163,4 +168,13 @@ const createStyles = (tokens: DesignTokens) =>
       alignItems: "center",
       justifyContent: "center",
     },
+    radioOutline: {
+      position: "absolute",
+      top: tokens.spacing.xs,
+      right: tokens.spacing.xs,
+      width: 20,
+      height: 20,
+      borderRadius: 10,
+      borderWidth: 1,
+    },
   });

package/src/presentation/hooks/generation/orchestrator.ts

@@ -5,7 +5,6 @@
 
 import { useState, useCallback, useRef, useEffect } from "react";
 import { useOfflineStore, useAlert } from "@umituz/react-native-design-system";
-import { useDeductCredit } from "@umituz/react-native-subscription";
 import { createGenerationError, getAlertMessage, parseError } from "./errors";
 import { handleModeration } from "./moderation-handler";
 import type {
@@ -38,7 +37,6 @@ export const useGenerationOrchestrator = <TInput, TResult>(
 
   const offlineStore = useOfflineStore();
   const { showError, showSuccess } = useAlert();
-  const { deductCredit, checkCredits } = useDeductCredit({ userId, onCreditsExhausted });
 
   useEffect(() => {
     isMountedRef.current = true;
@@ -81,23 +79,6 @@ export const useGenerationOrchestrator = <TInput, TResult>(
         console.log("[Orchestrator] executeGeneration() called");
       }
 
-      const creditCost = strategy.getCreditCost();
-      if (typeof __DEV__ !== "undefined" && __DEV__) {
-        console.log("[Orchestrator] Deducting credits:", creditCost);
-      }
-
-      const creditDeducted = await deductCredit(creditCost);
-      if (!creditDeducted) {
-        if (typeof __DEV__ !== "undefined" && __DEV__) {
-          console.log("[Orchestrator] ERROR: Credit deduction failed");
-        }
-        throw createGenerationError("credits", alertMessages.creditFailed);
-      }
-
-      if (typeof __DEV__ !== "undefined" && __DEV__) {
-        console.log("[Orchestrator] Credits deducted successfully");
-      }
-
       setState((prev) => ({ ...prev, status: "generating" }));
       if (typeof __DEV__ !== "undefined" && __DEV__) {
         console.log("[Orchestrator] State: generating - calling strategy.execute()");
@@ -137,7 +118,7 @@ export const useGenerationOrchestrator = <TInput, TResult>(
       handleLifecycleComplete("success", result);
       return result;
     },
-    [strategy, userId, alertMessages, deductCredit, showSuccess, onSuccess, handleLifecycleComplete],
+    [strategy, userId, alertMessages, showSuccess, onSuccess, handleLifecycleComplete],
   );
 
   const generate = useCallback(
@@ -178,33 +159,6 @@ export const useGenerationOrchestrator = <TInput, TResult>(
           console.log("[Orchestrator] Online check passed");
         }
 
-        // Check if aborted
-        if (abortControllerRef.current.signal.aborted) {
-          if (typeof __DEV__ !== "undefined" && __DEV__) {
-            console.log("[Orchestrator] ERROR: Generation aborted (1)");
-          }
-          throw new Error("Generation aborted");
-        }
-
-        // Pre-validate credits before generation to catch concurrent consumption
-        const creditCost = strategy.getCreditCost();
-        if (typeof __DEV__ !== "undefined" && __DEV__) {
-          console.log("[Orchestrator] Checking credits - cost:", creditCost);
-        }
-
-        const hasEnoughCredits = await checkCredits(creditCost);
-        if (!hasEnoughCredits) {
-          if (typeof __DEV__ !== "undefined" && __DEV__) {
-            console.log("[Orchestrator] ERROR: Pre-validation failed - insufficient credits");
-          }
-          onCreditsExhausted?.();
-          throw createGenerationError("credits", alertMessages.creditFailed);
-        }
-
-        if (typeof __DEV__ !== "undefined" && __DEV__) {
-          console.log("[Orchestrator] Credit check passed");
-        }
-
         // Check if aborted before moderation
         if (abortControllerRef.current.signal.aborted) {
           if (typeof __DEV__ !== "undefined" && __DEV__) {
@@ -251,7 +205,7 @@ export const useGenerationOrchestrator = <TInput, TResult>(
         abortControllerRef.current = null;
       }
     },
-    [offlineStore, moderation, alertMessages, strategy, checkCredits, onCreditsExhausted, executeGeneration, showError, onError, handleLifecycleComplete],
+    [offlineStore, moderation, alertMessages, strategy, executeGeneration, showError, onError, handleLifecycleComplete],
   );
 
   const reset = useCallback(() => {

package/src/presentation/hooks/generation/types.ts

@@ -14,7 +14,6 @@ export type OrchestratorStatus =
 
 export interface GenerationStrategy<TInput, TResult> {
   execute: (input: TInput) => Promise<TResult>;
-  getCreditCost: () => number;
   save?: (result: TResult, userId: string) => Promise<void>;
 }
 
@@ -55,7 +54,6 @@ export interface LifecycleConfig {
 export interface GenerationConfig {
   readonly userId: string | undefined;
   readonly alertMessages: AlertMessages;
-  readonly onCreditsExhausted?: () => void;
   readonly onSuccess?: (result: unknown) => void;
   readonly onError?: (error: GenerationError) => void;
   readonly moderation?: ModerationCallbacks;