import useTranslation from "next-translate/useTranslation"; import Head from "next/head"; import Link from "next/link"; import CookieBanner from "../../components/cookieBanner"; import Footer from "../../components/footer"; import Header from "../../components/header"; import Breadcrumbs from "../../components/breadcrumbs"; import { getCsrfToken } from "next-auth/react"; import { parseCookies, setCookie, destroyCookie } from "nookies"; import { useState } from "react"; import { tr } from "date-fns/locale"; import { Router, useRouter } from "next/router"; const SignIn = (props) => { let { t, lang } = useTranslation(); const { footerLinks, pages, csrfToken, callbackUrl } = props; let formURL = new URL(window.location.href).protocol + "//" + new URL(window.location.href).hostname + ":" + new URL(window.location.href).port + "/api/auth/signin/email"; const [buttonDisabled, setButtonDisabled] = useState(false); const [hasError, setHasError] = useState(false); const emailRegex = /(?:[a-z0-9!#$%&'*+\/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+\/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/gi; const handleSubmit = async (event) => { event.preventDefault(); //!emailRegex.test(event.currentTarget[2].value) && setHasError(true); !emailRegex.test(event.currentTarget[2].value) ? (setHasError(true), setButtonDisabled(true)) : (setButtonDisabled(true), event.target.submit()); }; return (

{t("auth:auth-page-title")} - {t("common:service-name")}

{t("auth:auth-page-title")}

{t("auth:auth-email-label")} {hasError && ( Error: {" "} Enter a valid email address )} { !emailRegex.test( e.currentTarget.value ) ? (setHasError(true), setButtonDisabled(true)) : (setHasError(false), setButtonDisabled(false)); }} />

); }; export async function getServerSideProps(context) { if (process.env.SHOWLOGIN == false) { return { redirect: { destination: "/404", permanent: false, }, }; } const csrfToken = await getCsrfToken(context); console.log( "\n//////////////////////\n", "Sign in callbackurl: " + context.query.callbackUrl, context.locale, "\n//////////////////////\n" ); let formURL = context.query.callbackUrl; //console.log("formUrl:", formURL); formURL = typeof formURL == "undefined" ? null : formURL; return { props: { csrfToken: csrfToken, callbackUrl: formURL }, }; } export default SignIn;