touchstudy-core 0.1.152 → 0.1.153

package/dist/components/Chats/configs/types.d.ts

@@ -8,7 +8,7 @@ export declare type ConversationResponse = {
 };
 export declare type ConversationsResponse = {
     id: number;
-    studentExamSessionId: number;
+    studentExamSessionId?: number;
     courseId: number | null;
     courseTitle: string | null;
     score?: number | null;
@@ -22,7 +22,8 @@ export declare type ConversationsResponse = {
     lastMessage: string | null;
     examTitle: string;
     examId: number;
-    examSessionId: number;
+    examSessionId?: number;
+    studentTextbookSessionId?: number;
     duration: string;
     startTime: string;
     examCreatedAt: string;

package/dist/containers/Classes/components/StudentList.d.ts

@@ -1,7 +1,9 @@
 import { StudentClassQuery, StudentClassResponse, UserClassSortBy } from "../configs/types";
 import { ChangeEvent, FC, RefObject } from "react";
 import { PagingResponse } from "../../../utils/types/pagingResponse";
+import { Role } from "../../../utils";
 interface Props {
+    role: Role;
     history: any;
     onAdd?: Function;
     paging: PagingResponse;
@@ -17,6 +19,7 @@ interface Props {
     handleChangeSearchText: (e: ChangeEvent<HTMLInputElement>) => void;
     handleChangePage: (_: any, page: number) => void;
     handleRemoveStudentFromClass: () => Promise<void>;
+    onViewQA?: (studentId: number, sessionId?: number, questionId?: number, isTextbook?: boolean) => void;
 }
 declare const StudentList: FC<Props>;
 export default StudentList;

package/dist/containers/Classes/views/ClassDetail.d.ts

@@ -5,6 +5,7 @@ interface Props {
     classListUrl: string;
     history: any;
     role: Role;
+    onViewQA?: (studentId: number, sessionId?: number, questionId?: number, isTextbook?: boolean) => void;
 }
 declare const ClassDetail: FC<Props>;
 export default ClassDetail;

package/dist/containers/ExamResult/configs/types.d.ts

@@ -1,5 +1,6 @@
 import { QuestionAnswerType } from './../../../utils/enums/examStatus';
 import { CategoryResponse } from "../../../utils/types/examResults";
+import { Role } from '../../../utils';
 export interface CategoryFormat extends CategoryResponse {
     totalSolveTime: number;
 }
@@ -99,5 +100,6 @@ export declare type ExamResultV2Props = {
     code?: string;
     isMyStoryStudent?: boolean;
     chapterId?: number;
-    onViewExamQuestion?: (studentId: number, examSessionId?: number, questionId?: number) => void;
+    role: Role;
+    onViewQA?: (studentId: number, sessionId?: number, questionId?: number, isTextbook?: boolean) => void;
 };

package/dist/containers/PreparedExam/components/Textbook.d.ts

@@ -1,8 +1,10 @@
 import React from "react";
 import { Theme } from "@mui/material";
 import { PreparedFilterType, PreparedType, Textbook } from "../configs/types";
+import { Role } from "../../../utils";
 declare type Props = {
     t: any;
+    role: Role;
     user: any;
     theme: Theme;
     textbook: Textbook;
@@ -12,6 +14,7 @@ declare type Props = {
     preparedType?: PreparedType;
     preparedFilterType?: PreparedFilterType;
     getTextbookList: () => void;
+    onViewQA?: (studentId: number, sessionId?: number, questionId?: number, isTextbook?: boolean) => void;
 };
-declare const Textbook: ({ t, user, theme, textbook, isStudent, isSuperAdmin, navigate, preparedType, preparedFilterType, getTextbookList }: Props) => React.JSX.Element;
+declare const Textbook: ({ t, role, user, theme, textbook, isStudent, isSuperAdmin, navigate, preparedType, preparedFilterType, getTextbookList, onViewQA }: Props) => React.JSX.Element;
 export default Textbook;

package/dist/containers/PreparedExam/components/dialogs/ChapterProblemSolvingResultsDialog.d.ts

@@ -1,6 +1,8 @@
 import React from "react";
 import { Theme } from "@mui/material";
+import { Role } from "../../../../utils";
 declare type Props = {
+    role: Role;
     open: boolean;
     onClose: () => void;
     theme: Theme;
@@ -8,6 +10,7 @@ declare type Props = {
     history: any;
     chapterId?: number;
     studentId?: number;
+    onViewQA?: (studentId: number, sessionId?: number, questionId?: number, isTextbook?: boolean) => void;
 };
-declare const ChapterProblemSolvingResultsDialog: ({ t, onClose, open, history, chapterId, studentId }: Props) => React.JSX.Element;
+declare const ChapterProblemSolvingResultsDialog: ({ t, role, onClose, open, history, chapterId, studentId, onViewQA }: Props) => React.JSX.Element;
 export default ChapterProblemSolvingResultsDialog;

package/dist/containers/PreparedExam/components/dialogs/TextbookDrawer.d.ts

@@ -9,6 +9,7 @@ declare type Props = {
     navigate?: any;
     width?: number | string;
     anchor?: "left" | "top" | "right" | "bottom";
+    onViewQA?: (studentId: number, sessionId?: number, questionId?: number, isTextbook?: boolean) => void;
 };
-declare const TextbookDrawer: ({ isOpen, role, width, textbookId, studentId, anchor, navigate, onClose }: Props) => React.JSX.Element;
+declare const TextbookDrawer: ({ isOpen, role, width, textbookId, studentId, anchor, navigate, onClose, onViewQA }: Props) => React.JSX.Element;
 export default TextbookDrawer;

package/dist/containers/PreparedExam/views/PreparedItem.d.ts

@@ -1,8 +1,11 @@
 import React from 'react';
+import { Role } from '../../../utils';
 declare type Props = {
+    role: Role;
     preparedType?: any;
     preparedFilterType?: any;
     navigate?: any;
+    onViewQA?: (studentId: number, sessionId?: number, questionId?: number, isTextbook?: boolean) => void;
 };
-declare const PreparedItem: ({ preparedType, preparedFilterType, navigate }: Props) => React.JSX.Element;
+declare const PreparedItem: ({ role, preparedType, preparedFilterType, navigate, onViewQA }: Props) => React.JSX.Element;
 export default PreparedItem;

package/dist/containers/StudentInfoDrawer/components/Exam/DrawerExamResultTab.d.ts

@@ -1,9 +1,12 @@
 import { FC } from "react";
 import { TabContentProps } from "../../configs/interfaces";
 import { StudentInfo } from "../../configs/types";
+import { Role } from "../../../../utils";
 interface Props extends TabContentProps {
+    role: Role;
     history: any;
     student?: StudentInfo;
+    onViewQA?: (studentId: number, sessionId?: number, questionId?: number, isTextbook?: boolean) => void;
 }
 declare const DrawerExamResultTab: FC<Props>;
 export default DrawerExamResultTab;

package/dist/containers/StudentInfoDrawer/components/Exam/ExamResultDrawer.d.ts

@@ -1,6 +1,8 @@
 import { FC } from "react";
 import { ExamSessionResponse, StudentInfo } from "../../configs/types";
+import { Role } from "../../../../utils";
 interface Props {
+    role: Role;
     open?: boolean;
     student?: StudentInfo;
     anchor?: "left" | "top" | "right" | "bottom";
@@ -8,6 +10,7 @@ interface Props {
     width?: number | string;
     data?: ExamSessionResponse;
     history: any;
+    onViewQA?: (studentId: number, sessionId?: number, questionId?: number, isTextbook?: boolean) => void;
 }
 declare const ExamResultDrawer: FC<Props>;
 export default ExamResultDrawer;

package/dist/containers/StudentInfoDrawer/components/Textbook/DrawerTextbookResultTab.d.ts

@@ -1,7 +1,10 @@
 import { FC } from "react";
 import { TabContentProps } from "../../configs/interfaces";
+import { Role } from "../../../../utils";
 interface Props extends TabContentProps {
+    role: Role;
     history: any;
+    onViewQA?: (studentId: number, sessionId?: number, questionId?: number, isTextbook?: boolean) => void;
 }
 declare const DrawerTextbookResultTab: FC<Props>;
 export default DrawerTextbookResultTab;

package/dist/containers/StudentInfoDrawer/configs/interfaces.d.ts

@@ -1,7 +1,9 @@
 import { BoxProps } from "@mui/material";
 import { DrawerTab } from "./enums";
 import { CourseAttendanceResponse, ExamSessionResponse, LessonResponse, TextbookResponse } from "./types";
+import { Role } from "../../../utils";
 export interface StudentInfoDrawerProps {
+    role: Role;
     studentId?: number;
     open: boolean;
     inert?: boolean;
@@ -9,6 +11,7 @@ export interface StudentInfoDrawerProps {
     onClose?: () => void;
     width?: number | string;
     history: any;
+    onViewQA?: (studentId: number, sessionId?: number, questionId?: number, isTextbook?: boolean) => void;
 }
 export interface TabContentProps {
     studentId: number;

package/dist/containers/Users/views/UserList.d.ts

@@ -3,6 +3,7 @@ import { Role } from "../../../utils/constants";
 interface Props {
     role: Role;
     history: any;
+    onViewQA?: (studentId: number, sessionId?: number, questionId?: number, isTextbook?: boolean) => void;
 }
 declare const UserList: FC<Props>;
 export default UserList;

package/dist/index.js

@@ -19419,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,
@@ -20374,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(),
@@ -20424,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") + ")";
@@ -20451,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,
@@ -20571,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"
@@ -20590,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", {
@@ -20736,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,
@@ -20752,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",
@@ -20810,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,
@@ -20826,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",
@@ -21213,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;
@@ -21227,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;
@@ -21336,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,
@@ -21385,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
   }));
 };
 
@@ -22400,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,
@@ -22436,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",
@@ -22716,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,
@@ -22990,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,
@@ -23344,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,
@@ -23352,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,
@@ -23492,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,
@@ -23519,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,
@@ -24049,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,
@@ -24057,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",
@@ -24072,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,
@@ -24110,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
   }));
 };
 
@@ -24749,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,
@@ -24793,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,
@@ -24821,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];
@@ -24951,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
   }));
 };
 
@@ -26535,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,
@@ -26650,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({
@@ -28386,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;
@@ -28592,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,