Fix email form server check and return error code if existing

src/components/molecules/EmailForm.svelte

@@ -32,7 +32,7 @@
         const formData = new FormData(target)
         const email = String(formData.get('email'))
 
-        if (email && email.match(/^([\w.-])+@([\w.-])+\.([a-zA-Z])+/)) {
+        if (email && email.match(/^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/)) {
             const req = await fetch('/api/newsletter', {
                 method: 'POST',
                 headers: { 'Content-Type': 'text/plain' },
@@ -94,7 +94,8 @@
         <div class="newsletter-form__message shadow-small"
             class:is-error={formStatus !== 'PENDING'}
             class:is-success={formStatus === 'PENDING'}
-            transition:fly={{ y: 8, easing: quartOut, duration: 600, delay: formStatus !== 'PENDING' ? 100 : 600 }}
+            in:fly={{ y: 8, easing: quartOut, duration: 600, delay: 600 }}
+            out:fly={{ y: 8, easing: quartOut, duration: 600 }}
         >
             <p class="text-xsmall">{formMessages[formStatus]}</p>
         </div>

src/routes/api/newsletter/+server.ts

@@ -18,9 +18,9 @@ export const POST: RequestHandler = async ({ request }) => {
             })
             const res = await req.json()
 
-            if (res && res.email_address && res.status === 'PENDING') {
+            if (res) {
                 return new Response(JSON.stringify({
-                    code: 'PENDING'
+                    code: res.error ? res.error.code : res.status
                 }))
             }
         }