@umituz/react-native-ai-generation-content 1.17.285 → 1.17.287

package/package.json

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

package/src/domains/creations/presentation/components/CreationBadges.tsx

@@ -4,10 +4,12 @@
  */
 
 import React, { useMemo } from "react";
-import { View, StyleSheet, Text } from "react-native";
+import { View, StyleSheet } from "react-native";
 import {
   useAppDesignTokens,
   AtomicIcon,
+  AtomicText,
+  withAlpha,
 } from "@umituz/react-native-design-system";
 import type { CreationStatus, CreationTypeId } from "../../domain/types";
 import { getStatusColorKey, getStatusText, getTypeIcon, getTypeText } from "../../domain/utils";
@@ -54,7 +56,7 @@ export function CreationBadges({
           paddingHorizontal: 8,
           paddingVertical: 4,
           borderRadius: 12,
-          backgroundColor: statusColor + "20",
+          backgroundColor: withAlpha(statusColor, 0.2),
         },
         statusDot: {
           width: 6,
@@ -96,14 +98,14 @@ export function CreationBadges({
       {showStatus && (
         <View style={styles.statusBadge}>
           <View style={styles.statusDot} />
-          <Text style={styles.statusText}>{displayStatusText}</Text>
+          <AtomicText style={styles.statusText}>{displayStatusText}</AtomicText>
         </View>
       )}
 
       {showType && type && (
         <View style={styles.typeBadge}>
           <AtomicIcon name={typeIcon} color="textInverse" size="xs" />
-          <Text style={styles.typeText}>{displayTypeText}</Text>
+          <AtomicText style={styles.typeText}>{displayTypeText}</AtomicText>
         </View>
       )}
     </>

package/src/domains/creations/presentation/components/CreationCardMeta.tsx

@@ -4,8 +4,8 @@
  */
 
 import React, { useMemo } from "react";
-import { View, StyleSheet, Text } from "react-native";
-import { useAppDesignTokens } from "@umituz/react-native-design-system";
+import { View, StyleSheet } from "react-native";
+import { useAppDesignTokens, AtomicText } from "@umituz/react-native-design-system";
 
 interface CreationCardMetaProps {
   readonly formattedDate: string;
@@ -38,11 +38,11 @@ export function CreationCardMeta({
 
   return (
     <View style={styles.meta}>
-      <Text style={styles.metaText}>{formattedDate}</Text>
+      <AtomicText style={styles.metaText}>{formattedDate}</AtomicText>
       {provider && (
         <>
-          <Text style={[styles.metaText, styles.metaDot]}>•</Text>
-          <Text style={styles.metaText}>{provider}</Text>
+          <AtomicText style={[styles.metaText, styles.metaDot]}>•</AtomicText>
+          <AtomicText style={styles.metaText}>{provider}</AtomicText>
         </>
       )}
     </View>

package/src/features/partner-upload/presentation/hooks/usePartnerStep.ts

@@ -5,8 +5,7 @@
 
 import { useState, useCallback } from "react";
 import { Alert } from "react-native";
-import * as FileSystem from "expo-file-system";
-import { useMedia, MediaLibraryPermission } from "@umituz/react-native-design-system";
+import { useMedia, MediaLibraryPermission, readFileAsBase64 } from "@umituz/react-native-design-system";
 import type { UploadedImage } from "../../domain/types";
 
 export interface UsePartnerStepConfig {
@@ -93,9 +92,11 @@ export const usePartnerStep = (options: UsePartnerStepOptions) => {
         return;
       }
 
-      const base64 = await FileSystem.readAsStringAsync(asset.uri, {
-        encoding: "base64",
-      });
+      const base64 = await readFileAsBase64(asset.uri);
+      if (!base64) {
+        Alert.alert(translations.error, translations.uploadFailed);
+        return;
+      }
 
       const uploadedImage: UploadedImage = {
         uri: asset.uri,

package/src/presentation/components/StylePresetsGrid.tsx

@@ -4,7 +4,7 @@
  */
 
 import React from "react";
-import { View, TouchableOpacity, Text, StyleSheet } from "react-native";
+import { View, TouchableOpacity, StyleSheet } from "react-native";
 import {
   AtomicText,
   useAppDesignTokens,
@@ -56,7 +56,7 @@ export const StylePresetsGrid: React.FC<StylePresetsGridProps> = ({
             disabled={disabled}
           >
             <View style={styles.cardHeader}>
-              <Text style={styles.emoji}>{preset.emoji}</Text>
+              <AtomicText style={styles.emoji}>{preset.emoji}</AtomicText>
               {preset.duration !== undefined && (
                 <View
                   style={[