mario-education 2.4.312-layout → 2.4.315-layout

package/dist/index.js

@@ -470,6 +470,10 @@ var StudentList = function StudentList(_ref) {
   var students = _ref.students,
       onRemove = _ref.onRemove,
       goToUserDetail = _ref.goToUserDetail;
+
+  var _useTranslation = marioCore.useTranslation(),
+      t = _useTranslation.t;
+
   return React__default.createElement("div", null, !!students && !!students.length ? React__default.createElement(reactstrap.Table, {
     responsive: true,
     hover: true,
@@ -498,7 +502,7 @@ var StudentList = function StudentList(_ref) {
       }
     })));
   }))) : React__default.createElement(marioCore.EmptyDataAlert, {
-    label: "student"
+    label: t("student")
   }));
 };
 
@@ -639,6 +643,10 @@ var ClassDetailModal$1 = React.forwardRef(ClassDetailModal);
 
 var ClassStudentModal = function ClassStudentModal(_ref, ref) {
   var students = _ref.students;
+
+  var _useTranslation = marioCore.useTranslation(),
+      t = _useTranslation.t;
+
   return React__default.createElement(marioCore.CommonModal, {
     header: "Class students",
     noFooter: true,
@@ -664,7 +672,7 @@ var ClassStudentModal = function ClassStudentModal(_ref, ref) {
       className: "align-middle"
     }, student.email));
   }))) : React__default.createElement(marioCore.EmptyDataAlert, {
-    label: "student"
+    label: t("student")
   }))));
 };
 
@@ -978,6 +986,10 @@ var ADMIN = "Admin";
 
 var ClassList = function ClassList() {
   var modal = React.useRef();
+
+  var _useTranslation = marioCore.useTranslation(),
+      t = _useTranslation.t;
+
   var studentModal = React.useRef();
   var user = reactRedux.useSelector(function (state) {
     return state.common.user;
@@ -1134,7 +1146,7 @@ var ClassList = function ClassList() {
       }
     })));
   }))) : React__default.createElement(marioCore.EmptyDataAlert, {
-    label: "class"
+    label: t("class")
   })), React__default.createElement(reactstrap.Col, {
     md: 8
   }, React__default.createElement(marioCore.CustomPagination, {
@@ -1322,6 +1334,9 @@ var ConferenceRubricList = function ConferenceRubricList() {
       filters = _useConferenceRubricL.filters,
       changeFilters = _useConferenceRubricL.changeFilters;
 
+  var _useTranslation = marioCore.useTranslation(),
+      t = _useTranslation.t;
+
   var onRemove = function onRemove(id) {
     removeData(id);
   };
@@ -1387,7 +1402,7 @@ var ConferenceRubricList = function ConferenceRubricList() {
       }
     })));
   }))) : React__default.createElement(marioCore.EmptyDataAlert, {
-    label: "conference rubric"
+    label: t("conference_rubric")
   })), React__default.createElement(reactstrap.Col, {
     md: 8
   }, React__default.createElement(marioCore.CustomPagination, {
@@ -1598,7 +1613,7 @@ var QuestionList = function QuestionList(_ref) {
       }
     })));
   }))) : React__default.createElement(marioCore.EmptyDataAlert, {
-    label: "question"
+    label: t("question")
   }));
 };
 
@@ -3050,6 +3065,9 @@ var header$2 = "Suggestion bank";
 var SuggestionBankList = function SuggestionBankList() {
   var modal = React.useRef();
 
+  var _useTranslation = marioCore.useTranslation(),
+      t = _useTranslation.t;
+
   var _useSuggestionList = useSuggestionList(),
       suggestionList = _useSuggestionList.suggestionList,
       totalItems = _useSuggestionList.totalItems,
@@ -3182,7 +3200,7 @@ var SuggestionBankList = function SuggestionBankList() {
       }
     })));
   }))) : React__default.createElement(marioCore.EmptyDataAlert, {
-    label: "suggestion"
+    label: t("suggestion")
   })), React__default.createElement(reactstrap.Col, {
     md: 8
   }, React__default.createElement(marioCore.CustomPagination, {
@@ -5803,7 +5821,7 @@ var LearningSupportCategoryList = function LearningSupportCategoryList() {
       }
     })));
   }))) : React__default.createElement(marioCore.EmptyDataAlert, {
-    label: "Learning support category"
+    label: t('learning_support_category')
   })), React__default.createElement(reactstrap.Col, {
     md: 8
   }, React__default.createElement(marioCore.CustomPagination, {
@@ -7290,7 +7308,7 @@ var BandScoreList = function BandScoreList() {
       }
     })));
   }))) : React__default.createElement(marioCore.EmptyDataAlert, {
-    label: "band score"
+    label: t('band_scores')
   })))), React__default.createElement(reactstrap.Col, {
     md: 4,
     className: "pt-2"
@@ -7482,7 +7500,7 @@ var CurrentLicense = function CurrentLicense() {
       }
     }))));
   }))) : React__default.createElement(marioCore.EmptyDataAlert, {
-    label: "band score"
+    label: t('band_scores')
   }))));
 };
 
