contentoh-components-library 21.0.52 → 21.0.56

package/dist/components/atoms/Loading/index.js

@@ -7,14 +7,12 @@ exports.Loading = void 0;
 
 var _styles = require("./styles");
 
-var _LogoImage = require("../LogoImage");
-
 var _jsxRuntime = require("react/jsx-runtime");
 
 var Loading = function Loading() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LogoImage.LogoImage, {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "loader",
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    className: "loading",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Loader, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: "first"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
@@ -22,7 +20,7 @@ var Loading = function Loading() {
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: "third"
       })]
-    })]
+    })
   });
 };
 

package/dist/components/atoms/Loading/styles.js

@@ -5,14 +5,18 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Container = void 0;
+exports.Loader = exports.Container = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _templateObject;
+var _templateObject, _templateObject2;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  justify-content: center;\n  align-items: center;\n  height: 100vh;\n  width: 50%;\n  position: relative;\n  img {\n    width: 75% !important;\n    position: absolute;\n    bottom: 55%;\n    left: 10%;\n  }\n  .loader {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: 10%;\n    width: 50%;\n    position: absolute;\n    bottom: 45%;\n    left:25%;\n    span {\n      display: inline-block;\n      border-radius: 100%;\n      margin-left: 5px;\n      opacity: 1;\n    }\n    .first {\n      background-color: #ff75cf;\n    }\n    .second {\n      background-color: #e33aa9;\n    }\n    .third {\n      background-color: #b12d84;\n    }\n    span:nth-child(1) {\n      width: 16px;\n      height: 16px;\n      animation: opacitychange 1s ease-in-out infinite;\n    }\n    span:nth-child(2) {\n      width: 18px;\n      height: 18px;\n\n      animation: opacitychange 1s ease-in-out 0.33s infinite;\n    }\n    span:nth-child(3) {\n      width: 20px;\n      height: 20px;\n\n      animation: opacitychange 1s ease-in-out 0.66s infinite;\n    }\n    @keyframes opacitychange {\n      0%,\n      100% {\n        opacity: 0;\n      }\n      60% {\n        opacity: 1;\n      }\n    }\n  }\n"])));
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n  width: 100%;\n"])));
 
-exports.Container = Container;
+exports.Container = Container;
+
+var Loader = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n  width: 100%;\n  span {\n    display: inline-block;\n    border-radius: 100%;\n    margin: 35px 5px;\n    opacity: 1;\n  }\n  .first {\n    background-color: #ff75cf;\n  }\n  .second {\n    background-color: #e33aa9;\n  }\n  .third {\n    background-color: #b12d84;\n  }\n  span:nth-child(1) {\n    width: 16px;\n    height: 16px;\n    animation: opacitychange 1s ease-in-out infinite;\n  }\n  span:nth-child(2) {\n    width: 18px;\n    height: 18px;\n\n    animation: opacitychange 1s ease-in-out 0.33s infinite;\n  }\n  span:nth-child(3) {\n    width: 20px;\n    height: 20px;\n\n    animation: opacitychange 1s ease-in-out 0.66s infinite;\n  }\n  @keyframes opacitychange {\n    0%,\n    100% {\n      opacity: 0;\n    }\n    60% {\n      opacity: 1;\n    }\n  }\n"])));
+
+exports.Loader = Loader;

package/dist/components/atoms/LogoImage/index.js

@@ -15,6 +15,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 var LogoImage = function LogoImage() {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    className: "logo",
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
       src: _logoLogin.default,
       alt: "logo"

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

@@ -15,7 +15,7 @@ var _variables = require("../../../global-files/variables");
 
 var _templateObject, _templateObject2, _templateObject3;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  .divPasswordStrength {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-top: 30px;\n    & + * {\n      margin-top: 40px;\n    }\n  }\n  label {\n    color: red;\n    margin-top: 3px;\n    margin-left: 15px;\n    font-family: ", ";\n    font-size: 11px;\n  }\n"])), _variables.FontFamily.Raleway_700);
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  .divPasswordStrength {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-top: 30px;\n    & + * {\n      margin-top: 40px;\n    }\n  }\n  label {\n    color: red;\n    margin-top: 3px;\n    margin-left: 15px;\n    font-family: ", ";\n    font-size: 11px;\n  }\n  & + *{\n    margin-top: 20px;\n  }\n"])), _variables.FontFamily.Raleway_700);
 
 exports.Container = Container;
 

package/dist/components/molecules/LogoLoading/Loading.stories.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.LogoLoadingDefault = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _index = require("./index");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _default = {
+  title: "Components/molecules/LogoLoading",
+  component: _index.LogoLoading
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.LogoLoading, (0, _objectSpread2.default)({}, args));
+};
+
+var LogoLoadingDefault = Template.bind({});
+exports.LogoLoadingDefault = LogoLoadingDefault;
+LogoLoadingDefault.args = {};

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

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LogoLoading = void 0;
+
+var _styles = require("./styles");
+
+var _Loading = require("../../atoms/Loading");
+
+var _LogoImage = require("../../atoms/LogoImage");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var LogoLoading = function LogoLoading() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LogoImage.LogoImage, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Loading.Loading, {})]
+  });
+};
+
+exports.LogoLoading = LogoLoading;

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

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Container = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _templateObject;
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  height: 100vh;\n  width: 50%;\n  padding-top: 25%;\n  .logo {\n    text-align: center;\n    img {\n      width: 65%;\n    }\n  }\n  .loading {\n    height: 10%;\n  }\n"])));
+
+exports.Container = Container;

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 = 34;
+                _context.next = 33;
                 break;
               }
 
