mirror of
https://github.com/Litlyx/litlyx
synced 2025-12-09 23:48:36 +01:00
add brevo email
This commit is contained in:
Emily
@@ -1,12 +1,11 @@
|
||||
{
|
||||
"dependencies": {
|
||||
"@getbrevo/brevo": "^2.2.0",
|
||||
"dayjs": "^1.11.11",
|
||||
"mongoose": "^8.4.0",
|
||||
"nodemailer": "^6.9.13",
|
||||
"redis": "^4.6.14"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/node": "^20.12.13",
|
||||
"@types/nodemailer": "^6.4.15"
|
||||
"@types/node": "^20.12.13"
|
||||
}
|
||||
}
|
||||
|
||||
1069
shared/pnpm-lock.yaml
generated
1069
shared/pnpm-lock.yaml
generated
File diff suppressed because it is too large
Load Diff
@@ -1,137 +1,24 @@
|
||||
import nodemailer from 'nodemailer';
|
||||
import type SMTPTransport from 'nodemailer/lib/smtp-transport';
|
||||
import { TransactionalEmailsApi, SendSmtpEmail } from '@getbrevo/brevo';
|
||||
import { WELCOME_EMAIL } from './email_templates/WelcomeEmail';
|
||||
import { LIMIT_50_EMAIL } from './email_templates/Limit50Email';
|
||||
|
||||
|
||||
|
||||
|
||||
const TemplateEmail50 = `
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>LitLyx Limit Reached Email</title>
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');
|
||||
|
||||
body {
|
||||
font-family: 'Poppins', sans-serif;
|
||||
background-color: #0a0a0a;
|
||||
color: #ffffff;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 100%;
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.header {
|
||||
text-align: center;
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
.header h1 {
|
||||
font-size: 36px;
|
||||
font-weight: 700;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.step {
|
||||
margin: 20px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.step h2 {
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
margin: 0 0 10px 0;
|
||||
}
|
||||
|
||||
.step p {
|
||||
font-size: 16px;
|
||||
font-weight: 300;
|
||||
margin: 0 0 20px 0;
|
||||
}
|
||||
|
||||
.button {
|
||||
display: inline-block;
|
||||
padding: 10px 20px;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: #ffffff;
|
||||
background-color: #1a73e8;
|
||||
text-decoration: none;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.footer {
|
||||
text-align: center;
|
||||
padding: 20px 0;
|
||||
font-size: 14px;
|
||||
font-weight: 300;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="header">
|
||||
<h1>⚠ Limit for project ⚠</h1>
|
||||
</div>
|
||||
<div class="header">
|
||||
<p>Hey there! We found that one of your projects is at 50% of the <strong>limit of the plan.</strong> In order to continue to log visits & events, you should upgrade the plan of your project!</p>
|
||||
</div>
|
||||
<div class="step" style="margin-top: 4rem;">
|
||||
<h2>How can I upgrade the plan?</h2>
|
||||
<p>We offer different plans, each of them follows the stage of your project, so based on the reach, you should upgrade to the most appropriate one for your web platform.<strong> It takes 1 minute to upgrade the plan!</strong> You can find everything in the "Billing" section in the left menu of your dashboard.</p>
|
||||
<a href="https://dashboard.litlyx.com" class="button">Visit your dashboard</a>
|
||||
</div>
|
||||
<div class="step" style="margin-top: 4rem;">
|
||||
<h2>We are in early phases!</h2>
|
||||
<p>Want to become an early adopter? Book a demo with me! I'm Antonio & I'll guide you through all the features and benefits of LitLyx.<strong> A big discount is waiting for you❗️❗️❗️</strong></p>
|
||||
<a href="https://cal.com/litlyx/30min" class="button">Book a Demo with Me!</a>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<p>Thank you for choosing LitLyx each day to keep track of your business KPIs!</p>
|
||||
<p>Made with ❤️ in Italy</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
`
|
||||
|
||||
class EmailService {
|
||||
|
||||
private transport: nodemailer.Transporter<SMTPTransport.SentMessageInfo>;
|
||||
private apiInstance = new TransactionalEmailsApi();
|
||||
|
||||
createTransport(service: string, host: string, user: string, pass: string) {
|
||||
this.transport = nodemailer.createTransport({
|
||||
host,
|
||||
secure: true,
|
||||
auth: { user, pass },
|
||||
tls: {
|
||||
minVersion: 'TLSv1',
|
||||
ciphers: 'HIGH:MEDIUM:!aNULL:!eNULL:@STRENGTH:!DH:!kEDH'
|
||||
}
|
||||
});
|
||||
init(apiKey: string) {
|
||||
this.apiInstance.setApiKey(0, apiKey);
|
||||
}
|
||||
|
||||
async sendLimitEmail50(target: string) {
|
||||
try {
|
||||
if (!this.transport) return console.error('Transport not created');
|
||||
await this.transport.sendMail({
|
||||
from: 'helplitlyx@gmail.com',
|
||||
to: target,
|
||||
subject: 'Project limit 50%',
|
||||
html: TemplateEmail50
|
||||
});
|
||||
const sendSmtpEmail = new SendSmtpEmail();
|
||||
sendSmtpEmail.subject = "Litlyx project limit 50%";
|
||||
sendSmtpEmail.sender = { "name": "Litlyx", "email": "no-reply@litlyx.com" };
|
||||
sendSmtpEmail.to = [{ "email": target }];
|
||||
sendSmtpEmail.htmlContent = LIMIT_50_EMAIL;
|
||||
await this.apiInstance.sendTransacEmail(sendSmtpEmail);
|
||||
return true;
|
||||
} catch (ex) {
|
||||
console.error('ERROR SENDING EMAIL', ex);
|
||||
@@ -141,13 +28,13 @@ class EmailService {
|
||||
|
||||
async sendWelcomeEmail(target: string) {
|
||||
try {
|
||||
if (!this.transport) return console.error('Transport not created');
|
||||
await this.transport.sendMail({
|
||||
from: 'helplitlyx@gmail.com',
|
||||
to: target,
|
||||
subject: 'Welcome to Litlyx',
|
||||
html: WELCOME_EMAIL
|
||||
});
|
||||
console.log('SENDING WELCOME EMAIL_EMAIL SERVICE')
|
||||
const sendSmtpEmail = new SendSmtpEmail();
|
||||
sendSmtpEmail.subject = "Welcome to Litlyx";
|
||||
sendSmtpEmail.sender = { "name": "Litlyx", "email": "no-reply@litlyx.com" };
|
||||
sendSmtpEmail.to = [{ "email": target }];
|
||||
sendSmtpEmail.htmlContent = WELCOME_EMAIL;
|
||||
await this.apiInstance.sendTransacEmail(sendSmtpEmail);
|
||||
return true;
|
||||
} catch (ex) {
|
||||
console.error('ERROR SENDING EMAIL', ex);
|
||||
|
||||
@@ -17,9 +17,11 @@ export class RedisStreamService {
|
||||
url: requireEnv("REDIS_URL"),
|
||||
username: requireEnv("REDIS_USERNAME"),
|
||||
password: requireEnv("REDIS_PASSWORD"),
|
||||
database: process.env.DEV_MODE === 'true' ? 1 : 0
|
||||
});
|
||||
|
||||
static async connect() {
|
||||
console.log('RedisStreamService DEV_MODE=', process.env.DEV_MODE === 'true');
|
||||
await this.client.connect();
|
||||
}
|
||||
|
||||
|
||||
101
shared/services/email_templates/Limit50Email.ts
Normal file
101
shared/services/email_templates/Limit50Email.ts
Normal file
@@ -0,0 +1,101 @@
|
||||
export const LIMIT_50_EMAIL = `
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>LitLyx Limit Reached Email</title>
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');
|
||||
|
||||
body {
|
||||
font-family: 'Poppins', sans-serif;
|
||||
background-color: #0a0a0a;
|
||||
color: #ffffff;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 100%;
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.header {
|
||||
text-align: center;
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
.header h1 {
|
||||
font-size: 36px;
|
||||
font-weight: 700;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.step {
|
||||
margin: 20px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.step h2 {
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
margin: 0 0 10px 0;
|
||||
}
|
||||
|
||||
.step p {
|
||||
font-size: 16px;
|
||||
font-weight: 300;
|
||||
margin: 0 0 20px 0;
|
||||
}
|
||||
|
||||
.button {
|
||||
display: inline-block;
|
||||
padding: 10px 20px;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: #ffffff;
|
||||
background-color: #1a73e8;
|
||||
text-decoration: none;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.footer {
|
||||
text-align: center;
|
||||
padding: 20px 0;
|
||||
font-size: 14px;
|
||||
font-weight: 300;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="header">
|
||||
<h1>⚠ Limit for project ⚠</h1>
|
||||
</div>
|
||||
<div class="header">
|
||||
<p>Hey there! We found that one of your projects is at 50% of the <strong>limit of the plan.</strong> In order to continue to log visits & events, you should upgrade the plan of your project!</p>
|
||||
</div>
|
||||
<div class="step" style="margin-top: 4rem;">
|
||||
<h2>How can I upgrade the plan?</h2>
|
||||
<p>We offer different plans, each of them follows the stage of your project, so based on the reach, you should upgrade to the most appropriate one for your web platform.<strong> It takes 1 minute to upgrade the plan!</strong> You can find everything in the "Billing" section in the left menu of your dashboard.</p>
|
||||
<a href="https://dashboard.litlyx.com" class="button">Visit your dashboard</a>
|
||||
</div>
|
||||
<div class="step" style="margin-top: 4rem;">
|
||||
<h2>We are in early phases!</h2>
|
||||
<p>Want to become an early adopter? Book a demo with me! I'm Antonio & I'll guide you through all the features and benefits of LitLyx.<strong> A big discount is waiting for you❗️❗️❗️</strong></p>
|
||||
<a href="https://cal.com/litlyx/30min" class="button">Book a Demo with Me!</a>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<p>Thank you for choosing LitLyx each day to keep track of your business KPIs!</p>
|
||||
<p>Made with ❤️ in Italy</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
`
|
||||
Reference in New Issue
Block a user