@@ -8376,7 +8394,7 @@ var UserList = function UserList() {
       return role === "SecondaryTeacher" ? "SupportTeacher" : role;
     }).join(", ")));
   })))) : React__default.createElement(marioCore.EmptyDataAlert, {
-    label: "user"
+    label: t("user")
   })), React__default.createElement(reactstrap.Col, {
     md: 12
   }, React__default.createElement(marioCore.CustomPagination, {
@@ -8718,7 +8736,7 @@ var SwitchTeacherList = function SwitchTeacherList() {
       className: "align-middle"
     }, record.emailTeacher));
   })))) : React__default.createElement(marioCore.EmptyDataAlert, {
-    label: "user"
+    label: t("user")
   })), React__default.createElement(reactstrap.Col, {
     md: 12
   }, React__default.createElement(marioCore.CustomPagination, {
@@ -9215,7 +9233,7 @@ var SwitchAssistantList = function SwitchAssistantList() {
       }
     })));
   })))) : React__default.createElement(marioCore.EmptyDataAlert, {
-    label: "user"
+    label: t("user")
   })), React__default.createElement(reactstrap.Col, {
     md: 12
   }, React__default.createElement(marioCore.CustomPagination, {
@@ -9573,7 +9591,7 @@ var AssignAssistantList = function AssignAssistantList() {
       }
     }, t("assign_assistant"))));
   })))) : React__default.createElement(marioCore.EmptyDataAlert, {
-    label: "user"
+    label: t("user")
   })), React__default.createElement(reactstrap.Col, {
     md: 12
   }, React__default.createElement(marioCore.CustomPagination, {
@@ -9883,7 +9901,7 @@ var WelcomeEmailResend = function WelcomeEmailResend() {
       }
     })));
   })))) : React__default.createElement(marioCore.EmptyDataAlert, {
-    label: "user"
+    label: t("user")
   })), React__default.createElement(reactstrap.Col, {
     md: 12
   }, React__default.createElement(marioCore.CustomPagination, {
@@ -10467,7 +10485,7 @@ var QuestionScaffolding = function QuestionScaffolding() {
       }
     })));
   }))) : React__default.createElement(marioCore.EmptyDataAlert, {
-    label: "question"
+    label: t("question")
   })), React__default.createElement(reactstrap.Col, {
     md: 12
   }, React__default.createElement(marioCore.CustomPagination, {
@@ -11396,7 +11414,7 @@ var AssignCounselorList = function AssignCounselorList() {
       }
     }, t("assign_counselor"))));
   })))) : React__default.createElement(marioCore.EmptyDataAlert, {
-    label: "user"
+    label: t("user")
   })), React__default.createElement(reactstrap.Col, {
     md: 12
   }, React__default.createElement(marioCore.CustomPagination, {
@@ -11755,7 +11773,7 @@ var AssignSecondaryTeacherList = function AssignSecondaryTeacherList() {
       }
     }, t("assign_support_teacher"))));
   })))) : React__default.createElement(marioCore.EmptyDataAlert, {
-    label: "user"
+    label: t("user")
   })), React__default.createElement(reactstrap.Col, {
     md: 12
   }, React__default.createElement(marioCore.CustomPagination, {
@@ -12150,7 +12168,7 @@ var SwitchCounselorList = function SwitchCounselorList() {
       }
     })));
   })))) : React__default.createElement(marioCore.EmptyDataAlert, {
-    label: "user"
+    label: t("user")
   })), React__default.createElement(reactstrap.Col, {
     md: 12
   }, React__default.createElement(marioCore.CustomPagination, {
@@ -12544,7 +12562,7 @@ var SwitchSecondaryTeacherList = function SwitchSecondaryTeacherList() {
       }
     })));
   })))) : React__default.createElement(marioCore.EmptyDataAlert, {
-    label: "user"
+    label: t("user")
   })), React__default.createElement(reactstrap.Col, {
     md: 12
   }, React__default.createElement(marioCore.CustomPagination, {
@@ -13905,6 +13923,9 @@ var useReflectionFormList = function useReflectionFormList() {
 var ReflectionFormList = function ReflectionFormList() {
   var modal = React.useRef();
 
+  var _useTranslation = marioCore.useTranslation(),
+      t = _useTranslation.t;
+
   var _useQuestionCategory = useQuestionCategory(),
       questionByCategoryList = _useQuestionCategory.questionByCategoryList,
       selectedQuestions = _useQuestionCategory.selectedQuestions,
@@ -14047,7 +14068,7 @@ var ReflectionFormList = function ReflectionFormList() {
       }
     })));
   }))) : React__default.createElement(marioCore.EmptyDataAlert, {
-    label: "reflection forms"
+    label: t("reflection_forms")
   })), React__default.createElement(reactstrap.Col, {
     md: 12,
     className: "text-right"
@@ -14399,6 +14420,9 @@ var ReflectionResultDetailModal$1 = React.forwardRef(ReflectionResultDetailModal
 var ReflectionResultList = function ReflectionResultList() {
   var modal = React.useRef();
 
+  var _useTranslation = marioCore.useTranslation(),
+      t = _useTranslation.t;
+
   var _useState = React.useState(""),
       detailReflectionResultHeader = _useState[0],
       setDetailReflectionResultHeader = _useState[1];
@@ -14468,7 +14492,7 @@ var ReflectionResultList = function ReflectionResultList() {
       className: "align-middle"
     }, record.studentName), React__default.createElement("td", null, dateFns.format(new Date(record.createdAt), marioCore.DATE_RESULT)));
   }))) : React__default.createElement(marioCore.EmptyDataAlert, {
-    label: "reflection forms"
+    label: t("reflection_forms")
   })), React__default.createElement(reactstrap.Col, {
     md: 8,
     className: "text-right"
@@ -15723,6 +15747,10 @@ var QuestionSplitPaneSelector$1 = function QuestionSplitPaneSelector(props) {
   var ListQuestionSearchByCategory = questionByCategoryList.filter(function (item) {
     return item.text.toLowerCase().indexOf(search.toLowerCase()) > -1;
   });
+
+  var _useTranslation = marioCore.useTranslation(),
+      t = _useTranslation.t;
+
   return React__default.createElement(React__default.Fragment, null, React__default.createElement(reactstrap.Table, {
     bordered: true,
     hover: true,
@@ -15752,7 +15780,7 @@ var QuestionSplitPaneSelector$1 = function QuestionSplitPaneSelector(props) {
     })));
   }) : React__default.createElement("tr", null, React__default.createElement("td", {
     className: "align-middle"
-  }, "No data")))), position == "left" ? React__default.createElement("div", {
+  }, t("no_data"))))), position == "left" ? React__default.createElement("div", {
     className: "float-left"
   }, React__default.createElement(reactstrap.Button, {
     outline: true,
@@ -15812,6 +15840,9 @@ var schema$b = yup.object({
 });
 
 var AssessmentDetailModal = function AssessmentDetailModal(props, ref) {
+  var _useTranslation = marioCore.useTranslation(),
+      t = _useTranslation.t;
+
   var arrId = !!props.selectedQuestions && props.selectedQuestions.map(function (item) {
     return item.id;
   });
@@ -15867,7 +15898,7 @@ var AssessmentDetailModal = function AssessmentDetailModal(props, ref) {
     }, React__default.createElement(reactstrap.Row, null, React__default.createElement(reactstrap.Col, {
       md: 12
     }, React__default.createElement(marioCore.RequiredLabel, {
-      text: "Name"
+      text: t("name")
     }), React__default.createElement(reactstrap.Input, {
       name: "name",
       placeholder: "Name",
@@ -15883,9 +15914,9 @@ var AssessmentDetailModal = function AssessmentDetailModal(props, ref) {
       md: 6
     }, React__default.createElement(reactstrap.Label, {
       className: "mt-3"
-    }, React__default.createElement("h6", null, "Available questions")), React__default.createElement(reactstrap.Row, null, React__default.createElement(reactstrap.Col, {
+    }, React__default.createElement("h6", null, t('available_questions'))), React__default.createElement(reactstrap.Row, null, React__default.createElement(reactstrap.Col, {
       md: 12
-    }, React__default.createElement(reactstrap.Label, null, "Category"), React__default.createElement(marioCore.QuestionCategorySelector, {
+    }, React__default.createElement(reactstrap.Label, null, t("category")), React__default.createElement(marioCore.QuestionCategorySelector, {
       onChange: function onChange(e) {
         setFieldValue("category", e.value);
         getQuestionByCategory(e.id);
@@ -15894,7 +15925,7 @@ var AssessmentDetailModal = function AssessmentDetailModal(props, ref) {
     }))), React__default.createElement(reactstrap.Row, null, React__default.createElement(reactstrap.Col, {
       md: 12,
       className: "pt-1"
-    }, React__default.createElement(reactstrap.Label, null, "Search"), React__default.createElement(reactstrap.Input, {
+    }, React__default.createElement(reactstrap.Label, null, t("search")), React__default.createElement(reactstrap.Input, {
       name: "search",
       placeholder: "Search question...",
       value: values.search,
@@ -15914,7 +15945,7 @@ var AssessmentDetailModal = function AssessmentDetailModal(props, ref) {
       md: 6
     }, React__default.createElement(reactstrap.Label, {
       className: "mt-3"
-    }, React__default.createElement("h6", null, "Selected Questions")), React__default.createElement(QuestionSplitPaneSelector$1, {
+    }, React__default.createElement("h6", null, t("selected_questions"))), React__default.createElement(QuestionSplitPaneSelector$1, {
       selectItemQuestion: selectItemQuestion,
       funcMoveItem: funcMoveItem,
       questionByCategoryList: selectedQuestions,
@@ -16268,6 +16299,9 @@ var useQuestionCategory$1 = function useQuestionCategory() {
 var AssessmentList = function AssessmentList() {
   var modal = React.useRef();
 
+  var _useTranslation = marioCore.useTranslation(),
+      t = _useTranslation.t;
+
   var _useAssessmentList = useAssessmentList(),
       assessmentList = _useAssessmentList.assessmentList,
       totalItems = _useAssessmentList.totalItems,
@@ -16334,8 +16368,8 @@ var AssessmentList = function AssessmentList() {
     className: "fadeIn animated"
   }, React__default.createElement(AssessmentDetailModal$1, {
     ref: modal,
-    header: !!id ? "Edit diagnostic survey" : "Create diagnostic survey",
-    confirmText: !!id ? "Update" : "Create",
+    header: !!id ? t("edit") + " " + t("diagnostic_survey") : t("create") + " " + t("diagnostic_survey"),
+    confirmText: !!id ? t("update") : t("create"),
     onConfirm: onConfirm,
     onCancel: onCancel,
     assessmentDetail: assessmentDetail,
@@ -16363,7 +16397,7 @@ var AssessmentList = function AssessmentList() {
   })), React__default.createElement(reactstrap.Col, {
     md: 4,
     className: "d-flex align-items-center justify-content-end"
-  }, "Total of diagnostic surveys: ", totalItems)), React__default.createElement(reactstrap.Row, {
+  }, t('total_of'), " ", t('diagnostic_survey'), ": ", totalItems)), React__default.createElement(reactstrap.Row, {
     className: "mb-2"
   }, React__default.createElement(reactstrap.Col, {
     md: 8
@@ -16375,9 +16409,9 @@ var AssessmentList = function AssessmentList() {
     size: "sm"
   }, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", {
     className: "align-top"
-  }, "Name"), React__default.createElement("th", {
+  }, t('name')), React__default.createElement("th", {
     className: "text-center"
-  }, "Action"))), React__default.createElement("tbody", null, assessmentList.map(function (record) {
+  }, t('action')))), React__default.createElement("tbody", null, assessmentList.map(function (record) {
     return React__default.createElement("tr", {
       key: record.id
     }, React__default.createElement("td", {
@@ -16395,7 +16429,7 @@ var AssessmentList = function AssessmentList() {
       }
     })));
   }))) : React__default.createElement(marioCore.EmptyDataAlert, {
-    label: "assessment"
+    label: t("assessment")
   })), React__default.createElement(reactstrap.Col, {
     md: 8
   }, React__default.createElement(marioCore.CustomPagination, {
@@ -16695,6 +16729,9 @@ var FeedbackList = function FeedbackList() {
   var history = reactRouterDom.useHistory();
   var modal = React.useRef();
 
+  var _useTranslation = marioCore.useTranslation(),
+      t = _useTranslation.t;
+
   var _useFeedbackList = useFeedbackList(),
       feedbackList = _useFeedbackList.feedbackList,
       totalItems = _useFeedbackList.totalItems,
@@ -16756,7 +16793,7 @@ var FeedbackList = function FeedbackList() {
       }
     })));
   }))) : React__default.createElement(marioCore.EmptyDataAlert, {
-    label: "feedback"
+    label: t("feedback")
   })), React__default.createElement(reactstrap.Col, {
     md: 8
   }, React__default.createElement(marioCore.CustomPagination, {
@@ -17120,6 +17157,9 @@ var TutorialScreenList = function TutorialScreenList(_ref) {
   var typeRole = _ref.typeRole;
   var modal = React.useRef();
 
+  var _useTranslation = marioCore.useTranslation(),
+      t = _useTranslation.t;
+
   var _useTutorialScreenLis = useTutorialScreenList(typeRole),
       tutorialScreenList = _useTutorialScreenLis.tutorialScreenList,
       totalItems = _useTutorialScreenLis.totalItems,
@@ -17222,7 +17262,7 @@ var TutorialScreenList = function TutorialScreenList(_ref) {
       }
     })));
   }))) : React__default.createElement(marioCore.EmptyDataAlert, {
-    label: "tutorial screen"
+    label: t('tutorial_screen')
   })), React__default.createElement(reactstrap.Col, {
     md: 10
   }, React__default.createElement(marioCore.CustomPagination, {
@@ -17924,7 +17964,7 @@ var QuestionCateList = function QuestionCateList() {
       }
     })));
   }))) : React__default.createElement(marioCore.EmptyDataAlert, {
-    label: "question category"
+    label: t('question_category')
   }))));
 };
 
