github/plane
0
0
Fork 1
mirror of https://github.com/makeplane/plane synced 2024-06-14 14:31:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: event tracking using posthog and created application provider to render multiple wrappers (#2757)

Browse Source 
* fix: event tracker changes

* fix: App provider implementation using wrappers

* fix: updating packages

* fix: handling warning

* fix: wrapper fixes and minor optimization changes

* fix: chore app-provider clearnup

* fix: cleanup

* fix: removing jitsu tracking

* fix: minor updates

* fix: adding event to posthog event tracker (#2802)

* dev: posthog event tracker update intitiate

* fix: adding events for posthog integration

* fix: event payload

---------

Co-authored-by: Ramesh Kumar Chandra <31303617+rameshkumarchandra@users.noreply.github.com>
This commit is contained in:
sriram veeraghanta 2023-11-20 13:29:54 +05:30
parent 33be52792f
commit 78fee22fec
114 changed files with 825 additions and 2768 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/ui/package.json
View File

@ -18,10 +18,10 @@
"clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist"
},
"devDependencies": {
"@types/react-color": "^3.0.9",
"@types/node": "^20.5.2",
"@types/react": "18.2.0",
"@types/react-dom": "18.2.0",
"@types/react": "^18.2.37",
"@types/react-color": "^3.0.9",
"@types/react-dom": "^18.2.15",
"classnames": "^2.3.2",
"eslint-config-custom": "*",
"react": "^18.2.0",
@ -30,9 +30,6 @@
"tsup": "^5.10.1",
"typescript": "4.7.4"
},
"publishConfig": {
"access": "public"
},
"dependencies": {
"@blueprintjs/core": "^4.16.3",
"@blueprintjs/popover2": "^1.13.3",

7
turbo.json
View File

@ -1,6 +1,7 @@
{
"$schema": "https://turbo.build/schema.json",
"globalEnv": [
"NODE_ENV",
"NEXT_PUBLIC_API_BASE_URL",
"NEXT_PUBLIC_DEPLOY_URL",
"NEXT_PUBLIC_SENTRY_DSN",
@ -16,12 +17,8 @@
"NEXT_PUBLIC_DEPLOY_WITH_NGINX",
"NEXT_PUBLIC_POSTHOG_KEY",
"NEXT_PUBLIC_POSTHOG_HOST",
"SLACK_OAUTH_URL",
"SLACK_CLIENT_ID",
"SLACK_CLIENT_SECRET",
"JITSU_TRACKER_ACCESS_KEY",
"JITSU_TRACKER_HOST",
"UNSPLASH_ACCESS_KEY"
"JITSU_TRACKER_HOST"
],
"pipeline": {
"build": {

14
web/components/analytics/custom-analytics/sidebar/sidebar.tsx
View File

@ -4,7 +4,6 @@ import { observer } from "mobx-react-lite";
import { mutate } from "swr";
// services
import { AnalyticsService } from "services/analytics.service";
import { TrackEventService } from "services/track_event.service";
// hooks
import useToast from "hooks/use-toast";
import { useMobxStore } from "lib/mobx/store-provider";
@ -29,7 +28,6 @@ type Props = {
};
const analyticsService = new AnalyticsService();
const trackEventService = new TrackEventService();
export const CustomAnalyticsSidebar: React.FC<Props> = observer(
({ analytics, params, fullScreen, isProjectLevel = false }) => {
@ -90,18 +88,6 @@ export const CustomAnalyticsSidebar: React.FC<Props> = observer(
eventPayload.moduleId = moduleDetails.id;
eventPayload.moduleName = moduleDetails.name;
}
trackEventService.trackAnalyticsEvent(
eventPayload,
cycleId
? "CYCLE_ANALYTICS_EXPORT"
: moduleId
? "MODULE_ANALYTICS_EXPORT"
: projectId
? "PROJECT_ANALYTICS_EXPORT"
: "WORKSPACE_ANALYTICS_EXPORT",
user
);
};
const exportAnalytics = () => {

66
web/components/analytics/project-modal/main-content.tsx
View File

@ -1,15 +1,10 @@
import React from "react";
import { useRouter } from "next/router";
import { observer } from "mobx-react-lite";
import { Tab } from "@headlessui/react";
// mobx store
import { useMobxStore } from "lib/mobx/store-provider";
// services
import { TrackEventService } from "services/track_event.service";
// components
import { CustomAnalytics, ScopeAndDemand } from "components/analytics";
// types
import { ICycle, IModule, IProject, IWorkspace } from "types";
import { ICycle, IModule, IProject } from "types";
// constants
import { ANALYTICS_TABS } from "constants/analytics";
@ -20,63 +15,8 @@ type Props = {
projectDetails: IProject | undefined;
};
const trackEventService = new TrackEventService();
export const ProjectAnalyticsModalMainContent: React.FC<Props> = observer((props) => {
const { fullScreen, cycleDetails, moduleDetails, projectDetails } = props;
const router = useRouter();
const { workspaceSlug } = router.query;
const { user: userStore } = useMobxStore();
const user = userStore.currentUser;
const trackAnalyticsEvent = (tab: string) => {
if (!workspaceSlug || !user) return;
const eventPayload: any = {
workspaceSlug: workspaceSlug.toString(),
};
if (projectDetails) {
const workspaceDetails = projectDetails.workspace as IWorkspace;
eventPayload.workspaceId = workspaceDetails.id;
eventPayload.workspaceName = workspaceDetails.name;
eventPayload.projectId = projectDetails.id;
eventPayload.projectIdentifier = projectDetails.identifier;
eventPayload.projectName = projectDetails.name;
}
if (cycleDetails || moduleDetails) {
const details = cycleDetails || moduleDetails;
eventPayload.workspaceId = details?.workspace_detail?.id;
eventPayload.workspaceName = details?.workspace_detail?.name;
eventPayload.projectId = details?.project_detail.id;
eventPayload.projectIdentifier = details?.project_detail.identifier;
eventPayload.projectName = details?.project_detail.name;
}
if (cycleDetails) {
eventPayload.cycleId = cycleDetails.id;
eventPayload.cycleName = cycleDetails.name;
}
if (moduleDetails) {
eventPayload.moduleId = moduleDetails.id;
eventPayload.moduleName = moduleDetails.name;
}
const eventType = tab === "scope_and_demand" ? "SCOPE_AND_DEMAND_ANALYTICS" : "CUSTOM_ANALYTICS";
trackEventService.trackAnalyticsEvent(
eventPayload,
cycleDetails ? `CYCLE_${eventType}` : moduleDetails ? `MODULE_${eventType}` : `PROJECT_${eventType}`,
user
);
};
const { fullScreen, cycleDetails, moduleDetails } = props;
return (
<Tab.Group as={React.Fragment}>
@ -89,7 +29,7 @@ export const ProjectAnalyticsModalMainContent: React.FC<Props> = observer((props
selected ? "bg-custom-background-80" : ""
}`
}
onClick={() => trackAnalyticsEvent(tab.key)}
onClick={() => {}}
>
{tab.title}
</Tab>

4
web/components/command-palette/command-modal.tsx
View File

@ -125,7 +125,7 @@ export const CommandModal: React.FC<Props> = observer((props) => {
const payload = { ...formData };
await issueService
.patchIssue(workspaceSlug as string, projectId as string, issueId as string, payload, user)
.patchIssue(workspaceSlug as string, projectId as string, issueId as string, payload)
.then(() => {
mutate(PROJECT_ISSUES_ACTIVITY(issueId as string));
mutate(ISSUE_DETAILS(issueId as string));
@ -134,7 +134,7 @@ export const CommandModal: React.FC<Props> = observer((props) => {
console.error(e);
});
},
[workspaceSlug, issueId, projectId, user]
[workspaceSlug, issueId, projectId]
);
const handleIssueAssignees = (assignee: string) => {

6
web/components/command-palette/issue/change-issue-assignee.tsx
View File

@ -25,7 +25,7 @@ type Props = {
const issueService = new IssueService();
export const ChangeIssueAssignee: FC<Props> = observer((props) => {
const { setIsPaletteOpen, issue, user } = props;
const { setIsPaletteOpen, issue } = props;
// router
const router = useRouter();
const { workspaceSlug, projectId, issueId } = router.query;
@ -71,7 +71,7 @@ export const ChangeIssueAssignee: FC<Props> = observer((props) => {
const payload = { ...formData };
await issueService
.patchIssue(workspaceSlug as string, projectId as string, issueId as string, payload, user)
.patchIssue(workspaceSlug as string, projectId as string, issueId as string, payload)
.then(() => {
mutate(PROJECT_ISSUES_ACTIVITY(issueId as string));
})
@ -79,7 +79,7 @@ export const ChangeIssueAssignee: FC<Props> = observer((props) => {
console.error(e);
});
},
[workspaceSlug, issueId, projectId, user]
[workspaceSlug, issueId, projectId]
);
const handleIssueAssignees = (assignee: string) => {

9
web/components/command-palette/issue/change-issue-priority.tsx
View File

@ -1,9 +1,6 @@
import React, { Dispatch, SetStateAction, useCallback } from "react";
import { useRouter } from "next/router";
import { mutate } from "swr";
// cmdk
import { Command } from "cmdk";
// services
@ -26,7 +23,7 @@ type Props = {
// services
const issueService = new IssueService();
export const ChangeIssuePriority: React.FC<Props> = ({ setIsPaletteOpen, issue, user }) => {
export const ChangeIssuePriority: React.FC<Props> = ({ setIsPaletteOpen, issue }) => {
const router = useRouter();
const { workspaceSlug, projectId, issueId } = router.query;
@ -49,7 +46,7 @@ export const ChangeIssuePriority: React.FC<Props> = ({ setIsPaletteOpen, issue,
const payload = { ...formData };
await issueService
.patchIssue(workspaceSlug as string, projectId as string, issueId as string, payload, user)
.patchIssue(workspaceSlug as string, projectId as string, issueId as string, payload)
.then(() => {
mutate(PROJECT_ISSUES_ACTIVITY(issueId as string));
})
@ -57,7 +54,7 @@ export const ChangeIssuePriority: React.FC<Props> = ({ setIsPaletteOpen, issue,
console.error(e);
});
},
[workspaceSlug, issueId, projectId, user]
[workspaceSlug, issueId, projectId]
);
const handleIssueState = (priority: TIssuePriorities) => {

6
web/components/command-palette/issue/change-issue-state.tsx
View File

@ -25,7 +25,7 @@ type Props = {
const issueService = new IssueService();
const stateService = new ProjectStateService();
export const ChangeIssueState: React.FC<Props> = ({ setIsPaletteOpen, issue, user }) => {
export const ChangeIssueState: React.FC<Props> = ({ setIsPaletteOpen, issue }) => {
const router = useRouter();
const { workspaceSlug, projectId, issueId } = router.query;
@ -52,7 +52,7 @@ export const ChangeIssueState: React.FC<Props> = ({ setIsPaletteOpen, issue, use
const payload = { ...formData };
await issueService
.patchIssue(workspaceSlug as string, projectId as string, issueId as string, payload, user)
.patchIssue(workspaceSlug as string, projectId as string, issueId as string, payload)
.then(() => {
mutateStates();
mutate(PROJECT_ISSUES_ACTIVITY(issueId as string));
@ -61,7 +61,7 @@ export const ChangeIssueState: React.FC<Props> = ({ setIsPaletteOpen, issue, use
console.error(e);
});
},
[workspaceSlug, issueId, projectId, mutateStates, user]
[workspaceSlug, issueId, projectId, mutateStates]
);
const handleIssueState = (stateId: string) => {

13
web/components/core/modals/bulk-delete-issues-modal.tsx
View File

@ -31,7 +31,7 @@ type Props = {
const issueService = new IssueService();
export const BulkDeleteIssuesModal: React.FC<Props> = (props) => {
const { isOpen, onClose, user } = props;
const { isOpen, onClose } = props;
// router
const router = useRouter();
const { workspaceSlug, projectId } = router.query;
@ -78,14 +78,9 @@ export const BulkDeleteIssuesModal: React.FC<Props> = (props) => {
if (!Array.isArray(data.delete_issue_ids)) data.delete_issue_ids = [data.delete_issue_ids];
await issueService
.bulkDeleteIssues(
workspaceSlug as string,
projectId as string,
{
issue_ids: data.delete_issue_ids,
},
user
)
.bulkDeleteIssues(workspaceSlug as string, projectId as string, {
issue_ids: data.delete_issue_ids,
})
.then(() => {
setToastAlert({
type: "success",

35
web/components/core/modals/gpt-assistant-modal.tsx
View File

@ -4,10 +4,8 @@ import { useRouter } from "next/router";
import { Controller, useForm } from "react-hook-form";
// services
import { AIService } from "services/ai.service";
import { TrackEventService } from "services/track_event.service";
// hooks
import useToast from "hooks/use-toast";
import useUserAuth from "hooks/use-user-auth";
// ui
import { Button, Input } from "@plane/ui";
// components
@ -34,27 +32,15 @@ type FormData = {
// services
const aiService = new AIService();
const trackEventService = new TrackEventService();
export const GptAssistantModal: React.FC<Props> = ({
isOpen,
handleClose,
inset = "top-0 left-0",
content,
htmlContent,
onResponse,
projectId,
block,
issue,
}) => {
export const GptAssistantModal: React.FC<Props> = (props) => {
const { isOpen, handleClose, inset = "top-0 left-0", content, htmlContent, onResponse, projectId } = props;
const [response, setResponse] = useState("");
const [invalidResponse, setInvalidResponse] = useState(false);
const router = useRouter();
const { workspaceSlug } = router.query;
const { user } = useUserAuth();
const editorRef = useRef<any>(null);
const { setToastAlert } = useToast();
@ -92,15 +78,10 @@ export const GptAssistantModal: React.FC<Props> = ({
}
await aiService
.createGptTask(
workspaceSlug as string,
projectId as string,
{
prompt: content && content !== "" ? content : htmlContent ?? "",
task: formData.task,
},
user
)
.createGptTask(workspaceSlug as string, projectId as string, {
prompt: content && content !== "" ? content : htmlContent ?? "",
task: formData.task,
})
.then((res) => {
setResponse(res.response_html);
setFocus("task");
@ -193,10 +174,6 @@ export const GptAssistantModal: React.FC<Props> = ({
onClick={() => {
onResponse(response);
onClose();
if (block && user)
trackEventService.trackUseGPTResponseEvent(block, "USE_GPT_RESPONSE_IN_PAGE_BLOCK", user);
else if (issue && user)
trackEventService.trackUseGPTResponseEvent(issue, "USE_GPT_RESPONSE_IN_ISSUE", user);
}}
>
Use this response

4
web/components/cycles/gantt-chart/cycles-list-layout.tsx
View File

@ -11,7 +11,7 @@ import useUser from "hooks/use-user";
import useProjectDetails from "hooks/use-project-details";
// components
import { GanttChartRoot, IBlockUpdateData, CycleGanttSidebar } from "components/gantt-chart";
import { CycleGanttBlock, CycleGanttSidebarBlock } from "components/cycles";
import { CycleGanttBlock } from "components/cycles";
// types
import { ICycle } from "types";
@ -60,7 +60,7 @@ export const CyclesListGanttChartView: FC<Props> = ({ cycles, mutateCycles }) =>
if (newPayload.sort_order && payload.sort_order) newPayload.sort_order = payload.sort_order.newSortOrder;
cycleService.patchCycle(workspaceSlug.toString(), cycle.project, cycle.id, newPayload, user);
cycleService.patchCycle(workspaceSlug.toString(), cycle.project, cycle.id, newPayload);
};
const blockFormat = (blocks: ICycle[]) =>

5
web/components/cycles/sidebar.tsx
View File

@ -52,9 +52,8 @@ export const CycleDetailsSidebar: React.FC<Props> = observer((props) => {
const router = useRouter();
const { workspaceSlug, projectId, peekCycle } = router.query;
const { user: userStore, cycle: cycleDetailsStore } = useMobxStore();
const { cycle: cycleDetailsStore } = useMobxStore();
const user = userStore.currentUser ?? undefined;
const cycleDetails = cycleDetailsStore.cycle_details[cycleId] ?? undefined;
const { setToastAlert } = useToast();
@ -74,7 +73,7 @@ export const CycleDetailsSidebar: React.FC<Props> = observer((props) => {
mutate<ICycle>(CYCLE_DETAILS(cycleId as string), (prevData) => ({ ...(prevData as ICycle), ...data }), false);
cycleService
.patchCycle(workspaceSlug as string, projectId as string, cycleId as string, data, user)
.patchCycle(workspaceSlug as string, projectId as string, cycleId as string, data)
.then(() => mutate(CYCLE_DETAILS(cycleId as string)))
.catch((e) => console.log(e));
};

2
web/components/exporter/export-modal.tsx
View File

@ -63,7 +63,7 @@ export const Exporter: React.FC<Props> = observer((props) => {
multiple: multiple,
};
await projectExportService
.csvExport(workspaceSlug as string, payload, user)
.csvExport(workspaceSlug as string, payload)
.then(() => {
mutateServices();
router.push(`/${workspaceSlug}/settings/exports`);

6
web/components/inbox/issue-activity.tsx
View File

@ -41,7 +41,7 @@ export const InboxIssueActivity: React.FC<Props> = observer(({ issueDetails }) =
if (!workspaceSlug || !projectId || !inboxIssueId || !user) return;
await issueCommentService
.patchIssueComment(workspaceSlug as string, projectId as string, inboxIssueId as string, commentId, data, user)
.patchIssueComment(workspaceSlug as string, projectId as string, inboxIssueId as string, commentId, data)
.then(() => mutateIssueActivity());
};
@ -51,7 +51,7 @@ export const InboxIssueActivity: React.FC<Props> = observer(({ issueDetails }) =
mutateIssueActivity((prevData: any) => prevData?.filter((p: any) => p.id !== commentId), false);
await issueCommentService
.deleteIssueComment(workspaceSlug as string, projectId as string, inboxIssueId as string, commentId, user)
.deleteIssueComment(workspaceSlug as string, projectId as string, inboxIssueId as string, commentId)
.then(() => mutateIssueActivity());
};
@ -59,7 +59,7 @@ export const InboxIssueActivity: React.FC<Props> = observer(({ issueDetails }) =
if (!workspaceSlug || !issueDetails || !user) return;
await issueCommentService
.createIssueComment(workspaceSlug.toString(), issueDetails.project, issueDetails.id, formData, user)
.createIssueComment(workspaceSlug.toString(), issueDetails.project, issueDetails.id, formData)
.then(() => {
mutate(PROJECT_ISSUES_ACTIVITY(issueDetails.id));
})

4
web/components/integration/delete-import-modal.tsx
View File

@ -29,7 +29,7 @@ type Props = {
// services
const integrationService = new IntegrationService();
export const DeleteImportModal: React.FC<Props> = ({ isOpen, handleClose, data, user }) => {
export const DeleteImportModal: React.FC<Props> = ({ isOpen, handleClose, data }) => {
const [deleteLoading, setDeleteLoading] = useState(false);
const [confirmDeleteImport, setConfirmDeleteImport] = useState(false);
@ -50,7 +50,7 @@ export const DeleteImportModal: React.FC<Props> = ({ isOpen, handleClose, data,
);
integrationService
.deleteImporterService(workspaceSlug as string, data.service, data.id, user)
.deleteImporterService(workspaceSlug as string, data.service, data.id)
.catch(() =>
setToastAlert({
type: "error",

4
web/components/integration/github/root.tsx
View File

@ -87,7 +87,7 @@ type Props = {
const integrationService = new IntegrationService();
const githubIntegrationService = new GithubIntegrationService();
export const GithubImporterRoot: React.FC<Props> = ({ user }) => {
export const GithubImporterRoot: React.FC<Props> = () => {
const [currentStep, setCurrentStep] = useState<IIntegrationData>({
state: "import-configure",
});
@ -147,7 +147,7 @@ export const GithubImporterRoot: React.FC<Props> = ({ user }) => {
};
await githubIntegrationService
.createGithubServiceImport(workspaceSlug as string, payload, user)
.createGithubServiceImport(workspaceSlug as string, payload)
.then(() => {
router.push(`/${workspaceSlug}/settings/imports`);
mutate(IMPORTER_SERVICES_LIST(workspaceSlug as string));

4
web/components/integration/jira/root.tsx
View File

@ -60,7 +60,7 @@ type Props = {
// services
const jiraImporterService = new JiraImporterService();
export const JiraImporterRoot: React.FC<Props> = ({ user }) => {
export const JiraImporterRoot: React.FC<Props> = () => {
const [currentStep, setCurrentStep] = useState<IJiraIntegrationData>({
state: "import-configure",
});
@ -81,7 +81,7 @@ export const JiraImporterRoot: React.FC<Props> = ({ user }) => {
if (!workspaceSlug) return;
await jiraImporterService
.createJiraImporter(workspaceSlug.toString(), data, user)
.createJiraImporter(workspaceSlug.toString(), data)
.then(() => {
mutate(IMPORTER_SERVICES_LIST(workspaceSlug.toString()));
router.push(`/${workspaceSlug}/settings/imports`);

13
web/components/issues/draft-issue-form.tsx
View File

@ -231,15 +231,10 @@ export const DraftIssueForm: FC<IssueFormProps> = (props) => {
setIAmFeelingLucky(true);
aiService
.createGptTask(
workspaceSlug as string,
projectId as string,
{
prompt: issueName,
task: "Generate a proper description for this issue.",
},
user
)
.createGptTask(workspaceSlug as string, projectId as string, {
prompt: issueName,
task: "Generate a proper description for this issue.",
})
.then((res) => {
if (res.response === "")
setToastAlert({

26
web/components/issues/draft-issue-modal.tsx
View File

@ -226,36 +226,24 @@ export const CreateUpdateDraftIssueModal: React.FC<IssuesModalProps> = observer(
const addIssueToCycle = async (issueId: string, cycleId: string) => {
if (!workspaceSlug || !activeProject || !user) return;
await issueService.addIssueToCycle(
workspaceSlug as string,
activeProject ?? "",
cycleId,
{
issues: [issueId],
},
user
);
await issueService.addIssueToCycle(workspaceSlug as string, activeProject ?? "", cycleId, {
issues: [issueId],
});
};
const addIssueToModule = async (issueId: string, moduleId: string) => {
if (!workspaceSlug || !activeProject || !user) return;
await moduleService.addIssuesToModule(
workspaceSlug as string,
activeProject ?? "",
moduleId as string,
{
issues: [issueId],
},
user
);
await moduleService.addIssuesToModule(workspaceSlug as string, activeProject ?? "", moduleId as string, {
issues: [issueId],
});
};
const createIssue = async (payload: Partial<IIssue>) => {
if (!workspaceSlug || !activeProject || !user) return;
await issueService
.createIssue(workspaceSlug.toString(), activeProject, payload, user)
.createIssue(workspaceSlug.toString(), activeProject, payload)
.then(async (res) => {
if (payload.cycle && payload.cycle !== "") await addIssueToCycle(res.id, payload.cycle);
if (payload.module && payload.module !== "") await addIssueToModule(res.id, payload.module);

13
web/components/issues/form.tsx
View File

@ -188,15 +188,10 @@ export const IssueForm: FC<IssueFormProps> = observer((props) => {
setIAmFeelingLucky(true);
aiService
.createGptTask(
workspaceSlug as string,
projectId as string,
{
prompt: issueName,
task: "Generate a proper description for this issue.",
},
user
)
.createGptTask(workspaceSlug as string, projectId as string, {
prompt: issueName,
task: "Generate a proper description for this issue.",
})
.then((res) => {
if (res.response === "")
setToastAlert({

8
web/components/issues/issue-layouts/kanban/headers/group-by-card.tsx
View File

@ -1,6 +1,5 @@
import React, { FC } from "react";
import { useRouter } from "next/router";
// services
import { ModuleService } from "services/module.service";
import { IssueService } from "services/issue";
@ -11,7 +10,6 @@ import { ExistingIssuesListModal } from "components/core";
// lucide icons
import { Minimize2, Maximize2, Circle, Plus } from "lucide-react";
// hooks
import useUser from "hooks/use-user";
import useToast from "hooks/use-toast";
// mobx
import { observer } from "mobx-react-lite";
@ -43,8 +41,6 @@ export const HeaderGroupByCard: FC<IHeaderGroupByCard> = observer((props) => {
const router = useRouter();
const { workspaceSlug, projectId, moduleId, cycleId } = router.query;
const { user } = useUser();
const { setToastAlert } = useToast();
const renderExistingIssueModal = moduleId || cycleId;
@ -58,7 +54,7 @@ export const HeaderGroupByCard: FC<IHeaderGroupByCard> = observer((props) => {
};
await moduleService
.addIssuesToModule(workspaceSlug as string, projectId as string, moduleId as string, payload, user)
.addIssuesToModule(workspaceSlug as string, projectId as string, moduleId as string, payload)
.catch(() =>
setToastAlert({
type: "error",
@ -76,7 +72,7 @@ export const HeaderGroupByCard: FC<IHeaderGroupByCard> = observer((props) => {
};
await issueService
.addIssueToCycle(workspaceSlug as string, projectId as string, cycleId as string, payload, user)
.addIssueToCycle(workspaceSlug as string, projectId as string, cycleId as string, payload)
.catch(() => {
setToastAlert({
type: "error",

8
web/components/issues/issue-layouts/list/headers/group-by-card.tsx
View File

@ -1,6 +1,5 @@
import React from "react";
import { useRouter } from "next/router";
// services
import { ModuleService } from "services/module.service";
import { IssueService } from "services/issue";
@ -11,7 +10,6 @@ import { CreateUpdateIssueModal } from "components/issues/modal";
import { ExistingIssuesListModal } from "components/core";
import { CustomMenu } from "@plane/ui";
// hooks
import useUser from "hooks/use-user";
import useToast from "hooks/use-toast";
// mobx
import { observer } from "mobx-react-lite";
@ -34,8 +32,6 @@ export const HeaderGroupByCard = observer(({ icon, title, count, issuePayload }:
const [isOpen, setIsOpen] = React.useState(false);
const [openExistingIssueListModal, setOpenExistingIssueListModal] = React.useState(false);
const { user } = useUser();
const { setToastAlert } = useToast();
const verticalAlignPosition = false;
@ -51,7 +47,7 @@ export const HeaderGroupByCard = observer(({ icon, title, count, issuePayload }:
};
await moduleService
.addIssuesToModule(workspaceSlug as string, projectId as string, moduleId as string, payload, user)
.addIssuesToModule(workspaceSlug as string, projectId as string, moduleId as string, payload)
.catch(() =>
setToastAlert({
type: "error",
@ -69,7 +65,7 @@ export const HeaderGroupByCard = observer(({ icon, title, count, issuePayload }:
};
await issueService
.addIssueToCycle(workspaceSlug as string, projectId as string, cycleId as string, payload, user)
.addIssueToCycle(workspaceSlug as string, projectId as string, cycleId as string, payload)
.catch(() => {
setToastAlert({
type: "error",

6
web/components/issues/main-content.tsx
View File

@ -69,7 +69,7 @@ export const IssueMainContent: React.FC<Props> = observer((props) => {
if (!workspaceSlug || !projectId || !issueId) return;
await issueCommentService
.patchIssueComment(workspaceSlug as string, projectId as string, issueId as string, commentId, data, user)
.patchIssueComment(workspaceSlug as string, projectId as string, issueId as string, commentId, data)
.then(() => mutateIssueActivity());
};
@ -79,7 +79,7 @@ export const IssueMainContent: React.FC<Props> = observer((props) => {
mutateIssueActivity((prevData: any) => prevData?.filter((p: any) => p.id !== commentId), false);
await issueCommentService
.deleteIssueComment(workspaceSlug as string, projectId as string, issueId as string, commentId, user)
.deleteIssueComment(workspaceSlug as string, projectId as string, issueId as string, commentId)
.then(() => mutateIssueActivity());
};
@ -87,7 +87,7 @@ export const IssueMainContent: React.FC<Props> = observer((props) => {
if (!workspaceSlug || !issueDetails || !user) return;
await issueCommentService
.createIssueComment(workspaceSlug.toString(), issueDetails.project, issueDetails.id, formData, user)
.createIssueComment(workspaceSlug.toString(), issueDetails.project, issueDetails.id, formData)
.then(() => {
mutate(PROJECT_ISSUES_ACTIVITY(issueDetails.id));
})

8
web/components/issues/peek-overview/issue-activity.tsx
View File

@ -2,7 +2,6 @@ import useSWR, { mutate } from "swr";
// services
import { IssueCommentService, IssueService } from "services/issue";
// hooks
import useUser from "hooks/use-user";
import useToast from "hooks/use-toast";
import useProjectDetails from "hooks/use-project-details";
// components
@ -26,7 +25,6 @@ export const PeekOverviewIssueActivity: React.FC<Props> = (props) => {
// toast
const { setToastAlert } = useToast();
const { user } = useUser();
const { projectDetails } = useProjectDetails();
const { data: issueActivity, mutate: mutateIssueActivity } = useSWR(
@ -40,7 +38,7 @@ export const PeekOverviewIssueActivity: React.FC<Props> = (props) => {
if (!workspaceSlug || !issue) return;
await issueCommentService
.patchIssueComment(workspaceSlug as string, issue.project, issue.id, commentId, data, user)
.patchIssueComment(workspaceSlug as string, issue.project, issue.id, commentId, data)
.then(() => mutateIssueActivity());
};
@ -50,7 +48,7 @@ export const PeekOverviewIssueActivity: React.FC<Props> = (props) => {
mutateIssueActivity((prevData: any) => prevData?.filter((p: any) => p.id !== commentId), false);
await issueCommentService
.deleteIssueComment(workspaceSlug as string, issue.project, issue.id, commentId, user)
.deleteIssueComment(workspaceSlug as string, issue.project, issue.id, commentId)
.then(() => mutateIssueActivity());
};
@ -58,7 +56,7 @@ export const PeekOverviewIssueActivity: React.FC<Props> = (props) => {
if (!workspaceSlug || !issue) return;
await issueCommentService
.createIssueComment(workspaceSlug.toString(), issue.project, issue.id, formData, user)
.createIssueComment(workspaceSlug.toString(), issue.project, issue.id, formData)
.then(() => {
mutate(PROJECT_ISSUES_ACTIVITY(issue.id));
})

5
web/components/issues/sidebar-select/blocked.tsx
View File

@ -68,7 +68,7 @@ export const SidebarBlockedSelect: React.FC<Props> = ({ issueId, submitChanges,
if (!user) return;
issueService
.createIssueRelation(workspaceSlug as string, projectId as string, issueId as string, user, {
.createIssueRelation(workspaceSlug as string, projectId as string, issueId as string, {
related_list: [
...selectedIssues.map((issue) => ({
issue: issueId as string,
@ -134,8 +134,7 @@ export const SidebarBlockedSelect: React.FC<Props> = ({ issueId, submitChanges,
workspaceSlug as string,
projectId as string,
issueId as string,
relation.id,
user
relation.id
);
}}
>

5
web/components/issues/sidebar-select/blocker.tsx
View File

@ -69,7 +69,7 @@ export const SidebarBlockerSelect: React.FC<Props> = ({ issueId, submitChanges,
if (!user) return;
issueService
.createIssueRelation(workspaceSlug as string, projectId as string, issueId as string, user, {
.createIssueRelation(workspaceSlug as string, projectId as string, issueId as string, {
related_list: [
...selectedIssues.map((issue) => ({
issue: issue.blocker_issue_detail.id,
@ -144,8 +144,7 @@ export const SidebarBlockerSelect: React.FC<Props> = ({ issueId, submitChanges,
workspaceSlug as string,
projectId as string,
relation.issue_detail?.id as string,
relation.id,
user
relation.id
);
}}
>

5
web/components/issues/sidebar-select/duplicate.tsx
View File

@ -67,7 +67,7 @@ export const SidebarDuplicateSelect: React.FC<Props> = (props) => {
if (!user) return;
issueService
.createIssueRelation(workspaceSlug as string, projectId as string, issueId as string, user, {
.createIssueRelation(workspaceSlug as string, projectId as string, issueId as string, {
related_list: [
...selectedIssues.map((issue) => ({
issue: issueId as string,
@ -137,8 +137,7 @@ export const SidebarDuplicateSelect: React.FC<Props> = (props) => {
workspaceSlug as string,
projectId as string,
issueId as string,
relation.id,
user
relation.id
)
.then(() => {
submitChanges();

6
web/components/issues/sidebar-select/label.tsx
View File

@ -7,8 +7,6 @@ import { TwitterPicker } from "react-color";
import { Popover, Transition } from "@headlessui/react";
// services
import { IssueLabelService } from "services/issue";
// hooks
import useUser from "hooks/use-user";
// ui
import { Input } from "@plane/ui";
import { IssueLabelSelect } from "../select";
@ -61,8 +59,6 @@ export const SidebarLabelSelect: React.FC<Props> = ({
defaultValues,
});
const { user } = useUser();
const { data: issueLabels, mutate: issueLabelMutate } = useSWR<IIssueLabel[]>(
workspaceSlug && projectId ? PROJECT_ISSUE_LABELS(projectId as string) : null,
workspaceSlug && projectId
@ -74,7 +70,7 @@ export const SidebarLabelSelect: React.FC<Props> = ({
if (!workspaceSlug || !projectId || isSubmitting) return;
await issueLabelService
.createIssueLabel(workspaceSlug as string, projectId as string, formData, user)
.createIssueLabel(workspaceSlug as string, projectId as string, formData)
.then((res) => {
reset(defaultValues);

5
web/components/issues/sidebar-select/relates-to.tsx
View File

@ -68,7 +68,7 @@ export const SidebarRelatesSelect: React.FC<Props> = (props) => {
if (!user) return;
issueService
.createIssueRelation(workspaceSlug as string, projectId as string, issueId as string, user, {
.createIssueRelation(workspaceSlug as string, projectId as string, issueId as string, {
related_list: [
...selectedIssues.map((issue) => ({
issue: issueId as string,
@ -138,8 +138,7 @@ export const SidebarRelatesSelect: React.FC<Props> = (props) => {
workspaceSlug as string,
projectId as string,
issueId as string,
relation.id,
user
relation.id
)
.then(() => {
submitChanges();

24
web/components/issues/sidebar.tsx
View File

@ -101,15 +101,9 @@ export const IssueDetailsSidebar: React.FC<Props> = observer((props) => {
if (!workspaceSlug || !projectId || !issueDetail || !user) return;
issueService
.addIssueToCycle(
workspaceSlug as string,
projectId as string,
cycleId,
{
issues: [issueDetail.id],
},
user
)
.addIssueToCycle(workspaceSlug as string, projectId as string, cycleId, {
issues: [issueDetail.id],
})
.then(() => {
mutate(ISSUE_DETAILS(issueId as string));
});
@ -122,15 +116,9 @@ export const IssueDetailsSidebar: React.FC<Props> = observer((props) => {
if (!workspaceSlug || !projectId || !issueDetail || !user) return;
moduleService
.addIssuesToModule(
workspaceSlug as string,
projectId as string,
moduleId,
{
issues: [issueDetail.id],
},
user
)
.addIssuesToModule(workspaceSlug as string, projectId as string, moduleId, {
issues: [issueDetail.id],
})
.then(() => {
mutate(ISSUE_DETAILS(issueId as string));
});

41
web/components/issues/sub-issues/properties.tsx
View File

@ -5,7 +5,6 @@ import { mutate } from "swr";
import { useMobxStore } from "lib/mobx/store-provider";
// services
import { IssueService } from "services/issue";
import { TrackEventService } from "services/track_event.service";
// components
import { ViewDueDateSelect, ViewStartDateSelect } from "components/issues";
import { PrioritySelect } from "components/project";
@ -25,7 +24,6 @@ export interface IIssueProperty {
// services
const issueService = new IssueService();
const trackEventService = new TrackEventService();
export const IssueProperty: React.FC<IIssueProperty> = observer((props) => {
const { workspaceSlug, parentIssue, issue, user, editable } = props;
@ -36,18 +34,6 @@ export const IssueProperty: React.FC<IIssueProperty> = observer((props) => {
const handlePriorityChange = (data: any) => {
partialUpdateIssue({ priority: data });
trackEventService.trackIssuePartialPropertyUpdateEvent(
{
workspaceSlug,
workspaceId: issue.workspace,
projectId: issue.project_detail.id,
projectIdentifier: issue.project_detail.identifier,
projectName: issue.project_detail.name,
issueId: issue.id,
},
"ISSUE_PROPERTY_UPDATE_PRIORITY",
user as IUser
);
};
const handleStateChange = (data: IState) => {
@ -55,35 +41,10 @@ export const IssueProperty: React.FC<IIssueProperty> = observer((props) => {
state: data.id,
state_detail: data,
});
trackEventService.trackIssuePartialPropertyUpdateEvent(
{
workspaceSlug,
workspaceId: issue.workspace,
projectId: issue.project_detail.id,
projectIdentifier: issue.project_detail.identifier,
projectName: issue.project_detail.name,
issueId: issue.id,
},
"ISSUE_PROPERTY_UPDATE_STATE",
user as IUser
);
};
const handleAssigneeChange = (data: string[]) => {
partialUpdateIssue({ assignees: data });
trackEventService.trackIssuePartialPropertyUpdateEvent(
{
workspaceSlug,
workspaceId: issue.workspace,
projectId: issue.project_detail.id,
projectIdentifier: issue.project_detail.identifier,
projectName: issue.project_detail.name,
issueId: issue.id,
},
"ISSUE_PROPERTY_UPDATE_ASSIGNEE",
user as IUser
);
};
const partialUpdateIssue = async (data: Partial<IIssue>) => {
@ -100,7 +61,7 @@ export const IssueProperty: React.FC<IIssueProperty> = observer((props) => {
false
);
const issueResponse = await issueService.patchIssue(workspaceSlug as string, issue.project, issue.id, data, user);
const issueResponse = await issueService.patchIssue(workspaceSlug as string, issue.project, issue.id, data);
mutate(
SUB_ISSUES(parentIssue.id),

2
web/components/issues/sub-issues/root.tsx
View File

@ -126,7 +126,7 @@ export const SubIssuesRoot: React.FC<ISubIssuesRoot> = observer((props) => {
const removeIssueFromSubIssues = async (parentIssueId: string, issue: IIssue) => {
if (!workspaceSlug || !projectId || !parentIssue || !issue?.id) return;
issueService
.patchIssue(workspaceSlug.toString(), projectId.toString(), issue.id, { parent: null }, user)
.patchIssue(workspaceSlug.toString(), projectId.toString(), issue.id, { parent: null })
.then(async () => {
if (parentIssueId) await mutate(SUB_ISSUES(parentIssueId));
handleIssuesLoader({ key: "delete", issueId: issue?.id });

3
web/components/modules/sidebar.tsx
View File

@ -57,7 +57,6 @@ export const ModuleDetailsSidebar: React.FC<Props> = observer((props) => {
const { module: moduleStore, user: userStore } = useMobxStore();
const user = userStore.currentUser ?? undefined;
const userRole = userStore.currentProjectRole;
const moduleDetails = moduleStore.moduleDetails[moduleId] ?? undefined;
@ -80,7 +79,7 @@ export const ModuleDetailsSidebar: React.FC<Props> = observer((props) => {
);
moduleService
.patchModule(workspaceSlug as string, projectId as string, moduleId as string, data, user)
.patchModule(workspaceSlug as string, projectId as string, moduleId as string, data)
.then(() => mutate(MODULE_DETAILS(moduleId as string)))
.catch((e) => console.log(e));
};

4
web/components/onboarding/invite-members.tsx
View File

@ -164,7 +164,7 @@ const InviteMemberForm: React.FC<InviteMemberFormProps> = (props) => {
};
export const InviteMembers: React.FC<Props> = (props) => {
const { finishOnboarding, stepChange, user, workspace } = props;
const { finishOnboarding, stepChange, workspace } = props;
const { setToastAlert } = useToast();
@ -195,7 +195,7 @@ export const InviteMembers: React.FC<Props> = (props) => {
const payload = { ...formData };
await workspaceService
.inviteWorkspace(workspace.slug, payload, user)
.inviteWorkspace(workspace.slug, payload)
.then(async () => {
setToastAlert({
type: "success",

12
web/components/onboarding/join-workspaces.tsx
View File

@ -18,6 +18,7 @@ import { IWorkspaceMemberInvitation, TOnboardingSteps } from "types";
import { USER_WORKSPACES, USER_WORKSPACE_INVITATIONS } from "constants/fetch-keys";
// constants
import { ROLE } from "constants/workspace";
import { trackEvent } from "helpers/event-tracker.helper";
type Props = {
finishOnboarding: () => Promise<void>;
@ -61,7 +62,11 @@ export const JoinWorkspaces: React.FC<Props> = ({ finishOnboarding, stepChange,
await workspaceService
.joinWorkspaces({ invitations: invitationsRespond })
.then(async () => {
.then(async (res) => {
trackEvent(
'WORKSPACE_USER_INVITE_ACCEPT',
res
)
await mutateInvitations();
await mutate(USER_WORKSPACES);
await updateLastWorkspace();
@ -83,9 +88,8 @@ export const JoinWorkspaces: React.FC<Props> = ({ finishOnboarding, stepChange,
return (
<div
key={invitation.id}
className={`flex cursor-pointer items-center gap-2 border py-5 px-3.5 rounded ${
isSelected ? "border-custom-primary-100" : "border-custom-border-200 hover:bg-custom-background-80"
}`}
className={`flex cursor-pointer items-center gap-2 border py-5 px-3.5 rounded ${isSelected ? "border-custom-primary-100" : "border-custom-border-200 hover:bg-custom-background-80"
}`}
onClick={() => handleInvitation(invitation, isSelected ? "withdraw" : "accepted")}
>
<div className="flex-shrink-0">

14
web/components/pages/create-block.tsx
View File

@ -24,7 +24,7 @@ type Props = {
const pageService = new PageService();
export const CreateBlock: FC<Props> = ({ user }) => {
export const CreateBlock: FC<Props> = () => {
// const [blockTitle, setBlockTitle] = useState("");
// router
const router = useRouter();
@ -46,15 +46,9 @@ export const CreateBlock: FC<Props> = ({ user }) => {
if (!workspaceSlug || !projectId || !pageId) return;
await pageService
.createPageBlock(
workspaceSlug as string,
projectId as string,
pageId as string,
{
name: watch("name"),
},
user
)
.createPageBlock(workspaceSlug as string, projectId as string, pageId as string, {
name: watch("name"),
})
.then((res) => {
mutate<IPageBlock[]>(
PAGE_BLOCKS_LIST(pageId as string),

75
web/components/pages/create-update-block-inline.tsx
View File

@ -40,14 +40,7 @@ const pagesService = new PageService();
const issueService = new IssueService();
const fileService = new FileService();
export const CreateUpdateBlockInline: FC<Props> = ({
handleClose,
data,
handleAiAssistance,
setIsSyncing,
focus,
user,
}) => {
export const CreateUpdateBlockInline: FC<Props> = ({ handleClose, data, handleAiAssistance, setIsSyncing, focus }) => {
const [iAmFeelingLucky, setIAmFeelingLucky] = useState(false);
const [gptAssistantModal, setGptAssistantModal] = useState(false);
@ -83,17 +76,11 @@ export const CreateUpdateBlockInline: FC<Props> = ({
if (!workspaceSlug || !projectId || !pageId) return;
await pagesService
.createPageBlock(
workspaceSlug as string,
projectId as string,
pageId as string,
{
name: formData.name,
description: formData.description ?? "",
description_html: formData.description_html ?? "<p></p>",
},
user
)
.createPageBlock(workspaceSlug as string, projectId as string, pageId as string, {
name: formData.name,
description: formData.description ?? "",
description_html: formData.description_html ?? "<p></p>",
})
.then((res) => {
mutate<IPageBlock[]>(
PAGE_BLOCKS_LIST(pageId as string),
@ -111,7 +98,7 @@ export const CreateUpdateBlockInline: FC<Props> = ({
})
.finally(() => onClose());
},
[workspaceSlug, projectId, pageId, onClose, setToastAlert, user]
[workspaceSlug, projectId, pageId, onClose, setToastAlert]
);
const updatePageBlock = useCallback(
@ -132,41 +119,28 @@ export const CreateUpdateBlockInline: FC<Props> = ({
);
await pagesService
.patchPageBlock(
workspaceSlug as string,
projectId as string,
pageId as string,
data.id,
{
name: formData.name,
description: formData.description,
description_html: formData.description_html,
},
user
)
.patchPageBlock(workspaceSlug as string, projectId as string, pageId as string, data.id, {
name: formData.name,
description: formData.description,
description_html: formData.description_html,
})
.then((res) => {
mutate(PAGE_BLOCKS_LIST(pageId as string));
editorRef.current?.setEditorValue(res.description_html);
if (data.issue && data.sync)
issueService
.patchIssue(
workspaceSlug as string,
projectId as string,
data.issue,
{
name: res.name,
description: res.description,
description_html: res.description_html,
},
user
)
.patchIssue(workspaceSlug as string, projectId as string, data.issue, {
name: res.name,
description: res.description,
description_html: res.description_html,
})
.finally(() => {
if (setIsSyncing) setIsSyncing(false);
});
})
.finally(() => onClose());
},
[workspaceSlug, projectId, pageId, data, onClose, setIsSyncing, user]
[workspaceSlug, projectId, pageId, data, onClose, setIsSyncing]
);
const handleAutoGenerateDescription = async () => {
@ -175,15 +149,10 @@ export const CreateUpdateBlockInline: FC<Props> = ({
setIAmFeelingLucky(true);
aiService
.createGptTask(
workspaceSlug as string,
projectId as string,
{
prompt: watch("name"),
task: "Generate a proper description for this issue.",
},
user
)
.createGptTask(workspaceSlug as string, projectId as string, {
prompt: watch("name"),
task: "Generate a proper description for this issue.",
})
.then((res) => {
if (res.response === "")
setToastAlert({

39
web/components/pages/create-update-page-modal.tsx
View File

@ -1,10 +1,6 @@
import React from "react";
import { useRouter } from "next/router";
import { mutate } from "swr";
// headless ui
import { Dialog, Transition } from "@headlessui/react";
// services
import { PageService } from "services/page.service";
@ -16,6 +12,7 @@ import { PageForm } from "./page-form";
import { IUser, IPage } from "types";
// fetch-keys
import { ALL_PAGES_LIST, FAVORITE_PAGES_LIST, MY_PAGES_LIST, RECENT_PAGES_LIST } from "constants/fetch-keys";
import { trackEvent } from "helpers/event-tracker.helper";
type Props = {
isOpen: boolean;
@ -30,7 +27,7 @@ type Props = {
const pageService = new PageService();
export const CreateUpdatePageModal: React.FC<Props> = (props) => {
const { isOpen, handleClose, data, user, workspaceSlug, projectId } = props;
const { isOpen, handleClose, data, workspaceSlug, projectId } = props;
// router
const router = useRouter();
@ -42,7 +39,7 @@ export const CreateUpdatePageModal: React.FC<Props> = (props) => {
const createPage = async (payload: IPage) => {
await pageService
.createPage(workspaceSlug as string, projectId as string, payload, user)
.createPage(workspaceSlug as string, projectId as string, payload)
.then((res) => {
mutate(RECENT_PAGES_LIST(projectId as string));
mutate<IPage[]>(
@ -64,14 +61,19 @@ export const CreateUpdatePageModal: React.FC<Props> = (props) => {
false
);
onClose();
router.push(`/${workspaceSlug}/projects/${projectId}/pages/${res.id}`);
setToastAlert({
type: "success",
title: "Success!",
message: "Page created successfully.",
});
trackEvent(
'PAGE_CREATE',
{
...res,
caase: "SUCCES"
}
)
})
.catch(() => {
setToastAlert({
@ -79,12 +81,18 @@ export const CreateUpdatePageModal: React.FC<Props> = (props) => {
title: "Error!",
message: "Page could not be created. Please try again.",
});
trackEvent(
'PAGE_CREATE',
{
case: "FAILED"
}
)
});
};
const updatePage = async (payload: IPage) => {
await pageService
.patchPage(workspaceSlug as string, projectId as string, data?.id ?? "", payload, user)
.patchPage(workspaceSlug as string, projectId as string, data?.id ?? "", payload)
.then((res) => {
mutate(RECENT_PAGES_LIST(projectId as string));
mutate<IPage[]>(
@ -124,6 +132,13 @@ export const CreateUpdatePageModal: React.FC<Props> = (props) => {
title: "Success!",
message: "Page updated successfully.",
});
trackEvent(
'PAGE_UPDATE',
{
...res,
case: "SUCCESS"
}
)
})
.catch(() => {
setToastAlert({
@ -131,6 +146,12 @@ export const CreateUpdatePageModal: React.FC<Props> = (props) => {
title: "Error!",
message: "Page could not be updated. Please try again.",
});
trackEvent(
'PAGE_UPDATE',
{
case: "FAILED"
}
)
});
};

4
web/components/pages/delete-page-modal.tsx
View File

@ -29,7 +29,7 @@ type TConfirmPageDeletionProps = {
// services
const pageService = new PageService();
export const DeletePageModal: React.FC<TConfirmPageDeletionProps> = ({ isOpen, setIsOpen, data, user }) => {
export const DeletePageModal: React.FC<TConfirmPageDeletionProps> = ({ isOpen, setIsOpen, data }) => {
const [isDeleteLoading, setIsDeleteLoading] = useState(false);
const router = useRouter();
@ -47,7 +47,7 @@ export const DeletePageModal: React.FC<TConfirmPageDeletionProps> = ({ isOpen, s
if (!data || !workspaceSlug || !projectId) return;
await pageService
.deletePage(workspaceSlug as string, data.project, data.id, user)
.deletePage(workspaceSlug as string, data.project, data.id)
.then(() => {
mutate(RECENT_PAGES_LIST(projectId as string));
mutate<IPage[]>(

2
web/components/pages/pages-view.tsx
View File

@ -182,7 +182,7 @@ export const PagesView: React.FC<Props> = observer(({ pages, viewType }) => {
false
);
pageService.patchPage(workspaceSlug.toString(), projectId.toString(), page.id, formData, user).then(() => {
pageService.patchPage(workspaceSlug.toString(), projectId.toString(), page.id, formData).then(() => {
mutate(RECENT_PAGES_LIST(projectId.toString()));
});
};

63
web/components/pages/single-page-block.tsx
View File

@ -85,33 +85,20 @@ export const SinglePageBlock: React.FC<Props> = ({ block, projectDetails, showBl
);
await pageService
.patchPageBlock(
workspaceSlug as string,
projectId as string,
pageId as string,
block.id,
{
name: formData.name,
description: formData.description,
description_html: formData.description_html,
},
user
)
.patchPageBlock(workspaceSlug as string, projectId as string, pageId as string, block.id, {
name: formData.name,
description: formData.description,
description_html: formData.description_html,
})
.then((res) => {
mutate(PAGE_BLOCKS_LIST(pageId as string));
if (block.issue && block.sync)
issueService
.patchIssue(
workspaceSlug as string,
projectId as string,
block.issue,
{
name: res.name,
description: res.description,
description_html: res.description_html,
},
user
)
.patchIssue(workspaceSlug as string, projectId as string, block.issue, {
name: res.name,
description: res.description,
description_html: res.description_html,
})
.finally(() => setIsSyncing(false));
});
};
@ -120,7 +107,7 @@ export const SinglePageBlock: React.FC<Props> = ({ block, projectDetails, showBl
if (!workspaceSlug || !projectId || !pageId) return;
await pageService
.convertPageBlockToIssue(workspaceSlug as string, projectId as string, pageId as string, block.id, user)
.convertPageBlockToIssue(workspaceSlug as string, projectId as string, pageId as string, block.id)
.then((res: IIssue) => {
mutate<IPageBlock[]>(
PAGE_BLOCKS_LIST(pageId as string),
@ -158,7 +145,7 @@ export const SinglePageBlock: React.FC<Props> = ({ block, projectDetails, showBl
);
await pageService
.deletePageBlock(workspaceSlug as string, projectId as string, pageId as string, block.id, user)
.deletePageBlock(workspaceSlug as string, projectId as string, pageId as string, block.id)
.catch(() => {
setToastAlert({
type: "error",
@ -174,15 +161,10 @@ export const SinglePageBlock: React.FC<Props> = ({ block, projectDetails, showBl
setIAmFeelingLucky(true);
aiService
.createGptTask(
workspaceSlug as string,
projectId as string,
{
prompt: block.name,
task: "Generate a proper description for this issue.",
},
user
)
.createGptTask(workspaceSlug as string, projectId as string, {
prompt: block.name,
task: "Generate a proper description for this issue.",
})
.then((res) => {
if (res.response === "")
setToastAlert({
@ -246,16 +228,9 @@ export const SinglePageBlock: React.FC<Props> = ({ block, projectDetails, showBl
false
);
pageService.patchPageBlock(
workspaceSlug as string,
projectId as string,
pageId as string,
block.id,
{
sync: !block.sync,
},
user
);
pageService.patchPageBlock(workspaceSlug as string, projectId as string, pageId as string, block.id, {
sync: !block.sync,
});
};
const handleCopyText = () => {

12
web/components/project/create-project-modal.tsx
View File

@ -20,6 +20,8 @@ import { getRandomEmoji, renderEmoji } from "helpers/emoji.helper";
import { IWorkspaceMember } from "types";
// constants
import { NETWORK_CHOICES, PROJECT_UNSPLASH_COVERS } from "constants/project";
// track events
import { trackEvent } from "helpers/event-tracker.helper";
type Props = {
isOpen: boolean;
@ -129,6 +131,14 @@ export const CreateProjectModal: FC<Props> = observer((props) => {
return projectStore
.createProject(workspaceSlug.toString(), payload)
.then((res) => {
const newPayload = {
...payload,
id: res.id
}
trackEvent(
"CREATE_PROJECT",
newPayload,
)
setToastAlert({
type: "success",
title: "Success!",
@ -211,7 +221,7 @@ export const CreateProjectModal: FC<Props> = observer((props) => {
)}
<div className="absolute right-2 top-2 p-2">
<button type="button" onClick={handleClose}>
<button data-posthog="PROJECT_MODAL_CLOSE" type="button" onClick={handleClose}>
<X className="h-5 w-5 text-white" />
</button>
</div>

7
web/components/project/delete-project-modal.tsx
View File

@ -12,6 +12,7 @@ import { Button, Input } from "@plane/ui";
import type { IProject } from "types";
// fetch-keys
import { useMobxStore } from "lib/mobx/store-provider";
import { trackEvent } from "helpers/event-tracker.helper";
type DeleteProjectModal = {
isOpen: boolean;
@ -62,6 +63,9 @@ export const DeleteProjectModal: React.FC<DeleteProjectModal> = (props) => {
if (projectId && projectId.toString() === project.id) router.push(`/${workspaceSlug}/projects`);
handleClose();
trackEvent(
'DELETE_PROJECT'
)
setToastAlert({
type: "success",
title: "Success!",
@ -69,6 +73,9 @@ export const DeleteProjectModal: React.FC<DeleteProjectModal> = (props) => {
});
})
.catch(() => {
trackEvent(
'DELETE_PROJECT/FAIL'
)
setToastAlert({
type: "error",
title: "Error!",

10
web/components/project/form.tsx
View File

@ -16,6 +16,7 @@ import { ProjectService } from "services/project";
// hooks
import useToast from "hooks/use-toast";
import { useMobxStore } from "lib/mobx/store-provider";
import { trackEvent } from "helpers/event-tracker.helper";
export interface IProjectDetailsForm {
project: IProject;
@ -61,7 +62,11 @@ export const ProjectDetailsForm: FC<IProjectDetailsForm> = (props) => {
return projectStore
.updateProject(workspaceSlug.toString(), project.id, payload)
.then(() => {
.then((res) => {
trackEvent(
'UPDATE_PROJECT',
res
);
setToastAlert({
type: "success",
title: "Success!",
@ -69,6 +74,9 @@ export const ProjectDetailsForm: FC<IProjectDetailsForm> = (props) => {
});
})
.catch((error) => {
trackEvent(
'UPDATE_PROJECT/FAIL',
);
setToastAlert({
type: "error",
title: "Error!",

10
web/components/project/send-project-invitation-modal.tsx
View File

@ -20,6 +20,7 @@ import { IUser, TUserProjectRole } from "types";
import { WORKSPACE_MEMBERS } from "constants/fetch-keys";
// constants
import { ROLE } from "constants/workspace";
import { trackEvent } from "helpers/event-tracker.helper";
type Props = {
isOpen: boolean;
@ -52,7 +53,7 @@ const projectMemberService = new ProjectMemberService();
const workspaceService = new WorkspaceService();
export const SendProjectInvitationModal: React.FC<Props> = observer((props) => {
const { isOpen, setIsOpen, members, user, onSuccess } = props;
const { isOpen, setIsOpen, members, onSuccess } = props;
const router = useRouter();
const { workspaceSlug, projectId } = router.query;
@ -91,9 +92,12 @@ export const SendProjectInvitationModal: React.FC<Props> = observer((props) => {
const payload = { ...formData };
await projectMemberService
.bulkAddMembersToProject(workspaceSlug.toString(), projectId.toString(), payload, user)
.then(() => {
.bulkAddMembersToProject(workspaceSlug.toString(), projectId.toString(), payload)
.then((res) => {
setIsOpen(false);
trackEvent(
'PROJECT_MEMBER_INVITE',
)
setToastAlert({
title: "Success",
type: "success",

33
web/components/project/settings/features-list.tsx
View File

@ -5,8 +5,6 @@ import { ContrastIcon, FileText, Inbox, Layers } from "lucide-react";
import { DiceIcon, ToggleSwitch } from "@plane/ui";
// mobx store
import { useMobxStore } from "lib/mobx/store-provider";
// services
import { MiscellaneousEventType, TrackEventService } from "services/track_event.service";
// hooks
import useToast from "hooks/use-toast";
// types
@ -47,26 +45,6 @@ const PROJECT_FEATURES_LIST = [
},
];
const getEventType = (feature: string, toggle: boolean): MiscellaneousEventType => {
switch (feature) {
case "Cycles":
return toggle ? "TOGGLE_CYCLE_ON" : "TOGGLE_CYCLE_OFF";
case "Modules":
return toggle ? "TOGGLE_MODULE_ON" : "TOGGLE_MODULE_OFF";
case "Views":
return toggle ? "TOGGLE_VIEW_ON" : "TOGGLE_VIEW_OFF";
case "Pages":
return toggle ? "TOGGLE_PAGES_ON" : "TOGGLE_PAGES_OFF";
case "Inbox":
return toggle ? "TOGGLE_INBOX_ON" : "TOGGLE_INBOX_OFF";
default:
throw new Error("Invalid feature");
}
};
// services
const trackEventService = new TrackEventService();
export const ProjectFeaturesList: FC<Props> = observer(() => {
// router
const router = useRouter();
@ -109,17 +87,6 @@ export const ProjectFeaturesList: FC<Props> = observer(() => {
<ToggleSwitch
value={currentProjectDetails?.[feature.property as keyof IProject]}
onChange={() => {
trackEventService.trackMiscellaneousEvent(
{
workspaceId: (currentProjectDetails?.workspace as any)?.id,
workspaceSlug,
projectId,
projectIdentifier: currentProjectDetails?.identifier,
projectName: currentProjectDetails?.name,
},
getEventType(feature.title, !currentProjectDetails?.[feature.property as keyof IProject]),
currentUser
);
handleSubmit({
[feature.property]: !currentProjectDetails?.[feature.property as keyof IProject],
});

19
web/components/states/create-update-state-inline.tsx
View File

@ -18,6 +18,7 @@ import type { IState } from "types";
import { STATES_LIST } from "constants/fetch-keys";
// constants
import { GROUP_CHOICES } from "constants/project";
import { trackEvent } from "helpers/event-tracker.helper";
type Props = {
data: IState | null;
@ -87,8 +88,12 @@ export const CreateUpdateStateInline: React.FC<Props> = observer((props) => {
await projectStateStore
.createState(workspaceSlug.toString(), projectId.toString(), formData)
.then(() => {
.then((res) => {
handleClose();
trackEvent(
'STATE_CREATE',
res
)
setToastAlert({
type: "success",
title: "Success!",
@ -116,10 +121,13 @@ export const CreateUpdateStateInline: React.FC<Props> = observer((props) => {
await projectStateStore
.updateState(workspaceSlug.toString(), projectId.toString(), data.id, formData)
.then(() => {
.then((res) => {
mutate(STATES_LIST(projectId.toString()));
handleClose();
trackEvent(
'STATE_UPDATE',
res
)
setToastAlert({
type: "success",
title: "Success!",
@ -161,9 +169,8 @@ export const CreateUpdateStateInline: React.FC<Props> = observer((props) => {
{({ open }) => (
<>
<Popover.Button
className={`group inline-flex items-center text-base font-medium focus:outline-none ${
open ? "text-custom-text-100" : "text-custom-text-200"
}`}
className={`group inline-flex items-center text-base font-medium focus:outline-none ${open ? "text-custom-text-100" : "text-custom-text-200"
}`}
>
{watch("color") && watch("color") !== "" && (
<span

6
web/components/states/delete-state-modal.tsx
View File

@ -13,6 +13,7 @@ import useToast from "hooks/use-toast";
import { Button } from "@plane/ui";
// types
import type { IState } from "types";
import { trackEvent } from "helpers/event-tracker.helper";
type Props = {
isOpen: boolean;
@ -47,7 +48,10 @@ export const DeleteStateModal: React.FC<Props> = observer((props) => {
await projectStateStore
.deleteState(workspaceSlug.toString(), data.project, data.id)
.then(() => {
.then((res) => {
trackEvent(
'STATE_DELETE',
)
handleClose();
})
.catch((err) => {

12
web/components/workspace/create-workspace-form.tsx
View File

@ -14,6 +14,8 @@ import { Button, CustomSelect, Input } from "@plane/ui";
import { IWorkspace } from "types";
// constants
import { ORGANIZATION_SIZE, RESTRICTED_URLS } from "constants/workspace";
// events
import { trackEvent } from "helpers/event-tracker.helper";
type Props = {
onSubmit?: (res: IWorkspace) => Promise<void>;
@ -71,6 +73,16 @@ export const CreateWorkspaceForm: FC<Props> = observer((props) => {
await workspaceStore
.createWorkspace(formData)
.then(async (res) => {
const payload = {
name: formData.name,
slug: formData.slug,
workspace_url: formData.url,
organization_size: formData.organization_size
};
trackEvent(
"CREATE_WORKSPACE",
payload
)
setToastAlert({
type: "success",
title: "Success!",

13
web/components/workspace/delete-workspace-modal.tsx
View File

@ -12,6 +12,7 @@ import useToast from "hooks/use-toast";
import { Button, Input } from "@plane/ui";
// types
import type { IWorkspace } from "types";
import { trackEvent } from "helpers/event-tracker.helper";
type Props = {
isOpen: boolean;
@ -57,11 +58,17 @@ export const DeleteWorkspaceModal: React.FC<Props> = observer((props) => {
await workspaceStore
.deleteWorkspace(data.slug)
.then(() => {
.then((res) => {
handleClose();
console.log('DELETE WORKPSACE', res);
router.push("/");
const payload = {
slug: data.slug
};
trackEvent(
'DELETE_WORKSPACE',
payload
);
setToastAlert({
type: "success",
title: "Success!",

10
web/components/workspace/settings/workspace-details.tsx
View File

@ -18,6 +18,7 @@ import { Button, CustomSelect, Input, Spinner } from "@plane/ui";
import { IWorkspace } from "types";
// constants
import { ORGANIZATION_SIZE } from "constants/workspace";
import { trackEvent } from "helpers/event-tracker.helper";
const defaultValues: Partial<IWorkspace> = {
name: "",
@ -66,12 +67,17 @@ export const WorkspaceDetails: FC = observer(() => {
};
await updateWorkspace(currentWorkspace.slug, payload)
.then(() =>
.then((res) => {
trackEvent(
'UPDATE_WORKSPACE',
res
)
setToastAlert({
title: "Success",
type: "success",
message: "Workspace updated successfully",
})
}
)
.catch((err) => console.error(err));
};
@ -83,7 +89,7 @@ export const WorkspaceDetails: FC = observer(() => {
fileService.deleteFile(currentWorkspace.id, url).then(() => {
updateWorkspace(currentWorkspace.slug, { logo: "" })
.then(() => {
.then((res) => {
setToastAlert({
type: "success",
title: "Success!",

45
web/constants/crisp.tsx
View File

@ -1,45 +0,0 @@
import { useCallback, useEffect } from "react";
import { observer } from "mobx-react-lite";
// hooks
import { useMobxStore } from "lib/mobx/store-provider";
declare global {
interface Window {
$crisp: any;
CRISP_WEBSITE_ID: any;
}
}
const Crisp = observer(() => {
const {
user: { currentUser },
} = useMobxStore();
const validateCurrentUser = useCallback(() => {
if (currentUser) return currentUser.email;
return null;
}, [currentUser]);
useEffect(() => {
if (typeof window && validateCurrentUser()) {
window.$crisp = [];
window.CRISP_WEBSITE_ID = process.env.NEXT_PUBLIC_CRISP_ID;
(function () {
var d = document;
var s = d.createElement("script");
s.src = "https://client.crisp.chat/l.js";
s.async = true;
d.getElementsByTagName("head")[0].appendChild(s);
// defining email when logged in
if (validateCurrentUser()) {
window.$crisp.push(["set", "user:email", [validateCurrentUser()]]);
window.$crisp.push(["do", "chat:hide"]);
window.$crisp.push(["do", "chat:close"]);
}
})();
}
}, [validateCurrentUser]);
return <></>;
});
export default Crisp;

119
web/contexts/issue-view.context.tsx
View File

@ -8,10 +8,8 @@ import { ProjectService, ProjectMemberService } from "services/project";
import { CycleService } from "services/cycle.service";
import { ModuleService } from "services/module.service";
import { ViewService } from "services/view.service";
// hooks
import useUserAuth from "hooks/use-user-auth";
// types
import { IIssueFilterOptions, IProjectMember, IUser, IIssueDisplayFilterOptions, IProjectViewProps } from "types";
import { IIssueFilterOptions, IProjectMember, IIssueDisplayFilterOptions, IProjectViewProps } from "types";
// fetch-keys
import { CYCLE_DETAILS, MODULE_DETAILS, USER_PROJECT_VIEW, VIEW_DETAILS } from "constants/fetch-keys";
@ -134,58 +132,22 @@ const saveDataToServer = async (workspaceSlug: string, projectId: string, state:
});
};
const saveCycleFilters = async (
workspaceSlug: string,
projectId: string,
cycleId: string,
state: any,
user: IUser | undefined
) => {
await cycleService.patchCycle(
workspaceSlug,
projectId,
cycleId,
{
...state,
},
user
);
const saveCycleFilters = async (workspaceSlug: string, projectId: string, cycleId: string, state: any) => {
await cycleService.patchCycle(workspaceSlug, projectId, cycleId, {
...state,
});
};
const saveModuleFilters = async (
workspaceSlug: string,
projectId: string,
moduleId: string,
state: any,
user: IUser | undefined
) => {
await moduleService.patchModule(
workspaceSlug,
projectId,
moduleId,
{
...state,
},
user
);
const saveModuleFilters = async (workspaceSlug: string, projectId: string, moduleId: string, state: any) => {
await moduleService.patchModule(workspaceSlug, projectId, moduleId, {
...state,
});
};
const saveViewFilters = async (
workspaceSlug: string,
projectId: string,
viewId: string,
state: any,
user: IUser | undefined
) => {
await viewService.patchView(
workspaceSlug,
projectId,
viewId,
{
...state,
},
user
);
const saveViewFilters = async (workspaceSlug: string, projectId: string, viewId: string, state: any) => {
await viewService.patchView(workspaceSlug, projectId, viewId, {
...state,
});
};
const setNewDefault = async (workspaceSlug: string, projectId: string, state: any) => {
@ -214,8 +176,6 @@ export const IssueViewContextProvider: React.FC<{ children: React.ReactNode }> =
const router = useRouter();
const { workspaceSlug, projectId, cycleId, moduleId, viewId } = router.query;
const { user } = useUserAuth();
const { data: myViewProps, mutate: mutateMyViewProps } = useSWR(
workspaceSlug && projectId ? USER_PROJECT_VIEW(projectId as string) : null,
workspaceSlug && projectId
@ -342,20 +302,14 @@ export const IssueViewContextProvider: React.FC<{ children: React.ReactNode }> =
};
}, false);
saveCycleFilters(
workspaceSlug.toString(),
projectId.toString(),
cycleId.toString(),
{
view_props: {
filters: {
...state.filters,
...property,
},
saveCycleFilters(workspaceSlug.toString(), projectId.toString(), cycleId.toString(), {
view_props: {
filters: {
...state.filters,
...property,
},
},
user
);
});
} else if (moduleId) {
mutateModuleDetails((prevData: any) => {
if (!prevData) return prevData;
@ -371,20 +325,14 @@ export const IssueViewContextProvider: React.FC<{ children: React.ReactNode }> =
};
}, false);
saveModuleFilters(
workspaceSlug.toString(),
projectId.toString(),
moduleId.toString(),
{
view_props: {
filters: {
...state.filters,
...property,
},
saveModuleFilters(workspaceSlug.toString(), projectId.toString(), moduleId.toString(), {
view_props: {
filters: {
...state.filters,
...property,
},
},
user
);
});
} else if (viewId) {
mutateViewDetails((prevData: any) => {
if (!prevData) return prevData;
@ -397,18 +345,12 @@ export const IssueViewContextProvider: React.FC<{ children: React.ReactNode }> =
};
}, false);
if (saveToServer)
saveViewFilters(
workspaceSlug as string,
projectId as string,
viewId as string,
{
query_data: {
...state.filters,
...property,
},
saveViewFilters(workspaceSlug as string, projectId as string, viewId as string, {
query_data: {
...state.filters,
...property,
},
user
);
});
} else {
mutateMyViewProps((prevData: any) => {
if (!prevData) return prevData;
@ -445,7 +387,6 @@ export const IssueViewContextProvider: React.FC<{ children: React.ReactNode }> =
mutateModuleDetails,
viewId,
mutateViewDetails,
user,
]
);

13
web/helpers/event-tracker.helper.ts Normal file
View File

@ -0,0 +1,13 @@
import posthog from "posthog-js";
export const trackEvent = (eventName: string, payload: object | [] | null = null) => {
try {
console.log(eventName);
posthog?.capture(eventName, {
...payload,
});
console.log(payload);
} catch (error) {
console.log(error);
}
};

12
web/helpers/user.helper.ts Normal file
View File

@ -0,0 +1,12 @@
export const getUserRole = (role: number) => {
switch (role) {
case 5:
return "GUEST";
case 10:
return "VIEWER";
case 15:
return "MEMBER";
case 20:
return "ADMIN";
}
};

7
web/hooks/use-comment-reaction.tsx
View File

@ -1,5 +1,4 @@
import useSWR from "swr";
// fetch keys
import { COMMENT_REACTION_LIST } from "constants/fetch-keys";
// services
@ -52,8 +51,7 @@ const useCommentReaction = (
workspaceSlug.toString(),
projectId.toString(),
commendId.toString(),
{ reaction },
user.user
{ reaction }
);
mutateCommentReactions((prev: any) => [...(prev || []), data]);
@ -77,8 +75,7 @@ const useCommentReaction = (
workspaceSlug.toString(),
projectId.toString(),
commendId.toString(),
reaction,
user.user
reaction
);
mutateCommentReactions();

6
web/hooks/use-issue-reaction.tsx
View File

@ -47,8 +47,7 @@ const useIssueReaction = (
workspaceSlug.toString(),
projectId.toString(),
issueId.toString(),
{ reaction },
user.user
{ reaction }
);
mutateReaction((prev: any) => [...(prev || []), data]);
@ -72,8 +71,7 @@ const useIssueReaction = (
workspaceSlug.toString(),
projectId.toString(),
issueId.toString(),
reaction,
user.user
reaction
);
mutateReaction();

46
web/lib/app-provider.tsx Normal file
View File

@ -0,0 +1,46 @@
import { FC, ReactNode } from "react";
import dynamic from "next/dynamic";
import Router from "next/router";
import NProgress from "nprogress";
import { observer } from "mobx-react-lite";
// mobx store provider
import { useMobxStore } from "lib/mobx/store-provider";
// dynamic imports
const StoreWrapper = dynamic(() => import("lib/wrappers/store-wrapper"), { ssr: false });
const PosthogWrapper = dynamic(() => import("lib/wrappers/posthog-wrapper"), { ssr: false });
const CrispWrapper = dynamic(() => import("lib/wrappers/crisp-wrapper"), { ssr: false });
// nprogress
NProgress.configure({ showSpinner: false });
Router.events.on("routeChangeStart", NProgress.start);
Router.events.on("routeChangeError", NProgress.done);
Router.events.on("routeChangeComplete", NProgress.done);
export interface IAppProvider {
children: ReactNode;
}
export const AppProvider: FC<IAppProvider> = observer((props) => {
const { children } = props;
// store
const {
user: { currentUser, currentWorkspaceRole, currentProjectRole },
appConfig: { envConfig },
} = useMobxStore();
return (
<StoreWrapper>
<CrispWrapper user={currentUser}>
<PosthogWrapper
user={currentUser}
workspaceRole={currentWorkspaceRole}
projectRole={currentProjectRole}
posthogAPIKey={envConfig?.posthog_api_key || null}
posthogHost={envConfig?.posthog_host || null}
>
{children}
</PosthogWrapper>
</CrispWrapper>
</StoreWrapper>
);
});

195
web/lib/auth.ts
View File

@ -1,195 +0,0 @@
// cookies
import { convertCookieStringToObject } from "./cookie";
// types
import type { IProjectMember, IUser, IWorkspace, IWorkspaceMember } from "types";
// helper
import { API_BASE_URL } from "helpers/common.helper";
export const requiredAuth = async (cookie?: string) => {
const cookies = convertCookieStringToObject(cookie);
const token = cookies?.accessToken;
if (!token) return null;
let user: IUser | null = null;
try {
const data = await fetch(`${API_BASE_URL}/api/users/me/`, {
method: "GET",
headers: {
"Content-Type": "application/json",
Authorization: `Bearer ${token}`,
},
})
.then((res) => res.json())
.then((data) => data);
user = data.user;
} catch (err) {
console.error(err);
user = null;
}
return user;
};
export const requiredAdmin = async (workspaceSlug: string, projectId: string, cookie?: string) => {
const user = await requiredAuth(cookie);
if (!user) return null;
const cookies = convertCookieStringToObject(cookie);
const token = cookies?.accessToken;
let memberDetail: IProjectMember | null = null;
try {
const data = await fetch(
`${API_BASE_URL}/api/workspaces/${workspaceSlug}/projects/${projectId}/project-members/me/`,
{
method: "GET",
headers: {
Authorization: `Bearer ${token}`,
},
}
)
.then((res) => res.json())
.then((data) => data);
memberDetail = data;
} catch (err) {
console.error(err);
memberDetail = null;
}
return memberDetail || null;
};
export const requiredWorkspaceAdmin = async (workspaceSlug: string, cookie?: string) => {
const user = await requiredAuth(cookie);
if (!user) return null;
const cookies = convertCookieStringToObject(cookie);
const token = cookies?.accessToken;
let memberDetail: IWorkspaceMember | null = null;
try {
const data = await fetch(`${API_BASE_URL}/api/workspaces/${workspaceSlug}/workspace-members/me/`, {
method: "GET",
headers: {
Authorization: `Bearer ${token}`,
},
})
.then((res) => res.json())
.then((data) => data);
memberDetail = data;
} catch (err) {
console.error(err);
memberDetail = null;
}
return memberDetail || null;
};
export const homePageRedirect = async (cookie?: string) => {
const user = await requiredAuth(cookie);
if (!user)
return {
redirect: {
destination: "/",
permanent: false,
},
};
if (!user.is_onboarded)
return {
redirect: {
destination: "/onboarding",
permanent: false,
},
};
let workspaces: IWorkspace[] = [];
const cookies = convertCookieStringToObject(cookie);
const token = cookies?.accessToken;
try {
const data = await fetch(`${API_BASE_URL}/api/users/me/workspaces/`, {
method: "GET",
headers: {
"Content-Type": "application/json",
Authorization: `Bearer ${token}`,
},
})
.then((res) => res.json())
.then((data) => data);
workspaces = data;
} catch (e) {
console.error(e);
return {
redirect: {
destination: "/error",
permanent: false,
},
};
}
const lastActiveWorkspace = workspaces.find((workspace) => workspace.id === user.last_workspace_id);
if (lastActiveWorkspace) {
return {
redirect: {
destination: `/${lastActiveWorkspace.slug}`,
permanent: false,
},
};
} else if (workspaces.length > 0) {
return {
redirect: {
destination: `/${workspaces[0].slug}`,
permanent: false,
},
};
}
const invitations = await fetch(`${API_BASE_URL}/api/users/me/invitations/workspaces/`, {
method: "GET",
headers: {
"Content-Type": "application/json",
Authorization: `Bearer ${token}`,
},
})
.then((res) => res.json())
.then((data) => data)
.catch((e) => {
console.error(e);
return {
redirect: {
destination: "/error",
permanent: false,
},
};
});
if (invitations.length > 0)
return {
redirect: {
destination: "/invitations",
permanent: false,
},
};
else {
return {
redirect: {
destination: "/create-workspace",
permanent: false,
},
};
}
};

16
web/lib/cookie.ts
View File

@ -1,16 +0,0 @@
export const convertCookieStringToObject = (cookieHeader: string | undefined) => {
const list: any = {};
if (!cookieHeader) return list;
cookieHeader.split(`;`).forEach(function (cookie) {
// eslint-disable-next-line prefer-const
let [name, ...rest] = cookie.split(`=`);
name = name?.trim();
if (!name) return;
const value = rest.join(`=`).trim();
if (!value) return;
list[name] = decodeURIComponent(value);
});
return list;
};

40
web/lib/wrappers/crisp-wrapper.tsx Normal file
View File

@ -0,0 +1,40 @@
import { useEffect, ReactNode, FC } from "react";
// hooks
import { IUser } from "types";
declare global {
interface Window {
$crisp: any;
CRISP_WEBSITE_ID: any;
}
}
export interface ICrispWrapper {
children: ReactNode;
user: IUser | null;
}
const CrispWrapper: FC<ICrispWrapper> = (props) => {
const { children, user } = props;
useEffect(() => {
if (typeof window && user?.email) {
window.$crisp = [];
window.CRISP_WEBSITE_ID = process.env.NEXT_PUBLIC_CRISP_ID;
(function () {
var d = document;
var s = d.createElement("script");
s.src = "https://client.crisp.chat/l.js";
s.async = true;
d.getElementsByTagName("head")[0].appendChild(s);
window.$crisp.push(["set", "user:email", [user.email]]);
window.$crisp.push(["do", "chat:hide"]);
window.$crisp.push(["do", "chat:close"]);
})();
}
}, [user?.email]);
return <>{children}</>;
};
export default CrispWrapper;

72
web/lib/wrappers/posthog-wrapper.tsx Normal file
View File

@ -0,0 +1,72 @@
import { FC, ReactNode, useEffect } from "react";
import { useRouter } from "next/router";
import posthog from "posthog-js";
import { PostHogProvider } from "posthog-js/react";
// mobx store provider
import { IUser } from "types";
// helpers
import { getUserRole } from "helpers/user.helper";
export interface IPosthogWrapper {
children: ReactNode;
user: IUser | null;
workspaceRole: number | undefined;
projectRole: number | undefined;
posthogAPIKey: string | null;
posthogHost: string | null;
}
const PosthogWrapper: FC<IPosthogWrapper> = (props) => {
const { children, user, workspaceRole, projectRole, posthogAPIKey, posthogHost } = props;
// router
const router = useRouter();
useEffect(() => {
if (user) {
// Identify sends an event, so you want may want to limit how often you call it
posthog?.identify(user.email, {
email: user.email,
first_name: user.first_name,
last_name: user.last_name,
id: user.id,
workspace_role: workspaceRole ? getUserRole(workspaceRole) : undefined,
project_role: projectRole ? getUserRole(projectRole) : undefined,
});
}
}, [user, workspaceRole, projectRole]);
useEffect(() => {
if (posthogAPIKey && posthogHost) {
posthog.init(posthogAPIKey, {
api_host: posthogHost || "https://app.posthog.com",
// Enable debug mode in development
loaded: (posthog) => {
if (process.env.NODE_ENV === "development") posthog.debug();
},
autocapture: false,
capture_pageview: false, // Disable automatic pageview capture, as we capture manually
});
}
// eslint-disable-next-line react-hooks/exhaustive-deps
}, []);
useEffect(() => {
// Track page views
const handleRouteChange = () => {
posthog?.capture("$pageview");
};
router.events.on("routeChangeComplete", handleRouteChange);
return () => {
router.events.off("routeChangeComplete", handleRouteChange);
};
// eslint-disable-next-line react-hooks/exhaustive-deps
}, []);
if (posthogAPIKey) {
return <PostHogProvider client={posthog}>{children}</PostHogProvider>;
}
return <>{children}</>;
};
export default PosthogWrapper;

13
web/lib/mobx/store-init.tsx → web/lib/wrappers/store-wrapper.tsx
View File

@ -1,4 +1,4 @@
import { useEffect, useState } from "react";
import { ReactNode, useEffect, useState, FC } from "react";
import { observer } from "mobx-react-lite";
import useSWR from "swr";
import { useTheme } from "next-themes";
@ -8,7 +8,12 @@ import { useMobxStore } from "lib/mobx/store-provider";
// helpers
import { applyTheme, unsetCustomCssVariables } from "helpers/theme.helper";
const MobxStoreInit = observer(() => {
interface IStoreWrapper {
children: ReactNode;
}
const StoreWrapper: FC<IStoreWrapper> = observer((props) => {
const { children } = props;
// router
const router = useRouter();
const { workspaceSlug, projectId, cycleId, moduleId, globalViewId, viewId, inboxId } = router.query;
@ -86,7 +91,7 @@ const MobxStoreInit = observer(() => {
setInboxId,
]);
return <></>;
return <>{children}</>;
});
export default MobxStoreInit;
export default StoreWrapper;

1
web/package.json
View File

@ -41,6 +41,7 @@
"next-pwa": "^5.6.0",
"next-themes": "^0.2.1",
"nprogress": "^0.2.0",
"posthog-js": "^1.88.4",
"react": "18.2.0",
"react-color": "^2.19.3",
"react-datepicker": "^4.8.0",

34
web/pages/[workspaceSlug]/analytics.tsx
View File

@ -1,11 +1,8 @@
import React, { Fragment, useEffect, ReactElement } from "react";
import { useRouter } from "next/router";
import React, { Fragment, ReactElement } from "react";
import { observer } from "mobx-react-lite";
import { Tab } from "@headlessui/react";
// mobx store
import { useMobxStore } from "lib/mobx/store-provider";
// services
import { TrackEventService } from "services/track_event.service";
// layouts
import { AppLayout } from "layouts/app-layout";
// components
@ -21,40 +18,13 @@ import { ANALYTICS_TABS } from "constants/analytics";
// type
import { NextPageWithLayout } from "types/app";
const trackEventService = new TrackEventService();
const AnalyticsPage: NextPageWithLayout = observer(() => {
// router
const router = useRouter();
const { workspaceSlug } = router.query;
// store
const {
project: { workspaceProjects },
user: { currentUser },
commandPalette: { toggleCreateProjectModal },
} = useMobxStore();
const trackAnalyticsEvent = (tab: string) => {
if (!currentUser) return;
const eventPayload = {
workspaceSlug: workspaceSlug?.toString(),
};
const eventType =
tab === "scope_and_demand" ? "WORKSPACE_SCOPE_AND_DEMAND_ANALYTICS" : "WORKSPACE_CUSTOM_ANALYTICS";
trackEventService.trackAnalyticsEvent(eventPayload, eventType, currentUser);
};
useEffect(() => {
if (!workspaceSlug) return;
if (currentUser && workspaceSlug)
trackEventService.trackAnalyticsEvent(
{ workspaceSlug: workspaceSlug?.toString() },
"WORKSPACE_SCOPE_AND_DEMAND_ANALYTICS",
currentUser
);
}, [currentUser, workspaceSlug]);
return (
<>
{workspaceProjects && workspaceProjects.length > 0 ? (
@ -69,7 +39,7 @@ const AnalyticsPage: NextPageWithLayout = observer(() => {
selected ? "bg-custom-background-80" : ""
}`
}
onClick={() => trackAnalyticsEvent(tab.key)}
onClick={() => {}}
>
{tab.title}
</Tab>

6
web/pages/[workspaceSlug]/projects/[projectId]/archived-issues/[archivedIssueId].tsx
View File

@ -5,7 +5,6 @@ import { useForm } from "react-hook-form";
// services
import { IssueService, IssueArchiveService } from "services/issue";
// hooks
import useUserAuth from "hooks/use-user-auth";
import useToast from "hooks/use-toast";
// layouts
import { AppLayout } from "layouts/app-layout";
@ -45,7 +44,6 @@ const ArchivedIssueDetailsPage: NextPageWithLayout = () => {
// states
const [isRestoring, setIsRestoring] = useState(false);
// hooks
const { user } = useUserAuth();
const { setToastAlert } = useToast();
const { data: issueDetails, mutate: mutateIssueDetails } = useSWR<IIssue | undefined>(
@ -86,7 +84,7 @@ const ArchivedIssueDetailsPage: NextPageWithLayout = () => {
};
await issueService
.patchIssue(workspaceSlug as string, projectId as string, archivedIssueId as string, payload, user)
.patchIssue(workspaceSlug as string, projectId as string, archivedIssueId as string, payload)
.then(() => {
mutateIssueDetails();
mutate(PROJECT_ISSUES_ACTIVITY(archivedIssueId as string));
@ -95,7 +93,7 @@ const ArchivedIssueDetailsPage: NextPageWithLayout = () => {
console.error(e);
});
},
[workspaceSlug, archivedIssueId, projectId, mutateIssueDetails, user]
[workspaceSlug, archivedIssueId, projectId, mutateIssueDetails]
);
useEffect(() => {

1
web/pages/[workspaceSlug]/projects/[projectId]/cycles/index.tsx
View File

@ -22,6 +22,7 @@ import { NextPageWithLayout } from "types/app";
import { CYCLE_TAB_LIST, CYCLE_VIEW_LAYOUTS } from "constants/cycle";
// lib cookie
import { setLocalStorage, getLocalStorage } from "lib/local-storage";
// TODO: use-local-storage hook instead of lib file.
const ProjectCyclesPage: NextPageWithLayout = observer(() => {
const [createModal, setCreateModal] = useState(false);

8
web/pages/[workspaceSlug]/projects/[projectId]/issues/[issueId].tsx
View File

@ -4,8 +4,6 @@ import useSWR, { mutate } from "swr";
import { useForm } from "react-hook-form";
// services
import { IssueService } from "services/issue";
// hooks
import useUserAuth from "hooks/use-user-auth";
// layouts
import { AppLayout } from "layouts/app-layout";
// components
@ -43,8 +41,6 @@ const IssueDetailsPage: NextPageWithLayout = () => {
const router = useRouter();
const { workspaceSlug, projectId, issueId } = router.query;
const { user } = useUserAuth();
const {
data: issueDetails,
mutate: mutateIssueDetails,
@ -85,7 +81,7 @@ const IssueDetailsPage: NextPageWithLayout = () => {
delete payload.issue_relations;
await issueService
.patchIssue(workspaceSlug as string, projectId as string, issueId as string, payload, user)
.patchIssue(workspaceSlug as string, projectId as string, issueId as string, payload)
.then(() => {
mutateIssueDetails();
mutate(PROJECT_ISSUES_ACTIVITY(issueId as string));
@ -94,7 +90,7 @@ const IssueDetailsPage: NextPageWithLayout = () => {
console.error(e);
});
},
[workspaceSlug, issueId, projectId, mutateIssueDetails, user]
[workspaceSlug, issueId, projectId, mutateIssueDetails]
);
useEffect(() => {

43
web/pages/[workspaceSlug]/projects/[projectId]/pages/[pageId].tsx
View File

@ -105,18 +105,16 @@ const PageDetailsPage: NextPageWithLayout = () => {
if (!formData.name || formData.name.length === 0 || formData.name === "") return;
await pageService
.patchPage(workspaceSlug as string, projectId as string, pageId as string, formData, user)
.then(() => {
mutate<IPage>(
PAGE_DETAILS(pageId as string),
(prevData) => ({
...prevData,
...formData,
}),
false
);
});
await pageService.patchPage(workspaceSlug as string, projectId as string, pageId as string, formData).then(() => {
mutate<IPage>(
PAGE_DETAILS(pageId as string),
(prevData) => ({
...prevData,
...formData,
}),
false
);
});
};
const partialUpdatePage = async (formData: Partial<IPage>) => {
@ -131,11 +129,9 @@ const PageDetailsPage: NextPageWithLayout = () => {
false
);
await pageService
.patchPage(workspaceSlug as string, projectId as string, pageId as string, formData, user)
.then(() => {
mutate(PAGE_DETAILS(pageId as string));
});
await pageService.patchPage(workspaceSlug as string, projectId as string, pageId as string, formData).then(() => {
mutate(PAGE_DETAILS(pageId as string));
});
};
const handleAddToFavorites = () => {
@ -209,16 +205,9 @@ const PageDetailsPage: NextPageWithLayout = () => {
false
);
pageService.patchPageBlock(
workspaceSlug as string,
projectId as string,
pageId as string,
result.draggableId,
{
sort_order: newSortOrder,
},
user
);
pageService.patchPageBlock(workspaceSlug as string, projectId as string, pageId as string, result.draggableId, {
sort_order: newSortOrder,
});
};
const handleCopyText = () => {

11
web/pages/[workspaceSlug]/settings/members.tsx
View File

@ -17,6 +17,7 @@ import { Search } from "lucide-react";
// types
import { NextPageWithLayout } from "types/app";
import { IWorkspaceBulkInviteFormData } from "types";
import { trackEvent } from "helpers/event-tracker.helper";
const WorkspaceMembersSettingsPage: NextPageWithLayout = observer(() => {
const router = useRouter();
@ -35,21 +36,23 @@ const WorkspaceMembersSettingsPage: NextPageWithLayout = observer(() => {
if (!workspaceSlug) return;
return inviteMembersToWorkspace(workspaceSlug.toString(), data)
.then(async () => {
.then(async (res) => {
setInviteModal(false);
trackEvent("WORKSPACE_USER_INVITE");
setToastAlert({
type: "success",
title: "Success!",
message: "Invitations sent successfully.",
});
})
.catch((err) =>
.catch((err) => {
trackEvent("WORKSPACE_USER_INVITE/FAIL");
setToastAlert({
type: "error",
title: "Error!",
message: `${err.error ?? "Something went wrong. Please try again."}`,
})
);
});
});
};
return (

17
web/pages/_app.tsx
View File

@ -1,10 +1,7 @@
import { ReactElement } from "react";
import Head from "next/head";
import dynamic from "next/dynamic";
import Router from "next/router";
import { AppProps } from "next/app";
import { ThemeProvider } from "next-themes";
import NProgress from "nprogress";
// styles
import "styles/globals.css";
import "styles/editor.css";
@ -19,18 +16,10 @@ import { THEMES } from "constants/themes";
import { SITE_TITLE } from "constants/seo-variables";
// mobx store provider
import { MobxStoreProvider } from "lib/mobx/store-provider";
import MobxStoreInit from "lib/mobx/store-init";
import { AppProvider } from "lib/app-provider";
// types
import { NextPageWithLayout } from "types/app";
const CrispWithNoSSR = dynamic(() => import("constants/crisp"), { ssr: false });
// nprogress
NProgress.configure({ showSpinner: false });
Router.events.on("routeChangeStart", NProgress.start);
Router.events.on("routeChangeError", NProgress.done);
Router.events.on("routeChangeComplete", NProgress.done);
type AppPropsWithLayout = AppProps & {
Component: NextPageWithLayout;
};
@ -47,9 +36,7 @@ function MyApp({ Component, pageProps }: AppPropsWithLayout) {
<MobxStoreProvider {...pageProps}>
<ThemeProvider themes={THEMES} defaultTheme="system">
<ToastContextProvider>
<CrispWithNoSSR />
<MobxStoreInit />
{getLayout(<Component {...pageProps} />)}
<AppProvider>{getLayout(<Component {...pageProps} />)}</AppProvider>
</ToastContextProvider>
</ThemeProvider>
</MobxStoreProvider>

34
web/pages/api/track-event.ts
View File

@ -1,34 +0,0 @@
import type { NextApiRequest, NextApiResponse } from "next";
// jitsu
import { createClient } from "@jitsu/nextjs";
const jitsuClient = createClient({
key: process.env.JITSU_TRACKER_ACCESS_KEY || "",
tracking_host: process.env.JITSU_TRACKER_HOST || "",
});
export default async function handler(req: NextApiRequest, res: NextApiResponse) {
const { eventName, user, extra } = req.body;
if (!eventName) {
return res.status(400).json({ message: "Bad request" });
}
if (!user) return res.status(401).json({ message: "Unauthorized" });
jitsuClient
.id({
id: user?.id,
email: user?.email,
first_name: user?.first_name,
last_name: user?.last_name,
display_name: user?.display_name,
})
.then(() => {
jitsuClient.track(eventName, {
...extra,
});
});
res.status(200).json({ message: "success" });
}

26
web/pages/api/unsplash.ts
View File

@ -1,26 +0,0 @@
import axios from "axios";
import type { NextApiRequest, NextApiResponse } from "next";
const unsplashKey = process.env.UNSPLASH_ACCESS_KEY;
export default async function handler(req: NextApiRequest, res: NextApiResponse) {
try {
const { query, page, per_page = 20 } = req.query;
const url = query
? `https://api.unsplash.com/search/photos/?client_id=${unsplashKey}&query=${query}&page=${page}&per_page=${per_page}`
: `https://api.unsplash.com/photos/?client_id=${unsplashKey}&page=${page}&per_page=${per_page}`;
const response = await axios({
method: "GET",
url,
headers: {
"Content-Type": "application/json",
},
});
res.status(200).json(response?.data);
} catch (error) {
res.status(500).json({ message: "Failed to fetch unsplash", error });
}
}

13
web/pages/workspace-invitations/index.tsx
View File

@ -36,15 +36,10 @@ const WorkspaceInvitationPage: NextPageWithLayout = () => {
const handleAccept = () => {
if (!invitationDetail) return;
workspaceService
.joinWorkspace(
invitationDetail.workspace.slug,
invitationDetail.id,
{
accepted: true,
email: invitationDetail.email,
},
user
)
.joinWorkspace(invitationDetail.workspace.slug, invitationDetail.id, {
accepted: true,
email: invitationDetail.email,
})
.then(() => {
if (email === user?.email) {
router.push("/invitations");

13
web/services/ai.service.ts
View File

@ -1,12 +1,9 @@
import { APIService } from "services/api.service";
import { TrackEventService } from "services/track_event.service";
// types
import { IUser, IGptResponse } from "types";
import { IGptResponse } from "types";
// helpers
import { API_BASE_URL } from "helpers/common.helper";
const trackEventService = new TrackEventService();
export class AIService extends APIService {
constructor() {
super(API_BASE_URL);
@ -15,14 +12,10 @@ export class AIService extends APIService {
async createGptTask(
workspaceSlug: string,
projectId: string,
data: { prompt: string; task: string },
user: IUser | undefined
data: { prompt: string; task: string }
): Promise<IGptResponse> {
return this.post(`/api/workspaces/${workspaceSlug}/projects/${projectId}/ai-assistant/`, data)
.then((response) => {
trackEventService.trackAskGptEvent(response?.data, "ASK_GPT", user as IUser);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response;
});

32
web/services/cycle.service.ts
View File

@ -1,24 +1,18 @@
// services
import { APIService } from "services/api.service";
import { TrackEventService } from "services/track_event.service";
// types
import type { CycleDateCheckData, IUser, ICycle, IIssue } from "types";
import type { CycleDateCheckData, ICycle, IIssue } from "types";
// helpers
import { API_BASE_URL } from "helpers/common.helper";
const trackEventService = new TrackEventService();
export class CycleService extends APIService {
constructor() {
super(API_BASE_URL);
}
async createCycle(workspaceSlug: string, projectId: string, data: any, user: any): Promise<any> {
async createCycle(workspaceSlug: string, projectId: string, data: any): Promise<any> {
return this.post(`/api/workspaces/${workspaceSlug}/projects/${projectId}/cycles/`, data)
.then((response) => {
trackEventService.trackCycleEvent(response?.data, "CYCLE_CREATE", user);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});
@ -71,29 +65,17 @@ export class CycleService extends APIService {
});
}
async patchCycle(
workspaceSlug: string,
projectId: string,
cycleId: string,
data: Partial<ICycle>,
user: IUser | undefined
): Promise<any> {
async patchCycle(workspaceSlug: string, projectId: string, cycleId: string, data: Partial<ICycle>): Promise<any> {
return this.patch(`/api/workspaces/${workspaceSlug}/projects/${projectId}/cycles/${cycleId}/`, data)
.then((response) => {
if (user) trackEventService.trackCycleEvent(response?.data, "CYCLE_UPDATE", user);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});
}
async deleteCycle(workspaceSlug: string, projectId: string, cycleId: string, user: IUser | undefined): Promise<any> {
async deleteCycle(workspaceSlug: string, projectId: string, cycleId: string): Promise<any> {
return this.delete(`/api/workspaces/${workspaceSlug}/projects/${projectId}/cycles/${cycleId}/`)
.then((response) => {
trackEventService.trackCycleEvent(response?.data, "CYCLE_DELETE", user as IUser);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});

50
web/services/inbox.service.ts
View File

@ -1,11 +1,8 @@
import { APIService } from "services/api.service";
import { TrackEventService } from "services/track_event.service";
// helpers
import { API_BASE_URL } from "helpers/common.helper";
// types
import type { IInboxIssue, IInbox, TInboxStatus, IUser, IInboxQueryParams } from "types";
const trackEventService = new TrackEventService();
import type { IInboxIssue, IInbox, TInboxStatus, IInboxQueryParams } from "types";
export class InboxService extends APIService {
constructor() {
@ -70,16 +67,12 @@ export class InboxService extends APIService {
workspaceSlug: string,
projectId: string,
inboxId: string,
inboxIssueId: string,
user: IUser | undefined
inboxIssueId: string
): Promise<any> {
return this.delete(
`/api/workspaces/${workspaceSlug}/projects/${projectId}/inboxes/${inboxId}/inbox-issues/${inboxIssueId}/`
)
.then((response) => {
if (user) trackEventService.trackInboxEvent(response?.data, "INBOX_ISSUE_DELETE", user);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});
@ -90,25 +83,13 @@ export class InboxService extends APIService {
projectId: string,
inboxId: string,
inboxIssueId: string,
data: TInboxStatus,
user: IUser | undefined
data: TInboxStatus
): Promise<IInboxIssue> {
return this.patch(
`/api/workspaces/${workspaceSlug}/projects/${projectId}/inboxes/${inboxId}/inbox-issues/${inboxIssueId}/`,
data
)
.then((response) => {
const action =
data.status === -1
? "INBOX_ISSUE_REJECTED"
: data.status === 0
? "INBOX_ISSUE_SNOOZED"
: data.status === 1
? "INBOX_ISSUE_ACCEPTED"
: "INBOX_ISSUE_DUPLICATED";
trackEventService.trackInboxEvent(response?.data, action, user as IUser);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});
@ -119,34 +100,21 @@ export class InboxService extends APIService {
projectId: string,
inboxId: string,
inboxIssueId: string,
data: { issue: Partial<IInboxIssue> },
user: IUser | undefined
data: { issue: Partial<IInboxIssue> }
): Promise<any> {
return this.patch(
`/api/workspaces/${workspaceSlug}/projects/${projectId}/inboxes/${inboxId}/inbox-issues/${inboxIssueId}/`,
data
)
.then((response) => {
if (user) trackEventService.trackInboxEvent(response?.data, "INBOX_ISSUE_UPDATE", user);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});
}
async createInboxIssue(
workspaceSlug: string,
projectId: string,
inboxId: string,
data: any,
user: IUser | undefined
): Promise<IInboxIssue> {
async createInboxIssue(workspaceSlug: string, projectId: string, inboxId: string, data: any): Promise<IInboxIssue> {
return this.post(`/api/workspaces/${workspaceSlug}/projects/${projectId}/inboxes/${inboxId}/inbox-issues/`, data)
.then((response) => {
if (user) trackEventService.trackInboxEvent(response?.data, "INBOX_ISSUE_CREATE", user);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});

16
web/services/integrations/github.service.ts
View File

@ -1,14 +1,11 @@
import { APIService } from "services/api.service";
import { TrackEventService } from "services/track_event.service";
// helpers
import { API_BASE_URL } from "helpers/common.helper";
// types
import { IUser, IGithubRepoInfo, IGithubServiceImportFormData } from "types";
import { IGithubRepoInfo, IGithubServiceImportFormData } from "types";
const integrationServiceType: string = "github";
const trackEventService = new TrackEventService();
export class GithubIntegrationService extends APIService {
constructor() {
super(API_BASE_URL);
@ -32,16 +29,9 @@ export class GithubIntegrationService extends APIService {
});
}
async createGithubServiceImport(
workspaceSlug: string,
data: IGithubServiceImportFormData,
user: IUser | undefined
): Promise<any> {
async createGithubServiceImport(workspaceSlug: string, data: IGithubServiceImportFormData): Promise<any> {
return this.post(`/api/workspaces/${workspaceSlug}/projects/importers/${integrationServiceType}/`, data)
.then((response) => {
trackEventService.trackImporterEvent(response?.data, "GITHUB_IMPORTER_CREATE", user);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});

18
web/services/integrations/integration.service.ts
View File

@ -1,12 +1,9 @@
import { APIService } from "services/api.service";
import { TrackEventService } from "services/track_event.service";
// types
import { IAppIntegration, IUser, IImporterService, IWorkspaceIntegration, IExportServiceResponse } from "types";
import { IAppIntegration, IImporterService, IWorkspaceIntegration, IExportServiceResponse } from "types";
// helper
import { API_BASE_URL } from "helpers/common.helper";
const trackEventService = new TrackEventService();
export class IntegrationService extends APIService {
constructor() {
super(API_BASE_URL);
@ -60,18 +57,9 @@ export class IntegrationService extends APIService {
});
}
async deleteImporterService(
workspaceSlug: string,
service: string,
importerId: string,
user: IUser | undefined
): Promise<any> {
async deleteImporterService(workspaceSlug: string, service: string, importerId: string): Promise<any> {
return this.delete(`/api/workspaces/${workspaceSlug}/importers/${service}/${importerId}/`)
.then((response) => {
const eventName = service === "github" ? "GITHUB_IMPORTER_DELETE" : "JIRA_IMPORTER_DELETE";
trackEventService.trackImporterEvent(response?.data, eventName, user);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});

16
web/services/integrations/jira.service.ts
View File

@ -1,10 +1,7 @@
import { APIService } from "services/api.service";
import { TrackEventService } from "services/track_event.service";
import { API_BASE_URL } from "helpers/common.helper";
// types
import { IJiraMetadata, IJiraResponse, IJiraImporterForm, IUser } from "types";
const trackEventService = new TrackEventService();
import { IJiraMetadata, IJiraResponse, IJiraImporterForm } from "types";
export class JiraImporterService extends APIService {
constructor() {
@ -21,16 +18,9 @@ export class JiraImporterService extends APIService {
});
}
async createJiraImporter(
workspaceSlug: string,
data: IJiraImporterForm,
user: IUser | undefined
): Promise<IJiraResponse> {
async createJiraImporter(workspaceSlug: string, data: IJiraImporterForm): Promise<IJiraResponse> {
return this.post(`/api/workspaces/${workspaceSlug}/projects/importers/jira/`, data)
.then((response) => {
trackEventService.trackImporterEvent(response?.data, "JIRA_IMPORTER_CREATE", user);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});

78
web/services/issue/issue.service.ts
View File

@ -1,24 +1,18 @@
// services
import { APIService } from "services/api.service";
import { TrackEventService } from "services/track_event.service";
// type
import type { IUser, IIssue, IIssueActivity, ISubIssueResponse, IIssueDisplayProperties } from "types";
import type { IIssue, IIssueActivity, ISubIssueResponse, IIssueDisplayProperties } from "types";
// helper
import { API_BASE_URL } from "helpers/common.helper";
const trackEventService = new TrackEventService();
export class IssueService extends APIService {
constructor() {
super(API_BASE_URL);
}
async createIssue(workspaceSlug: string, projectId: string, data: any, user: IUser | undefined): Promise<any> {
async createIssue(workspaceSlug: string, projectId: string, data: any): Promise<any> {
return this.post(`/api/workspaces/${workspaceSlug}/projects/${projectId}/issues/`, data)
.then((response) => {
trackEventService.trackIssueEvent(response.data, "ISSUE_CREATE", user as IUser);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});
@ -68,26 +62,10 @@ export class IssueService extends APIService {
cycleId: string,
data: {
issues: string[];
},
user: IUser | undefined
}
) {
return this.post(`/api/workspaces/${workspaceSlug}/projects/${projectId}/cycles/${cycleId}/cycle-issues/`, data)
.then((response) => {
trackEventService.trackIssueMovedToCycleOrModuleEvent(
{
workspaceSlug,
workspaceName: response?.data?.[0]?.issue_detail?.workspace_detail?.name,
projectId,
projectIdentifier: response?.data?.[0]?.issue_detail?.project_detail?.identifier,
projectName: response?.data?.[0]?.issue_detail?.project_detail?.name,
issueId: response?.data?.[0]?.issue_detail?.id,
cycleId,
},
response.data.length > 1 ? "ISSUE_MOVED_TO_CYCLE_IN_BULK" : "ISSUE_MOVED_TO_CYCLE",
user as IUser
);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});
@ -107,7 +85,6 @@ export class IssueService extends APIService {
workspaceSlug: string,
projectId: string,
issueId: string,
user: IUser,
data: {
related_list: Array<{
relation_type: "duplicate" | "relates_to" | "blocked_by";
@ -117,29 +94,17 @@ export class IssueService extends APIService {
}
) {
return this.post(`/api/workspaces/${workspaceSlug}/projects/${projectId}/issues/${issueId}/issue-relation/`, data)
.then((response) => {
trackEventService.trackIssueRelationEvent(response.data, "ISSUE_RELATION_CREATE", user);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response;
});
}
async deleteIssueRelation(
workspaceSlug: string,
projectId: string,
issueId: string,
relationId: string,
user: IUser
) {
async deleteIssueRelation(workspaceSlug: string, projectId: string, issueId: string, relationId: string) {
return this.delete(
`/api/workspaces/${workspaceSlug}/projects/${projectId}/issues/${issueId}/issue-relation/${relationId}/`
)
.then((response) => {
trackEventService.trackIssueRelationEvent(response.data, "ISSUE_RELATION_DELETE", user);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response;
});
@ -167,40 +132,25 @@ export class IssueService extends APIService {
});
}
async patchIssue(
workspaceSlug: string,
projectId: string,
issueId: string,
data: Partial<IIssue>,
user: IUser | undefined
): Promise<any> {
async patchIssue(workspaceSlug: string, projectId: string, issueId: string, data: Partial<IIssue>): Promise<any> {
return this.patch(`/api/workspaces/${workspaceSlug}/projects/${projectId}/issues/${issueId}/`, data)
.then((response) => {
trackEventService.trackIssueEvent(response.data, "ISSUE_UPDATE", user as IUser);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});
}
async deleteIssue(workspaceSlug: string, projectId: string, issuesId: string, user: IUser | undefined): Promise<any> {
async deleteIssue(workspaceSlug: string, projectId: string, issuesId: string): Promise<any> {
return this.delete(`/api/workspaces/${workspaceSlug}/projects/${projectId}/issues/${issuesId}/`)
.then((response) => {
trackEventService.trackIssueEvent({ issuesId }, "ISSUE_DELETE", user as IUser);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});
}
async bulkDeleteIssues(workspaceSlug: string, projectId: string, data: any, user: IUser | undefined): Promise<any> {
async bulkDeleteIssues(workspaceSlug: string, projectId: string, data: any): Promise<any> {
return this.delete(`/api/workspaces/${workspaceSlug}/projects/${projectId}/bulk-delete-issues/`, data)
.then((response) => {
trackEventService.trackIssueBulkDeleteEvent(data, user as IUser);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});

41
web/services/issue/issue_comment.service.ts
View File

@ -1,12 +1,9 @@
import { APIService } from "services/api.service";
import { TrackEventService } from "services/track_event.service";
// types
import { IIssueComment, IUser } from "types";
import { IIssueComment } from "types";
// helper
import { API_BASE_URL } from "helpers/common.helper";
const trackEventService = new TrackEventService();
export class IssueCommentService extends APIService {
constructor() {
super(API_BASE_URL);
@ -24,14 +21,10 @@ export class IssueCommentService extends APIService {
workspaceSlug: string,
projectId: string,
issueId: string,
data: Partial<IIssueComment>,
user: IUser | undefined
data: Partial<IIssueComment>
): Promise<any> {
return this.post(`/api/workspaces/${workspaceSlug}/projects/${projectId}/issues/${issueId}/comments/`, data)
.then((response) => {
trackEventService.trackIssueCommentEvent(response.data, "ISSUE_COMMENT_CREATE", user);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});
@ -42,43 +35,23 @@ export class IssueCommentService extends APIService {
projectId: string,
issueId: string,
commentId: string,
data: Partial<IIssueComment>,
user: IUser | undefined
data: Partial<IIssueComment>
): Promise<any> {
return this.patch(
`/api/workspaces/${workspaceSlug}/projects/${projectId}/issues/${issueId}/comments/${commentId}/`,
data
)
.then((response) => {
trackEventService.trackIssueCommentEvent(response.data, "ISSUE_COMMENT_UPDATE", user);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});
}
async deleteIssueComment(
workspaceSlug: string,
projectId: string,
issueId: string,
commentId: string,
user: IUser | undefined
): Promise<any> {
async deleteIssueComment(workspaceSlug: string, projectId: string, issueId: string, commentId: string): Promise<any> {
return this.delete(
`/api/workspaces/${workspaceSlug}/projects/${projectId}/issues/${issueId}/comments/${commentId}/`
)
.then((response) => {
trackEventService.trackIssueCommentEvent(
{
issueId,
commentId,
},
"ISSUE_COMMENT_DELETE",
user
);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});

75
web/services/issue/issue_label.service.ts
View File

@ -1,11 +1,8 @@
import { API_BASE_URL } from "helpers/common.helper";
// services
import { APIService } from "services/api.service";
import { TrackEventService } from "services/track_event.service";
// types
import { IIssueLabel, IUser } from "types";
const trackEventServices = new TrackEventService();
import { IIssueLabel } from "types";
export class IssueLabelService extends APIService {
constructor() {
@ -28,83 +25,25 @@ export class IssueLabelService extends APIService {
});
}
async createIssueLabel(
workspaceSlug: string,
projectId: string,
data: any,
user: IUser | undefined
): Promise<IIssueLabel> {
async createIssueLabel(workspaceSlug: string, projectId: string, data: any): Promise<IIssueLabel> {
return this.post(`/api/workspaces/${workspaceSlug}/projects/${projectId}/issue-labels/`, data)
.then((response: { data: IIssueLabel; [key: string]: any }) => {
trackEventServices.trackIssueLabelEvent(
{
workSpaceId: response?.data?.workspace_detail?.id,
workSpaceName: response?.data?.workspace_detail?.name,
workspaceSlug,
projectId,
projectIdentifier: response?.data?.project_detail?.identifier,
projectName: response?.data?.project_detail?.name,
labelId: response?.data?.id,
color: response?.data?.color,
},
"ISSUE_LABEL_CREATE",
user as IUser
);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});
}
async patchIssueLabel(
workspaceSlug: string,
projectId: string,
labelId: string,
data: any,
user: IUser | undefined
): Promise<any> {
async patchIssueLabel(workspaceSlug: string, projectId: string, labelId: string, data: any): Promise<any> {
return this.patch(`/api/workspaces/${workspaceSlug}/projects/${projectId}/issue-labels/${labelId}/`, data)
.then((response) => {
trackEventServices.trackIssueLabelEvent(
{
workSpaceId: response?.data?.workspace_detail?.id,
workSpaceName: response?.data?.workspace_detail?.name,
workspaceSlug,
projectId,
projectIdentifier: response?.data?.project_detail?.identifier,
projectName: response?.data?.project_detail?.name,
labelId: response?.data?.id,
color: response?.data?.color,
},
"ISSUE_LABEL_UPDATE",
user as IUser
);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});
}
async deleteIssueLabel(
workspaceSlug: string,
projectId: string,
labelId: string,
user: IUser | undefined
): Promise<any> {
async deleteIssueLabel(workspaceSlug: string, projectId: string, labelId: string): Promise<any> {
return this.delete(`/api/workspaces/${workspaceSlug}/projects/${projectId}/issue-labels/${labelId}/`)
.then((response) => {
trackEventServices.trackIssueLabelEvent(
{
workspaceSlug,
projectId,
},
"ISSUE_LABEL_DELETE",
user as IUser
);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});

42
web/services/issue/issue_reaction.service.ts
View File

@ -1,11 +1,8 @@
import { API_BASE_URL } from "helpers/common.helper";
// services
import { APIService } from "services/api.service";
import { TrackEventService } from "services/track_event.service";
// types
import type { IUser, IssueReaction, IssueCommentReaction, IssueReactionForm, IssueCommentReactionForm } from "types";
const trackEventService = new TrackEventService();
import type { IssueReaction, IssueCommentReaction, IssueReactionForm, IssueCommentReactionForm } from "types";
export class IssueReactionService extends APIService {
constructor() {
@ -16,14 +13,10 @@ export class IssueReactionService extends APIService {
workspaceSlug: string,
projectId: string,
issueId: string,
data: IssueReactionForm,
user?: IUser
data: IssueReactionForm
): Promise<any> {
return this.post(`/api/workspaces/${workspaceSlug}/projects/${projectId}/issues/${issueId}/reactions/`, data)
.then((response) => {
trackEventService.trackReactionEvent(response?.data, "ISSUE_REACTION_CREATE", user as IUser);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});
@ -37,20 +30,11 @@ export class IssueReactionService extends APIService {
});
}
async deleteIssueReaction(
workspaceSlug: string,
projectId: string,
issueId: string,
reaction: string,
user?: IUser
): Promise<any> {
async deleteIssueReaction(workspaceSlug: string, projectId: string, issueId: string, reaction: string): Promise<any> {
return this.delete(
`/api/workspaces/${workspaceSlug}/projects/${projectId}/issues/${issueId}/reactions/${reaction}/`
)
.then((response) => {
trackEventService.trackReactionEvent(response?.data, "ISSUE_REACTION_DELETE", user as IUser);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});
@ -60,14 +44,10 @@ export class IssueReactionService extends APIService {
workspaceSlug: string,
projectId: string,
commentId: string,
data: IssueCommentReactionForm,
user?: IUser
data: IssueCommentReactionForm
): Promise<any> {
return this.post(`/api/workspaces/${workspaceSlug}/projects/${projectId}/comments/${commentId}/reactions/`, data)
.then((response) => {
trackEventService.trackReactionEvent(response?.data, "ISSUE_COMMENT_REACTION_CREATE", user as IUser);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});
@ -89,16 +69,12 @@ export class IssueReactionService extends APIService {
workspaceSlug: string,
projectId: string,
commentId: string,
reaction: string,
user?: IUser
reaction: string
): Promise<any> {
return this.delete(
`/api/workspaces/${workspaceSlug}/projects/${projectId}/comments/${commentId}/reactions/${reaction}/`
)
.then((response) => {
trackEventService.trackReactionEvent(response?.data, "ISSUE_COMMENT_REACTION_DELETE", user as IUser);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});

60
web/services/module.service.ts
View File

@ -1,12 +1,9 @@
// services
import { APIService } from "services/api.service";
import { TrackEventService } from "services/track_event.service";
// types
import type { IModule, IIssue, IUser } from "types";
import type { IModule, IIssue } from "types";
import { API_BASE_URL } from "helpers/common.helper";
const trackEventService = new TrackEventService();
export class ModuleService extends APIService {
constructor() {
super(API_BASE_URL);
@ -20,29 +17,17 @@ export class ModuleService extends APIService {
});
}
async createModule(workspaceSlug: string, projectId: string, data: any, user: any): Promise<IModule> {
async createModule(workspaceSlug: string, projectId: string, data: any): Promise<IModule> {
return this.post(`/api/workspaces/${workspaceSlug}/projects/${projectId}/modules/`, data)
.then((response) => {
trackEventService.trackModuleEvent(response?.data, "MODULE_CREATE", user);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});
}
async updateModule(
workspaceSlug: string,
projectId: string,
moduleId: string,
data: any,
user: IUser | undefined
): Promise<any> {
async updateModule(workspaceSlug: string, projectId: string, moduleId: string, data: any): Promise<any> {
return this.put(`/api/workspaces/${workspaceSlug}/projects/${projectId}/modules/${moduleId}/`, data)
.then((response) => {
trackEventService.trackModuleEvent(response?.data, "MODULE_UPDATE", user as IUser);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});
@ -60,25 +45,18 @@ export class ModuleService extends APIService {
workspaceSlug: string,
projectId: string,
moduleId: string,
data: Partial<IModule>,
user: IUser | undefined
data: Partial<IModule>
): Promise<IModule> {
return this.patch(`/api/workspaces/${workspaceSlug}/projects/${projectId}/modules/${moduleId}/`, data)
.then((response) => {
if (user) trackEventService.trackModuleEvent(response?.data, "MODULE_UPDATE", user);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});
}
async deleteModule(workspaceSlug: string, projectId: string, moduleId: string, user: any): Promise<any> {
async deleteModule(workspaceSlug: string, projectId: string, moduleId: string): Promise<any> {
return this.delete(`/api/workspaces/${workspaceSlug}/projects/${projectId}/modules/${moduleId}/`)
.then((response) => {
trackEventService.trackModuleEvent(response?.data, "MODULE_DELETE", user);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});
@ -116,26 +94,10 @@ export class ModuleService extends APIService {
workspaceSlug: string,
projectId: string,
moduleId: string,
data: { issues: string[] },
user: IUser | undefined
data: { issues: string[] }
): Promise<any> {
return this.post(`/api/workspaces/${workspaceSlug}/projects/${projectId}/modules/${moduleId}/module-issues/`, data)
.then((response) => {
trackEventService.trackIssueMovedToCycleOrModuleEvent(
{
workspaceSlug,
workspaceName: response?.data?.[0]?.issue_detail?.workspace_detail?.name,
projectId,
projectIdentifier: response?.data?.[0]?.issue_detail?.project_detail?.identifier,
projectName: response?.data?.[0]?.issue_detail?.project_detail?.name,
issueId: response?.data?.[0]?.issue_detail?.id,
moduleId,
},
response?.data?.length > 1 ? "ISSUE_MOVED_TO_MODULE_IN_BULK" : "ISSUE_MOVED_TO_MODULE",
user as IUser
);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});

74
web/services/page.service.ts
View File

@ -1,56 +1,33 @@
import { API_BASE_URL } from "helpers/common.helper";
// services
import { APIService } from "services/api.service";
import { TrackEventService } from "services/track_event.service";
// types
import { IPage, IPageBlock, RecentPagesResponse, IIssue, IUser } from "types";
const trackEventService = new TrackEventService();
import { IPage, IPageBlock, RecentPagesResponse, IIssue } from "types";
export class PageService extends APIService {
constructor() {
super(API_BASE_URL);
}
async createPage(
workspaceSlug: string,
projectId: string,
data: Partial<IPage>,
user: IUser | undefined
): Promise<IPage> {
async createPage(workspaceSlug: string, projectId: string, data: Partial<IPage>): Promise<IPage> {
return this.post(`/api/workspaces/${workspaceSlug}/projects/${projectId}/pages/`, data)
.then((response) => {
trackEventService.trackPageEvent(response?.data, "PAGE_CREATE", user);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});
}
async patchPage(
workspaceSlug: string,
projectId: string,
pageId: string,
data: Partial<IPage>,
user: IUser | undefined
): Promise<IPage> {
async patchPage(workspaceSlug: string, projectId: string, pageId: string, data: Partial<IPage>): Promise<IPage> {
return this.patch(`/api/workspaces/${workspaceSlug}/projects/${projectId}/pages/${pageId}/`, data)
.then((response) => {
trackEventService.trackPageEvent(response?.data, "PAGE_UPDATE", user);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});
}
async deletePage(workspaceSlug: string, projectId: string, pageId: string, user: IUser | undefined): Promise<any> {
async deletePage(workspaceSlug: string, projectId: string, pageId: string): Promise<any> {
return this.delete(`/api/workspaces/${workspaceSlug}/projects/${projectId}/pages/${pageId}/`)
.then((response) => {
trackEventService.trackPageEvent(response?.data, "PAGE_DELETE", user);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});
@ -118,14 +95,10 @@ export class PageService extends APIService {
workspaceSlug: string,
projectId: string,
pageId: string,
data: Partial<IPageBlock>,
user: IUser | undefined
data: Partial<IPageBlock>
): Promise<IPageBlock> {
return this.post(`/api/workspaces/${workspaceSlug}/projects/${projectId}/pages/${pageId}/page-blocks/`, data)
.then((response) => {
trackEventService.trackPageBlockEvent(response?.data, "PAGE_BLOCK_CREATE", user as IUser);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});
@ -151,36 +124,23 @@ export class PageService extends APIService {
projectId: string,
pageId: string,
pageBlockId: string,
data: Partial<IPageBlock>,
user: IUser | undefined
data: Partial<IPageBlock>
): Promise<IPage> {
return this.patch(
`/api/workspaces/${workspaceSlug}/projects/${projectId}/pages/${pageId}/page-blocks/${pageBlockId}/`,
data
)
.then((response) => {
trackEventService.trackPageBlockEvent(response?.data, "PAGE_BLOCK_UPDATE", user as IUser);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});
}
async deletePageBlock(
workspaceSlug: string,
projectId: string,
pageId: string,
pageBlockId: string,
user: IUser | undefined
): Promise<any> {
async deletePageBlock(workspaceSlug: string, projectId: string, pageId: string, pageBlockId: string): Promise<any> {
return this.delete(
`/api/workspaces/${workspaceSlug}/projects/${projectId}/pages/${pageId}/page-blocks/${pageBlockId}/`
)
.then((response) => {
trackEventService.trackPageBlockEvent(response?.data, "PAGE_BLOCK_DELETE", user as IUser);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});
@ -198,16 +158,12 @@ export class PageService extends APIService {
workspaceSlug: string,
projectId: string,
pageId: string,
blockId: string,
user: IUser | undefined
blockId: string
): Promise<IIssue> {
return this.post(
`/api/workspaces/${workspaceSlug}/projects/${projectId}/pages/${pageId}/page-blocks/${blockId}/issues/`
)
.then((response) => {
trackEventService.trackPageBlockEvent(response?.data, "PAGE_BLOCK_CONVERTED_TO_ISSUE", user as IUser);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});

37
web/services/project/project-estimate.service.ts
View File

@ -1,29 +1,18 @@
// services
import { APIService } from "services/api.service";
import { TrackEventService } from "services/track_event.service";
// types
import type { IUser, IEstimate, IEstimateFormData } from "types";
import type { IEstimate, IEstimateFormData } from "types";
// helpers
import { API_BASE_URL } from "helpers/common.helper";
const trackEventService = new TrackEventService();
export class ProjectEstimateService extends APIService {
constructor() {
super(API_BASE_URL);
}
async createEstimate(
workspaceSlug: string,
projectId: string,
data: IEstimateFormData,
user: IUser | undefined
): Promise<any> {
async createEstimate(workspaceSlug: string, projectId: string, data: IEstimateFormData): Promise<any> {
return this.post(`/api/workspaces/${workspaceSlug}/projects/${projectId}/estimates/`, data)
.then((response) => {
trackEventService.trackIssueEstimateEvent(response?.data, "ESTIMATE_CREATE", user as IUser);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response;
});
@ -33,14 +22,10 @@ export class ProjectEstimateService extends APIService {
workspaceSlug: string,
projectId: string,
estimateId: string,
data: IEstimateFormData,
user: IUser | undefined
data: IEstimateFormData
): Promise<any> {
return this.patch(`/api/workspaces/${workspaceSlug}/projects/${projectId}/estimates/${estimateId}/`, data)
.then((response) => {
trackEventService.trackIssueEstimateEvent(response?.data, "ESTIMATE_UPDATE", user as IUser);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});
@ -62,17 +47,9 @@ export class ProjectEstimateService extends APIService {
});
}
async deleteEstimate(
workspaceSlug: string,
projectId: string,
estimateId: string,
user: IUser | undefined
): Promise<any> {
async deleteEstimate(workspaceSlug: string, projectId: string, estimateId: string): Promise<any> {
return this.delete(`/api/workspaces/${workspaceSlug}/projects/${projectId}/estimates/${estimateId}/`)
.then((response) => {
trackEventService.trackIssueEstimateEvent(response?.data, "ESTIMATE_DELETE", user as IUser);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});

19
web/services/project/project-export.service.ts
View File

@ -1,12 +1,7 @@
import { APIService } from "services/api.service";
import { TrackEventService } from "services/track_event.service";
// types
import { IUser } from "types";
// helpers
import { API_BASE_URL } from "helpers/common.helper";
const trackEventService = new TrackEventService();
export class ProjectExportService extends APIService {
constructor() {
super(API_BASE_URL);
@ -17,20 +12,10 @@ export class ProjectExportService extends APIService {
data: {
provider: string;
project: string[];
},
user: IUser
}
): Promise<any> {
return this.post(`/api/workspaces/${workspaceSlug}/export-issues/`, data)
.then((response) => {
trackEventService.trackExporterEvent(
{
workspaceSlug,
},
"CSV_EXPORTER_CREATE",
user
);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});

27
web/services/project/project-member.service.ts
View File

@ -1,11 +1,8 @@
import { API_BASE_URL } from "helpers/common.helper";
// services
import { APIService } from "services/api.service";
import { TrackEventService } from "services/track_event.service";
// types
import type { IUser, IProjectBulkAddFormData, IProjectMember, IProjectMemberInvitation } from "types";
const trackEventService = new TrackEventService();
import type { IProjectBulkAddFormData, IProjectMember, IProjectMemberInvitation } from "types";
export class ProjectMemberService extends APIService {
constructor() {
@ -20,27 +17,9 @@ export class ProjectMemberService extends APIService {
});
}
async bulkAddMembersToProject(
workspaceSlug: string,
projectId: string,
data: IProjectBulkAddFormData,
user: IUser | undefined
): Promise<any> {
async bulkAddMembersToProject(workspaceSlug: string, projectId: string, data: IProjectBulkAddFormData): Promise<any> {
return this.post(`/api/workspaces/${workspaceSlug}/projects/${projectId}/members/`, data)
.then((response) => {
trackEventService.trackProjectEvent(
{
workspaceId: response?.data?.workspace?.id,
workspaceSlug,
projectId,
projectName: response?.data?.project?.name,
memberEmail: response?.data?.member?.email,
},
"PROJECT_MEMBER_INVITE",
user as IUser
);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});

45
web/services/project/project-state.service.ts
View File

@ -1,24 +1,18 @@
// services
import { APIService } from "services/api.service";
import { TrackEventService } from "services/track_event.service";
// helpers
import { API_BASE_URL } from "helpers/common.helper";
// types
import type { IUser, IState } from "types";
const trackEventService = new TrackEventService();
import type { IState } from "types";
export class ProjectStateService extends APIService {
constructor() {
super(API_BASE_URL);
}
async createState(workspaceSlug: string, projectId: string, data: any, user: IUser | undefined): Promise<IState> {
async createState(workspaceSlug: string, projectId: string, data: any): Promise<IState> {
return this.post(`/api/workspaces/${workspaceSlug}/projects/${projectId}/states/`, data)
.then((response) => {
trackEventService.trackStateEvent(response?.data, "STATE_CREATE", user as IUser);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response;
});
@ -48,46 +42,25 @@ export class ProjectStateService extends APIService {
});
}
async updateState(
workspaceSlug: string,
projectId: string,
stateId: string,
data: IState,
user: IUser | undefined
): Promise<any> {
async updateState(workspaceSlug: string, projectId: string, stateId: string, data: IState): Promise<any> {
return this.put(`/api/workspaces/${workspaceSlug}/projects/${projectId}/states/${stateId}/`, data)
.then((response) => {
trackEventService.trackStateEvent(response?.data, "STATE_UPDATE", user as IUser);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response;
});
}
async patchState(
workspaceSlug: string,
projectId: string,
stateId: string,
data: Partial<IState>,
user: IUser | undefined
): Promise<any> {
async patchState(workspaceSlug: string, projectId: string, stateId: string, data: Partial<IState>): Promise<any> {
return this.patch(`/api/workspaces/${workspaceSlug}/projects/${projectId}/states/${stateId}/`, data)
.then((response) => {
trackEventService.trackStateEvent(response?.data, "STATE_UPDATE", user as IUser);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});
}
async deleteState(workspaceSlug: string, projectId: string, stateId: string, user: IUser | undefined): Promise<any> {
async deleteState(workspaceSlug: string, projectId: string, stateId: string): Promise<any> {
return this.delete(`/api/workspaces/${workspaceSlug}/projects/${projectId}/states/${stateId}/`)
.then((response) => {
trackEventService.trackStateEvent(response?.data, "STATE_DELETE", user as IUser);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response;
});

39
web/services/project/project.service.ts
View File

@ -1,7 +1,6 @@
import { API_BASE_URL } from "helpers/common.helper";
// services
import { APIService } from "services/api.service";
import { TrackEventService } from "services/track_event.service";
// types
import type {
GithubRepositoriesResponse,
@ -12,19 +11,14 @@ import type {
TProjectIssuesSearchParams,
} from "types";
const trackEventService = new TrackEventService();
export class ProjectService extends APIService {
constructor() {
super(API_BASE_URL);
}
async createProject(workspaceSlug: string, data: Partial<IProject>, user: any): Promise<IProject> {
async createProject(workspaceSlug: string, data: Partial<IProject>): Promise<IProject> {
return this.post(`/api/workspaces/${workspaceSlug}/projects/`, data)
.then((response) => {
trackEventService.trackProjectEvent(response.data, "CREATE_PROJECT", user);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response;
});
@ -58,23 +52,17 @@ export class ProjectService extends APIService {
});
}
async updateProject(workspaceSlug: string, projectId: string, data: Partial<IProject>, user: any): Promise<IProject> {
async updateProject(workspaceSlug: string, projectId: string, data: Partial<IProject>): Promise<IProject> {
return this.patch(`/api/workspaces/${workspaceSlug}/projects/${projectId}/`, data)
.then((response) => {
trackEventService.trackProjectEvent(response.data, "UPDATE_PROJECT", user);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});
}
async deleteProject(workspaceSlug: string, projectId: string, user: any | undefined): Promise<any> {
async deleteProject(workspaceSlug: string, projectId: string): Promise<any> {
return this.delete(`/api/workspaces/${workspaceSlug}/projects/${projectId}/`)
.then((response) => {
trackEventService.trackProjectEvent({ projectId }, "DELETE_PROJECT", user);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});
@ -88,20 +76,9 @@ export class ProjectService extends APIService {
});
}
async leaveProject(workspaceSlug: string, projectId: string, user: any): Promise<any> {
async leaveProject(workspaceSlug: string, projectId: string): Promise<any> {
return this.delete(`/api/workspaces/${workspaceSlug}/projects/${projectId}/members/leave/`)
.then((response) => {
trackEventService.trackProjectEvent(
"PROJECT_MEMBER_LEAVE",
{
workspaceSlug,
projectId,
...response?.data,
},
user
);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});

850
web/services/track_event.service.ts
View File

@ -1,850 +0,0 @@
// services
import { APIService } from "services/api.service";
const trackEvent = process.env.NEXT_PUBLIC_TRACK_EVENTS === "true" || process.env.NEXT_PUBLIC_TRACK_EVENTS === "1";
// types
import type {
IUser,
ICycle,
IEstimate,
IGptResponse,
IIssue,
IIssueComment,
IModule,
IPage,
IPageBlock,
IProject,
IState,
IProjectView,
IWorkspace,
IssueCommentReaction,
IssueReaction,
} from "types";
type WorkspaceEventType =
| "CREATE_WORKSPACE"
| "UPDATE_WORKSPACE"
| "DELETE_WORKSPACE"
| "WORKSPACE_USER_INVITE"
| "WORKSPACE_USER_INVITE_ACCEPT"
| "WORKSPACE_USER_BULK_INVITE_ACCEPT";
type ProjectEventType =
| "CREATE_PROJECT"
| "UPDATE_PROJECT"
| "DELETE_PROJECT"
| "PROJECT_MEMBER_INVITE"
| "PROJECT_MEMBER_LEAVE";
type IssueEventType = "ISSUE_CREATE" | "ISSUE_UPDATE" | "ISSUE_DELETE";
type CycleEventType = "CYCLE_CREATE" | "CYCLE_UPDATE" | "CYCLE_DELETE";
type StateEventType = "STATE_CREATE" | "STATE_UPDATE" | "STATE_DELETE";
type ModuleEventType = "MODULE_CREATE" | "MODULE_UPDATE" | "MODULE_DELETE";
type PagesEventType = "PAGE_CREATE" | "PAGE_UPDATE" | "PAGE_DELETE";
type ViewEventType = "VIEW_CREATE" | "VIEW_UPDATE" | "VIEW_DELETE";
type IssueCommentEventType = "ISSUE_COMMENT_CREATE" | "ISSUE_COMMENT_UPDATE" | "ISSUE_COMMENT_DELETE";
type Toggle = "TOGGLE_CYCLE" | "TOGGLE_MODULE" | "TOGGLE_VIEW" | "TOGGLE_PAGES" | "TOGGLE_STATE" | "TOGGLE_INBOX";
export type MiscellaneousEventType = `${Toggle}_ON` | `${Toggle}_OFF`;
type IntegrationEventType = "ADD_WORKSPACE_INTEGRATION" | "REMOVE_WORKSPACE_INTEGRATION";
type GitHubSyncEventType = "GITHUB_REPO_SYNC";
type PageBlocksEventType =
| "PAGE_BLOCK_CREATE"
| "PAGE_BLOCK_UPDATE"
| "PAGE_BLOCK_DELETE"
| "PAGE_BLOCK_CONVERTED_TO_ISSUE";
type IssueLabelEventType = "ISSUE_LABEL_CREATE" | "ISSUE_LABEL_UPDATE" | "ISSUE_LABEL_DELETE";
type GptEventType = "ASK_GPT" | "USE_GPT_RESPONSE_IN_ISSUE" | "USE_GPT_RESPONSE_IN_PAGE_BLOCK";
type IssueEstimateEventType = "ESTIMATE_CREATE" | "ESTIMATE_UPDATE" | "ESTIMATE_DELETE";
type InboxEventType =
| "INBOX_CREATE"
| "INBOX_UPDATE"
| "INBOX_DELETE"
| "INBOX_ISSUE_CREATE"
| "INBOX_ISSUE_UPDATE"
| "INBOX_ISSUE_DELETE"
| "INBOX_ISSUE_DUPLICATED"
| "INBOX_ISSUE_ACCEPTED"
| "INBOX_ISSUE_SNOOZED"
| "INBOX_ISSUE_REJECTED";
type ImporterEventType =
| "GITHUB_IMPORTER_CREATE"
| "GITHUB_IMPORTER_DELETE"
| "JIRA_IMPORTER_CREATE"
| "JIRA_IMPORTER_DELETE";
type ExporterEventType = "CSV_EXPORTER_CREATE";
type AnalyticsEventType =
| "WORKSPACE_SCOPE_AND_DEMAND_ANALYTICS"
| "WORKSPACE_CUSTOM_ANALYTICS"
| "WORKSPACE_ANALYTICS_EXPORT"
| "PROJECT_SCOPE_AND_DEMAND_ANALYTICS"
| "PROJECT_CUSTOM_ANALYTICS"
| "PROJECT_ANALYTICS_EXPORT"
| "CYCLE_SCOPE_AND_DEMAND_ANALYTICS"
| "CYCLE_CUSTOM_ANALYTICS"
| "CYCLE_ANALYTICS_EXPORT"
| "MODULE_SCOPE_AND_DEMAND_ANALYTICS"
| "MODULE_CUSTOM_ANALYTICS"
| "MODULE_ANALYTICS_EXPORT";
type ReactionEventType =
| "ISSUE_REACTION_CREATE"
| "ISSUE_COMMENT_REACTION_CREATE"
| "ISSUE_REACTION_DELETE"
| "ISSUE_COMMENT_REACTION_DELETE";
export class TrackEventService extends APIService {
constructor() {
super("/");
}
async trackWorkspaceEvent(data: IWorkspace | any, eventName: WorkspaceEventType, user: IUser): Promise<any> {
if (!trackEvent) return;
let payload: any;
if (
eventName !== "DELETE_WORKSPACE" &&
eventName !== "WORKSPACE_USER_INVITE" &&
eventName !== "WORKSPACE_USER_INVITE_ACCEPT" &&
eventName !== "WORKSPACE_USER_BULK_INVITE_ACCEPT"
)
payload = {
workspaceId: data.id,
workspaceSlug: data.slug,
workspaceName: data.name,
};
else payload = data;
return this.request({
url: "/api/track-event",
method: "POST",
data: {
eventName,
extra: {
...payload,
},
user: user,
},
});
}
async trackProjectEvent(data: Partial<IProject> | any, eventName: ProjectEventType, user: IUser): Promise<any> {
if (!trackEvent) return;
let payload: any;
if (eventName !== "DELETE_PROJECT" && eventName !== "PROJECT_MEMBER_INVITE" && eventName !== "PROJECT_MEMBER_LEAVE")
payload = {
workspaceId: data?.workspace_detail?.id,
workspaceName: data?.workspace_detail?.name,
workspaceSlug: data?.workspace_detail?.slug,
projectId: data?.id,
projectName: data?.name,
};
else payload = data;
return this.request({
url: "/api/track-event",
method: "POST",
data: {
eventName,
extra: {
...payload,
},
user: user,
},
});
}
async trackUserOnboardingCompleteEvent(data: any, user: IUser): Promise<any> {
if (!trackEvent) return;
return this.request({
url: "/api/track-event",
method: "POST",
data: {
eventName: "USER_ONBOARDING_COMPLETE",
extra: {
...data,
},
user: user,
},
});
}
async trackUserTourCompleteEvent(data: any, user: IUser): Promise<any> {
if (!trackEvent) return;
return this.request({
url: "/api/track-event",
method: "POST",
data: {
eventName: "USER_TOUR_COMPLETE",
extra: {
...data,
},
user: user,
},
});
}
async trackIssueEvent(data: IIssue | any, eventName: IssueEventType, user: IUser): Promise<any> {
if (!trackEvent) return;
let payload: any;
if (eventName !== "ISSUE_DELETE")
payload = {
workspaceId: data?.workspace_detail?.id,
workspaceName: data?.workspace_detail?.name,
workspaceSlug: data?.workspace_detail?.slug,
projectId: data?.project_detail?.id,
projectName: data?.project_detail?.name,
projectIdentifier: data?.project_detail?.identifier,
issueId: data?.id,
};
else payload = data;
return this.request({
url: "/api/track-event",
method: "POST",
data: {
eventName,
extra: {
...payload,
},
user: user,
},
});
}
async trackIssueMarkedAsDoneEvent(data: any, user: IUser): Promise<any> {
if (!trackEvent) return;
return this.request({
url: "/api/track-event",
method: "POST",
data: {
eventName: "ISSUES_MARKED_AS_DONE",
extra: {
...data,
},
user: user,
},
});
}
async trackIssuePartialPropertyUpdateEvent(
data: any,
propertyName:
| "ISSUE_PROPERTY_UPDATE_PRIORITY"
| "ISSUE_PROPERTY_UPDATE_STATE"
| "ISSUE_PROPERTY_UPDATE_ASSIGNEE"
| "ISSUE_PROPERTY_UPDATE_DUE_DATE"
| "ISSUE_PROPERTY_UPDATE_ESTIMATE",
user: IUser
): Promise<any> {
if (!trackEvent) return;
return this.request({
url: "/api/track-event",
method: "POST",
data: {
eventName: propertyName,
extra: {
...data,
},
user: user,
},
});
}
async trackIssueCommentEvent(
data: Partial<IIssueComment> | any,
eventName: IssueCommentEventType,
user: IUser | undefined
): Promise<any> {
if (!trackEvent) return;
let payload: any;
if (eventName !== "ISSUE_COMMENT_DELETE")
payload = {
workspaceId: data?.workspace_detail?.id,
workspaceName: data?.workspace_detail?.name,
workspaceSlug: data?.workspace_detail?.slug,
projectId: data?.project_detail?.id,
projectName: data?.project_detail?.name,
projectIdentifier: data?.project_detail?.identifier,
issueId: data?.issue,
};
else payload = data;
return this.request({
url: "/api/track-event",
method: "POST",
data: {
eventName,
extra: {
...payload,
},
user: user,
},
});
}
async trackIssueRelationEvent(
data: any,
eventName: "ISSUE_RELATION_CREATE" | "ISSUE_RELATION_DELETE",
user: IUser
): Promise<any> {
if (!trackEvent) return;
return this.request({
url: "/api/track-event",
method: "POST",
data: {
eventName,
extra: data,
user: user,
},
});
}
async trackIssueMovedToCycleOrModuleEvent(
data: any,
eventName:
| "ISSUE_MOVED_TO_CYCLE"
| "ISSUE_MOVED_TO_MODULE"
| "ISSUE_MOVED_TO_CYCLE_IN_BULK"
| "ISSUE_MOVED_TO_MODULE_IN_BULK",
user: IUser
): Promise<any> {
if (!trackEvent) return;
return this.request({
url: "/api/track-event",
method: "POST",
data: {
eventName,
extra: {
...data,
},
user: user,
},
});
}
async trackIssueBulkDeleteEvent(data: any, user: IUser): Promise<any> {
if (!trackEvent) return;
return this.request({
url: "/api/track-event",
method: "POST",
data: {
eventName: "ISSUE_BULK_DELETE",
extra: {
...data,
},
user: user,
},
});
}
async trackIssueLabelEvent(data: any, eventName: IssueLabelEventType, user: IUser): Promise<any> {
if (!trackEvent) return;
return this.request({
url: "/api/track-event",
method: "POST",
data: {
eventName,
extra: {
...data,
},
user: user,
},
});
}
async trackStateEvent(data: IState | any, eventName: StateEventType, user: IUser): Promise<any> {
if (!trackEvent) return;
let payload: any;
if (eventName !== "STATE_DELETE")
payload = {
workspaceId: data?.workspace_detail?.id,
workspaceName: data?.workspace_detail?.name,
workspaceSlug: data?.workspace_detail?.slug,
projectId: data?.project_detail?.id,
projectName: data?.project_detail?.name,
projectIdentifier: data?.project_detail?.identifier,
stateId: data.id,
};
else payload = data;
return this.request({
url: "/api/track-event",
method: "POST",
data: {
eventName,
extra: {
...payload,
},
user: user,
},
});
}
async trackCycleEvent(data: ICycle | any, eventName: CycleEventType, user: IUser): Promise<any> {
if (!trackEvent) return;
let payload: any;
if (eventName !== "CYCLE_DELETE")
payload = {
workspaceId: data?.workspace_detail?.id,
workspaceName: data?.workspace_detail?.name,
workspaceSlug: data?.workspace_detail?.slug,
projectId: data?.project_detail?.id,
projectName: data?.project_detail?.name,
projectIdentifier: data?.project_detail?.identifier,
cycleId: data.id,
};
else payload = data;
return this.request({
url: "/api/track-event",
method: "POST",
data: {
eventName,
extra: {
...payload,
},
user: user,
},
});
}
async trackModuleEvent(data: IModule | any, eventName: ModuleEventType, user: IUser): Promise<any> {
if (!trackEvent) return;
let payload: any;
if (eventName !== "MODULE_DELETE")
payload = {
workspaceId: data?.workspace_detail?.id,
workspaceName: data?.workspace_detail?.name,
workspaceSlug: data?.workspace_detail?.slug,
projectId: data?.project_detail?.id,
projectName: data.project_detail?.name,
projectIdentifier: data?.project_detail?.identifier,
moduleId: data.id,
};
else payload = data;
return this.request({
url: "/api/track-event",
method: "POST",
data: {
eventName,
extra: {
...payload,
},
user: user,
},
});
}
async trackPageEvent(data: Partial<IPage> | any, eventName: PagesEventType, user: IUser | undefined): Promise<any> {
if (!trackEvent) return;
let payload: any;
if (eventName !== "PAGE_DELETE")
payload = {
workspaceId: data?.workspace_detail?.id,
workspaceName: data?.workspace_detail?.name,
workspaceSlug: data?.workspace_detail?.slug,
projectId: data?.project_detail?.id,
projectName: data?.project_detail?.name,
projectIdentifier: data?.project_detail?.identifier,
pageId: data.id,
};
else payload = data;
return this.request({
url: "/api/track-event",
method: "POST",
data: {
eventName,
extra: {
...payload,
},
user: user,
},
});
}
async trackPageBlockEvent(
data: Partial<IPageBlock> | IIssue,
eventName: PageBlocksEventType,
user: IUser
): Promise<any> {
if (!trackEvent) return;
let payload: any;
if (eventName !== "PAGE_BLOCK_DELETE" && eventName !== "PAGE_BLOCK_CONVERTED_TO_ISSUE")
payload = {
workspaceId: data?.workspace_detail?.id,
workspaceName: data?.workspace_detail?.name,
workspaceSlug: data?.workspace_detail?.slug,
projectId: data?.project_detail?.id,
projectName: data?.project_detail?.name,
projectIdentifier: data?.project_detail?.identifier,
pageId: (data as IPageBlock)?.page,
pageBlockId: data.id,
};
else if (eventName === "PAGE_BLOCK_CONVERTED_TO_ISSUE") {
payload = {
workspaceId: data?.workspace_detail?.id,
workspaceName: data?.workspace_detail?.name,
workspaceSlug: data?.workspace_detail?.slug,
projectId: data?.project_detail?.id,
projectName: data?.project_detail?.name,
projectIdentifier: data?.project_detail?.identifier,
issueId: data?.id,
};
} else payload = data;
return this.request({
url: "/api/track-event",
method: "POST",
data: {
eventName,
extra: {
...payload,
},
user: user,
},
});
}
async trackAskGptEvent(data: IGptResponse, eventName: GptEventType, user: IUser): Promise<any> {
if (!trackEvent) return;
const payload = {
workspaceId: data?.workspace_detail?.id,
workspaceName: data?.workspace_detail?.name,
workspaceSlug: data?.workspace_detail?.slug,
projectId: data?.project_detail?.id,
projectIdentifier: data?.project_detail?.identifier,
projectName: data?.project_detail?.name,
count: data?.count,
};
return this.request({
url: "/api/track-event",
method: "POST",
data: {
eventName,
extra: {
...payload,
},
user: user,
},
});
}
async trackUseGPTResponseEvent(data: IIssue | IPageBlock, eventName: GptEventType, user: IUser): Promise<any> {
if (!trackEvent) return;
let payload: any;
if (eventName === "USE_GPT_RESPONSE_IN_ISSUE") {
payload = {
workspaceId: data?.workspace_detail?.id,
workspaceName: data?.workspace_detail?.name,
workspaceSlug: data?.workspace_detail?.slug,
projectId: data?.project_detail?.id,
projectIdentifier: data?.project_detail?.identifier,
projectName: data?.project_detail?.name,
issueId: data.id,
};
} else if (eventName === "USE_GPT_RESPONSE_IN_PAGE_BLOCK") {
payload = {
workspaceId: data?.workspace_detail?.id,
workspaceName: data?.workspace_detail?.name,
workspaceSlug: data?.workspace_detail?.slug,
projectId: data?.project_detail?.id,
projectIdentifier: data?.project_detail?.identifier,
projectName: data?.project_detail?.name,
pageId: (data as IPageBlock)?.page,
pageBlockId: data.id,
};
}
return this.request({
url: "/api/track-event",
method: "POST",
data: {
eventName,
extra: {
...payload,
},
user: user,
},
});
}
async trackViewEvent(data: IProjectView, eventName: ViewEventType, user: IUser): Promise<any> {
if (!trackEvent) return;
let payload: any;
if (eventName === "VIEW_DELETE") payload = data;
else
payload = {
labels: Boolean(data.query_data.labels),
assignees: Boolean(data.query_data.assignees),
priority: Boolean(data.query_data.priority),
state: Boolean(data.query_data.state),
created_by: Boolean(data.query_data.created_by),
};
return this.request({
url: "/api/track-event",
method: "POST",
data: {
eventName,
extra: {
...payload,
},
user: user,
},
});
}
async trackMiscellaneousEvent(data: any, eventName: MiscellaneousEventType, user: IUser | undefined): Promise<any> {
if (!trackEvent || !user) return;
return this.request({
url: "/api/track-event",
method: "POST",
data: {
eventName,
extra: {
...data,
},
user: user,
},
});
}
async trackAppIntegrationEvent(data: any, eventName: IntegrationEventType, user: IUser): Promise<any> {
if (!trackEvent) return;
return this.request({
url: "/api/track-event",
method: "POST",
data: {
eventName,
extra: {
...data,
},
user: user,
},
});
}
async trackGitHubSyncEvent(data: any, eventName: GitHubSyncEventType, user: IUser): Promise<any> {
if (!trackEvent) return;
return this.request({
url: "/api/track-event",
method: "POST",
data: {
eventName,
extra: {
...data,
},
user: user,
},
});
}
async trackIssueEstimateEvent(
data: { estimate: IEstimate },
eventName: IssueEstimateEventType,
user: IUser
): Promise<any> {
if (!trackEvent) return;
let payload: any;
if (eventName === "ESTIMATE_DELETE") payload = data;
else
payload = {
workspaceId: data?.estimate?.workspace_detail?.id,
workspaceName: data?.estimate?.workspace_detail?.name,
workspaceSlug: data?.estimate?.workspace_detail?.slug,
projectId: data?.estimate?.project_detail?.id,
projectName: data?.estimate?.project_detail?.name,
projectIdentifier: data?.estimate?.project_detail?.identifier,
estimateId: data.estimate?.id,
};
return this.request({
url: "/api/track-event",
method: "POST",
data: {
eventName,
extra: {
...payload,
},
user: user,
},
});
}
async trackImporterEvent(data: any, eventName: ImporterEventType, user: IUser | undefined): Promise<any> {
if (!trackEvent) return;
let payload: any;
if (eventName === "GITHUB_IMPORTER_DELETE" || eventName === "JIRA_IMPORTER_DELETE") payload = data;
else
payload = {
workspaceId: data?.workspace_detail?.id,
workspaceName: data?.workspace_detail?.name,
workspaceSlug: data?.workspace_detail?.slug,
projectId: data?.project_detail?.id,
projectName: data?.project_detail?.name,
projectIdentifier: data?.project_detail?.identifier,
};
return this.request({
url: "/api/track-event",
method: "POST",
data: {
eventName,
extra: {
...payload,
},
user: user,
},
});
}
async trackAnalyticsEvent(data: any, eventName: AnalyticsEventType, user: IUser): Promise<any> {
if (!trackEvent) return;
const payload = { ...data };
return this.request({
url: "/api/track-event",
method: "POST",
data: {
eventName,
extra: payload,
user: user,
},
});
}
async trackExporterEvent(data: any, eventName: ExporterEventType, user: IUser): Promise<any> {
if (!trackEvent) return;
const payload = { ...data };
return this.request({
url: "/api/track-event",
method: "POST",
data: {
eventName,
extra: {
...payload,
},
user: user,
},
});
}
// TODO: add types to the data
async trackInboxEvent(data: any, eventName: InboxEventType, user: IUser): Promise<any> {
if (!trackEvent) return;
let payload: any;
if (eventName !== "INBOX_DELETE")
payload = {
issue: data?.issue?.id,
inbox: data?.id,
workspaceId: data?.issue?.workspace_detail?.id,
workspaceName: data?.issue?.workspace_detail?.name,
workspaceSlug: data?.issue?.workspace_detail?.slug,
projectId: data?.issue?.project_detail?.id,
projectName: data?.issue?.project_detail?.name,
};
else payload = data;
return this.request({
url: "/api/track-event",
method: "POST",
data: {
eventName,
extra: {
...payload,
},
user: user,
},
});
}
async trackReactionEvent(
data: IssueReaction | IssueCommentReaction,
eventName: ReactionEventType,
user: IUser
): Promise<any> {
if (!trackEvent) return;
let payload: any;
if (eventName === "ISSUE_REACTION_DELETE" || eventName === "ISSUE_COMMENT_REACTION_DELETE") payload = data;
else
payload = {
workspaceId: data?.workspace,
projectId: data?.project,
reaction: data?.reaction,
};
return this.request({
url: "/api/track-event",
method: "POST",
data: {
eventName,
extra: payload,
user: user,
},
});
}
async trackProjectPublishSettingsEvent(data: any, eventName: string, user: IUser): Promise<any> {
if (!trackEvent) return;
const payload: any = data;
return this.request({
url: "/api/track-event",
method: "POST",
data: {
eventName,
extra: payload,
user: user,
},
});
}
}

22
web/services/user.service.ts
View File

@ -1,6 +1,5 @@
// services
import { APIService } from "services/api.service";
import { TrackEventService } from "services/track_event.service";
// types
import type {
IIssue,
@ -15,8 +14,6 @@ import type {
// helpers
import { API_BASE_URL } from "helpers/common.helper";
const trackEventService = new TrackEventService();
export class UserService extends APIService {
constructor() {
super(API_BASE_URL);
@ -79,32 +76,21 @@ export class UserService extends APIService {
});
}
async updateUserOnBoard({ userRole }: any, user: IUser | undefined): Promise<any> {
async updateUserOnBoard(): Promise<any> {
return this.patch("/api/users/me/onboard/", {
is_onboarded: true,
})
.then((response) => {
trackEventService.trackUserOnboardingCompleteEvent(
{
user_role: userRole ?? "None",
},
user as IUser
);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});
}
async updateUserTourCompleted(user: IUser): Promise<any> {
async updateUserTourCompleted(): Promise<any> {
return this.patch("/api/users/me/tour-completed/", {
is_tour_completed: true,
})
.then((response) => {
trackEventService.trackUserTourCompleteEvent({ user_role: user.role ?? "None" }, user);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});

30
web/services/view.service.ts
View File

@ -1,51 +1,33 @@
import { APIService } from "services/api.service";
import { TrackEventService } from "services/track_event.service";
// types
import { IProjectView } from "types/views";
// helpers
import { API_BASE_URL } from "helpers/common.helper";
const trackEventService = new TrackEventService();
export class ViewService extends APIService {
constructor() {
super(API_BASE_URL);
}
async createView(workspaceSlug: string, projectId: string, data: Partial<IProjectView>, user: any): Promise<any> {
async createView(workspaceSlug: string, projectId: string, data: Partial<IProjectView>): Promise<any> {
return this.post(`/api/workspaces/${workspaceSlug}/projects/${projectId}/views/`, data)
.then((response) => {
trackEventService.trackViewEvent(response?.data, "VIEW_CREATE", user);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});
}
async patchView(
workspaceSlug: string,
projectId: string,
viewId: string,
data: Partial<IProjectView>,
user: any
): Promise<any> {
async patchView(workspaceSlug: string, projectId: string, viewId: string, data: Partial<IProjectView>): Promise<any> {
return this.patch(`/api/workspaces/${workspaceSlug}/projects/${projectId}/views/${viewId}/`, data)
.then((response) => {
trackEventService.trackViewEvent(response?.data, "VIEW_UPDATE", user);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});
}
async deleteView(workspaceSlug: string, projectId: string, viewId: string, user: any): Promise<any> {
async deleteView(workspaceSlug: string, projectId: string, viewId: string): Promise<any> {
return this.delete(`/api/workspaces/${workspaceSlug}/projects/${projectId}/views/${viewId}/`)
.then((response) => {
trackEventService.trackViewEvent(response?.data, "VIEW_DELETE", user);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});

47
web/services/workspace.service.ts
View File

@ -1,6 +1,5 @@
// services
import { APIService } from "services/api.service";
import { TrackEventService } from "services/track_event.service";
// helpers
import { API_BASE_URL } from "helpers/common.helper";
// types
@ -12,7 +11,6 @@ import {
ILastActiveWorkspaceDetails,
IWorkspaceSearchResults,
IProductUpdateResponse,
IUser,
IWorkspaceBulkInviteFormData,
IWorkspaceViewProps,
} from "types";
@ -20,8 +18,6 @@ import { IWorkspaceView } from "types/workspace-views";
// store
import { IIssueGroupWithSubGroupsStructure, IIssueGroupedStructure, IIssueUnGroupedStructure } from "store/issue";
const trackEventService = new TrackEventService();
export class WorkspaceService extends APIService {
constructor() {
super(API_BASE_URL);
@ -43,66 +39,43 @@ export class WorkspaceService extends APIService {
});
}
async createWorkspace(data: Partial<IWorkspace>, user: IUser | undefined): Promise<IWorkspace> {
async createWorkspace(data: Partial<IWorkspace>): Promise<IWorkspace> {
return this.post("/api/workspaces/", data)
.then((response) => {
trackEventService.trackWorkspaceEvent(response.data, "CREATE_WORKSPACE", user as IUser);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});
}
async updateWorkspace(
workspaceSlug: string,
data: Partial<IWorkspace>,
user: IUser | undefined
): Promise<IWorkspace> {
async updateWorkspace(workspaceSlug: string, data: Partial<IWorkspace>): Promise<IWorkspace> {
return this.patch(`/api/workspaces/${workspaceSlug}/`, data)
.then((response) => {
trackEventService.trackWorkspaceEvent(response.data, "UPDATE_WORKSPACE", user as IUser);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});
}
async deleteWorkspace(workspaceSlug: string, user: IUser | undefined): Promise<any> {
async deleteWorkspace(workspaceSlug: string): Promise<any> {
return this.delete(`/api/workspaces/${workspaceSlug}/`)
.then((response) => {
trackEventService.trackWorkspaceEvent({ workspaceSlug }, "DELETE_WORKSPACE", user as IUser);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});
}
async inviteWorkspace(
workspaceSlug: string,
data: IWorkspaceBulkInviteFormData,
user: IUser | undefined
): Promise<any> {
async inviteWorkspace(workspaceSlug: string, data: IWorkspaceBulkInviteFormData): Promise<any> {
return this.post(`/api/workspaces/${workspaceSlug}/invite/`, data)
.then((response) => {
trackEventService.trackWorkspaceEvent(response.data, "WORKSPACE_USER_INVITE", user as IUser);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});
}
async joinWorkspace(workspaceSlug: string, invitationId: string, data: any, user: IUser | undefined): Promise<any> {
async joinWorkspace(workspaceSlug: string, invitationId: string, data: any): Promise<any> {
return this.post(`/api/workspaces/${workspaceSlug}/invitations/${invitationId}/join/`, data, {
headers: {},
})
.then((response) => {
trackEventService.trackWorkspaceEvent(response.data, "WORKSPACE_USER_INVITE_ACCEPT", user as IUser);
return response?.data;
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data;
});

14
web/store/cycle/cycle_issue.store.ts
View File

@ -324,17 +324,9 @@ export class CycleIssueStore implements ICycleIssueStore {
addIssueToCycle = async (workspaceSlug: string, projectId: string, cycleId: string, issueIds: string[]) => {
try {
const user = this.rootStore.user.currentUser ?? undefined;
await this.issueService.addIssueToCycle(
workspaceSlug,
projectId,
cycleId,
{
issues: issueIds,
},
user
);
await this.issueService.addIssueToCycle(workspaceSlug, projectId, cycleId, {
issues: issueIds,
});
this.fetchIssues(workspaceSlug, projectId, cycleId);
} catch (error) {

4
web/store/cycle/cycle_issue_filters.store.ts
View File

@ -133,9 +133,7 @@ export class CycleIssueFilterStore implements ICycleIssueFilterStore {
},
};
const user = this.rootStore.user.currentUser ?? undefined;
await this.cycleService.patchCycle(workspaceSlug, projectId, cycleId, payload, user);
await this.cycleService.patchCycle(workspaceSlug, projectId, cycleId, payload);
} catch (error) {
this.fetchCycleFilters(workspaceSlug, projectId, cycleId);

11
web/store/cycle/cycles.store.ts
View File

@ -248,12 +248,7 @@ export class CycleStore implements ICycleStore {
createCycle = async (workspaceSlug: string, projectId: string, data: Partial<ICycle>) => {
try {
const response = await this.cycleService.createCycle(
workspaceSlug,
projectId,
data,
this.rootStore.user.currentUser
);
const response = await this.cycleService.createCycle(workspaceSlug, projectId, data);
runInAction(() => {
this.cycle_details = {
@ -274,7 +269,7 @@ export class CycleStore implements ICycleStore {
patchCycle = async (workspaceSlug: string, projectId: string, cycleId: string, data: Partial<ICycle>) => {
try {
const _response = await this.cycleService.patchCycle(workspaceSlug, projectId, cycleId, data, undefined);
const _response = await this.cycleService.patchCycle(workspaceSlug, projectId, cycleId, data);
const _cycleDetails = {
...this.cycle_details,
@ -297,7 +292,7 @@ export class CycleStore implements ICycleStore {
removeCycle = async (workspaceSlug: string, projectId: string, cycleId: string) => {
try {
const _response = await this.cycleService.deleteCycle(workspaceSlug, projectId, cycleId, undefined);
const _response = await this.cycleService.deleteCycle(workspaceSlug, projectId, cycleId);
const _currentView = this.cycleView === "active" ? "current" : this.cycleView;
this.fetchCycles(workspaceSlug, projectId, _currentView);

34
web/store/inbox/inbox_issue_detail.store.ts
View File

@ -121,13 +121,7 @@ export class InboxIssueDetailsStore implements IInboxIssueDetailsStore {
};
try {
const response = await this.inboxService.createInboxIssue(
workspaceSlug,
projectId,
inboxId,
payload,
this.rootStore.user.currentUser ?? undefined
);
const response = await this.inboxService.createInboxIssue(workspaceSlug, projectId, inboxId, payload);
runInAction(() => {
this.issueDetails = {
@ -175,14 +169,7 @@ export class InboxIssueDetailsStore implements IInboxIssueDetailsStore {
};
});
await this.inboxService.patchInboxIssue(
workspaceSlug,
projectId,
inboxId,
issueId,
{ issue: data },
this.rootStore.user.currentUser ?? undefined
);
await this.inboxService.patchInboxIssue(workspaceSlug, projectId, inboxId, issueId, { issue: data });
} catch (error) {
runInAction(() => {
this.error = error;
@ -224,14 +211,7 @@ export class InboxIssueDetailsStore implements IInboxIssueDetailsStore {
};
});
await this.inboxService.markInboxStatus(
workspaceSlug,
projectId,
inboxId,
issueId,
data,
this.rootStore.user.currentUser ?? undefined
);
await this.inboxService.markInboxStatus(workspaceSlug, projectId, inboxId, issueId, data);
} catch (error) {
runInAction(() => {
this.error = error;
@ -259,13 +239,7 @@ export class InboxIssueDetailsStore implements IInboxIssueDetailsStore {
};
});
await this.inboxService.deleteInboxIssue(
workspaceSlug,
projectId,
inboxId,
issueId,
this.rootStore.user.currentUser ?? undefined
);
await this.inboxService.deleteInboxIssue(workspaceSlug, projectId, inboxId, issueId);
} catch (error) {
runInAction(() => {
this.error = error;

23
web/store/issue/issue_detail.store.ts
View File

@ -251,12 +251,7 @@ export class IssueDetailStore implements IIssueDetailStore {
});
try {
const response = await this.issueService.createIssue(
workspaceSlug,
projectId,
data,
this.rootStore.user.currentUser!
);
const response = await this.issueService.createIssue(workspaceSlug, projectId, data);
runInAction(() => {
this.loader = false;
@ -283,9 +278,7 @@ export class IssueDetailStore implements IIssueDetailStore {
this.error = null;
});
const user = this.rootStore.user.currentUser ?? undefined;
const response = await this.issueService.createIssue(workspaceSlug, projectId, data, user);
const response = await this.issueService.createIssue(workspaceSlug, projectId, data);
runInAction(() => {
this.loader = false;
@ -323,7 +316,7 @@ export class IssueDetailStore implements IIssueDetailStore {
if (!user) return;
const response = await this.issueService.patchIssue(workspaceSlug, projectId, issueId, data, user);
const response = await this.issueService.patchIssue(workspaceSlug, projectId, issueId, data);
runInAction(() => {
this.loader = false;
@ -365,7 +358,7 @@ export class IssueDetailStore implements IIssueDetailStore {
if (!user) return;
const response = await this.issueService.deleteIssue(workspaceSlug, projectId, issueId, user);
const response = await this.issueService.deleteIssue(workspaceSlug, projectId, issueId);
runInAction(() => {
this.loader = false;
@ -521,8 +514,7 @@ export class IssueDetailStore implements IIssueDetailStore {
workspaceSlug,
projectId,
issueId,
data,
undefined
data
);
const _issueComments = {
@ -551,8 +543,7 @@ export class IssueDetailStore implements IIssueDetailStore {
projectId,
issueId,
commentId,
data,
undefined
data
);
const _issueComments = {
@ -577,7 +568,7 @@ export class IssueDetailStore implements IIssueDetailStore {
[issueId]: this.issue_comments[issueId].filter((comment: any) => comment.id != commentId),
};
await this.issueCommentService.deleteIssueComment(workspaceSlug, projectId, issueId, commentId, undefined);
await this.issueCommentService.deleteIssueComment(workspaceSlug, projectId, issueId, commentId);
runInAction(() => {
this.issue_comments = _issueComments;

Some files were not shown because too many files have changed in this diff Show More