♻️ Add shared eslint config

packages/emails/.eslintrc.js

@@ -0,0 +1,4 @@
+module.exports = {
+  root: true,
+  extends: ['custom'],
+}

packages/emails/package.json

@@ -2,12 +2,13 @@
   "name": "emails",
   "version": "1.0.0",
   "description": "",
-  "main": "./index.ts",
-  "types": "./index.ts",
+  "main": "./src/index.ts",
+  "types": "./src/index.ts",
   "scripts": {
     "preview": "concurrently \"pnpm run watch\" \"sleep 5 && pnpm run serve\" -n \"watch,serve\" -c \"bgBlue.bold,bgMagenta.bold\"",
     "watch": "tsx watch ./preview.tsx --clear-screen=false",
-    "serve": "http-server dist -a localhost -p 3223 -o"
+    "serve": "http-server dist -a localhost -p 3223 -o",
+    "lint": "eslint \"src/**/*.ts*\""
   },
   "keywords": [],
   "author": "Baptiste Arnaud",
@@ -22,7 +23,10 @@
     "nodemailer": "6.8.0",
     "react": "18.2.0",
     "tsx": "3.12.1",
-    "utils": "workspace:*"
+    "utils": "workspace:*",
+    "eslint": "8.28.0",
+    "eslint-config-custom": "workspace:*",
+    "tsconfig": "workspace:*"
   },
   "peerDependencies": {
     "@faire/mjml-react": "2.1.4",

packages/emails/src/emails/AlmostReachedChatsLimitEmail.tsx

@@ -42,15 +42,15 @@ export const AlmostReachedChatsLimitEmail = ({
         </MjmlSection>
         <MjmlSection padding="0 24px" cssClass="smooth">
           <MjmlColumn>
-            <Text>Your bots are chatting a lot. That's amazing. 💙</Text>
+            <Text>Your bots are chatting a lot. That&apos;s amazing. 💙</Text>
             <Text>
-              This means you've almost reached your monthly chats limit. You
-              currently reached 80% of {readableChatsLimit} chats.
+              This means you&apos;ve almost reached your monthly chats limit.
+              You currently reached 80% of {readableChatsLimit} chats.
             </Text>
             <Text>This limit will be reset on {readableResetDate}.</Text>
             <Text fontWeight={800}>
-              Your bots won't start the chat if you reach the limit before this
-              date❗
+              Your bots won&apos;t start the chat if you reach the limit before
+              this date❗
             </Text>
             <Text>
               If you need more monthly responses, you will need to upgrade your

packages/emails/src/emails/AlmostReachedStorageLimitEmail.tsx

@@ -33,17 +33,18 @@ export const AlmostReachedStorageLimitEmail = ({
         </MjmlSection>
         <MjmlSection padding="0 24px" cssClass="smooth">
           <MjmlColumn>
-            <Text>Your bots are working a lot. That's amazing. 🤖</Text>
+            <Text>Your bots are working a lot. That&apos;s amazing. 🤖</Text>
             <Text>
-              This means you've almost reached your storage limit. You currently
-              reached 80% of your {readableStorageLimit} storage limit.
+              This means you&apos;ve almost reached your storage limit. You
+              currently reached 80% of your {readableStorageLimit} storage
+              limit.
             </Text>
             <Text fontWeight={800}>
-              Your bots won't collect new files once you reach the limit❗
+              Your bots won&apos;t collect new files once you reach the limit❗
             </Text>
             <Text>
-              To make sure it won't happen, you need to upgrade your plan or
-              delete existing results to free up space.
+              To make sure it won&apos;t happen, you need to upgrade your plan
+              or delete existing results to free up space.
             </Text>
             <MjmlSpacer height="24px" />
             <Button link={url}>Upgrade workspace</Button>

packages/emails/src/emails/GuestInvitationEmail.tsx

@@ -42,7 +42,7 @@ export const GuestInvitationEmail = ({
           </Text>
           <Text>
             From now on you will see this typebot in your dashboard under his
-            workspace "{workspaceName}" 👍
+            workspace &quot;{workspaceName}&quot; 👍
           </Text>
           <Text>
             Make sure to log in as <i>{guestEmail}</i>.

packages/emails/src/emails/ReachedChatsLimitEmail.tsx

@@ -43,15 +43,15 @@ export const ReachedChatsLimitEmail = ({
         <MjmlSection padding="0 24px" cssClass="smooth">
           <MjmlColumn>
             <Text>
-              It just happened, you've reached your monthly {readableChatsLimit}{' '}
-              chats limit 😮
+              It just happened, you&apos;ve reached your monthly{' '}
+              {readableChatsLimit} chats limit 😮
             </Text>
             <Text fontWeight={800}>
               It means your bots are closed until {readableResetDate}❗
             </Text>
             <Text>
-              If you'd like to continue chatting with your users this month,
-              then you need to upgrade your plan. 🚀
+              If you&apos;d like to continue chatting with your users this
+              month, then you need to upgrade your plan. 🚀
             </Text>
 
             <MjmlSpacer height="24px" />

packages/emails/src/emails/ReachedStorageLimitEmail.tsx

@@ -34,14 +34,14 @@ export const ReachedStorageLimitEmail = ({
         <MjmlSection padding="0 24px" cssClass="smooth">
           <MjmlColumn>
             <Text>
-              It just happened, you've reached your {readableStorageLimit}{' '}
+              It just happened, you&apos;ve reached your {readableStorageLimit}{' '}
               storage limit 😮
             </Text>
             <Text fontWeight={800}>
-              It means your bots won't collect new files from your users❗
+              It means your bots won&apos;t collect new files from your users❗
             </Text>
             <Text>
-              If you'd like to continue collecting files, then you need to
+              If you&apos;d like to continue collecting files, then you need to
               upgrade your plan or remove existing results to free up space. 🚀
             </Text>
 

packages/emails/tsconfig.json

@@ -1,6 +1,5 @@
 {
-  "compilerOptions": {
-    "jsx": "react",
-    "esModuleInterop": true
-  }
+  "extends": "tsconfig/react-library.json",
+  "include": ["src/**/*"],
+  "exclude": ["dist", "node_modules"]
 }