🧑‍💻 (emails) Add decent emails management

Use mjml-react to generate emails. Put all emails in a independent package.

apps/builder/pages/api/auth/adapter.ts

@@ -87,8 +87,8 @@ export function CustomAdapter(p: PrismaClient): Adapter {
     },
     updateUser: (data) => p.user.update({ where: { id: data.id }, data }),
     deleteUser: (id) => p.user.delete({ where: { id } }),
-    linkAccount: (data) => {
-      return p.account.create({
+    linkAccount: async (data) => {
+      await p.account.create({
         data: {
           userId: data.userId,
           type: data.type,
@@ -105,10 +105,11 @@ export function CustomAdapter(p: PrismaClient): Adapter {
           oauth_token: data.oauth_token as string,
           refresh_token_expires_in: data.refresh_token_expires_in as number,
         },
-      }) as any
+      })
+    },
+    unlinkAccount: async (provider_providerAccountId) => {
+      await p.account.delete({ where: { provider_providerAccountId } })
     },
-    unlinkAccount: (provider_providerAccountId) =>
-      p.account.delete({ where: { provider_providerAccountId } }) as any,
     async getSessionAndUser(sessionToken) {
       const userAndSession = await p.session.findUnique({
         where: { sessionToken },

apps/builder/pages/api/typebots/[typebotId]/invitations.ts

@@ -1,11 +1,9 @@
 import { withSentry } from '@sentry/nextjs'
-import { invitationToCollaborate } from 'assets/emails/invitationToCollaborate'
 import { CollaborationType, WorkspaceRole } from 'db'
 import prisma from 'libs/prisma'
 import { NextApiRequest, NextApiResponse } from 'next'
 import { canReadTypebot, canWriteTypebot } from 'services/api/dbRules'
 import {
-  sendEmailNotification,
   badRequest,
   forbidden,
   methodNotAllowed,
@@ -13,6 +11,7 @@ import {
 } from 'utils/api'
 import { getAuthenticatedUser } from 'services/api/utils'
 import { env } from 'utils'
+import { sendGuestInvitationEmail } from 'emails'
 
 const handler = async (req: NextApiRequest, res: NextApiResponse) => {
   const user = await getAuthenticatedUser(req)
@@ -68,16 +67,13 @@ const handler = async (req: NextApiRequest, res: NextApiResponse) => {
         data: { email: email.toLowerCase().trim(), type, typebotId },
       })
     if (env('E2E_TEST') !== 'true')
-      await sendEmailNotification({
+      await sendGuestInvitationEmail({
         to: email,
-        subject: "You've been invited to collaborate 🤝",
-        html: invitationToCollaborate({
-          hostEmail: user.email ?? '',
-          url: `${process.env.NEXTAUTH_URL}/typebots?workspaceId=${typebot.workspaceId}`,
-          guestEmail: email.toLowerCase(),
-          typebotName: typebot.name,
-          workspaceName: typebot.workspace?.name ?? '',
-        }),
+        hostEmail: user.email ?? '',
+        url: `${process.env.NEXTAUTH_URL}/typebots?workspaceId=${typebot.workspaceId}`,
+        guestEmail: email.toLowerCase(),
+        typebotName: typebot.name,
+        workspaceName: typebot.workspace?.name ?? '',
       })
     return res.send({
       message: 'success',

apps/builder/pages/api/workspaces/[workspaceId]/invitations.ts

@@ -1,16 +1,11 @@
 import { withSentry } from '@sentry/nextjs'
-import { workspaceMemberInvitationEmail } from 'assets/emails/workspaceMemberInvitation'
 import { Workspace, WorkspaceInvitation, WorkspaceRole } from 'db'
 import prisma from 'libs/prisma'
 import { NextApiRequest, NextApiResponse } from 'next'
-import {
-  sendEmailNotification,
-  forbidden,
-  methodNotAllowed,
-  notAuthenticated,
-} from 'utils/api'
+import { forbidden, methodNotAllowed, notAuthenticated } from 'utils/api'
 import { getAuthenticatedUser } from 'services/api/utils'
 import { env, seatsLimit } from 'utils'
+import { sendWorkspaceMemberInvitationEmail } from 'emails'
 
 const handler = async (req: NextApiRequest, res: NextApiResponse) => {
   const user = await getAuthenticatedUser(req)
@@ -39,15 +34,12 @@ const handler = async (req: NextApiRequest, res: NextApiResponse) => {
         },
       })
       if (env('E2E_TEST') !== 'true')
-        await sendEmailNotification({
+        await sendWorkspaceMemberInvitationEmail({
           to: data.email,
-          subject: "You've been invited to collaborate 🤝",
-          html: workspaceMemberInvitationEmail({
-            workspaceName: workspace.name,
-            guestEmail: data.email,
-            url: `${process.env.NEXTAUTH_URL}/typebots?workspaceId=${workspace.id}`,
-            hostEmail: user.email ?? '',
-          }),
+          workspaceName: workspace.name,
+          guestEmail: data.email,
+          url: `${process.env.NEXTAUTH_URL}/typebots?workspaceId=${workspace.id}`,
+          hostEmail: user.email ?? '',
         })
       return res.send({
         member: {
@@ -61,15 +53,12 @@ const handler = async (req: NextApiRequest, res: NextApiResponse) => {
     } else {
       const invitation = await prisma.workspaceInvitation.create({ data })
       if (env('E2E_TEST') !== 'true')
-        await sendEmailNotification({
+        await sendWorkspaceMemberInvitationEmail({
           to: data.email,
-          subject: "You've been invited to collaborate 🤝",
-          html: workspaceMemberInvitationEmail({
-            workspaceName: workspace.name,
-            guestEmail: data.email,
-            url: `${process.env.NEXTAUTH_URL}/typebots?workspaceId=${workspace.id}`,
-            hostEmail: user.email ?? '',
-          }),
+          workspaceName: workspace.name,
+          guestEmail: data.email,
+          url: `${process.env.NEXTAUTH_URL}/typebots?workspaceId=${workspace.id}`,
+          hostEmail: user.email ?? '',
         })
       return res.send({ invitation })
     }