import { action, makeObservable, runInAction, } from "mobx"; // types import { TIssue, TLoader, ViewFlags, IssuePaginationOptions, TIssuesResponse, TBulkOperationsPayload } from "@plane/types"; // helpers // base class import { BaseIssuesStore, IBaseIssuesStore } from "../helpers/base-issues.store"; // services import { IIssueRootStore } from "../root.store"; import { IProjectIssuesFilter } from "./filter.store"; export interface IProjectIssues extends IBaseIssuesStore { viewFlags: ViewFlags; // action fetchIssues: ( workspaceSlug: string, projectId: string, loadType: TLoader, option: IssuePaginationOptions ) => Promise; fetchIssuesWithExistingPagination: ( workspaceSlug: string, projectId: string, loadType: TLoader ) => Promise; fetchNextIssues: ( workspaceSlug: string, projectId: string, groupId?: string, subGroupId?: string ) => Promise; createIssue: (workspaceSlug: string, projectId: string, data: Partial) => Promise; updateIssue: (workspaceSlug: string, projectId: string, issueId: string, data: Partial) => Promise; archiveIssue: (workspaceSlug: string, projectId: string, issueId: string) => Promise; quickAddIssue: (workspaceSlug: string, projectId: string, data: TIssue) => Promise; removeBulkIssues: (workspaceSlug: string, projectId: string, issueIds: string[]) => Promise; archiveBulkIssues: (workspaceSlug: string, projectId: string, issueIds: string[]) => Promise; bulkUpdateProperties: (workspaceSlug: string, projectId: string, data: TBulkOperationsPayload) => Promise; } export class ProjectIssues extends BaseIssuesStore implements IProjectIssues { viewFlags = { enableQuickAdd: true, enableIssueCreation: true, enableInlineEditing: true, }; // filter store issueFilterStore: IProjectIssuesFilter; constructor(_rootStore: IIssueRootStore, issueFilterStore: IProjectIssuesFilter) { super(_rootStore, issueFilterStore); makeObservable(this, { fetchIssues: action, fetchNextIssues: action, fetchIssuesWithExistingPagination: action, quickAddIssue: action, }); // filter store this.issueFilterStore = issueFilterStore; } /** * Fetches the project details * @param workspaceSlug * @param projectId */ fetchParentStats = async (workspaceSlug: string, projectId?: string) => { projectId && this.rootIssueStore.rootStore.projectRoot.project.fetchProjectDetails(workspaceSlug, projectId); }; /** * This method is called to fetch the first issues of pagination * @param workspaceSlug * @param projectId * @param loadType * @param options * @returns */ fetchIssues = async ( workspaceSlug: string, projectId: string, loadType: TLoader = "init-loader", options: IssuePaginationOptions ) => { try { // set loader and clear store runInAction(() => { this.setLoader(loadType); }); this.clear(); // get params from pagination options const params = this.issueFilterStore?.getFilterParams(options, undefined, undefined, undefined); // call the fetch issues API with the params const response = await this.issueService.getIssues(workspaceSlug, projectId, params); // after fetching issues, call the base method to process the response further this.onfetchIssues(response, options, workspaceSlug, projectId); return response; } catch (error) { // set loader to undefined if errored out this.setLoader(undefined); throw error; } }; /** * This method is called subsequent pages of pagination * if groupId/subgroupId is provided, only that specific group's next page is fetched * else all the groups' next page is fetched * @param workspaceSlug * @param projectId * @param groupId * @param subGroupId * @returns */ fetchNextIssues = async (workspaceSlug: string, projectId: string, groupId?: string, subGroupId?: string) => { const cursorObject = this.getPaginationData(groupId, subGroupId); // if there are no pagination options and the next page results do not exist the return if (!this.paginationOptions || (cursorObject && !cursorObject?.nextPageResults)) return; try { // set Loader this.setLoader("pagination", groupId, subGroupId); // get params from stored pagination options const params = this.issueFilterStore?.getFilterParams( this.paginationOptions, cursorObject?.nextCursor, groupId, subGroupId ); // call the fetch issues API with the params for next page in issues const response = await this.issueService.getIssues(workspaceSlug, projectId, params); // after the next page of issues are fetched, call the base method to process the response this.onfetchNexIssues(response, groupId, subGroupId); return response; } catch (error) { // set Loader as undefined if errored out this.setLoader(undefined, groupId, subGroupId); throw error; } }; /** * This Method exists to fetch the first page of the issues with the existing stored pagination * This is useful for refetching when filters, groupBy, orderBy etc changes * @param workspaceSlug * @param projectId * @param loadType * @returns */ fetchIssuesWithExistingPagination = async ( workspaceSlug: string, projectId: string, loadType: TLoader = "mutation" ) => { if (!this.paginationOptions) return; return await this.fetchIssues(workspaceSlug, projectId, loadType, this.paginationOptions); }; archiveBulkIssues = this.bulkArchiveIssues; quickAddIssue = this.issueQuickAdd; }