mario-core 2.9.144-up → 2.9.146-level

package/dist/components/Modals/ModelSelectRole.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface IModelSelectRole {
+    open: boolean;
+    onToggleModel: Function;
+}
+declare const ModelSelectRole: ({ open, onToggleModel }: IModelSelectRole) => JSX.Element;
+export default ModelSelectRole;

package/dist/index.css

@@ -300,24 +300,24 @@
 @-webkit-keyframes _wnn2_ {
   0% {
     opacity: 0;
-    background-image: url("~/public/images/landing-page.jpg"); }
+    background-image: url("/images/landing-page.jpg"); }
   50% {
     opacity: 1;
-    background-image: url("~/public/images/landing-page2.jpg"); }
+    background-image: url("/images/landing-page2.jpg"); }
   100% {
     opacity: 2;
-    background-image: url("~/public/images/landing-page3.jpg"); } }
+    background-image: url("/images/landing-page3.jpg"); } }
 
 @keyframes _wnn2_ {
   0% {
     opacity: 0;
-    background-image: url("~/public/images/landing-page.jpg"); }
+    background-image: url("/images/landing-page.jpg"); }
   50% {
     opacity: 1;
-    background-image: url("~/public/images/landing-page2.jpg"); }
+    background-image: url("/images/landing-page2.jpg"); }
   100% {
     opacity: 2;
-    background-image: url("~/public/images/landing-page3.jpg"); } }
+    background-image: url("/images/landing-page3.jpg"); } }
 
 ._F-hjL {
   background-color: #336dda;
@@ -623,6 +623,32 @@
 ._2Zz97 ._3-yp5 {
   z-index: -1; }
 
+._1KcY7 {
+  padding: 10px 75px;
+  border-top: 1px solid #DFE0DF;
+  cursor: pointer;
+  font-size: 20px;
+  text-align: center;
+  margin-bottom: 0;
+  transition: background-color 0.5s ease-out; }
+
+._1KcY7:hover {
+  background: #336DDA;
+  color: #ffff; }
+
+._dOVso {
+  background: #336DDA;
+  color: #ffff; }
+
+._3ZqxI > div {
+  border-radius: 7px; }
+
+._3ZqxI ._g-p72 {
+  font-weight: 500;
+  line-height: 1.6;
+  font-size: 20px;
+  padding: 10px 20px; }
+
 ._297lu {
   width: 100%;
   height: 100%; }

package/dist/index.js

@@ -2764,7 +2764,7 @@ function _catch(body, recover) {
 	return result;
 }
 
-var styles = {"btn-login-google":"_2HqmH","notification-count":"_2sew7","text-introduction":"_3OgWF","btn-trans-border":"_r9cAh","contact":"_NszFe","learn-more":"_MDjzH","title-quote":"_1Swkw","descriptions-quote":"_gi8vj","box-login":"_38Lo1","block-verification":"_1OzGy","block-login":"_wWIyO","title-login":"_3nuns","title-forgot-password":"_21qb6","btn-close":"_NhW9l","btn-login":"_3IL10","digital-privacy-icon":"_141p1","return-to-login":"_Ce3Kg","recover-account":"_2t6d9","link-to-login":"_3bDsd","remember":"_11FZt","term-and-conditions":"_3LXoI","descriptions-forgot-pass":"_PMcjT","content-icon":"_2rZY6","descriptions-icon":"_3SOdX","title-icon":"_y9lM2","nav-home":"_1TT1q","box-introduction":"_32V6L","icon":"_20YJX","form-user-name":"_39BJD","checkbox-remember":"_2K9b2","block-reset-password":"_23Sua","block-forgot-pass":"_3CWP6","page-not-login":"_3Wmco","content-quote":"_13Rk0","home-page":"_o6HKW","red-background":"_jOY7o","imageAnimation":"_wnn2_","login":"_F-hjL","login-content":"_149oA","logo-home":"_24U3W","img-box":"_2v-L_","img-login":"_3ncTL","img-login-rectangle":"_2kOvJ","c-main":"_39l0X","container-fluid":"_1BMwK","input-file-label":"_1XNpH","delete-avatar-button":"_1z5h9","header-logo":"_Gewcf","box-sidebar":"_2vcmv","sidebar-logo":"_1hXpy","sidebar-nav-links":"_3vb3s","c-active":"_36jSM","sidebar-nav-links-hover":"_DNrus","box-sidebar-header":"_3NEZj","box-logout":"_1wUDG","sidebar-btn-minimized":"_1S7Px","sidebar-logout":"_2P85D","nav-mobile":"_1qjbW","filter-media-file":"_1I62C","div":"_3cLcM","dropdown-menu":"_1krbH","header-avatar":"_RQaHE","dropdown-menu-flag":"_XK8oS","dropdown-content":"_3ys4W","dropdown-change":"_ToOW_","item-address":"_3sQlR","item-logout":"_3bqSM","title-address":"_1jgSI","img-avatar":"_35Ttz","item-contact":"_1wc7o","logout":"_1_9tV","content-text":"_3S4f2","dropdown-content-language":"_3ajui","dropdown-item-language":"_3Y_y4","dropdown-item-language-active":"_CzNMi","hide-in-mobile":"_1INnO","hamburger-menu":"_2yRc8","box-content-home-page":"_ABUIP","collapse-box":"_WX97m","hide-in-desktop":"_2LIqK","control-input":"_2Zz97","custom-control":"_3-yp5"};
+var styles = {"btn-login-google":"_2HqmH","notification-count":"_2sew7","text-introduction":"_3OgWF","btn-trans-border":"_r9cAh","contact":"_NszFe","learn-more":"_MDjzH","title-quote":"_1Swkw","descriptions-quote":"_gi8vj","box-login":"_38Lo1","block-verification":"_1OzGy","block-login":"_wWIyO","title-login":"_3nuns","title-forgot-password":"_21qb6","btn-close":"_NhW9l","btn-login":"_3IL10","digital-privacy-icon":"_141p1","return-to-login":"_Ce3Kg","recover-account":"_2t6d9","link-to-login":"_3bDsd","remember":"_11FZt","term-and-conditions":"_3LXoI","descriptions-forgot-pass":"_PMcjT","content-icon":"_2rZY6","descriptions-icon":"_3SOdX","title-icon":"_y9lM2","nav-home":"_1TT1q","box-introduction":"_32V6L","icon":"_20YJX","form-user-name":"_39BJD","checkbox-remember":"_2K9b2","block-reset-password":"_23Sua","block-forgot-pass":"_3CWP6","page-not-login":"_3Wmco","content-quote":"_13Rk0","home-page":"_o6HKW","red-background":"_jOY7o","imageAnimation":"_wnn2_","login":"_F-hjL","login-content":"_149oA","logo-home":"_24U3W","img-box":"_2v-L_","img-login":"_3ncTL","img-login-rectangle":"_2kOvJ","c-main":"_39l0X","container-fluid":"_1BMwK","input-file-label":"_1XNpH","delete-avatar-button":"_1z5h9","header-logo":"_Gewcf","box-sidebar":"_2vcmv","sidebar-logo":"_1hXpy","sidebar-nav-links":"_3vb3s","c-active":"_36jSM","sidebar-nav-links-hover":"_DNrus","box-sidebar-header":"_3NEZj","box-logout":"_1wUDG","sidebar-btn-minimized":"_1S7Px","sidebar-logout":"_2P85D","nav-mobile":"_1qjbW","filter-media-file":"_1I62C","div":"_3cLcM","dropdown-menu":"_1krbH","header-avatar":"_RQaHE","dropdown-menu-flag":"_XK8oS","dropdown-content":"_3ys4W","dropdown-change":"_ToOW_","item-address":"_3sQlR","item-logout":"_3bqSM","title-address":"_1jgSI","img-avatar":"_35Ttz","item-contact":"_1wc7o","logout":"_1_9tV","content-text":"_3S4f2","dropdown-content-language":"_3ajui","dropdown-item-language":"_3Y_y4","dropdown-item-language-active":"_CzNMi","hide-in-mobile":"_1INnO","hamburger-menu":"_2yRc8","box-content-home-page":"_ABUIP","collapse-box":"_WX97m","hide-in-desktop":"_2LIqK","control-input":"_2Zz97","custom-control":"_3-yp5","item-select-role":"_1KcY7","item-role-active":"_dOVso","model-switch-roles":"_3ZqxI","title":"_g-p72"};
 
 var style = {
   fontSize: "0.85rem"
@@ -3020,6 +3020,17 @@ var ROLES = {
   SECONDARY_TEACHER: "SecondaryTeacher"
 };
 var NOTIFICATION_ALERT_KEY = "NOTIFICATION_ALERT_KEY";
+var handleUserRole = function handleUserRole(userRoles) {
+  if (userRoles !== null && userRoles !== void 0 && userRoles.includes("Teacher") && userRoles !== null && userRoles !== void 0 && userRoles.includes("Assistant")) {
+    var roles = userRoles.filter(function (r) {
+      return r !== "Teacher" && r !== "Assistant";
+    });
+    roles.push("Teacher/Assistant");
+    return roles;
+  }
+
+  return userRoles;
+};
 
 var getAccessToken = (function () {
   try {
@@ -4506,21 +4517,24 @@ var ADMIN_ROLE = "Admin";
 var TEACHER_ROLE = "Teacher";
 var USER_DETAIL_URL = "/admin/user";
 
-var TheHeaderDropdown = function TheHeaderDropdown() {
+var TheHeaderDropdown = function TheHeaderDropdown(_ref) {
+  var _handleUserRole;
+
+  var onToggleModel = _ref.onToggleModel;
   var user = reactRedux.useSelector(function (state) {
     return state.common.user;
   });
   var dispatch = reactRedux.useDispatch();
+  var location = reactRouterDom.useLocation();
   var history = reactRouterDom.useHistory();
+  var params = new URLSearchParams(location.search);
+  var isReadOnly = params.get("isReadOnly");
   var email = user.email,
       profileImageFileName = user.profileImageFileName,
       roles = user.roles,
       id = user.id;
   var isAdmin = roles.includes(ADMIN_ROLE);
   var isTeacher = roles.includes(TEACHER_ROLE);
-  var goToTeacherPanel = React.useCallback(function () {
-    isTeacher && history.push("/home");
-  }, [isTeacher, history]);
   var signOut = React.useCallback(function () {
     localStorage.removeItem(ACCESS_TOKEN);
     dispatch(reset());
@@ -4561,20 +4575,20 @@ var TheHeaderDropdown = function TheHeaderDropdown() {
     className: styles["content-text"]
   }, React__default.createElement("h5", null, user.firstName + " " + user.lastName), React__default.createElement("span", {
     className: "block"
-  }, email), !isDistrict && React__default.createElement(reactstrap.NavLink, null, isTeacher && React__default.createElement(reactRouterDom.Link, {
-    to: "/my-profile"
-  }, "Edit profile"), isAdmin && React__default.createElement(reactRouterDom.Link, {
-    to: USER_DETAIL_URL + "/" + id
-  }, "Edit profile")))), isTeacher && React__default.createElement(reactstrap.DropdownItem, {
-    onClick: goToTeacherPanel,
+  }, email), !isDistrict && React__default.createElement(reactstrap.NavLink, null, (isAdmin || isTeacher) && React__default.createElement(reactRouterDom.Link, {
+    to: "" + (isAdmin ? USER_DETAIL_URL + "/" + id : "/my-profile")
+  }, "Edit profile")))), ((_handleUserRole = handleUserRole((user === null || user === void 0 ? void 0 : user.roles) || [])) === null || _handleUserRole === void 0 ? void 0 : _handleUserRole.length) > 1 && !isReadOnly && React__default.createElement(reactstrap.DropdownItem, {
+    onClick: function onClick() {
+      onToggleModel === null || onToggleModel === void 0 ? void 0 : onToggleModel();
+    },
     className: styles["dropdown-change"] + " px-0"
   }, React__default.createElement("div", {
-    className: styles["item-address"] + " d-flex align-items-center w-100"
+    className: styles["item-address"] + " d-flex align-items-center w-100 text-uppercase mb-2"
   }, React__default.createElement("span", {
     className: "mr-2"
   }, React__default.createElement("i", {
     className: "fas fa-cogs h6 mb-0"
-  })), "GO TO TEACHER PANEL")), React__default.createElement(reactstrap.DropdownItem, {
+  })), "Role change")), React__default.createElement(reactstrap.DropdownItem, {
     onClick: signOut,
     className: styles["dropdown-change"] + " px-0"
   }, React__default.createElement("div", {
@@ -4661,7 +4675,8 @@ var TheLanguageDropdown = function TheLanguageDropdown() {
   })), "United States"))));
 };
 
