mario-core 1.1.41-es-layout → 1.1.42-es-layout

package/dist/containers/Login/views/block/BlockBackground.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+interface Props {
+    data: string[];
+    duration?: number;
+}
+declare const BlockBackground: FC<Props>;
+export default BlockBackground;

package/dist/index.css

@@ -16,7 +16,6 @@
   box-shadow: none !important;
   background-color: #EFF3FC !important; }
   ._2HqmH > span {
-    font-family: "Poppins-Regular" !important;
     color: #316CD9 !important;
     line-height: 27px !important;
     font-size: 18px !important;
@@ -170,8 +169,7 @@
   display: block;
   border: none;
   outline: none;
-  width: 100%;
-  font-family: "Poppins-Regular" !important; }
+  width: 100%; }
   @media (max-width: 768px) {
     ._3IL10 {
       padding: 10px 27px; } }
@@ -351,7 +349,6 @@
   margin-top: 30px;
   color: #ffffff;
   font-weight: 500;
-  font-family: "Poppins-Regular" !important;
   font-size: 18px;
   font-weight: 700;
   border-radius: 100px;
@@ -704,6 +701,80 @@
   font-size: 20px;
   padding: 10px 20px; }
 
+@media (max-width: 768px) {
+  ._2v-L_ {
+    display: none; }
+  ._wWIyO {
+    border-radius: 5px !important; }
+  ._38Lo1 {
+    width: 500px !important;
+    max-width: 95%; }
+  ._2yRc8 {
+    font-size: 30px;
+    color: #ffffff; }
+  ._149oA {
+    padding: 20px !important; }
+  ._13Rk0 ._1Swkw > p {
+    font-size: 40px;
+    font-weight: 700;
+    text-align: center; }
+  ._13Rk0 ._gi8vj > p {
+    font-size: 16px;
+    font-weight: 600;
+    text-align: center; }
+  ._141p1 {
+    right: 20px; }
+  ._ABUIP {
+    overflow-x: scroll;
+    -ms-overflow-style: none;
+    scrollbar-width: none; }
+  ._ABUIP::-webkit-scrollbar {
+    display: none; }
+  ._F-hjL ._1TT1q ._NszFe {
+    width: 70%;
+    border: #8b0000;
+    color: #ffffff;
+    max-width: 500px;
+    margin: 5px auto;
+    background-color: #8b0000;
+    border-radius: 10px;
+    padding: 5px 40px; }
+  ._F-hjL ._1TT1q ._MDjzH {
+    width: 70%;
+    border: #8b0000;
+    max-width: 500px;
+    margin: 5px auto;
+    border-radius: 10px;
+    color: #ffffff;
+    background-color: #8b0000;
+    padding: 5px 40px; }
+  ._F-hjL ._1TT1q ._r9cAh {
+    justify-content: center;
+    width: 70%;
+    max-width: 500px;
+    margin: 5px auto;
+    border: #8b0000;
+    color: #ffffff;
+    background-color: #8b0000; }
+    ._F-hjL ._1TT1q ._r9cAh :hover {
+      background-color: transparent;
+      color: #8b0000; }
+  ._1INnO {
+    display: none; }
+  ._WX97m {
+    padding: 10px 40px !important; }
+  ._WX97m {
+    background: #ffff;
+    padding: 20px;
+    margin-top: 10px; }
+    ._WX97m > ul > li > a {
+      width: 100% !important;
+      border: none !important;
+      color: #000000 !important;
+      background-color: #fff !important;
+      text-align: left;
+      padding: 0 !important; } }
+
 @media (max-width: 991px) {
   ._2v-L_ {
     display: none; }

package/dist/index.js

@@ -15,6 +15,7 @@ var axios = _interopDefault(require('axios'));
 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');
@@ -7406,7 +7407,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","school-icon":"_2OUwW","school-name":"_2Owso","login-description":"_fx-kA","return-to-login":"_Ce3Kg","recover-account":"_2t6d9","link-to-login":"_3bDsd","privacy-policy":"_I4SVu","remember":"_11FZt","term-and-conditions":"_3LXoI","descriptions-forgot-pass":"_PMcjT","content-icon":"_2rZY6","title-icon":"_y9lM2","nav-home":"_1TT1q","box-introduction":"_32V6L","icon":"_20YJX","checkbox-keep-login":"_1AiX0","label-keep-login":"_2uNvW","option-text":"_pqn4y","form-user-name":"_39BJD","input":"_ozRAq","checkbox-remember":"_2K9b2","btn-rounder":"_2VvIr","btn-active":"_2A0HF","block-reset-password":"_23Sua","block-forgot-pass":"_3CWP6","page-not-login":"_3Wmco","content-quote":"_13Rk0","home-page":"_o6HKW","red-background":"_jOY7o","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","popover__sort__item":"_1ocBa","popover__sort__item--active":"_18NhM","popover__search__icon":"_2bquW","popover__search__input":"_3A4G4","popover__options":"_1MsEW","item-select-role":"_1KcY7","item-role-active":"_dOVso","model-switch-roles":"_3ZqxI","title":"_g-p72","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","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","school-icon":"_2OUwW","school-name":"_2Owso","login-description":"_fx-kA","return-to-login":"_Ce3Kg","recover-account":"_2t6d9","link-to-login":"_3bDsd","privacy-policy":"_I4SVu","remember":"_11FZt","term-and-conditions":"_3LXoI","descriptions-forgot-pass":"_PMcjT","content-icon":"_2rZY6","title-icon":"_y9lM2","nav-home":"_1TT1q","box-introduction":"_32V6L","icon":"_20YJX","checkbox-keep-login":"_1AiX0","label-keep-login":"_2uNvW","option-text":"_pqn4y","form-user-name":"_39BJD","input":"_ozRAq","checkbox-remember":"_2K9b2","btn-rounder":"_2VvIr","btn-active":"_2A0HF","block-reset-password":"_23Sua","block-forgot-pass":"_3CWP6","page-not-login":"_3Wmco","content-quote":"_13Rk0","home-page":"_o6HKW","red-background":"_jOY7o","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","popover__sort__item":"_1ocBa","popover__sort__item--active":"_18NhM","popover__search__icon":"_2bquW","popover__search__input":"_3A4G4","popover__options":"_1MsEW","item-select-role":"_1KcY7","item-role-active":"_dOVso","model-switch-roles":"_3ZqxI","title":"_g-p72","hamburger-menu":"_2yRc8","digital-privacy-icon":"_141p1","box-content-home-page":"_ABUIP","collapse-box":"_WX97m","hide-in-desktop":"_2LIqK","control-input":"_2Zz97","custom-control":"_3-yp5"};
 
 var style = {
   fontSize: "0.85rem"
@@ -8446,7 +8447,7 @@ var BlockLogin = function BlockLogin(_ref) {
     }, "Forgot password?")), React__default.createElement("button", {
       className: styles["btn-login"] + " mt-5",
       type: "submit"
-    }, "LOG IN"), React__default.createElement("p", {
+    }, "LOG IN"), googleClientId && React__default.createElement("p", {
       className: styles["option-text"] + " my-3 text-center"
     }, "OR"), React__default.createElement(reactstrap.Row, {
       className: "mb-4"
@@ -8908,25 +8909,16 @@ var IconContent = function IconContent(_ref) {
   }, React__default.createElement("p", null, 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);
@@ -8935,26 +8927,59 @@ 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 DEFAULT_ANIMATION_DURATION = 10000;
+
+var BlockBackground = function BlockBackground(_ref) {
+  var data = _ref.data,
+      _ref$duration = _ref.duration,
+      duration = _ref$duration === void 0 ? DEFAULT_ANIMATION_DURATION : _ref$duration;
+
+  var _useState = React.useState(data.length),
+      activeImage = _useState[0],
+      setActiveImage = _useState[1];
+
+  var ref = React.useRef();
+  var getActiveClass = React.useCallback(function (index) {
+    return index === activeImage ? styles["active"] + " " + styles["show"] : '';
+  }, [activeImage]);
+  var getBehindClass = React.useCallback(function (index) {
+    return activeImage === 0 && index === data.length - 1 || index === activeImage - 1 ? styles["behind"] : '';
+  }, [activeImage, data.length]);
+  var animate = React.useCallback(function () {
+    ref && ref.current && clearInterval(ref.current);
+    ref.current = setInterval(function () {
+      setActiveImage(function (state) {
+        return state >= data.length - 1 ? 0 : state + 1;
+      });
+    }, duration);
+  }, [duration, data.length]);
+  React.useEffect(function () {
+    animate();
+    return function () {
+      ref && ref.current && clearInterval(ref.current);
+    };
+  }, [data.length, duration]);
+  return React__default.createElement("div", {
+    className: styles["bg-animate"] + " position-absolute"
+  }, data.map(function (img, index) {
+    return React__default.createElement("img", {
+      key: index,
+      alt: "Image " + (index + 1),
+      className: getBehindClass(index) + " " + getActiveClass(index),
+      src: getStaticFileUrl(img)
+    });
+  }));
 };
 
 var HOME_ADMIN = "/admin/users/user-list";
@@ -8962,41 +8987,79 @@ var HOME_TEACHER = "/home";
 var HOME_STUDENT = "/home";
 var DASHBOARD_TITLE = "Dashboard";
 var ROOT_TITLE = "Mario Framework";
+var BG_IMAGES = ["images/landing-page.jpg", "images/landing-page2.jpg", "images/landing-page3.jpg"];
 
 var Dashboard = function Dashboard() {
   var user = reactRedux.useSelector(function (state) {
     return state.common.user;
   });
+
+  var _useState = React.useState(false),
+      isOpen = _useState[0],
+      setIsOpen = _useState[1];
+
+  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",
+    className: styles["login"] + " " + styles["red-background"] + " position-relative"
+  }, React__default.createElement(BlockBackground, {
+    data: BG_IMAGES
+  }), 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: getStaticFileUrl("/images/logo-white.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: getStaticFileUrl("/images/STUDENT1.png"),
+    alt: "icon"
+  })))));
 };
 
 var Images = {