feat: add client management module

src/app/(modules)/clients/hooks/useClientForm.ts

@@ -0,0 +1,109 @@
+'use client';
+
+import { useCallback } from 'react';
+import { useForm, useWatch } from 'react-hook-form';
+import { toast } from 'sonner';
+
+import type { Client } from '@/types';
+import { useSaveClientMutation } from './useClientMutations';
+
+export interface ClientFormValues {
+  id?: number;
+  name: string;
+  email: string;
+  landline_number: string;
+  address: string;
+  gst: string;
+  pan: string;
+  tan: string;
+  contact_name: string;
+  contact_phone_number: string;
+  contact_email: string;
+  is_active: boolean;
+}
+
+const defaultValues: ClientFormValues = {
+  name: '',
+  email: '',
+  landline_number: '',
+  address: '',
+  gst: '',
+  pan: '',
+  tan: '',
+  contact_name: '',
+  contact_phone_number: '',
+  contact_email: '',
+  is_active: true,
+};
+
+export function useClientForm({ onSaved }: { onSaved: () => void }) {
+  const {
+    register,
+    handleSubmit: submitForm,
+    reset,
+    control,
+    formState: { isSubmitting, errors },
+  } = useForm<ClientFormValues>({
+    defaultValues,
+  });
+  const saveMutation = useSaveClientMutation({
+    onSaved: () => {
+      reset(defaultValues);
+      onSaved();
+    },
+  });
+
+  const clientId = useWatch({ control, name: 'id' });
+
+  const handleSubmit = submitForm(
+    (values) => saveMutation.mutate(values),
+    (formErrors) => {
+      if (
+        formErrors.name ||
+        formErrors.email ||
+        formErrors.landline_number ||
+        formErrors.address ||
+        formErrors.contact_name ||
+        formErrors.contact_phone_number ||
+        formErrors.contact_email
+      ) {
+        toast.error('Complete all required client fields');
+      }
+    },
+  );
+
+  const openCreate = useCallback(() => {
+    reset(defaultValues);
+  }, [reset]);
+
+  const openEdit = useCallback(
+    (client: Client) => {
+      reset({
+        id: client.id,
+        name: client.name || '',
+        email: client.email || '',
+        landline_number: client.landline_number || '',
+        address: client.address || '',
+        gst: client.gst || '',
+        pan: client.pan || '',
+        tan: client.tan || '',
+        contact_name: client.contact_name || '',
+        contact_phone_number: client.contact_phone_number || '',
+        contact_email: client.contact_email || '',
+        is_active: client.is_active,
+      });
+    },
+    [reset],
+  );
+
+  return {
+    register,
+    handleSubmit,
+    reset,
+    openCreate,
+    openEdit,
+    clientId,
+    errors,
+    isSaving: isSubmitting || saveMutation.isPending,
+  };
+}