mario-core 2.9.62-beta → 2.9.63-beta

package/dist/components/Selectors/CategorySelector.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const CategorySelector: ({ value, ...rest }: any) => JSX.Element;
+export default CategorySelector;

package/dist/components/Selectors/constants/constant.d.ts

@@ -0,0 +1,10 @@
+export interface CategoryOption {
+    id: number;
+    name: string;
+    level?: number;
+    value: number;
+    label: string;
+    parentCategoryId?: number;
+    numberOfchidren?: number;
+    isDisabled?: boolean;
+}

package/dist/components/Selectors/hooks/useCategorySelector.d.ts

@@ -0,0 +1,5 @@
+import { CategoryOption } from "../constants/constant";
+declare const useCategorySelector: () => {
+    categories: CategoryOption[];
+};
+export default useCategorySelector;

package/dist/index.d.ts

@@ -27,6 +27,7 @@ import SearchBox from "./components/Inputs/SearchBox";
 import QuestionTypeSelector from "./components/Selectors/QuestionTypeSelector";
 import SuggestionCategorySelector from "./components/Selectors/SuggestionCategorySelector";
 import QuestionCategorySelector from "./components/Selectors/QuestionCategorySelector";
+import CategorySelector from "./components/Selectors/CategorySelector";
 import ErrorHandler from "./components/Alerts/ErrorHandler";
 import DetailActionButtons from "./components/Buttons/DetailActionButtons";
 import RequiredLabel from "./components/Labels/RequiredLabel";
@@ -107,4 +108,4 @@ import { setEnableIEP, setEnableSurvey, setConversationOneToOne, setLanguage } f
 import useFilters from "./hooks/useFilters";
 import amplitude from "amplitude-js";
 declare const amplitudeClient: amplitude.AmplitudeClient;
-export { Login, Dashboard, TheLayout, TheContent, NotFound, EmailTemplateList, EmailTemplateDetail, FaqList, SkillList, UserList, UserDetail, Loading, NotificationModal, CommonHeader, CommonModal, AddButton, DeleteButtonIcon, EditButtonIcon, LinkEditButton, ToggleButton, EmptyDataAlert, CreatableSelector, CustomPagination, SearchBox, FileInput, QuitPrompt, QuestionTypeSelector, QuestionCategorySelector, SuggestionCategorySelector, ErrorHandler, DetailActionButtons, RequiredLabel, StarRatingSelector, ReactNotification, NotificationList, CustomSelector, UploadFileButton, SearchBoxContainer, CustomTab, CommonAlert, GalleryList, MediaList, useGalleryList, AcademicClassSelector, SchoolList, store, showMenuBar, showFontSize, setLoading, setModal, setAlert, setClassList, setConferenceRubricList, setSuggestionList, setStrategyList, setSubjectList, setLearningSupportCategoryList, setQuestionList, setUserList, setStudentList, setBadgeList, setGoalExampleList, setSemesterList, setFeedbackList, setAssessmentList, setQuestionByCategory, setSelectQuestion, setMoveItemQuestion, setReflectionList, setReflectionResultList, setEditItemQuesion, setResetQuestionList, setMailCategory, setUser, setAssignmentList, setAssistantList, setSessionTemplateList, setTutorialScreenList, setSessionTemplateGeneralClassList, setCustomAlertList, setCertificateList, closeTab, addTab, editTab, clearTab, changeNote, changeTags, answerQuestion, setSessionPlayer, setStartTime, setTurnOffPassWhenChangeMode, reset, setImproveMyClass, setSchoolBlankDayList, setEnableIEP, setEnableSurvey, setConversationOneToOne, setLanguage, i18n, useTranslation, I18nextProvider, api, apiUpload, uploadFile, systemStudentBadge, systemCertificateUpload, BASE_URL, DEFAULT_FILTER, LICENSE_AGGRID, TINY_MCE_API_KEY, QUESTION_TYPES, QUESTION_TYPES_OPTIONS, ANSWER_EDITOR_HEIGHT, CHAT_CHANNEL, NOTIFICATION_CHANNEL, DATE_RESULT, DATE_FORMAT, FULL_DATE_RESULT, ACCESS_TOKEN, NOTIFICATION_ALERT_KEY, GOOGLE_RECAPTCHA_KEY, EMOTIONS, TAB_COLORS, Filter, Conversation, Message, ConversationMember, NavbarTab, editorConfig, generateRandomString, isInViewport, debounce, firstCheckToken, canAccessRoute, getFileUrl, getTextFromHTML, utcToLocalTime, getInfo, Images, setQuestionCateList, setMyStudent, setDataPlayer, answerQuestionDataPlayer, setCurrentStudentUserId, setCurrentStudentId, setCurrentStudentName, setFilterWidget, setBandScoreList, setStudentIdSelectedByTeacher, useFilters, ScrollToTop, initAmplitude, amplitudeClient, INIT_AMPLITUDE_KEY };
+export { Login, Dashboard, TheLayout, TheContent, NotFound, EmailTemplateList, EmailTemplateDetail, FaqList, SkillList, UserList, UserDetail, Loading, NotificationModal, CommonHeader, CommonModal, AddButton, DeleteButtonIcon, EditButtonIcon, LinkEditButton, ToggleButton, EmptyDataAlert, CreatableSelector, CustomPagination, SearchBox, FileInput, QuitPrompt, QuestionTypeSelector, QuestionCategorySelector, SuggestionCategorySelector, CategorySelector, ErrorHandler, DetailActionButtons, RequiredLabel, StarRatingSelector, ReactNotification, NotificationList, CustomSelector, UploadFileButton, SearchBoxContainer, CustomTab, CommonAlert, GalleryList, MediaList, useGalleryList, AcademicClassSelector, SchoolList, store, showMenuBar, showFontSize, setLoading, setModal, setAlert, setClassList, setConferenceRubricList, setSuggestionList, setStrategyList, setSubjectList, setLearningSupportCategoryList, setQuestionList, setUserList, setStudentList, setBadgeList, setGoalExampleList, setSemesterList, setFeedbackList, setAssessmentList, setQuestionByCategory, setSelectQuestion, setMoveItemQuestion, setReflectionList, setReflectionResultList, setEditItemQuesion, setResetQuestionList, setMailCategory, setUser, setAssignmentList, setAssistantList, setSessionTemplateList, setTutorialScreenList, setSessionTemplateGeneralClassList, setCustomAlertList, setCertificateList, closeTab, addTab, editTab, clearTab, changeNote, changeTags, answerQuestion, setSessionPlayer, setStartTime, setTurnOffPassWhenChangeMode, reset, setImproveMyClass, setSchoolBlankDayList, setEnableIEP, setEnableSurvey, setConversationOneToOne, setLanguage, i18n, useTranslation, I18nextProvider, api, apiUpload, uploadFile, systemStudentBadge, systemCertificateUpload, BASE_URL, DEFAULT_FILTER, LICENSE_AGGRID, TINY_MCE_API_KEY, QUESTION_TYPES, QUESTION_TYPES_OPTIONS, ANSWER_EDITOR_HEIGHT, CHAT_CHANNEL, NOTIFICATION_CHANNEL, DATE_RESULT, DATE_FORMAT, FULL_DATE_RESULT, ACCESS_TOKEN, NOTIFICATION_ALERT_KEY, GOOGLE_RECAPTCHA_KEY, EMOTIONS, TAB_COLORS, Filter, Conversation, Message, ConversationMember, NavbarTab, editorConfig, generateRandomString, isInViewport, debounce, firstCheckToken, canAccessRoute, getFileUrl, getTextFromHTML, utcToLocalTime, getInfo, Images, setQuestionCateList, setMyStudent, setDataPlayer, answerQuestionDataPlayer, setCurrentStudentUserId, setCurrentStudentId, setCurrentStudentName, setFilterWidget, setBandScoreList, setStudentIdSelectedByTeacher, useFilters, ScrollToTop, initAmplitude, amplitudeClient, INIT_AMPLITUDE_KEY };

