Merge pull request #1453 from AppQuality/UN-1917

UN-1917 - add analytics hubspot

Author: cannarocks

.env.template

@@ -1,2 +1,2 @@
 REACT_APP_API_URL=https://dev.unguess.io/api
-REACT_APP_CROWD_WP_URL=https://dev.unguess.io
+REACT_APP_CROWD_WP_URL=https://dev.unguess.io

package.json

@@ -4,6 +4,7 @@
   "private": true,
   "dependencies": {
     "@analytics/google-tag-manager": "^0.6.0",
+    "@analytics/hubspot": "^0.5.1",
     "@appquality/languages": "1.4.3",
     "@appquality/unguess-design-system": "4.0.50",
     "@atlaskit/pragmatic-drag-and-drop": "^1.7.4",
@@ -129,4 +130,4 @@
     "*.{tsx,ts,js,css,md}": "prettier --write"
   },
   "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
-}
+}

src/@types/analytics__hubspot/index.d.ts

@@ -0,0 +1,10 @@
+declare module '@analytics/hubspot' {
+  type AnalyticsPlugin = import('analytics').AnalyticsPlugin;
+
+  type HubspotConfig = {
+    portalId: string;
+  };
+
+  function hubspotPlugin(config: HubspotConfig): AnalyticsPlugin;
+  export default hubspotPlugin;
+}

src/analytics.ts

@@ -1,5 +1,6 @@
 import googleTagManager from '@analytics/google-tag-manager';
 import Analytics from 'analytics';
+import hubspotPlugin from '@analytics/hubspot';
 import userpilot from './common/analytics-plugins/userpilot';
 import { isDev } from './common/isDevEnvironment';
 
@@ -17,6 +18,9 @@ const analytics = Analytics({
       userpilot({
         token: 'NX-54e88e10',
       }),
+      hubspotPlugin({
+        portalId: isDev() ? '50612068' : '6087279',
+      }),
     ],
   }),
 });

src/pages/Plan/context/planContext.tsx

@@ -95,7 +95,6 @@ export const PlanProvider = ({ children }: { children: ReactNode }) => {
       }
     } catch (error) {
       setIsPaymentInProgress(false);
-      console.error(`Error while checkout process: ${error}`);
     }
   };
 

src/pages/Plan/modals/DateInThePastAlertModal.tsx

@@ -66,7 +66,7 @@ const DateInThePastAlertModal = ({ onQuit }: { onQuit: () => void }) => {
       .then(() => {
         navigate(window.location.pathname, { replace: true });
       })
-      .catch((err) => {
+      .catch(() => {
         addToast(
           ({ close }) => (
             <Notification

src/pages/Plan/modules/Factory/modules/Literacy/Component.tsx

@@ -1,6 +1,5 @@
 import {
   AccordionNew,
-  Button,
   Checkbox,
   FormField,
   Hint,

src/pages/Plan/modules/Factory/modules/OutOfScope/Component.tsx

@@ -6,7 +6,6 @@ import {
   Label,
   SM,
   Span,
-  Textarea,
   Tooltip,
 } from '@appquality/unguess-design-system';
 import { useState } from 'react';

src/pages/Plan/modules/Factory/modules/TargetSize/Component.tsx

@@ -1,7 +1,6 @@
 import {
   AccordionNew,
   Alert,
-  Button,
   FormField,
   IconButton,
   Input,

src/pages/Plan/useSetDraftOnFailed.tsx

@@ -54,11 +54,7 @@ export const useSetDraftOnFailed = () => {
             { placement: 'top' }
           );
         })
-        .catch((err) => {
-          console.error(
-            'Error updating plan status after payment failure',
-            err
-          );
+        .catch(() => {
           navigate(notFoundRoute, { state: { from: location.pathname } });
         });
     };