57 lines
1.8 KiB
TypeScript
57 lines
1.8 KiB
TypeScript
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]);
|
|
};
|