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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.72.29",
+  "version": "1.72.31",
   "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/application/generation-strategy.factory.ts

@@ -61,10 +61,6 @@ export function createGenerationStrategy(
       return result.data;
     },
 
-    getCreditCost: () => {
-      return featureConfig.creditCost;
-    },
-
     save: async (result: unknown, uid: string) => {
       if (!repository) {
         if (typeof __DEV__ !== "undefined" && __DEV__) {

package/src/domains/generation/wizard/configs/image-to-video.config.ts

@@ -31,7 +31,12 @@ export const IMAGE_TO_VIDEO_WIZARD_CONFIG: WizardFeatureConfig = {
       type: "selection",
       titleKey: "generation.duration.title",
       selectionType: "duration",
-      options: [{ id: "4s", label: "4 seconds", value: 4 }],
+      layout: "list",
+      options: [
+        { id: "4s", label: "4 seconds", value: 4 },
+        { id: "5s", label: "5 seconds", value: 5 },
+        { id: "6s", label: "6 seconds", value: 6 },
+      ],
       required: true,
       defaultValue: "4s",
     },

package/src/domains/generation/wizard/configs/text-to-video.config.ts

@@ -49,7 +49,12 @@ export const TEXT_TO_VIDEO_WIZARD_CONFIG: WizardFeatureConfig = {
       type: "selection",
       titleKey: "generation.duration.title",
       selectionType: "duration",
-      options: [{ id: "4s", label: "4 seconds", value: 4 }],
+      layout: "list",
+      options: [
+        { id: "4s", label: "4 seconds", value: 4 },
+        { id: "5s", label: "5 seconds", value: 5 },
+        { id: "6s", label: "6 seconds", value: 6 },
+      ],
       required: true,
       defaultValue: "4s",
     },

package/src/domains/generation/wizard/domain/entities/wizard-step.types.ts

@@ -53,6 +53,7 @@ export interface SelectionStepConfig extends BaseStepConfig {
     readonly value: unknown;
   }[];
   readonly multiSelect?: boolean;
+  readonly layout?: "grid" | "list";
   readonly defaultValue?: string | string[];
 }
 

package/src/domains/generation/wizard/infrastructure/strategies/image-generation.strategy.ts

@@ -101,7 +101,5 @@ export function createImageStrategy(options: CreateImageStrategyOptions): Wizard
 
       return { imageUrl: result.imageUrl };
     },
-
-    getCreditCost: () => creditCost,
   };
 }

package/src/domains/generation/wizard/infrastructure/strategies/video-generation.strategy.ts

@@ -103,7 +103,5 @@ export function createVideoStrategy(options: CreateVideoStrategyOptions): Wizard
         error: result.error,
       };
     },
-
-    getCreditCost: () => creditCost,
   };
 }

package/src/domains/generation/wizard/infrastructure/strategies/wizard-strategy.types.ts

@@ -15,6 +15,4 @@ export interface WizardStrategy {
   execute: (input: unknown) => Promise<{ imageUrl?: string; videoUrl?: string }>;
   /** Submit to queue for background processing - returns immediately with requestId */
   submitToQueue?: (input: unknown) => Promise<QueueSubmissionResult>;
-  /** Get credit cost for this generation */
-  getCreditCost: () => number;
 }

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

