feat: Added formbricks sdk (#630)

apps/web/.example.env

@@ -4,4 +4,5 @@ NEXT_PUBLIC_AMPLITUDE_ID=
 NEXT_PUBLIC_TAWK_PROPERTY_ID=
 NEXT_PUBLIC_TAWK_WIDGET_ID=
 NEXT_PUBLIC_OPENREPLAY_KEY=
-NEXT_PUBLIC_SENTRY_DSN=
+NEXT_PUBLIC_SENTRY_DSN=
+NEXT_PUBLIC_FORMBRICKS_ENVIRONMENT_ID=

apps/web/components/common/Support.tsx

@@ -2,6 +2,7 @@ import Script from 'next/script';
 import getConfig from 'next/config';
 import Tracker from '@openreplay/tracker';
 import { useEffect, useRef } from 'react';
+import formbricks from '@formbricks/js/app';
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore
 import TawkMessengerReact from '@tawk.to/tawk-messenger-react';
@@ -41,6 +42,13 @@ export function Support({ profile }: SupportProps) {
         tracker.setMetadata('lastname', profile.lastName);
         tracker.setMetadata('firstname', profile.firstName);
       }
+      if (publicRuntimeConfig.NEXT_PUBLIC_FORMBRICKS_ENVIRONMENT_ID) {
+        formbricks.init({
+          environmentId: publicRuntimeConfig.NEXT_PUBLIC_FORMBRICKS_ENVIRONMENT_ID,
+          userId: profile._id,
+          apiHost: 'https://app.formbricks.com',
+        });
+      }
       /*
        * twakRef.current?.setAttributes({
        *   id: profile._id,

apps/web/next.config.js

@@ -16,6 +16,7 @@ const nextConfig = {
     NEXT_PUBLIC_ONBOARDING_TOKEN: process.env.NEXT_PUBLIC_ONBOARDING_TOKEN,
     NEXT_PUBLIC_PAYMENT_GATEWAY_URL: process.env.NEXT_PUBLIC_PAYMENT_GATEWAY_URL,
     NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY: process.env.NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY,
+    NEXT_PUBLIC_FORMBRICKS_ENVIRONMENT_ID: process.env.NEXT_PUBLIC_FORMBRICKS_ENVIRONMENT_ID,
     NEXT_PUBLIC_COUPON_ENABLED: process.env.NEXT_PUBLIC_COUPON_ENABLED,
   },
   sentry: {

apps/web/package.json

@@ -19,6 +19,7 @@
     "@amplitude/analytics-browser": "^2.0.1",
     "@emotion/react": "^11.10.5",
     "@emotion/server": "^11.10.0",
+    "@formbricks/js": "^2.1.0",
     "@impler/react": "workspace:^",
     "@impler/shared": "workspace:^",
     "@mantine/carousel": "6.0.21",

apps/web/types/global.d.ts

@@ -12,6 +12,7 @@ namespace NodeJS {
     NEXT_PUBLIC_TAWK_WIDGET_ID: string;
     NEXT_PUBLIC_OPENREPLAY_KEY: string;
     NEXT_PUBLIC_SENTRY_DSN: string;
+    NEXT_PUBLIC_FORMBRICKS_ENVIRONMENT_ID: string;
 
     NEXT_PUBLIC_PAYMENT_GATEWAY_URL: string;
     NEXT_PUBLIC_GTM_ID: string;