🧑‍💻 (emails) Add decent emails management

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

packages/emails/preview.tsx

@@ -0,0 +1,98 @@
+import React from 'react'
+import { render } from '@faire/mjml-react'
+import fs from 'fs'
+import path from 'path'
+import {
+  AlmostReachedChatsLimitEmail,
+  AlmostReachedStorageLimitEmail,
+  DefaultBotNotificationEmail,
+  GuestInvitationEmail,
+  ReachedChatsLimitEmail,
+  ReachedStorageLimitEmail,
+  WorkspaceMemberInvitation,
+} from './emails'
+
+const createDistFolder = () => {
+  const dist = path.resolve(__dirname, 'dist')
+  if (!fs.existsSync(dist)) {
+    fs.mkdirSync(dist)
+  }
+}
+
+const createHtmlFile = () => {
+  fs.writeFileSync(
+    path.resolve(__dirname, 'dist', 'guestInvitation.html'),
+    render(
+      <GuestInvitationEmail
+        workspaceName={'Typebot'}
+        typebotName={'Lead Generation'}
+        url={'https://app.typebot.io'}
+        hostEmail={'baptiste@typebot.io'}
+        guestEmail={'guest@typebot.io'}
+      />
+    ).html
+  )
+  fs.writeFileSync(
+    path.resolve(__dirname, 'dist', 'workspaceMemberInvitation.html'),
+    render(
+      <WorkspaceMemberInvitation
+        workspaceName={'Typebot'}
+        url={'https://app.typebot.io'}
+        hostEmail={'baptiste@typebot.io'}
+        guestEmail={'guest@typebot.io'}
+      />
+    ).html
+  )
+  fs.writeFileSync(
+    path.resolve(__dirname, 'dist', 'almostReachedChatsLimit.html'),
+    render(
+      <AlmostReachedChatsLimitEmail
+        url={'https://app.typebot.io'}
+        chatsLimit={2000}
+      />
+    ).html
+  )
+  fs.writeFileSync(
+    path.resolve(__dirname, 'dist', 'almostReachedStorageLimit.html'),
+    render(
+      <AlmostReachedStorageLimitEmail
+        url={'https://app.typebot.io'}
+        storageLimit={4}
+      />
+    ).html
+  )
+  fs.writeFileSync(
+    path.resolve(__dirname, 'dist', 'reachedChatsLimit.html'),
+    render(
+      <ReachedChatsLimitEmail
+        url={'https://app.typebot.io'}
+        chatsLimit={10000}
+      />
+    ).html
+  )
+  fs.writeFileSync(
+    path.resolve(__dirname, 'dist', 'reachedStorageLimit.html'),
+    render(
+      <ReachedStorageLimitEmail
+        url={'https://app.typebot.io'}
+        storageLimit={8}
+      />
+    ).html
+  )
+  fs.writeFileSync(
+    path.resolve(__dirname, 'dist', 'defaultBotNotification.html'),
+    render(
+      <DefaultBotNotificationEmail
+        resultsUrl={'https://app.typebot.io'}
+        answers={{
+          'Group #1': 'Answer #1',
+          Name: 'Baptiste',
+          Email: 'baptiste.arnaud95@gmail.com',
+        }}
+      />
+    ).html
+  )
+}
+
+createDistFolder()
+createHtmlFile()