⬆️ Upgrade dependencies

packages/emails/src/components/HeroImage.tsx

@@ -1,15 +1,12 @@
-import { MjmlImageProps, MjmlImage } from '@faire/mjml-react'
-import React from 'react'
+import { IMjmlImageProps, MjmlImage } from '@faire/mjml-react'
 import { borderBase } from '../theme'
 
-export const HeroImage = (props: MjmlImageProps) => (
+export const HeroImage = (props: IMjmlImageProps) => (
   <MjmlImage
     cssClass="hero"
     padding="0"
     align="left"
     borderRadius={borderBase}
     {...props}
-  >
-    {props.children}
-  </MjmlImage>
+  />
 )

packages/emails/src/components/Text.tsx

@@ -1,8 +1,7 @@
-import { MjmlText, MjmlTextProps, PaddingProps } from '@faire/mjml-react'
-import React from 'react'
+import { MjmlText, IMjmlTextProps } from '@faire/mjml-react'
 import { leadingRelaxed, textBase } from '../theme'
 
-export const Text = (props: MjmlTextProps & PaddingProps) => (
+export const Text = (props: IMjmlTextProps) => (
   <MjmlText
     padding="24px 0 0"
     fontSize={textBase}

packages/emails/src/emails/AlmostReachedChatsLimitEmail.tsx

@@ -5,8 +5,8 @@ import {
   MjmlSection,
   MjmlColumn,
   MjmlSpacer,
-  render,
 } from '@faire/mjml-react'
+import { render } from '@faire/mjml-react/dist/src/utils/render'
 import { Button, Head, HeroImage, Text } from '../components'
 import { parseNumberWithCommas } from 'utils'
 import { SendMailOptions } from 'nodemailer'
@@ -48,7 +48,7 @@ export const AlmostReachedChatsLimitEmail = ({
               You currently reached 80% of {readableChatsLimit} chats.
             </Text>
             <Text>This limit will be reset on {readableResetDate}.</Text>
-            <Text fontWeight={800}>
+            <Text fontWeight="800">
               Your bots won&apos;t start the chat if you reach the limit before
               this date❗
             </Text>

packages/emails/src/emails/AlmostReachedStorageLimitEmail.tsx

@@ -5,8 +5,8 @@ import {
   MjmlSection,
   MjmlColumn,
   MjmlSpacer,
-  render,
 } from '@faire/mjml-react'
+import { render } from '@faire/mjml-react/dist/src/utils/render'
 import { Button, Head, HeroImage, Text } from '../components'
 import { SendMailOptions } from 'nodemailer'
 import { sendEmail } from '../sendEmail'
@@ -39,7 +39,7 @@ export const AlmostReachedStorageLimitEmail = ({
               currently reached 80% of your {readableStorageLimit} storage
               limit.
             </Text>
-            <Text fontWeight={800}>
+            <Text fontWeight="800">
               Your bots won&apos;t collect new files once you reach the limit❗
             </Text>
             <Text>

packages/emails/src/emails/GuestInvitationEmail.tsx

@@ -5,8 +5,8 @@ import {
   MjmlSection,
   MjmlColumn,
   MjmlSpacer,
-  render,
 } from '@faire/mjml-react'
+import { render } from '@faire/mjml-react/dist/src/utils/render'
 import { HeroImage, Text, Button, Head } from '../components'
 import { SendMailOptions } from 'nodemailer'
 import { sendEmail } from '../sendEmail'

packages/emails/src/emails/ReachedChatsLimitEmail.tsx

@@ -5,8 +5,8 @@ import {
   MjmlSection,
   MjmlColumn,
   MjmlSpacer,
-  render,
 } from '@faire/mjml-react'
+import { render } from '@faire/mjml-react/dist/src/utils/render'
 import { Button, Head, HeroImage, Text } from '../components'
 import { parseNumberWithCommas } from 'utils'
 import { SendMailOptions } from 'nodemailer'
@@ -46,7 +46,7 @@ export const ReachedChatsLimitEmail = ({
               It just happened, you've reached your monthly{' '}
               {readableChatsLimit} chats limit 😮
             </Text>
-            <Text fontWeight={800}>
+            <Text fontWeight="800">
               It means your bots are closed until {readableResetDate}❗
             </Text>
             <Text>

packages/emails/src/emails/ReachedStorageLimitEmail.tsx

@@ -5,8 +5,8 @@ import {
   MjmlSection,
   MjmlColumn,
   MjmlSpacer,
-  render,
 } from '@faire/mjml-react'
+import { render } from '@faire/mjml-react/dist/src/utils/render'
 import { Button, Head, HeroImage, Text } from '../components'
 import { SendMailOptions } from 'nodemailer'
 import { sendEmail } from '../sendEmail'
@@ -37,7 +37,7 @@ export const ReachedStorageLimitEmail = ({
               It just happened, you've reached your {readableStorageLimit}{' '}
               storage limit 😮
             </Text>
-            <Text fontWeight={800}>
+            <Text fontWeight="800">
               It means your bots won&apos;t collect new files from your users❗
             </Text>
             <Text>

packages/emails/src/emails/WorkspaceMemberInvitationEmail.tsx

@@ -5,8 +5,8 @@ import {
   MjmlSection,
   MjmlColumn,
   MjmlSpacer,
-  render,
 } from '@faire/mjml-react'
+import { render } from '@faire/mjml-react/dist/src/utils/render'
 import { HeroImage, Text, Button, Head } from '../components'
 import { SendMailOptions } from 'nodemailer'
 import { sendEmail } from '../sendEmail'

packages/emails/src/index.ts

@@ -1,2 +1 @@
 export * from './emails'
-export { render } from '@faire/mjml-react'

packages/emails/src/preview.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { render } from '@faire/mjml-react'
+import { render } from '@faire/mjml-react/dist/src/utils/render'
 import fs from 'fs'
 import path from 'path'
 import {