mario-core 2.9.68-beta → 2.9.80-beta

package/dist/index.modern.js

@@ -48,6 +48,7 @@ var cancel = "Cancel";
 var hey = "Hey";
 var readiness_to_learn = "Readiness to Learn";
 var high_impact_learning_strategies = "High Impact Learning Strategies";
+var check_in = "Check In";
 var reflection = "Reflection";
 var conferences = "Conferences";
 var safety = "Safety";
@@ -70,6 +71,7 @@ var tooltip_content_safety_chart = "The visual represenation of all the response
 var tooltip_content_student_by_age_chart = "The specific representation of students by gender and grade level at your school.";
 var tooltip_content_students_by_designation = "The composite representation of students by individual grades in your school with specific designations.";
 var total_1_to_1 = "Total 1-to-1";
+var total_check_in = "Total Check In";
 var total_1_to_1_time = "Total 1-to-1 Time";
 var total_conferences = "Total Conferences";
 var total_conferences_time = "Total Conferences Time";
@@ -99,12 +101,14 @@ var current_password = "Current password";
 var new_password = "New password";
 var confirm_password = "Confirm password";
 var save = "Save";
-var type_something_to_search_question = "Type something to Search question";
+var type_something_to_search_question = "Type something to search question";
+var type_something_to_search_category = "Type something to search category";
 var total_of_questions = "Total of questions";
 var create_question = "Create question";
 var edit_question = "Edit question";
 var question_type = "Question Type";
 var category = "Category";
+var sub_category = "Sub Category";
 var is_default_question_for_one_to_one = "Is default question for one-to-one";
 var default_question_for_students_or_teachers = "Default question for students or teachers";
 var is_default_question_general_class = "Is default question general class";
@@ -215,6 +219,7 @@ var edit_destination = "Edit Destination";
 var confirm = "Confirm";
 var hello = "Hello";
 var todays_1_1 = "Today’s 1-1";
+var todays_check_in = "Today’s Check In";
 var todays_Conferences = "Today’s Conferences";
 var next_meeting = "Next Meeting";
 var next_conference = "Next Conference";
@@ -243,6 +248,7 @@ var import_csv = "Import CSV";
 var add_new = "Add New";
 var show_only_work_as_assistant = "Show only work as assistant";
 var last_1_to_1 = "Last 1-TO-1";
+var last_check_in = "Last Check In";
 var last_conference = "Last conference";
 var total_time = "Total time";
 var assistant_name = "Assistant Name";
@@ -259,6 +265,7 @@ var after = "After";
 var pick_a_date = "Pick a date";
 var apply = "Apply";
 var new_1_to_1 = "New 1-to-1";
+var new_check_in = "New Check In";
 var do_you_want_to_talk_with_teacher = "Do you want to talk with teacher";
 var start_now = "Start now";
 var book_for_later = "Book for later";
@@ -269,6 +276,7 @@ var select_question = "Select question";
 var select_student = "Select student";
 var select_date_time = "Select Date & Time";
 var book_1_to_1 = "Book 1-to-1";
+var book_new_check_in = "Book new Check In";
 var schedule = "Schedule";
 var sessions_are_booked_as_10_minute_slots = "Sessions are booked as 10 minute slots";
 var does_not_reoccur = "Does not reoccur";
@@ -276,13 +284,15 @@ var time_must_be_between_8_am_and_6_pm = "Time must be between 8 AM and 6 PM";
 var from = "From";
 var to = "To";
 var show_only_favorites = "Show only favorites";
+var show_only_conversation = "Show 1-1 conversation only";
 var duration = "Duration";
 var favorite = "Favorite";
 var open = "Open";
 var no_data = "No Data";
 var schedule_detail = "Schedule Detail";
 var are_you_sure_you_want_to_cancel_this_schedule = "Are you sure you want to Cancel this schedule?";
-var completed_1_to_1 = "Completed 1-to-1";
+var completed_1_to_1 = "Completed 1-1 Conversation";
+var completed_check_in = "Completed Check In";
 var done = "Done";
 var what_do_you_want_to_talk_about = "What do you want to talk about?";
 var session_type = "Session Type";
@@ -403,6 +413,7 @@ var student_request = "Student Request";
 var overview = "Overview";
 var plp = "PLP";
 var my_student_1_to_1 = "My Student 1-to-1";
+var my_student_check_in = "My Student Check In";
 var my_student_conference = "My Student Conference";
 var received_date = "Received Date";
 var class_impact_score = "Class Impact Score";
@@ -575,6 +586,7 @@ var set_deadline = "Set deadline";
 var duplicate_survey = "Duplicate Survey";
 var share_survey = "Share Survey";
 var new_survey = "New Survey";
