{"version":3,"file":"1fb690d5a2.js","mappings":"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","sources":["webpack://influxdb-ui/./src/onboarding/components/SigninForm.tsx","webpack://influxdb-ui/./src/onboarding/containers/OSSLoginPage.tsx","webpack://influxdb-ui/./src/shared/components/VersionInfoOSS.tsx","webpack://influxdb-ui/./src/shared/thunks/app.ts","webpack://influxdb-ui/./src/shared/components/VersionInfo.tsx"],"sourcesContent":["// Libraries\nimport React, {PureComponent, ChangeEvent} from 'react'\nimport {withRouter, RouteComponentProps} from 'react-router-dom'\nimport {connect, ConnectedProps} from 'react-redux'\nimport {get} from 'lodash'\n\n// Components\nimport {Form, Input, Button, Grid} from '@influxdata/clockface'\n\n// APIs\nimport {postSignin} from 'src/client'\n\n// Actions\nimport {notify as notifyAction} from 'src/shared/actions/notifications'\n\n// Constants\nimport * as copy from 'src/shared/copy/notifications'\n\n// Types\nimport {\n  Columns,\n  InputType,\n  ButtonType,\n  ComponentSize,\n  ComponentColor,\n} from '@influxdata/clockface'\n\n// Decorators\nimport {ErrorHandling} from 'src/shared/decorators/errors'\n\nexport interface OwnProps {\n  notify: typeof notifyAction\n}\n\ninterface State {\n  username: string\n  password: string\n}\n\ntype ReduxProps = ConnectedProps<typeof connector>\ntype Props = OwnProps & RouteComponentProps & ReduxProps\n\n@ErrorHandling\nclass SigninForm extends PureComponent<Props, State> {\n  public state: State = {\n    username: '',\n    password: '',\n  }\n\n  public render() {\n    const {username, password} = this.state\n    return (\n      <Form onSubmit={this.handleSignIn}>\n        <Grid>\n          <Grid.Row>\n            <Grid.Column widthXS={Columns.Twelve}>\n              <Form.Element label=\"Username\">\n                <Input\n                  name=\"username\"\n                  value={username}\n                  onChange={this.handleUsername}\n                  size={ComponentSize.Medium}\n                  autoFocus={true}\n                  testID=\"username\"\n                  id=\"login\"\n                />\n              </Form.Element>\n            </Grid.Column>\n            <Grid.Column widthXS={Columns.Twelve}>\n              <Form.Element label=\"Password\">\n                <Input\n                  name=\"password\"\n                  value={password}\n                  onChange={this.handlePassword}\n                  size={ComponentSize.Medium}\n                  type={InputType.Password}\n                  testID=\"password\"\n                  id=\"password\"\n                />\n              </Form.Element>\n            </Grid.Column>\n            <Grid.Column widthXS={Columns.Twelve}>\n              <Form.Footer>\n                <Button\n                  color={ComponentColor.Primary}\n                  text=\"Sign In\"\n                  size={ComponentSize.Medium}\n                  type={ButtonType.Submit}\n                  id=\"submit-login\"\n                />\n              </Form.Footer>\n            </Grid.Column>\n          </Grid.Row>\n        </Grid>\n      </Form>\n    )\n  }\n\n  private handleUsername = (e: ChangeEvent<HTMLInputElement>): void => {\n    const username = e.target.value\n    this.setState({username})\n  }\n  private handlePassword = (e: ChangeEvent<HTMLInputElement>): void => {\n    const password = e.target.value\n    this.setState({password})\n  }\n\n  private handleSignIn = async (): Promise<void> => {\n    const {notify} = this.props\n    const {username, password} = this.state\n\n    try {\n      const resp = await postSignin({auth: {username, password}})\n\n      if (resp.status !== 204) {\n        throw new Error(resp.data.message)\n      }\n\n      this.handleRedirect()\n    } catch (error) {\n      const message = get(error, 'response.data.msg', '')\n      const status = get(error, 'response.status', '')\n\n      if (status === 401) {\n        notify({\n          ...copy.SigninError,\n          message: 'Login failed: username or password is invalid',\n        })\n        return\n      }\n\n      if (!message) {\n        notify(copy.SigninError)\n        return\n      }\n\n      notify({...copy.SigninError, message})\n    }\n  }\n\n  private handleRedirect() {\n    const {history, location} = this.props\n    const params = new URLSearchParams(location.search)\n    const returnTo = params.get('returnTo')\n\n    if (returnTo) {\n      history.replace(returnTo)\n    } else {\n      history.push('/')\n    }\n  }\n}\n\nconst mdtp = {\n  notify: notifyAction,\n}\n\nconst connector = connect(null, mdtp)\n\nexport default connector(withRouter(SigninForm))\n","// Libraries\nimport React, {PureComponent} from 'react'\nimport {withRouter, RouteComponentProps} from 'react-router-dom'\nimport {connect, ConnectedProps} from 'react-redux'\n\n// APIs\nimport {getSetup} from 'src/client'\n\n// Actions\nimport {dismissAllNotifications} from 'src/shared/actions/notifications'\n\n// Components\nimport {ErrorHandling} from 'src/shared/decorators/errors'\nimport SigninForm from 'src/onboarding/components/SigninForm'\nimport {\n  SpinnerContainer,\n  TechnoSpinner,\n  Panel,\n  AlignItems,\n  InfluxDBCloudLogo,\n  FunnelPage,\n  AppWrapper,\n} from '@influxdata/clockface'\nimport {RemoteDataState} from 'src/types'\nimport VersionInfo from 'src/shared/components/VersionInfo'\nimport Notifications from 'src/shared/components/notifications/Notifications'\n\n// Constants\nimport {CLOUD, CLOUD_SIGNIN_PATHNAME} from 'src/shared/constants'\n\ninterface State {\n  status: RemoteDataState\n}\n\ntype ReduxProps = ConnectedProps<typeof connector>\ntype Props = RouteComponentProps & ReduxProps\n@ErrorHandling\nclass OSSLoginPage extends PureComponent<Props, State> {\n  constructor(props) {\n    super(props)\n\n    this.state = {\n      status: RemoteDataState.Loading,\n    }\n  }\n  public async componentDidMount() {\n    const resp = await getSetup({})\n\n    if (resp.status !== 200) {\n      throw new Error('There was an error onboarding')\n    }\n\n    const {allowed} = resp.data\n\n    if (allowed) {\n      this.props.history.push('/onboarding/0')\n    } else if (CLOUD) {\n      window.location.pathname = CLOUD_SIGNIN_PATHNAME\n      return\n    }\n\n    this.setState({status: RemoteDataState.Done})\n  }\n\n  componentWillUnmount() {\n    this.props.dismissAllNotifications()\n  }\n\n  public render() {\n    return (\n      <SpinnerContainer\n        loading={this.state.status}\n        spinnerComponent={<TechnoSpinner />}\n      >\n        <Notifications />\n        <AppWrapper>\n          <FunnelPage className=\"signin-page\" testID=\"signin-page\">\n            <Panel className=\"signin-page--panel\">\n              <Panel.Body alignItems={AlignItems.Center}>\n                <div className=\"signin-page--cubo\" />\n                <InfluxDBCloudLogo\n                  cloud={false}\n                  className=\"signin-page--logo\"\n                />\n                <SigninForm />\n              </Panel.Body>\n              <Panel.Footer>\n                <VersionInfo />\n              </Panel.Footer>\n            </Panel>\n          </FunnelPage>\n        </AppWrapper>\n      </SpinnerContainer>\n    )\n  }\n}\n\nconst mdtp = {\n  dismissAllNotifications,\n}\n\nconst connector = connect(null, mdtp)\n\nexport default connector(withRouter(OSSLoginPage))\n","// Libraries\nimport React, {FC, useEffect} from 'react'\nimport {useSelector, useDispatch} from 'react-redux'\n\n// Constants\nimport {GIT_SHA} from 'src/shared/constants'\n\n// Thunks\nimport {fetchVersionInfo} from 'src/shared/thunks/app'\n\n// Selectors\nimport {getVersionInfo} from 'src/shared/selectors/app'\n\nconst VersionInfoOSS: FC = () => {\n  const dispatch = useDispatch()\n\n  const versionInfo = useSelector(getVersionInfo)\n\n  useEffect(() => {\n    dispatch(fetchVersionInfo())\n  }, [dispatch])\n\n  return (\n    <>\n      InfluxDB {versionInfo.version}\n      <br />\n      Server:{' '}\n      <code>\n        <a\n          href={`https://github.com/influxdata/influxdb/tree/${versionInfo.commit}`}\n        >\n          {versionInfo.commit && versionInfo.commit.slice(0, 7)}\n        </a>\n      </code>\n      <br />\n      Frontend:{' '}\n      <code>\n        <a\n          href={`https://github.com/influxdata/ui/tree/${GIT_SHA.slice(0, 7)}`}\n        >\n          {GIT_SHA.slice(0, 7)}\n        </a>\n      </code>\n    </>\n  )\n}\n\nexport default VersionInfoOSS\n","import {Dispatch} from 'redux'\nimport {getAPIBasepath} from 'src/utils/basepath'\nimport {VersionInfo} from 'src/types'\nimport {Action, setVersionInfo} from 'src/shared/actions/app'\n\nexport const fetchVersionInfo =\n  () =>\n  async (dispatch: Dispatch<Action>): Promise<VersionInfo> => {\n    try {\n      const url = `${getAPIBasepath()}/health`\n      // Have to use fetch here since the oats client doesn't work with the servers option in the oss swagger\n      // Ex: https://github.com/influxdata/openapi/blob/35d734671d05ba9337dd6fbd8bb5c6085482011b/contracts/oss.yml#L5887\n      // The \"/health\" endpoint is actually not prefixed by \"api/v2\", but the oats client has the prefix\n      const response = await fetch(url)\n      const info = await response.json()\n\n      dispatch(\n        setVersionInfo({\n          version: info.version,\n          commit: info.commit,\n        })\n      )\n\n      return info\n    } catch (err) {\n      console.error(err)\n      dispatch(\n        setVersionInfo({\n          version: 'n/a',\n          commit: 'n/a',\n        })\n      )\n    }\n  }\n","// Libraries\nimport React, {FC} from 'react'\nimport {useSelector} from 'react-redux'\n\n// Components\nimport VersionInfoOSS from 'src/shared/components/VersionInfoOSS'\nimport {SafeBlankLink} from 'src/utils/SafeBlankLink'\n\n// Constants\nimport {VERSION, GIT_SHA, CLOUD} from 'src/shared/constants'\n\n// Utils\nimport {isOrgIOx} from 'src/organizations/selectors'\n\nconst VersionInfo: FC = () => {\n  const engineName = useSelector(isOrgIOx) ? 'IOx' : 'TSM'\n  const engineLink = useSelector(isOrgIOx)\n    ? 'https://docs.influxdata.com/influxdb/cloud-iox/'\n    : 'https://docs.influxdata.com/influxdb/latest/reference/internals/storage-engine/#time-structured-merge-tree-tsm'\n\n  return (\n    <div className=\"version-info\" data-testid=\"version-info\">\n      {CLOUD ? (\n        <div>\n          <SafeBlankLink href={engineLink}>\n            InfluxDB Cloud powered by {engineName}\n          </SafeBlankLink>\n          <br />\n          Version {VERSION} {GIT_SHA && <code>({GIT_SHA.slice(0, 7)})</code>}\n        </div>\n      ) : (\n        <VersionInfoOSS />\n      )}\n    </div>\n  )\n}\n\nexport default VersionInfo\n"],"names":["SigninForm","PureComponent","state","username","password","handleUsername","e","target","value","this","setState","handlePassword","handleSignIn","async","notify","props","resp","auth","status","Error","data","message","handleRedirect","error","get","render","Form","onSubmit","Grid","widthXS","Columns","label","Input","name","onChange","size","ComponentSize","autoFocus","testID","id","type","InputType","Button","color","ComponentColor","text","ButtonType","history","location","returnTo","URLSearchParams","search","replace","push","mdtp","OSSLoginPage","constructor","super","allowed","window","pathname","componentWillUnmount","dismissAllNotifications","SpinnerContainer","loading","spinnerComponent","TechnoSpinner","Notifications","AppWrapper","FunnelPage","className","Panel","alignItems","AlignItems","InfluxDBCloudLogo","cloud","VersionInfo","dispatch","versionInfo","useEffect","url","response","fetch","info","json","version","commit","err","console","href","slice","engineName","engineLink","SafeBlankLink"],"sourceRoot":""}