contentoh-components-library 21.0.55 → 21.0.56

package/dist/components/molecules/SignInLogin/index.js

@@ -29,7 +29,7 @@ var _variables = require("../../../global-files/variables");
 
 var _react = require("react");
 
-var _Loading = require("../../atoms/Loading");
+var _LogoLoading = require("../LogoLoading");
 
 var _reactRouterDom = require("react-router-dom");
 
@@ -75,7 +75,7 @@ var SignInLogin = function SignInLogin(props) {
 
   var validate = /*#__PURE__*/function () {
     var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(e) {
-      var valid, email, password, session, userGroup, response, userGroupValue, user, company;
+      var valid, email, password, session, userGroup, response, user, company;
       return _regenerator.default.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
@@ -103,7 +103,7 @@ var SignInLogin = function SignInLogin(props) {
               }
 
               if (!valid) {
-                _context.next = 36;
+                _context.next = 33;
                 break;
               }
 
@@ -122,7 +122,7 @@ var SignInLogin = function SignInLogin(props) {
 
               props.setUser(session);
               props.setPaso(8);
-              _context.next = 28;
+              _context.next = 25;
               break;
 
             case 20:
@@ -136,11 +136,8 @@ var SignInLogin = function SignInLogin(props) {
 
             case 23:
               response = _context.sent;
-              console.log(userGroup);
-              console.log(userGroup[0]);
-              userGroupValue = typeof userGroup === "string" ? userGroup : userGroup[0];
 
-              if (userGroupValue === "usuario_contentoh") {
+              if (userGroup[0] === props.users) {
                 sessionStorage.setItem("auth", true);
                 sessionStorage.setItem("jwt", session.signInUserSession.idToken.jwtToken);
                 user = JSON.parse(response.data.body).data[0];
@@ -159,12 +156,12 @@ var SignInLogin = function SignInLogin(props) {
                 setLoading(false);
               }
 
-            case 28:
-              _context.next = 36;
+            case 25:
+              _context.next = 33;
               break;
 
-            case 30:
-              _context.prev = 30;
+            case 27:
+              _context.prev = 27;
               _context.t0 = _context["catch"](10);
               console.log(_context.t0);
               setLoading(false);
@@ -181,12 +178,12 @@ var SignInLogin = function SignInLogin(props) {
                 console.log("error 2");
               }
 
-            case 36:
+            case 33:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[10, 30]]);
+      }, _callee, null, [[10, 27]]);
     }));
 
     return function validate(_x) {
@@ -200,7 +197,7 @@ var SignInLogin = function SignInLogin(props) {
   (0, _react.useEffect)(function () {
     if (upgradePlanRedirect) setLoading(false);
   }, [upgradePlanRedirect]);
-  return loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Loading.Loading, {}) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+  return loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_LogoLoading.LogoLoading, {}) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
       className: "home-login",
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

package/dist/components/molecules/SignInLogin/styles.js

