\n \n {CLOUD ? (\n <>\n Version {VERSION}{' '}\n {GIT_SHA && ({GIT_SHA.slice(0, 7)})}\n \n ) : (\n \n )}\n
\n \n )\n }\n\n private get style() {\n if (this.props.widthPixels) {\n return {width: `${this.props.widthPixels}px`}\n }\n }\n}\n\nexport default VersionInfo\n","import {\n AppState,\n TimeZone,\n Theme,\n NavBarState,\n VersionInfo,\n FlowsCTA,\n} from 'src/types'\n\nexport const timeZone = (state: AppState): TimeZone =>\n state.app.persisted.timeZone || ('Local' as TimeZone)\n\nexport const theme = (state: AppState): Theme =>\n state.app.persisted.theme || ('dark' as Theme)\n\nexport const navbarMode = (state: AppState): NavBarState =>\n state.app.persisted.navBarState || ('collapsed' as NavBarState)\n\nexport const getVersionInfo = (state: AppState): VersionInfo =>\n state.app.persisted.versionInfo || ({} as VersionInfo)\n\nexport const hasUpdatedTimeRangeInVEO = (state: AppState): boolean =>\n state.app.ephemeral.hasUpdatedTimeRangeInVEO || false\n\nexport const getPresentationMode = (state: AppState): boolean =>\n state.app.ephemeral.inPresentationMode || false\n\nexport const getFlowsCTA = (state: AppState): FlowsCTA =>\n state.app.persisted.flowsCTA ||\n ({explorer: true, tasks: true, alerts: true} as FlowsCTA)\n","// 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\ntype Props = OwnProps & RouteComponentProps & ReduxProps\n\n@ErrorHandling\nclass SigninForm extends PureComponent {\n public state: State = {\n username: '',\n password: '',\n }\n\n public render() {\n const {username, password} = this.state\n return (\n \n )\n }\n\n private handleUsername = (e: ChangeEvent): void => {\n const username = e.target.value\n this.setState({username})\n }\n private handlePassword = (e: ChangeEvent): void => {\n const password = e.target.value\n this.setState({password})\n }\n\n private handleSignIn = async (): Promise => {\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\ntype Props = RouteComponentProps & ReduxProps\n@ErrorHandling\nclass SigninPage extends PureComponent {\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 }\n >\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n }\n}\n\nconst mdtp = {\n dismissAllNotifications,\n}\n\nconst connector = connect(null, mdtp)\n\nexport default connector(withRouter(SigninPage))\n"],"sourceRoot":""}