first commit

calcom/packages/lib/formbricks-client.ts

@@ -0,0 +1,56 @@
+import formbricks from "@formbricks/js/app";
+import { useSession } from "next-auth/react";
+import { useEffect } from "react";
+
+import useMeQuery from "@calcom/trpc/react/hooks/useMeQuery";
+
+export const initFormbricks = ({
+  userId,
+  attributes,
+}: {
+  userId: string;
+  attributes: { [key: string]: string | null | undefined };
+}) => {
+  const filteredAttributes: Record<string, string | number> = {};
+  Object.entries(attributes).forEach(([key, value]) => {
+    if (value !== null && value !== undefined) {
+      filteredAttributes[key] = value;
+    }
+  });
+
+  if (process.env.NEXT_PUBLIC_FORMBRICKS_HOST_URL && process.env.NEXT_PUBLIC_FORMBRICKS_ENVIRONMENT_ID) {
+    formbricks.init({
+      environmentId: process.env.NEXT_PUBLIC_FORMBRICKS_ENVIRONMENT_ID,
+      apiHost: process.env.NEXT_PUBLIC_FORMBRICKS_HOST_URL,
+      debug: process.env.NODE_ENV === "development",
+      userId,
+      attributes: filteredAttributes,
+    });
+  }
+};
+
+export const trackFormbricksAction = (eventName: string, properties: Record<string, string> = {}) => {
+  if (process.env.NEXT_PUBLIC_FORMBRICKS_HOST_URL && process.env.NEXT_PUBLIC_FORMBRICKS_ENVIRONMENT_ID) {
+    formbricks.track(eventName, properties);
+  }
+};
+
+export const useFormbricks = () => {
+  const { data: user, isLoading } = useMeQuery();
+  const { data: session, status } = useSession();
+
+  useEffect(() => {
+    if (!isLoading && user && session) {
+      initFormbricks({
+        userId: user.id.toString(),
+        attributes: {
+          name: user?.name,
+          email: user.email,
+          username: user?.username,
+          belongsToActiveTeam: session.user.belongsToActiveTeam?.toString(),
+          isOrganizationAdmin: user.organization?.isOrgAdmin?.toString(),
+        },
+      });
+    }
+  }, [isLoading, user, status, session]);
+};