) => {\r\n const value = format(e.target.value)\r\n const name = e.target.name\r\n switch (name) {\r\n case 'name':\r\n setName(value)\r\n break;\r\n case 'lastName':\r\n setLastName(value)\r\n break;\r\n default:\r\n break;\r\n }\r\n }\r\n\r\n const handleUpdateUser = async() => dispatch(asyncCreateUser(name,lastName,upload))\r\n\r\n return (\r\n \r\n \r\n Please upload avatar and fill credentials*\r\n \r\n \r\n \r\n \r\n {isValidCredentials() &&\r\n NEXT\r\n }\r\n
\r\n );\r\n};\r\n\r\nexport default Registration;","import { useState, useEffect } from 'react';\nimport { useDispatch } from 'react-redux';\n\nimport QRCode from './QRCode'\nimport Authorization from './Authorization'\nimport SMSCode from './SMSCode'\nimport Registration from './Registration'\nimport { authorizeUser } from '../../api-data'\nimport { asyncLogin } from '../../redux/authorization/operations'\nimport { format } from '../../helpers'\n\nconst AuthPage = () => {\n const [isQR, setIsQR] = useState(false)\n const [isCode, setIsCode] = useState('')\n const [isChecked, setIsChecked] = useState(true);\n const [isReg, setIsReg] = useState(false);\n const [country, setCountry] = useState('Country')\n const [number, setNumber] = useState('')\n\n const dispatch = useDispatch()\n\n const handleIsQR = (): void => setIsQR(!isQR)\n\n const isValidCredentials = () => {\n const numberLength = number.split(' ').join('').trim().length\n if (numberLength < 13 || numberLength > 13) return false\n if (!country || country === 'Country') return false\n if(number.slice(0,1) === '+') return true\n return true\n }\n\n const handleIsValidCode = async (e: React.ChangeEvent):Promise => {\n if (isCode && format(e.target.value) === isCode) \n dispatch(await asyncLogin(number, isCode, () => setIsReg(!isReg)))\n } \n\n const handleSendCode = async () => {\n const res = await authorizeUser(format(number), country)\n res && setIsCode(res)\n }\n\n const handleIsCheck = (e: React.ChangeEvent): void => {\n const flag = e.target.checked\n setIsChecked(flag);\n localStorage.isChecked = flag\n }\n\n const handleResetState = ():void => {\n setIsCode('')\n setCountry('Country')\n setNumber('')\n }\n\n useEffect(() => {\n const isCheckedLC = localStorage.isChecked\n if (isCheckedLC) {\n setIsChecked(isCheckedLC === 'true'?true:false)\n } else {\n localStorage.setItem('isChecked','true')\n }\n }, [])\n \n return (\n isReg?:\n isCode ? :\n isQR ? :\n \n )\n};\n\nexport default AuthPage;\n"],"sourceRoot":""}