feat: add sentry exception handling for plain errors

.cspell.json

@@ -813,6 +813,7 @@
     "pnpm-workspace.yaml",
     "tsconfig.json",
     "unreadRead",
-    "websockets"
+    "websockets",
+    "apps/dashboard/src/components/header-navigation/customer-support-button.tsx"
   ]
 }

apps/dashboard/src/components/header-navigation/customer-support-button.tsx

@@ -4,15 +4,13 @@ import { RiQuestionFill } from 'react-icons/ri';
 import { HeaderButton } from './header-button';
 import { PLAIN_SUPPORT_CHAT_APP_ID } from '@/config';
 import { useAuth } from '@/context/auth/hooks';
+import * as Sentry from '@sentry/react';
 
 export const CustomerSupportButton = () => {
   const [isFirstRender, setIsFirstRender] = useState(true);
-  const { currentOrganization, currentUser } = useAuth();
+  const { currentUser } = useAuth();
 
-  const isLiveChatVisible =
-    currentOrganization?.apiServiceLevel !== 'free' &&
-    currentUser?.servicesHashes?.plain &&
-    PLAIN_SUPPORT_CHAT_APP_ID !== undefined;
+  const isLiveChatVisible = currentUser?.servicesHashes?.plain && PLAIN_SUPPORT_CHAT_APP_ID !== undefined;
 
   useBootIntercom();
 
@@ -115,7 +113,8 @@ export const CustomerSupportButton = () => {
           ],
         });
       } catch (error) {
-        console.error('error initializing plain chat', error);
+        console.error('Error initializing plain chat: ', error);
+        Sentry.captureException(error);
       }
     }
     setIsFirstRender(false);
@@ -127,7 +126,8 @@ export const CustomerSupportButton = () => {
         // @ts-ignore
         window?.Plain?.open();
       } catch (error) {
-        console.error('error opening plain chat', error);
+        console.error('Error opening plain chat: ', error);
+        Sentry.captureException(error);
       }
     }
   };

apps/web/src/components/layout/components/v2/HeaderNav.tsx

@@ -11,6 +11,7 @@ import { Tooltip, Dropdown } from '@novu/design-system';
 import { css } from '@novu/novui/css';
 import { HStack } from '@novu/novui/jsx';
 import { FeatureFlagsKeysEnum } from '@novu/shared';
+import { captureException } from '@sentry/react';
 import { IS_EE_AUTH_ENABLED, IS_NOVU_PROD_STAGING } from '../../../../config';
 import { useBootIntercom, useFeatureFlag } from '../../../../hooks';
 import useThemeChange from '../../../../hooks/useThemeChange';
@@ -76,7 +77,8 @@ export function HeaderNav() {
           },
         });
       } catch (error) {
-        console.error('error initializing plain chat', error);
+        console.error('Error initializing plain chat: ', error);
+        captureException(error);
       }
     }
     setIsFirstRender(false);
@@ -88,7 +90,8 @@ export function HeaderNav() {
         // @ts-ignore
         window?.Plain?.open();
       } catch (error) {
-        console.error('error opening plain chat', error);
+        console.error('Error opening plain chat: ', error);
+        captureException(error);
       }
     }
   };