@@ -73,6 +73,7 @@ export function renderSelectionStep({
       config={{
         multiSelect: selectionConfig?.multiSelect ?? false,
         required: isRequired,
+        layout: selectionConfig?.layout,
       }}
       initialValue={initialValue}
       onBack={onBack}

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

@@ -134,7 +134,7 @@ export const SelectionScreen: React.FC<SelectionScreenProps> = ({
       <ScreenLayout scrollable={true} edges={["left", "right"]} hideScrollIndicator={true} contentContainerStyle={styles.scrollContent}>
         <AtomicText type="headlineMedium" color="textPrimary" style={styles.title}>{translations.title}</AtomicText>
         {translations.subtitle ? <AtomicText type="bodyMedium" color="textSecondary" style={styles.subtitle}>{translations.subtitle}</AtomicText> : null}
-        <View style={styles.optionsGrid}>{options.map(renderOption)}</View>
+        <View style={[styles.optionsGrid, config?.layout === "grid" && { flexDirection: "row", flexWrap: "wrap" }]}>{options.map(renderOption)}</View>
       </ScreenLayout>
     </View>
   );
@@ -145,19 +145,19 @@ const createStyles = (tokens: DesignTokens) =>
     scrollContent: { paddingHorizontal: tokens.spacing.lg, paddingBottom: 40 },
     title: { marginBottom: tokens.spacing.sm },
     subtitle: { marginBottom: tokens.spacing.lg },
-    optionsGrid: { flexDirection: "row", flexWrap: "wrap", gap: tokens.spacing.sm },
+    optionsGrid: { gap: tokens.spacing.sm },
     optionCard: {
       flex: 1,
-      minWidth: "45%",
+      width: "100%",
       padding: tokens.spacing.md,
       borderWidth: 2,
       borderRadius: tokens.borders.radius.md,
+      flexDirection: "row",
       alignItems: "center",
-      justifyContent: "center",
-      gap: tokens.spacing.xs,
+      gap: tokens.spacing.md,
       position: "relative",
     },
-    optionLabel: { textAlign: "center" },
+    optionLabel: { flex: 1, textAlign: "left" },
     checkmark: {
       position: "absolute",
       top: tokens.spacing.xs,

package/src/domains/generation/wizard/presentation/screens/SelectionScreen.types.ts

@@ -19,6 +19,7 @@ export interface SelectionScreenTranslations {
 export interface SelectionScreenConfig {
   readonly multiSelect?: boolean;
   readonly required?: boolean;
+  readonly layout?: "grid" | "list";
 }
 
 export interface SelectionScreenProps {

package/src/domains/image-to-video/presentation/hooks/imageToVideoStrategy.ts

@@ -66,7 +66,6 @@ export const createImageToVideoStrategy = (
         thumbnailUrl: result.thumbnailUrl,
       };
     },
-    getCreditCost: () => config.creditCost ?? 0,
     save: async (result) => {
       if (result.success && result.videoUrl && creationIdRef.current) {
         await callbacks?.onCreationSave?.({

package/src/domains/text-to-image/presentation/hooks/useGeneration.ts

@@ -65,7 +65,6 @@ export function useGeneration(options: UseGenerationOptions): UseGenerationRetur
         }
         return result.imageUrls;
       },
-      getCreditCost: () => totalCost,
     }),
     [callbacks, totalCost],
   );
@@ -74,7 +73,6 @@ export function useGeneration(options: UseGenerationOptions): UseGenerationRetur
   const { generate, isGenerating, error } = useGenerationOrchestrator(strategy, {
     userId: userId ?? undefined,
     alertMessages: DEFAULT_ALERT_MESSAGES,
-    onCreditsExhausted: () => callbacks.onCreditsRequired?.(totalCost),
     onSuccess: (result) => {
       const imageUrls = result as string[];
       if (typeof __DEV__ !== "undefined" && __DEV__) {

package/src/domains/text-to-video/presentation/hooks/textToVideoStrategy.ts

@@ -65,7 +65,6 @@ export const createTextToVideoStrategy = (
         thumbnailUrl: result.thumbnailUrl,
       };
     },
-    getCreditCost: () => config.creditCost,
     save: async (result) => {
       if (result.success && result.videoUrl && creationIdRef.current) {
         await callbacks.onCreationSave?.({

package/src/presentation/hooks/ai-feature-callbacks-execution.hooks.ts

@@ -14,7 +14,6 @@ export interface UseExecutionCallbackParams<TRequest, TResult> {
     imageUrl?: string;
     imageUrls?: string[];
   }>;
-  deductCredits?: (amount: number) => Promise<void>;
   creditCostPerUnit: number;
   onSuccess?: (result: TResult) => void;
   onError?: (error: string) => void;
@@ -30,17 +29,13 @@ export interface ExecutionCallbacks<TRequest> {
 export function useExecutionCallback<TRequest = unknown, TResult = unknown>(
   params: UseExecutionCallbackParams<TRequest, TResult>,
 ): ExecutionCallbacks<TRequest> {
-  const { executor, deductCredits, creditCostPerUnit, onSuccess, onError } = params;
+  const { executor, creditCostPerUnit, onSuccess, onError } = params;
 
   const executeGeneration = useCallback(
     async (request: TRequest): Promise<AIFeatureGenerationResult> => {
       try {
         const result = await executor(request);
 
-        if (result.success && deductCredits) {
-          await deductCredits(creditCostPerUnit);
-        }
-
         if (result.success && result.data) {
           onSuccess?.(result.data);
         } else if (!result.success && result.error) {
@@ -57,7 +52,7 @@ export function useExecutionCallback<TRequest = unknown, TResult = unknown>(
         return { success: false, error: message };
       }
     },
-    [executor, deductCredits, creditCostPerUnit, onSuccess, onError],
+    [executor, creditCostPerUnit, onSuccess, onError],
   );
 
   return {

package/src/presentation/hooks/ai-feature-callbacks.types.ts

@@ -28,7 +28,6 @@ export interface AIFeatureCallbacksConfig<TRequest = unknown, TResult = unknown>
   // Actions from app - showAuthModal accepts callback for post-auth resume
   showAuthModal: (callback?: () => void) => void;
   openPaywall: () => void;
-  deductCredits?: (amount: number) => Promise<void>;
 
   // Optional callbacks
   onSuccess?: (result: TResult) => void;

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

@@ -64,7 +64,6 @@ export const useDualImageGeneration = (
 
         return result.imageUrl;
       },
-      getCreditCost: () => creditCost,
     }),
     [model, getPrompt, creditCost],
   );
@@ -73,7 +72,6 @@ export const useDualImageGeneration = (
   const orchestrator = useGenerationOrchestrator(strategy, {
     userId,
     alertMessages,
-    onCreditsExhausted,
     onSuccess: (result) => onSuccess?.(result as string),
     onError: (error) => onError?.(error.message),
   });

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

@@ -72,7 +72,6 @@ export const useImageGeneration = <TInput extends ImageGenerationInput, TResult>
 
         return processResult(result.imageUrl, input);
       },
-      getCreditCost: () => creditCost,
       save: buildCreation
         ? async (result, uid) => {
             const creation = buildCreation(result, lastInputRef.current ?? ({} as TInput));
@@ -90,7 +89,6 @@ export const useImageGeneration = <TInput extends ImageGenerationInput, TResult>
   return useGenerationOrchestrator(strategy, {
     userId,
     alertMessages,
-    onCreditsExhausted,
     onSuccess: onSuccess as (result: unknown) => void,
     onError: handleError,
   });

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

@@ -82,7 +82,6 @@ export const useVideoGeneration = <TResult>(
 
         return processResult(result.videoUrl, input);
       },
-      getCreditCost: () => creditCost,
       save: buildCreation
         ? async (result, uid) => {
             const creation = buildCreation(result, lastInputRef.current ?? {} as DualImageVideoInput);
@@ -105,7 +104,6 @@ export const useVideoGeneration = <TResult>(
   return useGenerationOrchestrator(strategy, {
     userId,
     alertMessages,
-    onCreditsExhausted,
     onSuccess: onSuccess as (result: unknown) => void,
     onError: handleError,
   });

package/src/presentation/hooks/useAIFeatureCallbacks.ts

@@ -42,7 +42,6 @@ export function useAIFeatureCallbacks<TRequest = unknown, TResult = unknown>(
     executor,
     showAuthModal,
     openPaywall,
-    deductCredits,
     onSuccess,
     onError,
   } = config;
@@ -64,7 +63,6 @@ export function useAIFeatureCallbacks<TRequest = unknown, TResult = unknown>(
   // Execution callback
   const executionCallbacks = useExecutionCallback({
     executor,
-    deductCredits,
     creditCostPerUnit,
     onSuccess,
     onError,