feat: Implement form, moderation, and testing phases

src/components/admin/ParkForm.tsx

@@ -1,9 +1,11 @@
-import { useState, useEffect } from 'react';
+import { useState, useEffect, useReducer } from 'react';
 import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
 import * as z from 'zod';
 import { entitySchemas } from '@/lib/entityValidationSchemas';
 import { validateSubmissionHandler } from '@/lib/entityFormValidation';
+import { submissionReducer, canSubmit } from '@/lib/submissionStateMachine';
+import { getErrorMessage } from '@/lib/errorHandler';
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
@@ -129,7 +131,10 @@ const STATUS_DB_TO_DISPLAY: Record<string, string> = {
 
 export function ParkForm({ onSubmit, onCancel, initialData, isEditing = false }: ParkFormProps) {
   const { isModerator } = useUserRole();
-  const [submitting, setSubmitting] = useState(false);
+  const [submissionState, dispatch] = useReducer(submissionReducer, { 
+    status: 'draft' as const, 
+    data: initialData || {} 
+  });
 
   // Validate that onSubmit uses submission helpers (dev mode only)
   useEffect(() => {
@@ -180,8 +185,20 @@ export function ParkForm({ onSubmit, onCancel, initialData, isEditing = false }:
 
 
   const handleFormSubmit = async (data: ParkFormData) => {
-    setSubmitting(true);
+    if (!canSubmit(submissionState)) {
+      toast({
+        title: 'Cannot submit',
+        description: 'Please wait for the current operation to complete',
+        variant: 'destructive',
+      });
+      return;
+    }
+    
+    dispatch({ type: 'VALIDATE', payload: data });
+    
     try {
+      dispatch({ type: 'SUBMIT', payload: { submissionId: crypto.randomUUID() } });
+      
       // Build composite submission if new entities were created
       const submissionContent: any = {
         park: data,
@@ -206,6 +223,8 @@ export function ParkForm({ onSubmit, onCancel, initialData, isEditing = false }:
         _compositeSubmission: (tempNewOperator || tempNewPropertyOwner) ? submissionContent : undefined
       });
       
+      dispatch({ type: 'SUBMISSION_COMPLETE' });
+      
       toast({
         title: isEditing ? "Park Updated" : "Park Created",
         description: isEditing 
@@ -213,6 +232,12 @@ export function ParkForm({ onSubmit, onCancel, initialData, isEditing = false }:
           : "The new park has been created successfully."
       });
     } catch (error: unknown) {
+      const errorMessage = getErrorMessage(error);
+      if (errorMessage.includes('validation') || errorMessage.includes('required')) {
+        dispatch({ type: 'VALIDATION_ERROR', payload: [{ field: 'general', message: errorMessage }] });
+      } else {
+        dispatch({ type: 'RESET' });
+      }
       handleError(error, {
         action: isEditing ? 'Update Park' : 'Create Park',
         userId: user?.id,
@@ -223,8 +248,6 @@ export function ParkForm({ onSubmit, onCancel, initialData, isEditing = false }:
           hasNewOwner: !!tempNewPropertyOwner
         }
       });
-    } finally {
-      setSubmitting(false);
     }
   };
 
@@ -511,9 +534,13 @@ export function ParkForm({ onSubmit, onCancel, initialData, isEditing = false }:
 
           {/* Form Actions */}
           <div className="flex gap-4 pt-6">
-            <Button type="submit" disabled={submitting} className="flex-1">
+            <Button 
+              type="submit" 
+              disabled={submissionState.status === 'validating' || submissionState.status === 'submitting' || !canSubmit(submissionState)} 
+              className="flex-1"
+            >
               <Save className="w-4 h-4 mr-2" />
-              {submitting ? 'Saving...' : (isEditing ? 'Update Park' : 'Create Park')}
+              {(submissionState.status === 'validating' || submissionState.status === 'submitting') ? 'Saving...' : (isEditing ? 'Update Park' : 'Create Park')}
             </Button>
             
             {onCancel && (