mario-teacher-student-client 1.7.2 → 1.7.3

package/dist/containers/MyProfile/hooks/useChangePassword.d.ts

@@ -0,0 +1,4 @@
+declare const useChangePassword: () => {
+    changePassword: (data: any) => Promise<void>;
+};
+export default useChangePassword;

package/dist/containers/MyProfile/views/ChangePassword.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const ChangePassword: () => JSX.Element;
+export default ChangePassword;

package/dist/index.css

@@ -1813,6 +1813,13 @@ h2._1OAmb {
   font-weight: normal;
   padding-bottom: 10px; }
 
+._20_3n {
+  word-wrap: break-word;
+  overflow: auto;
+  max-height: 400px;
+  text-align: justify;
+  padding-right: 10px !important; }
+
 ._3tSGF {
   font-size: 12px;
   font-weight: normal;
@@ -2431,7 +2438,7 @@ h2._1OAmb {
   justify-content: space-between;
   min-width: 220px; }
   ._1a4Tr ._3D6Xv {
-    color: #cbd4c9; }
+    color: #7f7777; }
   ._1a4Tr > label {
     margin-bottom: 0;
     white-space: nowrap; }
@@ -2607,7 +2614,7 @@ h2._1OAmb {
 
 ._3uYAt {
   background: #f8f8f8;
-  padding: 0px 20px; }
+  padding: 10px 20px; }
   ._3uYAt ._1V3nf {
     background: #fff;
     border-radius: 10px;
@@ -2625,7 +2632,7 @@ h2._1OAmb {
 ._J8fJn {
   margin-right: 12px;
   height: 100%; }
-  @media (max-width: 767px) {
+  @media (max-width: 820px) {
     ._J8fJn {
       width: 100%;
       margin-right: 0;
@@ -2637,7 +2644,7 @@ h2._1OAmb {
   align-items: center;
   padding-bottom: 10px;
   flex-wrap: wrap; }
-  @media (max-width: 767px) {
+  @media (max-width: 820) {
     ._1qCwl {
       display: flex;
       align-items: center;
@@ -2673,6 +2680,9 @@ h2._1OAmb {
         margin-left: 10px; }
       ._1clLN ._1RV8f ._286sF:last-child {
         margin-right: 10px; } }
+  @media (max-width: 767px) {
+    ._1clLN {
+      top: 11%; } }
 
 @media (max-width: 767px) {
   canvas {
@@ -2731,7 +2741,7 @@ h2._1OAmb {
     ._3sc5l ._2UlJW::before {
       opacity: 0 !important; }
 
-@media (max-width: 767px) {
+@media (max-width: 820px) {
   ._l-kLp {
     width: 100%; } }
 
@@ -2747,8 +2757,6 @@ h2._1OAmb {
   max-height: 13vh !important; }
 
 @media only screen and (max-width: 767px) {
-  ._3F0Tm {
-    margin-top: 45px; }
   ._1jSN5 {
     margin-top: 130px; }
   ._286sF:last-child {
@@ -4830,43 +4838,43 @@ h2._1KpSK {
   font-weight: normal;
   font-style: normal; }
 
-._1s_YB {
+._2dPW9 {
   display: flex;
   flex-direction: column;
   max-width: 500px;
   width: 100%;
   margin-left: 16px; }
   @media (max-width: 767px) {
-    ._1s_YB {
+    ._2dPW9 {
       width: 90%; } }
-  ._1s_YB ._XHOmj {
+  ._2dPW9 ._QtS3M {
     margin: 20px 0 5px;
     font-size: 12px;
     font-weight: 400;
     color: #6b6b6b; }
-    ._1s_YB ._XHOmj sup {
+    ._2dPW9 ._QtS3M sup {
       color: red;
       font-size: 14px; }
-  ._1s_YB ._1WBm5 {
+  ._2dPW9 ._3W0Q2 {
     margin: 10px 0 10px 0;
     word-wrap: break-word;
     width: 100%; }
-    ._1s_YB ._1WBm5 ._1tyMm {
+    ._2dPW9 ._3W0Q2 ._21cvx {
       color: black;
       font-weight: 400; }
-    ._1s_YB ._1WBm5 ._2I74E {
+    ._2dPW9 ._3W0Q2 ._32y35 {
       color: black;
       font-weight: 600; }
-      ._1s_YB ._1WBm5 ._2I74E ._3TwHu {
+      ._2dPW9 ._3W0Q2 ._32y35 ._1tSfF {
         word-wrap: break-word; }
-  ._1s_YB ._fRT0E {
+  ._2dPW9 ._3L0_p {
     margin: 10px 0 10px 0;
     width: 100%;
     border-radius: 12px;
     background-color: #308252; }
-    ._1s_YB ._fRT0E:hover {
+    ._2dPW9 ._3L0_p:hover {
       background-color: #308252; }
 
-._1bAMH {
+._5P9LZ {
   font-size: 15px;
   color: red; }

package/dist/index.d.ts

@@ -17,6 +17,6 @@ import MyProfile from "./containers/MyProfile/views/MyProfile";
 import NewLearningPlan from './containers/MyStudent/components/NewLearningPlan';
 import UpdateStudentProfile from "./containers/MyStudent/components/UpdateStudentProfile";
 import CreateStudent from "./containers/MyStudent/components/CreateStudent";
-import ChangePassword from "./containers/MyStudent/components/ChangePassword";
+import ChangePassword from "./containers/MyProfile/views/ChangePassword";
 import StageDebugPage from "./containers/StageDebug/views/StageDebugPage";
 export { MainLayout, HomePage, MyOneToOne, MyConferences, ConductIndex, MyStudent, SessionResultComponent, BookSession, StudentDetail, StartReflection, ResultReflection, StudentReflection, ConferenceRubric, ResultConferenceRubric, BookSessionConferences, MyProfile, NewLearningPlan, UpdateStudentProfile, CreateStudent, ChangePassword, StageDebugPage };

package/dist/index.js

@@ -5194,7 +5194,7 @@ var HeaderComponent = function HeaderComponent(_ref) {
   }))));
 };
 
-var styles$2 = {"block-question":"_3bYTs","box-last":"_1SQC-","top-session":"_3dcqs","block-session-type":"_xLN0K","session-text":"_3ijmc","page-conduct":"_3A-A9","conduct-contain":"_1saEt","title-conduct":"_2HROs","name-conduct":"_3mJSQ","title":"_3RuBx","list-conduct":"_29kva","session-select":"_Dgvz2","item-conduct":"_T1fJ4","item":"_2hOFE","font-question":"_3-Mx5","talk-conduct":"_2MUjA","box-talk":"_3cwEi","box-p":"_1bzoU","font-title":"_1OAmb","box-question":"_D7nB-","title-strategories":"_3JCHg","strategories-image":"_YKzPb","img-session":"_1WobV","switch-session":"_3T9GL","body-session":"_FuViQ","modal-finished":"_1kr7b","title-modal":"_31ujp","body-modal":"_22YdW","tite-body":"_81XA0","btn-cancel":"_1p4Cd","btn-submit":"_36jLj","partner-profile-header":"_2HAFW","partner-name":"_1rCfd","close-btn":"_3qkoh","close-icon":"_R5ivj","partner-detail-content":"_3Yl8e","partner-detail-email":"_zsML4","partner-detail":"_A-c6O","no-data":"_3tSGF","partner-profiles-diallog":"_gOdCz","partner-profile":"_3h4fG","profile-box-mobile":"_2xyvg","partner-profile-mobile":"_1IckI","partner-profile-header-mobile":"_2-Nhf","partner-profile-avt":"_sSpfT","partner-schedule":"_smLhQ","partner-schedule-meeting":"_1MX_1","no-schedule-box":"_3tmRq","schedule-meeting-element":"_vE2nJ","time-detail":"_JAWru","name-detail":"_3RlQ2","avatar_user":"_3d254","btn-done":"_9SOPe","btn-done-session":"_3Id4g","btn-scroll-top":"_WEfrE","info-container":"_3KbBU"};
+var styles$2 = {"block-question":"_3bYTs","box-last":"_1SQC-","top-session":"_3dcqs","block-session-type":"_xLN0K","session-text":"_3ijmc","page-conduct":"_3A-A9","conduct-contain":"_1saEt","title-conduct":"_2HROs","name-conduct":"_3mJSQ","title":"_3RuBx","list-conduct":"_29kva","session-select":"_Dgvz2","item-conduct":"_T1fJ4","item":"_2hOFE","font-question":"_3-Mx5","talk-conduct":"_2MUjA","box-talk":"_3cwEi","box-p":"_1bzoU","font-title":"_1OAmb","box-question":"_D7nB-","title-strategories":"_3JCHg","strategories-image":"_YKzPb","img-session":"_1WobV","switch-session":"_3T9GL","body-session":"_FuViQ","modal-finished":"_1kr7b","title-modal":"_31ujp","body-modal":"_22YdW","tite-body":"_81XA0","btn-cancel":"_1p4Cd","btn-submit":"_36jLj","partner-profile-header":"_2HAFW","partner-name":"_1rCfd","close-btn":"_3qkoh","close-icon":"_R5ivj","partner-detail-content":"_3Yl8e","partner-detail-email":"_zsML4","partner-detail":"_A-c6O","health-note-text":"_20_3n","no-data":"_3tSGF","partner-profiles-diallog":"_gOdCz","partner-profile":"_3h4fG","profile-box-mobile":"_2xyvg","partner-profile-mobile":"_1IckI","partner-profile-header-mobile":"_2-Nhf","partner-profile-avt":"_sSpfT","partner-schedule":"_smLhQ","partner-schedule-meeting":"_1MX_1","no-schedule-box":"_3tmRq","schedule-meeting-element":"_vE2nJ","time-detail":"_JAWru","name-detail":"_3RlQ2","avatar_user":"_3d254","btn-done":"_9SOPe","btn-done-session":"_3Id4g","btn-scroll-top":"_WEfrE","info-container":"_3KbBU"};
 
 var BACKGROUND_COLOR = "#CDCDCD";
 
@@ -5880,8 +5880,8 @@ var useConductOne = function useConductOne() {
       setSessionResultId = _useState5[1];
 
   var _useState6 = React.useState(0),
-      sessionResultTeacherId = _useState6[0],
-      setSessionResultTeacherId = _useState6[1];
+      sessionResultStudentId = _useState6[0],
+      setSessionResultStudentId = _useState6[1];
 
   var _useState7 = React.useState(false),
       isUnlocked = _useState7[0],
@@ -5910,7 +5910,7 @@ var useConductOne = function useConductOne() {
 
       var _temp4 = _catch(function () {
         return Promise.resolve(getQuestionTeacherDefault(parseInt(sessionId))).then(function (res) {
-          var _res$data, _res$data$studentResu, _res$data4, _res$data4$teacherRes, _res$data$teacherResu, _res$data$teacherResu2, _res$data$teacherResu3, _res$data$teacherResu4, _res$data$studentResu2, _res$data$teacherResu5, _res$data$studentResu3, _res$data7, _res$data7$studentRes, _res$data8, _res$data8$teacherRes, _res$data9, _res$data9$teacherRes;
+          var _res$data, _res$data$studentResu, _res$data4, _res$data4$teacherRes, _res$data$teacherResu, _res$data$teacherResu2, _res$data$teacherResu3, _res$data$teacherResu4, _res$data$teacherResu5, _res$data$studentResu2, _res$data$studentResu3, _res$data$studentResu4, _res$data7, _res$data7$studentRes, _res$data8, _res$data8$teacherRes, _res$data9, _res$data9$teacherRes;
 
           if (isStudent && (_res$data = res.data) !== null && _res$data !== void 0 && (_res$data$studentResu = _res$data.studentResult) !== null && _res$data$studentResu !== void 0 && _res$data$studentResu.isDone) {
             var _res$data2, _res$data3, _res$data3$studentRes;
@@ -5927,10 +5927,10 @@ var useConductOne = function useConductOne() {
           setListQuestionTeacherAnswer((_res$data$teacherResu = res.data.teacherResult) === null || _res$data$teacherResu === void 0 ? void 0 : (_res$data$teacherResu2 = _res$data$teacherResu.questions) === null || _res$data$teacherResu2 === void 0 ? void 0 : _res$data$teacherResu2[0]);
           setListQuestionStudentAnswer(res.data.studentResult.questions);
           setListLearningStrategory((_res$data$teacherResu3 = res.data.teacherResult) === null || _res$data$teacherResu3 === void 0 ? void 0 : (_res$data$teacherResu4 = _res$data$teacherResu3.questions) === null || _res$data$teacherResu4 === void 0 ? void 0 : _res$data$teacherResu4[0].learningStrategyAnswers);
-          setSessionResultId((_res$data$studentResu2 = res.data.studentResult) === null || _res$data$studentResu2 === void 0 ? void 0 : _res$data$studentResu2.id);
-          setSessionResultTeacherId((_res$data$teacherResu5 = res.data.teacherResult) === null || _res$data$teacherResu5 === void 0 ? void 0 : _res$data$teacherResu5.id);
+          setSessionResultId(isTeacher ? (_res$data$teacherResu5 = res.data.teacherResult) === null || _res$data$teacherResu5 === void 0 ? void 0 : _res$data$teacherResu5.id : (_res$data$studentResu2 = res.data.studentResult) === null || _res$data$studentResu2 === void 0 ? void 0 : _res$data$studentResu2.id);
+          setSessionResultStudentId((_res$data$studentResu3 = res.data.studentResult) === null || _res$data$studentResu3 === void 0 ? void 0 : _res$data$studentResu3.id);
           setIsUnclocked(res.data.isUnlocked);
-          setLength((_res$data$studentResu3 = res.data.studentResult) === null || _res$data$studentResu3 === void 0 ? void 0 : _res$data$studentResu3.length);
+          setLength((_res$data$studentResu4 = res.data.studentResult) === null || _res$data$studentResu4 === void 0 ? void 0 : _res$data$studentResu4.length);
           setStartTime(isStudent ? (_res$data7 = res.data) === null || _res$data7 === void 0 ? void 0 : (_res$data7$studentRes = _res$data7.studentResult) === null || _res$data7$studentRes === void 0 ? void 0 : _res$data7$studentRes.startTime : (_res$data8 = res.data) === null || _res$data8 === void 0 ? void 0 : (_res$data8$teacherRes = _res$data8.teacherResult) === null || _res$data8$teacherRes === void 0 ? void 0 : _res$data8$teacherRes.startTime);
           var body = {
             studentName: res.data.studentName,
@@ -5972,10 +5972,10 @@ var useConductOne = function useConductOne() {
 
       return item;
     });
-    var isCheckTeacherLearning = listQuestionTeachers.id == questionId;
+    var isCheckTeacherLearning = listQuestionTeachers.id != questionId;
     setListQuestionStudentAnswer(arrNew);
     var body = {
-      sessionResultId: isCheckTeacherLearning ? sessionResultTeacherId : sessionResultId,
+      sessionResultId: isCheckTeacherLearning ? sessionResultStudentId : sessionResultId,
       questionId: questionId,
       text: text
     };
@@ -6013,7 +6013,7 @@ var useConductOne = function useConductOne() {
         return Promise.reject(e);
       }
     }, 500);
-  }, [sessionResultId, listQuestionStudents, listQuestionTeachers, sessionResultTeacherId]);
+  }, [sessionResultId, listQuestionStudents, listQuestionTeachers, sessionResultStudentId]);
   var fnfinishSession = React.useCallback(function (sessionTypeCategoryId, cb) {
     try {
       var _temp9 = function _temp9() {
@@ -6028,8 +6028,7 @@ var useConductOne = function useConductOne() {
           length: lengthSession,
           sessionTypeCategoryId: sessionTypeCategoryId
         };
-        var idSessionResult = isTeacher ? sessionResultTeacherId : sessionResultId;
-        var runFinishSession = isTeacher ? finishSession(idSessionResult, body) : finishSession(idSessionResult, {});
+        var runFinishSession = isTeacher ? finishSession(sessionResultId, body) : finishSession(sessionResultId, {});
         return Promise.resolve(runFinishSession).then(function () {
           !!cb && cb();
         });
@@ -6046,7 +6045,7 @@ var useConductOne = function useConductOne() {
     } catch (e) {
       return Promise.reject(e);
     }
-  }, [sessionResultId, length, isTeacher, sessionResultTeacherId]);
+  }, [sessionResultId, length, isTeacher]);
   var getSessionType = React.useCallback(function () {
     try {
       var _temp13 = function _temp13() {
@@ -11328,7 +11327,7 @@ var StudentTabs = function StudentTabs(props) {
   }, renderContent());
 };
 
-var styles$3 = {"box-overview":"_3uYAt","overview-left":"_1V3nf","overview-schedule":"_2AQxk","overview-partner-profiles":"_J8fJn","show-arrange-today":"_1qCwl","gr-date-time":"_1clLN","date-picker-overview":"_1RV8f","date-time":"_286sF","box":"_2QGnx","title-box":"_175nT","content-box":"_fEaRj","overview-right":"_3sc5l","accordion-item":"_2UlJW","collap-box":"_l-kLp","title-overview":"_3aapW","width-90":"_2wWhs","height-13vh":"_2WNUe","date-picker-mobile":"_3F0Tm","chartDataAndLabelData":"_1jSN5","date-picker-to":"_3140u"};
+var styles$3 = {"box-overview":"_3uYAt","overview-left":"_1V3nf","overview-schedule":"_2AQxk","overview-partner-profiles":"_J8fJn","show-arrange-today":"_1qCwl","gr-date-time":"_1clLN","date-picker-overview":"_1RV8f","date-time":"_286sF","box":"_2QGnx","title-box":"_175nT","content-box":"_fEaRj","overview-right":"_3sc5l","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"};
 
 var _excluded$8 = ["children", "value", "index"];
 var DEFAULT_USER_AVATAR$6 = "/images/image-default.png";
@@ -11563,7 +11562,7 @@ var OverviewLeft = function OverviewLeft(props) {
   }, "- No data"), React__default.createElement(core.Typography, {
     className: "" + styles$2["partner-detail-content"]
   }, "Note"), !!partnerData.note ? React__default.createElement("p", {
-    className: "" + styles$2["partner-detail"]
+    className: styles$2["partner-detail"] + " " + styles$2["health-note-text"]
   }, partnerData === null || partnerData === void 0 ? void 0 : partnerData.note) : React__default.createElement("p", {
     className: "" + styles$2["no-data"]
   }, "- No data"))), React__default.createElement(core.Grid, {
@@ -12218,6 +12217,15 @@ var Overview = function Overview(props) {
       };
     });
   }, [overviewCollap, informationWellbeing]);
+  React.useEffect(function () {
+    var firstChildId = !!overviewTotal && overviewTotal.length > 0 ? overviewTotal[0].id : 0;
+    var openPanel = "panel" + firstChildId;
+    setExpanded(openPanel);
+
+    if (expanded != openPanel) {
+      getInformationWellbeing(firstChildId, moment().startOf("month").valueOf(), Date.now());
+    }
+  }, [overviewTotal, overviewCollap, informationWellbeing]);
   console.log({
     overviewTotal: overviewTotal
   });
@@ -12260,7 +12268,7 @@ var Overview = function Overview(props) {
   var screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
   return React__default.createElement("div", {
     className: styles$3["box-overview"]
-  }, screenWidth > 680 ? React__default.createElement(core.Grid, {
+  }, screenWidth > 820 ? React__default.createElement(core.Grid, {
     container: true
   }, React__default.createElement(core.Grid, {
     item: true,
@@ -18001,6 +18009,7 @@ var TEACHER_PROFILE = marioCore.BASE_URL + "/api/TeacherProfile";
 var UPDATE_TEACHER_PROFILE = marioCore.BASE_URL + "/api/TeacherProfile";
 var UPLOAD_FILE_URL = marioCore.BASE_URL + "/api/file";
 var SYSTEM_PROFILE$1 = UPLOAD_FILE_URL + "/system/profile";
+var CHANGE_PASSWORD = marioCore.BASE_URL + "/api/Account/changePassword";
 var getProfileTeacher = function getProfileTeacher() {
   return marioCore.api.get(TEACHER_PROFILE + "/current");
 };
@@ -18010,6 +18019,9 @@ var updateProfileTeacher = function updateProfileTeacher(data) {
 var systemProfileUpload$1 = function systemProfileUpload(formData) {
   return marioCore.api.post(SYSTEM_PROFILE$1, formData);
 };
+var changePasswordApi = function changePasswordApi(formData) {
+  marioCore.api.post(CHANGE_PASSWORD, formData);
+};
 
 var useProfile = function useProfile() {
   var dispatch = reactRedux.useDispatch();
@@ -18125,7 +18137,7 @@ var MyProfile = function MyProfile() {
   }, []);
 
   var goToChangePass = function goToChangePass() {
-    history.push("/change-password");
+    history.push("/my-profile/change-password");
   };
 
   var MAX_FILE_SIZE = 20097152;
@@ -18943,10 +18955,10 @@ var NewLearningPlan = function NewLearningPlan() {
   };
   var initialValuesSchema = yup.object({
     disabilityArea: yup.string().required("Disability Area is required"),
-    iefMeetingDate: yup.string().required("IEP Meeting Date is required"),
-    iefImplementationDate: yup.string().required("IEP Implementation Date is required"),
-    annualReviewDate: yup.string().required("Annual Review Date is required"),
-    triennialDate: yup.string().required("Triennial Date is required"),
+    iefMeetingDate: yup.string().typeError("IEP Meeting Date is required").required("IEP Meeting Date is required"),
+    iefImplementationDate: yup.string().typeError("IEP Implementation Date is required").required("IEP Implementation Date is required"),
+    annualReviewDate: yup.string().typeError("Annual Review Date is required").required("Annual Review Date is required"),
+    triennialDate: yup.string().typeError("Triennial Date is required").required("Triennial Date is required"),
     typeOfIef: yup.array().test("test-Type of IEP", "Type of IEP is required", function (value) {
       for (var i = 0; i < value.length; i++) {
         if (!!value[i]) {
@@ -19180,7 +19192,11 @@ var NewLearningPlan = function NewLearningPlan() {
       className: "" + myStudent["student-information-type"]
     }, React__default.createElement(core.Typography, {
       className: "" + myStudent["information-type-title"]
-    }, "Type of IEP"), React__default.createElement(core.FormGroup, {
+    }, "Type of IEP", React__default.createElement("sup", {
+      style: {
+        color: "red"
+      }
+    }, "*")), React__default.createElement(core.FormGroup, {
       row: true
     }, typeOfIefModel.map(function (e) {
       return React__default.createElement(core.FormControlLabel, {
@@ -19198,7 +19214,11 @@ var NewLearningPlan = function NewLearningPlan() {
       className: "" + myStudent["student-information-source"]
     }, React__default.createElement(core.Typography, {
       className: "" + myStudent["information-source-title"]
-    }, "Source of Eligibility (for initial)"), React__default.createElement(core.FormGroup, {
+    }, "Source of Eligibility (for initial)", React__default.createElement("sup", {
+      style: {
+        color: "red"
+      }
+    }, "*")), React__default.createElement(core.FormGroup, {
       row: true
     }, typeSourceofEligibilityModel.map(function (e) {
       return React__default.createElement(core.FormControlLabel, {
@@ -19791,10 +19811,6 @@ var UpdateStudentProfile = function UpdateStudentProfile() {
     history.push("/student-detail/overview/" + studentId);
   };
 
-  var goToChangePass = function goToChangePass() {
-    history.push("/change-password");
-  };
-
   React.useEffect(function () {
     document.title = "Student Profile Edit";
   }, []);
@@ -20076,10 +20092,7 @@ var UpdateStudentProfile = function UpdateStudentProfile() {
       onChange: function onChange(e) {
         return setFieldValue("calendarId", e.target.value);
       }
-    }), React__default.createElement("p", {
-      className: "" + styles$8["link"],
-      onClick: goToChangePass
-    }, "Change Password"), React__default.createElement(core.Button, {
+    }), React__default.createElement(core.Button, {
       variant: "contained",
       color: "primary",
       size: "large",
@@ -20478,17 +20491,58 @@ var CreateStudent = function CreateStudent() {
   });
 };
 
-var styles$a = {"change-form":"_1s_YB","label":"_XHOmj","input-field":"_1WBm5","MuiInputLabel-outlined":"_1tyMm","MuiFormLabel-root":"_2I74E","MuiInputBase-input":"_3TwHu","btn-submit":"_fRT0E","input-error":"_1bAMH"};
+var styles$a = {"change-form":"_2dPW9","label":"_QtS3M","input-field":"_3W0Q2","MuiInputLabel-outlined":"_21cvx","MuiFormLabel-root":"_32y35","MuiInputBase-input":"_1tSfF","btn-submit":"_3L0_p","input-error":"_5P9LZ"};
+
+var useChangePassword = function useChangePassword() {
+  var dispatch = reactRedux.useDispatch();
+
+  var changePassword = function changePassword(data) {
+    try {
+      var _temp3 = function _temp3() {
+        dispatch(marioCore.setLoading(false));
+      };
+
+      dispatch(marioCore.setLoading(true));
+
+      var _temp4 = _catch(function () {
+        return Promise.resolve(changePasswordApi(data)).then(function () {
+          dispatch(marioCore.setAlert({
+            type: "success",
+            message: "Change password successfully"
+          }));
+        });
+      }, 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);
+    }
+  };
+
+  return {
+    changePassword: changePassword
+  };
+};
 
 var schema$2 = yup.object({
-  email: yup.string().email('Invalid email').required('Email is required'),
-  newPassword: yup.string().required('Password is required'),
-  otp: yup.string().required('OTP is required')
+  oldPassword: yup.string().required("Old password is required"),
+  newPassword: yup.string().required("New password is required"),
+  confirmedNewPassword: yup.string().oneOf([yup.ref("newPassword"), null], "New password must match").required("Confirm your new password")
 });
 
 var ChangePassword = function ChangePassword() {
   var history = reactRouterDom.useHistory();
 
+  var _useChangePassword = useChangePassword(),
+      changePassword = _useChangePassword.changePassword;
+
   var goBack = function goBack() {
     history.push("/my-one-to-one/up-coming");
   };
@@ -20498,13 +20552,13 @@ var ChangePassword = function ChangePassword() {
   }, []);
   return React__default.createElement(formik.Formik, {
     initialValues: {
-      email: "",
+      oldPassword: "",
       newPassword: "",
-      otp: ""
+      confirmedNewPassword: ""
     },
     enableReinitialize: true,
     onSubmit: function onSubmit(values) {
-      console.log(values);
+      changePassword(values);
     },
     validateOnChange: false,
     validateOnBlur: false,
@@ -20533,21 +20587,23 @@ var ChangePassword = function ChangePassword() {
       className: "" + styles$a["change-form"]
     }, React__default.createElement(core.Typography, {
       className: "" + styles$a["label"]
-    }, "Email", React__default.createElement("sup", null, "*")), React__default.createElement(core.TextField, {
-      name: "email",
+    }, "Old password", React__default.createElement("sup", null, "*")), React__default.createElement(core.TextField, {
+      name: "oldPassword",
       variant: "outlined",
-      value: values === null || values === void 0 ? void 0 : values.email,
+      type: "password",
+      value: values === null || values === void 0 ? void 0 : values.oldPassword,
       className: "" + styles$a["input-field"],
       onChange: function onChange(e) {
-        setFieldValue("email", e.target.value);
+        setFieldValue("oldPassword", e.target.value);
       }
-    }), errors.email && touched.email && React__default.createElement("div", {
+    }), errors.oldPassword && touched.oldPassword && React__default.createElement("div", {
       className: "" + styles$a["input-error"]
-    }, errors.email), React__default.createElement(core.Typography, {
+    }, errors.oldPassword), React__default.createElement(core.Typography, {
       className: "" + styles$a["label"]
     }, "New Password", React__default.createElement("sup", null, "*")), React__default.createElement(core.TextField, {
-      name: "password",
+      name: "newPassword",
       variant: "outlined",
+      type: "password",
       value: values === null || values === void 0 ? void 0 : values.newPassword,
       className: "" + styles$a["input-field"],
       onChange: function onChange(e) {
@@ -20557,17 +20613,18 @@ var ChangePassword = function ChangePassword() {
       className: "" + styles$a["input-error"]
     }, errors.newPassword), React__default.createElement(core.Typography, {
       className: "" + styles$a["label"]
-    }, "OTP", React__default.createElement("sup", null, "*")), React__default.createElement(core.TextField, {
-      name: "otp",
+    }, "Confirm new password", React__default.createElement("sup", null, "*")), React__default.createElement(core.TextField, {
+      name: "confirmedNewPassword",
       variant: "outlined",
-      value: values === null || values === void 0 ? void 0 : values.otp,
+      type: "password",
+      value: values === null || values === void 0 ? void 0 : values.confirmedNewPassword,
       className: "" + styles$a["input-field"],
       onChange: function onChange(e) {
-        setFieldValue("otp", e.target.value);
+        setFieldValue("confirmedNewPassword", e.target.value);
       }
-    }), errors.otp && touched.otp && React__default.createElement("div", {
+    }), errors.confirmedNewPassword && touched.confirmedNewPassword && React__default.createElement("div", {
       className: "" + styles$a["input-error"]
-    }, errors.otp), React__default.createElement(core.Button, {
+    }, errors.confirmedNewPassword), React__default.createElement(core.Button, {
       variant: "contained",
       color: "primary",
       size: "large",