mario-core 3.0.2-admin → 3.0.4-admin

package/dist/index.modern.js

@@ -3,7 +3,7 @@ import i18n from 'i18next';
 import { initReactI18next, useTranslation } from 'react-i18next';
 export { I18nextProvider, useTranslation } from 'react-i18next';
 import React, { useState, useCallback, useEffect, forwardRef, useRef, Suspense, useMemo, memo, Fragment, useImperativeHandle } from 'react';
-import { Input, Modal, ModalHeader, ModalBody, ModalFooter, Button, Row, Col, Form, FormGroup, Label, Dropdown, DropdownToggle, DropdownMenu, NavLink, DropdownItem, Alert, Pagination, PaginationItem, PaginationLink, Table, CustomInput, Nav, NavItem, TabContent, TabPane, Card, CardImg, CardBody, CardTitle, CardHeader, CardText } from 'reactstrap';
+import { Input, Modal, ModalHeader, ModalBody, ModalFooter, Button, Row, Col, Form, FormGroup, Label, Navbar, NavbarBrand, Collapse, Nav, NavItem, NavLink, Dropdown, DropdownToggle, DropdownMenu, DropdownItem, Alert, Pagination, PaginationItem, PaginationLink, Table, CustomInput, TabContent, TabPane, Card, CardImg, CardBody, CardTitle, CardHeader, CardText } from 'reactstrap';
 import { useHistory, Link, useLocation, Switch, Route, Prompt, useParams } from 'react-router-dom';
 import { Formik } from 'formik';
 import { object, string, boolean, number, array } from 'yup';
@@ -14,6 +14,7 @@ import amplitude from 'amplitude-js';
 import { useGoogleReCaptcha, GoogleReCaptcha, GoogleReCaptchaProvider } from 'react-google-recaptcha-v3';
 import GoogleLogin from 'react-google-login';
 import Select from 'react-select';
+import { GiHamburgerMenu } from 'react-icons/gi';
 import { CSidebar, CSidebarBrand, CSidebarNav, CCreateElement, CSidebarNavDivider, CSidebarNavDropdown, CSidebarNavItem, CSidebarNavTitle, CSidebarFooter, CHeader, CHeaderBrand, CHeaderNav, CContainer } from '@coreui/react';
 import { CgMenuRight } from 'react-icons/cg';
 import { RiLogoutBoxRLine } from 'react-icons/ri';
@@ -1994,7 +1995,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"
@@ -3376,55 +3377,45 @@ var Login = function Login(props) {
   }), isForgotPassword && React.createElement(BlockForgetPassword, null)), isResetPassword && React.createElement(BlockResetPassword, null))));
 };
 
-var QuoteContent = function QuoteContent(_ref) {
-  var descriptions = _ref.descriptions;
+var QuoteContent = function QuoteContent() {
   return React.createElement("div", {
     className: "" + styles["content-quote"]
-  }, React.createElement(Row, null, React.createElement(Col, {
-    md: 5,
-    className: "" + styles["title-quote"]
-  }, React.createElement("p", null, "Powerful"), React.createElement("p", null, "Personalized"), React.createElement("p", null, "Learning")), React.createElement(Col, {
-    md: 7,
-    className: styles["descriptions-quote"] + " d-flex align-items-center"
-  }, React.createElement("p", null, descriptions))));
+  }, React.createElement("div", {
+    className: styles["title-quote"] + " d-block"
+  }, React.createElement("p", null, "Powerful"), React.createElement("p", null, "Personalized"), React.createElement("p", null, "Learning")), React.createElement("div", {
+    className: styles["descriptions-quote"] + " d-block"
+  }, React.createElement("p", null, "Focus on what matters most to you and"), React.createElement("p", null, "and make learning meaningful.")));
 };
 
 var IconContent = function IconContent(_ref) {
   var srcIcon = _ref.srcIcon,
       content = _ref.content;
-  return React.createElement(Row, {
+  return React.createElement("div", {
+    key: content,
     className: "" + styles["content-icon"]
-  }, React.createElement(Col, {
-    md: 4,
+  }, React.createElement("div", {
     className: "" + styles["title-icon"]
   }, React.createElement("img", {
     src: srcIcon,
     alt: "icon"
-  })), React.createElement(Col, {
-    md: 8,
-    className: styles["descriptions-icon"] + " d-flex align-items-center"
-  }, React.createElement("p", null, content)));
+  })), React.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);
@@ -3433,26 +3424,15 @@ var ContentHomePage = function ContentHomePage(_ref) {
     className: "" + styles["page-not-login"]
   }, React.createElement(Col, {
     md: 12
-  }, React.createElement(QuoteContent, {
-    descriptions: data.quote.description
-  })), data.contents.map(function (content, index) {
-    return React.createElement(Col, {
-      md: 6,
-      key: index
-    }, React.createElement(IconContent, {
+  }, React.createElement(QuoteContent, null)), React.createElement(Col, {
+    md: 12,
+    className: styles["box-content-home-page"] + " d-flex align-items-center"
+  }, contents.map(function (content) {
+    return React.createElement(IconContent, {
       srcIcon: content.scrIcon,
       content: content.content
-    }));
-  }), React.createElement(Col, {
-    md: 12,
-    className: styles["student-image"] + " d-flex justify-content-end mt-5"
-  }, React.createElement("a", {
-    href: "https://cert.privo.com/#/companies/marioFrameworkLlc",
-    target: "blank"
-  }, React.createElement(IconContent, {
-    srcIcon: "/images/STUDENT.png",
-    content: ""
-  }))));
+    });
+  })));
 };
 
 var HOME_ADMIN = "/admin/user";
