feat: Implementierung des Checkout-Logins mit E-Mail/Username-Support

resources/js/pages/auth/LoginForm.tsx

@@ -43,7 +43,7 @@ export default function LoginForm({ onSuccess, canResetPassword = true, locale }
   const loginEndpoint = '/checkout/login';
       
   const [values, setValues] = useState({
-    email: "",
+    identifier: "",
     password: "",
     remember: false,
   });
@@ -98,7 +98,7 @@ export default function LoginForm({ onSuccess, canResetPassword = true, locale }
         },
         credentials: "same-origin",
         body: JSON.stringify({
-          email: values.email,
+          identifier: values.identifier,
           password: values.password,
           remember: values.remember,
           locale: resolvedLocale,
@@ -146,20 +146,20 @@ export default function LoginForm({ onSuccess, canResetPassword = true, locale }
     <form onSubmit={submit} className="flex flex-col gap-6" noValidate>
       <div className="grid gap-6">
         <div className="grid gap-2">
-          <Label htmlFor="email">{t("login.email")}</Label>
+          <Label htmlFor="identifier">{t("login.identifier") || t("login.email")}</Label>
           <Input
-            id="email"
-            type="email"
-            name="email"
+            id="identifier"
+            type="text"
+            name="identifier"
             required
             autoFocus
-            placeholder={t("login.email_placeholder")}
-            value={values.email}
-            onChange={(event) => updateValue("email", event.target.value)}
+            placeholder={t("login.identifier_placeholder") || t("login.email_placeholder")}
+            value={values.identifier}
+            onChange={(event) => updateValue("identifier", event.target.value)}
           />
-          <InputError message={errors.email} />
+          <InputError message={errors.identifier || errors.email} />
         </div>
-
+  
         <div className="grid gap-2">
           <div className="flex items-center">
             <Label htmlFor="password">{t("login.password")}</Label>
@@ -180,7 +180,7 @@ export default function LoginForm({ onSuccess, canResetPassword = true, locale }
           />
           <InputError message={errors.password} />
         </div>
-
+  
         <div className="flex items-center space-x-3">
           <Checkbox
             id="remember"
@@ -190,7 +190,7 @@ export default function LoginForm({ onSuccess, canResetPassword = true, locale }
           />
           <Label htmlFor="remember">{t("login.remember")}</Label>
         </div>
-
+  
         <Button type="submit" className="w-full" disabled={isSubmitting}>
           {isSubmitting && <LoaderCircle className="h-4 w-4 animate-spin mr-2" />}
           {t("login.submit")}