mario-teacher-student-client 2.1.75-beta → 2.1.76-admin

package/dist/index.js

@@ -132,6 +132,90 @@ var TableContainer = _interopDefault(require('@material-ui/core/TableContainer')
 var Paper = _interopDefault(require('@material-ui/core/Paper'));
 var Checkbox = _interopDefault(require('@material-ui/core/Checkbox'));
 
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
+function _objectDestructuringEmpty(obj) {
+  if (obj == null) throw new TypeError("Cannot destructure undefined");
+}
+
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+
+  return target;
+}
+
+function _taggedTemplateLiteralLoose(strings, raw) {
+  if (!raw) {
+    raw = strings.slice(0);
+  }
+
+  strings.raw = raw;
+  return strings;
+}
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+
+  return arr2;
+}
+
+function _createForOfIteratorHelperLoose(o, allowArrayLike) {
+  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
+  if (it) return (it = it.call(o)).next.bind(it);
+
+  if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
+    if (it) o = it;
+    var i = 0;
+    return function () {
+      if (i >= o.length) return {
+        done: true
+      };
+      return {
+        done: false,
+        value: o[i++]
+      };
+    };
+  }
+
+  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
 // A type of promise-like that resolves synchronously and supports only one observer
 const _Pact = /*#__PURE__*/(function() {
 	function _Pact() {}
@@ -339,7 +423,7 @@ var getStudentSimpleProfile = function getStudentSimpleProfile() {
   return marioCore.api.get("" + STUDENT_PROFILE);
 };
 
-var styleIndex = {"reset-the-content":"_1zJw3","header-left":"_11kCD","header-icon":"_dqAoB","header-right":"_1jTMg","header-component":"_2oMWx","btn-start":"_1M4r8","timer-start":"_-ZWIZ","btn-timer":"_3SGlg","timer-text":"_1Q--B","btn-conduct-session":"_2K2FJ","btn-conduct-session-disabled":"_3ae8F","box-slider":"_1bTW5","margin-right":"_2T6Ym","slider-text":"_1gs0Z","font-question-name":"_13S5D","font-question":"_t-JhH","font-question-description":"_1YLGi","question-block":"_2gqE-","font-large":"_3Sup6","font-small":"_2JnMg","question-text":"_337MJ","question-slider":"_k_dl-","question-block-mobile":"_p-cUG","emotion-list":"_1M6M1","emotion-item":"_1wmi8","emotion-active":"_3JT39","block-learning-strategories":"_KKK4u","conference-learning-strategories":"_3o_lQ","item-learning-strategories":"_1k7-R","question-today":"_WkaIn","block-button":"_275AS","talk-conduct":"_28jd3","box-talk":"_3zlbc","box-p":"_IXk4X","form-upload":"_1spIR","title":"_g-p72","description":"_2U60d","form-title":"_qDlsm","form-upload-image-box":"_2xZUq","form-upload-image":"_3C-Xm","form-upload-icon":"_2zIn5","form-upload-title":"_yNCgm","form-upload-description":"_35Wqq","header-right-download":"_27SXJ","download-title":"_1EWKg","accomondation-content":"_2qhHZ","accomondation-content-title-box":"_XTfSF","accomondation-content-title":"_1Z_hd","accomondation-body":"_1DtTP","accomondation-content-function":"_3fJXr","function-edit":"_368JR","function-delete":"_2I-ej","accomondation-block-content":"_1fpsj","accomondation-block-note":"_2INhO","accomondation-content-description":"_2BEap","accomondation-content-status":"_UdBci","content-function-mobile":"_3gaSR","card-box":"_3Flx1","card-top":"_3Mi_n","card-top-title":"_21QGx","card-top-right":"_2eeiS","card-top-switch":"_9VWFe","card-view":"_Jwjv5","card-content":"_3AVYm","block-circle":"_3o7Sh","block-item-3":"_3JeRP","item-circle":"_2wunA","block-item-4":"_3P83R","icon-btn":"_3xYAk","slider-avatar":"_2wH1X","btn-delete":"_z69mr","send-icon":"_3oH01","label-single-choice":"_3oSdM","radio-choice":"_2RwcR","canva-item-container":"_1tBto","canva-item":"_3A0Al","title-circle":"_2QAQJ","accommodation-header-right":"_4OB3z","about-header-right":"_t4lD7","text-custom":"_22kUd","page-external":"_1Qrsk","box-notification":"_iDxHF","notification-1":"_2ZvNu","notification-2":"_2zBWP","notification-3":"_1T24i","notification-4":"_2obEM","notification-5":"_20aq-","notification-6":"_RWFl1","box-item":"_Wtc0p","notification-7":"_3rw4Y","notification-assistant-1":"_1ybh1","notification-assistant-2":"_2o31Q","notification-assistant-3":"_11hn9","notification-assistant-4":"_2sPVk","notification-assistant-5":"_3ln0K","notification-assistant-6":"_3dsZQ","notification-student-1":"_1XdPP","notification-student-2":"_1I9Dc","notification-student-3":"_3DwX3","notification-student-4":"_2TKDh","notification-student-5":"_14nq1","notification-student-6":"_1zCX0","btn-got-it":"_uwWqF"};
+var styleIndex = {"reset-the-content":"_1zJw3","header-left":"_11kCD","header-icon":"_dqAoB","header-right":"_1jTMg","box-title-question":"_1DlZO","tooltip-question":"_29Hwk","font-description":"_2pyf5","header-component":"_2oMWx","btn-start":"_1M4r8","timer-start":"_-ZWIZ","btn-timer":"_3SGlg","timer-text":"_1Q--B","btn-conduct-session":"_2K2FJ","btn-conduct-session-disabled":"_3ae8F","box-slider":"_1bTW5","margin-right":"_2T6Ym","slider-text":"_1gs0Z","font-question-name":"_13S5D","font-question":"_t-JhH","font-question-description":"_1YLGi","question-block":"_2gqE-","font-large":"_3Sup6","font-small":"_2JnMg","question-text":"_337MJ","question-slider":"_k_dl-","question-block-mobile":"_p-cUG","emotion-list":"_1M6M1","emotion-item":"_1wmi8","emotion-active":"_3JT39","block-learning-strategories":"_KKK4u","conference-learning-strategories":"_3o_lQ","item-learning-strategories":"_1k7-R","question-today":"_WkaIn","block-button":"_275AS","talk-conduct":"_28jd3","box-talk":"_3zlbc","box-p":"_IXk4X","form-upload":"_1spIR","title":"_g-p72","description":"_2U60d","form-title":"_qDlsm","form-upload-image-box":"_2xZUq","form-upload-image":"_3C-Xm","form-upload-icon":"_2zIn5","form-upload-title":"_yNCgm","form-upload-description":"_35Wqq","header-right-download":"_27SXJ","download-title":"_1EWKg","accomondation-content":"_2qhHZ","accomondation-content-title-box":"_XTfSF","accomondation-content-title":"_1Z_hd","accomondation-body":"_1DtTP","accomondation-content-function":"_3fJXr","function-edit":"_368JR","function-delete":"_2I-ej","accomondation-block-content":"_1fpsj","accomondation-block-note":"_2INhO","accomondation-content-description":"_2BEap","accomondation-content-status":"_UdBci","content-function-mobile":"_3gaSR","card-box":"_3Flx1","card-top":"_3Mi_n","card-top-title":"_21QGx","card-top-right":"_2eeiS","card-top-switch":"_9VWFe","card-view":"_Jwjv5","card-content":"_3AVYm","block-circle":"_3o7Sh","block-item-3":"_3JeRP","item-circle":"_2wunA","block-item-4":"_3P83R","icon-btn":"_3xYAk","slider-avatar":"_2wH1X","btn-delete":"_z69mr","send-icon":"_3oH01","label-single-choice":"_3oSdM","radio-choice":"_2RwcR","canva-item-container":"_1tBto","canva-item":"_3A0Al","title-circle":"_2QAQJ","accommodation-header-right":"_4OB3z","about-header-right":"_t4lD7","text-custom":"_22kUd","page-external":"_1Qrsk","box-notification":"_iDxHF","notification-1":"_2ZvNu","notification-2":"_2zBWP","notification-3":"_1T24i","notification-4":"_2obEM","notification-5":"_20aq-","notification-6":"_RWFl1","box-item":"_Wtc0p","notification-7":"_3rw4Y","notification-assistant-1":"_1ybh1","notification-assistant-2":"_2o31Q","notification-assistant-3":"_11hn9","notification-assistant-4":"_2sPVk","notification-assistant-5":"_3ln0K","notification-assistant-6":"_3dsZQ","notification-student-1":"_1XdPP","notification-student-2":"_1I9Dc","notification-student-3":"_3DwX3","notification-student-4":"_2TKDh","notification-student-5":"_14nq1","notification-student-6":"_1zCX0","btn-got-it":"_uwWqF"};
 
 function toVal(mix) {
 	var k, y, str='';
@@ -527,6 +611,8 @@ var NotificationStepLogin = function NotificationStepLogin(_ref) {
   }, "Got it")));
 };
 
