@umituz/react-native-ai-generation-content 1.20.17 → 1.20.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.20.17",
+  "version": "1.20.19",
   "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/domain/repositories/ICreationsRepository.ts

@@ -29,5 +29,6 @@ export interface ICreationsRepository {
     userId: string,
     creationId: string,
     rating: number,
+    description?: string,
   ): Promise<boolean>;
 }

package/src/domains/creations/infrastructure/repositories/CreationsRepository.ts

@@ -102,7 +102,8 @@ export class CreationsRepository
     userId: string,
     creationId: string,
     rating: number,
+    description?: string,
   ): Promise<boolean> {
-    return this.writer.rate(userId, creationId, rating);
+    return this.writer.rate(userId, creationId, rating, description);
   }
 }

package/src/domains/creations/infrastructure/repositories/CreationsWriter.ts

@@ -1,5 +1,6 @@
 import { setDoc, updateDoc, deleteDoc } from "firebase/firestore";
 import { type FirestorePathResolver } from "@umituz/react-native-firebase";
+import { submitFeedback } from "@umituz/react-native-subscription";
 import type { Creation, CreationDocument } from "../../domain/entities/Creation";
 
 declare const __DEV__: boolean;
@@ -153,17 +154,37 @@ export class CreationsWriter {
         userId: string,
         creationId: string,
         rating: number,
+        description?: string,
     ): Promise<boolean> {
         const docRef = this.pathResolver.getDocRef(userId, creationId);
         if (!docRef) return false;
 
         try {
+            // Update creation document with rating
             await updateDoc(docRef, {
                 rating,
                 ratedAt: new Date(),
             });
+
+            // If description exists or we want to log every rating as feedback
+            // we submit to feedback collection
+            if (description || rating) {
+                await submitFeedback({
+                    userId,
+                    userEmail: null, // We don't have email here, but standard is userId
+                    type: "creation_rating",
+                    title: `Creation Rating: ${rating} Stars`,
+                    description: description || `User rated creation ${rating} stars`,
+                    rating,
+                    status: "pending",
+                });
+            }
+
             return true;
-        } catch {
+        } catch (error) {
+            if (__DEV__) {
+                 console.error("[CreationsWriter] rate() error", error);
+            }
             return false;
         }
     }

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

@@ -107,10 +107,10 @@ export function CreationsGalleryScreen({
     setShowRatingPicker(true);
   }, []);
 
