register , login model complated. plagiraism component complated(essential part of main page is complated )

src/widgets/fileUpload/lib/usePlagiraism.ts

@@ -0,0 +1,105 @@
+'use client';
+import { useState, useCallback } from 'react';
+import {
+  PlagiarismFormErrors,
+  PlagiarismFormState,
+  SubmissionState,
+} from './types';
+import { selectFullName, useUserStore } from './userStore';
+import { isFormValid, validatePlagiarismForm } from './validation';
+import { submitPlagiarismCheck } from '@/request/plagiarismapi';
+
+// ─── Initial States ──────────────────────────────────────────────────────────
+
+const INITIAL_FORM: PlagiarismFormState = {
+  topic: '',
+  file: null,
+  withCertificate: false,
+};
+
+const INITIAL_SUBMISSION: SubmissionState = {
+  status: 'idle',
+  response: null,
+  error: null,
+};
+
+// ─── Hook ────────────────────────────────────────────────────────────────────
+
+export function usePlagiarismForm() {
+  const senderFullName = useUserStore(selectFullName);
+
+  const [form, setForm] = useState<PlagiarismFormState>(INITIAL_FORM);
+  const [errors, setErrors] = useState<PlagiarismFormErrors>({});
+  const [submission, setSubmission] =
+    useState<SubmissionState>(INITIAL_SUBMISSION);
+
+  // ── Field updaters ───────────────────────────────────────────────────────
+
+  const setTopic = useCallback((topic: string) => {
+    setForm((prev) => ({ ...prev, topic }));
+    setErrors((prev) => ({ ...prev, topic: undefined }));
+  }, []);
+
+  const setFile = useCallback((file: File | null) => {
+    setForm((prev) => ({ ...prev, file }));
+    setErrors((prev) => ({ ...prev, file: undefined }));
+  }, []);
+
+  const toggleCertificate = useCallback(() => {
+    setForm((prev) => ({ ...prev, withCertificate: !prev.withCertificate }));
+  }, []);
+
+  // ── Submission ───────────────────────────────────────────────────────────
+
+  const handleSubmit = useCallback(
+    async (e: React.FormEvent) => {
+      e.preventDefault();
+
+      const validationErrors = validatePlagiarismForm(form);
+      if (!isFormValid(validationErrors)) {
+        setErrors(validationErrors);
+        return;
+      }
+
+      setSubmission({ status: 'loading', response: null, error: null });
+
+      try {
+        const response = await submitPlagiarismCheck({
+          topic: form.topic.trim(),
+          senderFullName,
+          file: form.file!,
+          withCertificate: form.withCertificate,
+        });
+
+        setSubmission({ status: 'success', response, error: null });
+        setForm(INITIAL_FORM); // Reset form on success
+      } catch (err) {
+        const message =
+          err instanceof Error ? err.message : 'An unexpected error occurred.';
+        setSubmission({ status: 'error', response: null, error: message });
+      }
+    },
+    [form, senderFullName],
+  );
+
+  const resetSubmission = useCallback(() => {
+    setSubmission(INITIAL_SUBMISSION);
+  }, []);
+
+  // ── Derived state ────────────────────────────────────────────────────────
+
+  const isLoading = submission.status === 'loading';
+
+  return {
+    form,
+    errors,
+    submission,
+    senderFullName,
+    isLoading,
+    setTopic,
+    setFile,
+    toggleCertificate,
+    handleSubmit,
+    resetSubmission,
+  };
+}