Add GPT Visual support in testing suite (#142)

* Add GPT Visual support in testing suite

* Fix typing

src/app/admin/projects/[project_id]/documents/[document_id]/page.tsx

@@ -16,11 +16,11 @@ export default function Page({ params }: { params: { project_id: string, documen
 
     const router = useRouter();
 
-    const documentQuery = useQuery(["document", document_id], () => API.documents.get(project_id, document_id));
+    const documentQuery = useQuery(["document", document_id], () => API.projects.documents.get(project_id, document_id));
 
     const doc: Document | undefined = documentQuery.data;
 
-    const editDocumentMutation = useMutation((formData) => API.documents.edit(project_id, document_id, formData as any), {
+    const editDocumentMutation = useMutation((formData) => API.projects.documents.edit(project_id, document_id, formData as any), {
         onSuccess: () => {
             documentQuery.refetch();
         }
@@ -29,7 +29,7 @@ export default function Page({ params }: { params: { project_id: string, documen
     const onSubmit = async (document: Partial<Document>) => {
         const formData = new FormData();
         formData.append("title", document.title as string);
-        formData.append("file", document.file as File);
+        formData.append("file", document.raw_file as File);
         formData.append("description", document.description as string);
         await editDocumentMutation.mutateAsync(formData as any);
     }

src/app/admin/projects/[project_id]/documents/new/page.tsx

@@ -16,18 +16,18 @@ export default function Page({ params }: { params: { project_id: string } }) {
 
     const router = useRouter();
 
-    const createDocumentMutation = useMutation((formData) => API.documents.create(project_id, formData as any), {
+    const createDocumentMutation = useMutation((formData) => API.projects.documents.create(project_id, formData as any), {
         onSuccess: () => {
             router.push(`/admin/projects/${project_id}`);
         }
     });
 
     const onSubmit = async (doc: Partial<Document>) => {
         const formData = new FormData();
-        doc.title && formData.append("title", doc.title as string);
-        doc.file && formData.append("file", doc.file as File);
-        doc.description && formData.append("description", doc.description as string);
-        doc.text_content && formData.append("text_content", doc.text_content as string);
+        doc.title && formData.append("title", doc.title);
+        doc.raw_file && formData.append("file", doc.raw_file as File);
+        doc.description && formData.append("description", doc.description);
+        doc.text_content && formData.append("text_content", doc.text_content);
         doc.document_type && formData.append("document_type", `${doc.document_type}`);
         await createDocumentMutation.mutateAsync(formData as any);
     }

src/app/admin/projects/[project_id]/page.tsx

@@ -17,7 +17,7 @@ export default function Page({ params }: { params: { project_id: string } }) {
   );
   const project: Project | undefined = projectsQuery.data || undefined;
   const documentsQuery = useQuery(["project", project_id, "documents"], () =>
-    API.documents.list(project_id)
+    API.projects.documents.list(project_id)
   );
   const documents: Document[] | undefined = documentsQuery.data?.results;
   const [showDeleteModal, setShowDeleteModel] = useState(false);