@@ -18521,7 +18561,7 @@ var TemplateSurveyList = function TemplateSurveyList() {
     }
   }, {
     field: 'number_of_questions',
-    headerName: t('Number of questions'),
+    headerName: t('number_of_questions'),
     cellRendererFramework: function cellRendererFramework(params) {
       return renderNumberOfQuestion(params);
     }
@@ -19398,6 +19438,9 @@ var useAssignmentList = function useAssignmentList() {
 var AssignmentList = function AssignmentList() {
   var modal = React.useRef();
 
+  var _useTranslation = marioCore.useTranslation(),
+      t = _useTranslation.t;
+
   var _useAssignmentList = useAssignmentList(),
       assignmentList = _useAssignmentList.assignmentList,
       totalItems = _useAssignmentList.totalItems,
@@ -19510,7 +19553,7 @@ var AssignmentList = function AssignmentList() {
       }
     })));
   }))) : React__default.createElement(marioCore.EmptyDataAlert, {
-    label: "assignment"
+    label: t("assessment")
   })), React__default.createElement(reactstrap.Col, {
     md: 8
   }, React__default.createElement(marioCore.CustomPagination, {
@@ -19662,6 +19705,9 @@ var ReflectionResultList$1 = function ReflectionResultList() {
       filters = _useAssignmentResultL.filters,
       changeFilters = _useAssignmentResultL.changeFilters;
 
+  var _useTranslation = marioCore.useTranslation(),
+      t = _useTranslation.t;
+
   var _useReflectionResultD = useReflectionResultDetail$1(),
       setId = _useReflectionResultD.setId,
       assignmentResultDetail = _useReflectionResultD.assignmentResultDetail;
@@ -19727,7 +19773,7 @@ var ReflectionResultList$1 = function ReflectionResultList() {
       className: "align-middle"
     }, record.studentName), React__default.createElement("td", null, dateFns.format(new Date(record.beginDate), marioCore.DATE_RESULT)), React__default.createElement("td", null, dateFns.format(new Date(record.endDate), marioCore.DATE_RESULT)));
   }))) : React__default.createElement(marioCore.EmptyDataAlert, {
-    label: "assignment result"
+    label: t("assignment_result")
   })), React__default.createElement(reactstrap.Col, {
     md: 8,
     className: "text-right"
@@ -20024,7 +20070,7 @@ var SessionTemplateList = function SessionTemplateList() {
       }
     })));
   })))) : React__default.createElement(marioCore.EmptyDataAlert, {
-    label: "template"
+    label: t("template")
   })), React__default.createElement(reactstrap.Col, {
     md: 12
   }, React__default.createElement(marioCore.CustomPagination, {
@@ -20244,7 +20290,7 @@ var SessionTemplateGeneralClassList = function SessionTemplateGeneralClassList()
       }
     })));
   })))) : React__default.createElement(marioCore.EmptyDataAlert, {
-    label: "template"
+    label: t("template")
   })), React__default.createElement(reactstrap.Col, {
     md: 8
   }, React__default.createElement(marioCore.CustomPagination, {
@@ -20379,7 +20425,7 @@ var AddQuestionModal = function AddQuestionModal(_ref, ref) {
     value: temporaryQuestion,
     externalQuestionIds: extraQuestionIds
   }), checked && !temporaryQuestion && React__default.createElement(marioCore.ErrorHandler, {
-    text: "Select question to add"
+    text: t('select_question_to_add')
   }))));
 };
 
