contentoh-components-library 21.0.54 → 21.0.57

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

@@ -11,6 +11,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 var Loading = function Loading() {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    className: "loading",
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Loader, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: "first"

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/atoms/SliderToolTip/SliderToolTip.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.SliderToolTipDefault = 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/atoms/SliderToolTip",
+  component: _index.SliderToolTip
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.SliderToolTip, (0, _objectSpread2.default)({}, args));
+};
+
+var SliderToolTipDefault = Template.bind({});
+exports.SliderToolTipDefault = SliderToolTipDefault;
+SliderToolTipDefault.args = {};

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

@@ -0,0 +1,144 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SliderToolTip = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _styles = require("./styles");
+
+var _infoIcon = _interopRequireDefault(require("../../../assets/images/sliderToolTip/infoIcon.svg"));
+
+var _slide = _interopRequireDefault(require("../../../assets/images/sliderToolTip/slide1.svg"));
+
+var _slide2 = _interopRequireDefault(require("../../../assets/images/sliderToolTip/slide2.svg"));
+
+var _slide3 = _interopRequireDefault(require("../../../assets/images/sliderToolTip/slide3.svg"));
+
+var _slide4 = _interopRequireDefault(require("../../../assets/images/sliderToolTip/slide4.svg"));
+
+var _slide5 = _interopRequireDefault(require("../../../assets/images/sliderToolTip/slide5.svg"));
+
+var _react = require("react");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var SliderToolTip = function SliderToolTip() {
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      showMenu = _useState2[0],
+      setShowMenu = _useState2[1];
+
+  var closeMenu = function closeMenu(e) {
+    if (!e.target.closest("#div-slider") && showMenu) {
+      document.removeEventListener("click", closeMenu, false);
+      setShowMenu(false);
+    }
+  };
+
+  (0, _react.useEffect)(function () {
+    if (showMenu) {
+      document.addEventListener("click", closeMenu, false);
+    }
+  }, [showMenu]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+      onClick: function onClick(e) {
+        setShowMenu(!showMenu);
+
+        if (showMenu) {
+          document.removeEventListener("click", closeMenu, false);
+        }
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        src: showMenu ? _infoIcon.default : _infoIcon.default,
+        alt: "info icon"
+      })
+    }), showMenu && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Slider, {
+      id: "div-slider",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("ul", {
+        className: "slider",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
+          id: "slide1",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+              src: _slide.default
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+            children: "Creamos tu contenido, y todo lo que haga falta para tu producto, cada secci\xF3n puedes socilitar contenido enriquecido, y nosotros lo haremos por ti."
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
+          id: "slide2",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+            src: _slide2.default
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+            children: "Puedes agregar solicitudes de contenido enriquecido a tu carrito de compra las veces que sean necesarias. Una vez completada tu lista con los servicios necesitados sigue el proceso de compra en checkout."
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
+          id: "slide3",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+            src: _slide3.default
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+            children: "Revisa el contenido que deseas solicilitar, valida y tambien puedes agregar contenido extra, traducciones, o simplemente completar el checkout."
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
+          id: "slide4",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+            src: _slide4.default
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+            children: "Elige el tipo de entrega de tu producto, puedes ser recolecci\xF3n en el lugar o por el contrario puedes dejarlo en nuestras oficinas."
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
+          id: "slide5",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+              src: _slide5.default
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "lema-end",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+              children: "Finalmente elige la forma de pago que m\xE1s te guste, procede con el pago y listo."
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              children: "Bienvenido al modo Content-oh!"
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+            onClick: function onClick(e) {
+              document.removeEventListener("click", closeMenu, false);
+              setShowMenu(false);
+            },
+            children: "Cerrar"
+          })]
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("ul", {
+        className: "menu",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+            href: "#slide1"
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+            href: "#slide2"
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+            href: "#slide3"
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+            href: "#slide4"
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+            href: "#slide5"
+          })
+        })]
+      })]
+    })]
+  });
+};
+
+exports.SliderToolTip = SliderToolTip;

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

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Slider = exports.Container = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _variables = require("../../../global-files/variables");
+
+var _templateObject, _templateObject2;
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background: transparent;\n  cursor: pointer;\n  width: 40px;\n  margin-left: 9px;\n  position: relative;\n  & + * {\n    margin-left: 9px;\n  }\n"])));
+
+exports.Container = Container;
+
+var Slider = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  font-family: sans-serif;\n  margin: auto;\n  background: #281f33;\n  border-radius: 6px;\n  width: 310px;\n  padding: 16px;\n  padding-top: 20px;\n  box-sizing: border-box;\n  position: absolute;\n  top: 50px;\n  ul,\n  li {\n    padding: 0;\n    margin: 0;\n    list-style: none;\n  }\n  .slider {\n    position: relative;\n    max-width: 300px;\n    width: 100%;\n    height: 270px;\n    li {\n      position: absolute;\n      left: 0px;\n      top: 0px;\n      opacity: 0;\n      width: inherit;\n      height: inherit;\n      transition: opacity 0.5s;\n      background: transparent;\n      img {\n        width: 100%;\n        height: 180px;\n        border-radius: 4px;\n        background-color: #fafafa;\n        & + * {\n          margin-top: 10px;\n        }\n      }\n      p {\n        font-family: \"Avenir Next\";\n        font-style: normal;\n        font-weight: 400;\n        font-size: 10px;\n        line-height: 12px;\n        text-align: center;\n        letter-spacing: -0.015em;\n        color: #fafafa;\n        background-color: #281f33;\n      }\n      div {\n        background-color: #fafafa;\n        height: 180px;\n        border-radius: 4px;\n        display: flex;\n        justify-content: center;\n        flex-direction: column;\n        img {\n          height: 40px;\n        }\n        & + * {\n          margin-top: 13px;\n        }\n      }\n    }\n    #slide5 {\n      div {\n        height: 130px;\n        width: 100%;\n        background-color: #fafafa;\n        display: flex;\n        align-items: center;\n        border-radius: 4px;\n        img {\n          width: 100%;\n          height: 115px;\n          object-fit: contain;\n        }\n      }\n      .lema-end {\n        justify-content: center;\n        justify-content: space-evenly;\n        height: 100px;\n        background-color: #281f33;\n        flex-direction: column;\n        justify-content: space-evenly;\n        border-radius: inherit;\n        span {\n          font-family: \"Avenir Next\";\n          font-style: normal;\n          font-weight: 700;\n          font-size: 17px;\n          line-height: 15px;\n          text-align: center;\n          letter-spacing: -0.015em;\n          color: #fafafa;\n        }\n      }\n      button {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        padding: 10px;\n        position: absolute;\n        width: 160px;\n        height: 30px;\n        border: 1px solid #d4d1d7;\n        border-radius: 15px;\n        color: #fafafa;\n        background-color: #281f33;\n        font-family: \"Avenir Next\";\n        font-style: normal;\n        font-weight: 400;\n        font-size: 18px;\n        line-height: 25px;\n        letter-spacing: -0.015em;\n        left: 21%;\n        position: absolute;\n        top: 80%;\n        cursor: pointer;\n      }\n    }\n    li:first-child {\n      opacity: 1; /*Mostramos el primer <li>*/\n    }\n    li:target {\n      opacity: 1; /*Mostramos el primer <li>*/\n    }\n  }\n  .menu {\n    text-align: center;\n    li {\n      display: inline-block;\n      text-align: center;\n      & + * {\n        margin-left: 15px;\n      }\n      a {\n        display: inline-block;\n        text-decoration: none;\n        background-color: grey;\n        width: 10px;\n        height: 10px;\n        border-radius: 100%;\n      }\n    }\n  }\n"])));
+
+exports.Slider = Slider;

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

