feat: chat component

darraghoriordan · Sep 18, 2023 · fc0303a · fc0303a
1 parent c2b4075
commit fc0303a
Show file tree

Hide file tree

Showing 4 changed files with 1,306 additions and 384 deletions.
diff --git a/apps/frontend/package.json b/apps/frontend/package.json
@@ -12,7 +12,7 @@
     "browserslist": "defaults, not ie <= 11",
     "dependencies": {
         "@auth0/nextjs-auth0": "3.1.0",
-        "@babel/core": "7.22.19",
+        "@babel/core": "7.22.20",
         "@babel/plugin-syntax-flow": "^7.22.5",
         "@babel/plugin-transform-react-jsx": "^7.22.15",
         "@headlessui/react": "1.7.17",
@@ -50,6 +50,7 @@
         "@use-miller/shared-api-client": "workspace:*",
         "autoprefixer": "10.4.15",
         "clsx": "2.0.0",
+        "crisp-sdk-web": "1.0.21",
         "eslint": "8.49.0",
         "eslint-config-next": "13.4.19",
         "eslint-config-react-app": "7.0.1",

diff --git a/apps/frontend/src/components/CrispChat.tsx b/apps/frontend/src/components/CrispChat.tsx
@@ -0,0 +1,12 @@
+import { useEffect } from "react";
+import { Crisp } from "crisp-sdk-web";
+
+const CrispChat = () => {
+    useEffect(() => {
+        Crisp.configure("0c58d997-a702-4b2d-86be-e84db144747c");
+    });
+
+    return null;
+};
+
+export default CrispChat;
diff --git a/apps/frontend/src/pages/_document.tsx b/apps/frontend/src/pages/_document.tsx
@@ -1,6 +1,8 @@
 import { Head, Html, Main, NextScript } from "next/document";
+import dynamic from "next/dynamic.js";
 import * as React from "react";
-import Script from "next/script";
+
+const CrispWithNoSSR = dynamic(() => import("../components/CrispChat.js"));
 
 export default function Document(props: any) {
     return (
@@ -19,15 +21,8 @@ export default function Document(props: any) {
                     rel="stylesheet"
                     href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Lexend:wght@400;500&display=swap"
                 />
-                <Script type="text/javascript">
-                    {`window.$crisp=[];
-    window.CRISP_WEBSITE_ID="0c58d997-a702-4b2d-86be-e84db144747c";
-    (function(){d=document;s=d.createElement("script");
-    s.src="https://client.crisp.chat/l.js";
-    s.async=1;d.getElementsByTagName("head")[0].appendChild(s);
-    })();`}
-                </Script>{" "}
             </Head>
+            <CrispWithNoSSR />
             <body>
                 <Main />
                 <NextScript />