mirror of
https://github.com/Unleash/unleash.git
synced 2025-09-05 17:53:12 +02:00
chore: new getting started email template
This commit is contained in:
Nuno Góis
parent
a80b667cf5
commit
ab38c3d90f
@ -10,6 +10,7 @@ import {
|
|||||||
productivityReportViewModel,
|
productivityReportViewModel,
|
||||||
} from '../features/productivity-report/productivity-report-view-model.js';
|
} from '../features/productivity-report/productivity-report-view-model.js';
|
||||||
import { fileURLToPath } from 'node:url';
|
import { fileURLToPath } from 'node:url';
|
||||||
|
import type { IFlagResolver } from '../types/index.js';
|
||||||
|
|
||||||
const __filename = fileURLToPath(import.meta.url);
|
const __filename = fileURLToPath(import.meta.url);
|
||||||
const __dirname = path.dirname(__filename);
|
const __dirname = path.dirname(__filename);
|
||||||
@ -85,9 +86,12 @@ export class EmailService {
|
|||||||
|
|
||||||
private readonly sender: string;
|
private readonly sender: string;
|
||||||
|
|
||||||
|
private flagResolver: IFlagResolver;
|
||||||
|
|
||||||
constructor(config: IUnleashConfig, transportProvider?: TransportProvider) {
|
constructor(config: IUnleashConfig, transportProvider?: TransportProvider) {
|
||||||
this.config = config;
|
this.config = config;
|
||||||
this.logger = config.getLogger('services/email-service.ts');
|
this.logger = config.getLogger('services/email-service.ts');
|
||||||
|
this.flagResolver = config.flagResolver;
|
||||||
const { email } = config;
|
const { email } = config;
|
||||||
if (email?.host) {
|
if (email?.host) {
|
||||||
this.sender = email.sender;
|
this.sender = email.sender;
|
||||||
@ -421,13 +425,19 @@ export class EmailService {
|
|||||||
year,
|
year,
|
||||||
unleashUrl,
|
unleashUrl,
|
||||||
};
|
};
|
||||||
|
|
||||||
|
let gettingStartedTemplate = 'getting-started';
|
||||||
|
if (this.flagResolver.isEnabled('newGettingStartedEmail')) {
|
||||||
|
gettingStartedTemplate = 'getting-started-new';
|
||||||
|
}
|
||||||
|
|
||||||
const bodyHtml = await this.compileTemplate(
|
const bodyHtml = await this.compileTemplate(
|
||||||
'getting-started',
|
gettingStartedTemplate,
|
||||||
TemplateFormat.HTML,
|
TemplateFormat.HTML,
|
||||||
context,
|
context,
|
||||||
);
|
);
|
||||||
const bodyText = await this.compileTemplate(
|
const bodyText = await this.compileTemplate(
|
||||||
'getting-started',
|
gettingStartedTemplate,
|
||||||
TemplateFormat.PLAIN,
|
TemplateFormat.PLAIN,
|
||||||
context,
|
context,
|
||||||
);
|
);
|
||||||
|
|||||||
@ -66,7 +66,8 @@ export type IFlagKey =
|
|||||||
| 'registerFrontendClient'
|
| 'registerFrontendClient'
|
||||||
| 'featureLinks'
|
| 'featureLinks'
|
||||||
| 'projectLinkTemplates'
|
| 'projectLinkTemplates'
|
||||||
| 'reportUnknownFlags';
|
| 'reportUnknownFlags'
|
||||||
|
| 'newGettingStartedEmail';
|
||||||
|
|
||||||
export type IFlags = Partial<{ [key in IFlagKey]: boolean | Variant }>;
|
export type IFlags = Partial<{ [key in IFlagKey]: boolean | Variant }>;
|
||||||
|
|
||||||
@ -315,6 +316,10 @@ const flags: IFlags = {
|
|||||||
process.env.UNLEASH_EXPERIMENTAL_REPORT_UNKNOWN_FLAGS,
|
process.env.UNLEASH_EXPERIMENTAL_REPORT_UNKNOWN_FLAGS,
|
||||||
false,
|
false,
|
||||||
),
|
),
|
||||||
|
newGettingStartedEmail: parseEnvVarBoolean(
|
||||||
|
process.env.UNLEASH_EXPERIMENTAL_NEW_GETTING_STARTED_EMAIL,
|
||||||
|
false,
|
||||||
|
),
|
||||||
};
|
};
|
||||||
|
|
||||||
export const defaultExperimentalOptions: IExperimentalOptions = {
|
export const defaultExperimentalOptions: IExperimentalOptions = {
|
||||||
|
|||||||
@ -0,0 +1,165 @@
|
|||||||
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||||
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<title>Welcome to Unleash</title>
|
||||||
|
<style>
|
||||||
|
/* /\/\/\/\/\/\/\/\/ CLIENT-SPECIFIC STYLES /\/\/\/\/\/\/\/\/ */
|
||||||
|
#outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */
|
||||||
|
.ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
|
||||||
|
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing */
|
||||||
|
body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */
|
||||||
|
table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */
|
||||||
|
img{-ms-interpolation-mode:bicubic;} /* Allow smoother rendering of resized image in Internet Explorer */
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
background-color: #EAEAED;
|
||||||
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
table {
|
||||||
|
border-collapse: collapse;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.preheader {
|
||||||
|
display: none;
|
||||||
|
font-size: 1px;
|
||||||
|
color: #fff;
|
||||||
|
line-height: 1px;
|
||||||
|
max-height: 0;
|
||||||
|
max-width: 0;
|
||||||
|
opacity: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.logo-bar {
|
||||||
|
max-width: 600px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 24px;
|
||||||
|
}
|
||||||
|
.logo-bar > img {
|
||||||
|
max-height: 36px;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.container {
|
||||||
|
max-width: 600px;
|
||||||
|
margin: 0 auto;
|
||||||
|
background-color: #ffffff;
|
||||||
|
border-radius: 8px;
|
||||||
|
overflow: hidden;
|
||||||
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
|
||||||
|
}
|
||||||
|
.header {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.header img {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
.content {
|
||||||
|
padding: 32px 24px 24px;
|
||||||
|
}
|
||||||
|
.content h1 {
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
}
|
||||||
|
.content p {
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 1.6;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
}
|
||||||
|
.resources {
|
||||||
|
padding: 0 24px 24px;
|
||||||
|
}
|
||||||
|
.resources h2 {
|
||||||
|
font-size: 18px;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
}
|
||||||
|
.resources ul {
|
||||||
|
padding-left: 24px;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.resources ul li {
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
.resources ul li a {
|
||||||
|
color: #615BC2;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
.signature {
|
||||||
|
padding: 0px 24px;
|
||||||
|
}
|
||||||
|
.footer {
|
||||||
|
font-size: 12px;
|
||||||
|
color: #3b3f44;
|
||||||
|
text-align: center;
|
||||||
|
padding: 24px;
|
||||||
|
}
|
||||||
|
.footer a {
|
||||||
|
color: #615BC2;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<span class="preheader">
|
||||||
|
Welcome to Unleash! You’ve been invited to your organization’s Unleash account – start experimenting with features today.
|
||||||
|
</span>
|
||||||
|
<div class="logo-bar">
|
||||||
|
<img src="https://cdn.getunleash.io/unleash_logo_600.png" alt="Unleash logo" />
|
||||||
|
</div>
|
||||||
|
<div class="container">
|
||||||
|
<div class="header">
|
||||||
|
<img src="https://cdn.getunleash.io/email-assets/email_header_welcome.png" alt="Welcome to Unleash" />
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<h1>Welcome to Unleash {{ name }}!</h1>
|
||||||
|
<p>
|
||||||
|
You have been invited to your organization’s Unleash account.
|
||||||
|
</p>
|
||||||
|
{{# passwordLink }}
|
||||||
|
<p>
|
||||||
|
Start using Unleash by clicking the sign-up link below. Follow the
|
||||||
|
steps provided to set your password and get started.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<a href="{{{ passwordLink }}}" target="_blank" rel="noopener noreferrer" style="display:inline-block; padding:6px 20px; margin-top:8px; background-color:#6C65E5; color:#ffffff !important; text-decoration:none; border-radius:6px; font-weight:bold; font-size:14px;">Set up account</a>
|
||||||
|
</p>
|
||||||
|
{{/ passwordLink }}
|
||||||
|
{{^ passwordLink }}
|
||||||
|
<p>
|
||||||
|
Start using Unleash by clicking the log in link below.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<a href="{{{ unleashUrl }}}" target="_blank" rel="noopener noreferrer" style="display:inline-block; padding:6px 20px; margin-top:8px; background-color:#6C65E5; color:#ffffff !important; text-decoration:none; border-radius:6px; font-weight:bold; font-size:14px;">Log in</a>
|
||||||
|
</p>
|
||||||
|
{{/ passwordLink }}
|
||||||
|
</div>
|
||||||
|
<div class="resources">
|
||||||
|
<h2>Useful resources</h2>
|
||||||
|
<p>Once you are up and running, you might want to take a look at the following resources:</p>
|
||||||
|
<ul>
|
||||||
|
<li><a href="https://docs.getunleash.io" target="_blank" rel="noopener noreferrer">Documentation</a></li>
|
||||||
|
<li><a href="https://github.com/unleash" target="_blank" rel="noopener noreferrer">Code examples</a></li>
|
||||||
|
<li><a href="https://docs.getunleash.io/reference/sdks" target="_blank" rel="noopener noreferrer">SDKs</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="signature">
|
||||||
|
<p>Best,<br/>Your Unleash team</p>
|
||||||
|
</div>
|
||||||
|
<div class="footer">
|
||||||
|
<p>
|
||||||
|
<a href="https://github.com/unleash" target="_blank">Follow us on GitHub</a><br />
|
||||||
|
© {{ year }} Bricks Software – All rights reserved.<br />
|
||||||
|
Our mailing address is: <a href="mailto:team@getunleash.io">team@getunleash.io</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -0,0 +1,28 @@
|
|||||||
|
Welcome to Unleash {{ name }}!
|
||||||
|
|
||||||
|
You have been invited to your organization's Unleash account.
|
||||||
|
|
||||||
|
{{# passwordLink }}
|
||||||
|
Start using Unleash by clicking the sign-up link below. Follow the steps provided to set your password and get started.
|
||||||
|
|
||||||
|
{{{ passwordLink }}}
|
||||||
|
{{/ passwordLink }}
|
||||||
|
|
||||||
|
{{^ passwordLink }}
|
||||||
|
Start using Unleash by clicking the log in link below.
|
||||||
|
|
||||||
|
{{{ unleashUrl }}}
|
||||||
|
{{/ passwordLink }}
|
||||||
|
|
||||||
|
Once you're up and running, you might want to take a look at the following resources:
|
||||||
|
|
||||||
|
- Documentation: https://docs.getunleash.io
|
||||||
|
- Code examples: https://github.com/unleash
|
||||||
|
- SDKs: https://docs.getunleash.io/reference/sdks
|
||||||
|
|
||||||
|
Best,
|
||||||
|
Your Unleash team
|
||||||
|
|
||||||
|
Follow us on GitHub: https://github.com/unleash
|
||||||
|
Contact us: team@getunleash.io
|
||||||
|
© {{ year }} Bricks Software – All rights reserved.
|
||||||
Loading…
Reference in New Issue
Block a user