touchstudy-core 0.1.151 → 0.1.153

package/dist/index.js

@@ -6516,26 +6516,23 @@ var formatDataMyAnswer = function formatDataMyAnswer(inputData, categories) {
   });
   return questionsByCategory;
 };
-var formatTextbookDataMyAnswer = function formatTextbookDataMyAnswer(inputData, categories) {
-  var uniqueCategories = new Set();
-  var filterCategories = categories.filter(function (category) {
-    if (!uniqueCategories.has(category.name)) {
-      uniqueCategories.add(category.name);
-      return true;
-    }
-    return false;
-  });
-  var questionsByCategory = filterCategories.map(function (category) {
+var formatTextbookDataMyAnswer = function formatTextbookDataMyAnswer(inputData, questionGroupIds) {
+  var questionsByCategories = questionGroupIds.map(function (questionGroupId) {
+    var _questions$, _questions$$categorie, _questions$2, _questions$2$categori;
+    var questions = inputData.studentQuestionResults.filter(function (question) {
+      return question.questionGroupId === questionGroupId;
+    });
+    var category = questions === null || questions === void 0 ? void 0 : (_questions$ = questions[0]) === null || _questions$ === void 0 ? void 0 : (_questions$$categorie = _questions$.categories) === null || _questions$$categorie === void 0 ? void 0 : _questions$$categorie[0];
+    var subcategory = !category ? null : questions === null || questions === void 0 ? void 0 : (_questions$2 = questions[0]) === null || _questions$2 === void 0 ? void 0 : (_questions$2$categori = _questions$2.categories) === null || _questions$2$categori === void 0 ? void 0 : _questions$2$categori.find(function (c) {
+      return !!c.parentCategoryId && c.parentCategoryId === (category === null || category === void 0 ? void 0 : category.id);
+    });
     return {
-      category: category,
-      questions: inputData.studentQuestionResults.filter(function (question) {
-        return !!question.categories.find(function (i) {
-          return i.name === category.name;
-        });
-      })
+      categories: category && subcategory ? [category, subcategory] : category ? [category] : [],
+      questions: questions,
+      questionGroupId: questionGroupId
     };
   });
-  return questionsByCategory;
+  return questionsByCategories;
 };
 var totalSolveTimeCategories = function totalSolveTimeCategories(inputData, categories) {
   var uniqueCategories = new Set();
@@ -18498,7 +18495,7 @@ var TextbookAnswerItem = function TextbookAnswerItem(_ref) {
     nextData = _ref.nextData,
     isFirst = _ref.isFirst,
     isLast = _ref.isLast,
-    categoryId = _ref.categoryId,
+    questionGroupId = _ref.questionGroupId,
     _ref$menuContextActio = _ref.menuContextActions,
     menuContextActions = _ref$menuContextActio === void 0 ? [] : _ref$menuContextActio,
     openContextMenu = _ref.openContextMenu,
@@ -18510,14 +18507,14 @@ var TextbookAnswerItem = function TextbookAnswerItem(_ref) {
   var isLearningSpace = getLearningSpace();
   var handleCloseContextMenu = function handleCloseContextMenu() {
     onCloseContextMenu === null || onCloseContextMenu === void 0 ? void 0 : onCloseContextMenu(_extends({}, data, {
-      id: ((data === null || data === void 0 ? void 0 : data.id) || 0) + categoryId
+      id: ((data === null || data === void 0 ? void 0 : data.id) || 0) + questionGroupId
     }));
   };
   var handleMoreClick = function handleMoreClick(e) {
     e.preventDefault();
     e.stopPropagation();
     onOpenContextMenu === null || onOpenContextMenu === void 0 ? void 0 : onOpenContextMenu(_extends({}, data, {
-      id: ((data === null || data === void 0 ? void 0 : data.id) || 0) + categoryId
+      id: ((data === null || data === void 0 ? void 0 : data.id) || 0) + questionGroupId
     }));
   };
   return React__default.createElement("div", {
@@ -18644,24 +18641,28 @@ var TextbookAnswerItem = function TextbookAnswerItem(_ref) {
 
 var TextbookMyAnswer = function TextbookMyAnswer(_ref) {
   var data = _ref.data,
-    categories = _ref.categories,
     itemProps = _ref.itemProps,
     questionIdContextMenu = _ref.questionIdContextMenu,
     isStudent = _ref.isStudent;
-  var formattedData = formatTextbookDataMyAnswer(data, categories);
+  var questionGroupIds = Array.from(new Set(data.studentQuestionResults.map(function (i) {
+    return i.questionGroupId;
+  }))).sort(function (a, b) {
+    return a - b;
+  });
+  var formattedData = formatTextbookDataMyAnswer(data, questionGroupIds);
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var renderAnswer = function renderAnswer(item, index, questions, categoryId) {
+  var renderAnswer = function renderAnswer(item, index, questions, questionGroupId) {
     var nextItem = index < questions.length - 1 ? questions[index + 1] : undefined;
     var isLast = index === questions.length - 1;
     var isFirst = index === 0;
-    var isSelected = (item === null || item === void 0 ? void 0 : item.id) + categoryId === questionIdContextMenu;
+    var isSelected = (item === null || item === void 0 ? void 0 : item.id) + questionGroupId === questionIdContextMenu;
     return React__default.createElement(TextbookAnswerItem, Object.assign({
       key: index
     }, itemProps, {
       openContextMenu: isSelected,
       data: item,
-      categoryId: categoryId,
+      questionGroupId: questionGroupId,
       nextData: nextItem,
       isLast: isLast,
       isFirst: isFirst,
@@ -18671,8 +18672,9 @@ var TextbookMyAnswer = function TextbookMyAnswer(_ref) {
   return React__default.createElement("div", {
     className: "" + styles$4["myanswer"]
   }, formattedData && formattedData.length > 0 && formattedData.map(function (item) {
+    var _item$categories;
     return React__default.createElement("div", {
-      key: item.category.id
+      key: item.questionGroupId
     }, React__default.createElement("div", {
       className: "" + printStyles["avoid-break-inside"]
     }, React__default.createElement(material.Stack, {
@@ -18770,12 +18772,14 @@ var TextbookMyAnswer = function TextbookMyAnswer(_ref) {
         fontSize: "12px",
         fontWeight: 700
       }
-    }, item.category.name))), React__default.createElement("div", {
+    }, (_item$categories = item.categories) === null || _item$categories === void 0 ? void 0 : _item$categories.map(function (i) {
+      return i.name;
+    }).join(" / ")))), React__default.createElement("div", {
       className: styles$4["contentMyAnswer"]
     }, React__default.createElement(ListView, {
       data: item.questions,
       render: function render(question, index) {
-        return renderAnswer(question, index, item.questions, item.category.id);
+        return renderAnswer(question, index, item.questions, item.questionGroupId);
       }
     })));
   }));
@@ -19415,7 +19419,6 @@ var PrintExamResult = function PrintExamResult(_ref) {
     sx: textStyle
   }, i18n.t(TabList$2[0].label)), chapterId ? textbookResult && React__default.createElement(TextbookMyAnswer, {
     data: textbookResult,
-    categories: categoryResponses,
     isStudent: isStudent
   }) : resultData && React__default.createElement(MyAnswer, {
     data: resultData,
@@ -20370,7 +20373,7 @@ var useExamResult = function useExamResult(props) {
     studentId = _props$studentId === void 0 ? 0 : _props$studentId,
     code = props.code,
     chapterId = props.chapterId,
-    onViewExamQuestion = props.onViewExamQuestion;
+    onViewQA = props.onViewQA;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useTab = useTab(),
@@ -20420,7 +20423,7 @@ var useExamResult = function useExamResult(props) {
   var handleViewQAndA = function handleViewQAndA(e, note) {
     e.stopPropagation();
     if (!note.examSessionId || !note.questionId) return;
-    onViewExamQuestion === null || onViewExamQuestion === void 0 ? void 0 : onViewExamQuestion(note.userId, note.examSessionId, note.questionId);
+    onViewQA === null || onViewQA === void 0 ? void 0 : onViewQA(note.userId, note.examSessionId, note.questionId);
   };
   var fileExamName = !resultData ? "" : "Exam-Result_" + resultData.student.fullName + "_" + resultData.title + "_(" + utcToLocalTime(resultData.startTime, "MM-DD-YYYY HH:mm") + ")";
   var fileTextbookName = !textbookResult ? "" : "Textbook-Result_" + textbookResult.chapterName + "_(" + utcToLocalTime(textbookResult.startTime, "MM-DD-YYYY HH:mm") + ")";
@@ -20447,9 +20450,12 @@ var useExamResult = function useExamResult(props) {
 };
 
 var ExamResultV2 = function ExamResultV2(props) {
-  var isMyStoryStudent = props.isMyStoryStudent,
-    onViewExamQuestion = props.onViewExamQuestion,
-    chapterId = props.chapterId;
+  var role = props.role,
+    isMyStoryStudent = props.isMyStoryStudent,
+    onViewQA = props.onViewQA,
+    chapterId = props.chapterId,
+    studentId = props.studentId;
+  var isAdminSite = role === exports.Role.Admin;
   var _useExamResult = useExamResult(props),
     t = _useExamResult.t,
     fileName = _useExamResult.fileName,
@@ -20567,7 +20573,13 @@ var ExamResultV2 = function ExamResultV2(props) {
     onItemClick: handleOpenNoteDrawer,
     isLoading: isLoadingNotes
   };
-  var questionActions = [{
+  var questionActions = chapterId ? [{
+    label: "ask_a_question",
+    textStyle: {
+      color: "#3dc674"
+    },
+    onClick: handleOpenQuestionDialog
+  }] : [{
     label: "write_a_note_of_incorrect_answers",
     textStyle: {
       color: "#3dc674"
@@ -20586,6 +20598,14 @@ var ExamResultV2 = function ExamResultV2(props) {
     onOpenContextMenu: handleOpenQuestionContextMenu,
     isStudent: isStudent
   };
+  var handleViewTextbookQA = function handleViewTextbookQA() {
+    if (!studentId) return;
+    onViewQA === null || onViewQA === void 0 ? void 0 : onViewQA(+studentId, textbookResult === null || textbookResult === void 0 ? void 0 : textbookResult.studentTextbookSessionId, undefined, true);
+  };
+  var handleViewExamQA = function handleViewExamQA() {
+    if (!resultData) return;
+    onViewQA === null || onViewQA === void 0 ? void 0 : onViewQA(resultData.student.id, resultData.examSessionId);
+  };
   return React__default.createElement(React.Fragment, null, React__default.createElement(LoadingComponent, {
     isLoading: !!isLoading
   }), timelyOrderQuestions[dataChartIndex] && longTimeSpend && effectSize ? React__default.createElement("div", {
@@ -20732,7 +20752,7 @@ var ExamResultV2 = function ExamResultV2(props) {
     direction: "row",
     gap: "8px",
     alignItems: "center"
-  }, React__default.createElement(material.Button, {
+  }, !isAdminSite && React__default.createElement(material.Button, {
     variant: "outlined",
     sx: {
       color: styles.less_dark,
@@ -20748,7 +20768,7 @@ var ExamResultV2 = function ExamResultV2(props) {
       size: "14px"
     })),
     onClick: function onClick(e) {
-      return isStudent ? handleOpenQuestionDialog(e) : onViewExamQuestion === null || onViewExamQuestion === void 0 ? void 0 : onViewExamQuestion(resultData.student.id, resultData.examSessionId);
+      return isStudent ? handleOpenQuestionDialog(e) : handleViewExamQA();
     }
   }, t(isStudent ? "ask_a_question2" : "check_q&a")), React__default.createElement(material.Button, {
     variant: "outlined",
@@ -20806,7 +20826,7 @@ var ExamResultV2 = function ExamResultV2(props) {
     direction: "row",
     gap: "8px",
     alignItems: "center"
-  }, React__default.createElement(material.Button, {
+  }, !isAdminSite && React__default.createElement(material.Button, {
     variant: "outlined",
     sx: {
       color: styles.less_dark,
@@ -20822,7 +20842,7 @@ var ExamResultV2 = function ExamResultV2(props) {
       size: "14px"
     })),
     onClick: function onClick(e) {
-      return handleOpenQuestionDialog(e);
+      return isStudent ? handleOpenQuestionDialog(e) : handleViewTextbookQA();
     }
   }, t(isStudent ? "ask_a_question2" : "check_q&a")), React__default.createElement(material.Button, {
     variant: "outlined",
@@ -20887,7 +20907,6 @@ var ExamResultV2 = function ExamResultV2(props) {
     index: 0
   }, chapterId ? textbookResult && React__default.createElement(TextbookMyAnswer, {
     data: textbookResult,
-    categories: categoryResponses,
     isStudent: isStudent,
     questionIdContextMenu: questionIdContextMenu,
     itemProps: questionItemProp
@@ -21210,12 +21229,14 @@ var PrintExamResultView = function PrintExamResultView(_ref) {
 
 var ExamResultDrawer = function ExamResultDrawer(_ref) {
   var _BRIEF_GRADE_OPTIONS$;
-  var history = _ref.history,
+  var role = _ref.role,
+    history = _ref.history,
     open = _ref.open,
     anchor = _ref.anchor,
     width = _ref.width,
     student = _ref.student,
     data = _ref.data,
+    onViewQA = _ref.onViewQA,
     onClose = _ref.onClose;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
@@ -21224,16 +21245,6 @@ var ExamResultDrawer = function ExamResultDrawer(_ref) {
     return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.language;
   });
   var search = window.location.search;
-  var searchParams = new URLSearchParams(search);
-  var handleViewExamQuestion = function handleViewExamQuestion(studentId, examSessionId, questionId) {
-    searchParams.set("sId", "" + studentId);
-    examSessionId && searchParams.set("eId", "" + examSessionId);
-    questionId && searchParams.set("qId", "" + questionId);
-    pushTo(history, {
-      pathname: "/teacher/question-and-answers",
-      search: searchParams.toString()
-    });
-  };
   var studentId = student === null || student === void 0 ? void 0 : student.id;
   var code = data === null || data === void 0 ? void 0 : data.code;
   var examSessionId = data === null || data === void 0 ? void 0 : data.id;
@@ -21333,21 +21344,24 @@ var ExamResultDrawer = function ExamResultDrawer(_ref) {
       pb: 4
     }
   }, examSessionId && React__default.createElement(ExamResultV2, {
+    role: role,
     history: history,
     searchParams: search,
     code: code,
     examSessionId: examSessionId,
     studentId: studentId,
-    onViewExamQuestion: handleViewExamQuestion
+    onViewQA: onViewQA
   })));
 };
 
 var DrawerExamResultTab = function DrawerExamResultTab(_ref) {
-  var history = _ref.history,
+  var role = _ref.role,
+    history = _ref.history,
     student = _ref.student,
     selectedTab = _ref.selectedTab,
     value = _ref.value,
-    studentId = _ref.studentId;
+    studentId = _ref.studentId,
+    onViewQA = _ref.onViewQA;
   var _useVirtualList = useVirtualList(studentId, EXAM_SESSION_DEFAULT_FILTER, getExamSessionListApi),
     items = _useVirtualList.items,
     selectedItem = _useVirtualList.selectedItem,
@@ -21382,13 +21396,15 @@ var DrawerExamResultTab = function DrawerExamResultTab(_ref) {
     onItemClick: handleChangeSelectedItem,
     listHeight: 0
   })), React__default.createElement(ExamResultDrawer, {
+    role: role,
     open: !!selectedItem,
     data: selectedItem,
     student: student,
     anchor: "right",
     width: "80dvw",
     onClose: handleCloseDrawer,
-    history: history
+    history: history,
+    onViewQA: onViewQA
   }));
 };
 
@@ -22397,11 +22413,13 @@ var ChapterDetail = function ChapterDetail(_ref) {
 
 var ChapterProblemSolvingResultsDialog = function ChapterProblemSolvingResultsDialog(_ref) {
   var t = _ref.t,
+    role = _ref.role,
     onClose = _ref.onClose,
     open = _ref.open,
     history = _ref.history,
     chapterId = _ref.chapterId,
-    studentId = _ref.studentId;
+    studentId = _ref.studentId,
+    onViewQA = _ref.onViewQA;
   return React__default.createElement(material.Dialog, {
     onClose: onClose,
     open: open,
@@ -22433,11 +22451,13 @@ var ChapterProblemSolvingResultsDialog = function ChapterProblemSolvingResultsDi
   }, React__default.createElement(material.Stack, {
     mx: "24px"
   }, React__default.createElement(ExamResultV2, {
+    role: role,
     history: history,
     searchParams: "",
     chapterId: chapterId,
     studentId: studentId,
-    isMyStoryStudent: false
+    isMyStoryStudent: false,
+    onViewQA: onViewQA
   })), React__default.createElement(material.DialogActions, {
     sx: {
       display: "flex",
@@ -22713,7 +22733,8 @@ var TextbookDrawer = function TextbookDrawer(_ref) {
     studentId = _ref.studentId,
     anchor = _ref.anchor,
     navigate = _ref.navigate,
-    onClose = _ref.onClose;
+    onClose = _ref.onClose,
+    onViewQA = _ref.onViewQA;
   var isStudent = role === exports.Role.Student;
   var _useTextbookDrawer = useTextbookDrawer({
       isStudent: isStudent,
@@ -22987,12 +23008,14 @@ var TextbookDrawer = function TextbookDrawer(_ref) {
     });
   }))))), React__default.createElement(ChapterProblemSolvingResultsDialog, {
     t: t,
+    role: role,
     theme: theme,
     history: history,
     chapterId: chapterSelected === null || chapterSelected === void 0 ? void 0 : chapterSelected.id,
     studentId: studentId,
     open: isOpenChapterDialog,
-    onClose: handleCloseChapterDialog
+    onClose: handleCloseChapterDialog,
+    onViewQA: onViewQA
   }), React__default.createElement(StartPageDialog, {
     options: startPageOptions,
     t: t,
@@ -23341,6 +23364,7 @@ var TextbookInfoDrawer = function TextbookInfoDrawer(_ref) {
 var Textbook = function Textbook(_ref) {
   var _textbook$createdBy, _textbook$createdBy2;
   var t = _ref.t,
+    role = _ref.role,
     user = _ref.user,
     theme = _ref.theme,
     textbook = _ref.textbook,
@@ -23349,7 +23373,8 @@ var Textbook = function Textbook(_ref) {
     navigate = _ref.navigate,
     preparedType = _ref.preparedType,
     preparedFilterType = _ref.preparedFilterType,
-    getTextbookList = _ref.getTextbookList;
+    getTextbookList = _ref.getTextbookList,
+    onViewQA = _ref.onViewQA;
   var isTabletUp = material.useMediaQuery(theme.breakpoints.up("lg"));
   var _useDrawer = useDrawer(),
     isOpenDialog = _useDrawer.isOpenDialog,
@@ -23489,15 +23514,16 @@ var Textbook = function Textbook(_ref) {
   }, React__default.createElement(io5.IoTrash, {
     size: "20px"
   }), t("delete_test"))), isOpenDialog && React__default.createElement(TextbookDrawer, {
-    role: isStudent ? exports.Role.Student : exports.Role.Teacher,
+    role: role,
     isOpen: isOpenDialog,
     onClose: handleCloseDialog,
     textbookId: textbook.id,
     navigate: navigate,
     width: !isTabletUp ? "100dvw" : "50dvw",
-    anchor: "right"
+    anchor: "right",
+    onViewQA: onViewQA
   }), openDetailDialog && React__default.createElement(TextbookInfoDrawer, {
-    role: isStudent ? exports.Role.Student : exports.Role.Teacher,
+    role: role,
     user: user,
     isSuperAdmin: isSuperAdmin,
     isOpen: openDetailDialog,
@@ -23516,9 +23542,11 @@ var Textbook = function Textbook(_ref) {
 };
 
 var PreparedItem = function PreparedItem(_ref) {
-  var preparedType = _ref.preparedType,
+  var role = _ref.role,
+    preparedType = _ref.preparedType,
     preparedFilterType = _ref.preparedFilterType,
-    navigate = _ref.navigate;
+    navigate = _ref.navigate,
+    onViewQA = _ref.onViewQA;
   var _useExpand = useExpand(),
     expanded = _useExpand.expanded,
     handleCloseExpand = _useExpand.handleCloseExpand,
@@ -24046,6 +24074,7 @@ var PreparedItem = function PreparedItem(_ref) {
   }, textbookList === null || textbookList === void 0 ? void 0 : textbookList.map(function (textbook) {
     return React__default.createElement(Textbook, {
       t: t,
+      role: role,
       user: user,
       theme: theme,
       textbook: textbook,
@@ -24054,7 +24083,8 @@ var PreparedItem = function PreparedItem(_ref) {
       navigate: navigate,
       getTextbookList: getTextbookList,
       preparedType: preparedType,
-      preparedFilterType: preparedFilterType
+      preparedFilterType: preparedFilterType,
+      onViewQA: onViewQA
     });
   }), React__default.createElement(material.Stack, {
     display: "flex",
@@ -24069,10 +24099,12 @@ var PreparedItem = function PreparedItem(_ref) {
 };
 
 var DrawerTextbookResultTab = function DrawerTextbookResultTab(_ref) {
-  var history = _ref.history,
+  var role = _ref.role,
+    history = _ref.history,
     studentId = _ref.studentId,
     selectedTab = _ref.selectedTab,
-    value = _ref.value;
+    value = _ref.value,
+    onViewQA = _ref.onViewQA;
   var _useVirtualList = useVirtualList(studentId, TEXTBOOK_DEFAULT_FILTER, getTextbookListApi),
     items = _useVirtualList.items,
     selectedItem = _useVirtualList.selectedItem,
@@ -24107,14 +24139,15 @@ var DrawerTextbookResultTab = function DrawerTextbookResultTab(_ref) {
     onItemClick: handleChangeSelectedItem,
     listHeight: 0
   })), React__default.createElement(TextbookDrawer, {
-    role: exports.Role.Teacher,
+    role: role,
     navigate: history,
     isOpen: !!selectedItem,
     width: "80dvw",
     onClose: handleCloseDrawer,
     textbookId: selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id,
     studentId: studentId,
-    anchor: "right"
+    anchor: "right",
+    onViewQA: onViewQA
   }));
 };
 
@@ -24746,7 +24779,9 @@ var StudentInfoDrawer = function StudentInfoDrawer(props) {
     studentId = props.studentId,
     anchor = props.anchor,
     width = props.width,
-    history = props.history;
+    history = props.history,
+    role = props.role,
+    onViewQA = props.onViewQA;
   var _useStudentInfoDrawer = useStudentInfoDrawer(props),
     loadedTabs = _useStudentInfoDrawer.loadedTabs,
     isLoading = _useStudentInfoDrawer.isLoading,
@@ -24790,21 +24825,26 @@ var StudentInfoDrawer = function StudentInfoDrawer(props) {
     data: studentInfo,
     isLoading: isLoading
   }), loadedTabs[DrawerTab.Exam] && React__default.createElement(DrawerExamResultTab, {
+    role: role,
     value: DrawerTab.Exam,
     selectedTab: selectedTab,
     studentId: studentId,
     student: studentInfo,
-    history: history
+    history: history,
+    onViewQA: onViewQA
   }), loadedTabs[DrawerTab.Textbook] && React__default.createElement(DrawerTextbookResultTab, {
+    role: role,
     value: DrawerTab.Textbook,
     selectedTab: selectedTab,
     studentId: studentId,
-    history: history
+    history: history,
+    onViewQA: onViewQA
   }))));
 };
 
 var StudentList = function StudentList(_ref) {
-  var history = _ref.history,
+  var role = _ref.role,
+    history = _ref.history,
     onAdd = _ref.onAdd,
     paging = _ref.paging,
     classList = _ref.classList,
@@ -24818,7 +24858,8 @@ var StudentList = function StudentList(_ref) {
     handleSort = _ref.handleSort,
     handleChangeSearchText = _ref.handleChangeSearchText,
     handleChangePage = _ref.handleChangePage,
-    handleRemoveStudentFromClass = _ref.handleRemoveStudentFromClass;
+    handleRemoveStudentFromClass = _ref.handleRemoveStudentFromClass,
+    onViewQA = _ref.onViewQA;
   var _useState = React.useState(),
     selectedViewStudent = _useState[0],
     setSelectedViewStudent = _useState[1];
@@ -24948,13 +24989,15 @@ var StudentList = function StudentList(_ref) {
     onConfirm: handleRemoveStudentFromClass,
     isDelete: true
   }), React__default.createElement(StudentInfoDrawer, {
+    role: role,
     open: !!selectedViewStudent,
     studentId: (selectedViewStudent === null || selectedViewStudent === void 0 ? void 0 : selectedViewStudent.studentId) || 0,
     onClose: handleCloseStudentInfo,
     anchor: "right",
     width: "80dvw",
     history: history,
-    inert: true
+    inert: true,
+    onViewQA: onViewQA
   }));
 };
 
@@ -26532,7 +26575,8 @@ var ClassDetail = function ClassDetail(_ref) {
   var id = _ref.id,
     history = _ref.history,
     classListUrl = _ref.classListUrl,
-    role = _ref.role;
+    role = _ref.role,
+    onViewQA = _ref.onViewQA;
   var classId = !id || Number.isNaN(+id) ? 0 : +id;
   var _useClassDetail = useClassDetail({
       history: history,
@@ -26647,10 +26691,13 @@ var ClassDetail = function ClassDetail(_ref) {
     value: selected,
     index: TabList$1[1].value
   }, !!classId && selected === TabList$1[1].value && React__default.createElement(StudentList, Object.assign({
+    role: role,
     disabled: isDisabled && !isTeacher,
     onAdd: handleOpenSelectDialog,
     history: history
-  }, studentListProps))), React__default.createElement(CustomTabPanel, {
+  }, studentListProps, {
+    onViewQA: onViewQA
+  }))), React__default.createElement(CustomTabPanel, {
     value: selected,
     index: TabList$1[2].value
   }, !!classId && selected === TabList$1[2].value && React__default.createElement(TeacherList, Object.assign({
@@ -28383,7 +28430,8 @@ var UserRow = function UserRow(_ref) {
 
 var UserList = function UserList(_ref) {
   var role = _ref.role,
-    history = _ref.history;
+    history = _ref.history,
+    onViewQA = _ref.onViewQA;
   var isSuperAdmin = reactRedux.useSelector(function (state) {
     var _state$common, _state$common$user;
     return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : (_state$common$user = _state$common.user) === null || _state$common$user === void 0 ? void 0 : _state$common$user.isSuperAdmin;
@@ -28589,12 +28637,14 @@ var UserList = function UserList(_ref) {
     onClose: handleCloseRecentUserActionDialog,
     recentUserActions: recentUserActions
   }), React__default.createElement(StudentInfoDrawer, {
+    role: role,
     open: !!selectedStudent,
     studentId: selectedStudent === null || selectedStudent === void 0 ? void 0 : selectedStudent.id,
     width: "80dvw",
     anchor: "right",
     onClose: handleCloseStudentInfo,
     history: history,
+    onViewQA: onViewQA,
     inert: true
   }), (isAdmin || isSuperAdmin) && React__default.createElement(DeleteUserCsvDialog, {
     open: isOpenDeleteUserCsv,