feat: integrate login/registration into PurchaseWizard

resources/js/pages/auth/LoginForm.tsx

@@ -1,6 +1,7 @@
 import React, { useEffect, useState } from 'react';
-import { useForm } from '@inertiajs/react';
+import { useForm, usePage } from '@inertiajs/react';
 import { useTranslation } from 'react-i18next';
+import toast from 'react-hot-toast';
 import { LoaderCircle, Mail, Lock } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 import { Checkbox } from '@/components/ui/checkbox';
@@ -17,6 +18,7 @@ interface LoginFormProps {
 export default function LoginForm({ onSuccess, canResetPassword = true }: LoginFormProps) {
   const [hasTriedSubmit, setHasTriedSubmit] = useState(false);
   const { t } = useTranslation('auth');
+  const { props } = usePage<{ errors: Record<string, string> }>();
 
   const { data, setData, post, processing, errors, clearErrors, reset } = useForm({
     email: '',
@@ -24,6 +26,12 @@ export default function LoginForm({ onSuccess, canResetPassword = true }: LoginF
     remember: false,
   });
 
+  useEffect(() => {
+    if (hasTriedSubmit && Object.keys(errors).length > 0) {
+      toast.error(Object.values(errors).join(' '));
+    }
+  }, [errors, hasTriedSubmit]);
+
   const submit = (e: React.FormEvent) => {
     e.preventDefault();
     setHasTriedSubmit(true);

resources/js/pages/auth/RegisterForm.tsx

@@ -1,6 +1,7 @@
 import React, { useEffect, useState } from 'react';
-import { useForm } from '@inertiajs/react';
+import { useForm, usePage } from '@inertiajs/react';
 import { useTranslation } from 'react-i18next';
+import toast from 'react-hot-toast';
 import { LoaderCircle, User, Mail, Phone, Lock, MapPin } from 'lucide-react';
 import { Dialog, DialogContent, DialogTitle, DialogDescription } from '@/components/ui/dialog';
 
@@ -14,6 +15,7 @@ export default function RegisterForm({ packageId, onSuccess, privacyHtml }: Regi
   const [privacyOpen, setPrivacyOpen] = useState(false);
   const [hasTriedSubmit, setHasTriedSubmit] = useState(false);
   const { t } = useTranslation(['auth', 'common']);
+  const { props } = usePage<{ errors: Record<string, string> }>();
 
   const { data, setData, post, processing, errors, clearErrors, reset } = useForm({
     username: '',
@@ -28,6 +30,12 @@ export default function RegisterForm({ packageId, onSuccess, privacyHtml }: Regi
     package_id: packageId || null,
   });
 
+  useEffect(() => {
+    if (hasTriedSubmit && Object.keys(errors).length > 0) {
+      toast.error(Object.values(errors).join(' '));
+    }
+  }, [errors, hasTriedSubmit]);
+
   const submit = (e: React.FormEvent) => {
     e.preventDefault();
     setHasTriedSubmit(true);

resources/js/pages/auth/login.tsx

@@ -30,7 +30,7 @@ export default function Login({ status, canResetPassword }: LoginProps) {
     const submit = (e: FormEvent<HTMLFormElement>) => {
         e.preventDefault();
         setHasTriedSubmit(true);
-        post('/login', {
+        post(window.location.pathname, {
             preserveScroll: true,
         });
     };