@umituz/react-native-ai-generation-content 1.90.20 → 1.90.22

package/package.json

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

package/src/presentation/components/display/AIGenerationResult.tsx

@@ -1,7 +1,8 @@
 import React, { PropsWithChildren } from "react";
-import { View, StyleSheet, Dimensions, type ViewStyle } from "react-native";
+import { View, StyleSheet, type ViewStyle } from "react-native";
 import { AtomicText, AtomicButton } from "@umituz/react-native-design-system/atoms";
 import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
+import { useResponsive } from "@umituz/react-native-design-system/responsive";
 
 export interface AIGenerationResultAction {
   label: string;
@@ -45,8 +46,8 @@ export const AIGenerationResult: React.FC<AIGenerationResultProps> = ({
   children,
 }) => {
   const tokens = useAppDesignTokens();
-  const screenWidth = Dimensions.get("window").width;
-  const contentSize = screenWidth - 48;
+  const responsive = useResponsive();
+  const contentSize = responsive.width - 48;
 
   const displaySuccessText = successText || translations?.successText;
 

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

@@ -9,12 +9,12 @@ import {
   View,
   ScrollView,
   StyleSheet,
-  Dimensions,
   type ViewStyle,
   type StyleProp,
   type DimensionValue,
 } from "react-native";
 import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
+import { useResponsive } from "@umituz/react-native-design-system/responsive";
 import { ResultHeader } from "./ResultHeader";
 import { ResultImageCard } from "./ResultImageCard";
 import { ResultStoryCard } from "./ResultStoryCard";
@@ -22,8 +22,6 @@ import { ResultActions } from "./ResultActions";
 import type { ResultConfig } from "../../types/result-config.types";
 import { DEFAULT_RESULT_CONFIG } from "../../types/result-config.types";
 
-const { width } = Dimensions.get("window");
-
 export interface GenerationResultData {
   imageUrl: string;
   story?: string;
@@ -63,10 +61,11 @@ export const GenerationResultContent: React.FC<
   config = DEFAULT_RESULT_CONFIG,
 }) => {
   const tokens = useAppDesignTokens();
+  const responsive = useResponsive();
   const cfg = { ...DEFAULT_RESULT_CONFIG, ...config };
 
   const styles = useMemo(() => {
-    const containerWidth = cfg.layout?.maxWidth ?? width - 40;
+    const containerWidth = cfg.layout?.maxWidth ?? responsive.width - 40;
     const maxHeight: DimensionValue = (cfg.layout?.maxHeight ??
       "90%") as DimensionValue;
 
@@ -88,7 +87,7 @@ export const GenerationResultContent: React.FC<
         paddingHorizontal: cfg.layout?.contentPadding?.horizontal ?? 0,
       },
     });
-  }, [tokens, cfg, width]);
+  }, [tokens, cfg, responsive.width]);
 
   return (
     <View style={[styles.container, modalStyle]}>