+var domainName = window.location.hostname;
+var isCheckDomainRubyoung = domainName.includes('rubyyoung');
 var LIST_TEACHER_STEP_POPUP = [{
   id: 1,
   title: "My Students",
@@ -537,7 +623,7 @@ var LIST_TEACHER_STEP_POPUP = [{
   message: "See an overview of your scheduled, short 1-to-1 sessions or add a new session."
 }, {
   id: 3,
-  title: "My Class Reflections",
+  title: isCheckDomainRubyoung ? "My Reflections" : "My Class Reflections",
   message: "Send a reflection or see an overview of your students’ reflections."
 }, {
   id: 4,
@@ -562,7 +648,7 @@ var LIST_ASSISTANT_STEP_POPUP = [{
   message: "See an overview of your scheduled, short 1-to-1 sessions or add a new session."
 }, {
   id: 3,
-  title: "My Class Reflections",
+  title: isCheckDomainRubyoung ? "My Reflections" : "My Class Reflections",
   message: "Send a reflection or see an overview of your students’ reflections."
 }, {
   id: 4,
@@ -613,6 +699,8 @@ var defaultFontSize = 16;
 var defaultFontSmall = 12;
 var defaultFontLarge = 20;
 var LOGO = "/images/logo.svg";
+var domainName$1 = window.location.hostname;
+var isCheckDomainRubyoung$1 = domainName$1.includes('rubyyoung');
 var ICON_NAV = [{
   name: "Home",
   icon: React__default.createElement(HomeIcon, null)
@@ -620,13 +708,13 @@ var ICON_NAV = [{
   name: "My Students",
   icon: React__default.createElement(StudentsIcon, null)
 }, {
-  name: "My Class Reflections",
+  name: isCheckDomainRubyoung$1 ? "My Reflections" : "My Class Reflections",
   icon: React__default.createElement(SchoolIcon, null)
 }, {
   name: "My 1-to-1",
   icon: React__default.createElement(GroupIcon, null)
 }, {
-  name: "My Class Reflection",
+  name: isCheckDomainRubyoung$1 ? "My Reflection" : "My Class Reflection",
   icon: React__default.createElement(CommentIcon, null)
 }, {
   name: "My Conferences",
@@ -707,6 +795,10 @@ var HeaderSideBar = function HeaderSideBar(_ref) {
     return (_state$common5 = state.common) === null || _state$common5 === void 0 ? void 0 : _state$common5.user.isLoginFirst;
   });
 
+  var _useState = React.useState(new Date()),
+      curTime = _useState[0],
+      setCurTime = _useState[1];
+
   var openNotification = function openNotification() {
     var features = "toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, width=1080, height=720, top=100, left=100";
     window.open("/notifications", "NotificationDialog", features);
@@ -738,8 +830,8 @@ var HeaderSideBar = function HeaderSideBar(_ref) {
   var open = Boolean(anchorEl);
   var openFont = Boolean(anchorFontEl);
 
-  var _useState = React.useState(false),
-      hoverConferences = _useState[0];
+  var _useState2 = React.useState(false),
+      hoverConferences = _useState2[0];
 
   var toggleSideBar = function toggleSideBar() {
     dispatch(marioCore.showMenuBar(!isOpenSideBar));
@@ -762,11 +854,27 @@ var HeaderSideBar = function HeaderSideBar(_ref) {
     setAnchorFontEl(null);
   };
 
+  React.useEffect(function () {
+    setCurTime(new Date());
+  }, [location.pathname]);
   var signOut = React.useCallback(function () {
+    var newCurTime = new Date();
+    var hostName = window.location.hostname;
+    marioCore.amplitudeClient.logEvent("general: duration", {
+      domain: hostName,
+      user_id: user.email,
+      duration_since: newCurTime.getTime() - curTime.getTime(),
+      last_page: location.pathname.replace("/", "")
+    });
+    marioCore.amplitudeClient.logEvent("general: session end", {
+      user_id: user.email,
+      domain: hostName
+    });
+    marioCore.amplitudeClient.resetSessionId();
     localStorage.removeItem(marioCore.ACCESS_TOKEN);
     dispatch(marioCore.reset());
     history.replace("/");
-  }, []);
+  }, [curTime]);
 
   var getTeacherInformationIEP = function getTeacherInformationIEP() {
     try {
@@ -785,9 +893,9 @@ var HeaderSideBar = function HeaderSideBar(_ref) {
     }
   };
 
-  var _useState2 = React.useState(0),
-      unreadNoti = _useState2[0],
-      setUnreadNoti = _useState2[1];
+  var _useState3 = React.useState(0),
+      unreadNoti = _useState3[0],
+      setUnreadNoti = _useState3[1];
 
   var getUnreadNoti = React.useCallback(function () {
     try {
@@ -858,7 +966,7 @@ var HeaderSideBar = function HeaderSideBar(_ref) {
     name: "My Students",
     icon: React__default.createElement(StudentsIcon, null)
   }, {
-    name: "My Class Reflections",
+    name: isCheckDomainRubyoung$1 ? "My Reflections" : "My Class Reflections",
     icon: React__default.createElement(SchoolIcon, null)
   }, {
     name: "My 1-to-1",
@@ -1083,6 +1191,14 @@ var HeaderSideBar = function HeaderSideBar(_ref) {
               }));
               break;
 
+            case "/my-class-reflection/to-do":
+              dispatch(marioCore.initAmplitude({
+                name: user.email,
+                event: "class reflections: view page",
+                page: "Class Reflections"
+              }));
+              break;
+
             case "/plp":
               dispatch(marioCore.initAmplitude({
                 name: user.email,
@@ -1308,6 +1424,9 @@ var useStyles = styles$O.makeStyles(function (theme) {
   };
 });
 
+var _excluded = ["event", "duration_since"];
+var DATEDEFAULT = new Date("0001-1-1");
+
 var MainLayout = function MainLayout(_ref) {
   var routes = _ref.routes,
       navigation = _ref.navigation;
@@ -1315,25 +1434,107 @@ var MainLayout = function MainLayout(_ref) {
   var user = reactRedux.useSelector(function (state) {
     return state.common.user;
   });
+  var amplitude = reactRedux.useSelector(function (state) {
+    return state.common.amplitude;
+  });
   var isDistrict = window.location.host.includes("-district");
 
   var _useState = React.useState(false),
       isCheckDone = _useState[0],
       setIsCheckDone = _useState[1];
 
+  var _useState2 = React.useState(DATEDEFAULT),
+      curTime = _useState2[0],
+      setCurTime = _useState2[1];
+
+  var _useState3 = React.useState(""),
+      pathName = _useState3[0],
+      setPathName = _useState3[1];
+
+  var location = reactRouterDom.useLocation();
   var authRoutes = React.useMemo(function () {
     return routes.filter(function (route) {
       return marioCore.canAccessRoute(user === null || user === void 0 ? void 0 : user.roles, route.roles);
     });
   }, [user]);
   var authNavigations = React.useMemo(function () {
-    !!user && marioCore.amplitudeCallInit(user === null || user === void 0 ? void 0 : user.email);
     return navigation.filter(function (nav) {
       return marioCore.canAccessRoute(user === null || user === void 0 ? void 0 : user.roles, nav.roles);
     }).filter(function (nav) {
       return !!nav.isDistrict === isDistrict;
     });
   }, [user]);
+
+  var handleLogEvent = function handleLogEvent() {
+    var event = amplitude.event,
+        duration_since = amplitude.duration_since,
+        other = _objectWithoutPropertiesLoose(amplitude, _excluded);
+
+    if (event === "general: duration") {
+      marioCore.amplitudeClient.logEvent(event, _extends({
+        duration_since: duration_since
+      }, other));
+      return;
+    }
+
+    marioCore.amplitudeClient.logEvent(event, _extends({}, other));
+  };
+
+  React.useEffect(function () {
+    if (amplitude !== null && amplitude !== void 0 && amplitude.event) {
+      handleLogEvent();
+    }
+  }, [amplitude === null || amplitude === void 0 ? void 0 : amplitude.event, amplitude === null || amplitude === void 0 ? void 0 : amplitude.last_page]);
+  React.useEffect(function () {
+    if (!!user) {
+      marioCore.amplitudeClient.init(marioCore.INIT_AMPLITUDE_KEY, user.email, {
+        includeReferrer: false,
+        includeUtm: false
+      }, function () {
+        marioCore.amplitudeClient.onNewSessionStart(function (client) {
+          var hostName = window.location.hostname;
+          client.logEvent("general: session start", {
+            user_id: user.email,
+            domain: hostName
+          });
+        });
+      });
+    }
+  }, [user === null || user === void 0 ? void 0 : user.id]);
+
+  var onUnload = function onUnload(e) {
+    e.preventDefault();
+    var newCurTime = new Date();
+    var hostName = window.location.hostname;
+    marioCore.amplitudeClient.logEvent("general: duration", {
+      domain: hostName,
+      user_id: user.email,
+      duration_since: newCurTime.getTime() - curTime.getTime(),
+      last_page: location.pathname.replace("/", "")
+    });
+  };
+
+  React.useEffect(function () {
+    window.addEventListener("beforeunload", onUnload);
+    return function () {
+      window.removeEventListener("beforeunload", onUnload);
+    };
+  }, [location.pathname]);
+  React.useEffect(function () {
+    var newCurTime = new Date();
+
+    if (curTime != DATEDEFAULT && !!user) {
+      dispatch(marioCore.initAmplitude({
+        name: user.email,
+        event: "general: duration",
+        duration_since: newCurTime.getTime() - curTime.getTime(),
+        last_page: pathName.replace("/", "")
+      }));
+    }
+
+    setPathName(location.pathname);
+    setCurTime(newCurTime);
+  }, [location.pathname]);
   React.useEffect(function () {
     checkAuthentication();
   }, []);
@@ -1441,7 +1642,7 @@ var MainLayout = function MainLayout(_ref) {
   return React__default.createElement("div", {
     className: "font-family-lato",
     style: {
-      overflow: 'hidden'
+      overflow: "hidden"
     }
   }, path !== "/notifications" ? React__default.createElement(HeaderSideBar, {
     navigations: authNavigations
@@ -1627,90 +1828,6 @@ var TodaySchedule = function TodaySchedule(_ref) {
   }) : null, isLoading && React__default.createElement(Loading, null));
 };
 
-function _extends() {
-  _extends = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-
-  return _extends.apply(this, arguments);
-}
-
-function _objectDestructuringEmpty(obj) {
-  if (obj == null) throw new TypeError("Cannot destructure undefined");
-}
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-
-  return target;
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) {
-  if (!raw) {
-    raw = strings.slice(0);
-  }
-
-  strings.raw = raw;
-  return strings;
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-
-  return arr2;
-}
-
-function _createForOfIteratorHelperLoose(o, allowArrayLike) {
-  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
-  if (it) return (it = it.call(o)).next.bind(it);
-
-  if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
-    if (it) o = it;
-    var i = 0;
-    return function () {
-      if (i >= o.length) return {
-        done: true
-      };
-      return {
-        done: false,
-        value: o[i++]
-      };
-    };
-  }
-
-  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
 var _templateObject;
 var StyleWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    .fc-col-header {\n        width: 100% !important;\n    }\n    .fc-daygrid-body, .fc-scrollgrid-sync-table {\n        width: 100% !important;\n    }\n    .fc-toolbar-title, \n    .fc-col-header-cell-cushion, \n    .fc-event-title, \n    .fc-daygrid-day-number, \n    .fc-daygrid-more-link {\n        font-family: 'Open Sans', sans-serif !important;\n    }\n"])));
 
@@ -2082,9 +2199,9 @@ var InputComponent = function InputComponent(_ref) {
       }, isAddIcon && React__default.createElement(AddCircleIcon, {
         className: styleIndex["icon-btn"],
         onClick: function onClick() {
-          !!handleAddItem && valueText !== "" && !disabled && handleAddItem();
+          !!handleAddItem && (valueText === null || valueText === void 0 ? void 0 : valueText.trim()) !== "" && !disabled && handleAddItem();
         },
-        color: valueText ? "primary" : "disabled"
+        color: valueText !== null && valueText !== void 0 && valueText.trim() ? "primary" : "disabled"
       }))
     }
   })))));
@@ -3758,6 +3875,7 @@ var UPLOAD_FILE_URL = marioCore.BASE_URL + "/api/file";
 var GENERAL_EDUCATION_TEACHER = marioCore.BASE_URL + "/api/generalEducationTeacher";
 var CHECK_EMAIL = marioCore.BASE_URL + "/api/Teacher/current/student/check-email";
 var NOTE_URL = marioCore.BASE_URL + "/api/myNote";
+var DESIGNATION_URL = marioCore.BASE_URL + "/api/designation";
 var uploadFileIEPVersion = function uploadFileIEPVersion(studentId, formData) {
   return marioCore.api.post(UPLOAD_FILE_URL + "/system/iep-version-old?studentId=" + studentId, formData);
 };
@@ -3922,6 +4040,12 @@ var getNoteByStudentId = function getNoteByStudentId(studentId) {
     }
   });
 };
+var getAllDesginations = function getAllDesginations() {
+  return marioCore.api.get(DESIGNATION_URL + "/all");
+};
+var downloadTemplateFile = function downloadTemplateFile() {
+  return marioCore.api.get(TEACHER_URL$1 + "/download-template-file");
+};
 
 var useChangeRoteQuestion = function useChangeRoteQuestion() {
   var dispatch = reactRedux.useDispatch();
@@ -3977,7 +4101,7 @@ var useChangeRoteQuestion = function useChangeRoteQuestion() {
   };
 };
 
-var _excluded = ["children", "value", "index"];
+var _excluded$1 = ["children", "value", "index"];
 var SimpleDialog = function SimpleDialog(props) {
   var onClose = props.onClose,
       selectedValue = props.selectedValue,
@@ -4005,7 +4129,7 @@ var TabPanel = function TabPanel(props) {
   var children = props.children,
       value = props.value,
       index = props.index,
-      other = _objectWithoutPropertiesLoose(props, _excluded);
+      other = _objectWithoutPropertiesLoose(props, _excluded$1);
 
   return React__default.createElement("div", Object.assign({
     role: "tabpanel",
@@ -6218,7 +6342,7 @@ var caculateHeaderFont$1 = function caculateHeaderFont(defaultFont) {
   return 24;
 };
 
-var _excluded$1 = ["children", "value", "index"];
+var _excluded$2 = ["children", "value", "index"];
 var SimpleDialog$1 = function SimpleDialog(props) {
   var onClose = props.onClose,
       selectedValue = props.selectedValue,
@@ -6246,7 +6370,7 @@ var TabPanel$1 = function TabPanel(props) {
   var children = props.children,
       value = props.value,
       index = props.index,
-      other = _objectWithoutPropertiesLoose(props, _excluded$1);
+      other = _objectWithoutPropertiesLoose(props, _excluded$2);
 
   return React__default.createElement("div", Object.assign({
     role: "tabpanel",
@@ -8536,6 +8660,69 @@ var SingleChoiceComponent = function SingleChoiceComponent(_ref) {
   })));
 };
 
+var describeQuestion = [{
+  key: "<p>Well-being</p>",
+  value: "Well-being is feeling good mentally (in your head) and physically (in your body). Do you have habits and routines that help you look after yourself? Some people boost their well-being by eating healthily, being active, spending time with friends and family, doing things they enjoy, or helping others. "
+}, {
+  key: "<p>Growth</p>",
+  value: "Growth is all about becoming the best version of yourself. This is done through learning, trying new things, working hard, and taking risks. Are you happy with the progress you are making towards your goals and in other areas of your life? "
+}, {
+  key: "<p>Relationships</p>",
+  value: "Relationships are connections with other people. Good relationships have trust, respect, honesty, and safety. How are you getting on with family, friends, and teachers? Do you have relationships that bring you happiness and people you can talk to?"
+}, {
+  key: "<p>Productivity</p>",
+  value: "Productivity is about getting things done in a way that is smarter, not harder. This means you know what needs to be done and how you're going to do it. While doing your work today, were you able to help yourself stay focused and finish the task?"
+}, {
+  key: "<p>Academics</p>",
+  value: "Academics relate to your learning, through work you do at school and home. Are you doing your classwork and homework every day? Do your grades show your teachers, parents, and even yourself how hard you are working to learn? "
+}, {
+  key: "<p>Self-efficacy</p>",
+  value: "Self-efficacy is when you believe in yourself and that you can do something well. Are you happy with something you have done well today? Do you think you can be successful in what you have to do today? "
+}, {
+  key: "<p>Focus</p>",
+  value: "Focus is when you pay attention to a task or a person and don't get distracted. If you're trying to focus on your teacher, then you are only thinking about what the teacher is saying. Have you been able to stay on task today? Can you clear your mind to do your work? "
+}, {
+  key: "<p>Happiness</p>",
+  value: "Happiness is a good feeling that can come from anything you enjoy or from generally being satisfied with the way your life is going. While it's not possible to be happy all the time, you can always find something to be happy about. Has there been a moment that made you smile today? What things/people/activities bring you joy and make you feel good?"
+}, {
+  key: "<p>Safety</p>",
+  value: "When you feel safe, you are not scared or in danger. It means you are comfortable and happy at home, at school, and wherever your normal activities take you. Are you able to be yourself? Do you feel like people care about you and that your thoughts and feelings matter?   "
+}, {
+  key: "<p>Stress</p>",
+  value: "Stress is a feeling people get when they are worried, scared, or don't know what to do. You may feel powerless or like you have too many things to manage when you are stressed. Are you feeling overwhelmed or worried? How do you feel about your stress level at the moment? "
+}, {
+  key: "<p>Are you Ready to Learn?</p>",
+  value: "After looking at your answers today, are you ready to do what's asked of you in class or do you need help to get in a good place to learn? Being ready to learn means your mind and body are working together to prepare you to learn new things and deepen your understanding of the learning already covered."
+}, {
+  key: "<p>How much did you learn from this session?</p>",
+  value: "How helpful was our conversation today?"
+}, {
+  key: "<p>What is your level of pride in yourself today?</p>",
+  value: "Being proud of yourself is when you feel good about something you did or who you are as a person. How satisfied or happy are you about your actions today?  "
+}, {
+  key: "<p>What is the most important thing you learned from this session?</p>",
+  value: "What is the one thing you are going to keep doing well or start doing differently? OR What is one thing you learned about yourself, others, or the world around you?"
+}, {
+  key: "<p>Energy</p>",
+  value: "Energy provides the strength and power to do something. This can be something physical, like running a race, or mental, like taking an assessment. Do you feel like you have enough energy to get through the day? How do you feel about your energy levels at the moment? "
+}];
+
+var theme = core.createTheme({
+  overrides: {
+    MuiTooltip: {
+      tooltip: {
+        fontSize: "14px",
+        color: "#FFFFFF",
+        backgroundColor: "#156DA1",
+        padding: "10px 15px"
+      },
+      arrow: {
+        color: "#156DA1"
+      }
+    }
+  }
+});
+
 var QuestionComponent = function QuestionComponent(_ref) {
   var questionItemName = _ref.questionItemName,
       minText = _ref.minText,
@@ -8625,16 +8812,37 @@ var QuestionComponent = function QuestionComponent(_ref) {
     }
   };
 
+  var handleRenderDescribe = function handleRenderDescribe(key) {
+    var _describeQuestion$fin;
+
+    return ((_describeQuestion$fin = describeQuestion.find(function (r) {
+      return r.key === key;
+    })) === null || _describeQuestion$fin === void 0 ? void 0 : _describeQuestion$fin.value) || null;
+  };
+
   var screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
+  var dangerouslySetInnerHTML = (questionItemName === null || questionItemName === void 0 ? void 0 : questionItemName.split("\n")) || [];
   return screenWidth > 600 ? React__default.createElement("div", {
     className: styleIndex["question-block"] + " " + styleIndex[classFontSize]
   }, React__default.createElement("div", {
     className: styleIndex["question-text"]
-  }, React__default.createElement("div", {
-    className: styleIndex["font-question"],
-    dangerouslySetInnerHTML: {
-      __html: questionItemName
-    }
+  }, dangerouslySetInnerHTML.map(function (r, index) {
+    return React__default.createElement("div", {
+      className: "" + styleIndex["box-title-question"]
+    }, React__default.createElement("div", {
+      className: "" + (index > 0 ? styleIndex["font-description"] : styleIndex["font-question"]),
+      dangerouslySetInnerHTML: {
+        __html: r
+      }
+    }), !!handleRenderDescribe(r) && React__default.createElement(core.MuiThemeProvider, {
+      theme: theme
+    }, React__default.createElement(core.Tooltip, {
+      arrow: true,
+      title: handleRenderDescribe(r) || "",
+      className: "" + styleIndex["tooltip-question"]
+    }, React__default.createElement("i", {
+      className: "fal fa-info-circle"
+    }))));
   })), React__default.createElement("div", {
     className: styleIndex["question-slider"]
   }, renderQuestion(questionTypeId))) : React__default.createElement("div", {
@@ -9678,7 +9886,7 @@ var useProfileDialog = function useProfileDialog() {
   };
 };
 
-var _excluded$2 = ["children", "value", "index"];
+var _excluded$3 = ["children", "value", "index"];
 var screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
 var DEFAULT_USER_AVATAR$4 = "/images/image-default.png";
 var useStyles$6 = styles$O.makeStyles(function () {
@@ -9775,7 +9983,7 @@ var TabPanel$2 = function TabPanel(props) {
   var children = props.children,
       value = props.value,
       index = props.index,
-      other = _objectWithoutPropertiesLoose(props, _excluded$2);
+      other = _objectWithoutPropertiesLoose(props, _excluded$3);
 
   return React__default.createElement("div", Object.assign({
     role: "tabpanel",
@@ -13377,7 +13585,9 @@ var BookSession = function BookSession() {
         setCheckCreateSession(true);
         if (isTeacher && !studentId || studentId === -1) throw new Error("Please provider a valid student");
         if (!checkTimePast) throw new Error("Invalid time");
-        return Promise.resolve(createSession(data)).then(function () {
+        return Promise.resolve(createSession(_extends({}, data, {
+          studentId: studentId
+        }))).then(function () {
           dispatch(marioCore.setAlert({
             type: "success",
             message: "Session booked successfully"
@@ -15845,7 +16055,7 @@ function _inheritsLoose(subClass, superClass) {
   _setPrototypeOf(subClass, superClass);
 }
 
-var _excluded$3 = ["className", "cssModule", "size", "bordered", "borderless", "striped", "dark", "hover", "responsive", "tag", "responsiveTag", "innerRef"];
+var _excluded$4 = ["className", "cssModule", "size", "bordered", "borderless", "striped", "dark", "hover", "responsive", "tag", "responsiveTag", "innerRef"];
 var propTypes$1 = {
   className: propTypes.string,
   cssModule: propTypes.object,
@@ -15878,7 +16088,7 @@ var Table = function Table(props) {
       Tag = props.tag,
       ResponsiveTag = props.responsiveTag,
       innerRef = props.innerRef,
-      attributes = _objectWithoutPropertiesLoose$1(props, _excluded$3);
+      attributes = _objectWithoutPropertiesLoose$1(props, _excluded$4);
 
   var classes = mapToCssModules(classnames(className, 'table', size ? 'table-' + size : false, bordered ? 'table-bordered' : false, borderless ? 'table-borderless' : false, striped ? 'table-striped' : false, dark ? 'table-dark' : false, hover ? 'table-hover' : false), cssModule);
   var table = /*#__PURE__*/React__default.createElement(Tag, _extends$1({}, attributes, {
@@ -15899,7 +16109,7 @@ var Table = function Table(props) {
 Table.propTypes = propTypes$1;
 Table.defaultProps = defaultProps;
 
-var _excluded$4 = ["className", "cssModule", "type", "bsSize", "valid", "invalid", "tag", "addon", "plaintext", "innerRef"];
+var _excluded$5 = ["className", "cssModule", "type", "bsSize", "valid", "invalid", "tag", "addon", "plaintext", "innerRef"];
 var propTypes$2 = {
   children: propTypes.node,
   type: propTypes.string,
@@ -15958,7 +16168,7 @@ var Input = /*#__PURE__*/function (_React$Component) {
         addon = _this$props.addon,
         plaintext = _this$props.plaintext,
         innerRef = _this$props.innerRef,
-        attributes = _objectWithoutPropertiesLoose$1(_this$props, _excluded$4);
+        attributes = _objectWithoutPropertiesLoose$1(_this$props, _excluded$5);
 
     var checkInput = ['radio', 'checkbox'].indexOf(type) > -1;
     var isNotaNumber = new RegExp('\\D', 'g');
@@ -16014,7 +16224,7 @@ var Input = /*#__PURE__*/function (_React$Component) {
 Input.propTypes = propTypes$2;
 Input.defaultProps = defaultProps$1;
 
-var _excluded$5 = ["className", "cssModule", "hidden", "widths", "tag", "check", "size", "for"];
+var _excluded$6 = ["className", "cssModule", "hidden", "widths", "tag", "check", "size", "for"];
 var colWidths = ['xs', 'sm', 'md', 'lg', 'xl'];
 var stringOrNumberProp = propTypes.oneOfType([propTypes.number, propTypes.string]);
 var columnProps = propTypes.oneOfType([propTypes.bool, propTypes.string, propTypes.number, propTypes.shape({
@@ -16062,7 +16272,7 @@ var Label = function Label(props) {
       check = props.check,
       size = props.size,
       htmlFor = props.for,
-      attributes = _objectWithoutPropertiesLoose$1(props, _excluded$5);
+      attributes = _objectWithoutPropertiesLoose$1(props, _excluded$6);
 
   var colClasses = [];
   widths.forEach(function (colWidth, i) {
@@ -16353,6 +16563,42 @@ var useStudentList$1 = function useStudentList() {
     return hTime;
   };
 
+  var downloadTemplate = function downloadTemplate() {
+    try {
+      var _temp15 = function _temp15() {
+        dispatch(marioCore.setLoading(false));
+      };
+
+      dispatch(marioCore.setLoading(true));
+
+      var _temp16 = _catch(function () {
+        return Promise.resolve(downloadTemplateFile()).then(function (res) {
+          var data = new Blob([res.data.content], {
+            type: 'text/csv'
+          });
+          var fileURL = window.URL.createObjectURL(data);
+          var a = document.createElement("a");
+          a.href = fileURL;
+          a.setAttribute("download", res.data.nameFile);
+          a.click();
+          dispatch(marioCore.setAlert({
+            type: "success",
+            message: "Download successfully"
+          }));
+        });
+      }, function (err) {
+        dispatch(marioCore.setAlert({
+          type: "danger",
+          message: err.message
+        }));
+      });
+
+      return Promise.resolve(_temp16 && _temp16.then ? _temp16.then(_temp15) : _temp15(_temp16));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+
   React.useEffect(function () {
     getData();
   }, [filters]);
@@ -16371,7 +16617,8 @@ var useStudentList$1 = function useStudentList() {
     setAssistantId: setAssistantId,
     setStudentAssistant: setStudentAssistant,
     isRoleTeacherAndAssistant: isRoleTeacherAndAssistant,
-    nameTeacherAssistant: nameTeacherAssistant
+    nameTeacherAssistant: nameTeacherAssistant,
+    downloadTemplate: downloadTemplate
   };
 };
 
@@ -16484,7 +16731,8 @@ var StudentList = function StudentList() {
       onSubmitAssistant = _useStudentList.onSubmitAssistant,
       setStudentAssistant = _useStudentList.setStudentAssistant,
       isRoleTeacherAndAssistant = _useStudentList.isRoleTeacherAndAssistant,
-      nameTeacherAssistant = _useStudentList.nameTeacherAssistant;
+      nameTeacherAssistant = _useStudentList.nameTeacherAssistant,
+      downloadTemplate = _useStudentList.downloadTemplate;
 
   var classes = useStyles();
   var history = reactRouterDom.useHistory();
@@ -16631,6 +16879,12 @@ var StudentList = function StudentList() {
       event.target.value = null;
     }
   }), React__default.createElement(Label, {
+    role: "button",
+    className: "mr-3",
+    onClick: function onClick() {
+      return downloadTemplate();
+    }
+  }, React__default.createElement("p", null, "Download Template ", React__default.createElement(ImportIcon, null))), React__default.createElement(Label, {
     htmlFor: "uploadFile",
     role: "button",
     tabIndex: 0
@@ -16879,7 +17133,7 @@ var StudentList = function StudentList() {
     }, convertTimeSecond(row.totalTime)), isTeacher && React__default.createElement(core.TableCell, {
       align: "center",
       className: "" + myStudent["row_type"]
-    }, !!row.assistantName || isRoleTeacherAndAssistant && row.isWorkAsAssistant ? React__default.createElement("span", {
+    }, !!row.assistantName || isRoleTeacherAndAssistant && row.assistantName ? React__default.createElement("span", {
       className: "" + myStudent["time"]
     }, React__default.createElement("span", {
       style: {
@@ -17032,7 +17286,7 @@ var MyStudent = function MyStudent() {
   return React__default.createElement("div", null, React__default.createElement(StudentList, null));
 };
 
-var _excluded$6 = ["children", "value", "index"];
+var _excluded$7 = ["children", "value", "index"];
 var EVENT_LOG_TAB = [{
   tabName: "PLP",
   pageName: "PLP"
@@ -17042,7 +17296,7 @@ var TabPanel$3 = function TabPanel(props) {
   var children = props.children,
       value = props.value,
       index = props.index,
-      other = _objectWithoutPropertiesLoose(props, _excluded$6);
+      other = _objectWithoutPropertiesLoose(props, _excluded$7);
 
   return React__default.createElement("div", Object.assign({
     role: "tabpanel",
@@ -17249,7 +17503,7 @@ var StudentTabs = function StudentTabs(props) {
 
 var styles$7 = {"box-overview":"_3uYAt","overview-left":"_1V3nf","overview-schedule":"_2AQxk","overview-partner-profiles":"_J8fJn","show-arrange-today":"_1qCwl","font-large":"_vX7SW","title-box":"_175nT","content-box":"_fEaRj","font-small":"_3QEPF","gr-date-time":"_1clLN","date-picker-overview":"_1RV8f","date-time":"_286sF","box":"_2QGnx","overview-right":"_3sc5l","pie-chart-box":"_13FnU","readiness-to-learn":"_21Iny","readiness-to-learn-box":"_177Fz","accordion-item":"_2UlJW","collap-box":"_l-kLp","title-overview":"_3aapW","width-90":"_2wWhs","height-13vh":"_2WNUe","chartDataAndLabelData":"_1jSN5","date-picker-mobile":"_3F0Tm","date-picker-to":"_3140u","box-overview-desktop":"_2tZC3","box-overview-mobile":"_39vGN","overview-mobile":"_3e_xC","border-chart":"_1081B","border-chart-top":"_2N1Xp","class-schedule":"_357lC"};
 
-var styles$8 = {"box":"_1Gw8i","goal-card":"_1jL2C","goal-card-item":"_2q6Jl","left-item":"_4pljN","title-item":"_UyJJC","description-item":"_1vD4_","right-item":"_2_cth","category-item":"_Ir2t4","status-item":"_KlwFr","completed":"_3KX9R","in-progress":"_3uKru","inactive":"_3xn_A","about-header":"_6yaJW","about-header-left":"_1WPpp","about-header-right":"_3f3Jr","btn-box":"_1gpWP","btn-delete":"_hDvhF","box-body":"_12xB1","select-option":"_1R60X","about-select":"_1Saet","about-select-box":"_htNcj","about-select-switch":"_2jl3g","list":"_1UciI","list-item":"_23pHy","item-name":"_3OZr_","detail":"_1aWxh","detail-item":"_3w-gW","goal-type":"_N5IAL","right-item-view-container":"_tOmgJ","right-item-view":"_3KxkK","status-box":"_3y2ts","size-check-point":"_2p5xO","box-content":"_1qog7","box-detail":"_34x4Y","box-detail-top":"_OCGzU","content-title":"_3n8Ym","title":"_3GtSy","content":"_2ehnh","err-message":"_3Gf3H","goal-form":"_e5B2A","goal-form-input":"_1wAWv","dialog-box-button":"_hor2Q","dialog-button-add":"_2oVq-","dialog-button-cancel":"_3o2FD","header-dialog":"_FMoSF","dialog-body":"_2wDRF","message-item":"_piBW5","icon-delete":"_1gaoX","block1-survey":"_1DfBV","block-step":"_22x1C","step-active":"_1rICV","back-step":"_DRPKF","box-text":"_5C51T","text-point":"_2lKpt","text-description":"_3h6aC","text-time":"_2w2ZD","done-icon":"_1By2Z","cursor-icon":"_xF74l","box-table-draggable":"_2o-8F","draggable-header":"_5W2Fg","icon-bottom":"_2PHt1","delete-box":"_c9TZq","fit-content":"_2TkuX","box-title-upload":"_2sO-2","title-upload":"_1Y93b","description-upload":"_3MlDb","box-select":"_3znlu","left-file-box":"_yCdmh","file-box":"_30PED","file-name":"_3o3-9","file-icon":"_EcMhp","cancel-icon":"_20zNl","icon-btn":"_2hccP","box-header":"_1lFaB","box-header-title":"_3O23t","box-header-button":"_1Bb3d","box-header-button-name":"_3BZZP","box-header-button-icon":"_37odR","box-header-item":"_1RM3i","item-title":"_1RDj7","item-right":"_3Wl2k","item-description":"_23ld8","box-items":"_Nyi4t","font-large":"_1TgXi","box-status":"_2qZ3K","font-small":"_35dhf","box-progress-item":"_P01if","status-item-margin":"_1XhVj","goals-box":"_2eBS9","step-icon":"_1OOBH","icon":"_3oCcd","cancel":"_3WgsP","active":"_1qDbH","dot":"_1vcUH","btn-to-detail":"_2s5wv","baseline-group":"_1LPsk","btn-add-mobile":"_3x6zJ","m-20":"_2s_iW","btn-delete-mobile":"_2nQLI","box-nodata-goal":"_23F1r","title-mobile":"_338pu","status":"_3OjOB","item-box":"_1S1IR","goal-card-item-mobile":"_3j7-c","select-edit-learning-tablet":"_hXd7q","select-edit-learning-tablet-student":"_1guxI","button-view-goal":"_3fdc_","btn-inActive":"_1EunQ","status-title":"_2FFkv","drag-header":"_3qKQq","drag-content-hidden":"_3qI-Z"};
+var styles$8 = {"box":"_1Gw8i","baseline-content":"_14qnB","btn-add-baseline-dissable":"_3OC-7","goal-card":"_1jL2C","goal-card-item":"_2q6Jl","left-item":"_4pljN","title-item":"_UyJJC","description-item":"_1vD4_","right-item":"_2_cth","category-item":"_Ir2t4","status-item":"_KlwFr","completed":"_3KX9R","in-progress":"_3uKru","inactive":"_3xn_A","about-header":"_6yaJW","about-header-left":"_1WPpp","about-header-right":"_3f3Jr","btn-box":"_1gpWP","btn-delete":"_hDvhF","box-body":"_12xB1","select-option":"_1R60X","about-select":"_1Saet","about-select-box":"_htNcj","about-select-switch":"_2jl3g","list":"_1UciI","list-item":"_23pHy","item-name":"_3OZr_","detail":"_1aWxh","detail-item":"_3w-gW","goal-type":"_N5IAL","right-item-view-container":"_tOmgJ","right-item-view":"_3KxkK","status-box":"_3y2ts","size-check-point":"_2p5xO","box-content":"_1qog7","box-detail":"_34x4Y","box-detail-top":"_OCGzU","content-title":"_3n8Ym","title":"_3GtSy","content":"_2ehnh","err-message":"_3Gf3H","goal-form":"_e5B2A","goal-form-input":"_1wAWv","dialog-box-button":"_hor2Q","dialog-button-add":"_2oVq-","dialog-button-cancel":"_3o2FD","header-dialog":"_FMoSF","dialog-body":"_2wDRF","message-item":"_piBW5","icon-delete":"_1gaoX","block1-survey":"_1DfBV","block-step":"_22x1C","step-active":"_1rICV","back-step":"_DRPKF","box-text":"_5C51T","text-point":"_2lKpt","text-description":"_3h6aC","text-time":"_2w2ZD","done-icon":"_1By2Z","cursor-icon":"_xF74l","box-table-draggable":"_2o-8F","draggable-header":"_5W2Fg","icon-bottom":"_2PHt1","delete-box":"_c9TZq","fit-content":"_2TkuX","box-title-upload":"_2sO-2","title-upload":"_1Y93b","description-upload":"_3MlDb","box-select":"_3znlu","left-file-box":"_yCdmh","file-box":"_30PED","file-name":"_3o3-9","file-icon":"_EcMhp","cancel-icon":"_20zNl","icon-btn":"_2hccP","box-header":"_1lFaB","box-header-title":"_3O23t","box-header-button":"_1Bb3d","box-header-button-name":"_3BZZP","box-header-button-icon":"_37odR","box-header-item":"_1RM3i","item-title":"_1RDj7","item-right":"_3Wl2k","item-description":"_23ld8","box-items":"_Nyi4t","font-large":"_1TgXi","box-status":"_2qZ3K","font-small":"_35dhf","box-progress-item":"_P01if","status-item-margin":"_1XhVj","goals-box":"_2eBS9","step-icon":"_1OOBH","icon":"_3oCcd","cancel":"_3WgsP","active":"_1qDbH","dot":"_1vcUH","btn-to-detail":"_2s5wv","baseline-group":"_1LPsk","btn-add-mobile":"_3x6zJ","m-20":"_2s_iW","btn-delete-mobile":"_2nQLI","box-nodata-goal":"_23F1r","title-mobile":"_338pu","status":"_3OjOB","item-box":"_1S1IR","goal-card-item-mobile":"_3j7-c","select-edit-learning-tablet":"_hXd7q","select-edit-learning-tablet-student":"_1guxI","button-view-goal":"_3fdc_","btn-inActive":"_1EunQ","status-title":"_2FFkv","drag-header":"_3qKQq","drag-content-hidden":"_3qI-Z"};
 
 var STUDENT_URL$1 = marioCore.BASE_URL + "/api/Student";
 var GOAL_URL = marioCore.BASE_URL + "/api/Goal";
@@ -17402,6 +17656,23 @@ function CheckPoint(_ref) {
   }));
 }
 
+var StatusDefault = [{
+  key: "Active",
+  value: "Active"
+}, {
+  key: "InProgress",
+  value: "In progress"
+}, {
+  key: "NotYetStarted",
+  value: "Not yet started"
+}];
+var handleShowStatus = function handleShowStatus(status) {
+  var result = StatusDefault.find(function (r) {
+    return r.key === status;
+  });
+  return result === null || result === void 0 ? void 0 : result.value;
+};
+
 var GoalProgress = function GoalProgress(props) {
   var studentId = props.studentId,
       classFontSize = props.classFontSize;
@@ -17471,7 +17742,7 @@ var GoalProgress = function GoalProgress(props) {
       className: "" + styles$8["box-status"]
     }, React__default.createElement(core.Typography, {
       className: styles$8["status-item"] + "\n                                " + styles$8["status-item-margin"] + "\n                                " + styles$8[i.status === "Completed" ? "completed" : i.status === "NotYetStarted" ? "inactive" : "in-progress"]
-    }, i.status === "InProgress" ? "In Progress" : i.status), React__default.createElement(core.Typography, {
+    }, handleShowStatus(i.status)), React__default.createElement(core.Typography, {
       className: "" + styles$8["category-item"]
     }, i.source)));
   }) : null);
@@ -17576,7 +17847,7 @@ var MyNote = function MyNote(props) {
   }) : null);
 };
 
-var _excluded$7 = ["children", "value", "index"];
+var _excluded$8 = ["children", "value", "index"];
 var DEFAULT_USER_AVATAR$7 = "/images/image-default.png";
 var screenWidth$1 = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
 var useStyles$a = styles$O.makeStyles(function () {
@@ -17685,7 +17956,7 @@ var TabPanel$4 = function TabPanel(props) {
   var children = props.children,
       value = props.value,
       index = props.index,
-      other = _objectWithoutPropertiesLoose(props, _excluded$7);
+      other = _objectWithoutPropertiesLoose(props, _excluded$8);
 
   return React__default.createElement("div", Object.assign({
     role: "tabpanel",
@@ -18919,6 +19190,9 @@ var ReadinessToLearn = function ReadinessToLearn(_ref) {
 
 var styles$b = {"chart-one-to-one":"_1sc2P","header-chart-one-to-one":"_14jsg","header-right":"_cwDAr","title":"_34b83","gr-date-time":"_382Go","date-time-start":"_1Pawo","date-time-end":"_16LVQ","date-time":"_ZdRKi","text":"_ptF0O","text-to":"_hlkTl","apexcharts-legend":"_2EMC9","apx-legend-position-top":"_1Ojwo","apexcharts-align-center":"_12O6U","font-large":"_29eqh","chart-label":"_3f0nE","chart-content":"_3eAPT","font-small":"_3REW-","box-chart":"_2K3qC","box-chart-small":"_3fuHY","chart-label-one-1-one":"_3vpT7","chart-label-class-reflection":"_yJtRg","chart-label-learning":"_2bopc"};
 
+var domainName$2 = window.location.hostname;
+var isCheckDomainRubyoung$2 = domainName$2.includes('rubyyoung');
+
 var ChartOneToOne = function ChartOneToOne(_ref) {
   var title = _ref.title,
       series = _ref.series,
@@ -18931,7 +19205,7 @@ var ChartOneToOne = function ChartOneToOne(_ref) {
       classFontSize = _ref.classFontSize;
   var screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
   return React__default.createElement("div", {
-    className: styles$b["chart-one-to-one"] + " " + styles$b[classFontSize] + " chart-format"
+    className: styles$b["chart-one-to-one"] + " " + styles$b[classFontSize] + " " + (!isCheckDomainRubyoung$2 && "chart-format")
   }, React__default.createElement("div", {
     className: "" + styles$b["header-chart-one-to-one"]
   }, React__default.createElement(core.Typography, {
@@ -20457,6 +20731,9 @@ var useLearningProgress = function useLearningProgress(studentId) {
   };
 };
 
+var domainName$3 = window.location.hostname;
+var isCheckDomainRubyoung$3 = domainName$3.includes('rubyyoung');
+
 var ChartOverview = function ChartOverview(props) {
   var studentId = props.studentId,
       isPlp = props.isPlp;
@@ -20561,7 +20838,7 @@ var ChartOverview = function ChartOverview(props) {
     container: true,
     className: isPlp && styles$7["border-chart"]
   }, React__default.createElement(ChartOneToOne, {
-    title: "One To One",
+    title: isCheckDomainRubyoung$3 ? "1-to-1" : "One To One",
     studentId: studentId,
     handleChangeStartDate: handleChangeStartDate,
     handleChangeEndDate: handleChangeEndDate,
@@ -20579,7 +20856,7 @@ var ChartOverview = function ChartOverview(props) {
     container: true,
     className: isPlp && styles$7["border-chart"]
   }, React__default.createElement(ChatClassReflection, {
-    title: "Class Reflection",
+    title: isCheckDomainRubyoung$3 ? "Reflection" : "Class Reflection",
     seriesChartClassReflection: seriesChartClassReflection,
     optionClassReflection: optionClassReflection,
     widthChartClassReflection: widthChartClassReflection,
@@ -23428,7 +23705,6 @@ var styles$g = {"about-box":"_FH_-Y","about-header":"_MqLnI","about-header-left"
 
 var STUDENT_URL$3 = marioCore.BASE_URL + "/api/Student";
 var ADDITIONAL_THING = marioCore.BASE_URL + "/api/StudentAdditionalThing";
-var SUCCESSSFULL_LEARNING_STRAGEGY = marioCore.BASE_URL + "/api/SuccessfulLearningStrategy";
 var createItem$1 = function createItem(data, studentId) {
   return marioCore.api.post(ADDITIONAL_THING + "/" + studentId, data);
 };
@@ -23452,9 +23728,6 @@ var allowEdit$3 = function allowEdit(id, data) {
 var getAllowEdit$3 = function getAllowEdit(id) {
   return marioCore.api.get(STUDENT_URL$3 + "/" + id + "/allowEditGoal");
 };
-var getAllBestFits = function getAllBestFits() {
-  return marioCore.api.get(SUCCESSSFULL_LEARNING_STRAGEGY + "/allBestFit");
-};
 
 var defaultFontLarge$g = 20;
 var defaultFontSmall$g = 12;
@@ -23626,8 +23899,7 @@ var useThingTeachersCanHelp = function useThingTeachersCanHelp() {
       var _temp12 = _catch(function () {
         return Promise.resolve(updateItem$1(id, _extends({}, data, {
           studentId: isTeacher || isParent ? parseInt(studentId) : currentId
-        }))).then(function (res) {
-          !!res.data && getAll(filters);
+        }))).then(function () {
           dispatch(marioCore.setAlert({
             type: "success",
             message: "Update successfully"
@@ -24875,7 +25147,7 @@ var Goals = function Goals(_ref) {
       className: "" + styles$8["right-item"]
     }, React__default.createElement(core.Typography, {
       className: styles$8["status-item"] + " " + styles$8[i.status === "Completed" ? "completed" : i.status === "NotYetStarted" ? "inactive" : "in-progress"]
-    }, camelCaseToNomal(i.status))));
+    }, handleShowStatus(i.status))));
   }) : null)) : React__default.createElement(React__default.Fragment, null, React__default.createElement("p", {
     className: "" + styles$8["title-mobile"]
   }, "Goals"), React__default.createElement("div", {
@@ -25232,7 +25504,7 @@ var getStudentData = function getStudentData(dispatch, studentId) {
 
 var LEARNING_STRATEGY = marioCore.BASE_URL + "/api/SuccessfulLearningStrategy/learningStrategy";
 var STUDENT_URL$6 = marioCore.BASE_URL + "/api/Student";
-var SUCCESSSFULL_LEARNING_STRAGEGY$1 = marioCore.BASE_URL + "/api/SuccessfulLearningStrategy";
+var SUCCESSSFULL_LEARNING_STRAGEGY = marioCore.BASE_URL + "/api/SuccessfulLearningStrategy";
 var getAllLearningStrategy = function getAllLearningStrategy(filters) {
   return marioCore.api.get("" + LEARNING_STRATEGY, {
     params: filters
@@ -25272,8 +25544,8 @@ var allowEdit$6 = function allowEdit(id, data) {
 var getAllowEdit$6 = function getAllowEdit(id) {
   return marioCore.api.get(STUDENT_URL$6 + "/" + id + "/allowEditGoal");
 };
-var getAllBestFits$1 = function getAllBestFits() {
-  return marioCore.api.get(SUCCESSSFULL_LEARNING_STRAGEGY$1 + "/allBestFit");
+var getAllBestFits = function getAllBestFits() {
+  return marioCore.api.get(SUCCESSSFULL_LEARNING_STRAGEGY + "/allBestFit");
 };
 
 var defaultFontLarge$k = 20;
@@ -35419,13 +35691,13 @@ var ResultReflection = function ResultReflection() {
   })))));
 };
 
-var _excluded$8 = ["children", "value", "index"];
+var _excluded$9 = ["children", "value", "index"];
 
 var TabPanel$5 = function TabPanel(props) {
   var children = props.children,
       value = props.value,
       index = props.index,
-      other = _objectWithoutPropertiesLoose(props, _excluded$8);
+      other = _objectWithoutPropertiesLoose(props, _excluded$9);
 
   return React__default.createElement("div", Object.assign({
     role: "tabpanel",
@@ -36444,6 +36716,8 @@ var StudentHistory = function StudentHistory() {
   }))))));
 };
 
+var domainName$4 = window.location.hostname;
+var isCheckDomainRubyoung$4 = domainName$4.includes('rubyyoung');
 var tabs$3 = [{
   path: "/my-class-reflection/to-do",
   title: "To Do",
@@ -36453,7 +36727,7 @@ var tabs$3 = [{
   title: "History",
   component: StudentHistory
 }];
-var title$2 = "My Class Reflections";
+var title$2 = isCheckDomainRubyoung$4 ? "My Reflections" : "My Class Reflections";
 
 var StudentReflection = function StudentReflection() {
   return React__default.createElement(Box, null, React__default.createElement(StudentReflectionTab, {
@@ -40414,9 +40688,22 @@ var NewLearningPlan = function NewLearningPlan() {
       setInitialValues(_extends({}, cloneData));
     };
 
-    var handleRemoveGoalItem = function handleRemoveGoalItem(index) {
+    var handleRemoveGoalItem = function handleRemoveGoalItem(index, type, goalLearningPlanOder) {
       var cloneData = values;
-      cloneData.goalLearningPlans.splice(index, 1);
+
+      if (type === "Annual" && !!goalLearningPlanOder) {
+        var listGoalByOder = cloneData.goalLearningPlans.filter(function (r) {
+          return r.goalLearningPlanOder === goalLearningPlanOder;
+        });
+        listGoalByOder.forEach(function (x) {
+          return cloneData.goalLearningPlans.splice(cloneData.goalLearningPlans.findIndex(function (n) {
+            return n === x;
+          }), 1);
+        });
+      } else {
+        cloneData.goalLearningPlans.splice(index, 1);
+      }
+
       setInitialValues(_extends({}, cloneData));
     };
 
@@ -40631,19 +40918,19 @@ var NewLearningPlan = function NewLearningPlan() {
       className: "" + myStudent["write-and-date-content"]
     }, "Benchmarks or short-term objectives are required only for children with disabilities who take alternate assessments aligned to alternate achievement standards."), values.goalLearningPlans.some(function (i) {
       return i.goalLearningPlanOder;
-    }) ? values.goalLearningPlans.map(function (e, index) {
+    }) || values.goalLearningPlans.length === 0 ? values.goalLearningPlans.map(function (e, index) {
       return React__default.createElement(pickers.MuiPickersUtilsProvider, {
         utils: MomentUtils
       }, React__default.createElement(core.Grid, {
         className: myStudent["input-write-date"] + " " + myStudent[e.type === "ReportingProgress" ? "objectives" : ""]
       }, React__default.createElement(core.Grid, {
         className: "" + myStudent["input-date"]
-      }, !!values.goalLearningPlans[index].startTime ? React__default.createElement("label", {
+      }, !!values.goalLearningPlans[index].startTime && values.goalLearningPlans[index].type == "Annual" && React__default.createElement("label", {
         className: "" + myStudent["input-date-label"]
-      }, "Enter a date range") : "", React__default.createElement(DatePicker, {
+      }, "Enter a date range"), React__default.createElement(DatePicker, {
         selectsRange: true,
-        startDate: e.startTime ? new Date(e.startTime) : null,
-        endDate: values.goalLearningPlans[index].endTime ? new Date(values.goalLearningPlans[index].endTime) : null,
+        startDate: e.startTime ? new Date(marioCore.utcToLocalTime(e.startTime, "yyyy-MM-DD")) : null,
+        endDate: e.endTime ? new Date(marioCore.utcToLocalTime(e.endTime, "yyyy-MM-DD")) : null,
         onChange: function onChange(date) {
           setFieldValue("goalLearningPlans[" + index + "].startTime", date[0]);
           setFieldValue("goalLearningPlans[" + index + "].endTime", date[1]);
@@ -40663,9 +40950,9 @@ var NewLearningPlan = function NewLearningPlan() {
         onChange: function onChange(text) {
           return setFieldValue("goalLearningPlans[" + index + "].text", text.target.value);
         }
-      }), e.type === "ReportingProgress" && React__default.createElement("img", {
+      }), React__default.createElement("img", {
         onClick: function onClick() {
-          return handleRemoveGoalItem(index);
+          return handleRemoveGoalItem(index, e.type, e.goalLearningPlanOder);
         },
         src: "/teacher-student/icons/delete.png",
         className: "" + myStudent["icon-remove"]
@@ -40693,12 +40980,12 @@ var NewLearningPlan = function NewLearningPlan() {
         className: "" + myStudent["input-write-date"]
       }, React__default.createElement(core.Grid, {
         className: "" + myStudent["input-date"]
-      }, !!values.goalLearningPlans[index].startTime ? React__default.createElement("label", {
+      }, !!values.goalLearningPlans[index].startTime && values.goalLearningPlans[index].type == "Annual" && React__default.createElement("label", {
         className: "" + myStudent["input-date-label"]
-      }, "Enter a date range") : "", React__default.createElement(DatePicker, {
+      }, "Enter a date range"), React__default.createElement(DatePicker, {
         selectsRange: true,
-        startDate: e.startTime ? new Date(e.startTime) : null,
-        endDate: values.goalLearningPlans[index].endTime ? new Date(values.goalLearningPlans[index].endTime) : null,
+        startDate: e.startTime ? new Date(marioCore.utcToLocalTime(e.startTime, "yyyy-MM-DD")) : null,
+        endDate: e.endTime ? new Date(marioCore.utcToLocalTime(e.endTime, "yyyy-MM-DD")) : null,
         onChange: function onChange(date) {
           setFieldValue("goalLearningPlans[" + index + "].startTime", date[0]);
           setFieldValue("goalLearningPlans[" + index + "].endTime", date[1]);
@@ -40744,8 +41031,8 @@ var NewLearningPlan = function NewLearningPlan() {
         className: "" + myStudent["input-date-label"]
       }, "Enter a date range") : "", React__default.createElement(DatePicker, {
         selectsRange: true,
-        startDate: e.startTime ? new Date(e.startTime) : null,
-        endDate: values.goalLearningPlans[index].endTime ? new Date(values.goalLearningPlans[index].endTime) : null,
+        startDate: e.startTime ? new Date(marioCore.utcToLocalTime(e.startTime, "yyyy-MM-DD")) : null,
+        endDate: e.endTime ? new Date(marioCore.utcToLocalTime(e.endTime, "yyyy-MM-DD")) : null,
         onChange: function onChange(date) {
           setFieldValue("goalLearningPlans[" + index + "].startTime", date[0]);
           setFieldValue("goalLearningPlans[" + index + "].endTime", date[1]);
@@ -40768,7 +41055,12 @@ var NewLearningPlan = function NewLearningPlan() {
       })), touched.goalLearningPlans && errors.goalLearningPlans && React__default.createElement(core.Typography, {
         className: "" + myStudent["err-message"]
       }, errors.goalLearningPlans[index] && "Annual goals is a required"));
-    }))), React__default.createElement(core.Grid, {
+    }))), values.goalLearningPlans.length === 0 && React__default.createElement(core.Grid, null, React__default.createElement(core.Typography, {
+      className: "" + myStudent["reporting"],
+      onClick: function onClick() {
+        return handleAddGoalItem(0, "Annual", 1);
+      }
+    }, "Add Goals")), React__default.createElement(core.Grid, {
       className: "" + myStudent["goals-write-and-date"]
     }, React__default.createElement(core.Typography, {
       className: "" + myStudent["write-and-date-title"]
@@ -41222,7 +41514,8 @@ var useUpdateProfile = function useUpdateProfile(studentId) {
             lastNameParent2: res === null || res === void 0 ? void 0 : (_res$data7 = res.data) === null || _res$data7 === void 0 ? void 0 : _res$data7.thirdLastName,
             roleParent2: res === null || res === void 0 ? void 0 : (_res$data8 = res.data) === null || _res$data8 === void 0 ? void 0 : _res$data8.thirdEmailOwner,
             emailParent2: res === null || res === void 0 ? void 0 : (_res$data9 = res.data) === null || _res$data9 === void 0 ? void 0 : _res$data9.thirdEmail,
-            phoneNumberParent2: res === null || res === void 0 ? void 0 : (_res$data10 = res.data) === null || _res$data10 === void 0 ? void 0 : _res$data10.thirdPhone
+            phoneNumberParent2: res === null || res === void 0 ? void 0 : (_res$data10 = res.data) === null || _res$data10 === void 0 ? void 0 : _res$data10.thirdPhone,
+            designationId: res === null || res === void 0 ? void 0 : res.data.designationId
           }));
         });
       }, function (err) {
@@ -41781,6 +42074,46 @@ var ConfirmDelete = function ConfirmDelete(props) {
   }, "YES, DELETE ", React__default.createElement(DeleteIcon, null)))));
 };
 
+var useDesignation = function useDesignation() {
+  var _useState = React.useState([]),
+      designations = _useState[0],
+      setDesignations = _useState[1];
+
+  var dispatch = reactRedux.useDispatch();
+
+  var getDesginations = function getDesginations() {
+    try {
+      var _temp3 = function _temp3() {
+        dispatch(marioCore.setLoading(false));
+      };
+
+      dispatch(marioCore.setLoading(true));
+
+      var _temp4 = _catch(function () {
+        return Promise.resolve(getAllDesginations()).then(function (res) {
+          setDesignations(res.data);
+        });
+      }, function (err) {
+        dispatch(marioCore.setAlert({
+          type: "danger",
+          message: err.message
+        }));
+      });
+
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+
+  React.useEffect(function () {
+    getDesginations();
+  }, []);
+  return {
+    designations: designations
+  };
+};
+
 var DEFAULT_USER_AVATAR$i = "/images/image-default.png";
 var parents = ["Mother", "Father"];
 var gender = ["Male", "Female"];
@@ -41839,6 +42172,9 @@ var UpdateStudentProfile = function UpdateStudentProfile() {
       formikState = _useUpdateProfile.formikState,
       existEmailData = _useUpdateProfile.existEmailData;
 
+  var _useDesignation = useDesignation(),
+      designations = _useDesignation.designations;
+
   var goBack = function goBack() {
     history.push("/student-detail/overview/" + studentId);
   };
@@ -42094,13 +42430,19 @@ var UpdateStudentProfile = function UpdateStudentProfile() {
     }), React__default.createElement(core.Typography, {
       className: "" + styles$p["profile-label"]
     }, "Designation"), React__default.createElement(core.TextField, {
+      select: true,
+      id: "outlined-select-currency",
       variant: "outlined",
-      value: values === null || values === void 0 ? void 0 : values.designation,
-      className: "" + styles$p["input-field"],
+      value: !!(values !== null && values !== void 0 && values.designationId) && (values === null || values === void 0 ? void 0 : values.designationId),
       onChange: function onChange(e) {
-        return setFieldValue("designation", e.target.value);
-      }
-    }), React__default.createElement(core.Typography, {
+        return setFieldValue("designationId", e.target.value);
+      },
+      className: "" + styles$p["input-field"]
+    }, designations.map(function (item) {
+      return React__default.createElement(core.MenuItem, {
+        value: item.id
+      }, item.name);
+    })), React__default.createElement(core.Typography, {
       className: "" + styles$p["profile-label"]
     }, "MTSS"), React__default.createElement(core.Select, {
       variant: "outlined",
@@ -42355,11 +42697,6 @@ var UpdateStudentProfile = function UpdateStudentProfile() {
           lastNameParent2: false,
           emailParent2: false
         });
-        setTouched({
-          firstNameParent1: openAddEditParentModal2,
-          lastNameParent1: openAddEditParentModal2,
-          emailParent1: openAddEditParentModal2
-        });
         handleCloseParentModal2();
       },
       className: "" + styles$p["add-edit-dialog"]
@@ -42632,6 +42969,10 @@ var useCreateStudent = function useCreateStudent() {
       submitData = _useState4[0],
       setSubmitData = _useState4[1];
 
+  console.log({
+    submitData: submitData
+  });
+
   var _useState5 = React.useState(false),
       openAddEditParentModal2 = _useState5[0],
       setOpenAddEditParentModal2 = _useState5[1];
@@ -42831,6 +43172,7 @@ var useCreateStudent = function useCreateStudent() {
 
 var DEFAULT_USER_AVATAR$j = "/images/image-default.png";
 var parents$1 = ["Mother", "Father"];
+var gender$1 = ["Male", "Female"];
 var gradeLevels$1 = ["K", "G", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
 
 var CreateStudent = function CreateStudent() {
@@ -42971,6 +43313,35 @@ var CreateStudent = function CreateStudent() {
       className: "" + styles$q["input-error"]
     }, errors.lastName) : null, React__default.createElement(core.Typography, {
       className: "" + styles$q["profile-label"]
+    }, "Gender"), React__default.createElement(core.Select, {
+      variant: "outlined",
+      value: !!(values !== null && values !== void 0 && values.legalGender) && (values === null || values === void 0 ? void 0 : values.legalGender),
+      onChange: function onChange(e) {
+        return setFieldValue("legalGender", e.target.value);
+      },
+      className: "" + styles$q["input-field"]
+    }, gender$1.map(function (gender) {
+      return React__default.createElement(core.MenuItem, {
+        value: gender
+      }, gender);
+    })), React__default.createElement(core.Typography, {
+      className: "" + styles$q["profile-label"]
+    }, "Date of Birth"), React__default.createElement(pickers.MuiPickersUtilsProvider, {
+      utils: MomentUtils
+    }, React__default.createElement(pickers.KeyboardDatePicker, {
+      inputVariant: "outlined",
+      format: "Do MMM YYYY",
+      id: "time-picker",
+      className: "" + styles$q["input-field"],
+      value: !!(values !== null && values !== void 0 && values.dateOfBirth) ? values === null || values === void 0 ? void 0 : values.dateOfBirth : null,
+      onChange: function onChange(e) {
+        return setFieldValue("dateOfBirth", new Date(e));
+      },
+      KeyboardButtonProps: {
+        "aria-label": "change date"
+      }
+    })), React__default.createElement(core.Typography, {
+      className: "" + styles$q["profile-label"]
     }, "Phone Number"), React__default.createElement(core.TextField, {
       variant: "outlined",
       value: values === null || values === void 0 ? void 0 : values.phone,
@@ -44580,15 +44951,12 @@ var ListPersonalinterrest = function ListPersonalinterrest() {
     },
     value: valueAddActivity,
     onInputChange: function onInputChange(_event, newInputValue) {
-      console.log({
-        newInputValue: newInputValue
-      });
       onChangeSetDataNote(newInputValue);
       setIsCheckChange(true);
     },
     renderInput: function renderInput(params) {
       return React__default.createElement(core.TextField, Object.assign({}, params, {
-        label: "Select an activity",
+        label: "Select personal interest or enter personal interest here",
         variant: "outlined",
         inputProps: _extends({}, params.inputProps)
       }));
@@ -44679,7 +45047,7 @@ var ListPersonalinterrest = function ListPersonalinterrest() {
     },
     renderInput: function renderInput(params) {
       return React__default.createElement(core.TextField, Object.assign({}, params, {
-        label: "Select an activity",
+        label: "Select personal interest or enter personal interest here",
         variant: "outlined",
         inputProps: _extends({}, params.inputProps)
       }));
@@ -45270,7 +45638,7 @@ var AboutMyLearningDialog = function AboutMyLearningDialog(props) {
       },
       renderInput: function renderInput(params) {
         return React__default.createElement(core.TextField, Object.assign({}, params, {
-          label: "Title",
+          label: "Select about learning or enter about learning here",
           variant: "outlined",
           onChange: function onChange(e) {
             setFieldValue("title", e.target.value);
@@ -45696,7 +46064,7 @@ var data = [{
   teachingStrategyId: 2,
   title: "Bite-size Learning",
   detail: "I learn best when my teacher breaks down new learning into smaller pieces of information followed by opportunities to review what I learned and identify gaps in learning.",
-  bestFits: "Short-term Memory, Staying Focused, Impulse Control, Self-Awarencess, Listening, Processing Speed"
+  bestFits: "Short-term Memory, Staying Focused, Impulse Control, Self-Awareness, Listening, Processing Speed"
 }, {
   id: 3,
   teachingStrategyId: 3,
@@ -45726,13 +46094,13 @@ var data = [{
   teachingStrategyId: 7,
   title: "Frequent Check-ins",
   detail: "I learn best when my teacher has frequent, private check-ins to ensure I am on track. This also helps me feel safe and supported in class. (Ideas for check-ins include a sticky note system, silent signal, whisper at desk side, but we can agree on something together).",
-  bestFits: "Stress & Anxiety, Processing Speed, Task Initiation, Developing Ideas, Plannning, Finishing Tasks, Short-term Memory, Staying Focused, Self-Advocacy, Self-Awareness"
+  bestFits: "Stress & Anxiety, Processing Speed, Task Initiation, Developing Ideas, Planning, Finishing Tasks, Short-term Memory, Staying Focused, Self-Advocacy, Self-Awareness"
 }, {
   id: 8,
   teachingStrategyId: 8,
   title: "Develop Rapport",
   detail: "I learn best when my teacher focuses on relationship building, both with teachers and peers - creating a community of care where I feel connected and valued.",
-  bestFits: "Stress & Anxiety, Behavior, Attittude, Confidence"
+  bestFits: "Stress & Anxiety, Behavior, Attitude, Confidence"
 }, {
   id: 9,
   teachingStrategyId: 9,
@@ -45762,7 +46130,7 @@ var data = [{
   teachingStrategyId: 13,
   title: "Non-verbal Cues",
   detail: "I learn best when my teacher redirects me with non-verbal cues to redirect me when possible, rather than verbally redirecting me.",
-  bestFits: "Staying Focused, Self-Awarencess, Attitude, Behavior, Stress & Anxiety, Confidence"
+  bestFits: "Staying Focused, Self-Awareness, Attitude, Behavior, Stress & Anxiety, Confidence"
 }, {
   id: 14,
   teachingStrategyId: 14,
@@ -45780,7 +46148,7 @@ var data = [{
   teachingStrategyId: 16,
   title: "Multimodal Learning",
   detail: "I learn best when my teacher helps us learn through multiple ways, including reading, listening, watching, and doing. Important concepts are not taught just using one way of learning.",
-  bestFits: "Staying Focused, Listening, Reading, Writing, Math, Collabration, Processing Speed"
+  bestFits: "Staying Focused, Listening, Reading, Writing, Math, Collaboration, Processing Speed"
 }, {
   id: 17,
   teachingStrategyId: 17,
@@ -45804,7 +46172,7 @@ var data = [{
   teachingStrategyId: 20,
   title: "Understanding Checks",
   detail: "I learn best when my teacher frequently checks in with me to see if I've understand new learning.",
-  bestFits: "Starting Tasks, Short-term Memory, Staying Focused, Impulse Control, Self-Advocacy, Listening, Processing"
+  bestFits: "Starting Tasks, Short-term Memory, Staying Focused, Impulse Control, Self-Advocacy, Listening, Processing Speed"
 }, {
   id: 21,
   teachingStrategyId: 21,
@@ -45846,7 +46214,7 @@ var data = [{
   teachingStrategyId: 27,
   title: "Sharing Vocabulary",
   detail: "I learn best when my teacher provides new vocabulary words before we cover new information and provides opportunities to learn the vocabulary.",
-  bestFits: "Short-term Memory, Long-term Memory, Listening, Reading, Processing Speed"
+  bestFits: "Short-term Memory, Long Term Memory, Listening, Reading, Processing Speed"
 }, {
   id: 28,
   teachingStrategyId: 28,
@@ -45901,7 +46269,7 @@ var useTeachingStrategiesAdd = function useTeachingStrategiesAdd() {
   var isTeacher = currentUser.roles.includes("Teacher") || currentUser.roles.includes("Assistant");
   var isParent = currentUser.roles.includes("Parent") || currentUser.roles.includes("EduTeacher");
 
-  var _useState = React.useState(["Task Initiation"]),
+  var _useState = React.useState([]),
       bestFits = _useState[0],
       setBestFits = _useState[1];
 
@@ -45934,6 +46302,23 @@ var useTeachingStrategiesAdd = function useTeachingStrategiesAdd() {
     });
   };
 
+  React.useEffect(function () {
+    var arr = [].concat(bestFits);
+    data.forEach(function (item) {
+      item.bestFits.split(", ").forEach(function (i) {
+        return arr.push(i);
+      });
+    });
+    var arrBestFits = [];
+
+    for (var i = 0; i < arr.length; i++) {
+      if (!arrBestFits.includes(arr[i])) {
+        arrBestFits === null || arrBestFits === void 0 ? void 0 : arrBestFits.push(arr[i]);
+      }
+    }
+
+    setBestFits(arrBestFits.sort());
+  }, []);
   React.useEffect(function () {
     var arr = [].concat(data, listData);
     var listStrategoryIds = [];
@@ -46003,7 +46388,6 @@ var useTeachingStrategiesAdd = function useTeachingStrategiesAdd() {
       if (!!data && item && item.teachingStrategyId === null) {
         var indexItem = updateSelectedStrategies.indexOf(item);
         updateSelectedStrategies[indexItem].teachingStrategyId = data.id;
-        updateSelectedStrategies[indexItem].note = data.note;
       }
     } else {
       updateSelectedStrategies[selectedStrategies.indexOf(item)].teachingStrategyId = null;
@@ -46029,6 +46413,7 @@ var useTeachingStrategiesAdd = function useTeachingStrategiesAdd() {
 
     if (updateData.indexOf(foundItem) === -1) {
       updateData.push({
+        teachingStrategyId: null,
         identification: currentItem.id,
         name: currentItem.title,
         content: currentItem.detail,
@@ -46042,33 +46427,6 @@ var useTeachingStrategiesAdd = function useTeachingStrategiesAdd() {
     setSelectedStrategies(updateData);
   };
 
-  var getBestFits = function getBestFits() {
-    try {
-      var _temp3 = function _temp3() {
-        dispatch(marioCore.setLoading(false));
-      };
-
-      dispatch(marioCore.setLoading(true));
-
-      var _temp4 = _catch(function () {
-        return Promise.resolve(getAllBestFits()).then(function (res) {
-          !!res.data && setBestFits([].concat(res.data, bestFits));
-        });
-      }, function (err) {
-        var _err$response, _err$response$data;
-
-        dispatch(marioCore.setAlert({
-          type: "danger",
-          message: ((_err$response = err.response) === null || _err$response === void 0 ? void 0 : (_err$response$data = _err$response.data) === null || _err$response$data === void 0 ? void 0 : _err$response$data.title) || err.message
-        }));
-      });
-
-      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-
   var handleCreateTeachingStrategy = function handleCreateTeachingStrategy() {
     try {
       return Promise.resolve(_catch(function () {
@@ -46100,35 +46458,34 @@ var useTeachingStrategiesAdd = function useTeachingStrategiesAdd() {
 
   var getAll = function getAll() {
     try {
-      var _temp7 = function _temp7() {
+      var _temp3 = function _temp3() {
         dispatch(marioCore.setLoading(false));
       };
 
       dispatch(marioCore.setLoading(true));
 
-      var _temp8 = _catch(function () {
+      var _temp4 = _catch(function () {
         return Promise.resolve(getAllItem$1({
           studentId: isTeacher || isParent ? parseInt(studentId) : currentId
         })).then(function (res) {
           !!res.data && setListData(res.data.reverse());
         });
       }, function (err) {
-        var _err$response2, _err$response2$data;
+        var _err$response, _err$response$data;
 
         dispatch(marioCore.setAlert({
           type: "danger",
-          message: ((_err$response2 = err.response) === null || _err$response2 === void 0 ? void 0 : (_err$response2$data = _err$response2.data) === null || _err$response2$data === void 0 ? void 0 : _err$response2$data.title) || err.message
+          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(_temp8 && _temp8.then ? _temp8.then(_temp7) : _temp7(_temp8));
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
     } catch (e) {
       return Promise.reject(e);
     }
   };
 
   React.useEffect(function () {
-    getBestFits();
     getAll();
   }, []);
   return {
@@ -46424,6 +46781,20 @@ var styles$w = {"dialog-title":"_1KdDE","title":"_2EGi6","dialog-content":"_3zW3
 
 var listStrengthsChallengesFits = ["Time Management", "Organization of Materials", "Developing Ideas", "Planning", "Starting Tasks", "Finishing Tasks", "Short-term Memory", "Long-term Memory", "Staying Focused", "Impulse Control", "Self-Awareness", "Self-Advocacy", "Listening", "Writing", "Reading", "Math", "Setting & Achieving Goals", "Reflecting", "Speaking", "Attitude", "Behavior", "Stress & Anxiety", "Confidence", "Creativity", "Exercise", "Sleep Hygiene", "Flexibility", "Collaboration", "Work Ethic", "Studying", "Processing Speed"];
 
+var propTypeDialog = [{
+  text: "significant strengths",
+  type: "SignificantStrengths"
+}, {
+  text: "strengths",
+  type: "Strengths"
+}, {
+  text: "challenges",
+  type: "Challenges"
+}, {
+  text: "significant challenges",
+  type: "SignificantChallenges"
+}];
+
 var CreateEditDialog = function CreateEditDialog(props) {
   var open = props.open,
       onClose = props.onClose,
@@ -46449,11 +46820,22 @@ var CreateEditDialog = function CreateEditDialog(props) {
       note = _useState2[0],
       setNote = _useState2[1];
 
+  var _useState3 = React.useState(""),
+      textSelectBox = _useState3[0],
+      setTextSelectType = _useState3[1];
+
   var submitCreate = function submitCreate(formData) {
     create(formData);
     onClose(selectedValue);
   };
 
+  React.useEffect(function () {
+    var text = propTypeDialog.find(function (r) {
+      return r.type === type;
+    });
+    setTextSelectType((text === null || text === void 0 ? void 0 : text.text) || "");
+  }, [type]);
+
   var submitUpdate = function submitUpdate(id, formData) {
     update(id, formData);
     onClose(selectedValue);
@@ -46525,7 +46907,7 @@ var CreateEditDialog = function CreateEditDialog(props) {
       },
       renderInput: function renderInput(params) {
         return React__default.createElement(core.TextField, Object.assign({}, params, {
-          label: "Add title",
+          label: "Select " + textSelectBox + " or enter " + textSelectBox + " here",
           variant: "outlined",
           onChange: function onChange(e) {
             setName(e.target.value);
@@ -48473,7 +48855,7 @@ var AddNote = function AddNote() {
     className: "" + styles$y["favourite-checkbox-box"]
   }, React__default.createElement("div", {
     onClick: handleChangeFavourite
-  }, isFavourite ? React__default.createElement(StarIcon, null) : React__default.createElement(StarBorderIcon, null)), React__default.createElement("p", null, "Mark as favourite")), React__default.createElement("div", null, React__default.createElement(TextField, {
+  }, isFavourite ? React__default.createElement(StarIcon, null) : React__default.createElement(StarBorderIcon, null)), React__default.createElement("p", null, "Mark as favorite")), React__default.createElement("div", null, React__default.createElement(TextField, {
     label: "Note title",
     variant: "outlined",
     error: errorTitle,
@@ -48499,7 +48881,7 @@ var AddNote = function AddNote() {
     className: "" + styles$y["favourite-checkbox-box"]
   }, React__default.createElement("div", {
     onClick: handleChangeFavourite
-  }, isFavourite ? React__default.createElement(StarIcon, null) : React__default.createElement(StarBorderIcon, null)), React__default.createElement("p", null, "Mark as favourite")))), screenWidth < 768 && React__default.createElement(core.Box, {
+  }, isFavourite ? React__default.createElement(StarIcon, null) : React__default.createElement(StarBorderIcon, null)), React__default.createElement("p", null, "Mark as favorite")))), screenWidth < 768 && React__default.createElement(core.Box, {
     className: "" + styles$y["button-save-mobile"]
   }, React__default.createElement(core.Button, {
     variant: "contained",
@@ -49371,7 +49753,7 @@ var ModalGoalFriend = function ModalGoalFriend(props, ref) {
       onChange: function onChange(e) {
         return setFieldValue("firstName", e);
       },
-      name: "Add title"
+      name: "Add name"
     }), touched.firstName && errors.firstName && React__default.createElement(marioCore.ErrorHandler, {
       text: errors.firstName
     })), React__default.createElement(core.Grid, {
@@ -50616,7 +50998,7 @@ var ModalGoalActivity = function ModalGoalActivity(props, ref) {
       },
       renderInput: function renderInput(params) {
         return React__default.createElement(TextField, Object.assign({}, params, {
-          label: "Select an activity",
+          label: "Select or type an activity",
           variant: "outlined",
           inputProps: _extends({}, params.inputProps)
         }));
@@ -51147,7 +51529,7 @@ var EditNote = function EditNote() {
     className: "" + styles$y["favourite-checkbox-box"]
   }, React__default.createElement("div", {
     onClick: handleChangeFavourite
-  }, isFavourite ? React__default.createElement(StarIcon, null) : React__default.createElement(StarBorderIcon, null)), React__default.createElement("p", null, "Mark as favourite")), React__default.createElement("div", null, React__default.createElement(TextField, {
+  }, isFavourite ? React__default.createElement(StarIcon, null) : React__default.createElement(StarBorderIcon, null)), React__default.createElement("p", null, "Mark as favorite")), React__default.createElement("div", null, React__default.createElement(TextField, {
     label: "Note title",
     variant: "outlined",
     error: errorTitle,
@@ -51173,7 +51555,7 @@ var EditNote = function EditNote() {
     className: "" + styles$y["favourite-checkbox-box"]
   }, React__default.createElement("div", {
     onClick: handleChangeFavourite
-  }, isFavourite ? React__default.createElement(StarIcon, null) : React__default.createElement(StarBorderIcon, null)), React__default.createElement("p", null, "Mark as favourite")))), screenWidth < 768 && React__default.createElement(core.Box, {
+  }, isFavourite ? React__default.createElement(StarIcon, null) : React__default.createElement(StarBorderIcon, null)), React__default.createElement("p", null, "Mark as favorite")))), screenWidth < 768 && React__default.createElement(core.Box, {
     className: "" + styles$y["button-save-mobile"]
   }, React__default.createElement(core.Button, {
     variant: "contained",
@@ -51247,7 +51629,7 @@ var useLearningStrategy = function useLearningStrategy() {
       dispatch(marioCore.setLoading(true));
 
       var _temp8 = _catch(function () {
-        return Promise.resolve(getAllBestFits$1()).then(function (response) {
+        return Promise.resolve(getAllBestFits()).then(function (response) {
           !!response.data && setBestFits(response.data);
         });
       }, function (err) {
@@ -51438,7 +51820,8 @@ var useLearningStrategy = function useLearningStrategy() {
 var defaultFontLarge$B = 20;
 var defaultFontSmall$B = 12;
 
-var useEditLearningStrategies = function useEditLearningStrategies() {
+var useEditLearningStrategies = function useEditLearningStrategies(_ref) {
+  var isShowChoose = _ref.isShowChoose;
   var dispatch = reactRedux.useDispatch();
 
   var _useLearningStrategy = useLearningStrategy(),
@@ -51478,6 +51861,29 @@ var useEditLearningStrategies = function useEditLearningStrategies() {
       learningStrategyData = _useState3[0],
       setLearningStrategyData = _useState3[1];
 
+  var _useState4 = React.useState({
+    studentId: studentId,
+    isShowChoose: !isShowChoose ? true : false,
+    searchString: "",
+    selected: ""
+  }),
+      filters = _useState4[0],
+      setFilters = _useState4[1];
+
+  var changeFilters = function changeFilters(e) {
+    setFilters(_extends({}, filters, {
+      searchString: e
+    }));
+  };
+
+  var selectedChange = function selectedChange(e) {
+    setFilters(_extends({}, filters, {
+      studentId: studentId,
+      isShowChoose: !isShowChoose ? true : false,
+      selected: e.length ? e.join(",") : ""
+    }));
+  };
+
   var defaultFont = reactRedux.useSelector(function (state) {
     var _state$common;
 
@@ -51506,9 +51912,9 @@ var useEditLearningStrategies = function useEditLearningStrategies() {
     }));
   };
 
-  var _useState4 = React.useState(false),
-      openConfirmDelete = _useState4[0],
-      setOpenConfirmDelete = _useState4[1];
+  var _useState5 = React.useState(false),
+      openConfirmDelete = _useState5[0],
+      setOpenConfirmDelete = _useState5[1];
 
   var handleOpenConfirmDeleteDialog = function handleOpenConfirmDeleteDialog(id) {
     setIdItem(id);
@@ -51560,10 +51966,7 @@ var useEditLearningStrategies = function useEditLearningStrategies() {
   var updateItem = function updateItem() {
     try {
       return Promise.resolve(update(idItem, getOneData, studentId)).then(function () {
-        return Promise.resolve(getAll({
-          studentId: studentId,
-          isShowChoose: true
-        })).then(function () {
+        return Promise.resolve(getAll(filters)).then(function () {
           setOpen(false);
         });
       });
@@ -51572,18 +51975,6 @@ var useEditLearningStrategies = function useEditLearningStrategies() {
     }
   };
 
-  var selectedChange = function selectedChange(e) {
-    try {
-      return Promise.resolve(getAll({
-        studentId: studentId,
-        isShowChoose: true,
-        selected: e.length ? e.join(",") : ""
-      })).then(function () {});
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-
   React.useEffect(function () {
     if (open && !!idItem) getById(idItem, studentId);
   }, [idItem]);
@@ -51591,13 +51982,10 @@ var useEditLearningStrategies = function useEditLearningStrategies() {
     setLearningStrategyData(data);
   }, [data]);
   React.useEffect(function () {
-    getAll({
-      studentId: studentId,
-      isShowChoose: true
-    });
-    getAllow(studentId);
-  }, []);
+    getAll(filters);
+  }, [filters]);
   React.useEffect(function () {
+    getAllow(studentId);
     getBestFits();
   }, []);
   React.useEffect(function () {
@@ -51624,7 +52012,9 @@ var useEditLearningStrategies = function useEditLearningStrategies() {
     bestFits: bestFits,
     selectedChange: selectedChange,
     nameStudent: nameStudent,
-    isParent: isParent
+    isParent: isParent,
+    changeFilters: changeFilters,
+    data: data
   };
 };
 
@@ -51632,7 +52022,7 @@ function LearningStrategies() {
   var history = reactRouterDom.useHistory();
   var dispatch = reactRedux.useDispatch();
 
-  var _useEditLearningStrat = useEditLearningStrategies(),
+  var _useEditLearningStrat = useEditLearningStrategies({}),
       open = _useEditLearningStrat.open,
       studentId = _useEditLearningStrat.studentId,
       handleClickOpen = _useEditLearningStrat.handleClickOpen,
@@ -51651,9 +52041,9 @@ function LearningStrategies() {
       isTeacher = _useEditLearningStrat.isTeacher,
       classFontSize = _useEditLearningStrat.classFontSize,
       bestFits = _useEditLearningStrat.bestFits,
-      selectedChange = _useEditLearningStrat.selectedChange,
       nameStudent = _useEditLearningStrat.nameStudent,
-      isParent = _useEditLearningStrat.isParent;
+      isParent = _useEditLearningStrat.isParent,
+      selectedChange = _useEditLearningStrat.selectedChange;
 
   var user = reactRedux.useSelector(function (state) {
     var _state$common;
@@ -51850,8 +52240,6 @@ var useAddLearningStrategies = function useAddLearningStrategies() {
       studentId = _useParams.studentId;
 
   var _useLearningStrategy = useLearningStrategy(),
-      getAll = _useLearningStrategy.getAll,
-      data = _useLearningStrategy.data,
       create = _useLearningStrategy.create,
       getBestFits = _useLearningStrategy.getBestFits,
       bestFits = _useLearningStrategy.bestFits;
@@ -51860,15 +52248,6 @@ var useAddLearningStrategies = function useAddLearningStrategies() {
       learningStrategyData = _useState[0],
       setLearningStrategyData = _useState[1];
 
-  var _useState2 = React.useState({
-    studentId: studentId,
-    isShowChoose: false,
-    searchString: "",
-    selected: ""
-  }),
-      filters = _useState2[0],
-      setFilters = _useState2[1];
-
   var defaultFont = reactRedux.useSelector(function (state) {
     var _state$common;
 
@@ -51886,15 +52265,9 @@ var useAddLearningStrategies = function useAddLearningStrategies() {
     return "";
   }, [defaultFont]);
 
-  var changeFilters = function changeFilters(e) {
-    setFilters(_extends({}, filters, {
-      searchString: e
-    }));
-  };
-
-  var _useState3 = React.useState([]),
-      selectData = _useState3[0],
-      setSelectData = _useState3[1];
+  var _useState2 = React.useState([]),
+      selectData = _useState2[0],
+      setSelectData = _useState2[1];
 
   var selectLearning = function selectLearning(checked, data) {
     var value = [].concat(selectData);
@@ -51997,23 +52370,9 @@ var useAddLearningStrategies = function useAddLearningStrategies() {
     return data.length;
   };
 
-  var selectedChange = function selectedChange(e) {
-    setFilters(_extends({}, filters, {
-      studentId: studentId,
-      isShowChoose: false,
-      selected: e.length ? e.join(",") : ""
-    }));
-  };
-
   React.useEffect(function () {
     document.title = "Learning Strategies";
   }, []);
-  React.useEffect(function () {
-    setLearningStrategyData(data);
-  }, [data]);
-  React.useEffect(function () {
-    getAll(filters);
-  }, [filters]);
   React.useEffect(function () {
     getBestFits();
   }, []);
@@ -52021,8 +52380,6 @@ var useAddLearningStrategies = function useAddLearningStrategies() {
     learningStrategyData: learningStrategyData,
     selectLearning: selectLearning,
     handleChangeNote: handleChangeNote,
-    changeFilters: changeFilters,
-    filters: filters,
     selectData: selectData,
     handleAddLearningStrategy: handleAddLearningStrategy,
     backToLearningStrategy: backToLearningStrategy,
@@ -52031,7 +52388,7 @@ var useAddLearningStrategies = function useAddLearningStrategies() {
     handleShowSelectItemCount: handleShowSelectItemCount,
     classFontSize: classFontSize,
     bestFits: bestFits,
-    selectedChange: selectedChange
+    setLearningStrategyData: setLearningStrategyData
   };
 };
 
@@ -52040,7 +52397,6 @@ function LearningStrategiesSave() {
       learningStrategyData = _useAddLearningStrate.learningStrategyData,
       selectLearning = _useAddLearningStrate.selectLearning,
       handleChangeNote = _useAddLearningStrate.handleChangeNote,
-      changeFilters = _useAddLearningStrate.changeFilters,
       handleAddLearningStrategy = _useAddLearningStrate.handleAddLearningStrategy,
       backToLearningStrategy = _useAddLearningStrate.backToLearningStrategy,
       handleCheckSelectItem = _useAddLearningStrate.handleCheckSelectItem,
@@ -52048,7 +52404,14 @@ function LearningStrategiesSave() {
       handleShowSelectItemCount = _useAddLearningStrate.handleShowSelectItemCount,
       classFontSize = _useAddLearningStrate.classFontSize,
       bestFits = _useAddLearningStrate.bestFits,
-      selectedChange = _useAddLearningStrate.selectedChange;
+      setLearningStrategyData = _useAddLearningStrate.setLearningStrategyData;
+
+  var _useEditLearningStrat = useEditLearningStrategies({
+    isShowChoose: true
+  }),
+      changeFilters = _useEditLearningStrat.changeFilters,
+      selectedChange = _useEditLearningStrat.selectedChange,
+      data = _useEditLearningStrat.data;
 
   var handleBestFit = function handleBestFit(e) {
     var string = !!e ? e : "";
@@ -52060,6 +52423,9 @@ function LearningStrategiesSave() {
     }) : null);
   };
 
+  React.useEffect(function () {
+    setLearningStrategyData(data);
+  }, [data]);
   var inputSearch = React.useRef(null);
 
   var handleChangeInputSearch = function handleChangeInputSearch(event) {
@@ -52244,13 +52610,13 @@ function LearningStrategiesSave() {
   }, "ADD", React__default.createElement(AddCircleIcon, null)))));
 }
 
-var _excluded$9 = ["children", "value", "index"];
+var _excluded$a = ["children", "value", "index"];
 
 var TabPanel$6 = function TabPanel(props) {
   var children = props.children,
       value = props.value,
       index = props.index,
-      other = _objectWithoutPropertiesLoose(props, _excluded$9);
+      other = _objectWithoutPropertiesLoose(props, _excluded$a);
 
   return React__default.createElement("div", Object.assign({
     role: "tabpanel",
@@ -53525,7 +53891,7 @@ var GoalList = function GoalList() {
       className: "" + styles$8["status-title"]
     }, "Status"), React__default.createElement(core.Typography, {
       className: styles$8["status-item"] + " " + styles$8[i.status === "Completed" ? "completed" : i.status === "NotYetStarted" ? "inactive" : "in-progress"]
-    }, !!(i !== null && i !== void 0 && i.status) && camelCaseToNomal(i.status))), React__default.createElement(CheckPoint, {
+    }, !!(i !== null && i !== void 0 && i.status) && handleShowStatus(i.status))), React__default.createElement(CheckPoint, {
       target: completedCheckpoint(i.checkPoints),
       status: i.status,
       point: completedCheckpoint(i.checkPoints, true)
@@ -54075,6 +54441,9 @@ var EditBaseLine = function EditBaseLine(props) {
       openDialogConfirm = _useState2[0],
       setOpenDialogConfirm = _useState2[1];
 
+  var domainName = window.location.hostname;
+  var isCheckDomainRubyoung = domainName.includes('rubyyoung');
+
   var handleClickOpenConfirm = function handleClickOpenConfirm() {
     setOpenDialogConfirm(true);
   };
@@ -54095,8 +54464,14 @@ var EditBaseLine = function EditBaseLine(props) {
   var handleDeleteBaseLine = function handleDeleteBaseLine() {
     updateBaseLine(id, []);
     handleClose();
+    !!isCheckDomainRubyoung && setInputValue("");
   };
 
+  React.useEffect(function () {
+    if (!!isCheckDomainRubyoung && !!goalBaseLineItem && goalBaseLineItem.length > 0) {
+      setInputValue(goalBaseLineItem[0].name);
+    }
+  }, [isCheckDomainRubyoung, goalBaseLineItem]);
   return React__default.createElement(core.Dialog, {
     onClose: handleClose,
     "aria-labelledby": "simple-dialog-title",
@@ -54106,8 +54481,12 @@ var EditBaseLine = function EditBaseLine(props) {
     enableReinitialize: true,
     onSubmit: function (values) {
       try {
-        return Promise.resolve(updateBaseLine(id, values)).then(function () {
+        return Promise.resolve(isCheckDomainRubyoung ? updateBaseLine(id, [{
+          name: inputValue.trim()
+        }]) : updateBaseLine(id, values)).then(function (_updateBaseLine) {
+          _updateBaseLine;
           handleClose();
+          !isCheckDomainRubyoung && setInputValue("");
         });
       } catch (e) {
         return Promise.reject(e);
@@ -54121,7 +54500,7 @@ var EditBaseLine = function EditBaseLine(props) {
     var handleAddItem = function handleAddItem() {
       setGoalBaseLineItem(function () {
         return [].concat(values, [{
-          name: inputValue
+          name: inputValue.trim()
         }]);
       });
       setInputValue("");
@@ -54136,7 +54515,7 @@ var EditBaseLine = function EditBaseLine(props) {
       onClick: handleClose
     })), React__default.createElement(core.Grid, null, React__default.createElement(core.Grid, {
       className: "" + styles$8["goal-form-input"]
-    }, !!values && values.length > 0 ? values.map(function (i, index) {
+    }, !isCheckDomainRubyoung && !!values && values.length > 0 ? values.map(function (i, index) {
       return React__default.createElement(core.Grid, {
         className: "" + styles$8["message-item"]
       }, React__default.createElement(core.OutlinedInput, {
@@ -54156,7 +54535,7 @@ var EditBaseLine = function EditBaseLine(props) {
     }) : null, React__default.createElement(InputComponent, {
       name: "Add title",
       valueText: inputValue,
-      isAddIcon: true,
+      isAddIcon: !isCheckDomainRubyoung,
       handleAddItem: handleAddItem,
       onChange: function onChange(value) {
         setInputValue(value);
@@ -54175,9 +54554,9 @@ var EditBaseLine = function EditBaseLine(props) {
       selectedItemId: id
     }), React__default.createElement(core.Grid, {
       onClick: function onClick() {
-        return handleSubmit();
+        return !!isCheckDomainRubyoung && !(inputValue !== null && inputValue !== void 0 && inputValue.trim()) ? null : handleSubmit();
       },
-      className: "" + styles$8["dialog-button-add"]
+      className: styles$8["dialog-button-add"] + " " + (!!isCheckDomainRubyoung && !(inputValue !== null && inputValue !== void 0 && inputValue.trim()) ? styles$8["btn-add-baseline-dissable"] : "")
     }, React__default.createElement(core.Typography, null, "SUBMIT"), React__default.createElement(SaveIcon, null))));
   }));
 };
@@ -54246,7 +54625,7 @@ var EditCheckPoint = function EditCheckPoint(props) {
       _touched.push({
         text: false,
         time: false,
-        endTime: false,
+        endTime: true,
         status: false
       });
     }
@@ -54372,7 +54751,7 @@ var EditCheckPoint = function EditCheckPoint(props) {
       onDrop: onDrop,
       lockAxis: "y"
     }, values === null || values === void 0 ? void 0 : values.map(function (i, index) {
-      var _touched$index, _errors$, _errors$2, _touched$index2, _errors$3, _errors$4, _i$signatureCheckpoin;
+      var _touched$index, _errors$, _errors$2, _touched$index2, _errors$3, _errors$4, _touched$index3, _errors$5, _touched$index4, _errors$6, _errors$7, _i$signatureCheckpoin;
 
       return React__default.createElement(reactSmoothDnd.Draggable, {
         key: index
@@ -54388,6 +54767,7 @@ var EditCheckPoint = function EditCheckPoint(props) {
       })), React__default.createElement(core.Grid, {
         className: "" + styles$8["drag-content-hidden"]
       }, React__default.createElement(InputComponent, {
+        disabled: (getOneData === null || getOneData === void 0 ? void 0 : getOneData.source) !== "IEP" ? false : true,
         customId: "outlined-basic-" + index,
         name: "Title",
         onBlur: function onBlur() {
@@ -54416,16 +54796,25 @@ var EditCheckPoint = function EditCheckPoint(props) {
         id: "date-picker-inline",
         label: "Pick a date",
         className: "" + styles$8["date-time"],
-        value: i.time,
+        value: i.time || null,
         onChange: function onChange(date) {
           return setFieldValue("[" + index + "]time", date || "");
         },
         onBlur: function onBlur() {
           setFieldValue("[" + index + "]time", i.time || "");
+
+          if (touched[index]) {
+            var _touched = [].concat(touched);
+
+            _touched[index].time = true;
+            setTouched(_touched);
+          }
         },
         KeyboardButtonProps: {
           "aria-label": "change date"
         }
+      }), ((_touched$index2 = touched[index]) === null || _touched$index2 === void 0 ? void 0 : _touched$index2.time) && ((_errors$3 = errors["" + index]) === null || _errors$3 === void 0 ? void 0 : _errors$3.time) && React__default.createElement(marioCore.ErrorHandler, {
+        text: (_errors$4 = errors["" + index]) === null || _errors$4 === void 0 ? void 0 : _errors$4.time
       }), React__default.createElement(pickers.KeyboardDatePicker, {
         fullWidth: true,
         inputVariant: "outlined",
@@ -54440,10 +54829,19 @@ var EditCheckPoint = function EditCheckPoint(props) {
         },
         onBlur: function onBlur() {
           setFieldValue("[" + index + "]endTime", i.endTime || "");
+
+          if (touched[index]) {
+            var _touched = [].concat(touched);
+
+            _touched[index].endTime = true;
+            setTouched(_touched);
+          }
         },
         KeyboardButtonProps: {
           "aria-label": "change date"
         }
+      }), ((_touched$index3 = touched[index]) === null || _touched$index3 === void 0 ? void 0 : _touched$index3.endTime) && ((_errors$5 = errors["" + index]) === null || _errors$5 === void 0 ? void 0 : _errors$5.endTime) && React__default.createElement(marioCore.ErrorHandler, {
+        text: "End time is required"
       })), React__default.createElement(core.Grid, {
         className: "" + styles$8["box-select"]
       }, React__default.createElement(InputComponent, {
@@ -54480,8 +54878,8 @@ var EditCheckPoint = function EditCheckPoint(props) {
             variant: "outlined"
           }));
         }
-      })), ((_touched$index2 = touched[index]) === null || _touched$index2 === void 0 ? void 0 : _touched$index2.status) && ((_errors$3 = errors["" + index]) === null || _errors$3 === void 0 ? void 0 : _errors$3.status) && React__default.createElement(marioCore.ErrorHandler, {
-        text: (_errors$4 = errors["" + index]) === null || _errors$4 === void 0 ? void 0 : _errors$4.status
+      })), ((_touched$index4 = touched[index]) === null || _touched$index4 === void 0 ? void 0 : _touched$index4.status) && ((_errors$6 = errors["" + index]) === null || _errors$6 === void 0 ? void 0 : _errors$6.status) && React__default.createElement(marioCore.ErrorHandler, {
+        text: (_errors$7 = errors["" + index]) === null || _errors$7 === void 0 ? void 0 : _errors$7.status
       }), React__default.createElement(core.Grid, {
         className: "" + styles$8["box-title-upload"]
       }, React__default.createElement(core.Typography, {
@@ -54523,10 +54921,9 @@ var EditCheckPoint = function EditCheckPoint(props) {
         },
         className: styles$8["btn-delete"] + " " + styles$8["fit-content"] + " " + (!isActiveDelete(i) && styles$8["btn-inActive"])
       }, screenWidth > 768 && React__default.createElement(core.Typography, null, "DELETE"), React__default.createElement(DeleteIcon, null))))));
-    })), React__default.createElement(core.Grid, null, React__default.createElement(core.TextField, {
+    })), React__default.createElement(core.Grid, null, (getOneData === null || getOneData === void 0 ? void 0 : getOneData.source) !== "IEP" && React__default.createElement(core.TextField, {
       multiline: true,
       fullWidth: true,
-      disabled: !!getOneData && getOneData.source !== "IEP" ? false : true,
       value: addValue,
       variant: "outlined",
       onChange: function onChange(event) {
@@ -54617,6 +55014,9 @@ var GoalDetail = function GoalDetail() {
       setDataDetail = _useGoalDetail.setDataDetail,
       isParent = _useGoalDetail.isParent;
 
+  var domainName = window.location.hostname;
+  var isCheckDomainRubyoung = domainName.includes('rubyyoung');
+
   var handleClickOpenConfirm = function handleClickOpenConfirm() {
     setOpenDialogConfirm(true);
   };
@@ -54654,8 +55054,13 @@ var GoalDetail = function GoalDetail() {
   };
 
   var handleDelete = function handleDelete() {
-    deleteById(id);
-    handleClickOpen();
+    try {
+      return Promise.resolve(deleteById(id)).then(function () {
+        handleClickOpen();
+      });
+    } catch (e) {
+      return Promise.reject(e);
+    }
   };
 
   var StepIcon = function StepIcon(status) {
@@ -54743,7 +55148,7 @@ var GoalDetail = function GoalDetail() {
     className: "" + styles$8["content-title"]
   }, "Status"), React__default.createElement(core.Typography, {
     className: "" + styles$8["content"]
-  }, !!(getOneData !== null && getOneData !== void 0 && getOneData.status) && camelCaseToNomal(getOneData === null || getOneData === void 0 ? void 0 : getOneData.status))), React__default.createElement(core.Grid, {
+  }, !!(getOneData !== null && getOneData !== void 0 && getOneData.status) && handleShowStatus(getOneData === null || getOneData === void 0 ? void 0 : getOneData.status))), React__default.createElement(core.Grid, {
     className: "" + styles$8["box-content"]
   }, React__default.createElement(core.Typography, {
     className: "" + styles$8["content-title"]
@@ -54771,7 +55176,7 @@ var GoalDetail = function GoalDetail() {
     defaultValue: "top",
     className: "" + styles$8["baseline-group"]
   }, !!getOneData && getOneData.goalBaselines ? getOneData.goalBaselines.map(function (i) {
-    return React__default.createElement(core.FormControlLabel, {
+    return React__default.createElement(core.Grid, null, !isCheckDomainRubyoung ? React__default.createElement(core.FormControlLabel, {
       value: !!i.name ? i.name : "",
       onChange: function onChange(e) {
         return handleCheckedBaseLine(e);
@@ -54782,7 +55187,9 @@ var GoalDetail = function GoalDetail() {
         checked: (getOneData === null || getOneData === void 0 ? void 0 : getOneData.baseLineChecked) === i.name
       }),
       label: !!i.name ? i.name : ""
-    });
+    }) : React__default.createElement(core.Typography, {
+      className: "" + styles$8["baseline-content"]
+    }, i.name));
   }) : null))), (isAllowedEdit && !isTeacher || isTeacher) && !isParent && React__default.createElement(core.Grid, {
     onClick: function onClick() {
       return handleClickOpenDialogBaseLine();
@@ -54852,6 +55259,9 @@ var NewGoal = function NewGoal() {
   var _useParams = reactRouterDom.useParams(),
       studentId = _useParams.studentId;
 
+  var domainName = window.location.hostname;
+  var isCheckDomainRubyoung = domainName.includes("rubyyoung");
+
   var _useState = React.useState([]),
       goalCheckpoint = _useState[0],
       setGoalCheckpoint = _useState[1];
@@ -54939,7 +55349,7 @@ var NewGoal = function NewGoal() {
     enableReinitialize: true,
     onSubmit: function onSubmit(values) {
       var result = _extends({}, values, {
-        status: values.status.replace(/\s/g, '')
+        status: values.status.replace(/\s/g, "")
       });
 
       create(result, goalBaselines, goalCheckpoint);
@@ -55019,13 +55429,15 @@ var NewGoal = function NewGoal() {
       defaultValue: "top",
       className: "" + styles$8["baseline-group"]
     }, goalBaselines.length > 0 ? goalBaselines.map(function (i) {
-      return React__default.createElement(core.FormControlLabel, {
+      return React__default.createElement(core.Grid, null, !isCheckDomainRubyoung ? React__default.createElement(core.FormControlLabel, {
         value: i.name || "",
         control: React__default.createElement(core.Radio, {
           color: "primary"
         }),
         label: i.name || ""
-      });
+      }) : React__default.createElement(core.Typography, {
+        className: "" + styles$8["baseline-content"]
+      }, i.name));
     }) : null))), React__default.createElement(core.Grid, {
       onClick: function onClick() {
         return handleClickOpenDialogBaseLine();
@@ -55347,65 +55759,10 @@ var MyClassReflection = function MyClassReflection() {
   };
 
   var handleSort = function handleSort(e) {
-    if (e === "classDate") {
-      filters.sortOrder === "DESC" ? changeFilters({
-        sortOrder: "ASC",
-        sortBy: "classDate"
-      }) : changeFilters({
-        sortOrder: "DESC",
-        sortBy: "classDate"
-      });
-    }
-
-    if (e === "classType") {
-      filters.sortOrder === "DESC" ? changeFilters({
-        sortOrder: "ASC",
-        sortBy: "classType"
-      }) : changeFilters({
-        sortOrder: "DESC",
-        sortBy: "classType"
-      });
-    }
-
-    if (e === "student") {
-      filters.sortOrder === "DESC" ? changeFilters({
-        sortOrder: "ASC",
-        sortBy: "student"
-      }) : changeFilters({
-        sortOrder: "DESC",
-        sortBy: "student"
-      });
-    }
-
-    if (e === "sentDate") {
-      filters.sortOrder === "DESC" ? changeFilters({
-        sortOrder: "ASC",
-        sortBy: "sentDate"
-      }) : changeFilters({
-        sortOrder: "DESC",
-        sortBy: "sentDate"
-      });
-    }
-
-    if (e === "status") {
-      filters.sortOrder === "DESC" ? changeFilters({
-        sortOrder: "ASC",
-        sortBy: "status"
-      }) : changeFilters({
-        sortOrder: "DESC",
-        sortBy: "status"
-      });
-    }
-
-    if (e === "grade") {
-      filters.sortOrder === "DESC" ? changeFilters({
-        sortOrder: "ASC",
-        sortBy: "grade"
-      }) : changeFilters({
-        sortOrder: "DESC",
-        sortBy: "grade"
-      });
-    }
+    changeFilters({
+      sortOrder: filters.sortOrder === "DESC" ? "ASC" : "DESC",
+      sortBy: e
+    });
   };
 
   var handleChangeRowsPerPage = function handleChangeRowsPerPage(event) {
@@ -56788,6 +57145,8 @@ var useAddClassReflection = function useAddClassReflection() {
   };
 };
 
+var domainName$5 = window.location.hostname;
+var isCheckDomainRubyoung$5 = domainName$5.includes('rubyyoung');
 var StyledTableCell = styles$O.withStyles(function (theme) {
   return {
     head: {
@@ -56858,11 +57217,11 @@ var AddClassReflection = function AddClassReflection() {
     onClick: function onClick() {
       return history.goBack();
     }
-  }), " Add Class Reflections"), React__default.createElement("div", {
+  }), " ", isCheckDomainRubyoung$5 ? "Reflections" : "Add Class Reflections"), React__default.createElement("div", {
     className: styles$E["btn-action"]
   }, React__default.createElement(AddButton, {
     handleClickOpen: saveDataClassReflection,
-    label: "Add"
+    label: isCheckDomainRubyoung$5 ? "Add Reflection" : "Add"
   }))), React__default.createElement(core.Grid, {
     className: styles$E["body-table"]
   }, React__default.createElement(TableContainer, {
@@ -56905,7 +57264,7 @@ var AddClassReflection = function AddClassReflection() {
   }, "External Link"), isTeacher && React__default.createElement(StyledTableCell, {
     align: "center",
     className: styles$E["header-title"]
-  }, "Send Now"))), React__default.createElement(TableBody, null, rowClassReflection.map(function (row) {
+  }, isCheckDomainRubyoung$5 ? "Send" : "Send Now"))), React__default.createElement(TableBody, null, rowClassReflection.map(function (row) {
     return React__default.createElement(StyledTableRow, {
       key: row.id
     }, React__default.createElement(StyledTableCell, {
@@ -57889,6 +58248,7 @@ var TrainingLink = function TrainingLink() {
   });
   var isTeacher = user.roles.includes("Teacher") || user.roles.includes("Assistant");
   var link = isTeacher ? linkTraining.teacherTraining : linkTraining.studentTraining;
+  document.title = "Training";
   return React__default.createElement(core.Grid, null, React__default.createElement(core.Grid, {
     className: "" + styles$I["header-page"]
   }, React__default.createElement(core.Typography, {
@@ -59445,13 +59805,13 @@ var ExternalClassReflection = function ExternalClassReflection() {
   }))))));
 };
 
-var _excluded$a = ["children", "value", "index"];
+var _excluded$b = ["children", "value", "index"];
 
 var TabPanel$7 = function TabPanel(props) {
   var children = props.children,
       value = props.value,
       index = props.index,
-      other = _objectWithoutPropertiesLoose(props, _excluded$a);
+      other = _objectWithoutPropertiesLoose(props, _excluded$b);
 
   return React__default.createElement("div", Object.assign({
     role: "tabpanel",
@@ -59545,6 +59905,8 @@ var CustomTabs$2 = function CustomTabs(props) {
   });
   var classes = useStyles();
   var screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
+  var domainName = window.location.hostname;
+  var isCheckDomainRubyoung = domainName.includes('rubyyoung');
 
   var renderContent = function renderContent() {
     var activeTab = tabs.map(function (t) {
@@ -59569,7 +59931,7 @@ var CustomTabs$2 = function CustomTabs(props) {
       className: classes.title
     }, title), screenWidth > 600 && React__default.createElement(AddButton, {
       handleClickOpen: handleNavigateToAddPage,
-      label: "Add Class Reflection",
+      label: isCheckDomainRubyoung ? "Add Reflection" : "Add Class Reflection",
       fontSize: buttonFontSize(defaultFont)
     })), React__default.createElement(core.Grid, {
       item: true,
@@ -59609,16 +59971,18 @@ var CustomTabs$2 = function CustomTabs(props) {
   }, renderContent());
 };
 
+var domainName$6 = window.location.hostname;
+var isCheckDomainRubyoung$6 = domainName$6.includes('rubyyoung');
 var tabs$5 = [{
   path: "/class-reflection/my-class-reflection",
-  title: "My Class Reflection",
+  title: isCheckDomainRubyoung$6 ? "Reflection" : "My Class Reflection",
   component: MyClassReflection
 }, {
   path: "/class-reflection/external-class-reflection",
-  title: "External Class Reflection",
+  title: isCheckDomainRubyoung$6 ? "External Reflection" : "External Class Reflection",
   component: ExternalClassReflection
 }];
-var title$3 = "Class Reflections";
+var title$3 = isCheckDomainRubyoung$6 ? "Reflections" : "Class Reflections";
 
 var TeacherClassReflection = function TeacherClassReflection() {
   return React__default.createElement(Box, null, React__default.createElement(CustomTabs$2, {
@@ -60028,7 +60392,7 @@ var TeachingStrategiesAdd = function TeachingStrategiesAdd() {
     onClick: handleGetBack
   }), React__default.createElement("span", {
     className: "" + styles$N["text-name-header"]
-  }, "Select Strategies")), React__default.createElement(core.Button, {
+  }, "Select Teaching Strategies")), React__default.createElement(core.Button, {
     variant: "contained",
     onClick: handleCreateTeachingStrategy,
     className: "" + styles$N["button-add"]
@@ -60057,7 +60421,7 @@ var TeachingStrategiesAdd = function TeachingStrategiesAdd() {
     className: "" + styles$N["best-fit-input"]
   }, React__default.createElement(MultipleSelectBox, {
     label: "Select Best Fit",
-    options: bestFits,
+    options: bestFits.sort(),
     selectedChange: changeSelectedBetsFit,
     width: "100%",
     backgroundLabel: "white"