{"version":3,"sources":["modules/Registration/helpers.tsx","modules/Registration/SignUp/components.tsx","modules/Registration/SignUp/SignUp.tsx"],"names":["useIsPairView","useState","isPairView","setIsPairView","location","useLocation","useEffect","pathname","startsWith","ROUTES_PATHS","PAIR","MAIN","Wrapper","styled","section","TextWrapper","article","COLORS","FONT","DARK","SignUp","navigate","useNavigate","t","useTranslation","isBrowserPaired","REGISTRATION","SUCCESS","state","flag","Container","Trans","i18nKey","components","b","isSignIn","onSignInView","onSignUpView"],"mappings":"8LAIaA,EAAgB,WAAO,IAAD,EACGC,oBAAS,GADZ,mBAC1BC,EAD0B,KACdC,EADc,KAE3BC,EAAWC,cAMjB,OAJAC,qBAAU,WACRH,EAAcC,EAASG,SAASC,WAAWC,IAAaC,KAAKC,SAC5D,CAACP,IAEGF,I,uJCTIU,EAAUC,IAAOC,QAAV,uMAYPC,EAAcF,IAAOG,QAAV,8PAEbC,IAAOC,KAAKC,M,+BCRVC,EAAa,WACxB,IAAMC,EAAWC,cACTC,EAAMC,YAAe,qBAArBD,EACFrB,EAAaF,cAEnBM,qBAAU,WACJmB,6BACFJ,EAASZ,IAAaiB,aAAaC,QAAS,CAAEC,MAAO,CAAEC,MAAM,OAE9D,IAMH,OACE,cAACC,EAAA,EAAD,UACE,eAAClB,EAAD,WACE,eAACG,EAAD,WACE,cAAC,KAAD,UAAKQ,EAAE,oBACP,cAAC,aAAD,UACE,cAACQ,EAAA,EAAD,CACEC,QAAQ,oBACRC,WAAY,CACVC,EAAG,uBAELX,EAAGA,SAIT,cAAC,aAAD,CACEY,SAAUjC,EACVkC,aArBiB,kBAAMf,EAASZ,IAAaiB,aAAaf,OAsB1D0B,aApBiB,kBAAMhB,EAASZ,IAAaC,KAAKC","file":"static/js/RegistrationSignUp.0501fc69.chunk.js","sourcesContent":["import { useEffect, useState } from \"react\";\nimport { useLocation } from \"react-router\";\nimport { ROUTES_PATHS } from \"../\";\n\nexport const useIsPairView = () => {\n const [isPairView, setIsPairView] = useState(false);\n const location = useLocation();\n\n useEffect(() => {\n setIsPairView(location.pathname.startsWith(ROUTES_PATHS.PAIR.MAIN));\n }, [location]);\n\n return isPairView;\n};\n","import styled from \"styled-components\";\nimport { COLORS } from \"../../../common/colors\";\n\nexport const Wrapper = styled.section`\n display: flex;\n flex-direction: row;\n margin-top: 45px;\n min-height: 35vh;\n\n @media (max-width: 800px) {\n flex-direction: column;\n margin-top: 0;\n }\n`;\n\nexport const TextWrapper = styled.article`\n flex: 50%;\n color: ${COLORS.FONT.DARK};\n h5 {\n margin: 30px 0;\n }\n\n max-width: 600px;\n margin-right: 60px;\n\n @media only screen and (max-width: 800px) {\n max-width: none;\n margin-top: 0;\n margin-right: 0;\n }\n`;\n","import { FC, useEffect } from \"react\";\nimport { useNavigate } from \"react-router\";\nimport { useTranslation, Trans } from \"react-i18next\";\nimport Container from \"@material-ui/core/Container\";\nimport { Wrapper, TextWrapper } from \"./components\";\nimport { H5, SubHeading, isBrowserPaired, SignUpForm } from \"../../../common\";\nimport { ROUTES_PATHS } from \"../..\";\nimport { useIsPairView } from \"../helpers\";\n\nexport const SignUp: FC = () => {\n const navigate = useNavigate();\n const { t } = useTranslation(\"registration_page\");\n const isPairView = useIsPairView();\n\n useEffect(() => {\n if (isBrowserPaired()) {\n navigate(ROUTES_PATHS.REGISTRATION.SUCCESS, { state: { flag: true } });\n }\n }, []);\n\n const handleSignInView = () => navigate(ROUTES_PATHS.REGISTRATION.MAIN);\n\n const handleSignUpView = () => navigate(ROUTES_PATHS.PAIR.MAIN);\n\n return (\n \n \n \n {t(\"signup.heading\")}
\n \n ,\n }}\n t={t}\n />\n \n \n \n \n \n );\n};\n"],"sourceRoot":""}