@umituz/react-native-ai-generation-content 1.17.297 → 1.17.299

package/package.json

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

package/src/features/love-message/index.ts

@@ -17,6 +17,8 @@ export { LoveMessageGeneratorScreen } from "./presentation/screens/LoveMessageGe
 export { MessageListScreen } from "./presentation/screens/MessageListScreen";
 export { PartnerProfileScreen } from "./presentation/screens/PartnerProfileScreen";
 
+export { LoveMessageStack, type LoveMessageStackParamList } from "./presentation/navigation/LoveMessageStack";
+
 export { ExploreHeader } from "./presentation/components/ExploreHeader";
 export { LoveMessageHeroSection } from "./presentation/components/LoveMessageHeroSection";
 export { CategoryGrid } from "./presentation/components/CategoryGrid";

package/src/features/love-message/infrastructure/persistence/PartnerProfileRepository.ts

@@ -3,8 +3,8 @@
  * Handles persistence of partner profile data
  */
 
-import AsyncStorage from "@react-native-async-storage/async-storage";
-import { PartnerProfile } from "../../domain/types";
+import { storageRepository, unwrap } from "@umituz/react-native-design-system";
+import type { PartnerProfile } from "../../domain/types";
 
 const PARTNER_PROFILE_STORAGE_KEY = "love_message_partner_profile";
 
@@ -14,7 +14,9 @@ export const PartnerProfileRepository = {
    */
   getProfile: async (): Promise<PartnerProfile | null> => {
     try {
-      const data = await AsyncStorage.getItem(PARTNER_PROFILE_STORAGE_KEY);
+      const result = await storageRepository.getString(PARTNER_PROFILE_STORAGE_KEY, null);
+      const data = unwrap(result, null);
+
       if (data) {
         return JSON.parse(data) as PartnerProfile;
       }
@@ -29,7 +31,7 @@ export const PartnerProfileRepository = {
    */
   saveProfile: async (profile: PartnerProfile): Promise<boolean> => {
     try {
-      await AsyncStorage.setItem(PARTNER_PROFILE_STORAGE_KEY, JSON.stringify(profile));
+      await storageRepository.setItem(PARTNER_PROFILE_STORAGE_KEY, JSON.stringify(profile));
       return true;
     } catch {
       return false;
@@ -41,7 +43,7 @@ export const PartnerProfileRepository = {
    */
   clearProfile: async (): Promise<boolean> => {
     try {
-      await AsyncStorage.removeItem(PARTNER_PROFILE_STORAGE_KEY);
+      await storageRepository.removeItem(PARTNER_PROFILE_STORAGE_KEY);
       return true;
     } catch {
       return false;

package/src/features/love-message/presentation/navigation/LoveMessageStack.tsx

@@ -4,7 +4,10 @@
  */
 
 import React from "react";
-import { createStackNavigator } from "@react-navigation/stack";
+import {
+  StackNavigator,
+  type StackNavigatorConfig,
+} from "@umituz/react-native-design-system";
 import { LoveMessageExploreScreen } from "../screens/LoveMessageExploreScreen";
 import { MessageListScreen } from "../screens/MessageListScreen";
 import { LoveMessageGeneratorScreen } from "../screens/LoveMessageGeneratorScreen";
@@ -18,15 +21,19 @@ export type LoveMessageStackParamList = {
   PartnerProfile: undefined;
 };
 
-const Stack = createStackNavigator<LoveMessageStackParamList>();
+const stackConfig: StackNavigatorConfig<LoveMessageStackParamList> = {
+  initialRouteName: "LoveMessageExplore",
+  screenOptions: {
+    headerShown: false,
+  },
+  screens: [
+    { name: "LoveMessageExplore", component: LoveMessageExploreScreen },
+    { name: "MessageList", component: MessageListScreen },
+    { name: "MessageGenerator", component: LoveMessageGeneratorScreen },
+    { name: "PartnerProfile", component: PartnerProfileScreen },
+  ],
+};
 
 export const LoveMessageStack: React.FC = () => {
-  return (
-    <Stack.Navigator screenOptions={{ headerShown: false }} initialRouteName="LoveMessageExplore">
-      <Stack.Screen name="LoveMessageExplore" component={LoveMessageExploreScreen} />
-      <Stack.Screen name="MessageList" component={MessageListScreen} />
-      <Stack.Screen name="MessageGenerator" component={LoveMessageGeneratorScreen} />
-      <Stack.Screen name="PartnerProfile" component={PartnerProfileScreen} />
-    </Stack.Navigator>
-  );
+  return <StackNavigator config={stackConfig} />;
 };

package/src/features/scenarios/presentation/components/ScenarioGrid.tsx

@@ -70,8 +70,8 @@ export const ScenarioGrid: React.FC<ScenarioGridProps> = ({
   const isLoadingMore = isLoading && displayedCount > pageSize;
 
   const styles = useMemo(
-    () => createStyles(tokens, cardWidth, cardSpacing),
-    [tokens, cardWidth, cardSpacing],
+    () => createStyles(tokens, cardWidth, cardSpacing, horizontalPadding),
+    [tokens, cardWidth, cardSpacing, horizontalPadding],
   );
 
   const loadMore = useCallback(() => {
@@ -96,23 +96,23 @@ export const ScenarioGrid: React.FC<ScenarioGridProps> = ({
 
   const ListEmptyComponent = useMemo(
     () => (
-      <View style={styles.centerContainer}>
+      <View style={[styles.centerContainer, { paddingHorizontal: horizontalPadding }]}>
         <AtomicText type="bodyMedium" color="textSecondary">
           {t("scenario.empty")}
         </AtomicText>
       </View>
     ),
-    [t, styles.centerContainer],
+    [t, styles.centerContainer, horizontalPadding],
   );
 
   const ListFooterComponent = useMemo(
     () =>
       isLoadingMore ? (
-        <View style={styles.footerLoader}>
+        <View style={[styles.footerLoader, { paddingHorizontal: horizontalPadding }]}>
           <AtomicSkeleton pattern="card" count={2} />
         </View>
       ) : null,
-    [isLoadingMore, styles.footerLoader],
+    [isLoadingMore, styles.footerLoader, horizontalPadding],
   );
 
   const ListHeaderComponent = useMemo(
@@ -184,7 +184,6 @@ export const ScenarioGrid: React.FC<ScenarioGridProps> = ({
         styles.listContent,
         {
           paddingBottom: insets.bottom + 100,
-          paddingHorizontal: horizontalPadding,
         },
       ]}
       initialNumToRender={pageSize}
@@ -198,6 +197,7 @@ const createStyles = (
   tokens: DesignTokens,
   cardWidth: number,
   cardSpacing: number,
+  horizontalPadding: number,
 ) =>
   StyleSheet.create({
     container: {
@@ -210,6 +210,7 @@ const createStyles = (
     row: {
       gap: cardSpacing,
       marginBottom: cardSpacing,
+      paddingHorizontal: horizontalPadding,
     },
     centerContainer: {
       flex: 1,