@@ -122,7 +122,7 @@ var SignInLogin = function SignInLogin(props) {
 
               props.setUser(session);
               props.setPaso(8);
-              _context.next = 26;
+              _context.next = 25;
               break;
 
             case 20:
@@ -136,9 +136,8 @@ var SignInLogin = function SignInLogin(props) {
 
             case 23:
               response = _context.sent;
-              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];
@@ -157,12 +156,12 @@ var SignInLogin = function SignInLogin(props) {
                 setLoading(false);
               }
 
-            case 26:
-              _context.next = 34;
+            case 25:
+              _context.next = 33;
               break;
 
-            case 28:
-              _context.prev = 28;
+            case 27:
+              _context.prev = 27;
               _context.t0 = _context["catch"](10);
               console.log(_context.t0);
               setLoading(false);
@@ -179,12 +178,12 @@ var SignInLogin = function SignInLogin(props) {
                 console.log("error 2");
               }
 
-            case 34:
+            case 33:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[10, 28]]);
+      }, _callee, null, [[10, 27]]);
     }));
 
     return function validate(_x) {
@@ -198,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", {
@@ -258,7 +257,7 @@ var SignInLogin = function SignInLogin(props) {
               return validate(e);
             }
           })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        }), props.registration && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "new-login",
           children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
             className: "pre-registro",

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/components/molecules/SignInLoginCreationApp/index.js

@@ -103,14 +103,14 @@ var SignInLoginCreationApp = function SignInLoginCreationApp(props) {
               }
 
               if (!valid) {
-                _context.next = 33;
+                _context.next = 35;
                 break;
               }
 
               _context.prev = 10;
               setLoading(true);
               _context.next = 14;
-              return Auth.signIn(email, password);
+              return props.Auth.signIn(email, password);
 
             case 14:
               session = _context.sent;
@@ -122,7 +122,7 @@ var SignInLoginCreationApp = function SignInLoginCreationApp(props) {
 
               props.setUser(session);
               props.setPaso(8);
-              _context.next = 26;
+              _context.next = 28;
               break;
 
             case 20:
@@ -136,14 +136,15 @@ var SignInLoginCreationApp = function SignInLoginCreationApp(props) {
 
             case 23:
               response = _context.sent;
+              console.log(userGroup);
+              console.log(userGroup[0]);
               userGroupValue = typeof userGroup === "string" ? userGroup : userGroup[0];
 
               if (userGroupValue === "colaboradores_contentoh") {
                 sessionStorage.setItem("auth", true);
                 sessionStorage.setItem("jwt", session.signInUserSession.idToken.jwtToken);
                 user = JSON.parse(response.data.body).data[0];
-                company = JSON.parse(response.data.body).data[1]; // const picture = getProfilePicture(user.id_user, 83, 83);
-
+                company = JSON.parse(response.data.body).data[1];
                 caches.keys().then(function (names) {
                   names.forEach(function (name) {
                     caches.delete(name);
@@ -158,12 +159,12 @@ var SignInLoginCreationApp = function SignInLoginCreationApp(props) {
                 setLoading(false);
               }
 
-            case 26:
-              _context.next = 33;
+            case 28:
+              _context.next = 35;
               break;
 
-            case 28:
-              _context.prev = 28;
+            case 30:
+              _context.prev = 30;
               _context.t0 = _context["catch"](10);
               console.log(_context.t0);
               setLoading(false);
@@ -177,12 +178,12 @@ var SignInLoginCreationApp = function SignInLoginCreationApp(props) {
                 setSignInError("Error");
               }
 
-            case 33:
+            case 35:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[10, 28]]);
+      }, _callee, null, [[10, 30]]);
     }));
 
     return function validate(_x) {

package/dist/components/organisms/ChangePassword/styles.js

@@ -13,6 +13,6 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _templateObject;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  width: 50%;\n  height: 100vh;\n  .button-center {\n    position: absolute;\n    bottom: 13%;\n    left: 67%;\n    .general-default-button {\n      width: 160px;\n    }\n  }\n"])));
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 50%;\n  height: 100vh;\n  .button-center {\n    display: flex;\n    justify-content: center;\n    .general-default-button {\n      width: 160px;\n    }\n  }\n"])));
 
 exports.Container = Container;