@@ -15,6 +15,6 @@ var _variables = require("../../../global-files/variables");
 
 var _templateObject;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background: \"white\";\n  display: flex;\n  height: 100%;\n  width: 50%;\n  justify-content: center;\n  align-items: center;\n  label {\n    color: red;\n    margin-top: 3px;\n    margin-left: 15px;\n    font-family: ", ";\n    font-size: 11px;\n    & + * {\n      margin-top: 12px;\n    }\n  }\n\n  &.home-login {\n    .credenciales {\n      & + * {\n        margin-top: 30px;\n      }\n    }\n    .user {\n      & + * {\n        margin-top: 20px;\n      }\n    }\n    .password {\n      & + * {\n        margin-top: 20px;\n      }\n    }\n    .select {\n      display: flex;\n      justify-content: space-between;\n      .active-right {\n        font-family: ", ";\n        font-weight: 500;\n        font-size: 13px;\n        line-height: 24px;\n        letter-spacing: -0.015em;\n        color: ", ";\n        cursor: pointer;\n      }\n      & + * {\n        margin-top: 50px;\n      }\n    }\n    .button-right {\n      text-align: right;\n      & + * {\n        margin-top: 55px;\n      }\n    }\n    .new-login {\n      p {\n        font-family: ", ";\n        text-align: right;\n        font-weight: 500;\n        font-size: 13px;\n        line-height: 24px;\n        color: ", ";\n        cursor: pointer;\n        span {\n          color: ", ";\n        }\n      }\n    }\n  }\n  .main-container {\n    max-width: 80%;\n    max-height: 80%;\n  }\n"])), _variables.FontFamily.Raleway_700, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s5, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s5, _variables.GlobalColors.secondary_magenta);
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background: \"white\";\n  display: flex;\n  height: 100vh;\n  width: 50%;\n  justify-content: center;\n  align-items: center;\n  label {\n    color: red;\n    margin-top: 3px;\n    margin-left: 15px;\n    font-family: ", ";\n    font-size: 11px;\n    & + * {\n      margin-top: 12px;\n    }\n  }\n\n  &.home-login {\n    .credenciales {\n      & + * {\n        margin-top: 30px;\n      }\n    }\n    .user {\n      & + * {\n        margin-top: 20px;\n      }\n    }\n    .password {\n      & + * {\n        margin-top: 20px;\n      }\n    }\n    .select {\n      display: flex;\n      justify-content: space-between;\n      .active-right {\n        font-family: ", ";\n        font-weight: 500;\n        font-size: 13px;\n        line-height: 24px;\n        letter-spacing: -0.015em;\n        color: ", ";\n        cursor: pointer;\n      }\n      & + * {\n        margin-top: 50px;\n      }\n    }\n    .button-right {\n      text-align: right;\n      & + * {\n        margin-top: 55px;\n      }\n    }\n    .new-login {\n      p {\n        font-family: ", ";\n        text-align: right;\n        font-weight: 500;\n        font-size: 13px;\n        line-height: 24px;\n        color: ", ";\n        cursor: pointer;\n        span {\n          color: ", ";\n        }\n      }\n    }\n  }\n  .main-container {\n    max-width: 80%;\n    max-height: 80%;\n  }\n"])), _variables.FontFamily.Raleway_700, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s5, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s5, _variables.GlobalColors.secondary_magenta);
 
 exports.Container = Container;

package/dist/index.js

@@ -173,7 +173,7 @@ Object.keys(_index13).forEach(function (key) {
   });
 });
 
-var _index14 = require("./components/atoms/PriorityFlag/index");
+var _index14 = require("./components/atoms/LogoImage/index");
 
 Object.keys(_index14).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -186,7 +186,7 @@ Object.keys(_index14).forEach(function (key) {
   });
 });
 
-var _index15 = require("./components/atoms/ProductImage/index");
+var _index15 = require("./components/atoms/PriorityFlag/index");
 
 Object.keys(_index15).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -199,7 +199,7 @@ Object.keys(_index15).forEach(function (key) {
   });
 });
 
-var _index16 = require("./components/atoms/ProgressBar/index");
+var _index16 = require("./components/atoms/ProductImage/index");
 
 Object.keys(_index16).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -212,7 +212,7 @@ Object.keys(_index16).forEach(function (key) {
   });
 });
 
-var _index17 = require("./components/atoms/ScreenHeader/index");
+var _index17 = require("./components/atoms/ProgressBar/index");
 
 Object.keys(_index17).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -225,7 +225,7 @@ Object.keys(_index17).forEach(function (key) {
   });
 });
 
-var _index18 = require("./components/atoms/SideMenuButton/index");
+var _index18 = require("./components/atoms/ScreenHeader/index");
 
 Object.keys(_index18).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -238,7 +238,7 @@ Object.keys(_index18).forEach(function (key) {
   });
 });
 
-var _index19 = require("./components/atoms/StatusTag/index");
+var _index19 = require("./components/atoms/SideMenuButton/index");
 
 Object.keys(_index19).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -251,7 +251,7 @@ Object.keys(_index19).forEach(function (key) {
   });
 });
 
-var _index20 = require("./components/atoms/TabSection/index");
+var _index20 = require("./components/atoms/StatusTag/index");
 
 Object.keys(_index20).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -264,7 +264,7 @@ Object.keys(_index20).forEach(function (key) {
   });
 });
 
-var _index21 = require("./components/atoms/ValidationPanel/index");
+var _index21 = require("./components/atoms/TabSection/index");
 
 Object.keys(_index21).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -277,7 +277,7 @@ Object.keys(_index21).forEach(function (key) {
   });
 });
 
