Fixed email is not valid spam

lang/nl.json

@@ -74,6 +74,7 @@
     "Products": "Producten",
     "Quantity": "Hoeveelheid",
     "Region": "Regio",
+    "Register": "Registreren",
     "Related products": "Gerelateerde producten",
     "Relevance": "Relevantie",
     "Remove": "Verwijderen",

resources/js/components/Checkout/CheckoutLogin.vue

@@ -5,7 +5,6 @@ import { useDebounceFn } from '@vueuse/core'
 
 const debouncePromise = useDebounceFn(async function (self) {
     self.isEmailAvailable = await isEmailAvailable(self.email || '')
-    await self.handleGuest()
 }, 300)
 
 export default {

resources/js/fetch.js

@@ -151,7 +151,10 @@ export const magentoGraphQL = (window.magentoGraphQL = async (
         console.error(data.errors)
 
         data?.errors?.forEach((error) => {
-            if (!['graphql-authorization', 'graphql-authentication'].includes(error?.extensions?.category)) {
+            if (
+                !['graphql-authorization', 'graphql-authentication'].includes(error?.extensions?.category) ||
+                error.path.includes('generateCustomerToken')
+            ) {
                 return
             }
 

resources/js/stores/useUser.js

@@ -128,7 +128,7 @@ export const register = async function (email, firstname, lastname, password, in
 }
 
 export const login = async function (email, password) {
-    return magentoGraphQL(
+    const response = await magentoGraphQL(
         'mutation generateCustomerToken ($email: String!, $password: String!) { generateCustomerToken (email: $email, password: $password) { token } }',
         {
             email: email,
@@ -137,10 +137,11 @@ export const login = async function (email, password) {
         {
             notifyOnError: false,
         },
-    ).then(async (response) => {
-        await loginByToken(response.data.generateCustomerToken.token)
-        return response
-    })
+    )
+
+    await loginByToken(response.data.generateCustomerToken.token)
+
+    return response
 }
 
 export const loginByToken = async function (customerToken) {

resources/views/checkout/pages/onestep.blade.php

@@ -17,7 +17,7 @@
                         ).catch();
                 }">
                     <div class="lg:w-1/2 lg:pr-2.5 lg:col-span-2">
-                        @include('rapidez::checkout.steps.login')
+                        @include('rapidez::checkout.steps.login', ['onestep' => true])
                     </div>
                     <div v-if="!cart.is_virtual">
                         <h2 class="text-xl font-bold mb-3 lg:mb-9">@lang('Shipping address')</h2>

resources/views/checkout/steps/login.blade.php

@@ -11,6 +11,7 @@
                 type="email"
                 v-model="checkoutLogin.email"
                 v-bind:disabled="loggedIn"
+                v-on:change="() => checkoutLogin.go()"
                 required
             />
         </label>
@@ -62,5 +63,13 @@
                 @lang('Create an account')
             </x-rapidez::input.checkbox>
         </template>
+        @if ($onestep ?? false)
+            <template v-if="!loggedIn && (checkoutLogin.createAccount || !checkoutLogin.isEmailAvailable)">
+                <x-rapidez::button.conversion v-on:click="checkoutLogin.go" type="button" formnovalidate data-testid="login" class="mt-3" loader>
+                    <template v-if="checkoutLogin.createAccount && checkoutLogin.isEmailAvailable">@lang('Register')</template>
+                    <template v-else>@lang('Login')</template>
+                </x-rapidez::button.conversion>
+            </template>
+        @endif
     </fieldset>
 </checkout-login>

tests/playwright/pages/CheckoutPage.js

@@ -15,6 +15,8 @@ export class CheckoutPage {
 
     async login(email, password = false, register = false) {
         await this.page.fill('[name=email]', email)
+        await this.page.locator('[name=email]').dispatchEvent('change')
+        await this.page.waitForTimeout(200)
         await this.page.waitForLoadState('networkidle')
 
         if (password && !register) {
@@ -139,6 +141,9 @@ export class CheckoutPage {
 
         if (email) {
             await this.login(email, password, register)
+            if (password) await this.page.getByTestId('login').click()
+            await this.page.waitForTimeout(500)
+            await this.page.waitForLoadState('networkidle')
         }
 
         await this.shippingAddress()