Move emails to dedicated package (#3542)

* Add new package

* Add twenty-emails package

* Use generated files from twenty-emails in twenty-server

* Fix deleted file

* Import emails templates properly

packages/twenty-emails/src/emails/clean-inactive-workspaces.email.tsx

@@ -0,0 +1,49 @@
+import * as React from 'react';
+import { BaseEmail } from 'src/components/BaseEmail';
+import { CallToAction } from 'src/components/CallToAction';
+import { HighlightedText } from 'src/components/HighlightedText';
+import { MainText } from 'src/components/MainText';
+import { Title } from 'src/components/Title';
+
+type CleanInactiveWorkspaceEmailData = {
+  daysLeft: number;
+  userName: string;
+  workspaceDisplayName: string;
+};
+
+export const CleanInactiveWorkspaceEmail = ({
+  daysLeft,
+  userName,
+  workspaceDisplayName,
+}: CleanInactiveWorkspaceEmailData) => {
+  const dayOrDays = daysLeft > 1 ? 'days' : 'day';
+  const remainingDays = daysLeft > 1 ? `${daysLeft} ` : '';
+
+  const helloString = userName?.length > 1 ? `Hello ${userName}` : 'Hello';
+
+  return (
+    <BaseEmail>
+      <Title value="Inactive Workspace 😴" />
+      <HighlightedText value={`${daysLeft} ${dayOrDays} left`} />
+      <MainText>
+        {helloString},
+        <br />
+        <br />
+        It appears that there has been a period of inactivity on your{' '}
+        <b>{workspaceDisplayName}</b> workspace.
+        <br />
+        <br />
+        Please note that the account is due for deactivation soon, and all
+        associated data within this workspace will be deleted.
+        <br />
+        <br />
+        No need for concern, though! Simply create or edit a record within the
+        next {remainingDays}
+        {dayOrDays} to retain access.
+      </MainText>
+      <CallToAction href="https://app.twenty.com" value="Connect to Twenty" />
+    </BaseEmail>
+  );
+};
+
+export default CleanInactiveWorkspaceEmail;

packages/twenty-emails/src/emails/delete-inactive-workspaces.email.tsx

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { BaseEmail } from 'src/components/BaseEmail';
+import { CallToAction } from 'src/components/CallToAction';
+import { HighlightedText } from 'src/components/HighlightedText';
+import { MainText } from 'src/components/MainText';
+import { Title } from 'src/components/Title';
+
+type DeleteInactiveWorkspaceEmailData = {
+  daysSinceDead: number;
+  workspaceId: string;
+};
+
+export const DeleteInactiveWorkspaceEmail = ({
+  daysSinceDead,
+  workspaceId,
+}: DeleteInactiveWorkspaceEmailData) => {
+  return (
+    <BaseEmail>
+      <Title value="Dead Workspace 😵" />
+      <HighlightedText value={`Inactive since ${daysSinceDead} day(s)`} />
+      <MainText>
+        Workspace <b>{workspaceId}</b> should be deleted.
+      </MainText>
+      <CallToAction href="https://app.twenty.com" value="Connect to Twenty" />
+    </BaseEmail>
+  );
+};
+
+export default DeleteInactiveWorkspaceEmail;