mario-education 2.4.92-beta → 2.4.95-beta

package/dist/index.js

@@ -19,9 +19,9 @@ var masterDetail = require('@ag-grid-enterprise/master-detail');
 var clientSideRowModel = require('@ag-grid-community/client-side-row-model');
 var fa = require('react-icons/fa');
 var tinymceReact = require('@tinymce/tinymce-react');
-var fi = require('react-icons/fi');
 var Chart = _interopDefault(require('react-apexcharts'));
 require('react-datepicker/dist/react-datepicker.css');
+var fi = require('react-icons/fi');
 var jsPDF = _interopDefault(require('jspdf'));
 var html2canvas = _interopDefault(require('html2canvas'));
 
@@ -8785,6 +8785,36 @@ var removeAssistantForStudent = function removeAssistantForStudent(studentId) {
     }
   });
 };
+var assignCounselorOfStudent = function assignCounselorOfStudent(studentId, teacherId, counselorId) {
+  return marioCore.api.post(TEACHER_URL$1 + "/update/teacher-assign-counselor", {
+    counselorId: counselorId,
+    studentId: studentId,
+    teacherId: teacherId
+  });
+};
+var getCounselors = function getCounselors() {
+  return marioCore.api.get(marioCore.BASE_URL + "/api/counselor");
+};
+var getStudentCounselor = function getStudentCounselor(data) {
+  return marioCore.api.get(USER_URL$2 + "/student-counselor", {
+    params: data
+  });
+};
+var assignSecondaryTeacherOfStudent = function assignSecondaryTeacherOfStudent(studentId, teacherId, secondaryTeacherId) {
+  return marioCore.api.post(TEACHER_URL$1 + "/update/teacher-assign-secondary-teacher", {
+    secondaryTeacherId: secondaryTeacherId,
+    studentId: studentId,
+    teacherId: teacherId
+  });
+};
+var getSecondaryTeachers = function getSecondaryTeachers() {
+  return marioCore.api.get(marioCore.BASE_URL + "/api/secondaryTeacher");
+};
+var getStudentSecondaryTeacher = function getStudentSecondaryTeacher(data) {
+  return marioCore.api.get(USER_URL$2 + "/student-secondary-teacher", {
+    params: data
+  });
+};
 
 var INITIAL_USER_CHOICE = {
   id: 0,
@@ -10988,226 +11018,941 @@ var Destinations = function Destinations() {
   }))));
 };
 
