Remove Intercom widget

Author: bogdan-ts

ui/packages/platform/public/index.html

@@ -45,12 +45,5 @@
       You need to enable JavaScript to run this app.
     </noscript>
     <div id="root"></div>
-    <script>
-      window.intercomSettings = {
-        app_id: "i81m9xmi"
-      };
-    </script>
-    <script>(function(){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.src='https://widget.intercom.io/widget/i81m9xmi';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();
-    </script>
   </body>
 </html>

ui/packages/platform/src/components/IndexPage/IndexPage.tsx

@@ -1322,13 +1322,6 @@ class IndexPage extends Component<IndexPageWithStylesProps, IndexPageState> {
     if (raw) {
       return (
         <>
-          <style>
-            {`
-              div.intercom-lightweight-app {
-                display: none!important;
-              }
-            `}
-          </style>
           <Switch>
             <Route
               path="/:org"

ui/packages/platform/src/components/OrgForm/OrgForm.tsx

@@ -39,6 +39,7 @@ import { WarningWrapper } from 'components/Warning/WarningWrapper'
 import { messages } from '../../assets/messages'
 import { formatAlias } from 'utils/aliases'
 import { OrgFormProps } from 'components/OrgForm/OrgFormWrapper'
+import { linksConfig } from "@postgres.ai/shared/config/links";
 
 interface OrgFormWithStylesProps extends OrgFormProps {
   classes: ClassesType
@@ -539,16 +540,13 @@ class OrgForm extends Component<OrgFormWithStylesProps, OrgFormState> {
                             No&nbsp;&nbsp;
                             <span className={classes.errorMessage}>
                               To confirm&nbsp;
-                              <span
-                                className={
-                                  window.Intercom && classes.supportLink
-                                }
-                                onClick={() =>
-                                  window.Intercom && window.Intercom('show')
-                                }
+                              <a
+                                className={classes.supportLink}
+                                href={linksConfig.support}
+                                target="_blank"
                               >
                                 contact support
-                              </span>
+                              </a>
                             </span>
                           </span>
                         )}

ui/packages/platform/src/components/SharedUrl/SharedUrl.tsx

@@ -168,15 +168,6 @@ class SharedUrl extends Component<SharedUrlWithStylesProps, SharedUrlState> {
 
     return (
       <>
-        <style>
-          {`
-            .intercom-lightweight-app-launcher,
-            iframe.intercom-launcher-frame {
-              bottom: 30px!important;
-              right: 30px!important;
-            }
-          `}
-        </style>
         {page}
         {showBanner && banner}
       </>

ui/packages/platform/src/hooks/useFloatingIntercom.ts

@@ -2,7 +2,6 @@ import { BotPage } from "./index";
 import {RouteComponentProps} from "react-router";
 import {AlertSnackbarProvider} from "@postgres.ai/shared/components/AlertSnackbar/useAlertSnackbar";
 import { AiBotProvider } from "./hooks";
-import { useHideIntercom } from "../../hooks/useHideIntercom";
 
 export interface BotWrapperProps {
   envData: {
@@ -25,7 +24,6 @@ export interface BotWrapperProps {
 
 
 export const BotWrapper = (props: BotWrapperProps) => {
-  useHideIntercom();
   return (
     <AlertSnackbarProvider>
       <AiBotProvider args={{ threadId: props.match.params.threadId, orgId: props.orgData.id }}>

ui/packages/platform/src/hooks/useHideIntercom.ts

@@ -16,8 +16,6 @@ import { theme } from "@postgres.ai/shared/styles/theme";
 import { isMobileDevice } from "../../../utils/utils";
 import { useAiBot } from "../hooks";
 import { ReadyState } from "react-use-websocket";
-import { useFloatingIntercom } from "../../../hooks/useFloatingIntercom";
-
 
 type Props = {
   threadId?: string

ui/packages/platform/src/pages/Bot/BotWrapper.tsx

@@ -4,7 +4,6 @@ import { makeStyles } from '@material-ui/core'
 import { Button } from '@postgres.ai/shared/components/Button'
 import { TextField } from '@postgres.ai/shared/components/TextField'
 
-import { useFloatingIntercom } from 'hooks/useFloatingIntercom'
 
 import {
   checkIsSendCmd,
@@ -133,11 +132,6 @@ export const Command = React.memo((props: Props) => {
     inputRef.current.focus()
   }, [])
 
-  // Floating intercom.
-  const sendButtonRef = useRef<HTMLButtonElement | null>(null)
-
-  useFloatingIntercom(sendButtonRef)
-
   return (
     <div className={classes.root}>
       <TextField
@@ -162,7 +156,6 @@ export const Command = React.memo((props: Props) => {
       <Button
         className={classes.button}
         onClick={triggerSend}
-        ref={sendButtonRef}
       >
         Send
       </Button>

ui/packages/platform/src/pages/Bot/Command/Command.tsx

@@ -16,8 +16,3 @@ declare namespace NodeJS {
     readonly BUILD_TIMESTAMP: number
   }
 }
-
-// Intercom types.
-declare interface Window {
-  Intercom?: (action: 'show') => void
-}