From 9c8435119dc3664aa942a32285b9dc596dc29ce3 Mon Sep 17 00:00:00 2001
From: Vishal Sharma <makeavish786@gmail.com>
Date: Wed, 28 May 2025 01:19:55 +0530
Subject: [PATCH] feat: add appcues and remove customerio (#8045)

---
 frontend/example.env             |  1 +
 frontend/src/AppRoutes/index.tsx | 30 ++++++------
 frontend/src/index.html.ejs      | 84 +++++---------------------------
 frontend/src/typings/window.ts   |  3 +-
 frontend/webpack.config.js       |  6 +--
 frontend/webpack.config.prod.js  |  6 +--
 6 files changed, 32 insertions(+), 98 deletions(-)

diff --git a/frontend/example.env b/frontend/example.env
index 5e1271b157..79912e0907 100644
--- a/frontend/example.env
+++ b/frontend/example.env
@@ -2,5 +2,6 @@ NODE_ENV="development"
 BUNDLE_ANALYSER="true"
 FRONTEND_API_ENDPOINT="http://localhost:8080/"
 INTERCOM_APP_ID="intercom-app-id"
+APPCUES_APP_ID="appcess-app-id"
 
 CI="1"
\ No newline at end of file
diff --git a/frontend/src/AppRoutes/index.tsx b/frontend/src/AppRoutes/index.tsx
index 40ddd6eef7..72750a70b2 100644
--- a/frontend/src/AppRoutes/index.tsx
+++ b/frontend/src/AppRoutes/index.tsx
@@ -103,6 +103,20 @@ function App(): JSX.Element {
 				if (domain) {
 					logEvent('Domain Identified', groupTraits, 'group');
 				}
+				if (window && window.Appcues) {
+					window.Appcues.identify(email, {
+						name: displayName,
+
+						tenant_id: hostNameParts[0],
+						data_region: hostNameParts[1],
+						tenant_url: hostname,
+						company_domain: domain,
+
+						companyName: orgName,
+						email,
+						paidUser: !!trialInfo?.trialConvertedToSubscription,
+					});
+				}
 
 				Userpilot.identify(email, {
 					email,
@@ -137,18 +151,6 @@ function App(): JSX.Element {
 					source: 'signoz-ui',
 					isPaidUser: !!trialInfo?.trialConvertedToSubscription,
 				});
-
-				if (
-					window.cioanalytics &&
-					typeof window.cioanalytics.identify === 'function'
-				) {
-					window.cioanalytics.reset();
-					window.cioanalytics.identify(email, {
-						name: user.displayName,
-						email,
-						role: user.role,
-					});
-				}
 			}
 		},
 		[
@@ -320,10 +322,6 @@ function App(): JSX.Element {
 		} else {
 			posthog.reset();
 			Sentry.close();
-
-			if (window.cioanalytics && typeof window.cioanalytics.reset === 'function') {
-				window.cioanalytics.reset();
-			}
 		}
 		// eslint-disable-next-line react-hooks/exhaustive-deps
 	}, [isCloudUser, isEnterpriseSelfHostedUser]);
diff --git a/frontend/src/index.html.ejs b/frontend/src/index.html.ejs
index e0643f936d..1ea5dc5c3b 100644
--- a/frontend/src/index.html.ejs
+++ b/frontend/src/index.html.ejs
@@ -96,79 +96,19 @@
 				}
 			})();
 		</script>
+        <script type="text/javascript">
+			window.AppcuesSettings = { enableURLDetection: true };
+		</script>
 		<script>
-			const CUSTOMERIO_ID = '<%= htmlWebpackPlugin.options.CUSTOMERIO_ID %>';
-			const CUSTOMERIO_SITE_ID =
-				'<%= htmlWebpackPlugin.options.CUSTOMERIO_SITE_ID %>';
-			!(function () {
-				var i = 'cioanalytics',
-					analytics = (window[i] = window[i] || []);
-				if (!analytics.initialize)
-					if (analytics.invoked)
-						window.console &&
-							console.error &&
-							console.error('Snippet included twice.');
-					else {
-						analytics.invoked = !0;
-						analytics.methods = [
-							'trackSubmit',
-							'trackClick',
-							'trackLink',
-							'trackForm',
-							'pageview',
-							'identify',
-							'reset',
-							'group',
-							'track',
-							'ready',
-							'alias',
-							'debug',
-							'page',
-							'once',
-							'off',
-							'on',
-							'addSourceMiddleware',
-							'addIntegrationMiddleware',
-							'setAnonymousId',
-							'addDestinationMiddleware',
-						];
-						analytics.factory = function (e) {
-							return function () {
-								var t = Array.prototype.slice.call(arguments);
-								t.unshift(e);
-								analytics.push(t);
-								return analytics;
-							};
-						};
-						for (var e = 0; e < analytics.methods.length; e++) {
-							var key = analytics.methods[e];
-							analytics[key] = analytics.factory(key);
-						}
-						analytics.load = function (key, e) {
-							var t = document.createElement('script');
-							t.type = 'text/javascript';
-							t.async = !0;
-							t.setAttribute('data-global-customerio-analytics-key', i);
-							t.src =
-								'https://cdp.customer.io/v1/analytics-js/snippet/' +
-								key +
-								'/analytics.min.js';
-							var n = document.getElementsByTagName('script')[0];
-							n.parentNode.insertBefore(t, n);
-							analytics._writeKey = key;
-							analytics._loadOptions = e;
-						};
-						analytics.SNIPPET_VERSION = '4.15.3';
-						analytics.load(CUSTOMERIO_ID, {
-							integrations: {
-								'Customer.io In-App Plugin': {
-									siteId: CUSTOMERIO_SITE_ID,
-								},
-							},
-						});
-						analytics.page();
-					}
-			})();
+			const APPCUES_APP_ID = '<%= htmlWebpackPlugin.options.APPCUES_APP_ID %>';
+			(function (d, t) {
+				var a = d.createElement(t);
+				a.async = 1;
+				a.src = '//fast.appcues.com/' + APPCUES_APP_ID + '.js';
+				var s = d.getElementsByTagName(t)[0];
+				s.parentNode.insertBefore(a, s);
+			})(document, 'script');
+
 		</script>
 	</body>
 </html>