-var tabs = [{
-  path: "/admin/set-up/skill",
-  title: "Skills",
-  component: marioCore.SkillList
-}, {
-  path: "/admin/set-up/subject",
-  title: "Subjects",
-  component: SubjectList
-}, {
-  path: "/admin/set-up/learning-support-category",
-  title: "Learning support categories",
-  component: LearningSupportCategoryList
-}, {
-  path: "/admin/set-up/learning-strategy",
-  title: "Learning strategies",
-  component: LearningStrategyList
-}, {
-  path: "/admin/set-up/goal-example",
-  title: "Goal examples",
-  component: GoalExampleList
-}, {
-  path: "/admin/set-up/student-badge",
-  title: "Student badges",
-  component: BadgeList
-}, {
-  path: "/admin/set-up/semester",
-  title: "Semester",
-  component: SemesterList
-}, {
-  path: "/admin/set-up/blank-days",
-  title: "Blank days",
-  component: SchoolBlankDayList
-}, {
-  path: "/admin/set-up/csv-import",
-  title: "CSV Import",
-  component: CSVImport
-}, {
-  path: "/admin/set-up/band-score",
-  title: "Band scores",
-  component: BandScoreList
-}, {
-  path: "/admin/set-up/current-license",
-  title: "License",
-  component: CurrentLicense
-}, {
-  path: "/admin/set-up/userDeleted",
-  title: "User deleted",
-  component: UserList
-}, {
-  path: "/admin/set-up/switch-teacher",
-  title: "Switch Teacher",
-  component: SwitchTeacherList
-}, {
-  path: "/admin/set-up/assign-assistant",
-  title: "Assign assistant",
-  component: AssignAssistantList
-}, {
-  path: "/admin/set-up/switch-assistant",
-  title: "Switch assistant",
-  component: SwitchAssistantList
-}, {
-  path: "/admin/set-up/welcome-email-re-send",
-  title: "Welcome Email Re-send",
-  component: WelcomeEmailResend
-}, {
-  path: "/admin/set-up/question-scaffolding",
-  title: "Question Scaffolding",
-  component: QuestionScaffolding
-}, {
-  path: "/admin/set-up/training",
-  title: "Training",
-  component: Training
-}, {
-  path: "/admin/set-up/destination",
-  title: "Destinations",
-  component: Destinations
-}];
-var title$1 = "set_up";
-
-var SetupContainer = function SetupContainer() {
-  var _useTranslation = marioCore.useTranslation(),
-      t = _useTranslation.t;
-
-  return React__default.createElement(marioCore.CustomTab, {
-    title: t(title$1),
-    tabs: tabs
-  });
+var INITIAL_CHOSEN_USER = {
+  id: 0,
+  emailStudent: "",
+  studentName: ""
 };
 
-var TYPE_QUESTION;
+var TITLE$g = "Assign counselor list";
 
-(function (TYPE_QUESTION) {
-  TYPE_QUESTION[TYPE_QUESTION["Default"] = 0] = "Default";
-  TYPE_QUESTION[TYPE_QUESTION["OneToOne"] = 1] = "OneToOne";
-  TYPE_QUESTION[TYPE_QUESTION["ClassReflection"] = 2] = "ClassReflection";
-  TYPE_QUESTION[TYPE_QUESTION["Conference"] = 3] = "Conference";
-  TYPE_QUESTION[TYPE_QUESTION["Survey"] = 4] = "Survey";
-})(TYPE_QUESTION || (TYPE_QUESTION = {}));
+var useAssignCounselor = function useAssignCounselor() {
+  var modal = React.useRef();
+  var dispatch = reactRedux.useDispatch();
 
-var userForQuestion = [{
-  value: "TeacherAndStudent",
-  label: "Teacher and student"
-}, {
-  value: "Teacher",
-  label: "Teacher"
-}, {
-  value: "Student",
-  label: "Student"
-}];
+  var _useState = React.useState([]),
+      counselorList = _useState[0],
+      setCounselorList = _useState[1];
 
-var subgridStyle = {
-  overflowY: "auto",
-  overflowX: "hidden",
-  maxHeight: "300px"
-};
+  var _useState2 = React.useState([]),
+      userList = _useState2[0],
+      setUserList = _useState2[1];
 
-var QuestionPreview = function QuestionPreview(props) {
-  var _props$data = props.data,
-      numberOfStars = _props$data.numberOfStars,
-      fromLabel = _props$data.fromLabel,
-      toLabel = _props$data.toLabel,
-      answers = _props$data.answers,
-      type = _props$data.type,
-      isSurvey = _props$data.isSurvey,
-      isDefaultQuestion = _props$data.isDefaultQuestion;
+  var _useState3 = React.useState(0),
+      totalItems = _useState3[0],
+      setTotalItems = _useState3[1];
 
-  var render = function render() {
-    var isEmotional = marioCore.QUESTION_TYPES.EMOTIONAL === type;
-    if ([marioCore.QUESTION_TYPES.SINGLE_CHOICE, marioCore.QUESTION_TYPES.MULTIPLE_CHOICE, marioCore.QUESTION_TYPES.EMOTIONAL, marioCore.QUESTION_TYPES.LEARNING_STRATEGY].includes(type)) return React__default.createElement(React.Fragment, null, React__default.createElement(reactstrap.Row, {
-      className: "mb-2 pb-2"
-    }, React__default.createElement(reactstrap.Col, {
-      md: 8
-    }, isSurvey == true && React__default.createElement("h6", {
-      className: "text-danger"
-    }, "This question is a survey"), React__default.createElement(reactstrap.Table, {
-      responsive: true,
-      hover: true,
-      bordered: true,
-      striped: true,
-      size: "sm"
-    }, React__default.createElement("thead", null, React__default.createElement("tr", null, isEmotional && React__default.createElement("th", {
-      className: "align-top"
-    }, "Emotion icon"), React__default.createElement("th", {
-      className: "align-top"
-    }, "Answer"), !isSurvey && !isDefaultQuestion && !isEmotional && React__default.createElement(React__default.Fragment, null, React__default.createElement("th", {
-      className: "text-center"
-    }, "Mark"), React__default.createElement("th", {
-      className: "text-center"
-    }, "Is correct answer")))), React__default.createElement("tbody", null, answers.map(function (answer, index) {
-      return React__default.createElement("tr", {
-        key: answer.id
-      }, isEmotional && React__default.createElement("td", {
-        className: "align-middle"
-      }, marioCore.EMOTIONS[index]), React__default.createElement("td", {
-        className: "align-middle"
-      }, React__default.createElement("div", {
-        dangerouslySetInnerHTML: {
-          __html: answer.text
-        }
-      })), !isSurvey && !isDefaultQuestion && !isEmotional && React__default.createElement(React__default.Fragment, null, React__default.createElement("td", {
-        className: "text-center align-middle"
-      }, answer.mark), React__default.createElement("td", {
-        className: "text-center align-middle"
-      }, answer.isCorrectAnswer ? React__default.createElement(fa.FaCheck, {
-        className: "text-success"
-      }) : React__default.createElement(fa.FaTimes, {
-        className: "text-danger"
-      }))));
-    }))))));
+  var _useFilters = marioCore.useFilters(),
+      filters = _useFilters.filters,
+      changeFilters = _useFilters.changeFilters;
 
-    if ([marioCore.QUESTION_TYPES.SLIDER, marioCore.QUESTION_TYPES.RATING].includes(type)) {
-      return React__default.createElement("span", null, "From ", React__default.createElement("span", {
-        className: "font-weight-bold"
-      }, fromLabel), " ", "to ", React__default.createElement("span", {
-        className: "font-weight-bold"
-      }, toLabel));
-    }
+  var _useState4 = React.useState(INITIAL_CHOSEN_USER),
+      chosenUser = _useState4[0],
+      setChosenUser = _useState4[1];
 
-    if (marioCore.QUESTION_TYPES.STAR_RATING === type) {
-      return React__default.createElement(reactstrap.Row, null, React__default.createElement(reactstrap.Col, {
-        md: 8
-      }, React__default.createElement(reactstrap.Alert, {
-        color: "primary"
-      }, "Number of stars: ", numberOfStars)));
-    }
+  var _useState5 = React.useState(0),
+      counselorChangeId = _useState5[0],
+      setCounselorChangeId = _useState5[1];
 
-    return React__default.createElement(reactstrap.Row, null, React__default.createElement(reactstrap.Col, {
-      md: 8
-    }, React__default.createElement(reactstrap.Alert, {
-      color: "secondary"
-    }, "No preview")));
-  };
+  var _useState6 = React.useState(false),
+      isChecked = _useState6[0],
+      setChecked = _useState6[1];
 
-  return React__default.createElement("div", {
-    className: "animated fadeIn p-2",
-    style: subgridStyle
-  }, render());
-};
+  var getStudentCounselorData = React.useCallback(function () {
+    try {
+      var _temp3 = function _temp3() {
+        dispatch(marioCore.setLoading(false));
+      };
 
-var renderQuestionText = function renderQuestionText(params) {
-  var _params$data;
+      dispatch(marioCore.setLoading(true));
 
-  return React__default.createElement("div", null, marioCore.getTextFromHTML(params === null || params === void 0 ? void 0 : (_params$data = params.data) === null || _params$data === void 0 ? void 0 : _params$data.text) || "No text");
-};
-var renderActions = function renderActions(_ref) {
-  var _params$data3, _params$data4, _params$data5, _params$data6;
+      var _temp4 = _catch(function () {
+        return Promise.resolve(getStudentCounselor(_extends({}, filters, {
+          hasCounselor: false
+        }))).then(function (res) {
+          var _res$data = res.data,
+              items = _res$data.items,
+              totalItems = _res$data.totalItems;
+          setUserList(items);
+          setTotalItems(totalItems);
+        });
+      }, function (err) {
+        var _err$response, _err$response$data;
 
-  var params = _ref.params,
-      edit = _ref.edit,
-      remove = _ref.remove;
-  return React__default.createElement("div", null, React__default.createElement(marioCore.EditButtonIcon, {
-    onClick: function onClick() {
-      var _params$data2;
+        dispatch(marioCore.setAlert({
+          type: "danger",
+          message: ((_err$response = err.response) === null || _err$response === void 0 ? void 0 : (_err$response$data = _err$response.data) === null || _err$response$data === void 0 ? void 0 : _err$response$data.title) || err.message
+        }));
+      });
 
-      return edit(params === null || params === void 0 ? void 0 : (_params$data2 = params.data) === null || _params$data2 === void 0 ? void 0 : _params$data2.id);
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
+    } catch (e) {
+      return Promise.reject(e);
     }
-  }), !(params !== null && params !== void 0 && (_params$data3 = params.data) !== null && _params$data3 !== void 0 && _params$data3.isDefaultQuestion || params !== null && params !== void 0 && (_params$data4 = params.data) !== null && _params$data4 !== void 0 && _params$data4.isDefaultQuestionGeneralClass) && React__default.createElement("span", {
-    className: "mx-2"
-  }), !(params !== null && params !== void 0 && (_params$data5 = params.data) !== null && _params$data5 !== void 0 && _params$data5.isDefaultQuestion || params !== null && params !== void 0 && (_params$data6 = params.data) !== null && _params$data6 !== void 0 && _params$data6.isDefaultQuestionGeneralClass) && React__default.createElement(marioCore.DeleteButtonIcon, {
-    onClick: function onClick() {
+  }, [dispatch, filters]);
+
+  var changeCounselorId = function changeCounselorId(id) {
+    setChecked(true);
+    setCounselorChangeId(id);
+  };
+
+  var getDataCounselors = function getDataCounselors() {
+    try {
+      var _temp6 = _catch(function () {
+        return Promise.resolve(getCounselors()).then(function (res) {
+          res && setCounselorList(res.data.items);
+        });
+      }, function (err) {
+        var _err$response2, _err$response2$data;
+
+        dispatch(marioCore.setAlert({
+          type: "danger",
+          message: ((_err$response2 = err.response) === null || _err$response2 === void 0 ? void 0 : (_err$response2$data = _err$response2.data) === null || _err$response2$data === void 0 ? void 0 : _err$response2$data.title) || err.message
+        }));
+      });
+
+      return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+
+  var options = React.useMemo(function () {
+    return counselorList.map(function (record) {
+      return {
+        label: record.fullName + " - " + record.email,
+        value: record.counselorId
+      };
+    });
+  }, [counselorList]);
+
+  var openModal = function openModal() {
+    modal && modal.current && modal.current.toggle();
+  };
+
+  var resetData = function resetData() {
+    setCounselorChangeId(0);
+    setChosenUser(INITIAL_CHOSEN_USER);
+    setChecked(false);
+  };
+
+  var choiceUser = function choiceUser(chosenUser) {
+    !!chosenUser && setChosenUser(chosenUser);
+    setCounselorChangeId(0);
+    openModal();
+  };
+
+  var handleAssign = function handleAssign() {
+    try {
+      setChecked(true);
+
+      if (!chosenUser) {
+        dispatch(marioCore.setAlert({
+          type: "danger",
+          message: "User have not been selected!"
+        }));
+        return Promise.resolve();
+      }
+
+      if (!counselorChangeId) {
+        dispatch(marioCore.setAlert({
+          type: "danger",
+          message: "Counselor have not been selected!"
+        }));
+        return Promise.resolve();
+      }
+
+      dispatch(marioCore.setModal({
+        isOpen: true,
+        type: "warning",
+        message: "Do you want to assign this counselor to student " + chosenUser.studentName + "?",
+        onConfirm: function () {
+          try {
+            var _temp9 = function _temp9() {
+              dispatch(marioCore.setLoading(false));
+            };
+
+            dispatch(marioCore.setLoading(true));
+
+            var _temp10 = _catch(function () {
+              return Promise.resolve(assignCounselorOfStudent(chosenUser.id, chosenUser.teacherId, counselorChangeId)).then(function () {
+                dispatch(marioCore.setAlert({
+                  type: "success",
+                  message: "Assign counselor successfully"
+                }));
+                openModal();
+                resetData();
+                changeFilters({
+                  currentPage: 1
+                });
+              });
+            }, function (err) {
+              var _err$response3, _err$response3$data;
+
+              dispatch(marioCore.setAlert({
+                type: "danger",
+                message: ((_err$response3 = err.response) === null || _err$response3 === void 0 ? void 0 : (_err$response3$data = _err$response3.data) === null || _err$response3$data === void 0 ? void 0 : _err$response3$data.title) || err.message
+              }));
+            });
+
+            return Promise.resolve(_temp10 && _temp10.then ? _temp10.then(_temp9) : _temp9(_temp10));
+          } catch (e) {
+            return Promise.reject(e);
+          }
+        }
+      }));
+      return Promise.resolve();
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+
+  React.useEffect(function () {
+    document.title = TITLE$g;
+  }, []);
+  React.useEffect(function () {
+    chosenUser.id && getDataCounselors();
+  }, [chosenUser.id]);
+  React.useEffect(function () {
+    getStudentCounselorData();
+  }, [filters]);
+  return {
+    userList: userList,
+    totalItems: totalItems,
+    filters: filters,
+    changeFilters: changeFilters,
+    modal: modal,
+    chosenUser: chosenUser,
+    options: options,
+    changeCounselorId: changeCounselorId,
+    counselorChangeId: counselorChangeId,
+    handleAssign: handleAssign,
+    resetData: resetData,
+    choiceUser: choiceUser,
+    isChecked: isChecked
+  };
+};
+
+var AssignCounselorModal = function AssignCounselorModal(_ref, ref) {
+  var header = _ref.header,
+      onAssign = _ref.onAssign,
+      resetData = _ref.resetData,
+      chosenUser = _ref.chosenUser,
+      options = _ref.options,
+      counselorChangeId = _ref.counselorChangeId,
+      setCounselorChangeId = _ref.setCounselorChangeId,
+      isChecked = _ref.isChecked;
+  var valueDefault = options === null || options === void 0 ? void 0 : options.find(function (item) {
+    return item.value == counselorChangeId;
+  });
+
+  var _useTranslation = marioCore.useTranslation(),
+      t = _useTranslation.t;
+
+  return React__default.createElement(marioCore.CommonModal, {
+    header: header,
+    ref: ref,
+    confirmText: t("save"),
+    onConfirm: onAssign,
+    onCancel: resetData
+  }, React__default.createElement(reactstrap.Row, null, React__default.createElement(reactstrap.Col, {
+    md: 12,
+    className: "mb-2"
+  }, React__default.createElement("p", {
+    className: "font-weight-bold"
+  }, t('student_name')), React__default.createElement("p", null, chosenUser.studentName, " "), React__default.createElement("p", {
+    className: "font-weight-bold"
+  }, t("student_email")), React__default.createElement("p", null, chosenUser.emailStudent), !!chosenUser && React__default.createElement(marioCore.CustomSelector, {
+    options: options,
+    value: valueDefault,
+    placeholder: t("select_counselor"),
+    onChange: function onChange(e) {
+      return setCounselorChangeId((e === null || e === void 0 ? void 0 : e.value) || 0);
+    },
+    isClearable: true
+  }), !!isChecked && !counselorChangeId && React__default.createElement(marioCore.ErrorHandler, {
+    text: "Counselor is required"
+  }))));
+};
+
+var AssignCounselorModal$1 = React.forwardRef(AssignCounselorModal);
+
+var header$7 = "list_students";
+
+var AssignCounselorList = function AssignCounselorList() {
+  var _useAssignCounselor = useAssignCounselor(),
+      userList = _useAssignCounselor.userList,
+      totalItems = _useAssignCounselor.totalItems,
+      filters = _useAssignCounselor.filters,
+      changeFilters = _useAssignCounselor.changeFilters,
+      modal = _useAssignCounselor.modal,
+      chosenUser = _useAssignCounselor.chosenUser,
+      options = _useAssignCounselor.options,
+      changeCounselorId = _useAssignCounselor.changeCounselorId,
+      counselorChangeId = _useAssignCounselor.counselorChangeId,
+      handleAssign = _useAssignCounselor.handleAssign,
+      resetData = _useAssignCounselor.resetData,
+      choiceUser = _useAssignCounselor.choiceUser,
+      isChecked = _useAssignCounselor.isChecked;
+
+  var _useTranslation = marioCore.useTranslation(),
+      t = _useTranslation.t;
+
+  return React__default.createElement("div", {
+    className: "fadeIn animated"
+  }, React__default.createElement("h5", {
+    className: "mt-4 mb-2"
+  }, t(header$7)), React__default.createElement(reactstrap.Row, {
+    className: "my-2"
+  }, React__default.createElement(reactstrap.Col, {
+    md: 8
+  }, React__default.createElement(marioCore.SearchBox, {
+    initValue: filters.searchString,
+    onSearch: function onSearch(searchString) {
+      return changeFilters({
+        searchString: searchString
+      });
+    },
+    placeholder: t("type_something_to_search_reflection_result")
+  })), React__default.createElement(reactstrap.Col, {
+    md: 4,
+    className: "d-flex justify-content-end align-items-center"
+  }, t("total_of_users"), ": ", totalItems)), React__default.createElement(reactstrap.Row, {
+    className: "mb-2"
+  }, React__default.createElement(reactstrap.Col, {
+    md: 12
+  }, userList && userList.length > 0 ? React__default.createElement("div", null, React__default.createElement(reactstrap.Table, {
+    bordered: true,
+    hover: true,
+    striped: true,
+    responsive: true,
+    size: "sm"
+  }, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", {
+    className: "align-top"
+  }, t("student_name")), React__default.createElement("th", {
+    className: "align-top"
+  }, t("student_email")), React__default.createElement("th", {
+    className: "align-top"
+  }, t('action')))), React__default.createElement("tbody", null, !!userList && userList.length > 0 && userList.map(function (record) {
+    return React__default.createElement("tr", {
+      key: record.id
+    }, React__default.createElement("td", {
+      className: "align-middle"
+    }, record.studentName), React__default.createElement("td", {
+      className: "align-middle"
+    }, record.emailStudent), React__default.createElement("td", null, React__default.createElement(reactstrap.Button, {
+      color: "primary",
+      size: "sm",
+      onClick: function onClick() {
+        return choiceUser(record);
+      }
+    }, t("assign_counselor"))));
+  })))) : React__default.createElement(marioCore.EmptyDataAlert, {
+    label: "user"
+  })), React__default.createElement(reactstrap.Col, {
+    md: 12
+  }, React__default.createElement(marioCore.CustomPagination, {
+    filters: filters,
+    totalRecordCount: totalItems,
+    changePageSize: function changePageSize(pageSize) {
+      return changeFilters({
+        pageSize: pageSize
+      });
+    },
+    changePage: function changePage(currentPage) {
+      return changeFilters({
+        currentPage: currentPage
+      });
+    }
+  }))), React__default.createElement(AssignCounselorModal$1, {
+    ref: modal,
+    header: t("assign_counselor"),
+    chosenUser: chosenUser,
+    onAssign: handleAssign,
+    options: options,
+    counselorChangeId: counselorChangeId,
+    setCounselorChangeId: changeCounselorId,
+    resetData: resetData,
+    isChecked: isChecked
+  }));
+};
+
+var INITIAL_CHOSEN_USER$1 = {
+  id: 0,
+  emailStudent: "",
+  studentName: ""
+};
+
+var TITLE$h = "Assign secondary teacher list";
+
+var useAssignSecondaryTeacher = function useAssignSecondaryTeacher() {
+  var modal = React.useRef();
+  var dispatch = reactRedux.useDispatch();
+
+  var _useState = React.useState([]),
+      secondaryTeacherList = _useState[0],
+      setSecondaryTeacherList = _useState[1];
+
+  var _useState2 = React.useState([]),
+      userList = _useState2[0],
+      setUserList = _useState2[1];
+
+  var _useState3 = React.useState(0),
+      totalItems = _useState3[0],
+      setTotalItems = _useState3[1];
+
+  var _useFilters = marioCore.useFilters(),
+      filters = _useFilters.filters,
+      changeFilters = _useFilters.changeFilters;
+
+  var _useState4 = React.useState(INITIAL_CHOSEN_USER$1),
+      chosenUser = _useState4[0],
+      setChosenUser = _useState4[1];
+
+  var _useState5 = React.useState(0),
+      secondaryTeacherChangeId = _useState5[0],
+      setSecondaryTeacherChangeId = _useState5[1];
+
+  var _useState6 = React.useState(false),
+      isChecked = _useState6[0],
+      setChecked = _useState6[1];
+
+  var getStudentSecondaryTeacherData = React.useCallback(function () {
+    try {
+      var _temp3 = function _temp3() {
+        dispatch(marioCore.setLoading(false));
+      };
+
+      dispatch(marioCore.setLoading(true));
+
+      var _temp4 = _catch(function () {
+        return Promise.resolve(getStudentSecondaryTeacher(_extends({}, filters, {
+          hasSecondaryTeacher: false
+        }))).then(function (res) {
+          var _res$data = res.data,
+              items = _res$data.items,
+              totalItems = _res$data.totalItems;
+          setUserList(items);
+          setTotalItems(totalItems);
+        });
+      }, function (err) {
+        var _err$response, _err$response$data;
+
+        dispatch(marioCore.setAlert({
+          type: "danger",
+          message: ((_err$response = err.response) === null || _err$response === void 0 ? void 0 : (_err$response$data = _err$response.data) === null || _err$response$data === void 0 ? void 0 : _err$response$data.title) || err.message
+        }));
+      });
+
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  }, [dispatch, filters]);
+
+  var changeSecondaryTeacherId = function changeSecondaryTeacherId(id) {
+    setChecked(true);
+    setSecondaryTeacherChangeId(id);
+  };
+
+  var getDataSecondaryTeachers = function getDataSecondaryTeachers() {
+    try {
+      var _temp6 = _catch(function () {
+        return Promise.resolve(getSecondaryTeachers()).then(function (res) {
+          res && setSecondaryTeacherList(res.data.items);
+        });
+      }, function (err) {
+        var _err$response2, _err$response2$data;
+
+        dispatch(marioCore.setAlert({
+          type: "danger",
+          message: ((_err$response2 = err.response) === null || _err$response2 === void 0 ? void 0 : (_err$response2$data = _err$response2.data) === null || _err$response2$data === void 0 ? void 0 : _err$response2$data.title) || err.message
+        }));
+      });
+
+      return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+
+  var options = React.useMemo(function () {
+    return secondaryTeacherList.map(function (record) {
+      return {
+        label: record.fullName + " - " + record.email,
+        value: record.secondaryTeacherId
+      };
+    });
+  }, [secondaryTeacherList]);
+
+  var openModal = function openModal() {
+    modal && modal.current && modal.current.toggle();
+  };
+
+  var resetData = function resetData() {
+    setSecondaryTeacherChangeId(0);
+    setChosenUser(INITIAL_CHOSEN_USER$1);
+    setChecked(false);
+  };
+
+  var choiceUser = function choiceUser(chosenUser) {
+    !!chosenUser && setChosenUser(chosenUser);
+    setSecondaryTeacherChangeId(0);
+    openModal();
+  };
+
+  var handleAssign = function handleAssign() {
+    try {
+      setChecked(true);
+
+      if (!chosenUser) {
+        dispatch(marioCore.setAlert({
+          type: "danger",
+          message: "User have not been selected!"
+        }));
+        return Promise.resolve();
+      }
+
+      if (!secondaryTeacherChangeId) {
+        dispatch(marioCore.setAlert({
+          type: "danger",
+          message: "Secondary Teacher have not been selected!"
+        }));
+        return Promise.resolve();
+      }
+
+      dispatch(marioCore.setModal({
+        isOpen: true,
+        type: "warning",
+        message: "Do you want to assign this Secondary Teacher to student " + chosenUser.studentName + "?",
+        onConfirm: function () {
+          try {
+            var _temp9 = function _temp9() {
+              dispatch(marioCore.setLoading(false));
+            };
+
+            dispatch(marioCore.setLoading(true));
+
+            var _temp10 = _catch(function () {
+              return Promise.resolve(assignSecondaryTeacherOfStudent(chosenUser.id, chosenUser.teacherId, secondaryTeacherChangeId)).then(function () {
+                dispatch(marioCore.setAlert({
+                  type: "success",
+                  message: "Assign Secondary Teacher successfully"
+                }));
+                openModal();
+                resetData();
+                changeFilters({
+                  currentPage: 1
+                });
+              });
+            }, function (err) {
+              var _err$response3, _err$response3$data;
+
+              dispatch(marioCore.setAlert({
+                type: "danger",
+                message: ((_err$response3 = err.response) === null || _err$response3 === void 0 ? void 0 : (_err$response3$data = _err$response3.data) === null || _err$response3$data === void 0 ? void 0 : _err$response3$data.title) || err.message
+              }));
+            });
+
+            return Promise.resolve(_temp10 && _temp10.then ? _temp10.then(_temp9) : _temp9(_temp10));
+          } catch (e) {
+            return Promise.reject(e);
+          }
+        }
+      }));
+      return Promise.resolve();
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+
+  React.useEffect(function () {
+    document.title = TITLE$h;
+  }, []);
+  React.useEffect(function () {
+    chosenUser.id && getDataSecondaryTeachers();
+  }, [chosenUser.id]);
+  React.useEffect(function () {
+    getStudentSecondaryTeacherData();
+  }, [filters]);
+  return {
+    userList: userList,
+    totalItems: totalItems,
+    filters: filters,
+    changeFilters: changeFilters,
+    modal: modal,
+    chosenUser: chosenUser,
+    options: options,
+    changeSecondaryTeacherId: changeSecondaryTeacherId,
+    secondaryTeacherChangeId: secondaryTeacherChangeId,
+    handleAssign: handleAssign,
+    resetData: resetData,
+    choiceUser: choiceUser,
+    isChecked: isChecked
+  };
+};
+
+var AssignSecondaryTeacherModal = function AssignSecondaryTeacherModal(_ref, ref) {
+  var header = _ref.header,
+      onAssign = _ref.onAssign,
+      resetData = _ref.resetData,
+      chosenUser = _ref.chosenUser,
+      options = _ref.options,
+      secondaryTeacherChangeId = _ref.secondaryTeacherChangeId,
+      setSecondaryTeacherChangeId = _ref.setSecondaryTeacherChangeId,
+      isChecked = _ref.isChecked;
+  var valueDefault = options === null || options === void 0 ? void 0 : options.find(function (item) {
+    return item.value == secondaryTeacherChangeId;
+  });
+
+  var _useTranslation = marioCore.useTranslation(),
+      t = _useTranslation.t;
+
+  return React__default.createElement(marioCore.CommonModal, {
+    header: header,
+    ref: ref,
+    confirmText: t("save"),
+    onConfirm: onAssign,
+    onCancel: resetData
+  }, React__default.createElement(reactstrap.Row, null, React__default.createElement(reactstrap.Col, {
+    md: 12,
+    className: "mb-2"
+  }, React__default.createElement("p", {
+    className: "font-weight-bold"
+  }, t('student_name')), React__default.createElement("p", null, chosenUser.studentName, " "), React__default.createElement("p", {
+    className: "font-weight-bold"
+  }, t("student_email")), React__default.createElement("p", null, chosenUser.emailStudent), !!chosenUser && React__default.createElement(marioCore.CustomSelector, {
+    options: options,
+    value: valueDefault,
+    placeholder: t("select_secondary_teacher"),
+    onChange: function onChange(e) {
+      return setSecondaryTeacherChangeId((e === null || e === void 0 ? void 0 : e.value) || 0);
+    },
+    isClearable: true
+  }), !!isChecked && !secondaryTeacherChangeId && React__default.createElement(marioCore.ErrorHandler, {
+    text: "Secondary Teacher is required"
+  }))));
+};
+
+var AssignSecondaryTeacherModal$1 = React.forwardRef(AssignSecondaryTeacherModal);
+
+var header$8 = "list_students";
+
+var AssignSecondaryTeacherList = function AssignSecondaryTeacherList() {
+  var _useAssignSecondaryTe = useAssignSecondaryTeacher(),
+      userList = _useAssignSecondaryTe.userList,
+      totalItems = _useAssignSecondaryTe.totalItems,
+      filters = _useAssignSecondaryTe.filters,
+      changeFilters = _useAssignSecondaryTe.changeFilters,
+      modal = _useAssignSecondaryTe.modal,
+      chosenUser = _useAssignSecondaryTe.chosenUser,
+      options = _useAssignSecondaryTe.options,
+      changeSecondaryTeacherId = _useAssignSecondaryTe.changeSecondaryTeacherId,
+      secondaryTeacherChangeId = _useAssignSecondaryTe.secondaryTeacherChangeId,
+      handleAssign = _useAssignSecondaryTe.handleAssign,
+      resetData = _useAssignSecondaryTe.resetData,
+      choiceUser = _useAssignSecondaryTe.choiceUser,
+      isChecked = _useAssignSecondaryTe.isChecked;
+
+  var _useTranslation = marioCore.useTranslation(),
+      t = _useTranslation.t;
+
+  return React__default.createElement("div", {
+    className: "fadeIn animated"
+  }, React__default.createElement("h5", {
+    className: "mt-4 mb-2"
+  }, t(header$8)), React__default.createElement(reactstrap.Row, {
+    className: "my-2"
+  }, React__default.createElement(reactstrap.Col, {
+    md: 8
+  }, React__default.createElement(marioCore.SearchBox, {
+    initValue: filters.searchString,
+    onSearch: function onSearch(searchString) {
+      return changeFilters({
+        searchString: searchString
+      });
+    },
+    placeholder: t("type_something_to_search_reflection_result")
+  })), React__default.createElement(reactstrap.Col, {
+    md: 4,
+    className: "d-flex justify-content-end align-items-center"
+  }, t("total_of_users"), ": ", totalItems)), React__default.createElement(reactstrap.Row, {
+    className: "mb-2"
+  }, React__default.createElement(reactstrap.Col, {
+    md: 12
+  }, userList && userList.length > 0 ? React__default.createElement("div", null, React__default.createElement(reactstrap.Table, {
+    bordered: true,
+    hover: true,
+    striped: true,
+    responsive: true,
+    size: "sm"
+  }, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", {
+    className: "align-top"
+  }, t("student_name")), React__default.createElement("th", {
+    className: "align-top"
+  }, t("student_email")), React__default.createElement("th", {
+    className: "align-top"
+  }, t('action')))), React__default.createElement("tbody", null, !!userList && userList.length > 0 && userList.map(function (record) {
+    return React__default.createElement("tr", {
+      key: record.id
+    }, React__default.createElement("td", {
+      className: "align-middle"
+    }, record.studentName), React__default.createElement("td", {
+      className: "align-middle"
+    }, record.emailStudent), React__default.createElement("td", null, React__default.createElement(reactstrap.Button, {
+      color: "primary",
+      size: "sm",
+      onClick: function onClick() {
+        return choiceUser(record);
+      }
+    }, t("assign_secondary_teacher"))));
+  })))) : React__default.createElement(marioCore.EmptyDataAlert, {
+    label: "user"
+  })), React__default.createElement(reactstrap.Col, {
+    md: 12
+  }, React__default.createElement(marioCore.CustomPagination, {
+    filters: filters,
+    totalRecordCount: totalItems,
+    changePageSize: function changePageSize(pageSize) {
+      return changeFilters({
+        pageSize: pageSize
+      });
+    },
+    changePage: function changePage(currentPage) {
+      return changeFilters({
+        currentPage: currentPage
+      });
+    }
+  }))), React__default.createElement(AssignSecondaryTeacherModal$1, {
+    ref: modal,
+    header: t("assign_secondary_teacher"),
+    chosenUser: chosenUser,
+    onAssign: handleAssign,
+    options: options,
+    secondaryTeacherChangeId: secondaryTeacherChangeId,
+    setSecondaryTeacherChangeId: changeSecondaryTeacherId,
+    resetData: resetData,
+    isChecked: isChecked
+  }));
+};
+
+var tabs = [{
+  path: "/admin/set-up/skill",
+  title: "Skills",
+  component: marioCore.SkillList
+}, {
+  path: "/admin/set-up/subject",
+  title: "Subjects",
+  component: SubjectList
+}, {
+  path: "/admin/set-up/learning-support-category",
+  title: "Learning support categories",
+  component: LearningSupportCategoryList
+}, {
+  path: "/admin/set-up/learning-strategy",
+  title: "Learning strategies",
+  component: LearningStrategyList
+}, {
+  path: "/admin/set-up/goal-example",
+  title: "Goal examples",
+  component: GoalExampleList
+}, {
+  path: "/admin/set-up/student-badge",
+  title: "Student badges",
+  component: BadgeList
+}, {
+  path: "/admin/set-up/semester",
+  title: "Semester",
+  component: SemesterList
+}, {
+  path: "/admin/set-up/blank-days",
+  title: "Blank days",
+  component: SchoolBlankDayList
+}, {
+  path: "/admin/set-up/csv-import",
+  title: "CSV Import",
+  component: CSVImport
+}, {
+  path: "/admin/set-up/band-score",
+  title: "Band scores",
+  component: BandScoreList
+}, {
+  path: "/admin/set-up/current-license",
+  title: "License",
+  component: CurrentLicense
+}, {
+  path: "/admin/set-up/userDeleted",
+  title: "User deleted",
+  component: UserList
+}, {
+  path: "/admin/set-up/switch-teacher",
+  title: "Switch Teacher",
+  component: SwitchTeacherList
+}, {
+  path: "/admin/set-up/assign-assistant",
+  title: "Assign assistant",
+  component: AssignAssistantList
+}, {
+  path: "/admin/set-up/switch-assistant",
+  title: "Switch assistant",
+  component: SwitchAssistantList
+}, {
+  path: "/admin/set-up/assign-counselor",
+  title: "Assign counselor",
+  component: AssignCounselorList
+}, {
+  path: "/admin/set-up/assign-secondary-teacher",
+  title: "Assign secondary teacher",
+  component: AssignSecondaryTeacherList
+}, {
+  path: "/admin/set-up/welcome-email-re-send",
+  title: "Welcome Email Re-send",
+  component: WelcomeEmailResend
+}, {
+  path: "/admin/set-up/question-scaffolding",
+  title: "Question Scaffolding",
+  component: QuestionScaffolding
+}, {
+  path: "/admin/set-up/training",
+  title: "Training",
+  component: Training
+}, {
+  path: "/admin/set-up/destination",
+  title: "Destinations",
+  component: Destinations
+}];
+var title$1 = "set_up";
+
+var SetupContainer = function SetupContainer() {
+  var _useTranslation = marioCore.useTranslation(),
+      t = _useTranslation.t;
+
+  return React__default.createElement(marioCore.CustomTab, {
+    title: t(title$1),
+    tabs: tabs
+  });
+};
+
+var TYPE_QUESTION;
+
+(function (TYPE_QUESTION) {
+  TYPE_QUESTION[TYPE_QUESTION["Default"] = 0] = "Default";
+  TYPE_QUESTION[TYPE_QUESTION["OneToOne"] = 1] = "OneToOne";
+  TYPE_QUESTION[TYPE_QUESTION["ClassReflection"] = 2] = "ClassReflection";
+  TYPE_QUESTION[TYPE_QUESTION["Conference"] = 3] = "Conference";
+  TYPE_QUESTION[TYPE_QUESTION["Survey"] = 4] = "Survey";
+})(TYPE_QUESTION || (TYPE_QUESTION = {}));
+
+var subgridStyle = {
+  overflowY: "auto",
+  overflowX: "hidden",
+  maxHeight: "300px"
+};
+
+var QuestionPreview = function QuestionPreview(props) {
+  var _props$data = props.data,
+      numberOfStars = _props$data.numberOfStars,
+      fromLabel = _props$data.fromLabel,
+      toLabel = _props$data.toLabel,
+      answers = _props$data.answers,
+      type = _props$data.type,
+      isSurvey = _props$data.isSurvey,
+      isDefaultQuestion = _props$data.isDefaultQuestion;
+
+  var render = function render() {
+    var isEmotional = marioCore.QUESTION_TYPES.EMOTIONAL === type;
+    if ([marioCore.QUESTION_TYPES.SINGLE_CHOICE, marioCore.QUESTION_TYPES.MULTIPLE_CHOICE, marioCore.QUESTION_TYPES.EMOTIONAL, marioCore.QUESTION_TYPES.LEARNING_STRATEGY].includes(type)) return React__default.createElement(React.Fragment, null, React__default.createElement(reactstrap.Row, {
+      className: "mb-2 pb-2"
+    }, React__default.createElement(reactstrap.Col, {
+      md: 8
+    }, isSurvey == true && React__default.createElement("h6", {
+      className: "text-danger"
+    }, "This question is a survey"), React__default.createElement(reactstrap.Table, {
+      responsive: true,
+      hover: true,
+      bordered: true,
+      striped: true,
+      size: "sm"
+    }, React__default.createElement("thead", null, React__default.createElement("tr", null, isEmotional && React__default.createElement("th", {
+      className: "align-top"
+    }, "Emotion icon"), React__default.createElement("th", {
+      className: "align-top"
+    }, "Answer"), !isSurvey && !isDefaultQuestion && !isEmotional && React__default.createElement(React__default.Fragment, null, React__default.createElement("th", {
+      className: "text-center"
+    }, "Mark"), React__default.createElement("th", {
+      className: "text-center"
+    }, "Is correct answer")))), React__default.createElement("tbody", null, answers.map(function (answer, index) {
+      return React__default.createElement("tr", {
+        key: answer.id
+      }, isEmotional && React__default.createElement("td", {
+        className: "align-middle"
+      }, marioCore.EMOTIONS[index]), React__default.createElement("td", {
+        className: "align-middle"
+      }, React__default.createElement("div", {
+        dangerouslySetInnerHTML: {
+          __html: answer.text
+        }
+      })), !isSurvey && !isDefaultQuestion && !isEmotional && React__default.createElement(React__default.Fragment, null, React__default.createElement("td", {
+        className: "text-center align-middle"
+      }, answer.mark), React__default.createElement("td", {
+        className: "text-center align-middle"
+      }, answer.isCorrectAnswer ? React__default.createElement(fa.FaCheck, {
+        className: "text-success"
+      }) : React__default.createElement(fa.FaTimes, {
+        className: "text-danger"
+      }))));
+    }))))));
+
+    if ([marioCore.QUESTION_TYPES.SLIDER, marioCore.QUESTION_TYPES.RATING].includes(type)) {
+      return React__default.createElement("span", null, "From ", React__default.createElement("span", {
+        className: "font-weight-bold"
+      }, fromLabel), " ", "to ", React__default.createElement("span", {
+        className: "font-weight-bold"
+      }, toLabel));
+    }
+
+    if (marioCore.QUESTION_TYPES.STAR_RATING === type) {
+      return React__default.createElement(reactstrap.Row, null, React__default.createElement(reactstrap.Col, {
+        md: 8
+      }, React__default.createElement(reactstrap.Alert, {
+        color: "primary"
+      }, "Number of stars: ", numberOfStars)));
+    }
+
+    return React__default.createElement(reactstrap.Row, null, React__default.createElement(reactstrap.Col, {
+      md: 8
+    }, React__default.createElement(reactstrap.Alert, {
+      color: "secondary"
+    }, "No preview")));
+  };
+
+  return React__default.createElement("div", {
+    className: "animated fadeIn p-2",
+    style: subgridStyle
+  }, render());
+};
+
+var renderQuestionText = function renderQuestionText(params) {
+  var _params$data;
+
+  return React__default.createElement("div", null, marioCore.getTextFromHTML(params === null || params === void 0 ? void 0 : (_params$data = params.data) === null || _params$data === void 0 ? void 0 : _params$data.text) || "No text");
+};
+var renderActions = function renderActions(_ref) {
+  var _params$data3, _params$data4, _params$data5, _params$data6;
+
+  var params = _ref.params,
+      edit = _ref.edit,
+      remove = _ref.remove;
+  return React__default.createElement("div", null, React__default.createElement(marioCore.EditButtonIcon, {
+    onClick: function onClick() {
+      var _params$data2;
+
+      return edit(params === null || params === void 0 ? void 0 : (_params$data2 = params.data) === null || _params$data2 === void 0 ? void 0 : _params$data2.id);
+    }
+  }), !(params !== null && params !== void 0 && (_params$data3 = params.data) !== null && _params$data3 !== void 0 && _params$data3.isDefaultQuestion || params !== null && params !== void 0 && (_params$data4 = params.data) !== null && _params$data4 !== void 0 && _params$data4.isDefaultQuestionGeneralClass) && React__default.createElement("span", {
+    className: "mx-2"
+  }), !(params !== null && params !== void 0 && (_params$data5 = params.data) !== null && _params$data5 !== void 0 && _params$data5.isDefaultQuestion || params !== null && params !== void 0 && (_params$data6 = params.data) !== null && _params$data6 !== void 0 && _params$data6.isDefaultQuestionGeneralClass) && React__default.createElement(marioCore.DeleteButtonIcon, {
+    onClick: function onClick() {
       var _params$data7;
 
       return remove(params === null || params === void 0 ? void 0 : (_params$data7 = params.data) === null || _params$data7 === void 0 ? void 0 : _params$data7.id);
@@ -11227,15 +11972,10 @@ var renderType = function renderType(params) {
   });
   return type ? React__default.createElement("div", null, type.label) : React__default.createElement("div", null);
 };
-var renderUserQuestion = function renderUserQuestion(params) {
-  var _params$data10;
-
-  return React__default.createElement("div", null, params === null || params === void 0 ? void 0 : (_params$data10 = params.data) === null || _params$data10 === void 0 ? void 0 : _params$data10.userForQuestion);
-};
 
 var QUESTION_URL$1 = "/admin/question-bank";
 var CREATE_QUESTION_URL = "/admin/create-question";
-var TITLE$g = "Question list";
+var TITLE$i = "Question list";
 
 var useQuestionList$1 = function useQuestionList(isDefaultQuestion, isDefaultClassReflection, isDefaultConference, isDefaultSurvey) {
   var history = reactRouterDom.useHistory();
@@ -11298,12 +12038,6 @@ var useQuestionList$1 = function useQuestionList(isDefaultQuestion, isDefaultCla
       dispatch(marioCore.setLoading(true));
 
       var _temp4 = _catch(function () {
-        var filter = filters;
-
-        if (!!isDefaultClassReflection && !isDefaultQuestion) {
-          delete filter.isDefaultQuestion;
-        }
-
         return Promise.resolve(get$2(filters)).then(function (res) {
           var _res$data = res.data,
               items = _res$data.items,
@@ -11396,7 +12130,7 @@ var useQuestionList$1 = function useQuestionList(isDefaultQuestion, isDefaultCla
 
     if (isDefaultQuestion && !isDefaultClassReflection) {
       type = TYPE_QUESTION.OneToOne;
-    } else if (isDefaultClassReflection) {
+    } else if (isDefaultQuestion && isDefaultClassReflection) {
       type = TYPE_QUESTION.ClassReflection;
     } else if (isDefaultConference) {
       type = TYPE_QUESTION.Conference;
@@ -11406,7 +12140,7 @@ var useQuestionList$1 = function useQuestionList(isDefaultQuestion, isDefaultCla
     history.push(url + "?type=" + type);
   }, []);
   React.useEffect(function () {
-    document.title = TITLE$g;
+    document.title = TITLE$i;
   }, []);
   React.useEffect(function () {
     getData();
@@ -11448,15 +12182,7 @@ var useQuestionList$1 = function useQuestionList(isDefaultQuestion, isDefaultCla
     }
   }];
   var gridOptions = {
-    columnDefs: isDefaultQuestion && !isDefaultClassReflection ? [].concat(columnDefs, [{
-      headerName: "Order",
-      rowDrag: true
-    }]) : isDefaultClassReflection ? [].concat(columnDefs, [{
-      headerName: "User for",
-      cellRendererFramework: function cellRendererFramework(params) {
-        return renderUserQuestion(params);
-      }
-    }, {
+    columnDefs: isDefaultQuestion || isDefaultClassReflection ? [].concat(columnDefs, [{
       headerName: "Order",
       rowDrag: true
     }]) : columnDefs,
@@ -12032,7 +12758,7 @@ var useReflectionFormDetail = function useReflectionFormDetail() {
   };
 };
 
-var TITLE$h = "Reflection form list";
+var TITLE$j = "Reflection form list";
 
 var useReflectionFormList = function useReflectionFormList() {
   var reflectionList = reactRedux.useSelector(function (state) {
@@ -12122,7 +12848,7 @@ var useReflectionFormList = function useReflectionFormList() {
     }
   }, [dispatch]);
   React.useEffect(function () {
-    document.title = TITLE$h;
+    document.title = TITLE$j;
   }, []);
   React.useEffect(function () {
     getData();
@@ -13220,10 +13946,9 @@ var initValue$g = {
   subQuestions: [],
   isMandatory: false,
   isBeforeSession: false,
-  isDefaultQuestionSurvey: false,
-  userForQuestion: "TeacherAndStudent"
+  isDefaultQuestionSurvey: false
 };
-var TITLE$i = "Question detail";
+var TITLE$k = "Question detail";
 
 var useQuestionDetail$1 = function useQuestionDetail(id, type) {
   var editorRef;
@@ -13288,7 +14013,7 @@ var useQuestionDetail$1 = function useQuestionDetail(id, type) {
   };
 
   React.useEffect(function () {
-    document.title = TITLE$i;
+    document.title = TITLE$k;
     setEdited(false);
     if (!!localStorage.getItem(window.location.href)) localStorage.removeItem(window.location.href);
   }, []);
@@ -13386,54 +14111,6 @@ var useQuestionDetail$1 = function useQuestionDetail(id, type) {
   };
 };
 
-var UserForQuestionSelect = function UserForQuestionSelect(_ref) {
-  var _userForQuestion$find;
-
-  var value = _ref.value,
-      _onChange = _ref.onChange;
-
-  var _useState = React.useState(false),
-      isToggleModel = _useState[0],
-      setIsToggleModel = _useState[1];
-
-  return React__default.createElement("div", null, React__default.createElement("div", {
-    className: styles["block-filter-component"] + " "
-  }, React__default.createElement("button", {
-    onClick: function onClick() {
-      return setIsToggleModel(!isToggleModel);
-    },
-    className: styles["btn-filter"] + " d-flex align-items-center cursor-pointer"
-  }, React__default.createElement("p", {
-    className: " my-0 mx-2"
-  }, ((_userForQuestion$find = userForQuestion.find(function (r) {
-    return r.value == value;
-  })) === null || _userForQuestion$find === void 0 ? void 0 : _userForQuestion$find.label) || "Teacher and student"), !isToggleModel ? React__default.createElement(fi.FiChevronDown, null) : React__default.createElement(fi.FiChevronUp, null)), React__default.createElement("div", {
-    className: styles["select-filter-component"] + " " + (!isToggleModel && "" + styles["hidden"])
-  }, React__default.createElement(reactstrap.Form, {
-    className: "" + styles["box-select"]
-  }, userForQuestion.map(function (item) {
-    return React__default.createElement(reactstrap.FormGroup, {
-      check: true,
-      className: "my-2 px-3",
-      key: item.label
-    }, React__default.createElement(reactstrap.Input, {
-      id: item.label + "userForQuestion",
-      name: "userForQuestion",
-      value: item.value,
-      type: "radio",
-      className: "" + styles["radio-btn"],
-      checked: value === item.value,
-      onChange: function onChange() {
-        return _onChange("userForQuestion", item.value);
-      }
-    }), React__default.createElement(reactstrap.Label, {
-      check: true,
-      "for": item.label + "userForQuestion",
-      className: "" + styles["box-select-label"]
-    }, React__default.createElement("p", null, item.label)));
-  })))));
-};
-
 var CREATE_QUESTION_HEADER = "create_question";
 var EDIT_QUESTION_HEADER = "edit_question";
 var EMOTIONALS_LENGTH = marioCore.EMOTIONS.length;
@@ -13538,14 +14215,7 @@ var QuestionDetail = function QuestionDetail() {
       value: values.categoryId
     }), touched.categoryId && errors.categoryId && React__default.createElement(marioCore.ErrorHandler, {
       text: errors.categoryId
-    }))), parseInt(type) == TYPE_QUESTION.ClassReflection && React__default.createElement(reactstrap.Col, {
-      md: 6
-    }, React__default.createElement(marioCore.RequiredLabel, {
-      text: t("user_for_question")
-    }), React__default.createElement(UserForQuestionSelect, {
-      onChange: setFieldValue,
-      value: values.userForQuestion || ""
-    }))), React__default.createElement(reactstrap.Row, {
+    })))), React__default.createElement(reactstrap.Row, {
       className: "mb-2"
     }, React__default.createElement(reactstrap.Col, {
       md: 12,
@@ -13969,7 +14639,7 @@ var useAssessmentDetail = function useAssessmentDetail() {
   };
 };
 
-var TITLE$j = "Assessment list";
+var TITLE$l = "Assessment list";
 
 var useAssessmentList = function useAssessmentList() {
   var assessmentList = reactRedux.useSelector(function (state) {
@@ -14052,7 +14722,7 @@ var useAssessmentList = function useAssessmentList() {
     dispatch(marioCore.setLoading(false));
   }, [filters]);
   React.useEffect(function () {
-    document.title = TITLE$j;
+    document.title = TITLE$l;
   }, []);
   React.useEffect(function () {
     getData();
@@ -14504,7 +15174,7 @@ var useFeedbackDetail = function useFeedbackDetail() {
   };
 };
 
-var TITLE$k = "Feedback list";
+var TITLE$m = "Feedback list";
 
 var useFeedbackList = function useFeedbackList() {
   var feedbackList = reactRedux.useSelector(function (state) {
@@ -14556,7 +15226,7 @@ var useFeedbackList = function useFeedbackList() {
     }
   }, [dispatch, filters]);
   React.useEffect(function () {
-    document.title = TITLE$k;
+    document.title = TITLE$m;
   }, []);
   React.useEffect(function () {
     getData();
@@ -14570,7 +15240,7 @@ var useFeedbackList = function useFeedbackList() {
   };
 };
 
-var header$7 = "Feedback";
+var header$9 = "Feedback";
 
 var FeedbackList = function FeedbackList() {
   var history = reactRouterDom.useHistory();
@@ -14599,7 +15269,7 @@ var FeedbackList = function FeedbackList() {
     feedbackDetail: feedbackDetail
   }), React__default.createElement("h5", {
     className: "mb-2"
-  }, header$7), React__default.createElement(reactstrap.Row, {
+  }, header$9), React__default.createElement(reactstrap.Row, {
     className: "my-2"
   }, React__default.createElement(reactstrap.Col, {
     md: 8,
@@ -14897,7 +15567,7 @@ var useTutorialScreenDetail = function useTutorialScreenDetail(typeRole) {
   };
 };
 
-var TITLE$l = "Tutorial screen list";
+var TITLE$n = "Tutorial screen list";
 
 var useTutorialScreenList = function useTutorialScreenList(typeRole) {
   var tutorialScreenList = reactRedux.useSelector(function (state) {
@@ -14982,7 +15652,7 @@ var useTutorialScreenList = function useTutorialScreenList(typeRole) {
     dispatch(marioCore.setLoading(false));
   }, [filters]);
   React.useEffect(function () {
-    document.title = TITLE$l;
+    document.title = TITLE$n;
   }, []);
   React.useEffect(function () {
     getData();
@@ -15170,7 +15840,7 @@ var tabs$3 = [{
   title: "Class Reflection Question",
   component: function component() {
     return React__default.createElement(QuestionBankList, {
-      isDefaultQuestion: false,
+      isDefaultQuestion: true,
       isDefaultClassReflection: true
     });
   }
@@ -15399,7 +16069,7 @@ var useQuestionCateDetail = function useQuestionCateDetail() {
   };
 };
 
-var TITLE$m = "Question category list";
+var TITLE$o = "Question category list";
 
 var useQuestionCateList = function useQuestionCateList() {
   var questionCateList = reactRedux.useSelector(function (state) {
@@ -15559,7 +16229,7 @@ var useQuestionCateList = function useQuestionCateList() {
   };
 
   React.useEffect(function () {
-    document.title = TITLE$m;
+    document.title = TITLE$o;
   }, []);
   React.useEffect(function () {
     getData();
@@ -15624,7 +16294,7 @@ var QuestionCateList = function QuestionCateList() {
 
   return React__default.createElement("div", null, React__default.createElement(QuestionCateModal$1, {
     ref: modal,
-    header: !!id ? "Edit category" : "create_category",
+    header: !!id ? t("edit_category") : t("create_category"),
     confirmText: !!id ? "Update" : "Create",
     onConfirm: onConfirm,
     onCancel: onCancel,
@@ -16010,7 +16680,7 @@ var useTemplateCateDetail = function useTemplateCateDetail() {
   };
 };
 
-var TITLE$n = "Question category list";
+var TITLE$p = "Question category list";
 
 var useTemplateCateList = function useTemplateCateList() {
   var questionCateList = reactRedux.useSelector(function (state) {
@@ -16104,7 +16774,7 @@ var useTemplateCateList = function useTemplateCateList() {
     dispatch(marioCore.setLoading(false));
   }, [filters]);
   React.useEffect(function () {
-    document.title = TITLE$n;
+    document.title = TITLE$p;
   }, []);
   React.useEffect(function () {
     getData();
@@ -16889,7 +17559,7 @@ var useAssignmentDetail = function useAssignmentDetail() {
   };
 };
 
-var TITLE$o = "Assignment list";
+var TITLE$q = "Assignment list";
 
 var useAssignmentList = function useAssignmentList() {
   var assignmentList = reactRedux.useSelector(function (state) {
@@ -16986,7 +17656,7 @@ var useAssignmentList = function useAssignmentList() {
     dispatch(marioCore.setLoading(false));
   }, [filters]);
   React.useEffect(function () {
-    document.title = TITLE$o;
+    document.title = TITLE$q;
   }, []);
   React.useEffect(function () {
     getData();
@@ -17436,7 +18106,7 @@ var getRandomQuestion = function getRandomQuestion(data) {
   return marioCore.api.post(QUESTION_URL$2 + "/random", data);
 };
 
-var TITLE$p = "Session template list";
+var TITLE$r = "Session template list";
 var SESSION_TEMPLATE_URL$1 = "/admin/session-template-learning-support";
 var CREATE_TEMPLATE_URL = "/admin/create-session-template-learning-support";
 
@@ -17540,7 +18210,7 @@ var useSessionTemplateList = function useSessionTemplateList() {
     history.push(url);
   }, []);
   React.useEffect(function () {
-    document.title = TITLE$p;
+    document.title = TITLE$r;
   }, []);
   React.useEffect(function () {
     getData();
@@ -17687,7 +18357,7 @@ var remove$k = function remove(id) {
   return marioCore.api["delete"](SESSION_TEMPLATE_GENERAL_CLASS_URL + "/" + id);
 };
 
-var TITLE$q = "Session template general class list";
+var TITLE$s = "Session template general class list";
 var SESSION_TEMPLATE_GENERAL_CLASS_URL$1 = "/admin/session-template/general-class";
 var CREATE_TEMPLATE_GENERAL_CLASS_URL = "/admin/create-session-template-general-class";
 
@@ -17777,7 +18447,7 @@ var useSessionTemplateGeneralClassList = function useSessionTemplateGeneralClass
     history.push(url);
   }, []);
   React.useEffect(function () {
-    document.title = TITLE$q;
+    document.title = TITLE$s;
   }, []);
   React.useEffect(function () {
     getData();
@@ -19770,7 +20440,7 @@ var useCustomAlertDetail = function useCustomAlertDetail() {
   };
 };
 
-var TITLE$r = "Custom alert list";
+var TITLE$t = "Custom alert list";
 
 var useCustomAlertList = function useCustomAlertList() {
   var customAlertList = reactRedux.useSelector(function (state) {
@@ -19858,7 +20528,7 @@ var useCustomAlertList = function useCustomAlertList() {
     dispatch(marioCore.setLoading(false));
   }, [filters]);
   React.useEffect(function () {
-    document.title = TITLE$r;
+    document.title = TITLE$t;
   }, []);
   React.useEffect(function () {
     getData();
@@ -19873,7 +20543,7 @@ var useCustomAlertList = function useCustomAlertList() {
   };
 };
 
-var header$8 = "custom_alert";
+var header$a = "custom_alert";
 
 var CustomAlertList = function CustomAlertList() {
   var modal = React.useRef();
@@ -19944,7 +20614,7 @@ var CustomAlertList = function CustomAlertList() {
     when: edited
   }), React__default.createElement("h5", {
     className: "mb-2"
-  }, t(header$8)), React__default.createElement(reactstrap.Row, {
+  }, t(header$a)), React__default.createElement(reactstrap.Row, {
     className: "my-2"
   }, React__default.createElement(reactstrap.Col, {
     md: 4
@@ -20503,7 +21173,7 @@ var useCertificateDetail = function useCertificateDetail() {
   };
 };
 
-var TITLE$s = "Certificate list";
+var TITLE$u = "Certificate list";
 
 var useCertificateList = function useCertificateList() {
   var certificateList = reactRedux.useSelector(function (state) {
@@ -20586,7 +21256,7 @@ var useCertificateList = function useCertificateList() {
     dispatch(marioCore.setLoading(false));
   }, [filters]);
   React.useEffect(function () {
-    document.title = TITLE$s;
+    document.title = TITLE$u;
   }, []);
   React.useEffect(function () {
     getData();
@@ -20601,7 +21271,7 @@ var useCertificateList = function useCertificateList() {
   };
 };
 
-var header$9 = "Certificate";
+var header$b = "Certificate";
 
 var CertificateList = function CertificateList() {
   var modal = React.useRef();
@@ -20660,7 +21330,7 @@ var CertificateList = function CertificateList() {
     when: edited
   }), React__default.createElement("h5", {
     className: "mb-2"
-  }, header$9), React__default.createElement(reactstrap.Row, {
+  }, header$b), React__default.createElement(reactstrap.Row, {
     className: "my-2"
   }, React__default.createElement(reactstrap.Col, {
     md: 4
@@ -20734,7 +21404,7 @@ var CertificateList = function CertificateList() {
   }))));
 };
 
-var TITLE$t = "Certificate list";
+var TITLE$v = "Certificate list";
 
 var useCertificateList$1 = function useCertificateList() {
   var dispatch = reactRedux.useDispatch();
@@ -20822,7 +21492,7 @@ var useCertificateList$1 = function useCertificateList() {
     }
   }, [listWaiting]);
   React.useEffect(function () {
-    document.title = TITLE$t;
+    document.title = TITLE$v;
     getListWaiting();
     getListApproved();
   }, []);
@@ -28593,7 +29263,7 @@ var getLearningStrategiesTableApi = function getLearningStrategiesTableApi(filte
   });
 };
 
-var TITLE$u = "Dashboard";
+var TITLE$w = "Dashboard";
 var DEFAULT_START_DATE = moment().subtract(2, 'months').startOf("day").valueOf();
 var DEFAULT_END_DATE = moment().endOf("day").valueOf();
 
@@ -29081,7 +29751,7 @@ var useDashboard = function useDashboard() {
 
   var getData = React.useCallback(function () {
     try {
-      document.title = TITLE$u;
+      document.title = TITLE$w;
       dispatch(marioCore.setLoading(true));
       return Promise.resolve(Promise.any([callApi(getAllTotalTime, setListTotalTime, []), callApi(getReadinessToLearning, setReadinessToLearning, []), callApi(getTopLearningStrategies, setTopLearningStrategies, []), callApi(getStudentByGrade, setStudentByGrade, []), callApi(getOverviewQuestionChart, setChartCheckInData, [], "CheckIn"), callApi(getOverviewQuestionChart, setChartOneToOneData, [], "OneToOne"), callApi(getOverviewQuestionChart, setChartClassReflection, [], "ClassReflection"), callApi(getOverviewQuestionChart, setChartConference, [], "Conference"), callApi(getOverviewQuestionChart, setLearningProgress, [], "LearningProgress"), callApi(getOverviewQuestionChart, setSafety, [], "Safety"), callApi(getOverviewQuestionChart, setTopSkill, [], "TopSkill"), callApi(getFriendCircleItems, setFriendCircles, INITIAL_BEST_FRIENDS), callApi(getActivityCircleItems, setActivityCircles, INITIAL_ACTIVITY_FRIENDS), callApi(getStudentBySpecialNeed, setStudentBySpecialNeed, []), callApi(getStudentByAge, setStudentByAge, INITIAL_AGE_OF_STUDENT), callApi(getStudentByGender, setStudentByGender, [])])).then(function () {
         dispatch(marioCore.setLoading(false));