web-interface.assets.LoginPage.8772c3b88e590016e5d1.js.map Maven / Gradle / Ivy
{"version":3,"sources":["webpack:///./src/components/login/LoginBox.jsx","webpack:///./src/components/login/LoginForm.jsx","webpack:///./src/pages/LoginPage.jsx","webpack:///./src/pages/LoadingPage.jsx"],"names":["LoginCol","styled","Col","theme","css","color","global","contentBackground","gray","LoginBox","children","className","md","mdOffset","xs","xsOffset","propTypes","PropTypes","node","isRequired","SessionActions","CombinedProvider","get","StyledFormGroup","FormGroup","LoginForm","promise","usernameInput","passwordInput","onErrorChange","useState","isLoading","setIsLoading","useEffect","cancel","onSubmit","event","preventDefault","username","getValue","password","location","document","host","login","error","additional","status","message","isCancelled","ref","id","type","placeholder","autoFocus","bsStyle","disabled","func","LoginPage","didValidateSession","setDidValidateSession","undefined","lastError","setLastError","sessionPromise","validate","then","response","loginComponent","resetLastError","title","name","onClick","PluginStore","exports","length","React","createElement","formComponent","LoadingPage","text","delay","string","defaultProps"],"mappings":"2HAAA,sFAMMA,EAAWC,kBAAOC,KAAV,yEAAGD,EAAY,gBAAGE,EAAH,EAAGA,MAAH,OAAeC,cAAd,CAAD,mIAEPD,EAAME,MAAMC,OAAOC,kBACnBJ,EAAME,MAAMG,KAAK,QAMjCC,EAAW,SAAC,GAAiB,IAAfC,EAAe,EAAfA,SAClB,OACE,yBAAKC,UAAU,aACb,kBAAC,IAAD,KACE,kBAACX,EAAD,CAAUY,GAAI,EAAGC,SAAU,EAAGC,GAAI,EAAGC,SAAU,GAC5CL,MAOXD,EAASO,UAAY,CACnBN,SAAUO,IAAUC,KAAKC,YAGZV,O,6rBCvBPW,EAAmBC,IAAiBC,IAAI,WAAxCF,eAEFG,EAAkBtB,kBAAOuB,KAAV,6EAAGvB,CAAH,sBAIfwB,EAAY,SAAC,GAAsB,IAEnCC,EACAC,EACAC,EAJeC,EAAoB,EAApBA,cAAoB,IACLC,oBAAS,GADJ,GAChCC,EADgC,KACrBC,EADqB,KAMvCC,qBAAU,WACR,OAAO,WACDP,GACFA,EAAQQ,YAGX,IAwBH,OACE,0BAAMC,SAvBgB,SAACC,GACvBA,EAAMC,iBACNR,IACAG,GAAa,GACb,IAAMM,EAAWX,EAAcY,WACzBC,EAAWZ,EAAcW,WACzBE,EAAWC,SAASD,SAASE,MACnCjB,EAAUN,EAAewB,MAAMN,EAAUE,EAAUC,IAC5C,OAAO,SAACI,GACmB,MAA5BA,EAAMC,WAAWC,OACnBlB,EAAc,sDAEdA,EAAc,gCAAD,OAAiCgB,EAAMC,WAAWC,OAAlD,cAA8DF,EAAMG,aAGrFtB,EAAO,SAAS,WACTA,EAAQuB,eACXjB,GAAa,QAOf,kBAAC,IAAD,CAAOkB,IAAK,SAACZ,GAAeX,EAAgBW,GACrCa,GAAG,WACHC,KAAK,OACLC,YAAY,WACZC,WAAS,IAEhB,kBAAC,IAAD,CAAOJ,IAAK,SAACV,GAAeZ,EAAgBY,GACrCW,GAAG,WACHC,KAAK,WACLC,YAAY,aAEnB,kBAAC9B,EAAD,KACE,kBAAC,IAAD,CAAQ6B,KAAK,SAASG,QAAQ,OAAOC,SAAUzB,GAC5CA,EAAY,gBAAkB,cAOzCN,EAAUT,UAAY,CACpBa,cAAeZ,IAAUwC,KAAKtC,YAGjBM,Q,0iBC/DPL,EAAmBC,IAAiBC,IAAI,WAAxCF,eAgEOsC,UA9DG,WAAM,QAC8B5B,oBAAS,GADvC,GACf6B,EADe,KACKC,EADL,SAEY9B,wBAAS+B,GAFrB,GAEfC,EAFe,KAEJC,EAFI,KAItB9B,qBAAU,WACR,IAAM+B,EAAiB5C,EAAe6C,WAAWC,MAAK,SAACC,GAErD,OADAP,GAAsB,GACfO,KAGT,OAAO,WACLH,EAAe9B,YAEhB,IAEH,IAkBQkC,EAlBFC,EAAiB,WACrBN,OAAaF,IA4Bf,OAAKF,EAOH,kBAAC,IAAD,CAAeW,MAAM,WACnB,kBAAC,IAAD,MACA,kBAAC7D,EAAA,EAAD,KACE,gCAAQ,kBAAC,IAAD,CAAM8D,KAAK,UAAnB,uBAlCAT,EAEA,yBAAKnD,UAAU,cACb,kBAAC,IAAD,CAAO4C,QAAQ,UACb,4BAAQH,KAAK,SAASzC,UAAU,QAAQ6D,QAASH,GAAjD,KAAkFP,IAKnF,KAMuB,KAFxBM,EAAiBK,cAAYC,QAAQ,sBAExBC,OACVC,IAAMC,cAAcT,EAAe,GAAGU,cAAe,CAC1DjD,cAAekC,IAIZ,kBAAC,EAAD,CAAWlC,cAAekC,MAK/B,kBAACgB,EAAA,QAAD,Q,sCC7DN,6GAOMA,EAAc,SAAC,GAAa,IAAXC,EAAW,EAAXA,KACrB,OACE,kBAAC,IAAD,CAAeV,MAAM,cACnB,kBAAC,IAAD,MACA,kBAAC,IAAD,KACE,gCAAQ,kBAAC,IAAD,CAAMC,KAAK,UAAnB,uBACA,2BACE,kBAAC,IAAD,CAASS,KAAMA,EAAMC,MAAO,QAOtCF,EAAY/D,UAAY,CACtBgE,KAAM/D,IAAUiE,QAElBH,EAAYI,aAAe,CACzBH,KAAM,2BAGOD","file":"LoginPage.8772c3b88e590016e5d1.js","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled, { css } from 'styled-components';\n\nimport { Col, Row } from 'components/graylog';\n\nconst LoginCol = styled(Col)(({ theme }) => css`\n padding: 15px;\n background-color: ${theme.color.global.contentBackground};\n border: 1px solid ${theme.color.gray[80]};\n border-radius: 4px;\n box-shadow: 0 0 21px rgba(0, 0, 0, 0.75);\n margin-top: 120px;\n`);\n\nconst LoginBox = ({ children }) => {\n return (\n \n \n \n {children}\n \n
\n \n );\n};\n\nLoginBox.propTypes = {\n children: PropTypes.node.isRequired,\n};\n\nexport default LoginBox;\n","import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\n\nimport { Button, FormGroup } from 'components/graylog';\nimport { Input } from 'components/bootstrap';\nimport CombinedProvider from 'injection/CombinedProvider';\n\nconst { SessionActions } = CombinedProvider.get('Session');\n\nconst StyledFormGroup = styled(FormGroup)`\n margin-bottom: 0;\n`;\n\nconst LoginForm = ({ onErrorChange }) => {\n const [isLoading, setIsLoading] = useState(false);\n let promise;\n let usernameInput;\n let passwordInput;\n\n useEffect(() => {\n return () => {\n if (promise) {\n promise.cancel();\n }\n };\n }, []);\n\n const onSignInClicked = (event) => {\n event.preventDefault();\n onErrorChange();\n setIsLoading(true);\n const username = usernameInput.getValue();\n const password = passwordInput.getValue();\n const location = document.location.host;\n promise = SessionActions.login(username, password, location);\n promise.catch((error) => {\n if (error.additional.status === 401) {\n onErrorChange('Invalid credentials, please verify them and retry.');\n } else {\n onErrorChange(`Error - the server returned: ${error.additional.status} - ${error.message}`);\n }\n });\n promise.finally(() => {\n if (!promise.isCancelled()) {\n setIsLoading(false);\n }\n });\n };\n\n return (\n \n );\n};\n\nLoginForm.propTypes = {\n onErrorChange: PropTypes.func.isRequired,\n};\n\nexport default LoginForm;\n","import React, { useEffect, useState } from 'react';\nimport { PluginStore } from 'graylog-web-plugin/plugin';\n\nimport { DocumentTitle, Icon } from 'components/common';\nimport { Alert } from 'components/graylog';\nimport LoginForm from 'components/login/LoginForm';\nimport LoginBox from 'components/login/LoginBox';\n\nimport AuthThemeStyles from 'theme/styles/authStyles';\n\nimport CombinedProvider from 'injection/CombinedProvider';\nimport LoadingPage from './LoadingPage';\n\nconst { SessionActions } = CombinedProvider.get('Session');\n\nconst LoginPage = () => {\n const [didValidateSession, setDidValidateSession] = useState(false);\n const [lastError, setLastError] = useState(undefined);\n\n useEffect(() => {\n const sessionPromise = SessionActions.validate().then((response) => {\n setDidValidateSession(true);\n return response;\n });\n\n return () => {\n sessionPromise.cancel();\n };\n }, []);\n\n const resetLastError = () => {\n setLastError(undefined);\n };\n\n const formatLastError = () => {\n if (lastError) {\n return (\n \n \n {lastError}\n \n \n );\n }\n return null;\n };\n\n const renderLoginForm = () => {\n const loginComponent = PluginStore.exports('loginProviderType');\n\n if (loginComponent.length === 1) {\n return React.createElement(loginComponent[0].formComponent, {\n onErrorChange: setLastError,\n });\n }\n\n return \n \n \n {formatLastError()}\n {renderLoginForm()}\n \n \n );\n};\n\nexport default LoginPage;\n","import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { DocumentTitle, Spinner, Icon } from 'components/common';\nimport LoginBox from 'components/login/LoginBox';\nimport AuthThemeStyles from 'theme/styles/authStyles';\n\nconst LoadingPage = ({ text }) => {\n return (\n \n \n \n \n
\n \n \n );\n};\n\nLoadingPage.propTypes = {\n text: PropTypes.string,\n};\nLoadingPage.defaultProps = {\n text: 'Loading, please wait...',\n};\n\nexport default LoadingPage;\n"],"sourceRoot":""}