From 4d7970d9e744e285f5470bed471d7671746230b6 Mon Sep 17 00:00:00 2001
From: Less <bonustrack@users.noreply.github.com>
Date: Sat, 26 Oct 2024 00:04:32 +0700
Subject: [PATCH] chore: remove Intercom widget (#945)

* chore: remove Intercom widget

* fix: remove lock changes

* chore: remove cookie related policy
---
 apps/ui/src/App.vue                        |  3 +-
 apps/ui/src/components/Messenger.vue       | 13 +++++++
 apps/ui/src/components/Site/Footer.vue     |  5 +--
 apps/ui/src/helpers/constants.ts           |  2 ++
 apps/ui/src/helpers/intercom.ts            | 41 ----------------------
 apps/ui/src/networks/evm/constants.ts      |  8 ++---
 apps/ui/src/networks/starknet/constants.ts | 10 +++---
 apps/ui/src/style.scss                     |  7 ----
 apps/ui/src/views/Policy.vue               |  3 --
 apps/ui/src/views/Proposal.vue             |  3 +-
 apps/ui/src/views/Terms.vue                |  2 +-
 11 files changed, 31 insertions(+), 66 deletions(-)
 create mode 100644 apps/ui/src/components/Messenger.vue
 delete mode 100644 apps/ui/src/helpers/intercom.ts

diff --git a/apps/ui/src/App.vue b/apps/ui/src/App.vue
index c78d636fe..d2a7b3914 100644
--- a/apps/ui/src/App.vue
+++ b/apps/ui/src/App.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import defaultRoutes from '@/routes/default';
 import whiteLabelRoutes from '@/routes/whiteLabel';
-import { startIntercom } from './helpers/intercom';
 
 const route = useRoute();
 const router = useRouter();
@@ -31,7 +30,6 @@ watch(
   resolved => {
     if (!resolved) return;
 
-    if (!isWhiteLabel.value) startIntercom();
     if (isCustomDomain.value && !whiteLabelFailed.value) {
       mountCustomDomainRoutes();
     }
@@ -48,4 +46,5 @@ onMounted(() => {
   <LayoutSplashScreen v-if="!whiteLabelResolved" />
   <LayoutSite v-else-if="routeName === 'site'" />
   <LayoutApp v-else />
+  <Messenger />
 </template>
diff --git a/apps/ui/src/components/Messenger.vue b/apps/ui/src/components/Messenger.vue
new file mode 100644
index 000000000..0008381e8
--- /dev/null
+++ b/apps/ui/src/components/Messenger.vue
@@ -0,0 +1,13 @@
+<script setup lang="ts">
+import { HELPDESK_URL } from '@/helpers/constants';
+</script>
+
+<template>
+  <a
+    :href="HELPDESK_URL"
+    target="_blank"
+    class="hidden md:block fixed bottom-4 right-4 rounded-full bg-skin-link text-skin-bg p-2"
+  >
+    <IS-chat class="inline-block size-[32px]" />
+  </a>
+</template>
diff --git a/apps/ui/src/components/Site/Footer.vue b/apps/ui/src/components/Site/Footer.vue
index fb01c3847..72b81ae0a 100644
--- a/apps/ui/src/components/Site/Footer.vue
+++ b/apps/ui/src/components/Site/Footer.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { HELPDESK_URL } from '@/helpers/constants';
 import { repository, version } from '@/../package.json';
 import ICDiscord from '~icons/c/discord';
 import ICGithub from '~icons/c/github';
@@ -50,7 +51,7 @@ const SOCIALS = [
           <div class="eyebrow">Resources</div>
           <div class="space-y-1">
             <div>
-              <a href="https://help.snapshot.box" target="_blank">
+              <a :href="HELPDESK_URL" target="_blank">
                 Helpdesk <IH-arrow-sm-right class="inline-block -rotate-45" />
               </a>
             </div>
@@ -106,7 +107,7 @@ const SOCIALS = [
             <AppLink :to="{ name: 'site-policy' }">Privacy policy</AppLink>
           </div>
           <div>
-            <a class="intercom-launcher" target="_blank"> Contact us </a>
+            <a :href="HELPDESK_URL" target="_blank">Contact us</a>
           </div>
         </div>
       </div>
diff --git a/apps/ui/src/helpers/constants.ts b/apps/ui/src/helpers/constants.ts
index 7b0b9c730..6001a0974 100644
--- a/apps/ui/src/helpers/constants.ts
+++ b/apps/ui/src/helpers/constants.ts
@@ -4,6 +4,8 @@ export const APP_NAME = 'Snapshot';
 
 export const SIDEKICK_URL = 'https://sh5.co';
 
+export const HELPDESK_URL = 'https://help.snapshot.box';
+
 export const ETH_CONTRACT = '0xeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee';
 
 export const CHAIN_IDS: Record<Exclude<NetworkID, 's' | 's-tn'>, ChainId> = {
diff --git a/apps/ui/src/helpers/intercom.ts b/apps/ui/src/helpers/intercom.ts
deleted file mode 100644
index 9350863fc..000000000
--- a/apps/ui/src/helpers/intercom.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-const APP_ID = import.meta.env.VITE_INTERCOM_APP_ID;
-
-export function startIntercom() {
-  if (!APP_ID) return;
-
-  const w: any = window;
-  w.intercomSettings = {
-    app_id: APP_ID,
-    custom_launcher_selector: '.intercom-launcher'
-  };
-  const ic = w.Intercom;
-  if (typeof ic === 'function') {
-    ic('reattach_activator');
-    ic('update', w.intercomSettings);
-  } else {
-    const d = document;
-    const i = function (...args: any[]) {
-      i.c(args);
-    };
-    i.q = [];
-    i.c = function (args: any[]) {
-      i.q.push(args);
-    };
-    w.Intercom = i;
-    const l = function () {
-      const s = d.createElement('script');
-      s.type = 'text/javascript';
-      s.async = true;
-      s.src = `https://widget.intercom.io/widget/${APP_ID}`;
-      const x: any = 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);
-    }
-  }
-}
diff --git a/apps/ui/src/networks/evm/constants.ts b/apps/ui/src/networks/evm/constants.ts
index 8540ee102..583d7500b 100644
--- a/apps/ui/src/networks/evm/constants.ts
+++ b/apps/ui/src/networks/evm/constants.ts
@@ -2,7 +2,7 @@ import { AbiCoder } from '@ethersproject/abi';
 import { Web3Provider } from '@ethersproject/providers';
 import { StandardMerkleTree } from '@openzeppelin/merkle-tree';
 import { clients, evmNetworks } from '@snapshot-labs/sx';
-import { MAX_SYMBOL_LENGTH } from '@/helpers/constants';
+import { HELPDESK_URL, MAX_SYMBOL_LENGTH } from '@/helpers/constants';
 import { pinGraph } from '@/helpers/pin';
 import { getUrl, shorten } from '@/helpers/utils';
 import { NetworkID, StrategyParsedMetadata, VoteType } from '@/types';
@@ -167,7 +167,7 @@ export function createConstants(networkId: NetworkID) {
       name: 'Vanilla',
       about:
         'A strategy that gives one voting power to anyone. It should only be used for testing purposes and not in production.',
-      link: 'https://help.snapshot.box/en/articles/9839150-vanilla-voting-strategy',
+      link: `${HELPDESK_URL}/en/articles/9839150-vanilla-voting-strategy`,
       icon: IHBeaker,
       generateMetadata: async (params: Record<string, any>) => ({
         name: 'Vanilla',
@@ -207,7 +207,7 @@ export function createConstants(networkId: NetworkID) {
       name: 'Whitelist',
       about:
         'A strategy that defines a list of addresses each with designated voting power, using a Merkle tree for verification.',
-      link: 'https://help.snapshot.box/en/articles/9839118-whitelist-voting-strategy',
+      link: `${HELPDESK_URL}/en/articles/9839118-whitelist-voting-strategy`,
       generateSummary: (params: Record<string, any>) => {
         const length =
           params.whitelist.trim().length === 0
@@ -308,7 +308,7 @@ export function createConstants(networkId: NetworkID) {
       name: 'ERC-20 Votes (EIP-5805)',
       about:
         'A strategy that allows delegated balances of OpenZeppelin style checkpoint tokens to be used as voting power.',
-      link: 'https://help.snapshot.box/en/articles/9839125-erc-20-votes-eip-5805-voting-strategy',
+      link: `${HELPDESK_URL}/en/articles/9839125-erc-20-votes-eip-5805-voting-strategy`,
       icon: IHCode,
       generateSummary: (params: Record<string, any>) =>
         `(${shorten(params.contractAddress)}, ${params.decimals})`,
diff --git a/apps/ui/src/networks/starknet/constants.ts b/apps/ui/src/networks/starknet/constants.ts
index b8776809c..89a32e310 100644
--- a/apps/ui/src/networks/starknet/constants.ts
+++ b/apps/ui/src/networks/starknet/constants.ts
@@ -1,7 +1,7 @@
 import { Web3Provider } from '@ethersproject/providers';
 import { clients, starknetNetworks, utils } from '@snapshot-labs/sx';
 import { CallData, uint256 } from 'starknet';
-import { MAX_SYMBOL_LENGTH } from '@/helpers/constants';
+import { HELPDESK_URL, MAX_SYMBOL_LENGTH } from '@/helpers/constants';
 import { pinPineapple } from '@/helpers/pin';
 import { getUrl, shorten, verifyNetwork } from '@/helpers/utils';
 import { NetworkID, StrategyParsedMetadata, VoteType } from '@/types';
@@ -267,7 +267,7 @@ export function createConstants(
       name: 'Whitelist',
       about:
         'A strategy that defines a list of addresses each with designated voting power, using a Merkle tree for verification.',
-      link: 'https://help.snapshot.box/en/articles/9839118-whitelist-voting-strategy',
+      link: `${HELPDESK_URL}/en/articles/9839118-whitelist-voting-strategy`,
       generateSummary: (params: Record<string, any>) => {
         const length =
           params.whitelist.trim().length === 0
@@ -375,7 +375,7 @@ export function createConstants(
       name: 'ERC-20 Votes (EIP-5805)',
       about:
         'A strategy that allows delegated balances of OpenZeppelin style checkpoint tokens to be used as voting power.',
-      link: 'https://help.snapshot.box/en/articles/9839125-erc-20-votes-eip-5805-voting-strategy',
+      link: `${HELPDESK_URL}/en/articles/9839125-erc-20-votes-eip-5805-voting-strategy`,
       icon: IHCode,
       generateSummary: (params: Record<string, any>) =>
         `(${shorten(params.contractAddress)}, ${params.decimals})`,
@@ -432,7 +432,7 @@ export function createConstants(
             config.Strategies.EVMSlotValue,
             'EVM slot value',
             'A strategy that allows to use the value of an slot on EVM chain (for example ERC-20 balance on L1) as voting power.',
-            'https://help.snapshot.box/en/articles/9839132-evm-slot-value-voting-strategy'
+            `${HELPDESK_URL}/en/articles/9839132-evm-slot-value-voting-strategy`
           )
         ]
       : []),
@@ -442,7 +442,7 @@ export function createConstants(
             config.Strategies.OZVotesStorageProof,
             'OZ Votes storage proof (trace 224)',
             'A strategy that allows to use the value of an slot on EVM chain (for example ERC-20 balance on L1) as voting power including delegated balances (trace 224 format).',
-            'https://help.snapshot.box/en/articles/9839152-oz-votes-storage-proof-voting-strategy'
+            `${HELPDESK_URL}/en/articles/9839152-oz-votes-storage-proof-voting-strategy`
           )
         ]
       : []),
diff --git a/apps/ui/src/style.scss b/apps/ui/src/style.scss
index 32fa2d46f..82193eadc 100644
--- a/apps/ui/src/style.scss
+++ b/apps/ui/src/style.scss
@@ -409,13 +409,6 @@ input:placeholder-shown {
   }
 }
 
-// Intercom
-// Hide the launcher button on small screen
-
-div.intercom-launcher {
-  @apply hidden md:block
-}
-
 // tippy.js
 // Fix for long text in tippy.js
 div[data-tippy-root] {
diff --git a/apps/ui/src/views/Policy.vue b/apps/ui/src/views/Policy.vue
index 43ef0f56a..e9f1052ad 100644
--- a/apps/ui/src/views/Policy.vue
+++ b/apps/ui/src/views/Policy.vue
@@ -31,9 +31,6 @@ For further information on the purpose and scope of the data processing of Twitt
 ## Newsletters
 If you subscribe to our newsletter, we process the information provided by you (e.g. contact details) in order to provide you with our newsletter. You may cancel your subscription at any time by using the option to unsubscribe contained in the newsletter or by sending us an email to the address mentioned above.
 
-## Cookies
-We use cookies to operate and optimise our website (see also “Tracking Tools” below). These are text files that are stored on your computer and enable the analysis of the use of our website. You can configure your browser in such a way that no cookies are stored on your computer or a message always appears before a cookie is installed. For further information or to change your cookies settings, please check out our Cookie Consent Management Tool. Complete deactivation of cookies may result in our website not functioning or not functioning completely.
-
 ## Links to third-party offerings
 Our website may contain third-party offerings. Please note that when you use such link, your data such as IP address, personal browser settings etc., are transmitted to these third parties. We have no control over, do not review and cannot be responsible for these third-party websites or their content. Please be aware that the terms of this Privacy Notice do not apply to these third-party websites or their content, or any collection of your data after you click on links to such third-party websites. We encourage you to read the privacy policies of every website you visit. Any links to third-party websites or locations are for your convenience and do not signify our endorsement of such third parties or their products, content, or websites.
 
diff --git a/apps/ui/src/views/Proposal.vue b/apps/ui/src/views/Proposal.vue
index a998f2cc7..115e411fa 100644
--- a/apps/ui/src/views/Proposal.vue
+++ b/apps/ui/src/views/Proposal.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { HELPDESK_URL } from '@/helpers/constants';
 import { loadSingleTopic, Topic } from '@/helpers/discourse';
 import { getFormattedVotingPower, sanitizeUrl } from '@/helpers/utils';
 import { Choice, Space } from '@/types';
@@ -264,7 +265,7 @@ watchEffect(() => {
                       votingPower?.status === 'success' &&
                       votingPower.totalVotingPower === BigInt(0)
                     "
-                    href="https://help.snapshot.box/en/articles/9566904-why-do-i-have-0-voting-power"
+                    :href="`${HELPDESK_URL}/en/articles/9566904-why-do-i-have-0-voting-power`"
                     target="_blank"
                   >
                     <IH-question-mark-circle />
diff --git a/apps/ui/src/views/Terms.vue b/apps/ui/src/views/Terms.vue
index 27edc449d..ecce46b3f 100644
--- a/apps/ui/src/views/Terms.vue
+++ b/apps/ui/src/views/Terms.vue
@@ -255,7 +255,7 @@ You agree to promptly notify the Foundation of any Claims and cooperate with the
 
 ## 15. Privacy notice and cookie declaration
 
-Please refer to our Privacy Notice to understand how we collect and use and disclose your personal data as well as our Cookie Declaration to understand how we use cookies and how you can change your consent to their use.
+Please refer to our Privacy Notice to understand how we collect and use and disclose your personal data.
 
 ## 16. Miscellaneous