diff --git a/frontend/src/typings/window.ts b/frontend/src/typings/window.ts
index da6a0ce530..70a4cdaa40 100644
--- a/frontend/src/typings/window.ts
+++ b/frontend/src/typings/window.ts
@@ -4,8 +4,7 @@ declare global {
 	interface Window {
 		store: Store;
 		Intercom: any;
-		analytics: Record<string, any>;
-		cioanalytics: Record<string, any>;
+		Appcues: Record<string, any>;
 		__REDUX_DEVTOOLS_EXTENSION_COMPOSE__: typeof compose;
 	}
 }
diff --git a/frontend/webpack.config.js b/frontend/webpack.config.js
index c7997b3e0c..d5b030b925 100644
--- a/frontend/webpack.config.js
+++ b/frontend/webpack.config.js
@@ -21,8 +21,7 @@ const plugins = [
 	new HtmlWebpackPlugin({
 		template: 'src/index.html.ejs',
 		INTERCOM_APP_ID: process.env.INTERCOM_APP_ID,
-		CUSTOMERIO_SITE_ID: process.env.CUSTOMERIO_SITE_ID,
-		CUSTOMERIO_ID: process.env.CUSTOMERIO_ID,
+		APPCUES_APP_ID: process.env.APPCUES_APP_ID,
 		POSTHOG_KEY: process.env.POSTHOG_KEY,
 		USERPILOT_KEY: process.env.USERPILOT_KEY,
 		SENTRY_AUTH_TOKEN: process.env.SENTRY_AUTH_TOKEN,
@@ -41,8 +40,7 @@ const plugins = [
 			FRONTEND_API_ENDPOINT: process.env.FRONTEND_API_ENDPOINT,
 			WEBSOCKET_API_ENDPOINT: process.env.WEBSOCKET_API_ENDPOINT,
 			INTERCOM_APP_ID: process.env.INTERCOM_APP_ID,
-			CUSTOMERIO_SITE_ID: process.env.CUSTOMERIO_SITE_ID,
-			CUSTOMERIO_ID: process.env.CUSTOMERIO_ID,
+			APPCUES_APP_ID: process.env.APPCUES_APP_ID,
 			POSTHOG_KEY: process.env.POSTHOG_KEY,
 			USERPILOT_KEY: process.env.USERPILOT_KEY,
 			SENTRY_AUTH_TOKEN: process.env.SENTRY_AUTH_TOKEN,
diff --git a/frontend/webpack.config.prod.js b/frontend/webpack.config.prod.js
index bf00f2a9d8..e285e90184 100644
--- a/frontend/webpack.config.prod.js
+++ b/frontend/webpack.config.prod.js
@@ -26,8 +26,7 @@ const plugins = [
 	new HtmlWebpackPlugin({
 		template: 'src/index.html.ejs',
 		INTERCOM_APP_ID: process.env.INTERCOM_APP_ID,
-		CUSTOMERIO_SITE_ID: process.env.CUSTOMERIO_SITE_ID,
-		CUSTOMERIO_ID: process.env.CUSTOMERIO_ID,
+		APPCUES_APP_ID: process.env.APPCUES_APP_ID,
 		POSTHOG_KEY: process.env.POSTHOG_KEY,
 		USERPILOT_KEY: process.env.USERPILOT_KEY,
 		SENTRY_AUTH_TOKEN: process.env.SENTRY_AUTH_TOKEN,
@@ -51,8 +50,7 @@ const plugins = [
 			FRONTEND_API_ENDPOINT: process.env.FRONTEND_API_ENDPOINT,
 			WEBSOCKET_API_ENDPOINT: process.env.WEBSOCKET_API_ENDPOINT,
 			INTERCOM_APP_ID: process.env.INTERCOM_APP_ID,
-			CUSTOMERIO_SITE_ID: process.env.CUSTOMERIO_SITE_ID,
-			CUSTOMERIO_ID: process.env.CUSTOMERIO_ID,
+			APPCUES_APP_ID: process.env.APPCUES_APP_ID,
 			POSTHOG_KEY: process.env.POSTHOG_KEY,
 			USERPILOT_KEY: process.env.USERPILOT_KEY,
 			SENTRY_AUTH_TOKEN: process.env.SENTRY_AUTH_TOKEN,