🚧 Use TS project references

packages/emails/package.json

@@ -3,8 +3,6 @@
   "version": "1.0.0",
   "description": "",
   "private": true,
-  "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 ./src/preview.tsx --clear-screen=false",
@@ -16,22 +14,21 @@
   "license": "AGPL-3.0-or-later",
   "devDependencies": {
     "@faire/mjml-react": "3.3.0",
+    "@typebot.io/env": "workspace:*",
+    "@typebot.io/lib": "workspace:*",
     "@types/node": "20.4.2",
     "@types/nodemailer": "6.4.14",
-    "@types/react": "18.2.15",
+    "@types/react": "18.3.4",
     "concurrently": "8.2.0",
+    "eslint": "8.44.0",
+    "eslint-config-custom": "workspace:*",
     "http-server": "14.1.1",
     "nodemailer": "6.9.8",
     "react": "18.2.0",
-    "tsx": "4.6.2",
-    "@typebot.io/lib": "workspace:*",
-    "eslint": "8.44.0",
-    "eslint-config-custom": "workspace:*",
-    "@typebot.io/tsconfig": "workspace:*",
-    "@typebot.io/env": "workspace:*"
+    "tsx": "4.6.2"
   },
   "peerDependencies": {
     "@faire/mjml-react": "2.1.4",
     "nodemailer": "6.7.8"
   }
-}
+}

packages/emails/src/components/Button.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import { IMjmlButtonProps, MjmlButton } from '@faire/mjml-react'
 import { blue, grayLight } from '../theme'
 import { leadingTight, textBase, borderBase } from '../theme'

packages/emails/src/components/Head.tsx

@@ -1,4 +1,4 @@
-import React, { ReactElement } from 'react'
+import { ReactElement } from 'react'
 import {
   MjmlHead,
   MjmlFont,

packages/emails/src/components/HeroImage.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import { IMjmlImageProps, MjmlImage } from '@faire/mjml-react'
 import { borderBase } from '../theme'
 

packages/emails/src/components/Text.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import { MjmlText, IMjmlTextProps } from '@faire/mjml-react'
 import { leadingRelaxed, textBase } from '../theme'
 

packages/emails/src/emails/AlmostReachedChatsLimitEmail.tsx

@@ -1,4 +1,4 @@
-import React, { ComponentProps } from 'react'
+import { ComponentProps } from 'react'
 import { Mjml, MjmlBody, MjmlSection, MjmlColumn } from '@faire/mjml-react'
 import { render } from '@faire/mjml-react/utils/render'
 import { Head, HeroImage, Text } from '../components'

packages/emails/src/emails/GuestInvitationEmail.tsx

@@ -1,4 +1,4 @@
-import React, { ComponentProps } from 'react'
+import { ComponentProps } from 'react'
 import {
   Mjml,
   MjmlBody,

packages/emails/src/emails/MagicLinkEmail.tsx

@@ -1,4 +1,4 @@
-import React, { ComponentProps } from 'react'
+import { ComponentProps } from 'react'
 import {
   Mjml,
   MjmlBody,

packages/emails/src/emails/ReachedChatsLimitEmail.tsx

@@ -1,4 +1,4 @@
-import React, { ComponentProps } from 'react'
+import { ComponentProps } from 'react'
 import {
   Mjml,
   MjmlBody,

packages/emails/src/emails/WorkspaceMemberInvitationEmail.tsx

@@ -1,4 +1,4 @@
-import React, { ComponentProps } from 'react'
+import { ComponentProps } from 'react'
 import {
   Mjml,
   MjmlBody,

packages/emails/tsconfig.json

@@ -1,5 +1,15 @@
 {
-  "extends": "@typebot.io/tsconfig/react-library.json",
+  "extends": "../tsconfig/react.json",
   "include": ["src/**/*"],
-  "exclude": ["dist", "node_modules"]
+  "compilerOptions": {
+    "outDir": "dist"
+  },
+  "references": [
+    {
+      "path": "../env"
+    },
+    {
+      "path": "../lib"
+    }
+  ]
 }