mario-teacher-student-client 2.2.24-beta → 2.2.26-beta

package/dist/containers/GoalPage/components/Steps/ModelPickTarget.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IPickTarget } from "../../types/types";
+declare const ModelPickTarget: ({ onChangeStep }: IPickTarget) => JSX.Element;
+export default ModelPickTarget;

package/dist/containers/GoalPage/styles/makeStyles.d.ts

@@ -0,0 +1 @@
+export declare const useStylesSelect: (props?: any) => Record<"formControl" | "selectEmpty", string>;

package/dist/containers/GoalPage/types/types.d.ts

@@ -7,4 +7,18 @@ export interface ParamTypes {
 export interface IPropModelCreate {
     open: boolean;
     onToggleModel: Function;
+    activeStep: number;
+    handleChangeStep: Function;
+}
+export interface ISelectCategory {
+    onChangeStep: Function;
+}
+export interface IChooseArea {
+    onChangeStep: Function;
+}
+export interface IDetailFormCreate {
+    onChangeStep: Function;
+}
+export interface IPickTarget {
+    onChangeStep: Function;
 }

package/dist/containers/SettingPageV1/hook/useSettingPage.d.ts

@@ -1,6 +1,6 @@
+import { ISetting } from "../contants/type";
 declare const useSettingPage: () => {
-    handleChangeRadio: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    dataGet: any;
+    dataSwitchNotification: ISetting;
     handleChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
     saveSetting: () => Promise<void>;
     classFontSize: string;

package/dist/index.css

@@ -1070,6 +1070,14 @@ p._1YLGi {
   font-size: 20px;
   padding: 10px 20px; }
 
+._2Nd8Z {
+  align-items: center; }
+  ._2Nd8Z ._XYA0v {
+    margin-bottom: 0;
+    margin-right: 25px; }
+  ._2Nd8Z ._88rqO {
+    font-size: 17px; }
+
 @font-face {
   font-family: "Lato-Regular";
   src: url("/fonts/Lato-Regular.ttf");
@@ -13897,7 +13905,7 @@ h2._1KpSK {
     margin-left: 10px; }
 
 ._2Uw02 {
-  padding: 24px 16px;
+  padding: 24px;
   display: flex;
   border-bottom: 1px solid #e8e8e8;
   justify-content: space-between; }
@@ -13905,7 +13913,7 @@ h2._1KpSK {
     border-radius: 12px;
     background: #006E60;
     color: white;
-    padding: 0 24px;
+    padding: 10px 24px;
     font-size: 1.3rem;
     display: block; }
     @media only screen and (max-width: 600px) {
@@ -13913,6 +13921,8 @@ h2._1KpSK {
         display: none; } }
     ._2Uw02 ._1Dw3g ._2sosp {
       margin-left: 12px; }
+  ._2Uw02 ._1Dw3g:hover {
+    background: #3b8d82; }
   ._2Uw02 ._1fWN6 {
     font-size: 1.7rem;
     font-family: 'Montserrat-Bold' !important;
@@ -13931,7 +13941,7 @@ h2._1KpSK {
     font-size: 1.1rem; }
 
 ._3vPJ6 {
-  padding: 24px 16px;
+  padding: 24px;
   font-size: 1.1rem;
   font-weight: 400; }
   ._3vPJ6 ._2Yxck, ._3vPJ6 ._1lVI8 {

package/dist/index.js

@@ -429,7 +429,7 @@ var getStudentSimpleProfile = function getStudentSimpleProfile() {
   return marioCore.api.get("" + STUDENT_PROFILE);
 };
 
-var styles = {"reset-the-content":"_1zJw3","btn-duplicate-survey":"_11N79","menu-item-strategories":"_1oZYB","time-Date":"_1Q7w6","time-Hours-Minute":"_3ZcQD","arrow-icon":"_2NJ7E","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","block-right":"_2CN0T","filter-item":"_3jAEH","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","custom-header":"_22CX0","custom-header-right":"_3EDTf","custom-header-title":"_d8RZe","custom-header-button":"_2OUSw","custom-button-content":"_1oCai","disable-button":"_3rQql","border-none":"_3MpEU","block-btn-header":"_25ahZ","custom-preview-button":"_mpfwz","grey-background":"_2ryO2","total-card-box":"_1Xx6l","total-card-title":"_3vk3b","total-card-value":"_IHasQ","status-default":"_165c9","pending":"_ZcAbu","active":"_3oAH-","close":"_3XmhO","box-filter":"_KT2NK","block-total":"_2GGFc","filter-select":"_3xiAo","box-filter-left":"_1hkQM","btn-favorite-text":"_3m4oI","box-filter-right":"_1SOsh","search-input-icon":"_Od6MC","inputInput":"_2st_0","filter-item-collapse":"_2opDJ","box-show-filter-mobile":"_3xvBF","icon-show-all-filter":"_3gNUH","space-item":"_1G-S_","block-card-name":"_2Wl9Z","block-card-title":"_3Qn6F","block-card-btn":"_1Z1H6","block-card-btn-title":"_3svb4","block-card-btn-icon":"_2Bg4S","table-cell":"_2uhRa","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","btn-choice":"_hPL_o","yes-active":"_2AK7h","no-active":"_1UouU","item-select-role":"_1KcY7","item-role-active":"_dOVso","model-switch-roles":"_3ZqxI"};
+var styles = {"reset-the-content":"_1zJw3","btn-duplicate-survey":"_11N79","menu-item-strategories":"_1oZYB","time-Date":"_1Q7w6","time-Hours-Minute":"_3ZcQD","arrow-icon":"_2NJ7E","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","block-right":"_2CN0T","filter-item":"_3jAEH","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","custom-header":"_22CX0","custom-header-right":"_3EDTf","custom-header-title":"_d8RZe","custom-header-button":"_2OUSw","custom-button-content":"_1oCai","disable-button":"_3rQql","border-none":"_3MpEU","block-btn-header":"_25ahZ","custom-preview-button":"_mpfwz","grey-background":"_2ryO2","total-card-box":"_1Xx6l","total-card-title":"_3vk3b","total-card-value":"_IHasQ","status-default":"_165c9","pending":"_ZcAbu","active":"_3oAH-","close":"_3XmhO","box-filter":"_KT2NK","block-total":"_2GGFc","filter-select":"_3xiAo","box-filter-left":"_1hkQM","btn-favorite-text":"_3m4oI","box-filter-right":"_1SOsh","search-input-icon":"_Od6MC","inputInput":"_2st_0","filter-item-collapse":"_2opDJ","box-show-filter-mobile":"_3xvBF","icon-show-all-filter":"_3gNUH","space-item":"_1G-S_","block-card-name":"_2Wl9Z","block-card-title":"_3Qn6F","block-card-btn":"_1Z1H6","block-card-btn-title":"_3svb4","block-card-btn-icon":"_2Bg4S","table-cell":"_2uhRa","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","btn-choice":"_hPL_o","yes-active":"_2AK7h","no-active":"_1UouU","item-select-role":"_1KcY7","item-role-active":"_dOVso","model-switch-roles":"_3ZqxI","box-switch":"_2Nd8Z","title-label":"_XYA0v","title-text":"_88rqO"};
 
 function toVal(mix) {
 	var k, y, str='';
@@ -870,11 +870,16 @@ var HeaderSideBar = function HeaderSideBar(_ref) {
 
     return (_state$common4 = state.common) === null || _state$common4 === void 0 ? void 0 : _state$common4.menuBar;
   });
+  var isEnableSurvey = reactRedux.useSelector(function (state) {
+    var _state$common5;
+
+    return (_state$common5 = state.common) === null || _state$common5 === void 0 ? void 0 : _state$common5.isEnableSurvey;
+  });
   var isParentPage = location.pathname.includes("/parent");
   var isLoginFirst = reactRedux.useSelector(function (state) {
-    var _state$common5;
+    var _state$common6;
 
-    return (_state$common5 = state.common) === null || _state$common5 === void 0 ? void 0 : _state$common5.user.isLoginFirst;
+    return (_state$common6 = state.common) === null || _state$common6 === void 0 ? void 0 : _state$common6.user.isLoginFirst;
   });
 
   var _useState = React.useState(new Date()),
@@ -964,6 +969,7 @@ var HeaderSideBar = function HeaderSideBar(_ref) {
         return Promise.resolve(getInformation()).then(function (res) {
           dispatch(marioCore.setEnableIEP(res.data.isEnableIEP));
           dispatch(marioCore.setConversationOneToOne(res.data.isConversationOneToOne));
+          dispatch(marioCore.setEnableSurvey(res.data.isEnableSurvey));
         });
       }, function (err) {
         console.error(err);
@@ -1097,8 +1103,8 @@ var HeaderSideBar = function HeaderSideBar(_ref) {
     name: "Settings",
     icon: React__default.createElement(SettingsIcon, null)
   }];
-  navigations = isTeacher ? navigations : navigations.filter(function (item) {
-    return item.name != 'Surveys';
+  navigations = isEnableSurvey ? navigations : navigations.filter(function (item) {
+    return !item.name.includes('Survey');
   });
 
   var onStepNext = function onStepNext() {
@@ -12338,7 +12344,7 @@ var useNotes = function useNotes(sessionId, sessionResultId, conferenceId, confe
 
   var getNotes = function getNotes() {
     try {
-      return Promise.resolve(isUsingSessionAPI ? getAllNote$2(dispatch, sessionId) : getAllConferenceNote$1(dispatch, conferenceId)).then(function (data) {
+      return Promise.resolve(sessionId ? getAllNote$2(dispatch, sessionId) : getAllConferenceNote$1(dispatch, conferenceId)).then(function (data) {
         var _data$privateNote, _data$teacherNotes, _data$studentNotes;
 
         setPrivateNote((_data$privateNote = data === null || data === void 0 ? void 0 : data.privateNote) != null ? _data$privateNote : "");
@@ -12882,12 +12888,16 @@ var MainViewScaffolding = function MainViewScaffolding(props) {
       "float": "right",
       margin: "10px"
     }
-  }, !openScaffolding ? React__default.createElement(ScaffoldingBtn, {
+  }, React__default.createElement(core.Grid, {
+    hidden: openScaffolding
+  }, React__default.createElement(ScaffoldingBtn, {
     hover: hover,
     onHover: onHover,
     onLeave: onLeave,
     handleOpen: onOpenScaffolding
-  }) : React__default.createElement(ScaffoldingFloatTab, {
+  })), React__default.createElement(core.Grid, {
+    hidden: !openScaffolding
+  }, React__default.createElement(ScaffoldingFloatTab, {
     onClose: onCloseScaffolding,
     sessionId: sessionId,
     sessionResultId: sessionResultId,
@@ -12895,7 +12905,7 @@ var MainViewScaffolding = function MainViewScaffolding(props) {
     conferenceResultId: conferenceResultId,
     informationUser: informationUser,
     isUserChangeSession: isUserChangeSession
-  }));
+  })));
 };
 
 function areEqual(prevProps, nextProps) {
@@ -15336,8 +15346,8 @@ var Loading$1 = function Loading() {
 };
 
 var timeGenerator = function timeGenerator(time) {
-  if (time <= 12) return time + " AM";
-  return time - 12 + " PM";
+  if (time < 12) return time + " AM";
+  return (time != 12 ? time - 12 : time) + " PM";
 };
 
 var Timeline = function Timeline(_ref) {
@@ -32493,16 +32503,12 @@ var Overview = function Overview(props) {
     },
     KeyboardButtonProps: {
       "aria-label": "change date"
-    },
-    minDate: moment(filterDateChart.endDate).subtract(4, 'months').valueOf(),
-    maxDate: filterDateChart.endDate
+    }
   })), React__default.createElement("div", {
     className: styles$9["date-time-end"] + " date-picker-overview"
   }, React__default.createElement("p", {
     className: "" + styles$9["text"]
   }, "To"), React__default.createElement(pickers.KeyboardDatePicker, {
-    minDate: filterDateChart.startDate || null,
-    maxDate: moment(filterDateChart.startDate).add(4, 'months').valueOf(),
     inputVariant: "outlined",
     format: "Do MMM YYYY",
     id: "time-picker",
@@ -53146,6 +53152,26 @@ var ViewItemNote = function ViewItemNote() {
 
 var styles$A = {"header-page":"_2Uw02","button-save":"_1Dw3g","icon-save":"_2sosp","text-name-header":"_1fWN6","font-large":"_yEfpt","text-button-header":"_3zCCA","font-small":"_TQnSp","content-setting":"_3vPJ6","title-activity":"_2Yxck","title-email":"_1lVI8","switch":"_3EUQE","title-label":"_L2otV","content-email":"_1Z4F1","text-email":"_1IWJK","title-text":"_22idv","content-schedule":"_qw1VO","title-schedule":"_3Sogu","item-schedule":"_2hqMI","button-save-mobile":"_GJ7NM"};
 
+var defaultFontSmall$B = 12;
+var defaultFontLarge$B = 20;
+var initialSetting = {
+  actionPointSchedule: false,
+  completeClassReflection: false,
+  completeConference: false,
+  completeOneToOne: false,
+  emailActionPointSchedule: false,
+  emailCompleteClassReflection: false,
+  emailCompleteConference: false,
+  emailCompleteOneToOne: false,
+  emailScheduleConference: false,
+  emailScheduleOneToOne: false,
+  isTurnOnAllEmail: false,
+  isTurnOnAllNotification: false,
+  scheduleConference: false,
+  scheduleOneToOne: false,
+  id: 0
+};
+
 var apiGetSetting = function apiGetSetting() {
   return marioCore.api.get(marioCore.BASE_URL + "/api/Setting/setting");
 };
@@ -53209,47 +53235,22 @@ var putDataSetting = function putDataSetting(dispatch, body) {
   }
 };
 
-var defaultFontSmall$B = 12;
-var defaultFontLarge$B = 20;
-
 var useSettingPage = function useSettingPage() {
-  var _useState = React.useState({
-    isReceiveNotificationBookedSession: false,
-    isReceiveNotificationPrebookedSession: false,
-    IsSendNotiMail: 0
-  }),
-      dataGet = _useState[0],
-      setDataGet = _useState[1];
-
   var dispatch = reactRedux.useDispatch();
   var defaultFont = reactRedux.useSelector(function (state) {
     var _state$common;
 
     return (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.defaultFontSize;
   });
-  React.useEffect(function () {
-    getApi();
-  }, []);
-  var classFontSize = React.useMemo(function () {
-    if (defaultFont == defaultFontLarge$B) {
-      return "font-large";
-    }
-
-    if (defaultFont == defaultFontSmall$B) {
-      return "font-small";
-    }
 
-    return '';
-  }, [defaultFont]);
+  var _useState = React.useState(initialSetting),
+      dataSwitchNotification = _useState[0],
+      setDataSwitchNotification = _useState[1];
 
   var getApi = function getApi() {
     try {
       return Promise.resolve(getDataSetting(dispatch)).then(function (res) {
-        setDataGet({
-          isReceiveNotificationBookedSession: res === null || res === void 0 ? void 0 : res.isReceiveNotificationBookedSession,
-          isReceiveNotificationPrebookedSession: res === null || res === void 0 ? void 0 : res.isReceiveNotificationPrebookedSession,
-          IsSendNotiMail: (res === null || res === void 0 ? void 0 : res.isSendNotiMail) == true ? 1 : 0
-        });
+        setDataSwitchNotification(res);
       });
     } catch (e) {
       return Promise.reject(e);
@@ -53258,35 +53259,35 @@ var useSettingPage = function useSettingPage() {
 
   var saveSetting = function saveSetting() {
     try {
-      var data = {
-        IsReceiveNotificationBookedSession: dataGet === null || dataGet === void 0 ? void 0 : dataGet.isReceiveNotificationBookedSession,
-        isReceiveNotificationPrebookedSession: dataGet.isReceiveNotificationPrebookedSession,
-        IsSendNotiMail: (dataGet === null || dataGet === void 0 ? void 0 : dataGet.IsSendNotiMail) == 1 ? true : false
-      };
-      return Promise.resolve(putDataSetting(dispatch, data)).then(function () {});
+      return Promise.resolve(putDataSetting(dispatch, dataSwitchNotification)).then(function () {});
     } catch (e) {
       return Promise.reject(e);
     }
   };
 
-  var handleChangeRadio = function handleChangeRadio(event) {
-    setDataGet(_extends({}, dataGet, {
-      IsSendNotiMail: Number(event.target.value)
-    }));
-  };
-
   var handleChange = function handleChange(event) {
     var _extends2;
 
-    setDataGet(_extends({}, dataGet, (_extends2 = {}, _extends2[event.target.name] = event.target.checked, _extends2)));
+    setDataSwitchNotification(_extends({}, dataSwitchNotification, (_extends2 = {}, _extends2[event.target.name] = event.target.checked, _extends2)));
   };
 
+  var classFontSize = React.useMemo(function () {
+    if (defaultFont == defaultFontLarge$B) {
+      return "font-large";
+    }
+
+    if (defaultFont == defaultFontSmall$B) {
+      return "font-small";
+    }
+
+    return "";
+  }, [defaultFont]);
   React.useEffect(function () {
+    getApi();
     document.title = "Settings";
   }, []);
   return {
-    handleChangeRadio: handleChangeRadio,
-    dataGet: dataGet,
+    dataSwitchNotification: dataSwitchNotification,
     handleChange: handleChange,
     saveSetting: saveSetting,
     classFontSize: classFontSize,
@@ -53294,31 +53295,45 @@ var useSettingPage = function useSettingPage() {
   };
 };
 
+var SwitchComponent = function SwitchComponent(_ref) {
+  var title = _ref.title,
+      value = _ref.value,
+      _onChange = _ref.onChange,
+      name = _ref.name;
+  return React__default.createElement(core.Grid, {
+    className: "" + styles["box-switch"]
+  }, React__default.createElement(core.FormControlLabel, {
+    value: value,
+    control: React__default.createElement(core.Switch, {
+      color: "primary",
+      checked: value,
+      name: name,
+      onChange: function onChange(event) {
+        return _onChange(event);
+      }
+    }),
+    label: !value ? "No" : "Yes",
+    className: "" + styles["title-label"]
+  }), React__default.createElement("span", {
+    className: "" + styles["title-text"]
+  }, title));
+};
+
 function SettingPage() {
   var _useTranslation = marioCore.useTranslation(),
       t = _useTranslation.t;
 
   var _useSettingPage = useSettingPage(),
-      handleChangeRadio = _useSettingPage.handleChangeRadio,
       saveSetting = _useSettingPage.saveSetting,
       handleChange = _useSettingPage.handleChange,
-      dataGet = _useSettingPage.dataGet,
+      dataSwitchNotification = _useSettingPage.dataSwitchNotification,
       classFontSize = _useSettingPage.classFontSize;
 
   return React__default.createElement(React__default.Fragment, null, React__default.createElement(core.Grid, {
-    container: true,
-    spacing: 2
-  }, React__default.createElement(core.Grid, {
-    item: true,
-    xs: 12
-  }, React__default.createElement("div", {
     className: styles$A["header-page"] + " " + styles$A[classFontSize]
-  }, React__default.createElement(core.Typography, {
-    variant: "h3",
-    component: "h3"
   }, React__default.createElement("span", {
     className: "" + styles$A["text-name-header"]
-  }, t("settings"))), React__default.createElement(core.Button, {
+  }, t("settings")), React__default.createElement(core.Button, {
     variant: "contained",
     className: "" + styles$A["button-save"],
     onClick: saveSetting
@@ -53326,109 +53341,93 @@ function SettingPage() {
     className: "" + styles$A["text-button-header"]
   }, t("save_changes"), React__default.createElement(SaveIcon, {
     className: "" + styles$A["icon-save"]
-  })))))), React__default.createElement("div", {
+  })))), React__default.createElement(core.Grid, {
     className: styles$A["content-setting"] + " " + styles$A[classFontSize]
-  }, React__default.createElement(core.Grid, {
-    container: true,
-    spacing: 2
-  }, React__default.createElement(core.Grid, {
-    item: true,
-    xs: 12
   }, React__default.createElement("p", {
     className: "" + styles$A["title-activity"]
-  }, t("activity_notifications")))), React__default.createElement(core.Grid, {
-    container: true,
-    spacing: 2
-  }, React__default.createElement(core.Grid, {
-    item: true,
-    xs: 9,
-    md: 6
-  }, React__default.createElement("span", {
-    className: "" + styles$A["title-text"]
-  }, t("schedule_notifications"))), React__default.createElement(core.Grid, {
-    item: true,
-    xs: 3,
-    md: 6,
-    className: "" + styles$A["switch"]
-  }, React__default.createElement(core.FormControlLabel, {
-    value: dataGet.isReceiveNotificationBookedSession,
-    control: React__default.createElement(core.Switch, {
-      color: "primary",
-      checked: dataGet.isReceiveNotificationBookedSession,
-      name: "isReceiveNotificationBookedSession",
-      onChange: handleChange
-    }),
-    label: (dataGet === null || dataGet === void 0 ? void 0 : dataGet.isReceiveNotificationBookedSession) === true ? t("yes") : t("no"),
-    className: "" + styles$A["title-label"]
-  }))), React__default.createElement(core.Grid, {
-    container: true,
-    spacing: 2
-  }, React__default.createElement(core.Grid, {
-    item: true,
-    xs: 9,
-    md: 6
-  }, React__default.createElement("span", {
-    className: "" + styles$A["title-text"]
-  }, t("preschedule_notifications"))), React__default.createElement(core.Grid, {
-    item: true,
-    xs: 3,
-    md: 6,
-    className: "" + styles$A["switch"]
-  }, React__default.createElement(core.FormControlLabel, {
-    value: dataGet.isReceiveNotificationPrebookedSession,
-    control: React__default.createElement(core.Switch, {
-      color: "primary",
-      checked: dataGet.isReceiveNotificationPrebookedSession,
-      name: "isReceiveNotificationPrebookedSession",
-      onChange: handleChange
-    }),
-    label: (dataGet === null || dataGet === void 0 ? void 0 : dataGet.isReceiveNotificationPrebookedSession) === true ? t("yes") : t("no"),
-    className: "" + styles$A["title-label"]
-  }))), React__default.createElement(core.Grid, {
-    container: true,
-    spacing: 2
-  }, React__default.createElement(core.Grid, {
-    item: true,
-    xs: 12
-  }, React__default.createElement(core.FormControl, {
-    component: "fieldset"
+  }, "In-App Notifications"), React__default.createElement(SwitchComponent, {
+    name: "isTurnOnAllNotification",
+    title: "Turn off all notifications",
+    value: dataSwitchNotification.isTurnOnAllNotification,
+    onChange: handleChange
+  })), React__default.createElement(core.Grid, {
+    className: styles$A["content-setting"] + " " + styles$A[classFontSize]
   }, React__default.createElement("p", {
-    className: "" + styles$A["title-email"]
-  }, t("email_notification")), React__default.createElement(core.RadioGroup, {
-    "aria-label": "gender",
-    name: "IsSendNotiMail",
-    onChange: handleChangeRadio,
-    className: "" + styles$A["content-email"],
-    value: dataGet.IsSendNotiMail
-  }, React__default.createElement(core.FormControlLabel, {
-    value: 1,
-    control: React__default.createElement(core.Radio, {
-      color: "primary"
-    }),
-    label: t("send_me_email_notification"),
-    className: "" + styles$A["text-email"]
-  }), React__default.createElement(core.FormControlLabel, {
-    value: 0,
-    control: React__default.createElement(core.Radio, {
-      color: "primary"
-    }),
-    label: t("dont_send_me_email_notification"),
-    className: "" + styles$A["text-email"]
-  }))))), React__default.createElement(core.Grid, {
-    container: true,
-    spacing: 2
-  }, React__default.createElement(core.Grid, {
-    item: true,
-    xs: 12
-  }, React__default.createElement(core.Button, {
-    variant: "contained",
-    className: "" + styles$A["button-save-mobile"],
-    onClick: saveSetting
-  }, React__default.createElement("span", {
-    className: "" + styles$A["text-button-header"]
-  }, " ", t("save_changes"), " ", React__default.createElement(SaveIcon, {
-    className: "" + styles$A["icon-save"]
-  }))), React__default.createElement("div", null)))));
+    className: "" + styles$A["title-activity"]
+  }, "Notify me when..."), React__default.createElement(SwitchComponent, {
+    name: "scheduleOneToOne",
+    title: "A student schedules a 1-1",
+    value: dataSwitchNotification.scheduleOneToOne,
+    onChange: handleChange
+  }), React__default.createElement(SwitchComponent, {
+    name: "scheduleConference",
+    title: "A student schedules a conference",
+    value: dataSwitchNotification.scheduleConference,
+    onChange: handleChange
+  }), React__default.createElement(SwitchComponent, {
+    name: "completeOneToOne",
+    title: "A student completes a 1-1 check-in",
+    value: dataSwitchNotification.completeOneToOne,
+    onChange: handleChange
+  }), React__default.createElement(SwitchComponent, {
+    name: "completeConference",
+    title: "A student completes a conference self-assessment rubric",
+    value: dataSwitchNotification.completeConference,
+    onChange: handleChange
+  }), React__default.createElement(SwitchComponent, {
+    name: "completeClassReflection",
+    title: "A student or teacher completes a class reflection",
+    value: dataSwitchNotification.completeClassReflection,
+    onChange: handleChange
+  }), React__default.createElement(SwitchComponent, {
+    name: "actionPointSchedule",
+    title: "Action points are due based on chosen schedule",
+    value: dataSwitchNotification.actionPointSchedule,
+    onChange: handleChange
+  })), React__default.createElement(core.Grid, {
+    className: styles$A["content-setting"] + " " + styles$A[classFontSize]
+  }, React__default.createElement("p", {
+    className: "" + styles$A["title-activity"]
+  }, "Email Notifications"), React__default.createElement(SwitchComponent, {
+    name: "isTurnOnAllEmail",
+    title: "Turn off all notifications",
+    value: dataSwitchNotification.isTurnOnAllEmail,
+    onChange: handleChange
+  })), React__default.createElement(core.Grid, {
+    className: styles$A["content-setting"] + " " + styles$A[classFontSize]
+  }, React__default.createElement("p", {
+    className: "" + styles$A["title-activity"]
+  }, "Notify me when..."), React__default.createElement(SwitchComponent, {
+    name: "emailScheduleOneToOne",
+    title: "A student schedules a 1-1",
+    value: dataSwitchNotification.emailScheduleOneToOne,
+    onChange: handleChange
+  }), React__default.createElement(SwitchComponent, {
+    name: "emailScheduleConference",
+    title: "A student schedules a conference",
+    value: dataSwitchNotification.emailScheduleConference,
+    onChange: handleChange
+  }), React__default.createElement(SwitchComponent, {
+    name: "emailCompleteOneToOne",
+    title: "A student completes a 1-1 check-in",
+    value: dataSwitchNotification.emailCompleteOneToOne,
+    onChange: handleChange
+  }), React__default.createElement(SwitchComponent, {
+    name: "emailCompleteConference",
+    title: "A student completes a conference self-assessment rubric",
+    value: dataSwitchNotification.emailCompleteConference,
+    onChange: handleChange
+  }), React__default.createElement(SwitchComponent, {
+    name: "emailCompleteClassReflection",
+    title: "A student or teacher completes a class reflection",
+    value: dataSwitchNotification.emailCompleteClassReflection,
+    onChange: handleChange
+  }), React__default.createElement(SwitchComponent, {
+    name: "emailActionPointSchedule",
+    title: "Action points are due based on chosen schedule",
+    value: dataSwitchNotification.emailActionPointSchedule,
+    onChange: handleChange
+  })));
 }
 
 var _templateObject$4;