@nualang/nualang-ui-components 0.1.1326 → 0.1.1329

package/dist/Assignments/CreateAssignmentDialog/CreateAssignmentDialog.js

@@ -73,6 +73,7 @@ export default function CreateAssignmentDialog({
     exercises: submittedExercises
   });
   const [isTitleEdited, setIsTitleEdited] = useState(Boolean(initialData.title));
+  const [isCreating, setIsCreating] = useState(false);
   const classroomQuery = useQueries({
     queries: (Array.isArray(assignment.classroomId) ? assignment.classroomId : [assignment.classroomId]).map(cId => ({
       queryKey: classroomQuerys.classroomKeys.item(cId, username),
@@ -262,6 +263,7 @@ export default function CreateAssignmentDialog({
     }));
   };
   const handleCreateAssignment = async () => {
+    setIsCreating(true);
     try {
       await Promise.all(assignment.classroomId.map(async cId => {
         const selectedClassroomMembers = uniqueClassroomMembers.filter(member => member.classroomId === cId).map(student => student.memberId).filter(studentId => assignment?.assignedStudents.includes(studentId));
@@ -275,6 +277,8 @@ export default function CreateAssignmentDialog({
       handleClose();
     } catch (error) {
       console.error("Error creating assignments:", error);
+    } finally {
+      setIsCreating(false);
     }
   };
   const handleRemoveExercise = toRemove => {
@@ -647,7 +651,7 @@ export default function CreateAssignmentDialog({
         },
         children: /*#__PURE__*/_jsx(Button, {
           "data-cy": "assignment-assign-button",
-          disabled: !assignment.assignedStudents?.length || !assignment.scheduleDate || !assignment.dueDate || !assignment.title || !assignment.classroomId || !assignment.exercises?.length,
+          disabled: isCreating || !assignment.assignedStudents?.length || !assignment.scheduleDate || !assignment.dueDate || !assignment.title || !assignment.classroomId || !assignment.exercises?.length,
           onClick: async () => await handleCreateAssignment(),
           children: t("assign")
         })

package/dist/Cards/FeedbackCard/FeedbackCard.js

@@ -4,6 +4,8 @@ import { grey, green } from "@mui/material/colors";
 import AutoFixHighIcon from "@mui/icons-material/AutoFixHigh";
 import ErrorOutlineIcon from "@mui/icons-material/ErrorOutline";
 import CheckCircleIcon from "@mui/icons-material/CheckCircle";
+import TrendingUpIcon from "@mui/icons-material/TrendingUp";
+import TrendingDownIcon from "@mui/icons-material/TrendingDown";
 import { Formik } from "formik";
 import * as Yup from "yup";
 import RecordingDialog from "../../Dialogs/RecordingDialog/RecordingDialog";
@@ -13,8 +15,39 @@ import level2Rubric from "../../Dialogs/PDFViewer/rubrics/level2Rubric.pdf";
 import level3Rubric from "../../Dialogs/PDFViewer/rubrics/level3Rubric.pdf";
 import level4Rubric from "../../Dialogs/PDFViewer/rubrics/level4Rubric.pdf";
 import HelpOutlineIcon from "@mui/icons-material/HelpOutline";
-import NualaCreating from "../../Misc/NualaCreating/NualaCreating";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const getPerformanceLevel = (student, aiGrade) => {
+  if (!aiGrade || Object.keys(aiGrade).length === 0) return null;
+  const keyVariants = [student.username, `${student.username}Student`, student.username?.replace(/\s+/g, "")];
+  const aiData = keyVariants.map(k => aiGrade?.[k]).find(v => v && typeof v === "object") || null;
+  return aiData?.LevelPerformance || null;
+};
+const getPerformanceChipProps = (level, t) => {
+  switch (level?.toLowerCase()) {
+    case 'above':
+      return {
+        label: t('above_level'),
+        color: 'success',
+        icon: /*#__PURE__*/_jsx(TrendingUpIcon, {
+          sx: {
+            fontSize: 16
+          }
+        })
+      };
+    case 'below':
+      return {
+        label: t('below_level'),
+        color: 'warning',
+        icon: /*#__PURE__*/_jsx(TrendingDownIcon, {
+          sx: {
+            fontSize: 16
+          }
+        })
+      };
+    default:
+      return null;
+  }
+};
 export default function FeedbackCard({
   t = x => x,
   discussionData = {},
@@ -39,7 +72,8 @@ export default function FeedbackCard({
   goToTimestamp = () => {},
   startTimes = {},
   canSubmitAll = {},
-  setCanSubmit = () => {}
+  setCanSubmit = () => {},
+  setIsGeneratingIndividual = () => {}
 }) {
   const [isRecordingDialogOpen, setIsRecordingDialogOpen] = useState(false);
   const [hasBeenEdited, setHasBeenEdited] = useState(false);
@@ -50,6 +84,7 @@ export default function FeedbackCard({
   const [openPDF, setOpenPDF] = useState(false);
   const [pageNumber, setPageNumber] = useState(1);
   const [scale, setScale] = useState(1);
+  const [isGeneratingFeedback, setIsGeneratingFeedback] = useState(false);
   const handleChangeCheckbox = event => {
     setCheckedSubmissions({
       ...checkedSubmissions,
@@ -81,18 +116,21 @@ export default function FeedbackCard({
       attendedMembers.forEach(student => {
         const existingStudentFeedback = existingFeedback[student.memberId];
         feedbackData[student.memberId] = {
-          feedbackText: existingStudentFeedback?.feedbackText || ""
+          feedbackText: existingStudentFeedback?.feedbackText || "",
+          levelPerformance: existingStudentFeedback?.levelPerformance || null
         };
       });
       notAttendedMembers.forEach(student => {
         feedbackData[student.memberId] = {
-          feedbackText: existingFeedback[student.memberId]?.feedbackText || t("not_present")
+          feedbackText: existingFeedback[student.memberId]?.feedbackText || t("not_present"),
+          levelPerformance: existingFeedback[student.memberId]?.levelPerformance || null
         };
       });
     } else {
       selectedMembers.forEach(student => {
         feedbackData[student.memberId] = {
-          feedbackText: existingFeedback[student.memberId]?.feedbackText || ""
+          feedbackText: existingFeedback[student.memberId]?.feedbackText || "",
+          levelPerformance: existingFeedback[student.memberId]?.levelPerformance || null
         };
       });
     }
@@ -132,6 +170,9 @@ export default function FeedbackCard({
       if (aiData?.Feedback) {
         formik.setFieldValue(`feedbackData.${student.memberId}.feedbackText`, aiData.Feedback);
       }
+      if (aiData?.LevelPerformance) {
+        formik.setFieldValue(`feedbackData.${student.memberId}.levelPerformance`, aiData.LevelPerformance);
+      }
     });
     setHasBeenEdited(true);
     setIsSubmitted(false);
@@ -159,7 +200,14 @@ export default function FeedbackCard({
   }, [submitTrigger]);
   const handleGenerateAI = async () => {
     setAiJustGenerated(true);
-    await onGenerateFeedback(discussionData);
+    setIsGeneratingFeedback(true);
+    setIsGeneratingIndividual(true);
+    try {
+      await onGenerateFeedback(discussionData);
+    } finally {
+      setIsGeneratingFeedback(false);
+      setIsGeneratingIndividual(false);
+    }
   };
   const handleOpenPDF = () => {
     setOpenPDF(true);
@@ -182,9 +230,18 @@ export default function FeedbackCard({
           const feedbackDataWithAbsent = {
             ...values.feedbackData
           };
+          selectedMembers.forEach(student => {
+            const existingLevel = feedbackDataWithAbsent[student.memberId]?.levelPerformance;
+            const aiLevel = getPerformanceLevel(student, aiGrade);
+            feedbackDataWithAbsent[student.memberId] = {
+              ...feedbackDataWithAbsent[student.memberId],
+              levelPerformance: existingLevel ?? aiLevel ?? null
+            };
+          });
           notAttendedMembers.forEach(student => {
             feedbackDataWithAbsent[student.memberId] = {
-              feedbackText: t("not_present")
+              feedbackText: t("not_present"),
+              levelPerformance: feedbackDataWithAbsent[student.memberId]?.levelPerformance ?? null
             };
           });
           await onSubmitFeedback({
@@ -241,23 +298,7 @@ export default function FeedbackCard({
               overflow: "hidden",
               backgroundColor: "background.paper"
             },
-            children: [aiJustGenerated ? /*#__PURE__*/_jsxs(Grid, {
-              sx: {
-                ...(!aiJustGenerated && {
-                  display: "none"
-                })
-              },
-              mx: 2,
-              size: 12,
-              children: [/*#__PURE__*/_jsx(Typography, {
-                variant: "h6",
-                sx: {
-                  mt: 2,
-                  mb: 2
-                },
-                children: t("generating_feedback")
-              }), /*#__PURE__*/_jsx(NualaCreating, {})]
-            }) : /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsxs(_Fragment, {
               children: [/*#__PURE__*/_jsxs(Box, {
                 sx: {
                   px: 3,
@@ -322,6 +363,8 @@ export default function FeedbackCard({
                   const isAbsent = hasSubmission && !joinedMembers.includes(student.memberId);
                   const disabled = !hasSubmission || isAbsent;
                   const studentFeedback = values.feedbackData[student.memberId] || {};
+                  const perfLevel = studentFeedback.levelPerformance || getPerformanceLevel(student, aiGrade);
+                  const chipProps = getPerformanceChipProps(perfLevel, t);
                   return /*#__PURE__*/_jsx(Box, {
                     sx: {
                       py: 2
@@ -338,7 +381,7 @@ export default function FeedbackCard({
                         children: /*#__PURE__*/_jsxs(Box, {
                           display: "flex",
                           alignItems: "center",
-                          gap: 2,
+                          gap: 1.5,
                           children: [/*#__PURE__*/_jsx(Avatar, {
                             alt: student.username,
                             src: student.userImage,
@@ -347,12 +390,65 @@ export default function FeedbackCard({
                               height: 48,
                               filter: isAbsent ? "grayscale(100%)" : "none"
                             }
-                          }), /*#__PURE__*/_jsx(Typography, {
-                            fontWeight: 600,
-                            sx: {
-                              color: isAbsent ? grey[500] : "text.primary"
-                            },
-                            children: student.username
+                          }), /*#__PURE__*/_jsxs(Box, {
+                            display: "flex",
+                            flexDirection: "column",
+                            gap: 0.5,
+                            children: [/*#__PURE__*/_jsx(Typography, {
+                              fontWeight: 600,
+                              sx: {
+                                color: isAbsent ? grey[500] : "text.primary"
+                              },
+                              children: student.username
+                            }), chipProps && hasSubmission && !isAbsent && /*#__PURE__*/_jsx(Tooltip, {
+                              title: /*#__PURE__*/_jsxs(Box, {
+                                sx: {
+                                  p: 0.5
+                                },
+                                children: [/*#__PURE__*/_jsx(Typography, {
+                                  variant: "body2",
+                                  fontWeight: "bold",
+                                  sx: {
+                                    mb: 0.5
+                                  },
+                                  children: t('ai_performance_assessment')
+                                }), /*#__PURE__*/_jsx(Typography, {
+                                  variant: "caption",
+                                  sx: {
+                                    display: 'block',
+                                    mb: 0.5
+                                  },
+                                  children: t('performance_chip_tooltip')
+                                }), /*#__PURE__*/_jsx(Typography, {
+                                  variant: "caption",
+                                  sx: {
+                                    fontStyle: 'italic',
+                                    opacity: 0.9
+                                  },
+                                  children: t('performance_chip_note')
+                                })]
+                              }),
+                              placement: "top",
+                              children: /*#__PURE__*/_jsx(Chip, {
+                                label: chipProps.label,
+                                color: chipProps.color,
+                                size: "small",
+                                icon: chipProps.icon,
+                                sx: {
+                                  width: 'fit-content',
+                                  fontWeight: 600,
+                                  fontSize: '0.7rem',
+                                  height: '22px',
+                                  '& .MuiChip-label': {
+                                    paddingLeft: '8px',
+                                    paddingRight: '8px'
+                                  },
+                                  '&:hover': {
+                                    opacity: 0.9
+                                  }
+                                }
+                              })
+                            })]
                           })]
                         })
                       }), /*#__PURE__*/_jsx(Grid, {
@@ -420,16 +516,16 @@ export default function FeedbackCard({
                 },
                 children: [/*#__PURE__*/_jsx(Button, {
                   variant: "outlined",
-                  disabled: !hasSubmission || aiJustGenerated,
+                  disabled: !hasSubmission || isGeneratingFeedback,
                   onClick: handleOpenRecordingDialog,
                   children: t("view_recording")
                 }), /*#__PURE__*/_jsx(Button, {
                   variant: "contained",
                   color: "secondary",
-                  disabled: !hasSubmission || aiJustGenerated,
+                  disabled: !hasSubmission || isGeneratingFeedback,
                   onClick: handleGenerateAI,
                   endIcon: /*#__PURE__*/_jsx(AutoFixHighIcon, {}),
-                  children: t("generate_feedback")
+                  children: isGeneratingFeedback ? t("generating") : t("generate_feedback")
                 }), /*#__PURE__*/_jsx(Button, {
                   type: "submit",
                   variant: "contained",

package/dist/Dialogs/GenerateBot/GenerateBot.js

@@ -261,7 +261,8 @@ function GenerateBotDialog({
             required: true,
             onChange: handleChange,
             multiline: true,
-            rows: 3
+            rows: 3,
+            autoFocus: true
             // maxLength={200}
           })
         }), /*#__PURE__*/_jsx(Grid, {