@umituz/react-native-ai-generation-content 1.17.279 → 1.17.281

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.17.279",
+  "version": "1.17.281",
   "description": "Provider-agnostic AI generation orchestration for React Native with result preview components",
   "main": "src/index.ts",
   "types": "src/index.ts",
@@ -38,7 +38,6 @@
   },
   "dependencies": {
     "@umituz/react-native-auth": "*",
-    "@umituz/react-native-design-system": "*",
     "@umituz/react-native-firebase": "*"
   },
   "peerDependencies": {
@@ -63,7 +62,7 @@
     "@types/react": "~19.1.10",
     "@typescript-eslint/eslint-plugin": "^8.0.0",
     "@typescript-eslint/parser": "^8.0.0",
-    "@umituz/react-native-design-system": "*",
+    "@umituz/react-native-design-system": "^2.8.20",
     "@umituz/react-native-firebase": "*",
     "@umituz/react-native-localization": "*",
     "eslint": "^9.0.0",

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

@@ -101,6 +101,18 @@ export function CreationsGalleryScreen({
     setSelectedCreation(null);
   }, []);
 
+  const handleRate = useCallback(() => {
+    if (!userId || !selectedCreation) return;
+    void (async () => {
+      const success = await repository.rate(userId, selectedCreation.id, 5);
+      if (success) {
+        setSelectedCreation({ ...selectedCreation, rating: 5, ratedAt: new Date() });
+        alert.show(AlertType.SUCCESS, AlertMode.TOAST, t("rating.thankYouTitle"), t("rating.thankYouMessage"));
+        void refetch();
+      }
+    })();
+  }, [userId, selectedCreation, repository, alert, t, refetch]);
+
   const filterButtons = useMemo(() => {
     const buttons = [];
     if (showStatusFilter) {
@@ -168,6 +180,7 @@ export function CreationsGalleryScreen({
 
   // Show result preview when a creation is selected
   if (selectedCreation && selectedImageUrl) {
+    const hasRating = selectedCreation.rating !== undefined && selectedCreation.rating !== null;
     return (
       <ResultPreviewScreen
         imageUrl={selectedImageUrl}
@@ -177,9 +190,11 @@ export function CreationsGalleryScreen({
         onShare={handleShare}
         onTryAgain={handleTryAgain}
         onNavigateBack={handleBack}
+        onRate={handleRate}
         hideLabel
         iconOnly
         showTryAgain={false}
+        showRating={!hasRating}
         translations={{
           title: t(config.translations.title),
           yourResult: "",

package/src/domains/result-preview/presentation/components/ResultActionBar.tsx

@@ -18,11 +18,13 @@ export const ResultActionBar: React.FC<ResultActionBarProps> = ({
   onDownload,
   onShare,
   onTryAgain,
+  onRate,
   saveButtonText,
   shareButtonText,
   tryAgainButtonText,
   iconOnly = false,
   showTryAgain = true,
+  showRating = false,
 }) => {
   const tokens = useAppDesignTokens();
 
@@ -80,7 +82,7 @@ export const ResultActionBar: React.FC<ResultActionBarProps> = ({
           {isSaving ? (
             <ActivityIndicator color={tokens.colors.textInverse} size="small" />
           ) : (
-            <AtomicIcon name="download" customSize={24} color="onPrimary" />
+            <AtomicIcon name="Download" customSize={24} color="onPrimary" />
           )}
         </TouchableOpacity>
         <TouchableOpacity
@@ -92,9 +94,18 @@ export const ResultActionBar: React.FC<ResultActionBarProps> = ({
           {isSharing ? (
             <ActivityIndicator color={tokens.colors.textInverse} size="small" />
           ) : (
-            <AtomicIcon name="share-2" customSize={24} color="onPrimary" />
+            <AtomicIcon name="Share2" customSize={24} color="onPrimary" />
           )}
         </TouchableOpacity>
+        {showRating && onRate && (
+          <TouchableOpacity
+            style={styles.iconButton}
+            onPress={onRate}
+            activeOpacity={0.7}
+          >
+            <AtomicIcon name="Star" customSize={24} color="onPrimary" />
+          </TouchableOpacity>
+        )}
       </View>
     );
   }

package/src/domains/result-preview/presentation/components/ResultPreviewScreen.tsx

@@ -24,6 +24,7 @@ export const ResultPreviewScreen: React.FC<ResultPreviewScreenProps> = ({
   onShare,
   onTryAgain,
   onNavigateBack,
+  onRate,
   recentCreations,
   onViewAll,
   onCreationPress,
@@ -32,6 +33,7 @@ export const ResultPreviewScreen: React.FC<ResultPreviewScreenProps> = ({
   hideLabel = false,
   iconOnly = false,
   showTryAgain = true,
+  showRating = false,
 }) => {
   const tokens = useAppDesignTokens();
 
@@ -80,11 +82,13 @@ export const ResultPreviewScreen: React.FC<ResultPreviewScreenProps> = ({
             onDownload={onDownload}
             onShare={onShare}
             onTryAgain={onTryAgain}
+            onRate={onRate}
             saveButtonText={translations.saveButton}
             shareButtonText={translations.shareButton}
             tryAgainButtonText={translations.tryAnother}
             iconOnly={iconOnly}
             showTryAgain={showTryAgain}
+            showRating={showRating}
           />
         </View>
         {recentCreations && recentCreations.length > 0 && translations.recentCreations && translations.viewAll && (

package/src/domains/result-preview/presentation/types/result-preview.types.ts

@@ -63,6 +63,8 @@ export interface ResultActionBarProps {
   onShare: () => void;
   /** Try again callback */
   onTryAgain: () => void;
+  /** Rate callback */
+  onRate?: () => void;
   /** Save button text */
   saveButtonText: string;
   /** Share button text */
@@ -73,6 +75,8 @@ export interface ResultActionBarProps {
   iconOnly?: boolean;
   /** Show try again button */
   showTryAgain?: boolean;
+  /** Show rating button */
+  showRating?: boolean;
 }
 
 /**
@@ -100,7 +104,7 @@ export interface ResultPreviewScreenProps {
   onShare: () => void;
   onTryAgain: () => void;
   onNavigateBack: () => void;
-  _onRate?: () => void;
+  onRate?: () => void;
   /** Recent creations to display */
   recentCreations?: readonly RecentCreation[];
   /** Navigate to all creations */
@@ -117,6 +121,8 @@ export interface ResultPreviewScreenProps {
   iconOnly?: boolean;
   /** Show try again button */
   showTryAgain?: boolean;
+  /** Show rating button */
+  showRating?: boolean;
 }
 
 /**