@@ -3462,39 +3442,74 @@ var DASHBOARD_TITLE = "Dashboard";
 var ROOT_TITLE = "Mario Framework";
 
 var Dashboard = function Dashboard() {
+  var _useState = useState(false),
+      isOpen = _useState[0],
+      setIsOpen = _useState[1];
+
   var user = useSelector(function (state) {
     return state.common.user;
   });
+
+  var toggle = function toggle() {
+    return setIsOpen(!isOpen);
+  };
+
   useEffect(function () {
     !!user ? document.title = DASHBOARD_TITLE : document.title = ROOT_TITLE;
   }, [user]);
   return React.createElement("div", {
     className: styles["login"] + " " + styles["red-background"]
-  }, React.createElement(Row, null, React.createElement(Col, {
-    className: styles["nav-home"] + " d-flex w-100"
-  }, React.createElement("a", {
-    className: styles["learn-more"] + " align-self-lg-center",
-    href: "/privacy-policy",
+  }, React.createElement("div", {
+    className: "" + styles["login-content"]
+  }, React.createElement(Navbar, {
+    light: true,
+    expand: "md"
+  }, React.createElement(NavbarBrand, {
+    href: "/",
+    className: "" + styles["logo-home"]
+  }, React.createElement("img", {
+    src: "/images/logo-v2.svg",
+    alt: "mario"
+  })), React.createElement(GiHamburgerMenu, {
+    onClick: toggle,
+    className: styles["hide-in-desktop"] + " " + styles["hamburger-menu"]
+  }), React.createElement(Collapse, {
+    isOpen: isOpen,
+    navbar: true,
+    className: "" + styles["collapse-box"]
+  }, React.createElement(Nav, {
+    className: styles["nav-home"] + " d-md-flex w-100 justify-content-center mr-auto",
+    navbar: true
+  }, React.createElement(NavItem, null, React.createElement(NavLink, {
+    className: styles["learn-more"] + " align-self-md-center",
+    href: "https://marioframework.com/software",
     target: "blank"
-  }, "Privacy Policy"), React.createElement(Link, {
-    className: styles["contact"] + " align-self-lg-center",
+  }, "Learn More")), React.createElement(NavItem, null, React.createElement(Link, {
+    className: styles["contact"] + " align-self-md-center",
     to: "/contact"
-  }, "Contact"), React.createElement("a", {
-    className: styles["learn-more"] + " align-self-lg-center",
-    href: "https://marioframework.com/software",
+  }, "Contact")), React.createElement(NavItem, null, React.createElement(NavLink, {
+    className: styles["learn-more"] + " align-self-md-center",
+    href: "/privacy-policy",
     target: "blank"
-  }, "Learn More"), user ? React.createElement(Link, {
+  }, "Privacy Policy"))), React.createElement("div", {
+    className: styles["hide-in-mobile"] + " d-flex justify-content-end"
+  }, user ? React.createElement(Link, {
     to: user.roles.includes("Admin") ? HOME_ADMIN : user.roles.includes("Teacher") ? HOME_TEACHER : HOME_STUDENT,
     className: "" + styles["btn-trans-border"]
   }, "Dashboard") : React.createElement(Link, {
     to: "/login",
     className: "" + styles["btn-trans-border"]
-  }, "Login"))), React.createElement(Row, {
-    className: styles["hide-in-mobile"] + " " + styles["hide-in-tablet"]
-  }, React.createElement(Col, {
-    md: 6,
-    className: "offset-6 d-flex justify-content-center"
-  }, React.createElement(ContentHomePage, null))));
+  }, "Login")))), React.createElement("div", {
+    className: ""
+  }, React.createElement(ContentHomePage, null)), React.createElement("div", {
+    className: "" + styles["digital-privacy-icon"]
+  }, React.createElement("a", {
+    href: "https://cert.privo.com/#/companies/marioFrameworkLlc",
+    target: "blank"
+  }, React.createElement("img", {
+    src: "/images/STUDENT.png",
+    alt: "icon"
+  })))));
 };
 
 var Images = {