@@ -22990,6 +23036,9 @@ var header$d = "Certificate";
 var CertificateList = function CertificateList() {
   var modal = React.useRef();
 
+  var _useTranslation = marioCore.useTranslation(),
+      t = _useTranslation.t;
+
   var _useCertificateList = useCertificateList(),
       certificateList = _useCertificateList.certificateList,
       totalItems = _useCertificateList.totalItems,
@@ -23099,7 +23148,7 @@ var CertificateList = function CertificateList() {
       }
     })));
   }))) : React__default.createElement(marioCore.EmptyDataAlert, {
-    label: "certificate"
+    label: t("certificate")
   })), React__default.createElement(reactstrap.Col, {
     md: 8
   }, React__default.createElement(marioCore.CustomPagination, {
@@ -34866,7 +34915,7 @@ var TemplateSystemList$1 = function TemplateSystemList() {
       }
     }))));
   }))) : React__default.createElement(marioCore.EmptyDataAlert, {
-    label: "Template"
+    label: t("template")
   })), React__default.createElement(reactstrap.Col, {
     md: 8
   }, React__default.createElement(marioCore.CustomPagination, {
@@ -34942,7 +34991,7 @@ var TemplateIEPList = function TemplateIEPList() {
     className: "fadeIn animated"
   }, React__default.createElement(TemplateDialogModal$1, {
     ref: modal,
-    header: !!id ? "Edit Template IEP" : "Create Template IEP",
+    header: !!id ? t('edit_template') + " IEP" : t('edit_template') + " IEP",
     confirmText: !!id ? t("update") : t("create"),
     onConfirm: onConfirm,
     onCancel: onCancel,
@@ -34959,14 +35008,14 @@ var TemplateIEPList = function TemplateIEPList() {
   }, React__default.createElement(reactstrap.Col, {
     md: 4
   }, React__default.createElement(marioCore.AddButton, {
-    text: "Create Template IEP",
+    text: t('edit_template') + " IEP",
     onClick: function onClick() {
       return openModal();
     }
   })), React__default.createElement(reactstrap.Col, {
     md: 4,
     className: "d-flex align-items-center justify-content-end"
-  }, "Total Of Template: ", totalItems)), React__default.createElement(reactstrap.Row, {
+  }, t('total_of_templates'), ": ", totalItems)), React__default.createElement(reactstrap.Row, {
     className: "mb-2"
   }, React__default.createElement(reactstrap.Col, {
     md: 8
@@ -34980,9 +35029,9 @@ var TemplateIEPList = function TemplateIEPList() {
     className: "align-top"
   }, t("name")), React__default.createElement("th", {
     className: "align-top"
-  }, "Is used"), React__default.createElement("th", {
+  }, t('is_used')), React__default.createElement("th", {
     className: "align-top"
-  }, "Created At"), React__default.createElement("th", {
+  }, t('created_at')), React__default.createElement("th", {
     className: "text-center"
   }, t("action")))), React__default.createElement("tbody", null, templateList.map(function (record) {
     return React__default.createElement("tr", {
@@ -35007,7 +35056,7 @@ var TemplateIEPList = function TemplateIEPList() {
       }
     }))));
   }))) : React__default.createElement(marioCore.EmptyDataAlert, {
-    label: "Template"
+    label: t("template")
   })), React__default.createElement(reactstrap.Col, {
     md: 8
   }, React__default.createElement(marioCore.CustomPagination, {
@@ -44771,12 +44820,15 @@ var AdminTraining = function AdminTraining() {
   var _useAdminTraning = useAdminTraning(),
       linkAdminTraining = _useAdminTraning.linkAdminTraining;
 
+  var _useTranslation = marioCore.useTranslation(),
+      t = _useTranslation.t;
+
   return React__default.createElement(reactstrap.Row, null, !!linkAdminTraining && React__default.createElement(reactstrap.Col, {
     md: 12,
     className: "mt-2"
   }, React__default.createElement("iframe", {
     src: linkAdminTraining,
-    title: "Training",
+    title: t('training'),
     style: {
       width: "100%",
       height: "80vh"
@@ -47564,6 +47616,10 @@ var ConfirmDelete = function ConfirmDelete(_ref) {
       handleDelete = _ref.handleDelete,
       selectedId = _ref.selectedId,
       content = _ref.content;
+
+  var _useTranslation = marioCore.useTranslation(),
+      t = _useTranslation.t;
+
   return React__default.createElement(core$1.Dialog, {
     open: open,
     onClose: handleCloseModalConfirmDelete
@@ -47578,19 +47634,21 @@ var ConfirmDelete = function ConfirmDelete(_ref) {
     }
   }, React__default.createElement(core$1.Button, {
     style: {
-      color: "#C94645"
+      color: "#C94645",
+      textTransform: 'uppercase'
     },
     onClick: handleCloseModalConfirmDelete
-  }, "CANCEL"), React__default.createElement(core$1.Button, {
+  }, t('cancel')), React__default.createElement(core$1.Button, {
     variant: "contained",
     style: {
       color: "#fff",
-      backgroundColor: "#C94645"
+      backgroundColor: "#C94645",
+      textTransform: 'uppercase'
     },
     onClick: function onClick() {
       return handleDelete(selectedId);
     }
-  }, "YES, DELETE ", React__default.createElement(DeleteIcon, null))));
+  }, t('yes_delete'), " ", React__default.createElement(DeleteIcon, null))));
 };
 
 var ModelLinkSurvey = function ModelLinkSurvey(_ref) {
@@ -47598,12 +47656,16 @@ var ModelLinkSurvey = function ModelLinkSurvey(_ref) {
       _onClose = _ref.onClose,
       anonymousKey = _ref.anonymousKey,
       onCopy = _ref.onCopy;
+
+  var _useTranslation = marioCore.useTranslation(),
+      t = _useTranslation.t;
+
   return React__default.createElement(core$1.Dialog, {
     open: open,
     onClose: function onClose() {
       return _onClose();
     }
-  }, React__default.createElement(core$1.DialogTitle, null, "Anonymous Link"), React__default.createElement(core$1.Grid, {
+  }, React__default.createElement(core$1.DialogTitle, null, t('anonymous_link')), React__default.createElement(core$1.Grid, {
     className: "" + styles$3["model-link-survey"]
   }, React__default.createElement(core$1.TextField, {
     fullWidth: true,
@@ -47907,7 +47969,7 @@ var ListSurveys = function ListSurveys() {
       return open(TYPE_SURVEY_OPTION.ANONYMOUS, itemSelectedId);
     },
     className: styles$3["action-item"] + " text-nowrap"
-  }, "Anonymous Link"), React__default.createElement("li", {
+  }, t('anonymous_link')), React__default.createElement("li", {
     className: styles$3["action-item"] + " text-nowrap",
     onClick: function onClick() {
       return handleDownloadCsvSurvey(itemSelectedId);
@@ -47922,7 +47984,7 @@ var ListSurveys = function ListSurveys() {
     handleCloseModalConfirmDelete: handleCloseModalConfirmDelete,
     handleDelete: handleDeleteSurvey,
     selectedId: itemSelectedId,
-    content: "This survey was sent. All survey links that were sent will be invalid. Are you sure to delete it"
+    content: t('this_survey_was_sent_all_survey_links_that_were_sent_will_be_invalid_are_you_sure_to_delete_it')
   }), React__default.createElement(ModelLinkSurvey, {
     open: !!anonymousKey,
     onClose: handleCloseModelLink,
@@ -49523,7 +49585,7 @@ var RatingOfQuestions = function RatingOfQuestions(_ref) {
       marginTop: "-6px",
       padding: "0px 20px"
     }
-  }, "Select Ratings of Questions"), React__default.createElement(core$1.Select, {
+  }, t('select_ratings_of_questions')), React__default.createElement(core$1.Select, {
     fullWidth: true,
     labelId: "multiple-select-question-label",
     multiple: true,
@@ -49532,7 +49594,7 @@ var RatingOfQuestions = function RatingOfQuestions(_ref) {
       return q && activeColumnQuestionRating[idx];
     }),
     input: React__default.createElement(core$1.OutlinedInput, {
-      label: "Select Ratings of Questions"
+      label: t('select_ratings_of_questions')
     }),
     renderValue: function renderValue(selected) {
       return selected.map(function (e) {
@@ -50427,6 +50489,10 @@ var BarChartQuestionAnswers = function BarChartQuestionAnswers(_ref) {
       isFullScreen = _ref.isFullScreen,
       onChangeOption = _ref.onChangeOption,
       questionAnswers = _ref.questionAnswers;
+
+  var _useTranslation = marioCore.useTranslation(),
+      t = _useTranslation.t;
+
   var screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
   var isMobileScreen = screenWidth < 576;
   var labels = React.useMemo(function () {
@@ -50473,13 +50539,13 @@ var BarChartQuestionAnswers = function BarChartQuestionAnswers(_ref) {
     },
     renderInput: function renderInput(params) {
       return React__default.createElement(core$1.TextField, Object.assign({}, params, {
-        label: "Select question",
+        label: t('select_question'),
         variant: "outlined"
       }));
     }
   }), React__default.createElement(core$1.Typography, {
     className: "" + styles$3["header-bar-description"]
-  }, "You can only select one question per time")), React__default.createElement(Chart, {
+  }, t('you_can_only_select_one_question_per_time'))), React__default.createElement(Chart, {
     options: answerBarChartOptions(!isMobileScreen ? wrapLabel : labels, counts, isMobileScreen, isFullScreen),
     series: [{
       name: "",
@@ -50490,16 +50556,20 @@ var BarChartQuestionAnswers = function BarChartQuestionAnswers(_ref) {
     height: 400
   }), React__default.createElement(core$1.Typography, {
     className: "" + styles$3["title-bar-chart"]
-  }, "Number of Answers"));
+  }, t('number_of_answers')));
 };
 
 var TableAnswerDropDown = function TableAnswerDropDown(_ref) {
   var dataTable = _ref.dataTable;
+
+  var _useTranslation = marioCore.useTranslation(),
+      t = _useTranslation.t;
+
   return React__default.createElement("table", {
     className: "table " + style$2["table-dropdown"]
   }, React__default.createElement("thead", {
     className: style$2["table-header"]
-  }, React__default.createElement("tr", null, React__default.createElement("th", null, "Grade"), React__default.createElement("th", null, "Student Name"), React__default.createElement("th", null, "Answer"))), React__default.createElement("tbody", {
+  }, React__default.createElement("tr", null, React__default.createElement("th", null, t('grade')), React__default.createElement("th", null, t('student_name')), React__default.createElement("th", null, t('answer')))), React__default.createElement("tbody", {
     className: style$2["tbody-table"]
   }, !!dataTable && (dataTable === null || dataTable === void 0 ? void 0 : dataTable.length) > 0 && dataTable.map(function (item) {
     return React__default.createElement("tr", null, React__default.createElement("td", null, item.gradeLevel), React__default.createElement("td", null, item.studentName), React__default.createElement("td", null, item.answer));
@@ -50622,7 +50692,7 @@ var SurveyDetailAdmin = function SurveyDetailAdmin() {
       marginTop: "-6px",
       padding: "0px 20px"
     }
-  }, "Select Responses Distribution"), React__default.createElement(core$1.Select, {
+  }, t('select_responses_distribution')), React__default.createElement(core$1.Select, {
     fullWidth: true,
     labelId: "multiple-select-question-label",
     multiple: true,
@@ -50631,7 +50701,7 @@ var SurveyDetailAdmin = function SurveyDetailAdmin() {
       return q && activeColumnDistribution[idx];
     }),
     input: React__default.createElement(core$1.OutlinedInput, {
-      label: "Select Responses Distribution"
+      label: t('select_responses_distribution')
     }),
     renderValue: function renderValue(selected) {
       return selected.map(function (e) {
@@ -68509,7 +68579,7 @@ var StudentWellness = function StudentWellness(_ref) {
     variant: "h4",
     component: "h4",
     className: classes.note
-  }, "Data for the last month (", dateOfLastMonth.startDate, "-", dateOfLastMonth.endDate, ")")), React__default.createElement(core$1.Grid, {
+  }, t('data_for_the_last_month'), " (", dateOfLastMonth.startDate, "-", dateOfLastMonth.endDate, ")")), React__default.createElement(core$1.Grid, {
     container: true,
     spacing: isSmall ? 2 : 3
   }, React__default.createElement(core$1.Grid, {
@@ -68821,7 +68891,7 @@ var TotalCard$2 = function TotalCard(_ref) {
       style: {
         color: card.value > card.lastMonthValue ? '#0F9655' : '#C44140'
       }
-    }, card.id === 'total_conversations_time' ? getConvertMinuteToHour$1(result, true) : result), "vs last month");
+    }, card.id === 'total_conversations_time' ? getConvertMinuteToHour$1(result, true) : result), t('vs_last_month'));
   };
 
   return React__default.createElement("div", {