mario-core 3.0.2-admin → 3.0.3-admin

package/dist/index.js

@@ -16,6 +16,7 @@ var amplitude = _interopDefault(require('amplitude-js'));
 var reactGoogleRecaptchaV3 = require('react-google-recaptcha-v3');
 var GoogleLogin = _interopDefault(require('react-google-login'));
 var Select = _interopDefault(require('react-select'));
+var gi = require('react-icons/gi');
 var react = require('@coreui/react');
 var cg = require('react-icons/cg');
 var ri = require('react-icons/ri');
@@ -1996,7 +1997,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","descriptions-icon":"_3SOdX","box-login":"_38Lo1","block-verification":"_1OzGy","block-login":"_wWIyO","title-login":"_3nuns","title-forgot-password":"_21qb6","btn-close":"_NhW9l","btn-login":"_3IL10","return-to-login":"_Ce3Kg","recover-account":"_2t6d9","link-to-login":"_3bDsd","remember":"_11FZt","term-and-conditions":"_3LXoI","descriptions-forgot-pass":"_PMcjT","content-icon":"_2rZY6","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","login":"_F-hjL","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","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"};
 
 var style = {
   fontSize: "0.85rem"
@@ -3378,55 +3379,45 @@ var Login = function Login(props) {
   }), isForgotPassword && React__default.createElement(BlockForgetPassword, null)), isResetPassword && React__default.createElement(BlockResetPassword, null))));
 };
 
-var QuoteContent = function QuoteContent(_ref) {
-  var descriptions = _ref.descriptions;
+var QuoteContent = function QuoteContent() {
   return React__default.createElement("div", {
     className: "" + styles["content-quote"]
-  }, React__default.createElement(reactstrap.Row, null, React__default.createElement(reactstrap.Col, {
-    md: 5,
-    className: "" + styles["title-quote"]
-  }, React__default.createElement("p", null, "Powerful"), React__default.createElement("p", null, "Personalized"), React__default.createElement("p", null, "Learning")), React__default.createElement(reactstrap.Col, {
-    md: 7,
-    className: styles["descriptions-quote"] + " d-flex align-items-center"
-  }, React__default.createElement("p", null, descriptions))));
+  }, React__default.createElement("div", {
+    className: styles["title-quote"] + " d-block"
+  }, React__default.createElement("p", null, "Powerful"), React__default.createElement("p", null, "Personalized"), React__default.createElement("p", null, "Learning")), React__default.createElement("div", {
+    className: styles["descriptions-quote"] + " d-block"
+  }, React__default.createElement("p", null, "Focus on what matters most to you and"), React__default.createElement("p", null, "and make learning meaningful.")));
 };
 
 var IconContent = function IconContent(_ref) {
   var srcIcon = _ref.srcIcon,
       content = _ref.content;
-  return React__default.createElement(reactstrap.Row, {
+  return React__default.createElement("div", {
+    key: content,
     className: "" + styles["content-icon"]
-  }, React__default.createElement(reactstrap.Col, {
-    md: 4,
+  }, React__default.createElement("div", {
     className: "" + styles["title-icon"]
   }, React__default.createElement("img", {
     src: srcIcon,
     alt: "icon"
-  })), React__default.createElement(reactstrap.Col, {
-    md: 8,
-    className: styles["descriptions-icon"] + " d-flex align-items-center"
-  }, React__default.createElement("p", null, content)));
+  })), React__default.createElement("div", {
+    className: "" + styles["descriptions-icon"],
+    dangerouslySetInnerHTML: {
+      __html: content
+    }
+  }));
 };
 
-var data = {
-  quote: {
-    title: "Powerful Personalized Learning",
-    description: "Focus on what matters most to you and make learning meaningful."
-  },
-  contents: [{
-    scrIcon: "/images/177_2_Finance.svg",
-    content: "Understand yourself better through helpful feedback."
-  }, {
-    scrIcon: "/images/177_9_Brain.svg",
-    content: "Create, explore, and share exciting personalized learning journeys."
-  }, {
-    scrIcon: "/images/177_6_Goal.svg",
-    content: "Set, monitor, and achieve your goals."
-  }, {
-    scrIcon: "/images/177_8_Space.svg",
-    content: "Empower parents to become part of the learning process."
-  }]
-};
+var contents = [{
+  scrIcon: "/images/ChatsTeardrop.svg",
+  content: "<p>Understand yourself better through <span>helpful feedback</span>.</p>"
+}, {
+  scrIcon: "/images/Student.svg",
+  content: "<p>Create, explore, and share exciting <span>personalized</span> learning journeys.</p>"
+}, {
+  scrIcon: "/images/Confetti.svg",
+  content: "<p>Set, monitor, and achieve <span>your goals</span>.</p>"
+}];
 
 var ContentHomePage = function ContentHomePage(_ref) {
   _objectDestructuringEmpty(_ref);
@@ -3435,26 +3426,15 @@ var ContentHomePage = function ContentHomePage(_ref) {
     className: "" + styles["page-not-login"]
   }, React__default.createElement(reactstrap.Col, {
     md: 12
-  }, React__default.createElement(QuoteContent, {
-    descriptions: data.quote.description
-  })), data.contents.map(function (content, index) {
-    return React__default.createElement(reactstrap.Col, {
-      md: 6,
-      key: index
-    }, React__default.createElement(IconContent, {
+  }, React__default.createElement(QuoteContent, null)), React__default.createElement(reactstrap.Col, {
+    md: 12,
+    className: styles["box-content-home-page"] + " d-flex align-items-center"
+  }, contents.map(function (content) {
+    return React__default.createElement(IconContent, {
       srcIcon: content.scrIcon,
       content: content.content
-    }));
-  }), React__default.createElement(reactstrap.Col, {
-    md: 12,
-    className: styles["student-image"] + " d-flex justify-content-end mt-5"
-  }, React__default.createElement("a", {
-    href: "https://cert.privo.com/#/companies/marioFrameworkLlc",
-    target: "blank"
-  }, React__default.createElement(IconContent, {
-    srcIcon: "/images/STUDENT.png",
-    content: ""
-  }))));
+    });
+  })));
 };
 
 var HOME_ADMIN = "/admin/user";
