From 8b798831e909da2b3890ab38c176edc07e9cdba7 Mon Sep 17 00:00:00 2001
From: ap-justin <89639563+ap-justin@users.noreply.github.com>
Date: Thu, 21 Dec 2023 20:17:30 +0800
Subject: [PATCH] switch intercom to module

---
 package.json      |  1 +
 public/index.html | 77 -----------------------------------------------
 src/index.tsx     |  5 ++-
 yarn.lock         | 11 +++++++
 4 files changed, 16 insertions(+), 78 deletions(-)

diff --git a/package.json b/package.json
index 296827a004..b52c6a13f6 100644
--- a/package.json
+++ b/package.json
@@ -80,6 +80,7 @@
     "react-redux": "^8.0.5",
     "react-router-dom": "^6.2.0",
     "react-scripts": "5.0.1",
+    "react-use-intercom": "^5.3.0",
     "type-fest": "^3.9.0",
     "yup": "1.3.0"
   },
diff --git a/public/index.html b/public/index.html
index 9a0d5de3f1..16c3da641a 100644
--- a/public/index.html
+++ b/public/index.html
@@ -158,83 +158,6 @@
       />
     </noscript>
     <!-- END LinkedIn Tracking Script -->
-    <!-- Intercom code -->
-    <script>
-      window.intercomSettings = {
-        api_base: "https://api-iam.intercom.io",
-        app_id: "fh3v40sb",
-      };
-    </script>
-    <script>
-      (function () {
-        if ("%REACT_APP_APP_TYPE%" !== "AST") {
-          var w = window;
-          var ic = w.Intercom;
-          if (typeof ic === "function") {
-            ic("reattach_activator");
-            ic("update", w.intercomSettings);
-          } else {
-            var d = document;
-            var i = function () {
-              i.c(arguments);
-            };
-            i.q = [];
-            i.c = function (args) {
-              i.q.push(args);
-            };
-            w.Intercom = i;
-            var l = function () {
-              var s = d.createElement("script");
-              s.type = "text/javascript";
-              s.async = true;
-              s.onload = async function () {
-                const offset = 100;
-                const initDelay = 200;
-                const debounceTime = 200;
-                //wait a bit to initialize launcher after loading script
-                await new Promise((r) => setTimeout(r, initDelay));
-                const launcher = document.querySelector(".intercom-launcher");
-
-                function debounce(callback) {
-                  let timeout;
-                  const debounced = (args) => {
-                    if (timeout) {
-                      window.clearTimeout(timeout);
-                    }
-                    timeout = window.setTimeout(() => {
-                      callback.apply(null, args);
-                    }, debounceTime);
-                  };
-                  return debounced;
-                }
-                const intercomHandleScroll = debounce(function () {
-                  launcher.style.display =
-                    window.innerHeight + window.scrollY >=
-                    document.body.offsetHeight - offset
-                      ? "none"
-                      : "block";
-                });
-                window.addEventListener("scroll", intercomHandleScroll, {
-                  passive: true,
-                });
-              };
-              s.src = "https://widget.intercom.io/widget/fh3v40sb";
-              var x = d.getElementsByTagName("script")[0];
-              x.parentNode.insertBefore(s, x);
-            };
-
-            if (document.readyState === "complete") {
-              l();
-            } else if (w.attachEvent) {
-              w.attachEvent("onload", l);
-            } else {
-              w.addEventListener("load", l, false);
-            }
-          }
-        }
-      })();
-    </script>
-    <!-- END Intercom code -->
     <script
       async
       src="https://www.googletagmanager.com/gtag/js?id=G-Z2YP33XHHD"
diff --git a/src/index.tsx b/src/index.tsx
index d2671484cb..3d3c95794b 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -4,6 +4,7 @@ import { StrictMode, Suspense, lazy } from "react";
 import { createRoot } from "react-dom/client";
 import { Provider } from "react-redux";
 import { BrowserRouter } from "react-router-dom";
+import { IntercomProvider } from "react-use-intercom";
 import Loader from "components/Loader";
 import { store } from "store/store";
 import ErrorBoundary from "errors/ErrorBoundary";
@@ -34,7 +35,9 @@ root.render(
         <BrowserRouter>
           <Suspense fallback={<LoaderComponent />}>
             <Authenticator.Provider>
-              <App />
+              <IntercomProvider appId="fh3v40sb" autoBoot>
+                <App />
+              </IntercomProvider>
             </Authenticator.Provider>
           </Suspense>
         </BrowserRouter>
diff --git a/yarn.lock b/yarn.lock
index 8ed6530f6c..3df4f31387 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7109,6 +7109,7 @@ __metadata:
     react-router-dom: ^6.2.0
     react-scripts: 5.0.1
     react-test-renderer: ^18.2.0
+    react-use-intercom: ^5.3.0
     source-map-explorer: ^2.5.2
     tailwindcss: 3.3.0
     tsc-files: ^1.1.3
@@ -16828,6 +16829,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-use-intercom@npm:^5.3.0":
+  version: 5.3.0
+  resolution: "react-use-intercom@npm:5.3.0"
+  peerDependencies:
+    react: ">=16.8.0"
+    react-dom: ">=16.8.0"
+  checksum: b08e1aa92b93ebeea01aa89f799eaed51d27887026a5983458800e13a7cf20fc267b59b3d12e78eb04335428f3000ceb779c92b4cbd4348cd70811c733d12d8c
+  languageName: node
+  linkType: hard
+
 "react@npm:^18.2.0":
   version: 18.2.0
   resolution: "react@npm:18.2.0"