+var assign_counselor = "Assign Counselor";
 var lang_us = {
 	dashboard: dashboard,
 	user: user,
@@ -592,6 +604,7 @@ var lang_us = {
 	readiness_to_learn: readiness_to_learn,
 	high_impact_learning_strategies: high_impact_learning_strategies,
 	"1_to_1": "1 To 1",
+	check_in: check_in,
 	reflection: reflection,
 	conferences: conferences,
 	safety: safety,
@@ -614,6 +627,7 @@ var lang_us = {
 	tooltip_content_student_by_age_chart: tooltip_content_student_by_age_chart,
 	tooltip_content_students_by_designation: tooltip_content_students_by_designation,
 	total_1_to_1: total_1_to_1,
+	total_check_in: total_check_in,
 	total_1_to_1_time: total_1_to_1_time,
 	total_conferences: total_conferences,
 	total_conferences_time: total_conferences_time,
@@ -645,11 +659,13 @@ var lang_us = {
 	confirm_password: confirm_password,
 	save: save,
 	type_something_to_search_question: type_something_to_search_question,
+	type_something_to_search_category: type_something_to_search_category,
 	total_of_questions: total_of_questions,
 	create_question: create_question,
 	edit_question: edit_question,
 	question_type: question_type,
 	category: category,
+	sub_category: sub_category,
 	"Question text": "Question text",
 	is_default_question_for_one_to_one: is_default_question_for_one_to_one,
 	default_question_for_students_or_teachers: default_question_for_students_or_teachers,
@@ -761,6 +777,7 @@ var lang_us = {
 	confirm: confirm,
 	hello: hello,
 	todays_1_1: todays_1_1,
+	todays_check_in: todays_check_in,
 	todays_Conferences: todays_Conferences,
 	next_meeting: next_meeting,
 	next_conference: next_conference,
@@ -791,6 +808,7 @@ var lang_us = {
 	add_new: add_new,
 	show_only_work_as_assistant: show_only_work_as_assistant,
 	last_1_to_1: last_1_to_1,
+	last_check_in: last_check_in,
 	last_conference: last_conference,
 	total_time: total_time,
 	assistant_name: assistant_name,
@@ -807,6 +825,7 @@ var lang_us = {
 	pick_a_date: pick_a_date,
 	apply: apply,
 	new_1_to_1: new_1_to_1,
+	new_check_in: new_check_in,
 	do_you_want_to_talk_with_teacher: do_you_want_to_talk_with_teacher,
 	start_now: start_now,
 	book_for_later: book_for_later,
@@ -817,6 +836,7 @@ var lang_us = {
 	select_student: select_student,
 	select_date_time: select_date_time,
 	book_1_to_1: book_1_to_1,
+	book_new_check_in: book_new_check_in,
 	schedule: schedule,
 	sessions_are_booked_as_10_minute_slots: sessions_are_booked_as_10_minute_slots,
 	does_not_reoccur: does_not_reoccur,
@@ -824,6 +844,7 @@ var lang_us = {
 	from: from,
 	to: to,
 	show_only_favorites: show_only_favorites,
+	show_only_conversation: show_only_conversation,
 	duration: duration,
 	favorite: favorite,
 	open: open,
@@ -831,6 +852,7 @@ var lang_us = {
 	schedule_detail: schedule_detail,
 	are_you_sure_you_want_to_cancel_this_schedule: are_you_sure_you_want_to_cancel_this_schedule,
 	completed_1_to_1: completed_1_to_1,
+	completed_check_in: completed_check_in,
 	done: done,
 	what_do_you_want_to_talk_about: what_do_you_want_to_talk_about,
 	session_type: session_type,
@@ -952,6 +974,7 @@ var lang_us = {
 	overview: overview,
 	plp: plp,
 	my_student_1_to_1: my_student_1_to_1,
+	my_student_check_in: my_student_check_in,
 	my_student_conference: my_student_conference,
 	received_date: received_date,
 	class_impact_score: class_impact_score,
@@ -1125,7 +1148,8 @@ var lang_us = {
 	set_deadline: set_deadline,
 	duplicate_survey: duplicate_survey,
 	share_survey: share_survey,
-	new_survey: new_survey
+	new_survey: new_survey,
+	assign_counselor: assign_counselor
 };
 
 var dashboard$1 = "Dashboard";
@@ -1143,6 +1167,7 @@ var cancel$1 = "Cancel";
 var hey$1 = "Hey";
 var readiness_to_learn$1 = "Readiness to Learn";
 var high_impact_learning_strategies$1 = "High Impact Learning Strategies";
+var check_in$1 = "Check In";
 var reflection$1 = "Reflection";
 var conferences$1 = "Conferences";
 var safety$1 = "Safety";
@@ -1165,6 +1190,7 @@ var tooltip_content_safety_chart$1 = "The visual represenation of all the respon
 var tooltip_content_student_by_age_chart$1 = "The specific representation of students by gender and grade level at your school.";
 var tooltip_content_students_by_designation$1 = "The composite representation of students by individual grades in your school with specific designations.";
 var total_1_to_1$1 = "Total 1-to-1";
+var total_check_in$1 = "Total Check In";
 var total_1_to_1_time$1 = "Total 1-to-1 Time";
 var total_conferences$1 = "Total Conferences";
 var total_conferences_time$1 = "Total Conferences Time";
@@ -1195,12 +1221,14 @@ var current_password$1 = "Current password";
 var new_password$1 = "New password";
 var confirm_password$1 = "Confirm password";
 var save$1 = "Save";
-var type_something_to_search_question$1 = "Type something to Search question";
+var type_something_to_search_question$1 = "Type something to search question";
+var type_something_to_search_category$1 = "Type something to search category";
 var total_of_questions$1 = "Total of questions";
 var create_question$1 = "Create question";
 var edit_question$1 = "Edit question";
 var question_type$1 = "Question Type";
 var category$1 = "Category";
+var sub_category$1 = "Sub Category";
 var question_text = "Question text";
 var is_default_question_for_one_to_one$1 = "Is default question for one-to-one";
 var default_question_for_students_or_teachers$1 = "Default question for students or teachers";
@@ -1312,6 +1340,7 @@ var edit_destination$1 = "Edit Destination";
 var confirm$1 = "Confirm";
 var hello$1 = "Hello";
 var todays_1_1$1 = "Today’s 1-1";
+var todays_check_in$1 = "Today’s Check In";
 var todays_Conferences$1 = "Today’s Conferences";
 var next_meeting$1 = "Next Meeting";
 var next_conference$1 = "Next Conference";
@@ -1340,6 +1369,7 @@ var import_csv$1 = "Import CSV";
 var add_new$1 = "Add New";
 var show_only_work_as_assistant$1 = "Show only work as assistant";
 var last_1_to_1$1 = "Last 1-TO-1";
+var last_check_in$1 = "Last Check In";
 var last_conference$1 = "Last conference";
 var total_time$1 = "Total time";
 var assistant_name$1 = "Assistant Name";
@@ -1356,6 +1386,7 @@ var after$1 = "After";
 var pick_a_date$1 = "Pick a date";
 var apply$1 = "Apply";
 var new_1_to_1$1 = "New 1-to-1";
+var new_check_in$1 = "New Check In";
 var do_you_want_to_talk_with_teacher$1 = "Do you want to talk with teacher";
 var start_now$1 = "Start now";
 var book_for_later$1 = "Book for later";
@@ -1366,6 +1397,7 @@ var select_question$1 = "Select question";
 var select_student$1 = "Select student";
 var select_date_time$1 = "Select Date & Time";
 var book_1_to_1$1 = "Book 1-to-1";
+var book_new_check_in$1 = "Book new Check In";
 var schedule$1 = "Schedule";
 var sessions_are_booked_as_10_minute_slots$1 = "Sessions are booked as 10 minute slots";
 var does_not_reoccur$1 = "Does not reoccur";
@@ -1373,13 +1405,15 @@ var time_must_be_between_8_am_and_6_pm$1 = "Time must be between 8 AM and 6 PM";
 var from$1 = "From";
 var to$1 = "To";
 var show_only_favorites$1 = "Show only favorites";
+var show_only_conversation$1 = "Show 1-1 conversation only";
 var duration$1 = "Duration";
 var favorite$1 = "Favorite";
 var open$1 = "Open";
 var no_data$1 = "No Data";
 var schedule_detail$1 = "Schedule Detail";
 var are_you_sure_you_want_to_cancel_this_schedule$1 = "Are you sure you want to Cancel this schedule?";
-var completed_1_to_1$1 = "Completed 1-to-1";
+var completed_1_to_1$1 = "Completed 1-1 Conversation";
+var completed_check_in$1 = "Completed Check In";
 var done$1 = "Done";
 var what_do_you_want_to_talk_about$1 = "What do you want to talk about?";
 var session_type$1 = "Session Type";
@@ -1500,6 +1534,7 @@ var student_request$1 = "Student Request";
 var overview$1 = "Overview";
 var plp$1 = "PLP";
 var my_student_1_to_1$1 = "My Student 1-to-1";
+var my_student_check_in$1 = "My Student Check In";
 var my_student_conference$1 = "My Student Conference";
 var received_date$1 = "Received Date";
 var class_impact_score$1 = "Class Impact Score";
@@ -1672,6 +1707,7 @@ var set_deadline$1 = "Set deadline";
 var duplicate_survey$1 = "Duplicate Survey";
 var share_survey$1 = "Share Survey";
 var new_survey$1 = "New Survey";
+var assign_counselor$1 = "Assign Counselor";
 var lang_uk = {
 	dashboard: dashboard$1,
 	user: user$1,
@@ -1689,6 +1725,7 @@ var lang_uk = {
 	readiness_to_learn: readiness_to_learn$1,
 	high_impact_learning_strategies: high_impact_learning_strategies$1,
 	"1_to_1": "1 to 1",
+	check_in: check_in$1,
 	reflection: reflection$1,
 	conferences: conferences$1,
 	safety: safety$1,
@@ -1711,6 +1748,7 @@ var lang_uk = {
 	tooltip_content_student_by_age_chart: tooltip_content_student_by_age_chart$1,
 	tooltip_content_students_by_designation: tooltip_content_students_by_designation$1,
 	total_1_to_1: total_1_to_1$1,
+	total_check_in: total_check_in$1,
 	total_1_to_1_time: total_1_to_1_time$1,
 	total_conferences: total_conferences$1,
 	total_conferences_time: total_conferences_time$1,
@@ -1742,11 +1780,13 @@ var lang_uk = {
 	confirm_password: confirm_password$1,
 	save: save$1,
 	type_something_to_search_question: type_something_to_search_question$1,
+	type_something_to_search_category: type_something_to_search_category$1,
 	total_of_questions: total_of_questions$1,
 	create_question: create_question$1,
 	edit_question: edit_question$1,
 	question_type: question_type$1,
 	category: category$1,
+	sub_category: sub_category$1,
 	question_text: question_text,
 	is_default_question_for_one_to_one: is_default_question_for_one_to_one$1,
 	default_question_for_students_or_teachers: default_question_for_students_or_teachers$1,
@@ -1858,6 +1898,7 @@ var lang_uk = {
 	confirm: confirm$1,
 	hello: hello$1,
 	todays_1_1: todays_1_1$1,
+	todays_check_in: todays_check_in$1,
 	todays_Conferences: todays_Conferences$1,
 	next_meeting: next_meeting$1,
 	next_conference: next_conference$1,
@@ -1888,6 +1929,7 @@ var lang_uk = {
 	add_new: add_new$1,
 	show_only_work_as_assistant: show_only_work_as_assistant$1,
 	last_1_to_1: last_1_to_1$1,
+	last_check_in: last_check_in$1,
 	last_conference: last_conference$1,
 	total_time: total_time$1,
 	assistant_name: assistant_name$1,
@@ -1904,6 +1946,7 @@ var lang_uk = {
 	pick_a_date: pick_a_date$1,
 	apply: apply$1,
 	new_1_to_1: new_1_to_1$1,
+	new_check_in: new_check_in$1,
 	do_you_want_to_talk_with_teacher: do_you_want_to_talk_with_teacher$1,
 	start_now: start_now$1,
 	book_for_later: book_for_later$1,
@@ -1914,6 +1957,7 @@ var lang_uk = {
 	select_student: select_student$1,
 	select_date_time: select_date_time$1,
 	book_1_to_1: book_1_to_1$1,
+	book_new_check_in: book_new_check_in$1,
 	schedule: schedule$1,
 	sessions_are_booked_as_10_minute_slots: sessions_are_booked_as_10_minute_slots$1,
 	does_not_reoccur: does_not_reoccur$1,
@@ -1921,6 +1965,7 @@ var lang_uk = {
 	from: from$1,
 	to: to$1,
 	show_only_favorites: show_only_favorites$1,
+	show_only_conversation: show_only_conversation$1,
 	duration: duration$1,
 	favorite: favorite$1,
 	open: open$1,
@@ -1928,6 +1973,7 @@ var lang_uk = {
 	schedule_detail: schedule_detail$1,
 	are_you_sure_you_want_to_cancel_this_schedule: are_you_sure_you_want_to_cancel_this_schedule$1,
 	completed_1_to_1: completed_1_to_1$1,
+	completed_check_in: completed_check_in$1,
 	done: done$1,
 	what_do_you_want_to_talk_about: what_do_you_want_to_talk_about$1,
 	session_type: session_type$1,
@@ -2049,6 +2095,7 @@ var lang_uk = {
 	overview: overview$1,
 	plp: plp$1,
 	my_student_1_to_1: my_student_1_to_1$1,
+	my_student_check_in: my_student_check_in$1,
 	my_student_conference: my_student_conference$1,
 	received_date: received_date$1,
 	class_impact_score: class_impact_score$1,
@@ -2222,7 +2269,8 @@ var lang_uk = {
 	set_deadline: set_deadline$1,
 	duplicate_survey: duplicate_survey$1,
 	share_survey: share_survey$1,
-	new_survey: new_survey$1
+	new_survey: new_survey$1,
+	assign_counselor: assign_counselor$1
 };
 
 var DEFAULT_LANGUAGE = localStorage.getItem("language") !== null ? localStorage.getItem("language") : "uk";
@@ -2456,18 +2504,6 @@ var QUESTION_TYPES_OPTIONS = [{
 }, {
   label: "Text input",
   value: "TextInput"
-}, {
-  label: "Slider",
-  value: "Slider"
-}, {
-  label: "Progress bar",
-  value: "ProgressBar"
-}, {
-  label: "Star rating",
-  value: "StarRating"
-}, {
-  label: "Text input with sub questions",
-  value: "TextInputWithSuggestions"
 }, {
   label: "Emotional",
   value: "Emotional"
@@ -2508,7 +2544,7 @@ var STAR_OPTIONS = [{
   value: 5
 }];
 var ANSWER_EDITOR_HEIGHT = 150;
-var USER_ROLES = ["Admin", "Assistant", "Teacher", "General ED teacher", "Student", "Parent"];
+var USER_ROLES = ["Admin", "Assistant", "Teacher", "General ED teacher", "Counselor", "Student", "Parent"];
 var CHAT_CHANNEL = "chat-channel";
 var NOTIFICATION_CHANNEL = "NOTIFICATION_CHANNEL";
 var NEW_NOTIFICATION = "NEW_NOTIFICATION";
@@ -2524,7 +2560,8 @@ var ROLES = {
   ASSISTANT: "Assistant",
   EDUTEACHER: "General ED teacher",
   STUDENT: "Student",
-  PARENT: "Parent"
+  PARENT: "Parent",
+  COUNSELOR: "Counselor"
 };
 var NOTIFICATION_ALERT_KEY = "NOTIFICATION_ALERT_KEY";
 
@@ -2779,7 +2816,7 @@ var useLogin = function useLogin() {
             history.push(HOMEPAGE_DISTRICT);
           } else if (roles.includes("Admin")) {
             history.push(HOMEPAGE_ADMIN);
-          } else if (roles.includes("Teacher") || roles.includes("Assistant")) {
+          } else if (roles.includes("Teacher") || roles.includes("Assistant") || roles.includes("Counselor")) {
             history.push(HOMEPAGE_TEACHER);
           } else if (roles.includes("Student")) {
             history.push(HOMEPAGE_STUDENT);
@@ -3869,7 +3906,7 @@ var TheSidebar = function TheSidebar(_ref) {
     className: "" + styles["sidebar-logout"]
   }), React.createElement("p", {
     onClick: signOut
-  }, "Log out")));
+  }, "Log out 123")));
 };
 
 var setNotification = createAction("notifications/setNotification");
@@ -7063,13 +7100,13 @@ var UserDetail = function UserDetail() {
         return;
       }
 
-      if ([ROLES.ADMIN, ROLES.STUDENT, ROLES.PARENT, ROLES.EDUTEACHER].includes(role)) {
+      if ([ROLES.ADMIN, ROLES.STUDENT, ROLES.PARENT, ROLES.EDUTEACHER, ROLES.COUNSELOR].includes(role)) {
         setFieldValue("roles", [role]);
         return;
       }
 
       var teacherAssistantRoles = values.roles.filter(function (item) {
-        return ![ROLES.STUDENT, ROLES.ADMIN, ROLES.PARENT, ROLES.EDUTEACHER].includes(item);
+        return ![ROLES.STUDENT, ROLES.ADMIN, ROLES.PARENT, ROLES.EDUTEACHER, ROLES.COUNSELOR].includes(item);
       });
       setFieldValue("roles", [].concat(teacherAssistantRoles, [role]));
     }, [values.roles]);
@@ -7554,8 +7591,17 @@ var SuggestionCategorySelector = function SuggestionCategorySelector(props) {
 };
 
 var CATEGORY_URL$1 = BASE_URL + "/api/QuestionCategory";
-var get$7 = function get() {
-  return api.get(CATEGORY_URL$1);
+var get$7 = function get(parentCategoryId) {
+  return api.get(CATEGORY_URL$1, {
+    params: {
+      parentCategoryId: parentCategoryId
+    }
+  });
+};
+var getByFilter = function getByFilter(filter) {
+  return api.get(CATEGORY_URL$1, {
+    params: filter
+  });
 };
 
 var QuestionCategorySelector = function QuestionCategorySelector(props) {
@@ -7563,6 +7609,8 @@ var QuestionCategorySelector = function QuestionCategorySelector(props) {
       getCategoryList = _useState[0],
       setCategoryList = _useState[1];
 
+  var id = props.id,
+      parentCategoryId = props.parentCategoryId;
   useEffect(function () {
     fetchCategory();
   }, []);
@@ -7570,7 +7618,7 @@ var QuestionCategorySelector = function QuestionCategorySelector(props) {
   var fetchCategory = function fetchCategory() {
     try {
       var _temp2 = _catch(function () {
-        return Promise.resolve(get$7()).then(function (res) {
+        return Promise.resolve(get$7(parentCategoryId)).then(function (res) {
           setCategoryList(res.data.items);
         });
       }, function (err) {
@@ -7583,7 +7631,6 @@ var QuestionCategorySelector = function QuestionCategorySelector(props) {
     }
   };
 
-  var id = props.id;
   var arrCategory = getCategoryList.map(function (i) {
     return {
       id: i.id,
@@ -7600,6 +7647,131 @@ var QuestionCategorySelector = function QuestionCategorySelector(props) {
   }, props));
 };
 
+var useCategorySelector = function useCategorySelector() {
+  var _useState = useState([]),
+      categories = _useState[0],
+      setCategories = _useState[1];
+
+  var dispatch = useDispatch();
+  var getData = useCallback(function () {
+    try {
+      var _temp3 = function _temp3() {
+        dispatch(setLoading(false));
+      };
+
+      dispatch(setLoading(true));
+
+      var _temp4 = _catch(function () {
+        return Promise.resolve(getByFilter(_extends({}, DEFAULT_FILTER, {
+          pageSize: -1
+        }))).then(function (res) {
+          var convertedCategories = convertOptions(res.data.items);
+          setCategories(convertedCategories);
+        });
+      }, function (err) {
+        var _err$response, _err$response$data;
+
+        dispatch(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);
+    }
+  }, []);
+
+  var convertOptions = function convertOptions(categories, parent, children) {
+    var result = [];
+
+    if (!parent) {
+      var noParentCategories = categories.filter(function (c) {
+        return !c.parentCategoryId;
+      });
+      noParentCategories.forEach(function (c) {
+        var childrenOfCategory = categories.filter(function (cg) {
+          return cg.parentCategoryId === c.id;
+        });
+
+        var category = _extends({}, c, {
+          label: c.name,
+          value: c.id,
+          level: 0,
+          isDisabled: childrenOfCategory.length > 0
+        });
+
+        result = result.concat(convertOptions(categories, category, childrenOfCategory));
+      });
+    } else {
+      result.push(parent);
+      children === null || children === void 0 ? void 0 : children.forEach(function (c) {
+        var childrenOfCategory = categories.filter(function (cg) {
+          return cg.parentCategoryId === c.id;
+        });
+
+        var category = _extends({}, c, {
+          label: c.name,
+          value: c.id,
+          level: parent.level ? parent.level + 1 : 1,
+          isDisabled: childrenOfCategory.length > 0
+        });
+
+        result = result.concat(convertOptions(categories, category, childrenOfCategory));
+      });
+    }
+
+    return result;
+  };
+
+  useEffect(function () {
+    getData();
+  }, []);
+  return {
+    categories: categories
+  };
+};
+
+var optionStyles = {
+  control: function control(styles) {
+    return _extends({}, styles, {
+      backgroundColor: 'white'
+    });
+  },
+  option: function option(styles, _ref) {
+    var data = _ref.data;
+    return _extends({}, styles, {
+      fontWeight: !(data !== null && data !== void 0 && data.level) ? "bold" : "normal",
+      paddingLeft: ((data === null || data === void 0 ? void 0 : data.level) || 0) + 1 + "rem",
+      paddingRight: "1rem",
+      cursor: data.isDisabled ? 'not-allowed' : 'pointer',
+      color: "var(--color)",
+      "&:first-letter": {
+        textTransform: "uppercase"
+      }
+    });
+  }
+};
+
+var CategorySelector = function CategorySelector(_ref2) {
+  var value = _ref2.value,
+      rest = _objectWithoutPropertiesLoose(_ref2, ["value"]);
+
+  var _useCategorySelector = useCategorySelector(),
+      categories = _useCategorySelector.categories;
+
+  var initialValue = !!value ? categories.find(function (option) {
+    return option.value === value;
+  }) || null : null;
+  return React.createElement(Select, Object.assign({
+    value: initialValue,
+    options: categories,
+    styles: optionStyles,
+    placeholder: "Select category..."
+  }, rest));
+};
+
 var StarRatingSelector = function StarRatingSelector(props) {
   var id = props.id;
   var initValue = !!id ? STAR_OPTIONS.find(function (option) {
@@ -7771,7 +7943,7 @@ var useNotificationList = function useNotificationList() {
   };
 
   var viewNotification = function viewNotification(notification) {
-    var _JSON$parse, _JSON$parse2, _JSON$parse3, _JSON$parse4, _JSON$parse5, _JSON$parse6, _JSON$parse7, _JSON$parse8, _JSON$parse9, _JSON$parse10;
+    var _JSON$parse, _JSON$parse2, _extraData$replace, _extraData$replace$sp, _extraData$replace2, _extraData$replace2$s, _extraData$replace3, _extraData$replace3$s, _JSON$parse3, _JSON$parse4, _JSON$parse5, _JSON$parse6;
 
     var source = notification.source,
         extraData = notification.extraData;
@@ -7786,23 +7958,23 @@ var useNotificationList = function useNotificationList() {
         break;
 
       case "Class Reflection":
-        window.open("/start-reflection/" + ((_JSON$parse3 = JSON.parse(extraData)) === null || _JSON$parse3 === void 0 ? void 0 : _JSON$parse3[0]) + "/" + ((_JSON$parse4 = JSON.parse(extraData)) === null || _JSON$parse4 === void 0 ? void 0 : _JSON$parse4[1]));
+        window.open("/start-reflection/" + (extraData === null || extraData === void 0 ? void 0 : (_extraData$replace = extraData.replace(/[\[\]]/g, '')) === null || _extraData$replace === void 0 ? void 0 : (_extraData$replace$sp = _extraData$replace.split(',')) === null || _extraData$replace$sp === void 0 ? void 0 : _extraData$replace$sp[1]));
         break;
 
       case "Class Reflection Completed":
-        window.open("/result-reflection/" + ((_JSON$parse5 = JSON.parse(extraData)) === null || _JSON$parse5 === void 0 ? void 0 : _JSON$parse5[1]));
+        window.open("/result-reflection/" + (extraData === null || extraData === void 0 ? void 0 : (_extraData$replace2 = extraData.replace(/[\[\]]/g, '')) === null || _extraData$replace2 === void 0 ? void 0 : (_extraData$replace2$s = _extraData$replace2.split(',')) === null || _extraData$replace2$s === void 0 ? void 0 : _extraData$replace2$s[1]));
         break;
 
       case "External Reflection Completed":
-        window.open("/result-reflection/" + ((_JSON$parse6 = JSON.parse(extraData)) === null || _JSON$parse6 === void 0 ? void 0 : _JSON$parse6[1]) + "/external");
+        window.open("/result-reflection/" + (extraData === null || extraData === void 0 ? void 0 : (_extraData$replace3 = extraData.replace(/[\[\]]/g, '')) === null || _extraData$replace3 === void 0 ? void 0 : (_extraData$replace3$s = _extraData$replace3.split(',')) === null || _extraData$replace3$s === void 0 ? void 0 : _extraData$replace3$s[1]) + "/external");
         break;
 
       case "NewSessionCreated":
-        window.open("/start-question/" + ((_JSON$parse7 = JSON.parse(extraData)) === null || _JSON$parse7 === void 0 ? void 0 : _JSON$parse7[0]) + "/" + ((_JSON$parse8 = JSON.parse(extraData)) === null || _JSON$parse8 === void 0 ? void 0 : _JSON$parse8[1]));
+        window.open("/start-question/" + ((_JSON$parse3 = JSON.parse(extraData)) === null || _JSON$parse3 === void 0 ? void 0 : _JSON$parse3[0]) + "/" + ((_JSON$parse4 = JSON.parse(extraData)) === null || _JSON$parse4 === void 0 ? void 0 : _JSON$parse4[1]));
         break;
 
       case "NewSessionComplete":
-        window.open("/start-question/" + ((_JSON$parse9 = JSON.parse(extraData)) === null || _JSON$parse9 === void 0 ? void 0 : _JSON$parse9[0]) + "/" + ((_JSON$parse10 = JSON.parse(extraData)) === null || _JSON$parse10 === void 0 ? void 0 : _JSON$parse10[1]));
+        window.open("/start-question/" + ((_JSON$parse5 = JSON.parse(extraData)) === null || _JSON$parse5 === void 0 ? void 0 : _JSON$parse5[0]) + "/" + ((_JSON$parse6 = JSON.parse(extraData)) === null || _JSON$parse6 === void 0 ? void 0 : _JSON$parse6[1]));
         break;
 
       case "ActionPointReminder":
@@ -10619,5 +10791,5 @@ var UserList = function UserList() {
 
 var amplitudeClient$1 = amplitude.getInstance();
 
-export { ACCESS_TOKEN, ANSWER_EDITOR_HEIGHT, AcademicClassSelector, AddButton, BASE_URL, CHAT_CHANNEL, CommonAlert, CommonHeader, CommonModal$1 as CommonModal, CreatableSelector, CustomPagination, CustomSelector, CustomTabs as CustomTab, DATE_FORMAT, DATE_RESULT, DEFAULT_FILTER, Dashboard, DeleteButtonIcon, DetailActionButtons, EMOTIONS, EditButtonIcon, EmailTemplateDetail, EmailTemplateList, EmptyDataAlert, ErrorHandler, FULL_DATE_RESULT, FaqList, InputFile as FileInput, GOOGLE_RECAPTCHA_KEY, GalleryList, INIT_AMPLITUDE_KEY_PROD, INIT_AMPLITUDE_KEY_STAGE, Images, LICENSE_AGGRID, LinkEditButton, Loading, Login, MediaList, NOTIFICATION_ALERT_KEY, NOTIFICATION_CHANNEL, NotFound, NotificationList, NotificationModal, QUESTION_TYPES, QUESTION_TYPES_OPTIONS, QuestionCategorySelector, QuestionTypeSelector, QuitPrompt, ReactNotification, RequiredLabel$1 as RequiredLabel, SchoolList, ScrollToTop, SearchBox$1 as SearchBox, SearchBoxContainer, SkillList, StarRatingSelector, SuggestionCategorySelector, TAB_COLORS, TINY_MCE_API_KEY, TheContent$1 as TheContent, TheLayout, ToggleButton, UploadFileButton, UserDetail, UserList, addTab, amplitudeClient$1 as amplitudeClient, answerQuestion, answerQuestionDataPlayer, api, apiUpload, canAccess as canAccessRoute, changeNote, changeTags, clearTab, closeTab, debounce, editTab, editorConfig, firstCheckToken, generateRandomString, getFileUrl, getInfo, getTextFromHTML, i18n, initAmplitude, isInViewport, isLocalhost, reset, setAlert, setAssessmentList, setAssignmentList, setAssistantList, setBadgeList, setBandScoreList, setCertificateList, setClassList, setConferenceRubricList, setConversationOneToOne, setCurrentStudentId, setCurrentStudentName, setCurrentStudentUserId, setCustomAlertList, setDataPlayer, setEditItemQuesion, setEnableIEP, setEnableSurvey, setFeedbackList, setFilterWidget, setGoalExampleList, setImproveMyClass, setLanguage, setLearningSupportCategoryList, setLoading, setMailCategory, setModal, setMoveItemQuestion, setMyStudent, setQuestionByCategory, setQuestionCateList, setQuestionList, setReflectionList, setReflectionResultList, setResetQuestionList, setSchoolBlankDayList, setSelectQuestion, setSemesterList, setSessionPlayer, setSessionTemplateGeneralClassList, setSessionTemplateList, setStartTime, setStrategyList, setStudentIdSelectedByTeacher, setStudentList, setSubjectList, setSuggestionList, setTurnOffPassWhenChangeMode, setTutorialScreenList, setUser, setUserList, showFontSize, showMenuBar, store, systemCertificateUpload, systemStudentBadge, uploadFile, useFilters, useGalleryList, utcToLocalTime };
+export { ACCESS_TOKEN, ANSWER_EDITOR_HEIGHT, AcademicClassSelector, AddButton, BASE_URL, CHAT_CHANNEL, CategorySelector, CommonAlert, CommonHeader, CommonModal$1 as CommonModal, CreatableSelector, CustomPagination, CustomSelector, CustomTabs as CustomTab, DATE_FORMAT, DATE_RESULT, DEFAULT_FILTER, Dashboard, DeleteButtonIcon, DetailActionButtons, EMOTIONS, EditButtonIcon, EmailTemplateDetail, EmailTemplateList, EmptyDataAlert, ErrorHandler, FULL_DATE_RESULT, FaqList, InputFile as FileInput, GOOGLE_RECAPTCHA_KEY, GalleryList, INIT_AMPLITUDE_KEY_PROD, INIT_AMPLITUDE_KEY_STAGE, Images, LICENSE_AGGRID, LinkEditButton, Loading, Login, MediaList, NOTIFICATION_ALERT_KEY, NOTIFICATION_CHANNEL, NotFound, NotificationList, NotificationModal, QUESTION_TYPES, QUESTION_TYPES_OPTIONS, QuestionCategorySelector, QuestionTypeSelector, QuitPrompt, ReactNotification, RequiredLabel$1 as RequiredLabel, SchoolList, ScrollToTop, SearchBox$1 as SearchBox, SearchBoxContainer, SkillList, StarRatingSelector, SuggestionCategorySelector, TAB_COLORS, TINY_MCE_API_KEY, TheContent$1 as TheContent, TheLayout, ToggleButton, UploadFileButton, UserDetail, UserList, addTab, amplitudeClient$1 as amplitudeClient, answerQuestion, answerQuestionDataPlayer, api, apiUpload, canAccess as canAccessRoute, changeNote, changeTags, clearTab, closeTab, debounce, editTab, editorConfig, firstCheckToken, generateRandomString, getFileUrl, getInfo, getTextFromHTML, i18n, initAmplitude, isInViewport, isLocalhost, reset, setAlert, setAssessmentList, setAssignmentList, setAssistantList, setBadgeList, setBandScoreList, setCertificateList, setClassList, setConferenceRubricList, setConversationOneToOne, setCurrentStudentId, setCurrentStudentName, setCurrentStudentUserId, setCustomAlertList, setDataPlayer, setEditItemQuesion, setEnableIEP, setEnableSurvey, setFeedbackList, setFilterWidget, setGoalExampleList, setImproveMyClass, setLanguage, setLearningSupportCategoryList, setLoading, setMailCategory, setModal, setMoveItemQuestion, setMyStudent, setQuestionByCategory, setQuestionCateList, setQuestionList, setReflectionList, setReflectionResultList, setResetQuestionList, setSchoolBlankDayList, setSelectQuestion, setSemesterList, setSessionPlayer, setSessionTemplateGeneralClassList, setSessionTemplateList, setStartTime, setStrategyList, setStudentIdSelectedByTeacher, setStudentList, setSubjectList, setSuggestionList, setTurnOffPassWhenChangeMode, setTutorialScreenList, setUser, setUserList, showFontSize, showMenuBar, store, systemCertificateUpload, systemStudentBadge, uploadFile, useFilters, useGalleryList, utcToLocalTime };
 //# sourceMappingURL=index.modern.js.map