@@ -3464,39 +3444,74 @@ var DASHBOARD_TITLE = "Dashboard";
 var ROOT_TITLE = "Mario Framework";
 
 var Dashboard = function Dashboard() {
+  var _useState = React.useState(false),
+      isOpen = _useState[0],
+      setIsOpen = _useState[1];
+
   var user = reactRedux.useSelector(function (state) {
     return state.common.user;
   });
+
+  var toggle = function toggle() {
+    return setIsOpen(!isOpen);
+  };
+
   React.useEffect(function () {
     !!user ? document.title = DASHBOARD_TITLE : document.title = ROOT_TITLE;
   }, [user]);
   return React__default.createElement("div", {
     className: styles["login"] + " " + styles["red-background"]
-  }, React__default.createElement(reactstrap.Row, null, React__default.createElement(reactstrap.Col, {
-    className: styles["nav-home"] + " d-flex w-100"
-  }, React__default.createElement("a", {
-    className: styles["learn-more"] + " align-self-lg-center",
-    href: "/privacy-policy",
+  }, React__default.createElement("div", {
+    className: "" + styles["login-content"]
+  }, React__default.createElement(reactstrap.Navbar, {
+    light: true,
+    expand: "md"
+  }, React__default.createElement(reactstrap.NavbarBrand, {
+    href: "/",
+    className: "" + styles["logo-home"]
+  }, React__default.createElement("img", {
+    src: "/images/logo-v2.svg",
+    alt: "mario"
+  })), React__default.createElement(gi.GiHamburgerMenu, {
+    onClick: toggle,
+    className: styles["hide-in-desktop"] + " " + styles["hamburger-menu"]
+  }), React__default.createElement(reactstrap.Collapse, {
+    isOpen: isOpen,
+    navbar: true,
+    className: "" + styles["collapse-box"]
+  }, React__default.createElement(reactstrap.Nav, {
+    className: styles["nav-home"] + " d-md-flex w-100 justify-content-center mr-auto",
+    navbar: true
+  }, React__default.createElement(reactstrap.NavItem, null, React__default.createElement(reactstrap.NavLink, {
+    className: styles["learn-more"] + " align-self-md-center",
+    href: "https://marioframework.com/software",
     target: "blank"
-  }, "Privacy Policy"), React__default.createElement(reactRouterDom.Link, {
-    className: styles["contact"] + " align-self-lg-center",
+  }, "Learn More")), React__default.createElement(reactstrap.NavItem, null, React__default.createElement(reactRouterDom.Link, {
+    className: styles["contact"] + " align-self-md-center",
     to: "/contact"
-  }, "Contact"), React__default.createElement("a", {
-    className: styles["learn-more"] + " align-self-lg-center",
-    href: "https://marioframework.com/software",
+  }, "Contact")), React__default.createElement(reactstrap.NavItem, null, React__default.createElement(reactstrap.NavLink, {
+    className: styles["learn-more"] + " align-self-md-center",
+    href: "/privacy-policy",
     target: "blank"
-  }, "Learn More"), user ? React__default.createElement(reactRouterDom.Link, {
+  }, "Privacy Policy"))), React__default.createElement("div", {
+    className: styles["hide-in-mobile"] + " d-flex justify-content-end"
+  }, user ? React__default.createElement(reactRouterDom.Link, {
     to: user.roles.includes("Admin") ? HOME_ADMIN : user.roles.includes("Teacher") ? HOME_TEACHER : HOME_STUDENT,
     className: "" + styles["btn-trans-border"]
   }, "Dashboard") : React__default.createElement(reactRouterDom.Link, {
     to: "/login",
     className: "" + styles["btn-trans-border"]
-  }, "Login"))), React__default.createElement(reactstrap.Row, {
-    className: styles["hide-in-mobile"] + " " + styles["hide-in-tablet"]
-  }, React__default.createElement(reactstrap.Col, {
-    md: 6,
-    className: "offset-6 d-flex justify-content-center"
-  }, React__default.createElement(ContentHomePage, null))));
+  }, "Login")))), React__default.createElement("div", {
+    className: ""
+  }, React__default.createElement(ContentHomePage, null)), React__default.createElement("div", {
+    className: "" + styles["digital-privacy-icon"]
+  }, React__default.createElement("a", {
+    href: "https://cert.privo.com/#/companies/marioFrameworkLlc",
+    target: "blank"
+  }, React__default.createElement("img", {
+    src: "/images/STUDENT.png",
+    alt: "icon"
+  })))));
 };
 
 var Images = {