[WEB-574] chore: added new events

apiserver/plane/license/api/serializers/instance.py

@@ -1,14 +1,10 @@
 # Module imports
+from plane.app.serializers import BaseSerializer, UserAdminLiteSerializer
 from plane.license.models import Instance, InstanceAdmin, InstanceConfiguration
-from plane.app.serializers import BaseSerializer
-from plane.app.serializers import UserAdminLiteSerializer
 from plane.license.utils.encryption import decrypt_data
 
 
 class InstanceSerializer(BaseSerializer):
-    primary_owner_details = UserAdminLiteSerializer(
-        source="primary_owner", read_only=True
-    )
 
     class Meta:
         model = Instance

apiserver/plane/license/migrations/0002_instance_is_telemetry_anonymous.py

@@ -0,0 +1,18 @@
+# Generated by Django 4.2.10 on 2024-03-11 15:03
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('license', '0001_initial'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='instance',
+            name='is_telemetry_anonymous',
+            field=models.BooleanField(default=False),
+        ),
+    ]

apiserver/plane/license/models/instance.py

@@ -1,6 +1,6 @@
 # Django imports
-from django.db import models
 from django.conf import settings
+from django.db import models
 
 # Module imports
 from plane.db.models import BaseModel
@@ -21,6 +21,7 @@ class Instance(BaseModel):
     namespace = models.CharField(max_length=50, blank=True, null=True)
     # telemetry and support
     is_telemetry_enabled = models.BooleanField(default=True)
+    is_telemetry_anonymous = models.BooleanField(default=False)
     is_support_required = models.BooleanField(default=True)
     # is setup done
     is_setup_done = models.BooleanField(default=False)

packages/types/src/instance.d.ts

