From 020164fbccefb115f5c912bab7eb26ae43060115 Mon Sep 17 00:00:00 2001
From: Ayyan Shaikh <ayyan.sameer.shaikh.eren@gmail.com>
Date: Sat, 5 Jul 2025 14:33:05 +0530
Subject: [PATCH 1/4] feat: Integrate Intercom SDK and update helpdesk prefill
 functionality

---
 web-server/package.json                       |  1 +
 web-server/src/components/AppHead.tsx         | 19 ++++---------------
 .../SomethingWentWrong/SomethingWentWrong.tsx |  6 +-----
 web-server/yarn.lock                          |  5 +++++
 4 files changed, 11 insertions(+), 20 deletions(-)

diff --git a/web-server/package.json b/web-server/package.json
index 580e2e282..2a09ff2e8 100644
--- a/web-server/package.json
+++ b/web-server/package.json
@@ -15,6 +15,7 @@
     "@emotion/styled": "11.8.1",
     "@faker-js/faker": "^6.0.0",
     "@hookform/resolvers": "^2.8.8",
+    "@intercom/messenger-js-sdk": "^0.0.14",
     "@mui/icons-material": "^5.11.0",
     "@mui/lab": "^5.0.0-alpha.152",
     "@mui/material": "^5.14.17",
diff --git a/web-server/src/components/AppHead.tsx b/web-server/src/components/AppHead.tsx
index 4cf7d67f8..6775a14fb 100644
--- a/web-server/src/components/AppHead.tsx
+++ b/web-server/src/components/AppHead.tsx
@@ -1,3 +1,4 @@
+import Intercom from '@intercom/messenger-js-sdk';
 import Head from 'next/head';
 import { useRouter } from 'next/router';
 import Script from 'next/script';