-var _index22 = require("./components/molecules/AvatarAndValidation/index");
+var _index22 = require("./components/atoms/ValidationPanel/index");
 
 Object.keys(_index22).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -290,33 +290,33 @@ Object.keys(_index22).forEach(function (key) {
   });
 });
 
-var _CarouselImagesLogin = require("./components/molecules/CarouselImagesLogin");
+var _index23 = require("./components/molecules/AvatarAndValidation/index");
 
-Object.keys(_CarouselImagesLogin).forEach(function (key) {
+Object.keys(_index23).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _CarouselImagesLogin[key]) return;
+  if (key in exports && exports[key] === _index23[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _CarouselImagesLogin[key];
+      return _index23[key];
     }
   });
 });
 
-var _index23 = require("./components/molecules/EditionActiveImage/index");
+var _CarouselImagesLogin = require("./components/molecules/CarouselImagesLogin");
 
-Object.keys(_index23).forEach(function (key) {
+Object.keys(_CarouselImagesLogin).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _index23[key]) return;
+  if (key in exports && exports[key] === _CarouselImagesLogin[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _index23[key];
+      return _CarouselImagesLogin[key];
     }
   });
 });
 
-var _index24 = require("./components/molecules/EmailResetPasswordLogin/index");
+var _index24 = require("./components/molecules/EditionActiveImage/index");
 
 Object.keys(_index24).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -329,7 +329,7 @@ Object.keys(_index24).forEach(function (key) {
   });
 });
 
-var _index25 = require("./components/molecules/FeaturesBar/index");
+var _index25 = require("./components/molecules/EmailResetPasswordLogin/index");
 
 Object.keys(_index25).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -342,7 +342,7 @@ Object.keys(_index25).forEach(function (key) {
   });
 });
 
-var _index26 = require("./components/molecules/GalleryElement/index");
+var _index26 = require("./components/molecules/FeaturesBar/index");
 
 Object.keys(_index26).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -355,7 +355,7 @@ Object.keys(_index26).forEach(function (key) {
   });
 });
 
-var _index27 = require("./components/molecules/HeaderTop/index");
+var _index27 = require("./components/molecules/GalleryElement/index");
 
 Object.keys(_index27).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -368,7 +368,7 @@ Object.keys(_index27).forEach(function (key) {
   });
 });
 
-var _index28 = require("./components/molecules/ImageSelector/index");
+var _index28 = require("./components/molecules/HeaderTop/index");
 
 Object.keys(_index28).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -381,20 +381,7 @@ Object.keys(_index28).forEach(function (key) {
   });
 });
 
-var _LoginPasswordStrength = require("./components/molecules/LoginPasswordStrength");
-
-Object.keys(_LoginPasswordStrength).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _LoginPasswordStrength[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _LoginPasswordStrength[key];
-    }
-  });
-});
-
-var _index29 = require("./components/molecules/PlanSelection/index");
+var _index29 = require("./components/molecules/ImageSelector/index");
 
 Object.keys(_index29).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -407,7 +394,7 @@ Object.keys(_index29).forEach(function (key) {
   });
 });
 
-var _index30 = require("./components/molecules/ProductNameHeader/index");
+var _index30 = require("./components/molecules/LoginPasswordStrength/index");
 
 Object.keys(_index30).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -420,7 +407,7 @@ Object.keys(_index30).forEach(function (key) {
   });
 });
 
-var _index31 = require("./components/molecules/RegistrationFirstStep/index");
+var _index31 = require("./components/molecules/LogoLoading/index");
 
 Object.keys(_index31).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -433,7 +420,7 @@ Object.keys(_index31).forEach(function (key) {
   });
 });
 
-var _index32 = require("./components/molecules/RegistrationSecondStep/index");
+var _index32 = require("./components/molecules/PlanSelection/index");
 
 Object.keys(_index32).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -446,7 +433,7 @@ Object.keys(_index32).forEach(function (key) {
   });
 });
 
-var _index33 = require("./components/molecules/RegistrationThirdStep/index");
+var _index33 = require("./components/molecules/ProductNameHeader/index");
 
 Object.keys(_index33).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -459,7 +446,7 @@ Object.keys(_index33).forEach(function (key) {
   });
 });
 