-  const handleSubmitRating = useCallback((rating: number) => {
+  const handleSubmitRating = useCallback((rating: number, description: string) => {
     if (!userId || !selectedCreation) return;
     void (async () => {
-      const success = await repository.rate(userId, selectedCreation.id, rating);
+      const success = await repository.rate(userId, selectedCreation.id, rating, description);
       if (success) {
         setSelectedCreation({ ...selectedCreation, rating, ratedAt: new Date() });
         alert.show(AlertType.SUCCESS, AlertMode.TOAST, t("result.rateSuccessTitle"), t("result.rateSuccessMessage"));
@@ -219,6 +219,7 @@ export function CreationsGalleryScreen({
           title={t("result.rateTitle")}
           submitLabel={t("common.submit")}
           cancelLabel={t("common.cancel")}
+          descriptionPlaceholder={t("result.feedbackPlaceholder")}
         />
       </>
     );

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

@@ -4,7 +4,7 @@
  */
 
 import React, { useState, useMemo } from "react";
-import { StyleSheet, View, TouchableOpacity, Modal } from "react-native";
+import { StyleSheet, View, TouchableOpacity, Modal, TextInput } from "react-native";
 import {
   AtomicIcon,
   AtomicText,
@@ -15,10 +15,11 @@ import {
 export interface StarRatingPickerProps {
   visible: boolean;
   onClose: () => void;
-  onRate: (rating: number) => void;
+  onRate: (rating: number, description: string) => void;
   title?: string;
   submitLabel?: string;
   cancelLabel?: string;
+  descriptionPlaceholder?: string;
 }
 
 export const StarRatingPicker: React.FC<StarRatingPickerProps> = ({
@@ -28,9 +29,11 @@ export const StarRatingPicker: React.FC<StarRatingPickerProps> = ({
   title = "Rate this creation",
   submitLabel = "Submit",
   cancelLabel = "Cancel",
+  descriptionPlaceholder = "Tell us what you think... (Optional)",
 }) => {
   const tokens = useAppDesignTokens();
   const [selectedRating, setSelectedRating] = useState(0);
+  const [description, setDescription] = useState("");
 
   const styles = useMemo(
     () =>
@@ -47,7 +50,7 @@ export const StarRatingPicker: React.FC<StarRatingPickerProps> = ({
           borderRadius: 20,
           padding: tokens.spacing.xl,
           width: "100%",
-          maxWidth: 320,
+          maxWidth: 340,
           alignItems: "center",
         },
         title: {
@@ -61,11 +64,27 @@ export const StarRatingPicker: React.FC<StarRatingPickerProps> = ({
           flexDirection: "row",
           justifyContent: "center",
           gap: 8,
-          marginBottom: tokens.spacing.xl,
+          marginBottom: tokens.spacing.lg,
         },
         starButton: {
           padding: 4,
         },
+        inputContainer: {
+          width: "100%",
+          marginBottom: tokens.spacing.lg,
+        },
+        input: {
+          width: "100%",
+          minHeight: 80,
+          borderWidth: 1,
+          borderColor: tokens.colors.border,
+          borderRadius: tokens.shapes.radius.md,
+          padding: tokens.spacing.md,
+          color: tokens.colors.textPrimary,
+          backgroundColor: tokens.colors.background,
+          textAlignVertical: "top",
+          fontSize: 14,
+        },
         buttonsContainer: {
           flexDirection: "row",
           gap: tokens.spacing.md,
@@ -80,14 +99,16 @@ export const StarRatingPicker: React.FC<StarRatingPickerProps> = ({
 
   const handleSubmit = () => {
     if (selectedRating > 0) {
-      onRate(selectedRating);
+      onRate(selectedRating, description);
       setSelectedRating(0);
+      setDescription("");
       onClose();
     }
   };
 
   const handleClose = () => {
     setSelectedRating(0);
+    setDescription("");
     onClose();
   };
 
@@ -125,23 +146,36 @@ export const StarRatingPicker: React.FC<StarRatingPickerProps> = ({
               </TouchableOpacity>
             ))}
           </View>
-          <View style={styles.buttonsContainer}>
-            <View style={styles.button}>
-              <AtomicButton
-                title={cancelLabel}
-                variant="secondary"
-                onPress={handleClose}
+            <View style={styles.inputContainer}>
+              <TextInput
+                style={styles.input}
+                placeholder={descriptionPlaceholder}
+                placeholderTextColor={tokens.colors.textTertiary}
+                multiline
+                numberOfLines={3}
+                value={description}
+                onChangeText={setDescription}
+                maxLength={500}
               />
             </View>
-            <View style={styles.button}>
-              <AtomicButton
-                title={submitLabel}
-                variant="primary"
-                onPress={handleSubmit}
-                disabled={selectedRating === 0}
-              />
+
+            <View style={styles.buttonsContainer}>
+              <View style={styles.button}>
+                <AtomicButton
+                  title={cancelLabel}
+                  variant="secondary"
+                  onPress={handleClose}
+                />
+              </View>
+              <View style={styles.button}>
+                <AtomicButton
+                  title={submitLabel}
+                  variant="primary"
+                  onPress={handleSubmit}
+                  disabled={selectedRating === 0}
+                />
+              </View>
             </View>
-          </View>
         </TouchableOpacity>
       </TouchableOpacity>
     </Modal>