@@ -12,6 +12,7 @@ export interface IInstance {
   version: string;
   last_checked_at: string;
   namespace: string | null;
+  is_telemetry_anonymous: boolean;
   is_telemetry_enabled: boolean;
   is_support_required: boolean;
   created_by: string | null;

web/components/api-token/delete-token-modal.tsx

@@ -2,13 +2,17 @@ import { useState, Fragment, FC } from "react";
 import { useRouter } from "next/router";
 import { mutate } from "swr";
 import { Dialog, Transition } from "@headlessui/react";
+// hooks
+import { useEventTracker } from "hooks/store";
 // services
 import { Button, TOAST_TYPE, setToast } from "@plane/ui";
 import { API_TOKENS_LIST } from "constants/fetch-keys";
 import { APITokenService } from "services/api_token.service";
 // ui
 // types
 import { IApiToken } from "@plane/types";
+// constants
+import { API_TOKEN_DELETED } from "constants/event-tracker";
 // fetch-keys
 
 type Props = {
@@ -26,6 +30,8 @@ export const DeleteApiTokenModal: FC<Props> = (props) => {
   // router
   const router = useRouter();
   const { workspaceSlug } = router.query;
+  // store hooks
+  const { captureEvent } = useEventTracker();
 
   const handleClose = () => {
     onClose();
@@ -45,6 +51,9 @@ export const DeleteApiTokenModal: FC<Props> = (props) => {
           title: "Success!",
           message: "Token deleted successfully.",
         });
+        captureEvent(API_TOKEN_DELETED, {
+          token_id: tokenId,
+        });
 
         mutate<IApiToken[]>(
           API_TOKENS_LIST(workspaceSlug.toString()),

web/components/api-token/modal/create-token-modal.tsx

@@ -2,6 +2,8 @@ import React, { useState } from "react";
 import { useRouter } from "next/router";
 import { mutate } from "swr";
 import { Dialog, Transition } from "@headlessui/react";
+// hooks
+import { useEventTracker } from "hooks/store";
 // services
 import { TOAST_TYPE, setToast } from "@plane/ui";
 
@@ -15,6 +17,8 @@ import { APITokenService } from "services/api_token.service";
 // helpers
 // types
 import { IApiToken } from "@plane/types";
+// constants
+import { API_TOKEN_CREATED } from "constants/event-tracker";
 // fetch-keys
 
 type Props = {
@@ -33,6 +37,8 @@ export const CreateApiTokenModal: React.FC<Props> = (props) => {
   // router
   const router = useRouter();
   const { workspaceSlug } = router.query;
+  // store hooks
+  const { captureEvent } = useEventTracker();
 
   const handleClose = () => {
     onClose();
@@ -73,6 +79,11 @@ export const CreateApiTokenModal: React.FC<Props> = (props) => {
           },
           false
         );
+        captureEvent(API_TOKEN_CREATED, {
+          token_id: res.id,
+          expiry_date: data.expired_at ?? undefined,
+          never_exprires: res.expired_at ? false : true,
+        });
       })
       .catch((err) => {
         setToast({

web/components/automation/auto-archive-automation.tsx

@@ -8,7 +8,8 @@ import { SelectMonthModal } from "components/automation";
 // icon
 // constants
 import { EUserProjectRoles, PROJECT_AUTOMATION_MONTHS } from "constants/project";
-import { useProject, useUser } from "hooks/store";
+import { AUTO_ARCHIVE_TOGGLED, AUTO_ARCHIVE_UPDATED } from "constants/event-tracker";
+import { useEventTracker, useProject, useUser } from "hooks/store";
 // types
 import { IProject } from "@plane/types";
 
@@ -27,6 +28,7 @@ export const AutoArchiveAutomation: React.FC<Props> = observer((props) => {
     membership: { currentProjectRole },
   } = useUser();
   const { currentProjectDetails } = useProject();
+  const { captureEvent } = useEventTracker();
 
   const isAdmin = currentProjectRole === EUserProjectRoles.ADMIN;
 
@@ -54,11 +56,16 @@ export const AutoArchiveAutomation: React.FC<Props> = observer((props) => {
           </div>
           <ToggleSwitch
             value={currentProjectDetails?.archive_in !== 0}
-            onChange={() =>
+            onChange={() => {
               currentProjectDetails?.archive_in === 0
                 ? handleChange({ archive_in: 1 })
-                : handleChange({ archive_in: 0 })
-            }
+                : handleChange({ archive_in: 0 });
+
+              captureEvent(AUTO_ARCHIVE_TOGGLED, {
+                toggle: currentProjectDetails?.archive_in === 0 ? "true" : "false",
+                range: `${currentProjectDetails?.archive_in == 0 ? 1 : 0} month`,
+              });
+            }}
             size="sm"
             disabled={!isAdmin}
           />
@@ -76,6 +83,9 @@ export const AutoArchiveAutomation: React.FC<Props> = observer((props) => {
                       currentProjectDetails?.archive_in === 1 ? "month" : "months"
                     }`}
                     onChange={(val: number) => {
+                      captureEvent(AUTO_ARCHIVE_UPDATED, {
+                        range: val === 1 ? "1 month" : `${val} months`,
+                      });
                       handleChange({ archive_in: val });
                     }}
                     input

web/components/automation/auto-close-automation.tsx

@@ -4,13 +4,14 @@ import { observer } from "mobx-react-lite";
 import { ArchiveX } from "lucide-react";
 import { CustomSelect, CustomSearchSelect, ToggleSwitch, StateGroupIcon, DoubleCircleIcon, Loader } from "@plane/ui";
 import { SelectMonthModal } from "components/automation";
-import { EUserProjectRoles, PROJECT_AUTOMATION_MONTHS } from "constants/project";
-import { useProject, useProjectState, useUser } from "hooks/store";
+import { useEventTracker, useProject, useProjectState, useUser } from "hooks/store";
 // component
 // icons
 // types
 import { IProject } from "@plane/types";
 // constants
+import { EUserProjectRoles, PROJECT_AUTOMATION_MONTHS } from "constants/project";
+import { AUTO_CLOSE_Toggled, AUTO_CLOSE_UPDATED } from "constants/event-tracker";
 
 type Props = {
   handleChange: (formData: Partial<IProject>) => Promise<void>;
@@ -26,6 +27,7 @@ export const AutoCloseAutomation: React.FC<Props> = observer((props) => {
   } = useUser();
   const { currentProjectDetails } = useProject();
   const { projectStates } = useProjectState();
+  const { captureEvent } = useEventTracker();
 
   // const stateGroups = projectStateStore.groupedProjectStates ?? undefined;
 
@@ -80,11 +82,17 @@ export const AutoCloseAutomation: React.FC<Props> = observer((props) => {
           </div>
           <ToggleSwitch
             value={currentProjectDetails?.close_in !== 0}
-            onChange={() =>
+            onChange={() => {
               currentProjectDetails?.close_in === 0
                 ? handleChange({ close_in: 1, default_state: defaultState })
-                : handleChange({ close_in: 0, default_state: null })
-            }
+                : handleChange({ close_in: 0, default_state: null });
+
+              captureEvent(AUTO_CLOSE_Toggled, {
+                toggle: currentProjectDetails?.close_in === 0 ? "true" : "false",
+                range: `${currentProjectDetails?.close_in == 0 ? 1 : 0} month`,
+                state: currentProjectDetails?.close_in === 0 ? undefined : defaultState,
+              });
+            }}
             size="sm"
             disabled={!isAdmin}
           />
@@ -104,6 +112,10 @@ export const AutoCloseAutomation: React.FC<Props> = observer((props) => {
                       }`}
                       onChange={(val: number) => {
                         handleChange({ close_in: val });
+                        captureEvent(AUTO_CLOSE_UPDATED, {
+                          range: val === 1 ? "1 month" : `${val} months`,
+                          state: currentProjectDetails?.default_state,
+                        });
                       }}
                       input
                       disabled={!isAdmin}

web/components/command-palette/actions/project-actions.tsx

@@ -3,6 +3,8 @@ import { ContrastIcon, FileText } from "lucide-react";
 // hooks
 import { DiceIcon, PhotoFilterIcon } from "@plane/ui";
 import { useApplication, useEventTracker } from "hooks/store";
+// constants
+import { E_COMMAND_PALETTE } from "constants/event-tracker";
 // ui
 
 type Props = {
@@ -23,7 +25,7 @@ export const CommandPaletteProjectActions: React.FC<Props> = (props) => {
         <Command.Item
           onSelect={() => {
             closePalette();
-            setTrackElement("Command palette");
+            setTrackElement(E_COMMAND_PALETTE);
             toggleCreateCycleModal(true);
           }}
           className="focus:outline-none"
@@ -39,7 +41,7 @@ export const CommandPaletteProjectActions: React.FC<Props> = (props) => {
         <Command.Item
           onSelect={() => {
             closePalette();
-            setTrackElement("Command palette");
+            setTrackElement(E_COMMAND_PALETTE);
             toggleCreateModuleModal(true);
           }}
           className="focus:outline-none"
@@ -55,7 +57,7 @@ export const CommandPaletteProjectActions: React.FC<Props> = (props) => {
         <Command.Item
           onSelect={() => {
             closePalette();
-            setTrackElement("Command palette");
+            setTrackElement(E_COMMAND_PALETTE);
             toggleCreateViewModal(true);
           }}
           className="focus:outline-none"
@@ -71,7 +73,7 @@ export const CommandPaletteProjectActions: React.FC<Props> = (props) => {
         <Command.Item
           onSelect={() => {
             closePalette();
-            setTrackElement("Command palette");
+            setTrackElement(E_COMMAND_PALETTE);
             toggleCreatePageModal(true);
           }}
           className="focus:outline-none"

web/components/command-palette/command-modal.tsx

@@ -27,6 +27,8 @@ import { IssueService } from "services/issue";
 import { WorkspaceService } from "services/workspace.service";
 // types
 import { IWorkspaceSearchResults } from "@plane/types";
+// constants
+import { E_COMMAND_PALETTE } from "constants/event-tracker";
 // fetch-keys
 
 // services
@@ -279,7 +281,7 @@ export const CommandModal: React.FC = observer(() => {
                             <Command.Item
                               onSelect={() => {
                                 closePalette();
-                                setTrackElement("Command Palette");
+                                setTrackElement(E_COMMAND_PALETTE);
                                 toggleCreateIssueModal(true);
                               }}
                               className="focus:bg-custom-background-80"
@@ -297,7 +299,7 @@ export const CommandModal: React.FC = observer(() => {
                               <Command.Item
                                 onSelect={() => {
                                   closePalette();
-                                  setTrackElement("Command palette");
+                                  setTrackElement(E_COMMAND_PALETTE);
                                   toggleCreateProjectModal(true);
                                 }}
                                 className="focus:outline-none"

web/components/command-palette/command-palette.tsx

@@ -23,6 +23,8 @@ import { EIssuesStoreType } from "constants/issue";
 import { copyTextToClipboard } from "helpers/string.helper";
 import { useApplication, useEventTracker, useIssues, useUser } from "hooks/store";
 import { IssueService } from "services/issue";
+// constants
+import { E_SHORTCUT_KEY } from "constants/event-tracker";
 
 // services
 const issueService = new IssueService();
@@ -118,7 +120,7 @@ export const CommandPalette: FC = observer(() => {
           toggleSidebar();
         }
       } else if (!isAnyModalOpen) {
-        setTrackElement("Shortcut key");
+        setTrackElement(E_SHORTCUT_KEY);
         if (keyPressed === "c") {
           toggleCreateIssueModal(true);
         } else if (keyPressed === "p") {

web/components/core/activity.tsx

@@ -23,13 +23,17 @@ import { Tooltip, BlockedIcon, BlockerIcon, RelatedIcon, LayersIcon, DiceIcon }
 // helpers
 import { renderFormattedDate } from "helpers/date-time.helper";
 import { capitalizeFirstLetter } from "helpers/string.helper";
-import { useEstimate, useLabel } from "hooks/store";
+import { useEstimate, useEventTracker, useLabel } from "hooks/store";
 // types
 import { IIssueActivity } from "@plane/types";
+// constants
+import { ISSUE_OPENED, elementFromPath } from "constants/event-tracker";
 
 export const IssueLink = ({ activity }: { activity: IIssueActivity }) => {
   const router = useRouter();
   const { workspaceSlug } = router.query;
+  // store hooks
+  const { captureEvent } = useEventTracker();
   const { isMobile } = usePlatformOS();
 
   return (
@@ -43,6 +47,13 @@ export const IssueLink = ({ activity }: { activity: IIssueActivity }) => {
           href={`${`/${workspaceSlug ?? activity.workspace_detail?.slug}/projects/${activity.project}/issues/${
             activity.issue
           }`}`}
+          onClick={() => {
+            captureEvent(ISSUE_OPENED, {
+              ...elementFromPath(router.asPath),
+              element_id: "activity",
+              mode: "detail",
+            });
+          }}
           target={activity.issue === null ? "_self" : "_blank"}
           rel={activity.issue === null ? "" : "noopener noreferrer"}
           className="inline-flex items-center gap-1 font-medium text-custom-text-100 hover:underline"