@umituz/react-native-ai-generation-content 1.17.34 → 1.17.35

package/package.json

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

package/src/features/text-to-image/domain/constants/options.constants.ts

@@ -13,12 +13,19 @@ import type {
 
 export const DEFAULT_NUM_IMAGES_OPTIONS: NumImages[] = [1, 2, 3, 4];
 
+/**
+ * @deprecated Use createAspectRatioOptions factory with translations instead
+ * This will be removed in next major version
+ */
 export const DEFAULT_ASPECT_RATIO_OPTIONS: { value: AspectRatio; label: string }[] = [
-  { value: "9:16", label: "Portrait (9:16)" },
-  { value: "16:9", label: "Landscape (16:9)" },
-  { value: "1:1", label: "Square (1:1)" },
+  { value: "9:16", label: "9:16" },
+  { value: "16:9", label: "16:9" },
+  { value: "1:1", label: "1:1" },
 ];
 
+/**
+ * @deprecated Apps should provide their own translated labels
+ */
 export const DEFAULT_SIZE_OPTIONS: { value: ImageSize; label: string }[] = [
   { value: "512x512", label: "512×512" },
   { value: "768x768", label: "768×768" },
@@ -27,6 +34,9 @@ export const DEFAULT_SIZE_OPTIONS: { value: ImageSize; label: string }[] = [
   { value: "1792x1024", label: "1792×1024" },
 ];
 
+/**
+ * @deprecated Apps should provide their own translated labels
+ */
 export const DEFAULT_OUTPUT_FORMAT_OPTIONS: { value: OutputFormat; label: string }[] = [
   { value: "png", label: "PNG" },
   { value: "jpeg", label: "JPEG" },

package/src/presentation/components/selectors/factories/aspect-ratio.factory.ts

@@ -0,0 +1,56 @@
+/**
+ * Aspect Ratio Factory
+ * Creates i18n-ready aspect ratio options
+ */
+
+import type { AspectRatioOption } from "../types";
+
+export interface AspectRatioTranslations {
+  landscape: {
+    name: string;
+    description: string;
+  };
+  portrait: {
+    name: string;
+    description: string;
+  };
+  square: {
+    name: string;
+    description: string;
+  };
+}
+
+/**
+ * Creates aspect ratio options with translations
+ * @param translations - Translated labels from app
+ * @returns Array of aspect ratio options
+ */
+export const createAspectRatioOptions = (
+  translations: AspectRatioTranslations
+): AspectRatioOption[] => [
+  {
+    id: "16:9",
+    name: translations.landscape.name,
+    icon: "Monitor",
+    description: translations.landscape.description,
+  },
+  {
+    id: "9:16",
+    name: translations.portrait.name,
+    icon: "Smartphone",
+    description: translations.portrait.description,
+  },
+  {
+    id: "1:1",
+    name: translations.square.name,
+    icon: "Square",
+    description: translations.square.description,
+  },
+];
+
+/**
+ * Default aspect ratio IDs (no translation needed)
+ */
+export const ASPECT_RATIO_IDS = ["16:9", "9:16", "1:1"] as const;
+
+export type AspectRatioId = (typeof ASPECT_RATIO_IDS)[number];

package/src/presentation/components/selectors/factories/duration.factory.ts

@@ -0,0 +1,33 @@
+/**
+ * Duration Factory
+ * Creates i18n-ready duration options
+ */
+
+import type { DurationValue } from "../types";
+
+export interface DurationOption {
+  value: DurationValue;
+  label: string;
+}
+
+/**
+ * Creates duration options with translations
+ * @param durations - Array of duration values in seconds
+ * @param formatLabel - Function to format duration label (e.g., "4s", "8 seconds")
+ * @returns Array of duration options
+ */
+export const createDurationOptions = (
+  durations: readonly DurationValue[],
+  formatLabel: (seconds: DurationValue) => string
+): DurationOption[] =>
+  durations.map((duration) => ({
+    value: duration,
+    label: formatLabel(duration),
+  }));
+
+/**
+ * Common duration values (seconds)
+ */
+export const COMMON_DURATIONS = [4, 8, 12, 16] as const;
+
+export type CommonDuration = (typeof COMMON_DURATIONS)[number];

package/src/presentation/components/selectors/factories/index.ts

@@ -0,0 +1,8 @@
+/**
+ * Selector Factories
+ * i18n-ready factory functions for selector options
+ */
+
+export * from "./aspect-ratio.factory";
+export * from "./duration.factory";
+export * from "./style.factory";

package/src/presentation/components/selectors/factories/style.factory.ts

@@ -0,0 +1,47 @@
+/**
+ * Style Factory
+ * Creates i18n-ready style options
+ */
+
+import type { StyleOption } from "../types";
+
+export interface StyleTranslation {
+  name: string;
+  description?: string;
+}
+
+export type StyleTranslations = Record<string, StyleTranslation>;
+
+/**
+ * Creates style options with translations
+ * @param styleIds - Array of style IDs
+ * @param translations - Map of style ID to translations
+ * @param getThumbnail - Optional function to get thumbnail URL for style
+ * @returns Array of style options
+ */
+export const createStyleOptions = (
+  styleIds: readonly string[],
+  translations: StyleTranslations,
+  getThumbnail?: (styleId: string) => string | undefined
+): StyleOption[] =>
+  styleIds.map((id) => ({
+    id,
+    name: translations[id]?.name || id,
+    description: translations[id]?.description,
+    thumbnail: getThumbnail?.(id),
+  }));
+
+/**
+ * Helper to create style options from array of style configs
+ */
+export const createStyleOptionsFromConfig = <T extends { id: string }>(
+  styles: readonly T[],
+  translations: StyleTranslations,
+  getThumbnail?: (style: T) => string | undefined
+): StyleOption[] =>
+  styles.map((style) => ({
+    id: style.id,
+    name: translations[style.id]?.name || style.id,
+    description: translations[style.id]?.description,
+    thumbnail: getThumbnail?.(style),
+  }));

package/src/presentation/components/selectors/index.ts

@@ -16,3 +16,5 @@ export type {
   AspectRatioOption,
   DurationValue,
 } from "./types";
+
+export * from "./factories";