import React, { useEffect } from 'react'
import PropTypes from 'prop-types'
import { Formik, Form } from 'formik'
import { Persist } from 'formik-persist'
import * as Yup from 'yup'
import FormikControl from '../FormikControls'
import ButtonPrimary from '../controls/ButtonPrimary'
import ButtonSecondary from '../controls/ButtonSecondary'
import { FormLogin } from './FormLogin'
import { ServicePolicy } from '../ServicePolicy'
import { SubmitFormResult } from '../SubmitFormResult';
export const FormRegistration = (props) => {
const { setPopupTitle, setPopupContent, setPopupOpened, close } = props
useEffect(() => {
if (setPopupTitle) { setPopupTitle('New user registration') }
})
const initialValues = {
email: '',
password: '',
password_confirm: '',
userconsent: false,
}
const validationSchema = Yup.object({
email: Yup.string()
.required('Required')
.email('Must be a valid email address'),
password: Yup.string()
.required('Required')
.min(8, val => `Minimum ${val.min} symbols`),
password_confirm: Yup.string()
.required('Required')
.oneOf([Yup.ref('password'), null], 'Not matching with password'),
userconsent: Yup.boolean()
.oneOf([true], 'Required'),
})
const onSubmit = values => {
setPopupOpened(false)
setTimeout(() => {
setPopupContent()
setPopupOpened(true)
}, 200);
}
const goLogin = () => {
setPopupOpened(false)
setTimeout(() => {
setPopupContent()
setPopupOpened(true)
}, 200);
}
const goServicePolicy = () => {
setPopupOpened(false)
setTimeout(() => {
setPopupContent()
setPopupOpened(true)
}, 200);
}
return (
{formik => {
return (
)
}}
)
}
FormRegistration.propTypes = {
setPopupTitle: PropTypes.func,
setPopupContent: PropTypes.func,
setPopupOpened: PropTypes.func,
close: PropTypes.func,
}