@umituz/react-native-ai-generation-content 1.17.215 → 1.17.217

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.17.215",
+  "version": "1.17.217",
   "description": "Provider-agnostic AI generation orchestration for React Native",
   "main": "src/index.ts",
   "types": "src/index.ts",
@@ -16,7 +16,7 @@
     "src"
   ],
   "scripts": {
-    "typecheck": "tsc --noEmit",
+    "typecheck": "tsc --noEmit --skipLibCheck",
     "lint": "eslint src --ext .ts,.tsx --max-warnings 0",
     "lint:fix": "eslint src --ext .ts,.tsx --fix"
   },
@@ -50,12 +50,12 @@
   "peerDependencies": {
     "@react-navigation/native": ">=6.0.0",
     "@tanstack/react-query": ">=5.0.0",
+    "@umituz/react-native-video-editor": ">=1.0.0",
     "expo-linear-gradient": ">=15.0.0",
     "firebase": ">=10.0.0",
     "react": ">=18.0.0",
     "react-native": ">=0.74.0",
-    "react-native-safe-area-context": ">=4.0.0",
-    "@umituz/react-native-video-editor": ">=1.0.0"
+    "react-native-safe-area-context": ">=4.0.0"
   },
   "devDependencies": {
     "@expo/vector-icons": "^15.0.3",
@@ -81,6 +81,7 @@
     "@umituz/react-native-timezone": "latest",
     "@umituz/react-native-uuid": "latest",
     "eslint": "^9.0.0",
+    "expo-apple-authentication": "^8.0.8",
     "expo-application": "^7.0.8",
     "expo-clipboard": "^8.0.8",
     "expo-crypto": "^15.0.8",
@@ -90,6 +91,7 @@
     "expo-image": "^3.0.11",
     "expo-linear-gradient": "~15.0.7",
     "expo-localization": "^17.0.8",
+    "expo-network": "^8.0.8",
     "expo-sharing": "^14.0.8",
     "expo-video": "^3.0.15",
     "firebase": "^12.6.0",
@@ -100,6 +102,7 @@
     "react-native-gesture-handler": "^2.30.0",
     "react-native-reanimated": "^4.2.1",
     "react-native-safe-area-context": "^5.6.2",
+    "react-native-svg": "^15.15.1",
     "rn-emoji-keyboard": "^1.7.0",
     "typescript": "^5.9.0",
     "zustand": "^5.0.2"

package/src/domain/interfaces/app-services.interface.ts

@@ -104,6 +104,24 @@ export interface IAnalyticsService {
   track: (event: string, data: Record<string, unknown>) => void;
 }
 
+/**
+ * Feature utils interface (optional)
+ * Provides utility functions for AI features
+ */
+export interface IFeatureUtils {
+  /**
+   * Select image from gallery
+   * @returns Image URI or null if cancelled
+   */
+  selectImage: () => Promise<string | null>;
+
+  /**
+   * Save video to device library
+   * @param uri - Video URI to save
+   */
+  saveVideo: (uri: string) => Promise<void>;
+}
+
 /**
  * Combined app services interface
  * Apps implement this to provide all required services
@@ -114,6 +132,7 @@ export interface IAppServices {
   readonly paywall: IPaywallService;
   readonly auth: IAuthService;
   readonly analytics?: IAnalyticsService;
+  readonly featureUtils?: IFeatureUtils;
 }
 
 /**

package/src/domains/creations/presentation/components/CreationDetail/DetailVideo.tsx

@@ -3,19 +3,19 @@
  * Video player with thumbnail and play controls for creation detail view
  */
 
-import React, { useMemo, useState } from "react";
-import { View, StyleSheet } from "react-native";
+import React, { useMemo } from "react";
+import { View } from "react-native";
 import { VideoView, useVideoPlayer } from "expo-video";
 import { useResponsive } from "@umituz/react-native-design-system";
 
 interface DetailVideoProps {
   readonly videoUrl: string;
-  readonly thumbnailUrl?: string;
+  readonly _thumbnailUrl?: string;
 }
 
 export const DetailVideo: React.FC<DetailVideoProps> = ({
   videoUrl,
-  thumbnailUrl,
+  _thumbnailUrl,
 }) => {
   const { width, horizontalPadding, spacingMultiplier } = useResponsive();
   const videoWidth = width - (horizontalPadding * 2);

package/src/domains/creations/presentation/screens/CreationDetailScreen.tsx

@@ -89,7 +89,7 @@ export const CreationDetailScreen: React.FC<CreationDetailScreenProps> = ({
                 showsVerticalScrollIndicator={false}
             >
                 {isVideo ? (
-                    <DetailVideo videoUrl={videoUrl} thumbnailUrl={thumbnailUrl} />
+                    <DetailVideo videoUrl={videoUrl} _thumbnailUrl={thumbnailUrl} />
                 ) : (
                     <DetailImage uri={creation.uri} onPress={handleImagePress} />
                 )}

package/src/features/couple-future/presentation/hooks/useCoupleFutureGeneration.ts

@@ -4,11 +4,12 @@ import { executeCoupleFuture } from "../../infrastructure/executor";
 import type { CoupleFutureInput } from "../../domain/types";
 import type { PhotoGenerationConfig, PhotoGenerationError } from "../../../../presentation/hooks/photo-generation.types";
 import { createCreationsRepository } from "../../../../domains/creations/infrastructure/adapters";
+import type { Creation } from "../../../../domains/creations/domain/entities/Creation";
 
 export interface UseCoupleFutureGenerationConfig<TInput extends CoupleFutureInput, TResult> {
   userId: string | undefined;
   processResult: (imageUrl: string, input: TInput) => Promise<TResult> | TResult;
-  buildCreation?: (result: TResult, input: TInput) => any; // Type 'Creation' if known, otherwise any
+  buildCreation?: (result: TResult, input: TInput) => Creation | null;
   deductCredits?: () => Promise<void>;
   onSuccess?: (result: TResult) => void;
   onError?: (error: string) => void;

package/src/features/meme-generator/presentation/components/MemeGeneratorFeature.tsx

@@ -17,10 +17,20 @@ import { GenerationResultContent } from "../../../../presentation/components/res
 
 // Constants (Using default provided styles if config doesn't override)
 import { DEFAULT_IMAGE_STYLES } from "../../../text-to-image/domain/constants/styles.constants";
+import type { TextToImageFeatureConfig } from "../../../text-to-image/domain/types";
 
 export interface MemeGeneratorFeatureProps {
-  config: any; // AIFeatureConfig merged with extraConfig
-  translations: any;
+  config: TextToImageFeatureConfig & {
+    styles?: Array<{
+        id: string;
+        name: string;
+        emoji?: string;
+        icon?: string;
+        description?: string;
+    }>;
+    [key: string]: unknown;
+  };
+  translations: Record<string, string>;
   onSaveImage: (url: string) => Promise<void>;
   onBeforeProcess?: () => Promise<boolean>;
 }
@@ -36,10 +46,16 @@ export const MemeGeneratorFeature: React.FC<MemeGeneratorFeatureProps> = ({
   const userId = authService.getUserId() || "anonymous";
 
   // Config can override styles, or use defaults
-  const stylesList = config.styles || DEFAULT_IMAGE_STYLES || [];
+  const stylesList = config.styles || DEFAULT_IMAGE_STYLES;
   
   // Transform styles for GridSelector
-  const styleOptions = useMemo(() => stylesList.map((s: any) => ({
+  const styleOptions = useMemo(() => stylesList.map((s: { 
+    id: string; 
+    name: string; 
+    emoji?: string; 
+    icon?: string; 
+    description?: string; 
+  }) => ({
       value: s.id,
       label: s.name,
       emoji: s.emoji || s.icon, // Handle different formats
@@ -48,10 +64,8 @@ export const MemeGeneratorFeature: React.FC<MemeGeneratorFeatureProps> = ({
 
   const { state, setPrompt, generate, reset, isReady } = useTextToImageFeature({
     config: {
+        ...config,
         model: config.model || "fal-ai/nano-banana-edit", 
-        buildInput: config.buildInput,
-        extractResult: config.extractResult,
-        ...config
     },
     userId,
   });

package/src/index.ts

@@ -10,6 +10,7 @@ export type {
   SubscribeOptions, RunOptions, ImageFeatureType, VideoFeatureType, ImageFeatureInputData,
   VideoFeatureInputData, ProviderCapabilities, ProviderProgressInfo, INetworkService,
   ICreditService, IPaywallService, IAuthService, IAnalyticsService, IAppServices, PartialAppServices,
+  IFeatureUtils,
 } from "./domain/interfaces";
 
 export { AIErrorType } from "./domain/entities";

package/src/presentation/components/result/GenerationResultContent.tsx

@@ -6,6 +6,7 @@
 import * as React from "react";
 import { useMemo } from "react";
 import {
+  View,
   ScrollView,
   StyleSheet,
   Dimensions,
@@ -14,7 +15,6 @@ import {
   type DimensionValue,
 } from "react-native";
 import {
-  Animated,
   useAppDesignTokens,
 } from "@umituz/react-native-design-system";
 import { ResultHeader } from "./ResultHeader";
@@ -93,7 +93,7 @@ export const GenerationResultContent: React.FC<
   }, [tokens, cfg, width]);
 
   return (
-    <Animated.View style={[styles.container, modalStyle]}>
+    <View style={[styles.container, modalStyle]}>
       <ScrollView
         style={styles.scrollView}
         contentContainerStyle={styles.scrollContent}
@@ -123,6 +123,6 @@ export const GenerationResultContent: React.FC<
           config={cfg.actions}
         />
       </ScrollView>
-    </Animated.View>
+    </View>
   );
 };

package/src/types/globals.d.ts

@@ -1,81 +0,0 @@
-declare const __DEV__: boolean;
-declare const console: {
-  log: (...args: unknown[]) => void;
-  error: (...args: unknown[]) => void;
-  warn: (...args: unknown[]) => void;
-  info: (...args: unknown[]) => void;
-  debug: (...args: unknown[]) => void;
-};
-
-// React Native + React 19 compatibility fix
-// https://github.com/DefinitelyTyped/DefinitelyTyped/discussions/67742
-declare module 'react-native' {
-  import type {
-    ComponentType,
-    ReactElement,
-    JSXElementConstructor,
-    ReactNode,
-  } from 'react';
-
-  export interface ViewProps {
-    children?: ReactNode;
-    style?: any;
-    testID?: string;
-    accessible?: boolean;
-    accessibilityLabel?: string;
-    accessibilityHint?: string;
-    accessibilityRole?: string;
-    accessibilityState?: any;
-    onLayout?: (event: any) => void;
-    pointerEvents?: 'box-none' | 'box-only' | 'auto' | 'none';
-    hitSlop?: any;
-    removeClippedSubviews?: boolean;
-    collapsable?: boolean;
-    needsOffscreenAlphaCompositing?: boolean;
-    renderToHardwareTextureAndroid?: boolean;
-    shouldRasterizeIOS?: boolean;
-    onAccessibilityTap?: () => void;
-    onMagicTap?: () => void;
-    [key: string]: any;
-  }
-
-  export interface TextProps {
-    children?: ReactNode;
-    style?: any;
-    testID?: string;
-    numberOfLines?: number;
-    ellipsizeMode?: 'head' | 'middle' | 'tail' | 'clip';
-    allowFontScaling?: boolean;
-    adjustsFontSizeToFit?: boolean;
-    minimumFontScale?: number;
-    maxFontSizeMultiplier?: number;
-    selectable?: boolean;
-    selectionColor?: string;
-    accessibilityLabel?: string;
-    [key: string]: any;
-  }
-
-  export const View: ComponentType<ViewProps>;
-  export const Text: ComponentType<TextProps>;
-  export const Image: ComponentType<any>;
-  export const ScrollView: ComponentType<any>;
-  export const FlatList: ComponentType<any>;
-  export const SectionList: ComponentType<any>;
-  export const TextInput: ComponentType<any>;
-  export const TouchableOpacity: ComponentType<any>;
-  export const TouchableHighlight: ComponentType<any>;
-  export const TouchableWithoutFeedback: ComponentType<any>;
-  export const Pressable: ComponentType<any>;
-  export const ActivityIndicator: ComponentType<any>;
-  export const Modal: ComponentType<any>;
-  export const SafeAreaView: ComponentType<any>;
-  export const KeyboardAvoidingView: ComponentType<any>;
-  export const StatusBar: ComponentType<any>;
-  export const Animated: {
-    View: ComponentType<any>;
-    Text: ComponentType<any>;
-    Image: ComponentType<any>;
-    ScrollView: ComponentType<any>;
-    [key: string]: any;
-  };
-}