{"version":3,"file":"login-Cmmeeyz-.js","sources":["../../../client/app/bundles/Teacher/components/accounts/login/password_info.jsx","../../../client/app/bundles/Teacher/components/accounts/login/login_form.jsx","../../../client/app/bundles/Login/startup/LoginFormAppClient.jsx","../../../client/app/bundles/Login/startup/clientRegistration.js"],"sourcesContent":["import React from 'react';\nconst bulbSrc = `${window.postbuildEnv.CDN_URL}/images/onboarding/bulb.svg`\n\nexport default class PasswordInfo extends React.Component {\n\n  componentDidUpdate(prevProps) {\n    const { showHintBox, } = this.props\n    if (showHintBox !== prevProps.showHintBox && showHintBox) {\n      const element = document.getElementById('password-hint');\n      if (element) {\n        element.scrollIntoView({ behavior: 'smooth', block: 'nearest', });\n      }\n    }\n  }\n\n  render() {\n    const { showHintBox, } = this.props\n\n    if (!showHintBox) { return <span /> }\n\n    return (\n      <div id=\"password-hint\">\n        <h3><span>Having trouble signing in? Here&#39;s a hint:</span> <img alt=\"Lightbulb with rays shining\" src={bulbSrc} /></h3>\n        <div>\n          <p>Example username:</p>\n          <p className=\"example\">jane.smith@magic-apple</p>\n          <p>Your username is your first and last name combined with your class code.</p>\n        </div>\n        <div>\n          <p>Example password:</p>\n          <p className=\"example\">Smith</p>\n          <p>Your password might be your last name with the first letter capitalized.</p>\n        </div>\n      </div>\n    );\n  }\n}\n","import React from 'react';\n\nimport { requestPost, } from '../../../../../modules/request/index';\nimport { Input, Snackbar, } from '../../../../Shared/index';\nimport AuthGoogleAccessForm from '../AuthGoogleAccessForm';\nimport AssignActivityPackBanner from '../assignActivityPackBanner';\nimport PasswordWrapper from '../shared/password_wrapper';\nimport PasswordInfo from './password_info.jsx';\n\nconst smallWhiteCheckSrc = `${window.postbuildEnv.CDN_URL}/images/shared/check-small-white.svg`\nconst informationSrc = `${window.postbuildEnv.CDN_URL}/images/icons/description-information.svg`\n\nclass LoginFormApp extends React.Component {\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      email: '',\n      password: '',\n      errors: {},\n      timesSubmitted: 0,\n      keepMeSignedIn: true\n    };\n  }\n\n  onEmailChange = (e) => {\n    this.setState({ email: e.target.value, });\n  }\n\n  onPasswordChange = (e) => {\n    this.setState({ password: e.target.value, });\n  }\n\n  async fetchUser() {\n    return fetch('/api/v1/users.json', {\n      method: 'GET',\n      mode: 'cors',\n      credentials: 'include',\n    }).then((response) => {\n      if (!response.ok) {\n        throw Error(response.statusText);\n      }\n      return response.json();\n    });\n  }\n\n  handleCleverClick = (e) => {\n    const { cleverLink, } = this.props\n    window.location.href = cleverLink\n  }\n\n  handleKeyEnterOnSignUpLink = (e) => {\n    if (e.key !== 'Enter') { return }\n\n    this.handleSignUpClick(e)\n  }\n\n  handleToggleKeepMeSignedIn = () => {\n    this.setState(prevState => ({ keepMeSignedIn: !prevState.keepMeSignedIn, }))\n  }\n\n  handleSignUpClick = (e) => {\n    window.location.href = '/account/new'\n  }\n\n  handleSubmit = (e) => {\n    const { timesSubmitted, email, password, keepMeSignedIn, } = this.state;\n    e.preventDefault();\n\n    requestPost(\n      `${window.postbuildEnv.DEFAULT_URL}/session/login_through_ajax`,\n      {\n        user: {\n          email,\n          password,\n        },\n        keep_me_signed_in: keepMeSignedIn,\n      },\n      (body) => {\n        window.location = body.redirect;\n      },\n      (body) => {\n        let state;\n        if (body.type && body.message) {\n          const errors = {};\n          errors[body.type] = body.message;\n          state = { lastUpdate: new Date(), errors, timesSubmitted: timesSubmitted + 1, };\n        } else {\n          let message = 'You have entered an incorrect email/username or password.';\n          if (httpResponse.statusCode === 429) {\n            message = 'Too many failed attempts. Please wait one minute and try again.';\n          }\n          state = { lastUpdate: new Date(), message: (body.message || message), };\n        }\n        this.setState(state);\n      }\n    )\n  }\n\n  submitClass = () => {\n    const { password, email, } = this.state\n    let buttonClass = 'quill-button-archived contained primary medium focus-on-light';\n    if (!password.length || !email.length) {\n      buttonClass += ' disabled';\n    }\n    return buttonClass;\n  }\n\n  renderKeepMeSignedIn = () => {\n    const { keepMeSignedIn, } = this.state\n    const keepMeSignedInId = \"keep-me-signed-in\"\n    let checkbox\n    if (keepMeSignedIn) {\n      checkbox = <button aria-checked={true} aria-labelledby={keepMeSignedInId} className=\"quill-checkbox selected focus-on-light\" onClick={this.handleToggleKeepMeSignedIn} onKeyDown={this.handleKeyDownOnToggleNewsletter} role=\"checkbox\" type=\"button\"><img alt=\"check\" src={smallWhiteCheckSrc} /></button>\n    } else {\n      checkbox = <button aria-checked={false} aria-labelledby={keepMeSignedInId} className=\"quill-checkbox unselected focus-on-light\" onClick={this.handleToggleKeepMeSignedIn} role=\"checkbox\" type=\"button\" />\n    }\n    return <div className=\"keep-me-signed-in-row\" id={keepMeSignedInId}>{checkbox} <p>Keep me signed in</p></div>\n  }\n\n  renderGoogleOfflineAccessConsent = () => {\n    return (\n      <div>\n        <div className=\"container account-form\">\n          <h1>Sorry, Quill's access to your Google Account has expired. Please re-authorize access to continue.</h1>\n          <div className=\"account-container text-center\" style={{minHeight: 0}}>\n            <div className=\"auth-section\" style={{paddingBottom: 0}}>\n              <AuthGoogleAccessForm offlineAccess={true} text='Re-authorize Google' />\n            </div>\n          </div>\n        </div>\n      </div>\n    )\n  }\n\n  render() {\n    const { googleOfflineAccessExpired, expiredSessionRedirect } = this.props\n    const { errors, email, password, timesSubmitted, authToken, } = this.state;\n\n    if (googleOfflineAccessExpired) { return this.renderGoogleOfflineAccessConsent() }\n\n    return (\n      <div>\n        {expiredSessionRedirect && <Snackbar text=\"Your session has expired. Please re-authenticate.\" visible={true} />}\n        <AssignActivityPackBanner login={true} />\n        <div className=\"container account-form\">\n          <h1>Good to see you again!</h1>\n          <div className=\"account-container text-center\">\n            <div className=\"auth-section\">\n              <AuthGoogleAccessForm text='Log in with Google' />\n              <div className=\"google-tbd\">\n                <h4><img alt=\"\" src={informationSrc} /> Having trouble logging in with Google?</h4>\n                <p>If you're a Google user, you can also log in using your email address. You just need to create a password.</p>\n                <a className=\"inline-link\" href=\"/password_reset\">Create a password</a>\n              </div>\n              <button onClick={this.handleCleverClick} type=\"button\">\n                <img alt=\"Clever icon\" src={`${window.postbuildEnv.CDN_URL}/images/shared/clever_icon.svg`} />\n                <span>Log in with Clever</span>\n              </button>\n            </div>\n            <div className=\"break\"><span />or<span /></div>\n            <div className=\"login-form\">\n              <div>\n                <form acceptCharset=\"UTF-8\" onSubmit={this.handleSubmit} >\n                  <input aria-hidden=\"true\" aria-label=\"utf8\" name=\"utf8\" type=\"hidden\" value=\"✓\" />\n                  <input aria-hidden=\"true\" aria-label=\"authenticity token\" name=\"authenticity_token\" type=\"hidden\" value={authToken} />\n                  <Input\n                    className=\"email\"\n                    error={errors.email}\n                    handleChange={this.onEmailChange}\n                    id=\"email-or-username\"\n                    label=\"Email or username\"\n                    timesSubmitted={timesSubmitted}\n                    type=\"text\"\n                    value={email}\n                  />\n                  <PasswordWrapper\n                    autoComplete=\"current-password\"\n                    className=\"password inspectletIgnore\"\n                    error={errors.password}\n                    id=\"password\"\n                    label=\"Password\"\n                    onChange={this.onPasswordChange}\n                    timesSubmitted={timesSubmitted}\n                    value={password}\n                  />\n                  <div className=\"forget-and-show-password\">\n                    {this.renderKeepMeSignedIn()}\n                    <a className=\"inline-link\" href=\"/password_reset\">Forgot password?</a>\n                  </div>\n                  <input\n                    aria-label=\"Log in\"\n                    className={this.submitClass()}\n                    disabled={!(email.length && password.length)}\n                    id=\"log-in\"\n                    name=\"commit\"\n                    type=\"submit\"\n                    value=\"Log in\"\n                  />\n                </form>\n              </div>\n            </div>\n          </div>\n          <p className=\"sign-up-link\">Don&#39;t have an account?&nbsp;<span className=\"inline-link\" onClick={this.handleSignUpClick} onKeyDown={this.handleKeyEnterOnSignUpLink} role=\"link\" tabIndex={0}>Sign up</span></p>\n          <PasswordInfo showHintBox={Object.keys(errors).length} />\n        </div>\n      </div>\n    )\n  }\n}\n\nexport default LoginFormApp;\n","import React from 'react';\nimport LoginFormApp from '../../Teacher/components/accounts/login/login_form.jsx';\n\nexport default (props) => (\n  <LoginFormApp {...props} />\n);\n\n","import 'lazysizes';\nimport 'lazysizes/plugins/parent-fit/ls.parent-fit';\nimport ReactOnRails from 'react-on-rails';\n\nimport LoginFormApp from './LoginFormAppClient.jsx';\n\nReactOnRails.register({ LoginFormApp });\n"],"names":["bulbSrc","PasswordInfo","React","prevProps","showHintBox","element","smallWhiteCheckSrc","informationSrc","LoginFormApp$1","props","e","cleverLink","prevState","timesSubmitted","email","password","keepMeSignedIn","requestPost","body","state","errors","message","buttonClass","keepMeSignedInId","checkbox","AuthGoogleAccessForm","response","googleOfflineAccessExpired","expiredSessionRedirect","authToken","Snackbar","AssignActivityPackBanner","Input","PasswordWrapper","LoginFormApp","ReactOnRails"],"mappings":"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"}