[WEB-3066] refactor: replace Space Services with Services Package (#6353)

* [WEB-3066] refactor: replace Space Services with Services Package

* chore: minor improvements

* fix: type

---------

Co-authored-by: sriram veeraghanta <veeraghanta.sriram@gmail.com>

space/core/components/account/auth-forms/auth-root.tsx

@@ -3,6 +3,8 @@
 import React, { FC, useEffect, useState } from "react";
 import { observer } from "mobx-react";
 import { useSearchParams } from "next/navigation";
+// plane imports
+import { SitesAuthService } from "@plane/services";
 import { IEmailCheckData } from "@plane/types";
 // components
 import {
@@ -23,12 +25,10 @@ import {
 } from "@/helpers/authentication.helper";
 // hooks
 import { useInstance } from "@/hooks/store";
-// services
-import { AuthService } from "@/services/auth.service";
 // types
 import { EAuthModes, EAuthSteps } from "@/types/auth";
 
-const authService = new AuthService();
+const authService = new SitesAuthService();
 
 export const AuthRoot: FC = observer(() => {
   // router params

space/core/components/account/auth-forms/password.tsx

@@ -3,14 +3,14 @@
 import React, { useEffect, useMemo, useRef, useState } from "react";
 import { observer } from "mobx-react";
 import { Eye, EyeOff, XCircle } from "lucide-react";
+// plane imports
 import { API_BASE_URL } from "@plane/constants";
+import { AuthService } from "@plane/services";
 import { Button, Input, Spinner } from "@plane/ui";
 // components
 import { PasswordStrengthMeter } from "@/components/account";
 // helpers
 import { E_PASSWORD_STRENGTH, getPasswordStrength } from "@/helpers/password.helper";
-// services
-import { AuthService } from "@/services/auth.service";
 // types
 import { EAuthModes, EAuthSteps } from "@/types/auth";
 

space/core/components/account/auth-forms/unique-code.tsx

@@ -2,12 +2,12 @@
 
 import React, { useEffect, useState } from "react";
 import { CircleCheck, XCircle } from "lucide-react";
+// plane imports
 import { API_BASE_URL } from "@plane/constants";
+import { AuthService } from "@plane/services";
 import { Button, Input, Spinner } from "@plane/ui";
 // hooks
 import useTimer from "@/hooks/use-timer";
-// services
-import { AuthService } from "@/services/auth.service";
 // types
 import { EAuthModes } from "@/types/auth";
 

space/core/components/issues/navbar/user-avatar.tsx

@@ -7,15 +7,15 @@ import { usePathname, useSearchParams } from "next/navigation";
 import { usePopper } from "react-popper";
 import { LogOut } from "lucide-react";
 import { Popover, Transition } from "@headlessui/react";
+// plane imports
 import { API_BASE_URL } from "@plane/constants";
+import { AuthService } from "@plane/services";
 import { Avatar, Button } from "@plane/ui";
 // helpers
 import { getFileURL } from "@/helpers/file.helper";
 import { queryParamGenerator } from "@/helpers/query-param-generator";
 // hooks
 import { useUser } from "@/hooks/store";
-// services
-import { AuthService } from "@/services/auth.service";
 
 const authService = new AuthService();
 

space/core/components/issues/peek-overview/comment/add-comment.tsx

@@ -3,21 +3,19 @@
 import React, { useRef, useState } from "react";
 import { observer } from "mobx-react";
 import { useForm, Controller } from "react-hook-form";
-// editor
+// plane imports
 import { EditorRefApi } from "@plane/editor";
-// ui
+import { SitesFileService } from "@plane/services";
+import { TIssuePublicComment } from "@plane/types";
 import { TOAST_TYPE, setToast } from "@plane/ui";
 // editor components
 import { LiteTextEditor } from "@/components/editor/lite-text-editor";
 // hooks
 import { useIssueDetails, usePublish, useUser } from "@/hooks/store";
 // services
-import { FileService } from "@/services/file.service";
-const fileService = new FileService();
-// types
-import { Comment } from "@/types/issue";
+const fileService = new SitesFileService();
 
-const defaultValues: Partial<Comment> = {
+const defaultValues: Partial<TIssuePublicComment> = {
   comment_html: "",
 };
 
@@ -43,9 +41,9 @@ export const AddComment: React.FC<Props> = observer((props) => {
     watch,
     formState: { isSubmitting },
     reset,
-  } = useForm<Comment>({ defaultValues });
+  } = useForm<TIssuePublicComment>({ defaultValues });
 
-  const onSubmit = async (formData: Comment) => {
+  const onSubmit = async (formData: TIssuePublicComment) => {
     if (!anchor || !issueId || isSubmitting || !formData.comment_html) return;
 
     await addIssueComment(anchor, issueId, formData)

space/core/components/issues/peek-overview/comment/comment-detail-card.tsx

@@ -3,8 +3,10 @@ import { observer } from "mobx-react";
 import { Controller, useForm } from "react-hook-form";
 import { Check, MessageSquare, MoreVertical, X } from "lucide-react";
 import { Menu, Transition } from "@headlessui/react";
-// components
+// plane imports
 import { EditorRefApi } from "@plane/editor";
+import { TIssuePublicComment } from "@plane/types";
+// components
 import { LiteTextEditor, LiteTextReadOnlyEditor } from "@/components/editor";
 import { CommentReactions } from "@/components/issues/peek-overview";
 // helpers
@@ -13,12 +15,10 @@ import { getFileURL } from "@/helpers/file.helper";
 // hooks
 import { useIssueDetails, usePublish, useUser } from "@/hooks/store";
 import useIsInIframe from "@/hooks/use-is-in-iframe";
-// types
-import { Comment } from "@/types/issue";
 
 type Props = {
   anchor: string;
-  comment: Comment;
+  comment: TIssuePublicComment;
 };
 
 export const CommentCard: React.FC<Props> = observer((props) => {
@@ -48,7 +48,7 @@ export const CommentCard: React.FC<Props> = observer((props) => {
     deleteIssueComment(anchor, peekId, comment.id);
   };
 
-  const handleCommentUpdate = async (formData: Comment) => {
+  const handleCommentUpdate = async (formData: TIssuePublicComment) => {
     if (!anchor || !peekId) return;
     updateIssueComment(anchor, peekId, comment.id, formData);
     setIsEditing(false);