-var TheHeader = function TheHeader() {
+var TheHeader = function TheHeader(_ref) {
+  var onToggleModel = _ref.onToggleModel;
   var dispatch = reactRedux.useDispatch();
   var sidebarShow = reactRedux.useSelector(function (state) {
     return state.common.sidebarShow;
@@ -4695,7 +4710,9 @@ var TheHeader = function TheHeader() {
     },
     href: '/privacy-policy',
     target: "blank"
-  }, "Privacy Policy"), !isDistrict && React__default.createElement(NotificationButton, null), React__default.createElement(TheHeaderDropdown, null)));
+  }, "Privacy Policy"), !isDistrict && React__default.createElement(NotificationButton, null), React__default.createElement(TheHeaderDropdown, {
+    onToggleModel: onToggleModel
+  })));
 };
 
 var TITLE$2 = "Not found";
@@ -4808,6 +4825,59 @@ var canAccess = function canAccess(userRoles, componentRoles) {
   return true;
 };
 
+var ModelSelectRole = function ModelSelectRole(_ref) {
+  var _handleUserRole;
+
+  var open = _ref.open,
+      onToggleModel = _ref.onToggleModel;
+  var dispatch = reactRedux.useDispatch();
+  var history = reactRouterDom.useHistory();
+  var pathname = window.location.pathname;
+  var user = reactRedux.useSelector(function (state) {
+    return state.common.user;
+  });
+  var roles = user === null || user === void 0 ? void 0 : user.roles;
+
+  var handleSelectUserRoles = function handleSelectUserRoles(roles) {
+    if (roles.includes("Admin")) {
+      dispatch(setLoading(true));
+      return history.push("/admin/dashboard");
+    }
+
+    var roleSelect = roles.includes("Teacher/Assistant") ? ["Teacher", "Assistant"] : roles;
+    dispatch(setUser(_extends({}, user, {
+      roles: roleSelect
+    })));
+    localStorage.setItem("ROLES", roleSelect.toString());
+    onToggleModel();
+
+    if (roles.includes("Parent")) {
+      history.push("/parent");
+    } else {
+      pathname !== "/home" ? history.push("/home") : window.location.reload();
+    }
+  };
+
+  return React__default.createElement(reactstrap.Modal, {
+    isOpen: open,
+    toggle: function toggle() {
+      return onToggleModel();
+    },
+    className: "" + styles["model-switch-roles"],
+    centered: true
+  }, React__default.createElement("p", {
+    className: "" + styles["title"]
+  }, "Continue as:"), React__default.createElement("div", null, (_handleUserRole = handleUserRole(user === null || user === void 0 ? void 0 : user.roles)) === null || _handleUserRole === void 0 ? void 0 : _handleUserRole.map(function (r) {
+    return React__default.createElement("p", {
+      key: r,
+      className: styles["item-select-role"] + " " + styles[roles.includes("Teacher") && roles.includes("Assistant") && r === "Teacher/Assistant" && !roles.includes("Admin") || roles.includes("Admin") && r === "Admin" || roles.includes(r) && !roles.includes("Admin") ? "item-role-active" : ""],
+      onClick: function onClick() {
+        return handleSelectUserRoles([r]);
+      }
+    }, r == "SecondaryTeacher" ? "Support Teacher" : r);
+  })));
+};
+
 var TheLayout = function TheLayout(_ref) {
   var routes = _ref.routes,
       navigation = _ref.navigation;
@@ -4820,12 +4890,21 @@ var TheLayout = function TheLayout(_ref) {
     return state.common.language;
   });
 
