refactor(editor-ui): Create first PH experiment (#3969)

packages/editor-ui/src/plugins/telemetry/telemetry.types.ts

@@ -9,38 +9,11 @@ declare module 'vue/types/vue' {
 declare global {
 	interface Window {
 		rudderanalytics: RudderStack;
-		featureFlag: FeatureFlag;
+		posthog: {
-		posthog: posthog;
+			isFeatureEnabled(flagName: string): boolean;
-	}
+			getFeatureFlag(flagName: string): boolean | string;
-}
-
-/**
- * Simplified version of:
- * https://github.com/PostHog/posthog-js/blob/master/src/module.d.ts
- */
-/* tslint:disable-next-line */
-interface posthog {
-	identify(
-		uniqueId?: string,
-		userPropertiesToSet?: object,
-		userPropertiesToSetOnce?: object,
-	): void;
-	reset(resetDeviceId?: boolean): void;
-	capture(
-		eventName: string,
-		properties?: object,
-		options?: object,
-	): unknown;
-	isFeatureEnabled(key: string, options?: object): boolean;
-	register(properties: object, days?: number): void;
-	people: {
-		set(
-			prop: object | string,
-			to?: object,
-			callback?: Function,
-		): unknown;
 		};
-	getFeatureFlag?: (flagName: string) => boolean;
+	}
 }
 
 export interface IUserNodesPanelSession {
@@ -54,13 +27,6 @@ interface IUserNodesPanelSessionData {
 	filterMode: string;
 }
 
-interface FeatureFlag {
-	getAll(): string[];
-	get(flagName: string): boolean | undefined;
-	isEnabled(flagName: string): boolean | undefined;
-	reload(): void;
-}
-
 /**
  * Simplified version of:
  * https://github.com/rudderlabs/rudder-sdk-js/blob/master/dist/rudder-sdk-js/index.d.ts

packages/editor-ui/src/views/NodeView.vue

@@ -2051,13 +2051,9 @@ export default mixins(
 
 				this.setZoomLevel(1);
 
-				if (
+				const flagAvailable = window.posthog !== undefined && window.posthog.getFeatureFlag !== undefined;
-					window.posthog && window.featureFlag && window.posthog.getFeatureFlag &&
-					!window.featureFlag.isEnabled('show-welcome-note')
-				) {
-					return;
-				}
 
+				if (flagAvailable && window.posthog.getFeatureFlag('welcome-note') === 'test') {
 					setTimeout(() => {
 						this.$store.commit('setNodeViewOffsetPosition', {newOffset: [0, 0]});
 						// For novice users (onboardingFlowEnabled == true)
@@ -2080,6 +2076,7 @@ export default mixins(
 							});
 						}
 					}, 0);
+				}
 			},
 			async initView (): Promise<void> {
 				if (this.$route.params.action === 'workflowSave') {