@@ -11,7 +12,9 @@ export const AppHead = () => {
 
   useEffect(() => {
     const isDev = process.env.NEXT_PUBLIC_APP_ENVIRONMENT === 'development';
-
+    Intercom({
+      app_id: 'kckm1m2e'
+    });
     if (!isDev) {
       const onFocus = () => track('WINDOW_FOCUS');
       const onBlur = () => track('WINDOW_BLUR');
@@ -42,14 +45,6 @@ export const AppHead = () => {
 
         gtag('config', '${process.env.NEXT_PUBLIC_GA}');`}
       </Script>
-      <Script
-        src={`https://ind-widget.freshworks.com/widgets/88000000019.js`}
-        strategy="afterInteractive"
-      />
-      <Script id="support-channel" strategy="afterInteractive">
-        {`window.fwSettings={'widget_id':88000000019};
-        !function(){if("function"!=typeof window.FreshworksWidget){var n=function(){n.q.push(arguments)};n.q=[],window.FreshworksWidget=n}}()`}
-      </Script>
       <Script>
         {`document.addEventListener("wheel", function(event){
             if(document.activeElement.type === "number"){
@@ -72,12 +67,6 @@ export const AppHead = () => {
       .vis-tooltip {
         position: absolute;
       }
-      #freshworks-container #launcher-frame {
-        color-scheme: normal;
-      }
-      #freshworks-container {
-        z-index: 2147483646 !important
-      }
       [class^=chartsjs-reset-zoom-btn-] {
         display: none1;
       }
diff --git a/web-server/src/components/SomethingWentWrong/SomethingWentWrong.tsx b/web-server/src/components/SomethingWentWrong/SomethingWentWrong.tsx
index 49d5eb203..2c15139a1 100644
--- a/web-server/src/components/SomethingWentWrong/SomethingWentWrong.tsx
+++ b/web-server/src/components/SomethingWentWrong/SomethingWentWrong.tsx
@@ -13,11 +13,7 @@ import { Line } from '../Text';
 
 const helpdeskPrefill = (error: string, details: string) => {
   if (typeof window === 'undefined') return;
-  // @ts-ignore
-  window.FreshworksWidget?.('prefill', 'ticketForm', {
-    subject: error,
-    description: details
-  });
+  window.Intercom?.('showNewMessage', `${error}\n\n${details}`);
 };
 
 export const useHelpdeskPrefill = (error: string, details: string) => {
diff --git a/web-server/yarn.lock b/web-server/yarn.lock
index 3f4bc1ae5..ba9a31333 100644
--- a/web-server/yarn.lock
+++ b/web-server/yarn.lock
@@ -1431,6 +1431,11 @@
   resolved "https://registry.yarnpkg.com/@img/sharp-win32-x64/-/sharp-win32-x64-0.33.5.tgz#56f00962ff0c4e0eb93d34a047d29fa995e3e342"
   integrity sha512-MpY/o8/8kj+EcnxwvrP4aTJSWw/aZ7JIGR4aBeZkZw5B7/Jn+tY9/VNwtcoGmdT7GfggGIU4kygOMSbYnOrAbg==
 
+"@intercom/messenger-js-sdk@^0.0.14":
+  version "0.0.14"
+  resolved "https://registry.yarnpkg.com/@intercom/messenger-js-sdk/-/messenger-js-sdk-0.0.14.tgz#a27999370cc0a82a2a57a779426df25a57891863"
+  integrity sha512-2dH4BDAh9EI90K7hUkAdZ76W79LM45Sd1OBX7t6Vzy8twpNiQ5X+7sH9G5hlJlkSGnf+vFWlFcy9TOYAyEs1hA==
+
 "@istanbuljs/load-nyc-config@^1.0.0":
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz#fd3db1d59ecf7cf121e80650bb86712f9b55eced"

From ec897c77a45ce22b174ee02e6acb04fe953dba96 Mon Sep 17 00:00:00 2001
From: Ayyan Shaikh <ayyan.sameer.shaikh.eren@gmail.com>
Date: Sat, 5 Jul 2025 14:44:17 +0530
Subject: [PATCH 2/4] feat: Update helpdesk prefill to use Intercom SDK's
 showNewMessage function

---
 .../src/components/SomethingWentWrong/SomethingWentWrong.tsx   | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/web-server/src/components/SomethingWentWrong/SomethingWentWrong.tsx b/web-server/src/components/SomethingWentWrong/SomethingWentWrong.tsx
index 2c15139a1..17a7eedc7 100644
--- a/web-server/src/components/SomethingWentWrong/SomethingWentWrong.tsx
+++ b/web-server/src/components/SomethingWentWrong/SomethingWentWrong.tsx
@@ -1,3 +1,4 @@
+import { showNewMessage } from '@intercom/messenger-js-sdk';
 import { Button, Card, Link } from '@mui/material';
 import { useRouter } from 'next/router';
 import { FC, useEffect, useMemo } from 'react';
@@ -13,7 +14,7 @@ import { Line } from '../Text';
 
 const helpdeskPrefill = (error: string, details: string) => {
   if (typeof window === 'undefined') return;
-  window.Intercom?.('showNewMessage', `${error}\n\n${details}`);
+  showNewMessage(`${error}\n\n${details}`);
 };
 
 export const useHelpdeskPrefill = (error: string, details: string) => {

From fd55e5ee307bc8d5e17d039e6192410937f55f3a Mon Sep 17 00:00:00 2001
From: Ayyan Shaikh <ayyan.sameer.shaikh.eren@gmail.com>
Date: Sat, 5 Jul 2025 15:21:54 +0530
Subject: [PATCH 3/4] feat: Enhance error handling in helpdesk prefill and
 update Intercom app ID retrieval

---
 web-server/src/components/AppHead.tsx                       | 2 +-
 .../components/SomethingWentWrong/SomethingWentWrong.tsx    | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/web-server/src/components/AppHead.tsx b/web-server/src/components/AppHead.tsx
index 6775a14fb..b9d3dc6b4 100644
--- a/web-server/src/components/AppHead.tsx
+++ b/web-server/src/components/AppHead.tsx
@@ -13,7 +13,7 @@ export const AppHead = () => {
   useEffect(() => {
     const isDev = process.env.NEXT_PUBLIC_APP_ENVIRONMENT === 'development';
     Intercom({
-      app_id: 'kckm1m2e'
+      app_id: process.env.NEXT_PUBLIC_INTERCOM_APP_ID || 'kckm1m2e'
     });
     if (!isDev) {
       const onFocus = () => track('WINDOW_FOCUS');
diff --git a/web-server/src/components/SomethingWentWrong/SomethingWentWrong.tsx b/web-server/src/components/SomethingWentWrong/SomethingWentWrong.tsx
index 17a7eedc7..aced1edde 100644
--- a/web-server/src/components/SomethingWentWrong/SomethingWentWrong.tsx
+++ b/web-server/src/components/SomethingWentWrong/SomethingWentWrong.tsx
@@ -14,7 +14,11 @@ import { Line } from '../Text';
 
 const helpdeskPrefill = (error: string, details: string) => {
   if (typeof window === 'undefined') return;
-  showNewMessage(`${error}\n\n${details}`);
+  try {
+    showNewMessage(`${error}\n\n${details}`);
+  } catch (err) {
+    console.warn('Failed to show Intercom message:', err);
+  }
 };
 
 export const useHelpdeskPrefill = (error: string, details: string) => {

From 984a82ff1a89526eb25bd89214024f3c1764c029 Mon Sep 17 00:00:00 2001
From: Ayyan Shaikh <ayyan.sameer.shaikh.eren@gmail.com>
Date: Sat, 5 Jul 2025 15:27:26 +0530
Subject: [PATCH 4/4] feat: Refactor AppHead component to separate Intercom
 initialization and environment check

---
 web-server/src/components/AppHead.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/web-server/src/components/AppHead.tsx b/web-server/src/components/AppHead.tsx
index b9d3dc6b4..a6fe87f68 100644
--- a/web-server/src/components/AppHead.tsx
+++ b/web-server/src/components/AppHead.tsx
@@ -9,12 +9,13 @@ import { colors } from '@/theme/schemes/theme';
 
 export const AppHead = () => {
   const router = useRouter();
-
   useEffect(() => {
-    const isDev = process.env.NEXT_PUBLIC_APP_ENVIRONMENT === 'development';
     Intercom({
       app_id: process.env.NEXT_PUBLIC_INTERCOM_APP_ID || 'kckm1m2e'
     });
+  }, []);
+  useEffect(() => {
+    const isDev = process.env.NEXT_PUBLIC_APP_ENVIRONMENT === 'development';
     if (!isDev) {
       const onFocus = () => track('WINDOW_FOCUS');
       const onBlur = () => track('WINDOW_BLUR');