{"version":3,"file":"static/js/316.3d45a3fb.chunk.js","mappings":"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","sources":["webpack://plenna_frontend/./src/containers/Login/Splash/Splash.module.css?48ec","containers/Login/Splash/Splash.jsx","webpack://plenna_frontend/./src/containers/Login/Login.module.css?de45","containers/Login/Login.js"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"container\":\"Splash_container__TLCrI\",\"fondo\":\"Splash_fondo__AkQSa\",\"transition\":\"Splash_transition__yVxC6\"};","import React, {useState} from 'react';\n\nimport classes from \"../Splash/Splash.module.css\";\n\n\nconst Splash = () => {\n  const [transition, setTransition] = useState(false)\n  setTimeout(() => setTransition(true),300)\n\n  return (\n    <div className={classes.container}>\n      <div className={`${classes.fondo} ${transition && classes.transition}`}>\n      </div>\n    </div>\n  );\n}\n\nexport default Splash;\n  ","// extracted by mini-css-extract-plugin\nexport default {\"layout\":\"Login_layout__glIav\",\"container\":\"Login_container__zBVpo\",\"head\":\"Login_head__Yj5m2\",\"botones\":\"Login_botones__Obfyj\",\"forwardWhite\":\"Login_forwardWhite__BX4Y0\",\"imagen\":\"Login_imagen__vlEGc\"};","import React, { useState, useRef, useEffect } from \"react\";\nimport Logo from \"../../assets/icons/logo_plenna/logo_plenna.png\";\nimport Imagen from \"../../assets/images/plenna_intro/plenna_intro.png\";\nimport ImagenText from \"../../assets/images/fondo_inicio/texto-curveado-03.png\";\nimport GoTo from \"../../components/UI/GoTo/GoTo\";\nimport Box from \"@mui/material/Box\";\nimport Slide from \"@mui/material/Slide\";\nimport Grid from \"@mui/material/Grid\";\nimport Splash from \"./Splash/Splash\";\nimport { useAuth0 } from \"@auth0/auth0-react\";\n\nimport classes from \"./Login.module.css\";\nimport Forward from \"../../components/UI/GoTo/Forward\";\n\nconst Login = () => {\n  const { loginWithRedirect, user } = useAuth0();\n\n  const [checked, setChecked] = useState(false);\n  const [splashed, setSplashed] = useState(false);\n\n  const containerRef = useRef(null);\n\n  setTimeout(() => setChecked(true), 300);\n\n  useEffect(() => {\n    setTimeout(() => {\n      if (user && user.app_metadata.onboarding_status !== false) {\n        window.location.pathname = \"/home\";\n      } else if (user && user.app_metadata.onboarding_status === false) {\n        window.location.pathname = \"/auth/registro\";\n      }\n      setSplashed(true);\n    }, 4600);\n  }, [user]);\n\n  return (\n    <>\n      {!splashed ? (\n        <Splash />\n      ) : (\n        <div className={classes.layout}>\n          <Box\n            sx={{\n              height: \"100vh\",\n              width: \"100%\",\n              display: \"flex\",\n              borderRadius: 1,\n              overflow: \"hidden\",\n              justifyContent: \"center\",\n              alignItems: \"center\",\n            }}\n            ref={containerRef}\n          >\n            <Grid\n              container\n              direction=\"row\"\n              justifyContent=\"center\"\n              alignItems=\"center\"\n            >\n              <Grid item xs={12} md={5}>\n                <Box sx={{ width: \"100%\" }}>\n                  <Slide\n                    direction=\"up\"\n                    in={checked}\n                    container={containerRef.current}\n                    style={{ transformOrigin: \"0 0 0\" }}\n                    {...(checked ? { timeout: 1000 } : {})}\n                  >\n                    <div\n                      className={` ${classes.container} ${classes.transition} `}\n                    >\n                      <div className={classes.head}>\n                        <img src={Logo} alt=\"logo\" />\n                        <img\n                          src={ImagenText}\n                          alt=\"Imagen texto\"\n                          width={\"100%\"}\n                        />\n                      </div>\n                      <div className={classes.imagen}>\n                        <img\n                          src={Imagen}\n                          alt=\"Imagen de intro\"\n                          width={\"100%\"}\n                        />\n                      </div>\n                      <div className={classes.botones}>\n                        <GoTo\n                          id={\"btnSignup\"}\n                          typeStyle=\"forward\"\n                          className=\"forward\"\n                          onClick={() => {\n                            loginWithRedirect({\n                              screen_hint: \"signup\",\n                              appState: {\n                                returnTo: \"/auth\",\n                              },\n                            });\n                          }}\n                        >\n                          <Forward title=\"Crear cuenta\" hideArrow></Forward>\n                        </GoTo>\n                        <GoTo\n                          id={\"btnLogin\"}\n                          typeStyle=\"outlined\"\n                          className={classes.mt5}\n                          onClick={() => {\n                            loginWithRedirect({\n                              screen_hint: \"login\",\n                              appState: {\n                                returnTo: \"/auth\",\n                              },\n                            });\n                          }}\n                        >\n                          <Forward title=\"Iniciar sesión\" hideArrow></Forward>\n                        </GoTo>\n                      </div>\n                    </div>\n                  </Slide>\n                </Box>\n              </Grid>\n            </Grid>\n          </Box>\n        </div>\n      )}\n    </>\n  );\n};\n\nexport default Login;\n"],"names":["_useState","useState","_useState2","_slicedToArray","transition","setTransition","setTimeout","_jsx","className","classes","children","concat","_useAuth","useAuth0","loginWithRedirect","user","checked","setChecked","_useState3","_useState4","splashed","setSplashed","containerRef","useRef","useEffect","app_metadata","onboarding_status","window","location","pathname","_Fragment","layout","Box","sx","height","width","display","borderRadius","overflow","justifyContent","alignItems","ref","Grid","container","direction","item","xs","md","Slide","_objectSpread","in","current","style","transformOrigin","timeout","_jsxs","head","src","alt","ImagenText","imagen","Imagen","botones","GoTo","id","typeStyle","onClick","screen_hint","appState","returnTo","Forward","title","hideArrow","mt5","Splash"],"sourceRoot":""}