-
@@ -417,11 +403,7 @@ export const ProfileForm = observer(function ProfileForm(props: TProfileFormProp
{t("deactivate_account_description")}
-
diff --git a/apps/web/core/components/profile/notification/email-notification-form.tsx b/apps/web/core/components/profile/notification/email-notification-form.tsx
index 39e9d382cb..8ab4fac880 100644
--- a/apps/web/core/components/profile/notification/email-notification-form.tsx
+++ b/apps/web/core/components/profile/notification/email-notification-form.tsx
@@ -1,14 +1,11 @@
-import type { FC } from "react";
-import React, { useEffect } from "react";
+import { useEffect } from "react";
import { Controller, useForm } from "react-hook-form";
-import { PROFILE_SETTINGS_TRACKER_ELEMENTS, PROFILE_SETTINGS_TRACKER_EVENTS } from "@plane/constants";
import { useTranslation } from "@plane/i18n";
import { TOAST_TYPE, setToast } from "@plane/propel/toast";
import type { IUserEmailNotificationSettings } from "@plane/types";
// ui
import { ToggleSwitch } from "@plane/ui";
// services
-import { captureClick, captureError, captureSuccess } from "@/helpers/event-tracker.helper";
import { UserService } from "@/services/user.service";
// types
interface IEmailNotificationFormProps {
@@ -33,25 +30,12 @@ export function EmailNotificationForm(props: IEmailNotificationFormProps) {
await userService.updateCurrentUserEmailNotificationSettings({
[key]: value,
});
- captureSuccess({
- eventName: PROFILE_SETTINGS_TRACKER_EVENTS.notifications_updated,
- payload: {
- [key]: value,
- },
- });
setToast({
title: t("success"),
type: TOAST_TYPE.SUCCESS,
message: t("email_notification_setting_updated_successfully"),
});
- } catch (err) {
- console.error(err);
- captureError({
- eventName: PROFILE_SETTINGS_TRACKER_EVENTS.notifications_updated,
- payload: {
- [key]: value,
- },
- });
+ } catch (_error) {
setToast({
title: t("error"),
type: TOAST_TYPE.ERROR,
@@ -82,9 +66,6 @@ export function EmailNotificationForm(props: IEmailNotificationFormProps) {
value={value}
onChange={(newValue) => {
onChange(newValue);
- captureClick({
- elementName: PROFILE_SETTINGS_TRACKER_ELEMENTS.PROPERTY_CHANGES_TOGGLE,
- });
handleSettingChange("property_change", newValue);
}}
size="sm"
@@ -107,9 +88,6 @@ export function EmailNotificationForm(props: IEmailNotificationFormProps) {
value={value}
onChange={(newValue) => {
onChange(newValue);
- captureClick({
- elementName: PROFILE_SETTINGS_TRACKER_ELEMENTS.STATE_CHANGES_TOGGLE,
- });
handleSettingChange("state_change", newValue);
}}
size="sm"
@@ -154,9 +132,6 @@ export function EmailNotificationForm(props: IEmailNotificationFormProps) {
value={value}
onChange={(newValue) => {
onChange(newValue);
- captureClick({
- elementName: PROFILE_SETTINGS_TRACKER_ELEMENTS.COMMENTS_TOGGLE,
- });
handleSettingChange("comment", newValue);
}}
size="sm"
@@ -179,9 +154,6 @@ export function EmailNotificationForm(props: IEmailNotificationFormProps) {
value={value}
onChange={(newValue) => {
onChange(newValue);
- captureClick({
- elementName: PROFILE_SETTINGS_TRACKER_ELEMENTS.MENTIONS_TOGGLE,
- });
handleSettingChange("mention", newValue);
}}
size="sm"
diff --git a/apps/web/core/components/profile/preferences/language-timezone.tsx b/apps/web/core/components/profile/preferences/language-timezone.tsx
index 677ae2bcbd..ef2de25298 100644
--- a/apps/web/core/components/profile/preferences/language-timezone.tsx
+++ b/apps/web/core/components/profile/preferences/language-timezone.tsx
@@ -1,10 +1,8 @@
import { observer } from "mobx-react";
-import { PROFILE_SETTINGS_TRACKER_ELEMENTS, PROFILE_SETTINGS_TRACKER_EVENTS } from "@plane/constants";
import { SUPPORTED_LANGUAGES, useTranslation } from "@plane/i18n";
import { TOAST_TYPE, setToast } from "@plane/propel/toast";
import { CustomSelect } from "@plane/ui";
import { TimezoneSelect } from "@/components/global";
-import { captureElementAndEvent } from "@/helpers/event-tracker.helper";
import { useUser, useUserProfile } from "@/hooks/store/user";
export const LanguageTimezone = observer(function LanguageTimezone() {
@@ -17,81 +15,38 @@ export const LanguageTimezone = observer(function LanguageTimezone() {
const { updateUserProfile } = useUserProfile();
const { t } = useTranslation();
- const handleTimezoneChange = (value: string) => {
- updateCurrentUser({ user_timezone: value })
- .then(() => {
- captureElementAndEvent({
- element: {
- elementName: PROFILE_SETTINGS_TRACKER_ELEMENTS.TIMEZONE_DROPDOWN,
- },
- event: {
- eventName: PROFILE_SETTINGS_TRACKER_EVENTS.timezone_updated,
- payload: {
- timezone: value,
- },
- state: "SUCCESS",
- },
- });
- setToast({
- title: "Success!",
- message: "Timezone updated successfully",
- type: TOAST_TYPE.SUCCESS,
- });
- })
- .catch(() => {
- captureElementAndEvent({
- element: {
- elementName: PROFILE_SETTINGS_TRACKER_ELEMENTS.TIMEZONE_DROPDOWN,
- },
- event: {
- eventName: PROFILE_SETTINGS_TRACKER_EVENTS.timezone_updated,
- state: "ERROR",
- },
- });
- setToast({
- title: "Error!",
- message: "Failed to update timezone",
- type: TOAST_TYPE.ERROR,
- });
+ const handleTimezoneChange = async (value: string) => {
+ try {
+ await updateCurrentUser({ user_timezone: value });
+ setToast({
+ title: "Success!",
+ message: "Timezone updated successfully",
+ type: TOAST_TYPE.SUCCESS,
});
+ } catch (_error) {
+ setToast({
+ title: "Error!",
+ message: "Failed to update timezone",
+ type: TOAST_TYPE.ERROR,
+ });
+ }
};
- const handleLanguageChange = (value: string) => {
- updateUserProfile({ language: value })
- .then(() => {
- captureElementAndEvent({
- element: {
- elementName: PROFILE_SETTINGS_TRACKER_ELEMENTS.LANGUAGE_DROPDOWN,
- },
- event: {
- eventName: PROFILE_SETTINGS_TRACKER_EVENTS.language_updated,
- payload: {
- language: value,
- },
- state: "SUCCESS",
- },
- });
- setToast({
- title: "Success!",
- message: "Language updated successfully",
- type: TOAST_TYPE.SUCCESS,
- });
- })
- .catch(() => {
- captureElementAndEvent({
- element: {
- elementName: PROFILE_SETTINGS_TRACKER_ELEMENTS.LANGUAGE_DROPDOWN,
- },
- event: {
- eventName: PROFILE_SETTINGS_TRACKER_EVENTS.language_updated,
- state: "ERROR",
- },
- });
- setToast({
- title: "Error!",
- message: "Failed to update language",
- type: TOAST_TYPE.ERROR,
- });
+
+ const handleLanguageChange = async (value: string) => {
+ try {
+ await updateUserProfile({ language: value });
+ setToast({
+ title: "Success!",
+ message: "Language updated successfully",
+ type: TOAST_TYPE.SUCCESS,
});
+ } catch (_error) {
+ setToast({
+ title: "Error!",
+ message: "Failed to update language",
+ type: TOAST_TYPE.ERROR,
+ });
+ }
};
const getLanguageLabel = (value: string) => {
diff --git a/apps/web/core/components/profile/start-of-week-preference.tsx b/apps/web/core/components/profile/start-of-week-preference.tsx
index 259e570a7f..d95a0857be 100644
--- a/apps/web/core/components/profile/start-of-week-preference.tsx
+++ b/apps/web/core/components/profile/start-of-week-preference.tsx
@@ -1,16 +1,10 @@
-import React from "react";
import { observer } from "mobx-react";
// plane imports
-import {
- PROFILE_SETTINGS_TRACKER_ELEMENTS,
- PROFILE_SETTINGS_TRACKER_EVENTS,
- START_OF_THE_WEEK_OPTIONS,
-} from "@plane/constants";
+import { START_OF_THE_WEEK_OPTIONS } from "@plane/constants";
import { TOAST_TYPE, setToast } from "@plane/propel/toast";
import type { EStartOfTheWeek } from "@plane/types";
import { CustomSelect } from "@plane/ui";
// hooks
-import { captureElementAndEvent } from "@/helpers/event-tracker.helper";
import { useUserProfile } from "@/hooks/store/user";
import { PreferencesSection } from "../preferences/section";
@@ -23,6 +17,15 @@ export const StartOfWeekPreference = observer(function StartOfWeekPreference(pro
// hooks
const { data: userProfile, updateUserProfile } = useUserProfile();
+ const handleStartOfWeekChange = async (val: number) => {
+ try {
+ await updateUserProfile({ start_of_the_week: val });
+ setToast({ type: TOAST_TYPE.SUCCESS, title: "Success", message: "First day of the week updated successfully" });
+ } catch (_error) {
+ setToast({ type: TOAST_TYPE.ERROR, title: "Update failed", message: "Please try again later." });
+ }
+ };
+
return (
{
- updateUserProfile({ start_of_the_week: val })
- .then(() => {
- captureElementAndEvent({
- element: {
- elementName: PROFILE_SETTINGS_TRACKER_ELEMENTS.FIRST_DAY_OF_WEEK_DROPDOWN,
- },
- event: {
- eventName: PROFILE_SETTINGS_TRACKER_EVENTS.first_day_updated,
- payload: {
- start_of_the_week: val,
- },
- state: "SUCCESS",
- },
- });
- setToast({
- type: TOAST_TYPE.SUCCESS,
- title: "Success",
- message: "First day of the week updated successfully",
- });
- })
- .catch(() => {
- captureElementAndEvent({
- element: {
- elementName: PROFILE_SETTINGS_TRACKER_ELEMENTS.FIRST_DAY_OF_WEEK_DROPDOWN,
- },
- event: {
- eventName: PROFILE_SETTINGS_TRACKER_EVENTS.first_day_updated,
- state: "ERROR",
- },
- });
- setToast({ type: TOAST_TYPE.ERROR, title: "Update failed", message: "Please try again later." });
- });
- }}
+ onChange={handleStartOfWeekChange}
input
maxHeight="lg"
>
diff --git a/apps/web/core/components/project-states/create-update/create.tsx b/apps/web/core/components/project-states/create-update/create.tsx
index 7cded141b5..a47eaed264 100644
--- a/apps/web/core/components/project-states/create-update/create.tsx
+++ b/apps/web/core/components/project-states/create-update/create.tsx
@@ -1,22 +1,20 @@
import { useState } from "react";
import { observer } from "mobx-react";
-import { STATE_TRACKER_EVENTS, STATE_GROUPS } from "@plane/constants";
+import { STATE_GROUPS } from "@plane/constants";
import { TOAST_TYPE, setToast } from "@plane/propel/toast";
import type { IState, TStateGroups, TStateOperationsCallbacks } from "@plane/types";
// components
import { StateForm } from "@/components/project-states";
-// hooks
-import { captureError, captureSuccess } from "@/helpers/event-tracker.helper";
type TStateCreate = {
groupKey: TStateGroups;
- shouldTrackEvents: boolean;
+ shouldTrackEvents?: boolean;
createStateCallback: TStateOperationsCallbacks["createState"];
handleClose: () => void;
};
export const StateCreate = observer(function StateCreate(props: TStateCreate) {
- const { groupKey, shouldTrackEvents, createStateCallback, handleClose } = props;
+ const { groupKey, createStateCallback, handleClose } = props;
// states
const [loader, setLoader] = useState(false);
@@ -31,14 +29,7 @@ export const StateCreate = observer(function StateCreate(props: TStateCreate) {
try {
const response = await createStateCallback({ ...formData, group: groupKey });
- if (shouldTrackEvents)
- captureSuccess({
- eventName: STATE_TRACKER_EVENTS.create,
- payload: {
- state_group: groupKey,
- id: response.id,
- },
- });
+
setToast({
type: TOAST_TYPE.SUCCESS,
title: "Success!",
@@ -48,13 +39,6 @@ export const StateCreate = observer(function StateCreate(props: TStateCreate) {
return { status: "success" };
} catch (error) {
const errorStatus = error as { status: number; data: { error: string } };
- if (shouldTrackEvents)
- captureError({
- eventName: STATE_TRACKER_EVENTS.create,
- payload: {
- state_group: groupKey,
- },
- });
if (errorStatus?.status === 400) {
setToast({
type: TOAST_TYPE.ERROR,
diff --git a/apps/web/core/components/project-states/create-update/update.tsx b/apps/web/core/components/project-states/create-update/update.tsx
index a71e913e9e..beeec8ef25 100644
--- a/apps/web/core/components/project-states/create-update/update.tsx
+++ b/apps/web/core/components/project-states/create-update/update.tsx
@@ -1,12 +1,9 @@
import { useState } from "react";
import { observer } from "mobx-react";
-import { STATE_TRACKER_EVENTS } from "@plane/constants";
import { TOAST_TYPE, setToast } from "@plane/propel/toast";
import type { IState, TStateOperationsCallbacks } from "@plane/types";
// components
import { StateForm } from "@/components/project-states";
-// hooks
-import { captureError, captureSuccess } from "@/helpers/event-tracker.helper";
type TStateUpdate = {
state: IState;
@@ -16,7 +13,7 @@ type TStateUpdate = {
};
export const StateUpdate = observer(function StateUpdate(props: TStateUpdate) {
- const { state, updateStateCallback, shouldTrackEvents, handleClose } = props;
+ const { state, updateStateCallback, handleClose } = props;
// states
const [loader, setLoader] = useState(false);
@@ -30,15 +27,6 @@ export const StateUpdate = observer(function StateUpdate(props: TStateUpdate) {
try {
await updateStateCallback(state.id, formData);
- if (shouldTrackEvents) {
- captureSuccess({
- eventName: STATE_TRACKER_EVENTS.update,
- payload: {
- state_group: state.group,
- id: state.id,
- },
- });
- }
setToast({
type: TOAST_TYPE.SUCCESS,
title: "Success!",
@@ -61,15 +49,6 @@ export const StateUpdate = observer(function StateUpdate(props: TStateUpdate) {
title: "Error!",
message: "State could not be updated. Please try again.",
});
- if (shouldTrackEvents) {
- captureError({
- eventName: STATE_TRACKER_EVENTS.update,
- payload: {
- state_group: state.group,
- id: state.id,
- },
- });
- }
return { status: "error" };
}
}
diff --git a/apps/web/core/components/project-states/options/delete.tsx b/apps/web/core/components/project-states/options/delete.tsx
index dc554012bb..7048bf4b1e 100644
--- a/apps/web/core/components/project-states/options/delete.tsx
+++ b/apps/web/core/components/project-states/options/delete.tsx
@@ -1,7 +1,6 @@
import { useState } from "react";
import { observer } from "mobx-react";
import { Loader } from "lucide-react";
-import { STATE_TRACKER_EVENTS, STATE_TRACKER_ELEMENTS } from "@plane/constants";
import { CloseIcon } from "@plane/propel/icons";
// plane imports
import { TOAST_TYPE, setToast } from "@plane/propel/toast";
@@ -10,18 +9,17 @@ import type { IState, TStateOperationsCallbacks } from "@plane/types";
import { AlertModalCore } from "@plane/ui";
import { cn } from "@plane/utils";
// hooks
-import { captureError, captureSuccess } from "@/helpers/event-tracker.helper";
import { usePlatformOS } from "@/hooks/use-platform-os";
type TStateDelete = {
totalStates: number;
state: IState;
deleteStateCallback: TStateOperationsCallbacks["deleteState"];
- shouldTrackEvents: boolean;
+ shouldTrackEvents?: boolean;
};
export const StateDelete = observer(function StateDelete(props: TStateDelete) {
- const { totalStates, state, deleteStateCallback, shouldTrackEvents } = props;
+ const { totalStates, state, deleteStateCallback } = props;
// hooks
const { isMobile } = usePlatformOS();
// states
@@ -37,26 +35,9 @@ export const StateDelete = observer(function StateDelete(props: TStateDelete) {
try {
await deleteStateCallback(state.id);
- if (shouldTrackEvents) {
- captureSuccess({
- eventName: STATE_TRACKER_EVENTS.delete,
- payload: {
- id: state.id,
- },
- });
- }
-
setIsDelete(false);
} catch (error) {
const errorStatus = error as { status: number; data: { error: string } };
- if (shouldTrackEvents) {
- captureError({
- eventName: STATE_TRACKER_EVENTS.delete,
- payload: {
- id: state.id,
- },
- });
- }
if (errorStatus.status === 400) {
setToast({
type: TOAST_TYPE.ERROR,
@@ -99,7 +80,6 @@ export const StateDelete = observer(function StateDelete(props: TStateDelete) {
)}
disabled={isDeleteDisabled}
onClick={() => setIsDeleteModal(true)}
- data-ph-element={STATE_TRACKER_ELEMENTS.STATE_LIST_DELETE_BUTTON}
>
{
- captureSuccess({
- eventName: STATE_TRACKER_EVENTS.delete,
- payload: {
- id: data.id,
- },
- });
handleClose();
})
.catch((err) => {
@@ -60,12 +51,6 @@ export const StateDeleteModal = observer(function StateDeleteModal(props: TState
title: "Error!",
message: "State could not be deleted. Please try again.",
});
- captureError({
- eventName: STATE_TRACKER_EVENTS.delete,
- payload: {
- id: data.id,
- },
- });
})
.finally(() => {
setIsDeleteLoading(false);
diff --git a/apps/web/core/components/project/card-list.tsx b/apps/web/core/components/project/card-list.tsx
index 24efb4802e..01e7842379 100644
--- a/apps/web/core/components/project/card-list.tsx
+++ b/apps/web/core/components/project/card-list.tsx
@@ -1,13 +1,12 @@
import { observer } from "mobx-react";
// plane imports
-import { EUserPermissionsLevel, EUserPermissions, PROJECT_TRACKER_ELEMENTS } from "@plane/constants";
+import { EUserPermissionsLevel, EUserPermissions } from "@plane/constants";
import { useTranslation } from "@plane/i18n";
import { EmptyStateDetailed } from "@plane/propel/empty-state";
import { ContentWrapper } from "@plane/ui";
// components
import { calculateTotalFilters } from "@plane/utils";
import { ProjectsLoader } from "@/components/ui/loader/projects-loader";
-import { captureClick } from "@/helpers/event-tracker.helper";
// hooks
import { useCommandPalette } from "@/hooks/store/use-command-palette";
import { useProject } from "@/hooks/store/use-project";
@@ -62,7 +61,6 @@ export const ProjectCardList = observer(function ProjectCardList(props: TProject
label: t("workspace_projects.empty_state.general.primary_button.text"),
onClick: () => {
toggleCreateProjectModal(true);
- captureClick({ elementName: PROJECT_TRACKER_ELEMENTS.EMPTY_STATE_CREATE_PROJECT_BUTTON });
},
disabled: !canPerformEmptyStateActions,
variant: "primary",
diff --git a/apps/web/core/components/project/create/header.tsx b/apps/web/core/components/project/create/header.tsx
index abbaf259bc..3e6c1384cc 100644
--- a/apps/web/core/components/project/create/header.tsx
+++ b/apps/web/core/components/project/create/header.tsx
@@ -55,7 +55,7 @@ function ProjectCreateHeader(props: Props) {
)}
{isClosable && (
-
diff --git a/apps/web/core/components/project/delete-project-modal.tsx b/apps/web/core/components/project/delete-project-modal.tsx
index 8b4f33f39f..3a0276fee9 100644
--- a/apps/web/core/components/project/delete-project-modal.tsx
+++ b/apps/web/core/components/project/delete-project-modal.tsx
@@ -1,16 +1,12 @@
import { useParams } from "next/navigation";
import { Controller, useForm } from "react-hook-form";
import { AlertTriangle } from "lucide-react";
-// types
-import { PROJECT_TRACKER_EVENTS } from "@plane/constants";
+// Plane imports
import { Button } from "@plane/propel/button";
import { TOAST_TYPE, setToast } from "@plane/propel/toast";
import type { IProject } from "@plane/types";
-// ui
import { Input, EModalPosition, EModalWidth, ModalCore } from "@plane/ui";
-// constants
// hooks
-import { captureError, captureSuccess } from "@/helpers/event-tracker.helper";
import { useProject } from "@/hooks/store/use-project";
import { useAppRouter } from "@/hooks/use-app-router";
@@ -55,36 +51,22 @@ export function DeleteProjectModal(props: DeleteProjectModal) {
const onSubmit = async () => {
if (!workspaceSlug || !canDelete) return;
- await deleteProject(workspaceSlug.toString(), project.id)
- .then(() => {
- if (projectId && projectId.toString() === project.id) router.push(`/${workspaceSlug}/projects`);
-
- handleClose();
- captureSuccess({
- eventName: PROJECT_TRACKER_EVENTS.delete,
- payload: {
- id: project.id,
- },
- });
- setToast({
- type: TOAST_TYPE.SUCCESS,
- title: "Success!",
- message: "Project deleted successfully.",
- });
- })
- .catch(() => {
- captureError({
- eventName: PROJECT_TRACKER_EVENTS.delete,
- payload: {
- id: project.id,
- },
- });
- setToast({
- type: TOAST_TYPE.ERROR,
- title: "Error!",
- message: "Something went wrong. Please try again later.",
- });
+ try {
+ await deleteProject(workspaceSlug.toString(), project.id);
+ if (projectId && projectId.toString() === project.id) router.push(`/${workspaceSlug}/projects`);
+ handleClose();
+ setToast({
+ type: TOAST_TYPE.SUCCESS,
+ title: "Success!",
+ message: "Project deleted successfully.",
});
+ } catch (_error) {
+ setToast({
+ type: TOAST_TYPE.ERROR,
+ title: "Error!",
+ message: "Something went wrong. Please try again later.",
+ });
+ }
};
return (
diff --git a/apps/web/core/components/project/form.tsx b/apps/web/core/components/project/form.tsx
index cc405aaab6..634275c40f 100644
--- a/apps/web/core/components/project/form.tsx
+++ b/apps/web/core/components/project/form.tsx
@@ -1,7 +1,7 @@
import { useEffect, useState } from "react";
import { Controller, useForm } from "react-hook-form";
import { Info } from "lucide-react";
-import { NETWORK_CHOICES, PROJECT_TRACKER_ELEMENTS, PROJECT_TRACKER_EVENTS } from "@plane/constants";
+import { NETWORK_CHOICES } from "@plane/constants";
import { useTranslation } from "@plane/i18n";
// plane imports
import { Button } from "@plane/propel/button";
@@ -18,7 +18,6 @@ import { ImagePickerPopover } from "@/components/core/image-picker-popover";
import { TimezoneSelect } from "@/components/global";
// helpers
import { handleCoverImageChange } from "@/helpers/cover-image.helper";
-import { captureError, captureSuccess } from "@/helpers/event-tracker.helper";
// hooks
import { useProject } from "@/hooks/store/use-project";
import { usePlatformOS } from "@/hooks/use-platform-os";
@@ -87,12 +86,6 @@ export function ProjectDetailsForm(props: IProjectDetailsForm) {
if (!workspaceSlug || !project) return;
return updateProject(workspaceSlug.toString(), project.id, payload)
.then(() => {
- captureSuccess({
- eventName: PROJECT_TRACKER_EVENTS.update,
- payload: {
- id: projectId,
- },
- });
setToast({
type: TOAST_TYPE.SUCCESS,
title: t("toast.success"),
@@ -101,13 +94,6 @@ export function ProjectDetailsForm(props: IProjectDetailsForm) {
})
.catch((err) => {
try {
- captureError({
- eventName: PROJECT_TRACKER_EVENTS.update,
- payload: {
- id: projectId,
- },
- });
-
// Handle the new error format where codes are nested in arrays under field names
const errorData = err ?? {};
@@ -437,14 +423,7 @@ export function ProjectDetailsForm(props: IProjectDetailsForm) {
<>
-
{secondaryButton}
-