-var _index34 = require("./components/molecules/SignInLogin/index");
+var _index34 = require("./components/molecules/RegistrationFirstStep/index");
 
 Object.keys(_index34).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -472,7 +459,7 @@ Object.keys(_index34).forEach(function (key) {
   });
 });
 
-var _index35 = require("./components/molecules/SignInLoginCreationApp/index");
+var _index35 = require("./components/molecules/RegistrationSecondStep/index");
 
 Object.keys(_index35).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -485,7 +472,7 @@ Object.keys(_index35).forEach(function (key) {
   });
 });
 
-var _index36 = require("./components/molecules/StatusAsignationInfo/index");
+var _index36 = require("./components/molecules/RegistrationThirdStep/index");
 
 Object.keys(_index36).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -498,7 +485,7 @@ Object.keys(_index36).forEach(function (key) {
   });
 });
 
-var _index37 = require("./components/molecules/TableHeader/index");
+var _index37 = require("./components/molecules/SignInLogin/index");
 
 Object.keys(_index37).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -511,7 +498,7 @@ Object.keys(_index37).forEach(function (key) {
   });
 });
 
-var _index38 = require("./components/molecules/TableRow/index");
+var _index38 = require("./components/molecules/StatusAsignationInfo/index");
 
 Object.keys(_index38).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -524,7 +511,7 @@ Object.keys(_index38).forEach(function (key) {
   });
 });
 
-var _index39 = require("./components/molecules/TabsMenu/index");
+var _index39 = require("./components/molecules/TableHeader/index");
 
 Object.keys(_index39).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -537,7 +524,7 @@ Object.keys(_index39).forEach(function (key) {
   });
 });
 
-var _index40 = require("./components/molecules/TagAndInput/index");
+var _index40 = require("./components/molecules/TableRow/index");
 
 Object.keys(_index40).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -550,7 +537,7 @@ Object.keys(_index40).forEach(function (key) {
   });
 });
 
-var _index41 = require("./components/molecules/VerificationCodeResetPasswordLogin/index");
+var _index41 = require("./components/molecules/TabsMenu/index");
 
 Object.keys(_index41).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -563,7 +550,7 @@ Object.keys(_index41).forEach(function (key) {
   });
 });
 
-var _index42 = require("./components/organisms/ChangePassword/index");
+var _index42 = require("./components/molecules/TagAndInput/index");
 
 Object.keys(_index42).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -576,7 +563,7 @@ Object.keys(_index42).forEach(function (key) {
   });
 });
 
-var _index43 = require("./components/organisms/Fullplan/index");
+var _index43 = require("./components/molecules/VerificationCodeResetPasswordLogin/index");
 
 Object.keys(_index43).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -589,7 +576,7 @@ Object.keys(_index43).forEach(function (key) {
   });
 });
 
-var _index44 = require("./components/organisms/FullProductNameHeader/index");
+var _index44 = require("./components/organisms/ChangePassword/index");
 
 Object.keys(_index44).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -602,7 +589,7 @@ Object.keys(_index44).forEach(function (key) {
   });
 });
 
-var _index45 = require("./components/organisms/FullTabsMenu/index");
+var _index45 = require("./components/organisms/Fullplan/index");
 
 Object.keys(_index45).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -615,7 +602,7 @@ Object.keys(_index45).forEach(function (key) {
   });
 });
 
-var _index46 = require("./components/organisms/ImageDataTable/index");
+var _index46 = require("./components/organisms/FullProductNameHeader/index");
 
 Object.keys(_index46).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -628,7 +615,7 @@ Object.keys(_index46).forEach(function (key) {
   });
 });
 
-var _index47 = require("./components/organisms/ImagePreviewer/index");
+var _index47 = require("./components/organisms/FullTabsMenu/index");
 
 Object.keys(_index47).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -641,7 +628,7 @@ Object.keys(_index47).forEach(function (key) {
   });
 });
 
-var _index48 = require("./components/organisms/ImagesGroup/index");
+var _index48 = require("./components/organisms/ImageDataTable/index");
 
 Object.keys(_index48).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -654,7 +641,7 @@ Object.keys(_index48).forEach(function (key) {
   });
 });
 
-var _index49 = require("./components/organisms/InputGroup/index");
+var _index49 = require("./components/organisms/ImagePreviewer/index");
 
 Object.keys(_index49).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -667,7 +654,7 @@ Object.keys(_index49).forEach(function (key) {
   });
 });
 
