plane/web/services/reaction.service.ts

import { API_BASE_URL } from "helpers/common.helper";
// services
import APIService from "services/api.service";
import trackEventServices from "services/track-event.service";
// types
import type {
  ICurrentUserResponse,
  IssueReaction,
  IssueCommentReaction,
  IssueReactionForm,
  IssueCommentReactionForm,
} from "types";
import PosthogService from "./posthog.service";
import {
  ISSUE_REACTION_CREATE,
  ISSUE_COMMENT_REACTION_CREATE,
  ISSUE_REACTION_DELETE,
  ISSUE_COMMENT_REACTION_DELETE,
} from "constants/posthog-events";

const posthogService = new PosthogService();

class ReactionService extends APIService {
  constructor() {
    super(API_BASE_URL);
  }

  async createIssueReaction(
    workspaceSlug: string,
    projectId: string,
    issueId: string,
    data: IssueReactionForm,
    user?: ICurrentUserResponse
  ): Promise<any> {
    return this.post(
      `/api/workspaces/${workspaceSlug}/projects/${projectId}/issues/${issueId}/reactions/`,
      data
    )
      .then((response) => {
        trackEventServices.trackReactionEvent(response?.data, "ISSUE_REACTION_CREATE", user);
        posthogService.capture(ISSUE_REACTION_CREATE, response?.data, user);

        return response?.data;
      })
      .catch((error) => {
        throw error?.response?.data;
      });
  }

  async listIssueReactions(
    workspaceSlug: string,
    projectId: string,
    issueId: string
  ): Promise<IssueReaction[]> {
    return this.get(
      `/api/workspaces/${workspaceSlug}/projects/${projectId}/issues/${issueId}/reactions/`
    )
      .then((response) => response?.data)
      .catch((error) => {
        throw error?.response?.data;
      });
  }

  async deleteIssueReaction(
    workspaceSlug: string,
    projectId: string,
    issueId: string,
    reaction: string,
    user?: ICurrentUserResponse
  ): Promise<any> {
    return this.delete(
      `/api/workspaces/${workspaceSlug}/projects/${projectId}/issues/${issueId}/reactions/${reaction}/`
    )
      .then((response) => {
        trackEventServices.trackReactionEvent(response?.data, "ISSUE_REACTION_DELETE", user);
        posthogService.capture(ISSUE_REACTION_DELETE, { workspaceSlug, projectId, issueId, reaction }, user);

        return response?.data;
      })
      .catch((error) => {
        throw error?.response?.data;
      });
  }

  async createIssueCommentReaction(
    workspaceSlug: string,
    projectId: string,
    commentId: string,
    data: IssueCommentReactionForm,
    user?: ICurrentUserResponse
  ): Promise<any> {
    return this.post(
      `/api/workspaces/${workspaceSlug}/projects/${projectId}/comments/${commentId}/reactions/`,
      data
    )
      .then((response) => {
        trackEventServices.trackReactionEvent(
          response?.data,
          "ISSUE_COMMENT_REACTION_CREATE",
          user
        );
        posthogService.capture(ISSUE_COMMENT_REACTION_CREATE, response?.data, user);
        return response?.data;
      })
      .catch((error) => {
        throw error?.response?.data;
      });
  }

  async listIssueCommentReactions(
    workspaceSlug: string,
    projectId: string,
    commentId: string
  ): Promise<IssueCommentReaction[]> {
    return this.get(
      `/api/workspaces/${workspaceSlug}/projects/${projectId}/comments/${commentId}/reactions/`
    )
      .then((response) => response?.data)
      .catch((error) => {
        throw error?.response?.data;
      });
  }

  async deleteIssueCommentReaction(
    workspaceSlug: string,
    projectId: string,
    commentId: string,
    reaction: string,
    user?: ICurrentUserResponse
  ): Promise<any> {
    return this.delete(
      `/api/workspaces/${workspaceSlug}/projects/${projectId}/comments/${commentId}/reactions/${reaction}/`
    )
      .then((response) => {
        trackEventServices.trackReactionEvent(
          response?.data,
          "ISSUE_COMMENT_REACTION_DELETE",
          user
        );
        posthogService.capture(
          ISSUE_COMMENT_REACTION_DELETE,
          { workspaceSlug, projectId, commentId, reaction },
          user
        );

        return response?.data;
      })
      .catch((error) => {
        throw error?.response?.data;
      });
  }
}

const reactionService = new ReactionService();

export default reactionService;