package/dist/index.js

@@ -50,6 +50,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";
@@ -102,12 +103,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";
@@ -247,6 +250,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";
@@ -263,6 +267,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";
@@ -273,6 +278,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";
@@ -287,7 +293,8 @@ 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";
@@ -408,6 +415,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";
@@ -597,6 +605,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,
@@ -651,11 +660,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,
@@ -798,6 +809,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,
@@ -814,6 +826,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,
@@ -824,6 +837,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,
@@ -839,6 +853,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,
@@ -960,6 +975,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,
@@ -1151,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";
@@ -1204,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,7 +1331,7 @@ var use_for$1 = "Use for";
 var admin_training$1 = "Admin training";
 var teacher_training$1 = "Teacher training";
 var created_time$1 = "Create time";
-var total_reflections$1 = "Total Reflections:";
+var total_reflections$1 = "Total Reflections";
 var student_training$1 = "Student training";
 var create_destination$1 = "Create Destination";
 var total_of_designation$1 = "Total of Designation";
@@ -1350,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";
@@ -1366,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";
@@ -1376,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";
@@ -1390,7 +1412,8 @@ 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";
@@ -1511,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";
@@ -1700,6 +1724,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,
@@ -1754,11 +1779,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,
@@ -1901,6 +1928,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,
@@ -1917,6 +1945,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,
@@ -1927,6 +1956,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,
@@ -1942,6 +1972,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,
@@ -2063,6 +2094,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,
@@ -2468,18 +2500,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"
@@ -3881,7 +3901,7 @@ var TheSidebar = function TheSidebar(_ref) {
     className: "" + styles["sidebar-logout"]
   }), React__default.createElement("p", {
     onClick: signOut
-  }, "Log out")));
+  }, "Log out 123")));
 };
 
 var setNotification = toolkit.createAction("notifications/setNotification");
@@ -7842,8 +7862,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) {
@@ -7851,6 +7880,8 @@ var QuestionCategorySelector = function QuestionCategorySelector(props) {
       getCategoryList = _useState[0],
       setCategoryList = _useState[1];
 
+  var id = props.id,
+      parentCategoryId = props.parentCategoryId;
   React.useEffect(function () {
     fetchCategory();
   }, []);
@@ -7858,7 +7889,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) {
@@ -7871,7 +7902,6 @@ var QuestionCategorySelector = function QuestionCategorySelector(props) {
     }
   };
 
-  var id = props.id;
   var arrCategory = getCategoryList.map(function (i) {
     return {
       id: i.id,
@@ -7888,6 +7918,131 @@ var QuestionCategorySelector = function QuestionCategorySelector(props) {
   }, props));
 };
 
+var useCategorySelector = function useCategorySelector() {
+  var _useState = React.useState([]),
+      categories = _useState[0],
+      setCategories = _useState[1];
+
+  var dispatch = reactRedux.useDispatch();
+  var getData = React.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;
+  };
+
+  React.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__default.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) {
@@ -10533,6 +10688,7 @@ exports.AcademicClassSelector = AcademicClassSelector;
 exports.AddButton = AddButton;
 exports.BASE_URL = BASE_URL;
 exports.CHAT_CHANNEL = CHAT_CHANNEL;
+exports.CategorySelector = CategorySelector;
 exports.CommonAlert = CommonAlert;
 exports.CommonHeader = CommonHeader;
 exports.CommonModal = CommonModal$1;