-var _index50 = require("./components/organisms/ProductImageModal/index");
+var _index50 = require("./components/organisms/ImagesGroup/index");
 
 Object.keys(_index50).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -680,6 +667,32 @@ Object.keys(_index50).forEach(function (key) {
   });
 });
 
+var _index51 = require("./components/organisms/InputGroup/index");
+
+Object.keys(_index51).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index51[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index51[key];
+    }
+  });
+});
+
+var _index52 = require("./components/organisms/ProductImageModal/index");
+
+Object.keys(_index52).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index52[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index52[key];
+    }
+  });
+});
+
 var _ChangePasswordLogin = require("./components/pages/ChangePasswordLogin");
 
 Object.keys(_ChangePasswordLogin).forEach(function (key) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.0.55",
+  "version": "21.0.56",
   "dependencies": {
     "@aws-amplify/auth": "^4.5.3",
     "@aws-amplify/datastore": "^3.11.0",

package/src/components/molecules/SignInLogin/index.js

@@ -6,7 +6,7 @@ import { CheckBox } from "../../atoms/CheckBox/index";
 import { TagAndInput } from "../TagAndInput";
 import { FontFamily, GlobalColors } from "../../../global-files/variables";
 import { useState, useEffect } from "react";
-import { Loading } from "../../atoms/Loading";
+import { LogoLoading } from "../LogoLoading";
 import { Redirect } from "react-router-dom";
 import axios from "axios";
 
@@ -60,11 +60,7 @@ export const SignInLogin = (props) => {
               },
             }
           );
