mario-education 2.4.506-release → 2.4.507-feedback

package/dist/containers/Dashboard/components/ModelStudentSession.d.ts

@@ -1,3 +1,3 @@
 import { IModelStudentSession } from "../../MyStudent/components/NewOverview/Chat/types/types";
-declare const ModelStudentSession: ({ open, onClose, responseStudent, title, tagName, isStressMode }: IModelStudentSession) => JSX.Element;
+declare const ModelStudentSession: ({ open, onClose, responseStudent, title, tagName, isStressMode, isHiddenAvg }: IModelStudentSession) => JSX.Element;
 export default ModelStudentSession;

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

@@ -64,6 +64,7 @@ export declare const initStudentPressure: {
 export declare const INITIAL_OVERALL_READY_TO_LEARN: {
     resultQuestion: never[];
     overViewQuestionLastMonth: never[];
+    studentNotReadyToLearn: never[];
 };
 export declare const heightChartDefault = 250;
 export declare const PREPAREDNESS_QUESTION: string[];

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

@@ -341,6 +341,7 @@ export interface IDashboardToPDF {
 }
 export interface IOverallReadinessToLearn {
     resultQuestion: ISeries[];
+    studentNotReadyToLearn: IResponseStudentQuestion[];
     overViewQuestionLastMonth: IQuestionResponseLastMonth[];
 }
 export interface SessionCsv {

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

@@ -1,8 +1,8 @@
 export interface IPermission {
-    checkIn: string[];
-    conference: string[];
-    classReflection: string[];
-    survey: string[];
+    checkIns: string[];
+    conferences: string[];
+    classReflections: string[];
+    surveys: string[];
 }
 export interface IAccessToken {
     permission: IPermission;

package/dist/containers/MyStudent/components/NewOverview/Chat/types/types.d.ts

@@ -221,6 +221,7 @@ export interface IModelStudentSession {
     tagName: string;
     responseStudent: IResponseStudentQuestion[];
     isStressMode?: boolean;
+    isHiddenAvg?: boolean;
 }
 export interface IModelSkillStudent {
     studentCount?: number;

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

@@ -33471,7 +33471,8 @@ var initStudentPressure = {
 };
 var INITIAL_OVERALL_READY_TO_LEARN = {
   resultQuestion: [],
-  overViewQuestionLastMonth: []
+  overViewQuestionLastMonth: [],
+  studentNotReadyToLearn: []
 };
 var heightChartDefault = 250;
 var PREPAREDNESS_QUESTION = ["energy", "focus", "happiness"];
@@ -36441,7 +36442,8 @@ var ModelStudentSession = function ModelStudentSession(_ref) {
       responseStudent = _ref.responseStudent,
       title = _ref.title,
       tagName = _ref.tagName,
-      isStressMode = _ref.isStressMode;
+      isStressMode = _ref.isStressMode,
+      isHiddenAvg = _ref.isHiddenAvg;
   return React__default.createElement(SimpleDialog, {
     open: open,
     onClose: onClose,
@@ -36451,6 +36453,7 @@ var ModelStudentSession = function ModelStudentSession(_ref) {
     responseStudent: responseStudent,
     title: title,
     tagName: tagName,
+    isHiddenAvg: isHiddenAvg,
     isStressMode: isStressMode
   }));
 };
@@ -36459,7 +36462,8 @@ var DialogBody = function DialogBody(_ref2) {
   var responseStudent = _ref2.responseStudent,
       title = _ref2.title,
       tagName = _ref2.tagName,
-      isStressMode = _ref2.isStressMode;
+      isStressMode = _ref2.isStressMode,
+      isHiddenAvg = _ref2.isHiddenAvg;
   var history = reactRouterDom.useHistory();
 
   var _useTranslation = marioCore.useTranslation(),
@@ -36558,7 +36562,7 @@ var DialogBody = function DialogBody(_ref2) {
       className: "" + styles$3["time"]
     }, formatSortDate((r === null || r === void 0 ? void 0 : (_r$sessionResults2 = r.sessionResults) === null || _r$sessionResults2 === void 0 ? void 0 : (_r$sessionResults2$fi = _r$sessionResults2.find(function (i) {
       return !i.isTeacherResult;
-    })) === null || _r$sessionResults2$fi === void 0 ? void 0 : _r$sessionResults2$fi.startTime) || "")))), React__default.createElement("div", {
+    })) === null || _r$sessionResults2$fi === void 0 ? void 0 : _r$sessionResults2$fi.startTime) || "")))), !isHiddenAvg && React__default.createElement("div", {
       className: "d-flex align-items-center py-2"
     }, React__default.createElement(ChipImage, {
       className: "ml-0",
@@ -36606,8 +36610,9 @@ var ModelSkillStudent = function ModelSkillStudent(_ref) {
   }, React__default.createElement(ModelStudentSession, {
     open: openModel,
     onClose: handleToggleModel,
-    title: titleModelSession,
+    title: name !== t(overallReadinessToLearn) ? titleModelSession : t("students_who_are_not_ready_to_learn"),
     tagName: tagName,
+    isHiddenAvg: name == t(overallReadinessToLearn),
     responseStudent: responseStudent,
     isStressMode: !(name !== t("average_student_stress"))
   }), !studentCount ? React__default.createElement(CheckCircleIcon, {
@@ -36629,6 +36634,16 @@ var ModelSkillStudent = function ModelSkillStudent(_ref) {
   }, "(", t("see_them"), ")")), React__default.createElement(core$1.Typography, {
     className: "" + styles$3["detail"]
   }, React__default.createElement("b", null, studentCount, " ", t("students")), " ", t("are_not_feeling_safe")))), React__default.createElement(core$1.Grid, {
+    hidden: name !== t(overallReadinessToLearn) || !studentCount,
+    className: "" + styles$3["skill-student"]
+  }, React__default.createElement(core$1.Grid, null, React__default.createElement(core$1.Typography, {
+    className: "" + styles$3["detail"]
+  }, React__default.createElement("b", null, studentCount + " " + t("students")), " ", t("are_not_ready_to_learn"), " ", React__default.createElement("b", {
+    className: "" + styles$3["link"],
+    onClick: function onClick() {
+      return handleToggleModel();
+    }
+  }, "(", t("see_them"), ")")))), React__default.createElement(core$1.Grid, {
     hidden: name !== t("average_student_stress"),
     className: "" + styles$3["skill-student"]
   }, !studentCount ? React__default.createElement(core$1.Typography, {
@@ -36789,7 +36804,7 @@ var GenerateChartData = function GenerateChartData(_ref) {
       className: "" + styles$2["month-text"]
     }, "vs last " + timeOfDay))));
   })), React__default.createElement("div", {
-    className: "" + styles$2["box-model-student-skill"],
+    className: styles$2["box-model-student-skill"] + " mr-3",
     hidden: !studentCount && studentCount != 0 || series.length == 0
   }, React__default.createElement(ModelSkillStudent, {
     studentCount: studentCount,
@@ -39069,7 +39084,7 @@ var LastAnswerTable = function LastAnswerTable(_ref) {
 };
 
 var Dashboard = function Dashboard() {
-  var _summarizeQuestions$t;
+  var _summarizeQuestions$t, _dataOverallReadyToLe;
 
   var _useChartDatas = useChartDatas(),
       user = _useChartDatas.user,
@@ -39438,6 +39453,8 @@ var Dashboard = function Dashboard() {
     months: [],
     activeColumn: [true, true],
     avgQuestionLastMonth: dataOverallReadyToLearn.overViewQuestionLastMonth,
+    studentCount: (dataOverallReadyToLearn === null || dataOverallReadyToLearn === void 0 ? void 0 : (_dataOverallReadyToLe = dataOverallReadyToLearn.studentNotReadyToLearn) === null || _dataOverallReadyToLe === void 0 ? void 0 : _dataOverallReadyToLe.length) || undefined,
+    responseStudent: dataOverallReadyToLearn === null || dataOverallReadyToLearn === void 0 ? void 0 : dataOverallReadyToLearn.studentNotReadyToLearn,
     series: dataOverallReadyToLearn.resultQuestion,
     timeOfDay: filter.optionDate,
     dayOfWeek: [],
@@ -71041,6 +71058,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", {
@@ -77533,6 +77939,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;