+  var _useState = React.useState(false),
+      openModelSelectRole = _useState[0],
+      setOpenModelSelectRole = _useState[1];
+
   var _useTranslation = reactI18next.useTranslation(),
       t = _useTranslation.t;
 
   var location = reactRouterDom.useLocation();
   var isNotification = location.pathname.includes("notifications");
   var isDistrict = window.location.host.includes("-district");
+
+  var handleToggleModel = function handleToggleModel() {
+    setOpenModelSelectRole(!openModelSelectRole);
+  };
+
   var authRoutes = React.useMemo(function () {
     return routes.filter(function (route) {
       return canAccess(user === null || user === void 0 ? void 0 : user.roles, route.roles);
@@ -4899,11 +4978,16 @@ var TheLayout = function TheLayout(_ref) {
     navigation: authNavigations
   }), React__default.createElement("div", {
     className: "c-wrapper"
-  }, !isNotification && React__default.createElement(TheHeader, null), React__default.createElement("div", {
+  }, !isNotification && React__default.createElement(TheHeader, {
+    onToggleModel: handleToggleModel
+  }), React__default.createElement("div", {
     className: "c-body bg-white"
   }, React__default.createElement(TheContent$1, {
     routes: authRoutes
-  }))));
+  }))), React__default.createElement(ModelSelectRole, {
+    open: openModelSelectRole,
+    onToggleModel: handleToggleModel
+  }));
 };
 
 var buttonTextStyle = {