@@ -14,7 +14,7 @@ var _index = require("./index");
 var _jsxRuntime = require("react/jsx-runtime");
 
 var _default = {
-  title: "Components/atoms/LogoLoading",
+  title: "Components/molecules/LogoLoading",
   component: _index.LogoLoading
 };
 exports.default = _default;

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

@@ -7,20 +7,15 @@ 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.jsx)(_styles.Container, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "loader",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: "first"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: "second"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: "third"
-      })]
-    })
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LogoImage.LogoImage, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Loading.Loading, {})]
   });
 };
 

package/dist/components/molecules/LogoLoading/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  justify-content: center;\n  align-items: center;\n  height: 100vh;\n  width: 50%;\n  position: relative;\n  img {\n    width: 75%;\n    position: absolute;\n    bottom: 55%;\n    left: 10%;\n  }\n"])));
+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,48 +103,48 @@ var SignInLoginCreationApp = function SignInLoginCreationApp(props) {
               }
 
               if (!valid) {
-                _context.next = 34;
+                _context.next = 35;
                 break;
               }
 
               _context.prev = 10;
               setLoading(true);
-              console.log("try");
-              _context.next = 15;
+              _context.next = 14;
               return props.Auth.signIn(email, password);
 
-            case 15:
+            case 14:
               session = _context.sent;
 
               if (!(session.challengeName === "NEW_PASSWORD_REQUIRED")) {
-                _context.next = 21;
+                _context.next = 20;
                 break;
               }
 
               props.setUser(session);
               props.setPaso(8);
-              _context.next = 27;
+              _context.next = 28;
               break;
 
-            case 21:
+            case 20:
               userGroup = session.signInUserSession.accessToken.payload["cognito:groups"];
-              _context.next = 24;
+              _context.next = 23;
               return _axios.default.get(process.env.REACT_APP_USER_ENDPOINT, {
                 headers: {
                   Authorization: session.signInUserSession.idToken.jwtToken
                 }
               });
 
-            case 24:
+            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);
@@ -159,12 +159,12 @@ var SignInLoginCreationApp = function SignInLoginCreationApp(props) {
                 setLoading(false);
               }
 
-            case 27:
-              _context.next = 34;
+            case 28:
+              _context.next = 35;
               break;
 
-            case 29:
-              _context.prev = 29;
+            case 30:
+              _context.prev = 30;
               _context.t0 = _context["catch"](10);
               console.log(_context.t0);
               setLoading(false);
@@ -178,12 +178,12 @@ var SignInLoginCreationApp = function SignInLoginCreationApp(props) {
                 setSignInError("Error");
               }
 
-            case 34:
+            case 35:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[10, 29]]);
+      }, _callee, null, [[10, 30]]);
     }));
 
     return function validate(_x) {