Ett fel uppstod vid hämtning av köpvillkor.
;\r\n }\r\n\r\n if (isFetching) {\r\n return Laddar köpvillkor...
;\r\n }\r\n\r\n return (\r\n {\r\n const stepList = steps.map((element, index) => {\r\n let stepClassName = \"progress-step\";\r\n const markerContent = (index < steps.indexOf(step)) ? \r\n {markerContent} \r\n \r\n {stepNames[index].title} \r\n {stepNames[index].description}\r\n \r\n \r\n )\r\n })\r\n return (\r\n \r\n )\r\n }}\r\n />\r\n);\r\n\r\nexport default Progress;\r\n","const validate = ( values, props ) => {\r\n const { t } = props\r\n const errors = {}\r\n\r\n if (!values.fileDrop || !values.fileDrop.length) {\r\n errors.fileDrop = { _error: t('files.validate.errorMessage') }\r\n } \r\n\r\n return errors\r\n}\r\n\r\nexport default validate;\r\n","import React from 'react';\r\nimport { Field, reduxForm, formValueSelector, FormSection } from 'redux-form'\r\nimport { connect } from 'react-redux'\r\nimport FileUpload from '../../../../../../components/FileUpload/FileUpload';\r\nimport { MdCloudUpload } from 'react-icons/md';\r\nimport validate from './components/validate';\r\nimport horizontalFormInput from '../../../../../../components/FormHelpers/horizontalFormInput';\r\nimport { compose } from 'recompose';\r\nimport s from './Files.module.sass';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nconst required = ( value, allValues, props ) => {\r\n const { t } = props;\r\n return (value || typeof value === 'number' ? undefined : t('files.required'))\r\n}\r\n\r\nconst BaseComponent = ({handleSubmit, previous, hasPersonalDetails}) => {\r\n const { t } = useTranslation('upload');\r\n return (\r\n \r\n );\r\n}\r\n\r\nconst selector = formValueSelector('customer-upload');\r\n\r\nconst enhance = compose(\r\n connect(state => {\r\n const hasPersonalDetails = selector(state, 'gdpr.hasPersonalDetails')\r\n return {\r\n hasPersonalDetails\r\n }\r\n }),\r\n reduxForm({\r\n form: 'customer-upload',\r\n validate: validate,\r\n destroyOnUnmount: false, // <------ preserve form data\r\n forceUnregisterOnUnmount: true // <------ unregister fields on unmount\r\n }) \r\n)\r\n\r\nconst EnhancedComponent = enhance(BaseComponent)\r\n\r\nexport default EnhancedComponent;\r\n","const validate = ( values, props ) => {\r\n const { t } = props;\r\n const errors = {}\r\n\r\n if (!values.recipient) {\r\n errors.recipient = t('recipient.validate.error')\r\n }\r\n return errors\r\n}\r\n\r\nexport default validate;\r\n","import React from 'react';\r\nimport { MdClear } from 'react-icons/md';\r\n\r\n// TODO: Fix dismiss and then rethrowing error. Current state: NOT working\r\nclass Alert extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n isVisible: props.isVisible || false\r\n }\r\n }\r\n\r\n toggle() {\r\n this.setState({ isVisible: !this.state.isVisible });\r\n }\r\n\r\n componentWillReceiveProps(nextProps){\r\n if(nextProps.isVisible !== this.props.isVisible){\r\n this.setState({isVisible: nextProps.isVisible});\r\n }\r\n}\r\n\r\n render() {\r\n const { children, className } = this.props;\r\n if (!this.state.isVisible) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n {children}\r\n this.toggle()}>\r\n \r\n
\r\n );\r\n }\r\n};\r\n\r\n\r\nexport default Alert\r\n","import React from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nconst renderSelection = ({ input, options, meta: { touched, error, warning } }) => {\r\n const { t } = useTranslation('upload');\r\nreturn (\r\n \r\n \r\n {t('recipient.renderSelection.recipientDropdown')} \r\n {options.map((recipient, index) => (\r\n \r\n {recipient.name}\r\n \r\n ))}\r\n \r\n {touched &&\r\n ((error && {error} ) ||\r\n (warning && {warning} ))}\r\n
\r\n );\r\n}\r\n\r\nexport default renderSelection;\r\n","import React from 'react';\r\nimport { Field } from 'redux-form'\r\nimport renderSelection from './renderSelection';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nconst Form = ({ handleSubmit, submitForm, previous, hasError, recipients, isFetching, hasRecipients, hasSpecificRecipient, submitting, syncErrors, s }) => {\r\n const { t } = useTranslation('upload');\r\n return (\r\n \r\n );\r\n}\r\n\r\nexport default Form;\r\n","import axios from 'axios';\r\nimport Auth0 from '../../../../../store/actions/auth/Auth';\r\nimport { push } from 'connected-react-router'\r\n\r\nimport handleError from '../../../../../components/FormHelpers/handleError';\r\n\r\nconst MAX_FILE_SIZE_MB = 300;\r\nconst MAX_FILE_SIZE = MAX_FILE_SIZE_MB * 1000 * 1000;\r\n\r\nconst postFile = (file, deliveryId) => {\r\n let fileToBeSent = new FormData();\r\n fileToBeSent.append(\"file\", file, file.name )\r\n\r\n return axios.post(`/api/files?deliveryId=${deliveryId}`, fileToBeSent, {\r\n onUploadProgress: (progressEvent) => {\r\n console.log(( 100 * progressEvent.loaded ) / progressEvent.total + '%');\r\n },\r\n headers: { 'Content-Type': 'multipart/form-data', \"Authorization\": `Bearer ${Auth0.getAccessToken()}`}\r\n })\r\n};\r\n \r\nconst validateFile = (file) => {\r\n return new Promise((resolve) => {\r\n if(file.size > MAX_FILE_SIZE) {\r\n console.error(\"File size is too big\");\r\n throw new Error(\"File size is too big\"); //TODO: Translate\r\n }\r\n return resolve();\r\n })\r\n}\r\n\r\nconst submitForm = async (values, dispatch) => {\r\n let req1 = {}\r\n\r\n const arrayToPost = {\r\n ...values,\r\n numberOfFiles: values.fileDrop.length\r\n };\r\n delete arrayToPost['fileDrop'];\r\n \r\n try {\r\n req1 = await axios.post(`/api/admin/deliveries/fromCustomer`, {\r\n ...arrayToPost\r\n }, {\r\n headers: { \"Authorization\": `Bearer ${Auth0.getAccessToken()}` }\r\n })\r\n } catch (err) {\r\n return handleError(err.response)\r\n }\r\n\r\n let promises = [];\r\n\r\n values.fileDrop.forEach((file) => {\r\n promises.push(validateFile(file), postFile(file, req1.data.deliveryId));\r\n });\r\n\r\n return Promise.all(promises)\r\n .then( () => {\r\n axios.post(`/api/admin/deliveries/fromCustomer/${req1.data.deliveryId}/uploadComplete`, {}, {\r\n headers: { \"Authorization\": `Bearer ${localStorage.getItem('access_token')}` } // TODO: User auth function for this\r\n })\r\n dispatch(push('/uploadconfirmed'));\r\n })\r\n .catch(err => handleError(err.response));\r\n};\r\n\r\nexport default submitForm;\r\n\r\n\r\n","import React from 'react';\r\nimport { reduxForm, formValueSelector } from 'redux-form'\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { actionCreators } from '../../actions';\r\nimport { compose } from 'recompose'\r\nimport validate from './components/validate';\r\nimport Alert from '../../../../../../components/Alert/Alert';\r\nimport Form from './components/Form';\r\nimport submitForm from '../../components/submitForm';\r\nimport s from './Recipient.module.sass';\r\n\r\nclass Recipient extends React.Component {\r\n componentDidMount() {\r\n this.props.getRecipients();\r\n \r\n }\r\n render() {\r\n const { submitFailed, error } = this.props;\r\n return (\r\n <>\r\n \r\n {error} \r\n \r\n );\r\n }\r\n}\r\n\r\nconst selector = formValueSelector('customer-upload')\r\n\r\nexport default compose(\r\n connect(\r\n state => {\r\n const customerUpload = state.customerUpload;\r\n const hasSpecificRecipient = selector(state, 'specificRecipient')\r\n return {\r\n hasSpecificRecipient,\r\n ...customerUpload\r\n }\r\n },\r\n dispatch => ({\r\n ...bindActionCreators(actionCreators, dispatch), dispatch\r\n })\r\n ),\r\n reduxForm({\r\n form: 'customer-upload',\r\n validate: validate,\r\n forceUnregisterOnUnmount: true\r\n }) \r\n)(Recipient);\r\n\r\n","import React from 'react';\r\nimport PageHeader from './PageHeader/PageHeader';\r\nimport { customerMenu } from './helpers/navigationData';\r\n\r\nconst MainLayout = ({ title, children, userCanUploadFiles }) => (\r\n <>\r\n \r\n {children}\r\n \r\n \r\n);\r\n\r\nexport default MainLayout;\r\n","import React from 'react';\r\nimport { Modal, Button } from 'antd';\r\nimport 'antd/es/modal/style/index.css';\r\nimport { withTranslation } from 'react-i18next';\r\n\r\nclass SecurityModal extends React.Component {\r\n state = {\r\n loading: false,\r\n visible: false,\r\n }\r\n\r\n showModal = () => {\r\n this.setState({\r\n visible: true,\r\n });\r\n }\r\n\r\n handleOk = () => {\r\n this.setState({ visible: false });\r\n }\r\n\r\n handleCancel = () => {\r\n this.setState({ visible: false });\r\n }\r\n\r\n render() {\r\n const { t } = this.props\r\n const { visible, loading } = this.state;\r\n return (\r\n \r\n
\r\n {t('securityModal.modalOpen')}\r\n \r\n
{t('securityModal.modalContent.title')}}\r\n onOk={this.handleOk}\r\n onCancel={this.handleCancel}\r\n footer={[\r\n \r\n {t('securityModal.modalContent.button')}\r\n ,\r\n ]}\r\n >\r\n {t('securityModal.modalContent.firstText')}
{t('securityModal.modalContent.secondText')}leverans@marknadsinformation.se
\r\n \r\n \r\n \r\n
(\r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
{t('securityModal.openModalMessagePartOne')}
\r\n
\r\n );\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n userCanUploadFiles: state.deliveries.userCanUploadFiles,\r\n})\r\n\r\nexport default compose(\r\n withRouter,\r\n connect(mapStateToProps, null)\r\n)(CustomerUpload);\r\n","import React from 'react';\r\nimport classNames from 'classnames/bind';\r\nimport styles from './badge.module.sass';\r\n\r\nlet cx = classNames.bind(styles);\r\n\r\nconst Badge = ({type, children}) => {\r\n let badgeClass = cx({\r\n badge: true,\r\n 'badge--primary': type === 'primary',\r\n 'badge--warning': type === 'warning',\r\n 'badge--success': type === 'success'\r\n });\r\n\r\n return (\r\n \r\n {children}\r\n
\r\n )\r\n}\r\n\r\nexport default Badge;\r\n","import React from 'react';\r\nimport Badge from '../../../../../../../components/Badge';\r\n\r\nconst getStatusMarkup = (status) => {\r\n let statusText = '';\r\n let type = '';\r\n \r\n if (status === 'New') { statusText = 'Nyinkommen'; type = 'primary' }\r\n if (status === 'Approved') { statusText = 'Väntar på GDPR-info'; type = 'warning' }\r\n if (status === 'Complete') { statusText = 'Godkänd'; type = 'success' }\r\n\r\n let statusMarkup = ({statusText} )\r\n\r\n return statusMarkup;\r\n}\r\n\r\nexport default getStatusMarkup;\r\n","import { push } from 'connected-react-router'\r\n\r\nconst onRowClick = (state, rowInfo, column, instance) => {\r\n return {\r\n onClick: e => {\r\n instance.state.dispatch(push(`/admin/uploads/${rowInfo.row._original.deliveryId}`))\r\n }\r\n }\r\n}\r\n\r\nexport default onRowClick;\r\n","import React from 'react';\r\nimport s from '../List.module.scss';\r\nimport { push } from 'connected-react-router';\r\nimport { connect } from 'react-redux'\r\n\r\nconst handleDeleteClick = (e, deleteUpload, deliveryId) => {\r\n e.stopPropagation();\r\n if (window.confirm(\"Vill du verkligen radera denna leverans?\")) {\r\n deleteUpload(deliveryId);\r\n }\r\n}\r\n\r\nconst handleDeliveryClick = (e, dispatch, deliveryId) => {\r\n e.stopPropagation();\r\n dispatch(push(`/admin/deliveries/new?id=${deliveryId}`));\r\n}\r\n\r\nconst Tasks = (props) => (\r\n \r\n handleDeliveryClick(e, props.dispatch, props.original.deliveryId) } className={s['tasks__action']}>Leverera \r\n { } | { }\r\n handleDeleteClick(e, props.deleteUpload, props.original.deliveryId) } className={s['tasks__action']}>Radera \r\n
\r\n);\r\n\r\nexport default connect(\r\n null,\r\n dispatch => ({\r\n dispatch,\r\n push\r\n })\r\n)(Tasks);\r\n","import React from 'react';\r\nimport ReactTable from \"react-table\";\r\nimport Moment from 'react-moment';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport { actionCreators } from './data/uploads/actions';\r\nimport getStatusMarkup from './components/getStatusMarkup';\r\nimport Badge from '../../../../../../components/Badge';\r\nimport onRowClick from './components/onRowClick';\r\nimport \"react-table/react-table.css\";\r\nimport s from './List.module.scss';\r\nimport Tasks from './components/Tasks';\r\n\r\n// TODO: Fix resize of columns, fix mobile responsive view.\r\n// TODO: Fix Pagination bug!!\r\nconst List = ({ dispatch, hasError, data, pages, isFetching, getFileList, deleteUpload }) => {\r\n if(hasError) {\r\n return Fel vid hämtning av data
\r\n }\r\n return (\r\n \r\n
\r\n (<>{props.row.fileNames[0]} { props.row.fileNames.length > 1 && +{props.row.fileNames.length - 1} })\r\n },\r\n {\r\n Header: \"Inskickad av\",\r\n accessor: \"sentBy\"\r\n },\r\n {\r\n Header: \"Mottagare\",\r\n accessor: \"recipient\"\r\n },\r\n {\r\n Header: \"Ankomstdatum\",\r\n accessor: \"arrivalDate\",\r\n Cell: props => ({props.row.arrivalDate} )\r\n },\r\n {\r\n Header: \"Raderas\",\r\n accessor: \"deletionDate\",\r\n Cell: props => ({props.row.deletionDate} )\r\n },\r\n {\r\n Header: \"Status\",\r\n accessor: \"status\",\r\n Cell: props => getStatusMarkup(props.row.status)\r\n },\r\n {\r\n Header: \"Åtgärder\",\r\n accessor: \"tasks\",\r\n Cell: cell =>
\r\n
\r\n
Ursprung:
{origin} \r\n
Typ av uppgift:
{type} \r\n
Syfte:
{purpose} \r\n
Antal poster:
{noOfEntities} \r\n
Beskrivning:
{description} \r\n
\r\n
\r\n
{supplier.label} \r\n
{supplier.description}
\r\n
\r\n
\r\n
\r\n)\r\n\r\nexport default MiseGdprPrefilled;\r\n","import axios from 'axios';\r\nimport handleError from '../../../../../../../../../../../components/FormHelpers/handleError';\r\nimport Auth0 from '../../../../../../../../../../../store/actions/auth/Auth';\r\nimport { actionCreators } from '../../../../../../../../../data/upload/actions';\r\n\r\nconst submitForm = (values, dispatch, props) => {\r\n console.log(props)\r\n return axios.patch(`/api/admin/deliveries/fromCustomer/${props.id}`, {\r\n ...values,\r\n status: 'Complete'\r\n }, { headers: { \"Authorization\": `Bearer ${Auth0.getAccessToken()}` } })\r\n .then( (response) => {\r\n dispatch(actionCreators.setSingleUploadData(response));\r\n })\r\n .catch( (err) => handleError(err.response) );\r\n};\r\n\r\nexport default submitForm;\r\n","import React from 'react';\r\nimport Suppliers from '../../../../../../../../components/Suppliers';\r\nimport { reduxForm } from 'redux-form';\r\nimport { connect } from 'react-redux';\r\nimport { compose } from 'recompose';\r\nimport submitForm from './helpers/submitForm';\r\n\r\n\r\nconst MiseGdprForm = ({ handleSubmit, selectedSuppliers, s }) => (\r\n \r\n);\r\n\r\nexport default compose(\r\n connect(\r\n state => ({\r\n initialValues: {\r\n selectedSuppliers: state.Admin.data.suppliers.selectedSuppliers,\r\n }\r\n })\r\n ),\r\n reduxForm({\r\n form: 'MiseGdprForm',\r\n enableReinitialize: true,\r\n keepDirtyOnReinitialize: true,\r\n updateUnregisteredFields: true\r\n })\r\n)(MiseGdprForm);\r\n","/* eslint-disable no-mixed-operators */\r\nimport React from 'react';\r\nimport { MdCheckCircle } from 'react-icons/md'\r\nimport 'rc-collapse/assets/index.css';\r\nimport Collapse, { Panel } from 'rc-collapse';\r\nimport CustomerGdprData from './components/CustomerGdprData/';\r\nimport CustomerGdprForm from './components/CustomerGdprForm/';\r\nimport MiseGdprData from './components/MiseGdprData/';\r\nimport MiseGdprForm from './components/MiseGdprForm/';\r\nimport s from './Gprd.module.sass'\r\n\r\nconst Gdpr = ({ uploadData: { gdpr, status, selectedSuppliers, id }, uploadData, deleteSingleUpload, initialValues }) => (\r\n \r\n
GDPR \r\n { gdpr.hasPersonalDetails ? (\r\n
\r\n GDPR-info från kund} extra={status === 'Approved' || status === 'Complete' && \r\n GDPR-info från MISE} extra={status === 'Complete' && \r\n }\r\n {\r\n status !== 'Complete' &&\r\n \r\n \r\n ) : (\r\n
Ingen GDPR-data behöver granskas för denna sändning. \r\n )}\r\n
{name} \r\n } else {\r\n return {name} \r\n }\r\n}\r\n\r\nconst Sidebar = ({ recipient = {}, sender, dateRecived }) => (\r\n \r\n
Information \r\n
\r\n INSKICKAD AV: \r\n
\r\n
\r\n FÖRETAG: \r\n {sender.companyName} {sender.organizationNo}
\r\n
\r\n DATUM: {dateRecived}
\r\n
\r\n MOTTAGARE: {recipient.firstName} {recipient.lastName}\r\n
\r\n
{name} getFile(id) } className={`btn btn--primary ${s['download']}`}> \r\n {files.map((file, index) => \r\n);\r\n\r\nexport default FileList;\r\n","import axios from 'axios';\r\nimport { saveFile } from '../../../../../../../../../../helpers/'\r\n\r\nconst getFile = fileId => {\r\n return axios.get(`api/files/${fileId}`, {\r\n responseType: 'blob'\r\n })\r\n .then( response => {\r\n saveFile(response);\r\n })\r\n .catch(function (error) {\r\n alert('Hämtning av fil misslyckades.') //TODO: Does our API expose reasons for download failure so we can display them to user? //TODO: Translate\r\n console.log(error);\r\n });\r\n}\r\n\r\nexport default getFile;\r\n","import React from 'react';\r\nimport FileList from './components/FileList';\r\nimport { getFile } from './helpers/';\r\n\r\nconst Files = ({files}) => (\r\n \r\n
Filer \r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n\r\n if (isFetching)\r\n return Fel vid hämtning av data.
\r\n\r\n return null;\r\n }\r\n}\r\n\r\nexport { Show };\r\nexport default connect(\r\n state => {\r\n const { data, isFetching, hasError, hasData } = state.Admin.data.upload;\r\n return {\r\n uploadData: data,\r\n isFetching: isFetching,\r\n hasData: hasData,\r\n hasError: hasError,\r\n initialValues: {\r\n gdpr: data.gdpr\r\n }\r\n }\r\n },\r\n dispatch => ({\r\n ...bindActionCreators({...actionCreators, ...actions}, dispatch), dispatch\r\n })\r\n)(Show);\r\n","import React from 'react';\r\nimport { Route, withRouter } from 'react-router-dom';\r\nimport List from './scenes/List';\r\nimport Show from './scenes/Show';\r\nimport AdminLayout from '../../../../components/Layout/AdminLayout';\r\n\r\nconst Uploads = ({ match: { url } }) => (\r\n \r\n \r\n \r\n);\r\n\r\nexport default withRouter(Uploads);\r\n","const validateForm = ( values ) => {\r\n const errors = {};\r\n\r\n if (!values.deliveryId) {\r\n errors.deliveryId = 'error1';\r\n } else if (values.deliveryId.length > 11) {\r\n errors.deliveryId = 'error2';\r\n } else if (!/^(?:d|o)\\d+$/i.test(values.deliveryId)) {\r\n errors.deliveryId = 'error3';\r\n }\r\n\r\n if (!values.mobileNo) {\r\n errors.mobileNo = 'mobileNo';\r\n }\r\n\r\n return errors\r\n}\r\n\r\nexport default validateForm;\r\n","import axios from 'axios';\r\nimport { actionCreators as Delivery } from '../../../actions';\r\nimport handleError from '../../../../../../../components/FormHelpers/handleError';\r\n\r\nconst submitForm = (values, next, dispatch) => {\r\n const { deliveryId, mobileNo } = values;\r\n\r\n return axios.get(`/api/deliveries/${deliveryId}`, {\r\n params: {\r\n mobileNo: mobileNo\r\n }\r\n })\r\n .then( (response) => {\r\n if (!process.env.NODE_ENV || ['development', 'test'].includes(process.env.NODE_ENV)) {\r\n alert(response.data.testAuthCode);\r\n } \r\n \r\n dispatch(Delivery.setOrderId(response.data.id));\r\n next();\r\n })\r\n .catch( (err) => handleError(err.response) );\r\n};\r\n\r\nexport default submitForm;\r\n","import React from 'react';\r\n\r\nconst renderField = ({ input, label, type, name, placeholder, t, meta: { touched, error, warning } }) => {\r\n return (\r\n \r\n {label} \r\n {!error.includes(\" \") ? t(`findDelivery.validateForm.${error}`) : error} ) ||\r\n (warning && {warning} ))}\r\n
\r\n)};\r\n\r\nexport default renderField;\r\n","import React from 'react';\r\nimport { Field } from 'redux-form';\r\nimport renderField from './renderField';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nconst Form = ({ handleSubmit, pristine, submitting, invalid, error, submitForm }) => {\r\n const { t } = useTranslation('deliveries');\r\n return (\r\n \r\n )\r\n }\r\n\r\nexport default Form;\r\n\r\n","import 'url-search-params-polyfill';\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { reduxForm, change, touch } from 'redux-form';\r\nimport { bindActionCreators } from 'redux';\r\nimport { withRouter } from 'react-router-dom'\r\nimport { compose } from 'recompose'\r\nimport validateForm from './components/validateForm';\r\nimport submitForm from './components/submitForm';\r\nimport Form from './components/Form';\r\nimport { actionCreators } from '../../actions';\r\n\r\nclass FindDelivery extends Component {\r\n componentDidMount() {\r\n const queryParams = new URLSearchParams(this.props.location.search);\r\n const deliveryId = queryParams.get('id');\r\n if (deliveryId) {\r\n this.props.dispatch(change('findDeliveryForm', 'deliveryId', queryParams.get('id')));\r\n this.props.dispatch(touch('findDeliveryForm', 'deliveryId'));\r\n this.props.getUserPermissions(deliveryId);\r\n }\r\n\r\n }\r\n render() {\r\n const { next } = this.props;\r\n return (\r\n \r\n )\r\n}\r\n\r\nexport default Form;\r\n\r\n","import React, { Component } from 'react';\r\nimport { reduxForm } from 'redux-form';\r\nimport submitForm from './components/submitForm';\r\nimport Form from './components/Form'\r\n\r\nclass Authenticate extends Component {\r\n render() {\r\n const { next } = this.props;\r\n return(\r\n