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

* 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>

web/components/workspace/create-workspace-form.tsx

@@ -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!",

web/components/workspace/delete-workspace-modal.tsx

@@ -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!",

web/components/workspace/settings/workspace-details.tsx

@@ -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!",