mario-education 2.4.508-release → 2.4.510-feedback

package/dist/components/layouts/icons/TokenIcon.d.ts

@@ -0,0 +1,2 @@
+declare const TokenIcon: () => JSX.Element;
+export default TokenIcon;

package/dist/containers/Dashboard/configs/constants.d.ts

@@ -81,6 +81,6 @@ export declare const topLearningStrategyName = "learning_strategies";
 export declare const topMostUsedStrategiesName = "top_5_most_used_strategies";
 export declare const overallReadinessToLearn = "overall_readiness_to_learn";
 export declare const studentStressByZone = "student_stress_by_zone";
-export declare const studentDistribution = "student_distribution";
+export declare const studentAverageScore = "students_average_score";
 export declare const chartNames: string[];
 export declare const CSV_PREFIX = "data:text/csv;charset=utf-8,";

package/dist/index.d.ts

@@ -46,6 +46,7 @@ import CreateSurveyAdmin from "./containers/SurveyDashboard/components/CreateSur
 import RevertUser from "./containers/UserRevert/views/RevertUser";
 import FixDataStudent from "./containers/FixData/views/FixDataStudent";
 import CustomQuestionAlert from "./containers/CustomAlert/views/CustomQuestionAlert";
+import ExternalApi from "./containers/ExternalApi/views/ExternalApi";
 import WeeklyQuest from "./containers/QuestionBank/views/WeeklyQuest";
 import SettingWeeklyQuest from "./containers/QuestionBank/views/SettingWeeklyQuest";
 import HomePage from "./containers/Homepage/views/HomePage";
@@ -54,4 +55,4 @@ import SyncData from "./containers/SyncData/views/SyncData";
 import SummarizeQuestion from "./containers/Dashboard/views/SummarizeQuestion";
 import SurveyQuestion from "./containers/QuestionBank/views/SurveyQuestion";
 import SurveyPortal from "./containers/SurveyDashboard/views/SurveyPortal";
-export { ClassList, ConferenceRubricList, ConferenceRubricDetail, SuggestionList, LearningStrategyList, SetupContainer, QuestionBankList, ReflectionFormList, ReflectionContainer, QuestionDetail, SubjectList, LearningSupportCategoryList, BadgeList, GoalExampleList, TutorialScreenContainer, FeedbackList, AssessmentList, QuestionBankContainer, SurveyQuestionContainer, QuestionCategoryList, AssignmentList, AssessmentAssignmentContainer, SessionTemplateContainer, SessionTemplateDetail, SessionTemplateGeneralClassDetail, CustomAlertList, CertificateContainer, CompareTeacher, AssetLog, SessionTemplateList, SessionTemplateGeneralClassList, Dashboard, AdminTraining, TemplateContainer, OneRosterContainer, SandboxContainer, TemplateBuilderPage, TemplateStartBuild, SurveyDashboardContainer, RevertUser, FixDataStudent, CustomQuestionAlert, SurveyDetailAdmin, SurveyStudentFlagListAdmin, SurveyResultAdmin, SurveyIndexAdmin, CreateSurveyAdmin, PreviewSurveyAdmin, WeeklyQuest, SettingWeeklyQuest, HomePage, MainLayoutAdmin, SyncData, SummarizeQuestion, SurveyQuestion, SurveyPortal };
+export { ClassList, ConferenceRubricList, ConferenceRubricDetail, SuggestionList, LearningStrategyList, SetupContainer, QuestionBankList, ReflectionFormList, ReflectionContainer, QuestionDetail, SubjectList, LearningSupportCategoryList, BadgeList, GoalExampleList, TutorialScreenContainer, FeedbackList, AssessmentList, QuestionBankContainer, SurveyQuestionContainer, QuestionCategoryList, AssignmentList, AssessmentAssignmentContainer, SessionTemplateContainer, SessionTemplateDetail, SessionTemplateGeneralClassDetail, CustomAlertList, CertificateContainer, CompareTeacher, AssetLog, SessionTemplateList, SessionTemplateGeneralClassList, Dashboard, AdminTraining, TemplateContainer, OneRosterContainer, SandboxContainer, TemplateBuilderPage, TemplateStartBuild, SurveyDashboardContainer, RevertUser, FixDataStudent, CustomQuestionAlert, SurveyDetailAdmin, SurveyStudentFlagListAdmin, SurveyResultAdmin, SurveyIndexAdmin, CreateSurveyAdmin, PreviewSurveyAdmin, ExternalApi, WeeklyQuest, SettingWeeklyQuest, HomePage, MainLayoutAdmin, SyncData, SummarizeQuestion, SurveyQuestion, SurveyPortal };