-          console.log(userGroup);
-          console.log(userGroup[0]);
-          const userGroupValue =
-            typeof userGroup === "string" ? userGroup : userGroup[0];
-          if (userGroupValue === "usuario_contentoh") {
+          if (userGroup[0] === props.users) {
             sessionStorage.setItem("auth", true);
             sessionStorage.setItem(
               "jwt",
@@ -120,7 +116,7 @@ export const SignInLogin = (props) => {
     if (upgradePlanRedirect) setLoading(false);
   }, [upgradePlanRedirect]);
   return loading ? (
-    <Loading />
+    <LogoLoading />
   ) : (
     <>
       <Container className={"home-login"}>

package/src/components/molecules/SignInLogin/styles.js

@@ -4,7 +4,7 @@ import { FontFamily, GlobalColors } from "../../../global-files/variables";
 export const Container = styled.div`
   background: "white";
   display: flex;
-  height: 100%;
+  height: 100vh;
   width: 50%;
   justify-content: center;
   align-items: center;

package/src/index.js

@@ -12,6 +12,7 @@ export * from "./components/atoms/GeneralInput/index";
 export * from "./components/atoms/GeneralTextBox/index";
 export * from "./components/atoms/GradientPanel/index";
 export * from "./components/atoms/Loading/index";
+export * from "./components/atoms/LogoImage/index";
 export * from "./components/atoms/PriorityFlag/index";
 export * from "./components/atoms/ProductImage/index";
 export * from "./components/atoms/ProgressBar/index";
@@ -30,14 +31,14 @@ export * from "./components/molecules/FeaturesBar/index";
 export * from "./components/molecules/GalleryElement/index";
 export * from "./components/molecules/HeaderTop/index";
 export * from "./components/molecules/ImageSelector/index";
-export * from "./components/molecules/LoginPasswordStrength";
+export * from "./components/molecules/LoginPasswordStrength/index";
+export * from "./components/molecules/LogoLoading/index";
 export * from "./components/molecules/PlanSelection/index";
 export * from "./components/molecules/ProductNameHeader/index";
 export * from "./components/molecules/RegistrationFirstStep/index";
 export * from "./components/molecules/RegistrationSecondStep/index";
 export * from "./components/molecules/RegistrationThirdStep/index";
 export * from "./components/molecules/SignInLogin/index";
-export * from "./components/molecules/SignInLoginCreationApp/index";
 export * from "./components/molecules/StatusAsignationInfo/index";
 export * from "./components/molecules/TableHeader/index";
 export * from "./components/molecules/TableRow/index";

package/src/components/molecules/SignInLoginCreationApp/SignInLogin.stories.js

@@ -1,11 +0,0 @@
-import { SignInLoginCreationApp } from "./index";
-
-export default {
-  title: "Components/molecules/SignInLoginCreationApp",
-  component: SignInLoginCreationApp,
-};
-
-const Template = (args) => <SignInLoginCreationApp {...args} />;
-
-export const SignInLoginCreationAppDefault = Template.bind({});
-SignInLoginCreationAppDefault.args = {};

package/src/components/molecules/SignInLoginCreationApp/index.js

@@ -1,182 +0,0 @@
-import { Container } from "./styles";
-import { LogoImage } from "../../atoms/LogoImage/index";
-import { ScreenHeader } from "../../atoms/ScreenHeader/index";
-import { Button } from "../../atoms/GeneralButton/index";
-import { CheckBox } from "../../atoms/CheckBox/index";
-import { TagAndInput } from "../TagAndInput";
-import { FontFamily, GlobalColors } from "../../../global-files/variables";
-import { useState, useEffect } from "react";
-import { Loading } from "../../atoms/Loading";
-import { Redirect } from "react-router-dom";
-import axios from "axios";
-
-export const SignInLoginCreationApp = (props) => {
-  const [emptyEmail, setEmptyEmail] = useState(false);
-  const [invalidEmail, setInvalidEmail] = useState(false);
-  const [emptyPassword, setEmptyPassword] = useState(false);
-  const [showErrors, setShowErrors] = useState(true);
-  const [signInError, setSignInError] = useState("");
-  const [loading, setLoading] = useState(false);
-  const [upgradePlanRedirect, setUpgradePlanRedirect] = useState(false);
-
-  const validate = async (e) => {
-    e.preventDefault();
-    setSignInError("");
-    setShowErrors(true);
-    let valid = true;
-    const email = document.querySelector("#emailInput").value.trim();
-    const password = document.querySelector("#passwordInput").value;
-    !/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/.test(
-      email
-    )
-      ? setInvalidEmail(true)
-      : setInvalidEmail(false);
-    if (email === "") {
-      valid = false;
-      setEmptyEmail(true);
-    } else {
-      setEmptyEmail(false);
-    }
-    if (password === "") {
-      valid = false;
-      setEmptyPassword(true);
-    } else {
-      setEmptyPassword(false);
-    }
-    if (valid) {
-      try {
-        setLoading(true);
-        const session = await props.Auth.signIn(email, password);
-        if (session.challengeName === "NEW_PASSWORD_REQUIRED") {
-          props.setUser(session);
-          props.setPaso(8);
-        } else {
-          const userGroup =
-            session.signInUserSession.accessToken.payload["cognito:groups"];
-          const response = await axios.get(
-            process.env.REACT_APP_USER_ENDPOINT,
-            {
-              headers: {
-                Authorization: session.signInUserSession.idToken.jwtToken,
-              },
-            }
-          );
-          console.log(userGroup);
-          console.log(userGroup[0]);
-          const userGroupValue =
-            typeof userGroup === "string" ? userGroup : userGroup[0];
-          if (userGroupValue === "colaboradores_contentoh") {
-            sessionStorage.setItem("auth", true);
-            sessionStorage.setItem(
-              "jwt",
-              session.signInUserSession.idToken.jwtToken
-            );
-            const user = JSON.parse(response.data.body).data[0];
-            const company = JSON.parse(response.data.body).data[1];
-
-            caches.keys().then((names) => {
-              names.forEach((name) => {
-                caches.delete(name);
-              });
-            });
-            user.src = `https://${
-              process.env.REACT_APP_IMAGES_PROFILE_BUCKET
-            }.s3.amazonaws.com/id-${user.id_user}/${
-              user.id_user
-            }.png?${new Date().getTime()}`;
-            sessionStorage.setItem("user", JSON.stringify(user));
-            sessionStorage.setItem("company", JSON.stringify(company));
-            setUpgradePlanRedirect(true);
-          } else {
-            setSignInError("NotAuthorizedException");
-            setLoading(false);
-          }
-        }
-      } catch (error) {
-        console.log(error);
-        setLoading(false);
-        if (error.code === "NotAuthorizedException") {
-          setSignInError("NotAuthorizedException");
-        } else if (error.code === "UserNotConfirmedException") {
-          sessionStorage.setItem(
-            "email",
-            JSON.stringify(document.querySelector("#usernameInput").value)
-          );
-          props.setPaso(5);
-        } else {
-          setSignInError("Error");
-        }
-      }
-    }
-  };
-  useEffect(() => {
-    sessionStorage.getItem("resetPasswordProcess") &&
-      sessionStorage.removeItem("resetPasswordProcess");
-  }, []);
-  useEffect(() => {
-    if (upgradePlanRedirect) setLoading(false);
-  }, [upgradePlanRedirect]);
-  return loading ? (
-    <Loading />
-  ) : (
-    <>
-      <Container className={"home-login"}>
-        <div className="main-container">
-          <LogoImage />
-          <div className="credenciales">
-            <ScreenHeader
-              fontFamily={FontFamily.AvenirNext}
-              color={GlobalColors.s5}
-              text={"Ingresa tus credenciales"}
-            />
-          </div>
-          <div className="user">
-            <TagAndInput
-              inputType={"text"}
-              label={"Nombre de usuario"}
-              inputPlaceHolder={"username@contentoh.com"}
-              inputId={"emailInput"}
-            />
-          </div>
-          {showErrors && emptyEmail && <label>Ingrese su correo</label>}
-          {invalidEmail && !emptyEmail && (
-            <label>Ingrese un correo válido</label>
-          )}
-          <div className="password">
-            <TagAndInput
-              inputType={"password"}
-              label={"Contraseña"}
-              inputPlaceHolder={"Escribe tu contraseña"}
-              inputId={"passwordInput"}
-            />
-          </div>
-          {showErrors && emptyPassword && <label>Ingrese su contraseña</label>}
-          <div className="select">
-            <CheckBox
-              label={"Mantener sesión activada"}
-              id={"chk-default"}
-              className="active-left"
-            />
-            <p onClick={() => props.setPaso(10)} className="active-right">
-              Olvide mi contraseña
-            </p>
-          </div>
-          {showErrors && signInError === "NotAuthorizedException" && (
-            <label>Correo o contraseña incorrectos</label>
-          )}
-          {showErrors && signInError === "Error" && (
-            <label>Ha habido un problema al iniciar sesión</label>
-          )}
-          <div className="button-right">
-            <Button
-              buttonType={"general-default-button"}
-              label={"Iniciar sesión"}
-              onClick={(e) => validate(e)}
-            />
-          </div>
-        </div>
-      </Container>
-      {upgradePlanRedirect && <Redirect to={{ pathname: "/dashboard" }} />}
-    </>
-  );
-};

package/src/components/molecules/SignInLoginCreationApp/styles.js

@@ -1,79 +0,0 @@
-import styled from "styled-components";
-import { FontFamily, GlobalColors } from "../../../global-files/variables";
-
-export const Container = styled.div`
-  background: "white";
-  display: flex;
-  height: 100vh;
-  width: 50%;
-  justify-content: center;
-  align-items: center;
-  label {
-    color: red;
-    margin-top: 3px;
-    margin-left: 15px;
-    font-family: ${FontFamily.Raleway_700};
-    font-size: 11px;
-    & + * {
-      margin-top: 12px;
-    }
-  }
-
-  &.home-login {
-    .credenciales {
-      & + * {
-        margin-top: 30px;
-      }
-    }
-    .user {
-      & + * {
-        margin-top: 20px;
-      }
-    }
-    .password {
-      & + * {
-        margin-top: 20px;
-      }
-    }
-    .select {
-      display: flex;
-      justify-content: space-between;
-      .active-right {
-        font-family: ${FontFamily.AvenirNext};
-        font-weight: 500;
-        font-size: 13px;
-        line-height: 24px;
-        letter-spacing: -0.015em;
-        color: ${GlobalColors.s5};
-        cursor: pointer;
-      }
-      & + * {
-        margin-top: 50px;
-      }
-    }
-    .button-right {
-      text-align: right;
-      & + * {
-        margin-top: 55px;
-      }
-    }
-    .new-login {
-      p {
-        font-family: ${FontFamily.AvenirNext};
-        text-align: right;
-        font-weight: 500;
-        font-size: 13px;
-        line-height: 24px;
-        color: ${GlobalColors.s5};
-        cursor: pointer;
-        span {
-          color: ${GlobalColors.secondary_magenta};
-        }
-      }
-    }
-  }
-  .main-container {
-    max-width: 80%;
-    max-height: 80%;
-  }
-`;