chore: removed instances of event tracker

packages/constants/src/event-tracker/core.ts

@@ -96,6 +96,11 @@ export const HEADER_GITHUB_ICON = "header_github_icon";
 // Groups
 export const GROUP_WORKSPACE_TRACKER_EVENT = "workspace_metrics";
 
+// Command palette tracker
+export const COMMAND_PALETTE_TRACKER_ELEMENTS = {
+  COMMAND_PALETTE_SHORTCUT_KEY: "command_palette_shortcut_key",
+};
+
 export const WORKSPACE_TRACKER_EVENTS = {
   create: "workspace_created",
   update: "workspace_updated",
@@ -125,6 +130,8 @@ export const PROJECT_TRACKER_ELEMENTS = {
   CREATE_FIRST_PROJECT_BUTTON: "create_first_project_button",
   DELETE_PROJECT_BUTTON: "delete_project_button",
   UPDATE_PROJECT_BUTTON: "update_project_button",
+  CREATE_PROJECT_JIRA_IMPORT_DETAIL_PAGE: "create_project_jira_import_detail_page",
+  TOGGLE_FEATURE: "toggle_project_feature",
 };
 
 export const CYCLE_TRACKER_EVENTS = {
@@ -173,6 +180,7 @@ export const MODULE_TRACKER_ELEMENTS = {
 
 export const WORK_ITEM_TRACKER_EVENTS = {
   create: "work_item_created",
+  add_existing: "work_item_add_existing",
   update: "work_item_updated",
   delete: "work_item_deleted",
   archive: "work_item_archived",
@@ -185,10 +193,12 @@ export const WORK_ITEM_TRACKER_EVENTS = {
     update: "sub_issue_updated",
     remove: "sub_issue_removed",
     delete: "sub_issue_deleted",
+    create: "sub_issue_created",
+    add_existing: "sub_issue_add_existing",
   },
   draft: {
     create: "draft_work_item_created",
-  }
+  },
 };
 
 export const WORK_ITEM_TRACKER_ELEMENTS = {
@@ -198,7 +208,7 @@ export const WORK_ITEM_TRACKER_ELEMENTS = {
     CYCLE: "cycle_header_add_work_item_button",
     MODULE: "module_header_add_work_item_button",
   },
-  COMMAND_PALETTE_ADD_ITEM: "command_palette_add_work_item_item",
+  COMMAND_PALETTE_ADD_BUTTON: "command_palette_add_work_item_button",
   EMPTY_STATE_ADD_BUTTON: {
     WORK_ITEMS: "work_items_empty_state_add_work_item_button",
     PROJECT_VIEW: "project_view_empty_state_add_work_item_button",

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

@@ -34,8 +34,6 @@ const defaultValues: TUniqueCodeFormValues = {
 
 export const AuthUniqueCodeForm: React.FC<TAuthUniqueCodeForm> = (props) => {
   const { mode, email, nextPath, handleEmailClear, generateEmailUniqueCode } = props;
-  // hooks
-  // const { captureEvent } = useEventTracker();
   // derived values
   const defaultResetTimerValue = 5;
   // states

web/app/(all)/[workspaceSlug]/(projects)/analytics/[tabId]/page.tsx

@@ -13,7 +13,7 @@ import { PageHead } from "@/components/core";
 import { ComicBoxButton, DetailedEmptyState } from "@/components/empty-state";
 // hooks
 import { captureClick } from "@/helpers/event-tracker.helper";
-import { useCommandPalette, useEventTracker, useProject, useUserPermissions, useWorkspace } from "@/hooks/store";
+import { useCommandPalette, useProject, useUserPermissions, useWorkspace } from "@/hooks/store";
 import { useResolvedAssetPath } from "@/hooks/use-resolved-asset-path";
 import { getAnalyticsTabs } from "@/plane-web/components/analytics/tabs";
 
@@ -37,7 +37,6 @@ const AnalyticsPage = observer((props: Props) => {
 
   // store hooks
   const { toggleCreateProjectModal } = useCommandPalette();
-  const { setTrackElement } = useEventTracker();
   const { workspaceProjectIds, loader } = useProject();
   const { currentWorkspace } = useWorkspace();
   const { allowPermissions } = useUserPermissions();
@@ -102,7 +101,6 @@ const AnalyticsPage = observer((props: Props) => {
                   title={t("workspace_analytics.empty_state.general.primary_button.comic.title")}
                   description={t("workspace_analytics.empty_state.general.primary_button.comic.description")}
                   onClick={() => {
-                    setTrackElement("Analytics empty state");
                     toggleCreateProjectModal(true);
                     captureClick({ elementName: PROJECT_TRACKER_ELEMENTS.EMPTY_STATE_CREATE_PROJECT_BUTTON });
                   }}

web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/pages/(list)/header.tsx

@@ -4,13 +4,13 @@ import { useState } from "react";
 import { observer } from "mobx-react";
 import { useParams, useRouter, useSearchParams } from "next/navigation";
 // constants
-import { EPageAccess, EProjectFeatureKey } from "@plane/constants";
+import { EPageAccess, EProjectFeatureKey, PROJECT_TRACKER_ELEMENTS } from "@plane/constants";
 // plane types
 import { TPage } from "@plane/types";
 // plane ui
 import { Breadcrumbs, Button, Header, setToast, TOAST_TYPE } from "@plane/ui";
 // hooks
-import { useEventTracker, useProject } from "@/hooks/store";
+import { useProject } from "@/hooks/store";
 // plane web
 import { CommonProjectBreadcrumbs } from "@/plane-web/components/breadcrumbs";
 // plane web hooks
@@ -27,11 +27,9 @@ export const PagesListHeader = observer(() => {
   // store hooks
   const { currentProjectDetails, loader } = useProject();
   const { canCurrentUserCreatePage, createPage } = usePageStore(EPageStoreType.PROJECT);
-  const { setTrackElement } = useEventTracker();
   // handle page create
   const handleCreatePage = async () => {
     setIsCreatingPage(true);
-    setTrackElement("Project pages page");
 
     const payload: Partial<TPage> = {
       access: pageType === "private" ? EPageAccess.PRIVATE : EPageAccess.PUBLIC,
@@ -66,7 +64,13 @@ export const PagesListHeader = observer(() => {
       </Header.LeftItem>
       {canCurrentUserCreatePage ? (
         <Header.RightItem>
-          <Button variant="primary" size="sm" onClick={handleCreatePage} loading={isCreatingPage}>
+          <Button
+            variant="primary"
+            size="sm"
+            onClick={handleCreatePage}
+            loading={isCreatingPage}
+            data-ph-element={PROJECT_TRACKER_ELEMENTS.CREATE_HEADER_BUTTON}
+          >
             {isCreatingPage ? "Adding" : "Add page"}
           </Button>
         </Header.RightItem>

web/ce/components/issues/issue-layouts/quick-action-dropdowns/copy-menu-helper.tsx

@@ -10,7 +10,6 @@ export interface CopyMenuHelperProps {
     shouldRender: boolean;
   };
   activeLayout: string;
-  setTrackElement: (element: string) => void;
   setCreateUpdateIssueModal: (open: boolean) => void;
   setDuplicateWorkItemModal?: (open: boolean) => void;
 }

web/ce/helpers/command-palette.ts

@@ -20,7 +20,7 @@ export const getGlobalShortcutsList: () => TCommandPaletteActionList = () => {
       description: "Create a new work item in the current project",
       action: () => {
         toggleCreateIssueModal(true);
-        captureClick({ elementName: WORK_ITEM_TRACKER_ELEMENTS.COMMAND_PALETTE_ADD_ITEM });
+        captureClick({ elementName: WORK_ITEM_TRACKER_ELEMENTS.COMMAND_PALETTE_ADD_BUTTON });
       },
     },
   };

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

@@ -12,6 +12,7 @@ import {
   EUserPermissions,
   EUserPermissionsLevel,
   PROJECT_TRACKER_ELEMENTS,
+  WORK_ITEM_TRACKER_ELEMENTS,
   WORKSPACE_DEFAULT_SEARCH_RESULT,
 } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
@@ -34,14 +35,7 @@ import { SimpleEmptyState } from "@/components/empty-state";
 // helpers
 // hooks
 import { captureClick } from "@/helpers/event-tracker.helper";
-import {
-  useCommandPalette,
-  useEventTracker,
-  useIssueDetail,
-  useProject,
-  useUser,
-  useUserPermissions,
-} from "@/hooks/store";
+import { useCommandPalette, useIssueDetail, useProject, useUser, useUserPermissions } from "@/hooks/store";
 import { useAppRouter } from "@/hooks/use-app-router";
 import useDebounce from "@/hooks/use-debounce";
 import { usePlatformOS } from "@/hooks/use-platform-os";
@@ -80,7 +74,6 @@ export const CommandModal: React.FC = observer(() => {
   const { isCommandPaletteOpen, toggleCommandPaletteModal, toggleCreateIssueModal, toggleCreateProjectModal } =
     useCommandPalette();
   const { allowPermissions } = useUserPermissions();
-  const { setTrackElement } = useEventTracker();
   const projectIdentifier = workItem?.toString().split("-")[0];
   const sequence_id = workItem?.toString().split("-")[1];
   // fetch work item details using identifier
@@ -352,7 +345,9 @@ export const CommandModal: React.FC = observer(() => {
                                 <Command.Item
                                   onSelect={() => {
                                     closePalette();
-                                    setTrackElement("Command Palette");
+                                    captureClick({
+                                      elementName: WORK_ITEM_TRACKER_ELEMENTS.COMMAND_PALETTE_ADD_BUTTON,
+                                    });
                                     toggleCreateIssueModal(true);
                                   }}
                                   className="focus:bg-custom-background-80"

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

@@ -5,21 +5,15 @@ import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 import useSWR from "swr";
 // ui
-import { EUserPermissions, EUserPermissionsLevel } from "@plane/constants";
+import { COMMAND_PALETTE_TRACKER_ELEMENTS, EUserPermissions, EUserPermissionsLevel } from "@plane/constants";
 import { TOAST_TYPE, setToast } from "@plane/ui";
 // components
 import { copyTextToClipboard } from "@plane/utils";
 import { CommandModal, ShortcutsModal } from "@/components/command-palette";
 // helpers
 // hooks
-import {
-  useEventTracker,
-  useUser,
-  useAppTheme,
-  useCommandPalette,
-  useUserPermissions,
-  useIssueDetail,
-} from "@/hooks/store";
+import { captureClick } from "@/helpers/event-tracker.helper";
+import { useUser, useAppTheme, useCommandPalette, useUserPermissions, useIssueDetail } from "@/hooks/store";
 import { usePlatformOS } from "@/hooks/use-platform-os";
 // plane web components
 import {
@@ -42,7 +36,6 @@ export const CommandPalette: FC = observer(() => {
   // store hooks
   const { fetchIssueWithIdentifier } = useIssueDetail();
   const { toggleSidebar } = useAppTheme();
-  const { setTrackElement } = useEventTracker();
   const { platform } = usePlatformOS();
   const { data: currentUser, canPerformAnyCreateAction } = useUser();
   const { toggleCommandPaletteModal, isShortcutModalOpen, toggleShortcutModal, isAnyModalOpen } = useCommandPalette();
@@ -203,7 +196,7 @@ export const CommandPalette: FC = observer(() => {
           toggleSidebar();
         }
       } else if (!isAnyModalOpen) {
-        setTrackElement("Shortcut key");
+        captureClick({ elementName: COMMAND_PALETTE_TRACKER_ELEMENTS.COMMAND_PALETTE_SHORTCUT_KEY });
         if (
           Object.keys(shortcutsList.global).includes(keyPressed) &&
           ((!projectId && performAnyProjectCreateActions()) || performProjectCreateActions())
@@ -242,7 +235,6 @@ export const CommandPalette: FC = observer(() => {
       performProjectCreateActions,
       performWorkspaceCreateActions,
       projectId,
-      setTrackElement,
       shortcutsList,
       toggleCommandPaletteModal,
       toggleShortcutModal,

web/core/components/home/widgets/empty-states/no-projects.tsx

@@ -12,14 +12,7 @@ import { cn, getFileURL } from "@plane/utils";
 // helpers
 // hooks
 import { captureClick } from "@/helpers/event-tracker.helper";
-import {
-  useCommandPalette,
-  useEventTracker,
-  useProject,
-  useUser,
-  useUserPermissions,
-  useWorkspace,
-} from "@/hooks/store";
+import { useCommandPalette, useProject, useUser, useUserPermissions, useWorkspace } from "@/hooks/store";
 // plane web constants
 
 export const NoProjectsEmptyState = observer(() => {
@@ -28,7 +21,6 @@ export const NoProjectsEmptyState = observer(() => {
   // store hooks
   const { allowPermissions } = useUserPermissions();
   const { toggleCreateProjectModal } = useCommandPalette();
-  const { setTrackElement } = useEventTracker();
   const { data: currentUser } = useUser();
   const { joinedProjectIds } = useProject();
   const { currentWorkspace: activeWorkspace } = useWorkspace();
@@ -60,7 +52,6 @@ export const NoProjectsEmptyState = observer(() => {
           if (!canCreateProject) return;
           e.preventDefault();
           e.stopPropagation();
-          setTrackElement("Sidebar");
           toggleCreateProjectModal(true);
           captureClick({ elementName: PROJECT_TRACKER_ELEMENTS.EMPTY_STATE_CREATE_PROJECT_BUTTON });
         },

web/core/components/integration/jira/give-details.tsx

@@ -12,13 +12,13 @@ import { IJiraImporterForm } from "@plane/types";
 import { CustomSelect, Input } from "@plane/ui";
 // helpers
 import { checkEmailValidity } from "@plane/utils";
-import { useCommandPalette, useEventTracker, useProject } from "@/hooks/store";
+import { captureClick } from "@/helpers/event-tracker.helper";
+import { useCommandPalette, useProject } from "@/hooks/store";
 // types
 
 export const JiraGetImportDetail: React.FC = observer(() => {
   // store hooks
   const { toggleCreateProjectModal } = useCommandPalette();
-  const { setTrackElement } = useEventTracker();
   const { workspaceProjectIds, getProjectById } = useProject();
   // form info
   const {
@@ -204,7 +204,7 @@ export const JiraGetImportDetail: React.FC = observer(() => {
                     type="button"
                     data-ph-element={PROJECT_TRACKER_ELEMENTS.EMPTY_STATE_CREATE_PROJECT_BUTTON}
                     onClick={() => {
-                      setTrackElement("Jira import detail page");
+                      captureClick({ elementName: PROJECT_TRACKER_ELEMENTS.CREATE_PROJECT_JIRA_IMPORT_DETAIL_PAGE });
                       toggleCreateProjectModal(true);
                     }}
                     className="flex cursor-pointer select-none items-center space-x-2 truncate rounded px-1 py-1.5 text-custom-text-200"

web/core/components/issues/issue-detail-widgets/sub-issues/quick-action-button.tsx

@@ -3,11 +3,13 @@ import React, { FC } from "react";
 import { observer } from "mobx-react";
 import { LayersIcon, Plus } from "lucide-react";
 // plane imports
+import { WORK_ITEM_TRACKER_EVENTS } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
 import { TIssue, TIssueServiceType } from "@plane/types";
 import { CustomMenu } from "@plane/ui";
 // hooks
-import { useEventTracker, useIssueDetail } from "@/hooks/store";
+import { captureClick } from "@/helpers/event-tracker.helper";
+import { useIssueDetail } from "@/hooks/store";
 
 type Props = {
   issueId: string;
@@ -28,7 +30,6 @@ export const SubIssuesActionButton: FC<Props> = observer((props) => {
     setIssueCrudOperationState,
     issueCrudOperationState,
   } = useIssueDetail(issueServiceType);
-  const { setTrackElement } = useEventTracker();
 
   // derived values
   const issue = getIssueById(issueId);
@@ -52,13 +53,13 @@ export const SubIssuesActionButton: FC<Props> = observer((props) => {
   };
 
   const handleCreateNew = () => {
-    setTrackElement("Issue detail nested sub-issue");
+    captureClick({ elementName: WORK_ITEM_TRACKER_EVENTS.sub_issue.create });
     handleIssueCrudState("create", issueId, null);
     toggleCreateIssueModal(true);
   };
 
   const handleAddExisting = () => {
-    setTrackElement("Issue detail nested sub-issue");
+    captureClick({ elementName: WORK_ITEM_TRACKER_EVENTS.sub_issue.add_existing });
     handleIssueCrudState("existing", issueId, null);
     toggleSubIssuesModal(issue.id);
   };

web/core/components/issues/issue-layouts/kanban/headers/group-by-card.tsx

@@ -5,15 +5,15 @@ import { observer } from "mobx-react";
 import { useParams, usePathname } from "next/navigation";
 // lucide icons
 import { Minimize2, Maximize2, Circle, Plus } from "lucide-react";
+import { WORK_ITEM_TRACKER_EVENTS } from "@plane/constants";
 import { TIssue, ISearchIssueResponse, TIssueKanbanFilters, TIssueGroupByOptions } from "@plane/types";
 // ui
 import { CustomMenu, TOAST_TYPE, setToast } from "@plane/ui";
 // components
 import { ExistingIssuesListModal } from "@/components/core";
 import { CreateUpdateIssueModal } from "@/components/issues";
 // constants
-// hooks
-import { useEventTracker } from "@/hooks/store";
+import { captureClick } from "@/helpers/event-tracker.helper";
 import { useIssueStoreType } from "@/hooks/use-issue-layout-store";
 import { CreateUpdateEpicModal } from "@/plane-web/components/epics/epic-modal";
 // types
@@ -56,7 +56,6 @@ export const HeaderGroupByCard: FC<IHeaderGroupByCard> = observer((props) => {
   const [openExistingIssueListModal, setOpenExistingIssueListModal] = React.useState(false);
   // hooks
   const storeType = useIssueStoreType();
-  const { setTrackElement } = useEventTracker();
   // router
   const { workspaceSlug, projectId, moduleId, cycleId } = useParams();
   const pathname = usePathname();
@@ -167,15 +166,15 @@ export const HeaderGroupByCard: FC<IHeaderGroupByCard> = observer((props) => {
             >
               <CustomMenu.MenuItem
                 onClick={() => {
-                  setTrackElement("Kanban layout");
+                  captureClick({ elementName: WORK_ITEM_TRACKER_EVENTS.create });
                   setIsOpen(true);
                 }}
               >
                 <span className="flex items-center justify-start gap-2">Create work item</span>
               </CustomMenu.MenuItem>
               <CustomMenu.MenuItem
                 onClick={() => {
-                  setTrackElement("Kanban layout");
+                  captureClick({ elementName: WORK_ITEM_TRACKER_EVENTS.add_existing });
                   setOpenExistingIssueListModal(true);
                 }}
               >
@@ -186,7 +185,7 @@ export const HeaderGroupByCard: FC<IHeaderGroupByCard> = observer((props) => {
             <div
               className="flex h-[20px] w-[20px] flex-shrink-0 cursor-pointer items-center justify-center overflow-hidden rounded-sm transition-all hover:bg-custom-background-80"
               onClick={() => {
-                setTrackElement("Kanban layout");
+                captureClick({ elementName: WORK_ITEM_TRACKER_EVENTS.create });
                 setIsOpen(true);
               }}
             >