@umituz/react-native-ai-generation-content 1.12.33 → 1.12.35

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.12.33",
+  "version": "1.12.35",
   "description": "Provider-agnostic AI generation orchestration for React Native",
   "main": "src/index.ts",
   "types": "src/index.ts",
@@ -45,6 +45,7 @@
     "@umituz/react-native-firebase": "*",
     "@umituz/react-native-image": "*",
     "@umituz/react-native-offline": "*",
+    "@umituz/react-native-timezone": "*",
     "@umituz/react-native-uuid": "*",
     "expo-linear-gradient": ">=15.0.0",
     "firebase": ">=10.0.0",
@@ -71,6 +72,7 @@
     "@umituz/react-native-haptics": "^1.0.2",
     "@umituz/react-native-image": "*",
     "@umituz/react-native-offline": "*",
+    "@umituz/react-native-timezone": "^1.3.4",
     "@umituz/react-native-uuid": "*",
     "eslint": "^8.57.0",
     "expo-application": "^7.0.8",

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

@@ -1,8 +1,3 @@
-/**
- * CreationCard Component
- * Displays a creation item with actions
- */
-
 import React, { useMemo, useCallback } from "react";
 import { View, Image, TouchableOpacity, StyleSheet } from "react-native";
 import {
@@ -10,6 +5,7 @@ import {
   AtomicIcon,
   useAppDesignTokens,
 } from "@umituz/react-native-design-system";
+import { timezoneService } from "@umituz/react-native-timezone";
 import type { Creation } from "../../domain/entities/Creation";
 import type { CreationType } from "../../domain/value-objects/CreationsConfig";
 
@@ -20,6 +16,7 @@ interface CreationCardProps {
   readonly onShare: (creation: Creation) => void;
   readonly onDelete: (creation: Creation) => void;
   readonly onFavorite?: (creation: Creation, isFavorite: boolean) => void;
+  readonly locale?: string;
 }
 
 export function CreationCard({
@@ -29,11 +26,12 @@ export function CreationCard({
   onShare,
   onDelete,
   onFavorite,
+  locale = "en-US",
 }: CreationCardProps) {
   const tokens = useAppDesignTokens();
 
   const typeConfig = types.find((t) => t.id === creation.type);
-  const icon = typeConfig?.icon || "🎨";
+  const icon = typeConfig?.icon;
   const label = typeConfig?.labelKey || creation.type;
 
   const handleView = useCallback(() => onView?.(creation), [creation, onView]);
@@ -52,13 +50,14 @@ export function CreationCard({
       creation.createdAt instanceof Date
         ? creation.createdAt
         : new Date(creation.createdAt);
-    return date.toLocaleDateString(undefined, {
-      day: "numeric",
+
+    return timezoneService.formatDateTime(date, locale, {
       month: "short",
+      day: "numeric",
       hour: "2-digit",
       minute: "2-digit",
     });
-  }, [creation.createdAt]);
+  }, [creation.createdAt, locale]);
 
   const styles = useMemo(
     () =>

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

@@ -14,6 +14,7 @@ interface CreationsGridProps {
     readonly onShare: (creation: Creation) => void;
     readonly onDelete: (creation: Creation) => void;
     readonly onFavorite?: (creation: Creation, isFavorite: boolean) => void;
+    readonly locale?: string;
     readonly contentContainerStyle?: ViewStyle;
     readonly ListEmptyComponent?: React.ReactElement | null;
     readonly ListHeaderComponent?: React.ComponentType<unknown> | React.ReactElement | null;
@@ -28,6 +29,7 @@ export const CreationsGrid: React.FC<CreationsGridProps> = ({
     onShare,
     onDelete,
     onFavorite,
+    locale,
     contentContainerStyle,
     ListEmptyComponent,
     ListHeaderComponent,
@@ -43,6 +45,7 @@ export const CreationsGrid: React.FC<CreationsGridProps> = ({
             onShare={() => onShare(item)}
             onDelete={() => onDelete(item)}
             onFavorite={onFavorite ? (creation, isFavorite) => onFavorite(creation, isFavorite) : undefined}
+            locale={locale}
         />
     );
 

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

@@ -64,10 +64,21 @@ export const FilterBottomSheet = forwardRef<BottomSheetModal, FilterBottomSheetP
         );
     }, [onFilterPress, selectedIds, styles]);
 
+    const backgroundStyle = useMemo(() => ({
+        backgroundColor: tokens.colors.surface,
+    }), [tokens.colors.surface]);
+
+    const handleIndicatorStyle = useMemo(() => ({
+        backgroundColor: tokens.colors.outline,
+    }), [tokens.colors.outline]);
+
     return (
         <BottomSheetModal
             ref={ref}
             snapPoints={snapPoints}
+            backgroundStyle={backgroundStyle}
+            handleIndicatorStyle={handleIndicatorStyle}
+            enablePanDownToClose
         >
             <View style={styles.header}>
                 <AtomicText style={styles.headerTitle}>{title}</AtomicText>

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

@@ -19,6 +19,7 @@ interface CreationsGalleryScreenProps {
   readonly repository: ICreationsRepository;
   readonly config: CreationsConfig;
   readonly t: (key: string) => string;
+  readonly locale?: string;
   readonly enableEditing?: boolean;
   readonly onImageEdit?: (uri: string, creationId: string) => void | Promise<void>;
   readonly onEmptyAction?: () => void;
@@ -30,6 +31,7 @@ export function CreationsGalleryScreen({
   repository,
   config,
   t,
+  locale = "en-US",
   enableEditing = false,
   onImageEdit,
   onEmptyAction,
@@ -162,6 +164,7 @@ export function CreationsGalleryScreen({
         onShare={handleShare}
         onDelete={handleDelete}
         onFavorite={handleFavorite}
+        locale={locale}
         contentContainerStyle={{ paddingBottom: insets.bottom + tokens.spacing.xl }}
         ListEmptyComponent={renderEmptyComponent}
       />