package/dist/index.js

@@ -16621,7 +16621,6 @@ var QuestionDetail = function QuestionDetail() {
       setEditedTrue = _useQuestionDetail.setEditedTrue,
       handleGetLabelQuestions = _useQuestionDetail.handleGetLabelQuestions,
       labelQuestions = _useQuestionDetail.labelQuestions,
-      tinyMCEKey = _useQuestionDetail.tinyMCEKey,
       listLanguage = _useQuestionDetail.listLanguage,
       activeLanguage = _useQuestionDetail.activeLanguage,
       onChangeLanguage = _useQuestionDetail.onChangeLanguage,
@@ -16629,7 +16628,6 @@ var QuestionDetail = function QuestionDetail() {
       setModelQuestionLang = _useQuestionDetail.setModelQuestionLang,
       handleValidateForm = _useQuestionDetail.handleValidateForm;
 
-  var TINY_MCE_API_KEY = "ebwt07xgrus9j0kd8gq1k89muft26xih8aivb0ridjv7c216";
   var header = !!id ? t(EDIT_QUESTION_HEADER) : t(CREATE_QUESTION_HEADER);
   var confirmText = !!id ? t("update") : t("create");
   var additionalFields = ["fromLabel", "toLabel", "numberOfStars"];
@@ -16768,8 +16766,8 @@ var QuestionDetail = function QuestionDetail() {
       className: styles["form-question-text"] + " mb-2"
     }, React__default.createElement(marioCore.RequiredLabel, {
       text: t("question_text")
-    }), !!tinyMCEKey && React__default.createElement(tinymceReact.Editor, {
-      apiKey: tinyMCEKey || TINY_MCE_API_KEY,
+    }), React__default.createElement(tinymceReact.Editor, {
+      tinymceScriptSrc: "/tinymce/tinymce.min.js",
       value: values.text,
       init: _extends({}, marioCore.editorConfig.question, {
         paste_preprocess: function paste_preprocess(_plugin, args) {
@@ -33489,8 +33487,8 @@ var topLearningStrategyName = "learning_strategies";
 var topMostUsedStrategiesName = "top_5_most_used_strategies";
 var overallReadinessToLearn = "overall_readiness_to_learn";
 var studentStressByZone = "student_stress_by_zone";
-var studentDistribution = "student_distribution";
-var chartNames = [averageStudentSafetyName, averageStudentStressName, preparednessChartName, overallReadinessToLearn, successIndicatorsName, learningProcessName, topLearningStrategyName, studentStressByZone, studentDistribution];
+var studentAverageScore = "students_average_score";
+var chartNames = [averageStudentSafetyName, averageStudentStressName, preparednessChartName, overallReadinessToLearn, successIndicatorsName, learningProcessName, topLearningStrategyName, studentStressByZone, studentAverageScore];
 var CSV_PREFIX = "data:text/csv;charset=utf-8,";
 
 var gradeOptions = function gradeOptions(grades, studentUserId) {
@@ -37143,7 +37141,7 @@ var BubbleChartCustom = function BubbleChartCustom(_ref) {
   }, name)), React__default.createElement("div", {
     className: styles$2['description-chart-distribution-stress'],
     dangerouslySetInnerHTML: {
-      __html: t('the_data_presented_in_this_chart_reflects_the_student_s_most_recent_check_in')
+      __html: t('the_data_presented_in_this_chart_reflects_the_average_from_the_student_check_ins')
     }
   })), React__default.createElement("div", {
     className: "" + styles$2["bubble-chart-custom"]
@@ -37982,12 +37980,12 @@ var DashboardToPDF = function DashboardToPDF(props) {
                 }
 
                 var _temp34 = function () {
-                  if (selectedToPDF.includes(studentDistribution)) {
+                  if (selectedToPDF.includes(studentAverageScore)) {
                     var _temp50 = function _temp50() {
                       doc.setFontSize(14);
                       doc.setFont("Helvetica", "normal", "bold");
-                      doc.text(t(studentDistribution), left, line <= 85 ? 70 : line);
-                      var chart = document.getElementById(studentDistribution);
+                      doc.text(t(studentAverageScore), left, line <= 85 ? 70 : line);
+                      var chart = document.getElementById(studentAverageScore);
                       return Promise.resolve(html2canvas(chart)).then(function (canvas) {
                         var chartWidth = 420;
                         line += 20;
@@ -38462,7 +38460,7 @@ var DashboardToPDF = function DashboardToPDF(props) {
     width: 320,
     height: 320
   })), React__default.createElement("div", {
-    id: studentDistribution
+    id: studentAverageScore
   }, React__default.createElement(BubbleChartCustom$1, {
     data: readinessToLearning,
     isPrint: true
@@ -39476,7 +39474,7 @@ var Dashboard = function Dashboard() {
   }))), React__default.createElement(BubbleChartCustom$1, {
     data: readinessToLearning,
     handleHoverTooltip: handleHoverTooltip,
-    name: t(studentDistribution)
+    name: t(studentAverageScore)
   }), React__default.createElement("div", {
     className: "" + styles$2["mt-15"]
   }, React__default.createElement("p", {
@@ -53970,7 +53968,7 @@ var BubbleChartCustom$2 = function BubbleChartCustom(_ref) {
     className: "" + styles$7["block-header-chart"]
   }, React__default.createElement("p", {
     className: styles$7["title-chart"] + " " + styles$7["ml-10"]
-  }, t("student_distribution"))), React__default.createElement("div", {
+  }, t("students_average_score"))), React__default.createElement("div", {
     className: "" + styles$7["bubble-chart-custom"]
   }, React__default.createElement("div", {
     className: styles$7["chart-custom"]
@@ -71058,6 +71056,395 @@ var CustomQuestionAlert = function CustomQuestionAlert() {
   }))));
 };
 
+var EXTERNAL_TOKEN = marioCore.BASE_URL + "/api/ExternalToken";
+var create$n = function create(data) {
+  return marioCore.api.post("" + EXTERNAL_TOKEN, data);
+};
+var update$o = function update(id, data) {
+  return marioCore.api.put(EXTERNAL_TOKEN + "/" + id, data);
+};
+var get$v = function get(filters) {
+  return marioCore.api.get("" + EXTERNAL_TOKEN, {
+    params: filters
+  });
+};
+var remove$o = function remove(id) {
+  return marioCore.api["delete"](EXTERNAL_TOKEN + "/" + id);
+};
+
+var useExternalApi = function useExternalApi() {
+  var dispatch = reactRedux.useDispatch();
+
+  var _useState = React.useState([]),
+      tokens = _useState[0],
+      setTokens = _useState[1];
+
+  var _useState2 = React.useState(null),
+      tokenDetail = _useState2[0],
+      setTokenDetail = _useState2[1];
+
+  var _useFilters = marioCore.useFilters(),
+      filters = _useFilters.filters,
+      changeFilters = _useFilters.changeFilters;
+
+  var goToDetailToken = function goToDetailToken(token) {
+    setTokenDetail(token);
+  };
+
+  var removeBackslashesFromJSON = function removeBackslashesFromJSON(jsonString) {
+    return jsonString.replace(/\\/g, "");
+  };
+
+  var handleChangePermission = function handleChangePermission(property, value) {
+    if (tokenDetail) {
+      var _extends2;
+
+      var permissionChecked = [].concat(tokenDetail.permission[property]);
+
+      if (!permissionChecked.includes(value)) {
+        permissionChecked = [].concat(permissionChecked, [value]);
+      } else {
+        permissionChecked = permissionChecked.filter(function (r) {
+          return r !== value;
+        });
+      }
+
+      setTokenDetail(_extends({}, tokenDetail, {
+        permission: _extends({}, tokenDetail.permission, (_extends2 = {}, _extends2[property] = permissionChecked, _extends2))
+      }));
+    }
+  };
+
+  var getAllToken = React.useCallback(function () {
+    try {
+      var _temp3 = function _temp3() {
+        dispatch(marioCore.setLoading(false));
+      };
+
+      dispatch(marioCore.setLoading(true));
+
+      var _temp4 = _catch(function () {
+        return Promise.resolve(get$v(filters)).then(function (res) {
+          var _res$data;
+
+          var items = (res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.items) || [];
+          setTokens(items.map(function (r) {
+            return {
+              id: r.id,
+              createDate: r.createDate,
+              token: r.token,
+              permission: JSON.parse(r.permission)
+            };
+          }));
+        });
+      }, 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);
+    }
+  }, [filters]);
+  var generateToken = React.useCallback(function (isCreate) {
+    try {
+      var _temp7 = function _temp7() {
+        dispatch(marioCore.setLoading(false));
+      };
+
+      dispatch(marioCore.setLoading(true));
+
+      var _temp8 = _catch(function () {
+        var cleanedPermissionJSON = removeBackslashesFromJSON(JSON.stringify(tokenDetail === null || tokenDetail === void 0 ? void 0 : tokenDetail.permission));
+        return Promise.resolve(isCreate || !(tokenDetail !== null && tokenDetail !== void 0 && tokenDetail.id) ? create$n({
+          permission: cleanedPermissionJSON
+        }) : update$o(tokenDetail === null || tokenDetail === void 0 ? void 0 : tokenDetail.id, {
+          permission: cleanedPermissionJSON
+        })).then(function (_create) {
+          _create;
+          goToDetailToken(null);
+          getAllToken();
+        });
+      }, 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(_temp8 && _temp8.then ? _temp8.then(_temp7) : _temp7(_temp8));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  }, [tokenDetail]);
+  var removeToken = React.useCallback(function (id) {
+    try {
+      dispatch(marioCore.setLoading(true));
+
+      try {
+        dispatch(marioCore.setModal({
+          isOpen: true,
+          type: "warning",
+          message: "Do you want to remove this token?",
+          onConfirm: function () {
+            try {
+              return Promise.resolve(remove$o(id)).then(function () {
+                dispatch(marioCore.setAlert({
+                  type: "success",
+                  message: "Remove token successfully"
+                }));
+                getAllToken();
+              });
+            } catch (e) {
+              return Promise.reject(e);
+            }
+          }
+        }));
+      } catch (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
+        }));
+      }
+
+      dispatch(marioCore.setLoading(false));
+      return Promise.resolve();
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  }, []);
+  React.useEffect(function () {
+    getAllToken();
+    document.title = "External Api";
+  }, [filters]);
+  return {
+    generateToken: generateToken,
+    tokens: tokens,
+    changeFilters: changeFilters,
+    filters: filters,
+    removeToken: removeToken,
+    goToDetailToken: goToDetailToken,
+    tokenDetail: tokenDetail,
+    handleChangePermission: handleChangePermission
+  };
+};
+
+var DATE_RESULT = "dd-MM-yyyy";
+var initToken = {
+  token: "",
+  createDate: "",
+  permission: {
+    checkIns: ["GET"],
+    classReflections: ["GET"],
+    conferences: ["GET"],
+    surveys: ["GET"]
+  }
+};
+
+var DetailTokenModel = function DetailTokenModel(_ref) {
+  var open = _ref.open,
+      children = _ref.children,
+      _toggle = _ref.toggle,
+      isCreate = _ref.isCreate,
+      onConfirm = _ref.onConfirm;
+
+  var _useTranslation = marioCore.useTranslation(),
+      t = _useTranslation.t;
+
+  return React__default.createElement(reactstrap.Modal, {
+    isOpen: open,
+    toggle: function toggle() {
+      return _toggle(null);
+    }
+  }, React__default.createElement(reactstrap.ModalHeader, {
+    toggle: function toggle() {
+      return _toggle(null);
+    }
+  }, (isCreate ? "Create" : "Update") + " token"), React__default.createElement(reactstrap.ModalBody, null, children), React__default.createElement(reactstrap.ModalFooter, {
+    className: "text-right"
+  }, React__default.createElement(reactstrap.Button, {
+    color: "primary",
+    onClick: function onClick() {
+      return onConfirm(isCreate);
+    }
+  }, t("confirm")), React__default.createElement(reactstrap.Button, {
+    onClick: function onClick() {
+      return _toggle(null);
+    }
+  }, t("cancel"))));
+};
+
+var PermissionSelected = function PermissionSelected(_ref) {
+  var permission = _ref.permission,
+      name = _ref.name,
+      onChange = _ref.onChange;
+  return React__default.createElement("div", {
+    className: "d-flex align-items-center"
+  }, React__default.createElement("div", {
+    className: "d-flex align-items-center mr-4"
+  }, React__default.createElement(CheckboxCustom, {
+    isActive: permission.includes("GET"),
+    className: "mr-2",
+    onClick: function onClick() {
+      return onChange(name, "GET");
+    }
+  }), "GET"));
+};
+
+var ExternalApi = function ExternalApi() {
+  var _tokenDetail$permissi, _tokenDetail$permissi2, _tokenDetail$permissi3, _tokenDetail$permissi4;
+
+  var _useTranslation = marioCore.useTranslation(),
+      t = _useTranslation.t;
+
+  var _useExternalApi = useExternalApi(),
+      generateToken = _useExternalApi.generateToken,
+      tokens = _useExternalApi.tokens,
+      changeFilters = _useExternalApi.changeFilters,
+      filters = _useExternalApi.filters,
+      removeToken = _useExternalApi.removeToken,
+      goToDetailToken = _useExternalApi.goToDetailToken,
+      tokenDetail = _useExternalApi.tokenDetail,
+      handleChangePermission = _useExternalApi.handleChangePermission;
+
+  return React__default.createElement("div", {
+    className: "fadeIn animated"
+  }, React__default.createElement("div", {
+    className: "d-flex justify-content-between"
+  }, React__default.createElement("h2", {
+    className: "my-2 font-weight-bold"
+  }, "External Token"), React__default.createElement(marioCore.AddButton, {
+    text: "Create new Token",
+    onClick: function onClick() {
+      return goToDetailToken(initToken);
+    }
+  })), React__default.createElement("div", {
+    className: "mb-2 mt-4"
+  }, tokens && tokens.length > 0 ? 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"
+  }, "Token"), React__default.createElement("th", {
+    className: "align-top"
+  }, t("check_in")), React__default.createElement("th", {
+    className: "align-top"
+  }, t("conference")), React__default.createElement("th", {
+    className: "align-top"
+  }, t("class_reflection")), React__default.createElement("th", {
+    className: "align-top"
+  }, t("survey")), React__default.createElement("th", {
+    className: "align-top"
+  }, t("created_date")), React__default.createElement("th", {
+    className: "text-center"
+  }, t("action")))), React__default.createElement("tbody", null, tokens.map(function (record) {
+    var _record$permission, _record$permission$ch, _record$permission2, _record$permission2$c, _record$permission3, _record$permission3$c, _record$permission4, _record$permission4$s;
+
+    return React__default.createElement("tr", {
+      key: record.id
+    }, React__default.createElement("td", {
+      className: "align-middle"
+    }, React__default.createElement(marioCore.LinkEditButton, {
+      label: record.token,
+      onClick: function onClick() {
+        return goToDetailToken(record);
+      }
+    })), React__default.createElement("td", {
+      className: "align-middle"
+    }, (_record$permission = record.permission) === null || _record$permission === void 0 ? void 0 : (_record$permission$ch = _record$permission.checkIns) === null || _record$permission$ch === void 0 ? void 0 : _record$permission$ch.toString()), React__default.createElement("td", {
+      className: "align-middle"
+    }, (_record$permission2 = record.permission) === null || _record$permission2 === void 0 ? void 0 : (_record$permission2$c = _record$permission2.conferences) === null || _record$permission2$c === void 0 ? void 0 : _record$permission2$c.toString()), React__default.createElement("td", {
+      className: "align-middle"
+    }, (_record$permission3 = record.permission) === null || _record$permission3 === void 0 ? void 0 : (_record$permission3$c = _record$permission3.classReflections) === null || _record$permission3$c === void 0 ? void 0 : _record$permission3$c.toString()), React__default.createElement("td", {
+      className: "align-middle"
+    }, (_record$permission4 = record.permission) === null || _record$permission4 === void 0 ? void 0 : (_record$permission4$s = _record$permission4.surveys) === null || _record$permission4$s === void 0 ? void 0 : _record$permission4$s.toString()), React__default.createElement("td", {
+      className: "align-middle"
+    }, dateFns.format(new Date(record.createDate), DATE_RESULT)), React__default.createElement("td", {
+      className: "text-center align-middle"
+    }, React__default.createElement(marioCore.DeleteButtonIcon, {
+      onClick: function onClick() {
+        return !!(record !== null && record !== void 0 && record.id) && removeToken(record.id);
+      }
+    })));
+  }))) : React__default.createElement(marioCore.EmptyDataAlert, {
+    label: "token"
+  }), React__default.createElement(reactstrap.Row, {
+    className: "mt-2"
+  }, React__default.createElement(reactstrap.Col, {
+    md: 12
+  }, React__default.createElement(marioCore.CustomPagination, {
+    filters: filters,
+    totalRecordCount: (tokens === null || tokens === void 0 ? void 0 : tokens.length) || 0,
+    changePageSize: function changePageSize(pageSize) {
+      return changeFilters({
+        pageSize: pageSize
+      });
+    },
+    changePage: function changePage(currentPage) {
+      return changeFilters({
+        currentPage: currentPage
+      });
+    }
+  })))), React__default.createElement(DetailTokenModel, {
+    open: !!tokenDetail,
+    toggle: goToDetailToken,
+    isCreate: !(tokenDetail !== null && tokenDetail !== void 0 && tokenDetail.id),
+    onConfirm: generateToken
+  }, React__default.createElement("div", null, !!(tokenDetail !== null && tokenDetail !== void 0 && tokenDetail.token) && React__default.createElement("div", {
+    className: "d-flex align-items-center mt-4"
+  }, React__default.createElement("h6", {
+    className: "mr-5 mb-0"
+  }, "Token: ", tokenDetail === null || tokenDetail === void 0 ? void 0 : tokenDetail.token)), React__default.createElement("div", {
+    className: "d-flex align-items-center mt-4"
+  }, React__default.createElement("h2", {
+    className: "mr-5 mb-0"
+  }, "Permission")), React__default.createElement("div", {
+    className: "d-flex align-items-center mt-4"
+  }, React__default.createElement("h6", {
+    className: "mr-5 mb-0"
+  }, "CheckIns:"), React__default.createElement(PermissionSelected, {
+    name: "checkIns",
+    onChange: handleChangePermission,
+    permission: (tokenDetail === null || tokenDetail === void 0 ? void 0 : (_tokenDetail$permissi = tokenDetail.permission) === null || _tokenDetail$permissi === void 0 ? void 0 : _tokenDetail$permissi.checkIns) || []
+  })), React__default.createElement("div", {
+    className: "d-flex align-items-center mt-4"
+  }, React__default.createElement("h6", {
+    className: "mr-5 mb-0"
+  }, "Conferences:"), React__default.createElement(PermissionSelected, {
+    name: "conferences",
+    onChange: handleChangePermission,
+    permission: (tokenDetail === null || tokenDetail === void 0 ? void 0 : (_tokenDetail$permissi2 = tokenDetail.permission) === null || _tokenDetail$permissi2 === void 0 ? void 0 : _tokenDetail$permissi2.conferences) || []
+  })), React__default.createElement("div", {
+    className: "d-flex align-items-center mt-4"
+  }, React__default.createElement("h6", {
+    className: "mr-5 mb-0"
+  }, "Reflections:"), React__default.createElement(PermissionSelected, {
+    name: "classReflections",
+    onChange: handleChangePermission,
+    permission: (tokenDetail === null || tokenDetail === void 0 ? void 0 : (_tokenDetail$permissi3 = tokenDetail.permission) === null || _tokenDetail$permissi3 === void 0 ? void 0 : _tokenDetail$permissi3.classReflections) || []
+  })), React__default.createElement("div", {
+    className: "d-flex align-items-center mt-4"
+  }, React__default.createElement("h6", {
+    className: "mr-5 mb-0"
+  }, "Surveys:"), React__default.createElement(PermissionSelected, {
+    name: "surveys",
+    onChange: handleChangePermission,
+    permission: (tokenDetail === null || tokenDetail === void 0 ? void 0 : (_tokenDetail$permissi4 = tokenDetail.permission) === null || _tokenDetail$permissi4 === void 0 ? void 0 : _tokenDetail$permissi4.surveys) || []
+  })))));
+};
+
 var WEEKLY_QUEST_URL = marioCore.BASE_URL + "/api/WeeklyQuest";
 var getWeeklyQuest = function getWeeklyQuest(filter) {
   return marioCore.api.get(WEEKLY_QUEST_URL + "/all", {
@@ -74708,8 +75095,8 @@ var CustomAlertIcon = function CustomAlertIcon() {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, React__default.createElement("path", {
-    "fill-rule": "evenodd",
-    "clip-rule": "evenodd",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
     d: "M12.1688 2H11.8236C11.3314 2.18047 11.1453 2.54844 11.1779 3.06328C11.1807 3.10656 11.1851 3.15211 11.1897 3.19846L11.1897 3.19849L11.1897 3.19852C11.2075 3.38055 11.2265 3.57465 11.1461 3.68984C11.0849 3.77772 10.9332 3.79978 10.7811 3.82191C10.7121 3.83194 10.643 3.84199 10.5822 3.8582C8.26133 4.47813 6.57804 6.42773 6.31565 8.85078C6.27158 9.25822 6.27289 9.67053 6.27421 10.0831C6.27493 10.3098 6.27565 10.5365 6.26885 10.7625C6.26343 10.9443 6.26121 11.1266 6.25899 11.309C6.25304 11.798 6.24708 12.2872 6.17947 12.7672C5.99802 14.0559 5.38117 15.1289 4.42981 15.9969C4.14134 16.2602 3.90695 16.5496 3.84404 16.9512C3.70939 17.8082 4.25949 18.5508 5.10651 18.6555C5.1886 18.6656 5.27223 18.6691 5.35509 18.6691C9.78542 18.6699 14.2154 18.6703 18.6457 18.6695C19.3297 18.6695 19.8445 18.3395 20.0773 17.7582C20.3156 17.1637 20.1656 16.5336 19.66 16.0809C19.0013 15.4906 18.4896 14.7953 18.152 13.9691C17.8892 13.3254 17.7435 12.6547 17.735 11.9582C17.729 11.466 17.7298 10.9738 17.7307 10.4816C17.7312 10.1601 17.7318 9.83866 17.7304 9.51719C17.7189 6.63789 15.7291 4.24609 12.9395 3.7543C12.9152 3.75013 12.8915 3.74213 12.8645 3.73298L12.8645 3.73298C12.851 3.72841 12.8366 3.72356 12.8209 3.71875C12.8209 3.64612 12.8197 3.57375 12.8185 3.50165V3.50157V3.5015C12.8159 3.34448 12.8133 3.18868 12.8232 3.03398C12.857 2.51953 12.6548 2.16875 12.1688 2ZM11.3161 21.8912C11.4347 21.9261 11.5534 21.9609 11.67 22H12.3221C12.442 21.9598 12.5643 21.9243 12.6866 21.8888C12.9576 21.8102 13.2285 21.7316 13.4733 21.6016C14.2996 21.1621 14.7926 20.4414 15.0078 19.5106H9.00807C9.01133 19.5308 9.01389 19.5501 9.01634 19.5685C9.0214 19.6065 9.02601 19.6411 9.03531 19.6742C9.27852 20.5348 9.76839 21.209 10.5548 21.6149C10.7933 21.7379 11.0547 21.8146 11.3161 21.8912ZM3.00234 9.95938C3.10745 7.22344 4.07876 4.86406 5.96536 2.90469C6.31368 2.54297 6.81199 2.53086 7.14612 2.86328C7.47833 3.19414 7.48063 3.70391 7.13193 4.06758C6.17366 5.06602 5.46897 6.21992 5.04891 7.55039C4.8011 8.33477 4.66377 9.13945 4.64535 9.96445L4.64489 9.98627C4.64203 10.1218 4.63914 10.2591 4.6162 10.3918C4.5437 10.8105 4.18387 11.0875 3.75844 11.0637C3.36141 11.0414 3.02805 10.7023 3.00311 10.291C2.99867 10.216 2.99992 10.1406 3.00117 10.0653C3.00176 10.03 3.00234 9.99465 3.00234 9.95938ZM20.9987 10.0287C20.9981 9.9879 20.9975 9.94705 20.9975 9.90624C20.9139 7.63242 20.1996 5.59101 18.8163 3.79999C18.5604 3.46874 18.2762 3.15781 17.9861 2.85585C17.7418 2.60156 17.3904 2.55781 17.082 2.70429C16.7793 2.84804 16.6025 3.1582 16.6147 3.51093C16.6251 3.80507 16.8031 3.99617 16.9832 4.18959C16.9971 4.20449 17.011 4.2194 17.0248 4.23437C18.0575 5.35117 18.7568 6.65312 19.1197 8.14374C19.2931 8.85546 19.3487 9.57929 19.3779 10.3086C19.3955 10.7437 19.7669 11.0707 20.2015 11.0648C20.6227 11.0594 20.973 10.723 20.9964 10.2965C21.0014 10.2075 21 10.1181 20.9987 10.0287Z",
     fill: "#242424"
   }));
@@ -74756,6 +75143,31 @@ var SurveyIcon = function SurveyIcon() {
   }));
 };
 
+var TokenIcon = function TokenIcon() {
+  return React__default.createElement("svg", {
+    fill: "#000000",
+    version: "1.1",
+    id: "Layer_1",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink",
+    viewBox: "0 0 511.999 511.999",
+    xmlSpace: "preserve"
+  }, React__default.createElement("g", {
+    id: "SVGRepo_bgCarrier",
+    "stroke-width": "0"
+  }), React__default.createElement("g", {
+    id: "SVGRepo_tracerCarrier",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), React__default.createElement("g", {
+    id: "SVGRepo_iconCarrier"
+  }, " ", React__default.createElement("g", null, " ", React__default.createElement("g", null, " ", React__default.createElement("path", {
+    d: "M409.223,102.777c-20.476-20.474-47.744-31.749-76.781-31.749c-29.038,0-56.306,11.276-76.781,31.749L102.777,255.661 c-42.337,42.338-42.337,111.225,0,153.562c20.475,20.474,47.743,31.749,76.781,31.749c29.038,0,56.306-11.276,76.781-31.749 l152.884-152.884C451.56,214.001,451.56,145.115,409.223,102.777z M114.282,295.845l160.054-160.054l21.508,21.508L135.79,317.353 L114.282,295.845z M159.482,374.025l-21.508-21.508l167.223-167.223l21.508,21.508L159.482,374.025z M216.155,397.718 l-21.508-21.508l160.053-160.054l21.508,21.508L216.155,397.718z M379.358,171.755c-10.801,10.801-28.313,10.801-39.114,0 c-10.801-10.801-10.801-28.313,0-39.114c10.801-10.801,28.313-10.801,39.114,0C390.159,143.443,390.159,160.955,379.358,171.755z"
+  }), " "), " "), " ", React__default.createElement("g", null, " ", React__default.createElement("g", null, " ", React__default.createElement("path", {
+    d: "M459.407,52.591C425.493,18.677,380.402,0,332.441,0s-93.052,18.677-126.966,52.591L52.592,205.476 c-70.009,70.009-70.009,183.922,0,253.932c33.914,33.914,79.004,52.591,126.966,52.591c47.962,0,93.052-18.677,126.966-52.591 l152.883-152.884C529.416,236.514,529.416,122.601,459.407,52.591z M430.73,277.846L277.846,430.731 c-26.221,26.22-61.127,40.66-98.289,40.66c-37.163,0-72.068-14.439-98.288-40.66c-54.196-54.196-54.196-142.38,0-196.578 L234.153,81.269c26.22-26.22,61.126-40.66,98.289-40.66c37.162,0,72.068,14.439,98.288,40.66 C484.926,135.466,484.926,223.65,430.73,277.846z"
+  }), " "), " "), " "));
+};
+
 var useHeaderSideBar = function useHeaderSideBar(_navigations) {
   var _currentUrl$split;
 
@@ -75031,6 +75443,9 @@ var useHeaderSideBar = function useHeaderSideBar(_navigations) {
   }, {
     name: "training",
     icon: React__default.createElement(HelpIcon, null)
+  }, {
+    name: "External Api",
+    icon: React__default.createElement(TokenIcon, null)
   }];
   var renderNotificationBadge = React.useCallback(function () {
     if (!unreadNoti) return React__default.createElement(NotificationsIcon, {
@@ -76930,7 +77345,6 @@ var SurveyQuestion = function SurveyQuestion() {
       setEditedTrue = _useQuestionDetail.setEditedTrue,
       handleGetLabelQuestions = _useQuestionDetail.handleGetLabelQuestions,
       labelQuestions = _useQuestionDetail.labelQuestions,
-      tinyMCEKey = _useQuestionDetail.tinyMCEKey,
       listLanguage = _useQuestionDetail.listLanguage,
       activeLanguage = _useQuestionDetail.activeLanguage,
       onChangeLanguage = _useQuestionDetail.onChangeLanguage,
@@ -76945,7 +77359,6 @@ var SurveyQuestion = function SurveyQuestion() {
       categorySelected = _useCategorySelector.categorySelected,
       setCategorySelected = _useCategorySelector.setCategorySelected;
 
-  var TINY_MCE_API_KEY = "ebwt07xgrus9j0kd8gq1k89muft26xih8aivb0ridjv7c216";
   var header = !!id ? t(EDIT_QUESTION_HEADER$1) : t(CREATE_QUESTION_HEADER$1);
   var confirmText = !!id ? t("edit_question") : t("create_question");
   var additionalFields = ["fromLabel", "toLabel", "numberOfStars"];
@@ -76973,7 +77386,9 @@ var SurveyQuestion = function SurveyQuestion() {
       padding: '10px 20px 0 20px'
     }
   }, listLanguage && listLanguage.length > 0 && listLanguage.map(function (item) {
-    return React__default.createElement(reactstrap.NavItem, null, React__default.createElement(reactstrap.NavLink, {
+    return React__default.createElement(reactstrap.NavItem, {
+      key: item.code
+    }, React__default.createElement(reactstrap.NavLink, {
       className: "" + (activeLanguage.includes(item.code) ? "active" : ""),
       onClick: function onClick() {
         return onChangeLanguage(item.code);
@@ -77113,8 +77528,8 @@ var SurveyQuestion = function SurveyQuestion() {
       className: stylesDetail['survey-question-detail-tiny-editor']
     }, React__default.createElement(marioCore.RequiredLabel, {
       text: t("question_text")
-    }), !!tinyMCEKey && React__default.createElement(tinymceReact.Editor, {
-      apiKey: tinyMCEKey || TINY_MCE_API_KEY,
+    }), React__default.createElement(tinymceReact.Editor, {
+      tinymceScriptSrc: "/tinymce/tinymce.min.js",
       value: values.text,
       init: _extends({}, marioCore.editorConfig.question, {
         height: 200,
@@ -77550,6 +77965,7 @@ exports.CreateSurveyAdmin = CreateSurveyAdmin;
 exports.CustomAlertList = CustomAlertList;
 exports.CustomQuestionAlert = CustomQuestionAlert;
 exports.Dashboard = Dashboard;
+exports.ExternalApi = ExternalApi;
 exports.FeedbackList = FeedbackList;
 exports.FixDataStudent = FixDataStudent;
 exports.GoalExampleList = GoalExampleList;